/* Variables */

:root {
  /* General variables */
  --theme-font-color: 36, 41, 52;
  --theme-body-font-color: 64, 64, 64;
  --theme-body-sub-title-color: 117, 117, 138;
  --body-color: 248, 248, 248;
  --main-body-color: 247, 248, 249;
  /* Theme colors variables */
  --theme-default: 115, 102, 255;
  --primary-color: 115, 102, 255;
  --theme-secondary: 131, 131, 131;
  --secondary-color: 131, 131, 131;
  --success-color: 101, 193, 92;
  --info-color: 64, 184, 245;
  --warning-color: 255, 184, 41;
  --danger-color: 252, 86, 74;
  --light-color: 244, 244, 244;
  --badge-light-color: 82, 82, 108;
  --light-gray: 233, 237, 241;
  --light-widget-border: 239, 238, 255;
  --light-semi-gray: 239, 239, 239;
  --font-gray-color: 108, 117, 125;
  --dark-light: 36, 41, 52;
  --dark-gray: 137, 137, 137;
  --dark-color: 63, 71, 90;
  --dark-color-light: 103, 107, 116;
  --gray-60: 204, 204, 204;
  --card-body-color: 249, 249, 250;
  --transparent-color: transparent;
  --auth-bg-color: 250, 250, 250;
  --light: 253, 254, 255;
  --semi-dark: 89, 102, 122;
  --light-text: 153, 153, 153;
  --light-paragraph: 143, 143, 143;
  --light-background: 246, 247, 249;
  --light-font: 162, 170, 186;
  --light-semi-font: 89, 102, 122;
  --light-chartist-grid-color: 246, 249, 253;
  --pitch-color: 254, 138, 125;
  --color-scarpa: 76, 86, 103;
  --color-fiord: 69, 90, 100;
  --black: 0, 0, 0;
  --white: 255, 255, 255;
  --white-bg: 255, 255, 255;
  --ps-light-border: 221, 221, 221;
  --off-white: 247, 246, 255;
  --lighter-white: 233, 233, 233;
  --theme-medium-color: 234, 232, 255;
  --dropdown-border-color: 145, 142, 153;
  --light-primary: 232, 229, 255;
  --light-secondary: 242, 242, 242;
  --light-success: 220, 241, 218;
  --light-info: 213, 245, 254;
  --light-warning: 255, 247, 229;
  --light-danger: 255, 232, 230;
  --light-white: 249, 249, 251;
  --light-dark: 234, 235, 242;
  --folder-color: 239, 160, 0;
  --chart-progress-light: 237, 237, 240;
  --recent-dashed-border: 203, 203, 211;
  --recent-border: 215, 216, 222;
  --tw-emphasis-color-rgb: 246, 247, 249;
  --tw-border-color: 233, 237, 241;
  --tw-table-bg: 246, 247, 249;
  --tw-heading-color: 51, 51, 51;
  --light-bg: 238, 241, 246;
  --chart-dashed-border: 220, 220, 225;
  --view-grid-bg: 246, 249, 252;
  --lighter-gray: 33, 37, 41;
  --light2: 245, 246, 249;
  --chart-border: 236, 243, 250;
  --course-light-btn: 242, 243, 247;
  --chart-text-color: 117, 116, 136;
  --recent-chart-bg: 252, 252, 253;
  --light-shade-primary: 245, 244, 255;
  --dark-light-color: 61, 59, 130;
  --course-bg: 247, 247, 247;
  --light-slate: 245, 246, 249;
  --primary-70: 157, 151, 251;
  --warning-70: 254, 191, 134;
  --success-70: 138, 207, 135;
  --view-border-marker: 207, 205, 252;
  --recent-box-bg: 242, 244, 247;
  /* gradient colors */
  --gradient-primary: linear-gradient(26deg, rgba(var(--theme-default), 1) 0%, #a26cf8 100%);
  --gradient-bg-primary: linear-gradient(103.75deg, #33b1ee -13.9%, rgba(var(--theme-default), 1) 79.68%);
  /* Social colors */
  --fb: 80, 89, 142;
  --twitter: 0, 0, 204;
  --google-plus: 198, 78, 64;
  --linkedin: 0, 115, 177;
  /* Social table */
  --fb-color: 47, 132, 244;
  --insta-color: 252, 151, 30;
  --pintrest-color: 255, 51, 100;
  --twitter-color: 35, 25, 21;
  --youtube-color: 244, 47, 47;
  --instagram-color: linear-gradient(45deg, #fee411 11.93%, #fedb16 15.61%, #fec125 21.74%, #fe983d 29.56%, #fe5f5e 38.66%, #fe2181 47.46%, #9000dc 82.98%);
  /*rating*/
  --normal: 236, 234, 243;
  --normal-shadow: 217, 216, 227;
  --normal-mouth: 151, 149, 164;
  --normal-eye: 89, 88, 97;
  --active: 248, 218, 105;
  --active-shadow: 244, 181, 85;
  --active-mouth: 240, 81, 54;
  --active-eye: 49, 48, 54;
  --active-tear: 118, 181, 231;
  --active-shadow-angry: 233, 79, 29;
  /* error input color start */
  --light-body-bg-color: 250, 253, 255;
  /* fonts */
  --font-rubik: Rubik;
  --font-roboto: Roboto;
  --font-serif: sans-serif;
  --landing-cursive: "Caveat", cursive;
  --font-themify: themify;
  --font-awesome: "Font Awesome 6 Free";
  --font-ICO: IcoFont;
  /* General tag settings */
  --body-font-size: 14px;
  --body-font-color: 64, 64, 64;
  --ul-padding-left: 0px;
  --anchor-color: 115, 102, 255;
  --btn-focus-box-shadow: none;
  --all-focus-outline-color: 115, 102, 255;
  --paragraph-font-size: 14px;
  --paragraph-line-height: 1.7;
  --paragraph-letter-spacing: 0.7px;
  --code-tag-color: 115, 102, 255;
  --code-tag-bg-color: 251, 250, 255;
  --code-tag-padding: 3px;
  --code-tag-margin: 0 3px;
  --code-tag-border-radius: 2px;
  --blockquote-padding: 8px;
  --blockquote-border: 115, 102, 255;
  --small-tag-padding: 10px;
  --small-tag-color: 63, 71, 90;
  --pre-tag-bg-color: 251, 250, 255;
  --pre-tag-padding: 20px 0;
  --list-group-active-bg-color: 115, 102, 255;
  --list-group-active-border-color: 115, 102, 255;
  --list-group-img-size: 40px;
  --list-group-margin: 10px;
  --f-lighter: 127, 129, 131;
  /* Tables settings */
  --table-b-margin: 0px;
  --table-heading-color: 64, 64, 64;
  --table-row-color: 64, 64, 64;
  --table-footer-font-weight: bold;
  --table-inverse-color: 255, 255, 255;
  --table-hover-color: 253, 254, 255;
  --table-padding: 0.75rem;
  --table-xl-padding: 1.25rem 2rem;
  --table-xl-font: 120%;
  --table-lg-padding: 0.9rem 2rem;
  --table-lg-font: 110%;
  --table-de-padding: 0.75rem 2rem;
  --table-de-font: 100%;
  --table-sm-padding: 0.5rem 2rem;
  --table-sm-font: 90%;
  --table-xs-padding: 0.2rem 2rem;
  --table-xs-font: 80%;
  --horizontal-border-color: #f2f4ff;
  --horizontal-padding: 0.75rem 2rem;
  --table-inverse-bg-color: #292b2c;
  /* According setting */
  --according-card-top-margin: 10px;
  --according-btn-weight: 500;
  --according-btn-color: 64, 64, 64;
  --according-card-header-padding: 0.75rem 1.25rem;
  --according-card-header-icon: var(--font-ICO);
  --according-open-icon: "\eb73";
  --according-close-icon: "\eb7a";
  /* Alert settings */
  --alert-hover-color: 63, 71, 90;
  --alert-border-radius: 0.15rem;
  --alert-padding: 15px;
  --alert-msg-icon-size: 16px;
  /* badge settings */
  --badge-padding: 0.25em 0.5em;
  --badge-svg-size: 16px;
  /* form input settings */
  --form-group-margin-bottom: 1.25em;
  --col-form-label-font-size: 14px;
  --form-control-font-size: 14px;
  --form-control-border-radius: 2px;
  --form-control-border-color: 233, 237, 241;
  --breadcrumb-anchor-color: 255, 255, 255;
  --breadcrumb-anchor-dark-color: 0, 0, 0;
  /* buttons setting */
  --btn-font-size: 14px;
  --btn-padding: 0.375rem 1.75rem;
  --btn-lg-font-size: 18px;
  --btn-sm-font-size: 12px;
  --btn-xs-font-size: 11px;
  --btn-xs-padding: 0.05rem 0.4rem;
  /* Card settings */
  --card-padding: 20px;
  --card-margin-bottom: 24px;
  --card-border-color: 1px solid 233, 237, 241;
  --card-border-radius: 15px;
  --common-shadow-color: rgba(var(--info-color), 0.08);
  --card-box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07);
  --card-header-bg-color: 255, 255, 255;
  --card-header-font-transform: capitalize;
  --card-header-span-size: 12px;
  --card-header-span-color: 117, 117, 138;
  --card-body-bg-color: transparent;
  --card-footer-bg-color: 255, 255, 255;
  --card-hover-box-shadow: 0 0 40px rgba(8, 21, 66, 0.05);
  /* According settings */
  --card-border-width: 0px;
  --card-header-font-weight: 600;
  --card-header-font-size: 18px;
  --card-header-font-color: 64, 64, 64;
  /* footer settings */
  --footer-dark-color: 36, 41, 52;
  /* form settings */
  --form-group-margin-bottom: 20px;
  --sm-form-margin-bottom: 14px;
  --form-placeholder-color: 137, 137, 137;
  --form-placeholder-font-size: 14px;
  --form-placeholder-letter-spacing: 1px;
  --form-placeholder-font-weight: 100;
  --form-input-border-color: 239, 239, 239;
  --form-input-bg-color: 255, 255, 255;
  /* Tour settings */
  --tour-color: 115, 102, 255;
  /* sidebar main settings */
  --sidebar-width: 255px;
  --sidebar-position: fixed;
  --sidebar-background-color: 255, 255, 255;
  --sidebar-shadow: 0 0 11px rgba(69, 110, 243, 0.13);
  --sidebar-overflow: auto;
  --sidebar-z-index: 9;
  --sidebar-transition: 0.5s;
  --sidebar-fill-icon-color: #757589;
  /* sidebar profile settings */
  --sidebar-profile-edit-icon-size: 14px;
  --sidebar-profile-name-txt-color: 115, 102, 255;
  --sidebar-profile-name-txt-transfer: uppercase;
  --sidebar-profile-name-txt-weight: 600;
  --sidebar-profile-name-letter-specing: 1.5px;
  --sidebar-profile-name-margin: 3px;
  --sidebar-profile-sub-title-font-size: 10px;
  --sidebar-profile-sub-title-margin: 0px;
  --sidebar-profile-img-shadow: 0 0 15px rgba(68, 102, 242, 0.3);
  /* Sidebar main menu setting */
  --sidebar-menu-padding: 15px;
  --sidebar-menu-list-style: none;
  --sidebar-menu-list-margin: 0;
  --sidebar-icon-size: 14px;
  --sidebar-icon-margin: 14px;
  --sidebar-icon-stroke-width: 3px;
  --sidebar-font-size: 14px;
  --sidebar-letter-spacing: 0.5px;
  --sidebar-txt-transform: capitalize;
  --sidebar-font-weight: 600;
  --sidebar-font-color: 64, 64, 64;
  --sidebar-padding-top: 12px;
  --sidebar-padding-bottom: 12px;
  --sidebar-sub-header-padding: 15px;
  --sidebar-sub-header-margin: 0;
  --sidebar-heading-hover-padding: 5px;
  --sidebar-hover-txt-color: 115, 102, 255;
  --sidebar-arrow-margin-top: 2px;
  --sidebar-arrow-size: 15px;
  --sidebar-arrow-color: 64, 64, 64;
  --sidebar-open-icon: "\f107";
  --sidebar-close-icon: "\f105";
  --sidebar-icon-font-family: var(--font-awesome);
  --sidebar-height: calc(100vh - 115px);
  --sidebar-compact-width: 265px;
  /* Header settings */
  --main-header-position: fixed;
  --main-header-top: 0;
  --main-header-shadow: 0 0 20px rgba(var(--semi-dark), 0.1);
  --main-header-shadow-1: 0px 4px 40px rgba(39, 32, 120, 0.1);
  /* page settings */
  --page-body-padding: 0 calc(15px + (27 - 15) * ((100vw - 320px) / (1920 - 320))) 0 calc(15px + (27 - 15) * ((100vw - 320px) / (1920 - 320)));
  --page-body-bg-color: 244, 244, 244;
  --page-body-margin-bottom: 0px;
  --page-title-padding: 15px 32px;
  --common-box-shadow: 2px 3.464px 8px 0px rgba(22, 145, 248, 0.18);
  --page-title-font-size: 24px;
  --page-title-margin-bottom: 0;
  --page-title-text-transform: capitalize;
  --page-small-title-display: block;
  --page-small-title-font-size: 12px;
  --page-small-title-margin-bottom: 5px;
  --page-small-title-text-transform: capitalize;
  --page-small-title-text-color: 117, 117, 138;
  --breadcrumb-size: 16px;
  --breadcrumb-content: "/";
  /* main header left settings */
  --main-header-z-index: 8;
  --header-wrapper-padding: 22px 30px;
  --header-wrapper-nav-icon-size: 20px;
  --header-wrapper-nav-icon-color: 36, 41, 52;
  --header-wrapper-nav-icon-align: middle;
  --header-size: 136px;
  --box-layout-space: 42px;
  /* widgets variables */
  --widget-shadow: 1px 2px 21px -2px rgba(214, 214, 227, 0.83);
}

.dark-only {
  --recent-border: 55, 69, 88;
  --white-bg: 38, 41, 50;
  --dark-body-background: 29, 30, 38;
  --dark-card-background: 38, 41, 50;
  --dark-card-inbox: 50, 56, 70;
  --dark-small-font-color: 168, 169, 173;
  --dark-all-font-color: 168, 169, 173;
  --light-all-font-color: 81, 84, 90;
  --dark-border-color: 29, 30, 38;
  --dark-card-border: 55, 69, 88;
  --dark-editor-document: 43, 43, 43;
  --tw-heading-color: 190, 191, 194;
  --bg-dark-color: 31, 37, 51;
  --dark-datatable-odd: 31, 35, 43;
  --dark-datatable-sorting: 28, 33, 43;
  --dark-datatable-sorting-even: 34, 38, 47;
  --dark-even-hover-sorting: 25, 30, 39;
  --chart-text-color: 101, 101, 113;
  --light-background: 31, 32, 40;
  --light-bg: 29, 30, 38;
  --ps-light-border: 60, 63, 70;
  --light2: 29, 30, 38;
  --course-light-btn: 29, 30, 38;
  --body-font-color: 168, 169, 173;
  --chart-dashed-border: 71, 71, 71;
  --chart-progress-light: 32, 33, 40;
  --off-white: 38, 41, 50;
  --badge-light-color: 82, 82, 108;
  --recent-dashed-border: 52, 54, 66;
  --light-shade-primary: 46, 53, 67;
  --course-bg: 31, 32, 40;
  --chart-border: 55, 69, 88;
  --light-slate: 28, 29, 38;
  --recent-chart-bg: 38, 41, 50;
  --view-border-marker: 79, 79, 99;
}

body.dark-sidebar {
  --dark-body-background: 29, 30, 38;
  --dark-card-background: 38, 41, 50;
  --dark-all-font-color: 168, 169, 173;
  --dark-card-border: 55, 69, 88;
}

[data-attr="color-2"] > div {
  --theme-default: 72, 49, 212;
}

[data-attr="color-3"] > div {
  --theme-default: 214, 77, 207;
}

[data-attr="color-4"] > div {
  --theme-default: 76, 47, 191;
}

[data-attr="color-5"] > div {
  --theme-default: 124, 77, 255;
}

[data-attr="color-6"] > div {
  --theme-default: 57, 73, 171;
}

/* Tailwind */

*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

/* ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com */

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box;
  /* 1 */
  border-width: 0;
  /* 2 */
  border-style: solid;
  /* 2 */
  border-color: #e5e7eb;
  /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -moz-tab-size: 4;
  /* 3 */
  -o-tab-size: 4;
     tab-size: 4;
  /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  /* 4 */
  font-feature-settings: normal;
  /* 5 */
  font-variation-settings: normal;
  /* 6 */
  -webkit-tap-highlight-color: transparent;
  /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0;
  /* 1 */
  line-height: inherit;
  /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0;
  /* 1 */
  color: inherit;
  /* 2 */
  border-top-width: 1px;
  /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  /* 1 */
  font-feature-settings: normal;
  /* 2 */
  font-variation-settings: normal;
  /* 3 */
  font-size: 1em;
  /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0;
  /* 1 */
  border-color: inherit;
  /* 2 */
  border-collapse: collapse;
  /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-feature-settings: inherit;
  /* 1 */
  font-variation-settings: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  font-weight: inherit;
  /* 1 */
  line-height: inherit;
  /* 1 */
  letter-spacing: inherit;
  /* 1 */
  color: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
  padding: 0;
  /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button;
  /* 1 */
  background-color: transparent;
  /* 2 */
  background-image: none;
  /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

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

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  /* 1 */
  vertical-align: middle;
  /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}

.custom-scrollbar::-webkit-scrollbar-track,
  .dropdown-menu::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(var(--light-gray), 1);
}

.custom-scrollbar::-webkit-scrollbar,
  .dropdown-menu::-webkit-scrollbar {
  height: 0.5rem;
  width: 0.375rem;
}

.custom-scrollbar::-webkit-scrollbar-thumb,
  .dropdown-menu::-webkit-scrollbar-thumb {
  background-color: rgba(var(--theme-default),0.15);
}

.btn-close {
  border-width: 0 !important;
  box-sizing: content-box;
  height: 1rem;
  width: 1rem;
  border-radius: 0.375rem;
  border-width: 0px;
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  padding: 0.25rem;
  opacity: 0.5;
  background-image: url("./../images/close.svg");
  background-size: 1em auto;
}

/*======= Badge-color css starts  ======= */

.badge-primary {
  background-color: rgba(var(--theme-default),1);
}

.badge-b-primary {
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--theme-default),1);
}

.badge-secondary {
  background-color: rgba(var(--theme-secondary),1);
}

.badge-b-secondary {
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--theme-secondary),1);
}

.badge-success {
  background-color: rgba(var(--success-color),1);
}

.badge-b-success {
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--success-color),1);
}

.badge-danger {
  background-color: rgba(var(--danger-color),1);
}

.badge-b-danger {
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--danger-color),1);
}

.badge-info {
  background-color: rgba(var(--info-color),1);
}

.badge-b-info {
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--info-color),1);
}

.badge-light {
  background-color: rgba(var(--light-color),1);
}

.badge-b-light {
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--light-color),1);
}

.badge-dark {
  background-color: rgba(var(--dark-color),1);
}

.badge-b-dark {
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--dark-color),1);
}

.badge-warning {
  background-color: rgba(var(--warning-color),1);
}

.badge-b-warning {
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--warning-color),1);
}

.border-bottom {
  border-bottom-width: 1px;
  border-style: solid;
  border-bottom-color: rgba(var(--light-gray),1);
}

.badge-l-dark {
  --tw-bg-opacity: 1;
  background-color: rgb(141 151 175 / var(--tw-bg-opacity, 1));
}

.badge-l-secondary {
  --tw-bg-opacity: 1;
  background-color: rgb(213 213 213 / var(--tw-bg-opacity, 1));
}

.badge-l-warning {
  --tw-bg-opacity: 1;
  background-color: rgb(255 238 204 / var(--tw-bg-opacity, 1));
}

.badge-l-danger {
  --tw-bg-opacity: 1;
  background-color: rgb(255 236 235 / var(--tw-bg-opacity, 1));
}

.badge-l-success {
  --tw-bg-opacity: 1;
  background-color: rgb(213 238 210 / var(--tw-bg-opacity, 1));
}

.badge-l-info {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(219 242 253 / var(--tw-bg-opacity, 1)) !important;
}

.badge-light-primary,
  .badge-l-primary {
  background-color: #7366ff1a;
}

/*======= Badge-color css end  ======= */

/*======= Text css starts ===========*/

.font-primary {
  color: rgba(var(--theme-default),1);
}

.text-gray {
  color: rgba(var(--chart-text-color),0.8) !important;
}

.font-secondary {
  color: rgba(var(--theme-secondary),1);
}

.font-success {
  color: rgba(var(--success-color),1) !important;
}

.font-danger {
  color: rgba(var(--danger-color),1) !important;
}

.font-info {
  color: rgba(var(--info-color),1);
}

.font-light {
  color: rgba(var(--light-color),1);
}

.font-dark {
  color: rgba(var(--dark-color),1);
}

.font-warning {
  color: rgba(var(--warning-color),1);
}

/*======= Text css ends ===========*/

/*======= Label-color css starts  ======= */

.label {
  color: rgb(var(--white),1) !important;
  margin-bottom: 0 !important;
  margin-bottom: 0px;
  border-radius: 0.125rem;
  font-size: 0.75rem;
  line-height: 1rem;
  text-transform: capitalize;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.label-theme {
  background-color: rgba(var(--theme-default),1);
}

.label-primary {
  background-color: rgba(var(--theme-default),1);
}

.label-secondary {
  background-color: rgba(var(--theme-secondary),1);
}

.label-success {
  background-color: rgba(var(--success-color),1);
}

.label-danger {
  background-color: rgba(var(--danger-color),1);
}

.label-info {
  background-color: rgba(var(--info-color),1);
}

.label-light {
  background-color: rgba(var(--light-color),1);
}

.label-dark {
  background-color: rgba(var(--dark-color),1);
}

.label-warning {
  background-color: rgba(var(--warning-color),1);
}

/*======= Label-color css ends  ======= */

/*======= Font-color css starts  ======= */

.txt-primary {
  color: rgba(var(--theme-default),1) !important;
}

.txt-secondary {
  color: rgba(var(--theme-secondary),1);
}

.txt-success {
  color: rgba(var(--success-color),1) !important;
}

.txt-danger {
  color: rgba(var(--danger-color),1) !important;
}

.txt-info {
  color: rgba(var(--info-color),1) !important;
}

.txt-light {
  color: rgba(var(--light-color),1) !important;
}

.txt-dark {
  color: rgba(var(--dark-color),1) !important;
}

.txt-warning {
  color: rgba(var(--warning-color),1) !important;
}

.txt-google-plus {
  color: rgba(var(--google-plus),1);
}

.txt-twitter {
  color: rgba(var(--twitter-color),0.8);
}

.txt-linkedin {
  color: rgba(var(--linkedin-color),1);
}

.txt-fb {
  color: rgba(var(--fb-color),1);
}

/*======= Font-color css end  ======= */

/*======= bg light css starts ===========*/

.bg-light-primary {
  background-color: rgba(var(--theme-default),0.1) !important;
}

.bg-light-secondary {
  background-color: rgba(var(--theme-secondary),0.1);
}

.bg-light-success {
  background-color: rgba(var(--success-color),0.1);
}

.bg-light-danger {
  background-color: rgba(var(--danger-color),0.1) !important;
}

.bg-light-info {
  background-color: rgba(var(--info-color),0.1);
}

.bg-light-light {
  background-color: rgba(var(--light-color),0.1);
}

.bg-light-dark {
  background-color: rgba(var(--dark-color),0.1);
}

.bg-light-warning {
  background-color: rgba(var(--warning-color),0.1);
}

/*======= bg light css ends ===========*/

/*======= bg css starts ===========*/

.bg-primary {
  background-color: rgba(var(--theme-default),1);
  color: rgba(var(--white),1);
  &:hover {
    color: rgb(var(--white),1) !important;
  }
  &:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
}

.bg-secondary {
  background-color: rgba(var(--theme-secondary),1) !important;
  color: rgba(var(--white),1);
}

.bg-success {
  background-color: rgba(var(--success-color),1);
  color: rgba(var(--white),1);
}

.bg-danger {
  background-color: rgba(var(--danger-color),1) !important;
  color: rgba(var(--white),1);
}

.bg-info {
  background-color: rgba(var(--info-color),1) !important;
  color: rgba(var(--white),1);
}

.bg-light {
  background-color: rgba(var(--light-color),1);
}

.bg-dark {
  background-color: rgba(var(--dark-color),1) !important;
  color: rgba(var(--white),1);
}

.bg-warning {
  background-color: rgba(var(--warning-color),1) !important;
  color: rgba(var(--white),1);
}

/*======= bg css ends ===========*/

/*======= alert light css ends ===========*/

.alert-light-primary {
  background-color: rgba(var(--light-primary),1);
}

.shadow-primary {
  --tw-shadow: 0px 10.511241px 12.4089927673px 0px rgba(var(--theme-default),0.18);
  --tw-shadow-colored: 0px 10.511241px 12.4089927673px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.alert-light-secondary {
  background-color: rgba(var(--light-secondary),1);
}

.shadow-secondary {
  --tw-shadow: 0px 10.511241px 12.4089927673px 0px rgba(var(--theme-secondary),0.18);
  --tw-shadow-colored: 0px 10.511241px 12.4089927673px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.alert-light-success {
  background-color: rgba(var(--light-success),1);
}

.shadow-success {
  --tw-shadow: 0px 10.511241px 12.4089927673px 0px rgba(var(--success-color),0.18);
  --tw-shadow-colored: 0px 10.511241px 12.4089927673px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.alert-light-warning {
  background-color: rgba(var(--light-warning),1);
}

.shadow-warning {
  --tw-shadow: 0px 10.511241px 12.4089927673px 0px rgba(var(--warning-color),0.18);
  --tw-shadow-colored: 0px 10.511241px 12.4089927673px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.alert-light-info {
  background-color: rgba(var(--light-info),1);
}

.shadow-info {
  --tw-shadow: 0px 10.511241px 12.4089927673px 0px rgba(var(--info-color),0.18);
  --tw-shadow-colored: 0px 10.511241px 12.4089927673px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.alert-light-light {
  background-color: rgba(var(--light-color),0.18);
}

.shadow-light {
  --tw-shadow: 0px 10.511241px 12.4089927673px 0px rgba(var(--light-color),0.18);
  --tw-shadow-colored: 0px 10.511241px 12.4089927673px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.alert-light-danger {
  background-color: rgba(var(--light-danger),1);
}

.shadow-danger {
  --tw-shadow: 0px 10.511241px 12.4089927673px 0px rgba(var(--danger-color),0.18);
  --tw-shadow-colored: 0px 10.511241px 12.4089927673px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.alert-light-dark {
  --tw-bg-opacity: 1;
  background-color: rgb(234 235 242 / var(--tw-bg-opacity, 1));
}

.shadow-dark {
  --tw-shadow: 0px 10.511241px 12.4089927673px 0px #eaebf2;
  --tw-shadow-colored: 0px 10.511241px 12.4089927673px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

/*======= alert light css ends ===========*/

/*======= All-Borders-color css starts  ======= */

.b-primary {
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--theme-default),1) !important;
}

.b-t-primary {
  border-top-width: 1px;
  border-style: solid;
  border-top-color: rgba(var(--theme-default),1) !important;
}

.border-t-primary {
  border-top-width: 1px;
  border-style: solid;
  border-top-color: rgba(var(--theme-default),1) !important;
}

.b-b-primary {
  border-bottom-width: 1px;
  border-style: solid;
  border-bottom-color: rgba(var(--theme-default),1) !important;
}

.border-b-primary {
  border-bottom-width: 1px;
  border-style: solid;
  border-bottom-color: rgba(var(--theme-default),1) !important;
}

.b-l-primary {
  border-left-width: 1px;
  border-style: solid;
  border-left-color: rgba(var(--theme-default),1) !important;
}

.border-l-primary {
  border-left-width: 1px;
  border-style: solid;
  border-left-color: rgba(var(--theme-default),1) !important;
}

.b-r-primary {
  border-right-width: 1px;
  border-style: solid;
  border-right-color: rgba(var(--theme-default),1) !important;
}

.border-r-primary {
  border-right-width: 1px;
  border-style: solid;
  border-right-color: rgba(var(--theme-default),1) !important;
}

.b-secondary {
  border-width: 1px !important;
  border-style: solid;
  border-color: rgba(var(--theme-secondary),1);
}

.b-t-secondary {
  border-top-width: 1px;
  border-style: solid;
  border-top-color: rgba(var(--theme-secondary),1) !important;
}

.border-t-secondary {
  border-top-width: 1px;
  border-style: solid;
  border-top-color: rgba(var(--theme-secondary),1) !important;
}

.b-b-secondary {
  border-bottom-width: 1px;
  border-style: solid;
  border-bottom-color: rgba(var(--theme-secondary),1) !important;
}

.border-b-secondary {
  border-bottom-width: 1px;
  border-style: solid;
  border-bottom-color: rgba(var(--theme-secondary),1) !important;
}

.b-l-secondary {
  border-left-width: 1px;
  border-style: solid;
  border-left-color: rgba(var(--theme-secondary),1) !important;
}

.border-l-secondary {
  border-left-width: 1px;
  border-style: solid;
  border-left-color: rgba(var(--theme-secondary),1) !important;
}

.b-r-secondary {
  border-right-width: 1px;
  border-style: solid;
  border-right-color: rgba(var(--theme-secondary),1) !important;
}

.border-r-secondary {
  border-right-width: 1px;
  border-style: solid;
  border-right-color: rgba(var(--theme-secondary),1) !important;
}

.b-success {
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--success-color),1) !important;
}

.b-t-success {
  border-top-width: 1px;
  border-style: solid;
  border-top-color: rgba(var(--success-color),1) !important;
}

.border-t-success {
  border-top-width: 1px;
  border-style: solid;
  border-top-color: rgba(var(--success-color),1) !important;
}

.b-b-success {
  border-bottom-width: 1px;
  border-style: solid;
  border-bottom-color: rgba(var(--success-color),1) !important;
}

.border-b-success {
  border-bottom-width: 1px;
  border-style: solid;
  border-bottom-color: rgba(var(--success-color),1) !important;
}

.b-l-success {
  border-left-width: 1px;
  border-style: solid;
  border-left-color: rgba(var(--success-color),1) !important;
}

.border-l-success {
  border-left-width: 1px;
  border-style: solid;
  border-left-color: rgba(var(--success-color),1) !important;
}

.b-r-success {
  border-right-width: 1px;
  border-style: solid;
  border-right-color: rgba(var(--success-color),1) !important;
}

.border-r-success {
  border-right-width: 1px;
  border-style: solid;
  border-right-color: rgba(var(--success-color),1) !important;
}

.b-danger {
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--danger-color),1) !important;
}

.b-t-danger {
  border-top-width: 1px;
  border-style: solid;
  border-top-color: rgba(var(--danger-color),1) !important;
}

.border-t-danger {
  border-top-width: 1px;
  border-style: solid;
  border-top-color: rgba(var(--danger-color),1) !important;
}

.b-b-danger {
  border-bottom-width: 1px;
  border-style: solid;
  border-bottom-color: rgba(var(--danger-color),1) !important;
}

.border-b-danger {
  border-bottom-width: 1px;
  border-style: solid;
  border-bottom-color: rgba(var(--danger-color),1) !important;
}

.b-l-danger {
  border-left-width: 1px;
  border-style: solid;
  border-left-color: rgba(var(--danger-color),1) !important;
}

.border-l-danger {
  border-left-width: 1px;
  border-style: solid;
  border-left-color: rgba(var(--danger-color),1) !important;
}

.b-r-danger {
  border-right-width: 1px;
  border-style: solid;
  border-right-color: rgba(var(--danger-color),1) !important;
}

.border-r-danger {
  border-right-width: 1px;
  border-style: solid;
  border-right-color: rgba(var(--danger-color),1) !important;
}

.b-info {
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--info-color),1) !important;
}

.b-t-info {
  border-top-width: 1px;
  border-style: solid;
  border-top-color: rgba(var(--info-color),1) !important;
}

.border-t-info {
  border-top-width: 1px;
  border-style: solid;
  border-top-color: rgba(var(--info-color),1) !important;
}

.b-b-info {
  border-bottom-width: 1px;
  border-style: solid;
  border-bottom-color: rgba(var(--info-color),1) !important;
}

.border-b-info {
  border-bottom-width: 1px;
  border-style: solid;
  border-bottom-color: rgba(var(--info-color),1) !important;
}

.b-l-info {
  border-left-width: 1px;
  border-style: solid;
  border-left-color: rgba(var(--info-color),1) !important;
}

.border-l-info {
  border-left-width: 1px;
  border-style: solid;
  border-left-color: rgba(var(--info-color),1) !important;
}

.b-r-info {
  border-right-width: 1px;
  border-style: solid;
  border-right-color: rgba(var(--info-color),1) !important;
}

.border-r-info {
  border-right-width: 1px;
  border-style: solid;
  border-right-color: rgba(var(--info-color),1) !important;
}

.b-light {
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--light-color),1) !important;
}

.b-t-light {
  border-top-width: 1px;
  border-style: solid;
  border-top-color: rgba(var(--light-color),1) !important;
}

.border-t-light {
  border-top-width: 1px;
  border-style: solid;
  border-top-color: rgba(var(--light-color),1) !important;
}

.b-b-light {
  border-bottom-width: 1px;
  border-style: solid;
  border-bottom-color: rgba(var(--light-color),1) !important;
}

.border-b-light {
  border-bottom-width: 1px;
  border-style: solid;
  border-bottom-color: rgba(var(--light-color),1) !important;
}

.b-l-light {
  border-left-width: 1px;
  border-style: solid;
  border-left-color: rgba(var(--light-color),1) !important;
}

.border-l-light {
  border-left-width: 1px;
  border-style: solid;
  border-left-color: rgba(var(--light-color),1) !important;
}

.b-r-light {
  border-right-width: 1px;
  border-style: solid;
  border-right-color: rgba(var(--light-color),1) !important;
}

.border-r-light {
  border-right-width: 1px;
  border-style: solid;
  border-right-color: rgba(var(--light-color),1) !important;
}

.b-dark {
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--dark-color),1) !important;
}

.b-t-dark {
  border-top-width: 1px;
  border-style: solid;
  border-top-color: rgba(var(--dark-color),1) !important;
}

.border-t-dark {
  border-top-width: 1px;
  border-style: solid;
  border-top-color: rgba(var(--dark-color),1) !important;
}

.b-b-dark {
  border-bottom-width: 1px;
  border-style: solid;
  border-bottom-color: rgba(var(--dark-color),1) !important;
}

.border-b-dark {
  border-bottom-width: 1px;
  border-style: solid;
  border-bottom-color: rgba(var(--dark-color),1) !important;
}

.b-l-dark {
  border-left-width: 1px;
  border-style: solid;
  border-left-color: rgba(var(--dark-color),1) !important;
}

.border-l-dark {
  border-left-width: 1px;
  border-style: solid;
  border-left-color: rgba(var(--dark-color),1) !important;
}

.b-r-dark {
  border-right-width: 1px;
  border-style: solid;
  border-right-color: rgba(var(--dark-color),1) !important;
}

.border-r-dark {
  border-right-width: 1px;
  border-style: solid;
  border-right-color: rgba(var(--dark-color),1) !important;
}

.b-warning {
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--warning-color),1) !important;
}

.b-t-warning {
  border-top-width: 1px;
  border-style: solid;
  border-top-color: rgba(var(--warning-color),1) !important;
}

.border-t-warning {
  border-top-width: 1px;
  border-style: solid;
  border-top-color: rgba(var(--warning-color),1) !important;
}

.b-b-warning {
  border-bottom-width: 1px;
  border-style: solid;
  border-bottom-color: rgba(var(--warning-color),1) !important;
}

.border-b-warning {
  border-bottom-width: 1px;
  border-style: solid;
  border-bottom-color: rgba(var(--warning-color),1) !important;
}

.b-l-warning {
  border-left-width: 1px;
  border-style: solid;
  border-left-color: rgba(var(--warning-color),1) !important;
}

.border-l-warning {
  border-left-width: 1px;
  border-style: solid;
  border-left-color: rgba(var(--warning-color),1) !important;
}

.b-r-warning {
  border-right-width: 1px;
  border-style: solid;
  border-right-color: rgba(var(--warning-color),1) !important;
}

.border-r-warning {
  border-right-width: 1px;
  border-style: solid;
  border-right-color: rgba(var(--warning-color),1) !important;
}

/*======= All-Borders-color css end  ======= */

/*====== Border dashed css starts ======*/

.b-width-1 {
  border-width: 1px;
}

.b-width-2 {
  border-width: 2px;
}

.b-width-3 {
  border-width: 3px;
}

.b-width-4 {
  border-width: 4px;
}

.b-width-5 {
  border-width: 5px;
}

.b-width-6 {
  border-width: 6px;
}

.b-width-7 {
  border-width: 7px;
}

.b-width-8 {
  border-width: 8px;
}

.b-width-9 {
  border-width: 9px;
}

.b-width-10 {
  border-width: 10px;
}

/*====== Border dashed css ends ======*/

/*====== Border-style css starts ======*/

.border-s-overline {
  border-style: overline;
}

.border-s-dashed {
  border-style: dashed;
}

.border-s-dotted {
  border-style: dotted;
}

.border-s-solid {
  border-style: solid;
}

.border-s-double {
  border-style: double;
}

.border-s-groove {
  border-style: groove;
}

.border-s-ridge {
  border-style: ridge;
}

.border-s-inset {
  border-style: inset;
}

.border-s-outset {
  border-style: outset;
}

.border-s-none {
  border-style: none;
}

.border-s-hidden {
  border-style: hidden;
}

/*====== Border-style css ends ======*/

/*====== Border width css starts ======*/

.border-1 {
  border-width: 1px;
}

.border-2 {
  border-width: 2px !important;
}

.border-3 {
  border-width: 3px !important;
}

.border-4 {
  border-width: 4px !important;
}

.border-5 {
  border-width: 5px !important;
}

.border-6 {
  border-width: 6px !important;
}

.border-7 {
  border-width: 7px !important;
}

.border-8 {
  border-width: 8px !important;
}

.border-9 {
  border-width: 9px !important;
}

.border-10 {
  border-width: 10px !important;
}

/*====== Border width css ends ======*/

/*====== Border dashed css starts ======*/

.b-width-1 {
  border-width: 1px;
}

.b-width-2 {
  border-width: 2px;
}

.b-width-3 {
  border-width: 3px;
}

.b-width-4 {
  border-width: 4px;
}

.b-width-5 {
  border-width: 5px;
}

.b-width-6 {
  border-width: 6px;
}

.b-width-7 {
  border-width: 7px;
}

.b-width-8 {
  border-width: 8px;
}

.b-width-9 {
  border-width: 9px;
}

.b-width-10 {
  border-width: 10px;
}

/*====== Border dashed css ends ======*/

/*====== Font-size css starts ======*/

.f-12 {
  font-size: 12px;
}

.f-14 {
  font-size: 14px !important;
}

.f-16 {
  font-size: 16px;
}

.f-18 {
  font-size: 18px;
}

.f-20 {
  font-size: 20px;
}

.f-22 {
  font-size: 22px;
}

.f-24 {
  font-size: 24px;
}

.f-26 {
  font-size: 26px;
}

.f-28 {
  font-size: 28px;
}

.f-30 {
  font-size: 30px;
}

.f-32 {
  font-size: 32px;
}

.f-34 {
  font-size: 34px;
}

.f-36 {
  font-size: 36px;
}

.f-38 {
  font-size: 38px;
}

.f-40 {
  font-size: 40px;
}

/*====== Font-size css end ======*/

.\!text-white {
  color: rgb(var(--white),1) !important;
}

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

.text-black {
  color: rgba(var(--black),1) !important;
}

/* ====== button css starts ====== */

.btn-outline-primary-2x {
  border-width: 2px;
  border-color: rgba(var(--theme-default),1);
  background-color: transparent;
  color: rgba(var(--theme-default),1);
  &:hover,
    &:focus,
    &:active,
    &.active {
    color: rgb(var(--white),1) !important;
  }
  &:hover,
    &:focus,
    &:active,
    &.active {
    border-color: rgba(var(--theme-default),1);
  }
  &:hover,
    &:focus,
    &:active,
    &.active {
    background-color: rgba(var(--theme-default),1);
  }
  &:hover,
    &:focus,
    &:active,
    &.active {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
  &:hover,
    &:focus,
    &:active,
    &.active {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
}

.btn-outline-secondary-2x {
  border-width: 2px;
  border-color: rgba(var(--theme-secondary),1);
  background-color: transparent;
  color: rgba(var(--theme-secondary),1);
  &:hover,
    &:focus,
    &:active,
    &.active {
    color: rgb(var(--white),1) !important;
  }
  &:hover,
    &:focus,
    &:active,
    &.active {
    border-color: rgba(var(--theme-secondary),1);
  }
  &:hover,
    &:focus,
    &:active,
    &.active {
    background-color: rgba(var(--theme-secondary),1);
  }
  &:hover,
    &:focus,
    &:active,
    &.active {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
  &:hover,
    &:focus,
    &:active,
    &.active {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
}

.btn-outline-success-2x {
  border-width: 2px;
  border-color: rgba(var(--success-color),1);
  background-color: transparent;
  color: rgba(var(--success-color),1);
  &:hover,
    &:focus,
    &:active,
    &.active {
    color: rgb(var(--white),1) !important;
  }
  &:hover,
    &:focus,
    &:active,
    &.active {
    border-color: rgba(var(--success-color),1);
  }
  &:hover,
    &:focus,
    &:active,
    &.active {
    background-color: rgba(var(--success-color),1);
  }
  &:hover,
    &:focus,
    &:active,
    &.active {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
  &:hover,
    &:focus,
    &:active,
    &.active {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
}

.btn-outline-danger-2x {
  border-width: 2px;
  border-color: rgba(var(--danger-color),1);
  background-color: transparent;
  color: rgba(var(--danger-color),1);
  &:hover,
    &:focus,
    &:active,
    &.active {
    color: rgb(var(--white),1) !important;
  }
  &:hover,
    &:focus,
    &:active,
    &.active {
    border-color: rgba(var(--danger-color),1);
  }
  &:hover,
    &:focus,
    &:active,
    &.active {
    background-color: rgba(var(--danger-color),1);
  }
  &:hover,
    &:focus,
    &:active,
    &.active {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
  &:hover,
    &:focus,
    &:active,
    &.active {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
}

.btn-outline-info-2x {
  border-width: 2px;
  border-color: rgba(var(--info-color),1);
  background-color: transparent;
  color: rgba(var(--info-color),1);
  &:hover,
    &:focus,
    &:active,
    &.active {
    color: rgb(var(--white),1) !important;
  }
  &:hover,
    &:focus,
    &:active,
    &.active {
    border-color: rgba(var(--info-color),1);
  }
  &:hover,
    &:focus,
    &:active,
    &.active {
    background-color: rgba(var(--info-color),1);
  }
  &:hover,
    &:focus,
    &:active,
    &.active {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
  &:hover,
    &:focus,
    &:active,
    &.active {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
}

.btn-outline-light-2x {
  border-width: 2px;
  border-color: rgba(var(--light-color),1);
  background-color: transparent;
  color: rgba(var(--light-color),1);
  --tw-text-opacity: 1;
  color: rgb(64 64 64 / var(--tw-text-opacity, 1));
  &:hover,
    &:focus,
    &:active,
    &.active {
    color: rgb(var(--white),1) !important;
  }
  &:hover,
    &:focus,
    &:active,
    &.active {
    border-color: rgba(var(--light-color),1);
  }
  &:hover,
    &:focus,
    &:active,
    &.active {
    background-color: rgba(var(--light-color),1);
  }
  &:hover,
    &:focus,
    &:active,
    &.active {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
  &:hover,
    &:focus,
    &:active,
    &.active {
    --tw-text-opacity: 1;
    color: rgb(64 64 64 / var(--tw-text-opacity, 1));
  }
  &:hover,
    &:focus,
    &:active,
    &.active {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
}

.btn-outline-dark-2x {
  border-width: 2px;
  border-color: rgba(var(--dark-color),1);
  background-color: transparent;
  color: rgba(var(--dark-color),1);
  &:hover,
    &:focus,
    &:active,
    &.active {
    color: rgb(var(--white),1) !important;
  }
  &:hover,
    &:focus,
    &:active,
    &.active {
    border-color: rgba(var(--dark-color),1);
  }
  &:hover,
    &:focus,
    &:active,
    &.active {
    background-color: rgba(var(--dark-color),1);
  }
  &:hover,
    &:focus,
    &:active,
    &.active {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
  &:hover,
    &:focus,
    &:active,
    &.active {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
}

.btn-outline-warning-2x {
  border-width: 2px;
  border-color: rgba(var(--warning-color),1);
  background-color: transparent;
  color: rgba(var(--warning-color),1);
  &:hover,
    &:focus,
    &:active,
    &.active {
    color: rgb(var(--white),1) !important;
  }
  &:hover,
    &:focus,
    &:active,
    &.active {
    border-color: rgba(var(--warning-color),1);
  }
  &:hover,
    &:focus,
    &:active,
    &.active {
    background-color: rgba(var(--warning-color),1);
  }
  &:hover,
    &:focus,
    &:active,
    &.active {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
  &:hover,
    &:focus,
    &:active,
    &.active {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
}

.btn-outline-primary {
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--theme-default),1) !important;
  background-color: transparent;
  color: rgba(var(--theme-default),1) !important;
  &.disabled {
    border-color: rgba(var(--theme-default),1);
  }
  &.disabled {
    color: rgba(var(--theme-default),1);
  }
  &:hover,
    &:active {
    color: rgb(var(--white),1) !important;
  }
  &:hover,
    &:active {
    border-color: rgba(var(--theme-default),1) !important;
  }
  &:hover,
    &:active {
    background-color: rgba(var(--theme-default),1) !important;
  }
  &:hover,
    &:active {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
  }
}

.btn-check {
  color: rgba(var(--theme-default),1);
  color: rgba(var(--theme-secondary),1);
  color: rgba(var(--success-color),1);
  color: rgba(var(--danger-color),1);
  color: rgba(var(--info-color),1);
  color: rgba(var(--light-color),1);
  color: rgba(var(--dark-color),1);
  color: rgba(var(--warning-color),1);
}

.btn-check:checked {
  background-color: rgba(var(--theme-default),1);
  background-color: rgba(var(--theme-secondary),1);
  background-color: rgba(var(--success-color),1);
  background-color: rgba(var(--danger-color),1);
  background-color: rgba(var(--info-color),1);
  background-color: rgba(var(--light-color),1);
  background-color: rgba(var(--dark-color),1);
  background-color: rgba(var(--warning-color),1);
  color: rgba(var(--white),1);
}

.btn-check {
  &:checked {
    + .btn-outline-primary {
      background-color: rgba(var(--theme-default),1);
    }
    + .btn-outline-primary {
      color: rgba(var(--white),1) !important;
    }
    + .btn-outline-primary {
      --tw-shadow-color: unset;
      --tw-shadow: var(--tw-shadow-colored);
    }
  }
  + .btn-outline-primary {
    border-color: rgba(var(--theme-default),1);
  }
  + .btn-outline-primary {
    background-color: transparent;
  }
  + .btn-outline-primary {
    color: rgba(var(--theme-default),1);
  }
  + .btn-outline-primary {
    &.disabled {
      color: rgba(var(--theme-default),1);
    }
    &:hover,
      &:focus,
      &:active,
      &:focus-visible,
      &.active {
      color: rgb(var(--white),1) !important;
    }
    &:hover,
      &:focus,
      &:active,
      &:focus-visible,
      &.active {
      border-color: rgba(var(--theme-default),1);
    }
    &:hover,
      &:focus,
      &:active,
      &:focus-visible,
      &.active {
      background-color: rgba(var(--theme-default),1);
    }
    &:hover,
      &:focus,
      &:active,
      &:focus-visible,
      &.active {
      --tw-text-opacity: 1;
      color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    }
    &:hover,
      &:focus,
      &:active,
      &:focus-visible,
      &.active {
      --tw-shadow: 0 0 #0000;
      --tw-shadow-colored: 0 0 #0000;
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
  }
  &:checked {
    + .btn-outline-secondary {
      background-color: rgba(var(--theme-secondary),1);
    }
    + .btn-outline-secondary {
      color: rgba(var(--white),1);
    }
    + .btn-outline-secondary {
      --tw-shadow-color: unset;
      --tw-shadow: var(--tw-shadow-colored);
    }
  }
  + .btn-outline-secondary {
    border-color: rgba(var(--theme-secondary),1);
  }
  + .btn-outline-secondary {
    background-color: transparent;
  }
  + .btn-outline-secondary {
    color: rgba(var(--theme-secondary),1);
  }
  + .btn-outline-secondary {
    &.disabled {
      color: rgba(var(--theme-secondary),1);
    }
    &:hover,
      &:focus,
      &:active,
      &:focus-visible,
      &.active {
      color: rgb(var(--white),1) !important;
    }
    &:hover,
      &:focus,
      &:active,
      &:focus-visible,
      &.active {
      border-color: rgba(var(--theme-secondary),1);
    }
    &:hover,
      &:focus,
      &:active,
      &:focus-visible,
      &.active {
      background-color: rgba(var(--theme-secondary),1);
    }
    &:hover,
      &:focus,
      &:active,
      &:focus-visible,
      &.active {
      --tw-text-opacity: 1;
      color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    }
    &:hover,
      &:focus,
      &:active,
      &:focus-visible,
      &.active {
      --tw-shadow: 0 0 #0000;
      --tw-shadow-colored: 0 0 #0000;
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
  }
  &:checked {
    + .btn-outline-success {
      background-color: rgba(var(--success-color),1) !important;
    }
    + .btn-outline-success {
      color: rgba(var(--white),1) !important;
    }
    + .btn-outline-success {
      --tw-shadow-color: unset;
      --tw-shadow: var(--tw-shadow-colored);
    }
  }
  + .btn-outline-success {
    border-color: rgba(var(--success-color),1) !important;
  }
  + .btn-outline-success {
    background-color: transparent;
  }
  + .btn-outline-success {
    color: rgba(var(--success-color),1);
  }
  + .btn-outline-success {
    &.disabled {
      color: rgba(var(--success-color),1);
    }
    &:hover,
      &:focus,
      &:active,
      &:focus-visible,
      &.active {
      color: rgb(var(--white),1) !important;
    }
    &:hover,
      &:focus,
      &:active,
      &:focus-visible,
      &.active {
      border-color: rgba(var(--success-color),1);
    }
    &:hover,
      &:focus,
      &:active,
      &:focus-visible,
      &.active {
      background-color: rgba(var(--success-color),1);
    }
    &:hover,
      &:focus,
      &:active,
      &:focus-visible,
      &.active {
      --tw-text-opacity: 1;
      color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    }
    &:hover,
      &:focus,
      &:active,
      &:focus-visible,
      &.active {
      --tw-shadow: 0 0 #0000;
      --tw-shadow-colored: 0 0 #0000;
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
  }
  &:checked {
    + .btn-outline-danger {
      background-color: rgba(var(--danger-color),1) !important;
    }
    + .btn-outline-danger {
      color: rgba(var(--white),1) !important;
    }
    + .btn-outline-danger {
      --tw-shadow-color: unset;
      --tw-shadow: var(--tw-shadow-colored);
    }
  }
  + .btn-outline-danger {
    border-color: rgba(var(--danger-color),1) !important;
  }
  + .btn-outline-danger {
    background-color: transparent;
  }
  + .btn-outline-danger {
    color: rgba(var(--danger-color),1);
  }
  + .btn-outline-danger {
    &.disabled {
      color: rgba(var(--danger-color),1);
    }
    &:hover,
      &:focus,
      &:active,
      &:focus-visible,
      &.active {
      color: rgb(var(--white),1) !important;
    }
    &:hover,
      &:focus,
      &:active,
      &:focus-visible,
      &.active {
      border-color: rgba(var(--danger-color),1);
    }
    &:hover,
      &:focus,
      &:active,
      &:focus-visible,
      &.active {
      background-color: rgba(var(--danger-color),1);
    }
    &:hover,
      &:focus,
      &:active,
      &:focus-visible,
      &.active {
      --tw-text-opacity: 1;
      color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    }
    &:hover,
      &:focus,
      &:active,
      &:focus-visible,
      &.active {
      --tw-shadow: 0 0 #0000;
      --tw-shadow-colored: 0 0 #0000;
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
  }
  + .btn-outline-info {
    border-color: rgba(var(--info-color),1) !important;
  }
  + .btn-outline-info {
    background-color: transparent;
  }
  + .btn-outline-info {
    color: rgba(var(--info-color),1) !important;
  }
  + .btn-outline-info {
    &.disabled {
      color: rgba(var(--info-color),1);
    }
    &:hover,
      &:focus,
      &:active,
      &:focus-visible,
      &.active {
      color: rgb(var(--white),1) !important;
    }
    &:hover,
      &:focus,
      &:active,
      &:focus-visible,
      &.active {
      border-color: rgba(var(--info-color),1) !important;
    }
    &:hover,
      &:focus,
      &:active,
      &:focus-visible,
      &.active {
      background-color: rgba(var(--info-color),1) !important;
    }
    &:hover,
      &:focus,
      &:active,
      &:focus-visible,
      &.active {
      --tw-text-opacity: 1 !important;
      color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
    }
    &:hover,
      &:focus,
      &:active,
      &:focus-visible,
      &.active {
      --tw-shadow: 0 0 #0000 !important;
      --tw-shadow-colored: 0 0 #0000 !important;
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
    }
  }
  + .btn-outline-light {
    border-color: rgba(var(--light-color),1);
  }
  + .btn-outline-light {
    background-color: transparent;
  }
  + .btn-outline-light {
    color: rgba(var(--light-color),1);
  }
  + .btn-outline-light {
    &.disabled {
      color: rgba(var(--light-color),1);
    }
    &:hover,
      &:focus,
      &:active,
      &:focus-visible,
      &.active {
      color: rgb(var(--white),1) !important;
    }
    &:hover,
      &:focus,
      &:active,
      &:focus-visible,
      &.active {
      border-color: rgba(var(--light-color),1);
    }
    &:hover,
      &:focus,
      &:active,
      &:focus-visible,
      &.active {
      background-color: rgba(var(--light-color),1);
    }
    &:hover,
      &:focus,
      &:active,
      &:focus-visible,
      &.active {
      --tw-text-opacity: 1;
      color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    }
    &:hover,
      &:focus,
      &:active,
      &:focus-visible,
      &.active {
      --tw-shadow: 0 0 #0000;
      --tw-shadow-colored: 0 0 #0000;
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
  }
  + .btn-outline-dark {
    border-color: rgba(var(--dark-color),1);
  }
  + .btn-outline-dark {
    background-color: transparent;
  }
  + .btn-outline-dark {
    color: rgba(var(--dark-color),1);
  }
  + .btn-outline-dark {
    &.disabled {
      color: rgba(var(--dark-color),1);
    }
    &:hover,
      &:focus,
      &:active,
      &:focus-visible,
      &.active {
      color: rgb(var(--white),1) !important;
    }
    &:hover,
      &:focus,
      &:active,
      &:focus-visible,
      &.active {
      border-color: rgba(var(--dark-color),1) !important;
    }
    &:hover,
      &:focus,
      &:active,
      &:focus-visible,
      &.active {
      background-color: rgba(var(--dark-color),1) !important;
    }
    &:hover,
      &:focus,
      &:active,
      &:focus-visible,
      &.active {
      --tw-text-opacity: 1 !important;
      color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
    }
    &:hover,
      &:focus,
      &:active,
      &:focus-visible,
      &.active {
      --tw-shadow: 0 0 #0000 !important;
      --tw-shadow-colored: 0 0 #0000 !important;
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
    }
  }
  + .btn-outline-warning {
    border-color: rgba(var(--warning-color),1);
  }
  + .btn-outline-warning {
    background-color: transparent;
  }
  + .btn-outline-warning {
    color: rgba(var(--warning-color),1);
  }
  + .btn-outline-warning {
    &.disabled {
      color: rgba(var(--warning-color),1);
    }
    &:hover,
      &:focus,
      &:active,
      &:focus-visible,
      &.active {
      color: rgb(var(--white),1) !important;
    }
    &:hover,
      &:focus,
      &:active,
      &:focus-visible,
      &.active {
      border-color: rgba(var(--warning-color),1);
    }
    &:hover,
      &:focus,
      &:active,
      &:focus-visible,
      &.active {
      background-color: rgba(var(--warning-color),1);
    }
    &:hover,
      &:focus,
      &:active,
      &:focus-visible,
      &.active {
      --tw-text-opacity: 1;
      color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    }
    &:hover,
      &:focus,
      &:active,
      &:focus-visible,
      &.active {
      --tw-shadow: 0 0 #0000;
      --tw-shadow-colored: 0 0 #0000;
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
  }
}

.btn-outline-secondary {
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--theme-secondary),1) !important;
  background-color: transparent;
  color: rgba(var(--theme-secondary),1) !important;
  .disabled {
    border-color: rgba(var(--theme-secondary),1);
  }
  .disabled {
    color: rgba(var(--theme-secondary),1);
  }
  &:hover,
    &:active {
    color: rgb(var(--white),1) !important;
  }
  &:hover,
    &:active {
    border-color: rgba(var(--theme-secondary),1) !important;
  }
  &:hover,
    &:active {
    background-color: rgba(var(--theme-secondary),1) !important;
  }
  &:hover,
    &:active {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
}

.btn-outline-success {
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--success-color),1);
  background-color: transparent;
  color: rgba(var(--success-color),1);
  .disabled {
    border-color: rgba(var(--success-color),1);
  }
  .disabled {
    color: rgba(var(--success-color),1);
  }
  &:hover,
    &:active {
    color: rgb(var(--white),1) !important;
  }
  &:hover,
    &:active {
    border-color: rgba(var(--success-color),1);
  }
  &:hover,
    &:active {
    background-color: rgba(var(--success-color),1);
  }
  &:hover,
    &:active {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
}

.btn-outline-danger {
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--danger-color),1);
  background-color: transparent;
  color: rgba(var(--danger-color),1);
  .disabled {
    border-color: rgba(var(--danger-color),1);
  }
  .disabled {
    color: rgba(var(--danger-color),1);
  }
  &:hover,
    &:active {
    color: rgb(var(--white),1) !important;
  }
  &:hover,
    &:active {
    border-color: rgba(var(--danger-color),1);
  }
  &:hover,
    &:active {
    background-color: rgba(var(--danger-color),1);
  }
  &:hover,
    &:active {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
}

.btn-outline-info {
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--info-color),1);
  background-color: transparent;
  color: rgba(var(--info-color),1);
  .disabled {
    border-color: rgba(var(--info-color),1);
  }
  .disabled {
    color: rgba(var(--info-color),1);
  }
  &:hover,
    &:active {
    color: rgb(var(--white),1) !important;
  }
  &:hover,
    &:active {
    border-color: rgba(var(--info-color),1);
  }
  &:hover,
    &:active {
    background-color: rgba(var(--info-color),1);
  }
  &:hover,
    &:active {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
}

.btn-outline-light {
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--light-color),1);
  background-color: transparent;
  color: rgba(var(--light-color),1);
  .disabled {
    border-color: rgba(var(--light-color),1);
  }
  .disabled {
    color: rgba(var(--light-color),1);
  }
  &:hover,
    &:active {
    color: rgb(var(--white),1) !important;
  }
  &:hover,
    &:active {
    border-color: rgba(var(--light-color),1);
  }
  &:hover,
    &:active {
    background-color: rgba(var(--light-color),1);
  }
  &:hover,
    &:active {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
}

.btn-outline-dark {
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--dark-color),1);
  background-color: transparent;
  color: rgba(var(--dark-color),1);
  .disabled {
    border-color: rgba(var(--dark-color),1);
  }
  .disabled {
    color: rgba(var(--dark-color),1);
  }
  &:hover,
    &:active {
    color: rgb(var(--white),1) !important;
  }
  &:hover,
    &:active {
    border-color: rgba(var(--dark-color),1);
  }
  &:hover,
    &:active {
    background-color: rgba(var(--dark-color),1);
  }
  &:hover,
    &:active {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
}

.btn-outline-warning {
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--warning-color),1);
  background-color: transparent;
  color: rgba(var(--warning-color),1);
  .disabled {
    border-color: rgba(var(--warning-color),1);
  }
  .disabled {
    color: rgba(var(--warning-color),1);
  }
  &:hover,
    &:active {
    color: rgb(var(--white),1) !important;
  }
  &:hover,
    &:active {
    border-color: rgba(var(--warning-color),1);
  }
  &:hover,
    &:active {
    background-color: rgba(var(--warning-color),1);
  }
  &:hover,
    &:active {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
}

.btn-primary {
  color: rgba(var(--white),1);
  &:not([disabled]):not(.disabled).active {
    border-color: rgba(var(--theme-default),1);
  }
  &:not([disabled]):not(.disabled).active {
    background-color: rgba(var(--theme-default),1);
  }
  &:not([disabled]):not(.disabled).active {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  &:not([disabled]):not(.disabled).active {
    &:hover,
      &:focus,
      &:active,
      &.active {
      border-color: rgba(var(--theme-default),1);
    }
    &:hover,
      &:focus,
      &:active,
      &.active {
      background-color: rgba(var(--theme-default),1);
    }
    &:hover,
      &:focus,
      &:active,
      &.active {
      color: rgba(var(--white),1);
    }
  }
  &:hover {
    color: rgba(var(--white),1) !important;
  }
  border-color: rgba(var(--theme-default),1);
  background-color: rgba(var(--theme-default),1) !important;
}

.btn-secondary {
  border-color: rgba(var(--theme-secondary),1) !important;
  background-color: rgba(var(--theme-secondary),1) !important;
  color: rgba(var(--white),1);
  &:not([disabled]):not(.disabled).active {
    border-color: rgba(var(--theme-secondary),1);
  }
  &:not([disabled]):not(.disabled).active {
    background-color: rgba(var(--theme-secondary),1);
  }
  &:not([disabled]):not(.disabled).active {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  &:not([disabled]):not(.disabled).active {
    &:hover,
      &:focus,
      &:active,
      &.active {
      border-color: rgba(var(--theme-secondary),1);
    }
    &:hover,
      &:focus,
      &:active,
      &.active {
      background-color: rgba(var(--theme-secondary),1);
    }
    &:hover,
      &:focus,
      &:active,
      &.active {
      color: rgba(var(--white),1);
    }
  }
}

.btn-success {
  &:not([disabled]):not(.disabled).active {
    border-color: rgba(var(--success-color),1);
  }
  &:not([disabled]):not(.disabled).active {
    background-color: rgba(var(--success-color),1);
  }
  &:not([disabled]):not(.disabled).active {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  &:not([disabled]):not(.disabled).active {
    &:hover,
      &:focus,
      &:active,
      &.active {
      border-color: rgba(var(--success-color),1);
    }
    &:hover,
      &:focus,
      &:active,
      &.active {
      background-color: rgba(var(--success-color),1);
    }
    &:hover,
      &:focus,
      &:active,
      &.active {
      color: rgba(var(--white),1);
    }
  }
  color: rgba(var(--white),1);
  &:not([disabled]):not(.disabled).active {
    border-color: rgba(var(--success-color),1);
  }
  &:not([disabled]):not(.disabled).active {
    background-color: rgba(var(--success-color),1);
  }
  &:not([disabled]):not(.disabled).active {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  &:not([disabled]):not(.disabled).active {
    &:hover,
      &:focus,
      &:active,
      &.active {
      border-color: rgba(var(--success-color),1);
    }
    &:hover,
      &:focus,
      &:active,
      &.active {
      background-color: rgba(var(--success-color),1);
    }
    &:hover,
      &:focus,
      &:active,
      &.active {
      color: rgba(var(--white),1);
    }
  }
}

.btn-danger {
  color: rgba(var(--white),1);
  &:not([disabled]):not(.disabled).active {
    border-color: rgba(var(--danger-color),1);
  }
  &:not([disabled]):not(.disabled).active {
    background-color: rgba(var(--danger-color),1);
  }
  &:not([disabled]):not(.disabled).active {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  &:not([disabled]):not(.disabled).active {
    &:hover,
      &:focus,
      &:active,
      &.active {
      border-color: rgba(var(--danger-color),1);
    }
    &:hover,
      &:focus,
      &:active,
      &.active {
      background-color: rgba(var(--danger-color),1);
    }
    &:hover,
      &:focus,
      &:active,
      &.active {
      color: rgba(var(--white),1);
    }
  }
}

.btn-info {
  color: rgba(var(--white),1);
  &:not([disabled]):not(.disabled).active {
    border-color: rgba(var(--info-color),1);
  }
  &:not([disabled]):not(.disabled).active {
    background-color: rgba(var(--info-color),1);
  }
  &:not([disabled]):not(.disabled).active {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  &:not([disabled]):not(.disabled).active {
    &:hover,
      &:focus,
      &:active,
      &.active {
      border-color: rgba(var(--info-color),1);
    }
    &:hover,
      &:focus,
      &:active,
      &.active {
      background-color: rgba(var(--info-color),1);
    }
    &:hover,
      &:focus,
      &:active,
      &.active {
      color: rgba(var(--white),1);
    }
  }
}

.btn-light {
  color: rgba(var(--black),1);
  &:not([disabled]):not(.disabled).active {
    border-color: rgba(var(--light-color),1);
  }
  &:not([disabled]):not(.disabled).active {
    background-color: rgba(var(--light-color),1);
  }
  &:not([disabled]):not(.disabled).active {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  &:not([disabled]):not(.disabled).active {
    &:hover,
      &:focus,
      &:active,
      &.active {
      border-color: rgba(var(--light-color),1);
    }
    &:hover,
      &:focus,
      &:active,
      &.active {
      background-color: rgba(var(--light-color),1);
    }
    &:hover,
      &:focus,
      &:active,
      &.active {
      color: rgba(var(--white),1);
    }
  }
  border-color: rgba(var(--theme-default),0.06) !important;
  background-color: rgba(var(--theme-default),0.06) !important;
}

.btn-light:hover {
  border-color: rgba(var(--theme-default),0.1);
  background-color: rgba(var(--theme-default),0.1);
}

.btn-dark {
  color: rgba(var(--white),1);
  &:not([disabled]):not(.disabled).active {
    border-color: rgba(var(--dark-color),1);
  }
  &:not([disabled]):not(.disabled).active {
    background-color: rgba(var(--dark-color),1);
  }
  &:not([disabled]):not(.disabled).active {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  &:not([disabled]):not(.disabled).active {
    &:hover,
      &:focus,
      &:active,
      &.active {
      border-color: rgba(var(--dark-color),1);
    }
    &:hover,
      &:focus,
      &:active,
      &.active {
      background-color: rgba(var(--dark-color),1);
    }
    &:hover,
      &:focus,
      &:active,
      &.active {
      color: rgba(var(--white),1);
    }
  }
}

.btn-warning {
  color: rgba(var(--white),1);
  &:not([disabled]):not(.disabled).active {
    border-color: rgba(var(--warning-color),1);
  }
  &:not([disabled]):not(.disabled).active {
    background-color: rgba(var(--warning-color),1);
  }
  &:not([disabled]):not(.disabled).active {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  &:not([disabled]):not(.disabled).active {
    &:hover,
      &:focus,
      &:active,
      &.active {
      border-color: rgba(var(--warning-color),1);
    }
    &:hover,
      &:focus,
      &:active,
      &.active {
      background-color: rgba(var(--warning-color),1);
    }
    &:hover,
      &:focus,
      &:active,
      &.active {
      color: rgba(var(--white),1);
    }
  }
}

.btn-outline-primary-2x {
  &:not([disabled]):not(.disabled) {
    &.active {
      border-color: rgba(var(--theme-default),1);
    }
    &.active {
      background-color: rgba(var(--theme-default),1);
    }
    &.active {
      color: rgba(var(--white),1);
    }
    &.active {
      --tw-shadow: 0 0 #0000;
      --tw-shadow-colored: 0 0 #0000;
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
    &.active {
      &:hover,
        &:focus,
        &:active,
        &.active {
        border-color: rgba(var(--theme-default),1);
      }
      &:hover,
        &:focus,
        &:active,
        &.active {
        background-color: rgba(var(--theme-default),1);
      }
      &:hover,
        &:focus,
        &:active,
        &.active {
        color: rgba(var(--white),1);
      }
      &:hover,
        &:focus,
        &:active,
        &.active {
        --tw-shadow: 0 0 #0000;
        --tw-shadow-colored: 0 0 #0000;
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
      }
    }
  }
}

.btn-outline-secondary-2x {
  &:not([disabled]):not(.disabled) {
    &.active {
      border-color: rgba(var(--theme-secondary),1);
    }
    &.active {
      background-color: rgba(var(--theme-secondary),1);
    }
    &.active {
      color: rgba(var(--white),1);
    }
    &.active {
      --tw-shadow: 0 0 #0000;
      --tw-shadow-colored: 0 0 #0000;
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
    &.active {
      &:hover,
        &:focus,
        &:active,
        &.active {
        border-color: rgba(var(--theme-secondary),1);
      }
      &:hover,
        &:focus,
        &:active,
        &.active {
        background-color: rgba(var(--theme-secondary),1);
      }
      &:hover,
        &:focus,
        &:active,
        &.active {
        color: rgba(var(--white),1);
      }
      &:hover,
        &:focus,
        &:active,
        &.active {
        --tw-shadow: 0 0 #0000;
        --tw-shadow-colored: 0 0 #0000;
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
      }
    }
  }
  &:not([disabled]):not(.disabled) {
    &.active {
      border-color: rgba(var(--theme-secondary),1);
    }
    &.active {
      background-color: rgba(var(--theme-secondary),1);
    }
    &.active {
      color: rgba(var(--white),1);
    }
    &.active {
      --tw-shadow: 0 0 #0000;
      --tw-shadow-colored: 0 0 #0000;
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
    &.active {
      &:hover,
        &:focus,
        &:active,
        &.active {
        border-color: rgba(var(--theme-secondary),1);
      }
      &:hover,
        &:focus,
        &:active,
        &.active {
        background-color: rgba(var(--theme-secondary),1);
      }
      &:hover,
        &:focus,
        &:active,
        &.active {
        color: rgba(var(--white),1);
      }
      &:hover,
        &:focus,
        &:active,
        &.active {
        --tw-shadow: 0 0 #0000;
        --tw-shadow-colored: 0 0 #0000;
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
      }
    }
  }
}

.btn-outline-success-2x {
  &:not([disabled]):not(.disabled) {
    &.active {
      border-color: rgba(var(--success-color),1);
    }
    &.active {
      background-color: rgba(var(--success-color),1);
    }
    &.active {
      color: rgba(var(--white),1);
    }
    &.active {
      --tw-shadow: 0 0 #0000;
      --tw-shadow-colored: 0 0 #0000;
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
    &.active {
      &:hover,
        &:focus,
        &:active,
        &.active {
        border-color: rgba(var(--success-color),1);
      }
      &:hover,
        &:focus,
        &:active,
        &.active {
        background-color: rgba(var(--success-color),1);
      }
      &:hover,
        &:focus,
        &:active,
        &.active {
        color: rgba(var(--white),1);
      }
      &:hover,
        &:focus,
        &:active,
        &.active {
        --tw-shadow: 0 0 #0000;
        --tw-shadow-colored: 0 0 #0000;
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
      }
    }
  }
}

.btn-outline-danger-2x {
  &:not([disabled]):not(.disabled) {
    &.active {
      border-color: rgba(var(--danger-color),1);
    }
    &.active {
      background-color: rgba(var(--danger-color),1);
    }
    &.active {
      color: rgba(var(--white),1);
    }
    &.active {
      --tw-shadow: 0 0 #0000;
      --tw-shadow-colored: 0 0 #0000;
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
    &.active {
      &:hover,
        &:focus,
        &:active,
        &.active {
        border-color: rgba(var(--danger-color),1);
      }
      &:hover,
        &:focus,
        &:active,
        &.active {
        background-color: rgba(var(--danger-color),1);
      }
      &:hover,
        &:focus,
        &:active,
        &.active {
        color: rgba(var(--white),1);
      }
      &:hover,
        &:focus,
        &:active,
        &.active {
        --tw-shadow: 0 0 #0000;
        --tw-shadow-colored: 0 0 #0000;
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
      }
    }
  }
}

.btn-outline-info-2x {
  &:not([disabled]):not(.disabled) {
    &.active {
      border-color: rgba(var(--info-color),1);
    }
    &.active {
      background-color: rgba(var(--info-color),1);
    }
    &.active {
      color: rgba(var(--white),1);
    }
    &.active {
      --tw-shadow: 0 0 #0000;
      --tw-shadow-colored: 0 0 #0000;
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
    &.active {
      &:hover,
        &:focus,
        &:active,
        &.active {
        border-color: rgba(var(--info-color),1);
      }
      &:hover,
        &:focus,
        &:active,
        &.active {
        background-color: rgba(var(--info-color),1);
      }
      &:hover,
        &:focus,
        &:active,
        &.active {
        color: rgba(var(--white),1);
      }
      &:hover,
        &:focus,
        &:active,
        &.active {
        --tw-shadow: 0 0 #0000;
        --tw-shadow-colored: 0 0 #0000;
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
      }
    }
  }
}

.btn-outline-light-2x {
  &:not([disabled]):not(.disabled) {
    &.active {
      border-color: rgba(var(--light-color),1);
    }
    &.active {
      background-color: rgba(var(--light-color),1);
    }
    &.active {
      color: rgba(var(--white),1);
    }
    &.active {
      --tw-shadow: 0 0 #0000;
      --tw-shadow-colored: 0 0 #0000;
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
    &.active {
      &:hover,
        &:focus,
        &:active,
        &.active {
        border-color: rgba(var(--light-color),1);
      }
      &:hover,
        &:focus,
        &:active,
        &.active {
        background-color: rgba(var(--light-color),1);
      }
      &:hover,
        &:focus,
        &:active,
        &.active {
        color: rgba(var(--white),1);
      }
      &:hover,
        &:focus,
        &:active,
        &.active {
        --tw-shadow: 0 0 #0000;
        --tw-shadow-colored: 0 0 #0000;
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
      }
    }
  }
}

.btn-outline-dark-2x {
  &:not([disabled]):not(.disabled) {
    &.active {
      border-color: rgba(var(--dark-color),1);
    }
    &.active {
      background-color: rgba(var(--dark-color),1);
    }
    &.active {
      color: rgba(var(--white),1);
    }
    &.active {
      --tw-shadow: 0 0 #0000;
      --tw-shadow-colored: 0 0 #0000;
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
    &.active {
      &:hover,
        &:focus,
        &:active,
        &.active {
        border-color: rgba(var(--dark-color),1);
      }
      &:hover,
        &:focus,
        &:active,
        &.active {
        background-color: rgba(var(--dark-color),1);
      }
      &:hover,
        &:focus,
        &:active,
        &.active {
        color: rgba(var(--white),1);
      }
      &:hover,
        &:focus,
        &:active,
        &.active {
        --tw-shadow: 0 0 #0000;
        --tw-shadow-colored: 0 0 #0000;
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
      }
    }
  }
}

.btn-outline-warning-2x {
  &:not([disabled]):not(.disabled) {
    &.active {
      border-color: rgba(var(--warning-color),1);
    }
    &.active {
      background-color: rgba(var(--warning-color),1);
    }
    &.active {
      color: rgba(var(--white),1);
    }
    &.active {
      --tw-shadow: 0 0 #0000;
      --tw-shadow-colored: 0 0 #0000;
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
    &.active {
      &:hover,
        &:focus,
        &:active,
        &.active {
        border-color: rgba(var(--warning-color),1);
      }
      &:hover,
        &:focus,
        &:active,
        &.active {
        background-color: rgba(var(--warning-color),1);
      }
      &:hover,
        &:focus,
        &:active,
        &.active {
        color: rgba(var(--white),1);
      }
      &:hover,
        &:focus,
        &:active,
        &.active {
        --tw-shadow: 0 0 #0000;
        --tw-shadow-colored: 0 0 #0000;
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
      }
    }
  }
}

/* ====== button css end ====== */

/* ====== alert css start ====== */

.alert-primary {
  border-color: rgba(var(--theme-default),0.9);
  background-color: rgba(var(--theme-default),0.8) !important;
  color: rgba(var(--white),1);
}

.alert-secondary {
  border-color: rgba(var(--theme-secondary),0.9);
  background-color: rgba(var(--theme-secondary),0.8);
  color: rgba(var(--white),1);
}

.alert-success {
  border-color: rgba(var(--success-color),0.9);
  background-color: rgba(var(--success-color),0.8);
  color: rgba(var(--white),1);
}

.alert-info {
  border-color: rgba(var(--info-color),0.9);
  background-color: rgba(var(--info-color),0.8);
  color: rgba(var(--white),1);
}

.alert-warning {
  border-color: rgba(var(--warning-color),0.9);
  background-color: rgba(var(--warning-color),0.8);
  color: rgba(var(--white),1);
}

.alert-danger {
  border-color: rgba(var(--danger-color),0.9);
  background-color: rgba(var(--danger-color),0.8);
  color: rgba(var(--white),1);
}

.alert-light {
  border-color: rgba(var(--light-color),0.9);
  background-color: rgba(var(--light-color),0.8);
  color: rgba(var(--white),1);
}

.alert-dark {
  border-color: rgba(var(--dark-color),0.9);
  background-color: rgba(var(--dark-color),0.8);
  color: rgba(var(--white),1);
}

.alert-bg-primary {
  background-color: rgba(var(--theme-default),0.1);
}

.alert-bg-secondary {
  background-color: rgba(var(--theme-secondary),0.1);
}

.alert-bg-success {
  background-color: rgba(var(--success-color),0.1);
}

.alert-bg-warning {
  background-color: rgba(var(--warning-color),0.1);
}

.alert-bg-danger {
  background-color: rgba(var(--danger-color),0.1);
}

.alert-bg-info {
  background-color: rgba(var(--info-color),0.1);
}

.alert-bg-light {
  background-color: rgba(var(--light-color),0.1);
}

.alert-bg-dark {
  background-color: rgba(var(--dark-color),0.1);
}

/* ====== alert css end ====== */

/* ====== border left css start ====== */

.border-left-primary {
  border-left-width: 4px;
  border-style: solid;
  border-left-color: rgba(var(--theme-default),1);
  [dir="rtl"] & {
    border-left-width: 0px;
  }
  [dir="rtl"] & {
    border-right-width: 4px;
  }
  [dir="rtl"] & {
    border-style: solid;
  }
  [dir="rtl"] & {
    border-right-color: rgba(var(--theme-default),1);
  }
}

.border-left-secondary {
  border-left-width: 4px;
  border-style: solid;
  border-left-color: rgba(var(--theme-secondary),1);
  [dir="rtl"] & {
    border-left-width: 0px;
  }
  [dir="rtl"] & {
    border-right-width: 4px;
  }
  [dir="rtl"] & {
    border-style: solid;
  }
  [dir="rtl"] & {
    border-right-color: rgba(var(--theme-secondary),1);
  }
}

.border-left-success {
  border-left-width: 4px;
  border-style: solid;
  border-left-color: rgba(var(--success-color),1);
  [dir="rtl"] & {
    border-left-width: 0px;
  }
  [dir="rtl"] & {
    border-right-width: 4px;
  }
  [dir="rtl"] & {
    border-style: solid;
  }
  [dir="rtl"] & {
    border-right-color: rgba(var(--success-color),1);
  }
}

.border-left-dander {
  border-left-width: 4px;
  border-style: solid;
  border-left-color: rgba(var(--dander-color),1);
  [dir="rtl"] & {
    border-left-width: 0px;
  }
  [dir="rtl"] & {
    border-right-width: 4px;
  }
  [dir="rtl"] & {
    border-style: solid;
  }
  [dir="rtl"] & {
    border-right-color: rgba(var(--dander-color),1);
  }
}

.border-left-warning {
  border-left-width: 4px;
  border-style: solid;
  border-left-color: rgba(var(--warning-color),1);
  [dir="rtl"] & {
    border-left-width: 0px;
  }
  [dir="rtl"] & {
    border-right-width: 4px;
  }
  [dir="rtl"] & {
    border-style: solid;
  }
  [dir="rtl"] & {
    border-right-color: rgba(var(--warning-color),1);
  }
}

.border-left-info {
  border-left-width: 4px;
  border-style: solid;
  border-left-color: rgba(var(--info-color),1);
  [dir="rtl"] & {
    border-left-width: 0px;
  }
  [dir="rtl"] & {
    border-right-width: 4px;
  }
  [dir="rtl"] & {
    border-style: solid;
  }
  [dir="rtl"] & {
    border-right-color: rgba(var(--info-color),1);
  }
}

.border-left-light {
  border-left-width: 4px;
  border-style: solid;
  border-left-color: rgba(var(--light-color),1);
  [dir="rtl"] & {
    border-left-width: 0px;
  }
  [dir="rtl"] & {
    border-right-width: 4px;
  }
  [dir="rtl"] & {
    border-style: solid;
  }
  [dir="rtl"] & {
    border-right-color: rgba(var(--light-color),1);
  }
}

.border-left-dark {
  border-left-width: 4px;
  border-style: solid;
  border-left-color: rgba(var(--dark-color),1);
  [dir="rtl"] & {
    border-left-width: 0px;
  }
  [dir="rtl"] & {
    border-right-width: 4px;
  }
  [dir="rtl"] & {
    border-style: solid;
  }
  [dir="rtl"] & {
    border-right-color: rgba(var(--dark-color),1);
  }
}

/* ====== border left css end ====== */

/* ====== accordion css start ====== */

.accordion-button {
  &.accordion-light-primary {
    &:not(.collapsed) {
      background-color: rgba(var(--theme-default),0.1);
    }
    &:active,
      &.active {
      background-color: rgba(var(--theme-default),0.1);
    }
    &:active,
      &.active {
      color: rgba(var(--theme-default),1);
    }
  }
}

.multi-collapse {
  &.show {
    .collapse-wrapper {
      &.accordion-light-primary {
        background-color: rgba(var(--theme-default),0.1) !important;
      }
      &.accordion-light-primary {
        color: rgba(var(--body-font-color),1);
      }
    }
  }
}

.accordion-button {
  &.accordion-light-secondary {
    &:not(.collapsed) {
      background-color: rgba(var(--theme-secondary),0.1);
    }
    &:active,
      &.active {
      background-color: rgba(var(--theme-secondary),0.1);
    }
    &:active,
      &.active {
      color: rgba(var(--theme-secondary),1);
    }
  }
}

.multi-collapse {
  &.show {
    .collapse-wrapper {
      &.accordion-light-secondary {
        background-color: rgba(var(--theme-secondary),0.1) !important;
      }
      &.accordion-light-secondary {
        color: rgba(var(--body-font-color),1);
      }
    }
  }
}

/* ====== accordion css end ====== */

.light-card {
  /* @apply bg-[rgba(var(--light-background), 1)]; */
  background-color: rgba(var(--light-background),0.65);
}

.blockquote-footer {
  margin-top: -1rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  color: rgba(var(--font-gray-color),1);
}

.blockquote-footer::before {
  --tw-content: "— ";
  content: var(--tw-content);
}

.badge {
  font-size: 11.5px;
}

.alert-light-light {
  background-color: rgba(var(--light-white),1);
}

.bg-light {
  background-color: rgba(var(--light-color),1) !important;
  color: rgba(var(--white),1);
}

.txt-dark {
  --tw-text-opacity: 1 !important;
  color: rgb(63 71 90 / var(--tw-text-opacity, 1)) !important;
}

.btn-secondary {
  border-color: rgba(var(--theme-secondary),1);
  background-color: rgba(var(--theme-secondary),1) !important;
}

.btn-warning {
  color: rgb(var(--white),1) !important;
  border-color: rgba(var(--warning-color),1) !important;
  background-color: rgba(var(--warning-color),1) !important;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0);
}

.btn-danger {
  border-color: rgba(var(--danger-color),1) !important;
  background-color: rgba(var(--danger-color),1) !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0);
}

.btn-success {
  border-color: rgba(var(--success-color),1) !important;
  background-color: rgba(var(--success-color),1) !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0);
}

.btn-info {
  color: rgb(var(--white),1) !important;
  border-color: rgba(var(--info-color),1) !important;
  background-color: rgba(var(--info-color),1) !important;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0);
}

.text-bg-secondary {
  background-color: rgba(var(--theme-secondary),1);
}

.badge-l-light {
  --tw-bg-opacity: 1;
  background-color: rgb(166 166 187 / var(--tw-bg-opacity, 1));
}

.badge-l-light:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(166 166 187 / var(--tw-bg-opacity, 1));
}

.button-light-primary {
  background-color: rgba(var(--theme-default),0.1);
  color: rgba(var(--theme-default),1);
  &:hover {
    color: rgba(var(--theme-default),1);
  }
}

.button-light-secondary {
  background-color: rgba(var(--theme-secondary),0.1);
}

.button-light-success {
  background-color: rgba(var(--success-color),0.1) !important;
}

.button-light-danger {
  background-color: rgba(var(--danger-color),0.1) !important;
}

.button-light-warning {
  background-color: rgba(var(--warning-color),0.1) !important;
}

.border-dashed-primary {
  border-width: 1px;
  border-style: dashed;
  border-color: rgba(var(--theme-default),1);
  color: rgba(var(--theme-default),1);
  &:hover,
    &:active {
    color: rgb(var(--white),1) !important;
  }
  &:hover,
    &:active {
    border-width: 1px;
  }
  &:hover,
    &:active {
    border-style: dashed;
  }
  &:hover,
    &:active {
    border-color: rgba(var(--theme-default),1);
  }
  &:hover,
    &:active {
    background-color: rgba(var(--theme-default),1);
  }
  &:hover,
    &:active {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
}

.button-light-info {
  background-color: rgba(var(--info-color),0.1) !important;
}

.button-light-info:active {
  border-color: rgba(var(--info-color),0.1);
}

.text-bg-danger {
  background-color: rgba(var(--danger-color),1);
}

.text-bg-info {
  background-color: rgba(var(--info-color),1);
}

.btn-dark {
  border-color: rgb(var(--dark-color),1);
  background-color: rgb(var(--dark-color),1) !important;
  transform: translateZ(0);
}

.light-background {
  background-color: rgba(var(--light-bg),1);
}

/* ====== tap-top css start ====== */

.tap-top {
  color: rgb(var(--white),1) !important;
  text-align: center;
}

@media (max-width: 767px) {
   {
    .tap-top {
    }
  }
}

.tap-top {
  position: fixed;
  right: 30px;
  bottom: 30px;
  z-index: 5;
  display: none;
  height: 2.5rem;
  width: 2.5rem;
  cursor: pointer;
  border-radius: 100%;
  border-color: none;
  background-color: rgba(var(--theme-default),1);
  padding: 7px;
  text-align: center;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  opacity: 0.5;
  --tw-shadow: 0 0 10px rgba(var(--theme-default),1);
  --tw-shadow-colored: 0 0 10px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 0.3s;
  transition-timing-function: ease;
}

.tap-top:hover {
  opacity: 1;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 0.3s;
  transition-timing-function: ease;
}

.tap-top {
  svg {
    margin: auto;
  }
  svg {
    width: 1.25rem;
  }
}

/* ====== tap-top css end ====== */

/* Border Opacity Classes */

.border-primary {
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--theme-default),1) !important;
}

.border-opacity-75 {
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--theme-default),0.75);
}

.border-opacity-50 {
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--theme-default),0.5);
}

.border-opacity-25 {
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--theme-default),0.25);
}

.border-opacity-10 {
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--theme-default),0.1);
}

/* Background Opacity Classes */

.bg-primary {
  background-color: rgba(var(--theme-default),1) !important;
}

.bg-opacity-75 {
  background-color: rgba(var(--theme-default),0.75);
}

.bg-opacity-50 {
  background-color: rgba(var(--theme-default),0.5);
}

.bg-opacity-25 {
  background-color: rgba(var(--theme-default),0.25);
}

.bg-opacity-10 {
  background-color: rgba(var(--theme-default),0.1);
}

/* Underline Opacity Classes */

.underline-primary {
  text-decoration-line: underline;
  text-decoration-color: rgba(var(--theme-default),1);
}

.underline-opacity-100 {
  text-decoration-line: underline;
  text-decoration-color: rgba(var(--theme-default),1);
}

.underline-opacity-75 {
  text-decoration-color: rgba(var(--theme-default),1);
  text-decoration-line: underline;
  text-decoration-color: rgba(var(--theme-default),0.75);
}

.underline-opacity-50 {
  text-decoration-color: rgba(var(--theme-default),1);
  text-decoration-line: underline;
  text-decoration-color: rgba(var(--theme-default),0.5);
}

.underline-opacity-25 {
  text-decoration-color: rgba(var(--theme-default),1);
  text-decoration-line: underline;
  text-decoration-color: rgba(var(--theme-default),0.25);
}

.underline-opacity-10 {
  text-decoration-color: rgba(var(--theme-default),1);
  text-decoration-line: underline;
  text-decoration-color: rgba(var(--theme-default),0.1);
}

.underline {
  text-decoration-color: rgba(var(--theme-default),1);
}

/* Link Emphasis Class */

.link-body-emphasis {
  text-decoration-color: rgba(var(--theme-default),1);
  text-decoration-line: underline;
}

.link-underline-primary {
  text-decoration-line: underline;
  text-decoration-color: rgba(var(--theme-default),1);
}

.link-underline-primary:hover {
  color: rgba(var(--body-font-color),1);
}

.link-underline-secondary {
  text-decoration-color: rgba(var(--theme-default),1);
  text-decoration-line: underline;
  text-decoration-color: rgba(var(--theme-secondary),1);
}

.link-underline-secondary:hover {
  color: rgba(var(--body-font-color),1);
}

.link-underline-success {
  text-decoration-color: rgba(var(--theme-default),1);
  text-decoration-line: underline;
  text-decoration-color: rgba(var(--success-color),1);
}

.link-underline-success:hover {
  color: rgba(var(--body-font-color),1);
}

.link-underline-danger {
  text-decoration-color: rgba(var(--theme-default),1);
  text-decoration-line: underline;
  text-decoration-color: rgba(var(--danger-color),1);
}

.link-underline-danger:hover {
  color: rgba(var(--body-font-color),1);
}

.link-underline-info {
  text-decoration-color: rgba(var(--theme-default),1);
  text-decoration-line: underline;
  text-decoration-color: rgba(var(--info-color),1);
}

.link-underline-info:hover {
  color: rgba(var(--body-font-color),1);
}

.link-underline-warning {
  text-decoration-color: rgba(var(--theme-default),1);
  text-decoration-line: underline;
  text-decoration-color: rgba(var(--warning-color),1);
}

.link-underline-warning:hover {
  color: rgba(var(--body-font-color),1);
}

.link-underline-light {
  text-decoration-color: rgba(var(--theme-default),1);
  text-decoration-line: underline;
  text-decoration-color: rgba(var(--light-color),1);
}

.link-underline-light:hover {
  color: rgba(var(--body-font-color),1);
}

.link-underline-dark {
  text-decoration-color: rgba(var(--theme-default),1);
  text-decoration-line: underline;
  text-decoration-color: rgba(var(--dark-color),1);
}

.link-underline-dark:hover {
  color: rgba(var(--body-font-color),1);
}

.link-primary {
  text-decoration-color: rgba(var(--theme-default),1);
  color: rgba(var(--theme-default));
  text-decoration-line: underline;
  text-decoration-color: rgba(var(--theme-default));
}

.link-secondary {
  text-decoration-color: rgba(var(--theme-default),1);
  color: rgba(var(--theme-secondary));
  text-decoration-line: underline;
  text-decoration-color: rgba(var(--theme-secondary));
}

.link-success {
  text-decoration-color: rgba(var(--theme-default),1);
  color: rgba(var(--success-color));
  text-decoration-line: underline;
  text-decoration-color: rgba(var(--success-color));
}

.link-info {
  text-decoration-color: rgba(var(--theme-default),1);
  color: rgba(var(--info-color));
  text-decoration-line: underline;
  text-decoration-color: rgba(var(--info-color));
}

.link-warning {
  text-decoration-color: rgba(var(--theme-default),1);
  color: rgba(var(--warning-color));
  text-decoration-line: underline;
  text-decoration-color: rgba(var(--warning-color));
}

.link-danger {
  text-decoration-color: rgba(var(--theme-default),1);
  color: rgba(var(--danger-color));
  text-decoration-line: underline;
  text-decoration-color: rgba(var(--danger-color));
}

.link-light {
  text-decoration-color: rgba(var(--theme-default),1);
  color: rgba(var(--light-color));
  text-decoration-line: underline;
  text-decoration-color: rgba(var(--light-color));
}

.link-dark {
  text-decoration-color: rgba(var(--theme-default),1);
  color: rgba(var(--dark-color));
  text-decoration-line: underline;
  text-decoration-color: rgba(var(--dark-color));
}

.list-light-primary {
  background-color: rgba(var(--theme-default),0.1);
}

.list-light-secondary {
  background-color: rgba(var(--theme-secondary),0.1);
}

.list-light-success {
  background-color: rgba(var(--success-color),0.1);
}

.list-light-warning {
  background-color: rgba(var(--warning-color),0.1);
}

.list-light-danger {
  background-color: rgba(var(--danger-color),0.1);
}

.list-light-info {
  background-color: rgba(var(--info-color),0.1);
}

.list-light-dark {
  background-color: rgba(var(--dark-color),0.1);
}

.list-light-light {
  background-color: rgba(var(--light-color),0.1);
}

.list-group-horizontal-sm,
  .list-group-horizontal-md,
  .list-group-horizontal-lg,
  .list-group-horizontal-xl,
  .list-group-horizontal-xxl {
  .list-group-item {
    &.border-left-primary {
      border-left-width: 4px;
    }
    &.border-left-primary {
      border-style: solid;
    }
    &.border-left-primary {
      border-left-color: rgba(var(--theme-default),1);
    }
    &.border-left-primary {
      [dir="rtl"] & {
        border-left-width: 0px;
      }
      [dir="rtl"] & {
        border-right-width: 4px;
      }
      [dir="rtl"] & {
        border-style: solid;
      }
      [dir="rtl"] & {
        border-right-color: rgba(var(--theme-default),1);
      }
    }
    &.border-left-secondary {
      border-left-width: 4px;
    }
    &.border-left-secondary {
      border-style: solid;
    }
    &.border-left-secondary {
      border-left-color: rgba(var(--theme-secondary),1);
    }
    &.border-left-secondary {
      [dir="rtl"] & {
        border-left-width: 0px;
      }
      [dir="rtl"] & {
        border-right-width: 4px;
      }
      [dir="rtl"] & {
        border-style: solid;
      }
      [dir="rtl"] & {
        border-right-color: rgba(var(--theme-secondary),1);
      }
    }
    &.border-left-success {
      border-left-width: 4px;
    }
    &.border-left-success {
      border-style: solid;
    }
    &.border-left-success {
      border-left-color: rgba(var(--success-color),1);
    }
    &.border-left-success {
      [dir="rtl"] & {
        border-left-width: 0px;
      }
      [dir="rtl"] & {
        border-right-width: 4px;
      }
      [dir="rtl"] & {
        border-style: solid;
      }
      [dir="rtl"] & {
        border-right-color: rgba(var(--success-color),1);
      }
    }
    &.border-left-warning {
      border-left-width: 4px;
    }
    &.border-left-warning {
      border-style: solid;
    }
    &.border-left-warning {
      border-left-color: rgba(var(--warning-color),1);
    }
    &.border-left-warning {
      [dir="rtl"] & {
        border-left-width: 0px;
      }
      [dir="rtl"] & {
        border-right-width: 4px;
      }
      [dir="rtl"] & {
        border-style: solid;
      }
      [dir="rtl"] & {
        border-right-color: rgba(var(--warning-color),1);
      }
    }
    &.border-left-info {
      border-left-width: 4px;
    }
    &.border-left-info {
      border-style: solid;
    }
    &.border-left-info {
      border-left-color: rgba(var(--info-color),1);
    }
    &.border-left-info {
      [dir="rtl"] & {
        border-left-width: 0px;
      }
      [dir="rtl"] & {
        border-right-width: 4px;
      }
      [dir="rtl"] & {
        border-style: solid;
      }
      [dir="rtl"] & {
        border-right-color: rgba(var(--info-color),1);
      }
    }
  }
}

.\!mt-5 {
  margin-top: 48px !important;
}

.mt-5 {
  margin-top: 48px !important;
}

.\!ps-0 {
  padding-left: 0 !important;
}

.ps-0 {
  padding-left: 0 !important;
}

.\!text-center {
  text-align: center !important;
}

.text-center {
  text-align: center !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

table {
  thead,
    tbody {
    .border-bottom-primary {
      th,
        td {
        border-bottom-width: 1px;
      }
      th,
        td {
        border-style: solid;
      }
      th,
        td {
        border-bottom-color: rgba(var(--theme-default),1) !important;
      }
    }
    .border-bottom-secondary {
      th,
        td {
        border-bottom-width: 1px;
      }
      th,
        td {
        border-style: solid;
      }
      th,
        td {
        border-bottom-color: rgba(var(--theme-secondary),1) !important;
      }
    }
    .border-bottom-success {
      th,
        td {
        border-bottom-width: 1px;
      }
      th,
        td {
        border-style: solid;
      }
      th,
        td {
        border-bottom-color: rgba(var(--success-color),1) !important;
      }
    }
    .border-bottom-danger {
      th,
        td {
        border-bottom-width: 1px;
      }
      th,
        td {
        border-style: solid;
      }
      th,
        td {
        border-bottom-color: rgba(var(--danger-color),1) !important;
      }
    }
    .border-bottom-info {
      th,
        td {
        border-bottom-width: 1px;
      }
      th,
        td {
        border-style: solid;
      }
      th,
        td {
        border-bottom-color: rgba(var(--info-color),1) !important;
      }
    }
    .border-bottom-light {
      th,
        td {
        border-bottom-width: 1px;
      }
      th,
        td {
        border-style: solid;
      }
      th,
        td {
        border-bottom-color: rgba(var(--light-color),1) !important;
      }
    }
    .border-bottom-dark {
      th,
        td {
        border-bottom-width: 1px;
      }
      th,
        td {
        border-style: solid;
      }
      th,
        td {
        border-bottom-color: rgba(var(--dark-color),1) !important;
      }
    }
    .border-bottom-warning {
      th,
        td {
        border-bottom-width: 1px;
      }
      th,
        td {
        border-style: solid;
      }
      th,
        td {
        border-bottom-color: rgba(var(--warning-color),1) !important;
      }
    }
  }
}

/* ===== table bg color start ===== */

.table-primary {
  td {
    background-color: rgba(115,102,255,0.4) !important;
  }
}

.table-secondary {
  td {
    background-color: rgba(var(--theme-secondary),0.4) !important;
  }
}

.table-success {
  td {
    background-color: rgba(var(--success-color),0.4) !important;
  }
}

.table-danger {
  td {
    background-color: rgba(var(--danger-color),0.4) !important;
  }
}

.table-warning {
  td {
    background-color: rgba(var(--warning-color),0.4) !important;
  }
}

.table-info {
  td {
    background-color: rgba(var(--info-color),0.4) !important;
  }
}

.table-light {
  td {
    background-color: rgba(var(--light-color),0.4) !important;
  }
}

.table-dark {
  td {
    background-color: rgba(var(--dark-color),0.4) !important;
  }
}

/* ====== toasts text color strat ====== */

.toast-warning {
  color: rgba(var(--warning-color),1);
}

.toast-primary {
  color: rgba(var(--primary-color),1);
}

.toast-secondary {
  color: rgba(var(--theme-secondary),1);
}

.toast-info {
  color: rgba(var(--info-color),1);
}

.toast-success {
  color: rgba(var(--success-color),1);
}

.toast-danger {
  color: rgba(var(--danger-color),1);
}

.toast-dark {
  color: rgba(var(--dark-color),1);
}

@media (min-width: 1200px) {
   {
     {
       {
        .common-space {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .common-space {
        }
      }
    }
  }
}

.common-space {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
}

.common-title {
  border-radius: 10px;
  background-color: rgba(var(--white-bg),1);
  padding: 18px;
}

@media (min-width: 1200px) {
   {
     {
       {
        .common-f-start {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .common-f-start {
        }
      }
    }
  }
}

.common-f-start {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.ribbon-primary {
  background-color: rgba(var(--primary-color),1);
}

.ribbon-bookmark.ribbon-primary:before {
  border-color: rgba(var(--primary-color),1);
  border-right-color: transparent;
}

.ribbon-bookmark.ribbon-right.ribbon-primary:before {
  border-left-color: transparent;
  border-right-color: ;
}

.ribbon-bookmark.ribbon-vertical-left.ribbon-primary:before,
  .ribbon-bookmark.ribbon-vertical-right.ribbon-primary:before {
  border-right-color: rgba(var(--primary-color),1);
  border-bottom-color: transparent;
}

.ribbon-primary.ribbon-corner:before {
  border-left-color: rgba(var(--primary-color),1);
  border-top-color: rgba(var(--primary-color),1);
}

.ribbon-primary.ribbon-corner.ribbon-right:before {
  border-left-color: transparent;
  border-right-color: rgba(var(--primary-color),1);
}

.ribbon-primary.ribbon-corner.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: rgba(var(--primary-color),1);
}

.ribbon-primary.ribbon-clip:before {
  border-color: transparent;
  border-right-color: rgb(68 51 255 / var(--tw-border-opacity, 1));
  --tw-border-opacity: 1;
  border-top-color: rgb(68 51 255 / var(--tw-border-opacity, 1));
}

.ribbon-primary.ribbon-clip-right:before {
  border-left-color: rgb(68 51 255 / var(--tw-border-opacity, 1));
  border-right-color: transparent;
  --tw-border-opacity: 1;
  border-top-color: rgb(68 51 255 / var(--tw-border-opacity, 1));
}

.ribbon-primary.ribbon-clip-bottom:before {
  border-right-color: rgb(68 51 255 / var(--tw-border-opacity, 1));
  border-top-color: transparent;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(68 51 255 / var(--tw-border-opacity, 1));
}

.ribbon-primary.ribbon-clip-bottom-right:before {
  border-left-color: rgb(68 51 255 / var(--tw-border-opacity, 1));
  border-right-color: transparent;
  border-top-color: transparent;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(68 51 255 / var(--tw-border-opacity, 1));
}

.ribbon-secondary {
  background-color: rgba(var(--theme-secondary),1);
}

.ribbon-bookmark.ribbon-secondary:before {
  border-color: rgba(var(--theme-secondary),1);
  border-right-color: transparent;
}

.ribbon-bookmark.ribbon-right.ribbon-secondary:before {
  border-left-color: transparent;
  border-right-color: rgba(var(--theme-secondary),1);
}

.ribbon-bookmark.ribbon-vertical-left.ribbon-secondary:before,
  .ribbon-bookmark.ribbon-vertical-right.ribbon-secondary:before {
  border-right-color: rgba(var(--theme-secondary),1);
  border-bottom-color: transparent;
}

.ribbon-secondary.ribbon-corner:before {
  border-left-color: rgba(var(--theme-secondary),1);
  border-top-color: rgba(var(--theme-secondary),1);
}

.ribbon-secondary.ribbon-corner.ribbon-right:before {
  border-left-color: transparent;
  border-right-color: rgba(var(--theme-secondary),1);
}

.ribbon-secondary.ribbon-corner.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: rgba(var(--theme-secondary),1);
}

.ribbon-secondary.ribbon-clip:before {
  border-color: transparent;
  border-right-color: rgb(106 106 106 / var(--tw-border-opacity, 1));
  --tw-border-opacity: 1;
  border-top-color: rgb(106 106 106 / var(--tw-border-opacity, 1));
}

.ribbon-secondary.ribbon-clip-right:before {
  border-left-color: rgb(106 106 106 / var(--tw-border-opacity, 1));
  border-right-color: transparent;
  --tw-border-opacity: 1;
  border-top-color: rgb(106 106 106 / var(--tw-border-opacity, 1));
}

.ribbon-secondary.ribbon-clip-bottom:before {
  border-right-color: rgb(106 106 106 / var(--tw-border-opacity, 1));
  border-top-color: transparent;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(106 106 106 / var(--tw-border-opacity, 1));
}

.ribbon-secondary.ribbon-clip-bottom-right:before {
  border-left-color: rgb(106 106 106 / var(--tw-border-opacity, 1));
  border-right-color: transparent;
  border-top-color: transparent;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(106 106 106 / var(--tw-border-opacity, 1));
}

.ribbon-success {
  background-color: rgba(var(--success-color),1);
}

.ribbon-bookmark.ribbon-success:before {
  border-color: rgba(var(--success-color),1);
  border-right-color: transparent;
}

.ribbon-bookmark.ribbon-right.ribbon-success:before {
  border-left-color: transparent;
  border-right-color: rgba(var(--success-color),1);
}

.ribbon-bookmark.ribbon-vertical-left.ribbon-success:before,
  .ribbon-bookmark.ribbon-vertical-right.ribbon-success:before {
  border-right-color: rgba(var(--success-color),1);
  border-bottom-color: transparent;
}

.ribbon-success.ribbon-corner:before {
  border-left-color: rgba(var(--success-color),1);
  border-top-color: rgba(var(--success-color),1);
}

.ribbon-success.ribbon-corner.ribbon-right:before {
  border-left-color: transparent;
  border-right-color: rgba(var(--success-color),1);
}

.ribbon-success.ribbon-corner.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: rgba(var(--success-color),1);
}

.ribbon-success.ribbon-clip:before {
  border-color: transparent;
  border-right-color: rgb(74 170 64 / var(--tw-border-opacity, 1));
  --tw-border-opacity: 1;
  border-top-color: rgb(74 170 64 / var(--tw-border-opacity, 1));
}

.ribbon-success.ribbon-clip-right:before {
  border-left-color: rgb(74 170 64 / var(--tw-border-opacity, 1));
  border-right-color: transparent;
  --tw-border-opacity: 1;
  border-top-color: rgb(74 170 64 / var(--tw-border-opacity, 1));
}

.ribbon-success.ribbon-clip-bottom:before {
  border-right-color: rgb(74 170 64 / var(--tw-border-opacity, 1));
  border-top-color: transparent;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(74 170 64 / var(--tw-border-opacity, 1));
}

.ribbon-success.ribbon-clip-bottom-right:before {
  border-left-color: rgb(74 170 64 / var(--tw-border-opacity, 1));
  border-right-color: transparent;
  border-top-color: transparent;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(74 170 64 / var(--tw-border-opacity, 1));
}

.ribbon-danger {
  background-color: rgba(var(--danger-color),1);
}

.ribbon-bookmark.ribbon-danger:before {
  border-color: rgba(var(--danger-color),1);
  border-right-color: transparent;
}

.ribbon-bookmark.ribbon-right.ribbon-danger:before {
  border-left-color: transparent;
  border-right-color: rgba(var(--danger-color),1);
}

.ribbon-bookmark.ribbon-vertical-left.ribbon-danger:before,
  .ribbon-bookmark.ribbon-vertical-right.ribbon-danger:before {
  border-right-color: rgba(var(--danger-color),1);
  border-bottom-color: transparent;
}

.ribbon-danger.ribbon-corner:before {
  border-left-color: rgba(var(--danger-color),1);
  border-top-color: rgba(var(--danger-color),1);
}

.ribbon-danger.ribbon-corner.ribbon-right:before {
  border-left-color: transparent;
  border-right-color: rgba(var(--danger-color),1);
}

.ribbon-danger.ribbon-corner.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: rgba(var(--danger-color),1);
}

.ribbon-danger.ribbon-clip:before {
  border-color: transparent;
  border-right-color: rgb(251 39 24 / var(--tw-border-opacity, 1));
  --tw-border-opacity: 1;
  border-top-color: rgb(251 39 24 / var(--tw-border-opacity, 1));
}

.ribbon-danger.ribbon-clip-right:before {
  border-left-color: rgb(251 39 24 / var(--tw-border-opacity, 1));
  border-right-color: transparent;
  --tw-border-opacity: 1;
  border-top-color: rgb(251 39 24 / var(--tw-border-opacity, 1));
}

.ribbon-danger.ribbon-clip-bottom:before {
  border-right-color: rgb(251 39 24 / var(--tw-border-opacity, 1));
  border-top-color: transparent;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(251 39 24 / var(--tw-border-opacity, 1));
}

.ribbon-danger.ribbon-clip-bottom-right:before {
  border-left-color: rgb(251 39 24 / var(--tw-border-opacity, 1));
  border-right-color: transparent;
  border-top-color: transparent;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(251 39 24 / var(--tw-border-opacity, 1));
}

.ribbon-info {
  background-color: rgba(var(--info-color),1);
}

.ribbon-bookmark.ribbon-info:before {
  border-color: rgba(var(--info-color),1);
  border-right-color: transparent;
}

.ribbon-bookmark.ribbon-right.ribbon-info:before {
  border-left-color: transparent;
  border-right-color: rgba(var(--info-color),1);
}

.ribbon-bookmark.ribbon-vertical-left.ribbon-info:before,
  .ribbon-bookmark.ribbon-vertical-right.ribbon-info:before {
  border-right-color: rgba(var(--info-color),1);
  border-bottom-color: transparent;
}

.ribbon-info.ribbon-corner:before {
  border-left-color: rgba(var(--info-color),1);
  border-top-color: rgba(var(--info-color),1);
}

.ribbon-info.ribbon-corner.ribbon-right:before {
  border-left-color: transparent;
  border-right-color: rgba(var(--info-color),1);
}

.ribbon-info.ribbon-corner.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: rgba(var(--info-color),1);
}

.ribbon-info.ribbon-clip:before {
  border-color: transparent;
  border-right-color: rgb(16 166 242 / var(--tw-border-opacity, 1));
  --tw-border-opacity: 1;
  border-top-color: rgb(16 166 242 / var(--tw-border-opacity, 1));
}

.ribbon-info.ribbon-clip-right:before {
  border-left-color: rgb(16 166 242 / var(--tw-border-opacity, 1));
  border-right-color: transparent;
  --tw-border-opacity: 1;
  border-top-color: rgb(16 166 242 / var(--tw-border-opacity, 1));
}

.ribbon-info.ribbon-clip-bottom:before {
  border-right-color: rgb(16 166 242 / var(--tw-border-opacity, 1));
  border-top-color: transparent;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(16 166 242 / var(--tw-border-opacity, 1));
}

.ribbon-info.ribbon-clip-bottom-right:before {
  border-left-color: rgb(16 166 242 / var(--tw-border-opacity, 1));
  border-right-color: transparent;
  border-top-color: transparent;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(16 166 242 / var(--tw-border-opacity, 1));
}

.ribbon-light {
  background-color: rgba(var(--light-color),1);
}

.ribbon-bookmark.ribbon-light:before {
  border-color: rgba(var(--light-color),1);
  border-right-color: transparent;
}

.ribbon-bookmark.ribbon-right.ribbon-light:before {
  border-left-color: transparent;
  border-right-color: rgba(var(--light-color),1);
}

.ribbon-bookmark.ribbon-vertical-left.ribbon-light:before,
  .ribbon-bookmark.ribbon-vertical-right.ribbon-light:before {
  border-right-color: rgba(var(--light-color),1);
  border-bottom-color: transparent;
}

.ribbon-light.ribbon-corner:before {
  border-left-color: rgba(var(--light-color),1);
  border-top-color: rgba(var(--light-color),1);
}

.ribbon-light.ribbon-corner.ribbon-right:before {
  border-left-color: transparent;
  border-right-color: rgba(var(--light-color),1);
}

.ribbon-light.ribbon-corner.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: rgba(var(--light-color),1);
}

.ribbon-light.ribbon-clip:before {
  border-color: transparent;
  border-right-color: rgb(219 219 219 / var(--tw-border-opacity, 1));
  --tw-border-opacity: 1;
  border-top-color: rgb(219 219 219 / var(--tw-border-opacity, 1));
}

.ribbon-light.ribbon-clip-right:before {
  border-left-color: rgb(219 219 219 / var(--tw-border-opacity, 1));
  border-right-color: transparent;
  --tw-border-opacity: 1;
  border-top-color: rgb(219 219 219 / var(--tw-border-opacity, 1));
}

.ribbon-light.ribbon-clip-bottom:before {
  border-right-color: rgb(219 219 219 / var(--tw-border-opacity, 1));
  border-top-color: transparent;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(219 219 219 / var(--tw-border-opacity, 1));
}

.ribbon-light.ribbon-clip-bottom-right:before {
  border-left-color: rgb(219 219 219 / var(--tw-border-opacity, 1));
  border-right-color: transparent;
  border-top-color: transparent;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(219 219 219 / var(--tw-border-opacity, 1));
}

.ribbon-dark {
  background-color: rgba(var(--dark-color),1);
}

.ribbon-bookmark.ribbon-dark:before {
  border-color: rgba(var(--dark-color),1);
  border-right-color: transparent;
}

.ribbon-bookmark.ribbon-right.ribbon-dark:before {
  border-left-color: transparent;
  border-right-color: rgba(var(--dark-color),1);
}

.ribbon-bookmark.ribbon-vertical-left.ribbon-dark:before,
  .ribbon-bookmark.ribbon-vertical-right.ribbon-dark:before {
  border-right-color: rgba(var(--dark-color),1);
  border-bottom-color: transparent;
}

.ribbon-dark.ribbon-corner:before {
  border-left-color: rgba(var(--dark-color),1);
  border-top-color: rgba(var(--dark-color),1);
}

.ribbon-dark.ribbon-corner.ribbon-right:before {
  border-left-color: transparent;
  border-right-color: rgba(var(--dark-color),1);
}

.ribbon-dark.ribbon-corner.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: rgba(var(--dark-color),1);
}

.ribbon-dark.ribbon-clip:before {
  border-color: transparent;
  border-right-color: rgb(42 47 60 / var(--tw-border-opacity, 1));
  --tw-border-opacity: 1;
  border-top-color: rgb(42 47 60 / var(--tw-border-opacity, 1));
}

.ribbon-dark.ribbon-clip-right:before {
  border-left-color: rgb(42 47 60 / var(--tw-border-opacity, 1));
  border-right-color: transparent;
  --tw-border-opacity: 1;
  border-top-color: rgb(42 47 60 / var(--tw-border-opacity, 1));
}

.ribbon-dark.ribbon-clip-bottom:before {
  border-right-color: rgb(42 47 60 / var(--tw-border-opacity, 1));
  border-top-color: transparent;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(42 47 60 / var(--tw-border-opacity, 1));
}

.ribbon-dark.ribbon-clip-bottom-right:before {
  border-left-color: rgb(42 47 60 / var(--tw-border-opacity, 1));
  border-right-color: transparent;
  border-top-color: transparent;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(42 47 60 / var(--tw-border-opacity, 1));
}

.ribbon-warning {
  background-color: rgba(var(--warning-color),1);
}

.ribbon-bookmark.ribbon-warning:before {
  border-color: rgba(var(--warning-color),1);
  border-right-color: transparent;
}

.ribbon-bookmark.ribbon-right.ribbon-warning:before {
  border-left-color: transparent;
  border-right-color: rgba(var(--warning-color),1);
}

.ribbon-bookmark.ribbon-vertical-left.ribbon-warning:before,
  .ribbon-bookmark.ribbon-vertical-right.ribbon-warning:before {
  border-right-color: rgba(var(--warning-color),1);
  border-bottom-color: transparent;
}

.ribbon-warning.ribbon-corner:before {
  border-left-color: rgba(var(--warning-color),1);
  border-top-color: rgba(var(--warning-color),1);
}

.ribbon-warning.ribbon-corner.ribbon-right:before {
  border-left-color: transparent;
  border-right-color: rgba(var(--warning-color),1);
}

.ribbon-warning.ribbon-corner.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: rgba(var(--warning-color),1);
}

.ribbon-warning.ribbon-clip:before {
  border-color: transparent;
  border-right-color: rgb(245 164 0 / var(--tw-border-opacity, 1));
  --tw-border-opacity: 1;
  border-top-color: rgb(245 164 0 / var(--tw-border-opacity, 1));
}

.ribbon-warning.ribbon-clip-right:before {
  border-left-color: rgb(245 164 0 / var(--tw-border-opacity, 1));
  border-right-color: transparent;
  --tw-border-opacity: 1;
  border-top-color: rgb(245 164 0 / var(--tw-border-opacity, 1));
}

.ribbon-warning.ribbon-clip-bottom:before {
  border-right-color: rgb(245 164 0 / var(--tw-border-opacity, 1));
  border-top-color: transparent;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(245 164 0 / var(--tw-border-opacity, 1));
}

.ribbon-warning.ribbon-clip-bottom-right:before {
  border-left-color: rgb(245 164 0 / var(--tw-border-opacity, 1));
  border-right-color: transparent;
  border-top-color: transparent;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(245 164 0 / var(--tw-border-opacity, 1));
}

.m-r-20 {
  margin-right: 20px !important;
}

.m-r-10 {
  margin-right: 10px;
}

.\!py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.w-75 {
  width: 75% !important;
}

.me-0 {
  margin-right: 0px !important;
}

.m-r-15 {
  margin-right: 15px;
}

.pull-right {
  float: right;
}

.img-40 {
  height: 40px !important;
  width: 40px !important;
  -o-object-fit: cover;
     object-fit: cover;
}

.img-50 {
  width: 50px !important;
}

.img-60 {
  width: 60px !important;
}

.img-70 {
  width: 70px !important;
}

.m-b-0 {
  margin-bottom: 0 !important;
  margin-bottom: 0px !important;
}

.m-b-5 {
  margin-bottom: 5px !important;
}

.\!mb-3 {
  margin-bottom: 16px !important;
}

.mb-3 {
  margin-bottom: 16px !important;
}

.\!mb-2 {
  margin-bottom: 8px !important;
}

.mb-2 {
  margin-bottom: 8px !important;
}

.p-b-0 {
  padding-bottom: 0 !important;
  padding-bottom: 0px !important;
}

.mb-4 {
  margin-bottom: 24px !important;
}

.\!pb-2 {
  padding-bottom: 8px !important;
}

.pb-2 {
  padding-bottom: 8px !important;
}

.\!pb-3 {
  padding-bottom: 16px !important;
}

.pb-3 {
  padding-bottom: 16px !important;
}

.m-l-10 {
  margin-left: 10px !important;
}

.social-app-profile1 {
  .img-50 {
    height: 50px;
  }
  .img-50 {
    width: 50px;
  }
}

.selectpicker {
  ~ .custom-dropdown {
    .dropdown-toggle {
      margin: 0;
      &::before {
        float: right;
      }
      &::before {
        margin-left: 15px;
      }
      &::before {
        font-size: 0.75rem;
        line-height: 1rem;
      }
      &::before {
        --tw-content: "\f107";
        content: var(--tw-content);
      }
      &::before {
        font-family: FontAwesome !important;
      }
      &::after {
        display: none;
      }
    }
    .dropdown-search {
      margin: 0.625rem;
    }
    .dropdown-search {
      width: calc(100% - 20px);
    }
    .dropdown-search {
      border-radius: 0.25rem;
    }
    .dropdown-search {
      border-radius: 0.375rem;
    }
    .dropdown-search {
      border-width: 1px;
    }
    .dropdown-search {
      border-style: solid;
    }
    .dropdown-search {
      --tw-border-opacity: 1;
      border-color: rgb(204 204 204 / var(--tw-border-opacity, 1));
    }
    .dropdown-search {
      padding-left: 0.625rem;
      padding-right: 0.625rem;
    }
    .dropdown-search {
      padding-top: 0.75rem;
      padding-bottom: 0.75rem;
    }
  }
}

.col-form-label {
  margin-bottom: 0 !important;
  margin-bottom: 0px;
  display: inline-block;
  padding-top: calc(0.375rem + 1px);
  line-height: 1.5;
}

.bg-success {
  color: rgb(var(--white),1) !important;
  background-color: rgba(var(--success-color),1) !important;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.support-ticket-table {
  .dt-container {
    .dt-layout-row {
      @media (min-width: 1200px) {
         {
           {
             {
              &:last-child {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              &:last-child {
              }
            }
          }
        }
      }
      &:last-child {
        margin-top: 0.5rem;
      }
      &:last-child {
        display: flex;
      }
      &:last-child {
        flex-wrap: wrap;
      }
      &:last-child {
        align-items: center;
      }
      &:last-child {
        justify-content: space-between;
      }
      &:last-child {
        gap: 0.625rem;
      }
      .dt-end {
        @media (min-width: 1200px) {
           {
             {
               {
                .dt-paging {
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                .dt-paging {
                }
              }
            }
          }
        }
        .dt-paging {
          display: flex;
        }
        .dt-paging {
          .dt-paging-button {
            display: block;
          }
          .dt-paging-button {
            display: block;
          }
          .dt-paging-button {
            border-width: 1px;
          }
          .dt-paging-button {
            border-style: solid;
          }
          .dt-paging-button {
            border-color: rgba(var(--black),0.06);
          }
          .dt-paging-button {
            padding-left: 0.75rem;
            padding-right: 0.75rem;
          }
          .dt-paging-button {
            padding-top: 0.375rem;
            padding-bottom: 0.375rem;
          }
          .dt-paging-button {
            line-height: 1.5;
          }
          .dt-paging-button:first-child {
            border-radius: 6px 0 0 6px;
          }
          .dt-paging-button:last-child {
            border-radius: 0 6px 6px 0;
          }
          .dt-paging-button {
            &.current {
              background-color: rgba(var(--theme-default),1);
            }
            &.current {
              color: rgba(var(--white),1);
            }
          }
        }
      }
    }
  }
}

input,
  textarea {
  &::-moz-placeholder {
    --tw-text-opacity: 1 !important;
    color: rgb(156 163 175 / var(--tw-text-opacity, 1)) !important;
  }
  &::placeholder {
    --tw-text-opacity: 1 !important;
    color: rgb(156 163 175 / var(--tw-text-opacity, 1)) !important;
  }
  &::-moz-placeholder {
    opacity: 1;
  }
  &::placeholder {
    opacity: 1;
  }
}

.dt-layout-row {
  .dt-layout-cell {
    table {
      tbody {
        .inbox-data {
          border-style: solid;
        }
        .inbox-data {
          border-bottom-color: rgba(var(--black),0.07);
        }
      }
    }
    &.dt-end {
      .dt-paging {
        .dt-paging-button {
          background-color: rgba(var(--black),0.05);
        }
      }
    }
  }
}

.customer-table,
  .recent-order-scroll,
  .recent-items,
  .recent-table,
  .lead-table,
  .deal-table,
  .referral-visit,
  .leave-request-table,
  .chats-user,
  .contact-wrapper,
  .fc-scroller-liquid-absolute,
  .fc-scroller-liquid,
  .tagify__dropdown__wrapper,
  .iti__country-list,
  .tt-dataset-countries,
  .dt-scroll-body,
  .jsgrid-grid-header,
  .jsgrid-grid-body,
  .select2-results__options,
  .ace_scrollbar,
  .anchor,
  .ql-editor .inner.show,
  .form-control[data-multiselectsplitter-firstselect-selector],
  .form-control[data-multiselectsplitter-secondselect-selector],
  .bootstrap-select .inner.show,
  .permission-form ul,
  .main-setting .nav-primary {
  &::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px var(--light-gray);
  }
  &::-webkit-scrollbar {
    height: 5px;
  }
  &::-webkit-scrollbar {
    width: 0.375rem;
  }
  &::-webkit-scrollbar-thumb {
    background-color: rgba(68,102,242,0.15);
  }
}

.f-w-600 {
  font-weight: 600 !important;
}

.f-w-500 {
  font-weight: 500;
}

.d-block {
  display: block !important;
}

.\!block {
  display: block !important;
}

.block {
  display: block !important;
}

@media (max-width: 575px) {
  .media-dropdown .flex-grow-1 {
    margin-bottom: 15px;
  }

   {
     {
      .flex-grow-1 {
      }
    }
  }
}

@media (max-width: 1199px) {
   {
    .flex-grow-1 {
      margin-left: 0;
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
         {
          .flex-grow-1 {
            text-align: left;
          }
        }
      }
    }
  }
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.form-control-color {
  height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
  width: 3rem;
  padding: 0.375rem;
}

.dt-input {
  &:focus {
    outline: 0 !important;
  }
}

.map-js-height {
  height: 500px;
}

.btn-outline-warning {
  border-color: rgba(var(--warning-color),1);
  background-color: transparent;
  color: rgba(var(--warning-color),1);
  &:hover,
    &:active {
    color: rgb(var(--white),1) !important;
  }
  &:hover,
    &:active {
    border-color: rgba(var(--warning-color),1) !important;
  }
  &:hover,
    &:active {
    background-color: rgba(var(--warning-color),1);
  }
  &:hover,
    &:active {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
}

.txt-success {
  color: rgba(var(--success-color),1) !important;
}

.txt-danger {
  color: rgba(var(--danger-color),1) !important;
}

.form-control.is-invalid,
  .was-validated .form-control:invalid {
  background-image: url(../images/forms/invalid.svg);
  background-repeat: no-repeat;
  padding-right: calc(2em + 0.75rem) !important;
  background-position: right 1.25rem center, center right 2.25rem !important;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) !important;
}

.form-control.is-valid,
  .was-validated .form-control:valid {
  background-image: url(../images/forms/valid.svg);
  background-repeat: no-repeat;
  padding-right: calc(2em + 0.75rem) !important;
  background-position: right 1.25rem center, center right 2.25rem !important;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) !important;
}

.form-select.is-invalid:not([multiple]):not([size]),
  .form-select.is-invalid:not([multiple])[size="1"],
  .was-validated .form-select:invalid:not([multiple]):not([size]) {
  background-image: url(../images/forms/invalid.svg);
  background-repeat: no-repeat;
  padding-right: 4.125rem;
  background-position: right 1.25rem center, center right 2.25rem !important;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) !important;
}

.form-select.is-valid:not([multiple]):not([size]),
  .form-select.is-valid:not([multiple])[size="1"],
  .was-validated .form-select:valid:not([multiple]):not([size]),
  .was-validated .form-select:valid:not([multiple])[size="1"] {
  background-image: url(../images/forms/valid.svg);
  background-repeat: no-repeat;
  padding-right: 4.125rem;
  background-position: right 1.25rem center, center right 2.25rem !important;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) !important;
}

.stroke-success {
  stroke: rgba(var(--success-color),1) !important;
}

.stroke-warning {
  stroke: rgba(var(--warning-color),1) !important;
}

.stroke-primary {
  stroke: rgba(var(--theme-default),1) !important;
}

.stroke-danger {
  stroke: rgba(var(--danger-color),1) !important;
}

.primary .svg-fill {
  fill: rgba(var(--theme-default),1);
}

.primary .svg-fill:not(.half-circle) {
  stroke: rgba(var(--theme-default),1);
}

.primary .bg-gradient {
  background-image: linear-gradient(144.16deg,rgba(var(--theme-default),0.1) 19.06%,rgba(var(--theme-default),0) 79.03%);
}

.secondary .svg-fill {
  fill: rgba(var(--theme-secondary),1);
}

.secondary .svg-fill:not(.half-circle) {
  stroke: rgba(var(--theme-secondary),1);
}

.secondary .bg-gradient {
  background-image: linear-gradient(144.16deg,rgba(var(--theme-secondary),0.1) 19.06%,rgba(var(--theme-secondary),0) 79.03%);
}

.success .svg-fill {
  fill: rgba(var(--success-color),1);
}

.success .bg-gradient {
  background-image: linear-gradient(144.16deg,rgba(var(--success-color),0.1) 19.06%,rgba(var(--success-color),0) 79.03%);
}

.warning .svg-fill {
  fill: rgba(var(--warning-color),1);
}

.warning .bg-gradient {
  background-image: linear-gradient(144.16deg,rgba(var(--warning-color),0.1) 19.06%,rgba(var(--warning-color),0) 79.03%);
  .img-40 {
    height: 40px !important;
  }
  .img-40 {
    width: 40px !important;
  }
  .img-40 {
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.img-100 {
  width: 100px;
}

.\!m-0 {
  margin: 0px !important;
}

.m-0 {
  margin: 0px !important;
}

.m-b-0 {
  margin-bottom: 0 !important;
  margin-bottom: 0px !important;
}

.p-b-0 {
  padding-bottom: 0 !important;
  padding-bottom: 0px !important;
}

.p-l-0 {
  padding-left: 0px;
}

.b-r-0 {
  border-radius: 0px !important;
}

.list-group-item {
  &:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
  }
  &:last-child {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit;
  }
}

.img-cropper {
  .docs-data {
    .input-group {
      flex-wrap: nowrap;
    }
    .img-container {
      margin-bottom: 0 !important;
    }
    .img-container {
      margin-bottom: 0px;
    }
    .img-container {
      min-height: auto;
    }
  }
  label {
    &.btn {
      margin-bottom: 0 !important;
    }
  }
}

.btn-group > {
  .btn-group:not(:last-child) > .btn,
    .btn.dropdown-toggle-split:first-child,
    .btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0px;
  }
  .btn-group:not(:last-child) > .btn,
    .btn.dropdown-toggle-split:first-child,
    .btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0px;
  }
  .btn-group:not(:first-child),
    &:not(.btn-check:first-child) + .btn {
    margin-left: calc(var(--bs-border-width) * -1);
  }
  .btn-group:not(:first-child) > .btn,
    .btn:nth-child(n + 3),
    &:not(.btn-check) + .btn {
    border-top-left-radius: 0px !important;
  }
  .btn-group:not(:first-child) > .btn,
    .btn:nth-child(n + 3),
    &:not(.btn-check) + .btn {
    border-bottom-left-radius: 0px !important;
  }
}

.light-white {
  color: rgba(var(--white),1) !important;
}

.bg-light-info {
  background-color: rgba(var(--info-color),0.1);
  color: rgba(var(--white),1);
}

@media (min-width: 1200px) {
   {
     {
       {
        .\!options {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .\!options {
        }
      }
    }
  }
}

.\!options {
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem;
}

@media (min-width: 1200px) {
   {
     {
       {
        .options {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .options {
        }
      }
    }
  }
}

.options {
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem;
}

.\!options {
   {
    border-width: 1px;
  }
   {
    border-style: solid;
  }
   {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
   {
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
  }
   {
    color: rgba(var(--gray-60),1);
  }
   {
     {
      color: rgb(var(--white),1) !important;
    }
     {
      background-color: rgba(var(--anchor-color),1);
    }
     {
      --tw-text-opacity: 1;
      color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    }
     {
      transition-property: background-color;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }
     {
      transition-duration: 0.3s;
    }
     {
      transition-timing-function: ease;
    }
  }
}

.options {
  > div {
    border-width: 1px;
  }
  > div {
    border-style: solid;
  }
  > div {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
  > div {
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
  }
  > div {
    color: rgba(var(--gray-60),1);
  }
  > div {
    &:hover {
      color: rgb(var(--white),1) !important;
    }
    &:hover {
      background-color: rgba(var(--anchor-color),1);
    }
    &:hover {
      --tw-text-opacity: 1;
      color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    }
    &:hover {
      transition-property: background-color;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }
    &:hover {
      transition-duration: 0.3s;
    }
    &:hover {
      transition-timing-function: ease;
    }
  }
}

.p-b-15 {
  padding-bottom: 15px;
}

.f-w-600 {
  font-weight: 600 !important;
}

.f-w-500 {
  font-weight: 500;
}

.d-block {
  display: block !important;
}

@media (max-width: 575px) {
  .media-dropdown .flex-grow-1 {
    margin-bottom: 15px;
  }

   {
     {
      .flex-grow-1 {
      }
    }
  }
}

@media (max-width: 1199px) {
   {
    .flex-grow-1 {
      margin-left: 0;
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
         {
          .flex-grow-1 {
            text-align: left;
          }
        }
      }
    }
  }
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.\!border-0 {
  border-width: 0 !important;
}

.border-0 {
  border-width: 0 !important;
}

.map-js-height {
  height: 500px;
}

.button-light-dark {
  background-color: rgba(var(--dark-color),0.1);
  color: rgba(var(--dark-color),1);
}

.txt-success {
  color: rgba(var(--success-color),1) !important;
}

.txt-danger {
  color: rgba(var(--danger-color),1) !important;
}

.img-30 {
  width: 30px !important;
}

.gap-4 {
  gap: 24px !important;
}

img {
  display: unset;
}

.m-b-20 {
  margin-bottom: 1.25rem !important;
}

.m-t-20 {
  margin-top: 20px !important;
}

.p-fixed {
  position: fixed;
}

.activity-dot-primary {
  position: relative;
  z-index: 2;
  height: 0.375rem;
  min-width: 6px;
  border-radius: 100%;
  background-color: rgba(var(--theme-default),1);
  outline: 5px solid rgba(var(--theme-default), 0.25);
}

.timeline-dot-primary {
  position: relative;
  z-index: 2;
  height: 0.75rem;
  min-width: 12px;
  background-color: rgba(var(--theme-default),1);
  outline: 5px solid rgba(var(--theme-default), 0.25);
}

.activity-dot-secondary {
  position: relative;
  z-index: 2;
  height: 0.375rem;
  min-width: 6px;
  border-radius: 100%;
  background-color: rgba(var(--theme-secondary),1);
  outline: 5px solid rgba(var(--theme-secondary), 0.25);
}

.timeline-dot-secondary {
  position: relative;
  z-index: 2;
  height: 0.75rem;
  min-width: 12px;
  background-color: rgba(var(--theme-secondary),1);
  outline: 5px solid rgba(var(--theme-secondary), 0.25);
}

.activity-dot-success {
  position: relative;
  z-index: 2;
  height: 0.375rem;
  min-width: 6px;
  border-radius: 100%;
  background-color: rgba(var(--success-color),1);
  outline: 5px solid rgba(var(--success-color), 0.25);
}

.timeline-dot-success {
  position: relative;
  z-index: 2;
  height: 0.75rem;
  min-width: 12px;
  background-color: rgba(var(--success-color),1);
  outline: 5px solid rgba(var(--success-color), 0.25);
}

.activity-dot-danger {
  position: relative;
  z-index: 2;
  height: 0.375rem;
  min-width: 6px;
  border-radius: 100%;
  background-color: rgba(var(--danger-color),1);
  outline: 5px solid rgba(var(--danger-color), 0.25);
}

.timeline-dot-danger {
  position: relative;
  z-index: 2;
  height: 0.75rem;
  min-width: 12px;
  background-color: rgba(var(--danger-color),1);
  outline: 5px solid rgba(var(--danger-color), 0.25);
}

.activity-dot-info {
  position: relative;
  z-index: 2;
  height: 0.375rem;
  min-width: 6px;
  border-radius: 100%;
  background-color: rgba(var(--info-color),1);
  outline: 5px solid rgba(var(--info-color), 0.25);
}

.timeline-dot-info {
  position: relative;
  z-index: 2;
  height: 0.75rem;
  min-width: 12px;
  background-color: rgba(var(--info-color),1);
  outline: 5px solid rgba(var(--info-color), 0.25);
}

.activity-dot-light {
  position: relative;
  z-index: 2;
  height: 0.375rem;
  min-width: 6px;
  border-radius: 100%;
  background-color: rgba(var(--light-color),1);
  outline: 5px solid rgba(var(--light-color), 0.25);
}

.timeline-dot-light {
  position: relative;
  z-index: 2;
  height: 0.75rem;
  min-width: 12px;
  background-color: rgba(var(--light-color),1);
  outline: 5px solid rgba(var(--light-color), 0.25);
}

.activity-dot-dark {
  position: relative;
  z-index: 2;
  height: 0.375rem;
  min-width: 6px;
  border-radius: 100%;
  background-color: rgba(var(--dark-color),1);
  outline: 5px solid rgba(var(--dark-color), 0.25);
}

.timeline-dot-dark {
  position: relative;
  z-index: 2;
  height: 0.75rem;
  min-width: 12px;
  background-color: rgba(var(--dark-color),1);
  outline: 5px solid rgba(var(--dark-color), 0.25);
}

.activity-dot-warning {
  position: relative;
  z-index: 2;
  height: 0.375rem;
  min-width: 6px;
  border-radius: 100%;
  background-color: rgba(var(--warning-color),1);
  outline: 5px solid rgba(var(--warning-color), 0.25);
}

.timeline-dot-warning {
  position: relative;
  z-index: 2;
  height: 0.75rem;
  min-width: 12px;
  background-color: rgba(var(--warning-color),1);
  outline: 5px solid rgba(var(--warning-color), 0.25);
}

.border-dashed-secondary {
  border-width: 1px;
  border-style: dashed;
  border-color: rgba(var(--theme-secondary),1);
  color: rgba(var(--theme-secondary),1);
  &:hover,
    &:active {
    color: rgb(var(--white),1) !important;
  }
  &:hover,
    &:active {
    border-width: 1px;
  }
  &:hover,
    &:active {
    border-style: dashed;
  }
  &:hover,
    &:active {
    border-color: rgba(var(--theme-secondary),1);
  }
  &:hover,
    &:active {
    background-color: rgba(var(--theme-secondary),1);
  }
  &:hover,
    &:active {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
}

.border-dashed-success {
  border-width: 1px;
  border-style: dashed;
  border-color: rgba(var(--success-color),1);
  color: rgba(var(--success-color),1);
  &:hover,
    &:active {
    color: rgb(var(--white),1) !important;
  }
  &:hover,
    &:active {
    border-width: 1px;
  }
  &:hover,
    &:active {
    border-style: dashed;
  }
  &:hover,
    &:active {
    border-color: rgba(var(--success-color),1);
  }
  &:hover,
    &:active {
    background-color: rgba(var(--success-color),1);
  }
  &:hover,
    &:active {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
}

.border-dashed-info {
  border-width: 1px;
  border-style: dashed;
  border-color: rgba(var(--info-color),1);
  color: rgba(var(--info-color),1);
  &:hover,
    &:active {
    color: rgb(var(--white),1) !important;
  }
  &:hover,
    &:active {
    border-width: 1px;
  }
  &:hover,
    &:active {
    border-style: dashed;
  }
  &:hover,
    &:active {
    border-color: rgba(var(--info-color),1);
  }
  &:hover,
    &:active {
    background-color: rgba(var(--info-color),1);
  }
  &:hover,
    &:active {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
}

.border-dashed-warning {
  border-width: 1px;
  border-style: dashed;
  border-color: rgba(var(--warning-color),1);
  color: rgba(var(--warning-color),1);
  &:hover,
    &:active {
    color: rgb(var(--white),1) !important;
  }
  &:hover,
    &:active {
    border-width: 1px;
  }
  &:hover,
    &:active {
    border-style: dashed;
  }
  &:hover,
    &:active {
    border-color: rgba(var(--warning-color),1);
  }
  &:hover,
    &:active {
    background-color: rgba(var(--warning-color),1);
  }
  &:hover,
    &:active {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
}

.border-dashed-danger {
  border-width: 1px;
  border-style: dashed;
  border-color: rgba(var(--danger-color),1);
  color: rgba(var(--danger-color),1);
  &:hover,
    &:active {
    color: rgb(var(--white),1) !important;
  }
  &:hover,
    &:active {
    border-width: 1px;
  }
  &:hover,
    &:active {
    border-style: dashed;
  }
  &:hover,
    &:active {
    border-color: rgba(var(--danger-color),1);
  }
  &:hover,
    &:active {
    background-color: rgba(var(--danger-color),1);
  }
  &:hover,
    &:active {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
}

.border-dashed-dark {
  border-width: 1px;
  border-style: dashed;
  border-color: rgba(var(--dark-color),1);
  color: rgba(var(--dark-color),1);
  &:hover,
    &:active {
    color: rgb(var(--white),1) !important;
  }
  &:hover,
    &:active {
    border-width: 1px;
  }
  &:hover,
    &:active {
    border-style: dashed;
  }
  &:hover,
    &:active {
    border-color: rgba(var(--dark-color),1);
  }
  &:hover,
    &:active {
    background-color: rgba(var(--dark-color),1);
  }
  &:hover,
    &:active {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
}

.p-b-20 {
  padding-bottom: 1.25rem;
}

.m-t-15 {
  margin-top: 15px;
}

.m-t-10 {
  margin-top: 10px;
}

@media (min-width: 1200px) {
   {
     {
       {
        .dt-buttons {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .dt-buttons {
        }
      }
    }
  }
}

.dt-buttons {
  display: flex;
  .dt-button {
    border-width: 1px;
  }
  .dt-button {
    border-style: solid;
  }
  .dt-button {
    border-color: rgba(var(--theme-default),1);
  }
  .dt-button {
    color: rgba(var(--theme-default),1);
  }
  .dt-button {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  .dt-button {
    transition-duration: 0.4s;
  }
  .dt-button {
    transition-timing-function: ease-in-out;
  }
  .dt-button {
    padding: 6px calc(9px + 8 * (100vw - 320px) / 1600) !important;
    &:first-child {
      border-radius: 6px 0 0 6px;
    }
    &:last-child {
      border-radius: 0 6px 6px 0;
    }
    + .dt-button {
      border-left: none;
    }
    &:hover {
      color: rgb(var(--white),1) !important;
    }
    &:hover {
      background-color: rgba(var(--theme-default),1);
    }
    &:hover {
      --tw-text-opacity: 1;
      color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    }
  }
}

.c-o-light {
  color: rgb(var(--badge-light-color),1);
  opacity: 0.8;
}

.bg-10-primary {
  background-color: rgb(var(--theme-default),0.1);
}

.shadow-10-primary {
  --tw-shadow: 0px 5.04px 14.96px 0px rgba(var(--theme-default),0.25) inset;
  --tw-shadow-colored: inset 0px 5.04px 14.96px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.bg-10-secondary {
  background-color: rgba(var(--theme-secondary),0.1);
}

.scope-light-primary {
  background-color: rgba(var(--theme-default),0.15) !important;
}

.scope-light-warning {
  background-color: rgba(var(--warning-color),0.15) !important;
}

.scope-light-success {
  background-color: rgba(var(--success-color),0.15) !important;
}

.dotted-primary {
  background-color: rgba(var(--theme-default),1);
}

.dotted-warning {
  background-color: rgba(var(--warning-color),1);
}

.dotted-success {
  background-color: rgba(var(--success-color),1);
}

.title-line-warning {
  &::before {
    background-color: rgb(var(--warning-color),1) !important;
  }
}

.c-light {
  color: rgba(var(--chart-text-color),1);
}

.title-line-primary {
  &::before {
    background-color: rgb(var(--theme-default),1) !important;
  }
}

.title-line-success {
  &::before {
    background-color: rgb(var(--success-color),1) !important;
  }
}

.shadow-10-secondary {
  --tw-shadow: 0px 5.04px 14.96px 0px rgba(var(--theme-secondary),0.25) inset;
  --tw-shadow-colored: inset 0px 5.04px 14.96px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.bg-10-success {
  background-color: rgba(var(--success-color),0.1);
}

.shadow-10-success {
  --tw-shadow: 0px 5.04px 14.96px 0px rgba(var(--success-color),0.25) inset;
  --tw-shadow-colored: inset 0px 5.04px 14.96px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.bg-10-warning {
  background-color: rgba(var(--warning-color),0.1);
}

.shadow-10-warning {
  --tw-shadow: 0px 5.04px 14.96px 0px rgba(var(--warning-color),0.25) inset;
  --tw-shadow-colored: inset 0px 5.04px 14.96px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.p-t-10 {
  padding-top: 0.625rem;
}

.selectpicker ~ {
  .custom-dropdown {
    @media (max-width: 575px) {
       {
         {
           {
            > .dropdown-toggle {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > .dropdown-toggle {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > .dropdown-toggle {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > .dropdown-toggle {
                width: 90%;
              }
            }
          }
        }
      }
    }
    .dropdown-toggle {
      width: 100%;
    }
    .dropdown-toggle {
      cursor: pointer;
    }
    .dropdown-toggle {
      border-radius: 0.25rem;
    }
    .dropdown-toggle {
      border-width: 1px;
    }
    .dropdown-toggle {
      border-style: solid;
    }
    .dropdown-toggle {
      border-color: rgba(var(--gray-60),1);
    }
    .dropdown-toggle {
      padding: 0.625rem;
    }
    .dropdown-toggle {
      text-align: left;
    }
    .dropdown-toggle {
      background: rgba(var(--white), 1);
      &::before {
        float: right;
      }
      &::before {
        margin-left: 15px;
      }
      &::before {
        font-size: 0.75rem;
        line-height: 1rem;
      }
      &::before {
        --tw-content: "\f107";
        content: var(--tw-content);
      }
      &::before {
        font-family: FontAwesome;
      }
    }
    .dropdown-search {
      margin: 0.625rem;
    }
    .dropdown-search {
      width: calc(100% - 20px);
    }
    .dropdown-search {
      border-radius: 0.25rem;
    }
    .dropdown-search {
      border-radius: 0.375rem;
    }
    .dropdown-search {
      border-width: 1px;
    }
    .dropdown-search {
      border-style: solid;
    }
    .dropdown-search {
      border-color: rgba(var(--gray-60),1);
    }
    .dropdown-search {
      padding-left: 0.625rem;
      padding-right: 0.625rem;
    }
    .dropdown-search {
      padding-top: 0.75rem;
      padding-bottom: 0.75rem;
    }
  }
}

.dropdown-menu {
  position: absolute;
  z-index: 2;
  display: none;
  max-height: 300px;
  overflow-y: auto;
  border-radius: 0.25rem;
  background-color: rgba(var(--white),1);
}

.bg-7-primary {
  background-color: rgba(var(--theme-default),0.07) !important;
  &.active {
    border-width: 1px;
  }
  &.active {
    border-style: solid;
  }
  &.active {
    border-color: rgba(var(--theme-default),1) !important;
  }
  &.active {
    font-weight: 400;
  }
  &.active {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  &.active {
    transition-duration: 0.4s;
  }
  &.active {
    transition-timing-function: ease;
  }
}

.bg-10-primary {
  background-color: rgba(var(--theme-default),0.1);
}

.bg-20-primary {
  background-color: rgba(var(--theme-default),0.2);
}

.bg-7-secondary {
  background-color: rgba(var(--theme-secondary),0.07);
  &.active {
    border-width: 1px;
  }
  &.active {
    border-style: solid;
  }
  &.active {
    border-color: rgba(var(--theme-secondary),1) !important;
  }
  &.active {
    font-weight: 400;
  }
  &.active {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  &.active {
    transition-duration: 0.4s;
  }
  &.active {
    transition-timing-function: ease;
  }
}

.bg-10-secondary {
  background-color: rgba(var(--theme-secondary),0.1);
}

.bg-20-secondary {
  background-color: rgba(var(--theme-secondary),0.2);
}

.bg-7-danger {
  background-color: rgba(var(--danger-color),0.07);
  &.active {
    border-width: 1px;
  }
  &.active {
    border-style: solid;
  }
  &.active {
    border-color: rgba(var(--danger-color),1) !important;
  }
  &.active {
    font-weight: 400;
  }
  &.active {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  &.active {
    transition-duration: 0.4s;
  }
  &.active {
    transition-timing-function: ease;
  }
}

.bg-10-danger {
  background-color: rgba(var(--danger-color),0.1);
}

.bg-20-warning {
  background-color: rgba(var(--warning-color),0.2);
}

.bg-7-warning {
  background-color: rgba(var(--warning-color),0.07) !important;
  &.active {
    border-width: 1px;
  }
  &.active {
    border-style: solid;
  }
  &.active {
    border-color: rgba(var(--warning-color),1) !important;
  }
  &.active {
    font-weight: 400;
  }
  &.active {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  &.active {
    transition-duration: 0.4s;
  }
  &.active {
    transition-timing-function: ease;
  }
}

.bg-10-warning {
  background-color: rgba(var(--warning-color),0.1);
}

.bg-20-warning {
  background-color: rgba(var(--warning-color),0.2);
}

.bg-7-info {
  background-color: rgba(var(--info-color),0.07);
  &.active {
    border-width: 1px;
  }
  &.active {
    border-style: solid;
  }
  &.active {
    border-color: rgba(var(--info-color),1) !important;
  }
  &.active {
    font-weight: 400;
  }
  &.active {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  &.active {
    transition-duration: 0.4s;
  }
  &.active {
    transition-timing-function: ease;
  }
}

.bg-10-info {
  background-color: rgba(var(--info-color),0.1);
}

.bg-20-info {
  background-color: rgba(var(--info-color),0.2);
}

.outline-10-danger {
  outline: 2px solid rgba(var(--danger-color), 0.1);
}

.outline-10-primary {
  outline: 2px solid rgba(var(--theme-default), 0.1);
}

.outline-10-warning {
  outline: 2px solid rgba(var(--warning-color), 0.1);
}

.outline-10-info {
  outline: 2px solid rgba(var(--info-color), 0.1);
}

.outline-10-secondary {
  outline: 2px solid rgba(var(--theme-secondary), 0.1);
  @media (max-width: 575px) {
     {
       {
         {
          > .dropdown-menu {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > .dropdown-menu {
              width: 90%;
            }
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          > .dropdown-menu {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > .dropdown-menu {
              width: 90%;
            }
          }
        }
      }
    }
  }
  .dropdown-menu {
    position: absolute;
  }
  .dropdown-menu {
    z-index: 2;
  }
  .dropdown-menu {
    display: none;
  }
  .dropdown-menu {
    max-height: 300px;
  }
  .dropdown-menu {
    width: 100%;
  }
  .dropdown-menu {
    overflow-y: auto;
  }
  .dropdown-menu {
    border-radius: 0.25rem;
  }
  .dropdown-menu {
    background: rgba(var(--white), 1);
  }
  .dropdown-search {
    margin: 0.625rem;
  }
  .dropdown-search {
    width: calc(100% - 20px);
  }
  .dropdown-search {
    border-radius: 0.25rem;
  }
  .dropdown-search {
    border-radius: 0.375rem;
  }
  .dropdown-search {
    border-width: 1px;
  }
  .dropdown-search {
    border-style: solid;
  }
  .dropdown-search {
    border-color: rgba(var(--gray-60),1);
  }
  .dropdown-search {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
  .dropdown-search {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
}

.f-right {
  float: right;
}

.shadow-primary {
  --tw-shadow: 0px 10.511241px 12.4089927673px 0px rgba(var(--light-primary),1) !important;
  --tw-shadow-colored: 0px 10.511241px 12.4089927673px 0px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.shadow-secondary {
  --tw-shadow: 0px 10.511241px 12.4089927673px 0px rgba(var(--light-secondary),1) !important;
  --tw-shadow-colored: 0px 10.511241px 12.4089927673px 0px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.shadow-success {
  --tw-shadow: 0px 10.511241px 12.4089927673px 0px rgba(var(--light-success),1) !important;
  --tw-shadow-colored: 0px 10.511241px 12.4089927673px 0px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.shadow-warning {
  --tw-shadow: 0px 10.511241px 12.4089927673px 0px rgba(var(--light-warning),1) !important;
  --tw-shadow-colored: 0px 10.511241px 12.4089927673px 0px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.shadow-info {
  --tw-shadow: 0px 10.511241px 12.4089927673px 0px rgba(var(--light-info),1) !important;
  --tw-shadow-colored: 0px 10.511241px 12.4089927673px 0px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.shadow-light {
  --tw-shadow: 0px 10.511241px 12.4089927673px 0px rgba(var(--light-white),1) !important;
  --tw-shadow-colored: 0px 10.511241px 12.4089927673px 0px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.shadow-danger {
  --tw-shadow: 0px 10.511241px 12.4089927673px 0px rgba(var(--light-danger),1) !important;
  --tw-shadow-colored: 0px 10.511241px 12.4089927673px 0px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.shadow-dark {
  --tw-shadow: 0px 10.511241px 12.4089927673px 0px rgba(var(--light-dark),1) !important;
  --tw-shadow-colored: 0px 10.511241px 12.4089927673px 0px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.border-primary {
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--theme-default),1);
}

.border-secondary {
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--theme-secondary),1) !important;
}

.border-warning {
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--warning-color),1) !important;
}

.border-success {
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--success-color),1) !important;
}

.border-info {
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--info-color),1);
}

.border-danger {
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--danger-color),1);
}

.border-light {
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--light-color),1);
}

.border-dark {
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--dark-color),1);
}

.input-group > .form-control,
  .input-group > .form-floating,
  .input-group > .form-select {
  position: relative;
  width: 1%;
  min-width: 0px;
  flex: 1 1 auto;
  .outline-20-warning {
    outline: 2px solid rgba(var(--warning-color), 0.2);
  }
}

.outline-20-primary {
  outline: 2px solid rgba(var(--theme-default), 0.2);
}

.outline-20-warning {
  outline: 2px solid rgba(var(--warning-color), 0.2);
}

.bg-7-success {
  background-color: rgba(var(--success-color),0.07) !important;
  &.active {
    border-width: 1px;
  }
  &.active {
    border-style: solid;
  }
  &.active {
    border-color: rgba(var(--success-color),1) !important;
  }
  &.active {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  &.active {
    transition-duration: 0.4s;
  }
  &.active {
    transition-timing-function: ease;
  }
}

.bg-20-success {
  background-color: rgba(var(--success-color),0.2);
}

.outline-20-success {
  outline: 2px solid rgba(var(--success-color), 0.2);
}

.container-invoice {
  margin: auto;
  max-width: 1320px;
}

.m-l-20 {
  margin-left: 1.25rem;
}

hr {
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0.875rem;
  margin-bottom: 0.875rem;
}

.\!p-0 {
  padding: 0 !important;
}

.p-0 {
  padding: 0 !important;
}

.\!mt-0 {
  margin-top: 0 !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.checkbox-secondary {
  &.form-check-input {
    &:checked {
      border-color: rgba(var(--theme-secondary),1);
    }
    &:checked {
      background-color: rgba(var(--theme-secondary),1) !important;
    }
  }
}

.checkbox-success {
  &.form-check-input {
    &:checked {
      border-color: rgba(var(--success-color),1);
    }
    &:checked {
      background-color: rgba(var(--success-color),1) !important;
    }
  }
}

.checkbox-warning {
  &.form-check-input {
    &:checked {
      border-color: rgba(var(--warning-color),1);
    }
    &:checked {
      background-color: rgba(var(--warning-color),1) !important;
    }
  }
}

.btn-hover-effect {
  &:hover {
    animation: push 0.5s linear 1;
  }
  &:hover {
    color: rgba(var(--white),1);
  }
}

.\!grid {
  display: grid !important;
}

.grid {
  display: grid !important;
}

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: calc(1px * -1);
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.\!rounded-r-lg {
  border-top-right-radius: 0.5rem !important;
  border-bottom-right-radius: 0.5rem !important;
}

.rounded-r-lg {
  border-top-right-radius: 0.5rem !important;
  border-bottom-right-radius: 0.5rem !important;
}

.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n + 3),
  .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control,
  .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select,
  .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.\!px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.\!pb-0 {
  padding-bottom: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.\!mb-0 {
  margin-bottom: 0 !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

@keyframes push {
  50% {
    transform: scale(0.95);
  }

  100% {
    transform: scale(1);
  }
}

.code-box-copy pre[class*="language-"] {
  height: 300px;
}

.input-group {
  .btn {
    position: relative;
  }
  .btn {
    z-index: 2;
  }
}

div.dt-button-info {
  text-align: center;
}

@media (max-width: 767px) {
   {
    div.dt-button-info {
    }
  }
}

div.dt-button-info {
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 2003;
  margin-top: -100px;
  margin-left: -200px;
  width: 400px;
  overflow: hidden;
  border-radius: 0.75em;
  background-color: rgba(var(--white-bg),1);
  text-align: center;
  --tw-shadow: 3px 4px 10px 1px rgba(0,0,0,0.8);
  --tw-shadow-colored: 3px 4px 10px 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  h2 {
    margin: 0px !important;
  }
  h2 {
    margin: 0px;
  }
  h2 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  h2 {
    padding-top: 2rem;
  }
  h2 {
    padding-bottom: 1rem;
  }
  h2 {
    font-family: normal;
  }
  > div {
    padding-left: 2em;
    padding-right: 2em;
  }
  > div {
    padding-top: 1em;
  }
  > div {
    padding-bottom: 2em;
  }
}

.table-components {
  .table {
    white-space: normal !important;
  }
}

.vr {
  display: inline-block;
  min-height: 1em;
  width: var(--bs-border-width);
  align-self: stretch;
  background-color: currentcolor;
  opacity: 0.25;
}

.modal-fullscreen {
  .modal-content {
    border-width: 0 !important;
  }
  .modal-content {
    height: 100%;
  }
  .modal-content {
    border-radius: 0px;
  }
  .modal-content {
    border-width: 0px;
  }
  .modal-body {
    overflow-y: auto;
  }
}

.modal-dialog-scrollable {
  .modal-content {
    max-height: 100%;
  }
  .modal-content {
    overflow: hidden;
  }
  .modal-body {
    overflow-y: auto;
  }
  .modal-body {
    height: 75vh;
  }
}

.dark-dropdown-box {
  .dropdown-menu-lg-start {
    right: unset !important;
  }
  .dropdown-menu-lg-start {
    left: 0 !important;
  }
  .dropdown-menu-lg-start {
    width: 160px;
  }
  .btn-group {
    &.dropstart {
      @media (min-width: 1200px) {
         {
           {
             {
              .btn {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              .btn {
              }
            }
          }
        }
      }
      .btn {
        display: flex;
      }
      .btn {
        flex-direction: row-reverse;
      }
      .btn {
        align-items: center;
      }
      .btn {
        &:after {
          margin-left: 0px;
        }
        &:after {
          margin-right: 8px;
        }
        &:after {
          --tw-rotate: 90deg;
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        }
      }
    }
    &.dropend {
      .btn {
        &:after {
          --tw-rotate: -90deg;
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        }
        &:after {
          vertical-align: 1px;
        }
      }
    }
    &.dropup {
      .btn {
        &:after {
          --tw-rotate: -185deg;
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        }
        &:after {
          vertical-align: 2px;
        }
      }
    }
  }
}

.form-select:disabled {
  background-color: rgba(var(--light2),1);
}

.alert-dismissible {
  .btn-close {
    position: absolute;
  }
  .btn-close {
    right: 0px;
  }
  .btn-close {
    top: 0px;
  }
  .btn-close {
    z-index: 2;
  }
  .btn-close {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .btn-close {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
}

#basic-12_wrapper {
  .dt-scroll {
    .dt-scroll-body {
      table {
        thead,
          tfoot {
          display: none;
        }
      }
    }
  }
}

.carblock {
  .table {
    border-color: rgba(var(--tw-border-color),1);
  }
}

.btn-check:checked + .btn,
  .btn.active,
  .btn.show,
  :not(.btn-check) + .btn:active {
  /* @apply text-[rgba(var(--black),1)] bg-[rgba(var(--white),1)]; */
  /* border: none; */
}

.btn-check:checked + .\!btn,
  .\!btn.active,
  .\!btn.show,
  :not(.btn-check) + .\!btn:active {
  /* @apply text-[rgba(var(--black),1)] bg-[rgba(var(--white),1)]; */
  /* border: none; */
  /* @apply text-[rgba(var(--black),1)] bg-[rgba(var(--white),1)]; */
  /* border: none; */
  /* @apply text-[rgba(var(--black),1)] bg-[rgba(var(--white),1)]; */
  /* border: none; */
  /* @apply text-[rgba(var(--black),1)] bg-[rgba(var(--white),1)]; */
  /* border: none; */
}

.p-3 {
  padding: 1rem !important;
}

.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
  z-index: 0;
  touch-action: none;
}

.cke_combo_label {
  display: none !important;
}

.ms-2 {
  margin-inline-start: 0.5rem !important;
}

table.dataTable {
  width: 100% !important;
}

.custom-input {
  .select-date {
    @media (max-width: 575px) {
       {
         {
           {
            > .col-form-label,> 
      .dropdown-menu {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > .col-form-label,> 
      .dropdown-menu {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > .col-form-label,> 
      .dropdown-menu {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > .col-form-label,> 
      .dropdown-menu {
                width: 90%;
              }
            }
          }
        }
      }
    }
    .col-form-label,
      .dropdown-menu {
      width: 100%;
    }
  }
}

.page-wrapper {
  &.compact-wrapper {
    &.box-layout {
      &.box-layout {
        height: 100vh;
      }
    }
  }
}

body {
  overflow-x: hidden;
  font-size: 14px;
  color: rgba(var(--theme-body-font-color),1);
  font-family: var(--font-rubik), var(--font-serif);
}

h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
  margin: 0px;
  color: rgba(var(--tw-heading-color),1);
}

.\!grid > div {
  position: relative;
}

.grid > div {
  position: relative;
}

h1 {
  font-size: 26px;
  font-weight: 500;
  line-height: 1.2;
}

h2 {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 500;
}

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

h4 {
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 500;
}

h5 {
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 500;
  line-height: 1.2;
}

h6 {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  line-height: 1.2;
}

ul {
  margin-bottom: 0 !important;
  margin-bottom: 0px;
  list-style-type: none;
  padding-left: var(--ul-padding-left);
}

ol {
  margin-bottom: 16px;
  list-style-type: decimal;
  padding-left: 32px;
}

ul,
  ol,
  dl,
  p {
  color: rgba(var(--theme-body-font-color),1);
  li,
    dt,
    dd {
    color: rgba(var(--theme-body-font-color),1);
  }
}

* a {
  letter-spacing: 1px;
  color: rgba(var(--theme-default),1);
  text-decoration-line: none;
}

.f-m-light {
  margin: 0px;
  color: rgba(var(--f-lighter),1);
}

a {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: rgba(var(--theme-default),1);
  text-decoration-line: none;
  transition-property: 0.5s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: all;
}

a:hover {
  color: rgba(var(--theme-default),1);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 0.5s;
  transition-timing-function: all;
}

a {
  &:focus-visible {
    outline-color: none;
  }
}

p {
  margin-bottom: 16px;
  font-size: 14px;
  font-weight: 400;
  line-height: var(--paragraph-line-height);
  letter-spacing: var(--paragraph-letter-spacing);
}

label {
  margin-bottom: 8px !important;
  margin-bottom: 0.5rem;
  display: inline-block;
}

.\!btn {
  border-radius: 6px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-size: 14px !important;
  line-height: 1.5 !important;
}

.btn {
  border-radius: 6px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-size: 14px !important;
  line-height: 1.5 !important;
}

code {
  border-radius: var(--code-tag-border-radius);
  font-size: 0.875em;
  color: rgba(var(--theme-default),1);
}

*.\!btn:focus {
  --tw-shadow-color: var(--btn-focus-box-shadow);
  --tw-shadow: var(--tw-shadow-colored);
}

*.btn:focus {
  --tw-shadow-color: var(--btn-focus-box-shadow);
  --tw-shadow: var(--tw-shadow-colored);
}

button:focus {
  outline-color: none !important;
  border: none;
}

.form-control {
  color: rgba(var(--white),0.6);
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: rgba(var(--theme-font-color),0.8);
}

input::placeholder,
  textarea::placeholder {
  color: rgba(var(--theme-font-color),0.8);
}

span:not(.toolbar-box .ql-toolbar *, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a *, .socialprofile span, .social-status .flex .grow *, .default-according.style-1 .social-network *, .social-list .flex .grow *, .bookmark-wrap .left-bookmark ul li *, .add-friend span, .megaoptions-border-space-sm .card .grow *, .mega-horizontal .mega-title-badge span, .twitter-typeahead, .basic-wizard .stepper-horizontal .step.done .step-circle *, .page-wrapper .current_lang .lang span.lang-txt, .select2-container *, .navbar-toggler *, .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link > *, .frame-box .frame-image, .project-todo .crm-todo-list li .grow *) {
  display: inline-block;
}

.text-muted {
  color: #212529bf;
}

blockquote {
  margin-bottom: 16px;
  border-left-width: 4px;
  border-style: solid;
  border-left-color: rgba(var(--blockquote-border),1);
  padding: 18px;
}

.figure {
  &.text-center {
    blockquote {
      border: none !important;
    }
  }
  &.text-end {
    blockquote {
      border-left-width: 0px !important;
    }
    blockquote {
      border-right-width: 4px;
    }
    blockquote {
      border-style: solid;
    }
    blockquote {
      border-right-color: rgba(var(--blockquote-border),1);
    }
  }
}

:focus {
  outline-color: unset;
}

.disabled,
  *:disabled {
  cursor: not-allowed;
  opacity: 0.8;
  pointer-events: inherit !important;
}

svg {
  display: inline-block;
  vertical-align: baseline;
}

.rounded-3 {
  border-radius: 0.5rem;
}

.form-control:focus {
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--theme-default),1);
}

.form-control:focus-visible {
  outline: unset;
}

.media-widgets {
  .grow {
    margin-bottom: 30px;
  }
}

.typography {
  h1,
    .h1,
    h2,
    .h2,
    h3,
    .h3,
    h4,
    .h4,
    h5,
    .h5,
    h6,
    .h6 {
    margin-top: 0 !important;
  }
  h1,
    .h1,
    h2,
    .h2,
    h3,
    .h3,
    h4,
    .h4,
    h5,
    .h5,
    h6,
    .h6 {
    margin-left: 0px;
    margin-right: 0px;
  }
  h1,
    .h1,
    h2,
    .h2,
    h3,
    .h3,
    h4,
    .h4,
    h5,
    .h5,
    h6,
    .h6 {
    margin-top: 18px;
    margin-bottom: 18px;
  }
  h1,
    .h1,
    h2,
    .h2,
    h3,
    .h3,
    h4,
    .h4,
    h5,
    .h5,
    h6,
    .h6 {
    margin-top: 0px;
  }
  h1,
    .h1,
    h2,
    .h2,
    h3,
    .h3,
    h4,
    .h4,
    h5,
    .h5,
    h6,
    .h6 {
    &:last-child {
      margin-bottom: 0 !important;
    }
    &:last-child {
      margin-bottom: 0px;
    }
  }
  small {
    padding-left: var(--small-tag-padding);
  }
  small {
    color: rgba(var(--small-tag-color),1);
  }
}

.starter-main p {
  margin-bottom: 24px !important;
  margin-bottom: 1rem;
}

pre {
  background-color: rgba(var(--theme-default),0.03);
  padding: var(--pre-tag-padding);
  font-size: 0.875em;
}

.typography-list ul li ul {
  list-style-type: circle;
  padding-left: 2rem;
  [dir="rtl"] & {
    padding-left: unset;
  }
  [dir="rtl"] & {
    padding-right: 2rem;
  }
}

.owl-theme {
  .owl-dots {
    .owl-dot {
      &.active,
        &:hover {
        span {
          background-color: rgba(var(--theme-default),1);
        }
      }
    }
  }
  .owl-nav {
    &.disabled {
      & + .owl-dots {
        margin-top: 25px;
      }
      & + .owl-dots {
        margin-bottom: -0.625rem;
      }
    }
  }
}

.click2edit {
  & ~ .note-editor {
    &.note-frame {
      margin-bottom: 30px;
    }
  }
}

.note-editor.note-frame {
  border-color: rgba(var(--light-color),1);
}

.note-editor.fullscreen .note-toolbar-wrapper {
  height: 0px;
}

.alert-theme.notify-alert button {
  right: 1.25rem;
  top: 45px;
  color: rgba(var(--theme-default),1);
  [dir="rtl"] & {
    left: 1.25rem;
  }
  [dir="rtl"] & {
    right: unset;
  }
}

.alert-theme.notify-alert {
  span + span + span {
    border-radius: 0.25rem;
  }
  span + span + span {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
  span + span + span {
    color: rgba(var(--theme-default),1);
  }
  span + span + span {
    --tw-shadow: 0 2px 14px -3px rgba(var(--black),0.2);
    --tw-shadow-colored: 0 2px 14px -3px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  .close {
    color: rgba(var(--theme-default),1);
  }
  i {
    margin-right: 1.25rem;
  }
  i {
    padding: 1.25rem;
  }
  i {
    padding-right: 0px;
  }
  @media (max-width: 575px) {
     {
       {
         {
          > .progress {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > .progress {
              width: 90%;
            }
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          > .progress {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > .progress {
              width: 90%;
            }
          }
        }
      }
    }
  }
  .progress {
    margin-top: -0.125rem;
  }
  .progress {
    height: 0.125rem;
  }
  .progress {
    width: 100%;
  }
  .progress {
    .progress-bar {
      background-color: rgba(--theme-default),1;
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        > .ace-editor {
          width: 90%;
        }
      }
    }
     {
       {
         {
          > .ace-editor {
            width: 90%;
          }
        }
      }
    }
     {
       {
        > .ace-editor {
          width: 90%;
        }
      }
    }
     {
       {
         {
          > .ace-editor {
            width: 90%;
          }
        }
      }
    }
  }
}

.ace-editor {
  height: 400px;
  width: 100%;
}

@media (max-width: 575px) {
   {
     {
       {
        > .editor-toolbar {
          width: 90%;
        }
      }
    }
     {
       {
         {
          > .editor-toolbar {
            width: 90%;
          }
        }
      }
    }
     {
       {
        > .editor-toolbar {
          width: 90%;
        }
      }
    }
     {
       {
         {
          > .editor-toolbar {
            width: 90%;
          }
        }
      }
    }
  }
}

.editor-toolbar {
  width: 100%;
  &.fullscreen {
    z-index: 100;
  }
}

table tbody tr.table {
  white-space: pre-wrap !important;
}

table tbody tr {
  vertical-align: middle;
}

@media (min-width: 1200px) {
   {
     {
       {
        .common-flex {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .common-flex {
        }
      }
    }
  }
}

.common-flex {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

@media (min-width: 1200px) {
   {
     {
       {
        .common-align {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .common-align {
        }
      }
    }
  }
}

.common-align {
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.common-align .vr {
  display: inline-block;
  min-height: 1rem;
  width: 1px;
  align-self: stretch;
  opacity: 25;
}

.typography-table {
  thead {
    tr {
      th {
        font-size: 1rem;
        line-height: 1.5rem;
      }
    }
  }
  tbody {
    tr {
      td {
        &:last-child {
          min-width: 280px;
        }
        &:first-child {
          min-width: 100px;
        }
      }
    }
  }
}

.p-10 {
  padding: 10px !important;
}

.p-15 {
  padding: 15px !important;
}

.p-20 {
  padding: 20px !important;
}

.p-25 {
  padding: 25px !important;
}

.p-30 {
  padding: 30px !important;
}

.p-35 {
  padding: 35px !important;
}

.p-40 {
  padding: 40px !important;
}

.p-45 {
  padding: 45px !important;
}

.p-50 {
  padding: 50px !important;
}

.display-1 {
  font-size: 5rem;
  font-weight: 400;
}

.display-2 {
  font-size: 4.5rem;
  font-weight: 400;
}

.display-3 {
  font-size: 4rem;
  font-weight: 400;
}

.display-4 {
  font-size: 3.5rem;
  font-weight: 400;
}

.display-5 {
  font-size: 3rem;
  font-weight: 400;
}

.display-6 {
  font-size: 2.5rem;
  font-weight: 400;
}

@media (min-width: 1200px) {
   {
     {
       {
        .upcoming-flex {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .upcoming-flex {
        }
      }
    }
  }
}

.upcoming-flex {
  display: flex;
  align-items: flex-start;
}

.\!container {
  width: 100% !important;
}

.container {
  width: 100%;
}

.btn-link {
  color: rgba(var(--theme-default),1);
}

.btn-outline-light {
  color: rgba(var(--theme-font-color),1) !important;
}

.purchase-btn {
  display: inline-block;
  min-width: 200px;
  border-color: none;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  transition-property: 0.5s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.purchase-btn:hover {
  transition-property: 0.5s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.purchase-btn {
  background: linear-gradient(90deg, rgba(var(--theme-default), 1) -18.33%, #563ee0 62.78%);
  &:hover {
    background: linear-gradient(90deg, #563ee0 -18.33%, rgba(var(--theme-default), 1) 62.78%);
  }
}

.btn-light {
  &:not([disabled]):not(.disabled).active.active {
    background-color: rgba(var(--light-color),2%);
  }
  &:not([disabled]):not(.disabled).active.active {
    color: rgba(var(--theme-body-font-color),1);
  }
}

.btn-primary-gradien {
  border-color: none;
  color: rgba(var(--white),1);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  background-image: linear-gradient(to right, rgba(var(--theme-default), 1) 0%, #988fff 51%, rgba(var(--theme-default), 1) 100%);
  background-size: auto 200%;
  &:focus,
    &:active,
    &.active {
    transition-property: 1.5s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  &:focus,
    &:active,
    &.active {
    background-position: right center;
    background-image: linear-gradient(to right, #988fff, 0%, rgba(var(--theme-default), 1), 100%, rgba(var(--white), 1));
  }
}

.btn-secondary-gradien {
  border-color: none;
  color: rgba(var(--white),1);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  background-image: linear-gradient(to right, rgba(var(--theme-secondary), 1) 0%, #5b5b5b 51%, rgba(var(--theme-secondary), 1) 100%);
  background-size: auto 200%;
  &:focus,
    &:active,
    &.active {
    transition-property: 1.5s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  &:focus,
    &:active,
    &.active {
    background-position: right center;
    background-image: linear-gradient(to right, #5b5b5b, 0%, rgba(var(--theme-secondary), 1), 100%, rgba(var(--white), 1));
  }
}

.btn-success-gradien {
  border-color: none;
  color: rgba(var(--white),1);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  background-image: linear-gradient(to right, rgba(var(--success-color), 1) 0%, #3aa130 51%, rgba(var(--success-color), 1) 100%);
  background-size: auto 200%;
  &:focus,
    &:active,
    &.active {
    transition-property: 1.5s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  &:focus,
    &:active,
    &.active {
    background-position: right center;
    background-image: linear-gradient(to right, #3aa130, 0%, rgba(var(--success-color), 1), 100%, rgba(var(--white), 1));
  }
}

.btn-info-gradien {
  border-color: none;
  color: rgba(var(--white),1);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  background-image: linear-gradient(to right, rgba(var(--info-color), 1) 0%, #149add 51%, rgba(var(--info-color), 1) 100%);
  background-size: auto 200%;
  &:focus,
    &:active,
    &.active {
    transition-property: 1.5s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  &:focus,
    &:active,
    &.active {
    background-position: right center;
    background-image: linear-gradient(to right, #149add, 0%, rgba(var(--info-color), 1), 100%, rgba(var(--white), 1));
  }
}

.btn-warning-gradien {
  border-color: none;
  color: rgba(var(--white),1);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  background-image: linear-gradient(to right, rgba(var(--warning-color), 1) 0%, #ea9d02 51%, rgba(var(--warning-color), 1) 100%);
  background-size: auto 200%;
  &:focus,
    &:active,
    &.active {
    transition-property: 1.5s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  &:focus,
    &:active,
    &.active {
    background-position: right center;
    background-image: linear-gradient(to right, #ea9d02, 0%, rgba(var(--warning-color), 1), 100%, rgba(var(--white), 1));
  }
}

.btn-danger-gradien {
  border-color: none;
  color: rgba(var(--white),1);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  background-image: linear-gradient(to right, rgba(var(--danger-color), 1) 0%, #fd7b72 51%, rgba(var(--danger-color), 1) 100%);
  background-size: auto 200%;
  &:focus,
    &:active,
    &.active {
    transition-property: 1.5s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  &:focus,
    &:active,
    &.active {
    background-position: right center;
    background-image: linear-gradient(to right, #fd7b72, 0%, rgba(var(--danger-color), 1), 100%, rgba(var(--white), 1));
  }
}

.btn-light-gradien {
  border-color: none;
  color: rgba(var(--white),1);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  background-image: linear-gradient(to right, rgba(var(--light-color), 1) 0%, #e0e0e0 51%, rgba(var(--light-color), 1) 100%);
  background-size: auto 200%;
  &:focus,
    &:active,
    &.active {
    transition-property: 1.5s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  &:focus,
    &:active,
    &.active {
    background-position: right center;
    background-image: linear-gradient(to right, #e0e0e0, 0%, rgba(var(--light-color), 1), 100%, rgba(var(--white), 1));
  }
}

[class*="-gradien"]:hover {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: ease;
  background-size: 50% 100%;
  background-position: 50% 100%;
  color: rgba(var(--white),1);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 0.3s;
  transition-timing-function: ease;
}

.\!btn {
  text-align: center;
}

@media (max-width: 767px) {
   {
    .\!btn {
    }
  }
}

.\!btn {
  padding-left: 28px;
  padding-right: 28px;
  padding-top: 6px;
  padding-bottom: 6px;
  text-align: center;
  font-size: 0.75rem;
  line-height: 1rem;
}

.btn {
  text-align: center;
}

@media (max-width: 767px) {
   {
    .btn {
    }
  }
}

.btn {
  padding-left: 28px;
  padding-right: 28px;
  padding-top: 6px;
  padding-bottom: 6px;
  text-align: center;
  font-size: 0.75rem;
  line-height: 1rem;
}

.\!btn {
   {
    background-color: rgba(var(--theme-default),1);
  }
   {
    background-color: rgba(var(--theme-secondary),1);
  }
   {
    background-color: rgba(var(--info-color),1);
  }
   {
    background-color: rgba(var(--success-color),1);
  }
   {
    background-color: rgba(var(--warning-color),1);
  }
   {
    background-color: rgba(var(--danger-color),1);
  }
   {
    background-color: rgba(var(--light-color),1);
  }
   {
     {
      background-color: rgba(var(--theme-default),1) !important;
    }
     {
      color: rgba(var(--white),1);
    }
  }
}

.btn {
  &-primary {
    background-color: rgba(var(--theme-default),1);
  }
  &-secondary {
    background-color: rgba(var(--theme-secondary),1);
  }
  &-info {
    background-color: rgba(var(--info-color),1);
  }
  &-success {
    background-color: rgba(var(--success-color),1);
  }
  &-warning {
    background-color: rgba(var(--warning-color),1);
  }
  &-danger {
    background-color: rgba(var(--danger-color),1);
  }
  &-light {
    background-color: rgba(var(--light-color),1);
  }
  &.bg-light-primary {
    &:hover {
      background-color: rgba(var(--theme-default),1) !important;
    }
    &:hover {
      color: rgba(var(--white),1);
    }
  }
}

.btn-lg {
  border-radius: 0.5rem;
  font-size: 18px !important;
}

.btn-sm {
  font-size: 12px !important;
}

.btn-xs {
  padding-left: 6.4px !important;
  padding-right: 6.4px !important;
  padding-top: 0.8px !important;
  padding-bottom: 0.8px !important;
  line-height: 1.4 !important;
  font-size: var(--btn-xs-font-size) !important;
}

.large-btn {
  margin-bottom: -1.25rem;
  .btn {
    margin-right: 5px;
  }
  .btn {
    margin-bottom: 15px;
  }
}

.btn-outline-white {
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--white),1);
  color: rgba(var(--white),1);
  &:hover,
    &:focus {
    background-color: rgba(var(--white),1);
  }
  &:hover,
    &:focus {
    color: rgba(var(--theme-default),1);
  }
}

.btn-warning {
  color: rgba(var(--white),1);
  &:hover,
    &.disabled {
    color: rgba(var(--white),1);
  }
}

[class*="-gradien"] {
  &:hover {
    background-position: 50% 100% !important;
  }
  &:hover {
    color: rgba(var(--white),1);
  }
  &:hover {
    transition-property: all !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
    transition-duration: 150ms !important;
  }
  &:hover {
    transition-duration: 0.3s;
  }
  &:hover {
    transition-timing-function: ease;
  }
}

.btn-square {
  border-radius: 0 !important;
}

.btn-pill {
  border-radius: 60px !important;
}

.btn-group-pill {
  .btn {
    &:first-child {
      border-radius: 60px;
    }
    &:last-child {
      border-radius: 60px;
    }
  }
}

.btn-group-square {
  .btn {
    &:first-child {
      border-radius: 0;
    }
    &:last-child {
      border-radius: 0;
    }
  }
}

.btn-showcase {
  margin-bottom: -0.625rem;
  .btn {
    margin-right: 0.625rem;
  }
  .btn {
    margin-bottom: 0.625rem;
  }
}

.\!dropdown {
   {
     {
      font-size: 0.875rem;
      line-height: 1.25rem;
    }
  }
   {
    min-width: 160px;
  }
   {
    white-space: nowrap;
  }
   {
    border-radius: 0.375rem;
  }
   {
    background-color: rgba(var(--white),1);
  }
   {
    --tw-shadow: 0px 2px 8px 0px rgba(var(--black),0.2);
    --tw-shadow-colored: 0px 2px 8px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
   {
     {
      right: 0px !important;
    }
     {
      top: 105% !important;
    }
     {
      bottom: unset !important;
    }
  }
}

.dropdown {
  .dropdown-toggle {
    &:after {
      font-size: 0.875rem;
      line-height: 1.25rem;
    }
  }
  .dropdown-menu {
    min-width: 160px;
  }
  .dropdown-menu {
    white-space: nowrap;
  }
  .dropdown-menu {
    border-radius: 0.375rem;
  }
  .dropdown-menu {
    background-color: rgba(var(--white),1);
  }
  .dropdown-menu {
    --tw-shadow: 0px 2px 8px 0px rgba(var(--black),0.2);
    --tw-shadow-colored: 0px 2px 8px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  .dropdown-menu {
    &.show {
      right: 0px !important;
    }
    &.show {
      top: 105% !important;
    }
    &.show {
      bottom: unset !important;
    }
  }
}

.btn-dropdown-showcase {
  margin-bottom: -0.625rem;
  .dropdown {
    margin-right: 18px;
  }
  .dropdown {
    margin-bottom: 0.625rem;
  }
  .btn-group {
    margin-right: 18px;
  }
  .btn-group {
    margin-bottom: 0.625rem;
  }
}

.btn-group.table {
  white-space: pre-wrap !important;
}

.btn-group {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  .radio {
    label {
      &::before {
        top: 0.125rem;
      }
      &::after {
        top: 7px;
      }
    }
  }
  .checkbox {
    label {
      margin-top: 3px;
    }
  }
}

.tooltiptext {
  text-align: center;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media (max-width: 767px) {
   {
    .tooltiptext {
    }
  }
}

.tooltiptext {
  visibility: visible;
  position: absolute;
  left: 50%;
  bottom: 125%;
  z-index: 1;
  margin-left: -50px;
  width: 120px;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(85 85 85 / var(--tw-bg-opacity, 1));
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
  color: rgba(var(--white),1);
  opacity: 1;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 0.3s;
}

.tooltiptext::after {
  position: absolute;
  left: 50%;
  top: 100%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
  --tw-content: "";
  content: var(--tw-content);
}

.card-header-right-icon {
  .btn.btn-light-primary {
    background-color: rgba(var(--light-shade-primary),1);
  }
  .btn.btn-light-primary {
    color: rgba(var(--theme-default),1);
  }
  .btn.btn-light-primary:hover {
    background-color: rgba(var(--theme-default),1);
  }
  .btn.btn-light-primary:hover {
    color: rgba(var(--white),1);
  }
}

.btn,
  button {
  &.button-primary {
    background-color: rgba(var(--light-shade-primary),1);
  }
  &.button-primary {
    letter-spacing: 1px !important;
  }
  &.button-primary {
    color: rgba(var(--theme-default),1);
  }
  &.button-primary {
    &:hover {
      border-color: rgba(var(--theme-default),1);
    }
    &:hover {
      background-color: rgba(var(--theme-default),1);
    }
    &:hover {
      color: rgba(var(--white),1);
    }
  }
}

.\!btn {
   {
    background-color: rgba(var(--light-shade-primary),1);
  }
   {
    letter-spacing: 1px !important;
  }
   {
    color: rgba(var(--theme-default),1);
  }
   {
     {
      border-color: rgba(var(--theme-default),1);
    }
     {
      background-color: rgba(var(--theme-default),1);
    }
     {
      color: rgba(var(--white),1);
    }
  }
}

.visual-button {
  button,
    .btn {
    height: 45px;
  }
  button,
    .btn {
    width: 45px;
  }
  button,
    .btn {
    padding: 0;
  }
  button,
    .btn {
    svg.table {
      white-space: pre-wrap !important;
    }
    svg {
      height: 18px;
    }
    svg {
      width: 18px;
    }
    svg {
      vertical-align: middle;
    }
    &.btn-pill {
      height: 45px;
    }
    &.btn-pill {
      width: 45px;
    }
    &.btn-pill {
      border-radius: 50%;
    }
  }
  &.visual-button1 {
    @media (min-width: 1200px) {
       {
         {
           {
            .btn,
      .btn-pill {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            .btn,
      .btn-pill {
            }
          }
        }
      }
    }
    .btn,
      .btn-pill {
      display: flex;
    }
    .btn,
      .btn-pill {
      height: auto;
    }
    .btn,
      .btn-pill {
      width: auto;
    }
    .btn,
      .btn-pill {
      align-items: center;
    }
    .btn,
      .btn-pill {
      justify-content: center;
    }
    .btn,
      .btn-pill {
      gap: 0.5rem;
    }
    .btn,
      .btn-pill {
      padding-left: 1.75rem;
      padding-right: 1.75rem;
    }
    .btn,
      .btn-pill {
      padding-top: 0.375rem;
      padding-bottom: 0.375rem;
    }
    .btn-pill {
      border-radius: 60px;
    }
  }
}

@media (min-width: 1200px) {
   {
     {
       {
        .button-wrapper {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .button-wrapper {
        }
      }
    }
  }
}

.button-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.75rem;
  .btn-group {
    .btn.table {
      white-space: pre-wrap !important;
    }
    .btn {
      vertical-align: middle;
    }
    .btn {
      svg {
        height: 18px;
      }
      svg {
        width: 18px;
      }
    }
    &.select-checkbox {
      label {
        &:nth-child(4) {
          border-left-width: 0px;
        }
      }
    }
  }
  &.button-outlined {
    .btn-group {
      .btn {
        line-height: 0.8 !important;
      }
    }
  }
  .dropdown {
    .dropdown-menu {
      &.show {
        left: 0 !important;
      }
    }
  }
}

.btn-group-vertical {
  .btn-group {
    .btn {
      &.show {
        border-color: rgba(var(--recent-border),1);
      }
    }
  }
}

.btn-radio {
  .btn-group {
    .btn {
      &:hover {
        color: rgba(var(--body-font-color),1);
      }
    }
  }
}

.btn-toolbar {
  gap: 0.75rem;
}

.card-wrapper {
  .btn-option {
    .btn {
      &:hover {
        color: rgba(var(--body-font-color),1);
      }
      &:focus,
        &:active {
        color: rgba(var(--body-font-color),1);
      }
      &:focus,
        &:active {
        --tw-shadow-color: unset;
        --tw-shadow: var(--tw-shadow-colored);
      }
    }
  }
}

.loader-buttons {
  button {
    i {
      margin-left: 0.5rem;
    }
  }
}

.ripple-button {
  position: relative;
  transform-origin: center center;
  overflow: hidden;
  &:focus,
    &:active {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  &:focus,
    &:active {
    outline-width: 0;
  }
  .ripple-span {
    position: absolute;
  }
  .ripple-span {
    height: 1.25rem;
  }
  .ripple-span {
    width: 1.25rem;
  }
  .ripple-span {
    --tw-scale-x: 0;
    --tw-scale-y: 0;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .ripple-span {
    animation: ripple 0.7s linear;
  }
  .ripple-span {
    border-radius: 50%;
  }
  .ripple-span {
    background-color: rgba(255,255,255,0.7);
  }
}

.mix-hover-btn {
  .btn {
    position: relative;
  }
  .btn {
    &.btn-border-pop {
      &::before {
        border-width: 2px !important;
      }
      &::before {
        position: absolute;
      }
      &::before {
        inset: 0px;
      }
      &::before {
        border-width: 2px;
      }
      &::before {
        border-style: solid;
      }
      &::before {
        border-color: rgba(var(--theme-default),1);
      }
      &::before {
        transition-property: top,left,right,bottom,100ms;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
      }
      &::before {
        transition-duration: ease-in-out;
      }
      &::before {
        --tw-content: "";
        content: var(--tw-content);
      }
      &:hover,
        &:focus {
        &::before {
          top: -5px;
        }
        &::before {
          left: -5px;
        }
        &::before {
          right: -5px;
        }
        &::before {
          bottom: -5px;
        }
        &::before {
          border-radius: 10px;
        }
      }
    }
    &.btn-bg-slide {
      &::before {
        position: absolute;
      }
      &::before {
        inset: 0px;
      }
      &::before {
        z-index: -1;
      }
      &::before {
        transform-origin: left;
      }
      &::before {
        --tw-scale-x: 0;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      }
      &::before {
        border-radius: 0.375rem;
      }
      &::before {
        background-color: rgba(var(--theme-default),1);
      }
      &::before {
        transition-property: transform;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
      }
      &::before {
        transition-duration: 300ms;
      }
      &::before {
        transition-timing-function: ease-in-out;
      }
      &::before {
        --tw-content: "";
        content: var(--tw-content);
      }
      &:hover,
        &:focus {
        z-index: 1;
      }
      &:hover,
        &:focus {
        color: rgba(var(--white),1) !important;
      }
      &:hover,
        &:focus {
        transition-property: color;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
      }
      &:hover,
        &:focus {
        transition-duration: 300ms;
      }
      &:hover,
        &:focus {
        transition-timing-function: ease-in-out;
      }
      &:hover,
        &:focus {
        &::before {
          --tw-scale-x: 1;
          --tw-scale-y: 1;
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        }
      }
    }
    &.btn-border-bottom {
      &::before {
        position: absolute;
      }
      &::before {
        left: 0px;
        right: 0px;
      }
      &::before {
        bottom: 0px;
      }
      &::before {
        height: 0.125rem;
      }
      &::before {
        --tw-scale-x: 0;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      }
      &::before {
        background-color: rgba(var(--theme-default),1);
      }
      &::before {
        transition-property: transform;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
      }
      &::before {
        transition-duration: 300ms;
      }
      &::before {
        transition-timing-function: ease-in-out;
      }
      &::before {
        --tw-content: "";
        content: var(--tw-content);
      }
      &:hover,
        &:focus {
        &::before {
          --tw-scale-x: 1;
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        }
      }
    }
  }
}

.button--winona {
  padding: 0 !important;
  position: relative;
  overflow: hidden;
  border-width: 2px;
  border-style: solid;
  border-color: rgba(var(--theme-default),1);
  background-color: transparent;
  padding: 0px;
  color: rgba(var(--body-font-color),1);
  transition-property: border-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-delay: 0.3s;
  transition-duration: 0.3s,background-color;
  transition-timing-function: cubic-bezier(0.2,1,0.3,1);
}

.button--winona:hover {
  background-color: rgba(var(--light-primary),0.7);
}

.button--winona:hover::after {
  content: var(--tw-content);
  opacity: 1;
}

.button--winona {
  -webkit-transition: border-color 0.3s, background-color 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  @media (max-width: 575px) {
     {
       {
         {
          > &::after {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > &::after {
              width: 90%;
            }
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          > &::after {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > &::after {
              width: 90%;
            }
          }
        }
      }
    }
  }
  &::after {
    position: absolute;
  }
  &::after {
    left: 0px;
  }
  &::after {
    top: 0px;
  }
  &::after {
    height: 100%;
  }
  &::after {
    width: 100%;
  }
  &::after {
    --tw-text-opacity: 1;
    color: rgb(115 102 255 / var(--tw-text-opacity, 1));
  }
  &::after {
    opacity: 0;
  }
  &::after {
    --tw-content: attr(data-text);
    content: var(--tw-content);
  }
  &::after {
    transform: translate3d(0, 25%, 0);
  }
  > span {
    display: block !important;
  }
  > span {
    display: block !important;
  }
  > span {
    padding-top: 6px;
    padding-bottom: 6px;
  }
  > span {
    padding-left: 28px;
    padding-right: 28px;
  }
  &:hover {
    &::after {
      transform: translate3d(0, 0, 0);
    }
    > span {
      opacity: 0;
    }
    > span {
      transform: translate3d(0, -25%, 0);
    }
  }
}

@keyframes ripple {
  from {
    transform: scale(1);
    opacity: 0.4;
  }

  to {
    transform: scale(30);
    opacity: 0;
  }
}

@media (max-width: 575px) {
  .purchase-btn {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

.card-gap {
  gap: 0 calc(15px + (24 - 15) * ((100vw - 320px) / (1920 - 320)));
}

.card {
  position: relative;
  margin-bottom: var(--card-margin-bottom);
  border-radius: var(--card-border-radius) !important;
  border-color: none;
  background-color: rgba(var(--card-header-bg-color),1);
  letter-spacing: 0.5px;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 0.3s;
  transition-timing-function: ease;
}

.card:hover {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 0.3s;
  transition-timing-function: ease;
}

.card {
  box-shadow: var(--card-box-shadow);
  &:hover {
    box-shadow: var(--card-hover-box-shadow);
  }
  .card-header {
    position: relative;
  }
  .card-header {
    border-top-left-radius: var(--card-border-radius) !important;
  }
  .card-header {
    border-top-right-radius: var(--card-border-radius) !important;
  }
  .card-header {
    border-bottom-width: 1px;
  }
  .card-header {
    border-color: rgba(var(--light-gray),1);
  }
  .card-header {
    background-color: rgba(var(--card-header-bg-color),1);
  }
  .card-header {
    padding: var(--card-padding);
  }
  .card-header {
    &.card-no-border {
      border-bottom-width: 0px !important;
    }
    h5:not(.mb-0),
      h5:not(.m-0) {
      margin-bottom: 0;
    }
    h5:not(.mb-0),
      h5:not(.m-0) {
      text-transform: capitalize;
    }
    > span {
      display: block;
    }
    > span {
      margin-top: 5px;
    }
    > span {
      display: block;
    }
    > span {
      font-size: var(--card-header-span-size);
    }
    > span {
      letter-spacing: 1px;
    }
    > span {
      color: rgba(var(--card-header-span-color),1);
    }
    .card-header-right {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
    .card-header-right {
      position: absolute;
    }
    .card-header-right {
      right: 1.25rem;
    }
    .card-header-right {
      top: 0.875rem;
    }
    .card-header-right {
      z-index: 1;
    }
    .card-header-right {
      float: right;
    }
    .card-header-right {
      display: inline-block;
    }
    .card-header-right {
      border-radius: 0 0 0 7px;
    }
    .card-header-right {
      background-color: rgba(var(--white),1);
    }
    .card-header-right {
      padding-left: 0px;
      padding-right: 0px;
    }
    .card-header-right {
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
    }
    .card-header-right {
      .card-option {
        height: 1.25rem;
      }
      .card-option {
        width: 35px;
      }
      .card-option {
        overflow: hidden;
      }
      .card-option {
        text-align: right;
      }
      .card-option {
        transition-property: 0.3s;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
      }
      .card-option {
        transition-duration: ease-in-out;
      }
      .card-option {
        li {
          display: inline-block;
        }
        li {
          &:first-child {
            i {
              font-size: 1rem;
              line-height: 1.5rem;
            }
            i {
              color: rgba(var(--theme-default),1);
            }
            i {
              transition-property: 1s;
              transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
              transition-duration: 150ms;
            }
            i {
              &.icofont {
                color: unset;
              }
            }
          }
        }
      }
      i {
        margin-left: 5px;
        margin-right: 5px;
      }
      i {
        margin-top: 0px;
        margin-bottom: 0px;
      }
      i {
        cursor: pointer;
      }
      i {
        line-height: 1.25rem;
      }
      i {
        color: rgba(var(--dark-color),1);
      }
      i {
        &.icofont-refresh {
          font-size: 13px;
        }
      }
    }
  }
  .card-body {
    background-color: rgba(var(--card-body-bg-color),1);
  }
  .card-body {
    padding: var(--card-padding);
  }
  .card-body {
    &.pt-0 {
      padding-top: 0 !important;
    }
    &.px-0 {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
    &.py-0 {
      padding-top: 0 !important;
      padding-bottom: 0 !important;
    }
    &.pb-0 {
      padding-bottom: 0 !important;
    }
    &.p-0 {
      padding: 0 !important;
    }
    p:last-child {
      margin-bottom: 0 !important;
    }
    p:last-child {
      margin-bottom: 0px;
    }
  }
  .sub-title {
    padding-bottom: 16px !important;
  }
  .sub-title {
    padding-bottom: 0.75rem;
  }
  .sub-title {
    font-size: calc(15px + (18 - 15) * ((100vw - 320px) / (1920 - 320)));
  }
  .card-footer {
    border-bottom-left-radius: var(--card-border-radius);
  }
  .card-footer {
    border-bottom-right-radius: var(--card-border-radius);
  }
  .card-footer {
    border-top-width: 1px;
  }
  .card-footer {
    border-style: solid;
  }
  .card-footer {
    border-top-color: rgba(var(--light-gray),1);
  }
  .card-footer {
    background-color: rgba(var(--card-footer-bg-color),1);
  }
  .card-footer {
    padding: var(--card-padding);
  }
  &.card-load {
    @media (min-width: 1200px) {
       {
         {
           {
            .card-loader {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > .card-loader {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > .card-loader {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > .card-loader {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > .card-loader {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            .card-loader {
            }
          }
        }
      }
    }
    .card-loader {
      position: absolute;
    }
    .card-loader {
      left: 0px;
    }
    .card-loader {
      top: 0px;
    }
    .card-loader {
      z-index: 8;
    }
    .card-loader {
      display: flex;
    }
    .card-loader {
      height: 100%;
    }
    .card-loader {
      width: 100%;
    }
    .card-loader {
      align-items: center;
    }
    .card-loader {
      justify-content: center;
    }
    .card-loader {
      background-color: rgba(var(--white),0.7);
    }
    .card-loader {
      i {
        margin-left: auto;
        margin-right: auto;
      }
      i {
        margin-top: 0px;
        margin-bottom: 0px;
      }
      i {
        font-size: 1.25rem;
        line-height: 1.75rem;
      }
      i {
        color: rgba(var(--theme-default),1);
      }
    }
  }
}

.card.full-card {
  position: fixed;
  right: 0px;
  top: 0px;
  z-index: 99999;
  height: 100vh;
  width: calc(100vw - 12px);
  border-radius: 0px;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--light-semi-gray),1);
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  &.card-body {
    overflow: auto;
  }
}

.page-body-wrapper .card .sub-title {
  font-family: var(--font-rubik);
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(119 119 119 / var(--tw-text-opacity, 1));
}

.card-absolute {
  position: relative;
  margin-top: 20px;
  .card-header {
    position: absolute;
  }
  .card-header {
    left: 15px;
  }
  .card-header {
    top: -1.25rem;
  }
  .card-header {
    border-radius: 0.25rem !important;
  }
  .card-header {
    padding-left: 15px;
    padding-right: 15px;
  }
  .card-header {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .card-header {
    h5 {
      font-size: 17px;
    }
  }
  .card-body {
    margin-top: 48px !important;
  }
  .card-body {
    margin-top: 1.25rem !important;
  }
  .card-body {
    .list-behavior-1 {
      margin-top: 15px !important;
    }
  }
}

.card-header .border-tab {
  margin-bottom: -13px;
}

.custom-card {
  overflow: hidden;
  padding: 30px;
  .card-header {
    padding: 0 !important;
  }
  .card-header {
    padding: 0px;
  }
  .card-header {
    img {
      margin-top: -100px;
    }
    img {
      --tw-scale-x: 1.5;
      --tw-scale-y: 1.5;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    img {
      border-radius: 50%;
    }
  }
  .card-profile {
    text-align: center;
  }
  @media (max-width: 767px) {
     {
      .card-profile {
      }
    }
  }
  .card-profile {
    text-align: center;
  }
  .card-profile {
    img {
      position: relative;
    }
    img {
      z-index: 1;
    }
    img {
      height: 110px;
    }
    img {
      --tw-bg-opacity: 1;
      background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    }
    img {
      padding: 7px;
    }
  }
  .card-social {
    text-align: center;
  }
  @media (max-width: 767px) {
     {
      .card-social {
      }
    }
  }
  .card-social {
    text-align: center;
  }
  .card-social {
    li {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
    li {
      display: inline-block;
    }
    li {
      padding-left: 0px;
      padding-right: 0px;
    }
    li {
      padding-top: 15px;
      padding-bottom: 15px;
    }
    li {
      &:last-child {
        a {
          margin-right: 0px;
        }
      }
      a {
        padding: 0 !important;
      }
      a {
        margin-right: 15px;
      }
      a {
        padding: 0px;
      }
      a {
        font-size: 1rem;
        line-height: 1.5rem;
      }
      a {
        color: rgba(var(--theme-default),0.1);
      }
      a {
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
      }
      a {
        transition-duration: 0.3s;
      }
      a {
        transition-timing-function: ease;
      }
      a:hover {
        color: rgba(var(--theme-default),1);
      }
      a:hover {
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
      }
      a:hover {
        transition-duration: 0.3s;
      }
      a:hover {
        transition-timing-function: ease;
      }
    }
  }
  .profile-details h6 {
    margin-top: 0.625rem;
  }
  .profile-details h6 {
    margin-bottom: 30px;
  }
  .profile-details h6 {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .profile-details h6 {
    color: rgba(var(--theme-body-sub-title-color),1);
  }
  .card-footer {
    padding: 0 !important;
  }
  .card-footer {
    padding: 0px;
  }
  .card-footer {
    > div {
      text-align: center;
    }
    @media (max-width: 767px) {
       {
        > div {
        }
      }
    }
    > div {
      padding: 15px;
    }
    > div {
      text-align: center;
    }
    > div {
      + div {
        border-left-width: 1px;
      }
      + div {
        border-style: solid;
      }
      + div {
        --tw-border-opacity: 1;
        border-left-color: rgb(241 243 245 / var(--tw-border-opacity, 1));
      }
      h3 {
        margin-bottom: 0 !important;
      }
      h3 {
        margin-bottom: 0px;
      }
      h3 {
        font-size: 1.5rem;
        line-height: 2rem;
      }
      h6 {
        font-size: 0.875rem;
        line-height: 1.25rem;
      }
      h6 {
        color: rgba(var(--theme-body-sub-title-color),1);
      }
      h5 {
        margin-bottom: 0 !important;
      }
      h5 {
        margin-bottom: 0px;
      }
      h5 {
        font-size: 1rem;
        line-height: 1.5rem;
      }
      i {
        margin-bottom: 15px;
      }
      i {
        display: inline-block;
      }
      i {
        font-size: 1.5rem;
        line-height: 2rem;
      }
      .m-b-card {
        margin-bottom: 0.625rem;
      }
    }
  }
}

.social-profile {
  text-align: center;
}

@media (max-width: 767px) {
   {
    .social-profile {
    }
  }
}

.social-profile {
  background-image: url(../images/dashboard-5/profile-bg.png) !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  text-align: center;
  .card-body {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.social-details {
  margin-top: 15px;
  h5 {
    a {
      color: rgba(var(--body-font-color),1);
    }
  }
  .social-follow {
    margin-top: 25px;
  }
  .social-follow {
    -moz-column-gap: 30px;
         column-gap: 30px;
  }
  .social-follow {
    -moz-column-count: 3;
         column-count: 3;
    li {
      position: relative;
    }
    li {
      + li::before {
        position: absolute;
      }
      + li::before {
        left: -15px;
      }
      + li::before {
        top: 50%;
      }
      + li::before {
        height: 0.875rem;
      }
      + li::before {
        width: 1px;
      }
      + li::before {
        --tw-translate-y: -50%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      }
      + li::before {
        background-color: rgba(var(--recent-dashed-border),1);
      }
      + li::before {
        --tw-content: "";
        content: var(--tw-content);
      }
      + li::before {
        [dir="rtl"] {
          right: -15px;
        }
        [dir="rtl"] {
          left: unset;
        }
      }
    }
  }
  @media (min-width: 1200px) {
     {
       {
         {
          .card-social {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .card-social {
          }
        }
      }
    }
  }
  .card-social {
    margin-top: 15px;
  }
  .card-social {
    display: flex;
  }
  .card-social {
    align-items: center;
  }
  .card-social {
    justify-content: center;
  }
  .card-social {
    gap: 0.625rem;
  }
}

.social-img-wrap {
  position: relative;
  display: inline-block;
  border-radius: 100%;
  padding: 0.125rem;
  background: linear-gradient(253deg, rgba(var(--theme-default), 1) 11.51%, rgba(115, 102, 255, 0) 82.07%);
  .edit-icon {
    position: absolute;
  }
  .edit-icon {
    right: 0px;
  }
  .edit-icon {
    bottom: 0px;
  }
  .edit-icon {
    svg {
      border-width: 2px !important;
    }
    svg {
      height: 1.25rem;
    }
    svg {
      width: 1.25rem;
    }
    svg {
      border-radius: 100%;
    }
    svg {
      border-width: 2px;
    }
    svg {
      border-style: solid;
    }
    svg {
      border-color: rgba(var(--white-bg),1);
    }
    svg {
      background-color: rgba(var(--white-bg),1);
    }
  }
}

.social-img {
  border-radius: 100%;
  background-color: rgba(var(--white-bg),1);
  padding: 5px;
  img {
    height: 68px;
  }
  img {
    border-radius: 100%;
  }
}

.effective-card {
  .effect-card {
    display: block;
  }
  .effect-card {
    position: relative;
  }
  .effect-card {
    z-index: 0;
  }
  .effect-card {
    display: block;
  }
  .effect-card {
    overflow: hidden;
  }
  .effect-card {
    border-radius: 0.25rem;
  }
  .effect-card {
    background-color: rgba(var(--light-background),1);
  }
  .effect-card {
    padding: 18px;
  }
  .effect-card {
    text-decoration-line: none;
  }
  .effect-card::before {
    content: var(--tw-content);
    position: absolute;
  }
  .effect-card::before {
    content: var(--tw-content);
    right: -2%;
  }
  .effect-card::before {
    content: var(--tw-content);
    top: -1rem;
  }
  .effect-card::before {
    content: var(--tw-content);
    z-index: -1;
  }
  .effect-card::before {
    content: var(--tw-content);
    height: 2.5rem;
  }
  .effect-card::before {
    content: var(--tw-content);
    width: 2.5rem;
  }
  .effect-card::before {
    content: var(--tw-content);
    transform-origin: 60% 50%;
  }
  .effect-card::before {
    content: var(--tw-content);
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .effect-card::before {
    content: var(--tw-content);
    border-radius: 32px;
  }
  .effect-card::before {
    content: var(--tw-content);
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  .effect-card::before {
    content: var(--tw-content);
    transition-duration: 0.25s;
  }
  .effect-card::before {
    content: var(--tw-content);
    transition-timing-function: ease-out;
  }
  .effect-card::before {
    --tw-content: "";
    content: var(--tw-content);
  }
  .effect-card:hover::before {
    content: var(--tw-content);
    --tw-scale-x: 21;
    --tw-scale-y: 21;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .effect-card {
    .common-box1 {
      margin-bottom: 8px !important;
    }
    .common-box1 {
      margin-bottom: 0.5rem;
    }
    .common-box1 {
      justify-content: flex-start;
    }
    .common-box1 {
      gap: 0.5rem;
    }
    .common-box1 {
      svg {
        min-height: 16px;
      }
      svg {
        min-width: 16px;
      }
      svg {
        color: rgba(var(--color-fiord),1);
      }
    }
    h5 {
      color: rgba(var(--body-font-color),1);
    }
    p {
      color: rgba(var(--theme-body-sub-title-color),1);
    }
    &:hover {
      h5 {
        color: rgba(var(--white),1);
      }
      h5 {
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
      }
      h5 {
        transition-duration: 0.3s;
      }
      h5 {
        transition-timing-function: ease-out;
      }
      p {
        color: rgba(var(--white));
      }
      p {
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
      }
      p {
        transition-duration: 0.3s;
      }
      p {
        transition-timing-function: ease-out;
      }
      svg {
        color: rgba(var(--white));
      }
    }
    @media (min-width: 1200px) {
       {
         {
           {
            .go-corner {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            .go-corner {
            }
          }
        }
      }
    }
    .go-corner {
      position: absolute;
    }
    .go-corner {
      right: 0px;
    }
    .go-corner {
      top: 0px;
    }
    .go-corner {
      display: flex;
    }
    .go-corner {
      height: 2.25rem;
    }
    .go-corner {
      width: 2.25rem;
    }
    .go-corner {
      cursor: pointer;
    }
    .go-corner {
      align-items: center;
    }
    .go-corner {
      justify-content: center;
    }
    .go-corner {
      overflow: hidden;
    }
    .go-corner {
      border-radius: 0 4px 0 32px;
    }
    .go-corner {
      background-color: rgba(var(--theme-default),1);
    }
    .go-corner {
      [dir="rtl"] & {
        left: 0px;
      }
      [dir="rtl"] & {
        right: unset;
      }
      [dir="rtl"] & {
        border-radius: 4px 0 32px 0;
      }
      .go-arrow {
        margin-right: -0.25rem;
      }
      .go-arrow {
        margin-top: -0.25rem;
      }
      .go-arrow {
        color: rgba(var(--white),1);
      }
      .go-arrow {
        [dir="rtl"] & {
          margin-left: -0.25rem;
        }
        [dir="rtl"] & {
          margin-right: unset;
        }
        i {
          font-size: 0.875rem;
          line-height: 1.25rem;
        }
        i {
          transform: rotateZ(140deg);
        }
      }
    }
    &::before {
      background-color: rgba(var(--theme-default),1);
    }
    &::before {
      [dir="rtl"] & {
        left: -2%;
      }
      [dir="rtl"] & {
        right: unset;
      }
    }
  }
  .common-hover .card-header.border-3 {
    border-bottom-width: 1px !important;
  }
}

@media (min-width: 1200px) {
   {
     {
       {
        .creative-wrapper {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .creative-wrapper {
        }
      }
    }
  }
}

.creative-wrapper {
  position: relative;
  display: flex;
  align-items: flex-end;
  border-radius: 15px;
  background-color: rgba(var(--white),1);
  padding: 18px;
  --tw-shadow: 0px 7px 10px rgba(var(--black),0.5);
  --tw-shadow-colored: 0px 7px 10px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: 0.4s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: ease-out;
  @media (max-width: 575px) {
     {
       {
         {
          > img {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > img {
              width: 90%;
            }
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          > img {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > img {
              width: 90%;
            }
          }
        }
      }
    }
  }
  img {
    position: absolute;
  }
  img {
    left: 0px;
  }
  img {
    top: 0px;
  }
  img {
    height: 100%;
  }
  img {
    width: 100%;
  }
  img {
    border-radius: 0.75rem;
  }
  img {
    -o-object-fit: cover;
       object-fit: cover;
  }
  img {
    [dir="rtl"] & {
      left: unset;
    }
    [dir="rtl"] & {
      right: 0px;
    }
  }
  h5,
    p {
    color: rgba(var(--white),1);
  }
  h5 {
    margin-bottom: 8px !important;
  }
  h5 {
    margin-bottom: 0.5rem;
  }
  @media (max-width: 575px) {
     {
       {
         {
          > .creative-info {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > .creative-info {
              width: 90%;
            }
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          > .creative-info {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > .creative-info {
              width: 90%;
            }
          }
        }
      }
    }
  }
  .creative-info {
    position: relative;
  }
  .creative-info {
    z-index: 3;
  }
  .creative-info {
    width: 100%;
  }
  .creative-info {
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .creative-info {
    --tw-translate-y: 30px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .creative-info {
    padding: 1rem;
  }
  .creative-info {
    opacity: 1;
  }
  .creative-info {
    opacity: 0;
  }
  .creative-info {
    --tw-backdrop-blur: blur(6px);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  }
  .creative-info {
    transition-property: 0.5s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  .creative-info::before {
    content: var(--tw-content);
    display: block;
  }
  @media (max-width: 575px) {
  }
  @media (max-width: 575px) {
  }
  .creative-info::before {
    content: var(--tw-content);
    position: absolute;
  }
  .creative-info::before {
    content: var(--tw-content);
    left: 0px;
  }
  .creative-info::before {
    content: var(--tw-content);
    top: 0px;
  }
  .creative-info::before {
    content: var(--tw-content);
    z-index: 2;
  }
  .creative-info::before {
    content: var(--tw-content);
    display: block;
  }
  .creative-info::before {
    content: var(--tw-content);
    height: 100%;
  }
  .creative-info::before {
    content: var(--tw-content);
    width: 100%;
  }
  .creative-info::before {
    content: var(--tw-content);
    border-radius: 15px;
  }
  .creative-info::before {
    content: var(--tw-content);
    opacity: 0;
  }
  .creative-info::before {
    content: var(--tw-content);
    transition-property: 0.5s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  .creative-info::before {
    --tw-content: "";
    content: var(--tw-content);
  }
  .creative-info {
    &:before {
      background-color: rgba(var(--black),0.2);
    }
    &:before {
      [dir="rtl"] & {
        left: unset;
      }
      [dir="rtl"] & {
        right: 0px;
      }
    }
  }
  &:hover {
    .creative-info {
      --tw-translate-y: 0px;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    .creative-info {
      opacity: 1;
    }
    .creative-info::before {
      content: var(--tw-content);
      opacity: 1;
    }
  }
}

.overlay-card {
  position: relative;
  inset: 0px;
  height: 136px;
  cursor: pointer;
  background-image: url(../images/masonry/6.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  .overlay {
    display: grid;
  }
  .overlay > div {
    position: relative;
  }
  @media (max-width: 575px) {
     {
       {
         {
          .overlay {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          > .overlay {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > .overlay {
              width: 90%;
            }
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          > .overlay {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > .overlay {
              width: 90%;
            }
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .overlay {
          }
        }
      }
    }
  }
  .overlay {
    display: grid;
  }
  .overlay {
    height: 100%;
  }
  .overlay {
    width: 100%;
  }
  .overlay {
    grid-template-columns: 1fr;
  }
  .overlay {
    grid-template-rows: 1fr 2fr 2fr 1fr;
  }
  .overlay {
    background-color: #4d4d4de6;
  }
  .overlay {
    color: var(--white);
  }
  .overlay {
    opacity: 0;
  }
  .overlay {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  .overlay {
    transition-duration: 0.5s;
  }
  .overlay {
    .overlay-box {
      padding-top: 0 !important;
      padding-bottom: 0 !important;
    }
    .overlay-box {
      padding-left: 0.875rem;
      padding-right: 0.875rem;
    }
    .overlay-box {
      padding-top: 0px;
      padding-bottom: 0px;
    }
    .overlay-box {
      &.overlay-heading {
        --tw-translate-y: 2.5rem;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      }
      &.overlay-heading {
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
      }
      &.overlay-heading {
        transition-duration: 0.7s;
      }
      &.overlay-heading {
        hr {
          display: block;
        }
        hr {
          position: absolute;
        }
        hr {
          left: 1.25rem;
        }
        hr {
          bottom: 0px;
        }
        hr {
          display: block;
        }
        hr {
          width: 0px;
        }
        hr {
          border-style: none;
        }
        hr {
          border-bottom-color: solid;
        }
        hr {
          border-bottom-color: ridge;
        }
        hr {
          transition-property: all;
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-duration: 150ms;
        }
        hr {
          transition-duration: 0.5s;
        }
        hr {
          [dir="rtl"] & {
            left: unset;
          }
          [dir="rtl"] & {
            right: 1.25rem;
          }
        }
      }
      &.overlay-subtitle {
        --tw-translate-y: 2.5rem;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      }
      &.overlay-subtitle {
        opacity: 0;
      }
      &.overlay-subtitle {
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
      }
      &.overlay-subtitle {
        transition-duration: 0.7s;
      }
      &.overlay-subtitle {
        .overlay-pera {
          color: rgb(var(--white),1) !important;
        }
        .overlay-pera {
          margin-bottom: 0 !important;
        }
        .overlay-pera {
          margin-bottom: 0px;
        }
        .overlay-pera {
          --tw-text-opacity: 1;
          color: rgb(255 255 255 / var(--tw-text-opacity, 1));
        }
      }
    }
  }
  &:hover {
    .overlay {
      opacity: 1;
    }
    .overlay {
      .overlay-heading {
        --tw-translate-y: 0px;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      }
      .overlay-heading {
        hr {
          width: 75px;
        }
        hr {
          transition-delay: 0.4s;
        }
      }
      .overlay-subtitle {
        --tw-translate-y: 0px;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      }
      .overlay-subtitle {
        opacity: 1;
      }
      .overlay-subtitle {
        transition-delay: 0.3s;
      }
    }
  }
}

.common-hover {
  transition-property: 0.5s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.common-hover:hover {
  --tw-translate-y: -5px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transition-property: 0.5s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.basic-dark-card {
  .card-header {
    border-bottom-width: 1px !important;
  }
  .card-header {
    border-style: solid !important;
  }
  .card-header {
    --tw-border-opacity: 1 !important;
    border-bottom-color: rgb(29 30 38 / var(--tw-border-opacity, 1)) !important;
  }
  .card-header {
    p {
      color: rgba(var(--white),0.7);
    }
  }
  .card-footer {
    border-top-width: 1px !important;
  }
  .card-footer {
    border-style: solid !important;
  }
  .card-footer {
    --tw-border-opacity: 1 !important;
    border-top-color: rgb(29 30 38 / var(--tw-border-opacity, 1)) !important;
  }
}

.table {
  margin-bottom: 0 !important;
}

@media (max-width: 575px) {
   {
     {
       {
        > .table {
          width: 90%;
        }
      }
    }
     {
       {
         {
          > .table {
            width: 90%;
          }
        }
      }
    }
     {
       {
        > .table {
          width: 90%;
        }
      }
    }
     {
       {
         {
          > .table {
            width: 90%;
          }
        }
      }
    }
  }
}

.table {
  margin-bottom: 0px !important;
  width: 100%;
}

thead,
  tbody,
  tfoot,
  tr,
  td,
  th {
  border-color: rgba(var(--chart-progress-light),1);
}

th {
  text-align: -webkit-match-parent;
}

.table > :not(caption) > * > * {
  border-bottom-width: 1px !important;
}

.table thead th {
  border-bottom-width: 2px;
  border-style: solid;
  border-bottom-color: rgba(var(--light-gray),1);
}

.align-middle.table {
  white-space: pre-wrap !important;
}

.table {
  margin-bottom: 1.5rem;
  tbody,
    tfoot {
    tr:last-child {
      td,
        th {
        border-bottom-width: 0 !important;
      }
    }
  }
  > :not(:last-child) > :last-child > * {
    border-bottom-color: rgba(var(--light-gray),1);
  }
  th,
    td {
    padding: 1rem !important;
  }
  th,
    td {
    padding: 0.75rem;
  }
  &.table-primary {
    th {
      color: rgba(var(--white),1);
    }
  }
  thead {
    &.bg-primary {
      tr {
        th {
          color: rgba(var(--white),1);
        }
      }
    }
  }
  th {
    font-weight: 500;
  }
  th {
    color: rgba(var(--table-heading-color),1);
  }
  th {
    &.c-light {
      color: rgba(var(--badge-light-color),1);
    }
  }
  td {
    color: rgba(var(--table-row-color),1);
  }
  [class*="bg-"] {
    color: rgba(var(--white),1);
  }
  .bg-light {
    color: rgba(var(--theme-body-font-color),1);
  }
  tfoot {
    font-weight: 600;
  }
}

.pills-component {
  width: 20%;
}

#row_create {
  td {
    &.highlight {
      font-weight: 500;
    }
    &.highlight {
      color: rgba(var(--theme-default),1);
    }
    &.danger {
      font-weight: 500;
    }
    &.danger {
      color: rgba(var(--danger-color),1);
    }
  }
}

.table-dark th {
  color: rgba(var(--white),1);
}

.table-inverse {
  background-color: rgba(41,43,44,1);
  color: rgba(var(--white),1);
  th,
    td {
    border-color: rgba(var(--white),1);
  }
  th,
    td {
    color: rgba(var(--white),1);
  }
  &.table-bordered {
    border-width: 0 !important;
  }
  &.table-bordered {
    border-width: 0px;
  }
}

.table[class*="bg-"] {
  th,
    td {
    color: rgba(var(--white),1);
  }
}

.table-hover {
  > tbody {
    > tr:hover {
      --bs-table-accent-bg: #f6f6f6;
    }
  }
  tbody {
    tr.table {
      white-space: pre-wrap !important;
    }
    tr {
      vertical-align: middle;
    }
    tr:hover {
      background-color: rgba(var(--primary-color),0.1);
    }
    tr {
      td {
        svg {
          margin-right: 0.625rem;
        }
        svg {
          height: 30px;
        }
        svg {
          width: 30px;
        }
        svg {
          border-radius: 0.25rem;
        }
        svg {
          padding: 5px;
        }
        svg {
          [dir="rtl"] & {
            margin-left: 0.625rem;
          }
          [dir="rtl"] & {
            margin-right: unset;
          }
        }
      }
    }
  }
}

.typography-table {
  tr {
    &:last-child {
      border-bottom-width: 0px;
    }
    &:last-child {
      td {
        border-bottom-width: 0px;
      }
    }
  }
}

.table-double {
  border-left-width: 4px;
  border-right-width: 4px;
  border-style: double;
  --tw-border-opacity: 1;
  border-left-color: rgb(222 226 230 / var(--tw-border-opacity, 1));
  border-right-color: rgb(222 226 230 / var(--tw-border-opacity, 1));
  thead,
    tbody,
    tfoot,
    tr,
    td,
    th {
    border-width: 4px !important;
  }
  thead,
    tbody,
    tfoot,
    tr,
    td,
    th {
    border-width: 4px;
  }
  thead,
    tbody,
    tfoot,
    tr,
    td,
    th {
    border-left-width: 0px;
    border-right-width: 0px;
  }
  thead,
    tbody,
    tfoot,
    tr,
    td,
    th {
    border-style: double;
  }
}

.table-dotted {
  border-left-width: 2px;
  border-right-width: 2px;
  border-style: dotted;
  --tw-border-opacity: 1;
  border-left-color: rgb(222 226 230 / var(--tw-border-opacity, 1));
  border-right-color: rgb(222 226 230 / var(--tw-border-opacity, 1));
  thead,
    tbody,
    tfoot,
    tr,
    td,
    th {
    border-width: 2px !important;
  }
  thead,
    tbody,
    tfoot,
    tr,
    td,
    th {
    border-width: 2px;
  }
  thead,
    tbody,
    tfoot,
    tr,
    td,
    th {
    border-left-width: 0px;
    border-right-width: 0px;
  }
  thead,
    tbody,
    tfoot,
    tr,
    td,
    th {
    border-style: dotted;
  }
}

.table-dashed {
  border-left-width: 2px;
  border-right-width: 2px;
  border-style: dashed;
  --tw-border-opacity: 1;
  border-left-color: rgb(222 226 230 / var(--tw-border-opacity, 1));
  border-right-color: rgb(222 226 230 / var(--tw-border-opacity, 1));
  thead,
    tbody,
    tfoot,
    tr,
    td,
    th {
    border-width: 2px !important;
  }
  thead,
    tbody,
    tfoot,
    tr,
    td,
    th {
    border-width: 2px;
  }
  thead,
    tbody,
    tfoot,
    tr,
    td,
    th {
    border-left-width: 0px;
    border-right-width: 0px;
  }
  thead,
    tbody,
    tfoot,
    tr,
    td,
    th {
    border-style: dashed !important;
  }
  tbody {
    tr {
      &:last-child {
        th,
          td {
          border-color: rgba(var(--chart-progress-light),1);
        }
      }
    }
  }
}

.table-xl {
  th,
    td {
    padding: 1.5rem;
  }
  th,
    td {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}

.table-lg {
  td,
    th {
    padding: var(--table-lg-padding);
  }
  td,
    th {
    color: var(--table-lg-font);
  }
}

.table-de {
  td,
    th {
    padding: var(--table-de-padding);
  }
}

.table-sm {
  th,
    td {
    padding: var(--table-sm-padding);
  }
}

.table-xs {
  th,
    td {
    padding: var(--table-xs-padding);
  }
}

.table-border-horizontal {
  tr,
    th,
    td {
    border-top-width: 1px;
  }
  tr,
    th,
    td {
    border-style: solid;
  }
  tr,
    th,
    td {
    border-top-color: rgba(var(--horizontal-border-color),1);
  }
  tr,
    th,
    td {
    padding: var(--horizontal-padding);
  }
}

.table-border-vertical {
  tr,
    th,
    td {
    border-top-width: 0px;
  }
  tr,
    th,
    td {
    border-right-width: 1px;
  }
  tr,
    th,
    td {
    border-style: solid;
  }
  tr,
    th,
    td {
    border-right-color: rgba(var(--horizontal-border-color),1);
  }
  tr {
    td {
      border-bottom-width: 0px;
    }
    td:last-child {
      border-right-width: 0px;
    }
  }
  tbody {
    tr {
      th {
        border-bottom-width: 0px;
      }
    }
  }
}

.table-bordernone {
  td {
    border-width: 0 !important;
  }
  td {
    border-width: 0px;
  }
  thead {
    th {
      border-width: 0 !important;
    }
    th {
      border-width: 0px;
    }
  }
  .u-s-tb {
    padding: 11px;
  }
}

.table-striped {
  thead {
    tr {
      th {
        border-bottom: unset;
      }
    }
  }
  tbody {
    tr {
      &:nth-of-type(odd) > * {
        background-color: rgba(var(--light-background),1) !important;
      }
      &:nth-of-type(odd) > * {
        --bs-table-accent-bg: unset;
      }
    }
  }
}

.table-bordered {
  thead,
    tbody,
    tfoot,
    tr,
    td,
    th {
    border-color: rgba(var(--tw-border-color),1);
  }
}

.common-striped {
  .table {
    &.table-striped {
      &[class*="bg-"] {
        --tw-table-bg: auto;
      }
    }
  }
}

.table-components {
  .table-bordered {
    .dropdown {
      .dropdown-menu {
        &.show {
          right: unset !important;
        }
      }
    }
  }
  .w-50 {
    width: 50%;
  }
  table {
    white-space: nowrap;
  }
  table {
    border-radius: 0 0 6px 6px;
  }
  table {
    border-width: 1px;
  }
  table {
    border-style: solid;
  }
  table {
    border-color: rgba(var(--black).04);
  }
  table {
    thead {
      tr {
        border-bottom-width: 1px;
      }
      tr {
        border-style: solid;
      }
      tr {
        border-bottom-color: rgba(var(--black),0.04);
      }
      tr {
        &:last-child {
          td {
            &:first-child {
              border-radius: 0 0 0 10px;
            }
          }
        }
      }
    }
    tbody {
      tr {
        border-bottom-width: 1px;
      }
      tr {
        border-style: solid;
      }
      tr {
        border-bottom-color: rgba(var(--black),0.04);
      }
      tr {
        &:last-child {
          td {
            &:last-child {
              border-radius: 0 0 10px 0;
            }
          }
        }
      }
    }
    td {
      border-right-width: 1px;
    }
    td {
      border-style: solid;
    }
    td {
      border-right-color: rgba(var(--black),0.04);
    }
  }
  .table-bordered {
    .dropdown-menu {
      &.show {
        background-color: rgba(var(--white),1);
      }
    }
  }
  .alert {
    p {
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
    }
    .btn {
      position: absolute;
    }
    .btn {
      right: 15px;
    }
    .btn {
      top: 50%;
    }
    .btn {
      z-index: 2;
    }
    .btn {
      --tw-translate-y: -50%;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    .btn {
      background-image: url("./../images/close.svg");
    }
    .btn {
      background-repeat: no-repeat;
    }
    .btn {
      padding: 8px;
    }
    .btn {
      --tw-brightness: brightness(1);
      filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    }
    .btn {
      --tw-invert: invert(1);
      filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    }
  }
}

.basic_table {
  .table {
    white-space: nowrap;
  }
  .table {
    thead,
      tbody {
      tr {
        border-bottom-width: 0px;
      }
      tr {
        border-style: solid;
      }
      tr {
        border-bottom-color: rgba(var(--black),0.04);
      }
    }
    &.table-striped {
      &.table-hover {
        tr {
          &:hover {
            background-color: rgba(var(--theme-secondary),0.2) !important;
          }
        }
      }
    }
  }
}

.border-bottom-table {
  tbody {
    tr {
      &:last-child {
        th,
          td {
          border-bottom-width: 0px;
        }
      }
    }
  }
}

.emphasis-table {
  --tw-emphasis-color-rgb: 242, 243, 247;
}

.emphasis-table .table-striped-columns > :not(caption) > tr > :nth-child(2n) {
  background-color: rgba(var(--course-light-btn),1);
}

.emphasis-table .table-active {
  background-color: rgba(var(--course-light-btn),1);
}

@media (max-width: 575px) {
   {
     {
       {
        > .\!modal {
          width: 90%;
        }
      }
    }
     {
       {
         {
          > .\!modal {
            width: 90%;
          }
        }
      }
    }
     {
       {
        > .\!modal {
          width: 90%;
        }
      }
    }
     {
       {
         {
          > .\!modal {
            width: 90%;
          }
        }
      }
    }
  }
}

.\!modal {
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 1055;
  display: none;
  height: 100%;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: rgba(var(--black),0.5);
  opacity: 0;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 0.3s;
  transition-timing-function: ease;
}

@media (max-width: 575px) {
   {
     {
       {
        > .modal {
          width: 90%;
        }
      }
    }
     {
       {
         {
          > .modal {
            width: 90%;
          }
        }
      }
    }
     {
       {
        > .modal {
          width: 90%;
        }
      }
    }
     {
       {
         {
          > .modal {
            width: 90%;
          }
        }
      }
    }
  }
}

.modal {
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 1055;
  display: none;
  height: 100%;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: rgba(var(--black),0.5);
  opacity: 0;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 0.3s;
  transition-timing-function: ease;
}

.\!modal {
  outline: 0 !important;
   {
    position: relative;
  }
   {
    margin-left: auto;
    margin-right: auto;
  }
   {
    margin-top: 1.75rem;
    margin-bottom: 1.75rem;
  }
   {
    width: 500px;
  }
   {
    @media (min-width: 1200px) {
       {
         {
           {
             {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
             {
            }
          }
        }
      }
    }
     {
      display: flex;
    }
     {
      width: 100%;
    }
     {
      flex-direction: column;
    }
     {
      border-radius: 0.375rem;
    }
     {
      background-color: rgba(var(--white),1);
    }
     {
      @media (min-width: 1200px) {
         {
           {
             {
               {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
               {
              }
            }
          }
        }
      }
       {
        display: flex;
      }
       {
        flex-wrap: wrap;
      }
       {
        align-items: center;
      }
       {
        justify-content: space-between;
      }
       {
        border-bottom-width: 1px;
      }
       {
        border-style: solid;
      }
       {
        border-bottom-color: rgba(var(--black),0.1);
      }
       {
        padding: 1rem;
      }
       {
         {
          cursor: pointer;
        }
      }
       {
        padding: 1rem !important;
      }
      @media (min-width: 1200px) {
         {
           {
             {
               {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
               {
              }
            }
          }
        }
      }
       {
        display: flex;
      }
       {
        flex-wrap: wrap;
      }
       {
        align-items: center;
      }
       {
        justify-content: flex-end;
      }
       {
        border-top-width: 1px;
      }
       {
        border-style: solid;
      }
       {
        border-top-color: rgba(var(--black),0.1);
      }
       {
        padding: 0.75rem;
      }
    }
  }
   {
    margin: 0px !important;
  }
   {
    margin: 0px;
  }
   {
    height: 100%;
  }
   {
    width: 100vw;
  }
   {
    max-width: none;
  }
   {
    display: block;
  }
   {
    display: block;
  }
   {
    opacity: 1;
  }
}

.modal {
  outline: 0;
  .modal-dialog {
    position: relative;
  }
  .modal-dialog {
    margin-left: auto;
    margin-right: auto;
  }
  .modal-dialog {
    margin-top: 1.75rem;
    margin-bottom: 1.75rem;
  }
  .modal-dialog {
    width: 500px;
  }
  .modal-dialog {
    @media (min-width: 1200px) {
       {
         {
           {
            .modal-content {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > .modal-content {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > .modal-content {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > .modal-content {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > .modal-content {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            .modal-content {
            }
          }
        }
      }
    }
    .modal-content {
      display: flex;
    }
    .modal-content {
      width: 100%;
    }
    .modal-content {
      flex-direction: column;
    }
    .modal-content {
      border-radius: 0.375rem;
    }
    .modal-content {
      background-color: rgba(var(--white),1);
    }
    .modal-content {
      @media (min-width: 1200px) {
         {
           {
             {
              .modal-header {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              .modal-header {
              }
            }
          }
        }
      }
      .modal-header {
        display: flex;
      }
      .modal-header {
        flex-wrap: wrap;
      }
      .modal-header {
        align-items: center;
      }
      .modal-header {
        justify-content: space-between;
      }
      .modal-header {
        border-bottom-width: 1px;
      }
      .modal-header {
        border-style: solid;
      }
      .modal-header {
        border-bottom-color: rgba(var(--black),0.1);
      }
      .modal-header {
        padding: 1rem;
      }
      .modal-header {
        .btn-close {
          cursor: pointer;
        }
      }
      .modal-footer {
        padding: 1rem !important;
      }
      @media (min-width: 1200px) {
         {
           {
             {
              .modal-footer {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              .modal-footer {
              }
            }
          }
        }
      }
      .modal-footer {
        display: flex;
      }
      .modal-footer {
        flex-wrap: wrap;
      }
      .modal-footer {
        align-items: center;
      }
      .modal-footer {
        justify-content: flex-end;
      }
      .modal-footer {
        border-top-width: 1px;
      }
      .modal-footer {
        border-style: solid;
      }
      .modal-footer {
        border-top-color: rgba(var(--black),0.1);
      }
      .modal-footer {
        padding: 0.75rem;
      }
    }
  }
  .modal-fullscreen {
    margin: 0px !important;
  }
  .modal-fullscreen {
    margin: 0px;
  }
  .modal-fullscreen {
    height: 100%;
  }
  .modal-fullscreen {
    width: 100vw;
  }
  .modal-fullscreen {
    max-width: none;
  }
  &.show {
    display: block;
  }
  &.show {
    display: block;
  }
  &.show {
    opacity: 1;
  }
}

@media (min-width: 1200px) {
   {
     {
       {
        .modal-dialog-centered {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .modal-dialog-centered {
        }
      }
    }
  }
}

.modal-dialog-centered {
  display: flex;
  min-height: calc(100% - 1.75rem * 2);
  align-items: center;
  @media (max-width: 575px) {
     {
       {
         {
          > .modal-content {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > .modal-content {
              width: 90%;
            }
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          > .modal-content {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > .modal-content {
              width: 90%;
            }
          }
        }
      }
    }
  }
  .modal-content {
    width: 100%;
  }
}

.modal-toggle-wrapper {
  .form-control {
    &::-moz-placeholder {
      font-size: 13px;
    }
    &::placeholder {
      font-size: 13px;
    }
  }
  @media (min-width: 1200px) {
     {
       {
         {
          .modal-img {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .modal-img {
          }
        }
      }
    }
  }
  .modal-img {
    display: flex;
  }
  .modal-img {
    justify-content: center;
  }
  .modal-img {
    img {
      height: 200px;
    }
    img {
      width: 200px;
    }
    li {
      img {
        height: 100px;
      }
      img {
        width: 100px;
      }
      + li {
        margin-left: -39px;
      }
      + li {
        [dir="rtl"] & {
          margin-right: -39px;
        }
        [dir="rtl"] & {
          margin-left: unset;
        }
      }
    }
  }
  button {
    svg {
      height: 1rem;
    }
    svg {
      width: 1rem;
    }
  }
}

.grid-space {
  text-align: center;
  margin-bottom: 16px !important;
  display: block;
  padding: 1rem !important;
}

@media (max-width: 767px) {
   {
    .grid-space {
    }
  }
}

.grid-space {
  margin-bottom: 0.75rem;
  display: block;
  padding: 0.75rem;
  text-align: center;
  font-weight: 500;
}

@media (min-width: 1200px) {
   {
     {
       {
        .large-modal-header,
  .large-modal-body {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .large-modal-header,
  .large-modal-body {
        }
      }
    }
  }
}

.large-modal-header,
  .large-modal-body {
  display: flex;
  align-items: center;
  color: rgba(var(--dark-color),1);
  svg {
    height: 1.25rem;
  }
  svg {
    width: 1.25rem;
  }
  svg {
    [dir="rtl"] & {
      --tw-scale-x: -1;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
  }
}

.modal-padding-space {
  padding-left: 1.25rem;
}

.svg-modal.table {
  white-space: pre-wrap !important;
}

.svg-modal {
  height: 15px;
  width: 15px;
  stroke: rgba(var(--theme-secondary),1);
  vertical-align: middle;
  [dir="rtl"] & {
    --tw-scale-x: -1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}

.card-wrapper {
  .modal-heading {
    h5 {
      font-size: calc(15px + (18 - 15) * ((100vw - 320px) / (1400 - 320)));
    }
  }
}

.modal-footer {
  .btn {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
  .btn {
    margin-top: 0px;
    margin-bottom: 0px;
  }
}

.modal-content {
  .modal-header {
    .btn-close {
      &:focus {
        --tw-shadow-color: transparent;
        --tw-shadow: var(--tw-shadow-colored);
      }
    }
  }
}

.modal-details {
  h6 {
    padding-bottom: 16px !important;
  }
  h6 {
    padding-bottom: 0.75rem;
  }
  .web-content {
    margin-bottom: 24px !important;
  }
  .web-content {
    margin-bottom: 1rem;
  }
  .web-content:last-child {
    margin-bottom: 0 !important;
  }
  .web-content:last-child {
    margin-bottom: 0px;
  }
}

.\!modal {
   {
     {
      --tw-shadow: 0 0 #0000;
      --tw-shadow-colored: 0 0 #0000;
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
  }
}

.modal {
  .modal-body {
    .card {
      --tw-shadow: 0 0 #0000;
      --tw-shadow-colored: 0 0 #0000;
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
  }
}

.modal-dialog {
  .modal-content {
    .modal-body {
      p {
        a {
          margin-right: 0px;
        }
      }
    }
  }
}

.irs-from,
  .irs-to,
  .irs-single {
  background-color: rgba(var(--theme-default),1);
  &:after {
    border-top-color: rgba(var(--theme-default),1);
  }
}

.irs-line-mid,
  .irs-line-left,
  .irs-line-right,
  .irs-bar,
  .irs-bar-edge {
  background-color: rgba(var(--theme-default),1);
}

.swal-button {
  background-color: rgba(var(--theme-default),1);
}

.swal-button:active {
  background-color: rgba(var(--theme-default),0.5);
}

.swal-button--cancel {
  --tw-bg-opacity: 1;
  background-color: rgb(239 239 238 / var(--tw-bg-opacity, 1));
}

.clipboaard-container {
  p {
    margin-bottom: 24px !important;
  }
  p {
    margin-bottom: 1rem;
  }
  h6 {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  h6 {
    line-height: 1.6;
  }
  h6 {
    color: rgba(var(--paragraph-font-size),1);
  }
}

fieldset {
  .taiwind-touchspin-postfix,
    .taiwind-touchspin-prefix {
    border-radius: 0px;
  }
  .taiwind-touchspin-postfix,
    .taiwind-touchspin-prefix {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .taiwind-touchspin-postfix,
    .taiwind-touchspin-prefix {
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
  }
  .input-group-lg {
    .touchspin {
      height: 50px;
    }
  }
}

.f1 {
  .f1-steps {
    .f1-step {
      .f1-step-icon {
        padding: 1rem !important;
      }
      .f1-step-icon {
        padding: 0.75rem;
      }
    }
  }
}

.form-inline {
  @media (min-width: 1200px) {
     {
       {
         {
          .form-group {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .form-group {
          }
        }
      }
    }
  }
  .form-group {
    display: flex;
  }
}

.input-group-text {
  i {
    line-height: 1.5;
  }
}

.animated-modal {
  .form-select.table {
    white-space: pre-wrap !important;
  }
  .form-select {
    display: inline-block;
  }
  .form-select {
    width: auto;
  }
  .form-select {
    vertical-align: middle;
  }
}

.card-wrapper {
  padding: 0.875rem;
  dl {
    dt {
      font-weight: 500;
    }
  }
}

.custom-alert {
  .card-wrapper {
    .cuba-demo-img {
      @media (min-width: 1200px) {
         {
           {
             {
              .dot-group {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              .dot-group {
              }
            }
          }
        }
      }
      .dot-group {
        display: flex;
      }
      .dot-group {
        gap: calc(3px + (6 - 3) * ((100vw - 320px) / (1920 - 320)));
      }
      .dot-group {
        padding-left: 0.625rem;
        padding-right: 0.625rem;
      }
      .dot-group {
        padding-top: 15px;
      }
      .dot-group {
        li {
          height: calc(6px + (8 - 6) * ((100vw - 320px) / (1920 - 320)));
        }
        li {
          width: calc(6px + (8 - 6) * ((100vw - 320px) / (1920 - 320)));
        }
        li {
          border-radius: 100%;
        }
        li {
          background-color: rgba(var(--f-lighter),1);
        }
        li {
          opacity: 0.6;
        }
      }
    }
  }
}

@media (min-width: 1200px) {
  .\!modal {
     {
       {
        width: 1140px !important;
      }
    }
  }

  .modal {
    .modal-dialog {
      &.modal-xl {
        width: 1140px !important;
      }
    }
  }
}

@media (min-width: 992px) {
  .\!modal {
     {
       {
        width: 800px !important;
      }
    }
  }

  .modal {
    .modal-dialog {
      &.modal-lg {
        width: 800px !important;
      }
    }
  }
}

@media (min-width: 767px) {
  .\!modal {
     {
       {
        width: 800px !important;
      }
    }
  }

  .modal {
    .modal-dialog {
      &.modal-md {
        width: 800px !important;
      }
    }
  }
}

@media (min-width: 576px) {
  .\!modal {
     {
       {
        width: 300px !important;
      }
    }
  }

  .modal {
    &.modal-dialog {
      .modal-sm {
        width: 300px !important;
      }
    }
  }
}

.avatars {
  .avatar {
    position: relative;
  }
  .avatar {
    margin-right: 0.625rem;
  }
  .avatar {
    display: inline-block;
  }
  .avatar {
    width: auto;
  }
  .avatar:last-child {
    margin-right: 0px;
  }
  .avatar {
    .status {
      position: absolute;
    }
    .status {
      right: 4%;
    }
    .status {
      bottom: 12%;
    }
    .status {
      height: 12%;
    }
    .status {
      width: 12%;
    }
    .status {
      border-radius: 100%;
    }
  }
  &.badge-avatar {
    .avatar {
      .badge {
        padding: 0 !important;
      }
      @media (min-width: 1200px) {
         {
           {
             {
              .badge {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              .badge {
              }
            }
          }
        }
      }
      .badge {
        display: flex;
      }
      .badge {
        height: 1.25rem;
      }
      .badge {
        width: 1.25rem;
      }
      .badge {
        align-items: center;
      }
      .badge {
        justify-content: center;
      }
      .badge {
        padding: 0px;
      }
    }
  }
}

.social-group {
  ul {
    li {
      + li {
        margin-left: -4%;
      }
    }
  }
}

.customers {
  ul {
    li {
      img {
        border-width: 2px !important;
      }
      img {
        border-width: 2px;
      }
      img {
        border-style: solid;
      }
      img {
        border-color: rgba(var(--white),1);
      }
      img {
        transition-property: 0.5s;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
      }
      img:hover {
        --tw-translate-y: -0.25rem;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      }
      img:hover {
        --tw-scale-x: 1.02;
        --tw-scale-y: 1.02;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      }
      img:hover {
        transition-property: 0.5s;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
      }
      + li {
        margin-left: -7%;
      }
    }
  }
  &.avatar-group {
    margin-right: 30px;
  }
  &.avatar-group:last-child {
    margin-right: 0px;
  }
}

.avatar-showcase {
  margin-bottom: -0.625rem;
  .avatars {
    .avatar {
      margin-bottom: 0.625rem;
    }
  }
  .avatar-group {
    margin-bottom: 0.625rem;
  }
  .ratio > * {
    position: relative;
  }
  .ratio > * {
    left: unset;
  }
  .ratio > * {
    top: unset;
  }
}

@media (min-width: 1200px) {
   {
     {
       {
        .letter-avatar {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .letter-avatar {
        }
      }
    }
  }
}

.letter-avatar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  @media (min-width: 1200px) {
     {
       {
         {
          h6 {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          h6 {
          }
        }
      }
    }
  }
  h6 {
    display: flex;
  }
  h6 {
    height: 60px;
  }
  h6 {
    width: 60px;
  }
  h6 {
    align-items: center;
  }
  h6 {
    justify-content: center;
  }
  h6 {
    border-radius: 50%;
  }
}

@keyframes ping {
  75%, 100% {
    transform: scale(2);
    opacity: 0;
  }
}

.animation-ping {
  animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
}

@keyframes ping {
  75%,
    100% {
    transform: scale(2);
    opacity: 0;
  }
}

.badge {
  border-radius: 0.375rem;
  padding-top: 0.25em;
  padding-bottom: 0.25em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  font-family: var(--font-roboto);
  font-size: 11px;
  font-weight: 500;
  line-height: 1.1 !important;
  + .badge {
    margin-left: 5px;
  }
  svg {
    height: 16px;
  }
  svg {
    width: 16px;
  }
  svg {
    padding-top: 3px;
  }
}

@media (min-width: 1200px) {
   {
     {
       {
        .badge-spacing {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .badge-spacing {
        }
      }
    }
  }
}

.badge-spacing {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  @media (min-width: 1200px) {
     {
       {
         {
          .badge {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .badge {
          }
        }
      }
    }
  }
  .badge {
    display: flex !important;
  }
  .badge {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .badge {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
  }
  .badge {
    font-size: 0.75rem;
    line-height: 1rem;
  }
  .badge {
    &.badge {
      svg {
        padding-top: 0px;
      }
    }
    @media (min-width: 1200px) {
       {
         {
           {
            &.rounded-circle {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            &.rounded-circle {
            }
          }
        }
      }
    }
    &.rounded-circle {
      display: flex;
    }
    &.rounded-circle {
      align-items: center;
    }
    &.rounded-circle {
      justify-content: center;
    }
    &.rounded-circle {
      padding-left: 0.875rem;
      padding-right: 0.875rem;
    }
    &.rounded-circle {
      padding-top: 0.625rem;
      padding-bottom: 0.625rem;
    }
    + .badge {
      margin-left: 0px;
    }
    &.badge-p-space {
      padding-left: 13px;
      padding-right: 13px;
    }
    &.badge-p-space {
      padding-top: 0.625rem;
      padding-bottom: 0.625rem;
    }
  }
}

a {
  &.badge {
    &:hover {
      color: inherit;
    }
    &:hover {
      &.badge-dark {
        &:hover {
          color: rgba(var(--white),1);
        }
      }
    }
  }
}

.b-ln-height {
  line-height: 5px;
}

.round-badge-primary {
  background-color: rgba(var(--theme-default),1);
}

.round-badge-secondary {
  background-color: rgba(var(--theme-secondary),1);
}

.badge-heading {
  h1,
    h2,
    h3,
    h4,
    h5 {
    margin-bottom: 24px !important;
  }
  h1,
    h2,
    h3,
    h4,
    h5 {
    margin-bottom: 1rem;
  }
}

@media (min-width: 1200px) {
   {
     {
       {
        .badge-flex {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .badge-flex {
        }
      }
    }
  }
}

.badge-flex {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 22px;
  .badge-square {
    padding: 0 !important;
  }
  .badge-square {
    height: 35px;
  }
  .badge-square {
    width: 35px;
  }
  .badge-square {
    padding: 0px !important;
  }
  .badge-p-5 {
    padding: 5px;
  }
  .btn {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }
  .btn {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
  }
  .btn {
    font-size: 14px !important;
  }
  .btn {
    line-height: 1.5 !important;
  }
}

.image-badges {
  span {
    img {
      height: 1.5rem;
    }
    &.vr {
      height: auto;
    }
    &.vr {
      min-height: 12px;
    }
    a {
      svg.table {
        white-space: pre-wrap !important;
      }
      svg {
        vertical-align: middle;
      }
    }
  }
}

.notify-alert {
  .close {
    border-width: 0 !important;
  }
  .close {
    border-width: 0px;
  }
  .close {
    font-size: 25px;
  }
  .close {
    color: rgba(var(--white),1);
  }
  .close {
    background: unset;
    [dir="rtl"] & {
      left: 0.625rem;
    }
    [dir="rtl"] & {
      right: unset;
    }
  }
  &.alert-light {
    .close {
      color: rgba(var(--theme-body-font-color),1);
    }
  }
}

.alert-link {
  font-weight: 700;
}

.alert-dismissible {
  .btn-close {
    position: absolute;
  }
  .btn-close {
    right: 0px;
  }
  .btn-close {
    top: 0px;
  }
  .btn-close {
    z-index: 2;
  }
  .btn-close {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .btn-close {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
  .btn-close {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
}

.\!alert {
  position: relative;
  margin-bottom: 16px;
  border-radius: var(--alert-border-radius);
  padding: 15px;
}

.alert {
  position: relative;
  margin-bottom: 16px;
  border-radius: var(--alert-border-radius);
  padding: 15px;
}

.\!alert {
  .table {
    white-space: pre-wrap !important;
  }
   {
    vertical-align: middle;
  }
   {
    margin-top: var(--alert-padding);
  }
   {
    position: absolute;
  }
   {
    margin-right: 0.625rem;
  }
   {
    line-height: 1.25rem;
  }
  @media (max-width: 575px) {
     {
       {
         {
          >  {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          >  {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }
    }
  }
   {
    display: inline-block;
  }
   {
    width: 100%;
  }
   {
    margin-right: 5px;
  }
   {
    color: var(--alert-msg-icon-size);
  }
   {
    margin-bottom: 0 !important;
  }
   {
    margin-bottom: 0px;
  }
   {
    opacity: 1;
  }
   {
     {
      padding-top: 0 !important;
      padding-bottom: 0 !important;
    }
     {
      display: inline-block;
    }
     {
      border-radius: 3px;
    }
     {
      padding-left: 5px;
      padding-right: 5px;
    }
     {
      padding-top: 0px;
      padding-bottom: 0px;
    }
     {
      padding-right: 0px;
    }
     {
      font-size: 1.5rem;
      line-height: 2rem;
    }
     {
      font-weight: 400;
    }
     {
      text-shadow: none !important;
    }
  }
}

.alert {
  svg.table {
    white-space: pre-wrap !important;
  }
  svg {
    vertical-align: middle;
  }
  .progress {
    margin-top: var(--alert-padding);
  }
  [data-notify="icon"] {
    position: absolute;
  }
  [data-notify="icon"] {
    margin-right: 0.625rem;
  }
  [data-notify="icon"] {
    line-height: 1.25rem;
  }
  @media (max-width: 575px) {
     {
       {
         {
          > [data-notify="message"] {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > [data-notify="message"] {
              width: 90%;
            }
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          > [data-notify="message"] {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > [data-notify="message"] {
              width: 90%;
            }
          }
        }
      }
    }
  }
  [data-notify="message"] {
    display: inline-block;
  }
  [data-notify="message"] {
    width: 100%;
  }
  i {
    margin-right: 5px;
  }
  i {
    color: var(--alert-msg-icon-size);
  }
  p {
    margin-bottom: 0 !important;
  }
  p {
    margin-bottom: 0px;
  }
  .close {
    opacity: 1;
  }
  .close {
    span {
      padding-top: 0 !important;
      padding-bottom: 0 !important;
    }
    span {
      display: inline-block;
    }
    span {
      border-radius: 3px;
    }
    span {
      padding-left: 5px;
      padding-right: 5px;
    }
    span {
      padding-top: 0px;
      padding-bottom: 0px;
    }
    span {
      padding-right: 0px;
    }
    span {
      font-size: 1.5rem;
      line-height: 2rem;
    }
    span {
      font-weight: 400;
    }
    span {
      text-shadow: none;
    }
  }
}

.alert-dismissible {
  padding-right: 2.5rem;
  [dir="rtl"] & {
    padding-left: 2.5rem;
  }
  [dir="rtl"] & {
    padding-right: 15px;
  }
  .close {
    top: 0.25rem;
  }
  .close {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .close {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }
  .close {
    padding-right: 13px;
  }
  .close {
    opacity: 0.5;
  }
  .close {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  .close {
    transition-duration: 0.3s;
  }
  .close {
    transition-timing-function: ease;
  }
  .close:hover {
    color: inherit;
  }
  .close:hover {
    opacity: 1;
  }
  .close:hover {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  .close:hover {
    transition-duration: 0.3s;
  }
  .close:hover {
    transition-timing-function: ease;
  }
}

.card-body {
  button {
    &:focus {
      outline: none;
    }
  }
  .alert {
    svg {
      position: absolute;
    }
    svg {
      top: 18px;
    }
    svg {
      margin-right: 0.25rem;
    }
    svg {
      height: 16px;
    }
    svg {
      width: 16px;
    }
    svg {
      ~ p {
        padding-left: 1.25rem;
      }
    }
  }
}

strong {
  display: inline-block;
}

strong ~ p {
  display: inline-block;
}

.outline-2x {
  border-width: 2px;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 11px;
  padding-bottom: 11px;
}

.alert-icons {
  &.outline-2x {
    padding: 15px;
  }
  svg {
    position: absolute;
  }
  svg {
    top: 18px;
  }
}

.alert-dark,
  .alert-info {
  .btn-close {
    filter: none;
  }
}

.alert-dark {
  .btn-close {
    --tw-brightness: brightness(1);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  }
  .btn-close {
    --tw-invert: invert(1);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  }
}

@media (min-width: 1200px) {
   {
     {
       {
        .alert-arrow {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .alert-arrow {
        }
      }
    }
  }
}

.alert-arrow {
  position: relative;
  display: flex;
  height: 55px;
  min-width: 55px;
  align-items: center;
  justify-content: center;
  i {
    margin-right: 0px;
  }
}

@media (min-width: 1200px) {
   {
     {
       {
        .alert-dismissible {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .alert-dismissible {
        }
      }
    }
  }
}

.alert-dismissible {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.\!alert {
   {
    @media (min-width: 1200px) {
       {
         {
           {
             {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
             {
            }
          }
        }
      }
    }
     {
      display: flex;
    }
     {
      width: 300px;
    }
     {
      border-width: 1px;
    }
     {
      border-style: solid;
    }
     {
      border-color: rgba(var(--theme-default),1);
    }
     {
      background-color: rgba(var(--theme-default),1);
    }
     {
      line-height: 1;
    }
     {
      color: rgba(var(--white),1);
    }
  }
}

.alert {
  &.notify-alert {
    @media (min-width: 1200px) {
       {
         {
           {
            &.alert-copy {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            &.alert-copy {
            }
          }
        }
      }
    }
    &.alert-copy {
      display: flex;
    }
    &.alert-copy {
      width: 300px;
    }
    &.alert-copy {
      border-width: 1px;
    }
    &.alert-copy {
      border-style: solid;
    }
    &.alert-copy {
      border-color: rgba(var(--theme-default),1);
    }
    &.alert-copy {
      background-color: rgba(var(--theme-default),1);
    }
    &.alert-copy {
      line-height: 1;
    }
    &.alert-copy {
      color: rgba(var(--white),1);
    }
  }
}

.alerts-icon {
  .alert {
    @media (min-width: 1200px) {
       {
         {
           {
            > div {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > div {
            }
          }
        }
      }
    }
    > div {
      margin-right: 0.625rem;
    }
    > div {
      display: flex;
    }
    > div {
      min-height: 30px;
    }
    > div {
      min-width: 30px;
    }
    > div {
      align-items: center;
    }
    > div {
      justify-content: center;
    }
    > div {
      border-radius: 50%;
    }
    > div {
      background-color: rgba(var(--white),1);
    }
    svg {
      margin: 0px !important;
    }
    svg {
      position: relative;
    }
    svg {
      top: 0px;
    }
    svg {
      margin: 0px;
    }
    svg {
      height: 18px;
    }
    svg {
      width: 18px;
    }
  }
}

.outline-alerts {
  .double-border {
    border-width: 4px !important;
  }
  .double-border {
    border-width: 4px;
  }
  .double-border {
    border-style: double;
  }
  .inset-border {
    border-width: 4px !important;
  }
  .inset-border {
    border-width: 4px;
  }
  .alert {
    p {
      display: block;
    }
    p {
      margin-left: auto;
      margin-right: auto;
    }
    p {
      margin-top: 0px;
      margin-bottom: 0px;
    }
    p {
      display: block;
    }
    p {
      max-width: 100%;
    }
    p {
      overflow: hidden;
    }
    p {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
    }
    p {
      margin: 0;
    }
    p {
      display: inline-block;
    }
    p {
      max-width: 92%;
    }
    p {
      overflow: hidden;
    }
    p {
      text-overflow: ellipsis;
    }
    p {
      white-space: nowrap;
    }
  }
}

.alert-box {
  .alert-body {
    text-align: center;
  }
  @media (max-width: 767px) {
     {
      .alert-body {
      }
    }
  }
  .alert-body {
    text-align: center;
  }
  .alert-body {
    svg {
      position: relative;
    }
    svg {
      margin-bottom: 1.25rem;
    }
    svg {
      height: 100px;
    }
    svg {
      width: 100px;
    }
    p {
      margin-bottom: 16px !important;
    }
    p {
      margin-bottom: 0.75rem !important;
    }
    .button-box {
      button {
        &:first-child {
          margin-right: 6px;
        }
        &.light-background {
          &:hover,
            &:focus {
            border-color: transparent;
          }
          &:hover,
            &:focus {
            background-color: rgba(var(--light-bg),1);
          }
        }
      }
    }
  }
}

.fill-radios {
  .radio {
    &.radio-info {
      input[type="radio"] {
        &:checked {
          + label {
            &::before {
              border-width: 10px;
            }
            &::before {
              border-style: solid;
            }
            &::before {
              border-color: rgba(var(--info-color),1);
            }
            &::after {
              background-color: rgba(var(--info-color),1);
            }
          }
        }
      }
    }
  }
  .radio {
    &.radio-danger {
      input[type="radio"] {
        &:checked {
          + label {
            &::before {
              border-width: 10px;
            }
            &::before {
              border-style: solid;
            }
            &::before {
              border-color: rgba(var(--danger-color),1);
            }
            &::after {
              background-color: rgba(var(--danger-color),1);
            }
          }
        }
      }
    }
  }
  .radio {
    &.radio-warning {
      input[type="radio"] {
        &:checked {
          + label {
            &::before {
              border-width: 10px;
            }
            &::before {
              border-style: solid;
            }
            &::before {
              border-color: rgba(var(--warning-color),1);
            }
            &::after {
              background-color: rgba(var(--warning-color),1);
            }
          }
        }
      }
    }
  }
  .radio {
    &.radio-primary {
      input[type="radio"] {
        &:checked {
          + label {
            &::before {
              border-width: 10px;
            }
            &::before {
              border-style: solid;
            }
            &::before {
              border-color: rgba(var(--theme-default),1);
            }
            &::after {
              background-color: rgba(var(--theme-default),1);
            }
          }
        }
      }
    }
  }
}

@media (min-width: 1200px) {
   {
     {
       {
        .touchspin-wrapper {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .touchspin-wrapper {
        }
      }
    }
  }
}

.touchspin-wrapper {
  display: flex;
  gap: 0.25rem;
  .btn-touchspin {
    height: 2rem;
  }
  .btn-touchspin {
    width: 2rem;
  }
  .btn-touchspin {
    border-radius: 5px;
  }
  .btn-touchspin {
    &.touchspin-primary {
      color: rgb(var(--white),1) !important;
    }
    &.touchspin-primary {
      border-width: 1px;
    }
    &.touchspin-primary {
      border-style: solid;
    }
    &.touchspin-primary {
      border-color: rgba(var(--theme-default),1);
    }
    &.touchspin-primary {
      background-color: rgba(var(--theme-default),1);
    }
    &.touchspin-primary {
      --tw-text-opacity: 1;
      color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    }
    &.touchspin-secondary {
      color: rgb(var(--white),1) !important;
    }
    &.touchspin-secondary {
      border-width: 1px;
    }
    &.touchspin-secondary {
      border-style: solid;
    }
    &.touchspin-secondary {
      border-color: rgba(var(--theme-secondary),1);
    }
    &.touchspin-secondary {
      background-color: rgba(var(--theme-secondary),1);
    }
    &.touchspin-secondary {
      --tw-text-opacity: 1;
      color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    }
    &.touchspin-success {
      color: rgb(var(--white),1) !important;
    }
    &.touchspin-success {
      border-width: 1px;
    }
    &.touchspin-success {
      border-style: solid;
    }
    &.touchspin-success {
      border-color: rgba(var(--success-color),1);
    }
    &.touchspin-success {
      background-color: rgba(var(--success-color),1);
    }
    &.touchspin-success {
      --tw-text-opacity: 1;
      color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    }
    &.touchspin-danger {
      color: rgb(var(--white),1) !important;
    }
    &.touchspin-danger {
      border-width: 1px;
    }
    &.touchspin-danger {
      border-style: solid;
    }
    &.touchspin-danger {
      border-color: rgba(var(--danger-color),1);
    }
    &.touchspin-danger {
      background-color: rgba(var(--danger-color),1);
    }
    &.touchspin-danger {
      --tw-text-opacity: 1;
      color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    }
    &.touchspin-warning {
      color: rgb(var(--white),1) !important;
    }
    &.touchspin-warning {
      border-width: 1px;
    }
    &.touchspin-warning {
      border-style: solid;
    }
    &.touchspin-warning {
      border-color: rgba(var(--warning-color),1);
    }
    &.touchspin-warning {
      background-color: rgba(var(--warning-color),1);
    }
    &.touchspin-warning {
      --tw-text-opacity: 1;
      color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    }
    &.touchspin-info {
      color: rgb(var(--white),1) !important;
    }
    &.touchspin-info {
      border-width: 1px;
    }
    &.touchspin-info {
      border-style: solid;
    }
    &.touchspin-info {
      border-color: rgba(var(--info-color),1);
    }
    &.touchspin-info {
      background-color: rgba(var(--info-color),1);
    }
    &.touchspin-info {
      --tw-text-opacity: 1;
      color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    }
    &.touchspin-dark {
      color: rgb(var(--white),1) !important;
    }
    &.touchspin-dark {
      border-width: 1px;
    }
    &.touchspin-dark {
      border-style: solid;
    }
    &.touchspin-dark {
      border-color: rgba(var(--dark-color),1);
    }
    &.touchspin-dark {
      background-color: rgba(var(--dark-color),1);
    }
    &.touchspin-dark {
      --tw-text-opacity: 1;
      color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    }
    &.spin-border-primary {
      border-width: 1px;
    }
    &.spin-border-primary {
      border-style: solid;
    }
    &.spin-border-primary {
      border-color: rgba(var(--theme-default),1);
    }
    &.spin-border-primary {
      background-color: unset;
    }
    &.spin-border-primary {
      color: rgba(var(--theme-default),1);
    }
    &.spin-border-secondary {
      border-width: 1px;
    }
    &.spin-border-secondary {
      border-style: solid;
    }
    &.spin-border-secondary {
      border-color: rgba(var(--theme-secondary),1);
    }
    &.spin-border-secondary {
      background-color: unset;
    }
    &.spin-border-secondary {
      color: rgba(var(--theme-secondary),1);
    }
    &.spin-border-success {
      border-width: 1px;
    }
    &.spin-border-success {
      border-style: solid;
    }
    &.spin-border-success {
      border-color: rgba(var(--success-color),1);
    }
    &.spin-border-success {
      background-color: unset;
    }
    &.spin-border-success {
      color: rgba(var(--success-color),1);
    }
    &.spin-border-danger {
      border-width: 1px;
    }
    &.spin-border-danger {
      border-style: solid;
    }
    &.spin-border-danger {
      border-color: rgba(var(--danger-color),1);
    }
    &.spin-border-danger {
      background-color: unset;
    }
    &.spin-border-danger {
      color: rgba(var(--danger-color),1);
    }
    &.spin-border-warning {
      border-width: 1px;
    }
    &.spin-border-warning {
      border-style: solid;
    }
    &.spin-border-warning {
      border-color: rgba(var(--warning-color),1);
    }
    &.spin-border-warning {
      background-color: unset;
    }
    &.spin-border-warning {
      color: rgba(var(--warning-color),1);
    }
    &.spin-border-info {
      border-width: 1px;
    }
    &.spin-border-info {
      border-style: solid;
    }
    &.spin-border-info {
      border-color: rgba(var(--info-color),1);
    }
    &.spin-border-info {
      background-color: unset;
    }
    &.spin-border-info {
      color: rgba(var(--info-color),1);
    }
    &.spin-border-dark {
      border-width: 1px;
    }
    &.spin-border-dark {
      border-style: solid;
    }
    &.spin-border-dark {
      border-color: rgba(var(--dark-color),1);
    }
    &.spin-border-dark {
      background-color: unset;
    }
    &.spin-border-dark {
      color: rgba(var(--dark-color),1);
    }
  }
  input[type="number"] {
    text-align: center;
  }
  @media (max-width: 767px) {
     {
      input[type="number"] {
      }
    }
  }
  input[type="number"] {
    height: 30px;
  }
  input[type="number"] {
    width: 85px;
  }
  input[type="number"] {
    padding: 3px;
  }
  input[type="number"] {
    text-align: center;
  }
  input[type="number"] {
    &.spin-outline-primary {
      border-radius: 3px;
    }
    &.spin-outline-primary {
      border: none;
      outline: 1px solid rgba(var(--theme-default), 1) !important;
    }
    &.spin-outline-secondary {
      border-radius: 3px;
    }
    &.spin-outline-secondary {
      border-color: none;
    }
    &.spin-outline-secondary {
      outline: 1px solid rgba(var(--theme-secondary), 1) !important;
    }
    &.spin-outline-success {
      border-radius: 3px;
    }
    &.spin-outline-success {
      border-color: none;
    }
    &.spin-outline-success {
      outline: 1px solid rgba(var(--success-color), 1) !important;
    }
    &.spin-outline-danger {
      border-radius: 3px;
    }
    &.spin-outline-danger {
      border-color: none;
    }
    &.spin-outline-danger {
      outline: 1px solid rgba(var(--danger-color), 1) !important;
    }
    &.spin-outline-danger {
      border-radius: 3px;
    }
    &.spin-outline-danger {
      border-color: none;
    }
    &.spin-outline-danger {
      outline: 1px solid rgba(var(--danger-color), 1) !important;
    }
    &.spin-outline-warning {
      border-radius: 3px;
    }
    &.spin-outline-warning {
      border-color: none;
    }
    &.spin-outline-warning {
      outline: 1px solid rgba(var(--warning-color), 1) !important;
    }
    &.spin-outline-info {
      border-radius: 3px;
    }
    &.spin-outline-info {
      border-color: none;
    }
    &.spin-outline-info {
      outline: 1px solid rgba(var(--info-color), 1) !important;
    }
    &.spin-outline-dark {
      border-radius: 3px;
    }
    &.spin-outline-dark {
      border-color: none;
    }
    &.spin-outline-dark {
      outline: 1px solid rgba(var(--dark-color), 1) !important;
    }
  }
}

.pre-post-touchspin {
  .btn-touchspin {
    &.touchspin-primary {
      color: rgb(var(--white),1) !important;
    }
    &.touchspin-primary {
      border-width: 1px;
    }
    &.touchspin-primary {
      border-style: solid;
    }
    &.touchspin-primary {
      border-color: rgba(var(--theme-default),1);
    }
    &.touchspin-primary {
      background-color: rgba(var(--theme-default),1);
    }
    &.touchspin-primary {
      --tw-text-opacity: 1;
      color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    }
    &.touchspin-warning {
      color: rgb(var(--white),1) !important;
    }
    &.touchspin-warning {
      border-width: 1px;
    }
    &.touchspin-warning {
      border-style: solid;
    }
    &.touchspin-warning {
      border-color: rgba(var(--warning-color),1);
    }
    &.touchspin-warning {
      background-color: rgba(var(--warning-color),1);
    }
    &.touchspin-warning {
      --tw-text-opacity: 1;
      color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    }
  }
}

.form-switch {
  .form-check-input {
    &.switch-primary {
      &:checked {
        border-color: rgba(var(--theme-default),1);
      }
      &:checked {
        background-color: rgba(var(--theme-default),1);
      }
    }
    &.switch-secondary {
      &:checked {
        border-color: rgba(var(--theme-secondary),1);
      }
      &:checked {
        background-color: rgba(var(--theme-secondary),1);
      }
    }
    &.switch-success {
      &:checked {
        border-color: rgba(var(--success-color),1);
      }
      &:checked {
        background-color: rgba(var(--success-color),1);
      }
    }
    &.switch-danger {
      &:checked {
        border-color: rgba(var(--danger-color),1);
      }
      &:checked {
        background-color: rgba(var(--danger-color),1);
      }
    }
    &.switch-warning {
      &:checked {
        border-color: rgba(var(--warning-color),1);
      }
      &:checked {
        background-color: rgba(var(--warning-color),1);
      }
    }
    &.switch-info {
      &:checked {
        border-color: rgba(var(--info-color),1);
      }
      &:checked {
        background-color: rgba(var(--info-color),1);
      }
    }
    &.switch-dark {
      &:checked {
        border-color: rgba(var(--dark-color),1);
      }
      &:checked {
        background-color: rgba(var(--dark-color),1);
      }
    }
  }
}

.income-wrapper {
  ul {
    li {
      .income-dot {
        &.dot-primary {
          background-color: rgba(var(--theme-default),1);
        }
        &.dot-warning {
          background-color: rgba(var(--warning-color),1);
        }
        &.dot-success {
          background-color: rgba(var(--success-color),1);
        }
      }
    }
  }
}

@media (max-width: 575px) {
  .ellipsis.content {
    max-width: 180px;
  }

  .ellipsis.\!content {
    max-width: 180px;
  }
}

.popover {
  border-width: 0 !important;
  position: absolute;
  z-index: 1000;
  display: none;
  max-width: 275px;
  border-radius: 5px;
  border-width: 0px;
  background-color: rgba(var(--white),1);
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-shadow: 0 0 20px rgba(var(--primary-color),0.1);
  --tw-shadow-colored: 0 0 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  -webkit-box-shadow: 0 0 20px rgba(var(--primary-color), 0.1);
  .popover-arrow {
    position: absolute;
  }
  .popover-arrow {
    top: -7px;
  }
  .popover-arrow {
    left: 0.625rem;
  }
  .popover-arrow {
    z-index: -1;
  }
  .popover-arrow {
    height: 15px;
  }
  .popover-arrow {
    width: 15px;
  }
  .popover-arrow {
    --tw-rotate: 45deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .popover-arrow {
    border-width: 1px;
  }
  .popover-arrow {
    border-style: solid;
  }
  .popover-arrow {
    border-color: rgba(var(--dark-color),0.15);
  }
  .popover-arrow {
    background-color: rgba(var(--white),1);
  }
  .popover-header {
    border-radius: 5px 5px 0 0;
  }
  .popover-header {
    border-bottom-color: none;
  }
  .popover-header {
    background-color: rgba(var(--theme-medium-color),1);
  }
  .popover-header {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .popover-header {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .popover-header {
    font-weight: 500;
  }
  .popover-header {
    color: rgba(var(--primary-color),1);
  }
  .popover-body {
    border-radius: 0 0 5px 5px;
  }
  .popover-body {
    padding: 1rem;
  }
  .popover-body {
    color: rgba(43,43,43,0.7);
  }
  &.show {
    display: block;
  }
  &.show {
    display: block;
  }
}

.popover-main {
  .btn-showcase {
    a {
      color: rgba(var(--white),1);
    }
    button {
      &:last-child {
        margin-right: 0px;
      }
    }
  }
}

.svg-tooltip {
  .common-flex {
    @media (min-width: 1200px) {
       {
         {
           {
            > div {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > div {
            }
          }
        }
      }
    }
    > div {
      display: flex;
    }
    > div {
      height: calc(40px + (50 - 40) * ((100vw - 320px) / (1920 - 320)));
    }
    > div {
      width: calc(40px + (50 - 40) * ((100vw - 320px) / (1920 - 320)));
    }
    > div {
      align-items: center;
    }
    > div {
      justify-content: center;
    }
    > div {
      border-radius: 10px;
    }
    > div {
      border-width: 1px;
    }
    > div {
      border-style: solid;
    }
    > div {
      i {
        font-size: calc(18px + (20 - 18) * ((100vw - 320px) / (1920 - 320)));
      }
      &:hover {
        i {
          stroke: rgba(var(--white),1);
        }
      }
    }
    svg {
      height: calc(18px + (20 - 18) * ((100vw - 320px) / (1920 - 320)));
    }
    svg {
      width: calc(18px + (20 - 18) * ((100vw - 320px) / (1920 - 320)));
    }
  }
}

.img-cropper {
  .dropup {
    .dropdown-toggle {
      &::after {
        display: none;
      }
      &::after {
        --tw-content: "";
        content: var(--tw-content);
      }
    }
  }
}

.dropdown-divider {
  margin: 0px;
}

.btn-group {
  .dropdown-menu {
    position: absolute;
  }
  .dropdown-menu {
    left: 0px;
  }
  .dropdown-menu {
    top: 100%;
  }
  .dropdown-menu {
    bottom: unset;
  }
  .dropdown-menu {
    min-width: 180px;
  }
  .dropdown-menu {
    white-space: nowrap;
  }
  .dropdown-menu {
    background-color: rgba(var(--white-bg),1) !important;
  }
  .dropdown-menu {
    li {
      a {
        display: block;
      }
      a {
        display: block;
      }
      a {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
      }
      a {
        padding-top: 0.375rem;
        padding-bottom: 0.375rem;
      }
    }
    &.p-4 {
      padding: 24px !important;
    }
  }
}

.btn-group.table,
  .btn-group-vertical.table {
  white-space: pre-wrap !important;
}

.btn-group,
  .btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}

.\!dropdown {
  position: relative;
}

.dropdown,
  .btn-group {
  position: relative;
}

.\!dropdown {
   {
    border-radius: 10px;
  }
   {
    border-width: 1px;
  }
   {
    border-style: solid;
  }
   {
    border-color: transparent;
  }
   {
    background-color: rgba(var(--theme-default),0.08);
  }
   {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }
   {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
  }
   {
    text-align: left;
  }
   {
    color: rgba(var(--theme-default),1);
  }
   {
     {
      margin-left: 8px;
    }
     {
      display: inline-block;
    }
     {
      border-top-width: 4px;
      border-bottom-width: 4px;
    }
     {
      border-left-width: 4px;
    }
     {
      border-style: solid;
    }
     {
      border-left-color: transparent;
    }
     {
      border-bottom-color: transparent;
    }
     {
      --tw-content: "";
      content: var(--tw-content);
    }
     {
      vertical-align: -2px !important;
    }
     {
      border-color: rgba(var(--transparent-color),1);
    }
     {
      color: rgba(var(--white),1);
    }
     {
      border-width: 1px;
    }
     {
      border-width: 1px;
    }
     {
      border-style: solid;
    }
  }
   {
     {
      border-radius: 3px;
    }
     {
      border-width: 1px;
    }
     {
      border-style: solid;
    }
     {
      border-color: rgba(var(--badge-light-color),20%);
    }
     {
      background-color: rgba(var(--transparent-color),1);
    }
     {
      font-weight: 500;
    }
     {
      color: rgba(var(--body-font-color),1);
    }
     {
       {
        color: rgba(var(--theme-default),1);
      }
    }
     {
       {
         {
          background-color: rgba(var(--main-body-color),1);
        }
         {
          color: rgba(var(--theme-default),1);
        }
         {
          opacity: 1;
        }
      }
    }
  }
   {
    position: absolute;
  }
   {
    bottom: 100%;
  }
   {
    display: none;
  }
   {
    border-radius: 0.375rem;
  }
   {
    background-color: rgba(var(--white),1);
  }
   {
    font-family: var(--font-rubik);
  }
   {
     {
      display: block;
    }
     {
      right: 0;
    }
     {
      top: 100%;
    }
     {
      bottom: auto;
    }
     {
      display: block;
    }
     {
      @media (min-width: 1200px) {
         {
           {
             {
               {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
               {
              }
            }
          }
        }
      }
       {
        display: flex;
      }
       {
        gap: 0.375rem;
      }
       {
         {
          margin-bottom: 0 !important;
        }
         {
          margin-bottom: 0px;
        }
      }
    }
  }
   {
    padding-left: 28px;
    padding-right: 28px;
  }
   {
    padding-top: 8px;
    padding-bottom: 8px;
  }
}

.dropdown,
  .btn-group {
  .dropdown-toggle {
    border-radius: 10px;
  }
  .dropdown-toggle {
    border-width: 1px;
  }
  .dropdown-toggle {
    border-style: solid;
  }
  .dropdown-toggle {
    border-color: transparent;
  }
  .dropdown-toggle {
    background-color: rgba(var(--theme-default),0.08);
  }
  .dropdown-toggle {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }
  .dropdown-toggle {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
  }
  .dropdown-toggle {
    text-align: left;
  }
  .dropdown-toggle {
    color: rgba(var(--theme-default),1);
  }
  .dropdown-toggle {
    &:after {
      margin-left: 8px;
    }
    &:after {
      display: inline-block;
    }
    &:after {
      border-top-width: 4px;
      border-bottom-width: 4px;
    }
    &:after {
      border-left-width: 4px;
    }
    &:after {
      border-style: solid;
    }
    &:after {
      border-left-color: transparent;
    }
    &:after {
      border-bottom-color: transparent;
    }
    &:after {
      --tw-content: "";
      content: var(--tw-content);
    }
    &:after {
      vertical-align: -2px;
    }
    &.show {
      border-color: rgba(var(--transparent-color),1);
    }
    &.btn-primary {
      color: rgba(var(--white),1);
    }
    &:focus,
      &:active {
      border-width: 1px;
    }
    &:focus,
      &:active {
      border-width: 1px;
    }
    &:focus,
      &:active {
      border-style: solid;
    }
  }
  &.custom-dropdown {
    .dropdown-toggle {
      border-radius: 3px;
    }
    .dropdown-toggle {
      border-width: 1px;
    }
    .dropdown-toggle {
      border-style: solid;
    }
    .dropdown-toggle {
      border-color: rgba(var(--badge-light-color),20%);
    }
    .dropdown-toggle {
      background-color: rgba(var(--transparent-color),1);
    }
    .dropdown-toggle {
      font-weight: 500;
    }
    .dropdown-toggle {
      color: rgba(var(--body-font-color),1);
    }
    .dropdown-toggle {
      &::after {
        color: rgba(var(--theme-default),1);
      }
    }
    .dropdown-menu {
      .dropdown-item {
        &:hover {
          background-color: rgba(var(--main-body-color),1);
        }
        &:hover {
          color: rgba(var(--theme-default),1);
        }
        &:hover {
          opacity: 1;
        }
      }
    }
  }
  .dropdown-menu {
    position: absolute;
  }
  .dropdown-menu {
    bottom: 100%;
  }
  .dropdown-menu {
    display: none;
  }
  .dropdown-menu {
    border-radius: 0.375rem;
  }
  .dropdown-menu {
    background-color: rgba(var(--white),1);
  }
  .dropdown-menu {
    font-family: var(--font-rubik);
  }
  .dropdown-menu {
    &.show {
      display: block;
    }
    &.show {
      right: 0;
    }
    &.show {
      top: 100%;
    }
    &.show {
      bottom: auto;
    }
    &.show {
      display: block;
    }
    .dropdown-item {
      @media (min-width: 1200px) {
         {
           {
             {
              .form-check {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              .form-check {
              }
            }
          }
        }
      }
      .form-check {
        display: flex;
      }
      .form-check {
        gap: 0.375rem;
      }
      .form-check {
        label {
          margin-bottom: 0 !important;
        }
        label {
          margin-bottom: 0px;
        }
      }
    }
  }
  .btn-warning {
    padding-left: 28px;
    padding-right: 28px;
  }
  .btn-warning {
    padding-top: 8px;
    padding-bottom: 8px;
  }
}

.unique-dropdown {
  .btn-group {
    .dropdown-menu {
      left: 0 !important;
    }
    .dropdown-menu {
      right: 0 !important;
    }
    .dropdown-menu {
      white-space: normal;
    }
  }
}

.docs-toggles {
  .dropdown {
    .dropdown-toggle {
      width: auto;
    }
    .dropdown-menu {
      .dropdown-item {
        .form-check {
          .form-check-input {
            &:focus {
              border-color: rgba(var(--badge-light-color),1);
            }
            &:focus {
              --tw-shadow-color: unset;
              --tw-shadow: var(--tw-shadow-colored);
            }
          }
        }
      }
    }
  }
}

.nav-tabs {
  .dropdown {
    .dropdown-toggle {
      width: 120px;
    }
  }
}

.icon-dropdown {
  .dropdown-toggle {
    padding: 0 !important;
  }
  .dropdown-toggle {
    position: relative;
  }
  .dropdown-toggle {
    z-index: 1;
  }
  .dropdown-toggle {
    width: auto;
  }
  .dropdown-toggle {
    background-color: rgba(var(--transparent-color),1);
  }
  .dropdown-toggle {
    padding: 0px;
  }
  .dropdown-toggle {
    color: rgba(var(--theme-body-sub-title-color),1);
  }
  .dropdown-toggle::after {
    content: var(--tw-content);
    display: none;
  }
  .dropdown-toggle {
    i {
      font-size: 1rem;
      line-height: 1.5rem;
    }
  }
  .dropdown-item {
    line-height: 1.5;
  }
}

.dropdown-basic {
  margin-bottom: -0.625rem;
  .separated-btn {
    margin-left: -0.375rem;
  }
  .separated-btn {
    [dir="rtl"] & {
      margin-left: unset;
    }
    [dir="rtl"] & {
      margin-right: -0.375rem;
    }
    .btn {
      border-top-left-radius: 0px !important;
    }
    .btn {
      border-bottom-left-radius: 0px !important;
    }
    .btn {
      padding: 0.625rem;
    }
    .btn {
      i {
        line-height: 1.7;
      }
    }
    &.dropdown {
      margin-bottom: 0 !important;
    }
    &.dropdown {
      margin-bottom: 0px;
    }
  }
  button {
    max-height: 43px;
  }
  button {
    padding-left: 28px;
    padding-right: 28px;
  }
  button {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .dropdown {
    position: relative;
  }
  .dropdown {
    margin-bottom: 0.625rem;
  }
  .dropdown {
    display: inline-block;
  }
  .dropdown {
    .dropbtn {
      cursor: pointer;
    }
    .dropbtn {
      border-color: none;
    }
    .dropbtn {
      padding-left: 35px;
      padding-right: 35px;
    }
    .dropbtn {
      padding-top: 0.75rem;
      padding-bottom: 0.75rem;
    }
    .dropbtn {
      color: rgba(var(--white),1);
    }
  }
  .dropdown-content {
    a {
      &:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(241 241 241 / var(--tw-bg-opacity, 1));
      }
    }
  }
  .dropdown {
    &:hover {
      .dropdown-content {
        display: block;
      }
      .dropdown-content {
        display: block;
      }
    }
  }
  .btn-group {
    .dropdown-menu {
      width: 0;
    }
    .dropdown-menu {
      overflow: hidden;
    }
  }
}

.dropdown-block {
  li {
    .dropdown-item {
      &:hover {
        background-color: rgba(var(--gray-60),1);
      }
    }
    .helper-truncate {
      &:hover {
        background-color: unset;
      }
    }
  }
}

.dropdown-basic {
  .dropdown {
    .dropdown-content {
      a {
        &:hover {
          background-color: rgba(var(--gray-60),1);
        }
      }
    }
  }
}

.dropdown-menu {
  .input-group {
    border-top-width: 1px;
  }
  .input-group {
    border-style: solid;
  }
  .input-group {
    border-top-color: rgba(var(--light-semi-gray),1);
  }
  .input-group {
    background-color: unset;
  }
  .input-group {
    background-color: rgba(var(--white),1);
  }
  .input-group {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .input-group {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
  }
  .input-group {
    opacity: 0.6;
  }
  .input-group {
    &:hover,
      &:active {
      background-color: rgba(var(--gray-60),1);
    }
    .input-group-text {
      border-width: 0px;
    }
    .input-group-text {
      background-color: unset;
    }
  }
}

.dark-form {
  .form-label {
    color: rgba(var(--chart-text-color),1);
  }
  .form-control {
    border-width: 1px;
  }
  .form-control {
    border-style: solid;
  }
  .form-control {
    border-color: rgba(var(--chart-text-color),1);
  }
  .form-check {
    .form-check-input {
      border-width: 1px;
    }
    .form-check-input {
      border-style: solid;
    }
    .form-check-input {
      border-color: rgba(var(--chart-text-color),1);
    }
    .form-check-label {
      color: rgba(var(--chart-text-color),1);
    }
  }
  h6 {
    color: rgba(var(--chart-text-color),1);
  }
  p {
    &.dropdown-item {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
    &.dropdown-item {
      padding-bottom: 0 !important;
    }
    &.dropdown-item {
      border-top-width: 1px;
    }
    &.dropdown-item {
      border-style: solid;
    }
    &.dropdown-item {
      border-top-color: rgba(var(--chart-dashed-border),1);
    }
    &.dropdown-item {
      padding-left: 0px;
      padding-right: 0px;
    }
    &.dropdown-item {
      padding-top: 7px;
    }
    &.dropdown-item {
      padding-bottom: 0px;
    }
  }
  .helper-truncate {
    background-color: transparent;
  }
  .helper-truncate {
    color: rgba(var(--chart-text-color),1);
  }
}

.dropdown-toggle {
  &::after {
    margin-left: 8px;
  }
  &::after {
    display: inline-block;
  }
  &::after {
    border-left-width: 4px;
    border-right-width: 4px;
  }
  &::after {
    border-top-width: 4px;
  }
  &::after {
    border-bottom-width: 0px;
  }
  &::after {
    border-style: solid;
  }
  &::after {
    border-left-color: transparent;
    border-right-color: transparent;
  }
  &::after {
    --tw-content: "";
    content: var(--tw-content);
  }
  &::after {
    vertical-align: 2px;
    [dir="rtl"] & {
      margin-left: unset;
    }
    [dir="rtl"] & {
      margin-right: 0.5rem;
    }
  }
}

.btn-lg {
  border-radius: 6px 0 0 6px;
  + .dropdown-toggle-split {
    border-radius: 0 6px 6px 0 !important;
  }
  + .dropdown-toggle-split {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  + .dropdown-toggle-split::after {
    content: var(--tw-content);
  }
  + .dropdown-toggle-split::after {
    margin: 0px !important;
  }
  + .dropdown-toggle-split::after {
    content: var(--tw-content);
    margin: 0px;
  }
}

.btn-sm {
  border-radius: 6px 0 0 6px;
  + .dropdown-toggle-split {
    border-radius: 0 6px 6px 0 !important;
  }
  + .dropdown-toggle-split {
    padding-left: 0.4rem;
    padding-right: 0.4rem;
  }
  + .dropdown-toggle-split::after {
    content: var(--tw-content);
  }
  + .dropdown-toggle-split::after {
    margin: 0px !important;
  }
  + .dropdown-toggle-split::after {
    content: var(--tw-content);
    margin: 0px;
  }
}

.dropstart {
  .dropdown-toggle {
    &::before {
      margin-right: 0.5rem;
    }
    &::before {
      display: inline-block;
    }
    &::before {
      display: none;
    }
    &::before {
      border-top-width: 4px;
      border-bottom-width: 4px;
    }
    &::before {
      border-right-width: 4px;
    }
    &::before {
      border-style: solid;
    }
    &::before {
      border-top-color: transparent;
      border-bottom-color: transparent;
    }
    &::before {
      --tw-content: "";
      content: var(--tw-content);
    }
    &::before {
      [dir="rtl"] & {
        margin-left: 0.5rem;
      }
      [dir="rtl"] & {
        margin-right: unset;
      }
    }
  }
}

.dropup:not(.bootstrap-select) {
  .dropdown-toggle {
    &::after {
      margin-left: 0.5rem;
    }
    &::after {
      display: inline-block;
    }
    &::after {
      border-left-width: 4px;
      border-right-width: 4px;
    }
    &::after {
      border-bottom-width: 4px;
    }
    &::after {
      border-style: solid;
    }
    &::after {
      border-left-color: transparent;
      border-right-color: transparent;
    }
    &::after {
      --tw-content: "";
      content: var(--tw-content);
    }
    &::after {
      [dir="rtl"] & {
        margin-left: unset;
      }
      [dir="rtl"] & {
        margin-right: 0.5rem;
      }
    }
  }
}

.dropend {
  .dropdown-toggle {
    &::after {
      margin-left: 0.5rem;
    }
    &::after {
      display: inline-block;
    }
    &::after {
      border-top-width: 4px;
      border-bottom-width: 4px;
    }
    &::after {
      border-left-width: 4px;
    }
    &::after {
      border-style: solid;
    }
    &::after {
      border-bottom-color: transparent;
    }
    &::after {
      --tw-content: "";
      content: var(--tw-content);
    }
    &::after {
      --tw-content: "";
      content: var(--tw-content);
    }
    &::after {
      [dir="rtl"] & {
        margin-left: unset;
      }
      [dir="rtl"] & {
        margin-right: 0.5rem;
      }
    }
  }
}

.form-wrapper {
  width: 260px;
}

.dropdown-menu {
  .form-control {
    &::-moz-placeholder {
      font-size: 0.875rem;
      line-height: 1.25rem;
    }
    &::placeholder {
      font-size: 0.875rem;
      line-height: 1.25rem;
    }
    &::-moz-placeholder {
      color: rgba(var(--light-text),1);
    }
    &::placeholder {
      color: rgba(var(--light-text),1);
    }
  }
}

.dark-dropdown {
  .dropdown-block {
    li {
      .dropdown-item {
        &:hover,
          &.active {
          background-color: rgba(var(--dark-color),1);
        }
        &:hover,
          &.active {
          color: rgba(var(--white),1);
        }
      }
    }
  }
}

.btn-group {
  .dropdown-wrapper {
    z-index: 2;
  }
  .dropdown-wrapper {
    .input-group {
      .input-group-text {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
      }
      .input-group-text {
        padding-top: 0px;
        padding-bottom: 0px;
      }
      .input-group-text {
        padding-left: 0px;
      }
      .input-group-text {
        padding-right: 0.5rem;
      }
      .input-group-text {
        [dir="rtl"] & {
          padding-top: 0 !important;
          padding-bottom: 0 !important;
        }
        [dir="rtl"] & {
          padding-top: 0px;
          padding-bottom: 0px;
        }
        [dir="rtl"] & {
          padding-left: 0.5rem;
        }
        [dir="rtl"] & {
          padding-right: 0px;
        }
      }
    }
  }
}

.helper-cards {
  .common-flex {
    .btn-group {
      .dropdown-menu {
        li {
          .dropdown-item {
            &:hover {
              background-color: rgba(var(--transparent-color),1);
            }
          }
        }
      }
    }
  }
}

.dropdown-option {
  .dropdown {
    .dropdown-toggle {
      color: rgba(var(--white),1);
    }
    .dropdown-toggle::after {
      content: var(--tw-content);
      font-size: 0.875rem;
      line-height: 1.25rem;
    }
  }
}

.rtl-dropdown {
  .dropdown-menu {
    li {
      .dropdown-item {
        [dir="rtl"] & {
          text-align: right;
        }
      }
    }
    &.show {
      .form-control {
        color: rgba(var(--badge-light-color),1);
      }
    }
  }
  .btn-group {
    .dropdown-menu {
      [dir="rtl"] & {
        text-align: right;
      }
    }
  }
}

.heading-dropdown {
  .dropdown-menu {
    > li {
      &:first-child {
        > a {
          border-top-width: 0px;
        }
        > a {
          border-bottom-width: 4px;
        }
        > a {
          border-style: solid;
        }
        > a {
          border-bottom-color: rgba(var(--recent-border),1);
        }
        > a {
          background-color: rgba(var(--light-background),1);
        }
      }
    }
  }
}

.split-dropdown {
  .dropdown-basic {
    .btn-group {
      .dropdown-menu {
        .dropdown-item {
          a {
            background-color: rgba(var(--transparent-color),1);
          }
          a {
            padding: initial;
          }
          a {
            font-size: 13px;
          }
          a {
            color: rgba(var(--dark-editor-document),1);
          }
        }
      }
    }
  }
}

.dropdown-menu {
  padding: 0 !important;
  z-index: 2;
  border-color: none;
  background-color: rgba(var(--white),1);
  padding: 0px;
  --tw-shadow: 0 0 20px rgba(89,102,122,0.1);
  --tw-shadow-colored: 0 0 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  .dropdown-item {
    display: block;
  }
  .dropdown-item {
    display: block;
  }
  .dropdown-item {
    border-top-width: 1px;
  }
  .dropdown-item {
    border-style: solid;
  }
  .dropdown-item {
    border-top-color: rgba(var(--light-semi-gray),1);
  }
  .dropdown-item {
    background-color: rgba(var(--white),1);
  }
  .dropdown-item {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .dropdown-item {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
  }
  .dropdown-item {
    font-size: 13px;
  }
  .dropdown-item {
    color: rgba(var(--dark-editor-document),1);
  }
  .dropdown-item:first-child {
    border-color: none;
  }
  .dropdown-item:hover {
    background-color: rgba(var(--gray-60),1);
  }
  .dropdown-divider {
    margin: 0px !important;
  }
  .dropdown-divider {
    margin: 0px;
  }
  .dropdown-divider {
    border-top-width: 1px;
  }
  .dropdown-divider {
    border-style: solid;
  }
  .dropdown-divider {
    border-top-color: rgba(var(--gray-60),1);
  }
}

.warning-card {
  .dropdown-menu {
    min-width: 250px;
  }
}

.helper-card {
  .dropdown-menu {
    min-width: 310px;
  }
}

.input-type {
  .btn {
    border-radius: 0.375rem !important;
  }
}

.default-according {
  .avatar-showcase {
    margin-bottom: 0 !important;
  }
  .avatar-showcase {
    margin-bottom: 0px;
  }
  .card {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  .card {
    + .card {
      margin-top: var(--according-card-top-margin);
    }
    .btn-link {
      font-weight: var(--according-btn-weight);
    }
    .btn-link {
      color: rgba(var(--theme-body-font-color),1);
    }
    .btn-link {
      text-decoration-line: none;
    }
    .btn-link {
      &:focus,
        &:hover {
        text-decoration-line: none;
      }
    }
    .card-header {
      border-color: var(--card-border-color);
    }
    .card-header {
      padding: var(--according-card-header-padding);
    }
    .card-header {
      i {
        position: absolute;
      }
      i {
        left: 18px;
      }
      i {
        top: 1.25rem;
      }
      i {
        font-size: 1.25rem;
        line-height: 1.75rem;
      }
      h5 {
        margin-top: 0.125rem;
      }
    }
    .card-body {
      border-width: 1px;
    }
    .card-body {
      border-top-width: 0px;
    }
    .card-body {
      border-style: solid;
    }
    .card-body {
      border-color: var(--card-border-color);
    }
  }
  &.style-1 {
    @media (max-width: 575px) {
       {
         {
           {
            > button {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > button {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > button {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > button {
                width: 90%;
              }
            }
          }
        }
      }
    }
    button {
      width: 100%;
    }
    button {
      text-align: left;
    }
    button::before {
      content: var(--tw-content);
      position: absolute;
    }
    button::before {
      content: var(--tw-content);
      right: 1.25rem;
    }
    button::before {
      content: var(--tw-content);
      top: 50%;
    }
    button::before {
      content: var(--tw-content);
      --tw-translate-y: -50%;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    button::before {
      content: var(--tw-content);
      font-size: 1.25rem;
      line-height: 1.75rem;
    }
    button::before {
      content: var(--tw-content);
      transition-property: 0.4s;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }
    button {
      &[aria-expanded="true"] {
        &:before {
          content: var(--according-close-icon) !important;
          font-family: var(--according-card-header-icon);
        }
      }
      &[aria-expanded="false"] {
        &:before {
          content: var(--according-open-icon) !important;
          font-family: var(--according-card-header-icon);
        }
      }
    }
  }
}

.main-accordion {
  .collapse {
    visibility: visible;
  }
  .accordion {
    &.accordion-1 {
      .accordion-item {
        border-width: 1px;
      }
      .accordion-item {
        border-style: solid;
      }
      .accordion-item {
        border-color: rgba(var(--primary-color),0.3);
      }
      .accordion-item:first-child {
        border-radius: 6px 6px 0 0;
      }
      .accordion-item:last-child {
        border-radius: 0 0 6px 6px;
      }
    }
    .accordion-item {
      @media (max-width: 575px) {
         {
           {
             {
              > .accordion-button {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > .accordion-button {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              > .accordion-button {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > .accordion-button {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      .accordion-button {
        position: relative;
      }
      .accordion-button {
        width: 100%;
      }
      .accordion-button {
        padding-top: 1rem;
        padding-bottom: 1rem;
      }
      .accordion-button {
        padding-left: 1.25rem;
      }
      .accordion-button {
        padding-right: 50px;
      }
      .accordion-button {
        text-align: start;
      }
      .accordion-button {
        font-size: 1rem;
        line-height: 1.5rem;
      }
      .accordion-button::after {
        content: var(--tw-content);
        background-color: unset;
      }
      .accordion-button::after {
        --tw-content: unset;
        content: var(--tw-content);
      }
      .accordion-button:focus {
        --tw-shadow: 0 0 #0000;
        --tw-shadow-colored: 0 0 #0000;
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
      }
      .accordion-button {
        letter-spacing: 0;
        .svg-color {
          position: absolute;
        }
        .svg-color {
          right: 1.25rem;
        }
        .svg-color {
          top: 50%;
        }
        .svg-color {
          --tw-translate-y: -50%;
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        }
        .svg-color {
          --tw-rotate: 0deg;
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        }
        .svg-color {
          transition-property: all;
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-duration: 150ms;
        }
        .svg-color {
          transition-duration: 0.4s;
        }
        .svg-color {
          transition-timing-function: ease-in-out;
        }
        .svg-color::after {
          content: var(--tw-content);
          background-color: unset;
        }
        .svg-color::after {
          --tw-content: "";
          content: var(--tw-content);
        }
        .svg-color {
          [dir="rtl"] & {
            left: 1.25rem;
          }
          [dir="rtl"] & {
            right: unset;
          }
        }
        &:not(.collapsed) {
          .svg-color {
            --tw-translate-y: -50%;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          }
          .svg-color {
            --tw-rotate: -180deg;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          }
        }
        &:not(.collapsed) {
          &::after {
            background-color: unset;
          }
        }
      }
      .accordion-collapse {
        .accordion-body {
          padding-left: 1.25rem;
          padding-right: 1.25rem;
        }
        .accordion-body {
          padding-top: 1rem;
          padding-bottom: 1rem;
        }
      }
    }
    &.accordion-flush {
      .accordion-item {
        border-top-width: 1px;
      }
      .accordion-item {
        border-style: solid;
      }
      .accordion-item {
        border-top-color: rgba(var(--black),0.1);
      }
      .accordion-item:first-child {
        border-top-color: none;
      }
    }
  }
}

.accordion-item {
  .accordion-button {
    .svg-wrapper {
      height: 18px;
    }
    .svg-wrapper {
      width: 18px;
    }
    &:not(.collapsed) {
      &::before {
        --tw-translate-y: -50%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      }
      &::before {
        --tw-rotate: -180deg;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      }
    }
  }
}

.accordion-wrapper {
  &.accordion-item {
    background-color: transparent;
  }
  &.accordion-item {
    .accordion-button {
      border-bottom-width: 1px;
    }
    .accordion-button {
      border-style: solid;
    }
    .accordion-button {
      border-bottom-color: rgba(var(--recent-border),1);
    }
    .accordion-button {
      background-color: transparent;
    }
    .accordion-button {
      &.collapsed {
        border-bottom-color: none;
      }
    }
  }
  &:active {
    border-width: 1px;
  }
  &:active {
    border-top-width: 1px;
  }
  &:active {
    border-style: solid;
  }
  &:active {
    border-color: rgba(var(--primary-color),1);
  }
  &:active {
    border-top-color: rgba(var(--primary-color),1);
  }
}

.accordion-border {
  .accordion-item {
    border-width: 0 !important;
  }
  .accordion-item {
    border-width: 0px;
  }
  .accordion-item {
    &:last-child {
      .accordion-body {
        padding-bottom: 0 !important;
      }
      .accordion-body {
        padding-bottom: 0px;
      }
    }
    .accordion-button {
      &:not(.collapsed) {
        svg {
          &:first-child {
            transform: unset;
          }
        }
      }
    }
  }
}

.accordions-content {
  li {
    color: rgba(var(--dark-color),1);
  }
}

.collapse-accordion {
  .btn-dark.collapse {
    border-radius: 15px;
  }
  .btn-dark.collapse {
    color: rgba(var(--white),1);
  }
}

.main-accordion {
  .card-body {
    button {
      &:focus {
        border-width: 0 !important;
      }
      &:focus {
        border-width: 0px;
      }
    }
  }
  .accordion {
    &:not(.accordion-flush) {
      .accordion-item {
        border-color: rgba(var(--theme-default),0.1);
      }
    }
    &.accordion-flush {
      .accordion-item {
        border-color: rgba(var(--recent-dashed-border),1);
      }
    }
    .accordion-item {
      .accordion-button {
        padding-right: 50px;
      }
      .accordion-button {
        [dir="rtl"] & {
          padding-left: 50px;
        }
        [dir="rtl"] & {
          padding-right: 1.25rem;
        }
      }
    }
  }
}

.collapse:not(.show) {
  display: none;
}

.accordion-flush {
  > .accordion-item {
    &:first-child {
      border-top-width: 0px !important;
    }
  }
}

.accordion-item {
  &:not(:first-of-type) {
    border-top-width: 0px !important;
  }
}

.tab-link {
  padding-left: 18px;
  padding-right: 18px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.nav-pills {
  .tab-link.active,
    .show > .tab-link {
    background-color: rgba(var(--theme-default),1) !important;
  }
}

.main-vertical-tab {
  .tab-links {
    @media (min-width: 1200px) {
       {
         {
           {
            .tab-link {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            .tab-link {
            }
          }
        }
      }
    }
    .tab-link {
      display: flex;
    }
    .tab-link {
      align-items: center;
    }
    .tab-link {
      gap: 0.5rem;
    }
  }
}

.tab-links {
  i {
    margin-right: 0.625rem;
  }
}

.nav-right {
  justify-content: flex-end;
}

.nav-tabs.nav-bottom {
  .nav-item {
    .tab-link.active,
      .tab-link.focus,
      .tab-link.hover {
      border-color: rgba(var(--white),1) #dee2e6 #dee2e6;
    }
  }
}

.tab-content {
  ~ .nav-tabs {
    &.border-tab {
      margin-bottom: 0 !important;
    }
    &.border-tab {
      margin-top: 30px;
    }
    &.border-tab {
      margin-bottom: 0px;
    }
  }
  > .tab-pan {
    display: none;
  }
  > .active {
    display: block;
  }
  > .active {
    display: block;
  }
}

@media (min-width: 1200px) {
   {
     {
       {
        .border-tab.tab-links {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .border-tab.tab-links {
        }
      }
    }
  }
}

.border-tab.tab-links {
  margin-bottom: 30px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  .nav-item {
    .tab-link {
      text-align: center;
    }
    @media (max-width: 767px) {
       {
        .tab-link {
        }
      }
    }
    .tab-link {
      border-color: none;
    }
    .tab-link {
      padding-left: 25px;
      padding-right: 25px;
    }
    .tab-link {
      padding-top: 0.625rem;
      padding-bottom: 0.625rem;
    }
    .tab-link {
      text-align: center;
    }
    .tab-link {
      font-size: 1rem;
      line-height: 1.5rem;
    }
    .tab-link {
      color: rgba(var(--dark-color),1);
    }
    .tab-link {
      transition-property: 0.3s;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }
    .tab-link {
      &.active,
        &.show,
        &:focus,
        &:hover {
        color: rgba(var(--theme-default),1);
      }
      &.active,
        &.show,
        &:focus {
        border-bottom-color: none;
      }
    }
  }
}

.border-tab.nav-left {
  .tab-link {
    color: rgba(var(--dark-color),1);
  }
  .tab-link {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  .tab-link {
    transition-duration: 0.3s;
  }
  .tab-link {
    transition-timing-function: ease;
  }
  .tab-link.active,
    .show > .tab-link {
    border-radius: 0px;
  }
  .tab-link.active,
    .show > .tab-link {
    border-left-color: rgba(var(--theme-default),1);
  }
  .tab-link.active,
    .show > .tab-link {
    background-color: transparent;
  }
  .tab-link.active,
    .show > .tab-link {
    color: rgba(var(--theme-default),1);
  }
  .tab-link.active,
    .show > .tab-link {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  .tab-link.active,
    .show > .tab-link {
    transition-duration: 0.3s;
  }
  .tab-link.active,
    .show > .tab-link {
    transition-timing-function: ease;
  }
}

.border-tab.nav-right {
  .nav-link {
    border-right-width: 2px;
  }
  .nav-link {
    border-style: solid;
  }
  .nav-link {
    border-right-color: transparent;
  }
  .nav-link {
    text-align: right;
  }
  .nav-link {
    color: rgba(var(--dark-color),1);
  }
  .nav-link {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  .nav-link {
    transition-duration: 0.3s;
  }
  .nav-link {
    transition-timing-function: ease;
  }
  .nav-link.active,
    .show > .nav-link {
    border-radius: 0px;
  }
  .nav-link.active,
    .show > .nav-link {
    border-right-color: rgba(var(--theme-default),1);
  }
  .nav-link.active,
    .show > .nav-link {
    background-color: transparent;
  }
  .nav-link.active,
    .show > .nav-link {
    color: rgba(var(--theme-default),1);
  }
  .nav-link.active,
    .show > .nav-link {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  .nav-link.active,
    .show > .nav-link {
    transition-duration: 0.3s;
  }
  .nav-link.active,
    .show > .nav-link {
    transition-timing-function: ease;
  }
}

.flex-space {
  gap: 24px !important;
}

@media (min-width: 1200px) {
   {
     {
       {
        .flex-space {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .flex-space {
        }
      }
    }
  }
}

.flex-space {
  display: flex;
  gap: 1rem;
}

.tab-img {
  height: 100px;
}

.nav-item {
  .navlink-title {
    border-bottom-right-radius: 0px;
  }
  .navlink-title {
    border-bottom-left-radius: 0px;
  }
  .navlink-title {
    border-top-left-radius: 0.25rem;
  }
  .navlink-title {
    border-top-right-radius: 0.25rem;
  }
  .navlink-title {
    background-color: unset;
  }
  .navlink-title {
    padding: 0.5rem;
  }
}

.simple-wrapper {
  .dropdown-collection {
    .dropdown-item {
      &:hover,
        &:active {
        background-color: rgba(var(--gray-60),1);
      }
    }
  }
  &.tab-links {
    border-bottom-width: 1px;
  }
  &.tab-links {
    border-style: solid;
  }
  &.tab-links {
    border-bottom-color: rgba(var(--gray-60),0.4);
  }
  &.tab-links {
    .tab-link {
      &.active {
        margin-bottom: -1px;
      }
      &.active {
        border-radius: 6px 6px 0 0;
      }
      &.active {
        border-width: 1px;
      }
      &.active {
        border-bottom-width: 0px;
      }
      &.active {
        border-style: solid;
      }
      &.active {
        border-color: rgba(var(--gray-60),0.4);
      }
      &.active {
        background-color: rgba(var(--white),1);
      }
    }
  }
}

.pills-blogger {
  .blog-wrapper {
    .blog-img {
      height: 100px;
    }
  }
  .blog-content {
    width: calc(100% - 100px);
  }
}

@media (min-width: 1200px) {
   {
     {
       {
        .designer-details {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .designer-details {
        }
      }
    }
  }
}

.designer-details {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.25rem;
  .designer-profile {
    display: inline-block;
  }
  .designer-profile {
    @media (min-width: 1200px) {
       {
         {
           {
            .designer-wrap {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            .designer-wrap {
            }
          }
        }
      }
    }
    .designer-wrap {
      display: flex;
    }
    .designer-wrap {
      align-items: center;
    }
    .designer-wrap {
      gap: 0.75rem;
    }
    .designer-wrap {
      .designer-img {
        height: calc(38px + (50 - 38) * ((100vw - 320px) / (1920 - 320)));
      }
      .designer-img {
        border-radius: 100%;
      }
      .designer-content {
        h6 {
          font-weight: 500;
        }
        p {
          color: rgba(var(--light-text),1);
        }
      }
    }
  }
}

.nav-tabs {
  .nav-border {
    border-color: none;
  }
  .nav-border {
    color: rgba(var(--black),1);
  }
}

.ico-color {
  font-size: 1rem;
  line-height: 1.5rem;
  color: rgba(var(--warning-color),1);
}

.main-inbox {
  .header-inbox {
    padding-bottom: 8px !important;
  }
  @media (min-width: 1200px) {
     {
       {
         {
          .header-inbox {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .header-inbox {
          }
        }
      }
    }
  }
  .header-inbox {
    display: flex;
  }
  .header-inbox {
    align-items: center;
  }
  .header-inbox {
    justify-content: space-between;
  }
  .header-inbox {
    border-bottom-width: 1px;
  }
  .header-inbox {
    border-style: solid;
  }
  .header-inbox {
    border-bottom-color: rgba(var(--light-text),1);
  }
  .header-inbox {
    padding-bottom: 0.5rem;
  }
  .header-inbox {
    @media (min-width: 1200px) {
       {
         {
           {
            .header-left-inbox {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            .header-left-inbox {
            }
          }
        }
      }
    }
    .header-left-inbox {
      display: flex;
    }
    .header-left-inbox {
      flex-wrap: wrap;
    }
    .header-left-inbox {
      align-items: center;
    }
    .header-left-inbox {
      gap: 0.75rem;
    }
    .header-left-inbox {
      .inbox-img {
        img {
          height: 50px;
        }
        img {
          width: 50px;
        }
        img {
          border-radius: 100%;
        }
      }
    }
    @media (min-width: 1200px) {
       {
         {
           {
            .header-right-inbox {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            .header-right-inbox {
            }
          }
        }
      }
    }
    .header-right-inbox {
      display: flex;
    }
    .header-right-inbox {
      gap: 0.75rem;
    }
  }
  .body-inbox {
    @media (min-width: 1200px) {
       {
         {
           {
            .body-h-wrapper {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            .body-h-wrapper {
            }
          }
        }
      }
    }
    .body-h-wrapper {
      display: flex;
    }
    .body-h-wrapper {
      align-items: center;
    }
    .body-h-wrapper {
      border-bottom-color: rgba(var(--light-border),1);
    }
    .body-h-wrapper {
      padding-bottom: 0.375rem;
    }
  }
}

.tab-space {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

#sideline-tab {
  .nav-effect {
    display: block;
  }
  .nav-effect {
    position: relative;
  }
  .nav-effect {
    display: block;
  }
  .nav-effect::after {
    content: var(--tw-content);
    position: absolute;
  }
  .nav-effect::after {
    content: var(--tw-content);
    left: 0px;
  }
  .nav-effect::after {
    content: var(--tw-content);
    margin-top: 0.625rem;
  }
  .nav-effect::after {
    content: var(--tw-content);
    display: inline-block;
  }
  .nav-effect::after {
    content: var(--tw-content);
    height: 0.875rem;
  }
  .nav-effect::after {
    content: var(--tw-content);
    width: 80%;
  }
  .nav-effect::after {
    content: var(--tw-content);
    --tw-scale-x: 0;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .nav-effect::after {
    content: var(--tw-content);
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .nav-effect::after {
    content: var(--tw-content);
    border-bottom-width: 1px;
  }
  .nav-effect::after {
    content: var(--tw-content);
    border-style: solid;
  }
  .nav-effect::after {
    content: var(--tw-content);
    opacity: 0;
  }
  .nav-effect::after {
    content: var(--tw-content);
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  .nav-effect::after {
    content: var(--tw-content);
    transition-delay: 0.35s;
  }
  .nav-effect::after {
    content: var(--tw-content);
    transition-duration: 0.35s,transform;
  }
  .nav-effect::after {
    --tw-content: "";
    content: var(--tw-content);
  }
  .nav-effect:hover::after {
    content: var(--tw-content);
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .nav-effect:hover::after {
    content: var(--tw-content);
    opacity: 1;
  }
}

.tabs-responsive-side {
  .border-tab {
    &.nav-secondary {
      &.nav-left {
        .tab-link {
          &:hover,
            &.active {
            border-radius: 0px;
          }
          &:hover,
            &.active {
            border-left-width: 0px;
          }
          &:hover,
            &.active {
            background-color: unset;
          }
          &:hover,
            &.active {
            transition-property: none;
          }
        }
      }
    }
  }
}

::-moz-placeholder {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

::placeholder {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

@media (min-width: 1200px) {
   {
     {
       {
        .material-wrapper {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .material-wrapper {
        }
      }
    }
  }
}

.material-wrapper {
  display: flex;
  gap: 0.75rem;
  .material-flex {
    .tab-links {
      margin-bottom: 0 !important;
    }
    .tab-links {
      margin-bottom: 0px;
    }
    .tab-links {
      flex-direction: column;
    }
    .tab-links {
      .tab-link {
        &.active {
          background-color: transparent;
        }
      }
    }
  }
}

.bg-navbar {
  .tab-links {
    justify-content: flex-end;
  }
  .tab-links {
    border-radius: 0.5rem;
  }
  .tab-links {
    background-color: rgba(var(--light-color),1);
  }
  .tab-links {
    .tab-link {
      color: rgba(var(--dark-gray),1);
    }
    .tab-link {
      &.active {
        background-color: rgba(var(--theme-default),1) !important;
      }
      &.active {
        color: rgba(var(--white),1) !important;
      }
    }
  }
  .skill-tab {
    .form-control {
      width: 45%;
    }
    ul {
      margin-left: 1rem;
    }
    ul {
      list-style-type: circle;
    }
    ul {
      @media (max-width: 991px) {
         {
          [dir="rtl"] & {
            margin-right: 0px;
          }
        }
      }
      [dir="rtl"] & {
        margin-left: unset;
      }
      [dir="rtl"] & {
        margin-right: 1rem;
      }
      li {
        padding-bottom: 0.25rem;
      }
      li:last-child {
        padding-bottom: unset;
      }
    }
  }
  img {
    height: calc(160px + (245 - 160) * ((100vw - 320px) / (1920 - 320)));
  }
}

.arrow-tabs {
  &.bg-navbar {
    .tab-links {
      justify-content: flex-start;
    }
    .tab-links {
      border-radius: 0px;
    }
    .tab-links {
      .tab-link {
        clip-path: polygon(0% 0%, 85% 0%, 100% 50%, 85% 100%, 0% 100%);
        [dir="rtl"] & {
          clip-path: polygon(15% 0%, 0% 50%, 15% 100%, 100% 100%, 100% 0%);
        }
        .nav-link {
          &.active {
            border-radius: 0px;
          }
          &.active {
            background-color: rgba(var(--theme-default),1);
          }
        }
      }
    }
    @media (min-width: 1200px) {
       {
         {
           {
            .common-box {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            .common-box {
            }
          }
        }
      }
    }
    .common-box {
      display: flex;
    }
    .common-box {
      align-items: center;
    }
    .common-box {
      gap: 18px;
    }
    .common-box {
      &:first-child {
        p {
          margin-bottom: 0.875rem;
        }
      }
    }
  }
  i {
    font-size: calc(13px + (16 - 13) * ((100vw - 320px) / (1920 - 320)));
  }
  i {
    color: rgba(var(--badge-light-color),1);
  }
  i {
    [dir="rtl"] & {
      --tw-scale-x: -1;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
  }
}

.bottom-navbar {
  @media (min-width: 1200px) {
     {
       {
         {
          .tab-links {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .tab-links {
          }
        }
      }
    }
  }
  .tab-links {
    display: flex;
  }
  .tab-links {
    justify-content: center;
  }
  .tab-links {
    @media (min-width: 1200px) {
       {
         {
           {
            .tab-link {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > .tab-link {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > .tab-link {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > .tab-link {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > .tab-link {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            .tab-link {
            }
          }
        }
      }
    }
    .tab-link {
      display: flex;
    }
    .tab-link {
      width: 100%;
    }
    .tab-link {
      align-items: center;
    }
    .tab-link {
      justify-content: center;
    }
    .tab-link {
      img {
        margin-right: 0.5rem;
      }
      img {
        height: 1.25rem;
      }
      img {
        --tw-grayscale: grayscale(1);
        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
      }
      img {
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
      }
      img {
        transition-duration: 0.3s;
      }
      img {
        transition-timing-function: ease;
      }
      img {
        [dir="rtl"] & {
          margin-left: 0.5rem;
        }
        [dir="rtl"] & {
          margin-right: unset;
        }
      }
      &.active {
        img {
          --tw-scale-x: 1.2;
          --tw-scale-y: 1.2;
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        }
        img {
          --tw-grayscale: grayscale(0);
          filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
        }
        img {
          transition-property: all;
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-duration: 150ms;
        }
        img {
          transition-duration: 0.3s;
        }
        img {
          transition-timing-function: ease;
        }
      }
    }
  }
  .tab-content {
    .common-flex {
      margin-bottom: 18px;
    }
    .common-flex {
      img {
        height: 1.25rem;
      }
    }
    @media (min-width: 1200px) {
       {
         {
           {
            .tab-paragraph {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            .tab-paragraph {
            }
          }
        }
      }
    }
    .tab-paragraph {
      margin-bottom: 0.875rem;
    }
    .tab-paragraph {
      display: flex;
    }
    .tab-paragraph {
      align-items: baseline;
    }
    .tab-paragraph {
      gap: 0.5rem;
    }
    .tab-paragraph {
      i {
        font-size: calc(13px + (16 - 13) * ((100vw - 320px) / (1920 - 320)));
      }
      i {
        color: rgba(var(--badge-light-color),1);
      }
      i {
        [dir="rtl"] & {
          --tw-scale-x: -1;
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        }
      }
    }
  }
}

.horizontal-icons-tab {
  .tab-links {
    margin: 0px !important;
  }
  @media (min-width: 1200px) {
     {
       {
         {
          .tab-links {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .tab-links {
          }
        }
      }
    }
  }
  .tab-links {
    margin: 0px;
  }
  .tab-links {
    display: flex;
  }
  .tab-links {
    flex-wrap: wrap;
  }
  .tab-links {
    align-items: flex-start;
  }
  .tab-links {
    justify-content: flex-start;
  }
  .tab-links {
    border-radius: 2px 2px 0px 0px;
  }
  .tab-links {
    background-image: linear-gradient( 135deg,rgba(var(--light-bg),1) 0%,rgba(var(--light-bg),1) 100% );
  }
  .tab-links {
    @media (min-width: 1200px) {
       {
         {
           {
            .tab-link {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            .tab-link {
            }
          }
        }
      }
    }
    .tab-link {
      position: relative;
    }
    .tab-link {
      display: flex;
    }
    .tab-link {
      cursor: pointer;
    }
    .tab-link {
      align-items: center;
    }
    .tab-link {
      justify-content: center;
    }
    .tab-link {
      overflow: hidden;
    }
    .tab-link {
      border-radius: 0px;
    }
    .tab-link {
      border-color: none;
    }
    .tab-link {
      background-image: linear-gradient( 90deg,transparent 70%,rgba(var(--white),0.2) 100% );
    }
    .tab-link {
      padding-left: 25px;
      padding-right: 25px;
    }
    .tab-link {
      padding-top: 0.625rem;
      padding-bottom: 0.625rem;
    }
    .tab-link {
      transition-property: 0.3s;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }
    .tab-link {
      transition-duration: ease;
    }
    @media (max-width: 575px) {
    }
    @media (max-width: 575px) {
    }
    @media (max-width: 575px) {
    }
    @media (max-width: 575px) {
    }
    .tab-link::before {
      content: var(--tw-content);
      position: absolute;
    }
    .tab-link::before {
      content: var(--tw-content);
      left: 0px;
    }
    .tab-link::before {
      content: var(--tw-content);
      top: 0px;
    }
    .tab-link::before {
      content: var(--tw-content);
      left: 0px;
    }
    .tab-link::before {
      content: var(--tw-content);
      top: 0px;
    }
    .tab-link::before {
      content: var(--tw-content);
      z-index: 2;
    }
    .tab-link::before {
      content: var(--tw-content);
      height: 0px;
    }
    .tab-link::before {
      content: var(--tw-content);
      height: 2px;
    }
    .tab-link::before {
      content: var(--tw-content);
      width: 100%;
    }
    .tab-link::before {
      content: var(--tw-content);
      width: 100%;
    }
    .tab-link::before {
      content: var(--tw-content);
      background-image: linear-gradient( 135deg,rgba(var(--theme-default),1) 0%,rgba(var(--info-color),1) 100% );
    }
    .tab-link::before {
      content: var(--tw-content);
      transition-property: 0.3s;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }
    .tab-link::before {
      content: var(--tw-content);
      transition-duration: ease-in-out;
    }
    .tab-link::before {
      --tw-content: "";
      content: var(--tw-content);
    }
    .tab-link::before {
      --tw-content: "";
      content: var(--tw-content);
    }
    .tab-link {
      background: transparent;
      outline: none;
      i {
        z-index: 2;
      }
      i {
        color: rgba(var(--body-font-color),1);
      }
      i {
        opacity: 0.8;
      }
      i {
        [dir="rtl"] & {
          margin-left: 0.625rem;
        }
        [dir="rtl"] & {
          margin-right: unset;
        }
      }
      &.active {
        bottom: 0px;
      }
      &.active {
        z-index: 0;
      }
      &.active {
        overflow: hidden;
      }
      &.active {
        border-left-width: 0px;
        border-right-width: 0px;
      }
      &.active {
        background-color: rgba(var(--white),1);
      }
      &.active {
        color: rgba(var(--primary-color),1);
      }
      &.active {
        :hover {
          span {
            background-color: rgba(var(--white),1);
          }
          span {
            opacity: 1;
          }
          span {
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
          }
        }
      }
      span {
        margin: 0px !important;
      }
      span {
        padding: 0 !important;
      }
      @media (min-width: 1200px) {
         {
           {
             {
              span {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              span {
              }
            }
          }
        }
      }
      span {
        z-index: 2;
      }
      span {
        margin: 0px;
      }
      span {
        display: flex;
      }
      span {
        align-items: center;
      }
      span {
        justify-content: center;
      }
      span {
        padding: 0px;
      }
      span {
        font-size: 1rem;
        line-height: 1.5rem;
      }
      span {
        font-weight: 400;
      }
      span {
        color: rgba(var(--body-font-color),1);
      }
      span {
        opacity: 0.6;
      }
      span {
        transition-property: 0.5s;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
      }
      span {
        transition-duration: ease;
      }
      span::before {
        content: var(--tw-content);
        position: absolute;
      }
      span::before {
        content: var(--tw-content);
        top: 110%;
      }
      span::before {
        content: var(--tw-content);
        z-index: -1;
      }
      span::before {
        content: var(--tw-content);
        font-size: 40px;
      }
      span::before {
        content: var(--tw-content);
        font-weight: 600;
      }
      span::before {
        content: var(--tw-content);
        color: rgba(var(--white),1);
      }
      span::before {
        content: var(--tw-content);
        opacity: 0.1;
      }
      span::before {
        content: var(--tw-content);
        transition-property: 1s;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
      }
      span::before {
        content: var(--tw-content);
        transition-duration: ease-out;
      }
      span::before {
        --tw-content: attr(data-title);
        content: var(--tw-content);
      }
      span {
        backface-visibility: hidden;
        @media (min-width: 1200px) {
           {
             {
               {
                &::before {
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                &::before {
                }
              }
            }
          }
        }
        &::before {
          display: flex;
        }
        &::before {
          height: auto;
        }
        &::before {
          width: auto;
        }
        &::before {
          align-items: center;
        }
        &::before {
          justify-content: center;
        }
      }
      &:hover {
        span {
          color: rgba(var(--white),1);
        }
        span {
          opacity: 1;
        }
        i {
          color: rgba(var(--white),1);
        }
        &::before {
          bottom: 0px;
        }
        &::before {
          z-index: 2;
        }
        &::before {
          height: 100%;
        }
      }
    }
  }
}

.bottom-border-tab {
  .nav {
    .nav-item {
      .nav-link {
        border-bottom-width: 2px;
      }
      .nav-link {
        border-style: solid;
      }
      .nav-link {
        border-bottom-color: rgba(var(--transparent-color),1);
      }
    }
  }
}

.tabs {
  .tab-content {
    .tab-pan {
      display: none;
    }
    .tab-pan {
      &.active {
        display: block;
      }
      &.active {
        display: block;
      }
    }
  }
}

.list-tab-card {
  > .tab-links {
    .active {
      border-width: 1px;
    }
    .active {
      border-style: solid;
    }
    .active {
      border-color: rgba(var(--primary-color),1);
    }
    .active {
      background-color: rgba(var(--primary-color),0.2);
    }
    .active {
      color: rgba(var(--white),1);
    }
  }
}

.nav-secondary a,
  .nav-pills.nav-secondary a {
  color: rgba(var(--theme-secondary),1) !important;
}

.nav-secondary a.active,
  .nav-secondary .show > a,
  .nav-pills.nav-secondary a.active,
  .nav-pills.nav-secondary .show > a {
  border-radius: 0.375rem;
  background-color: rgba(var(--theme-secondary),1) !important;
  color: rgba(var(--white),1) !important;
}

.nav-primary li,
  .nav-pills.nav-primary li {
  color: rgba(var(--theme-default),1) !important;
}

.nav-primary .tab-link.active,
  .nav-primary .show > .tab-link,
  .nav-pills.nav-primary .tab-link.active,
  .nav-pills.nav-primary .show > .tab-link {
  border-radius: 0.375rem;
  background-color: rgba(var(--theme-default),1) !important;
  color: rgba(var(--white),1) !important;
}

.border-tab.nav-left.nav-secondary .tab-link.active,
  .border-tab.nav-left.nav-secondary .show > .tab-link {
  border-left-color: rgba(var(--theme-secondary),1);
  color: rgba(var(--theme-secondary),1) !important;
}

.border-tab.nav-secondary .tab-link.active,
  .border-tab.nav-secondary .tab-link.show,
  .border-tab.nav-secondary .tab-link:focus {
  border-bottom-width: 2px;
  border-style: solid;
  border-bottom-color: rgba(var(--theme-secondary),1) !important;
}

#bottom-tab .nav-border.tab-primary.active {
  border-bottom-width: 2px;
  border-style: solid;
  border-bottom-color: rgba(var(--theme-default),1) !important;
  color: rgba(var(--theme-default),1) !important;
}

@media (max-width: 1580px) and (min-width: 1200px){
  .horizontal-icons-tab {
    .tab-links {
      .tab-link {
        padding-left: 12px;
        padding-right: 12px;
      }
    }
  }
}

.list-page {
  ol {
    padding: 0;
  }
  ol {
    .list-group-item {
      list-style-type: decimal;
      &:first-child {
        border-top-left-radius: inherit;
        border-top-right-radius: inherit;
      }
    }
  }
}

.list-group-item.active {
  border-color: rgba(var(--theme-default),1);
  background-color: rgba(var(--theme-default),1);
  color: rgba(var(--white),1);
}

.list-group {
  i {
    margin-right: var(--list-group-margin);
  }
  img {
    margin-right: var(--list-group-margin);
  }
  img {
    height: 40px;
  }
  img {
    width: 40px;
  }
}

.horizontal-list-wrapper {
  .list-group {
    .list-group-item {
      padding: 0.5rem !important;
    }
  }
}

@media (min-width: 1200px) {
   {
     {
       {
        .list-wrapper {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .list-wrapper {
        }
      }
    }
  }
}

.list-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
  .list-img {
    margin-bottom: 0.625rem;
  }
  .list-img {
    height: calc(40px + (55 - 40) * ((100vw - 320px) / (1920 - 320)));
  }
  .list-img {
    width: calc(40px + (55 - 40) * ((100vw - 320px) / (1920 - 320)));
  }
  .list-img {
    border-radius: 50%;
  }
  .list-content {
    p {
      margin-bottom: 0;
    }
  }
}

.scrollbar-wrapper {
  max-height: 270px;
  overflow: auto;
  .list-group-item {
    &.active {
      .list-content {
        h6,
          p,
          small {
          color: rgba(var(--body-font-color),1);
        }
      }
    }
  }
}

.main-lists-content {
  .list-group-item {
    &.active {
      h6,
        p {
        color: rgba(var(--white),1);
      }
    }
  }
}

.list-behavior-1 {
  .grow {
    margin-left: 1rem;
  }
  .grow {
    @media (max-width: 991px) {
       {
        [dir="rtl"] & {
          margin-right: 0px;
        }
      }
    }
    [dir="rtl"] & {
      margin-left: unset;
    }
    [dir="rtl"] & {
      margin-right: 1rem;
    }
  }
}

.list-behaviors {
  > div:nth-child(even) {
    @media (max-width: 991px) {
       {
        .grow {
          margin-right: 0px;
        }
      }
    }
    .grow {
      order: -1;
    }
    .grow {
      margin-left: unset;
    }
    .grow {
      margin-right: 1rem;
    }
  }
}

.list-group {
  .list-group-item {
    border-width: 1px;
  }
  .list-group-item {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .list-group-item {
    padding-top: 11px !important;
    padding-bottom: 11px !important;
  }
  .list-group-item {
    .form-check-input {
      &:focus {
        --tw-shadow-color: unset;
        --tw-shadow: var(--tw-shadow-colored);
      }
    }
  }
}

.badge-list {
  @media (min-width: 1200px) {
     {
       {
         {
          .list-group-item {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .list-group-item {
          }
        }
      }
    }
  }
  .list-group-item {
    display: flex;
  }
  .list-group-item {
    flex-wrap: wrap;
  }
  .list-group-item {
    align-items: flex-start;
  }
  .list-group-item {
    justify-content: space-between;
  }
  .list-group-item {
    div {
      margin-left: 0.5rem;
    }
    div {
      margin-right: auto;
    }
    div {
      [dir="rtl"] & {
        margin-left: auto;
      }
      [dir="rtl"] & {
        margin-right: 0.5rem;
      }
    }
  }
}

.list-group-flush {
  li {
    border-bottom-width: 1px;
  }
  li:last-child {
    padding-bottom: 0 !important;
  }
  li:first-child {
    border-top-width: 0px;
  }
  li:first-child {
    padding-top: 0px;
  }
  li:last-child {
    padding-bottom: 0px;
  }
  li {
    border-inline: unset;
    i {
      font-size: 1rem;
      line-height: 1.5rem;
    }
  }
  > .list-group-item {
    &:last-child {
      border-bottom-width: 0px;
    }
  }
}

.list-group-item {
  position: relative;
  display: block;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 11px;
  padding-bottom: 11px;
  color: rgba(var(--theme-body-font-color),1);
  text-decoration-line: none;
}

.list-group-numbered > .list-group-item::before {
  --tw-content: counters(section,".") ". ";
  content: var(--tw-content);
  counter-increment: section;
}

.list-hover-primary:hover,
  .list-hover-primary:active,
  .list-hover-primary.active,
  .list-hover-primary:focus {
  /* @apply bg-[rgba(var(--theme-default),0.1)] z-0 text-[rgba(var(--dark-color),1)]; */
  z-index: 0;
  background-color: rgba(var(--theme-default),0.1);
  color: rgba(var(--small-tag-color),1);
}

.list-light-primary {
  &:hover,
    &:active,
    &:focus {
    background-color: rgba(var(--theme-default),0.1) !important;
  }
}

.list-light-secondary {
  &:hover,
    &:active,
    &:focus {
    background-color: rgba(var(--theme-secondary),0.1) !important;
  }
}

.list-light-success {
  &:hover,
    &:active,
    &:focus {
    background-color: rgba(var(--success-color),0.1) !important;
  }
}

.list-light-danger {
  &:hover,
    &:active,
    &:focus {
    background-color: rgba(var(--danger-color),0.1) !important;
  }
}

.list-light-warning {
  &:hover,
    &:active,
    &:focus {
    background-color: rgba(var(--warning-color),0.1) !important;
  }
}

.list-light-info {
  &:hover,
    &:active,
    &:focus {
    background-color: rgba(var(--info-color),0.1) !important;
  }
}

.list-light-dark {
  &:hover,
    &:active,
    &:focus {
    background-color: rgba(var(--dark-color),0.1) !important;
  }
}

.list-group-numbered {
  list-style-type: none;
  counter-reset: section;
}

.list-group {
  margin-bottom: 0 !important;
}

@media (min-width: 1200px) {
   {
     {
       {
        .list-group {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .list-group {
        }
      }
    }
  }
}

.list-group {
  margin-bottom: 0px;
  display: flex;
  flex-direction: column;
  border-radius: 6px;
  padding-left: 0px;
}

[dir="rtl"] .list-group .list-group-item i {
  margin-left: 0.625rem;
  margin-right: unset;
}

.list-group {
  .form-check-input[type="checkbox"].checkbox-danger,
    [type="radio"] {
    &.checkbox-danger {
      border-color: rgba(var(--danger-color),1);
    }
    &.checkbox-danger {
      background-color: unset;
    }
    &.checkbox-danger {
      outline: 0;
      &:focus,
        &:active,
        &.active,
        &:checked {
        border-color: rgba(var(--danger-color),1);
      }
      &:focus,
        &:active,
        &.active,
        &:checked {
        background-color: rgba(var(--danger-color),1);
      }
      &:focus,
        &:active,
        &.active,
        &:checked {
        outline: 0;
      }
    }
    &.checkbox-primary {
      border-color: rgba(var(--theme-default),1);
    }
    &.checkbox-primary {
      background-color: unset;
    }
    &.checkbox-primary {
      outline: 0;
      &:focus,
        &:active,
        &.active,
        &:checked {
        border-color: rgba(var(--theme-default),1);
      }
      &:focus,
        &:active,
        &.active,
        &:checked {
        background-color: rgba(var(--theme-default),1);
      }
      &:focus,
        &:active,
        &.active,
        &:checked {
        outline: 0;
      }
    }
    &.checkbox-success {
      border-color: rgba(var(--success-color),1);
    }
    &.checkbox-success {
      background-color: unset;
    }
    &.checkbox-success {
      outline: 0;
      &:focus,
        &:active,
        &.active,
        &:checked {
        border-color: rgba(var(--success-color),1);
      }
      &:focus,
        &:active,
        &.active,
        &:checked {
        background-color: rgba(var(--success-color),1);
      }
      &:focus,
        &:active,
        &.active,
        &:checked {
        outline: 0;
      }
    }
    &.checkbox-info {
      border-color: rgba(var(--info-color),1);
    }
    &.checkbox-info {
      background-color: unset;
    }
    &.checkbox-info {
      outline: 0;
      &:focus,
        &:active,
        &.active,
        &:checked {
        border-color: rgba(var(--info-color),1);
      }
      &:focus,
        &:active,
        &.active,
        &:checked {
        background-color: rgba(var(--info-color),1);
      }
      &:focus,
        &:active,
        &.active,
        &:checked {
        outline: 0;
      }
    }
  }
}

.list-group-horizontal-sm > {
  .list-group-item {
    &:first-child {
      &:not(:last-child) {
        border-bottom-left-radius: 6px;
      }
      &:not(:last-child) {
        border-top-right-radius: 0px;
      }
    }
    &:last-child {
      &:not(:first-child) {
        border-top-right-radius: 6px;
      }
      &:not(:first-child) {
        border-bottom-left-radius: 0px;
      }
    }
  }
}

.list-group-horizontal-md > {
  .list-group-item {
    &:first-child {
      &:not(:last-child) {
        border-bottom-left-radius: 6px;
      }
      &:not(:last-child) {
        border-top-right-radius: 0px;
      }
    }
    &:last-child {
      &:not(:first-child) {
        border-top-right-radius: 6px;
      }
      &:not(:first-child) {
        border-bottom-left-radius: 0px;
      }
    }
  }
}

.list-group-horizontal-lg > {
  .list-group-item {
    &:first-child {
      &:not(:last-child) {
        border-bottom-left-radius: 6px;
      }
      &:not(:last-child) {
        border-top-right-radius: 0px;
      }
    }
    &:last-child {
      &:not(:first-child) {
        border-top-right-radius: 6px;
      }
      &:not(:first-child) {
        border-bottom-left-radius: 0px;
      }
    }
  }
}

.list-group-horizontal-xl > {
  .list-group-item {
    &:first-child {
      &:not(:last-child) {
        border-bottom-left-radius: 6px;
      }
      &:not(:last-child) {
        border-top-right-radius: 0px;
      }
    }
    &:last-child {
      &:not(:first-child) {
        border-top-right-radius: 6px;
      }
      &:not(:first-child) {
        border-bottom-left-radius: 0px;
      }
    }
  }
}

.list-group-horizontal-xxl > {
  .list-group-item {
    &:first-child {
      &:not(:last-child) {
        border-bottom-left-radius: 6px;
      }
      &:not(:last-child) {
        border-top-right-radius: 0px;
      }
    }
    &:last-child {
      &:not(:first-child) {
        border-top-right-radius: 6px;
      }
      &:not(:first-child) {
        border-bottom-left-radius: 0px;
      }
    }
  }
}

[data-simplebar] {
  position: unset;
}

.simplebar-mask {
  top: 100px;
}

.simplebar-track {
  right: -0.125rem;
  &.simplebar-vertical {
    top: 100px;
  }
  &.simplebar-vertical {
    width: 0.625rem;
  }
  &.simplebar-horizontal {
    visibility: hidden !important;
  }
}

.simplebar-scrollbar {
  &:before {
    background-color: rgba(var(--theme-default),0.2);
  }
}

.scrollbar-images {
  margin-bottom: 16px !important;
  margin-bottom: 0.75rem;
}

.visible-wrapper {
  img {
    width: calc( 230px + (330 - 230) * ((100vw - 320px) / (1920 - 320)) );
  }
}

.horizontal-scroll {
  .horz-scroll-content {
    .horizontal-img {
      height: 100%;
    }
    .horizontal-img {
      img {
        height: 100%;
      }
      img {
        -o-object-fit: cover;
           object-fit: cover;
      }
    }
  }
}

.scroll-demo {
  &.scroll-b-none {
    border-width: 0 !important;
  }
  &.scroll-b-none {
    padding: 0 !important;
  }
  &.scroll-b-none {
    border-width: 0px;
  }
  &.scroll-b-none {
    padding: 0px;
  }
}

[dir="rtl"] .scroll-demo .scroll-rtl .list-group-item span {
  margin-right: auto;
}

.sortable-handler {
  ul {
    li {
      i {
        cursor: pointer;
      }
    }
  }
}

@media (min-width: 1200px) {
   {
     {
       {
        .grid-box-wrapper {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .grid-box-wrapper {
        }
      }
    }
  }
}

.grid-box-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.grid-box {
  display: grid;
}

.grid-box > div {
  position: relative;
}

@media (max-width: 575px) {
   {
     {
       {
        .grid-box {
        }
      }
    }
     {
       {
        .grid-box {
        }
      }
    }
  }
}

.grid-box {
  display: grid;
  height: 100px;
  width: 100px;
  place-items: center;
  border-radius: 10px;
  padding: 0.5rem;
}

.draggable-filter {
  ul {
    li {
      img {
        height: 37px;
      }
      img {
        width: 37px;
      }
    }
  }
}

.stackable-list {
  .list-group {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .list-group {
    padding-top: 11px;
    padding-bottom: 11px;
  }
  .list-group {
    .list-group-item {
      padding-left: 1rem;
      padding-right: 1rem;
    }
    .list-group-item {
      padding-top: 11px;
      padding-bottom: 11px;
    }
    .list-group-item {
      i {
        color: rgba(var(--warning-color),1);
      }
    }
  }
}

.nested-1 {
  background-color: rgba(var(--theme-default),0.03);
}

.nested-2 {
  background-color: rgba(var(--theme-default),0.05);
}

.nested-3 {
  background-color: rgba(var(--theme-default),0.07);
}

.nested-4 {
  background-color: rgba(var(--theme-default),0.09);
}

.swap-wrapper {
  .list-group {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .list-group {
    padding-top: 11px;
    padding-bottom: 11px;
  }
  .list-group {
    img {
      float: inline-start;
    }
    img {
      height: 1rem;
    }
    img {
      width: auto;
    }
  }
}

.block-main-wrapper,
  .card-block-wrapper {
  p {
    display: block;
  }
  p {
    display: block;
  }
  p {
    margin-left: auto;
    margin-right: auto;
  }
  p {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  p {
    display: block;
  }
  p {
    max-width: 100%;
  }
  p {
    overflow: hidden;
  }
  p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  p {
    display: block;
  }
  p {
    height: 68px;
  }
  p {
    overflow: hidden;
  }
  p {
    text-overflow: ellipsis;
  }
  p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
}

.block-main-wrapper {
  position: relative;
  .button {
    padding-top: 6px;
    padding-bottom: 6px;
  }
  .button {
    padding-left: 28px;
    padding-right: 28px;
  }
  .block-wrapper {
    margin-bottom: 16px !important;
  }
  .block-wrapper {
    padding: 1rem !important;
  }
  .block-wrapper {
    position: relative;
  }
  .block-wrapper {
    margin-bottom: 0.75rem;
  }
  .block-wrapper {
    border-width: 1px;
  }
  .block-wrapper {
    border-style: solid;
  }
  .block-wrapper {
    border-color: rgba(var(--chart-dashed-border),1);
  }
  .block-wrapper {
    padding: 0.75rem;
  }
  .block-wrapper {
    p {
      margin: 0px !important;
    }
    p {
      margin: 0px;
    }
  }
}

.block-wrapper {
  .button {
    padding-top: 6px;
    padding-bottom: 6px;
  }
  .button {
    padding-left: 28px;
    padding-right: 28px;
  }
}

@media (max-width: 575px) {
   {
     {
       {
        > .card-img-top1,> 
  .card-img-top2 {
          width: 90%;
        }
      }
    }
     {
       {
         {
          > .card-img-top1,> 
  .card-img-top2 {
            width: 90%;
          }
        }
      }
    }
     {
       {
        > .card-img-top1,> 
  .card-img-top2 {
          width: 90%;
        }
      }
    }
     {
       {
         {
          > .card-img-top1,> 
  .card-img-top2 {
            width: 90%;
          }
        }
      }
    }
  }
}

.card-img-top1,
  .card-img-top2 {
  height: 100px;
  width: 100%;
  border-radius: 0px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: bottom;
     object-position: bottom;
}

.form-main-wrapper {
  .form-block-wrapper {
    margin-bottom: 16px !important;
  }
  .form-block-wrapper {
    position: relative;
  }
  .form-block-wrapper {
    margin-bottom: 0.75rem;
  }
  .form-block-wrapper {
    .card-wrapper {
      &.overlay-bg {
        cursor: wait;
      }
      &.overlay-bg {
        form {
          .form-control {
            border-color: rgba(var(--gray-60),1);
          }
          .form-control {
            background-color: transparent;
          }
          .form-control {
            color: rgba(var(--black),1);
          }
        }
      }
    }
  }
  .button {
    padding-top: 6px;
    padding-bottom: 6px;
  }
  .button {
    padding-left: 28px;
    padding-right: 28px;
  }
}

.overlay-bg {
  background-color: rgba(var(--black),0.3);
}

@media (max-width: 575px) {
   {
     {
       {
        > .page-loader-10 {
          width: 90%;
        }
      }
    }
     {
       {
         {
          > .page-loader-10 {
            width: 90%;
          }
        }
      }
    }
     {
       {
        > .page-loader-10 {
          width: 90%;
        }
      }
    }
     {
       {
         {
          > .page-loader-10 {
            width: 90%;
          }
        }
      }
    }
  }
}

.page-loader-10 {
  position: relative;
  left: 0px;
  top: 0px;
  z-index: 2;
  height: 100%;
  width: 100%;
  background-color: rgba(var(--white),0.8);
  opacity: 0.4;
}

.page-loader-10::before {
  text-align: center;
  content: var(--tw-content);
  display: block;
}

.page-loader-10::after {
  border-width: 2px !important;
  content: var(--tw-content);
  display: block;
}

@media (max-width: 767px) {
}

.page-loader-10::before {
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  max-width: 125px;
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  text-align: center;
  --tw-text-opacity: 1;
  color: rgb(52 58 64 / var(--tw-text-opacity, 1));
  --tw-content: attr(data-text);
  content: var(--tw-content);
}

.page-loader-10::after {
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  animation: load 0.85s infinite linear;
  border-radius: 50%;
  border-width: 2px;
  border-style: solid;
  border-color: transparent var(--recent-dashed-border) var(--recent-dashed-border) var(--recent-dashed-border);
  --tw-content: '';
  content: var(--tw-content);
}

.page-loader-10 {
  ::after {
    height: 35px;
  }
  ::after {
    width: 35px;
  }
}

@keyframes load {
  0% {
    transform: translate3d(-50%, -50%, 0) rotate(0deg);
  }

  100% {
    transform: translate3d(-50%, -50%, 0) rotate(360deg);
  }
}

.page-loader-12 {
  position: relative;
  left: 0px;
  top: 0px;
  animation: content-loading 2s linear;
  background-color: rgba(var(--white),0.8);
}

.page-loader-12::before {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  display: block;
  max-width: 125px;
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-radius: 25px 0 25px 0;
  background-color: rgba(var(--theme-secondary),1);
  padding: 18px;
  font-size: 1.25rem;
  line-height: 1.75rem;
  color: rgba(var(--body-font-color),1);
  --tw-content: "Loading...";
  content: var(--tw-content);
}

@keyframes content-loading {
  to {
    opacity: 0;
  }
}

@keyframes shake {
  30% {
    transform: perspective(240px) rotateX(var(--step-1-rx, 0deg))
        rotateY(var(--step-1-ry, 0deg)) rotateZ(var(--step-1-rz, 0deg))
        translateZ(10px);
  }

  60% {
    transform: perspective(240px) rotateX(var(--step-2-rx, 0deg))
        rotateY(var(--step-2-ry, 0deg)) rotateZ(var(--step-2-rz, 0deg))
        translateZ(10px);
  }

  100% {
    transform: perspective(240px) translateZ(4px);
  }
}

@keyframes tear {
  0% {
    opacity: 0;
    transform: translateY(-2px) scale(0) translateZ(0);
  }

  50% {
    transform: translateY(12px) scale(0.6, 1.2) translateZ(0);
  }

  20%,
    80% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: translateY(24px) translateX(4px) rotateZ(-30deg)
        scale(0.7, 1.1) translateZ(0);
  }
}

@keyframes toggle {
  50% {
    transform: translateY(var(--middle-y, 0))
        scale(
          var(--middle-s-x, var(--middle-s, 1)),
          var(--middle-s-y, var(--middle-s, 1))
        )
        rotate(var(--middle-r, 0deg));
  }
}

@keyframes angry {
  40% {
    background: var(--active);
  }

  45% {
    box-shadow: inset 3px -3px 4px var(--active-shadow),
        inset 0 8px 10px var(--active-shadow-angry);
  }
}

.feedback {
  margin: 0px !important;
  padding: 0 !important;
}

@media (min-width: 1200px) {
   {
     {
       {
        .feedback {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .feedback {
        }
      }
    }
  }
}

.feedback {
  margin: 0px;
  display: flex;
  list-style-type: none;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.625rem;
  padding: 0px;
  li {
    position: relative;
  }
  li {
    border-radius: 50%;
  }
  li {
    --tw-shadow: inset 3px -3px 4px var(--sh,rgba(var(--normal-shadow),1));
    --tw-shadow-colored: inset 3px -3px 4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  li {
    background: var(--sb, rgba(var(--normal), 1));
    transition: bg 0.4s, box-shadow 0.4s, transform 0.3s;
    -webkit-tap-highlight-color: transparent;
    div {
      position: relative;
    }
    div {
      height: 2.5rem;
    }
    div {
      width: 2.5rem;
    }
    div::before {
      content: var(--tw-content);
      display: block;
    }
    div::after {
      content: var(--tw-content);
      display: block;
    }
    div::before {
      content: var(--tw-content);
      position: absolute;
    }
    div::before {
      content: var(--tw-content);
      left: var(--l,9px);
    }
    div::before {
      content: var(--tw-content);
      top: var(--t,13px);
    }
    div::before {
      content: var(--tw-content);
      z-index: var(--zi,1);
    }
    div::before {
      content: var(--tw-content);
      display: block;
    }
    div::before {
      content: var(--tw-content);
      height: var(--h,2px);
    }
    div::before {
      content: var(--tw-content);
      width: var(--w,8px);
    }
    div::before {
      content: var(--tw-content);
      border-radius: var(--br,1px);
    }
    div::before {
      content: var(--tw-content);
      transition-property: background;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }
    div::before {
      content: var(--tw-content);
      transition-duration: 0.4s;
    }
    div::before {
      --tw-content: "";
      content: var(--tw-content);
    }
    div::after {
      content: var(--tw-content);
      position: absolute;
    }
    div::after {
      content: var(--tw-content);
      left: var(--l,9px);
    }
    div::after {
      content: var(--tw-content);
      top: var(--t,13px);
    }
    div::after {
      content: var(--tw-content);
      z-index: var(--zi,1);
    }
    div::after {
      content: var(--tw-content);
      display: block;
    }
    div::after {
      content: var(--tw-content);
      height: var(--h,2px);
    }
    div::after {
      content: var(--tw-content);
      width: var(--w,8px);
    }
    div::after {
      content: var(--tw-content);
      border-radius: var(--br,1px);
    }
    div::after {
      content: var(--tw-content);
      transition-property: background;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }
    div::after {
      content: var(--tw-content);
      transition-duration: 0.4s;
    }
    div::after {
      --tw-content: "";
      content: var(--tw-content);
    }
    div {
      transform: perspective(240px) translateZ(4px);
      svg {
        display: block;
      }
      svg {
        position: absolute;
      }
      svg {
        left: var(--l,9px);
      }
      svg {
        top: var(--t,13px);
      }
      svg {
        display: block;
      }
      svg {
        height: var(--h,2px);
      }
      svg {
        width: var(--w,8px);
      }
      svg {
        fill: none;
      }
      svg {
        stroke: var(--s);
      }
      svg {
        stroke-width: 2px;
      }
      svg {
        transition-property: stroke;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
      }
      svg {
        transition-duration: 0.4s;
      }
      svg {
        transform: rotate(var(--r, 0deg)) scale(var(--sc, 1)) translateZ(0);
        stroke-linecap: round;
        stroke-linejoin: round;
      }
      &:before {
        transform: rotate(var(--r, 0deg)) scale(var(--sc, 1)) translateZ(0);
        background: var(--b, var(--e, rgba(var(--normal-eye), 1)));
      }
      &:after {
        transform: rotate(var(--r, 0deg)) scale(var(--sc, 1)) translateZ(0);
        background: var(--b, var(--e, rgba(var(--normal-eye), 1)));
      }
      svg.eye {
        --s: var(--e, rgba(var(--normal-eye), 1));
        --t: 17px;
        --w: 7px;
        --h: 4px;
      }
      svg.eye.right {
        --l: 23px;
      }
      svg.mouth {
        --s: var(--m, rgba(var(--normal-mouth), 1));
        --l: 11px;
        --t: 23px;
        --w: 18px;
        --h: 7px;
      }
    }
    &:not(.active) {
      cursor: pointer;
    }
    &:not(.active):active {
      --tw-scale-x: 0.925;
      --tw-scale-y: 0.925;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
  }
  li {
    &.angry {
      --step-1-rx: -24deg;
      --step-1-ry: 20deg;
      --step-2-rx: -24deg;
      --step-2-ry: -20deg;
      div {
        &:before {
          --r: 20deg;
        }
        &:after {
          --l: 23px;
          --r: -20deg;
        }
        svg.eye {
          stroke-dasharray: 4.55;
          stroke-dashoffset: 8.15;
        }
      }
      &.active {
        animation: angry 1s linear;
        -webkit-animation: angry 1s linear;
        div {
          &:before {
            animation: toggle 0.8s linear forwards;
          }
          &:before {
            --middle-y: -2px;
            --middle-r: 22deg;
            -webkit-animation: toggle 0.8s linear forwards;
          }
          &:after {
            animation: toggle 0.8s linear forwards;
          }
          &:after {
            --middle-y: 1px;
            --middle-r: -18deg;
            -webkit-animation: toggle 0.8s linear forwards;
          }
        }
      }
    }
  }
  li {
    &.sad {
      --step-1-rx: 20deg;
      --step-1-ry: -12deg;
      --step-2-rx: -18deg;
      --step-2-ry: 14deg;
      div {
        &:before {
          --b: rgba(var(--active-tear), 1);
          --sc: 0;
          --w: 5px;
          --h: 5px;
          --t: 15px;
          --br: 50%;
        }
        &:after {
          --b: rgba(var(--active-tear), 1);
          --sc: 0;
          --w: 5px;
          --h: 5px;
          --t: 15px;
          --br: 50%;
          --l: 25px;
        }
        svg {
          .eye {
            --t: 16px;
          }
          .mouth {
            --t: 24px;
            stroke-dasharray: 9.5;
            stroke-dashoffset: 33.25;
          }
        }
      }
      &.active {
        div {
          &:before {
            animation: tear 0.6s linear forwards;
          }
          &:before {
            -webkit-animation: tear 0.6s linear forwards;
          }
          &:after {
            animation: tear 0.6s linear forwards;
          }
          &:after {
            -webkit-animation: tear 0.6s linear forwards;
          }
        }
      }
    }
  }
  li {
    &.ok {
      --step-1-rx: 4deg;
      --step-1-ry: -22deg;
      --step-1-rz: 6deg;
      --step-2-rx: 4deg;
      --step-2-ry: 22deg;
      --step-2-rz: -6deg;
      div {
        &:before {
          --tw-shadow: 12px 0 0 var(--e,rgba(var(--normal-eye),1));
          --tw-shadow-colored: 12px 0 0 var(--tw-shadow-color);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
        }
        &:before {
          --l: 12px;
          --t: 17px;
          --h: 4px;
          --w: 4px;
          --br: 50%;
        }
        &:after {
          --l: 13px;
          --t: 26px;
          --w: 14px;
          --h: 2px;
          --br: 1px;
          --b: var(--m, rgba(var(--normal-mouth), 1));
        }
      }
      &.active {
        div {
          &:before {
            animation: toggle 0.2s linear forwards;
          }
          &:before {
            --middle-s-y: 0.35;
            -webkit-animation: toggle 0.2s linear forwards;
          }
          &:after {
            animation: toggle 0.7s linear forwards;
          }
          &:after {
            --middle-s-x: 0.5;
            -webkit-animation: toggle 0.7s linear forwards;
          }
        }
      }
    }
  }
  li {
    &.good {
      --step-1-rx: -14deg;
      --step-1-rz: 10deg;
      --step-2-rx: 10deg;
      --step-2-rz: -8deg;
      div {
        &:before {
          opacity: 0.5;
        }
        &:before {
          --tw-shadow: 16px 0 0 var(--b);
          --tw-shadow-colored: 16px 0 0 var(--tw-shadow-color);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
        }
        &:before {
          --tw-blur: blur(2px);
          filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
        }
        &:before {
          --b: var(--m, rgba(var(--normal-mouth), 1));
          --w: 5px;
          --h: 5px;
          --br: 50%;
          --t: 22px;
          --zi: 0;
        }
        &:after {
          --sc: 0;
        }
        svg.eye {
          --t: 15px;
          --sc: -1;
          stroke-dasharray: 4.55;
          stroke-dashoffset: 8.15;
        }
        svg.mouth {
          --t: 22px;
          --sc: -1;
          stroke-dasharray: 13.3;
          stroke-dashoffset: 23.75;
        }
        &.active {
          div {
            svg.mouth {
              animation: toggle 0.8s linear forwards;
            }
            svg.mouth {
              --middle-y: 1px;
              --middle-s: -1;
              -webkit-animation: toggle 0.8s linear forwards;
            }
          }
        }
      }
    }
  }
  li {
    &.happy {
      div {
        --step-1-rx: 18deg;
        --step-1-ry: 24deg;
        --step-2-rx: 18deg;
        --step-2-ry: -24deg;
        &:before {
          --sc: 0;
        }
        &:after {
          --b: var(--m, rgba(var(--normal-mouth), 1));
          --l: 11px;
          --t: 23px;
          --w: 18px;
          --h: 8px;
          --br: 0 0 8px 8px;
        }
        svg.eye {
          --t: 14px;
          --sc: -1;
        }
      }
      &.active {
        div {
          &:after {
            animation: toggle 0.8s linear forwards;
          }
          &:after {
            --middle-s-x: 0.95;
            --middle-s-y: 0.75;
            -webkit-animation: toggle 0.8s linear forwards;
          }
        }
      }
    }
  }
  li {
    &.active {
      --sb: rgba(var(--active), 1);
      --sh: rgba(var(--active-shadow), 1);
      --m: rgba(var(--active-mouth), 1);
      --e: rgba(var(--active-eye), 1);
      div {
        animation: shake 0.8s linear forwards;
        -webkit-animation: shake 0.8s linear forwards;
      }
    }
  }
}

/* Star Rating */

.main-star-rating {
  position: relative;
  .star-box,
    .star-box1 {
    i {
      cursor: pointer;
    }
    i {
      font-size: calc(25px + (35 - 25) * ((100vw - 320px) / (1920 - 320)));
    }
    i {
      color: rgba(var(--gray-60),1);
    }
    i {
      transition-property: color;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }
    i {
      transition-duration: 0.2s;
    }
    i {
      transition-timing-function: ease;
    }
    i {
      &.active {
        color: rgba(var(--warning-color),1) !important;
      }
    }
  }
}

.rating-stars-2 {
  .emoji-rating {
    @media (min-width: 1200px) {
       {
         {
           {
            .outer-emoji {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            .outer-emoji {
            }
          }
        }
      }
    }
    .outer-emoji {
      display: flex;
    }
    .outer-emoji {
      height: 60px;
    }
    .outer-emoji {
      width: 60px;
    }
    .outer-emoji {
      justify-content: center;
    }
    .outer-emoji {
      overflow: hidden;
    }
    .outer-emoji {
      @media (min-width: 1200px) {
         {
           {
             {
              .emojis {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              .emojis {
              }
            }
          }
        }
      }
      .emojis {
        display: flex;
      }
      .emojis {
        height: 500%;
      }
      .emojis {
        flex-direction: column;
      }
      .emojis {
        @media (max-width: 575px) {
           {
             {
               {
                > li {
                  width: 90%;
                }
              }
            }
          }

           {
             {
               {
                 {
                  > li {
                    width: 90%;
                  }
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                > li {
                  width: 90%;
                }
              }
            }
          }

           {
             {
               {
                 {
                  > li {
                    width: 90%;
                  }
                }
              }
            }
          }
        }
        li {
          height: 20%;
        }
        li {
          width: 100%;
        }
        li {
          list-style-type: none;
        }
        li {
          transition-property: all;
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-duration: 150ms;
        }
        li {
          transition-duration: 0.3s;
        }
        li {
          transition-timing-function: ease;
        }
      }
      li i {
        font-size: 45px;
      }
      li i {
        color: rgba(var(--semi-dark),1);
      }
    }
  }
  #star-2:checked ~ .common-align .emojis .slide-emoji {
    margin-top: -50px;
  }
  #star-3:checked ~ .common-align .emojis .slide-emoji {
    margin-top: -7rem;
  }
  #star-4:checked ~ .common-align .emojis .slide-emoji {
    margin-top: -172px;
  }
  #star-5:checked ~ .common-align .emojis .slide-emoji {
    margin-top: -232px;
  }
  .stars label {
    font-size: 22px;
  }
  .stars label {
    color: rgba(var(--gray-60),1);
  }
  #star-1:hover ~ .common-align .stars .star-1,
    #star-1:checked ~ .common-align .stars .star-1,
    #star-2:hover ~ .common-align .stars .star-1,
    #star-2:hover ~ .common-align .stars .star-2,
    #star-2:checked ~ .common-align .stars .star-1,
    #star-2:checked ~ .common-align .stars .star-2,
    #star-3:hover ~ .common-align .stars .star-1,
    #star-3:hover ~ .common-align .stars .star-2,
    #star-3:hover ~ .common-align .stars .star-3,
    #star-3:checked ~ .common-align .stars .star-1,
    #star-3:checked ~ .common-align .stars .star-2,
    #star-3:checked ~ .common-align .stars .star-3,
    #star-4:hover ~ .common-align .stars .star-1,
    #star-4:hover ~ .common-align .stars .star-2,
    #star-4:hover ~ .common-align .stars .star-3,
    #star-4:hover ~ .common-align .stars .star-4,
    #star-4:checked ~ .common-align .stars .star-1,
    #star-4:checked ~ .common-align .stars .star-2,
    #star-4:checked ~ .common-align .stars .star-3,
    #star-4:checked ~ .common-align .stars .star-4,
    #star-5:hover ~ .common-align .stars .star-1,
    #star-5:hover ~ .common-align .stars .star-2,
    #star-5:hover ~ .common-align .stars .star-3,
    #star-5:hover ~ .common-align .stars .star-4,
    #star-5:hover ~ .common-align .stars .star-5,
    #star-5:checked ~ .common-align .stars .star-1,
    #star-5:checked ~ .common-align .stars .star-2,
    #star-5:checked ~ .common-align .stars .star-3,
    #star-5:checked ~ .common-align .stars .star-4,
    #star-5:checked ~ .common-align .stars .star-5 {
    color: rgba(var(--warning-color),1);
  }
  .emoji-rating {
    .main-emoji-text {
      padding-top: 0 !important;
      padding-bottom: 0 !important;
    }
    @media (min-width: 1200px) {
       {
         {
           {
            .main-emoji-text {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > .main-emoji-text {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > .main-emoji-text {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > .main-emoji-text {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > .main-emoji-text {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            .main-emoji-text {
            }
          }
        }
      }
    }
    .main-emoji-text {
      display: flex;
    }
    .main-emoji-text {
      height: 50px;
    }
    .main-emoji-text {
      width: 100%;
    }
    .main-emoji-text {
      flex-wrap: wrap;
    }
    .main-emoji-text {
      align-items: center;
    }
    .main-emoji-text {
      justify-content: space-between;
    }
    .main-emoji-text {
      border-top-width: 1px;
    }
    .main-emoji-text {
      border-style: solid;
    }
    .main-emoji-text {
      border-top-color: rgba(var(--chart-dashed-border),1);
    }
    .main-emoji-text {
      padding-left: 1.25rem;
      padding-right: 1.25rem;
    }
    .main-emoji-text {
      padding-top: 0px;
      padding-bottom: 0px;
    }
    .main-emoji-text {
      background: rgba(var(--light-background), 1);
    }
  }
  .emoji-msg {
    &::before {
      --tw-content: "No issues detected";
      content: var(--tw-content);
    }
  }
  .emoji-number {
    &::before {
      --tw-content: "0 out of 5";
      content: var(--tw-content);
    }
  }
  #star-1:checked ~ .main-emoji-text .emoji-msg::before {
    padding-right: 0.75rem;
  }
  #star-1:checked ~ .main-emoji-text .emoji-msg::before {
    --tw-content: "We have observed unacceptable behavior.";
    content: var(--tw-content);
  }
  #star-1:checked ~ .main-emoji-text .emoji-number::before {
    --tw-content: "1 out of 5";
    content: var(--tw-content);
  }
  #star-2:checked ~ .main-emoji-text .emoji-msg::before {
    padding-right: 0.75rem;
  }
  #star-2:checked ~ .main-emoji-text .emoji-msg::before {
    --tw-content: "Your request cannot be processed.";
    content: var(--tw-content);
  }
  #star-2:checked ~ .main-emoji-text .emoji-number::before {
    --tw-content: "2 out of 5";
    content: var(--tw-content);
  }
  s #star-3:checked ~ .main-emoji-text .emoji-msg::before {
    padding-right: 0.75rem;
  }
  s #star-3:checked ~ .main-emoji-text .emoji-msg::before {
    --tw-content: "Well done! The operation was successfully finished.";
    content: var(--tw-content);
  }
  #star-3:checked ~ .main-emoji-text .emoji-number::before {
    --tw-content: "3 out of 5";
    content: var(--tw-content);
  }
  #star-4:checked ~ .main-emoji-text .emoji-msg::before {
    padding-right: 0.75rem;
  }
  #star-4:checked ~ .main-emoji-text .emoji-msg::before {
    --tw-content: "Thank you for your ongoing assistance.";
    content: var(--tw-content);
  }
  #star-4:checked ~ .main-emoji-text .emoji-number::before {
    --tw-content: "4 out of 5";
    content: var(--tw-content);
  }
  #star-5:checked ~ .main-emoji-text .emoji-msg::before {
    padding-right: 0.75rem;
  }
  #star-5:checked ~ .main-emoji-text .emoji-msg::before {
    --tw-content: "Task successfully finished.";
    content: var(--tw-content);
  }
  #star-5:checked ~ .main-emoji-text .emoji-number::before {
    --tw-content: "5 out of 5";
    content: var(--tw-content);
  }
  input[type="radio"] {
    display: none;
  }
}

/* Emoji with message display */

@media (min-width: 1200px) {
   {
     {
       {
        .msg-emojis-wrapper {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .msg-emojis-wrapper {
        }
      }
    }
  }
}

.msg-emojis-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  .star-widget {
    margin: 0px !important;
  }
  .star-widget {
    margin: 0px;
  }
  .star-widget {
    input {
      display: none;
    }
    label {
      padding-top: 0 !important;
      padding-bottom: 0 !important;
    }
    label {
      margin: 0px !important;
    }
    label {
      float: right;
    }
    label {
      margin: 0px;
    }
    label {
      padding-left: 0.625rem;
      padding-right: 0.625rem;
    }
    label {
      padding-top: 0px;
      padding-bottom: 0px;
    }
    label {
      font-size: 35px;
    }
    label {
      color: rgba(var(--gray-60),1);
    }
    label {
      transition-property: all;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }
    label {
      transition-duration: 0.2s;
    }
    label {
      transition-timing-function: ease;
    }
  }
  form {
    display: none;
  }
}

input:checked ~ form {
  margin-top: 45px;
  display: block;
}

.star-widget {
  input:not(:checked) ~ label:hover,
    input:not(:checked) ~ label:hover ~ label {
    color: rgba(var(--warning-color),1);
  }
  input:checked ~ label {
    color: rgba(var(--warning-color),1);
  }
}

input#rate-5:checked ~ label {
  color: rgba(var(--light-warning),1);
  text-shadow: 0 0 20px rgba(var(--active-shadow), 1);
}

#rate-1:checked ~ form header:before {
  --tw-content: "Simple and effective ";
  content: var(--tw-content);
}

#rate-2:checked ~ form header:before {
  --tw-content: "Great value! ";
  content: var(--tw-content);
}

#rate-3:checked ~ form header:before {
  --tw-content: "High-quality product";
  content: var(--tw-content);
}

#rate-4:checked ~ form header:before {
  --tw-content: "Will definitely order again";
  content: var(--tw-content);
}

#rate-5:checked ~ form header:before {
  --tw-content: "Delicious and satisfying";
  content: var(--tw-content);
}

form header {
  text-align: center;
  margin: 0px !important;
}

@media (max-width: 575px) {
   {
     {
       {
        > form header {
          width: 90%;
        }
      }
    }
     {
       {
         {
          > form header {
            width: 90%;
          }
        }
      }
    }
     {
       {
        > form header {
          width: 90%;
        }
      }
    }
     {
       {
         {
          > form header {
            width: 90%;
          }
        }
      }
    }
  }
}

@media (max-width: 767px) {
   {
    form header {
    }
  }
}

form header {
  margin: 0px;
  width: 100%;
  text-align: center;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 500;
  color: rgba(var(--chart-text-color),1);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 0.2s;
  transition-timing-function: ease;
}

/* Heart rating */

.heart-rating {
  text-align: center;
}

@media (max-width: 767px) {
   {
    .heart-rating {
    }
  }
}

.heart-rating {
  height: 46px;
  text-align: center;
  @media (min-width: 1200px) {
     {
       {
         {
          .rating-system3 {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          > .rating-system3 {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > .rating-system3 {
              width: 90%;
            }
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          > .rating-system3 {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > .rating-system3 {
              width: 90%;
            }
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .rating-system3 {
          }
        }
      }
    }
  }
  .rating-system3 {
    position: relative;
  }
  .rating-system3 {
    display: flex;
  }
  .rating-system3 {
    width: 100%;
  }
  .rating-system3 {
    flex-direction: row-reverse;
  }
  .rating-system3 {
    align-items: center;
  }
  .rating-system3 {
    justify-content: center;
  }
  .rating-system3 {
    gap: 1.75rem;
  }
  span {
    position: absolute;
  }
  span {
    left: 1.25rem;
  }
  span {
    display: inline-block;
  }
  span {
    height: 0.625rem;
  }
  span {
    width: 0.625rem;
  }
  span {
    background: rgba(var(--danger-color), 1);
  }
  input {
    display: none;
  }
  label {
    display: block;
  }
  label {
    margin: 0px !important;
  }
  label {
    position: relative;
  }
  label {
    margin: 0px;
  }
  label {
    display: block;
  }
  label {
    height: 5px;
  }
  label {
    width: 1.25rem;
  }
  label {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  label {
    transition-duration: 0.3s;
  }
  label {
    background: rgba(var(--gray-60), 1);
  }
  .rating-text {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .rating-text {
    padding-bottom: 0 !important;
  }
  @media (max-width: 575px) {
     {
       {
         {
          > .rating-text {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > .rating-text {
              width: 90%;
            }
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          > .rating-text {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > .rating-text {
              width: 90%;
            }
          }
        }
      }
    }
  }
  .rating-text {
    position: absolute;
  }
  .rating-text {
    top: 100%;
  }
  .rating-text {
    width: 100%;
  }
  .rating-text {
    padding-left: 0px;
    padding-right: 0px;
  }
  .rating-text {
    padding-top: 18px;
  }
  .rating-text {
    padding-bottom: 0px;
  }
  .rating-text {
    color: rgba(var(--chart-text-color),1);
  }
  .rating-system3 {
    label {
      height: 0.625rem;
    }
    label {
      width: 0.625rem;
    }
    label:last-child {
      margin-left: 0px;
    }
    label:hover,
      label:hover ~ label {
      border-radius: 100%;
    }
    label:hover,
      label:hover ~ label {
      background: rgba(var(--danger-color), 1);
    }
    input:checked ~ label {
      border-radius: 100%;
    }
    input:checked ~ label {
      --tw-shadow: 6px 0 rgba(var(--danger-color),1),3px 1px 0 7px rgba(var(--white),1),3px 1px 0 9px rgba(var(--danger-color),1);
      --tw-shadow-colored: 6px 0 var(--tw-shadow-color), 3px 1px 0 7px var(--tw-shadow-color), 3px 1px 0 9px var(--tw-shadow-color);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
    @media (max-width: 575px) {
    }
    @media (max-width: 575px) {
    }
    input:checked ~ label::after {
      content: var(--tw-content);
      position: absolute;
    }
    input:checked ~ label::after {
      content: var(--tw-content);
      left: 3px;
    }
    input:checked ~ label::after {
      content: var(--tw-content);
      top: 30%;
    }
    input:checked ~ label::after {
      content: var(--tw-content);
      height: 100%;
    }
    input:checked ~ label::after {
      content: var(--tw-content);
      width: 100%;
    }
    input:checked ~ label::after {
      content: var(--tw-content);
      --tw-rotate: -45deg;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    input:checked ~ label::after {
      content: var(--tw-content);
      border-bottom-left-radius: 15%;
    }
    input:checked ~ label::after {
      --tw-content: "";
      content: var(--tw-content);
    }
    input:checked ~ label {
      background: rgba(var(--danger-color), 1);
      &:after {
        background: rgba(var(--danger-color), 1);
      }
    }
  }
  input:nth-of-type(5):checked ~ .rating-text:before {
    --tw-content: "No issues detected";
    content: var(--tw-content);
  }
  label:nth-of-type(5):hover ~ .rating-text:before {
    --tw-content: "No issues detected";
    content: var(--tw-content);
  }
  input:nth-of-type(4):checked ~ .rating-text:before {
    --tw-content: "We have observed unacceptable behavior.";
    content: var(--tw-content);
  }
  label:nth-of-type(4):hover ~ .rating-text:before {
    --tw-content: "We have observed unacceptable behavior.";
    content: var(--tw-content);
  }
  input:nth-of-type(3):checked ~ .rating-text:before {
    --tw-content: "Your request cannot be processed.";
    content: var(--tw-content);
  }
  label:nth-of-type(3):hover ~ .rating-text:before {
    --tw-content: "Your request cannot be processed.";
    content: var(--tw-content);
  }
  input:nth-of-type(2):checked ~ .rating-text:before {
    --tw-content: "Well done! The operation was successfully finished.";
    content: var(--tw-content);
  }
  label:nth-of-type(2):hover ~ .rating-text:before {
    --tw-content: "Well done! The operation was successfully finished.";
    content: var(--tw-content);
  }
  input:nth-of-type(1):checked ~ .rating-text:before {
    --tw-content: "Thank you for your ongoing assistance.";
    content: var(--tw-content);
  }
  label:nth-of-type(1):hover ~ .rating-text:before {
    --tw-content: "Thank you for your ongoing assistance.";
    content: var(--tw-content);
  }
}

/*  Emoji expression rating */

.rating_expression {
  .emoji {
    animation: fade-slide-in 0.6s ease-out;
  }
  .emoji__face {
    margin-top: 0 !important;
  }
  .emoji__face {
    position: relative;
  }
  .emoji__face {
    margin-left: auto;
    margin-right: auto;
  }
  .emoji__face {
    margin-top: 0px;
  }
  .emoji__face {
    margin-bottom: 1.5rem;
  }
  .emoji__face {
    height: 42px;
  }
  .emoji__face {
    width: 42px;
  }
  .emoji__face {
    border-radius: 50%;
  }
  .emoji__face {
    background-image: linear-gradient( 135deg,hsl(var(--face-hue1),90%,55%),hsl(var(--face-hue2),90%,45%) );
  }
  .emoji__face {
    --tw-shadow: 0 0.5em 0.75em hsla(var(--face-hue2),90%,55%,0.3);
    --tw-shadow-colored: 0 0.5em 0.75em var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  .emoji__face-right-eye,
    .emoji__face-left-eye,
    .emoji__face-mouth-lower,
    .emoji__face-mouth-upper {
    position: absolute;
  }
  .emoji__face-right-eye,
    .emoji__face-left-eye,
    .emoji__face-mouth-lower,
    .emoji__face-mouth-upper {
    transition-property: background-color;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  .emoji__face-right-eye,
    .emoji__face-left-eye,
    .emoji__face-mouth-lower,
    .emoji__face-mouth-upper {
    transition-delay: var(--trans-dur);
  }
  .emoji__face-right-eye,
    .emoji__face-left-eye,
    .emoji__face-mouth-lower,
    .emoji__face-mouth-upper {
    transition-duration: var(--trans-dur),box-shadow;
  }
  .emoji__face-right-eye,
    .emoji__face-left-eye,
    .emoji__face-mouth-lower,
    .emoji__face-mouth-upper {
    transition-timing-function: var(--trans-dur),color;
  }
  .emoji__face-right-eye,
    .emoji__face-left-eye {
    top: 0.75em;
  }
  .emoji__face-right-eye,
    .emoji__face-left-eye {
    height: 0.6em;
  }
  .emoji__face-right-eye,
    .emoji__face-left-eye {
    width: 0.6em;
  }
  .emoji__face-right-eye,
    .emoji__face-left-eye {
    border-radius: 50%;
  }
  .emoji__face-right-eye,
    .emoji__face-left-eye {
    background-color: rgba(var(--white),1);
  }
  .emoji__face-right-eye {
    left: 0.6em;
  }
  .emoji__face-right-eye {
    animation: right-eye 1s var(--delay-right) linear paused;
  }
  .emoji__face-right-eye {
    clip-path: polygon(0 75%, 100% 0, 100% 100%, 0 100%);
  }
  .emoji__face-left-eye {
    right: 0.6em;
  }
  .emoji__face-left-eye {
    animation: left-eye 1s var(--delay-left) linear paused;
  }
  .emoji__face-left-eye {
    clip-path: polygon(0 0, 100% 75%, 100% 100%, 0 100%);
  }
  .emoji__face-mouth-lower,
    .emoji__face-mouth-upper {
    left: 0.75em;
  }
  .emoji__face-mouth-lower,
    .emoji__face-mouth-upper {
    top: 1.75em;
  }
  .emoji__face-mouth-lower,
    .emoji__face-mouth-upper {
    height: 0.75em;
  }
  .emoji__face-mouth-lower,
    .emoji__face-mouth-upper {
    width: 1.5em;
  }
  .emoji__face-mouth-lower,
    .emoji__face-mouth-upper {
    color: rgba(var(--white),1);
  }
  .emoji__face-mouth-lower {
    animation: mouth-lower 1s var(--delay-mouth-lower) linear paused;
  }
  .emoji__face-mouth-lower {
    border-radius: 50% 50% 0 0 / 100% 100% 0 0;
  }
  .emoji__face-mouth-lower {
    --tw-shadow: 0 0.125em 0 inset;
    --tw-shadow-colored: inset 0 0.125em 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  .emoji__face-mouth-upper {
    animation: mouth-upper 1s var(--delay-mouth-upper) linear paused;
  }
  .emoji__face-mouth-upper {
    border-radius: 0 0 50% 50% / 0 0 100% 100%;
  }
  .emoji__face-mouth-upper {
    --tw-shadow: 0 -0.125em 0 inset;
    --tw-shadow-colored: inset 0 -0.125em 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  .emoji__label {
    text-align: center;
  }
  .emoji__label {
    display: block;
  }
  @media (max-width: 767px) {
     {
      .emoji__label {
      }
    }
  }
  .emoji__label {
    margin-bottom: 45px;
  }
  .emoji__label {
    display: block;
  }
  .emoji__label {
    text-align: center;
  }
  .emoji__label {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .emoji__label {
    font-weight: 500;
  }
  .emoji__label {
    color: rgba(var(--chart-text-color),1);
  }
  .emoji__input {
    display: block;
  }
  .emoji__input {
    margin: auto;
  }
  .emoji__input {
    display: block;
  }
  .emoji__input {
    height: 0.25rem;
  }
  .emoji__input {
    width: 30%;
  }
  .emoji__input {
    max-width: 50%;
  }
  .emoji__input {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
  }
  .emoji__input {
    border-radius: 0.25em;
  }
  .emoji__input {
    background-color: rgba(var(--gray-60),1);
  }
  .emoji__input {
    background-image: linear-gradient( hsl(var(--input-hue),90%,46%),hsl(var(--input-hue),90%,46%) );
  }
  .emoji__input {
    background-repeat: no-repeat;
  }
  .emoji__input {
    transition-property: background-color;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  .emoji__input {
    transition-duration: var(--trans-dur);
  }
  .emoji__input {
    background-size: var(--percent) 100%;
    -webkit-tap-highlight-color: transparent;
  }
  .emoji__input:focus {
    outline: transparent;
  }
  .emoji__input::-webkit-slider-thumb {
    border-width: 0 !important;
  }
  .emoji__input::-webkit-slider-thumb {
    height: 1.5em;
  }
  .emoji__input::-webkit-slider-thumb {
    width: 1.5em;
  }
  .emoji__input::-webkit-slider-thumb {
    -webkit-appearance: none;
            appearance: none;
  }
  .emoji__input::-webkit-slider-thumb {
    border-radius: 50%;
  }
  .emoji__input::-webkit-slider-thumb {
    border-width: 0px;
  }
  .emoji__input::-webkit-slider-thumb {
    background-color: rgba(var(--white),1);
  }
  .emoji__input::-webkit-slider-thumb {
    --tw-shadow: 0 0.125em 0.5em hsl(0,0%,0%,0.3);
    --tw-shadow-colored: 0 0.125em 0.5em var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  .emoji__input::-webkit-slider-thumb {
    -webkit-transition-property: background-color;
    transition-property: background-color;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  .emoji__input::-webkit-slider-thumb {
    transition-duration: 0.15s;
  }
  .emoji__input::-webkit-slider-thumb {
    transition-timing-function: linear;
  }
  .emoji__input::-webkit-slider-thumb {
    -webkit-appearance: none;
  }
  .emoji__input:focus::-webkit-slider-thumb,
    .emoji__input::-webkit-slider-thumb:hover {
    background-color: var(--lt-gray);
  }
  .emoji__input::-moz-range-thumb {
    border-width: 0 !important;
  }
  .emoji__input::-moz-range-thumb {
    height: 1.5em;
  }
  .emoji__input::-moz-range-thumb {
    width: 1.5em;
  }
  .emoji__input::-moz-range-thumb {
    border-radius: 50%;
  }
  .emoji__input::-moz-range-thumb {
    border-width: 0px;
  }
  .emoji__input::-moz-range-thumb {
    background-color: rgba(var(--white),1);
  }
  .emoji__input::-moz-range-thumb {
    --tw-shadow: 0 0.125em 0.5em hsl(0,0%,0%,0.3);
    --tw-shadow-colored: 0 0.125em 0.5em var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  .emoji__input::-moz-range-thumb {
    -moz-transition-property: background-color;
    transition-property: background-color;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  .emoji__input::-moz-range-thumb {
    transition-duration: 0.15s;
  }
  .emoji__input::-moz-range-thumb {
    transition-timing-function: linear;
  }
  .emoji__input:focus::-moz-range-thumb,
    .emoji__input::-moz-range-thumb:hover {
    background-color: var(--lt-gray);
  }
  @keyframes fade-slide-in {
    from,
      16.67% {
      opacity: 0;
      transform: translateY(25%);
    }

    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
  @keyframes right-eye {
    from {
      clip-path: polygon(0 75%, 100% 0, 100% 100%, 0 100%);
    }

    50%,
      to {
      clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    }
  }
  @keyframes left-eye {
    from {
      clip-path: polygon(0 0, 100% 75%, 100% 100%, 0 100%);
    }

    50%,
      to {
      clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    }
  }
  @keyframes mouth-lower {
    from {
      border-radius: 50% 50% 0 0 / 100% 100% 0 0;
      top: 1.75em;
      height: 0.75em;
      visibility: visible;
    }

    40% {
      border-radius: 50% 50% 0 0 / 100% 100% 0 0;
      top: 1.95em;
      height: 0.25em;
      visibility: visible;
    }

    50%,
      to {
      border-radius: 0;
      top: 2em;
      height: 0.125em;
      visibility: hidden;
    }
  }
  @keyframes mouth-upper {
    from,
      50% {
      border-radius: 0;
      box-shadow: 0 -0.125em 0 inset;
      top: 2em;
      height: 0.125em;
      visibility: hidden;
    }

    62.5% {
      border-radius: 0 0 50% 50% / 0 0 100% 100%;
      box-shadow: 0 -0.125em 0 inset;
      top: 1.95em;
      height: 0.25em;
      visibility: visible;
    }

    75% {
      border-radius: 0 0 50% 50% / 0 0 100% 100%;
      box-shadow: 0 -0.125em 0 inset;
      top: 1.825em;
      height: 0.5em;
      visibility: visible;
    }

    to {
      border-radius: 0 0 50% 50% / 0 0 100% 100%;
      box-shadow: 0 -0.8em 0 inset;
      top: 1.75em;
      height: 0.75em;
      visibility: visible;
    }
  }
  .emoji_slider::-webkit-slider-thumb {
    height: 0.75rem;
  }
  .emoji_slider::-webkit-slider-thumb {
    width: 0.75rem;
  }
  .emoji_slider::-webkit-slider-thumb {
    cursor: pointer;
  }
  .emoji_slider::-webkit-slider-thumb {
    -webkit-appearance: none;
            appearance: none;
  }
  .emoji_slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    background: rgba(var(--chart-text-color), 1);
  }
  .emoji_slider::-moz-range-thumb {
    height: 0.75rem;
  }
  .emoji_slider::-moz-range-thumb {
    width: 0.75rem;
  }
  .emoji_slider::-moz-range-thumb {
    cursor: pointer;
  }
  .emoji_slider::-moz-range-thumb {
    background: rgba(var(--chart-text-color), 1);
  }
}

/* Reset rating */

.reset-rating {
  margin-bottom: 24px !important;
}

@media (min-width: 1200px) {
   {
     {
       {
        .reset-rating {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        > .reset-rating {
          width: 90%;
        }
      }
    }
     {
       {
         {
          > .reset-rating {
            width: 90%;
          }
        }
      }
    }
     {
       {
        > .reset-rating {
          width: 90%;
        }
      }
    }
     {
       {
         {
          > .reset-rating {
            width: 90%;
          }
        }
      }
    }
     {
       {
        .reset-rating {
        }
      }
    }
  }
}

.reset-rating {
  position: relative;
  margin-bottom: 1rem;
  display: flex;
  width: 100%;
  flex-direction: row-reverse;
  justify-content: center;
  gap: 15px;
  overflow: hidden;
  > input {
    display: none;
  }
  > input {
    &:checked {
      ~ {
        label {
          color: rgba(var(--warning-color),1);
        }
        label {
          ~ {
            label {
              color: rgba(var(--warning-color),1);
            }
          }
        }
      }
    }
    &:not(:checked) {
      ~ {
        label:hover {
          color: rgba(var(--warning-color),1);
        }
        label:hover {
          ~ {
            label {
              color: rgba(var(--warning-color),1);
            }
          }
        }
      }
    }
  }
  > label {
    margin: 0px !important;
  }
  > label {
    margin: 0px;
  }
  > label {
    margin-top: auto;
  }
  > label {
    cursor: pointer;
  }
  > label {
    font-size: 35px;
  }
  > label {
    color: rgba(var(--gray-60),1);
  }
  > label {
    transition-property: 0.3s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
}

@media (min-width: 1200px) {
   {
     {
       {
        .ratingCard {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        > .ratingCard {
          width: 90%;
        }
      }
    }
     {
       {
         {
          > .ratingCard {
            width: 90%;
          }
        }
      }
    }
     {
       {
        > .ratingCard {
          width: 90%;
        }
      }
    }
     {
       {
         {
          > .ratingCard {
            width: 90%;
          }
        }
      }
    }
     {
       {
        .ratingCard {
        }
      }
    }
  }
}

.ratingCard {
  display: flex;
  width: 100%;
  max-width: 100%;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
}

.reset-btn {
  cursor: pointer;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 28px;
  padding-right: 28px;
}

/* Half star rating */

.half-star-rating {
  .starrate {
    text-align: center;
  }
  @media (max-width: 767px) {
     {
      .starrate {
      }
    }
  }
  .starrate {
    cursor: pointer;
  }
  .starrate {
    text-align: center;
  }
  .starrate {
    color: rgba(var(--gray-60),1);
  }
  .starrate {
    .ctrl {
      position: absolute;
    }
    .ctrl {
      z-index: 2;
    }
    i {
      font-size: 35px;
    }
    i {
      color: rgba(var(--warning-color),1);
    }
    .saved {
      margin-bottom: 0.25rem;
    }
  }
  .rating-result {
    text-align: center;
  }
  @media (max-width: 767px) {
     {
      .rating-result {
      }
    }
  }
  .rating-result {
    text-align: center;
  }
  .rating-result {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
  .rating-result {
    color: rgba(var(--body-font-color),1);
  }
}

.filepond--drop-label {
  .filepond--label-action {
    color: rgba(var(--danger-color),1);
  }
  .filepond--label-action {
    text-decoration-line: none;
  }
}

.dropzone {
  border-radius: 0.375rem;
  border-width: 2px;
  border-style: dashed;
  border-color: rgba(var(--theme-secondary),1);
  .dropzone-wrapper {
    .dz-message {
      i {
        font-size: 50px;
      }
      h6,
        span {
        text-align: center;
      }
      @media (max-width: 767px) {
         {
          h6,
        span {
          }
        }
      }
      h6,
        span {
        text-align: center;
      }
    }
  }
  .dz-message {
    i {
      font-size: calc(40px + 10 * (100vw - 320px) / 1600);
    }
    h6,
      span {
      text-align: center;
    }
    @media (max-width: 767px) {
       {
        h6,
      span {
        }
      }
    }
    h6,
      span {
      text-align: center;
    }
  }
}

.btn-container {
  .btn {
    padding-top: 6px;
    padding-bottom: 6px;
  }
  .btn {
    padding-left: 28px;
    padding-right: 28px;
  }
}

.animated-dropfile {
  .btn-container {
    margin-left: 0px;
    margin-right: 0px;
  }
  .btn-container {
    margin-top: 34px;
  }
  .btn-container {
    margin-bottom: 60px;
  }
  .btn-container {
    border-radius: 5px;
  }
  .btn-container {
    line-height: 0;
  }
  .btn-container {
    p,
      .btn {
      text-align: center;
    }
    @media (max-width: 767px) {
       {
        p,
      .btn {
        }
      }
    }
    p,
      .btn {
      text-align: center;
    }
  }
  #fileup {
    position: absolute;
  }
  #fileup {
    left: 50%;
  }
  #fileup {
    bottom: 34px;
  }
  #fileup {
    height: 35px;
  }
  #fileup {
    width: 200px;
  }
  #fileup {
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  #fileup {
    cursor: pointer;
  }
  #fileup {
    opacity: 0;
  }
  #namefile {
    color: rgba(var(--chart-text-color),1);
  }
  .imgupload {
    &.ok {
      display: none;
    }
    &.ok {
      font-size: 50px;
    }
    &.ok {
      color: rgba(var(--success-color),1);
    }
    &.stop {
      display: none;
    }
    &.stop {
      font-size: 50px;
    }
    &.stop {
      color: rgba(var(--danger-color),1);
    }
  }
}

.introjs-helperLayer {
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--black),0.5);
  --tw-shadow: 0 2px 15px rgba(var(--black),0.4);
  --tw-shadow-colored: 0 2px 15px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.introjs-tooltipReferenceLayer {
  background-color: transparent;
}

.introjs-helperNumberLayer {
  border-width: 3px;
  border-style: solid;
  border-color: rgba(var(--white),1);
  background-color: rgba(var(--danger-color),1);
  color: rgba(var(--white),1);
  --tw-shadow: 0 2px 5px rgba(var(--black),0.4);
  --tw-shadow-colored: 0 2px 5px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  text-shadow: 1px 1px 1px rgba(var(--black), 0.3);
  background: linear-gradient(
      to bottom,
      rgba(var(--tour-color), 1) 0%,
      rgba(var(--tour-color), 1) 100%  
    );
}

.introjs-arrow {
  border-width: 12px;
  border-style: solid;
  border-color: rgba(var(--white),1);
  &.top {
    border-left-color: transparent;
    border-right-color: transparent;
  }
  &.top {
    border-bottom-color: rgba(var(--tour-color),1);
  }
  &.top {
    border-top-color: transparent;
  }
  .top-right {
    border-left-color: transparent;
    border-right-color: transparent;
  }
  .top-right {
    border-bottom-color: rgba(var(--tour-color),1);
  }
  .top-right {
    border-top-color: transparent;
  }
  .top-middle {
    border-left-color: transparent;
    border-right-color: transparent;
  }
  .top-middle {
    border-bottom-color: rgba(var(--tour-color),1);
  }
  .top-middle {
    border-top-color: transparent;
  }
  .right {
    border-top-color: transparent;
    border-bottom-color: transparent;
  }
  .right {
    border-left-color: rgba(var(--tour-color),1);
  }
  .right {
    border-right-color: transparent;
  }
  .right-bottom {
    border-top-color: transparent;
    border-bottom-color: transparent;
  }
  .right-bottom {
    border-left-color: rgba(var(--tour-color),1);
  }
  .right-bottom {
    border-right-color: transparent;
  }
  &.bottom {
    border-left-color: transparent;
    border-right-color: transparent;
  }
  &.bottom {
    border-top-color: rgba(var(--theme-default),1);
  }
  &.bottom {
    border-bottom-color: transparent;
  }
  .left {
    border-top-color: transparent;
    border-bottom-color: transparent;
  }
  .left {
    border-right-color: rgba(var(--tour-color),1);
  }
  .left {
    border-left-color: transparent;
  }
  .left-bottom {
    border-top-color: transparent;
    border-bottom-color: transparent;
  }
  .left-bottom {
    border-right-color: rgba(var(--tour-color),1);
  }
  .left-bottom {
    border-left-color: transparent;
  }
}

.introjs-tooltip {
  min-height: 90px;
  min-width: calc(275px + (310 - 275) * ((100vw - 320px) / (1920 - 320)));
  max-width: 400px;
  border-color: rgba(var(--tour-color),1);
  background-color: rgba(var(--tour-color),1);
  color: rgba(var(--white),1);
  --tw-shadow: 0 1px 10px rgba(var(--black),0.4);
  --tw-shadow-colored: 0 1px 10px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.introjs-button {
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--light-semi-gray),1);
  background-color: rgba(var(--white),1);
  background-image: linear-gradient(rgba(var(--white),1),rgba(var(--white),1));
  font-size: 13px;
  color: rgba(var(--theme-body-font-color),1);
}

.introjs-button:hover {
  border-color: rgba(var(--light-semi-gray),1);
}

.introjs-button {
  text-shadow: 1px 1px 0 rgba(var(--white), 1);
  &:focus,
    &:active {
    background-image: linear-gradient(rgba(var(--light-gray),1),rgba(var(--light-semi-gray),1));
  }
}

.introjs-skipbutton {
  color: rgba(var(--tour-color),1);
}

.introjs-prevbutton {
  .introjs-fullbutton {
    border-width: 1px;
  }
  .introjs-fullbutton {
    border-style: solid;
  }
  .introjs-fullbutton {
    border-color: rgba(var(--light-semi-gray),1);
  }
}

.introjs-disabled {
  border-color: rgba(var(--light-semi-gray),1);
  color: rgba(var(--tour-color),1);
  &:hover,
    &:focus {
    border-color: rgba(var(--light-semi-gray),1);
  }
  &:hover,
    &:focus {
    color: rgba(var(--tour-color),1);
  }
}

.introjs-bullets {
  ul {
    li {
      a {
        background-color: rgba(var(--light-gray),1);
      }
      a {
        &:hover {
          background-color: rgba(var(--white),1);
        }
        &.active {
          background-color: rgba(var(--white),1);
        }
      }
    }
  }
}

.introjs-progress {
  background-color: rgab(var(--light-color),1);
}

.introjs-progressbar {
  background-color: rgba(var(--tour-color),1);
}

.introjs-hint:hover > .introjs-hint-pulse {
  border-width: 5px;
  border-style: solid;
  border-color: rgba(60,60,60,0.57);
}

.introjs-hint-pulse {
  border-width: 5px;
  border-style: solid;
  border-color: rgba(60,60,60,0.27);
  background-color: rgba(136,136,136,0.24);
}

.introjs-hint-dot {
  border-width: 10px;
  border-style: solid;
  border-color: rgba(146,146,146,0.36);
}

.introjs-tooltip-header {
  display: none;
}

.introjs-tooltiptext {
  font-size: 1rem;
  line-height: 1.5rem;
}

.introjs-arrow {
  &.bottom-middle {
    display: none !important;
  }
  &.top-middle {
    border-top-color: var(--transparent-color);
  }
  &.top-middle {
    border-right-color: var(--transparent-color);
  }
  &.top-middle {
    border-bottom-color: rgba(var(--theme-default),1);
  }
  &.top-middle {
    border-left-color: var(--transparent-color);
  }
}

.user_dot {
  @media (min-width: 1200px) {
     {
       {
         {
          .tour-wrapper {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .tour-wrapper {
          }
        }
      }
    }
  }
  .tour-wrapper {
    display: flex;
  }
  .tour-wrapper {
    align-items: center;
  }
  .tour-wrapper {
    gap: 0.5rem;
  }
  .tour-wrapper {
    .tour-dot {
      font-size: 5px;
    }
  }
}

.tour-blog {
  height: 350px;
  @media (max-width: 575px) {
     {
       {
         {
          > img {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > img {
              width: 90%;
            }
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          > img {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > img {
              width: 90%;
            }
          }
        }
      }
    }
  }
  img {
    height: 100%;
  }
  img {
    width: 100%;
  }
  img {
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.info {
  h6 {
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
  }
  h6 {
    span {
      font-size: calc(13px + (14 - 13) * ((100vw - 320px) / (1920 - 320)));
    }
  }
}

@media (min-width: 1200px) {
   {
     {
       {
        .tour-email {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .tour-email {
        }
      }
    }
  }
}

.tour-email {
  display: flex;
  flex-direction: column;
  span {
    color: rgba(var(--badge-light-color),1);
  }
}

.block-ellipsis {
  display: block;
  display: -webkit-box;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 26px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.profile-img-style h5 {
  line-height: 25px;
}

.list-inline {
  .list-inline-item {
    &.b-r-gray {
      border-right-width: 1px;
    }
    &.b-r-gray {
      border-style: solid;
    }
    &.b-r-gray {
      border-right-color: rgba(var(--gray-60),1);
    }
  }
}

.social-tour {
  gap: 26px;
}

@media (min-width: 1200px) {
   {
     {
       {
        .social-tour {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .social-tour {
        }
      }
    }
  }
}

.social-tour {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 26px;
  @media (min-width: 1200px) {
     {
       {
         {
          .list-inline {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .list-inline {
          }
        }
      }
    }
  }
  .list-inline {
    display: flex;
  }
  .list-inline {
    justify-content: center;
  }
  .list-inline {
    gap: calc(12px + (26 - 12) * ((100vw - 320px) / (1920 - 320)));
  }
  .list-inline {
    .list-inline-item {
      margin-right: 0px;
    }
    .list-inline-item {
      a {
        padding: 0 !important;
      }
      a {
        padding: 0px;
      }
      a {
        i {
          font-size: 1.125rem;
          line-height: 1.75rem;
        }
      }
    }
  }
  .float-sm-end {
    min-width: 81px;
  }
}

.tour-mb-space {
  margin-bottom: calc(2px + (8 - 2) * ((100vw - 320px) / (1920 - 320)));
}

.like-comment {
  @media (min-width: 1200px) {
     {
       {
         {
          .list-inline {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .list-inline {
          }
        }
      }
    }
  }
  .list-inline {
    display: flex;
  }
  .list-inline {
    justify-content: flex-start;
  }
}

.toast-container {
  z-index: 9 !important;
  position: unset;
  .toast-header {
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
  }
  .toast-header {
    color: rgba(var(--lighter-gray),0.75);
  }
  .toast-body {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
  }
}

.toast {
  .btn-close {
    --tw-shadow-color: unset;
    --tw-shadow: var(--tw-shadow-colored);
  }
  .btn-close {
    &:hover {
      color: rgba(var(--bs-btn-close-color),1);
    }
    &:hover {
      text-decoration-line: none;
    }
    &:hover {
      opacity: 0.75;
    }
  }
  .btn-close-white {
    --tw-brightness: brightness(200%);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  }
  .btn-close-white {
    --tw-grayscale: grayscale(100%);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  }
  .btn-close-white {
    --tw-invert: invert(1);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  }
  pointer-events: auto;
  width: 350px;
  max-width: 100%;
  border-radius: 0.25rem;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--black),0.1);
  background-color: rgba(var(--white),0.85);
  background-clip: padding-box;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-shadow: 0 0.5rem 1rem rgb(var(--black),0.15);
  --tw-shadow-colored: 0 0.5rem 1rem var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  -webkit-box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%)
}

.live-toast {
  .toast {
    background-color: rgba(var(--white),0.98);
  }
}

.toast-index {
  z-index: 12;
  &.toast:not(.showing):not(.show) {
    opacity: 0;
  }
  &.toast-fade {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  &.toast-fade {
    transition-duration: 0.15s;
  }
  &.toast-fade {
    transition-timing-function: linear;
  }
  &.show {
    display: block;
  }
  &.show {
    display: block;
  }
}

.toast-img {
  img {
    height: 30px;
  }
  img {
    width: 30px;
  }
}

.bd-example-toasts {
  min-height: 400px;
}

.toast:not(.showing):not(.show) {
  opacity: 0;
}

.toast-content {
  display: block;
  display: -webkit-box;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  display: block;
  height: 65px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.toast-rtl {
  &.toast-dark form {
    .form-select {
      font-size: 0.875rem;
      line-height: 1.25rem;
    }
  }
}

.toast-icons {
  margin-right: 0.375rem;
  height: 20px;
  width: 20px;
}

.common-toasts {
  position: relative;
  .toast {
    border-width: 0 !important;
  }
  .toast {
    border-width: 0px;
  }
  .toast {
    div[class*="alert-light-"] {
      padding: 1rem !important;
    }
    div[class*="alert-light-"] {
      gap: 0.625rem;
    }
    div[class*="alert-light-"] {
      padding: 0.75rem;
    }
  }
  .toast-body {
    padding: 0 !important;
  }
  @media (min-width: 1200px) {
     {
       {
         {
          .toast-body {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .toast-body {
          }
        }
      }
    }
  }
  .toast-body {
    display: flex;
  }
  .toast-body {
    align-items: center;
  }
  .toast-body {
    justify-content: center;
  }
  .toast-body {
    gap: 0.5rem;
  }
  .toast-body {
    padding: 0px;
  }
}

.animated-toast-box {
  position: fixed;
  right: 0px;
  bottom: 0px;
  padding: 1rem;
  .toast-body {
    background-color: rgba(var(--light-background),1);
  }
}

.toast-body {
  padding: 0.75rem;
  svg {
    width: 1.5rem;
  }
}

@media (min-width: 1200px) {
   {
     {
       {
        .toast-header {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .toast-header {
        }
      }
    }
  }
}

.toast-header {
  display: flex;
  align-items: center;
  border-bottom-width: 1px;
  border-style: solid;
  border-bottom-color: rgba(var(--gray-60),0.4);
  background-color: rgba(var(--white),1);
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  .btn-close {
    margin-right: calc(-0.5 * 12px);
  }
  .btn-close {
    margin-left: 0.75rem;
  }
}

.toast-container > :not(:last-child) {
  margin-bottom: 1.5rem;
}

.bg-dark {
  &.toast-rtl {
    color: rgba(var(--theme-body-font-color),1);
  }
}

.card-body {
  .btn {
    letter-spacing: 0;
  }
}

@media (max-width: 991px) {
  .toast {
    width: auto;
  }
}

.form-label {
  margin-bottom: 4px;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.input-group-text {
  text-align: center;
}

@media (min-width: 1200px) {
   {
     {
       {
        .input-group-text {
        }
      }
    }
  }
}

@media (max-width: 767px) {
   {
    .input-group-text {
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .input-group-text {
        }
      }
    }
  }
}

.input-group-text {
  display: flex;
  align-items: center;
  white-space: nowrap;
  border-radius: 10px;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--form-input-border-color),1);
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  text-align: center;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  line-height: 1.5;
  color: rgba(var(--theme-font-color),1);
}

@media (min-width: 1200px) {
   {
     {
       {
        .input-group {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        > .input-group {
          width: 90%;
        }
      }
    }
     {
       {
         {
          > .input-group {
            width: 90%;
          }
        }
      }
    }
     {
       {
        > .input-group {
          width: 90%;
        }
      }
    }
     {
       {
         {
          > .input-group {
            width: 90%;
          }
        }
      }
    }
     {
       {
        .input-group {
        }
      }
    }
  }
}

.input-group {
  position: relative;
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  align-items: stretch;
}

.form-control {
  display: block;
}

@media (max-width: 575px) {
   {
     {
       {
        > .form-control {
          width: 90%;
        }
      }
    }
     {
       {
         {
          > .form-control {
            width: 90%;
          }
        }
      }
    }
     {
       {
        > .form-control {
          width: 90%;
        }
      }
    }
     {
       {
         {
          > .form-control {
            width: 90%;
          }
        }
      }
    }
  }
}

.form-control {
  display: block;
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0.375rem;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--light-gray),1);
  background-color: rgba(var(--white),1);
  background-clip: padding-box;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  line-height: 1.5;
  --tw-text-opacity: 1;
  color: rgb(33 37 41 / var(--tw-text-opacity, 1));
}

.form-control:focus {
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--light-gray),1);
}

.form-control {
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-select {
  display: block;
}

@media (max-width: 575px) {
   {
     {
       {
        > .form-select {
          width: 90%;
        }
      }
    }
     {
       {
         {
          > .form-select {
            width: 90%;
          }
        }
      }
    }
     {
       {
        > .form-select {
          width: 90%;
        }
      }
    }
     {
       {
         {
          > .form-select {
            width: 90%;
          }
        }
      }
    }
  }
}

.form-select {
  display: block;
  width: 100%;
  border-radius: 0.375rem;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--light-color),1);
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  padding-left: 0.75rem;
  padding-right: 2.25rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  line-height: 1.5;
}

.col-form-label {
  padding-bottom: 0.25rem;
}

.form-space {
  margin-bottom: -0.625rem;
  > div {
    margin-bottom: 0.625rem;
  }
}

.theme-form {
  .form-control {
    &:focus {
      box-shadow: unset !important;
    }
  }
  textarea {
    border-color: rgba(var(--form-input-border-color),1);
  }
  textarea {
    &::-webkit-input-placeholder {
      font-family: rgba(var(--form-placeholder-font-weight),1);
    }
    &::-webkit-input-placeholder {
      letter-spacing: rgba(var(--form-placeholder-letter-spacing),1);
    }
    &::-webkit-input-placeholder {
      color: rgba(var(--form-placeholder-color),1);
    }
  }
  input[type="text"],
    input[type="email"],
    input[type="search"],
    input[type="password"],
    input[type="number"],
    input[type="tel"],
    input[type="date"],
    input[type="datetime-local"],
    input[type="time"],
    input[type="datetime-local"],
    input[type="month"],
    input[type="week"],
    input[type="url"],
    input[type="file"],
    textarea,
    select {
    border-color: rgba(var(--gray-60),1);
  }
  input[type="text"],
    input[type="email"],
    input[type="search"],
    input[type="password"],
    input[type="number"],
    input[type="tel"],
    input[type="date"],
    input[type="datetime-local"],
    input[type="time"],
    input[type="datetime-local"],
    input[type="month"],
    input[type="week"],
    input[type="url"],
    input[type="file"],
    textarea,
    select {
    background-color: rgba(var(--form-input-bg-color),1);
  }
  input[type="text"],
    input[type="email"],
    input[type="search"],
    input[type="password"],
    input[type="number"],
    input[type="tel"],
    input[type="date"],
    input[type="datetime-local"],
    input[type="time"],
    input[type="datetime-local"],
    input[type="month"],
    input[type="week"],
    input[type="url"],
    input[type="file"],
    textarea,
    select {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
  input[type="text"],
    input[type="email"],
    input[type="search"],
    input[type="password"],
    input[type="number"],
    input[type="tel"],
    input[type="date"],
    input[type="datetime-local"],
    input[type="time"],
    input[type="datetime-local"],
    input[type="month"],
    input[type="week"],
    input[type="url"],
    input[type="file"],
    textarea,
    select {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  input[type="text"],
    input[type="email"],
    input[type="search"],
    input[type="password"],
    input[type="number"],
    input[type="tel"],
    input[type="date"],
    input[type="datetime-local"],
    input[type="time"],
    input[type="datetime-local"],
    input[type="month"],
    input[type="week"],
    input[type="url"],
    input[type="file"],
    textarea,
    select {
    color: rgba(var(--form-placeholder-color),1);
  }
  input[type="text"],
    input[type="email"],
    input[type="search"],
    input[type="password"],
    input[type="number"],
    input[type="tel"],
    input[type="date"],
    input[type="datetime-local"],
    input[type="time"],
    input[type="datetime-local"],
    input[type="month"],
    input[type="week"],
    input[type="url"],
    input[type="file"],
    textarea,
    select {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  input[type="text"],
    input[type="email"],
    input[type="search"],
    input[type="password"],
    input[type="number"],
    input[type="tel"],
    input[type="date"],
    input[type="datetime-local"],
    input[type="time"],
    input[type="datetime-local"],
    input[type="month"],
    input[type="week"],
    input[type="url"],
    input[type="file"],
    textarea,
    select {
    -webkit-box-shadow: none;
    &::-webkit-input-placeholder {
      font-size: 14px;
    }
    &::-webkit-input-placeholder {
      font-weight: 100;
    }
    &::-webkit-input-placeholder {
      letter-spacing: rgba(var(-form-placeholder-letter-spacing),1);
    }
    &::-webkit-input-placeholder {
      color: rgba(var(--form-placeholder-color),1);
    }
  }
  input[type="file"] {
    height: auto;
  }
  select {
    &.form-control:not([size]):not([multiple]) {
      border-color: rgba(var(--form-input-border-color),1);
    }
    &.form-control:not([size]):not([multiple]) {
      color: rgba(var(--form-placeholder-font-size),1);
    }
  }
  .checkbox {
    label {
      padding-left: 2.5;
    }
  }
  .login-divider {
    position: relative;
  }
  .login-divider {
    clear: both;
  }
  .login-divider {
    margin-left: 0px;
    margin-right: 0px;
  }
  .login-divider {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .login-divider {
    height: 0px;
  }
  .login-divider {
    border-top-width: 1px;
  }
  .login-divider {
    border-style: solid;
  }
  .login-divider {
    border-top-color: rgba(var(--light-semi-gray),1);
  }
  .login-divider::before {
    content: var(--tw-content);
  }
  .login-divider::before {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .login-divider::before {
    content: var(--tw-content);
    position: absolute;
  }
  .login-divider::before {
    content: var(--tw-content);
    top: -11px;
  }
  .login-divider::before {
    content: var(--tw-content);
    left: 40%;
  }
  .login-divider::before {
    content: var(--tw-content);
    margin-left: -0.625rem;
  }
  .login-divider::before {
    content: var(--tw-content);
    padding-left: 5px;
    padding-right: 5px;
  }
  .login-divider::before {
    content: var(--tw-content);
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .login-divider::before {
    content: var(--tw-content);
    color: rgba(var(--theme-font-color),1);
  }
  .login-divider::before {
    --tw-content: "Or Login With";
    content: var(--tw-content);
  }
  .login-divider {
    &:before {
      background-color: rgba(var(--white),1);
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          > .btn-fb,> 
    .btn-twitter,> 
    .btn-google,> 
    .btn-linkedin,> 
    .btn-dribble {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > .btn-fb,> 
    .btn-twitter,> 
    .btn-google,> 
    .btn-linkedin,> 
    .btn-dribble {
              width: 90%;
            }
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          > .btn-fb,> 
    .btn-twitter,> 
    .btn-google,> 
    .btn-linkedin,> 
    .btn-dribble {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > .btn-fb,> 
    .btn-twitter,> 
    .btn-google,> 
    .btn-linkedin,> 
    .btn-dribble {
              width: 90%;
            }
          }
        }
      }
    }
  }
  .btn-fb,
    .btn-twitter,
    .btn-google,
    .btn-linkedin,
    .btn-dribble {
    width: 100%;
  }
  .btn-fb,
    .btn-twitter,
    .btn-google,
    .btn-linkedin,
    .btn-dribble {
    color: rgba(var(--white),1);
  }
  .btn-fb {
    background-color: rgba(var(--fb),1);
  }
  .btn-twitter {
    background-color: rgba(var(--twitter),1);
  }
  .btn-google {
    background-color: rgba(var(--google-plus),1);
  }
  .btn-linkedin {
    background-color: rgba(var(--linkedin),1);
  }
  .btn-dribble {
    --tw-bg-opacity: 1;
    background-color: rgb(231 76 136 / var(--tw-bg-opacity, 1));
  }
}

.form-inline {
  margin-bottom: 0 !important;
}

@media (min-width: 1200px) {
   {
     {
       {
        .form-inline {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .form-inline {
        }
      }
    }
  }
}

.form-inline {
  margin-bottom: 0px;
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex-flow: row wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  .col-form-label {
    margin-right: 5px;
  }
}

.search-form {
  .form-group {
    &:before {
      position: absolute;
    }
    &:before {
      left: 82px;
    }
    &:before {
      top: 50px;
    }
    &:before {
      height: 25px;
    }
    &:before {
      width: 1px;
    }
    &:before {
      --tw-bg-opacity: 1;
      background-color: rgb(232 235 242 / var(--tw-bg-opacity, 1));
    }
    &:before {
      --tw-content: "";
      content: var(--tw-content);
    }
    :after {
      position: absolute;
    }
    :after {
      left: 53px;
    }
    :after {
      top: 53px;
    }
    :after {
      --tw-text-opacity: 1;
      color: rgb(142 142 142 / var(--tw-text-opacity, 1));
    }
    :after {
      --tw-content: "\f002";
      content: var(--tw-content);
    }
    :after {
      font-family: "FontAwesome";
    }
  }
  input {
    border-radius: 10px;
  }
  input {
    border-width: 1px;
  }
  input {
    border-style: solid;
  }
  input {
    border-color: rgba(var(--light-semi-gray),1);
  }
  input {
    background-color: rgba(var(--light-color),0.3);
  }
  input {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }
  input {
    padding-left: 70px;
  }
  input {
    padding-right: 0.625rem;
  }
  input {
    &:focus {
      outline-color: hidden !important;
    }
  }
}

.form-label-align-right {
  label {
    padding-top: 17px;
  }
  label {
    text-align: right;
  }
  label {
    font-weight: 500;
  }
}

.needs-validation {
  &.was-validated {
    .form-control,
      .form-select {
      &:valid {
        border-color: rgba(var(--success-color),1);
      }
      &:valid {
        ~ .valid-feedback {
          color: rgba(var(--success-color),1);
        }
      }
      &:invalid {
        border-color: rgba(var(--danger-color),1);
      }
      &:invalid {
        ~ .invalid-feedback {
          color: rgba(var(--danger-color),1);
        }
      }
    }
  }
}

.validation-forms {
  .invalid-tooltip {
    position: absolute;
  }
  .invalid-tooltip {
    display: none;
  }
  .invalid-tooltip {
    border-radius: 0.375rem;
  }
  .invalid-tooltip {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .invalid-tooltip {
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
  }
  .invalid-tooltip {
    color: rgba(var(--white),1);
  }
  .invalid-tooltip {
    .valid-tooltip {
      margin: 0px !important;
    }
    .valid-tooltip {
      margin: 0px;
    }
    .valid-tooltip {
      border-radius: 0.375rem;
    }
  }
  .radio-form {
    @media (min-width: 1200px) {
       {
         {
           {
            .form-check {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            .form-check {
            }
          }
        }
      }
    }
    .form-check {
      display: flex;
    }
    .form-check {
      gap: 0.25rem;
    }
  }
  @media (min-width: 1200px) {
     {
       {
         {
          .form-check {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .form-check {
          }
        }
      }
    }
  }
  .form-check {
    display: flex;
  }
  .form-check {
    gap: 0.375rem;
  }
  .input-group {
    .input-group-text {
      border-radius: 6px 0 0 6px;
    }
    .input-group-text {
      --tw-bg-opacity: 1;
      background-color: rgb(248 249 250 / var(--tw-bg-opacity, 1));
    }
    .form-control {
      border-radius: 0 6px 6px 0;
    }
  }
}

.custom-input {
  &.was-validated {
    .form-control,
      .form-select {
      &:valid {
        border-color: rgba(var(--success-color),1);
      }
      &:invalid {
        border-color: rgba(var(--danger-color),1);
      }
    }
  }
  .valid-tooltip {
    background-color: rgba(var(--success-color),1);
  }
  .invalid-tooltip {
    background-color: rgba(var(--danger-color),0.8);
  }
  .invalid-feedback {
    color: rgba(var(--danger-color),1);
  }
  .form-check {
    .form-check-input {
      &:valid {
        border-color: rgba(var(--success-color),1);
      }
      &:valid {
        ~ .form-check-label {
          color: rgba(var(--success-color),1);
        }
      }
      &:invalid {
        border-color: rgba(var(--danger-color),1);
      }
      &:invalid {
        ~ .form-check-label {
          color: rgba(var(--danger-color),1) !important;
        }
      }
      &:checked {
        background-color: rgba(var(--success-color),1);
      }
    }
    .invalid-feedback {
      color: rgba(var(--danger-color),1);
    }
  }
}

.basic-floating {
  .input-group {
    flex-wrap: nowrap;
  }
  @media (max-width: 575px) {
     {
       {
         {
          > .form-floating {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > .form-floating {
              width: 90%;
            }
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          > .form-floating {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > .form-floating {
              width: 90%;
            }
          }
        }
      }
    }
  }
  .form-floating {
    position: relative;
  }
  .form-floating {
    width: 100%;
  }
  .form-floating {
    label {
      position: absolute;
    }
    label {
      left: 0.75rem;
    }
    label {
      top: 20%;
    }
    label {
      font-size: 13px;
    }
    label {
      color: rgba(var(--black),0.55);
    }
    .form-select {
      padding-top: 1.625rem;
    }
    .form-select {
      padding-bottom: 0.625rem;
    }
  }
  .input-group {
    .input-group-text {
      border-radius: 6px 0 0 6px;
    }
    .form-floating {
      .form-control {
        border-radius: 0 6px 6px 0;
      }
    }
  }
}

.form-control-lg {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.form-control-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.form-check-reverse {
  padding: 0 !important;
}

@media (min-width: 1200px) {
   {
     {
       {
        .form-check-reverse {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .form-check-reverse {
        }
      }
    }
  }
}

.form-check-reverse {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  padding: 0px;
  .form-check-input {
    float: left;
  }
  .form-check-input {
    margin-left: 0.625rem;
  }
  .form-check-input {
    margin-right: 0px;
  }
}

.checkbox-checked {
  &.card-wrapper {
    h6 {
      &.sub-title {
        font-weight: 500;
      }
    }
  }
  .form-check-input {
    &:checked {
      border-color: rgba(var(--theme-default),1);
    }
    &:checked {
      background-color: rgba(var(--theme-default),1);
    }
    &:focus {
      border-color: rgba(var(--theme-default),1);
    }
    &:focus {
      --tw-shadow: 0 0 0 4px rgba(var(--theme-default),0.25);
      --tw-shadow-colored: 0 0 0 4px var(--tw-shadow-color);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
  }
  .card-wrapper {
    .form-check {
      &:last-child {
        margin-bottom: 0 !important;
      }
      &:last-child {
        margin-bottom: 0px;
      }
      &:last-child {
        min-height: 0px;
      }
      &:last-child {
        label {
          margin-bottom: 0 !important;
        }
        label {
          margin-bottom: 0px;
        }
      }
    }
  }
}

@media (min-width: 1200px) {
   {
     {
       {
        .form-check-size {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .form-check-size {
        }
      }
    }
  }
}

.form-check-size {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 22px;
  .form-check-inline {
    margin: 0px !important;
  }
  .form-check-inline {
    margin: 0px;
  }
  .form-check-inline {
    min-height: 0px;
  }
  .form-check-inline {
    .form-check-input {
      margin-top: 0 !important;
    }
    .form-check-input {
      margin-top: 0px;
    }
    .form-check-input {
      height: 18px !important;
    }
    .form-check-input {
      width: 18px;
    }
    .check-size {
      margin-top: 0 !important;
    }
    .check-size {
      margin-top: 0px;
    }
    .check-size {
      height: 18px !important;
    }
    .check-size {
      width: 36px !important;
    }
    label {
      margin: 0px !important;
    }
    label {
      margin: 0px;
    }
  }
}

.main-img-checkbox {
  @media (min-width: 1200px) {
     {
       {
         {
          .img-checkbox {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .img-checkbox {
          }
        }
      }
    }
  }
  .img-checkbox {
    position: relative;
  }
  .img-checkbox {
    display: flex;
  }
  .img-checkbox {
    align-items: center;
  }
  .img-checkbox {
    justify-content: center;
  }
  .img-checkbox {
    .main-img-cover {
      position: absolute;
    }
    .main-img-cover {
      left: 15px;
    }
    .main-img-cover {
      top: 15px;
    }
    .main-img-cover {
      height: 24px !important;
    }
    .main-img-cover {
      width: 24px;
    }
    @media (max-width: 575px) {
       {
         {
           {
            > .form-check-label {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > .form-check-label {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > .form-check-label {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > .form-check-label {
                width: 90%;
              }
            }
          }
        }
      }
    }
    .form-check-label {
      width: 100%;
    }
    @media (max-width: 575px) {
       {
         {
           {
            > img {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > img {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > img {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > img {
                width: 90%;
              }
            }
          }
        }
      }
    }
    img {
      height: 220px;
    }
    img {
      width: 100%;
    }
    img {
      -o-object-fit: cover;
         object-fit: cover;
    }
  }
}

.form-switch {
  .form-check-input[type="checkbox"] {
    width: 1.75rem;
  }
  .form-check-input[type="checkbox"] {
    background-position: left center;
    border-radius: 28px;
  }
}

.form-check-size {
  .form-check-inline {
    .check-size {
      height: 18px;
    }
    .check-size {
      width: 36px;
    }
    .check-size {
      border-radius: 28px;
    }
  }
}

.main-icon-checkbox {
  &.checkbox {
    label {
      margin-top: 0 !important;
    }
    label {
      margin-top: 0px;
    }
    label::before {
      content: var(--tw-content);
      display: block;
    }
    label::before {
      content: var(--tw-content);
      top: 0px;
    }
    label::before {
      content: var(--tw-content);
      margin-left: 1px;
    }
    label::before {
      content: var(--tw-content);
      display: block;
    }
    label::before {
      content: var(--tw-content);
      background-color: transparent;
    }
    label::before {
      --tw-content: "";
      content: var(--tw-content);
    }
    label {
      &::before {
        height: 100%;
      }
      &::before {
        width: 100%;
      }
    }
  }
  &.checkbox-primary {
    input[type="checkbox"] {
      opacity: 1;
    }
    input[type="checkbox"] {
      &:checked {
        + label {
          &::before {
            border-width: 2px !important;
          }
          &::before {
            border-width: 2px;
          }
          &::before {
            border-style: solid;
          }
          &::before {
            border-color: rgba(var(--theme-default),1);
          }
          &::before {
            color: transparent;
          }
        }
      }
    }
    .form-check-input {
      border-width: 1px;
    }
    .form-check-input {
      border-style: solid;
    }
    .form-check-input {
      border-color: rgba(var(--gray-60),1);
    }
    .form-check-input {
      &.checkbox-shadow {
        &:focus {
          --tw-shadow-color: none;
          --tw-shadow: var(--tw-shadow-colored);
        }
      }
      &:checked[type="checkbox"] {
        background-image: none;
      }
    }
  }
  .checkbox-wrapper {
    li {
      .form-check-label {
        &::before {
          border-width: 0px;
        }
      }
    }
  }
}

.main-radio-toggle,
  .main-checkbox-toggle {
  .btn {
    margin-bottom: 0 !important;
  }
  .btn {
    margin-bottom: 0px;
  }
}

@media (min-width: 1200px) {
   {
     {
       {
        .radio-wrapper,
  .checkbox-wrapper {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .radio-wrapper,
  .checkbox-wrapper {
        }
      }
    }
  }
}

.radio-wrapper,
  .checkbox-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: calc(8px + (16 - 8) * ((100vw - 320px) / (1920 - 320)));
  li {
    text-align: center;
  }
  @media (min-width: 1200px) {
     {
       {
         {
          li {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          > li {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > li {
              width: 90%;
            }
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          > li {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > li {
              width: 90%;
            }
          }
        }
      }
    }
  }
  @media (max-width: 767px) {
     {
      li {
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          li {
          }
        }
      }
    }
  }
  li {
    position: relative;
  }
  li {
    display: flex;
  }
  li {
    width: 100%;
  }
  li {
    max-width: 130px;
  }
  li {
    align-items: center;
  }
  li {
    justify-content: center;
  }
  li {
    border-color: hidden;
  }
  li {
    padding: 16px;
  }
  li {
    text-align: center;
  }
  li {
    .form-check-input {
      margin: 0px !important;
    }
    .form-check-input {
      position: absolute;
    }
    .form-check-input {
      left: 0px;
    }
    .form-check-input {
      top: 0px;
    }
    .form-check-input {
      float: none;
    }
    .form-check-input {
      margin: 0px;
    }
    .form-check-input {
      height: 100% !important;
    }
    .form-check-input {
      width: 100%;
    }
    .form-check-input {
      border-radius: 0px;
    }
    .form-check-input {
      border-width: 1px;
    }
    .form-check-input {
      border-style: solid;
    }
    .form-check-input {
      border-color: rgba(var(--gray-60),1);
    }
    .form-check-input {
      background-color: transparent;
    }
    .form-check-input {
      opacity: 1;
    }
    .form-check-input {
      &:focus {
        --tw-shadow-color: none;
        --tw-shadow: var(--tw-shadow-colored);
      }
      &[type="radio"] {
        opacity: 1;
      }
      &:checked {
        border-width: 2px !important;
      }
      &:checked {
        border-width: 2px;
      }
      &:checked {
        border-style: solid;
      }
      &:checked {
        border-color: rgba(var(--theme-default),1);
      }
      &:checked {
        background-color: transparent;
      }
      &:checked {
        &[type="radio"] {
          background-image: none;
        }
        &[type="radio"] {
          --tw-shadow-color: unset;
          --tw-shadow: var(--tw-shadow-colored);
        }
      }
    }
    .form-check-label {
      padding: 0 !important;
    }
    .form-check-label {
      margin-bottom: 0 !important;
    }
    .form-check-label {
      margin-bottom: 0px !important;
    }
    .form-check-label {
      padding: 0px;
    }
    .form-check-label {
      position: unset;
      &:after {
        --tw-content: none;
        content: var(--tw-content);
      }
      &::before {
        --tw-content: none;
        content: var(--tw-content);
      }
      i {
        padding-right: 0.5rem;
      }
      i {
        font-size: 1.125rem;
        line-height: 1.75rem;
      }
      span {
        font-size: 1rem;
        line-height: 1.5rem;
      }
    }
  }
}

@media (min-width: 1200px) {
   {
     {
       {
        .radio-form {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .radio-form {
        }
      }
    }
  }
}

.radio-form {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  .form-check {
    margin-bottom: 0 !important;
  }
  .form-check {
    margin-bottom: 0px;
  }
  .form-check {
    min-height: 0px;
  }
  .form-check {
    .form-check-label {
      margin-bottom: 0 !important;
    }
    .form-check-label {
      margin-bottom: 0px;
    }
  }
}

.basic-form {
  position: relative;
  svg {
    position: absolute;
  }
  svg {
    right: 0.75rem;
  }
  svg {
    top: 50%;
  }
  svg {
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  svg {
    &.stroke-icon {
      position: absolute;
    }
    &.stroke-icon {
      right: 0.75rem;
    }
    &.stroke-icon {
      top: 50%;
    }
    &.stroke-icon {
      height: 25px;
    }
    &.stroke-icon {
      width: 25px;
    }
    &.stroke-icon {
      --tw-translate-y: -50%;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    &.stroke-icon {
      stroke: rgba(var(--dark-color),1);
    }
  }
}

.form-check {
  margin-bottom: 0 !important;
  margin-bottom: 0px;
  [class*="form-check-"] {
    cursor: pointer;
  }
}

.theme-form {
  .custom-input {
    .grid {
      .col {
        .grid {
          &:last-child {
            label {
              margin: 0px !important;
            }
            label {
              margin: 0px;
            }
          }
        }
      }
    }
  }
  &.dark-inputs {
    input::file-selector-button {
      border-radius: 30px;
    }
  }
}

.create-project-form {
  .form-label {
    color: rgba(var(--body-font-color),1);
  }
  input[type="date" i] {
    &::-webkit-calendar-picker-indicator {
      cursor: pointer;
    }
  }
  .form-control,
    .form-select {
    border-color: rgba(var(--gray-60),1);
  }
  .form-control,
    .form-select {
    background-color: rgba(var(--form-input-bg-color),1);
  }
  .form-control,
    .form-select {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
  .form-control,
    .form-select {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .form-control,
    .form-select {
    color: rgba(var(--form-placeholder-color),1);
  }
  .form-control,
    .form-select {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  .form-control,
    .form-select {
    -webkit-box-shadow: none;
    &::-webkit-input-placeholder {
      font-family: rgba(var(--form-placeholder-font-weight),1);
    }
    &::-webkit-input-placeholder {
      letter-spacing: rgba(var(--form-placeholder-letter-spacing),1);
    }
    &::-webkit-input-placeholder {
      color: rgba(var(--form-placeholder-color),1);
    }
  }
  input[type="file"] {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  input[type="file"] {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
  }
  @media (max-width: 575px) {
     {
       {
         {
          > .bootstrap-select {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > .bootstrap-select {
              width: 90%;
            }
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          > .bootstrap-select {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > .bootstrap-select {
              width: 90%;
            }
          }
        }
      }
    }
  }
  .bootstrap-select {
    width: 100%;
  }
  .bootstrap-select {
    @media (max-width: 575px) {
       {
         {
           {
            > .dropdown-toggle {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > .dropdown-toggle {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > .dropdown-toggle {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > .dropdown-toggle {
                width: 90%;
              }
            }
          }
        }
      }
    }
    .dropdown-toggle {
      width: 100%;
    }
    .dropdown-toggle {
      border-radius: 0.375rem;
    }
    .dropdown-toggle {
      border-color: rgba(var(--gray-60),1);
    }
    .dropdown-toggle {
      background-color: unset;
    }
    .dropdown-toggle {
      padding-left: 0.625rem;
      padding-right: 0.625rem;
    }
    .dropdown-toggle {
      padding-top: 0.75rem;
      padding-bottom: 0.75rem;
    }
    .dropdown-toggle {
      color: rgba(var(--form-placeholder-color),1);
    }
    .dropdown-toggle::after {
      content: var(--tw-content);
      font-size: 15px;
    }
    .dropdown-toggle::after {
      content: var(--tw-content);
      color: rgba(var(--dark-color-light),1);
    }
    .dropdown-toggle {
      &:focus {
        outline-color: unset !important;
      }
      .filter-option {
        white-space: initial;
      }
    }
    .bs-searchbox {
      .form-control {
        padding-left: 0.625rem;
        padding-right: 0.625rem;
      }
      .form-control {
        padding-top: 0.375rem;
        padding-bottom: 0.375rem;
      }
    }
  }
  .was-validated {
    .bootstrap-select {
      select {
        &:valid {
          + .dropdown-toggle {
            border-color: rgba(var(--success-color),1);
          }
        }
      }
    }
  }
}

.buttons-with-dropdowns {
  .dropdown {
    .dropdown-toggle {
      background-color: transparent;
    }
  }
}

.animated-form {
  form {
    input {
      &.error {
        margin: 0px !important;
      }
      &.error {
        margin: 0px;
      }
      &.error {
        border-color: rgba(var(--danger-color),1);
      }
      &.success {
        border-color: rgba(var(--success-color),1);
      }
    }
    .animated {
      animation-fill-mode: both;
      animation-duration: 1s;
    }
    .input-shake {
      animation-name: input-shake;
    }
  }
}

input[type="file"] {
  &::file-selector-button {
    border-right-width: 1px;
  }
  &::file-selector-button {
    border-style: solid;
  }
  &::file-selector-button {
    color: rgba(var(--theme-font-color),1);
  }
  &::file-selector-button {
    border-block: none !important;
    border-left: none;
  }
}

.radio-checkbox-control {
  @media (min-width: 1200px) {
     {
       {
         {
          .form-check {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .form-check {
          }
        }
      }
    }
  }
  .form-check {
    display: flex;
  }
  .form-check {
    gap: 0.375rem;
  }
  .form-check-input {
    [type="checkbox"] {
      border-radius: 0.25rem;
    }
    [type="checkbox"]::after {
      content: var(--tw-content);
      font-size: 10px;
    }
  }
  .img-checkbox {
    input {
      &::after {
        color: rgb(var(--white),1) !important;
      }
      &::after {
        position: absolute;
      }
      &::after {
        left: 50%;
      }
      &::after {
        top: 50%;
      }
      &::after {
        --tw-translate-x: -50%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      }
      &::after {
        --tw-translate-y: -50%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      }
      &::after {
        --tw-scale-x: 0;
        --tw-scale-y: 0;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      }
      &::after {
        font-size: 1.125rem;
        line-height: 1.75rem;
      }
      &::after {
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity, 1));
      }
      &::after {
        --tw-content: "\f00c";
        content: var(--tw-content);
      }
      &::after {
        font-family: FontAwesome !important;
      }
      [type="radio"] {
        background-color: rgba(var(--white),1);
      }
      [type="radio"]::after {
        content: var(--tw-content);
        position: absolute;
      }
      [type="radio"]::after {
        content: var(--tw-content);
        left: 50%;
      }
      [type="radio"]::after {
        content: var(--tw-content);
        top: 50%;
      }
      [type="radio"]::after {
        content: var(--tw-content);
        z-index: 1;
      }
      [type="radio"]::after {
        content: var(--tw-content);
        height: 60%;
      }
      [type="radio"]::after {
        content: var(--tw-content);
        width: 60%;
      }
      [type="radio"]::after {
        content: var(--tw-content);
        --tw-translate-x: -50%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      }
      [type="radio"]::after {
        content: var(--tw-content);
        --tw-translate-y: -50%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      }
      [type="radio"]::after {
        content: var(--tw-content);
        border-radius: 50%;
      }
      [type="radio"]::after {
        content: var(--tw-content);
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
      }
      [type="radio"]::after {
        --tw-content: "";
        content: var(--tw-content);
      }
      [type="radio"]:checked {
        background-color: rgba(var(--theme-default),1);
      }
    }
  }
}

.main-icon-radio {
  .form-check-input[type="radio"] {
    &::after {
      display: none;
    }
  }
}

.main-icon-checkbox {
  .form-check-input[type="checkbox"] {
    &::after {
      display: none;
    }
  }
}

.form-switch {
  .form-check-input {
    border-radius: 2em;
  }
  .form-check-input {
    background-image: url(../images/forms/round-1.svg);
  }
  .form-check-input {
    background-position: left center;
  }
  .form-check-input {
    transition-property: background-position;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  .form-check-input {
    transition-duration: 0.15s;
  }
  .form-check-input {
    transition-timing-function: ease-in-out;
  }
  .form-check-input::after {
    content: var(--tw-content);
    display: none;
  }
  .form-check-input {
    &.switch-primary {
      &:checked {
        border-color: rgba(var(--theme-default),1);
      }
      &:checked {
        background-color: rgba(var(--theme-default),1);
      }
    }
    &:checked {
      background-image: url(../images/forms/round-2.svg);
    }
    &:checked {
      background-position: right center;
    }
  }
}

.default-switches {
  .form-check-input {
    width: 2em !important;
  }
}

.main-radio-toggle {
  input {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
  }
}

.main-checkbox-toggle {
  input {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
  }
}

.input-group-sm {
  > .input-group-text {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

.input-group-lg {
  > .input-group-text {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}

.radius-none {
  .form-check-input {
    border-radius: 3px;
  }
}

.checkbox-primary {
  &.form-check-input {
    &:checked {
      border-color: rgba(var(--theme-default),1);
    }
    &:checked {
      background-color: rgba(var(--theme-default),1) !important;
    }
  }
}

.form-check-input[type="checkbox"] {
  position: relative;
  margin-top: 0.25em;
  height: 1em !important;
  width: 1em;
  flex-shrink: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0.25rem;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--gray-60),0.7);
  background-color: rgba(var(--white),1);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: top;
}

.form-check-input[type="checkbox"]::after {
  position: absolute;
  left: 50%;
  top: 50%;
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  --tw-scale-x: 0;
  --tw-scale-y: 0;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  font-size: 11px;
  color: rgba(var(--white),1);
  --tw-content: "\f00c";
  content: var(--tw-content);
}

.form-check-input[type="checkbox"]:checked {
  background-color: rgba(var(--theme-default),1);
}

.form-check-input[type="checkbox"]:checked::after {
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  content: var(--tw-content);
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.form-check-input[type="checkbox"] {
  --tw-form-check-bg: rgba(var(--white), 1);
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-print-color-adjust: exact;
  &::after {
    font-family: FontAwesome !important;
  }
}

.valid-feedback,
  .invalid-feedback {
  display: none;
  padding-top: 0.25rem;
  font-size: 0.9em;
}

.form-select.is-invalid:not([multiple]):not([size]),
  .form-select.is-invalid:not([multiple])[size="1"],
  .was-validated .form-select:invalid:not([multiple]):not([size]) {
  background-color: right 1.25rem center,center right 2.25rem;
  background-image: url(../images/forms/invalid.svg);
  background-position: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
  background-repeat: no-repeat;
  padding-right: 4.125rem;
}

.form-select.is-valid:not([multiple]):not([size]),
  .form-select.is-valid:not([multiple])[size="1"],
  .was-validated .form-select:valid:not([multiple]):not([size]),
  .was-validated .form-select:valid:not([multiple])[size="1"] {
  background-color: right 1.25rem center,center right 2.25rem;
  background-image: url(../images/forms/valid.svg);
  background-position: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
  background-repeat: no-repeat;
  padding-right: 4.125rem;
}

.form-control.is-invalid,
  .was-validated .form-control:invalid {
  background-color: right 1.25rem center,center right 2.25rem;
  background-image: url(../images/forms/invalid.svg);
  background-position: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
  background-repeat: no-repeat;
  padding-right: 4.125rem;
}

.form-control.is-valid,
  .was-validated .form-control:valid {
  background-color: right 1.25rem center,center right 2.25rem;
  background-image: url(../images/forms/valid.svg);
  background-position: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
  background-repeat: no-repeat;
  padding-right: 4.125rem;
}

.needs-validation.was-validated .form-control:invalid,
  .needs-validation.was-validated .form-select:invalid {
  border-color: rgba(var(--danger-color),1);
}

.needs-validation.was-validated .form-control:invalid:focus-visible,
  .needs-validation.was-validated .form-select:invalid:focus-visible {
  border-color: rgba(var(--danger-color),1);
}

.form-select {
  display: block;
}

@media (max-width: 575px) {
   {
     {
       {
        > .form-select {
          width: 90%;
        }
      }
    }
     {
       {
         {
          > .form-select {
            width: 90%;
          }
        }
      }
    }
     {
       {
        > .form-select {
          width: 90%;
        }
      }
    }
     {
       {
         {
          > .form-select {
            width: 90%;
          }
        }
      }
    }
  }
}

.form-select {
  display: block;
  width: 100%;
  border-radius: 0.375rem;
  border-width: 1px !important;
  border-style: solid;
  border-color: rgba(var(--light-color),1);
  background-color: rgba(var(--white),1);
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  padding-left: 0.75rem;
  padding-right: 2.25rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  line-height: 1.5;
}

.form-control,
  .form-select {
  &:focus {
    border-color: rgba(var(--theme-default),1);
  }
  &:focus {
    --tw-shadow-color: unset;
    --tw-shadow: var(--tw-shadow-colored);
  }
  &:focus-visible {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }
}

@keyframes input-shake {
  0%,
    100% {
    transform: translateX(0);
  }

  10%,
    30%,
    50%,
    70%,
    90% {
    transform: translateX(-10px);
  }

  20%,
    40%,
    60%,
    80% {
    transform: translateX(10px);
  }
}

.form-wizard {
  .tab {
    display: none;
  }
  .step {
    margin-left: 0.125rem;
    margin-right: 0.125rem;
  }
  .step {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .step {
    display: inline-block;
  }
  .step {
    height: 10px;
  }
  .step {
    width: 10px;
  }
  .step {
    border-radius: 50%;
  }
  .step {
    border-color: none;
  }
  .step {
    background-color: rgba(var(--theme-default),1);
  }
  .step {
    opacity: 0.5;
  }
  .step {
    &.active {
      opacity: 1;
    }
    &.finish {
      background-color: rgba(var(--theme-secondary),1);
    }
  }
}

.wizard-4 {
  .action-bar {
    position: absolute;
  }
  .action-bar {
    right: 50px;
  }
  .action-bar {
    bottom: 50px;
  }
  .action-bar {
    .btn {
      float: right;
    }
    .btn {
      margin-left: 5px;
      margin-right: 5px;
    }
    .btn {
      margin-top: 0px;
      margin-bottom: 0px;
    }
    .btn {
      border-color: rgba(var(--theme-default),0.1) !important;
    }
    .btn {
      background-color: rgba(var(--theme-default),0.1) !important;
    }
    .btn {
      color: rgba(var(--theme-default),1);
    }
    .buttonDisabled {
      cursor: text;
    }
    .buttonDisabled {
      border-width: 1px;
    }
    .buttonDisabled {
      border-style: solid;
    }
    .buttonDisabled {
      border-color: rgba(var(--semi-dark),0.05) !important;
    }
    .buttonDisabled {
      background-color: rgba(var(--semi-dark),0.05) !important;
    }
    .buttonDisabled {
      color: rgba(var(--semi-dark),1) !important;
    }
  }
  .step-container {
    margin: 0px !important;
  }
  .step-container {
    border-width: 0 !important;
  }
  .step-container {
    padding: 0 !important;
  }
  .step-container {
    position: relative;
  }
  .step-container {
    clear: right;
  }
  .step-container {
    margin: 0px;
  }
  .step-container {
    width: 70%;
  }
  .step-container {
    overflow: hidden;
  }
  .step-container {
    border-width: 0px;
  }
  .step-container {
    border-style: solid;
  }
  .step-container {
    --tw-border-opacity: 1;
    border-color: rgb(232 235 242 / var(--tw-border-opacity, 1));
  }
  .step-container {
    --tw-bg-opacity: 1;
    background-color: rgb(248 249 254 / var(--tw-bg-opacity, 1));
  }
  .step-container {
    padding: 0px;
  }
  .step-container {
    div {
      &.content {
        display: block;
      }
      @media (max-width: 575px) {
         {
           {
             {
              > &.content {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > &.content {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              > &.content {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > &.content {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      &.content {
        position: absolute;
      }
      &.content {
        z-index: 1;
      }
      &.content {
        float: left;
      }
      &.content {
        clear: both;
      }
      &.content {
        box-sizing: border-box;
      }
      &.content {
        display: block;
      }
      &.content {
        width: 100%;
      }
      &.content {
        overflow: auto;
      }
      &.content {
        text-align: left;
      }
      &.content {
        -webkit-box-sizing: border-box;
        .wizard-title {
          margin-left: auto;
          margin-right: auto;
        }
        .wizard-title {
          margin-top: 0px;
          margin-bottom: 0px;
        }
        .wizard-title {
          width: 450px;
        }
      }
    }
  }
  .loader {
    display: none;
  }
  .msg-box {
    position: fixed;
  }
  .msg-box {
    right: 60px;
  }
  .msg-box {
    top: 30px;
  }
  .msg-box {
    display: none;
  }
  .msg-box {
    border-radius: 5px;
  }
  .msg-box {
    --tw-bg-opacity: 1;
    background-color: rgb(162 153 255 / var(--tw-bg-opacity, 1));
  }
  .msg-box {
    padding-left: 20px;
    padding-right: 20px;
  }
  .msg-box {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .msg-box {
    .content {
      padding: 0 !important;
    }
    .content {
      float: left;
    }
    .content {
      padding: 0px;
    }
    .content {
      padding-top: 3px;
    }
    .content {
      color: rgba(var(--white),1);
    }
    .close {
      margin-left: 0.625rem;
    }
    .close {
      font-size: 1.125rem;
      line-height: 1.75rem;
    }
    .close {
      line-height: 1.4;
    }
    .close {
      color: rgba(var(--white),1);
    }
    .close {
      opacity: 1;
    }
  }
  ul {
    &.anchor {
      float: left;
    }
    &.anchor {
      height: calc(100vh - 300px);
    }
    &.anchor {
      width: 30%;
    }
    &.anchor {
      overflow: auto;
    }
    &.anchor {
      padding-left: 30px;
      padding-right: 30px;
    }
    &.anchor {
      padding-top: 2.5rem;
      padding-bottom: 2.5rem;
    }
    &.anchor {
      .disabled {
        color: rgba(var(--semi-dark),1);
      }
      .disabled {
        opacity: 0.7;
      }
      .disabled {
        h4 {
          background-color: rgba(var(--semi-dark),0.15);
        }
      }
      .logo {
        padding-bottom: 1.25rem;
      }
      li {
        display: block;
      }
      li {
        margin: 0px !important;
      }
      li {
        padding: 0 !important;
      }
      @media (max-width: 575px) {
         {
           {
             {
              > li {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > li {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              > li {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > li {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      li {
        position: relative;
      }
      li {
        z-index: 0;
      }
      li {
        float: left;
      }
      li {
        clear: both;
      }
      li {
        margin: 0px;
      }
      li {
        box-sizing: border-box;
      }
      li {
        display: block;
      }
      li {
        width: 100%;
      }
      li {
        padding: 0px;
      }
      li {
        padding-bottom: 19px !important;
      }
      li:last-child {
        padding-bottom: 0 !important;
      }
      li:last-child {
        position: absolute;
      }
      li:last-child {
        left: calc(9% + (12 - 9) * ((100vw - 1200px) / (1920 - 1200)));
      }
      li:last-child {
        bottom: 0px;
      }
      li:last-child {
        width: auto;
      }
      li:last-child {
        padding-bottom: 0px;
      }
      li {
        + li {
          a {
            padding-left: 5rem;
          }
        }
        &:last-child {
          img {
            height: calc( 230px + (330 - 230) * ((100vw - 1200px) / (1920 - 1200)) );
          }
        }
        @media (min-width: 1200px) {
           {
             {
               {
                h4 {
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                h4 {
                }
              }
            }
          }
        }
        h4 {
          position: absolute;
        }
        h4 {
          left: 0px;
        }
        h4 {
          top: 0.375rem;
        }
        h4 {
          display: inline-block;
        }
        h4 {
          display: flex;
        }
        h4 {
          width: 60px;
        }
        h4 {
          align-items: center;
        }
        h4 {
          justify-content: center;
        }
        h4 {
          border-radius: 100%;
        }
        h4 {
          background-color: rgba(var(--theme-default),0.2);
        }
        h4 {
          padding-left: 23px;
          padding-right: 23px;
        }
        h4 {
          padding-top: 1rem;
          padding-bottom: 1rem;
        }
        a {
          display: block;
        }
        a {
          margin: 0px !important;
        }
        @media (max-width: 575px) {
           {
             {
               {
                > a {
                  width: 90%;
                }
              }
            }
          }

           {
             {
               {
                 {
                  > a {
                    width: 90%;
                  }
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                > a {
                  width: 90%;
                }
              }
            }
          }

           {
             {
               {
                 {
                  > a {
                    width: 90%;
                  }
                }
              }
            }
          }
        }
        a {
          position: relative;
        }
        a {
          z-index: 1;
        }
        a {
          float: left;
        }
        a {
          margin: 0px;
        }
        a {
          box-sizing: border-box;
        }
        a {
          display: block;
        }
        a {
          width: 100%;
        }
        a {
          padding-left: 1.25rem;
          padding-right: 1.25rem;
        }
        a {
          padding-top: 0.625rem;
          padding-bottom: 0.625rem;
        }
        a {
          font-size: 1.125rem;
          line-height: 1.75rem;
        }
        a {
          text-decoration-line: none;
        }
        a {
          outline-style: none;
          small {
            display: block;
          }
          small {
            display: block;
          }
          small {
            font-size: 0.875rem;
            line-height: 1.25rem;
          }
          .stepNumber {
            text-align: center;
          }
          @media (max-width: 767px) {
             {
              .stepNumber {
              }
            }
          }
          .stepNumber {
            position: relative;
          }
          .stepNumber {
            float: left;
          }
          .stepNumber {
            width: 30px;
          }
          .stepNumber {
            padding: 5px;
          }
          .stepNumber {
            padding-top: 0px;
          }
          .stepNumber {
            text-align: center;
          }
          &.done {
            h4 {
              background-color: rgba(var(--theme-default),1);
            }
            h4 {
              color: rgba(var(--white),1);
            }
            h4::before {
              content: var(--tw-content);
              position: absolute;
            }
            h4::before {
              content: var(--tw-content);
              top: -3px;
            }
            h4::before {
              content: var(--tw-content);
              left: 5px;
            }
            h4::before {
              content: var(--tw-content);
              border-radius: 15px;
            }
            h4::before {
              content: var(--tw-content);
              border-width: 1px;
            }
            h4::before {
              content: var(--tw-content);
              border-style: solid;
            }
            h4::before {
              content: var(--tw-content);
              border-color: rgba(var(--theme-default),1);
            }
            h4::before {
              content: var(--tw-content);
              background-color: rgba(var(--white),1);
            }
            h4::before {
              content: var(--tw-content);
              padding: 0.125rem;
            }
            h4::before {
              content: var(--tw-content);
              font-size: 0.75rem;
              line-height: 1rem;
            }
            h4::before {
              content: var(--tw-content);
              line-height: 1;
            }
            h4::before {
              content: var(--tw-content);
              color: rgba(var(--theme-default),1);
            }
            h4::before {
              --tw-content: "\e64c";
              content: var(--tw-content);
            }
            h4 {
              &:before {
                font-family: themify;
              }
              &:before {
                font-weight: 400;
              }
            }
          }
          &.error {
            border-width: 1px;
          }
          &.error {
            border-style: solid;
          }
          &.error {
            border-color: rgba(var(--danger-color),1);
          }
          &.error {
            background-color: rgba(var(--pitch-color));
          }
          &.error {
            color: rgba(var(--dark-gray),1);
          }
          &.error:hover {
            color: rgba(var(--black),1);
          }
        }
      }
    }
  }
}

.wizard {
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  max-width: 670px;
  .wizard-content {
    border-radius: 5px;
  }
  .wizard-content {
    background-color: rgba(var(--white),1);
  }
  .wizard-content {
    --tw-shadow-color: unset;
    --tw-shadow: var(--tw-shadow-colored);
  }
}

.vertical-main-wizard {
  .header-vertical-wizard {
    height: 100%;
  }
  .header-vertical-wizard {
    background-color: rgba(var(--light-background),1);
  }
  .header-vertical-wizard {
    text-align: unset;
    .tab-link {
      display: block;
    }
    .tab-link {
      display: block;
    }
    .tab-link {
      border-radius: 0px;
    }
    .tab-link {
      border-bottom-width: 1px;
    }
    .tab-link {
      border-style: solid;
    }
    .tab-link {
      border-bottom-color: rgba(var(--recent-border),1);
    }
    .tab-link {
      padding: 18px;
    }
    .tab-link:last-child {
      border-bottom-width: 0px;
    }
  }
  .nav-pills {
    .tab-link {
      &.active {
        background-color: transparent;
      }
    }
    &.show {
      > .tab-link {
        background-color: transparent;
      }
    }
  }
  .tab-link {
    @media (min-width: 1200px) {
       {
         {
           {
            .vertical-wizard {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            .vertical-wizard {
            }
          }
        }
      }
    }
    .vertical-wizard {
      display: flex;
    }
    .vertical-wizard {
      align-items: center;
    }
    .vertical-wizard {
      gap: 0.875rem;
    }
    .vertical-wizard {
      @media (min-width: 1200px) {
         {
           {
             {
              .stroke-icon-wizard {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              .stroke-icon-wizard {
              }
            }
          }
        }
      }
      .stroke-icon-wizard {
        position: relative;
      }
      .stroke-icon-wizard {
        display: flex;
      }
      .stroke-icon-wizard {
        height: 33px;
      }
      .stroke-icon-wizard {
        width: 33px;
      }
      .stroke-icon-wizard {
        align-items: center;
      }
      .stroke-icon-wizard {
        justify-content: center;
      }
      .stroke-icon-wizard {
        border-radius: 50%;
      }
      .stroke-icon-wizard {
        border-width: 1px;
      }
      .stroke-icon-wizard {
        border-style: solid;
      }
      .stroke-icon-wizard {
        border-color: rgba(var(--badge-light-color),1);
      }
      .stroke-icon-wizard {
        background-color: rgba(var(--white-bg),1);
      }
      .stroke-icon-wizard {
        i {
          margin-right: 0px;
        }
        i {
          color: rgba(var(--badge-light-color),1);
        }
      }
      .vertical-wizard-content {
        h6 {
          text-align: left;
        }
        h6 {
          font-weight: 400;
        }
        h6 {
          line-height: 1;
        }
        h6 {
          color: rgba(var(--body-font-color),1);
        }
        p {
          color: rgba(var(--chart-text-color),1);
        }
      }
    }
  }
  .form-check {
    .form-check-label {
      margin-bottom: 0 !important;
    }
    .form-check-label {
      margin-bottom: 0px;
    }
  }
  .input-group {
    > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
      border-top-left-radius: 0px !important;
    }
    > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
      border-bottom-left-radius: 0px !important;
    }
  }
  .tab-link {
    &:active,
      &.active {
      background-color: unset;
    }
    &:active,
      &.active {
      .vertical-wizard {
        .stroke-icon-wizard {
          border-width: 1px;
        }
        .stroke-icon-wizard {
          border-style: solid;
        }
        .stroke-icon-wizard {
          border-color: rgba(var(--theme-default),1);
        }
        .stroke-icon-wizard {
          background-color: rgba(var(--theme-default),1);
        }
        .stroke-icon-wizard {
          i {
            font-size: 1.125rem;
            line-height: 1.75rem;
          }
          i {
            color: rgba(var(--white),1);
          }
          &::before {
            position: absolute;
          }
          &::before {
            height: 45px;
          }
          &::before {
            width: 45px;
          }
          &::before {
            border-radius: 50%;
          }
          &::before {
            border-width: 1px;
          }
          &::before {
            border-style: solid;
          }
          &::before {
            border-color: rgba(var(--primary-color),1);
          }
          &::before {
            --tw-content: "";
            content: var(--tw-content);
          }
        }
        .vertical-wizard-content {
          h6 {
            color: rgba(var(--theme-default),1);
          }
        }
      }
    }
  }
}

.basic-wizard {
  @media (min-width: 1200px) {
     {
       {
         {
          .stepper-horizontal {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          > .stepper-horizontal {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > .stepper-horizontal {
              width: 90%;
            }
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          > .stepper-horizontal {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > .stepper-horizontal {
              width: 90%;
            }
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .stepper-horizontal {
          }
        }
      }
    }
  }
  .stepper-horizontal {
    margin-left: auto;
    margin-right: auto;
  }
  .stepper-horizontal {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .stepper-horizontal {
    margin-bottom: calc(14px + (24 - 14) * ((100vw - 320px) / (1920 - 320)));
  }
  .stepper-horizontal {
    display: flex;
  }
  .stepper-horizontal {
    width: 100%;
  }
  .stepper-horizontal {
    overflow: auto;
  }
  .stepper-horizontal {
    @media (max-width: 575px) {
       {
         {
           {
            > .step {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > .step {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > .step {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > .step {
                width: 90%;
              }
            }
          }
        }
      }
    }
    .step {
      position: relative;
    }
    .step {
      z-index: 2;
    }
    .step {
      width: 100%;
    }
    .step {
      padding-left: 24px;
      padding-right: 24px;
    }
    .step:first-child {
      padding-left: 0px;
    }
    .step:last-child {
      padding-right: 0px;
    }
    .step {
      &:last-child {
        .step-bar-left,
          .step-bar-right {
          display: none;
        }
      }
      .step-circle {
        border-width: 2px !important;
      }
      .step-circle {
        text-align: center;
      }
      @media (max-width: 767px) {
         {
          .step-circle {
          }
        }
      }
      .step-circle {
        z-index: 2;
      }
      .step-circle {
        margin-left: auto;
        margin-right: auto;
      }
      .step-circle {
        margin-top: 0px;
        margin-bottom: 0px;
      }
      .step-circle {
        height: 32px;
      }
      .step-circle {
        width: 32px;
      }
      .step-circle {
        border-radius: 50%;
      }
      .step-circle {
        border-width: 2px;
      }
      .step-circle {
        border-style: solid;
      }
      .step-circle {
        border-color: rgba(var(--gray-60),1);
      }
      .step-circle {
        background-color: rgba(var(--white-bg),1);
      }
      .step-circle {
        text-align: center;
      }
      .step-circle {
        font-size: 1rem;
        line-height: 1.5rem;
      }
      .step-circle {
        font-weight: 600;
      }
      .step-circle {
        line-height: 1.8;
      }
      &.done {
        .step-circle {
          border-width: 2px !important;
        }
        .step-circle {
          position: relative;
        }
        .step-circle {
          z-index: 4;
        }
        .step-circle {
          border-width: 2px;
        }
        .step-circle {
          border-style: solid;
        }
        .step-circle {
          border-color: rgba(var(--theme-body-sub-title-color),1);
        }
        .step-circle {
          background-color: rgba(var(--white-bg),1);
        }
        .step-circle {
          color: rgba(var(--theme-default),1);
        }
        .step-circle::before {
          content: var(--tw-content);
          font-weight: 600;
        }
        .step-circle::before {
          --tw-content: "\f00c";
          content: var(--tw-content);
        }
        .step-circle {
          &:before {
            font-family: "Font Awesome 6 Free";
          }
          * {
            display: none;
          }
        }
        .step-title {
          color: rgba(var(--theme-body-sub-title-color),1);
        }
        @media (max-width: 575px) {
           {
             {
               {
                > .step-bar-right {
                  width: 90%;
                }
              }
            }
          }

           {
             {
               {
                 {
                  > .step-bar-right {
                    width: 90%;
                  }
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                > .step-bar-right {
                  width: 90%;
                }
              }
            }
          }

           {
             {
               {
                 {
                  > .step-bar-right {
                    width: 90%;
                  }
                }
              }
            }
          }
        }
        .step-bar-right {
          z-index: 3;
        }
        .step-bar-right {
          width: 100%;
        }
        .step-bar-right {
          border-color: rgba(var(--theme-default),1);
        }
        .step-bar-right {
          background-color: rgba(var(--theme-default),1);
        }
      }
      &.editing {
        .step-circle {
          border-color: rgba(var(--theme-body-sub-title-color),1);
        }
        .step-circle {
          background-color: rgba(var(--white-bg),1);
        }
        .step-circle {
          color: rgba(var(--theme-default),1);
        }
      }
      .step-title {
        margin-top: 0.5rem;
      }
      .step-title {
        white-space: nowrap;
      }
      .step-title {
        font-size: 1rem;
        line-height: 1.5rem;
      }
      .step-title {
        font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
      }
      .step-title {
        font-weight: 600;
      }
      .step-title {
        color: rgba(var(--chart-text-color),1);
      }
      .step-title,
        .step-optional {
        text-align: center;
      }
      @media (max-width: 767px) {
         {
          .step-title,
        .step-optional {
          }
        }
      }
      .step-title,
        .step-optional {
        text-align: center;
      }
      .step-bar-left,
        .step-bar-right {
        position: absolute;
      }
      .step-bar-left,
        .step-bar-right {
        top: calc(32px - 18px);
      }
      .step-bar-left,
        .step-bar-right {
        height: 0.25rem;
      }
      .step-bar-left,
        .step-bar-right {
        border-color: solid;
      }
      .step-bar-left,
        .step-bar-right {
        border-color: 2px 0;
      }
      .step-bar-left,
        .step-bar-right {
        background-color: rgba(var(--view-border-marker),1);
      }
      @media (max-width: 575px) {
         {
           {
             {
              > .step-bar-left {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > .step-bar-left {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              > .step-bar-left {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > .step-bar-left {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      .step-bar-left {
        left: 50%;
      }
      .step-bar-left {
        z-index: -1;
      }
      .step-bar-left {
        width: 100%;
      }
      .step-bar-right {
        left: 50%;
      }
      .step-bar-right {
        z-index: -1;
      }
      .step-bar-right {
        width: 0px;
      }
      .step-bar-right {
        transition-property: width;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
      }
      .step-bar-right {
        transition-duration: 500ms;
      }
      .step-bar-right {
        transition-timing-function: ease-in-out;
      }
    }
  }
  form {
    &.none {
      display: none;
    }
    .form-check-label {
      margin-bottom: 0 !important;
    }
    .form-check-label {
      margin-bottom: 0px;
    }
  }
}

.important-validation {
  .form-label {
    span {
      color: rgba(var(--danger-color),1);
    }
  }
}

.select-size {
  &.form-select {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

.wizard-footer {
  button {
    &.disabled {
      background-color: rgba(var(--light-dark),1);
    }
    &.back {
      background-color: rgba(var(--warning-color),1);
    }
  }
}

@media (min-width: 1200px) {
   {
     {
       {
        .successful-form {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .successful-form {
        }
      }
    }
  }
}

.successful-form {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  padding-bottom: 1.5rem;
  img {
    height: calc(68px + (100 - 68) * ((100vw - 320px) / (1920 - 320)));
  }
  img {
    width: calc(68px + (100 - 68) * ((100vw - 320px) / (1920 - 320)));
  }
}

#horizontal-wizard-tab,
  #vertical-wizard-tab {
  .nav-link {
    &.active {
      h6 {
        color: rgba(var(--white),1);
      }
    }
  }
}

.inquiries-form {
  h6 {
    margin-bottom: 0.875rem;
  }
  @media (min-width: 1200px) {
     {
       {
         {
          .choose-option {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .choose-option {
          }
        }
      }
    }
  }
  .choose-option {
    display: flex;
  }
  .choose-option {
    flex-direction: column;
  }
  .choose-option {
    justify-content: center;
  }
  .choose-option {
    .form-check {
      &:last-child {
        margin-bottom: 0 !important;
      }
      &:last-child {
        margin-bottom: 0px;
      }
    }
  }
}

.form-completed {
  img {
    display: block;
  }
  img {
    margin-left: auto;
    margin-right: auto;
  }
  img {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  img {
    display: block;
  }
  img {
    height: 100px;
  }
  h6 {
    text-align: center;
  }
  @media (max-width: 767px) {
     {
      h6 {
      }
    }
  }
  h6 {
    margin-top: 1.5rem;
  }
  h6 {
    text-align: center;
  }
}

.horizontal-wizard-wrapper {
  .main-horizontal-header {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .main-horizontal-header {
    padding-left: 0px;
    padding-right: 0px;
  }
  .main-horizontal-header {
    padding-top: 0px;
  }
  .main-horizontal-header {
    padding-bottom: 1.25rem !important;
  }
  .main-horizontal-header {
    @media (min-width: 1200px) {
       {
         {
           {
            .horizontal-options {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            .horizontal-options {
            }
          }
        }
      }
    }
    .horizontal-options {
      display: flex !important;
    }
    .horizontal-options {
      flex-direction: row !important;
    }
    .horizontal-options {
      flex-wrap: wrap !important;
    }
    .horizontal-options {
      justify-content: space-around;
    }
    .horizontal-options {
      gap: 0.875rem;
    }
    .horizontal-options {
      @media (min-width: 1200px) {
         {
           {
             {
              a {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              a {
              }
            }
          }
        }
      }
      a {
        display: flex;
      }
      a {
        align-items: center;
      }
      a {
        justify-content: center;
      }
      a {
        @media (min-width: 1200px) {
           {
             {
               {
                .horizontal-wizard {
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                .horizontal-wizard {
                }
              }
            }
          }
        }
        .horizontal-wizard {
          display: flex;
        }
        .horizontal-wizard {
          align-items: center;
        }
        .horizontal-wizard {
          justify-content: center;
        }
        .horizontal-wizard {
          color: rgba(var(--body-font-color),1);
        }
        .horizontal-wizard {
          transition-property: all;
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-duration: 150ms;
        }
        .horizontal-wizard {
          transition-duration: 0.3s;
        }
        .horizontal-wizard {
          transition-timing-function: ease;
        }
        .horizontal-wizard {
          .stroke-icon-wizard {
            i {
              font-size: 1.125rem;
              line-height: 1.75rem;
            }
            i {
              color: rgba(var(--body-font-color),1);
            }
            i {
              vertical-align: -2px;
            }
          }
        }
        &.tab-link {
          &.active {
            border-radius: 0.5rem;
          }
          &.active {
            background-color: rgba(var(--theme-default),1);
          }
          &.active {
            .horizontal-wizard {
              color: rgba(var(--white),1);
            }
            .horizontal-wizard {
              transition-property: all;
              transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
              transition-duration: 150ms;
            }
            .horizontal-wizard {
              transition-duration: 0.3s;
            }
            .horizontal-wizard {
              transition-timing-function: ease;
            }
            .horizontal-wizard {
              .stroke-icon-wizard {
                i {
                  color: rgba(var(--white),1);
                }
                span {
                  color: rgba(var(--white),1);
                }
              }
              .horizontal-wizard-content {
                h6 {
                  color: rgba(var(--white),1);
                }
              }
            }
          }
        }
      }
    }
    .form-check {
      margin-bottom: 0 !important;
    }
    .form-check {
      margin-bottom: 0px;
    }
  }
  .form-check-input[type="radio"] {
    &::after {
      display: none;
    }
  }
  .bank-search {
    margin-bottom: 22px;
  }
  .bank-selection {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .bank-selection {
    padding-bottom: 0 !important;
  }
  .bank-selection {
    padding-left: 0px;
    padding-right: 0px;
  }
  .bank-selection {
    padding-top: 0.625rem;
  }
  .bank-selection {
    padding-bottom: 0px;
  }
  .bank-selection {
    .radio-wrapper {
      @media (min-width: 1200px) {
         {
           {
             {
              li {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              li {
              }
            }
          }
        }
      }
      li {
        display: flex;
      }
      li {
        height: 100%;
      }
      li {
        align-items: center;
      }
      li {
        justify-content: center;
      }
      li {
        .form-check-label {
          margin-bottom: 0 !important;
        }
        .form-check-label {
          margin-bottom: 0px;
        }
        .form-check-label {
          padding: 0.375rem;
        }
        .form-check-label {
          img {
            height: calc(45px + (52 - 45) * ((100vw - 320px) / (1920 - 320)));
          }
          span {
            font-size: 0.875rem;
            line-height: 1.25rem;
          }
          &::before {
            display: none;
          }
        }
      }
    }
  }
  &.vertical-variations {
    .main-horizontal-header {
      .horizontal-options {
        gap: 0.75rem;
      }
      .horizontal-options {
        .tab-link {
          color: rgba(var(--body-font-color),1);
        }
        .tab-link {
          .horizontal-wizard {
            gap: 0.625rem;
          }
          .horizontal-wizard {
            @media (min-width: 1200px) {
               {
                 {
                   {
                    .stroke-icon-wizard {
                    }
                  }
                }
              }
            }
            @media (max-width: 575px) {
               {
                 {
                   {
                    .stroke-icon-wizard {
                    }
                  }
                }
              }
            }
            .stroke-icon-wizard {
              display: flex;
            }
            .stroke-icon-wizard {
              height: 30px;
            }
            .stroke-icon-wizard {
              width: 30px;
            }
            .stroke-icon-wizard {
              align-items: center;
            }
            .stroke-icon-wizard {
              justify-content: center;
            }
            .stroke-icon-wizard {
              border-radius: 0.375rem;
            }
            .stroke-icon-wizard {
              background-color: rgba(var(--theme-default),0.1);
            }
            .stroke-icon-wizard {
              i {
                margin-right: 0px;
              }
            }
            .horizontal-wizard-content {
              h6 {
                color: rgba(var(--body-font-color),1) !important;
              }
            }
          }
          &:active,
            &.active {
            background-color: transparent;
          }
          &:active,
            &.active {
            .horizontal-wizard {
              color: rgba(var(--body-font-color),1);
            }
            .horizontal-wizard {
              .stroke-icon-wizard {
                background-color: rgba(var(--theme-default),1);
              }
              .stroke-icon-wizard {
                i {
                  margin-right: 0px;
                }
                i {
                  color: rgba(var(--white),1);
                }
              }
            }
          }
        }
      }
    }
    .select-account {
      .radio-wrapper {
        li {
          display: grid;
        }
        li > div {
          position: relative;
        }
        @media (max-width: 575px) {
           {
             {
               {
                li {
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                > li {
                  width: 90%;
                }
              }
            }
          }

           {
             {
               {
                 {
                  > li {
                    width: 90%;
                  }
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                > li {
                  width: 90%;
                }
              }
            }
          }

           {
             {
               {
                 {
                  > li {
                    width: 90%;
                  }
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                li {
                }
              }
            }
          }
        }
        li {
          display: grid;
        }
        li {
          height: 100%;
        }
        li {
          width: 100%;
        }
        li {
          max-width: unset;
        }
        li {
          place-content: baseline;
        }
        li {
          padding: 1.25rem;
        }
        li {
          text-align: unset;
          align-items: unset;
          @media (min-width: 1200px) {
             {
               {
                 {
                  .form-check-label {
                  }
                }
              }
            }
          }
          @media (max-width: 575px) {
             {
               {
                 {
                  .form-check-label {
                  }
                }
              }
            }
          }
          .form-check-label {
            display: flex;
          }
          .form-check-label {
            align-items: center;
          }
          .form-check-label {
            justify-content: unset;
            span {
              > span {
                + span {
                  font-size: 13px;
                }
              }
            }
            &::before {
              display: none;
            }
          }
        }
      }
    }
  }
  &.vertical-options {
    .main-horizontal-header {
      padding-bottom: 0 !important;
    }
    .main-horizontal-header {
      padding-bottom: 0px;
    }
    .main-horizontal-header {
      .horizontal-options {
        flex-direction: column !important;
      }
      .horizontal-options {
        align-items: flex-start;
      }
      .horizontal-options {
        justify-content: flex-start;
      }
      .horizontal-options {
        gap: 0.75rem;
      }
    }
  }
}

.authentication-options {
  @media (min-width: 1200px) {
     {
       {
         {
          .radio-wrapper {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .radio-wrapper {
          }
        }
      }
    }
  }
  .radio-wrapper {
    display: flex;
  }
  .radio-wrapper {
    flex-wrap: wrap;
  }
  .radio-wrapper {
    justify-content: center;
  }
  .radio-wrapper {
    gap: calc(8px + 8 * (100vw - 320px) / 1600);
  }
  .radio-wrapper {
    li {
      display: grid;
    }
    li > div {
      position: relative;
    }
    @media (max-width: 575px) {
       {
         {
           {
            li {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            li {
            }
          }
        }
      }
    }
    li {
      display: grid;
    }
    li {
      height: 100%;
    }
    li {
      width: 100%;
    }
    li {
      max-width: unset;
    }
    li {
      place-content: baseline;
    }
    li {
      padding: 1.25rem;
    }
    li {
      text-align: unset;
      align-items: unset;
      @media (min-width: 1200px) {
         {
           {
             {
              .form-check-label {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              .form-check-label {
              }
            }
          }
        }
      }
      .form-check-label {
        display: flex;
      }
      .form-check-label {
        align-items: center;
      }
      .form-check-label {
        gap: 0.875rem;
      }
      .form-check-label {
        text-align: left;
      }
      .form-check-label {
        i {
          padding: 0 !important;
        }
        i {
          padding: 0px;
        }
        span {
          > span {
            font-size: 1rem;
            line-height: 1.5rem;
          }
          > span {
            font-weight: 500;
          }
          > span {
            color: rgba(var(--bg-dark-color),1);
          }
          > span {
            + span {
              font-size: 0.875rem;
              line-height: 1.25rem;
            }
            + span {
              color: rgba(var(--chart-text-color),1);
            }
          }
        }
        &::before {
          display: none;
        }
      }
    }
  }
  .form-check-input[type="radio"] {
    &::after {
      display: none;
    }
  }
}

.main-qr-code {
  .modal-toggle-wrapper {
    .modal-img {
      margin-bottom: 22px;
    }
    .modal-img {
      flex-direction: column;
    }
    .modal-img {
      align-items: center;
    }
    .modal-img {
      .qr-img {
        img {
          height: 100px;
        }
        img {
          width: 100px;
        }
      }
      .qr-content {
        margin-top: 1rem;
      }
      .qr-content {
        .alert {
          align-items: unset;
          div {
            word-break: break-word;
          }
        }
        i {
          margin-right: 0px;
        }
        i {
          font-size: 1.25rem;
          line-height: 1.75rem;
        }
      }
    }
    .btn {
      display: block;
    }
    .btn {
      margin: auto;
    }
    .btn {
      margin-top: 0.75rem;
    }
    .btn {
      display: block;
    }
  }
}

.authentication-body {
  text-align: center;
}

@media (min-width: 1200px) {
   {
     {
       {
        .authentication-body {
        }
      }
    }
  }
}

@media (max-width: 767px) {
   {
    .authentication-body {
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .authentication-body {
        }
      }
    }
  }
}

.authentication-body {
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  img {
    height: calc(200px + (420 - 200) * ((100vw - 320px) / (1920 - 320)));
  }
}

.shipping-form,
  .checkout-cart {
  .shipping-border {
    border-right-width: 1px;
  }
  .shipping-border {
    border-style: solid;
  }
  .shipping-border {
    border-right-color: rgba(var(--recent-dashed-border),1);
  }
  @media (min-width: 1200px) {
     {
       {
         {
          .shipping-options {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .shipping-options {
          }
        }
      }
    }
  }
  .shipping-options {
    margin-bottom: 18px;
  }
  .shipping-options {
    display: flex;
  }
  .shipping-options {
    flex-wrap: nowrap;
  }
  .shipping-options {
    align-items: center;
  }
  .shipping-options {
    background-color: rgba(var(--theme-default),0.1);
  }
  .shipping-options {
    @media (max-width: 575px) {
       {
         {
           {
            > a {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > a {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > a {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > a {
                width: 90%;
              }
            }
          }
        }
      }
    }
    a {
      width: 100%;
    }
    a {
      &.active {
        background-color: rgba(var(--theme-default),1) !important;
      }
      &.active {
        .cart-options {
          .stroke-icon-wizard {
            i {
              background-color: rgba(var(--light-primary),1);
            }
            i {
              color: rgba(var(--theme-default),1);
            }
          }
        }
        .cart-options-content {
          h6 {
            color: rgba(var(--white),1);
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > .nav-link {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > .nav-link {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > .nav-link {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > .nav-link {
                width: 90%;
              }
            }
          }
        }
      }
    }
    .nav-link {
      width: 100%;
    }
    .nav-link {
      &.active {
        i {
          background-color: rgba(var(--light-primary),1);
        }
        i {
          color: rgba(var(--theme-default),1);
        }
        i {
          transition-property: all;
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-duration: 150ms;
        }
        i {
          transition-duration: 0.3s;
        }
        i {
          transition-timing-function: ease-in-out;
        }
        h6 {
          color: rgba(var(--white),1);
        }
      }
      &:nth-child(2) {
        .cart-options {
          i {
            --tw-scale-x: -1;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          }
        }
      }
    }
    @media (min-width: 1200px) {
       {
         {
           {
            .cart-options {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            .cart-options {
            }
          }
        }
      }
    }
    .cart-options {
      display: flex;
    }
    .cart-options {
      align-items: center;
    }
    .cart-options {
      gap: 11px;
    }
    .cart-options {
      i {
        margin: 0px !important;
      }
      @media (min-width: 1200px) {
         {
           {
             {
              i {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              i {
              }
            }
          }
        }
      }
      i {
        margin: 0px;
      }
      i {
        display: flex;
      }
      i {
        height: 40px;
      }
      i {
        width: 40px;
      }
      i {
        align-items: center;
      }
      i {
        justify-content: center;
      }
      i {
        border-radius: 50%;
      }
      i {
        background-color: rgba(var(--theme-default),1);
      }
      i {
        font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
      }
      i {
        color: rgba(var(--white),1);
      }
      i {
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
      }
      i {
        transition-duration: 0.3s;
      }
      i {
        transition-timing-function: ease-in-out;
      }
      h6 {
        color: rgba(var(--theme-default),1);
      }
    }
  }
  .shipping-info {
    .table {
      thead {
        th {
          white-space: nowrap;
        }
        th {
          &:last-child {
            text-align: end;
          }
        }
      }
      tbody {
        tr {
          border-bottom-width: 1px;
        }
        tr {
          border-style: solid;
        }
        tr {
          border-bottom-color: rgba(var(--gray-60),0.3);
        }
        tr {
          td {
            img {
              height: 50px;
            }
            &:last-child {
              text-align: end;
            }
            span {
              color: rgba(var(--chart-text-color),1);
            }
          }
          &:last-child {
            td {
              border-width: 0 !important;
            }
            td {
              border-width: 0px;
            }
          }
        }
      }
      tfoot {
        font-weight: 400;
      }
      tfoot {
        tr {
          border-bottom-width: 1px;
        }
        tr {
          border-style: solid;
        }
        tr {
          border-bottom-color: rgba(var(--gray-60),0.2);
        }
        tr {
          td {
            white-space: nowrap;
          }
          td {
            &:first-child {
              max-width: 370px;
            }
            &:last-child {
              min-width: 0px;
            }
            &:last-child {
              text-align: end;
            }
          }
          &:first-child {
            font-weight: 500;
          }
          &:last-child {
            font-weight: 600;
          }
          &:last-child {
            td {
              border-bottom-width: 0px;
            }
          }
        }
      }
    }
  }
  .shipping-content {
    padding: 0 !important;
  }
  .shipping-content {
    height: 100%;
  }
  .shipping-content {
    padding: 0px;
  }
  .shipping-content {
    .shipping-wizard {
      @media (min-width: 1200px) {
         {
           {
             {
              .shipping-title {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              .shipping-title {
              }
            }
          }
        }
      }
      .shipping-title {
        display: flex;
      }
      .shipping-title {
        align-items: center;
      }
      .shipping-title {
        justify-content: space-between;
      }
      .shipping-title {
        > .btn {
          padding-top: 0 !important;
          padding-bottom: 0 !important;
        }
        > .btn {
          border-width: 0 !important;
        }
        > .btn {
          border-width: 0px;
        }
        > .btn {
          padding-left: 1.75rem;
          padding-right: 1.75rem;
        }
        > .btn {
          padding-top: 0px;
          padding-bottom: 0px;
        }
        > .btn {
          background: none !important;
          i {
            color: rgba(var(--theme-default),1);
          }
        }
      }
      .collect-address {
        margin-bottom: 8px !important;
      }
      @media (min-width: 1200px) {
         {
           {
             {
              .collect-address {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              .collect-address {
              }
            }
          }
        }
      }
      .collect-address {
        margin-bottom: 0.5rem;
      }
      .collect-address {
        display: flex;
      }
      .collect-address {
        align-items: center;
      }
      .collect-address {
        justify-content: space-between;
      }
      .collect-address {
        @media (min-width: 1200px) {
           {
             {
               {
                .card-icon {
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                .card-icon {
                }
              }
            }
          }
        }
        .card-icon {
          display: flex;
        }
        .card-icon {
          align-items: center;
        }
        .card-icon {
          gap: 0.75rem;
        }
        .card-icon {
          i {
            font-size: 1rem;
            line-height: 1.5rem;
          }
          i {
            color: rgba(var(--theme-default),1);
          }
        }
      }
      @media (min-width: 1200px) {
         {
           {
             {
              .shipping-address {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              .shipping-address {
              }
            }
          }
        }
      }
      .shipping-address {
        display: flex;
      }
      .shipping-address {
        flex-direction: column;
      }
      .shipping-address {
        gap: 0.5rem;
      }
      .shipping-address {
        h6 {
          font-size: 15px;
        }
        h6 {
          font-weight: 500;
        }
      }
    }
    > .active {
      @media (min-width: 1200px) {
         {
           {
             {
              &.finish-wizard1 {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              &.finish-wizard1 {
              }
            }
          }
        }
      }
      &.finish-wizard1 {
        display: flex;
      }
      &.finish-wizard1 {
        height: calc(100% - 55px - 18px);
      }
      &.finish-wizard1 {
        align-items: center;
      }
      &.finish-wizard1 {
        justify-content: center;
      }
    }
  }
  .shipping-method {
    p {
      padding-left: 25px;
    }
    p {
      color: rgba(var(--chart-text-color),1);
    }
  }
  .proceed-next {
    padding-left: 0.5rem;
  }
  .proceed-prev {
    --tw-scale-x: -1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .proceed-prev {
    padding-left: 0.5rem;
  }
  .payment-info-wrapper {
    @media (min-width: 1200px) {
       {
         {
           {
            .card-wrapper {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            .card-wrapper {
            }
          }
        }
      }
    }
    .card-wrapper {
      display: flex;
    }
    .card-wrapper {
      align-items: center;
    }
    .card-wrapper {
      justify-content: space-between;
    }
    .card-wrapper {
      img {
        height: 50px;
      }
    }
    .pay-info {
      display: block;
    }
    .pay-info {
      display: block;
    }
    .pay-info {
      > div {
        margin-bottom: 16px !important;
      }
      @media (min-width: 1200px) {
         {
           {
             {
              > div {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              > div {
              }
            }
          }
        }
      }
      > div {
        margin-bottom: 0.75rem;
      }
      > div {
        display: flex;
      }
      > div {
        align-items: center;
      }
    }
  }
  .order-confirm {
    text-align: center;
  }
  @media (max-width: 767px) {
     {
      .order-confirm {
      }
    }
  }
  .order-confirm {
    text-align: center;
  }
  .order-confirm {
    img {
      height: calc(95px + (140 - 95) * ((100vw - 320px) / (1920 - 320)));
    }
  }
  .finish-shipping {
    text-align: center;
  }
  @media (max-width: 767px) {
     {
      .finish-shipping {
      }
    }
  }
  .finish-shipping {
    height: 100%;
  }
  .finish-shipping {
    width: 100%;
  }
  .finish-shipping {
    background-color: rgba(var(--light-background),1);
  }
  .finish-shipping {
    padding-top: calc(100% - 85%);
    padding-bottom: calc(100% - 85%);
  }
  .finish-shipping {
    padding-left: 12px;
    padding-right: 12px;
  }
  .finish-shipping {
    text-align: center;
  }
  .finish-shipping {
    svg {
      height: calc(140px + (230 - 140) * ((100vw - 320px) / (1920 - 320)));
    }
    svg {
      width: calc(140px + (230 - 140) * ((100vw - 320px) / (1920 - 320)));
    }
    svg {
      animation: up-down 2.9s ease-in-out infinite;
    }
  }
  .form-select {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .form-select {
    color: rgba(var(--chart-text-color),1);
  }
}

.avatar-upload {
  flex-direction: column;
  div {
    &:first-child {
      position: relative;
    }
    &:first-child {
      margin: auto;
    }
    &:first-child {
      max-width: 205px;
    }
    &:first-child {
      .avatar-edit {
        position: absolute;
      }
      .avatar-edit {
        right: 18px;
      }
      .avatar-edit {
        top: -0.25rem;
      }
      .avatar-edit {
        z-index: 1;
      }
      .avatar-edit {
        input {
          display: none;
        }
        label {
          margin-bottom: 0 !important;
        }
        label {
          margin-bottom: 0px;
        }
        label {
          display: inline-block;
        }
        label {
          height: 35px;
        }
        label {
          width: 35px;
        }
        label {
          cursor: pointer;
        }
        label {
          border-radius: 100%;
        }
        label {
          border-width: 1px;
        }
        label {
          border-style: solid;
        }
        label {
          border-color: transparent;
        }
        label {
          background-color: rgba(var(--light-bg),1);
        }
        label {
          font-family: normal;
        }
        label {
          --tw-shadow: 0px 2px 4px 0px rgba(0,0,0,0.12);
          --tw-shadow-colored: 0px 2px 4px 0px var(--tw-shadow-color);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
        }
        label {
          transition-property: all;
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-duration: 150ms;
        }
        label {
          transition-duration: 0.2s;
        }
        label {
          transition-timing-function: ease-in-out;
        }
        label::after {
          content: var(--tw-content);
          text-align: center;
        }
        @media (max-width: 767px) {
        }
        label::after {
          content: var(--tw-content);
          position: absolute;
        }
        label::after {
          content: var(--tw-content);
          left: 3px;
        }
        label::after {
          content: var(--tw-content);
          right: 0px;
        }
        label::after {
          content: var(--tw-content);
          top: 0.5rem;
        }
        label::after {
          content: var(--tw-content);
          margin: auto;
        }
        label::after {
          content: var(--tw-content);
          text-align: center;
        }
        label::after {
          content: var(--tw-content);
          font-weight: 600;
        }
        label::after {
          content: var(--tw-content);
          color: var(--body-font-color);
        }
        label::after {
          --tw-content: "\f303";
          content: var(--tw-content);
        }
        label {
          &::after {
            font-family: "Font Awesome 6 Free";
          }
        }
      }
      .avatar-preview {
        position: relative;
      }
      .avatar-preview {
        margin: auto;
      }
      .avatar-preview {
        height: 150px;
      }
      .avatar-preview {
        width: 150px;
      }
      .avatar-preview {
        border-radius: 100%;
      }
      .avatar-preview {
        border-width: 6px;
      }
      .avatar-preview {
        border-style: solid;
      }
      .avatar-preview {
        --tw-border-opacity: 1;
        border-color: rgb(248 248 248 / var(--tw-border-opacity, 1));
      }
      .avatar-preview {
        --tw-shadow: 0px 2px 4px 0px rgba(0,0,0,0.1);
        --tw-shadow-colored: 0px 2px 4px 0px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
      }
      .avatar-preview {
        > div {
          height: 100%;
        }
        > div {
          width: 100%;
        }
        > div {
          border-radius: 100%;
        }
        > div {
          background-image: url("../images/forms/user.png");
        }
        > div {
          background-size: cover;
        }
        > div {
          background-position: center;
        }
        > div {
          background-repeat: no-repeat;
        }
      }
    }
  }
  h6 {
    text-align: center;
  }
  @media (max-width: 767px) {
     {
      h6 {
      }
    }
  }
  h6 {
    padding-top: 0.875rem;
  }
  h6 {
    text-align: center;
  }
}

.email-verify {
  .card-wrapper {
    display: grid;
  }
  .card-wrapper > div {
    position: relative;
  }
  @media (max-width: 575px) {
     {
       {
         {
          .card-wrapper {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .card-wrapper {
          }
        }
      }
    }
  }
  .card-wrapper {
    display: grid;
  }
  .card-wrapper {
    place-content: center;
  }
  .card-wrapper {
    > div {
      align-items: center;
    }
    .input-group {
      > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
        border-top-left-radius: 0px;
      }
      > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
        border-bottom-left-radius: 0px;
      }
    }
  }
}

@media (min-width: 1200px) {
   {
     {
       {
        .authenticate {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .authenticate {
        }
      }
    }
  }
}

.authenticate {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  span {
    &:nth-of-type(1) {
      margin-top: 0.75rem;
    }
  }
  h4 {
    margin-bottom: 16px !important;
  }
  h4 {
    margin-bottom: 0.75rem;
  }
  img {
    height: calc(145px + (200 - 145) * ((100vw - 320px) / (1920 - 320)));
  }
  form {
    text-align: center;
  }
  @media (max-width: 767px) {
     {
      form {
      }
    }
  }
  form {
    flex-direction: column;
  }
  form {
    text-align: center;
  }
  form {
    @media (min-width: 1200px) {
       {
         {
           {
            .otp-generate {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            .otp-generate {
            }
          }
        }
      }
    }
    .otp-generate {
      margin-left: 0px;
      margin-right: 0px;
    }
    .otp-generate {
      margin-top: 0.875rem;
      margin-bottom: 0.875rem;
    }
    .otp-generate {
      display: flex;
    }
    .otp-generate {
      justify-content: center;
    }
    .otp-generate {
      gap: 0.75rem;
    }
    .form-control {
      text-align: center;
    }
    .form-control {
      display: block;
    }
    .form-control {
      padding: 0 !important;
    }
    @media (max-width: 767px) {
       {
        .form-control {
        }
      }
    }
    .form-control {
      display: block;
    }
    .form-control {
      height: calc(25px + (35 - 25) * ((100vw - 320px) / (1920 - 320)));
    }
    .form-control {
      width: calc(25px + (35 - 25) * ((100vw - 320px) / (1920 - 320)));
    }
    .form-control {
      min-width: 0px;
    }
    .form-control {
      border-radius: 5px;
    }
    .form-control {
      padding: 0px;
    }
    .form-control {
      text-align: center;
    }
    div {
      margin-top: 0.75rem;
    }
    div {
      display: inline-grid;
    }
    div {
      gap: 0.125rem;
    }
  }
}

.accordion {
  .accordion-item {
    .accordion-body {
      .choose-bank {
        .form-check {
          .form-check-label {
            color: rgba(var(--body-font-color),1);
          }
        }
      }
    }
  }
}

.horizontal-login {
  .mb-3 {
    &:nth-child(2) {
      position: relative;
    }
  }
  .form-control {
    padding-right: 34px;
  }
  .pwd-strength {
    li {
      margin-bottom: 8px !important;
    }
    li {
      margin-bottom: 0.5rem;
    }
    li:last-child {
      margin-bottom: 0 !important;
    }
    li:last-child {
      margin-bottom: 0px;
    }
    li {
      i {
        margin-right: 0.5rem;
      }
    }
  }
  .control-label {
    padding-bottom: 0.25rem;
  }
  .control-label {
    text-align: left;
  }
  .progress {
    margin-top: 12px;
    margin-bottom: 12px;
  }
  .progress {
    height: 0.25rem;
  }
  .form-group {
    margin-bottom: 0.625rem;
  }
  .show-pass {
    position: absolute;
  }
  .show-pass {
    right: 1.25rem;
  }
  .show-pass {
    top: 2.75rem;
  }
  .show-pass {
    --tw-translate-x: 50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .show-pass {
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .was-validated {
    .form-control {
      &:valid {
        ~ .show-pass {
          right: 2.5rem;
        }
      }
    }
  }
  .progress-bar-danger {
    background-color: rgba(var(--danger-color),1);
  }
  .progress-bar-warning {
    background-color: rgba(var(--warning-color),1);
  }
  .progress-bar-success {
    background-color: rgba(var(--success-color),1);
  }
  .login-btn {
    margin-top: 0 !important;
  }
  .login-btn {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .login-btn {
    margin-left: auto;
    margin-right: auto;
  }
  .login-btn {
    margin-top: 0px;
  }
  .login-btn {
    margin-bottom: 5px;
  }
  .login-btn {
    width: 180px;
  }
  .login-btn {
    background-image: linear-gradient(to right,#f6086e,#ff133a);
  }
  .login-btn {
    padding-left: 0px;
    padding-right: 0px;
  }
  .login-btn {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .login-btn {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  .login-btn {
    color: rgba(var(--white),1);
  }
  .login-btn:hover {
    background-image: linear-gradient( to right,rgba(255,0,111,0.8),rgba(247,2,43,0.8) );
  }
  .login-btn:hover {
    color: rgba(var(--white),1);
  }
  .fa-eye {
    cursor: pointer;
  }
  .fa-eye {
    color: rgba(var(--body-font-color),1);
  }
  .fa-eye {
    vertical-align: -6px;
  }
  .ex-account {
    p {
      a {
        text-decoration-color: rgba(var(--theme-default),1);
      }
      a {
        color: rgba(var(--danger-color),1);
      }
      a {
        text-decoration-line: underline;
      }
    }
  }
  .fa-circle {
    font-size: 6px;
  }
  .fa-check {
    color: rgba(var(--success-color),1);
  }
}

.form-wizard-box {
  .accordion-item {
    overflow: hidden;
  }
  .accordion-item {
    border-radius: 0.375rem;
  }
  .accordion-item {
    border-width: 1px;
  }
  .accordion-item {
    border-style: solid;
  }
  .accordion-item {
    border-color: rgba(var(--black),0.05);
  }
  .accordion-item {
    @media (max-width: 575px) {
       {
         {
           {
            > .accordion-button {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > .accordion-button {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > .accordion-button {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > .accordion-button {
                width: 90%;
              }
            }
          }
        }
      }
    }
    .accordion-button {
      width: 100%;
    }
    .accordion-button {
      background-color: rgba(var(--theme-default),0.1);
    }
    .accordion-button {
      padding-left: 1.25rem;
      padding-right: 1.25rem;
    }
    .accordion-button {
      padding-top: 1rem;
      padding-bottom: 1rem;
    }
    .accordion-button {
      text-align: start;
    }
    .accordion-button {
      font-size: 1rem;
      line-height: 1.5rem;
    }
    .accordion-button {
      font-weight: 400;
    }
    .accordion-button {
      color: rgba(var(--theme-default),1);
    }
    .accordion-button {
      svg {
        float: right;
      }
      svg {
        margin-left: auto;
      }
      svg {
        display: inline-block;
      }
    }
  }
  .collapse {
    visibility: visible;
  }
}

.default-dashboard,
  .dashboard-2,
  .dashboard-3,
  .dashboard-4,
  .dashboard-5,
  .dashboard-6,
  .dashboard-7,
  .dashboard-09,
  .dashboard-10,
  .dashboard-11,
  .dashboard-12,
  .dashboard-13,
  .main-scope-project,
  .e-category,
  .list-product-view,
  .seller-details-wrapper,
  .common-order-history,
  .datatable-init,
  .common-cart,
  .role-permission-wrapper,
  .user-list-wrapper,
  .main-tasks,
  .project-status,
  .api-manage,
  .manage-review-wrapper,
  .candidate-wrapper,
  .product-report-wrapper,
  .sale-report-wrapper,
  .sale-return-wrapper,
  .customer-order-wrapper,
  .subscribed-user {
  .heading-space {
    .card-header {
      .header-top {
        margin-left: 74px;
      }
    }
  }
  div {
    &.dt-container {
      .dt-layout-row {
        thead {
          background-color: rgba(var(--light2),1);
        }
        thead {
          th {
            font-size: 0.875rem;
            line-height: 1.25rem;
          }
          th {
            font-weight: 500;
          }
          th {
            color: rgba(var(--badge-light-color),1);
          }
        }
        .dt-length {
          position: absolute;
        }
        .dt-length {
          left: 1.25rem;
        }
        .dt-length {
          top: 1.25rem;
        }
        .dt-length {
          .dt-input {
            border-radius: 0.25rem;
          }
          .dt-input {
            border-width: 1px;
          }
          .dt-input {
            border-style: solid;
          }
          .dt-input {
            border-color: rgba(var(--recent-dashed-border),1);
          }
          .dt-input {
            background-color: rgba(var(--body-color),1);
          }
          .dt-input {
            padding-left: 0.375rem;
            padding-right: 0.375rem;
          }
          .dt-input {
            padding-top: 0.25rem;
            padding-bottom: 0.25rem;
          }
          label {
            display: none;
          }
        }
        .datatable {
          &.table-sm {
            thead {
              tr {
                th {
                  &.dt-orderable-asc,
                    &.dt-orderable-desc,
                    &.dt-ordering-asc,
                    &.dt-ordering-desc {
                    padding-right: 1.25rem;
                  }
                  &.dt-orderable-asc,
                    &.dt-orderable-desc,
                    &.dt-ordering-asc,
                    &.dt-ordering-desc {
                    span {
                      &.dt-column-order {
                        right: 5px;
                      }
                    }
                  }
                }
              }
            }
          }
          thead {
            tr {
              th {
                &.dt-orderable-asc,
                  &.dt-orderable-desc,
                  &.dt-ordering-asc,
                  &.dt-ordering-desc {
                  position: relative;
                }
                &.dt-orderable-asc,
                  &.dt-orderable-desc,
                  &.dt-ordering-asc,
                  &.dt-ordering-desc {
                  padding-right: 1.75rem;
                }
                &.dt-orderable-asc,
                  &.dt-orderable-desc,
                  &.dt-ordering-asc,
                  &.dt-ordering-desc {
                  span {
                    &.dt-column-order {
                      position: absolute;
                    }
                    &.dt-column-order {
                      top: 0px;
                      bottom: 0px;
                    }
                    &.dt-column-order {
                      right: 0.75rem;
                    }
                    &.dt-column-order {
                      width: 0.75rem !important;
                    }
                    &.dt-column-order {
                      &::before,
                        &::after {
                        position: absolute;
                      }
                      &::before,
                        &::after {
                        left: 0px;
                      }
                      &::before,
                        &::after {
                        font-size: 0.8em;
                      }
                      &::before,
                        &::after {
                        line-height: 9px;
                      }
                      &::before,
                        &::after {
                        opacity: 0.125;
                      }
                      &::before,
                        &::after {
                        --tw-content: "";
                        content: var(--tw-content);
                      }
                    }
                  }
                }
                &.dt-orderable-asc,
                  &.dt-ordering-asc {
                  span {
                    &.dt-column-order {
                      &::before {
                        display: block;
                      }
                      &::before {
                        position: absolute;
                      }
                      &::before {
                        bottom: 50%;
                      }
                      &::before {
                        display: block;
                      }
                      &::before {
                        --tw-content: "▲";
                        content: var(--tw-content);
                      }
                      &::before {
                        --tw-content: "▲" /"";
                        content: var(--tw-content);
                      }
                    }
                  }
                }
                &.dt-orderable-desc,
                  &.dt-ordering-desc {
                  span {
                    &.dt-column-order {
                      &::after {
                        display: block;
                      }
                      &::after {
                        position: absolute;
                      }
                      &::after {
                        top: 50%;
                      }
                      &::after {
                        display: block;
                      }
                      &::after {
                        --tw-content: "▼";
                        content: var(--tw-content);
                      }
                      &::after {
                        --tw-content: "▼" /"";
                        content: var(--tw-content);
                      }
                    }
                  }
                }
                &.sorting_desc_disabled,
                  &.sorting_asc_disabled {
                  span {
                    &.dt-column-order {
                      &::before {
                        display: none;
                      }
                    }
                  }
                }
                &.dt-orderable-asc,
                  &.dt-orderable-desc {
                  cursor: pointer;
                }
                &.dt-ordering-asc {
                  span {
                    &.dt-column-order {
                      &::before {
                        opacity: 0.6;
                      }
                    }
                  }
                }
                &.dt-ordering-desc {
                  span {
                    &.dt-column-order {
                      &::after {
                        opacity: 0.6;
                      }
                    }
                  }
                }
              }
            }
          }
        }
        @media (min-width: 1200px) {
           {
             {
               {
                &:last-child {
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                &:last-child {
                }
              }
            }
          }
        }
        &:last-child {
          display: flex;
        }
        &:last-child {
          align-items: center;
        }
        &:last-child {
          justify-content: space-between;
        }
        .dt-layout-cell {
          .dt-empty {
            text-align: center;
          }
          @media (max-width: 767px) {
             {
              .dt-empty {
              }
            }
          }
          .dt-empty {
            text-align: center;
          }
          .dt-empty {
            color: rgba(var(--body-font-color),1);
          }
          .dt-info {
            padding-bottom: 0 !important;
          }
          .dt-info {
            padding-left: 1.25rem;
            padding-right: 1.25rem;
          }
          .dt-info {
            padding-top: 1rem;
          }
          .dt-info {
            padding-bottom: 0px;
          }
          .dt-info {
            color: rgba(var(--dark-color),1);
          }
          .dt-search {
            position: absolute;
          }
          .dt-search {
            right: -15px;
          }
          .dt-search {
            top: 1.25rem;
          }
          .dt-search {
            z-index: 0;
          }
          .dt-search {
            width: -moz-fit-content;
            width: fit-content;
          }
          .dt-search {
            label {
              margin-right: 0.375rem;
            }
            label {
              color: rgba(var(--badge-light-color),1);
            }
            input {
              width: 50%;
            }
            input {
              border-width: 1px;
            }
            input {
              border-style: solid;
            }
            input {
              border-color: rgba(var(--badge-light-color),30%);
            }
            input {
              padding-left: 0.125rem;
              padding-right: 0.125rem;
            }
            input {
              padding-top: 1px;
              padding-bottom: 1px;
            }
            input {
              color: rgba(var(--semi-dark),1);
            }
            input {
              &:focus {
                outline: none;
              }
            }
          }
          tr {
            td {
              color: rgba(var(--body-font-color),1);
            }
            &.selected {
              td {
                background-color: rgba(var(--card-body-color),1);
              }
              td {
                box-shadow: unset;
              }
            }
          }
        }
        .dt-paging {
          padding-bottom: 0 !important;
        }
        .dt-paging {
          padding-left: 1.25rem;
          padding-right: 1.25rem;
        }
        .dt-paging {
          padding-top: 0.75rem;
        }
        .dt-paging {
          padding-bottom: 0px;
        }
        .dt-paging {
          text-align: end;
        }
        .dt-paging {
          .dt-paging-button {
            margin-right: 0.75rem;
          }
          .dt-paging-button {
            border-radius: 0.25rem;
          }
          .dt-paging-button {
            border-color: unset;
          }
          .dt-paging-button {
            padding-left: 0.625rem;
            padding-right: 0.625rem;
          }
          .dt-paging-button {
            padding-top: 0.125rem;
            padding-bottom: 0.125rem;
          }
          .dt-paging-button {
            font-size: 0.875rem;
            line-height: 1.25rem;
          }
          .dt-paging-button {
            color: rgba(var(--body-font-color),1);
          }
          .dt-paging-button {
            &:last-child {
              margin-right: 0px;
            }
            &.current {
              background-color: rgba(var(--theme-default),1);
            }
            &.current {
              color: rgba(var(--white),1);
            }
          }
        }
        .dt-select {
          .dt-select-checkbox {
            cursor: pointer;
          }
          .dt-select-checkbox {
            border-color: rgba(var(--badge-light-color),80%);
          }
          .dt-select-checkbox {
            padding: 0.375rem;
          }
          .dt-select-checkbox {
            &:indeterminate {
              &::after {
                left: 0.25rem;
              }
              &::after {
                top: 0.25rem;
              }
              &::after {
                background-color: rgba(var(--body-font-color),1);
              }
            }
            &:checked {
              border-color: transparent;
            }
            &:checked {
              background-color: rgba(var(--theme-default),1);
            }
            &:checked {
              &::after {
                position: absolute;
              }
              &::after {
                margin-left: -0.25rem;
              }
              &::after {
                margin-top: -0.625rem;
              }
              &::after {
                font-size: 9px;
              }
              &::after {
                font-weight: 900;
              }
              &::after {
                color: rgba(var(--white),1);
              }
              &::after {
                --tw-content: "\f00c";
                content: var(--tw-content);
              }
              &::after {
                font-family: "Font Awesome 6 Free";
              }
            }
          }
        }
      }
    }
  }
}

.support-ticket-table {
  position: relative;
  div {
    &.dt-container {
      .dt-layout-row {
        @media (min-width: 1200px) {
           {
             {
               {
                .dt-length {
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                .dt-length {
                }
              }
            }
          }
        }
        .dt-length {
          position: absolute;
        }
        .dt-length {
          left: 0.25rem;
        }
        .dt-length {
          top: 0.25rem;
        }
        .dt-length {
          display: flex;
        }
        .dt-length {
          gap: 0.625rem;
        }
        .dt-length {
          .dt-input {
            border-radius: 0.25rem;
          }
          .dt-input {
            border-width: 1px;
          }
          .dt-input {
            border-style: solid;
          }
          .dt-input {
            border-color: rgba(var(--gray-60),0.4);
          }
          .dt-input {
            background-color: transparent;
          }
          .dt-input {
            padding-left: 0.375rem;
            padding-right: 0.375rem;
          }
          .dt-input {
            padding-top: 0.25rem;
            padding-bottom: 0.25rem;
          }
        }
        .dt-search {
          position: absolute;
        }
        .dt-search {
          right: 1.25rem;
        }
        .dt-search {
          top: 0.25rem;
        }
        .dt-search {
          width: -moz-fit-content;
          width: fit-content;
        }
        .dt-search {
          .dt-input {
            border-radius: 0.25rem;
          }
          .dt-input {
            border-width: 1px;
          }
          .dt-input {
            border-style: solid;
          }
          .dt-input {
            border-color: rgba(var(--gray-60),0.4);
          }
          .dt-input {
            padding-left: 0.375rem;
            padding-right: 0.375rem;
          }
          .dt-input {
            padding-top: 0.25rem;
            padding-bottom: 0.25rem;
          }
        }
        &.dt-layout-table {
          margin-top: 3rem;
        }
      }
    }
  }
}

.dt-buttons {
  .btn {
    padding: 6px calc(9px + (17 - 9) * ((100vw - 320px) / (1920 - 320))) !important;
  }
}

div {
  &.table-responsive {
    > div {
      &.dt-container {
        > div {
          &.row {
            margin: 0px !important;
          }
          &.row {
            margin: 0px;
          }
        }
      }
    }
  }
}

.html-expert-table {
  .dt-container {
    .dt-buttons {
      display: inline-flex;
    }
    @media (min-width: 1200px) {
       {
         {
           {
            .dt-search {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            .dt-search {
            }
          }
        }
      }
    }
    .dt-search {
      float: right;
    }
    .dt-search {
      display: flex;
    }
    .dt-search {
      gap: 0.625rem;
    }
    .dt-search {
      label {
        margin-bottom: 0 !important;
      }
      label {
        margin-top: 5px;
      }
      label {
        margin-bottom: 0px;
      }
      input {
        border-radius: 0.25rem;
      }
      input {
        border-width: 1px;
      }
      input {
        border-style: solid;
      }
      input {
        border-color: rgba(var(--gray-60),0.5);
      }
      input {
        padding: 0.25rem;
      }
    }
    .dt-paging {
      float: right;
    }
    .dt-paging {
      margin-top: 0.625rem;
    }
    .dt-paging {
      .dt-paging-button {
        border-width: 1px;
      }
      .dt-paging-button {
        border-style: solid;
      }
      .dt-paging-button {
        border-color: rgba(var(--gray-60),0.5);
      }
      .dt-paging-button {
        background-color: rgba(var(--theme-default),0.06);
      }
      .dt-paging-button {
        padding-left: 0.875rem;
        padding-right: 0.875rem;
      }
      .dt-paging-button {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
      }
      .dt-paging-button {
        font-size: 0.875rem;
        line-height: 1.25rem;
      }
      .dt-paging-button {
        color: rgba(var(--body-font-color),1);
      }
      .dt-paging-button:first-child {
        border-radius: 6px 0 0 6px;
      }
      .dt-paging-button:last-child {
        border-radius: 0 6px 6px 0;
      }
      .dt-paging-button {
        &.current {
          background-color: rgba(var(--theme-default),1);
        }
        &.current {
          color: rgba(var(--white),1);
        }
      }
    }
    .dt-info {
      margin-top: 0.625rem;
    }
    .dt-info {
      display: inline-block;
    }
  }
  .dt-buttons {
    .dt-button {
      border-color: rgba(var(--theme-secondary),1);
    }
    .dt-button {
      background-color: rgba(var(--theme-secondary),1);
    }
    .dt-button {
      color: rgba(var(--white),1);
    }
  }
}

.datatable-api-wrapper {
  .dataTables_wrapper {
    .dataTables_filter {
      float: left;
    }
    .dataTables_filter {
      text-align: start;
    }
  }
}

/* datatable api page css */

table.dataTable.order-column > tbody tr > .sorting_1,
  table.dataTable.order-column > tbody tr > .sorting_2,
  table.dataTable.order-column > tbody tr > .sorting_3,
  table.dataTable.display > tbody tr > .sorting_1,
  table.dataTable.display > tbody tr > .sorting_2,
  table.dataTable.display > tbody tr > .sorting_3 {
  --tw-shadow: inset 0 0 0 9999px rgba(0,0,0,0.02) !important;
  --tw-shadow-colored: inset 0 0 0 9999px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

table.dataTable.display tbody tr:hover > .sorting_1,
  table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
  --tw-shadow: inset 0 0 0 9999px rgba(0,0,0,0.082) !important;
  --tw-shadow-colored: inset 0 0 0 9999px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

table.selection-deletion.dataTable tbody tr.selected > * {
  --tw-shadow: inset 0 0 0 9999px rgba(82,82,108,0.2) !important;
  --tw-shadow-colored: inset 0 0 0 9999px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

table.selection-deletion.dataTable tbody tr.\!selected > * {
  --tw-shadow: inset 0 0 0 9999px rgba(82,82,108,0.2) !important;
  --tw-shadow-colored: inset 0 0 0 9999px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.datatable-api-wrapper,
  .data-source-wrapper,
  .autofill-data-tables,
  .datatable-advance-wrapper {
  .dt-container {
    .dt-layout-row {
      @media (min-width: 1200px) {
         {
           {
             {
              &:first-child,
        &:last-child {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              &:first-child,
        &:last-child {
              }
            }
          }
        }
      }
      &:first-child,
        &:last-child {
        display: flex;
      }
      &:first-child,
        &:last-child {
        flex-wrap: wrap;
      }
      &:first-child,
        &:last-child {
        align-items: center;
      }
      &:first-child,
        &:last-child {
        justify-content: space-between;
      }
      &:first-child,
        &:last-child {
        gap: 0.5rem;
      }
      &:last-child {
        margin-bottom: 0.625rem;
      }
      .dt-layout-cell {
        @media (min-width: 1200px) {
           {
             {
               {
                .dt-length {
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                .dt-length {
                }
              }
            }
          }
        }
        .dt-length {
          display: flex;
        }
        .dt-length {
          gap: 0.375rem;
        }
        .dt-length {
          label {
            margin-bottom: 0 !important;
          }
          label {
            margin-bottom: 0px;
          }
          label {
            line-height: 1.8;
          }
          .dt-input {
            border-radius: 0.25rem;
          }
          .dt-input {
            border-width: 1px;
          }
          .dt-input {
            border-style: solid;
          }
          .dt-input {
            border-color: rgba(var(--black),0.1);
          }
          .dt-input {
            background-color: transparent;
          }
          .dt-input {
            padding-left: 0.375rem;
            padding-right: 0.375rem;
          }
          .dt-input {
            padding-top: 0.25rem;
            padding-bottom: 0.25rem;
          }
        }
        @media (min-width: 1200px) {
           {
             {
               {
                .dt-search {
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                .dt-search {
                }
              }
            }
          }
        }
        .dt-search {
          display: flex;
        }
        .dt-search {
          gap: 0.625rem;
        }
        .dt-search {
          label {
            margin-bottom: 0 !important;
          }
          label {
            margin-top: 5px;
          }
          label {
            margin-bottom: 0px;
          }
          input {
            border-radius: 0.25rem;
          }
          input {
            border-width: 1px;
          }
          input {
            border-style: solid;
          }
          input {
            border-color: #0000001a;
          }
          input {
            padding: 0.25rem;
          }
        }
        .dt-paging {
          .dt-paging-button {
            border-width: 1px;
          }
          .dt-paging-button {
            border-style: solid;
          }
          .dt-paging-button {
            border-color: rgba(var(--black),0.1);
          }
          .dt-paging-button {
            background-color: rgba(var(--theme-default),0.06);
          }
          .dt-paging-button {
            padding-left: 0.875rem;
            padding-right: 0.875rem;
          }
          .dt-paging-button {
            padding-top: 0.5rem;
            padding-bottom: 0.5rem;
          }
          .dt-paging-button {
            font-size: 0.875rem;
            line-height: 1.25rem;
          }
          .dt-paging-button {
            color: rgba(var(--body-font-color),1);
          }
          .dt-paging-button {
            &:first-child {
              border-radius: 6px 0 0 6px;
            }
            &:last-child {
              border-radius: 0 6px 6px 0;
            }
            &.current {
              background-color: rgba(var(--theme-default),1);
            }
            &.current {
              color: rgba(var(--white),1);
            }
          }
        }
        .dt-buttons {
          display: none;
        }
      }
    }
  }
  table {
    white-space: nowrap;
  }
}

.datatable-init,
  .datatable-advance-wrapper,
  .datatable-api-wrapper,
  .data-source-wrapper,
  .autofill-data-tables,
  .support-ticket-table {
  .dt-container {
    table {
      border-collapse: initial !important;
      thead,
        tbody,
        tfoot {
        tr {
          th,
            td {
            text-align: left;
          }
          .dt-empty {
            text-align: center;
          }
          @media (max-width: 767px) {
             {
              .dt-empty {
              }
            }
          }
          .dt-empty {
            text-align: center;
          }
        }
      }
      tbody {
        tr {
          td {
            color: rgba(var(--theme-body-font-color),1);
          }
        }
      }
      thead,
        tfoot {
        tr {
          th {
            font-weight: 500;
          }
          th {
            &:hover {
              outline-color: unset;
            }
          }
        }
      }
    }
    thead {
      tr {
        th {
          border-bottom-width: 1px;
        }
        th {
          border-style: solid;
        }
        th {
          border-bottom-color: rgba(var(--light-semi-gray),1);
        }
      }
    }
    tfoot {
      tr {
        th {
          border-top-width: 1px;
        }
        th {
          border-style: solid;
        }
        th {
          border-top-color: rgba(var(--light-semi-gray),1);
        }
      }
    }
    .pagination {
      .dt-paging-button {
        .page-link {
          background-color: rgba(var(--light-background),1);
        }
        .page-link {
          padding-left: calc(4px + (6 - 4) * ((100vw - 320px) / (1920 - 320)));
          padding-right: calc(4px + (6 - 4) * ((100vw - 320px) / (1920 - 320)));
        }
        .page-link {
          padding-top: calc(7px + (12 - 7) * ((100vw - 320px) / (1920 - 320)));
          padding-bottom: calc(7px + (12 - 7) * ((100vw - 320px) / (1920 - 320)));
        }
        .page-link {
          font-size: calc( 13px + (16 - 13) * ((100vw - 320px) / (1920 - 320)) );
        }
        .page-link {
          color: rgba(var(--theme-body-font-color),1);
        }
        .page-link {
          &:focus {
            border-color: unset;
          }
          &:focus {
            --tw-shadow-color: unset;
            --tw-shadow: var(--tw-shadow-colored);
          }
        }
        &.active {
          .page-link {
            border-color: rgba(var(--theme-default),1);
          }
          .page-link {
            background-color: rgba(var(--theme-default),1);
          }
          .page-link {
            color: rgba(var(--white),1);
          }
        }
      }
    }
  }
}

.complex-header-table {
  thead,
    tbody {
    tr {
      th,
        td {
        &:first-child {
          min-width: 150px;
        }
        &:nth-child(2) {
          min-width: 230px;
        }
        &:nth-child(4) {
          min-width: 120px;
        }
      }
    }
  }
}

.start-saving-table {
  thead,
    tbody {
    tr {
      th,
        td {
        .badge {
          white-space: nowrap;
        }
        &:nth-child(1) {
          min-width: 140px;
        }
        &:nth-child(3) {
          min-width: 130px;
        }
        &:nth-child(5) {
          min-width: 120px;
        }
      }
    }
  }
}

.callback-table {
  thead,
    tbody {
    tr {
      th,
        td {
        &:first-child {
          min-width: 165px;
        }
        &:nth-child(5) {
          min-width: 150px;
        }
      }
    }
  }
}

.row-group-table {
  tr {
    &.group {
      background-color: rgba(var(--gray-60),0.5);
    }
    &.group:hover {
      background-color: rgba(var(--gray-60),0.5);
    }
  }
}

.datatable-advance-wrapper {
  div {
    &.dt-container {
      table {
        &.foot-callback-table {
          thead,
            tbody,
            tfoot {
            tr {
              th,
                td {
                &:last-child {
                  text-align: end;
                }
              }
            }
          }
          tfoot {
            tr {
              th {
                &:last-child {
                  font-size: 1.125rem;
                  line-height: 1.75rem;
                }
              }
            }
          }
        }
      }
    }
  }
}

table {
  &.selection-deletion {
    &.dataTable {
      tbody {
        tr {
          &.selected {
            > * {
              --tw-shadow: inset 0 0 0 9999px rgba(var(--badge-light-color),20%);
              --tw-shadow-colored: inset 0 0 0 9999px var(--tw-shadow-color);
              box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            }
            &:hover {
              > * {
                --tw-shadow: inset 0 0 0 9999px rgba(var(--badge-light-color),20%) !important;
                --tw-shadow-colored: inset 0 0 0 9999px var(--tw-shadow-color) !important;
                box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
              }
            }
          }
        }
      }
    }
  }
}

.add-row-table {
  thead,
    tbody {
    tr {
      th,
        td {
        min-width: 118px;
      }
    }
  }
}

.child-row-table {
  thead,
    tbody {
    tr {
      th,
        td {
        &:first-child {
          min-width: 75px;
        }
        &:nth-child(2) {
          min-width: 160px;
        }
        &:nth-child(3) {
          min-width: 210px;
        }
        &:nth-child(4) {
          min-width: 128px;
        }
      }
    }
  }
}

.row-selection-table {
  thead,
    tbody {
    tr {
      th,
        td {
        &:first-child {
          min-width: 175px;
        }
        &:nth-child(2) {
          min-width: 180px;
        }
        &:nth-child(3) {
          min-width: 160px;
        }
        &:nth-child(4) {
          min-width: 130px;
        }
      }
    }
  }
}

.custom-filtering-table {
  thead,
    tbody {
    tr {
      th,
        td {
        &:nth-child(3) {
          min-width: 125px;
        }
      }
    }
  }
}

.dom-source-data {
  thead,
    tbody {
    tr {
      th,
        td {
        &:first-child {
          min-width: 170px;
        }
        &:nth-child(2) {
          min-width: 230px;
        }
        &:nth-child(4) {
          min-width: 120px;
        }
      }
    }
  }
}

.ajax-table {
  thead,
    tbody {
    tr {
      th,
        td {
        &:first-child {
          min-width: 150px;
        }
        &:nth-child(2) {
          min-width: 230px;
        }
        &:nth-child(5) {
          min-width: 130px;
        }
      }
    }
  }
}

.js-source-table {
  thead,
    tbody {
    tr {
      th,
        td {
        &:first-child {
          min-width: 150px;
        }
        &:nth-child(2) {
          min-width: 230px;
        }
        &:nth-child(3),
          &:nth-child(5) {
          min-width: 130px;
        }
      }
    }
  }
}

.server-side-table {
  thead,
    tbody {
    tr {
      th,
        td {
        &:first-child {
          min-width: 125px;
        }
        &:nth-child(2) {
          min-width: 130px;
        }
        &:nth-child(3) {
          min-width: 195px;
        }
        &:nth-child(4) {
          min-width: 120px;
        }
        &:nth-child(5) {
          min-width: 120px;
        }
      }
    }
  }
}

.keytable-table {
  thead,
    tbody {
    tr {
      th,
        td {
        &:first-child {
          min-width: 175px;
        }
        &:nth-child(2) {
          min-width: 195px;
        }
        &:nth-child(3) {
          min-width: 152px;
        }
        &:nth-child(4) {
          min-width: 120px;
        }
      }
    }
  }
}

.multi-level-table {
  thead,
    tbody {
    tr {
      th,
        td {
        &:first-child {
          min-width: 95px;
        }
        &:nth-child(2) {
          min-width: 208px;
        }
        &:nth-child(3) {
          min-width: 108px;
        }
        &:nth-child(4) {
          min-width: 120px;
        }
      }
    }
  }
}

.header-footer-table {
  thead,
    tbody {
    tr {
      th,
        td {
        &:first-child {
          min-width: 155px;
        }
        &:nth-child(2) {
          min-width: 165px;
        }
        &:nth-child(3) {
          min-width: 132px;
        }
        &:nth-child(4) {
          min-width: 80px;
        }
        &:nth-child(5) {
          min-width: 120px;
        }
      }
    }
  }
}

.html-expert-table {
  .pagination {
    justify-content: flex-end;
  }
  thead,
    tbody {
    tr {
      th,
        td {
        &:first-child {
          min-width: 155px;
        }
        &:nth-child(2) {
          min-width: 235px;
        }
        &:nth-child(3) {
          min-width: 132px;
        }
        &:nth-child(4) {
          min-width: 80px;
        }
        &:nth-child(5) {
          min-width: 120px;
        }
      }
    }
  }
}

.row-selection {
  thead,
    tbody {
    tr {
      th,
        td {
        &:first-child {
          min-width: 224px;
        }
        &:nth-child(2) {
          min-width: 200px;
        }
        &:nth-child(3) {
          min-width: 132px;
        }
        &:nth-child(4) {
          min-width: 65px;
        }
        &:nth-child(6) {
          min-width: 114px;
        }
      }
    }
  }
}

.support-ticket-table {
  thead,
    tbody {
    tr {
      th,
        td {
        &:first-child {
          min-width: 224px;
        }
        &:nth-child(2) {
          min-width: 200px;
        }
        &:nth-child(3) {
          min-width: 132px;
        }
        &:nth-child(4) {
          min-width: 65px;
        }
        &:nth-child(5) {
          min-width: 120px;
        }
      }
    }
  }
}

#batchDelete {
  .jsgrid-grid-header,
    .jsgrid-grid-body {
    tr {
      th,
        td {
        &:first-child {
          width: 130px !important;
        }
        &:first-child {
          min-width: 130px !important;
        }
      }
    }
  }
}

.autofill-data-tables {
  .dt-ext {
    .dt-autofill-handle {
      background-color: rgba(var(--theme-default),1);
    }
  }
}

div {
  &.dt-button-background {
    display: none;
  }
  &.DTS {
    div {
      &.dataTables_scrollBody {
        table {
          z-index: 1;
        }
      }
    }
  }
  .table-avtar {
    margin-right: 0.625rem;
  }
  .table-avtar {
    height: 2rem;
  }
  @media (min-width: 1200px) {
     {
       {
         {
          .action {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .action {
          }
        }
      }
    }
  }
  .action {
    display: flex;
  }
  .action {
    i {
      font-size: 1rem;
      line-height: 1.5rem;
    }
    .pdf {
      i {
        font-size: 1.25rem;
        line-height: 1.75rem;
      }
      i {
        color: rgba(var(--danger-color),1);
      }
    }
    .edit {
      margin-right: 5px;
    }
    .edit {
      i {
        color: rgba(var(--success-color),1);
      }
    }
    .delete {
      i {
        color: rgba(var(--danger-color),1);
      }
    }
  }
}

#auto-generate-content_wrapper {
  &.dataTables_wrapper {
    button {
      border-width: 1px;
    }
    button {
      border-style: solid;
    }
    button {
      border-color: rgba(var(--theme-default),1);
    }
    button {
      background-color: rgba(var(--white),1);
    }
    button {
      color: rgba(var(--theme-default),1);
    }
  }
}

.dataTables_wrapper {
  padding: 0 !important;
  width: calc(100% - 1px);
  padding: 0px;
  &.no-footer {
    .dataTables_scrollBody {
      border-bottom-width: 1px;
    }
    .dataTables_scrollBody {
      border-style: solid;
    }
    .dataTables_scrollBody {
      border-bottom-color: rgba(var(--light-gray),1);
    }
  }
  .dt-buttons {
    .btn {
      border-radius: 0.25rem;
    }
  }
  .btn-group {
    button {
      margin-right: 5px;
    }
  }
  button {
    border-radius: 0.25rem;
  }
  button {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  button {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
  }
  button {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  button {
    font-weight: 400;
  }
  button {
    color: rgba(var(--white),1);
  }
  & + .dataTables_wrapper {
    margin-top: 48px !important;
  }
  & + .dataTables_wrapper {
    margin-top: 1.25rem;
  }
  .dataTables_paginate {
    margin-left: 15px;
  }
  .dataTables_paginate {
    border-radius: 0.25rem;
  }
  .dataTables_paginate {
    border-width: 1px;
  }
  .dataTables_paginate {
    border-style: solid;
  }
  .dataTables_paginate {
    border-color: rgba(var(--light-color),1);
  }
  .dataTables_paginate {
    padding-top: 0px;
  }
  .dataTables_paginate {
    .paginate_button {
      margin: 0px !important;
    }
    .paginate_button {
      margin: 0px;
    }
    .paginate_button:hover {
      border-width: 1px;
    }
    .paginate_button:hover {
      border-style: solid;
    }
    .paginate_button:hover {
      border-color: rgba(var(--theme-default),1);
    }
    .paginate_button:hover {
      color: rgba(var(--dark-color),1);
    }
    .paginate_button {
      &.current,
        &:active {
        background-color: rgba(var(--theme-default),1);
      }
      &.current,
        &:active {
        color: rgba(var(--white),1);
      }
      &.current,
        &:active {
        --tw-shadow: 0 0 #0000;
        --tw-shadow-colored: 0 0 #0000;
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
      }
      &:hover {
        background-color: rgba(var(--transparent-color),1) !important;
      }
    }
  }
  .dataTables_length {
    margin-bottom: 30px;
  }
  .dataTables_length {
    select {
      padding-top: 0 !important;
      padding-bottom: 0 !important;
    }
    select {
      margin-left: 0.625rem;
      margin-right: 0.625rem;
    }
    select {
      margin-top: 0px;
      margin-bottom: 0px;
    }
    select {
      height: 2.7142em;
    }
    select {
      border-color: rgba(var(--light-color),1);
    }
    select {
      background-color: rgba(var(--white),1);
    }
    select {
      padding-left: 0.625rem;
      padding-right: 0.625rem;
    }
    select {
      padding-top: 0px;
      padding-bottom: 0px;
    }
    select {
      color: rgba(var(--dark-color),1);
    }
  }
  table {
    &.dataTable {
      border-width: 1px;
    }
    &.dataTable {
      border-style: solid;
    }
    &.dataTable {
      border-color: rgba(var(--light-semi-gray),1);
    }
    &.dataTable {
      tbody {
        td,
          th {
          &.select-checkbox {
            padding-right: 2.5rem;
          }
          &.select-checkbox {
            &:before {
              left: unset;
            }
            &:before {
              right: 1.25rem;
            }
            &:before {
              top: 22px;
            }
            &:after {
              margin-top: -5px;
            }
            &:after {
              margin-left: 21px;
            }
          }
        }
      }
      thead {
        th,
          td {
          border-bottom-width: 2px;
        }
        th,
          td {
          border-style: solid;
        }
        th,
          td {
          border-bottom-color: rgba(var(--light-semi-gray),1);
        }
      }
      th,
        td {
        padding: 1rem !important;
      }
      th,
        td {
        padding: 0.75rem;
      }
    }
  }
  .dataTables_filter {
    margin-left: 15px;
  }
  .dataTables_filter {
    margin-bottom: 25px;
  }
  .dataTables_filter {
    input[type="search"] {
      padding-top: 0 !important;
      padding-bottom: 0 !important;
    }
    input[type="search"] {
      margin-left: 0.625rem;
    }
    input[type="search"] {
      height: 37px;
    }
    input[type="search"] {
      border-radius: 0px;
    }
    input[type="search"] {
      border-width: 1px;
    }
    input[type="search"] {
      border-style: solid;
    }
    input[type="search"] {
      border-color: rgba(var(--light-semi-gray),1);
    }
    input[type="search"] {
      padding-left: 0.625rem;
      padding-right: 0.625rem;
    }
    input[type="search"] {
      padding-top: 0px;
      padding-bottom: 0px;
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        > .dataTables_scrollHeadInner {
          width: 90%;
        }
      }
    }
     {
       {
         {
          > .dataTables_scrollHeadInner {
            width: 90%;
          }
        }
      }
    }
     {
       {
        > .dataTables_scrollHeadInner {
          width: 90%;
        }
      }
    }
     {
       {
         {
          > .dataTables_scrollHeadInner {
            width: 90%;
          }
        }
      }
    }
  }
}

.dataTables_scrollHeadInner {
  width: 100%;
}

table {
  .fixedHeader-floating {
    position: fixed;
  }
  .fixedHeader-floating {
    background-color: rgba(var(--white),1);
  }
  .box {
    > div {
      margin-right: 15px;
    }
    > div {
      margin-bottom: 15px;
    }
    > div {
      display: inline-block;
    }
    > div {
      border-radius: 5px;
    }
    > div {
      background-color: rgba(var(--theme-default),1);
    }
    > div {
      padding-left: 15px;
      padding-right: 15px;
    }
    > div {
      padding-top: 5px;
      padding-bottom: 5px;
    }
    > div {
      color: rgba(var(--white),1);
    }
  }
  &.dataTable {
    margin-top: 0 !important;
  }
  &.dataTable {
    margin-top: 0px;
  }
  &.dataTable {
    border-collapse: collapse;
  }
  &.dataTable {
    &.fixedHeader-locked,
      &.fixedHeader-floating {
      position: fixed;
    }
    &.fixedHeader-locked,
      &.fixedHeader-floating {
      left: 0px;
      right: 0px;
    }
    &.fixedHeader-locked,
      &.fixedHeader-floating {
      left: unset !important;
    }
    &.fixedHeader-locked,
      &.fixedHeader-floating {
      right: 50px !important;
    }
    &.fixedHeader-locked,
      &.fixedHeader-floating {
      z-index: 99;
    }
    &.fixedHeader-locked,
      &.fixedHeader-floating {
      width: calc(100vw - 250px);
    }
    &.fixedHeader-locked,
      &.fixedHeader-floating {
      max-width: calc(100vw - 250px);
    }
    &.fixedHeader-locked,
      &.fixedHeader-floating {
      overflow: hidden;
    }
    &.fixedHeader-locked,
      &.fixedHeader-floating {
      background-color: rgba(var(--white-bg),1);
    }
    &:not(.fixedHeader-locked) {
      @media (max-width: 575px) {
         {
           {
             {
              > &:not(.fixedHeader-floating) {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > &:not(.fixedHeader-floating) {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              > &:not(.fixedHeader-floating) {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > &:not(.fixedHeader-floating) {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      &:not(.fixedHeader-floating) {
        width: 100%;
      }
    }
    thead {
      .sorting,
        .sorting_asc,
        .sorting_desc,
        .sorting_asc_disabled,
        .sorting_desc_disabled {
        &:before,
          &:after {
          bottom: 0.75rem;
        }
      }
    }
    input,
      select {
      height: 37px;
    }
    input,
      select {
      border-width: 1px;
    }
    input,
      select {
      border-style: solid;
    }
    input,
      select {
      border-color: rgba(var(--light-semi-gray),1);
    }
  }
}

.user-datatable {
  tr {
    td,
      th {
      &:first-child {
        min-width: 198px;
      }
      &:nth-child(2) {
        min-width: 190px;
      }
      &:nth-child(5) {
        min-width: 130px;
      }
    }
  }
}

.jsgrid {
  .jsgrid-button {
    height: 20px;
  }
  .jsgrid-button {
    width: 20px;
  }
  .jsgrid-delete-button {
    height: 22px;
  }
  .jsgrid-delete-button {
    width: 22px;
  }
  .jsgrid-delete-button {
    background-position: 0 -78px;
  }
  .jsgrid-edit-button {
    height: 22px;
  }
  .jsgrid-edit-button {
    width: 22px;
  }
  .jsgrid-edit-button {
    background-position: -2px -122px;
  }
  .jsgrid-insert-mode-button {
    height: 25px;
  }
  .jsgrid-insert-mode-button {
    width: 25px;
  }
  .jsgrid-insert-mode-button {
    background-position: -2px -160px;
  }
  .jsgrid-insert-button {
    height: 16px;
  }
  .jsgrid-insert-button {
    width: 16px;
  }
  .jsgrid-insert-button {
    background-position: -3px -202px;
  }
}

.toolbar {
  margin-right: 15px;
  margin-bottom: 15px;
  display: inline-block;
  border-radius: 5px;
  background-color: rgba(var(--theme-default),1);
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  color: rgba(var(--white),1);
}

code {
  &.option {
    color: rgba(var(--danger-color),1);
  }
  &.api {
    color: rgba(var(--success-color),1);
  }
}

.dt-ext {
  .dataTables_wrapper {
    .page-item {
      &.active {
        .page-link {
          border-color: rgba(var(--theme-default),1);
        }
        .page-link {
          background-color: rgba(var(--theme-default),1);
        }
        .page-link {
          color: rgba(var(--white),1);
        }
      }
    }
    .dataTables_paginate {
      border-color: hidden;
    }
    .dataTables_paginate {
      .paginate_button {
        padding: 0 !important;
      }
      .paginate_button {
        border-color: hidden;
      }
      .paginate_button {
        padding: 0px;
      }
      .page-link {
        margin-left: 0px;
      }
      .page-link {
        color: rgba(var(--theme-default),1);
      }
    }
    button.dt-button,
      div.dt-button,
      a.dt-button,
      button.dt-button:focus:not(.disabled),
      div.dt-button:focus:not(.disabled),
      a.dt-button:focus:not(.disabled),
      button.dt-button:active:not(.disabled),
      button.dt-button.active:not(.disabled),
      div.dt-button:active:not(.disabled),
      div.dt-button.active:not(.disabled),
      a.dt-button:active:not(.disabled),
      a.dt-button.active:not(.disabled) {
      border-radius: 0.125rem;
    }
    button.dt-button,
      div.dt-button,
      a.dt-button,
      button.dt-button:focus:not(.disabled),
      div.dt-button:focus:not(.disabled),
      a.dt-button:focus:not(.disabled),
      button.dt-button:active:not(.disabled),
      button.dt-button.active:not(.disabled),
      div.dt-button:active:not(.disabled),
      div.dt-button.active:not(.disabled),
      a.dt-button:active:not(.disabled),
      a.dt-button.active:not(.disabled) {
      border-color: rgba(var(--theme-default),1);
    }
    button.dt-button,
      div.dt-button,
      a.dt-button,
      button.dt-button:focus:not(.disabled),
      div.dt-button:focus:not(.disabled),
      a.dt-button:focus:not(.disabled),
      button.dt-button:active:not(.disabled),
      button.dt-button.active:not(.disabled),
      div.dt-button:active:not(.disabled),
      div.dt-button.active:not(.disabled),
      a.dt-button:active:not(.disabled),
      a.dt-button.active:not(.disabled) {
      background-color: rgba(var(--theme-default),1);
    }
    button.dt-button,
      div.dt-button,
      a.dt-button,
      button.dt-button:focus:not(.disabled),
      div.dt-button:focus:not(.disabled),
      a.dt-button:focus:not(.disabled),
      button.dt-button:active:not(.disabled),
      button.dt-button.active:not(.disabled),
      div.dt-button:active:not(.disabled),
      div.dt-button.active:not(.disabled),
      a.dt-button:active:not(.disabled),
      a.dt-button.active:not(.disabled) {
      background-image: none;
    }
    button.dt-button,
      div.dt-button,
      a.dt-button,
      button.dt-button:focus:not(.disabled),
      div.dt-button:focus:not(.disabled),
      a.dt-button:focus:not(.disabled),
      button.dt-button:active:not(.disabled),
      button.dt-button.active:not(.disabled),
      div.dt-button:active:not(.disabled),
      div.dt-button.active:not(.disabled),
      a.dt-button:active:not(.disabled),
      a.dt-button.active:not(.disabled) {
      font-size: 0.875rem;
      line-height: 1.25rem;
    }
    button.dt-button,
      div.dt-button,
      a.dt-button,
      button.dt-button:focus:not(.disabled),
      div.dt-button:focus:not(.disabled),
      a.dt-button:focus:not(.disabled),
      button.dt-button:active:not(.disabled),
      button.dt-button.active:not(.disabled),
      div.dt-button:active:not(.disabled),
      div.dt-button.active:not(.disabled),
      a.dt-button:active:not(.disabled),
      a.dt-button.active:not(.disabled) {
      color: rgba(var(--white),1);
    }
    button.dt-button.btn-success,
      div.dt-button.btn-success,
      a.dt-button.btn-succes {
      border-color: rgba(var(--success-color),1);
    }
    button.dt-button.btn-success,
      div.dt-button.btn-success,
      a.dt-button.btn-succes {
      background-color: rgba(var(--success-color),1);
    }
    button.dt-button.btn-primary,
      div.dt-button.btn-primary,
      a.dt-button.btn-primary {
      border-color: rgba(var(--theme-default),1);
    }
    button.dt-button.btn-primary,
      div.dt-button.btn-primary,
      a.dt-button.btn-primary {
      background-color: rgba(var(--theme-default),1);
    }
    button.dt-button.btn-danger,
      div.dt-button.btn-danger,
      a.dt-button.btn-danger {
      border-color: rgba(var(--danger-color),1);
    }
    button.dt-button.btn-danger,
      div.dt-button.btn-danger,
      a.dt-button.btn-danger {
      background-color: rgba(var(--danger-color),1);
    }
    table {
      &.dataTable {
        &.display {
          tbody {
            > tr {
              &.odd {
                &.selected {
                  > .sorting_1 {
                    background-color: rgba(var(--theme-default),38%);
                  }
                }
              }
              &.even {
                &.selected {
                  > .sorting_1 {
                    background-color: rgba(var(--theme-default),38%);
                  }
                }
              }
            }
          }
        }
        &.order-column {
          &.stripe {
            tbody {
              > tr {
                &.odd {
                  &.selected {
                    > .sorting_1 {
                      background-color: rgba(var(--theme-default),38%);
                    }
                  }
                }
                &.even {
                  &.selected {
                    > .sorting_1 {
                      background-color: rgba(var(--theme-default),38%);
                    }
                  }
                }
              }
            }
          }
        }
        &.stripe {
          tbody {
            > tr {
              &.odd {
                &.selected {
                  background-color: rgba(var(--theme-default),38%);
                }
                > .selected {
                  background-color: rgba(var(--theme-default),38%);
                }
              }
            }
          }
        }
        tbody {
          > tr {
            &.selected {
              background-color: rgba(var(--theme-default),38%);
            }
            > .selected {
              background-color: rgba(var(--theme-default),38%);
            }
          }
        }
      }
    }
  }
}

td {
  &.highlight {
    background-color: rgba(var(--light-color),1);
  }
  &.details-control {
    cursor: pointer;
  }
  &.details-control {
    background-image: url(../images/details_open.png);
  }
  &.details-control {
    background-position: center;
  }
  &.details-control {
    background-repeat: no-repeat;
  }
}

tr {
  &.shown {
    td {
      &.details-control {
        background-image: url(../images/details_close.png);
      }
      &.details-control {
        background-position: center;
      }
      &.details-control {
        background-repeat: no-repeat;
      }
    }
  }
}

.dataTables_scroll {
  & ~ .dataTables_paginate {
    margin-top: 48px !important;
  }
  & ~ .dataTables_paginate {
    margin-top: 1.25rem;
  }
}

.product-table {
  th {
    &:last-child {
      min-width: 120px;
    }
  }
  h6 {
    font-weight: 600;
  }
  h6 {
    color: rgba(var(--dark-color),1);
  }
}

table {
  &.dataTable {
    &.display {
      tbody {
        tr {
          &.odd {
            > .sorting_1 {
              background-color: rgba(var(--light),1);
            }
            .badge {
              line-height: 15px;
            }
          }
          &.even {
            .badge {
              line-height: 15px;
            }
          }
        }
      }
    }
  }
}

.jsgrid-row,
  .jsgrid-alt-row {
  .jsgrid-cell {
    .badge {
      line-height: 15px !important;
    }
  }
}

table {
  &.dataTable {
    input {
      &.dt-select-checkbox.table {
        white-space: pre-wrap !important;
      }
      &.dt-select-checkbox {
        position: relative;
      }
      &.dt-select-checkbox {
        margin-top: 1px;
      }
      &.dt-select-checkbox {
        display: inline-block;
      }
      &.dt-select-checkbox {
        height: 0.75rem;
      }
      &.dt-select-checkbox {
        width: 0.75rem;
      }
      &.dt-select-checkbox {
        -webkit-appearance: none;
           -moz-appearance: none;
                appearance: none;
      }
      &.dt-select-checkbox {
        border-radius: 3px;
      }
      &.dt-select-checkbox {
        border-width: 1px;
      }
      &.dt-select-checkbox {
        border-style: solid;
      }
      &.dt-select-checkbox {
        vertical-align: middle;
      }
      &.dt-select-checkbox {
        font-size: 1.25rem;
        line-height: 1.75rem;
      }
      &.dt-select-checkbox {
        line-height: 1em;
      }
      &.dt-select-checkbox {
        color: inherit;
      }
      &.dt-select-checkbox:indeterminate::after {
        content: var(--tw-content);
        display: block;
      }
      &.dt-select-checkbox:indeterminate::after {
        content: var(--tw-content);
        position: absolute;
      }
      &.dt-select-checkbox:indeterminate::after {
        content: var(--tw-content);
        left: 3px;
      }
      &.dt-select-checkbox:indeterminate::after {
        content: var(--tw-content);
        top: 3px;
      }
      &.dt-select-checkbox:indeterminate::after {
        content: var(--tw-content);
        display: block;
      }
      &.dt-select-checkbox:indeterminate::after {
        content: var(--tw-content);
        height: 0.25rem;
      }
      &.dt-select-checkbox:indeterminate::after {
        content: var(--tw-content);
        width: 0.25rem;
      }
      &.dt-select-checkbox:indeterminate::after {
        content: var(--tw-content);
        border-radius: 0.125rem;
      }
      &.dt-select-checkbox:indeterminate::after {
        content: var(--tw-content);
        --tw-bg-opacity: 1;
        background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
      }
      &.dt-select-checkbox:indeterminate::after {
        --tw-content: " ";
        content: var(--tw-content);
      }
    }
  }
}

.dt-select-checkbox {
  &:indeterminate {
    &::after {
      left: 0.25rem;
    }
    &::after {
      top: 0.25rem;
    }
  }
}

.datatable-init {
  .complex-header-table {
    .badge {
      color: rgba(var(--white),1);
    }
  }
  .dt-container {
    position: relative;
  }
  .dt-container {
    .dt-layout-table {
      margin-top: 2.25rem;
    }
    .dt-layout-row {
      .dt-layout-cell {
        .dt-length {
          top: -35px;
        }
        .dt-search {
          top: -35px !important;
        }
        .paging_full_numbers {
          padding-bottom: 0 !important;
        }
        .paging_full_numbers {
          padding-left: 1.25rem;
          padding-right: 1.25rem;
        }
        .paging_full_numbers {
          padding-top: 0.75rem;
        }
        .paging_full_numbers {
          padding-bottom: 0px;
        }
      }
    }
  }
}

table thead th,
  table thead td,
  table tfoot th,
  table tfoot td {
  text-align: left;
}

table {
  &.dataTable {
    > tbody {
      > tr {
        > .dt-select {
          text-align: center;
        }
        > .dt-select.table {
          white-space: pre-wrap !important;
        }
        @media (max-width: 767px) {
           {
            > .dt-select {
            }
          }
        }
        > .dt-select {
          text-align: center;
        }
        > .dt-select {
          vertical-align: middle;
        }
      }
    }
    thead {
      > tr {
        > .dt-select {
          text-align: center !important;
        }
        @media (max-width: 767px) {
           {
            > .dt-select {
            }
          }
        }
        > .dt-select {
          text-align: center !important;
        }
      }
    }
  }
}

table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order:after,
  table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:after,
  table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order:after,
  table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:after {
  position: absolute;
  top: 50%;
  display: block;
  --tw-content: "▼" / "";
  content: var(--tw-content);
}

table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:before,
  table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:before,
  table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order:before,
  table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:before {
  position: absolute;
  bottom: 50%;
  display: block;
  --tw-content: "▲" / "";
  content: var(--tw-content);
}

table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:before,
  table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:after,
  table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order:before,
  table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order:after,
  table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:before,
  table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:after,
  table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:before,
  table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:after,
  table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order:before,
  table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order:after,
  table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order:before,
  table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order:after,
  table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:before,
  table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:after,
  table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:before,
  table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:after {
  left: 0px;
  font-size: 0.8em;
  line-height: 9px;
  opacity: 0.125;
}

table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order,
  table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order,
  table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order,
  table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order,
  table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order,
  table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order,
  table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order,
  table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order {
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0.75rem;
  width: 0.75rem !important;
}

table.dataTable thead > tr > th.dt-orderable-asc,
  table.dataTable thead > tr > th.dt-orderable-desc,
  table.dataTable thead > tr > th.dt-ordering-asc,
  table.dataTable thead > tr > th.dt-ordering-desc,
  table.dataTable thead > tr > td.dt-orderable-asc,
  table.dataTable thead > tr > td.dt-orderable-desc,
  table.dataTable thead > tr > td.dt-ordering-asc,
  table.dataTable thead > tr > td.dt-ordering-desc {
  position: relative;
  padding-right: 30px;
}

table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:before,
  table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:after,
  table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:before,
  table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:after {
  opacity: 0.6;
}

.subscribed-user-wrapper {
  .recent-table {
    .dt-container {
      .dt-layout-row {
        .dt-layout-cell {
          .dt-buttons {
            .dt-button {
              padding: 6px calc(9px + (17 - 9) * ((100vw - 320px) / (1920 - 320)))
            }
            .dt-button {
              border-width: 1px;
            }
            .dt-button {
              border-style: solid;
            }
            .dt-button {
              border-color: rgba(var(--theme-default),1);
            }
            .dt-button {
              background-color: transparent;
            }
            .dt-button {
              color: rgba(var(--theme-default),1);
            }
            .dt-button {
              transition-property: all;
              transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
              transition-duration: 150ms;
            }
            .dt-button {
              transition-duration: 0.4s;
            }
            .dt-button {
              transition-timing-function: ease-in-out;
            }
            .dt-button {
              &:first-child {
                border-radius: 6px 0 0 6px;
              }
              &:last-child {
                border-radius: 0 6px 6px 0;
              }
              + .dt-button {
                border-left: none;
              }
              + .dt-button {
                margin-left: -0.375rem;
              }
              &:hover {
                background-color: rgba(var(--theme-default),1);
              }
              &:hover {
                color: rgba(var(--white),1);
              }
            }
          }
        }
      }
    }
  }
}

@media (max-width: 767px) {
  .default-dashboard,
    .dashboard-2,
    .dashboard-3,
    .dashboard-4,
    .dashboard-5,
    .dashboard-6,
    .dashboard-7,
    .dashboard-8,
    .dashboard-9,
    .dashboard-10,
    .dashboard-11,
    .dashboard-12,
    .dashboard-13,
    .main-scope-project,
    .e-category,
    .list-product-view,
    .seller-details-wrapper,
    .common-order-history,
    .datatable-init,
    .common-cart,
    .role-permission-wrapper,
    .user-list-wrapper,
    .main-tasks,
    .project-status,
    .api-manage,
    .manage-review-wrapper,
    .candidate-wrapper,
    .product-report-wrapper,
    .sale-report-wrapper,
    .sale-return-wrapper,
    .customer-order-wrapper,
    .subscribed-user {
    div {
      &.dt-container {
        .dt-layout-row {
          .dt-paging {
            .dt-paging-button {
              margin-right: 0.5rem;
            }
            .dt-paging-button {
              font-size: 13px;
            }
          }
        }
      }
    }
  }

  .support-ticket-table {
    div.dt-container {
      .dt-layout-row {
        .dt-search {
          position: relative;
        }
        .dt-search {
          right: -0.625rem;
        }
        .dt-search {
          top: 41px;
        }
      }
    }
  }
}

@media (max-width: 640px) {
  .default-dashboard,
    .dashboard-2,
    .dashboard-3,
    .dashboard-4,
    .dashboard-5,
    .dashboard-6,
    .dashboard-7,
    .dashboard-8,
    .dashboard-09,
    .dashboard-10,
    .dashboard-11,
    .dashboard-12,
    .dashboard-13,
    .main-scope-project,
    .e-category,
    .list-product-view,
    .seller-details-wrapper,
    .common-order-history,
    .datatable-init,
    .common-cart,
    .role-permission-wrapper,
    .user-list-wrapper,
    .main-tasks,
    .project-status,
    .api-manage,
    .manage-review-wrapper,
    .candidate-wrapper,
    .product-report-wrapper,
    .sale-report-wrapper,
    .sale-return-wrapper,
    .customer-order-wrapper,
    .subscribed-user {
    div {
      &.dt-container {
        .dt-layout-row {
          .dt-layout-cell {
            .dt-search {
              position: relative;
            }
            .dt-search {
              left: 1.25rem;
            }
            .dt-search {
              top: 0.25rem !important;
            }
            .dt-search {
              margin-bottom: 1.25rem !important;
            }
            .dt-search {
              width: -moz-fit-content;
              width: fit-content;
            }
          }
        }
      }
    }
  }

  .datatable-init {
    .dt-container {
      .dt-layout-table {
        margin-top: 70px;
      }
      .dt-layout-row {
        .dt-layout-cell {
          .dt-length {
            top: -72px;
          }
          .dt-length {
            margin-bottom: 1.25rem;
          }
          .dt-search {
            position: absolute;
          }
          .dt-search {
            width: -moz-fit-content;
            width: fit-content;
          }
          .paging_full_numbers {
            padding-bottom: 0 !important;
          }
          .paging_full_numbers {
            padding-left: 0.375rem;
            padding-right: 0.375rem;
          }
          .paging_full_numbers {
            padding-top: 0.75rem;
          }
          .paging_full_numbers {
            padding-bottom: 0px;
          }
          .paging_full_numbers {
            .dt-paging-button {
              margin: 0.125rem;
            }
            .dt-paging-button {
              padding-left: 5px;
              padding-right: 5px;
            }
            .dt-paging-button {
              padding-top: 0.125rem;
              padding-bottom: 0.125rem;
            }
          }
        }
      }
    }
  }
}

@media (max-width: 575px) {
  .default-dashboard,
    .dashboard-2,
    .dashboard-3,
    .dashboard-4,
    .dashboard-5,
    .dashboard-6,
    .dashboard-7,
    .dashboard-8,
    .dashboard-9,
    .dashboard-10,
    .dashboard-11,
    .dashboard-12,
    .dashboard-13,
    .main-scope-project,
    .e-category,
    .list-product-view,
    .seller-details-wrapper,
    .common-order-history,
    .datatable-init,
    .common-cart,
    .role-permission-wrapper,
    .user-list-wrapper,
    .main-tasks,
    .project-status,
    .api-manage,
    .manage-review-wrapper,
    .candidate-wrapper,
    .product-report-wrapper,
    .sale-report-wrapper,
    .sale-return-wrapper,
    .customer-order-wrapper,
    .subscribed-user {
    div {
      &.dt-container {
        .dt-layout-row {
          &:last-child {
            flex-direction: column;
          }
        }
      }
    }
  }
}

[class*="ribbon-wrapper"] {
  position: relative;
  padding-left: 18px;
  padding-right: 18px;
  padding-top: 58px;
  padding-bottom: 1.75rem;
}

.ribbon {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  position: absolute;
  left: 0px;
  top: 0.75rem;
  z-index: 2;
  clear: left;
  height: 30px;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0px;
  padding-bottom: 0px;
  line-height: 30px;
  color: rgba(var(--white),1);
}

.ribbon-clip {
  left: -0.875rem;
}

.ribbon-clip::before {
  position: absolute;
  left: 0px;
  top: 30px;
  border-width: 7px;
  border-style: solid;
  border-color: transparent;
  border-top-color: rgba(var(--dark-color),1);
  border-right-color: rgba(var(--dark-color),1);
  --tw-content: "";
  content: var(--tw-content);
}

.ribbon-clip {
  &:before {
    height: 0px;
  }
  &:before {
    width: 0px;
  }
}

.ribbon-vertical-left-wrapper {
  position: relative;
  padding-left: 2.5rem;
}

.ribbon-vertical-right-wrapper {
  padding-right: 2.5rem;
}

.ribbon-wrapper-bottom {
  padding-top: 0px;
  padding-bottom: 2.5rem;
}

.ribbon-wrapper-right-bottom {
  padding-right: 2.5rem;
}

.ribbon-space-bottom {
  top: 0px;
}

.ribbon-bookmark {
  &:before {
    display: block;
  }
  &:before {
    position: absolute;
  }
  &:before {
    left: 100%;
  }
  &:before {
    top: 0px;
  }
  &:before {
    display: block;
  }
  &:before {
    height: 0px;
  }
  &:before {
    width: 0px;
  }
  &:before {
    border-width: 15px;
  }
  &:before {
    border-right-width: 10px;
  }
  &:before {
    border-style: solid;
  }
  &:before {
    border-color: rgba(var(--dark-color),1);
  }
  &:before {
    border-right-color: transparent;
  }
  &:before {
    --tw-content: '';
    content: var(--tw-content);
  }
}

.ribbon-right {
  left: auto;
  right: -0.125rem;
}

.ribbon-clip-right {
  right: -0.875rem;
  &:before {
    position: absolute;
  }
  &:before {
    right: 0px;
  }
  &:before {
    top: 30px;
  }
  &:before {
    height: 0px;
  }
  &:before {
    width: 0px;
  }
  &:before {
    border-width: 7px;
  }
  &:before {
    border-style: solid;
  }
  &:before {
    border-color: transparent;
  }
  &:before {
    border-top-color: rgba(var(--dark-color),1);
  }
  &:before {
    border-right-color: rgba(var(--dark-color),1);
  }
  &:before {
    --tw-content: "";
    content: var(--tw-content);
  }
}

.ribbon-clip-bottom {
  left: -0.875rem;
  top: auto;
  bottom: 0.75rem;
  &:before {
    position: absolute;
  }
  &:before {
    left: 0px;
  }
  &:before {
    bottom: 30px;
  }
  &:before {
    height: 0px;
  }
  &:before {
    width: 0px;
  }
  &:before {
    border-width: 7px;
  }
  &:before {
    border-style: solid;
  }
  &:before {
    border-color: transparent;
  }
  &:before {
    border-top-color: rgba(var(--dark-color),1);
  }
  &:before {
    border-right-color: rgba(var(--dark-color),1);
  }
  &:before {
    --tw-content: "";
    content: var(--tw-content);
  }
}

.ribbon-clip-bottom-right {
  left: auto;
  right: -0.875rem;
  top: auto;
  bottom: 0.75rem;
  &:before {
    position: absolute;
  }
  &:before {
    right: 0px;
  }
  &:before {
    bottom: 30px;
  }
  &:before {
    height: 0px;
  }
  &:before {
    width: 0px;
  }
  &:before {
    border-width: 7px;
  }
  &:before {
    border-style: solid;
  }
  &:before {
    border-color: transparent;
  }
  &:before {
    border-top-color: rgba(var(--dark-color),1);
  }
  &:before {
    border-right-color: rgba(var(--dark-color),1);
  }
  &:before {
    --tw-content: "";
    content: var(--tw-content);
  }
}

.ribbon-bookmark.ribbon-right:before {
  left: auto;
  right: 100%;
  border-left-width: 10px;
  border-right-width: 15px;
  border-style: solid;
  border-right-color: rgba(var(--dark-color),1);
  border-left-color: transparent;
}

.ribbon-vertical-left {
  text-align: center;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

@media (max-width: 767px) {
   {
    .ribbon-vertical-left {
    }
  }
}

.ribbon-vertical-left {
  left: 0.75rem;
  top: -0.125rem;
  clear: none;
  height: 70px;
  width: 30px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: center;
  line-height: 70px;
}

.ribbon-vertical-right {
  text-align: center;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

@media (max-width: 767px) {
   {
    .ribbon-vertical-right {
    }
  }
}

.ribbon-vertical-right {
  left: auto;
  right: 1.25rem;
  top: -0.125rem;
  clear: none;
  height: 70px;
  width: 30px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: center;
  line-height: 70px;
}

.ribbon-bookmark {
  &.ribbon-vertical-left:before,
    &.ribbon-vertical-right:before {
    left: 0px;
  }
  &.ribbon-vertical-left:before,
    &.ribbon-vertical-right:before {
    top: 100%;
  }
  &.ribbon-vertical-left:before,
    &.ribbon-vertical-right:before {
    margin-top: -0.875rem;
  }
  &.ribbon-vertical-left:before,
    &.ribbon-vertical-right:before {
    border-right-width: 15px;
  }
  &.ribbon-vertical-left:before,
    &.ribbon-vertical-right:before {
    border-bottom-width: 10px;
  }
  &.ribbon-vertical-left:before,
    &.ribbon-vertical-right:before {
    border-style: solid;
  }
  &.ribbon-vertical-left:before,
    &.ribbon-vertical-right:before {
    border-right-color: rgba(var(--dark-color)),1;
  }
  &.ribbon-vertical-left:before,
    &.ribbon-vertical-right:before {
    border-bottom-color: transparent;
  }
}

.vertical-lp-space {
  padding-left: 50px;
  padding-right: 1.75rem;
  padding-top: 58px;
  padding-bottom: 1.75rem;
}

.vertical-rp-space {
  padding-left: 1.75rem;
  padding-right: 50px;
  padding-top: 58px;
  padding-bottom: 1.75rem;
}

.clip-bp-space {
  padding-left: 18px;
  padding-right: 18px;
  padding-top: 1.75rem;
  padding-bottom: 58px;
}

.ribbon-wrapper {
  --tw-translate-x: 20deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.animated-ribbon {
  position: relative;
  @media (max-width: 575px) {
     {
       {
         {
          > .box {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > .box {
              width: 90%;
            }
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          > .box {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > .box {
              width: 90%;
            }
          }
        }
      }
    }
  }
  .box {
    position: relative;
  }
  .box {
    left: 50%;
  }
  .box {
    top: 50%;
  }
  .box {
    width: 100%;
  }
  .box {
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .box {
    --tw-translate-y: 50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .box {
    --tw-shadow: 0 0 4px rgba(var(--black),0.1);
    --tw-shadow-colored: 0 0 4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  .box {
    perspective: 50px;
    .ribbon {
      position: absolute;
    }
    .ribbon {
      right: -21px;
    }
    .ribbon {
      bottom: 0.625rem;
    }
    .ribbon {
      height: 60px;
    }
    .ribbon {
      line-height: 2.2;
    }
    .ribbon {
      transform-style: preserve-3d;
      i {
        display: block;
      }
      i {
        position: absolute;
      }
      i {
        bottom: 0px;
      }
      i {
        display: block;
      }
      i {
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
      }
      i {
        transition-duration: 0.2s;
      }
      i {
        transition-timing-function: ease-in;
      }
      i {
        &.back {
          left: 100%;
        }
        &.back {
          height: 2.25rem;
        }
        &.back {
          width: 0px;
        }
        &.back {
          transform-origin: 0% 100%;
        }
        &.back {
          --tw-skew-y: -30deg;
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        }
        &.back {
          background-color: rgba(var(--theme-default),1);
        }
        &.back {
          transition-delay: 0.45s;
        }
        &.front {
          right: -0.625rem;
        }
        &.front {
          bottom: 11px;
        }
        &.front {
          height: 2.25rem;
        }
        &.front {
          width: 0px;
        }
        &.front {
          background-color: rgba(var(--theme-default),1);
        }
        &.front {
          transition-delay: 0.35s;
        }
        &.fold {
          right: 180px;
        }
        &.fold {
          bottom: 11px;
        }
        &.fold {
          height: 2.5rem;
        }
        &.fold {
          width: 0px;
        }
        &.fold {
          transform-origin: 100% 0%;
        }
        &.fold {
          background-color: rgba(var(--theme-default),1);
        }
        &.fold {
          transition-delay: 0.15s;
        }
        &.fold {
          transform: rotateY(-45deg) skewY(-40deg);
        }
        &.foldback {
          right: 200px;
        }
        &.foldback {
          bottom: 1rem;
        }
        &.foldback {
          height: 29px;
        }
        &.foldback {
          width: 0px;
        }
        &.foldback {
          background-color: rgba(var(--theme-default),1);
        }
        &.foldback {
          transition-delay: 0s;
        }
        span {
          text-align: center;
        }
        @media (max-width: 767px) {
           {
            span {
            }
          }
        }
        span {
          position: absolute;
        }
        span {
          padding-left: 38px;
          padding-right: 38px;
        }
        span {
          padding-top: 3px;
          padding-bottom: 3px;
        }
        span {
          text-align: center;
        }
        span {
          color: rgba(var(--white),1);
        }
        span {
          opacity: 0;
        }
        span {
          transition-property: all;
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-duration: 150ms;
        }
        span {
          transition-duration: 0.4s;
        }
        span {
          transition-timing-function: ease-out;
        }
      }
    }
  }
  &:hover {
    .ribbon {
      i {
        &.back {
          width: 0.625rem;
        }
        &.back {
          transition-delay: 0s;
        }
        &.front {
          width: 145px;
        }
        &.front {
          transition-delay: 0.15s;
        }
        span {
          opacity: 1;
        }
        span {
          transition-delay: 0.2s;
        }
      }
    }
  }
}

.smooth-animate {
  &:hover {
    .label {
      padding-left: 1em;
    }
  }
  .media-image {
    position: relative;
  }
  .media-image {
    display: inline-block;
  }
  .media-image {
    width: auto;
  }
  .media-image {
    img {
      display: block;
    }
    img {
      display: block;
    }
  }
  .label {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .label {
    position: absolute;
  }
  .label {
    top: -132px;
  }
  .label {
    left: -1.5rem;
  }
  .label {
    z-index: 7;
  }
  .label {
    display: inline-block;
  }
  .label {
    border-radius: 5px 2px 2px 0px;
  }
  .label {
    background-color: rgba(var(--danger-color),1);
  }
  .label {
    padding-left: 0.75em;
    padding-right: 0.75em;
  }
  .label {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .label {
    font-family: bold;
  }
  .label {
    text-transform: uppercase;
  }
  .label {
    line-height: 2.35em;
  }
  .label {
    letter-spacing: 0.1em;
  }
  .label {
    color: rgba(var(--white),1);
  }
  .label {
    --tw-shadow: 0px 2px 0 rgba(var(--dark-color),0.1);
    --tw-shadow-colored: 0px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  .label {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  .label {
    transition-duration: 0.1s;
  }
  .label::before {
    content: var(--tw-content);
    display: block;
  }
  .label::after {
    content: var(--tw-content);
    display: block;
  }
  .label::before {
    content: var(--tw-content);
    position: absolute;
  }
  .label::before {
    content: var(--tw-content);
    left: 0px;
  }
  .label::before {
    content: var(--tw-content);
    bottom: -0.25rem;
  }
  .label::before {
    content: var(--tw-content);
    display: block;
  }
  .label::before {
    content: var(--tw-content);
    background-color: rgba(var(--danger-color),1);
  }
  .label::before {
    --tw-content: " ";
    content: var(--tw-content);
  }
  .label::after {
    content: var(--tw-content);
    position: absolute;
  }
  .label::after {
    content: var(--tw-content);
    left: 0px;
  }
  .label::after {
    content: var(--tw-content);
    bottom: -0.375rem;
  }
  .label::after {
    content: var(--tw-content);
    display: block;
  }
  .label::after {
    content: var(--tw-content);
    border-radius: 5px 0 0 5px;
  }
  .label::after {
    content: var(--tw-content);
    background-color: rgba(var(--danger-color),1);
  }
  .label::after {
    --tw-content: " ";
    content: var(--tw-content);
  }
  .label {
    &:before {
      height: 4px;
    }
    &:before {
      width: 5px;
    }
    &:after {
      height: 6px;
    }
    &:after {
      width: 5px;
    }
  }
}

.vertical-left-animate {
  .ribbon-wrapper {
    overflow: hidden;
  }
  .ribbon-wrapper {
    .ribbon {
      left: -50px;
    }
    .ribbon {
      transition-property: all;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }
    .ribbon {
      transition-duration: 0.2s;
    }
    .ribbon {
      transition-timing-function: ease;
    }
    .ribbon {
      i {
        margin-left: 0.75rem;
      }
      span {
        opacity: 0;
      }
      span {
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
      }
      span {
        transition-duration: 0.2s;
      }
      span {
        transition-timing-function: ease;
      }
    }
    .ribbon-bookmark {
      &::before {
        left: 84%;
      }
    }
  }
  &:hover {
    .ribbon-wrapper {
      .ribbon {
        left: 0px;
      }
      .ribbon {
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
      }
      .ribbon {
        transition-duration: 0.2s;
      }
      .ribbon {
        transition-timing-function: ease;
      }
      .ribbon {
        span {
          opacity: 1;
        }
        span {
          transition-property: all;
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-duration: 150ms;
        }
        span {
          transition-duration: 0.2s;
        }
        span {
          transition-timing-function: ease;
        }
      }
    }
  }
}

.triangular-ribbon {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 0.3s;
  transition-timing-function: ease;
}

.triangular-ribbon:hover {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 0.3s;
  transition-timing-function: ease;
}

.triangular-ribbon {
  .ribbon-wrapper {
    overflow: hidden;
  }
  .ribbon-wrapper {
    .triangular-ribbon-box {
      text-align: center;
    }
    @media (min-width: 1200px) {
       {
         {
           {
            .triangular-ribbon-box {
            }
          }
        }
      }
    }
    @media (max-width: 767px) {
       {
        .triangular-ribbon-box {
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            .triangular-ribbon-box {
            }
          }
        }
      }
    }
    .triangular-ribbon-box {
      position: absolute;
    }
    .triangular-ribbon-box {
      top: -50px;
    }
    .triangular-ribbon-box {
      left: -50px;
    }
    .triangular-ribbon-box {
      display: flex;
    }
    .triangular-ribbon-box {
      height: 100px;
    }
    .triangular-ribbon-box {
      width: 100px;
    }
    .triangular-ribbon-box {
      --tw-rotate: 315deg;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    .triangular-ribbon-box {
      align-items: flex-end;
    }
    .triangular-ribbon-box {
      justify-content: center;
    }
    .triangular-ribbon-box {
      border-width: 3px;
    }
    .triangular-ribbon-box {
      border-style: solid;
    }
    .triangular-ribbon-box {
      border-color: rgba(var(--theme-default),1);
    }
    .triangular-ribbon-box {
      background-color: rgba(var(--light-primary),1);
    }
    .triangular-ribbon-box {
      text-align: center;
    }
    .triangular-ribbon-box {
      opacity: 0;
    }
    .triangular-ribbon-box {
      transition-property: all;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }
    .triangular-ribbon-box {
      transition-duration: 0.3s;
    }
    .triangular-ribbon-box {
      transition-timing-function: ease;
    }
    .triangular-ribbon-box {
      > div {
        position: absolute;
      }
      > div {
        left: 2.25rem;
      }
      > div {
        bottom: -0.125rem;
      }
      > div {
        svg {
          height: 20px;
        }
        svg {
          width: 20px;
        }
        svg {
          stroke: rgba(var(--theme-default),1);
        }
      }
    }
  }
  &:hover {
    .triangular-ribbon-box {
      opacity: 1;
    }
    .triangular-ribbon-box {
      transition-property: all;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }
    .triangular-ribbon-box {
      transition-duration: 0.3s;
    }
    .triangular-ribbon-box {
      transition-timing-function: ease;
    }
  }
}

.vertical-ribbon-animate {
  &:hover {
    .ribbon-vertical-right {
      animation: shrink 0.3s ease;
    }
  }
  .ribbon-vertical-right {
    top: 0px;
  }
  .ribbon-vertical-right {
    height: 45px;
  }
  .ribbon-vertical-right {
    width: 115px;
  }
  .ribbon-vertical-right {
    border-radius: 0 0 50% 50%;
  }
  .ribbon-vertical-right {
    line-height: 45px;
  }
  .ribbon-vertical-right {
    --tw-shadow: 0px 8px 16px -4px rgba(var(--black),0.25);
    --tw-shadow-colored: 0px 8px 16px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  .ribbon-vertical-right::before {
    --tw-content: unset;
    content: var(--tw-content);
  }
  .ribbon-vertical-right {
    > div {
      i {
        margin-right: 0.375rem;
      }
    }
  }
  .ribbon-bottom-arrow {
    position: absolute;
  }
  .ribbon-bottom-arrow {
    top: calc(-1 * 12px);
  }
  .ribbon-bottom-arrow {
    left: 38px;
  }
  .ribbon-bottom-arrow {
    border-radius: 0px;
  }
  .ribbon-bottom-arrow {
    border-left-width: 12px;
  }
  .ribbon-bottom-arrow {
    border-bottom-width: 14px;
  }
  .ribbon-bottom-arrow {
    border-style: solid;
  }
  .ribbon-bottom-arrow {
    border-left-color: #0005;
  }
  .ribbon-bottom-arrow {
    border-bottom-color: #0000;
  }
  .ribbon-bottom-arrow {
    line-height: 2.5rem;
  }
  .ribbon-bottom-arrow {
    clip-path: polygon(
        12px 0,
        100% 0,
        100% calc(100% - 14px),
        calc(50% + 12px / 2) 100%,
        12px calc(100% - 14px),
        12px 12px,
        0 12px
      );
  }
}

@keyframes shrink {
  0% {
    transform: translateX(0em);
  }

  50% {
    transform: translateX(-1em);
  }
}

.breadcrumb-colored {
  border-radius: 0.25rem !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
  li {
    a {
      font-weight: 700;
    }
    a {
      color: rgba(var(--breadcrumb-anchor-color),1);
    }
    &.active {
      color: rgba(var(--breadcrumb-anchor-color),1);
    }
    &.active {
      opacity: 0.7;
    }
  }
  .breadcrumb-item {
    &:before {
      color: rgba(var(--breadcrumb-anchor-color),1);
    }
    .txt-dark {
      &:before {
        color: rgba(var(--breadcrumb-anchor-dark-color),1);
      }
    }
  }
}

.breadcrumb-icon {
  --bs-breadcrumb-divider: ">";
  li {
    display: inline-block;
  }
}

.breadcrumb-no-divider {
  --bs-breadcrumb-divider: "";
}

.breadcrumb-item {
  &.active {
    font-weight: 500;
  }
  &.active {
    text-transform: capitalize;
  }
  &.active {
    color: rgba(var(--theme-default),1);
  }
}

.breadcrumb-space {
  .breadcrumb-item {
    &::before {
      padding-right: 0px;
    }
  }
}

.breadcrumb-item + .breadcrumb-item {
  &::before {
    float: left;
  }
  &::before {
    padding-right: 0.5rem;
  }
  &::before {
    color: rgba(var(--light-text),1);
  }
  &::before {
    --tw-content: var(--bs-breadcrumb-divider,"/");
    content: var(--tw-content);
  }
}

.breadcrumb-colored {
  .breadcrumb-item + .breadcrumb-item {
    &::before {
      color: rgba(var(--white),1);
    }
    &::before {
      --tw-content: var(--bs-breadcrumb-divider,"/");
      content: var(--tw-content);
    }
  }
}

.breadcrumb-item + .breadcrumb-item {
  padding-left: 8px;
}

.breadcrumb {
  margin-bottom: 24px !important;
}

@media (min-width: 1200px) {
   {
     {
       {
        .breadcrumb {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .breadcrumb {
        }
      }
    }
  }
}

.breadcrumb {
  margin-bottom: 1rem;
  display: flex;
  list-style-type: none;
  flex-wrap: wrap;
  border-radius: var(--tw-breadcrumb-border-radius);
  background-color: var(--tw-breadcrumb-bg);
  padding-left: 1px;
  padding-right: 1px;
  font-size: var(--tw-breadcrumb-font-size);
}

@media (max-width: 575px) {
   {
     {
       {
        > .irs--square {
          width: 90%;
        }
      }
    }
     {
       {
         {
          > .irs--square {
            width: 90%;
          }
        }
      }
    }
     {
       {
        > .irs--square {
          width: 90%;
        }
      }
    }
     {
       {
         {
          > .irs--square {
            width: 90%;
          }
        }
      }
    }
  }
}

.irs--square {
  width: 100%;
  @media (max-width: 575px) {
     {
       {
         {
          > .irs {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > .irs {
              width: 90%;
            }
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          > .irs {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > .irs {
              width: 90%;
            }
          }
        }
      }
    }
  }
  .irs {
    width: 100%;
  }
  .irs-bar {
    background-color: rgba(var(--success-color),1);
  }
  .irs-handle {
    border-width: 3px;
  }
  .irs-handle {
    border-style: solid;
  }
  .irs-handle {
    border-color: rgba(var(--success-color),1);
  }
  .irs-from {
    background-color: rgba(var(--success-color),1);
  }
  .irs-to {
    background-color: rgba(var(--success-color),1);
  }
}

.irs--flat {
  .irs-from,
    .irs-to,
    .irs-single,
    .irs-bar {
    background-color: rgba(var(--primary-color),1);
  }
  .irs-from,
    .irs-to,
    .irs-single,
    .irs-bar {
    &::before {
      border-top-color: rgba(var(--primary-color),1);
    }
  }
  .irs-handle {
    i {
      &:first-child {
        background-color: rgba(var(--primary-color),1);
      }
    }
  }
}

.irs--round {
  .irs-single {
    background-color: rgba(var(--secondary-color),1);
  }
  .irs-single {
    &::before {
      border-top-color: rgba(var(--secondary-color),1);
    }
  }
  .irs-handle {
    border-width: 4px !important;
  }
  .irs-handle {
    border-width: 4px;
  }
  .irs-handle {
    border-style: solid;
  }
  .irs-handle {
    border-color: rgba(var(--secondary-color),1);
  }
  .irs-bar {
    background-color: rgba(var(--secondary-color),1);
  }
}

.irs--flat,
  .irs--square,
  .irs--round,
  .irs--big,
  .irs--modern,
  .irs--sharp {
  .irs-line {
    display: block !important;
  }
  .irs-line {
    display: block !important;
  }
}

.irs--sharp {
  .irs-from,
    .irs-to {
    &::before {
      border-top-color: rgba(var(--info-color),1);
    }
  }
  .irs-min,
    .irs-max,
    .irs-from,
    .irs-to,
    .irs-bar {
    background-color: rgba(var(--info-color),1);
  }
  .irs-line {
    background-color: rgba(var(--gray-60),1);
  }
  .irs-handle {
    background-color: rgba(var(--info-color),1);
  }
  .irs-handle {
    i {
      &:first-child {
        border-top-color: rgba(var(--info-color),1);
      }
    }
  }
}

.irs--big {
  .irs-bar {
    border-width: 1px;
  }
  .irs-bar {
    border-style: solid;
  }
  .irs-bar {
    --tw-shadow-color: unset;
    --tw-shadow: var(--tw-shadow-colored);
  }
  .irs-bar {
    background: rgba(var(--warning-color), 1) !important;
    border-color: rgba(var(--warning-color), 1) !important;
  }
  .irs-from,
    .irs-to {
    background-color: rgba(var(--warning-color),1);
  }
  .irs-from,
    .irs-to {
    background: unset;
  }
  .irs-handle {
    background-color: rgba(var(--warning-color),1);
  }
  .irs-grid-pol {
    background-color: rgba(var(--warning-color),1);
  }
  .irs-grid-text {
    color: rgba(var(--warning-color),1);
  }
}

.irs--modern {
  .irs-single {
    background: rgba(var(--danger-color), 1) !important;
    &::before {
      border-top-color: rgba(var(--danger-color),1);
    }
  }
  .irs-bar {
    background: rgba(var(--danger-color), 1) !important;
  }
  .irs-grid-text {
    color: rgba(var(--danger-color),1);
  }
}

.range-slider {
  .irs {
    width: 100% !important;
  }
}

.form-group {
  .irs {
    display: block !important;
  }
  .irs {
    display: block !important;
  }
  .irs {
    width: 100% !important;
  }
}

.dark-color-header {
  background-color: unset !important;
  color: rgba(var(--primary-color),1);
  ul {
    li {
      &:first-child,
        &:last-child {
        i {
          color: rgba(var(--primary-color),1) !important;
        }
      }
      i {
        color: rgba(var(--light-color),1) !important;
      }
    }
  }
}

.animate-chk {
  label {
    cursor: pointer;
  }
  label {
    line-height: 1.6;
  }
  label {
    &:last-child:not(
          .card-view-wrapper .job-accordion .animate-chk label:last-child
        ):not(
          .list-view-wrapper .job-accordion .animate-chk label:last-child
        ):not(
          .job-details-wrapper .job-accordion .animate-chk label:last-child
        ) {
      margin-bottom: 0 !important;
    }
    &:last-child:not(
          .card-view-wrapper .job-accordion .animate-chk label:last-child
        ):not(
          .list-view-wrapper .job-accordion .animate-chk label:last-child
        ):not(
          .job-details-wrapper .job-accordion .animate-chk label:last-child
        ) {
      margin-bottom: 0px;
    }
  }
}

@media (max-width: 991px) {
   {
    .checkbox_animated {
      margin-right: 0px;
    }
  }
}

.checkbox_animated {
  position: relative;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 1rem;
  cursor: pointer;
}

.checkbox_animated::before {
  content: var(--tw-content);
  border-width: 2px !important;
}

.checkbox_animated::after {
  content: var(--tw-content);
  border-width: 2px !important;
}

.checkbox_animated::before {
  position: absolute;
  left: 0.25rem;
  top: 0.225rem;
  z-index: 1;
  height: 0.375rem;
  width: 0.75rem;
  --tw-rotate: -45deg;
  --tw-scale-x: 0;
  --tw-scale-y: 0;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-width: 2px;
  border-style: solid;
  border-color: rgba(var(--theme-default),1);
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.45,1.8,0.5,0.75);
  --tw-content: "";
  content: var(--tw-content);
}

.checkbox_animated::after {
  position: absolute;
  top: -0.125rem;
  left: 0px;
  height: 1.3rem;
  width: 1.3rem;
  cursor: pointer;
  border-width: 2px;
  border-style: solid;
  border-color: rgba(var(--light-gray),1);
  --tw-content: "";
  content: var(--tw-content);
}

.checkbox_animated:checked::before {
  --tw-rotate: -45deg;
  content: var(--tw-content);
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.checkbox_animated {
  &:before {
    border-top-style: none;
    border-right-style: none;
  }
  &:after {
    background-color: rgba(var(--white),1);
  }
}

@media (max-width: 991px) {
   {
    .radio_animated {
      margin-right: 0px;
    }
  }
}

.radio_animated {
  position: relative;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 1rem;
  cursor: pointer;
}

.radio_animated::after {
  content: var(--tw-content);
  border-width: 2px !important;
}

.radio_animated::before {
  position: absolute;
  left: 0.125rem;
  top: 0px;
  z-index: 1;
  height: 0.75rem;
  width: 0.75rem;
  --tw-scale-x: 0;
  --tw-scale-y: 0;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-radius: 50%;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.45,1.8,0.5,0.75);
  --tw-content: "";
  content: var(--tw-content);
}

.radio_animated::after {
  position: absolute;
  top: -0.25rem;
  left: -0.125rem;
  height: 1.25rem;
  width: 1.25rem;
  border-radius: 50%;
  border-width: 2px;
  border-style: solid;
  border-color: rgba(var(--light-gray),1);
  --tw-content: "";
  content: var(--tw-content);
}

.radio_animated:checked::before {
  content: var(--tw-content);
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.radio_animated {
  &:before {
    background-color: rgba(var(--theme-default),1);
  }
  &:after {
    background-color: rgba(var(--white),1);
  }
}

.checkbox {
  label {
    position: relative;
  }
  label {
    margin-top: 0.625rem;
    margin-bottom: 0.625rem;
  }
  label {
    display: inline-block;
  }
  label {
    cursor: pointer;
  }
  label {
    padding-left: 1rem;
  }
  label::before {
    content: var(--tw-content);
    position: absolute;
  }
  label::before {
    content: var(--tw-content);
    left: 0px;
  }
  label::before {
    content: var(--tw-content);
    margin-left: -1rem;
  }
  label::before {
    content: var(--tw-content);
    display: inline-block;
  }
  label::before {
    content: var(--tw-content);
    height: 19px;
  }
  label::before {
    content: var(--tw-content);
    width: 19px;
  }
  label::before {
    content: var(--tw-content);
    border-radius: 3px;
  }
  label::before {
    content: var(--tw-content);
    border-width: 1px;
  }
  label::before {
    content: var(--tw-content);
    border-style: solid;
  }
  label::before {
    content: var(--tw-content);
    border-color: rgba(var(--light-semi-gray),1);
  }
  label::before {
    content: var(--tw-content);
    background-color: rgba(var(--white),1);
  }
  label::before {
    --tw-content: "";
    content: var(--tw-content);
  }
  label::after {
    content: var(--tw-content);
    position: absolute;
  }
  label::after {
    content: var(--tw-content);
    left: 0px;
  }
  label::after {
    content: var(--tw-content);
    top: 0px;
  }
  label::after {
    content: var(--tw-content);
    margin-left: -1.25rem;
  }
  label::after {
    content: var(--tw-content);
    display: inline-block;
  }
  label::after {
    content: var(--tw-content);
    padding-left: 3px;
  }
  label::after {
    content: var(--tw-content);
    padding-top: 1px;
  }
  label::after {
    content: var(--tw-content);
    font-size: 11px;
  }
  label::after {
    content: var(--tw-content);
    color: rgba(var(--theme-font-color),1);
  }
  label {
    &::before {
      transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    }
    &::after {
      height: 16px;
    }
    &::after {
      width: 16px;
    }
  }
  input[type="checkbox"] {
    opacity: 0;
  }
  input[type="checkbox"]:focus {
    outline-offset: -2px;
  }
  input[type="checkbox"] {
    &:focus {
      & + label {
        &::before {
          outline-offset: -2px;
        }
      }
    }
    &:checked {
      & + label {
        &::before {
          text-align: center;
        }
        @media (max-width: 767px) {
           {
            &::before {
            }
          }
        }
        &::before {
          text-align: center;
        }
        &::before {
          line-height: 1.2;
        }
        &::before {
          --tw-content: "\e64c";
          content: var(--tw-content);
        }
        &::before {
          font-family: var(--font-themify);
        }
      }
    }
    &:disabled {
      & + label {
        opacity: 0.65;
      }
      & + label {
        &::before {
          cursor: not-allowed;
        }
        &::before {
          background-color: rgba(var(--light-color),1);
        }
      }
    }
  }
  .checkbox-circle {
    label {
      &::before {
        border-radius: 50%;
      }
    }
  }
  .checkbox-inline {
    margin-top: 0 !important;
  }
  .checkbox-inline {
    margin-top: 0px;
  }
}

.m-squar {
  label {
    &::before {
      border-radius: 0px;
    }
  }
  .checkbox-circle {
    label {
      &::before {
        border-radius: 50%;
      }
    }
  }
  .checkbox-inline {
    margin-top: 0 !important;
  }
  .checkbox-inline {
    margin-top: 0px;
  }
}

.m-checkbox-inline {
  .checkbox {
    display: inline-block;
  }
  .radio {
    display: inline-block;
  }
  label {
    margin-right: 1.25rem;
  }
}

.radio {
  label {
    position: relative;
  }
  label {
    display: inline-block;
  }
  label {
    cursor: pointer;
  }
  label {
    padding-left: 5px;
  }
  label::before {
    content: var(--tw-content);
    position: absolute;
  }
  label::before {
    content: var(--tw-content);
    left: 0px;
  }
  label::before {
    content: var(--tw-content);
    margin-left: -1.25rem;
  }
  label::before {
    content: var(--tw-content);
    display: inline-block;
  }
  label::before {
    content: var(--tw-content);
    height: 19px;
  }
  label::before {
    content: var(--tw-content);
    width: 19px;
  }
  label::before {
    content: var(--tw-content);
    border-radius: 50%;
  }
  label::before {
    content: var(--tw-content);
    border-width: 1px;
  }
  label::before {
    content: var(--tw-content);
    border-style: solid;
  }
  label::before {
    content: var(--tw-content);
    border-color: rgba(var(--light-semi-gray),1);
  }
  label::before {
    content: var(--tw-content);
    background-color: rgba(var(--white),1);
  }
  label::before {
    content: var(--tw-content);
    transition-property: border;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  label::before {
    content: var(--tw-content);
    transition-duration: 0.15s;
  }
  label::before {
    content: var(--tw-content);
    transition-timing-function: ease-in-out;
  }
  label::before {
    --tw-content: "";
    content: var(--tw-content);
  }
  label::after {
    content: var(--tw-content);
    position: absolute;
  }
  label::after {
    content: var(--tw-content);
    left: 5px;
  }
  label::after {
    content: var(--tw-content);
    top: 5px;
  }
  label::after {
    content: var(--tw-content);
    margin-left: -1.25rem;
  }
  label::after {
    content: var(--tw-content);
    display: inline-block;
  }
  label::after {
    content: var(--tw-content);
    --tw-scale-x: 0;
    --tw-scale-y: 0;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  label::after {
    content: var(--tw-content);
    border-radius: 50%;
  }
  label::after {
    content: var(--tw-content);
    background-color: rgba(var(--dark-gray),1);
  }
  label::after {
    content: var(--tw-content);
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  label::after {
    content: var(--tw-content);
    transition-duration: 0.1s;
  }
  label::after {
    content: var(--tw-content);
    transition-timing-function: cubic-bezier(0.8,-0.33,0.2,1.33);
  }
  label::after {
    --tw-content: " ";
    content: var(--tw-content);
  }
  label {
    &::before {
      -webkit-transition: border 0.15s ease-in-out;
      -o-transition: border 0.15s ease-in-out;
    }
    &::after {
      height: 9px;
    }
    &::after {
      width: 9px;
    }
    &::after {
      -webkit-transform: scale(0, 0);
      -ms-transform: scale(0, 0);
      -o-transform: scale(0, 0);
      -webkit-transition: -webkit-transform 0.1s
          cubic-bezier(0.8, -0.33, 0.2, 1.33);
      -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    }
  }
  input[type="radio"] {
    opacity: 0;
  }
  input[type="radio"] {
    &:focus {
      & + label {
        &::before {
          outline-offset: -2px;
        }
      }
    }
    &:checked {
      & + label {
        &::after {
          --tw-scale-x: 1;
          --tw-scale-y: 1;
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        }
        &::after {
          -webkit-transform: scale(1, 1);
          -ms-transform: scale(1, 1);
          -o-transform: scale(1, 1);
        }
      }
    }
    &:disabled {
      & + label {
        opacity: 0.65;
      }
      & + label {
        &::before {
          cursor: not-allowed;
        }
      }
    }
  }
  .radio-inline {
    margin-top: 0 !important;
  }
  .radio-inline {
    margin-top: 0px;
  }
}

.form-check-input[type="checkbox"] {
  &:indeterminate {
    border-color: rgba(var(--theme-default),1);
  }
  &:indeterminate {
    background-color: rgba(var(--theme-default),1);
  }
}

.card-wrapper {
  .btn-radio {
    .btn-group {
      [class*="button-light-"] {
        label {
          &::before {
            top: 1px;
          }
          &::after {
            top: 0.375rem;
          }
        }
      }
    }
  }
}

.radio-success {
  input[type="radio"] {
    + label {
      &::before {
        border-color: rgba(var(--success-color),1);
      }
      &::after {
        background-color: rgba(var(--success-color),1);
      }
    }
    &:checked {
      + label {
        &::before {
          border-color: rgba(var(--success-color),1);
        }
        &::after {
          background-color: rgba(var(--success-color),1);
        }
      }
    }
  }
}

.radio-warning {
  input[type="radio"] {
    + label {
      &::before {
        border-color: rgba(var(--warning-color),1);
      }
      &::after {
        background-color: rgba(var(--warning-color),1);
      }
    }
    &:checked {
      + label {
        &::before {
          border-color: rgba(var(--warning-color),1);
        }
        &::after {
          background-color: rgba(var(--warning-color),1);
        }
      }
    }
  }
}

.radio-info {
  input[type="radio"] {
    + label {
      &::before {
        border-color: rgba(var(--info-color),1);
      }
      &::after {
        background-color: rgba(var(--info-color),1);
      }
    }
    &:checked {
      + label {
        &::before {
          border-color: rgba(var(--info-color),1);
        }
        &::after {
          background-color: rgba(var(--info-color),1);
        }
      }
    }
  }
}

.radio-primary {
  input[type="radio"] {
    + label {
      &::before {
        border-color: rgba(var(--theme-default),1);
      }
      &::after {
        background-color: rgba(var(--theme-default),1);
      }
    }
    &:checked {
      + label {
        &::before {
          border-color: rgba(var(--theme-default),1);
        }
        &::after {
          background-color: rgba(var(--theme-default),1);
        }
      }
    }
  }
}

.radio-secondary {
  input[type="radio"] {
    + label {
      &::before {
        border-color: rgba(var(--theme-secondary),1) !important;
      }
    }
  }
}

.radio-checkbox {
  .form-check {
    .radio-wrapper {
      li {
        .form-check-label {
          &::before {
            display: none;
          }
        }
      }
    }
  }
}

.checkbox-secondary {
  label {
    &::before {
      border-color: rgba(var(--theme-secondary),1);
    }
  }
}

.checkbox-success {
  label {
    &::before {
      border-color: rgba(var(--success-color),1);
    }
  }
  input[type="checkbox"] {
    &:checked {
      + label {
        &::before {
          border-color: rgba(var(--success-color),1);
        }
        &::before {
          color: rgba(var(--success-color),1);
        }
      }
    }
  }
}

.checkbox-primary {
  input[type="checkbox"] {
    &:checked {
      + label {
        &::before {
          border-color: rgba(var(--theme-default),1);
        }
        &::before {
          color: rgba(var(--theme-default),1);
        }
      }
    }
  }
  label {
    &::before {
      border-color: rgba(var(--theme-default),1);
    }
  }
}

.checkbox-danger {
  label {
    &::before {
      border-color: rgba(var(--danger-color),1);
    }
  }
  input[type="checkbox"] {
    &:checked {
      + label {
        &::before {
          border-color: rgba(var(--danger-color),1);
        }
        &::before {
          color: rgba(var(--danger-color),1);
        }
      }
    }
  }
}

.checkbox-solid-warning {
  input[type="checkbox"] {
    &:checked {
      + label {
        &::before {
          color: rgb(var(--white),1) !important;
        }
        &::before {
          border-color: rgba(var(--warning-color),1);
        }
        &::before {
          background-color: rgba(var(--warning-color),1);
        }
        &::before {
          --tw-text-opacity: 1;
          color: rgb(255 255 255 / var(--tw-text-opacity, 1));
        }
      }
    }
  }
  label {
    &::before {
      color: rgb(var(--white),1) !important;
    }
    &::before {
      border-color: rgba(var(--warning-color),1);
    }
    &::before {
      background-color: rgba(var(--warning-color),1);
    }
    &::before {
      --tw-text-opacity: 1;
      color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    }
  }
}

.checkbox-solid-danger {
  input[type="checkbox"] {
    &:checked {
      + label {
        &::before {
          color: rgb(var(--white),1) !important;
        }
        &::before {
          border-color: rgba(var(--danger-color),1);
        }
        &::before {
          background-color: rgba(var(--danger-color),1);
        }
        &::before {
          --tw-text-opacity: 1;
          color: rgb(255 255 255 / var(--tw-text-opacity, 1));
        }
      }
    }
  }
  label {
    &::before {
      color: rgb(var(--white),1) !important;
    }
    &::before {
      border-color: rgba(var(--danger-color),1);
    }
    &::before {
      background-color: rgba(var(--danger-color),1);
    }
    &::before {
      --tw-text-opacity: 1;
      color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    }
  }
}

.checkbox-solid-info {
  input[type="checkbox"] {
    &:checked {
      + label {
        &::before {
          color: rgb(var(--white),1) !important;
        }
        &::before {
          border-color: rgba(var(--info-color),1);
        }
        &::before {
          background-color: rgba(var(--info-color),1);
        }
        &::before {
          --tw-text-opacity: 1;
          color: rgb(255 255 255 / var(--tw-text-opacity, 1));
        }
      }
    }
  }
  label {
    &::before {
      color: rgb(var(--white),1) !important;
    }
    &::before {
      border-color: rgba(var(--info-color),1);
    }
    &::before {
      background-color: rgba(var(--info-color),1);
    }
    &::before {
      --tw-text-opacity: 1;
      color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    }
  }
}

.checkbox-dark {
  input[type="checkbox"] {
    &:checked {
      + label {
        &::before {
          border-color: rgba(var(--dark-color),1);
        }
        &::before {
          color: rgba(var(--dark-color),1);
        }
      }
    }
  }
  label {
    &::before {
      border-color: rgba(var(--dark-color),1);
    }
  }
}

.checkbox-solid-primary {
  input[type="checkbox"] {
    &:checked {
      + label {
        &::before {
          color: rgb(var(--white),1) !important;
        }
        &::before {
          border-color: rgba(var(--theme-default),1);
        }
        &::before {
          background-color: rgba(var(--theme-default),1);
        }
        &::before {
          --tw-text-opacity: 1;
          color: rgb(255 255 255 / var(--tw-text-opacity, 1));
        }
      }
    }
  }
  label {
    &:before {
      color: rgb(var(--white),1) !important;
    }
    &:before {
      border-color: rgba(var(--theme-default),1);
    }
    &:before {
      background-color: rgba(var(--theme-default),1);
    }
    &:before {
      --tw-text-opacity: 1;
      color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    }
  }
}

.icon-lists {
  div {
    display: block;
  }
  div {
    display: block;
  }
  div {
    margin-left: auto;
    margin-right: auto;
  }
  div {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  div {
    display: block;
  }
  div {
    max-width: 100%;
  }
  div {
    overflow: hidden;
  }
  div {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  @media (max-width: 575px) {
     {
       {
         {
          > div {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > div {
              width: 90%;
            }
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          > div {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > div {
              width: 90%;
            }
          }
        }
      }
    }
  }
  div {
    margin-left: 0;
  }
  div {
    display: block;
  }
  div {
    width: 100%;
  }
  div {
    max-width: 100%;
  }
  div {
    cursor: pointer;
  }
  div {
    overflow: hidden;
  }
  div {
    text-overflow: ellipsis;
  }
  div {
    white-space: nowrap;
  }
  div {
    border-radius: 0.25rem;
  }
  div {
    line-height: 60px;
  }
  div:hover {
    background-color: rgba(var(--light-background),1);
  }
  div {
    i.table {
      white-space: pre-wrap !important;
    }
    i {
      margin-top: 0px;
      margin-bottom: 0px;
    }
    i {
      margin-left: 0.625rem;
    }
    i {
      margin-right: 15px;
    }
    i {
      vertical-align: middle;
    }
    i {
      font-size: 1.5rem;
      line-height: 2rem;
    }
  }
  &.whether-icon {
    svg {
      height: calc(40px + (50 - 40) * ((100vw - 320px) / (1920 - 320)));
    }
    svg {
      width: calc(40px + (50 - 40) * ((100vw - 320px) / (1920 - 320)));
    }
  }
  &.feather-icons {
    @media (min-width: 1200px) {
       {
         {
           {
            .main-flag {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            .main-flag {
            }
          }
        }
      }
    }
    .main-flag {
      display: flex;
    }
    .main-flag {
      svg {
        margin-top: 0px;
        margin-bottom: 0px;
      }
      svg {
        margin-left: 0.625rem;
      }
      svg {
        margin-right: 15px;
      }
    }
  }
  .feather-icon {
    .icon-first {
      h6 {
        display: none;
      }
    }
  }
  &.flag-icons,
    &.whether-icon {
    @media (min-width: 1200px) {
       {
         {
           {
            div {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > div {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > div {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > div {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > div {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            div {
            }
          }
        }
      }
    }
    div {
      display: flex;
    }
    div {
      width: 100%;
    }
    div {
      align-items: center;
    }
    div {
      white-space: nowrap;
    }
    div {
      -webkit-box-align: center;
    }
  }
}

.flag-icons,
  .feather-icons {
  margin-block: -15px;
  div {
    overflow: auto;
  }
  div {
    line-height: 1;
  }
  div {
    word-wrap: break-word;
    .flag-icon {
      height: 50px;
    }
    .flag-icon {
      width: 50px;
    }
    @media (min-width: 1200px) {
       {
         {
           {
            .main-flag {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > .main-flag {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > .main-flag {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > .main-flag {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > .main-flag {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            .main-flag {
            }
          }
        }
      }
    }
    .main-flag {
      display: flex;
    }
    .main-flag {
      width: 100% !important;
    }
    .main-flag {
      padding-top: 15px;
      padding-bottom: 15px;
    }
    @media (max-width: 575px) {
      .media-dropdown .flag-name {
        margin-bottom: 15px;
      }
    }
    @media (max-width: 575px) {
       {
         {
          .flag-name {
          }
        }
      }
    }
    @media (max-width: 1199px) {
       {
        .flag-name {
          margin-left: 0;
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
             {
              .flag-name {
                text-align: left;
              }
            }
          }
        }
      }
    }
    .flag-name {
      flex-grow: 1;
    }
    .flag-name {
      h6 {
        margin-bottom: 0 !important;
      }
      h6 {
        display: block;
      }
      h6 {
        margin-left: auto;
        margin-right: auto;
      }
      h6 {
        margin-top: 0px;
        margin-bottom: 0px;
      }
      h6 {
        display: block;
      }
      h6 {
        max-width: 100%;
      }
      h6 {
        overflow: hidden;
      }
      h6 {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
      }
      h6 {
        margin-left: 0;
        margin-right: 0;
      }
      h6 {
        margin-bottom: 0px;
      }
      h6 {
        max-width: 100%;
      }
      h6 {
        overflow: hidden;
      }
      h6 {
        text-overflow: ellipsis;
      }
      h6 {
        white-space: nowrap;
      }
      h6 {
        font-size: 0.875rem;
        line-height: 1.25rem;
      }
      h6 {
        font-weight: 400;
      }
      h5 {
        margin-right: 5px;
      }
      h5 {
        margin-bottom: 5px;
      }
      h5 {
        display: inline-block;
      }
      h5 {
        border-radius: 3px;
      }
      h5 {
        background-color: rgba(var(--theme-default),1);
      }
      h5 {
        padding-left: 5px;
        padding-right: 5px;
      }
      h5 {
        padding-top: 3px;
        padding-bottom: 3px;
      }
      h5 {
        font-size: 11px;
      }
      h5 {
        color: rgba(var(--white),1);
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        > .icon-hover-bottom {
          width: 90%;
        }
      }
    }
     {
       {
         {
          > .icon-hover-bottom {
            width: 90%;
          }
        }
      }
    }
     {
       {
        > .icon-hover-bottom {
          width: 90%;
        }
      }
    }
     {
       {
         {
          > .icon-hover-bottom {
            width: 90%;
          }
        }
      }
    }
  }
}

.icon-hover-bottom {
  left: 0px;
  bottom: 0px;
  z-index: 999;
  width: 100%;
  background-color: rgba(var(--light),1);
  --tw-shadow: 0px 0px 1px 1px rgba(var(--light-color),1);
  --tw-shadow-colored: 0px 0px 1px 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  @media (min-width: 1200px) {
     {
       {
         {
          .icon-popup {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          > .icon-popup {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > .icon-popup {
              width: 90%;
            }
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          > .icon-popup {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > .icon-popup {
              width: 90%;
            }
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .icon-popup {
          }
        }
      }
    }
  }
  .icon-popup {
    display: flex;
  }
  .icon-popup {
    width: 100%;
  }
  .icon-popup {
    align-items: center;
  }
  .icon-popup {
    justify-content: center;
  }
  .icon-popup {
    padding: 1.25rem;
  }
  .icon-popup {
    .close-icon {
      position: absolute;
    }
    .close-icon {
      right: 0.625rem;
    }
    .close-icon {
      top: 0.625rem;
    }
    .close-icon {
      cursor: pointer;
    }
    .close-icon {
      font-size: 1.25rem;
      line-height: 1.75rem;
    }
    .close-icon {
      color: rgba(var(--gray-60),1);
    }
    > div {
      display: inline-block;
    }
    > div {
      .flag-icon {
        height: 60px;
      }
      .flag-icon {
        width: 60px;
      }
    }
    .icon-class {
      margin-left: 1.25rem;
      margin-right: 1.25rem;
    }
    .icon-class {
      margin-top: 0px;
      margin-bottom: 0px;
    }
    .icon-class {
      cursor: pointer;
    }
    .icon-last {
      .form-inline {
        .form-group {
          display: initial;
        }
      }
    }
  }
  .icon-title {
    display: block;
  }
  .icon-title {
    display: block;
  }
  .icon-title {
    font-weight: 500;
  }
  .icon-title {
    text-transform: uppercase;
  }
  .icon-title {
    color: rgba(var(--dark-color),1);
  }
  span,
    label,
    .btn {
    font-family: var(--font-roboto), var(--font-serif);
  }
  .form-group {
    input {
      display: inline-block;
    }
    input {
      width: 300px;
    }
    input {
      background-color: rgba(var(--white),1);
    }
    input {
      font-family: var(--font-roboto), var(--font-serif);
    }
  }
}

.fa-fa-icon-show-div,
  .icons-show-div {
  display: none;
}

.icon-first {
  i {
    color: rgba(var(--dark-gray),1);
  }
  h6 {
    display: none;
  }
}

.flag-icons {
  div {
    margin-left: 0 !important;
  }
}

.input-group-square {
  .input-group-text,
    .form-control {
    border-radius: 0px;
  }
}

.input-group-air {
  --tw-shadow: 0 3px 20px 0 rgba(var(--light-semi-gray),1);
  --tw-shadow-colored: 0 3px 20px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.icon-addon {
  position: relative;
  display: block;
  color: rgba(var(--color-scarpa),1);
}

.icon-addon::before {
  content: var(--tw-content);
  margin-bottom: 0 !important;
}

@media (max-width: 575px) {
   {
     {
       {
        > .icon-addon::before {
          width: 90%;
        }
      }
    }
     {
       {
         {
          > .icon-addon::before {
            width: 90%;
          }
        }
      }
    }
     {
       {
        > .icon-addon::before {
          width: 90%;
        }
      }
    }
     {
       {
         {
          > .icon-addon::before {
            width: 90%;
          }
        }
      }
    }
  }
}

.icon-addon::before {
  margin-bottom: 0px !important;
  width: 100%;
}

.icon-addon > :not(caption) > * > *::before {
  content: var(--tw-content);
  border-bottom-width: 1px !important;
}

.icon-addon thead th::before {
  content: var(--tw-content);
  border-bottom-width: 2px;
  border-style: solid;
  border-bottom-color: rgba(var(--light-gray),1);
}

.icon-addon.align-middle::before {
  content: var(--tw-content);
  white-space: pre-wrap !important;
}

.icon-addon::before {
  margin-bottom: 1.5rem;
  content: var(--tw-content)
}

.icon-addon[class*="bg-"]::before {
  content: var(--tw-content)
}

@media (max-width: 1199px) {
  .main-customer-table .recent-table .icon-addon tbody tr td:nth-child(2)::before {
    content: var(--tw-content);
    min-width: 135px;
  }
}

@media (max-width: 1800px) and (min-width: 1400px) {
}

@media (max-width: 767px) {
}

@media (max-width: 360px) {
}

@media (max-width: 1580px) and (min-width: 1200px) {
}

@media (max-width: 1366px) and (min-width: 1200px) {
}

@media (max-width: 640px) {
}

@media (max-width: 1199px) {
}

@media (max-width: 1660px) and (min-width: 1400px) {
}

.icon-addon::before {
  content: var(--tw-content)
}

@media (max-width: 1199px) {
}

@media (max-width: 1660px) {
}

.icon-addon::before {
  content: var(--tw-content)
}

@media (max-width: 1470px) {
}

@media (max-width: 1199px) {
}

@media (max-width: 767px) {
}

.icon-addon::after {
  content: var(--tw-content);
  margin-bottom: 0 !important;
}

@media (max-width: 575px) {
   {
     {
       {
        > .icon-addon::after {
          width: 90%;
        }
      }
    }
     {
       {
         {
          > .icon-addon::after {
            width: 90%;
          }
        }
      }
    }
     {
       {
        > .icon-addon::after {
          width: 90%;
        }
      }
    }
     {
       {
         {
          > .icon-addon::after {
            width: 90%;
          }
        }
      }
    }
  }
}

.icon-addon::after {
  margin-bottom: 0px !important;
  width: 100%;
}

.icon-addon > :not(caption) > * > *::after {
  content: var(--tw-content);
  border-bottom-width: 1px !important;
}

.icon-addon thead th::after {
  content: var(--tw-content);
  border-bottom-width: 2px;
  border-style: solid;
  border-bottom-color: rgba(var(--light-gray),1);
}

.icon-addon.align-middle::after {
  content: var(--tw-content);
  white-space: pre-wrap !important;
}

.icon-addon::after {
  margin-bottom: 1.5rem;
  content: var(--tw-content)
}

.icon-addon[class*="bg-"]::after {
  content: var(--tw-content)
}

@media (max-width: 1199px) {
  .main-customer-table .recent-table .icon-addon tbody tr td:nth-child(2)::after {
    content: var(--tw-content);
    min-width: 135px;
  }
}

@media (max-width: 1800px) and (min-width: 1400px) {
}

@media (max-width: 767px) {
}

@media (max-width: 360px) {
}

@media (max-width: 1580px) and (min-width: 1200px) {
}

@media (max-width: 1366px) and (min-width: 1200px) {
}

@media (max-width: 640px) {
}

@media (max-width: 1199px) {
}

@media (max-width: 1660px) and (min-width: 1400px) {
}

.icon-addon::after {
  content: var(--tw-content)
}

@media (max-width: 1199px) {
}

@media (max-width: 1660px) {
}

.icon-addon::after {
  content: var(--tw-content)
}

@media (max-width: 1470px) {
}

@media (max-width: 1199px) {
}

@media (max-width: 767px) {
}

.icon-addon::before {
  display: table;
  --tw-content: "";
  content: var(--tw-content);
}

.icon-addon::after {
  clear: both;
  display: table;
  --tw-content: "";
  content: var(--tw-content);
}

.icon-addon {
  .addon-md {
    .form-control {
      float: left;
    }
    .form-control {
      padding-left: 30px;
    }
    .form-control {
      font-family: normal;
    }
    .glyphicon {
      text-align: center;
    }
    .glyphicon {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
    @media (max-width: 767px) {
       {
        .glyphicon {
        }
      }
    }
    .glyphicon {
      position: absolute;
    }
    .glyphicon {
      left: 0.625rem;
    }
    .glyphicon {
      top: 1px;
    }
    .glyphicon {
      z-index: 2;
    }
    .glyphicon {
      margin-left: -2.5px;
    }
    .glyphicon {
      width: 1.25rem;
    }
    .glyphicon {
      padding-left: 0px;
      padding-right: 0px;
    }
    .glyphicon {
      padding-top: 0.625rem;
      padding-bottom: 0.625rem;
    }
    .glyphicon {
      text-align: center;
    }
    .glyphicon {
      font-size: 0.875rem;
      line-height: 1.25rem;
    }
    .fa {
      text-align: center;
    }
    .fa {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
    @media (max-width: 767px) {
       {
        .fa {
        }
      }
    }
    .fa {
      position: absolute;
    }
    .fa {
      left: 0.625rem;
    }
    .fa {
      top: 1px;
    }
    .fa {
      z-index: 2;
    }
    .fa {
      margin-left: -2.5px;
    }
    .fa {
      width: 1.25rem;
    }
    .fa {
      padding-left: 0px;
      padding-right: 0px;
    }
    .fa {
      padding-top: 0.625rem;
      padding-bottom: 0.625rem;
    }
    .fa {
      text-align: center;
    }
    .fa {
      font-size: 0.875rem;
      line-height: 1.25rem;
    }
  }
  .form-control {
    float: left;
  }
  .form-control {
    padding-left: 30px;
  }
  .form-control {
    font-family: normal;
  }
  .glyphicon,
    .fa {
    text-align: center;
  }
  .glyphicon,
    .fa {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  @media (max-width: 767px) {
     {
      .glyphicon,
    .fa {
      }
    }
  }
  .glyphicon,
    .fa {
    position: absolute;
  }
  .glyphicon,
    .fa {
    left: 0.625rem;
  }
  .glyphicon,
    .fa {
    top: 1px;
  }
  .glyphicon,
    .fa {
    z-index: 2;
  }
  .glyphicon,
    .fa {
    margin-left: -2.5px;
  }
  .glyphicon,
    .fa {
    width: 1.25rem;
  }
  .glyphicon,
    .fa {
    padding-left: 0px;
    padding-right: 0px;
  }
  .glyphicon,
    .fa {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }
  .glyphicon,
    .fa {
    text-align: center;
  }
  .glyphicon,
    .fa {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

.input-group-wrapper {
  .input-group {
    margin-bottom: 24px !important;
  }
  .input-group {
    margin-bottom: 1rem;
  }
  .input-group:last-child {
    margin-bottom: 0 !important;
  }
  .input-group:last-child {
    margin-bottom: 0px;
  }
  .input-group {
    .form-control {
      font-size: 1rem;
      line-height: 1.5rem;
    }
    .form-control:focus {
      border-color: rgba(var(--recent-border),1);
    }
    .form-control:focus {
      --tw-shadow-color: unset;
      --tw-shadow: var(--tw-shadow-colored);
    }
  }
}

.main-custom-form {
  label {
    margin-bottom: 0 !important;
  }
  label {
    margin-bottom: 0px !important;
  }
  .form-select {
    &:focus {
      border-color: rgba(var(--recent-border),1);
    }
    &:focus {
      --tw-shadow-color: unset;
      --tw-shadow: var(--tw-shadow-colored);
    }
  }
  .dropdown-menu {
    z-index: 3;
  }
  .input-group {
    > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
      border-top-left-radius: 0px !important;
    }
    > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
      border-bottom-left-radius: 0px !important;
    }
  }
  .form-select,
    .form-control {
    font-size: calc(14px + (15 - 14) * ((100vw - 320px) / (1920 - 320)));
  }
  .input-group-text {
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
  }
}

.main-segment-btn {
  .dropdown-toggle {
    &::after {
      margin-left: 0px;
    }
    &::after {
      border-left-width: 6px;
      border-right-width: 6px;
    }
    &::after {
      border-top-width: 6px;
    }
    &::after {
      border-style: solid;
    }
    &::after {
      border-left-color: transparent;
      border-right-color: transparent;
    }
    &::after {
      --tw-content: "";
      content: var(--tw-content);
    }
  }
  .dropdown-menu {
    z-index: 3;
  }
}

#exampleDataList {
  &::-webkit-calendar-picker-indicator {
    &:hover,
      &:focus {
      display: none;
    }
  }
}

.form-control-color {
  height: 30px;
  max-width: 70rem;
}

.select2-container--default {
  .select2-selection--single {
    border-width: 1px;
  }
  .select2-selection--single {
    border-style: dashed;
  }
  .select2-selection--single {
    border-color: rgba(var(--gray-60),1);
  }
  .select2-results__option--highlighted {
    background-color: rgba(var(--theme-default),1) !important;
  }
}

.theme-form {
  select {
    &.form-select {
      option {
        border-radius: 100px;
      }
      option {
        padding-left: 0.625rem;
        padding-right: 0.625rem;
      }
      option {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
      }
    }
  }
}

.input-radius {
  .form-control {
    &:focus {
      border-color: rgba(var(--recent-border),1);
    }
    &:focus {
      --tw-shadow-color: unset;
      --tw-shadow: var(--tw-shadow-colored);
    }
  }
  .input-group {
    > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
      border-top-left-radius: 0px;
    }
    > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
      border-bottom-left-radius: 0px;
    }
  }
}

.form-floating {
  > .form-control:not(:-moz-placeholder) {
    padding-top: 1.625rem;
  }
  > .form-control:not(:placeholder-shown) {
    padding-top: 1.625rem;
  }
  > .form-control:not(:-moz-placeholder) {
    padding-bottom: 0.625rem;
  }
  > .form-control:not(:placeholder-shown) {
    padding-bottom: 0.625rem;
  }
}

.form-control {
  &:disabled {
    --tw-bg-opacity: 1;
    background-color: rgb(233 236 239 / var(--tw-bg-opacity, 1));
  }
  &:disabled {
    opacity: 0.8;
  }
}

.floating-wrapper {
  .form-floating {
    position: relative;
  }
  .form-floating {
    .form-control {
      height: 54px;
    }
    .form-control {
      &:focus {
        ~ label {
          top: 22%;
        }
        ~ label {
          font-size: 0.75rem;
          line-height: 1rem;
        }
      }
    }
    label {
      position: absolute;
    }
    label {
      left: 0.75rem;
    }
    label {
      top: 50%;
    }
    label {
      --tw-translate-y: -50%;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    label {
      transition-property: all;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }
    label {
      transition-duration: 0.2s;
    }
    label {
      transition-timing-function: ease-in-out;
    }
  }
}

.autosize-textarea {
  .textarea {
    display: block;
  }
  @media (max-width: 575px) {
     {
       {
         {
          > .textarea {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > .textarea {
              width: 90%;
            }
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          > .textarea {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > .textarea {
              width: 90%;
            }
          }
        }
      }
    }
  }
  .textarea {
    display: block;
  }
  .textarea {
    min-height: 40px;
  }
  .textarea {
    width: 100%;
  }
  .textarea {
    resize: both;
  }
  .textarea {
    overflow: hidden;
  }
  .textarea {
    border-width: 1px;
  }
  .textarea {
    border-style: solid;
  }
  .textarea {
    border-color: rgba(var(--gray-60),1);
  }
  .textarea {
    padding: 0.375rem;
  }
  .textarea {
    line-height: 1.8;
  }
  .textarea {
    color: rgba(var(--badge-light-color),0.8);
  }
  .textarea {
    .textarea[contenteditable]:empty::before {
      color: rgba(var(--badge-light-color),0.8);
    }
    .textarea[contenteditable]:empty::before {
      --tw-content: "Enter your message...";
      content: var(--tw-content);
    }
  }
}

.dynamic-form-field {
  .input-group-btn {
    span.table {
      white-space: pre-wrap !important;
    }
    span {
      margin-left: 0.375rem;
    }
    span {
      vertical-align: middle;
    }
    span {
      font-size: 0.75rem;
      line-height: 1rem;
    }
  }
}

.multiple-selects {
  option {
    padding: 0.5rem;
  }
  option {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

.main-input-group {
  .dropdown {
    position: relative;
  }
  .input-group {
    flex-wrap: nowrap;
  }
  .input-group {
    .dropdown-menu {
      width: auto;
    }
    .dropdown-menu {
      &.show {
        left: 0;
      }
      &.show {
        right: unset !important;
      }
      &.dropdown-menu-end {
        right: 0 !important;
      }
      &.dropdown-menu-end {
        left: unset;
      }
    }
  }
  .input-group-wrapper {
    .input-group {
      button {
        white-space: nowrap;
      }
      .btn {
        &.show {
          border-color: rgba(var(--theme-default),1);
        }
        &.show {
          background-color: rgba(var(--theme-default),1);
        }
      }
    }
  }
}

.mega-option-box {
  .form-check-label {
    padding-left: 30px !important;
  }
  .radio {
    label {
      &::before {
        margin-left: 0px;
      }
      &::after {
        margin-left: 0px;
      }
    }
  }
  .checkbox {
    label {
      &::before {
        margin-left: 0px;
      }
    }
  }
  .mega-inline {
    display: unset;
  }
}

.datepicker {
  z-index: 99;
}

.datepicker--day-name {
  font-family: bold;
  color: rgba(var(--theme-default),1);
}

.datepicker--cell {
  &.-current- {
    border-width: 2px !important;
  }
  &.-current- {
    border-radius: 5px;
  }
  &.-current- {
    border-width: 2px;
  }
  &.-current- {
    border-style: solid;
  }
  &.-current- {
    border-color: rgba(var(--theme-default),1);
  }
  &.-current- {
    font-family: bold;
  }
  &.-current- {
    color: rgba(var(--black),1);
  }
  .-focus- {
    background-color: rgba(var(--theme-default),1);
  }
  .-focus- {
    color: rgba(var(--white),1);
  }
  &.-selected- {
    background-color: rgba(var(--theme-default),1);
  }
  &-day {
    width: 14.2857142857%;
  }
}

.datepickers-container,
  .bootstrap-datetimepicker-widget {
  z-index: 7;
}

.datetime-picker {
  .bootstrap-datetimepicker-widget {
    &.dropdown-menu {
      width: auto;
    }
  }
  .input-group-text {
    i {
      line-height: 1.3;
    }
  }
}

.bootstrap-calendar {
  .form-control {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .form-control {
    color: rgba(var(--dark-gray),1);
  }
}

.clockpicker-popover {
  z-index: 7;
  border-color: none;
  --tw-shadow-color: rgba(var(--card-box-shadow),1);
  --tw-shadow: var(--tw-shadow-colored);
  .popover-content {
    background-color: rgba(var(--theme-default),0.05);
  }
}

.clockpicker-canvas-bg {
  fill: rgba(var(--theme-default),38%);
}

.clockpicker-tick {
  &:hover {
    background-color: rgba(var(--theme-default),38%);
  }
  &:hover {
    color: inherit;
  }
}

.calendar-basic {
  .md-sidebar-aside {
    background-color: rgba(var(--white),1);
  }
  .md-sidebar-aside {
    --tw-shadow: 0px 9px 20px rgba(46,35,94,0.08);
    --tw-shadow-colored: 0px 9px 20px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  .fc-event {
    i {
      font-size: 0.875rem;
      line-height: 1.25rem;
    }
  }
  #external-events {
    border-width: 1px;
  }
  #external-events {
    border-style: solid;
  }
  #external-events {
    border-color: rgba(var(--light-background),1);
  }
  #external-events {
    padding: 1.25rem;
  }
  #external-events {
    h6 {
      margin-bottom: 0.875rem;
    }
    p {
      margin-top: 0.75rem;
    }
    .fc-h-event {
      padding: 1rem !important;
    }
    .fc-h-event {
      cursor: pointer;
    }
    .fc-h-event {
      border-width: 1px;
    }
    .fc-h-event {
      border-style: solid;
    }
    .fc-h-event {
      border-color: rgba(var(--theme-secondary),0.1);
    }
    .fc-h-event {
      background-color: rgba(var(--theme-secondary),0.1);
    }
    .fc-h-event {
      padding: 0.75rem;
    }
    .fc-h-event {
      .fc-event-main {
        display: block;
      }
      .fc-event-main {
        margin-left: auto;
        margin-right: auto;
      }
      .fc-event-main {
        margin-top: 0px;
        margin-bottom: 0px;
      }
      .fc-event-main {
        display: block;
      }
      .fc-event-main {
        max-width: 100%;
      }
      .fc-event-main {
        overflow: hidden;
      }
      .fc-event-main {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
      }
      .fc-event-main {
        overflow: hidden;
      }
      .fc-event-main {
        text-overflow: ellipsis;
      }
      .fc-event-main {
        white-space: nowrap;
      }
      .fc-event-main {
        font-size: 0.875rem;
        line-height: 1.25rem;
      }
      .fc-event-main {
        color: rgba(var(--body-font-color),1);
      }
      + .fc-h-event {
        margin-top: 0.625rem;
      }
    }
  }
  .create-event {
    .form-control {
      font-size: 0.875rem;
      line-height: 1.25rem;
    }
    .form-control {
      color: rgba(var(--badge-light-color),0.8);
    }
  }
  .calendar-default {
    .fc-event-main-frame {
      padding-left: 0.375rem;
      padding-right: 0.375rem;
    }
    .fc-event-main-frame {
      padding-top: 0.125rem;
      padding-bottom: 0.125rem;
    }
    .fc-event-main-frame {
      font-size: 13px;
    }
    .fc-event-main-frame {
      color: rgba(var(--body-font-color),1);
    }
    .fc {
      .fc-highlight {
        background-color: rgba(var(--dark-color).0.2);
      }
    }
    .fc-daygrid-dot-event {
      font-size: 13px;
    }
    .fc-daygrid-dot-event {
      .fc-event-time {
        color: rgba(var(--body-font-color),1);
      }
      .fc-event-title {
        display: block;
      }
      .fc-event-title {
        margin-left: auto;
        margin-right: auto;
      }
      .fc-event-title {
        margin-top: 0px;
        margin-bottom: 0px;
      }
      .fc-event-title {
        display: block;
      }
      .fc-event-title {
        max-width: 100%;
      }
      .fc-event-title {
        overflow: hidden;
      }
      .fc-event-title {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
      }
      .fc-event-title {
        text-overflow: ellipsis;
      }
      .fc-event-title {
        font-weight: 400;
      }
      .fc-event-title {
        color: rgba(var(--body-font-color),1);
      }
    }
    .fc {
      td[role="presentation"] {
        border-width: 0 !important;
      }
      td[role="presentation"] {
        border-width: 0px;
      }
      .fc-daygrid-day-number,
        .fc-col-header-cell-cushion {
        font-weight: 500;
      }
      .fc-daygrid-day-number,
        .fc-col-header-cell-cushion {
        color: rgba(var(--theme-body-font-color),1);
      }
      .fc-button {
        &:focus {
          --tw-shadow-color: unset;
          --tw-shadow: var(--tw-shadow-colored);
        }
        .fc-icon {
          height: 23px;
        }
      }
    }
    .fc-h-event {
      border-width: 1px;
    }
    .fc-h-event {
      border-style: solid;
    }
    .fc-h-event {
      border-color: rgba(var(--theme-secondary),0.1);
    }
    .fc-h-event {
      background-color: rgba(var(--theme-secondary),0.1);
    }
    .fc-h-event {
      padding: 0.125rem;
    }
    .fc-h-event {
      .fc-event-title {
        color: rgba(var(--body-font-color),1);
      }
      .fc-event-time {
        font-weight: 400;
      }
      .fc-event-time {
        color: rgba(var(--body-font-color),1);
      }
    }
    .fc-toolbar-chunk {
      .fc-button-group {
        button {
          text-transform: capitalize;
        }
        ~ .fc-today-button {
          margin-left: 0.5rem;
          margin-right: 0.5rem;
        }
        ~ .fc-today-button {
          margin-top: 0px;
          margin-bottom: 0px;
        }
        ~ .fc-today-button {
          text-transform: capitalize;
        }
      }
    }
  }
  p {
    label {
      cursor: pointer;
    }
  }
  .calendar-default {
    .fc {
      .fc-button {
        &:focus {
          box-shadow: unset !important;
        }
      }
    }
  }
}

.fc-event-dragging {
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--theme-secondary),1);
  background-color: rgba(var(--theme-secondary),0.1);
  padding: 0.625rem;
  .fc-event-main {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .fc-event-main {
    color: rgba(var(--body-font-color),1);
  }
}

.fc-v-event {
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--theme-secondary),1);
  background-color: rgba(var(--theme-secondary),0.1);
}

.fc-timegrid-event-harness-inset {
  .fc-timegrid-event {
    box-shadow: unset;
  }
}

.fc {
  .fc-toolbar {
    flex-wrap: wrap;
  }
  .fc-toolbar {
    gap: 0.625rem;
  }
  .fc-button-primary {
    &:focus {
      --tw-shadow: 0 0 0 0.2rem rgba(var(--theme-default),0.5);
      --tw-shadow-colored: 0 0 0 0.2rem var(--tw-shadow-color);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
  }
}

.main-inline-calender {
  &.input-group {
    flex-direction: column;
  }
  &.input-group {
    @media (max-width: 575px) {
       {
         {
           {
            > .form-control {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > .form-control {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > .form-control {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > .form-control {
                width: 90%;
              }
            }
          }
        }
      }
    }
    .form-control {
      width: 100%;
    }
    .form-control {
      border-radius: 0.375rem !important;
    }
    .form-control:focus {
      border-color: rgba(var(--recent-border),1);
    }
    .form-control:focus {
      --tw-shadow-color: unset;
      --tw-shadow: var(--tw-shadow-colored);
    }
    .flatpickr-calendar {
      @media (max-width: 575px) {
         {
           {
             {
              > &.inline {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > &.inline {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              > &.inline {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > &.inline {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      &.inline {
        width: 100%;
      }
      &.inline {
        border-radius: 0.375rem;
      }
    }
    .flatpickr-innerContainer {
      display: block;
    }
    .flatpickr-innerContainer {
      display: block;
    }
    .flatpickr-rContainer {
      display: block;
    }
    .flatpickr-rContainer {
      display: block;
    }
    .flatpickr-rContainer {
      @media (max-width: 575px) {
         {
           {
             {
              > .flatpickr-weekdays {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > .flatpickr-weekdays {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              > .flatpickr-weekdays {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > .flatpickr-weekdays {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      .flatpickr-weekdays {
        width: 100%;
      }
      @media (max-width: 575px) {
         {
           {
             {
              > .flatpickr-days {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > .flatpickr-days {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              > .flatpickr-days {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > .flatpickr-days {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      .flatpickr-days {
        width: 100%;
      }
      .flatpickr-days {
        @media (max-width: 575px) {
           {
             {
               {
                > .dayContainer {
                  width: 90%;
                }
              }
            }
          }

           {
             {
               {
                 {
                  > .dayContainer {
                    width: 90%;
                  }
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                > .dayContainer {
                  width: 90%;
                }
              }
            }
          }

           {
             {
               {
                 {
                  > .dayContainer {
                    width: 90%;
                  }
                }
              }
            }
          }
        }
        .dayContainer {
          width: 100%;
        }
        .dayContainer {
          min-width: unset;
        }
        .dayContainer {
          max-width: none;
        }
        .dayContainer {
          @media (max-width: 575px) {
             {
               {
                 {
                  > .flatpickr-day {
                    width: 90%;
                  }
                }
              }
            }

             {
               {
                 {
                   {
                    > .flatpickr-day {
                      width: 90%;
                    }
                  }
                }
              }
            }
          }
          @media (max-width: 575px) {
             {
               {
                 {
                  > .flatpickr-day {
                    width: 90%;
                  }
                }
              }
            }

             {
               {
                 {
                   {
                    > .flatpickr-day {
                      width: 90%;
                    }
                  }
                }
              }
            }
          }
          .flatpickr-day {
            width: 100%;
          }
          .flatpickr-day {
            max-width: unset;
          }
          .flatpickr-day {
            border-radius: 5px;
          }
          .flatpickr-day:hover {
            color: rgba(var(--white),1) !important;
          }
          .flatpickr-day {
            &.prevMonthDay,
              &.nextMonthDay {
              color: rgba(var(--badge-light-color),0.6);
            }
            &:hover {
              background-color: rgba(var(--theme-default),1) !important;
            }
            &:hover {
              border-color: transparent;
            }
          }
        }
      }
    }
  }
}

.flatpickr-day {
  &.selected,
    .endRange {
    border-color: rgba(var(--theme-default),1);
  }
  &.selected,
    .endRange {
    background-color: rgba(var(--theme-default),1);
  }
  &.selected,
    .endRange {
    &:hover {
      border-color: rgba(var(--theme-default),1);
    }
    &:hover {
      background-color: rgba(var(--theme-default),1);
    }
  }
}

.main-flatpickr {
  .form-control {
    &:-moz-read-only {
      background-color: unset;
    }
    &:read-only {
      background-color: unset;
    }
  }
}

.flatpickr-months {
  font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320)));
  .flatpickr-prev-month,
    .flatpickr-next-month {
    z-index: 1;
  }
}

.flatpickr-calendar {
  .flatpickr-days {
    width: unset;
  }
  .flatpickr-days {
    .dayContainer {
      width: unset;
    }
    .dayContainer {
      min-width: unset;
    }
    .dayContainer {
      max-width: unset;
    }
    .dayContainer {
      .flatpickr-day {
        &.endRange {
          border-color: rgba(var(--theme-default),1);
        }
        &.endRange {
          background-color: rgba(var(--theme-default),1);
        }
      }
    }
  }
}

.timepicker-wrapper {
  .timepicker-wrapper-box {
    margin-bottom: 24px !important;
  }
  .timepicker-wrapper-box {
    margin-bottom: 1rem;
  }
  .timepicker-wrapper-box:last-child {
    margin-bottom: 0 !important;
  }
  .timepicker-wrapper-box:last-child {
    margin-bottom: 0px;
  }
  .timepicker-wrapper-box {
    .input-group {
      .form-control {
        font-size: 0.875rem;
        line-height: 1.25rem;
      }
      .form-control {
        color: rgba(var(--dark-gray),1);
      }
      .form-control {
        &.input {
          border-top-left-radius: 5px;
        }
        &.input {
          border-bottom-left-radius: 5px;
        }
      }
    }
  }
}

.taiwind-touchspin {
  input {
    &.touchspin {
      padding-top: 0 !important;
      padding-bottom: 0 !important;
    }
    &.touchspin {
      padding-left: 0.75rem;
      padding-right: 0.75rem;
    }
    &.touchspin {
      padding-top: 0px;
      padding-bottom: 0px;
    }
  }
  .input-group {
    .btn {
      border-radius: 0px;
    }
    .btn {
      padding-left: 1.75rem;
      padding-right: 1.75rem;
    }
    .btn {
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
    }
  }
  .touchspin-vertical-tab {
    .input-group {
      .input-group-btn-vertical.table {
        white-space: pre-wrap !important;
      }
      .input-group-btn-vertical {
        position: relative;
      }
      .input-group-btn-vertical {
        display: table-cell;
      }
      .input-group-btn-vertical {
        width: 1%;
      }
      .input-group-btn-vertical {
        white-space: nowrap;
      }
      .input-group-btn-vertical {
        vertical-align: middle;
      }
      .input-group-btn-vertical {
        .taiwind-touchspin-down {
          margin-top: -0.125rem;
        }
        i {
          position: absolute;
        }
        i {
          left: 7px;
        }
        i {
          top: 0.25rem;
        }
        i {
          font-family: normal;
        }
        i {
          font-size: 10px;
        }
        > .btn {
          display: block;
        }
        @media (max-width: 575px) {
           {
             {
               {
                > > .btn {
                  width: 90%;
                }
              }
            }
          }

           {
             {
               {
                 {
                  > > .btn {
                    width: 90%;
                  }
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                > > .btn {
                  width: 90%;
                }
              }
            }
          }

           {
             {
               {
                 {
                  > > .btn {
                    width: 90%;
                  }
                }
              }
            }
          }
        }
        > .btn {
          position: relative;
        }
        > .btn {
          float: none;
        }
        > .btn {
          margin-left: -1px;
        }
        > .btn {
          display: block;
        }
        > .btn {
          width: 100%;
        }
        > .btn {
          max-width: 100%;
        }
        > .btn {
          padding: 9px;
        }
      }
    }
  }
  .input-group {
    font-family: var(--font-rubik), var(--font-serif);
  }
  .dropdown-basic {
    .dropdown {
      .dropbtn {
        padding-left: 30px;
        padding-right: 30px;
      }
      .dropbtn {
        padding-top: 9px;
        padding-bottom: 9px;
      }
      .dropdown-content {
        z-index: 9999;
      }
    }
  }
}

@media (min-width: 1200px) {
   {
     {
       {
        .touchspin-wrapper {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .touchspin-wrapper {
        }
      }
    }
  }
}

.touchspin-wrapper {
  display: flex;
  gap: 0.25rem;
  .btn-touchspin {
    height: 32px;
  }
  .btn-touchspin {
    width: 32px;
  }
  .btn-touchspin {
    border-radius: 5px;
  }
  .btn-touchspin {
    i.table {
      white-space: pre-wrap !important;
    }
    i {
      vertical-align: middle;
    }
  }
  input[type="number"] {
    text-align: center;
  }
  @media (max-width: 767px) {
     {
      input[type="number"] {
      }
    }
  }
  input[type="number"] {
    height: 30px;
  }
  input[type="number"] {
    width: 85px;
  }
  input[type="number"] {
    padding: 3px;
  }
  input[type="number"] {
    text-align: center;
  }
}

.hover-touchspin {
  .btn-touchspin {
    &.spin-border-dark {
      &:hover {
        background-color: rgba(var(--dark-color),1);
      }
      &:hover {
        color: rgba(var(--white),1);
      }
    }
  }
}

.pre-post-touchspin {
  .decrement-touchspin,
    .increment-touchspin,
    .input-group-text {
    border-width: 0 !important;
  }
  .decrement-touchspin,
    .increment-touchspin,
    .input-group-text {
    border-width: 0px;
  }
  .decrement-touchspin,
    .increment-touchspin,
    .input-group-text {
    padding-left: 0.875rem;
    padding-right: 0.875rem;
  }
  .decrement-touchspin,
    .increment-touchspin,
    .input-group-text {
    padding-top: 7px;
    padding-bottom: 7px;
  }
  .input-group-text {
    background-color: rgba(var(--light-bg),1);
  }
  .input-touchspin {
    border-width: 2px !important;
  }
  .input-touchspin {
    text-align: center;
  }
  @media (max-width: 767px) {
     {
      .input-touchspin {
      }
    }
  }
  .input-touchspin {
    border-width: 1px;
  }
  .input-touchspin {
    border-width: 2px;
  }
  .input-touchspin {
    border-style: solid;
  }
  .input-touchspin {
    border-color: rgba(var(--course-light-btn),1);
  }
  .input-touchspin {
    text-align: center;
  }
  .input-group {
    width: auto;
  }
  &.bg-touchspin {
    button[type="button"] {
      text-align: center;
    }
    @media (max-width: 767px) {
       {
        button[type="button"] {
        }
      }
    }
    button[type="button"] {
      border-width: 1px;
    }
    button[type="button"] {
      border-width: 1px;
    }
    button[type="button"] {
      border-style: solid;
    }
    button[type="button"] {
      border-color: var(--course-light-btn);
    }
    button[type="button"] {
      padding-left: 0.375rem;
      padding-right: 0.375rem;
    }
    button[type="button"] {
      padding-top: 1px;
      padding-bottom: 1px;
    }
    button[type="button"] {
      text-align: center;
    }
  }
  .input-group
      > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(
        .valid-feedback
      ):not(.invalid-tooltip):not(.invalid-feedback) {
    border-top-left-radius: 0px;
  }
  .input-group
      > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(
        .valid-feedback
      ):not(.invalid-tooltip):not(.invalid-feedback) {
    border-bottom-left-radius: 0px;
  }
}

.rounded-touchspin {
  .btn-touchspin {
    border-radius: 50%;
  }
  .touchspin-wrapper {
    input[type="number"] {
      &.input-touchspin {
        border-radius: 15px;
      }
    }
  }
}

input::-webkit-outer-spin-button,
  input::-webkit-inner-spin-button {
  margin: 0px;
  -webkit-appearance: none;
}

input[type="number"] {
  -moz-appearance: textfield;
}

.switch {
  position: relative;
  display: inline-block;
  height: 34px;
  width: 60px;
  input {
    display: none;
  }
  input {
    &:checked + .switch-state {
      background-color: rgba(var(--theme-default),1);
    }
    &:checked + .switch-state::before {
      content: var(--tw-content) !important;
      --tw-translate-x: 26px !important;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
    }
    &:checked + .switch-state {
      &::before {
        --tw-translate-x: 2rem;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      }
    }
    &:checked + .switch-state {
      &.large-switch {
        &::before {
          transform: translateX(32px);
        }
      }
    }
    &:focus + .switch-state {
      --tw-shadow: 0 0 1px var(--theme-default);
      --tw-shadow-colored: 0 0 1px var(--tw-shadow-color);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
  }
}

.switch-state {
  position: absolute;
  inset: 0px;
  cursor: pointer;
  border-radius: 20px;
  background-color: rgba(var(--light-color),1);
  transition: 0.4s;
  &:before {
    position: absolute;
  }
  &:before {
    left: 0.25rem;
  }
  &:before {
    bottom: 0.25rem;
  }
  &:before {
    height: 26px;
  }
  &:before {
    width: 26px;
  }
  &:before {
    border-radius: 20px;
  }
  &:before {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
  &:before {
    transition-property: 0.4s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  &:before {
    --tw-content: "";
    content: var(--tw-content);
  }
}

.icon-state {
  .switch-state {
    &:after {
      position: absolute;
    }
    &:after {
      left: 0.625rem;
    }
    &:after {
      top: 0.625rem;
    }
    &:after {
      color: rgba(var(--dark-color),1);
    }
    &:after {
      opacity: 0.3;
    }
    &:after {
      transition-property: 0.4s;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }
    &:after {
      --tw-content: "\efb8";
      content: var(--tw-content);
    }
    &:after {
      font-family: var(--font-ICO);
    }
  }
  input {
    &:checked + .switch-state {
      &:after {
        left: 2.25rem;
      }
      &:after {
        opacity: 1;
      }
      &:after {
        transition-property: 0.4s;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
      }
      &:after {
        --tw-content: "\efad";
        content: var(--tw-content);
      }
    }
  }
}

.switch-lg {
  .switch {
    margin: 0px !important;
  }
  .switch {
    padding: 0 !important;
  }
  .switch {
    margin: 0px;
  }
  .switch {
    height: 40px;
  }
  .switch {
    width: 75px;
  }
  .switch {
    padding: 0px;
  }
  .switch {
    .switch-state {
      &:before {
        top: 5px;
        bottom: 5px;
      }
      &:before {
        left: 7px;
      }
      &:before {
        height: 30px;
      }
      &:before {
        width: 30px;
      }
      &.large-switch {
        &::before {
          top: 5px;
        }
      }
    }
  }
}

.switch-lg.icon-state {
  .switch {
    .switch-state {
      &:after {
        left: 0.75rem;
      }
      &:after {
        top: 5px;
      }
      &:after {
        font-size: 1.125rem;
        line-height: 1.75rem;
      }
    }
    input {
      &:checked + .switch-state {
        &:after {
          left: 47px !important;
        }
        &:after {
          top: 5px !important;
        }
        &:before {
          transform: translateX(32px) !important;
        }
      }
    }
  }
}

.switch-sm {
  &.icon-state {
    .switch {
      .switch-state {
        &:after {
          left: 0.25rem;
        }
        &:after {
          top: 0.25rem;
        }
        &:after {
          font-size: 8px;
        }
      }
      input {
        &:checked + .switch-state {
          &:after {
            left: 13px;
          }
          &:after {
            top: 0.25rem;
          }
        }
      }
    }
  }
  .switch {
    margin-bottom: 0 !important;
  }
  .switch {
    margin-top: 0.625rem;
  }
  .switch {
    margin-bottom: 0px;
  }
  .switch {
    height: 16px;
  }
  .switch {
    width: 25px;
  }
  .switch {
    .switch-state {
      &:before {
        left: 0.25rem;
      }
      &:before {
        bottom: 0.25rem;
      }
      &:before {
        height: 8px;
      }
      &:before {
        width: 8px;
      }
    }
  }
  input {
    &:checked + .switch-state {
      &:before {
        left: -13px;
      }
    }
  }
}

.switch-outline {
  .switch-state {
    border-width: 1px;
  }
  .switch-state {
    border-style: solid;
  }
  .switch-state {
    border-color: rgba(var(--theme-default),1);
  }
  .switch-state {
    background-color: rgba(var(--white),1);
  }
  .switch-state {
    transition-property: 0.4s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  .switch-state::before {
    content: var(--tw-content);
    bottom: 3px;
  }
  .switch-state::before {
    content: var(--tw-content);
    background-color: rgba(var(--light-color),1);
  }
  .switch-state::before {
    content: var(--tw-content);
    color: rgba(var(--white),1);
  }
  .switch {
    input {
      display: none;
    }
    input {
      &:checked + .switch-state {
        border-width: 1px;
      }
      &:checked + .switch-state {
        border-style: solid;
      }
      &:checked + .switch-state {
        border-color: rgba(var(--theme-default),1);
      }
      &:checked + .switch-state {
        background-color: rgba(var(--transparent-color),1);
      }
      &:checked + .switch-state::before {
        content: var(--tw-content);
        bottom: 3px;
      }
      &:checked + .switch-state::before {
        content: var(--tw-content);
        --tw-translate-x: 26px;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      }
      &:checked + .switch-state::before {
        content: var(--tw-content);
        background-color: rgba(var(--theme-default),1);
      }
      &:checked + .switch-state::after {
        content: var(--tw-content);
        color: rgba(var(--white),1);
      }
      &:checked + .switch-state {
        &.bg-primary {
          border-width: 1px;
        }
        &.bg-primary {
          border-width: 1px;
        }
        &.bg-primary {
          border-style: solid;
        }
        &.bg-primary {
          border-style: solid;
        }
        &.bg-primary {
          border-color: rgba(var(--theme-default),1);
        }
        &.bg-primary {
          border-color: rgba(var(--theme-default),1);
        }
        &.bg-primary {
          background-color: (var(--transparent-color),1) !important;
        }
        &.bg-primary {
          background-color: rgba(var(--transparent-color),1);
        }
        &.bg-primary::before {
          content: var(--tw-content);
          background-color: rgba(var(--theme-default),1);
        }
        &.bg-primary::before {
          content: var(--tw-content);
          background-color: rgba(var(--theme-default),1);
        }
        &.bg-dark {
          border-width: 1px;
        }
        &.bg-dark {
          border-style: solid;
        }
        &.bg-dark {
          border-color: rgba(var(--dark-color),1);
        }
        &.bg-dark {
          background-color: (var(--transparent-color),1) !important;
        }
        &.bg-dark::before {
          content: var(--tw-content);
          background-color: rgba(var(--dark-color),1);
        }
        &.bg-warning {
          border-width: 1px;
        }
        &.bg-warning {
          border-style: solid;
        }
        &.bg-warning {
          border-color: rgba(var(--warning-color),1);
        }
        &.bg-warning {
          background-color: (var(--transparent-color),1) !important;
        }
        &.bg-warning::before {
          content: var(--tw-content);
          background-color: rgba(var(--warning-color),1);
        }
        &.bg-success {
          border-width: 1px;
        }
        &.bg-success {
          border-style: solid;
        }
        &.bg-success {
          border-color: rgba(var(--success-color),1);
        }
        &.bg-success {
          background-color: (var(--transparent-color),1) !important;
        }
        &.bg-success::before {
          content: var(--tw-content);
          background-color: rgba(var(--success-color),1);
        }
        &.bg-info {
          border-width: 1px;
        }
        &.bg-info {
          border-style: solid;
        }
        &.bg-info {
          border-color: rgba(var(--info-color),1);
        }
        &.bg-info {
          background-color: (var(--transparent-color),1) !important;
        }
        &.bg-info::before {
          content: var(--tw-content);
          background-color: rgba(var(--info-color),1);
        }
        &.bg-danger {
          border-width: 1px;
        }
        &.bg-danger {
          border-style: solid;
        }
        &.bg-danger {
          border-color: rgba(var(--danger-color),1);
        }
        &.bg-danger {
          background-color: (var(--transparent-color),1) !important;
        }
        &.bg-danger::before {
          content: var(--tw-content);
          background-color: rgba(var(--danger-color),1);
        }
        &.bg-secondary {
          border-width: 1px;
        }
        &.bg-secondary {
          border-style: solid;
        }
        &.bg-secondary {
          border-color: rgba(var(--theme-secondary),1);
        }
        &.bg-secondary {
          background-color: (var(--transparent-color),1) !important;
        }
        &.bg-secondary::before {
          content: var(--tw-content);
          background-color: rgba(var(--theme-secondary),1);
        }
      }
    }
  }
  .switch-state {
    &.bg-primary {
      border-width: 1px;
    }
    &.bg-primary {
      border-style: solid;
    }
    &.bg-primary {
      border-color: rgba(var(--theme-default),1);
    }
    &.bg-primary {
      background-color: (var(--transparent-color),1) !important;
    }
    &.bg-secondary {
      border-width: 1px;
    }
    &.bg-secondary {
      border-style: solid;
    }
    &.bg-secondary {
      border-color: rgba(var(--theme-secondary),1);
    }
    &.bg-secondary {
      background-color: (var(--transparent-color),1) !important;
    }
    &.bg-warning {
      border-width: 1px;
    }
    &.bg-warning {
      border-style: solid;
    }
    &.bg-warning {
      border-color: rgba(var(--warning-color),1);
    }
    &.bg-warning {
      background-color: (var(--transparent-color),1) !important;
    }
    &.bg-success {
      border-width: 1px;
    }
    &.bg-success {
      border-style: solid;
    }
    &.bg-success {
      border-color: rgba(var(--success-color),1);
    }
    &.bg-success {
      background-color: (var(--transparent-color),1) !important;
    }
    &.bg-info {
      border-width: 1px;
    }
    &.bg-info {
      border-style: solid;
    }
    &.bg-info {
      border-color: rgba(var(--info-color),1);
    }
    &.bg-info {
      background-color: (var(--transparent-color),1) !important;
    }
    &.bg-danger {
      border-width: 1px;
    }
    &.bg-danger {
      border-style: solid;
    }
    &.bg-danger {
      border-color: rgba(var(--danger-color),1);
    }
    &.bg-danger {
      background-color: (var(--transparent-color),1) !important;
    }
    &.bg-dark {
      border-width: 1px;
    }
    &.bg-dark {
      border-style: solid;
    }
    &.bg-dark {
      border-color: rgba(var(--dark-color),1);
    }
    &.bg-dark {
      background-color: (var(--transparent-color),1) !important;
    }
  }
}

.switch-showcase {
  margin-bottom: -0.5rem;
  .flex {
    line-height: 1;
  }
  .form-check {
    .form-check-input {
      float: right;
    }
  }
}

.form-switch {
  .form-check-input {
    &:checked {
      border-color: rgba(var(--theme-default),1);
    }
    &:checked {
      background-color: rgba(var(--theme-default),1);
    }
  }
}

.tg-list {
  text-align: center;
}

@media (min-width: 1200px) {
   {
     {
       {
        .tg-list {
        }
      }
    }
  }
}

@media (max-width: 767px) {
   {
    .tg-list {
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .tg-list {
        }
      }
    }
  }
}

.tg-list {
  display: flex;
  align-items: center;
  text-align: center;
}

.tgl {
  display: none;
  &,
    &:after,
    &:before,
    & *,
    & *:after,
    & *:before,
    & + .tgl-btn {
    box-sizing: border-box;
  }
  &,
    &:after,
    &:before,
    & *,
    & *:after,
    & *:before,
    & + .tgl-btn {
    &::-moz-selection {
      background: none;
    }
    &::selection {
      background: none;
    }
  }
  + .tgl-btn {
    display: block;
  }
  + .tgl-btn {
    position: relative;
  }
  + .tgl-btn {
    display: block;
  }
  + .tgl-btn {
    height: 2em;
  }
  + .tgl-btn {
    width: 4em;
  }
  + .tgl-btn {
    cursor: pointer;
  }
  + .tgl-btn {
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  + .tgl-btn::before {
    content: var(--tw-content);
    display: none;
  }
  + .tgl-btn::after {
    content: var(--tw-content);
    left: 0px;
  }
  + .tgl-btn {
    outline: 0;
  }
  + .tgl-btn {
    &:after,
      &:before {
      display: block;
    }
    &:after,
      &:before {
      position: relative;
    }
    &:after,
      &:before {
      display: block;
    }
    &:after,
      &:before {
      height: 100%;
    }
    &:after,
      &:before {
      width: 50%;
    }
    &:after,
      &:before {
      --tw-content: "";
      content: var(--tw-content);
    }
  }
  &:checked + .tgl-btn:after {
    left: 50%;
  }
}

.tgl-skewed {
  + .tgl-btn {
    --tw-skew-x: -10deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  + .tgl-btn {
    overflow: hidden;
  }
  + .tgl-btn {
    background-color: rgba(var(--theme-secondary),1);
  }
  + .tgl-btn {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  + .tgl-btn {
    transition-duration: 0.2s;
  }
  + .tgl-btn {
    transition-timing-function: ease;
  }
  + .tgl-btn::before {
    content: var(--tw-content);
    left: 0px;
  }
  + .tgl-btn::before {
    --tw-content: attr(data-tg-off);
    content: var(--tw-content);
  }
  + .tgl-btn::after {
    content: var(--tw-content);
    left: 100%;
  }
  + .tgl-btn::after {
    --tw-content: attr(data-tg-on);
    content: var(--tw-content);
  }
  + .tgl-btn:active::before {
    content: var(--tw-content);
    left: -10%;
  }
  + .tgl-btn {
    backface-visibility: hidden;
    &:after,
      &:before {
      text-align: center;
    }
    @media (max-width: 575px) {
       {
         {
           {
            > &:after,> 
      &:before {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > &:after,> 
      &:before {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > &:after,> 
      &:before {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > &:after,> 
      &:before {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 767px) {
       {
        &:after,
      &:before {
        }
      }
    }
    &:after,
      &:before {
      position: absolute;
    }
    &:after,
      &:before {
      display: inline-block;
    }
    &:after,
      &:before {
      width: 100%;
    }
    &:after,
      &:before {
      --tw-skew-x: 10deg;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    &:after,
      &:before {
      text-align: center;
    }
    &:after,
      &:before {
      font-family: bold;
    }
    &:after,
      &:before {
      line-height: 2em;
    }
    &:after,
      &:before {
      color: rgba(var(--white),1);
    }
    &:after,
      &:before {
      transition-property: all;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }
    &:after,
      &:before {
      transition-duration: 0.2s;
    }
    &:after,
      &:before {
      transition-timing-function: ease;
    }
    &:after,
      &:before {
      text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
    }
    &:active {
      background-color: rgba(var(--theme-secondary),1);
    }
  }
  &:checked + .tgl-btn {
    background-color: rgba(var(--theme-default),1);
  }
  &:checked + .tgl-btn {
    &:before {
      left: -100%;
    }
    &:after {
      left: 0px;
    }
    &:active:after {
      left: 10%;
    }
  }
}

.tgl-flip {
  + .tgl-btn {
    padding: 0.125rem;
  }
  + .tgl-btn {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  + .tgl-btn {
    transition-duration: 0.2s;
  }
  + .tgl-btn {
    transition-timing-function: ease;
  }
  + .tgl-btn::before {
    --tw-content: attr(data-tg-off);
    content: var(--tw-content);
  }
  + .tgl-btn::after {
    --tw-content: attr(data-tg-on);
    content: var(--tw-content);
  }
  + .tgl-btn {
    perspective: 100px;
    &:after,
      &:before {
      text-align: center;
    }
    @media (max-width: 575px) {
       {
         {
           {
            > &:after,> 
      &:before {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > &:after,> 
      &:before {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > &:after,> 
      &:before {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > &:after,> 
      &:before {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 767px) {
       {
        &:after,
      &:before {
        }
      }
    }
    &:after,
      &:before {
      position: absolute;
    }
    &:after,
      &:before {
      position: absolute;
    }
    &:after,
      &:before {
      left: 0px;
    }
    &:after,
      &:before {
      top: 0px;
    }
    &:after,
      &:before {
      display: inline-block;
    }
    &:after,
      &:before {
      width: 100%;
    }
    &:after,
      &:before {
      border-radius: 0.25rem;
    }
    &:after,
      &:before {
      text-align: center;
    }
    &:after,
      &:before {
      font-weight: 500;
    }
    &:after,
      &:before {
      line-height: 2em;
    }
    &:after,
      &:before {
      color: rgba(var(--white),1);
    }
    &:after,
      &:before {
      transition-property: all;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }
    &:after,
      &:before {
      transition-duration: 0.4s;
    }
    &:after,
      &:before {
      transition-timing-function: ease;
    }
    &:after,
      &:before {
      backface-visibility: hidden;
    }
    &:after {
      transform: rotateY(-180deg);
    }
    &:after {
      background-color: rgba(var(--warning-color),1);
    }
    &:before {
      background-color: rgba(var(--danger-color),1);
    }
    &:active:before {
      transform: rotateY(-20deg);
    }
  }
  &:checked + .tgl-btn {
    &:before {
      transform: rotateY(180deg);
    }
    &:after {
      left: 0px;
    }
    &:after {
      background-color: rgba(var(--success-color),1);
    }
    &:after {
      transform: rotateY(0);
    }
    &:active:after {
      transform: rotateY(20deg);
    }
  }
}

.radius-none {
  .form-check-input {
    border-radius: 3px !important;
  }
}

.tg-list {
  .tg-list-item {
    .square-checked {
      .switch-state {
        &::before {
          border-radius: 0px;
        }
        &::before {
          --tw-content: "";
          content: var(--tw-content);
        }
      }
    }
  }
}

.switch-wrapper {
  .switch-box {
    margin-right: 1.25rem;
  }
  .switch-box {
    .col-form-label {
      padding-bottom: 0 !important;
    }
    .col-form-label {
      padding-bottom: 0px;
    }
  }
  .tg-list {
    p {
      margin-top: 0px;
      margin-bottom: 0px;
    }
    p {
      margin-left: 0px;
    }
    p {
      margin-right: 0.5rem;
    }
  }
}

.default-square {
  .form-switch {
    .form-check-input {
      background-image: url(../images/switch/square-gray.png);
    }
    .form-check-input:checked {
      background-image: url(../images/switch/square.svg);
    }
  }
}

@media print {
  .sidebar-panel-main {
    display: none;
  }

  .sidebar-wrapper,
    .page-header {
    display: none;
  }

  .page-body {
    margin: 0px;
  }

  .customizer-links {
    display: none;
  }

  .page-wrapper {
    .page-title {
      visibility: hidden;
    }
    .page-body-wrapper {
      .page-title {
        display: none;
      }
    }
    &.compact-wrapper {
      .page-body-wrapper {
        .page-body {
          margin: 0px !important;
        }
        .page-body {
          margin: 0px;
        }
      }
    }
  }

  table.fixedHeader-floating {
    display: none;
  }

  .main-invoice-1 {
    @media (max-width: 575px) {
       {
         {
           {
            > .table-wrapper {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > .table-wrapper {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > .table-wrapper {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > .table-wrapper {
                width: 90%;
              }
            }
          }
        }
      }
    }
    .table-wrapper {
      width: 100%;
    }
    .table-wrapper {
      .print-btn {
        span {
          display: none;
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > .banner-image {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > .banner-image {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > .banner-image {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > .banner-image {
                width: 90%;
              }
            }
          }
        }
      }
    }
    .banner-image {
      width: 100%;
    }
  }

  .main-tasks {
    .email-body {
      .tab-content {
        .card-header {
          a {
            display: none;
          }
        }
      }
    }
  }

  .mail-body-wrapper {
    margin-top: 48px !important;
    margin-top: 1.25rem;
    @media (max-width: 575px) {
       {
         {
           {
            > .user-mail-wrapper {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > .user-mail-wrapper {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > .user-mail-wrapper {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > .user-mail-wrapper {
                width: 90%;
              }
            }
          }
        }
      }
    }
    .user-mail-wrapper {
      width: 100%;
    }
    .user-mail-wrapper {
      .send-btn {
        display: none;
      }
    }
  }

  .email-left-aside {
    display: none;
  }

  .footer {
    display: none;
  }

  .print-btn {
    display: none;
  }
}

@media (max-width: 575px) {
   {
     {
       {
        > .Typeahead {
          width: 90%;
        }
      }
    }
     {
       {
         {
          > .Typeahead {
            width: 90%;
          }
        }
      }
    }
     {
       {
        > .Typeahead {
          width: 90%;
        }
      }
    }
     {
       {
         {
          > .Typeahead {
            width: 90%;
          }
        }
      }
    }
  }
}

.Typeahead {
  width: 100%;
  * {
    box-sizing: border-box;
  }
  *::before {
    content: var(--tw-content);
    box-sizing: border-box;
  }
  *::after {
    content: var(--tw-content);
    box-sizing: border-box;
  }
  .tt-hint {
    display: none;
  }
}

.u-hidden {
  display: none;
}

.u-posRelative {
  position: relative;
}

.Typeahead-spinner {
  position: absolute;
  right: 18px;
  top: 0.875rem;
  display: none;
  --tw-text-opacity: 1;
  color: rgb(197 197 197 / var(--tw-text-opacity, 1));
}

.ProfileCard-avatar {
  svg {
    height: 18px;
  }
  svg {
    vertical-align: bottom;
  }
  svg {
    path {
      --tw-text-opacity: 1;
      color: rgb(126 124 124 / var(--tw-text-opacity, 1));
    }
    polygon {
      --tw-text-opacity: 1;
      color: rgb(126 124 124 / var(--tw-text-opacity, 1));
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        > .Typeahead-hint {
          width: 90%;
        }
      }
    }
     {
       {
         {
          > .Typeahead-hint {
            width: 90%;
          }
        }
      }
    }
     {
       {
        > .Typeahead-hint {
          width: 90%;
        }
      }
    }
     {
       {
         {
          > .Typeahead-hint {
            width: 90%;
          }
        }
      }
    }
  }
}

.Typeahead-hint {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  border-radius: 0.5rem;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(2 78 106 / var(--tw-border-opacity, 1));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 1.5rem;
  line-height: 2rem;
  line-height: 30px;
  --tw-text-opacity: 1;
  color: rgb(204 214 221 / var(--tw-text-opacity, 1));
  opacity: 1;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
}

@media (max-width: 575px) {
   {
     {
       {
        > .Typeahead-menu {
          width: 90%;
        }
      }
    }
     {
       {
         {
          > .Typeahead-menu {
            width: 90%;
          }
        }
      }
    }
     {
       {
        > .Typeahead-menu {
          width: 90%;
        }
      }
    }
     {
       {
         {
          > .Typeahead-menu {
            width: 90%;
          }
        }
      }
    }
  }
}

.Typeahead-menu {
  position: absolute;
  left: 0px;
  top: 100%;
  z-index: 100;
  display: none;
  width: 100%;
  overflow: hidden;
  background-color: rgba(var(--white),1);
  padding: 15px;
  --tw-shadow: 0 5px 10px rgba(0,0,0,0.2);
  --tw-shadow-colored: 0 5px 10px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  &.is-open {
    display: block;
  }
  &.is-open {
    display: block;
  }
}

.Typeahead-selectable {
  cursor: pointer;
  + {
    .Typeahead-selectable {
      border-top-width: 1px;
    }
    .Typeahead-selectable {
      border-style: solid;
    }
    .Typeahead-selectable {
      --tw-border-opacity: 1;
      border-top-color: rgb(204 214 221 / var(--tw-border-opacity, 1));
    }
  }
}

.ProfileCard {
  position: relative;
  margin-bottom: 0.625rem;
  border-radius: 10px;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--gray-60),1);
  padding: 0.625rem;
}

.ProfileCard:hover {
  --tw-text-opacity: 1;
  color: rgb(65 67 69 / var(--tw-text-opacity, 1));
}

.ProfileCard {
  &:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(248 248 248 / var(--tw-bg-opacity, 1));
  }
  &:hover {
    .ProfileCard-avatar {
      --tw-border-opacity: 1;
      border-color: rgb(245 248 250 / var(--tw-border-opacity, 1));
    }
    .ProfileCard-screenName {
      color: rgba(var(--white),1);
    }
    .ProfileCard-stat-label {
      color: rgba(var(--white),1);
    }
  }
}

.ProfileCard-avatar {
  position: absolute;
  border-radius: 5px;
}

.ProfileCard-details {
  float: left;
  padding-left: 35px;
}

.ProfileCard-realName {
  display: inline-block;
  color: RGBA(VAR(--text-gray),1);
}

.ProfileCard-screenName {
  display: inline-block;
  color: RGBA(VAR(--text-gray),1);
}

.ProfileCard-description {
  margin-top: 5px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 18px;
}

.ProfileCard-stats {
  float: right;
  text-align: right;
}

.ProfileCard-stat {
  display: inline-block;
  font-size: 0.75rem;
  text-transform: uppercase;
  line-height: 1rem;
  + .ProfileCard-stat {
    margin-left: 5px;
  }
}

.ProfileCard-stat-label {
  font-weight: 500;
  color: rgba(var(--dark-gray),1);
}

.ProfileCard {
  &.is-active {
    background-color: rgba(var(--theme-default),1);
  }
  &.is-active {
    color: rgba(var(--white),1);
  }
}

.ProfileCard.is-active {
  .ProfileCard-screenName {
    color: rgba(var(--white),1);
  }
  .ProfileCard-stat-label {
    color: rgba(var(--white),1);
  }
}

.EmptyMessage {
  text-align: center;
}

@media (max-width: 767px) {
   {
    .EmptyMessage {
    }
  }
}

.EmptyMessage {
  position: relative;
  padding: 0.625rem;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 30px;
}

.Typeahead-spinner {
  height: 1rem;
  width: 1rem;
}

.sey-container {
  position: absolute;
  z-index: 1;
  display: none;
  background-color: rgba(var(--white),1);
  color: rgba(var(--tw-heading-color),1);
  --tw-shadow: 1px 2px 6px;
  --tw-shadow-colored: 1px 2px 6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: left;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 0.1s;
  transition-timing-function: ease-in-out;
}

.sey-list {
  padding: 0 !important;
  margin: 0px;
  list-style-type: none;
  padding: 0px;
}

.sey-show {
  display: block;
}

.sey-hide {
  display: none;
}

.sey-empty {
  cursor: default;
  padding: 7px;
}

.sey-item {
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  display: block;
  max-width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 7px;
}

.sey-item:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(68 68 68 / var(--tw-bg-opacity, 1));
  color: rgba(var(--white),1);
}

.sey-selected {
  background-color: rgba(var(--tw-heading-color),1);
  color: rgba(var(--white),1);
}

.sey-char-highlight {
  font-family: bold;
}

.sey-category-id {
  --tw-bg-opacity: 1;
  background-color: rgb(238 238 238 / var(--tw-bg-opacity, 1));
  padding: 7px;
  text-align: right;
  font-size: 0.75rem;
  line-height: 1rem;
  text-transform: capitalize;
  font-style: italic;
  --tw-text-opacity: 1;
  color: rgb(170 170 170 / var(--tw-text-opacity, 1));
  --tw-shadow: 1px 0px 1px;
  --tw-shadow-colored: 1px 0px 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@media (min-width: 1200px) {
   {
     {
       {
        .loader-wrapper {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        > .loader-wrapper {
          width: 90%;
        }
      }
    }
     {
       {
         {
          > .loader-wrapper {
            width: 90%;
          }
        }
      }
    }
     {
       {
        > .loader-wrapper {
          width: 90%;
        }
      }
    }
     {
       {
         {
          > .loader-wrapper {
            width: 90%;
          }
        }
      }
    }
     {
       {
        .loader-wrapper {
        }
      }
    }
  }
}

.loader-wrapper {
  position: fixed;
  top: 0px;
  z-index: 11;
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
  background-color: rgba(var(--white),1);
  @media (min-width: 1200px) {
     {
       {
         {
          .loader-index {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .loader-index {
          }
        }
      }
    }
  }
  .loader-index {
    position: relative;
  }
  .loader-index {
    display: flex;
  }
  .loader-index {
    align-items: center;
  }
  .loader-index {
    justify-content: center;
  }
  .loader-index::after {
    content: var(--tw-content);
    position: absolute;
  }
  .loader-index::after {
    content: var(--tw-content);
    height: 4em;
  }
  .loader-index::after {
    content: var(--tw-content);
    width: 4em;
  }
  .loader-index::after {
    content: var(--tw-content);
    --tw-scale-x: .5;
    --tw-scale-y: .5;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .loader-index::after {
    content: var(--tw-content);
    animation: grow 2s cubic-bezier(.14,0.05,0.55,0.5) infinite alternate;
  }
  .loader-index::after {
    content: var(--tw-content);
    border-radius: 50%;
  }
  .loader-index::after {
    content: var(--tw-content);
    background-color: rgba(var(--theme-default),1);
  }
  .loader-index::after {
    --tw-content: "";
    content: var(--tw-content);
  }
  .loader-index {
    filter: url("#goo");
    span {
      position: relative;
    }
    span {
      margin-right: 2em;
    }
    span {
      height: 2em;
    }
    span {
      width: 2em;
    }
    span {
      --tw-translate-x: 7em;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    span {
      animation: move 4s ease-in-out infinite;
    }
    span {
      border-radius: 50%;
    }
    span {
      background-color: rgba(var(--theme-secondary),1);
    }
    span::before {
      content: var(--tw-content);
      position: absolute;
    }
    span::before {
      content: var(--tw-content);
      left: 3em;
    }
    span::before {
      content: var(--tw-content);
      height: 2em;
    }
    span::before {
      content: var(--tw-content);
      width: 2em;
    }
    span::before {
      content: var(--tw-content);
      --tw-translate-x: 0em;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    span::before {
      content: var(--tw-content);
      animation: shrink 2s ease-in-out infinite;
    }
    span::before {
      content: var(--tw-content);
      border-radius: 50%;
    }
    span::before {
      content: var(--tw-content);
      background-color: rgba(var(--theme-default),1);
    }
    span::before {
      --tw-content: "";
      content: var(--tw-content);
    }
    span::after {
      content: var(--tw-content);
      position: absolute;
    }
    span::after {
      content: var(--tw-content);
      right: 3em;
    }
    span::after {
      content: var(--tw-content);
      height: 2em;
    }
    span::after {
      content: var(--tw-content);
      width: 2em;
    }
    span::after {
      content: var(--tw-content);
      --tw-translate-x: 0em;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    span::after {
      content: var(--tw-content);
      animation: shrink 2s ease-in-out infinite;
    }
    span::after {
      content: var(--tw-content);
      border-radius: 50%;
    }
    span::after {
      content: var(--tw-content);
      background-color: rgba(var(--info-color),1);
    }
    span::after {
      --tw-content: "";
      content: var(--tw-content);
    }
  }
  svg {
    height: 0px;
  }
  svg {
    width: 0px;
  }
  body {
    margin: 0px !important;
  }
  body {
    display: grid;
  }
  body > div {
    position: relative;
  }
  @media (max-width: 575px) {
     {
       {
         {
          body {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          body {
          }
        }
      }
    }
  }
  body {
    margin: 0px;
  }
  body {
    display: grid;
  }
  body {
    min-height: 100vh;
  }
  body {
    place-content: center;
  }
  body {
    background-color: rgba(var(--black),1);
  }
  body {
    font-family: sans;
  }
  h1 {
    text-align: center;
  }
  @media (max-width: 767px) {
     {
      h1 {
      }
    }
  }
  h1 {
    position: relative;
  }
  h1 {
    z-index: 2;
  }
  h1 {
    margin-bottom: 2em;
  }
  h1 {
    text-align: center;
  }
  h1 {
    letter-spacing: 3px;
  }
  h1 {
    color: rgba(var(--white),1);
  }
  h1::before {
    content: var(--tw-content);
    position: absolute;
  }
  h1::before {
    content: var(--tw-content);
    left: 0.75em;
  }
  h1::before {
    content: var(--tw-content);
    top: 2.75em;
  }
  h1::before {
    content: var(--tw-content);
    height: 1px;
  }
  h1::before {
    content: var(--tw-content);
    width: 2.5em;
  }
  h1::before {
    content: var(--tw-content);
    font-size: 0.5em;
  }
  h1::before {
    content: var(--tw-content);
    font-weight: 400;
  }
  h1::before {
    content: var(--tw-content);
    color: rgba(var(--white),1);
  }
  h1::before {
    --tw-content: "";
    content: var(--tw-content);
  }
  h1 {
    &:before {
      background: linear-gradient(
          to right,
          var(--theme-secondary),
          var(--theme-default),
          var(--info-color)
        );
      font-variant: small-caps;
    }
  }
}

@keyframes grow {
  0% {
    transform: scale(0.5);
    background: var(--info-color);
  }

  50% {
    transform: scale(1);
    background: var(--theme-secondary);
  }
}

@keyframes move {
  0% {
    transform: translateX(7em);
  }

  50% {
    transform: translateX(-5em);
  }
}

@keyframes shrink {
  0% {
    transform: translateX(0em);
  }

  50% {
    transform: translateX(-1em);
  }
}

.form-control-plaintext {
  width: auto;
}

.badge-light-primary {
  background-color: rgba(var(--theme-default),0.34);
  color: rgba(var(--theme-default),1);
}

.badge-light-primary:hover {
  background-color: rgba(var(--theme-default),0.34);
  color: rgba(var(--theme-default),1);
}

.badge-l-primary {
  background-color: rgba(var(--theme-default),0.1);
  color: rgba(var(--primary-color),1);
}

.badge-l-primary:hover {
  background-color: rgba(var(--theme-default),0.1);
}

.badge-light-success {
  background-color: rgba(var(--success-color),0.15);
  color: rgba(var(--success-color),1);
  &:hover {
    background-color: rgba(var(--success-color),0.34);
  }
  &:hover {
    color: rgba(var(--success-color),1);
  }
}

.badge-light-secondary {
  background-color: rgba(var(--theme-secondary),0.08);
  color: rgba(var(--theme-secondary),1);
  &:hover {
    background-color: rgba(var(--theme-secondary),0.34) !important;
  }
  &:hover {
    color: rgba(var(--theme-secondary),1) !important;
  }
}

.badge-light-danger {
  background-color: rgba(var(--danger-color),0.15) !important;
  color: rgba(var(--danger-color),1);
  &:hover {
    background-color: rgba(var(--danger-color),0.34) !important;
  }
  &:hover {
    color: rgba(var(--danger-color),1);
  }
}

.badge-light-warning {
  background-color: rgba(var(--warning-color),0.34);
  color: rgba(var(--warning-color),1) !important;
  &:hover {
    background-color: rgba(var(--warning-color),0.34) !important;
  }
  &:hover {
    color: rgba(var(--warning-color),1) !important;
  }
}

.badge-light-info {
  background-color: rgba(var(--info-color),0.34);
  color: rgba(var(--info-color),1);
}

.badge-light-info:hover {
  background-color: rgba(var(--info-color),0.34);
  color: rgba(var(--info-color),1);
}

.badge-l-info {
  background-color: rgba(var(--info-color),0.1);
}

.badge-l-info:hover {
  background-color: rgba(var(--info-color),0.1);
}

.badge-light-light {
  background-color: rgba(var(--light-color),1);
  color: rgba(var(--badge-light-color),1);
  &:hover {
    color: rgba(var(--badge-light-color),1);
  }
}

.badge-light-warning {
  background-color: rgba(var(--warning-color),0.34);
  color: rgb(var(--warning-color),1);
}

.overall-card .balance-card {
  padding: 0.75rem;
}

.badge-light-primary,
  .badge-l-primary {
  background-color: rgba(var(--theme-default),0.1);
}

.badge-light-primary:hover,
  .badge-l-primary:hover {
  background-color: rgba(var(--theme-default),0.1);
}

/* Clock styles */

.clockbox {
  margin-bottom: 0 !important;
  margin-bottom: 0px;
}

.clockbox svg {
  height: 45px;
  width: 45px;
}

.circle {
  fill: rgba(var(--white),1);
  stroke: rgba(var(--white),0.4);
  stroke-width: 80px;
  stroke-miterlimit: 10;
}

.mid-circle {
  fill: rgba(var(--black),1);
}

.hour-marks {
  fill: none;
  stroke: rgba(var(--theme-body-sub-title-color),1);
  stroke-width: 9;
  stroke-miterlimit: 10;
}

.hour-hand {
  fill: none;
  stroke: #ff7e00;
  stroke-width: 17;
  stroke-miterlimit: 10;
}

.minute-hand {
  fill: none;
  stroke: #ff7e00;
  stroke-width: 11;
  stroke-miterlimit: 10;
}

.second-hand {
  fill: none;
  stroke: rgba(var(--warning-color),1);
  stroke-width: 15px;
  stroke-miterlimit: 10;
}

.sizing-box {
  fill: none;
}

hour,
  #minute,
  #second {
  transform-origin: 300px 300px;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 0.5s;
  transition-timing-function: ease-in-out;
}

.order-chart > div {
  margin-top: -25px;
  margin-bottom: -43px;
}

.order-chart svg path {
  clip-path: inset(7% 0% 0% 0% round 0.6rem);
}

.default-dashboard,
  .dashboard-2,
  .dashboard-3,
  .dashboard-4,
  .dashboard-5,
  .dashboard-6,
  .dashboard-7,
  .dashboard-8,
  .dashboard-9,
  .dashboard-10,
  .dashboard-11,
  .dashboard-12,
  .dashboard-13,
  .general-widget-wrapper {
  .dropdown {
    &.custom-dropdown {
      .dropdown-toggle {
        padding-left: 0.625rem;
        padding-right: 0.625rem;
      }
      .dropdown-toggle {
        padding-top: 5px;
        padding-bottom: 5px;
      }
    }
    &.icon-dropdown {
      .dropdown-toggle {
        padding: 0 !important;
      }
      .dropdown-toggle {
        padding: 0px;
      }
      .dropdown-toggle {
        &::before {
          display: none;
        }
        i {
          vertical-align: -2px;
        }
      }
    }
    .dropdown-toggle {
      text-align: center;
    }
    @media (max-width: 767px) {
       {
        .dropdown-toggle {
        }
      }
    }
    .dropdown-toggle {
      padding-left: 0.625rem;
      padding-right: 0.625rem;
    }
    .dropdown-toggle {
      padding-top: 5px;
      padding-bottom: 5px;
    }
    .dropdown-toggle {
      text-align: center;
    }
    .dropdown-toggle {
      line-height: 1.8;
    }
    .dropdown-toggle {
      &::after {
        display: none;
      }
      &::before {
        float: right;
      }
      &::before {
        margin-left: 0.5rem;
      }
      &::before {
        display: inline-block;
      }
      &::before {
        font-weight: 700;
      }
      &::before {
        color: rgba(var(--theme-default),1);
      }
      &::before {
        --tw-content: "\f107";
        content: var(--tw-content);
      }
      &::before {
        font-family: var(--font-awesome);
      }
    }
    .dropdown-menu {
      right: 0px;
    }
    .dropdown-menu {
      .dropdown-item {
        display: block;
      }
      .dropdown-item {
        display: block;
      }
    }
  }
}

.widget-1 {
  margin-bottom: 25px;
  background-image: url(../images/dashboard/widget-bg.png) !important;
  background-size: cover;
}

.widget-1:hover {
  --tw-translate-y: -5px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transition-property: 0.5s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.widget-1 {
  svg {
    height: 0.75rem;
  }
  svg {
    width: 0.75rem;
  }
  svg {
    font-weight: 700;
  }
  @media (min-width: 1200px) {
     {
       {
         {
          .font-medium {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .font-medium {
          }
        }
      }
    }
  }
  .font-medium {
    display: flex;
  }
  .font-medium {
    align-items: center;
  }
  @media (min-width: 1200px) {
     {
       {
         {
          .card-body {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .card-body {
          }
        }
      }
    }
  }
  .card-body {
    display: flex;
  }
  .card-body {
    align-items: flex-end;
  }
  .card-body {
    justify-content: space-between;
  }
  .card-body {
    padding-left: 25px;
    padding-right: 25px;
  }
  .card-body {
    padding-top: 18px;
    padding-bottom: 18px;
  }
  .widget-round {
    position: relative;
  }
  .widget-round {
    display: inline-block;
  }
  .widget-round {
    border-radius: 100%;
  }
  .widget-round {
    border-width: 1px;
  }
  .widget-round {
    border-style: solid;
  }
  .widget-round {
    @media (min-width: 1200px) {
       {
         {
           {
            .bg-round {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            .bg-round {
            }
          }
        }
      }
    }
    .bg-round {
      position: relative;
    }
    .bg-round {
      z-index: 1;
    }
    .bg-round {
      margin: 0.375rem;
    }
    .bg-round {
      display: flex;
    }
    .bg-round {
      height: 3.5rem;
    }
    .bg-round {
      width: 3.5rem;
    }
    .bg-round {
      align-items: center;
    }
    .bg-round {
      justify-content: center;
    }
    .bg-round {
      border-radius: 100%;
    }
    .bg-round {
      --tw-shadow-color: var(--widget-shadow);
      --tw-shadow: var(--tw-shadow-colored);
    }
    .bg-round {
      svg {
        height: 1.5rem;
      }
      svg {
        width: 1.5rem;
      }
      .half-circle {
        position: absolute;
      }
      .half-circle {
        left: -9px;
      }
      .half-circle {
        bottom: -0.5rem;
      }
      .half-circle {
        z-index: -1;
      }
      .half-circle {
        height: 52px;
      }
      .half-circle {
        width: 35px;
      }
      .half-circle {
        background-color: rgba(var(--white),1);
      }
    }
    &.primary {
      border-color: rgba(var(--theme-default),1);
    }
    &.secondary {
      border-color: rgba(var(--theme-secondary),1);
    }
    &.success {
      border-color: rgba(var(--success-color),1);
    }
    &.warning {
      border-color: rgba(var(--warning-color),1);
    }
  }
  @media (min-width: 1200px) {
     {
       {
         {
          .widget-content {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .widget-content {
          }
        }
      }
    }
  }
  .widget-content {
    display: flex;
  }
  .widget-content {
    align-items: center;
  }
  .widget-content {
    gap: 15px;
  }
  .widget-content {
    h4 {
      margin-bottom: 0.25rem;
    }
  }
  &:hover {
    .widget-round {
      .svg-fill,
        svg {
        &:not(.half-circle) {
          animation: tada 1.5s ease infinite;
        }
      }
    }
  }
}

.widget-with-chart {
  .card-body {
    align-items: center;
  }
}

.main-customer-table {
  .overflow-x-auto {
    .table {
      thead,
        tbody {
        tr {
          th,
            td {
            min-width: auto;
          }
          th,
            td {
            &:first-child {
              cursor: pointer;
            }
            &:first-child {
              padding-left: 1.25rem;
            }
            &:last-child {
              padding-right: 1.25rem;
            }
          }
        }
      }
      thead {
        tr {
          th {
            color: rgba(var(--badge-light-color),1);
          }
        }
      }
      tbody {
        tr {
          td {
            .img-content-box {
              a {
                color: rgba(var(--body-font-color),1);
              }
            }
          }
        }
      }
    }
  }
}

.profile-box {
  height: 238px;
  color: rgba(var(--white),1);
  background: var(--gradient-bg-primary);
  .cartoon {
    position: absolute;
  }
  .cartoon {
    bottom: -15px;
  }
  .cartoon {
    right: 1.25rem;
  }
  .cartoon {
    animation: bounce-effect 5s infinite ease-in;
  }
  .cartoon {
    [dir="rtl"] & {
      left: 5px;
    }
    [dir="rtl"] & {
      right: unset;
    }
  }
  .greeting-user {
    h2,
      p {
      color: rgba(var(--white),1);
    }
    p {
      width: 60%;
    }
  }
  .whatsnew-btn {
    margin-top: 3.5rem;
  }
}

@media (min-width: 1200px) {
   {
     {
       {
        .header-top {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .header-top {
        }
      }
    }
  }
}

.header-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.25rem;
  a {
    i {
      margin-bottom: -0.125rem;
    }
    i {
      font-size: 11px;
    }
    &.btn {
      padding-left: 0.75rem;
      padding-right: 0.75rem;
    }
    &.btn {
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
    }
    &.btn {
      &.badge-light-primary {
        &:hover {
          background-color: rgba(var(--theme-default),1);
        }
      }
    }
  }
}

@media (min-width: 1200px) {
   {
     {
       {
        .user-details {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .user-details {
        }
      }
    }
  }
}

.user-details {
  display: flex;
  align-items: center;
  gap: 15px;
  .customers {
    width: 200px;
  }
}

.papernote-wrap {
  @media (max-width: 575px) {
     {
       {
         {
          > .banner-img {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > .banner-img {
              width: 90%;
            }
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          > .banner-img {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > .banner-img {
              width: 90%;
            }
          }
        }
      }
    }
  }
  .banner-img {
    width: 100%;
  }
  .banner-img {
    border-radius: 15px;
  }
  @media (min-width: 1200px) {
     {
       {
         {
          .note-labels {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .note-labels {
          }
        }
      }
    }
  }
  .note-labels {
    display: flex;
  }
  .note-labels {
    align-items: center;
  }
  .note-labels {
    > * {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
    > * {
      padding-left: 0px;
      padding-right: 0px;
    }
    > * {
      padding-top: 3px;
      padding-bottom: 3px;
    }
    @media (min-width: 1200px) {
       {
         {
           {
            ul {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            ul {
            }
          }
        }
      }
    }
    ul {
      display: flex;
    }
    ul {
      flex-wrap: wrap;
    }
    ul {
      align-items: center;
    }
    ul {
      gap: 0.625rem;
    }
    .badge {
      padding-left: 0.75rem;
      padding-right: 0.75rem;
    }
    .badge {
      padding-top: 0.375rem;
      padding-bottom: 0.375rem;
    }
    .badge {
      font-size: 0.875rem;
      line-height: 1.25rem;
    }
    .last-label {
      margin-left: 1rem;
    }
    .last-label {
      border-left-width: 1px;
    }
    .last-label {
      border-style: dashed;
    }
    .last-label {
      border-left-color: rgba(var(--theme-body-sub-title-color),0.7);
    }
    .last-label {
      padding-left: 1rem;
    }
  }
  @media (min-width: 1200px) {
     {
       {
         {
          .light-card {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .light-card {
          }
        }
      }
    }
  }
  .light-card {
    display: flex;
  }
  .light-card {
    height: 2.5rem;
  }
  .light-card {
    width: 2.5rem;
  }
  .light-card {
    align-items: center;
  }
  .light-card {
    justify-content: center;
  }
  .light-card {
    border-radius: 100%;
  }
  .light-card {
    border-width: 1px;
  }
  .light-card {
    border-style: solid;
  }
  .light-card {
    border-color: rgba(var(--theme-body-sub-title-color),0.2);
  }
  .light-card {
    background-color: rgba(var(--light2),1);
  }
}

.notification {
  ul {
    position: relative;
  }
  ul::before {
    content: var(--tw-content);
    position: absolute;
  }
  ul::before {
    content: var(--tw-content);
    left: 0.125rem;
  }
  ul::before {
    content: var(--tw-content);
    top: 0.75rem;
  }
  ul::before {
    content: var(--tw-content);
    height: calc(100% - 12px);
  }
  ul::before {
    content: var(--tw-content);
    border-width: 1px;
  }
  ul::before {
    content: var(--tw-content);
    border-style: dashed;
  }
  ul::before {
    content: var(--tw-content);
    border-color: rgba(var(--theme-body-sub-title-color),1);
  }
  ul::before {
    content: var(--tw-content);
    opacity: 0.3;
  }
  ul::before {
    --tw-content: "";
    content: var(--tw-content);
  }
  li {
    padding-bottom: 31px;
  }
  div[class*="activity-dot-"] {
    margin-top: 0.75rem;
  }
  div[class*="activity-dot-"] {
    animation: round 1.3s ease-in-out infinite;
  }
  .card {
    .flex {
      .w-full {
        p {
          .badge {
            margin-left: 0.625rem;
          }
          .badge {
            font-weight: 500;
          }
          .badge {
            color: rgba(var(--white),1);
          }
        }
        h6 {
          position: relative;
        }
        h6 {
          margin-bottom: 5px;
        }
        h6 {
          ~ p {
            display: block;
          }
          ~ p {
            display: block;
          }
          ~ p {
            margin-left: auto;
            margin-right: auto;
          }
          ~ p {
            margin-top: 0px;
            margin-bottom: 0px;
          }
          ~ p {
            display: block;
          }
          ~ p {
            max-width: 100%;
          }
          ~ p {
            overflow: hidden;
          }
          ~ p {
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
          }
          ~ p {
            margin-left: 0;
            margin-right: 0;
          }
          ~ p {
            display: block;
          }
          ~ p {
            width: 260px;
          }
          ~ p {
            overflow: hidden;
          }
          ~ p {
            text-overflow: ellipsis;
          }
          ~ p {
            white-space: nowrap;
          }
          ~ p {
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            -webkit-text-emphasis: inherit;
                    text-emphasis: inherit;
          }
        }
        span {
          color: rgba(var(--theme-body-sub-title-color),1);
        }
      }
      &:nth-child(2) {
        .grow {
          h6 {
            .dot-notification {
              border-width: 5px;
            }
            .dot-notification {
              border-style: solid;
            }
            .dot-notification {
              border-color: rgba(var(--warning-color),0.3);
            }
            .dot-notification {
              background-color: rgba(var(--warning-color),1);
            }
          }
        }
      }
      &:last-child {
        margin-bottom: 0 !important;
      }
      &:last-child {
        margin-bottom: 0px;
      }
    }
  }
  .date-content {
    border-radius: 5px;
  }
  .date-content {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .date-content {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
}

.schedule-container {
  > div {
    margin-bottom: -2.5rem;
  }
  svg {
    path {
      clip-path: inset(1% 0% 0% 0% round 1.5rem);
    }
  }
}

.purchase-card {
  text-align: center;
}

@media (max-width: 767px) {
   {
    .purchase-card {
    }
  }
}

.purchase-card {
  margin-top: 200px;
  text-align: center;
  img {
    margin-top: -13rem;
  }
  .purchase-btn {
    min-width: auto;
  }
}

.buy-card {
  img {
    padding-bottom: 0 !important;
  }
  img {
    height: 252px;
  }
  img {
    -o-object-fit: contain;
       object-fit: contain;
  }
  img {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  img {
    padding-top: 1.25rem;
  }
  img {
    padding-bottom: 0px;
  }
  .card-body {
    text-align: center;
  }
  @media (max-width: 767px) {
     {
      .card-body {
      }
    }
  }
  .card-body {
    margin-left: 50px;
    margin-right: 50px;
  }
  .card-body {
    text-align: center;
  }
  .card-body {
    .purchase-btn {
      display: inline-block;
    }
    .purchase-btn {
      min-width: auto;
    }
    .purchase-btn {
      font-size: 0.875rem;
      line-height: 1.25rem;
    }
  }
}

.appointment-table {
  table {
    tr {
      td {
        padding-left: 0 !important;
        padding-right: 0 !important;
      }
      td.table {
        white-space: pre-wrap !important;
      }
      td {
        position: relative;
      }
      td {
        border-top-color: none;
      }
      td {
        padding-left: 0px;
        padding-right: 0px;
      }
      td {
        padding-top: 15px;
        padding-bottom: 15px;
      }
      td {
        vertical-align: middle;
      }
      td:first-child {
        width: 50px;
      }
      td {
        .status-circle {
          left: 35px;
        }
        .status-circle {
          top: 1px;
        }
        .status-circle {
          border-width: 3px;
        }
        p,
          .btn {
          font-size: 0.75rem;
          line-height: 1rem;
        }
        p,
          .btn {
          font-weight: 500;
        }
        .btn {
          padding-left: 0.75rem;
          padding-right: 0.75rem;
        }
        .btn {
          padding-top: 0.25rem;
          padding-bottom: 0.25rem;
        }
      }
      .img-content-box {
        a {
          display: inline-block;
        }
        a {
          color: rgba(var(--body-font-color),1);
        }
        a {
          transition-property: 0.5s;
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-duration: 150ms;
        }
        > span {
          display: block !important;
        }
        > span {
          display: block !important;
        }
      }
      &:hover {
        .img-content-box {
          a {
            color: rgba(var(--theme-default),1);
          }
          a {
            transition-property: 0.5s;
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-duration: 150ms;
          }
        }
      }
      &:first-child {
        td {
          padding-top: 0px !important;
        }
      }
      &:last-child {
        td {
          padding-bottom: 0 !important;
        }
        td {
          padding-bottom: 0px !important;
        }
      }
    }
  }
  &.customer-table {
    table {
      tr {
        td {
          padding-left: 0 !important;
          padding-right: 0 !important;
        }
        td {
          padding-left: 0px;
          padding-right: 0px;
        }
        td {
          padding-top: 0.625rem;
          padding-bottom: 0.625rem;
        }
        td {
          img {
            min-width: 40px;
          }
        }
      }
    }
  }
}

@media (min-width: 1200px) {
   {
     {
       {
        .icon-box {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .icon-box {
        }
      }
    }
  }
}

.icon-box {
  display: flex;
  height: 2rem;
  width: 50px;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background-color: rgba(var(--primary-color),0.08);
  i {
    font-size: 22px;
  }
  i {
    color: rgba(var(--theme-default),1);
  }
  svg {
    stroke: rgba(var(--theme-default),1);
  }
}

@media (min-width: 1200px) {
   {
     {
       {
        .balance-card {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .balance-card {
        }
      }
    }
  }
}

.balance-card {
  display: flex;
  gap: 15px;
  border-radius: 5px;
  padding: 15px;
  transition-property: 0.5s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  @media (min-width: 1200px) {
     {
       {
         {
          .svg-box {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .svg-box {
          }
        }
      }
    }
  }
  .svg-box {
    display: flex;
  }
  .svg-box {
    height: 43px;
  }
  .svg-box {
    width: 43px;
  }
  .svg-box {
    align-items: center;
  }
  .svg-box {
    justify-content: center;
  }
  .svg-box {
    border-radius: 10px;
  }
  .svg-box {
    background-color: rgba(var(--white),1);
  }
  .svg-box {
    --tw-shadow: 0px 71.2527px 51.5055px rgba(229,229,245,0.189815),0px 42.3445px 28.0125px rgba(229,229,245,0.151852),0px 21.9866px 14.2913px rgba(229,229,245,0.125),0px 8.95749px 7.16599px rgba(229,229,245,0.0981481),0px 2.03579px 3.46085px rgba(229,229,245,0.0601852);
    --tw-shadow-colored: 0px 71.2527px 51.5055px var(--tw-shadow-color), 0px 42.3445px 28.0125px var(--tw-shadow-color), 0px 21.9866px 14.2913px var(--tw-shadow-color), 0px 8.95749px 7.16599px var(--tw-shadow-color), 0px 2.03579px 3.46085px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  .svg-box {
    svg {
      height: 1.25rem;
    }
    svg {
      fill: rgba(var(--theme-body-sub-title-color),0.85);
    }
  }
}

.btn-light-secondary {
  background-color: rgba(var(--theme-secondary),0.1);
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
}

.fill-primary {
  fill: rgba(var(--theme-default),1);
}

.fill-secondary {
  fill: rgba(var(--theme-secondary),1);
}

.fill-success {
  fill: rgba(var(--success-color),1);
}

.fill-warning {
  fill: rgba(var(--warning-color),1);
}

.fill-info {
  fill: rgba(var(--info-color),1);
}

.fill-danger {
  fill: rgba(var(--danger-color),1);
}

.testimonial {
  i {
    position: absolute;
  }
  i {
    left: 0px;
  }
  i {
    top: 0px;
  }
  i {
    z-index: -1;
  }
  i {
    font-size: 3.75rem;
    line-height: 1;
  }
  i {
    color: rgba(43,43,43,0.7);
  }
  i {
    opacity: 0.1;
  }
  p {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  p {
    font-style: italic;
  }
  p {
    color: rgba(var(--theme-body-sub-title-color),1);
  }
  h5 {
    padding-top: 0.625rem;
  }
  h5 {
    color: rgba(var(--theme-body-font-color),1);
  }
  span {
    color: rgba(var(--theme-body-sub-title-color),1);
  }
  img {
    margin-left: auto;
    margin-right: auto;
  }
  img {
    margin-top: 0px;
    margin-bottom: 0px;
  }
}

.widget-charts {
  .widget-1 {
    .card-body {
      padding-left: 25px;
      padding-right: 25px;
    }
    .card-body {
      padding-top: 30px;
      padding-bottom: 30px;
    }
  }
}

.chart-widget-top {
  h4 {
    line-height: 1.2;
  }
  #chart-widget1,
    #chart-widget2,
    #chart-widget3 {
    margin-bottom: -15px;
  }
  #chart-widget1,
    #chart-widget2,
    #chart-widget3 {
    .apexcharts-xaxistooltip {
      display: none;
    }
  }
  span {
    color: rgba(var(--font-gray-color),1);
  }
}

.bar-chart-widget {
  .apexcharts-legend {
    bottom: 0px;
  }
  .apexcharts-legend {
    .apexcharts-legend-series {
      margin-left: 0.625rem;
      margin-right: 0.625rem;
    }
    .apexcharts-legend-series {
      margin-top: 0px;
      margin-bottom: 0px;
    }
    .apexcharts-legend-marker {
      margin-right: 5px;
    }
  }
  .top-content {
    border-top-left-radius: 0.25rem;
  }
  .top-content {
    border-top-right-radius: 0.25rem;
  }
  .earning-details {
    text-align: center;
  }
  @media (min-width: 1200px) {
     {
       {
         {
          .earning-details {
          }
        }
      }
    }
  }
  @media (max-width: 767px) {
     {
      .earning-details {
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .earning-details {
          }
        }
      }
    }
  }
  .earning-details {
    display: flex;
  }
  .earning-details {
    height: 100%;
  }
  .earning-details {
    align-items: center;
  }
  .earning-details {
    justify-content: center;
  }
  .earning-details {
    text-align: center;
  }
  .earning-details {
    letter-spacing: 1px;
  }
  .earning-details {
    i {
      position: absolute;
    }
    i {
      right: -30px;
    }
    i {
      top: 0px;
    }
    i {
      font-size: 230px;
    }
    i {
      opacity: 0.1;
    }
    i:hover {
      --tw-rotate: -5deg;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    i:hover {
      --tw-scale-x: 1.1;
      --tw-scale-y: 1.1;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    i:hover {
      transition-property: all;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }
    i:hover {
      transition-duration: 0.3s;
    }
    i:hover {
      transition-timing-function: ease;
    }
  }
  .num {
    font-weight: 600;
  }
  .num {
    .color-bottom {
      color: rgba(var(--black),1);
    }
  }
}

.skill-chart {
  margin-bottom: -3rem;
  .apexcharts-legend {
    .apexcharts-legend-series {
      span {
        display: block !important;
      }
      span {
        display: block !important;
      }
      .apexcharts-legend-text {
        margin-left: 0px;
        margin-right: 0px;
      }
      .apexcharts-legend-text {
        margin-top: 0.625rem;
      }
      .apexcharts-legend-text {
        margin-bottom: 1.25rem;
      }
    }
  }
}

.progress-chart {
  margin-left: 0px;
  margin-right: 0px;
  margin-top: -11px;
  margin-bottom: -1.25rem;
  .apexcharts-canvas {
    svg {
      path,
        rect {
        clip-path: inset(1% 0% 0% 0% round 1rem);
      }
    }
  }
}

.bottom-content {
  span {
    color: rgba(var(--theme-body-sub-title-color),1);
  }
  .block-bottom {
    display: block;
  }
  .block-bottom {
    display: block;
  }
}

@media (max-width: 575px) {
   {
     {
       {
        > .serial-chart .chart-container {
          width: 90%;
        }
      }
    }
     {
       {
         {
          > .serial-chart .chart-container {
            width: 90%;
          }
        }
      }
    }
     {
       {
        > .serial-chart .chart-container {
          width: 90%;
        }
      }
    }
     {
       {
         {
          > .serial-chart .chart-container {
            width: 90%;
          }
        }
      }
    }
  }
}

.serial-chart .chart-container {
  height: 500px;
  width: 100%;
  .lastBullet {
    animation: am-pulsating 1s ease-out infinite;
  }
  .amcharts-graph-column-front {
    transition: all 0.3s 0.3s ease-out;
    &:hover {
      fill: rgba(var(--theme-secondary),1);
    }
    &:hover {
      stroke: rgba(var(--theme-secondary),1);
    }
    &:hover {
      transition-property: all;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }
    &:hover {
      transition-duration: 0.3s;
    }
    &:hover {
      transition-timing-function: ease-out;
    }
  }
  .amcharts-graph-g3 {
    stroke-linejoin: round;
    stroke-linecap: round;
    stroke-dasharray: 0;
    stroke-dashoffset: 0;
    animation: am-draw 40s;
  }
  .amcharts-graph-g2 .amcharts-graph-stroke {
    stroke-dasharray: 3px 3px;
    stroke-linejoin: round;
    stroke-linecap: round;
    animation: am-moving-dashes 1s linear infinite;
  }
}

.chart-container {
  .apexcharts-xaxis-label,
    .apexcharts-yaxis-label {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .apexcharts-xaxis-label,
    .apexcharts-yaxis-label {
    color: rgba(var(--font-gray-color),1);
  }
  .apexcharts-xaxis-annotations {
    rect {
      clip-path: inset(1% 0% 0% 0% round 0.2rem);
    }
  }
}

.crypto-chart {
  margin-left: -1.25rem;
  .apexcharts-tooltip-title {
    display: none;
  }
  .apexcharts-tooltip-series-group {
    &:last-child,
      &.active {
      padding-bottom: 0 !important;
    }
    &:last-child,
      &.active {
      padding-bottom: 0px;
    }
  }
}

.speed-chart {
  @media (max-width: 575px) {
     {
       {
         {
          > .chart-container {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > .chart-container {
              width: 90%;
            }
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          > .chart-container {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > .chart-container {
              width: 90%;
            }
          }
        }
      }
    }
  }
  .chart-container {
    height: 530px;
  }
  .chart-container {
    width: 100%;
  }
  .content {
    margin-top: -200px;
  }
  .content {
    margin-bottom: 1.25rem;
  }
  .content {
    h4 {
      padding-top: 0.125rem;
    }
    h4 {
      font-weight: 600;
    }
  }
}

.status-widget {
  svg {
    height: 1.25rem;
  }
  svg {
    width: 1.25rem;
  }
  svg {
    vertical-align: text-top;
  }
  .card {
    .card-header {
      h5 {
        line-height: 1.38;
      }
    }
  }
  .status-chart {
    overflow: hidden;
  }
  .status-chart {
    border-bottom-right-radius: 0.5rem;
  }
  .status-chart {
    border-bottom-left-radius: 0.5rem;
  }
}

.small-chart-widget .chart-container {
  padding: 0 !important;
  margin: 0px;
  height: 311px;
  border-color: none;
  padding: 0px;
}

.small-chart-widget {
  .card {
    .card-body {
      border-bottom-right-radius: 0.5rem;
    }
    .card-body {
      border-bottom-left-radius: 0.5rem;
    }
  }
}

.donut-chart-widget .chart-container {
  border-width: 0 !important;
  padding: 0 !important;
  margin: 0px;
  height: 300px;
  border-width: 0px;
  padding: 0px;
}

.status-details {
  h4 {
    font-weight: 600;
  }
  h4 {
    span {
      color: inherit;
    }
  }
  span {
    color: rgba(var(--theme-body-sub-title-color),1);
  }
}

.status-chart .chart-container {
  border-width: 0 !important;
  padding: 0 !important;
  margin: 0px;
  height: 200px;
  border-width: 0px;
  padding: 0px;
}

@media (max-width: 575px) {
   {
     {
       {
        > .map-chart .chart-container {
          width: 90%;
        }
      }
    }
     {
       {
         {
          > .map-chart .chart-container {
            width: 90%;
          }
        }
      }
    }
     {
       {
        > .map-chart .chart-container {
          width: 90%;
        }
      }
    }
     {
       {
         {
          > .map-chart .chart-container {
            width: 90%;
          }
        }
      }
    }
  }
}

.map-chart .chart-container {
  height: 500px;
  width: 100%;
}

@media (max-width: 575px) {
   {
     {
       {
        > .serial-chart {
          width: 90%;
        }
      }
    }
     {
       {
         {
          > .serial-chart {
            width: 90%;
          }
        }
      }
    }
     {
       {
        > .serial-chart {
          width: 90%;
        }
      }
    }
     {
       {
         {
          > .serial-chart {
            width: 90%;
          }
        }
      }
    }
  }
}

.serial-chart {
  width: 100%;
}

.live-products,
  .turnover,
  .uses,
  .monthly {
  height: 300px;
}

.live-products {
  .ct-series-a {
    .ct-area,
      .ct-point,
      .ct-line,
      .ct-bar,
      .ct-slice-donut {
      stroke: rgba(255,255,255,0.77);
    }
  }
  .ct-label {
    fill: rgba(var(--white),1);
  }
  .ct-label {
    color: rgba(var(--white),1);
  }
  .ct-grid {
    stroke: rgba(255,255,255,0.7);
  }
}

.turnover,
  .uses,
  .monthly {
  .ct-series-a {
    .ct-area,
      .ct-point,
      .ct-line,
      .ct-bar,
      .ct-slice-donut {
      fill: transparent;
    }
    .ct-area,
      .ct-point,
      .ct-line,
      .ct-bar,
      .ct-slice-donut {
      stroke: #fff;
    }
  }
  .ct-series-b {
    .ct-area,
      .ct-point,
      .ct-line,
      .ct-bar,
      .ct-slice-donut {
      fill: transparent;
    }
    .ct-area,
      .ct-point,
      .ct-line,
      .ct-bar,
      .ct-slice-donut {
      stroke: rgba(255,255,255,0.7);
    }
  }
  .ct-series-c {
    .ct-area,
      .ct-point,
      .ct-line,
      .ct-bar,
      .ct-slice-donut {
      fill: transparent;
    }
    .ct-area,
      .ct-point,
      .ct-line,
      .ct-bar,
      .ct-slice-donut {
      stroke: rgba(255,255,255,0.4);
    }
  }
  .ct-label {
    fill: rgba(var(--white),1);
  }
  .ct-label {
    color: rgba(var(--white),1);
  }
  .ct-grid {
    stroke: rgba(255,255,255,0.7);
  }
}

#draggableMultiple {
  .ui-sortable-handle {
    .card {
      cursor: move;
    }
  }
}

.tilt-showcase {
  ul {
    li {
      .line {
        padding-top: 0.625rem;
      }
    }
  }
  .pre-mt {
    margin-top: 5px;
  }
}

.wow-animation-page {
  pre {
    overflow: auto;
  }
}

.wow-title {
  @media (min-width: 1200px) {
     {
       {
         {
          h5 {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          h5 {
          }
        }
      }
    }
  }
  h5 {
    display: flex;
  }
  h5 {
    align-items: center;
  }
  h5 {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  h5 {
    .badge {
      font-size: 13px;
    }
    .badge {
      -webkit-text-fill-color: rgba(var(--white), 1);
    }
  }
}

@media (min-width: 1200px) {
   {
     {
       {
        .alert-center {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .alert-center {
        }
      }
    }
  }
}

.alert-center {
  display: flex;
  align-items: center;
}

.box-shadow-title {
  .sub-title {
    margin-left: 0px;
    margin-right: 0px;
  }
  .sub-title {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}

.hovercard {
  .info {
    .social-media {
      ul {
        li {
          padding-top: 3px;
        }
      }
    }
  }
  .cardheader {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
  }
}

.sticky-header-main {
  .card {
    .card-header {
      h5 {
        line-height: 35px;
      }
      h5 {
        a {
          color: rgba(var(--white),1);
        }
        a {
          -webkit-text-fill-color: rgba(var(--white), 1);
        }
      }
    }
  }
}

.custom-radio-ml {
  margin-left: 3px;
}

.twitter-typeahead {
  display: block !important;
}

span.twitter-typeahead {
  .league-name {
    padding-bottom: 0 !important;
  }
  .league-name {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
  .league-name {
    padding-top: 0.375rem;
  }
  .league-name {
    padding-bottom: 0px;
  }
  .league-name {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .tt-menu {
    padding: 0 !important;
  }
  .tt-menu {
    margin-bottom: 0 !important;
  }
  @media (max-width: 575px) {
     {
       {
         {
          > .tt-menu {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > .tt-menu {
              width: 90%;
            }
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          > .tt-menu {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > .tt-menu {
              width: 90%;
            }
          }
        }
      }
    }
  }
  .tt-menu {
    float: left;
  }
  .tt-menu {
    margin-left: 0px;
    margin-right: 0px;
  }
  .tt-menu {
    margin-top: 0.125rem;
  }
  .tt-menu {
    margin-bottom: 0px;
  }
  .tt-menu {
    width: 100%;
  }
  .tt-menu {
    min-width: 10rem;
  }
  .tt-menu {
    border-radius: 0.25rem;
  }
  .tt-menu {
    border-color: none;
  }
  .tt-menu {
    background-color: rgba(var(--white),1);
  }
  .tt-menu {
    background-clip: padding-box;
  }
  .tt-menu {
    padding: 0px;
  }
  .tt-menu {
    text-align: left;
  }
  .tt-menu {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .tt-menu {
    --tw-text-opacity: 1;
    color: rgb(33 37 41 / var(--tw-text-opacity, 1));
  }
  .tt-menu {
    --tw-shadow: 0 0 20px rgba(89,102,122,0.1);
    --tw-shadow-colored: 0 0 20px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  .tt-menu {
    list-style: none;
    -webkit-box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
  }
  .tt-suggestion {
    cursor: pointer;
  }
  .tt-suggestion {
    border-top-width: 1px;
  }
  .tt-suggestion {
    border-style: solid;
  }
  .tt-suggestion {
    border-top-color: rgba(var(--light-semi-gray),1);
  }
  .tt-suggestion {
    background-color: rgba(var(--white),1);
  }
  .tt-suggestion {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .tt-suggestion {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
  }
  .tt-suggestion {
    font-size: 13px;
  }
  .tt-suggestion {
    color: rgba(var(--dark-editor-document),1);
  }
  .tt-suggestion {
    opacity: 0.6;
  }
  .tt-suggestion {
    &:hover,
      &:focus {
      background-color: rgba(var(--white),1);
    }
    &.active,
      &:active {
      background-color: rgba(var(--theme-default),1);
    }
    &.active,
      &:active {
      color: rgba(var(--white),1);
    }
  }
}

#scrollable-dropdown-menu {
  .twitter-typeahead {
    .tt-menu {
      .tt-dataset {
        max-height: 100px;
      }
      .tt-dataset {
        overflow-y: auto;
      }
    }
  }
}

.chart-right {
  position: relative;
}

@media (min-width: 1200px) {
   {
     {
       {
        .balance-data {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .balance-data {
        }
      }
    }
  }
}

.balance-data {
  position: absolute;
  top: -50px;
  right: 2%;
  display: flex;
  gap: 15px;
  [dir="rtl"] & {
    left: 2%;
  }
  [dir="rtl"] & {
    right: unset;
  }
  @media (min-width: 1200px) {
     {
       {
         {
          li {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          li {
          }
        }
      }
    }
  }
  li {
    display: flex;
  }
  li {
    align-items: center;
  }
  li {
    font-weight: 500;
  }
  .circle {
    display: inline-block;
  }
  .circle {
    height: 0.375rem;
  }
  .circle {
    width: 0.375rem;
  }
  .circle {
    border-radius: 100%;
  }
}

.current-sale-container {
  padding-right: 0.75rem;
  [dir="rtl"] & {
    padding-left: 0.75rem;
  }
  [dir="rtl"] & {
    padding-right: unset;
  }
  > div {
    margin-top: -22px;
  }
  > div {
    margin-bottom: -30px;
  }
  > div {
    margin-left: -1rem;
  }
  > div {
    margin-right: 0px;
  }
  .apexcharts-xaxistooltip {
    border-width: 1px;
  }
  .apexcharts-xaxistooltip {
    border-style: solid;
  }
  .apexcharts-xaxistooltip {
    border-color: rgba(var(--theme-default),1);
  }
  .apexcharts-xaxistooltip {
    background-color: rgba(var(--theme-default),0.1);
  }
  .apexcharts-xaxistooltip {
    color: rgba(var(--theme-default),1);
  }
  .apexcharts-xaxistooltip-bottom:before {
    border-bottom-color: rgba(var(--theme-default),1);
  }
  .apexcharts-tooltip.light .apexcharts-tooltip-title {
    background-color: rgba(var(--theme-default),0.1);
  }
  .apexcharts-tooltip.light .apexcharts-tooltip-title {
    color: rgba(var(--theme-default),1);
  }
}

.apexcharts-series.apexcharts-radial-series {
  position: relative;
}

.apexcharts-series.apexcharts-radial-series::after {
  position: absolute;
  left: 0px;
  top: 0px;
  height: calc(100% + 10px);
  width: calc(100% + 10px);
  --tw-content: "";
  content: var(--tw-content);
}

footer {
  &.blockquote-footer {
    bottom: unset;
  }
}

.visitor-chart {
  #visitor_chart {
    .apexcharts-canvas {
      margin: 0px !important;
    }
    .apexcharts-canvas {
      margin: 0px;
    }
    .apexcharts-tooltip-title {
      display: none;
    }
  }
  .common-flex {
    align-items: center;
  }
  .common-flex {
    border-radius: 0.5rem;
  }
  .common-flex {
    background-color: rgba(var(--course-light-btn),1);
  }
  .common-flex {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .common-flex {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }
  .common-flex {
    align-items: center;
    p {
      font-weight: 500;
    }
    p {
      color: rgba(var(--badge-light-color),1);
    }
  }
}

.statistical-card {
  li {
    position: relative;
  }
  li {
    margin-right: 15px;
  }
  li {
    border-radius: 5px;
  }
  li {
    padding-left: 0.875rem;
    padding-right: 0.875rem;
  }
  li {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  li {
    background: linear-gradient(180deg, rgba(var(--course-light-btn), 1) 0%, rgba(242, 243, 247, 0) 100%);
    + li {
      margin-left: 15px;
    }
    + li {
      padding-left: 15px;
    }
    + li::after {
      content: var(--tw-content);
      position: absolute;
    }
    + li::after {
      content: var(--tw-content);
      left: 0px;
    }
    + li::after {
      content: var(--tw-content);
      top: 50%;
    }
    + li::after {
      content: var(--tw-content);
      height: 30px;
    }
    + li::after {
      content: var(--tw-content);
      width: 1px;
    }
    + li::after {
      content: var(--tw-content);
      --tw-translate-x: -15px;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    + li::after {
      content: var(--tw-content);
      --tw-translate-y: -50%;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    + li::after {
      content: var(--tw-content);
      background-color: rgba(var(--badge-light-color),80%);
    }
    + li::after {
      --tw-content: "";
      content: var(--tw-content);
    }
  }
}

.target-content {
  p {
    text-align: center;
  }
  p {
    display: block;
  }
  p {
    margin-left: auto;
    margin-right: auto;
  }
  p {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  p {
    display: block;
  }
  p {
    max-width: 100%;
  }
  p {
    overflow: hidden;
  }
  p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  @media (max-width: 767px) {
     {
      p {
      }
    }
  }
  p {
    margin-top: 23px;
    margin-bottom: 23px;
  }
  p {
    height: 73px;
  }
  p {
    overflow: hidden;
  }
  p {
    text-overflow: ellipsis;
  }
  p {
    text-align: center;
  }
  p {
    color: rgba(var(--badge-light-color),80%);
  }
  p {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
  .common-box {
    border-top-width: 1px;
  }
  .common-box {
    border-style: solid;
  }
  .common-box {
    border-top-color: rgba(var(--chart-dashed-border),1);
  }
  .common-box {
    padding-top: 16px;
  }
  .common-box {
    ul {
      justify-content: space-between;
    }
    ul {
      li {
        h6 {
          margin-bottom: 0.25rem;
        }
        .badge {
          border-radius: 83px;
        }
        .badge {
          padding-left: 0.75rem;
          padding-right: 0.75rem;
        }
        .badge {
          padding-top: 0.375rem;
          padding-bottom: 0.375rem;
        }
        .badge {
          svg {
            height: 0.875rem;
          }
          svg {
            width: 0.875rem;
          }
          svg {
            padding-top: 0px;
          }
          svg {
            font-size: 0.75rem;
            line-height: 1rem;
          }
        }
      }
    }
  }
}

.activity-log {
  .basic-timeline {
    ul {
      &.common-flex {
        li {
          padding-bottom: 0 !important;
        }
        li {
          padding-bottom: 0px;
        }
        &::before {
          --tw-content: unset;
          content: var(--tw-content);
        }
      }
      li {
        .date-content {
          color: rgba(var(--badge-light-color),1);
        }
        > div[class*="timeline-dot-"] {
          bottom: -7px;
        }
        img {
          height: 50px;
        }
        img {
          border-radius: 10px;
        }
      }
    }
  }
}

.sales-report {
  position: relative;
  .balance-data {
    right: 60px;
  }
  .balance-data {
    top: 23px;
  }
  .balance-data {
    .circle {
      height: 9px;
    }
    .circle {
      width: 9px;
    }
  }
}

.appointments-wrapper {
  position: relative;
  li {
    > span {
      margin: 0px !important;
    }
    > span {
      padding: 0 !important;
    }
    > span {
      margin: 0px;
    }
    > span {
      margin-right: 0.75rem;
    }
    > span {
      min-width: 45px;
    }
    > span {
      padding: 0px;
    }
    @media (max-width: 575px) {
       {
         {
           {
            > .main-box {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > .main-box {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > .main-box {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > .main-box {
                width: 90%;
              }
            }
          }
        }
      }
    }
    .main-box {
      margin-left: 1.25rem;
    }
    .main-box {
      margin-bottom: 0.875rem;
    }
    .main-box {
      width: 100%;
    }
    .main-box {
      background-color: rgba(var(--light2),1);
    }
    .main-box {
      padding-left: 1rem;
      padding-right: 1rem;
    }
    .main-box {
      padding-top: 0.75rem;
      padding-bottom: 0.75rem;
    }
    &::before {
      position: absolute;
    }
    &::before {
      left: 61px;
    }
    &::before {
      top: 0px;
    }
    &::before {
      z-index: 0;
    }
    &::before {
      height: 100%;
    }
    &::before {
      border-width: 1px;
    }
    &::before {
      border-style: solid;
    }
    &::before {
      border-color: rgba(var(--chart-progress-light),1);
    }
    &::before {
      opacity: 0.3;
    }
    &::before {
      --tw-content: "";
      content: var(--tw-content);
    }
    > [class*="bg-lighter-"] {
      position: relative;
    }
    > [class*="bg-lighter-"] {
      z-index: 1;
    }
    > [class*="bg-lighter-"] {
      height: 0.625rem;
    }
    > [class*="bg-lighter-"] {
      width: 0.625rem;
    }
    > [class*="bg-lighter-"] {
      min-width: 10px;
    }
    > [class*="bg-lighter-"] {
      border-radius: 100%;
    }
    &:last-child {
      .main-box {
        margin-bottom: 0 !important;
      }
      .main-box {
        margin-bottom: 0px;
      }
    }
  }
}

.recent-order-table {
  &.currency-table {
    &.recent-table {
      .change-currency {
        svg {
          height: 1rem;
        }
        svg {
          width: 1rem;
        }
        svg {
          vertical-align: sub;
        }
      }
      .currency-icon {
        height: 43px;
      }
      .currency-icon {
        width: 43px;
      }
      .currency-icon {
        overflow: hidden;
      }
      .currency-icon {
        border-radius: 50%;
      }
      .currency-icon {
        img {
          height: 1.75rem;
        }
      }
      table {
        thead,
          tbody {
          tr {
            th,
              td {
              min-width: auto;
            }
            th,
              td {
              &:first-child {
                padding-left: 1.25rem;
              }
              &:last-child {
                padding-right: 1.25rem;
              }
            }
          }
        }
        tbody {
          tr {
            td {
              .btn {
                min-width: 135px;
              }
              .currency-icon {
                img {
                  transition-property: 0.5s;
                  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                  transition-duration: 150ms;
                }
              }
            }
            &:hover {
              td {
                div {
                  .currency-icon {
                    img {
                      --tw-scale-x: 1.1;
                      --tw-scale-y: 1.1;
                      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                    }
                    img {
                      transition-property: 0.5s;
                      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                      transition-duration: 150ms;
                    }
                  }
                  h6 {
                    color: rgba(var(--body-font-color),1);
                  }
                  a {
                    color: rgba(var(--theme-default),1);
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}

.purchase-btn {
  border-color: none;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.btn-hover-effect {
  &:hover {
    animation: push 0.5s linear 1;
  }
}

.bg-lighter-secondary {
  background-color: rgba(var(--theme-secondary),0.6);
  color: rgba(var(--white),1);
}

.bg-lighter-primary {
  background-color: rgba(var(--theme-default),0.6);
  color: rgba(var(--white),1);
}

.bg-lighter-warning {
  background-color: rgba(var(--warning-color),0.6);
  color: rgba(var(--white),1);
}

.bg-lighter-info {
  background-color: rgba(var(--info-color),0.6);
  color: rgba(var(--white),1);
}

.bg-lighter-success {
  background-color: rgba(var(--success-color),0.6);
  color: rgba(var(--white),1);
}

.bg-lighter-danger {
  background-color: rgba(var(--danger-color),0.6);
  color: rgba(var(--white),1);
}

.bg-lighter-light {
  background-color: rgba(var(--light-color),0.6);
  color: rgba(var(--white),1);
}

.bg-lighter-dark {
  background-color: rgba(var(--dark-color),0.6);
  color: rgba(var(--white),1);
}

@media (max-width: 360px) {
  .widget-1 {
    .widget-round {
      .bg-round {
        height: 48px;
      }
      .bg-round {
        width: 42px;
      }
      .bg-round {
        .half-circle {
          bottom: -3px;
        }
        .half-circle {
          height: 44px;
        }
        .half-circle {
          width: 29px;
        }
      }
    }
  }
}

@media (max-width: 1199px) {
  .main-customer-table .recent-table .table tbody tr td:nth-child(2) {
    min-width: 135px;
  }

  .recent-order-table.currency-table.recent-table .currency-icon {
    height: 2.5rem;
    width: 2.5rem;
  }

  .recent-order-table.currency-table.recent-table .currency-icon img {
    height: 1.25rem;
  }

  .current-sale-container > div {
    margin-bottom: 0 !important;
    margin-bottom: 0px;
  }

  .activity-log .basic-timeline ul li {
    padding-bottom: 8px !important;
    padding-bottom: 0.5rem;
  }

  .recent-order-table {
    &.currency-table {
      &.recent-table {
        table {
          thead,
            tbody {
            tr {
              th,
                td {
                &:nth-child(2) {
                  min-width: 133px;
                }
                &:nth-child(3) {
                  min-width: 121px;
                }
                &:nth-child(5) {
                  min-width: 80px;
                }
                &:nth-child(4) {
                  min-width: 42px;
                }
                &:nth-child(6) {
                  min-width: 92px;
                }
              }
            }
          }
        }
      }
    }
  }
}

@media (max-width: 404px) {
  .current-sale-container.order-container > div {
    margin-bottom: 0 !important;
    margin-bottom: 0px;
  }

  .current-sale-container > div {
    margin-bottom: -1.25rem;
  }
}

@media (max-width: 767px) {
  .profile-box {
    .cartoon {
      right: 10px;
    }
    .cartoon {
      img {
        width: 52% !important;
      }
    }
  }
}

@media (max-width: 575px) {
  .balance-data {
    display: none;
  }

  .current-sale-container.order-container {
    padding-right: 0px;
    [dir="rtl"] & {
      padding-left: 0px;
    }
  }
}

@media (max-width: 1660px) {
  .main-customer-table .recent-table .dt-layout-row .dt-search {
    display: none;
  }

  .profile-box {
    .cartoon {
      right: 30px;
    }
    .cartoon {
      text-align: right;
    }
    .cartoon {
      [dir="rtl"] & {
        left: -55px;
      }
      [dir="rtl"] & {
        right: unset;
      }
      img {
        width: 80%;
      }
    }
  }
}

@media (max-width: 1399px) {
  .visitor-chart {
    #visitor_chart {
      margin-bottom: -30px !important;
    }
  }

  .notification {
    li {
      padding-bottom: 16px;
    }
  }
}

@media (max-width: 575px) {
  .notification li {
    padding-bottom: 15px;
  }

  .media-dropdown {
    display: block;
  }

  .media-dropdown .grow {
    margin-bottom: 15px;
  }

   {
    padding-bottom: 15px;
    display: block;
  }

  .media-dropdown .\!grow {
    margin-bottom: 15px;
  }
}

@media (max-width: 1399px) and (min-width: 1200px) {
  .ord-xl-1 {
    order: 1;
  }

  .ord-xl-2 {
    order: 2;
  }

  .ord-xl-3 {
    order: 3;
  }

  .ord-xl-4 {
    order: 4;
  }

  .ord-xl-5 {
    order: 5;
  }

  .ord-xl-6 {
    order: 6;
  }

  .ord-xl-7 {
    order: 7;
  }

  .ord-xl-8 {
    order: 8;
  }

  .ord-xl-9 {
    order: 9;
  }

  .ord-xl-10 {
    order: 10;
  }
}

@media (max-width: 1199px) and (min-width: 992px) {
  .ord-custom-1 {
    order: 1;
  }

  .ord-custom-2 {
    order: 2;
  }

  .ord-custom-3 {
    order: 3;
  }

  .ord-custom-4 {
    order: 4;
  }

  .ord-custom-5 {
    order: 5;
  }

  .ord-custom-6 {
    order: 6;
  }

  .ord-custom-7 {
    order: 7;
  }

  .ord-custom-8 {
    order: 8;
  }

  .ord-custom-9 {
    order: 9;
  }

  .ord-custom-10 {
    order: 10;
  }
}

@media (max-width: 991px) {
  /* .notification li {
      @apply pb-5;
    }
    user-profile valu page 
    .notification .card .card-body .flex .w-full p {
      @apply m-0;
    }
    .notification .card .card-body .flex .w-full h6 {
      @apply mt-2.5;
    } */

  .appointments-wrapper li .main-box span {
    display: block;
  }

  .balance-data {
    top: -42px;
    right: -65%;
  }

  [dir="rtl"] .balance-data {
    left: -65%;
  }

  .ord-md-1 {
    order: 1;
  }

  .ord-md-2 {
    order: 2;
  }

  .ord-md-3 {
    order: 3;
  }

  .ord-md-4 {
    order: 4;
  }

  .ord-md-5 {
    order: 5;
  }

  .ord-md-6 {
    order: 6;
  }

  .ord-md-7 {
    order: 7;
  }

  .ord-md-8 {
    order: 8;
  }

  .ord-md-9 {
    order: 9;
  }

  .ord-md-10 {
    order: 10;
  }
}

@media (min-width: 1400px) {
  .visitor-chart #visitor_chart {
    height: 122px;
    min-height: 0px !important;
  }
}

.main-divider {
  .divider-body {
    &:last-child {
      margin-bottom: 0 !important;
    }
    &:last-child {
      margin-bottom: 0px;
    }
    @media (max-width: 575px) {
      .media-dropdown &::before,.media-dropdown 
      &::after {
        margin-bottom: 15px;
      }
    }
    @media (max-width: 575px) {
       {
         {
          &::before,
      &::after {
          }
        }
      }
    }
    @media (max-width: 1199px) {
       {
        &::before,
      &::after {
          margin-left: 0;
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
             {
              &::before,
      &::after {
                text-align: left;
              }
            }
          }
        }
      }
    }
    &::before,
      &::after {
      flex-grow: 1;
    }
    div[class*="divider-p-"] {
      padding: 0.5rem;
    }
    @media (min-width: 1200px) {
       {
         {
           {
            .divider-circle {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            .divider-circle {
            }
          }
        }
      }
    }
    .divider-circle {
      display: flex;
    }
    .divider-circle {
      height: 45px;
    }
    .divider-circle {
      width: 45px;
    }
    .divider-circle {
      align-items: center;
    }
    .divider-circle {
      justify-content: center;
    }
    .divider-circle {
      border-radius: 50%;
    }
    .divider-circle {
      i {
        font-size: 1rem;
        line-height: 1.5rem;
      }
    }
  }
  .divider-body-1 {
    &::before,
      &::after {
      border-width: 1px;
    }
    &::before,
      &::after {
      border-style: solid;
    }
    &::before,
      &::after {
      --tw-content: "";
      content: var(--tw-content);
    }
  }
  .divider-body-2 {
    &::before,
      &::after {
      border-width: 1px;
    }
    &::before,
      &::after {
      border-style: dashed;
    }
    &::before,
      &::after {
      --tw-content: "";
      content: var(--tw-content);
    }
  }
  .divider-body-3 {
    @media (max-width: 575px) {
       {
         {
           {
            > &::before,> 
      &::after {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > &::before,> 
      &::after {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > &::before,> 
      &::after {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > &::before,> 
      &::after {
                width: 90%;
              }
            }
          }
        }
      }
    }
    &::before,
      &::after {
      width: 100%;
    }
    &::before,
      &::after {
      flex-grow: hidden;
    }
    &::before,
      &::after {
      border-width: 1px;
    }
    &::before,
      &::after {
      border-style: dotted;
    }
    &::before,
      &::after {
      --tw-content: "";
      content: var(--tw-content);
    }
  }
  .divider-body-4 {
    &::before,
      &::after {
      border-width: 1px;
    }
    &::before,
      &::after {
      border-style: double;
    }
    &::before,
      &::after {
      --tw-content: "";
      content: var(--tw-content);
    }
  }
  &.horizontal-variation {
    @media (min-width: 1200px) {
       {
         {
           {
            .divider {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            .divider {
            }
          }
        }
      }
    }
    .divider {
      margin-bottom: 0.25rem;
    }
    .divider {
      display: flex;
    }
    .divider {
      align-items: center;
    }
    .divider:last-child {
      margin-bottom: 0 !important;
    }
    .divider:last-child {
      margin-bottom: 0px;
    }
    .divider {
      &:before,
        &:after {
        flex: 1 1 0%;
      }
      &:before,
        &:after {
        --tw-content: "";
        content: var(--tw-content);
      }
      &.linear-line {
        &::before {
          margin-top: 0px;
          margin-bottom: 0px;
        }
        &::before {
          margin-left: 0px;
        }
        &::before {
          margin-right: 1.5rem;
        }
        &::before {
          height: 1px;
        }
        &::before {
          [dir="rtl"] & {
            margin-top: 0px;
            margin-bottom: 0px;
          }
          [dir="rtl"] & {
            margin-left: 1.5rem;
          }
          [dir="rtl"] & {
            margin-right: 0px;
          }
        }
        &::after {
          margin-top: 0px;
          margin-bottom: 0px;
        }
        &::after {
          margin-left: 1.5rem;
        }
        &::after {
          margin-right: 0px;
        }
        &::after {
          height: 1px;
        }
        &::after {
          [dir="rtl"] & {
            margin-top: 0px;
            margin-bottom: 0px;
          }
          [dir="rtl"] & {
            margin-left: 0px;
          }
          [dir="rtl"] & {
            margin-right: 1.5rem;
          }
        }
      }
      &.double-line {
        &:before,
          &:after {
          border-width: 0 !important;
        }
        &:before,
          &:after {
          height: 3px;
        }
        &:before,
          &:after {
          border-width: 0px;
        }
      }
      &.double-line-1 {
        &::before,
          &::after {
          --tw-shadow: 0 -0.6px 0 rgba(var(--theme-default),1),0 0.6px 0 rgba(var(--theme-default),1);
          --tw-shadow-colored: 0 -0.6px 0 var(--tw-shadow-color), 0 0.6px 0 var(--tw-shadow-color);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
        }
      }
      &.double-line-2 {
        &::before,
          &::after {
          --tw-shadow: 0 -1.6px 0 rgba(var(--theme-secondary),1),0 1.6px 0 rgba(var(--theme-secondary),1);
          --tw-shadow-colored: 0 -1.6px 0 var(--tw-shadow-color), 0 1.6px 0 var(--tw-shadow-color);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
        }
      }
      &.double-line-3 {
        &::before,
          &::after {
          --tw-shadow: 0 -2.6px 0 rgba(var(--success-color),1),0 2.6px 0 rgba(var(--success-color),1);
          --tw-shadow-colored: 0 -2.6px 0 var(--tw-shadow-color), 0 2.6px 0 var(--tw-shadow-color);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
        }
      }
      &.double-line-4 {
        &::before,
          &::after {
          --tw-shadow: 0 -3.6px 0 rgba(var(--warning-color),1),0 3.6px 0 rgba(var(--warning-color),1);
          --tw-shadow-colored: 0 -3.6px 0 var(--tw-shadow-color), 0 3.6px 0 var(--tw-shadow-color);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
        }
      }
      &.double-line-5 {
        &::before,
          &::after {
          --tw-shadow: 0 -3.6px 0 rgba(var(--danger-color),1),0 3.6px 0 rgba(var(--danger-color),1);
          --tw-shadow-colored: 0 -3.6px 0 var(--tw-shadow-color), 0 3.6px 0 var(--tw-shadow-color);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
        }
      }
      &.double-line-6 {
        &::before,
          &::after {
          --tw-shadow: 0 -3.6px 0 rgba(var(--info-color),1),0 3.6px 0 rgba(var(--info-color),1);
          --tw-shadow-colored: 0 -3.6px 0 var(--tw-shadow-color), 0 3.6px 0 var(--tw-shadow-color);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
        }
      }
    }
  }
  .vertical-divider {
    .vertical-line {
      min-height: 80px;
    }
    .vertical-line {
      border-left-width: 2px;
    }
    .vertical-line {
      border-style: dashed;
    }
    .vertical-line {
      border-color: rgba(var(--dark-card-background),1);
    }
    .vertical-line {
      [dir="rtl"] & {
        border-right-width: 2px;
      }
      [dir="rtl"] & {
        border-style: dashed;
      }
      [dir="rtl"] & {
        border-left-color: unset;
      }
    }
    p {
      padding: 0.5rem;
    }
  }
  .dotted-divider {
    .vertical-divider {
      .vertical-line {
        border-left-width: 2px;
      }
      .vertical-line {
        border-style: dotted;
      }
      .vertical-line {
        [dir="rtl"] & {
          border-right-width: 2px;
        }
        [dir="rtl"] & {
          border-style: dotted;
        }
        [dir="rtl"] & {
          border-left-color: unset;
        }
      }
    }
  }
  .double-divider {
    .vertical-divider {
      .vertical-line {
        border-width: 3px;
      }
      .vertical-line {
        border-style: double;
      }
    }
  }
}

.animated-divider {
  display: block;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media (max-width: 575px) {
   {
     {
       {
        > .animated-divider {
          width: 90%;
        }
      }
    }
     {
       {
         {
          > .animated-divider {
            width: 90%;
          }
        }
      }
    }
     {
       {
        > .animated-divider {
          width: 90%;
        }
      }
    }
     {
       {
         {
          > .animated-divider {
            width: 90%;
          }
        }
      }
    }
  }
}

.animated-divider {
  position: relative;
  display: block;
  height: 1px;
  width: 100%;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  @media (max-width: 575px) {
     {
       {
         {
          > &:after,> 
    &:before {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > &:after,> 
    &:before {
              width: 90%;
            }
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          > &:after,> 
    &:before {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > &:after,> 
    &:before {
              width: 90%;
            }
          }
        }
      }
    }
  }
  &:after,
    &:before {
    position: absolute;
  }
  &:after,
    &:before {
    left: 0px;
  }
  &:after,
    &:before {
    bottom: 50%;
  }
  &:after,
    &:before {
    height: 1px;
  }
  &:after,
    &:before {
    width: 100%;
  }
  &:after,
    &:before {
    --tw-content: "";
    content: var(--tw-content);
  }
  &:after,
    &:before {
    [dir="rtl"] & {
      left: unset;
    }
    [dir="rtl"] & {
      right: 0px;
    }
  }
  &:after {
    transition: opacity 0.3s ease, animation 0.3s ease;
    background: linear-gradient(
        to right,
        rgba(var(--success-color), 1) 5%,
        rgba(var(--warning-color), 1) 15%,
        rgba(var(--warning-color), 1) 25%,
        rgba(var(--danger-color), 1) 35%,
        rgba(var(--danger-color), 1) 45%,
        rgba(var(--theme-default), 1) 55%,
        rgba(var(--theme-default), 1) 65%,
        rgba(var(--info-color), 1) 75%,
        rgba(var(--info-color), 1) 85%,
        rgba(var(--success-color), 1) 95%
      );
    background-size: 200%;
    background-position: 0%;
    animation-duration: 2s;
    animation: linear-line 15s linear infinite;
  }
  &.animated-line:before {
    z-index: 1;
  }
  &.animated-line:before {
    animation: linear-line 16s linear infinite;
  }
  &.animated-line:before {
    background-size: 15px 10px;
  }
  &.animated-line:before {
    background-position: center;
  }
  &.animated-line:before {
    background: linear-gradient(
        90deg,
        rgba(var(--white), 1) 0%,
        rgba(var(--white), 1) 5%,
        transparent 5%,
        transparent 10%,
        rgba(var(--white), 1) 10%,
        rgba(var(--white), 1) 15%,
        transparent 15%,
        transparent 20%,
        rgba(var(--white), 1) 20%,
        rgba(var(--white), 1) 25%,
        transparent 25%,
        transparent 30%,
        rgba(var(--white), 1) 30%,
        rgba(var(--white), 1) 35%,
        transparent 35%,
        transparent 40%,
        rgba(var(--white), 1) 40%,
        rgba(var(--white), 1) 45%,
        transparent 45%,
        transparent 50%,
        rgba(var(--white), 1) 50%,
        rgba(var(--white), 1) 55%,
        transparent 55%,
        transparent 60%,
        rgba(var(--white), 1) 60%,
        rgba(var(--white), 1) 65%,
        transparent 65%,
        transparent 70%,
        rgba(var(--white), 1) 70%,
        rgba(var(--white), 1) 75%,
        transparent 75%,
        transparent 80%,
        rgba(var(--white), 1) 80%,
        rgba(var(--white), 1) 85%,
        transparent 85%,
        transparent 90%,
        rgba(var(--white), 1) 90%,
        rgba(var(--white), 1) 95%,
        transparent 95%,
        transparent 100%
      );
  }
  &:hover {
    &:before {
      animation-duration: 20s;
    }
  }
}

.divider-h-line {
  margin-top: 22px;
  margin-bottom: 22px;
  height: 1px;
}

.divider-h-line:first-child {
  margin-top: 0 !important;
}

.divider-h-line:last-child {
  margin-bottom: 0 !important;
}

.divider-h-line:first-child {
  margin-top: 0px;
}

.divider-h-line:last-child {
  margin-bottom: 0px;
}

.vr {
  margin-left: 18px;
  margin-right: 18px;
  height: 10rem;
  opacity: 1;
}

.divider-body {
  &.divider-primary {
    &::before,
      &::after {
      border-color: rgba(var(--theme-default),1);
    }
  }
  &.divider-secondary {
    &::before,
      &::after {
      border-color: rgba(var(--theme-secondary),1);
    }
  }
  &.divider-success {
    &::before,
      &::after {
      border-color: rgba(var(--success-color),1);
    }
  }
  &.divider-info {
    &::before,
      &::after {
      border-color: rgba(var(--info-color),1);
    }
  }
  &.divider-warning {
    &::before,
      &::after {
      border-color: rgba(var(--warning-color),1);
    }
  }
  &.divider-dark {
    &::before,
      &::after {
      --tw-border-opacity: 1;
      border-color: rgb(63 71 90 / var(--tw-border-opacity, 1));
    }
  }
  &.divider-danger {
    &::before,
      &::after {
      border-color: rgba(var(--danger-color),1);
    }
  }
}

@keyframes linear-line {
  0% {
    background-position: 0%;
  }

  100% {
    background-position: 200%;
  }
}

.custom-border {
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--light-gray),1);
}

.custom-border-t {
  border-top-width: 1px;
  border-style: solid;
  border-color: rgba(var(--light-gray),1);
}

.custom-border-l {
  border-left-width: 1px;
  border-style: solid;
  border-color: rgba(var(--light-gray),1);
}

.custom-border-r {
  border-right-width: 1px;
  border-style: solid;
  border-color: rgba(var(--light-gray),1);
}

.custom-border-b {
  border-bottom-width: 1px;
  border-style: solid;
  border-color: rgba(var(--light-gray),1);
}

@media (min-width: 1200px) {
   {
     {
       {
        .helper-common-box {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .helper-common-box {
        }
      }
    }
  }
}

.helper-common-box {
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.helper-common-box:last-child {
  margin-bottom: 0 !important;
  margin-bottom: 0px;
}

.helper-common-box {
  &.helper-p-wrapper {
    margin-bottom: 0 !important;
  }
  &.helper-p-wrapper {
    margin-bottom: 0px;
  }
  &.helper-p-wrapper {
    flex-wrap: wrap;
  }
  &.helper-p-wrapper {
    gap: 0.75rem;
  }
  .border-common-box {
    padding: 1rem !important;
  }
  .border-common-box {
    height: 50px;
  }
  .border-common-box {
    width: auto;
  }
  .border-common-box {
    border-radius: 10px;
  }
  .border-common-box {
    border-color: rgba(var(--recent-dashed-border),1);
  }
  .border-common-box {
    background-color: rgba(var(--light-background),1);
  }
  .border-common-box {
    padding: 0.75rem;
  }
  .border {
    --tw-border-color: var(--recent-border) !important;
  }
  [class*="border-"] {
    --tw-border-color: var(--recent-border) !important;
  }
}

.txt-space {
  div {
    margin-bottom: 24px !important;
  }
  div {
    margin-bottom: 1rem;
  }
  div {
    &:nth-child(7) {
      margin-bottom: 0 !important;
    }
    &:nth-child(7) {
      margin-bottom: 0px;
    }
  }
}

.border-wrapper {
  padding: 1.25rem;
}

.fill-wrapper {
  background-color: rgba(var(--light-color),1);
}

@media (min-width: 1200px) {
   {
     {
       {
        .gradient-border {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .gradient-border {
        }
      }
    }
  }
}

.gradient-border {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 22px;
}

.radius-wrapper {
  background-color: rgba(var(--light-semi-gray),1);
}

@media (min-width: 1200px) {
   {
     {
       {
        .font-wrapper {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .font-wrapper {
        }
      }
    }
  }
}

.font-wrapper {
  display: flex;
  align-items: center;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

@media (min-width: 1200px) {
   {
     {
       {
        .helper-padding {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .helper-padding {
        }
      }
    }
  }
}

.helper-padding {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

@media (min-width: 1200px) {
   {
     {
       {
        .helper-p-box {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .helper-p-box {
        }
      }
    }
  }
}

.helper-p-box {
  display: flex;
  align-items: center;
  justify-content: center;
  span {
    color: rgba(var(--body-font-color),1);
  }
}

@media (min-width: 1200px) {
   {
     {
       {
        .common-p-box {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .common-p-box {
        }
      }
    }
  }
}

.common-p-box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.75rem;
}

.progress-showcase {
  .progress {
    margin-bottom: 0.625rem;
  }
  .progress {
    overflow: hidden !important;
  }
  .progress:last-child {
    margin-bottom: 0 !important;
  }
  .progress:last-child {
    margin-bottom: 0px;
  }
  .progress {
    &.overflow-visible {
      overflow: visible !important;
    }
  }
}

.sm-progress-bar {
  height: 0.5rem;
}

.lg-progress-bar {
  height: 1.25rem;
}

.progress-number {
  button {
    text-align: center !important;
  }
  button {
    border-width: 0 !important;
  }
  @media (max-width: 767px) {
     {
      button {
      }
    }
  }
  button {
    height: 2rem;
  }
  button {
    width: 2rem;
  }
  button {
    border-width: 0px;
  }
  button {
    text-align: center !important;
  }
  button {
    color: rgba(var(--white),1);
  }
  .progress-wrapper {
    height: 1px;
  }
  .progress-wrapper {
    &.progress {
      background-color: rgba(var(--recent-dashed-border),1);
    }
    .progress-bar {
      background-color: rgba(var(--theme-default),1);
    }
  }
}

button {
  &.progress-btn {
    border-color: rgba(var(--light-chartist-grid-color),1);
  }
  &.progress-btn {
    background-color: rgba(var(--light-chartist-grid-color),1);
  }
  &.progress-btn {
    color: rgba(var(--body-font-color),1);
  }
}

.small-progressbar {
  position: relative;
  overflow: visible;
}

.small-progressbar::after {
  position: absolute;
  right: -9px;
  top: -0.125rem;
  height: 0.75rem;
  width: 0.75rem;
  border-radius: 100%;
  background-color: rgba(var(--theme-default),1);
  --tw-content: "";
  content: var(--tw-content);
}

.small-progressbar {
  [dir="rtl"] &::after {
    left: -9px;
  }
  [dir="rtl"] &::after {
    right: unset;
  }
  .progress-label {
    position: absolute;
  }
  .progress-label {
    top: -26px;
  }
  .progress-label {
    right: -0.375rem;
  }
  .progress-label {
    font-weight: 700;
  }
  .progress-label {
    [dir="rtl"] & {
      left: -0.375rem;
    }
    [dir="rtl"] & {
      right: unset;
    }
  }
  .animate-circle {
    position: absolute;
  }
  .animate-circle {
    top: -11px;
  }
  .animate-circle {
    right: -18px;
  }
  .animate-circle {
    height: 30px;
  }
  .animate-circle {
    width: 30px;
  }
  .animate-circle {
    border-radius: 70px;
  }
  .animate-circle {
    border-width: 14px;
  }
  .animate-circle {
    border-style: solid;
  }
  .animate-circle {
    border-color: rgba(var(--theme-default),0.1);
  }
  .animate-circle {
    animation: heart 1s ease-in-out linear infinite;
    [dir="rtl"] & {
      left: -18px;
    }
    [dir="rtl"] & {
      right: unset;
    }
  }
}

.progress-b-space {
  .progress {
    margin-bottom: 35px;
  }
}

.sm-progress-bar {
  height: 0.5rem !important;
  overflow: unset !important;
}

.translate-middle {
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@media (min-width: 1200px) {
   {
     {
       {
        .progress {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .progress {
        }
      }
    }
  }
}

.progress {
  display: flex;
  height: var(--tw-progress-height);
  overflow: hidden;
  border-radius: 0.375rem;
  background-color: rgba(var(--dropdown-border-color),0.1);
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-progress-height: 16px;
  --tw-progress-font-size: 12px;
  --tw-progress-bg: rgba(var(--dropdown-border-color), 0.3);
  --tw-progress-border-radius: var(--tw-border-radius);
  --tw-progress-box-shadow: var(--tw-box-shadow-inset);
  --tw-progress-bar-color: rgba(var(--white), 1);
  --tw-progress-bar-bg: #0d6efd;
  --tw-progress-bar-transition: width 0.6s ease;
}

@media (min-width: 1200px) {
   {
     {
       {
        .progress-stacked {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .progress-stacked {
        }
      }
    }
  }
}

.progress-stacked {
  display: flex;
  height: 1rem;
  overflow: hidden;
  border-radius: 0.375rem;
  background-color: rgba(var(--dropdown-border-color),0.3);
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-progress-height: 16px;
  --tw-progress-font-size: 12px;
  --tw-progress-bg: rgba(var(--dropdown-border-color), 0.3);
  --tw-progress-border-radius: 6px;
  --tw-progress-box-shadow: var(--tw-box-shadow-inset);
  --tw-progress-bar-color: rgba(var(--white), 1);
  --tw-progress-bar-bg: rgba(var(--primary-color), 1);
  --tw-progress-bar-transition: width 0.6s ease;
}

.progress-bar-striped {
  background-size: 16px 25px;
  background-image: linear-gradient(120deg, rgba(var(--white), 0.15) 25%, transparent 25%, transparent 50%, rgba(var(--white), 0.15) 50%, rgba(var(--white), 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-animated {
  animation: progress-bar-stripes 5s linear infinite;
}

.step-progress-wrapper {
  .step-progress-box {
    @media (max-width: 1800px) and (min-width: 1400px) {
       {
        ul {
        }
      }
    }
    @media (max-width: 767px) {
       {
        ul {
        }
      }
    }
    @media (max-width: 360px) {
       {
        ul {
        }
      }
    }
    @media (max-width: 1280px) {
      .t-top-mentor ul div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        position: relative;
      }

      .t-top-mentor ul div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        left: 0px;
      }

      .t-top-mentor ul div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        right: unset;
      }

      .t-top-mentor ul div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        top: 0.25rem;
      }

      .t-top-mentor ul div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        margin-bottom: 1.25rem;
      }

      .t-top-mentor ul div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        width: 80%;
      }

      .t-top-mentor ul div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
      }

      .completed-course-table ul div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        position: relative;
      }

      .completed-course-table ul div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        left: 0px;
      }

      .completed-course-table ul div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        right: unset;
      }

      .completed-course-table ul div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        top: 0.25rem;
      }

      .completed-course-table ul div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        margin-bottom: 1.25rem;
      }

      .completed-course-table ul div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        width: 80%;
      }

      .completed-course-table ul div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
      }
    }
    @media (max-width: 1280px) {
      .t-top-mentor ul div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        position: relative;
      }

      .t-top-mentor ul div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        left: 0px;
      }

      .t-top-mentor ul div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        right: unset;
      }

      .t-top-mentor ul div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        top: 0.25rem;
      }

      .t-top-mentor ul div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        margin-bottom: 1.25rem;
      }

      .t-top-mentor ul div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        width: 80%;
      }

      .t-top-mentor ul div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
      }

      .completed-course-table ul div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        position: relative;
      }

      .completed-course-table ul div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        left: 0px;
      }

      .completed-course-table ul div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        right: unset;
      }

      .completed-course-table ul div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        top: 0.25rem;
      }

      .completed-course-table ul div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        margin-bottom: 1.25rem;
      }

      .completed-course-table ul div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        width: 80%;
      }

      .completed-course-table ul div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
      }
    }
    @media (max-width: 1280px) {
      .t-top-mentor ul div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        position: relative;
      }

      .t-top-mentor ul div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        left: 0px;
      }

      .t-top-mentor ul div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        right: unset;
      }

      .t-top-mentor ul div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        top: 0.25rem;
      }

      .t-top-mentor ul div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        margin-bottom: 1.25rem;
      }

      .t-top-mentor ul div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        width: 80%;
      }

      .t-top-mentor ul div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
      }

      .completed-course-table ul div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        position: relative;
      }

      .completed-course-table ul div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        left: 0px;
      }

      .completed-course-table ul div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        right: unset;
      }

      .completed-course-table ul div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        top: 0.25rem;
      }

      .completed-course-table ul div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        margin-bottom: 1.25rem;
      }

      .completed-course-table ul div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        width: 80%;
      }

      .completed-course-table ul div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
      }
    }
    @media (max-width: 1280px) {
      .t-top-mentor ul div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        position: relative;
      }

      .t-top-mentor ul div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        left: 0px;
      }

      .t-top-mentor ul div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        right: unset;
      }

      .t-top-mentor ul div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        top: 0.25rem;
      }

      .t-top-mentor ul div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        margin-bottom: 1.25rem;
      }

      .t-top-mentor ul div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        width: 80%;
      }

      .t-top-mentor ul div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
      }

      .completed-course-table ul div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        position: relative;
      }

      .completed-course-table ul div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        left: 0px;
      }

      .completed-course-table ul div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        right: unset;
      }

      .completed-course-table ul div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        top: 0.25rem;
      }

      .completed-course-table ul div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        margin-bottom: 1.25rem;
      }

      .completed-course-table ul div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        width: 80%;
      }

      .completed-course-table ul div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
      }
    }
    @media (max-width: 1600px) {
      .t-top-mentor ul div.dt-container .dt-layout-row:last-child {
        flex-direction: column;
      }

      .completed-course-table ul div.dt-container .dt-layout-row:last-child {
        flex-direction: column;
      }
    }
    @media (max-width: 1600px) {
      .t-top-mentor ul div.dt-container .dt-layout-row:last-child {
        flex-direction: column;
      }

      .completed-course-table ul div.dt-container .dt-layout-row:last-child {
        flex-direction: column;
      }
    }
    @media (max-width: 1660px) {
      ul.currency-table.recent-table.average-sale div.dt-container .dt-layout-row:last-child {
        flex-direction: column;
      }

      ul.currency-table.recent-table.performer-table div.dt-container .dt-layout-row:last-child {
        flex-direction: column;
      }
    }
    @media (max-width: 1660px) {
      ul.currency-table.recent-table.average-sale div.dt-container .dt-layout-row:last-child {
        flex-direction: column;
      }

      ul.currency-table.recent-table.performer-table div.dt-container .dt-layout-row:last-child {
        flex-direction: column;
      }
    }
    @media (max-width: 1199px) {
      ul.currency-table.recent-table.average-sale div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        position: relative;
      }

      ul.currency-table.recent-table.average-sale div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        left: 1.25rem;
      }

      ul.currency-table.recent-table.average-sale div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        top: 0.25rem;
      }

      ul.currency-table.recent-table.average-sale div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        margin-bottom: 1.25rem;
      }

      ul.currency-table.recent-table.average-sale div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        width: -moz-fit-content;
        width: fit-content;
      }

      ul.currency-table.recent-table.performer-table div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        position: relative;
      }

      ul.currency-table.recent-table.performer-table div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        left: 1.25rem;
      }

      ul.currency-table.recent-table.performer-table div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        top: 0.25rem;
      }

      ul.currency-table.recent-table.performer-table div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        margin-bottom: 1.25rem;
      }

      ul.currency-table.recent-table.performer-table div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        width: -moz-fit-content;
        width: fit-content;
      }

       {
         {
           {
            &ul {
            }
          }
        }
      }
    }
    @media (max-width: 1199px) {
      ul.currency-table.recent-table.average-sale div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        position: relative;
      }

      ul.currency-table.recent-table.average-sale div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        left: 1.25rem;
      }

      ul.currency-table.recent-table.average-sale div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        top: 0.25rem;
      }

      ul.currency-table.recent-table.average-sale div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        margin-bottom: 1.25rem;
      }

      ul.currency-table.recent-table.average-sale div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        width: -moz-fit-content;
        width: fit-content;
      }

      ul.currency-table.recent-table.performer-table div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        position: relative;
      }

      ul.currency-table.recent-table.performer-table div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        left: 1.25rem;
      }

      ul.currency-table.recent-table.performer-table div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        top: 0.25rem;
      }

      ul.currency-table.recent-table.performer-table div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        margin-bottom: 1.25rem;
      }

      ul.currency-table.recent-table.performer-table div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        width: -moz-fit-content;
        width: fit-content;
      }

       {
         {
           {
            &ul {
            }
          }
        }
      }
    }
    @media (max-width: 1199px) {
      ul.currency-table.recent-table.average-sale div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        position: relative;
      }

      ul.currency-table.recent-table.average-sale div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        left: 1.25rem;
      }

      ul.currency-table.recent-table.average-sale div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        top: 0.25rem;
      }

      ul.currency-table.recent-table.average-sale div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        margin-bottom: 1.25rem;
      }

      ul.currency-table.recent-table.average-sale div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        width: -moz-fit-content;
        width: fit-content;
      }

      ul.currency-table.recent-table.performer-table div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        position: relative;
      }

      ul.currency-table.recent-table.performer-table div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        left: 1.25rem;
      }

      ul.currency-table.recent-table.performer-table div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        top: 0.25rem;
      }

      ul.currency-table.recent-table.performer-table div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        margin-bottom: 1.25rem;
      }

      ul.currency-table.recent-table.performer-table div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        width: -moz-fit-content;
        width: fit-content;
      }

       {
         {
           {
            &ul {
            }
          }
        }
      }
    }
    @media (max-width: 767px) {
       {
         {
           {
            &ul {
            }
          }
        }
      }
    }
    @media (max-width: 1366px) and (min-width: 1200px) {
      ul.currency-table.recent-table.average-sale div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        display: none;
      }
    }
    @media (max-width: 1580px) and (min-width: 1200px) {
       {
         {
          &ul {
          }
        }
      }
    }
    @media (max-width: 1399px) and (min-width: 1200px) {
       {
         {
          &ul {
          }
        }
      }
    }
    @media (max-width: 1399px) {
      .campaign-table ul.recent-table div.dt-container .dt-layout-row:last-child {
        flex-direction: column;
      }
    }
    @media (max-width: 1580px) and (min-width: 1200px) {
       {
         {
          &ul {
          }
        }
      }
    }
    @media (max-width: 1660px) and (min-width: 1200px) {
       {
         {
          &ul {
          }
        }
      }
    }
    @media (max-width: 1580px) and (min-width: 1200px) {
       {
         {
          &ul {
          }
        }
      }
    }
    @media (max-width: 1366px) and (min-width: 1200px) {
       {
         {
          &ul {
          }
        }
      }
    }
    @media (max-width: 1199px) {
      .unpaid-fees-table ul.recent-table div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        position: relative;
      }

      .unpaid-fees-table ul.recent-table div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        left: 1.25rem;
      }

      .unpaid-fees-table ul.recent-table div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        top: 0.25rem;
      }

      .unpaid-fees-table ul.recent-table div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        margin-bottom: 1.25rem;
      }

       {
         {
          &ul {
          }
        }
      }

      .top-student-table ul.recent-table div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        position: relative;
      }

      .top-student-table ul.recent-table div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        left: 1.25rem;
      }

      .top-student-table ul.recent-table div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        top: 0.25rem;
      }

      .top-student-table ul.recent-table div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        margin-bottom: 1.25rem;
      }
    }
    @media (max-width: 1199px) {
      .unpaid-fees-table ul.recent-table div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        position: relative;
      }

      .unpaid-fees-table ul.recent-table div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        left: 1.25rem;
      }

      .unpaid-fees-table ul.recent-table div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        top: 0.25rem;
      }

      .unpaid-fees-table ul.recent-table div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        margin-bottom: 1.25rem;
      }

       {
         {
          &ul {
          }
        }
      }

      .top-student-table ul.recent-table div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        position: relative;
      }

      .top-student-table ul.recent-table div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        left: 1.25rem;
      }

      .top-student-table ul.recent-table div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        top: 0.25rem;
      }

      .top-student-table ul.recent-table div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        margin-bottom: 1.25rem;
      }
    }
    @media (max-width: 1199px) {
      .unpaid-fees-table ul.recent-table div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        position: relative;
      }

      .unpaid-fees-table ul.recent-table div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        left: 1.25rem;
      }

      .unpaid-fees-table ul.recent-table div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        top: 0.25rem;
      }

      .unpaid-fees-table ul.recent-table div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        margin-bottom: 1.25rem;
      }

       {
         {
          &ul {
          }
        }
      }

      .top-student-table ul.recent-table div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        position: relative;
      }

      .top-student-table ul.recent-table div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        left: 1.25rem;
      }

      .top-student-table ul.recent-table div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        top: 0.25rem;
      }

      .top-student-table ul.recent-table div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        margin-bottom: 1.25rem;
      }
    }
    @media (max-width: 1600px) {
       {
         {
          &ul {
          }
        }
      }
    }
    @media (max-width: 1500px) {
      .new-enroll-student ul.recent-table div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        position: relative;
      }

      .new-enroll-student ul.recent-table div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        left: -1.25rem;
      }

      .new-enroll-student ul.recent-table div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        top: 0.25rem;
      }

      .new-enroll-student ul.recent-table div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        margin-bottom: 1.25rem;
      }

      .new-enroll-student ul.recent-table div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        width: 75%;
      }
    }
    @media (max-width: 1199px) {
       {
        &ul {
        }
      }
    }
    @media (max-width: 1660px) and (min-width: 1400px) {
       {
        &ul {
        }
      }
    }
    @media (max-width: 1660px) {
      ul.leave-request-table div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        display: none;
      }
    }
    @media (max-width: 640px) {
       {
         {
          ul {
          }
        }
      }
    }
    @media (max-width: 767px){
      {
        {
          ul{
          }
        }
      }

      {
        {
          ul{
          }
        }
      }

      {
        {
          ul{
          }
        }
      }

      {
        {
          ul{
          }
        }
      }

      {
        {
          ul{
          }
        }
        {
          ul{
          }
        }
        {
          ul{
          }
        }
        {
          ul{
          }
        }
        {
          ul{
          }
        }
      }
    }
    @media (max-width: 767px){
      {
        {
          ul{
          }
        }
      }

      {
        {
          ul{
          }
        }
      }

      {
        {
          ul{
          }
        }
      }

      {
        {
          ul{
          }
        }
      }

      {
        {
          ul{
          }
        }
        {
          ul{
          }
        }
        {
          ul{
          }
        }
        {
          ul{
          }
        }
        {
          ul{
          }
        }
      }
    }
    @media (max-width: 767px){
      {
        {
          ul{
          }
        }
      }

      {
        {
          ul{
          }
        }
      }

      {
        {
          ul{
          }
        }
      }

      {
        {
          ul{
          }
        }
      }

      {
        {
          ul{
          }
        }
        {
          ul{
          }
        }
        {
          ul{
          }
        }
        {
          ul{
          }
        }
        {
          ul{
          }
        }
      }
    }
    @media (max-width: 767px){
      {
        {
          ul{
          }
        }
      }

      {
        {
          ul{
          }
        }
      }

      {
        {
          ul{
          }
        }
      }

      {
        {
          ul{
          }
        }
      }

      {
        {
          ul{
          }
        }
        {
          ul{
          }
        }
        {
          ul{
          }
        }
        {
          ul{
          }
        }
        {
          ul{
          }
        }
      }
    }
    @media (max-width: 767px){
      {
        {
          ul{
          }
        }
      }

      {
        {
          ul{
          }
        }
      }

      {
        {
          ul{
          }
        }
      }

      {
        {
          ul{
          }
        }
      }

      {
        {
          ul{
          }
        }
        {
          ul{
          }
        }
        {
          ul{
          }
        }
        {
          ul{
          }
        }
        {
          ul{
          }
        }
      }
    }
    @media (max-width: 767px){
      {
        {
          ul{
          }
        }
      }

      {
        {
          ul{
          }
        }
      }

      {
        {
          ul{
          }
        }
      }

      {
        {
          ul{
          }
        }
      }

      {
        {
          ul{
          }
        }
        {
          ul{
          }
        }
        {
          ul{
          }
        }
        {
          ul{
          }
        }
        {
          ul{
          }
        }
      }
    }
    @media (max-width: 767px){
      {
        {
          ul{
          }
        }
      }

      {
        {
          ul{
          }
        }
      }

      {
        {
          ul{
          }
        }
      }

      {
        {
          ul{
          }
        }
      }

      {
        {
          ul{
          }
        }
        {
          ul{
          }
        }
        {
          ul{
          }
        }
        {
          ul{
          }
        }
        {
          ul{
          }
        }
      }
    }
    @media (max-width: 767px){
      {
        {
          ul{
          }
        }
      }

      {
        {
          ul{
          }
        }
      }

      {
        {
          ul{
          }
        }
      }

      {
        {
          ul{
          }
        }
      }

      {
        {
          ul{
          }
        }
        {
          ul{
          }
        }
        {
          ul{
          }
        }
        {
          ul{
          }
        }
        {
          ul{
          }
        }
      }
    }
    @media (max-width: 767px){
      {
        {
          ul{
          }
        }
      }

      {
        {
          ul{
          }
        }
      }

      {
        {
          ul{
          }
        }
      }

      {
        {
          ul{
          }
        }
      }

      {
        {
          ul{
          }
        }
        {
          ul{
          }
        }
        {
          ul{
          }
        }
        {
          ul{
          }
        }
        {
          ul{
          }
        }
      }
    }
    @media (max-width: 575px) {
      {
        {
          ul{
          }
        }
      }
    }
    @media (max-width: 1470px) {
       {
        ul {
        }
      }

       {
        &ul {
        }
      }
    }
    @media (max-width: 1470px) {
       {
        ul {
        }
      }

       {
        &ul {
        }
      }
    }
    @media (max-width: 1199px) {
       {
         {
          ul {
          }
        }
      }

       {
         {
          ul {
          }
        }
      }
    }
    @media (max-width: 1199px) {
       {
         {
          ul {
          }
        }
      }

       {
         {
          ul {
          }
        }
      }
    }
    @media (max-width: 1399px) and (min-width: 1200px) {
       {
         {
          ul {
          }
        }
      }
    }
    ul {
      overflow-x: auto;
    }
    ul {
      overflow-y: hidden;
    }
  }
  @media (min-width: 1200px) {
     {
       {
         {
          .progress-box {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          > .progress-box {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > .progress-box {
              width: 90%;
            }
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          > .progress-box {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > .progress-box {
              width: 90%;
            }
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .progress-box {
          }
        }
      }
    }
  }
  .progress-box {
    display: flex;
  }
  .progress-box {
    height: auto;
  }
  .progress-box {
    width: 100%;
  }
  .progress-box {
    align-items: center;
  }
  .progress-box {
    justify-content: center;
  }
  @media (min-width: 1200px) {
     {
       {
         {
          ul {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          ul {
          }
        }
      }
    }
  }
  ul {
    display: flex;
  }
  ul {
    @media (min-width: 1200px) {
       {
         {
           {
            li {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            li {
            }
          }
        }
      }
    }
    li {
      margin-left: 30px;
      margin-right: 30px;
    }
    li {
      margin-top: 0px;
      margin-bottom: 0px;
    }
    li {
      display: flex;
    }
    li {
      flex-direction: column;
    }
    li {
      align-items: center;
    }
    li {
      justify-content: center;
    }
    li:first-child {
      margin-left: 0px;
    }
    li:last-child {
      margin-right: 0px;
    }
    li {
      list-style: none;
      [dir="rtl"] &:first-child {
        margin-left: 30px;
      }
      [dir="rtl"] &:first-child {
        margin-right: 0px;
      }
      [dir="rtl"] &:last-child {
        margin-left: 0px;
      }
      [dir="rtl"] &:last-child {
        margin-right: 30px;
      }
      svg {
        margin-left: 30px;
        margin-right: 30px;
      }
      svg {
        margin-top: 0px;
        margin-bottom: 0px;
      }
      svg {
        color: rgba(var(--success-color),1);
      }
      .p-step {
        svg {
          margin: 0px !important;
        }
        svg {
          margin: 0px;
        }
        svg {
          display: none;
        }
        svg {
          color: rgba(var(--white),1);
        }
      }
      h6 {
        font-family: bold;
      }
      h6 {
        font-size: 0.875rem;
        line-height: 1.25rem;
      }
      h6 {
        letter-spacing: 1px;
      }
      h6 {
        color: rgba(var(--success-color),1);
      }
      .p-step {
        display: grid;
      }
      .p-step > div {
        position: relative;
      }
      @media (max-width: 575px) {
         {
           {
             {
              .p-step {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              .p-step {
              }
            }
          }
        }
      }
      .p-step {
        position: relative;
      }
      .p-step {
        margin-left: 0px;
        margin-right: 0px;
      }
      .p-step {
        margin-top: 1rem;
      }
      .p-step {
        margin-bottom: 0.625rem;
      }
      .p-step {
        display: grid;
      }
      .p-step {
        height: 30px;
      }
      .p-step {
        width: 30px;
      }
      .p-step {
        cursor: pointer;
      }
      .p-step {
        place-items: center;
      }
      .p-step {
        border-radius: 50%;
      }
      .p-step {
        background-color: rgba(var(--success-color),1);
      }
      .p-step {
        p {
          margin: 0px !important;
        }
        p {
          margin: 0px;
        }
        p {
          color: rgba(var(--white),1);
        }
      }
      .active {
        background-color: rgba(var(--success-color),1);
      }
      .active {
        &::after {
          background-color: rgba(var(--success-color),1);
        }
        p {
          display: none;
        }
        @media (min-width: 1200px) {
           {
             {
               {
                svg {
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                svg {
                }
              }
            }
          }
        }
        svg {
          z-index: 2;
        }
        svg {
          display: flex;
        }
        svg {
          height: 0.875rem;
        }
        svg {
          width: 0.875rem;
        }
      }
    }
  }
  .p-step::after {
    position: absolute;
  }
  .p-step::after {
    right: 0px;
  }
  .p-step::after {
    height: 3px;
  }
  .p-step::after {
    width: 10rem;
  }
  .p-step::after {
    background-color: transparent;
  }
  .p-step::after {
    --tw-content: "";
    content: var(--tw-content);
  }
  .p-step::after {
    [dir="rtl"] & {
      left: 0px;
    }
    [dir="rtl"] & {
      right: unset;
    }
  }
  .first::after {
    height: 0px;
  }
  .first::after {
    width: 0px;
  }
}

.placeholder-light {
  background-color: rgba(var(--dark-color),1);
  opacity: 0.08;
}

.loading-card-wrapper {
  img {
    height: calc(125px + (200 - 125) * ((100vw - 320px) / (1920 - 320)));
  }
  img {
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.placeholder.table {
  white-space: pre-wrap !important;
}

.placeholder {
  display: inline-block;
  min-height: 1em;
  cursor: wait;
  vertical-align: middle;
  opacity: 0.5;
}

@media (min-width: 1200px) {
   {
     {
       {
        .placeholder-body {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .placeholder-body {
        }
      }
    }
  }
}

.placeholder-body {
  display: flex;
  align-items: center;
  gap: 0.875rem;
  .placeholder-start {
    .square {
      height: calc(50px + (60 - 50) * ((100vw - 320px) / (1920 - 320)));
    }
    .square {
      width: calc(50px + (60 - 50) * ((100vw - 320px) / (1920 - 320)));
    }
    .square {
      border-radius: 5px;
    }
    .square {
      background-position: 800px 100px;
    }
    .square {
      animation: wave-square-lines 6s infinite ease-out;
      background: linear-gradient(to right, rgba(var(--dark-gray), 0.02) 2%, rgba(130, 130, 130, 0.02) 2%, rgba(var(--dark-gray), 0.1) 14%);
    }
  }
  .placeholder-end {
    flex: 1 1 0%;
  }
  .placeholder-end {
    .placeholder-line {
      margin-bottom: 0.375rem;
    }
    .placeholder-line {
      height: 0.75rem;
    }
    .placeholder-line {
      border-radius: 0.125rem;
    }
    .placeholder-line {
      background-position: 800px 100px;
    }
    .placeholder-line:last-child {
      margin-bottom: 0 !important;
    }
    .placeholder-line:last-child {
      margin-bottom: 0px;
    }
    .placeholder-line {
      animation: wave-left-lines 6s infinite ease-out;
      background: linear-gradient(to right, rgba(var(--dark-gray), 0.02) 2%, rgba(130, 130, 130, 0.02) 2%, rgba(var(--dark-gray), 0.1) 14%);
    }
  }
}

.animation-placeholder {
  p {
    margin-bottom: 0 !important;
  }
  p {
    margin-bottom: 0px;
  }
}

.placeholder-light {
  background-color: rgba(var(--dark-color),1);
  opacity: 0.08;
}

.placeholder-glow {
  .placeholder {
    animation: placeholder-glow 2s ease-in-out infinite;
  }
}

.main-offcanvas-wrapper {
  .card-body {
    [class*="offcanvas-"] {
      .offcanvas-body {
        .form-select,
          .form-control {
          font-size: 13px;
        }
        .form-select,
          .form-control {
          color: rgba(var(--badge-light-color),1);
        }
        .form-label {
          color: rgba(var(--theme-font-color),1);
        }
      }
    }
  }
}

.common-offcanvas {
  .offcanvas {
    position: fixed;
  }
  .offcanvas {
    z-index: 1045;
  }
  .offcanvas {
    background-color: rgba(var(--white-bg),1);
  }
  .offcanvas {
    &.offcanvas-start {
      &.show {
        --tw-shadow: 8px 0 8px -2px rgba(var(--dark-gray),0.1);
        --tw-shadow-colored: 8px 0 8px -2px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
      }
    }
    .offcanvas-body {
      svg {
        color: rgba(var(--body-font-color),1);
      }
    }
  }
}

.offcanvas.show:not(.hiding),
  .offcanvas.showing {
  transform: none;
}

.offcanvas {
  &.offcanvas-start {
    left: 0px;
  }
  &.offcanvas-start {
    top: 0px;
  }
  &.offcanvas-start {
    width: 400px;
  }
  &.offcanvas-start {
    --tw-translate-x: -100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  &.offcanvas-start {
    border-right-width: 1px;
  }
  &.offcanvas-start {
    border-style: solid;
  }
  &.offcanvas-start {
    border-right-color: rgba(var(--dark-gray),0.1);
  }
  &.offcanvas-top {
    left: 0px;
    right: 0px;
  }
  &.offcanvas-top {
    top: 0px;
  }
  &.offcanvas-top {
    height: 30vh;
  }
  &.offcanvas-top {
    max-height: 100%;
  }
  &.offcanvas-top {
    --tw-translate-y: -100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  &.offcanvas-top {
    border-bottom-width: 1px;
  }
  &.offcanvas-top {
    border-style: solid;
  }
  &.offcanvas-top {
    border-bottom-color: rgba(var(--dark-gray),0.1);
  }
  &.offcanvas-end {
    right: 0px;
  }
  &.offcanvas-end {
    top: 0px;
  }
  &.offcanvas-end {
    width: 400px;
  }
  &.offcanvas-end {
    --tw-translate-x: 100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  &.offcanvas-end {
    border-right-width: 1px;
  }
  &.offcanvas-end {
    border-style: solid;
  }
  &.offcanvas-end {
    border-right-color: rgba(var(--dark-gray),0.1);
  }
  &.offcanvas-bottom {
    left: 0px;
    right: 0px;
  }
  &.offcanvas-bottom {
    height: 30vh;
  }
  &.offcanvas-bottom {
    max-height: 100%;
  }
  &.offcanvas-bottom {
    --tw-translate-y: 100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  &.offcanvas-bottom {
    border-bottom-width: 1px;
  }
  &.offcanvas-bottom {
    border-style: solid;
  }
  &.offcanvas-bottom {
    border-bottom-color: rgba(var(--dark-gray),0.1);
  }
}

@media (min-width: 1200px) {
   {
     {
       {
        .offcanvas {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .offcanvas {
        }
      }
    }
  }
}

.offcanvas {
  visibility: hidden;
  position: fixed;
  bottom: 0px;
  z-index: 1045;
  display: flex;
  max-width: 100%;
  flex-direction: column;
  background-color: rgba(var(--white),1);
  background-clip: padding-box;
  color: rgba(var(--black),1);
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 0.4s;
  transition-timing-function: ease-in-out;
  outline: 0;
  @media (min-width: 1200px) {
     {
       {
         {
          .offcanvas-header {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .offcanvas-header {
          }
        }
      }
    }
  }
  .offcanvas-header {
    display: flex;
  }
  .offcanvas-header {
    align-items: center;
  }
  .offcanvas-header {
    justify-content: space-between;
  }
  .offcanvas-header {
    padding: 1rem;
  }
  .offcanvas-body {
    overflow-y: auto;
  }
  .offcanvas-body {
    padding: 1rem;
  }
  .offcanvas-body {
    p {
      margin-bottom: 24px !important;
    }
    p {
      margin-bottom: 1rem;
    }
  }
}

.offcanvas-backdrop {
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 1040;
  height: 100vh;
  width: 100vw;
  background-color: rgba(var(--black),0.5);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
}

.user-profile {
  @media (min-width: 1200px) {
     {
       {
         {
          .ttl-info {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .ttl-info {
          }
        }
      }
    }
  }
  .ttl-info {
    display: flex;
  }
  .ttl-info {
    flex-direction: column;
  }
  .ttl-info {
    gap: 0.25rem;
  }
  .ttl-info {
    h6 {
      font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
    }
    h6 {
      font-weight: 400;
    }
    h6 {
      color: rgba(var(--semi-dark),1);
    }
    h6 {
      i {
        font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
      }
    }
  }
  .border-right {
    border-right-width: 1px;
  }
  .border-right {
    border-style: solid;
  }
  .border-right {
    border-right-color: rgba(var(--gray-60),0.6);
  }
  hr {
    margin-left: 0px;
    margin-right: 0px;
  }
  hr {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }
  .hovercard {
    @media (min-width: 1200px) {
       {
         {
           {
            .cardheader {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            .cardheader {
            }
          }
        }
      }
    }
    .cardheader {
      display: flex;
    }
    .cardheader {
      height: 470px;
    }
    .cardheader {
      align-items: flex-end;
    }
    .cardheader {
      background-image: url(../images/other-images/bg-profile.png);
    }
    .cardheader {
      background-size: cover;
    }
    .cardheader {
      background-position: 10%;
    }
    .user-image {
      position: relative;
    }
    .user-image {
      @media (min-width: 1200px) {
         {
           {
             {
              .avatar {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              .avatar {
              }
            }
          }
        }
      }
      .avatar {
        display: flex;
      }
      .avatar {
        align-items: center;
      }
      .avatar {
        justify-content: space-between;
      }
      .avatar {
        img {
          height: 100px;
        }
        img {
          max-height: 155px;
        }
        img {
          width: 100px;
        }
        img {
          max-width: 155px;
        }
        img {
          border-radius: 50%;
        }
        img {
          border-width: 7px;
        }
        img {
          border-style: solid;
        }
        img {
          border-color: rgba(var(--white),1);
        }
      }
      @media (min-width: 1200px) {
         {
           {
             {
              .icon-wrapper {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              .icon-wrapper {
              }
            }
          }
        }
      }
      .icon-wrapper {
        position: absolute;
      }
      .icon-wrapper {
        bottom: -18px;
      }
      .icon-wrapper {
        left: 94px;
      }
      .icon-wrapper {
        margin-left: auto;
        margin-right: auto;
      }
      .icon-wrapper {
        margin-top: 0px;
        margin-bottom: 0px;
      }
      .icon-wrapper {
        display: flex;
      }
      .icon-wrapper {
        height: calc(32px + (40 - 32) * ((100vw - 320px) / (1920 - 320)));
      }
      .icon-wrapper {
        width: calc(32px + (40 - 32) * ((100vw - 320px) / (1920 - 320)));
      }
      .icon-wrapper {
        cursor: pointer;
      }
      .icon-wrapper {
        align-items: center;
      }
      .icon-wrapper {
        justify-content: center;
      }
      .icon-wrapper {
        overflow: hidden;
      }
      .icon-wrapper {
        border-radius: 50%;
      }
      .icon-wrapper {
        background-color: rgba(var(--white),1);
      }
      .icon-wrapper {
        font-size: calc(12px + (17 - 12) * ((100vw - 320px) / (1920 - 320)));
      }
      .icon-wrapper {
        --tw-shadow: 0 0 6px 3px rgba(68,102,242,0.1);
        --tw-shadow-colored: 0 0 6px 3px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
      }
    }
    .info {
      padding: 30px;
    }
    .info {
      .title.table {
        white-space: pre-wrap !important;
      }
      .title {
        margin-bottom: 0.25rem;
      }
      .title {
        vertical-align: middle;
      }
      .title {
        font-size: 1.5rem;
        line-height: 2rem;
      }
      .title {
        line-height: 1;
      }
      .title {
        color: rgba(var(--dark-color),1);
      }
      .title {
        a {
          font-size: 1.25rem;
          line-height: 1.75rem;
        }
        a {
          font-weight: 500;
        }
        a {
          text-transform: uppercase;
        }
        a {
          color: rgba(var(--theme-font-color),1);
        }
      }
      > p {
        padding-top: 18px;
      }
      > p {
        text-align: left;
      }
      .desc {
        display: block;
      }
      .desc {
        margin-left: auto;
        margin-right: auto;
      }
      .desc {
        margin-top: 0px;
        margin-bottom: 0px;
      }
      .desc {
        display: block;
      }
      .desc {
        max-width: 100%;
      }
      .desc {
        overflow: hidden;
      }
      .desc {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
      }
      .desc {
        overflow: hidden;
      }
      .desc {
        text-overflow: ellipsis;
      }
      .desc {
        font-size: 0.875rem;
        line-height: 1.25rem;
      }
      .desc {
        text-transform: uppercase;
      }
      .desc {
        line-height: 1.25rem;
      }
      .desc {
        color: rgba(var(--semi-dark),1);
      }
    }
  }
  .profile-img-style {
    padding: 1.25rem;
  }
  .profile-img-style {
    .img-container {
      margin-top: 48px !important;
    }
    .img-container {
      margin-top: 1.25rem;
    }
    .user-name {
      margin: 0px !important;
    }
    .user-name {
      margin: 0px;
    }
    .user-name {
      font-size: 0.875rem;
      line-height: 1.25rem;
    }
    .user-name {
      font-weight: 600;
    }
    .user-name {
      color: rgba(var(--theme-font-color),1);
    }
    p {
      margin-bottom: 0 !important;
    }
    p {
      margin-bottom: 0px;
    }
    p {
      font-size: 0.875rem;
      line-height: 1.25rem;
    }
    p {
      line-height: 30px;
    }
    p {
      color: rgba(var(--dark-gray),1);
    }
    .flex {
      img {
        width: 50px;
      }
    }
  }
  .like-comment {
    li {
      a {
        color: rgba(var(--dark-gray),1);
      }
      &:first-child {
        a {
          &:hover,
            &:active {
            color: rgba(var(--danger-color),1);
          }
        }
      }
    }
    span {
      font-family: font-rubik, font-serif;
    }
    .list-inline-item:not(:last-child) {
      margin-right: 10px;
    }
  }
  .social-media {
    @media (min-width: 1200px) {
       {
         {
           {
            .list-inline {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            .list-inline {
            }
          }
        }
      }
    }
    .list-inline {
      display: flex;
    }
    a {
      cursor: pointer;
    }
    a {
      font-size: 1.5rem;
      line-height: 2rem;
    }
    a {
      color: rgba(var(--semi-dark),1);
    }
    a:hover {
      color: rgba(var(--theme-default),1);
    }
    a {
      padding: 0 calc(10px + (15 - 10) * ((100vw - 320px) / (1920 - 320)));
    }
    .list-inline-item:not(:last-child) {
      margin-right: 10px;
    }
  }
  .common-user-image {
    background: transparent;
    box-shadow: unset;
    .cardheader {
      border-radius: 5px;
    }
    @media (max-width: 575px) {
       {
         {
           {
            > .user-image {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > .user-image {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > .user-image {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > .user-image {
                width: 90%;
              }
            }
          }
        }
      }
    }
    .user-image {
      width: 100%;
    }
    .user-image {
      .avatar {
        padding-inline: calc(20px + (30 - 20) * ((100vw - 320px) / (1920 - 320)));
        .common-align {
          gap: 0.75rem;
        }
        .common-align {
          text-align: left;
        }
        .common-align {
          > div {
            position: relative;
          }
          > div {
            img {
              height: calc(80px + 50 * (100vw - 320px) / 1600);
            }
            img {
              max-height: calc(80px + 75 * (100vw - 320px) / 1600);
            }
            img {
              width: calc(80px + 50 * (100vw - 320px) / 1600);
            }
            img {
              max-width: calc(80px + 75 * (100vw - 320px) / 1600);
            }
            img {
              border-radius: 0.25rem;
            }
            img {
              border-width: calc(5px);
            }
            img {
              border-color: 2 * (100vw - 320px) / 1600 solid;
            }
            img {
              -o-object-fit: cover;
                 object-fit: cover;
            }
            @media (min-width: 1200px) {
               {
                 {
                   {
                    .icon-wrapper {
                    }
                  }
                }
              }
            }
            @media (max-width: 575px) {
               {
                 {
                   {
                    > .icon-wrapper {
                      width: 90%;
                    }
                  }
                }
              }

               {
                 {
                   {
                     {
                      > .icon-wrapper {
                        width: 90%;
                      }
                    }
                  }
                }
              }
            }
            @media (max-width: 575px) {
               {
                 {
                   {
                    > .icon-wrapper {
                      width: 90%;
                    }
                  }
                }
              }

               {
                 {
                   {
                     {
                      > .icon-wrapper {
                        width: 90%;
                      }
                    }
                  }
                }
              }
            }
            @media (max-width: 575px) {
               {
                 {
                   {
                    .icon-wrapper {
                    }
                  }
                }
              }
            }
            .icon-wrapper {
              position: absolute;
            }
            .icon-wrapper {
              left: 0px;
            }
            .icon-wrapper {
              bottom: 0px;
            }
            .icon-wrapper {
              margin-left: auto;
              margin-right: auto;
            }
            .icon-wrapper {
              margin-top: 0px;
              margin-bottom: 0px;
            }
            .icon-wrapper {
              display: flex;
            }
            .icon-wrapper {
              height: calc(32px + (40 - 32) * ((100vw - 320px) / (1920 - 320)));
            }
            .icon-wrapper {
              width: 100%;
            }
            .icon-wrapper {
              cursor: pointer;
            }
            .icon-wrapper {
              align-items: center;
            }
            .icon-wrapper {
              justify-content: center;
            }
            .icon-wrapper {
              overflow: hidden;
            }
            .icon-wrapper {
              border-radius: 0 0 4px 4px;
            }
            .icon-wrapper {
              background-color: rgba(var(--black),0.24);
            }
            .icon-wrapper {
              font-size: calc( 12px + (17 - 12) * ((100vw - 320px) / (1920 - 320)) );
            }
            .icon-wrapper {
              --tw-shadow: 0 0 6px 3px rgba(68,102,242,0.1);
              --tw-shadow-colored: 0 0 6px 3px var(--tw-shadow-color);
              box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            }
            .icon-wrapper {
              --tw-backdrop-blur: blur(1.5px);
              backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
            }
            .icon-wrapper {
              i {
                color: rgba(var(--white),1);
              }
              &#cancelButton {
                visibility: hidden;
              }
              &#cancelButton {
                left: calc(73% + (80 - 73) * ((100vw - 320px) / (1920 - 320)));
              }
              &#cancelButton {
                top: -1rem;
              }
              &#cancelButton {
                width: calc(32px + 8 * (100vw - 320px) / 1600);
              }
              &#cancelButton {
                --tw-scale-x: .5;
                --tw-scale-y: .5;
                transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
              }
              &#cancelButton {
                border-radius: 50%;
              }
              &#cancelButton {
                background-color: rgba(var(--white-bg),1);
              }
              &#cancelButton {
                opacity: 0;
              }
              &#cancelButton {
                transition-property: all;
                transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                transition-duration: 150ms;
              }
              &#cancelButton {
                transition-duration: 0.3s;
              }
              &#cancelButton {
                transition-timing-function: ease;
              }
              &#cancelButton {
                i {
                  font-size: calc( 14px + (17 - 14) * ((100vw - 320px) / (1920 - 320)) );
                }
                i {
                  color: rgba(var(--theme-font-color),1);
                }
              }
            }
            @media (max-width: 575px) {
               {
                 {
                   {
                    > input {
                      width: 90%;
                    }
                  }
                }
              }

               {
                 {
                   {
                     {
                      > input {
                        width: 90%;
                      }
                    }
                  }
                }
              }
            }
            @media (max-width: 575px) {
               {
                 {
                   {
                    > input {
                      width: 90%;
                    }
                  }
                }
              }

               {
                 {
                   {
                     {
                      > input {
                        width: 90%;
                      }
                    }
                  }
                }
              }
            }
            input {
              position: absolute;
            }
            input {
              left: 0px;
            }
            input {
              bottom: 0px;
            }
            input {
              z-index: 1;
            }
            input {
              height: calc(32px + (40 - 32) * ((100vw - 320px) / (1920 - 320)));
            }
            input {
              width: 100%;
            }
            input {
              border-radius: 50%;
            }
            input {
              opacity: 0;
            }
            &:hover {
              .icon-wrapper {
                &#cancelButton {
                  visibility: visible;
                }
                &#cancelButton {
                  --tw-scale-x: 0.7;
                  --tw-scale-y: 0.7;
                  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                }
                &#cancelButton {
                  opacity: 1;
                }
                &#cancelButton {
                  transition-property: all;
                  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                  transition-duration: 150ms;
                }
                &#cancelButton {
                  transition-duration: 0.3s;
                }
                &#cancelButton {
                  transition-timing-function: ease;
                }
              }
            }
          }
          .user-designation {
            a {
              font-size: 1.125rem;
              line-height: 1.75rem;
            }
            a {
              color: rgba(var(--white),1);
            }
            .desc {
              color: rgba(var(--gray-60),1);
            }
          }
        }
        @media (min-width: 1200px) {
           {
             {
               {
                .follow {
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                .follow {
                }
              }
            }
          }
        }
        .follow {
          display: flex;
        }
        .follow {
          align-items: center;
        }
        .follow {
          justify-content: center;
        }
        .follow {
          > div {
            color: rgba(var(--white),1);
          }
          > div {
            + div {
              margin-left: 0.75rem;
            }
            + div {
              border-left-width: 1px;
            }
            + div {
              border-style: solid;
            }
            + div {
              border-left-color: rgba(var(--light-semi-gray),0.2);
            }
            + div {
              padding-left: 0.75rem;
            }
            .follow-num {
              font-size: 1.125rem;
              line-height: 1.75rem;
            }
            span {
              color: rgba(var(--light-text),1);
            }
          }
        }
      }
    }
  }
  .user-bio {
    .common-flex {
      border-top-width: 1px;
    }
    .common-flex {
      border-style: solid;
    }
    .common-flex {
      border-top-color: rgba(var(--chart-dashed-border),1);
    }
    .common-flex {
      padding-top: calc(12px + (30 - 12) * ((100vw - 320px) / (1920 - 320)));
    }
    .social-media {
      .list-inline-item {
        i {
          font-size: calc(18px + (24 - 18) * ((100vw - 320px) / (1920 - 320)));
        }
      }
    }
    .ttl-info {
      h6 {
        font-size: 1rem;
        line-height: 1.5rem;
      }
      h6 {
        color: rgba(var(--theme-body-font-color),1);
      }
      span {
        color: rgba(var(--badge-light-color),0.8);
      }
    }
  }
}

.edit-profile {
  textarea {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  textarea {
    color: rgba(var(--badge-light-color),0.8);
  }
  .profile-title {
    .flex {
      margin-bottom: 30px;
    }
    .flex {
      align-items: center;
    }
    .flex {
      .grow {
        margin-left: 0.875rem;
      }
    }
  }
}

.social-user-cards {
  .social-profile {
    .social-follow {
      li {
        @media (max-width: 575px) {
           {
             {
               {
                > span {
                  width: 90%;
                }
              }
            }
          }

           {
             {
               {
                 {
                  > span {
                    width: 90%;
                  }
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                > span {
                  width: 90%;
                }
              }
            }
          }

           {
             {
               {
                 {
                  > span {
                    width: 90%;
                  }
                }
              }
            }
          }
        }
        span {
          width: 100%;
        }
        span {
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
        }
      }
    }
  }
}

.user-profile-wrapper {
  &.scope-bottom-wrapper {
    .sidebar-left-icons {
      li {
        &::before {
          left: 2rem;
        }
        &::before {
          border-width: 1px;
        }
        &::before {
          border-style: solid;
        }
        &::before {
          border-color: rgba(var(--recent-dashed-border),1);
        }
        .tab-link {
          padding: 1rem !important;
        }
        .tab-link {
          padding: 0.75rem;
        }
        .tab-link {
          .product-icons {
            i {
              margin: 0px !important;
            }
            i {
              margin: 0px;
            }
            i {
              color: rgba(var(--badge-light-color),0.8);
            }
            i {
              transition-property: 0.5s;
              transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
              transition-duration: 150ms;
            }
          }
          &.active {
            background-color: rgba(var(--theme-default),1) !important;
          }
          &.active {
            .product-icons {
              i {
                color: rgba(var(--dark-color),1);
              }
            }
            .nav-rounded {
              padding: 0 !important;
            }
            .nav-rounded {
              height: 40px;
            }
            .nav-rounded {
              width: 40px;
            }
            .nav-rounded {
              min-width: 40px;
            }
            .nav-rounded {
              padding: 0px;
            }
            .nav-rounded {
              outline-offset: 1px;
            }
            .nav-rounded {
              outline: 1px solid rgba(var(--white), 1);
            }
            .product-tab-content {
              h6 {
                color: rgba(var(--white),1);
              }
            }
          }
        }
        .nav-rounded {
          height: 40px;
        }
        .nav-rounded {
          width: 40px;
        }
        .nav-rounded {
          min-width: 40px;
        }
        &:hover {
          .tab-link {
            .product-icons {
              i {
                --tw-scale-x: 1.1;
                --tw-scale-y: 1.1;
                transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
              }
              i {
                transition-property: 0.5s;
                transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                transition-duration: 150ms;
              }
            }
          }
        }
      }
      .nav-item{
        .nav-rounded {
          height: 40px;
        }
        .nav-rounded {
          width: 40px;
        }
        .nav-rounded {
          min-width: 40px;
        }
      }
    }
    .notification {
      .flex {
        p {
          &:not(.flex) {
            margin-bottom: 0 !important;
          }
          @media (max-width: 575px) {
             {
               {
                 {
                  > &:not(.flex) {
                    width: 90%;
                  }
                }
              }
            }

             {
               {
                 {
                   {
                    > &:not(.flex) {
                      width: 90%;
                    }
                  }
                }
              }
            }
          }
          @media (max-width: 575px) {
             {
               {
                 {
                  > &:not(.flex) {
                    width: 90%;
                  }
                }
              }
            }

             {
               {
                 {
                   {
                    > &:not(.flex) {
                      width: 90%;
                    }
                  }
                }
              }
            }
          }
          &:not(.flex) {
            margin-bottom: 0px;
          }
          &:not(.flex) {
            width: 100%;
          }
        }
      }
      li:not(.recent-images li) {
        &:last-child {
          padding-bottom: 0 !important;
        }
        &:last-child {
          padding-bottom: 0px;
        }
      }
    }
    .project-teammate {
      ul {
        &::before {
          --tw-content: unset;
          content: var(--tw-content);
        }
        li {
          padding-bottom: 0 !important;
        }
        li {
          padding-bottom: 0px;
        }
        li {
          + li {
            margin-left: -0.75rem;
          }
          img {
            transition-property: 0.5s;
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-duration: 150ms;
          }
          img,
            .light-background {
            &:hover {
              --tw-translate-y: -0.25rem;
              transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            }
            &:hover {
              --tw-scale-x: 1.02;
              --tw-scale-y: 1.02;
              transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            }
            &:hover {
              transition-property: 0.5s;
              transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
              transition-duration: 150ms;
            }
          }
        }
        img {
          height: 2rem;
        }
      }
    }
    .user-notifications {
      h6 {
        margin-bottom: 16px !important;
      }
      h6 {
        margin-bottom: 0.75rem;
      }
      ul {
        margin-bottom: 2.5rem !important;
      }
      ul:last-of-type {
        margin-bottom: 0 !important;
      }
      ul:last-of-type {
        margin-bottom: 0px;
      }
      ul {
        &:last-of-type {
          li {
            margin-bottom: 0 !important;
          }
          li {
            margin-bottom: 0px;
          }
        }
        li {
          margin-bottom: 18px;
        }
        li {
          border-radius: 0.5rem;
        }
        li {
          background-color: rgba(var(--light-background),1);
        }
        li {
          padding: 18px;
        }
        li:last-child {
          margin-bottom: 0 !important;
        }
        li:last-child {
          margin-bottom: 0px;
        }
        li {
          @media (min-width: 1200px) {
             {
               {
                 {
                  > div {
                  }
                }
              }
            }
          }
          @media (max-width: 575px) {
             {
               {
                 {
                  > div {
                  }
                }
              }
            }
          }
          > div {
            display: flex;
          }
          > div {
            align-items: center;
          }
          > div {
            justify-content: flex-start;
          }
          > div {
            gap: 0.75rem;
          }
          > div {
            p {
              margin-bottom: 0 !important;
            }
            p {
              margin-bottom: 0px;
            }
            p {
              font-weight: 500;
            }
            p {
              span {
                font-size: 13px;
              }
              span {
                font-weight: 400;
              }
              span {
                color: rgba(var(--badge-light-color),1);
              }
            }
            span {
              color: rgba(var(--badge-light-color),0.8);
            }
          }
          img {
            height: 42px;
          }
          img {
            border-radius: 50%;
          }
        }
      }
    }
    .projects-wrapper {
      .list-box {
        .project-body {
          .progress {
            margin-bottom: 0 !important;
          }
          .progress {
            margin-bottom: 0px;
          }
          .common-f-start {
            gap: 24px !important;
          }
          .common-f-start {
            gap: 1rem;
          }
        }
      }
    }
    .setting-wrapper {
      .grid {
        margin-bottom: 1.6rem;
      }
      .grid:last-child {
        margin-bottom: 0 !important;
      }
      .grid:last-child {
        margin-bottom: 0px;
      }
      .form-select {
        font-size: 0.875rem;
        line-height: 1.25rem;
      }
      .form-select {
        color: rgba(var(--badge-light-color),1);
      }
      .form-label {
        font-weight: 500;
      }
      .form-label {
        color: rgba(var(--badge-light-color),1);
      }
      .form-check {
        &.form-switch {
          margin: 0px !important;
        }
        &.form-switch {
          padding: 0 !important;
        }
        @media (min-width: 1200px) {
           {
             {
               {
                &.form-switch {
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                &.form-switch {
                }
              }
            }
          }
        }
        &.form-switch {
          margin: 0px;
        }
        &.form-switch {
          display: flex;
        }
        &.form-switch {
          align-items: center;
        }
        &.form-switch {
          justify-content: flex-start;
        }
        &.form-switch {
          gap: 0.875rem;
        }
        &.form-switch {
          padding: 0px;
        }
        &.form-switch {
          .form-check-input {
            margin: 0px !important;
          }
          .form-check-input {
            margin: 0px;
          }
          .form-check-input {
            height: 22px !important;
          }
          .form-check-input {
            width: 2.5rem !important;
          }
          @media (min-width: 1200px) {
             {
               {
                 {
                  p {
                  }
                }
              }
            }
          }
          @media (max-width: 575px) {
             {
               {
                 {
                  p {
                  }
                }
              }
            }
          }
          p {
            display: flex;
          }
          p {
            align-items: center;
          }
          p {
            justify-content: center;
          }
          p {
            gap: 8px;
            svg {
              height: 15px;
            }
            svg {
              width: 15px;
            }
            svg {
              min-width: 15px;
              min-height: 15px;
            }
          }
        }
      }
      .btn {
        &.disabled {
          border-color: unset;
        }
      }
    }
  }
}

@media (min-width: 576px) {
  .user-profile {
    .common-user-image {
      .user-image {
        .avatar {
          margin-bottom: calc( -10px + (-22 - (-10)) * ((100vw - 320px) / (1920 - 320)) );
        }
      }
    }
    .ttl-info {
      padding-bottom: 16px !important;
    }
    .ttl-info {
      align-items: flex-start;
    }
    .ttl-info {
      padding-bottom: 0.75rem;
    }
    .ttl-info {
      span {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
      }
    }
  }
}

.hdg_main {
  position: relative;
}

.main {
  .langChoice {
    position: absolute;
  }
  .langChoice {
    right: 1.25rem;
  }
  .langChoice {
    top: 0.625rem;
  }
  .langChoice {
    background-color: rgba(var(--theme-default),1);
  }
  .langChoice {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .langChoice {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }
  .langChoice {
    color: rgba(var(--white),1);
  }
  .langChoice {
    &:focus-visible {
      outline: none;
    }
  }
}

@media (max-width: 575px) {
  .main {
    .langChoice {
      top: 0.875rem;
    }
    .langChoice {
      padding-left: 7px;
      padding-right: 7px;
    }
    .langChoice {
      padding-top: 0.25rem;
      padding-bottom: 0.25rem;
    }
  }

  .language-xs {
    margin-top: 15px;
  }
}

.error-wrapper {
  text-align: center !important;
}

@media (min-width: 1200px) {
   {
     {
       {
        .error-wrapper {
        }
      }
    }
  }
}

@media (max-width: 767px) {
   {
    .error-wrapper {
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .error-wrapper {
        }
      }
    }
  }
}

.error-wrapper {
  display: flex;
  min-height: 100vh;
  align-items: center;
  justify-content: center;
  text-align: center !important;
  @media (max-width: 575px) {
     {
       {
         {
          > svg {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > svg {
              width: 90%;
            }
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          > svg {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > svg {
              width: 90%;
            }
          }
        }
      }
    }
  }
  svg {
    margin-bottom: calc(8px + (22 - 8) * ((100vw - 320px) / (1920 - 320)));
  }
  svg {
    height: calc(240px + (440 - 240) * ((100vw - 320px) / (1920 - 320)));
  }
  svg {
    width: 100%;
  }
  .btn-lg {
    border-radius: 0.5rem !important;
  }
  .btn-lg {
    font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320))) !important;
  }
  .btn-lg {
    display: inline-block;
  }
  &.maintenance-bg {
    background-color: rgba(var(--white),0.6);
  }
  &.maintenance-bg {
    background-image: url(../images/other-images/maintenance-bg.jpg);
  }
  &.maintenance-bg {
    background-blend-mode: overlay;
  }
  .maintenance-icons {
    li {
      i {
        animation: rotate-effect 40s infinite linear reverse;
      }
      i {
        font-size: 50px;
      }
      i {
        color: rgba(var(--semi-dark),1);
      }
      &:nth-child(2) {
        i {
          margin-top: -25px;
        }
        i {
          margin-left: 110px;
        }
        i {
          animation: rotate-effect 40s linear infinite reverse;
        }
        i {
          font-size: 100px;
        }
      }
      &:nth-child(3) {
        i {
          margin-top: -85px;
        }
        i {
          margin-right: 120px;
        }
        i {
          animation: rotate-effect 30s infinite linear;
        }
        i {
          font-size: 150px;
        }
      }
    }
  }
  .maintenance-heading {
    margin-top: 70px;
  }
  .maintenance-heading {
    .headline {
      position: relative;
    }
    .headline {
      z-index: 2;
    }
    .headline {
      margin-top: -70px;
    }
    .headline {
      font-size: 99px;
    }
    .headline {
      font-weight: 900;
    }
    .headline {
      letter-spacing: 10px;
    }
    .headline {
      color: rgba(var(--theme-default),1);
    }
  }
  .sub-content {
    margin-bottom: 0 !important;
  }
  .sub-content {
    margin-top: calc(12px + (20 - 12) * ((100vw - 320px) / (1920 - 320)));
  }
  .sub-content {
    margin-bottom: 0px;
  }
  .sub-content {
    font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
  }
  .sub-content {
    line-height: 1.7;
  }
  .sub-content {
    letter-spacing: 1px;
  }
  .sub-content {
    color: rgba(var(--theme-body-font-color),1);
  }
  .btn {
    margin-top: 30px;
  }
}

.error {
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 70px;
  margin-bottom: 100px;
  color: rgba(var(--black),1);
  .error-title {
    font-size: 9.5rem;
  }
  .error-title {
    color: rgba(var(--white),1);
  }
  .error-title {
    text-shadow: 6px 6px 7px rgba(var(--black), 0.32);
  }
  .line-bottom {
    height: 5px;
  }
  .line-bottom {
    width: 10%;
  }
  .line-bottom {
    border-color: none;
  }
  .line-bottom {
    background-color: rgba(var(--warning-color),1);
  }
  .c-white {
    color: rgba(var(--white),1);
  }
  .error-btn {
    text-align: center;
  }
  @media (max-width: 767px) {
     {
      .error-btn {
      }
    }
  }
  .error-btn {
    text-align: center;
  }
  .padd {
    padding-left: 30px;
    padding-right: 30px;
  }
  .padd {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }
  .btn-back-home {
    background-color: rgba(var(--light-color),1);
  }
  .btn-back-home {
    color: rgba(var(--black),1);
  }
  .btn-back-home:hover {
    background-color: rgba(var(--warning-color),1);
  }
  .btn-back-home:hover {
    color: rgba(var(--white),1);
  }
  .btn-back-home:hover {
    --tw-shadow: 0 20px 35px 0 rgba(var(--black),0.21);
    --tw-shadow-colored: 0 20px 35px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  .btn-adnc-serc {
    background-color: rgba(var(--dark-color),1);
  }
  .btn-adnc-serc {
    color: rgba(var(--white),1);
  }
  .btn-adnc-serc:hover {
    background-color: rgba(var(--warning-color),1);
  }
  .btn-adnc-serc:hover {
    color: rgba(var(--white),1);
  }
  .btn-adnc-serc:hover {
    --tw-shadow: 0 20px 35px 0 rgba(var(--black),0.21);
    --tw-shadow-colored: 0 20px 35px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
}

@keyframes rotate-effect {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes reverse-rotate-effect {
  0% {
    transform: rotate(360deg);
  }

  100% {
    transform: rotate(0deg);
  }
}

@media (min-width: 1200px) {
   {
     {
       {
        .login-card {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .login-card {
        }
      }
    }
  }
}

.login-card {
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  display: flex;
  min-height: 100vh;
  align-items: center;
  justify-content: center;
  background-position: center;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 30px;
  padding-bottom: 30px;
  background: url("../images/login/login_bg.jpg");
  .logo {
    text-align: center;
  }
  .logo {
    display: block;
  }
  @media (max-width: 767px) {
     {
      .logo {
      }
    }
  }
  .logo {
    margin-bottom: 30px;
  }
  .logo {
    display: block;
  }
  .logo {
    text-align: center;
  }
  .btn-showcase {
    text-align: center;
  }
  @media (max-width: 767px) {
     {
      .btn-showcase {
      }
    }
  }
  .btn-showcase {
    text-align: center;
  }
  .btn-showcase {
    .btn {
      margin: 0px !important;
    }
    .btn {
      margin: 0px;
    }
    .btn {
      padding-left: 15px;
      padding-right: 15px;
    }
    .btn {
      padding-top: 0.625rem;
      padding-bottom: 0.625rem;
    }
    .btn {
      line-height: 1;
    }
    .btn {
      & + .btn {
        margin-left: 0.5rem;
      }
      i {
        font-size: 1.125rem;
        line-height: 1.75rem;
      }
      i {
        color: rgba(var(--dark-color),1);
      }
      svg {
        height: 1rem;
      }
      svg {
        vertical-align: bottom;
      }
    }
  }
  .login-main {
    margin-left: auto;
    margin-right: auto;
  }
  .login-main {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .login-main {
    width: 450px;
  }
  .login-main {
    border-radius: 10px;
  }
  .login-main {
    background-color: rgba(var(--white),1);
  }
  .login-main {
    padding: 40px;
  }
  .login-main {
    --tw-shadow: 0 0 37px rgba(8,21,66,0.05);
    --tw-shadow-colored: 0 0 37px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  .login-main {
    .form-check-input {
      &[type="checkbox"] {
        margin-top: 0 !important;
      }
      &[type="checkbox"] {
        margin-top: 0px;
      }
    }
    .theme-form {
      h4 {
        margin-bottom: 5px;
      }
      label {
        margin-bottom: 0;
      }
      label {
        font-size: 15px;
      }
      label {
        letter-spacing: 0.4px;
      }
      .show-hide {
        top: 50%;
      }
      .checkbox {
        label {
          &::before {
            border-width: 1px;
          }
          &::before {
            border-style: solid;
          }
          &::before {
            --tw-border-opacity: 1;
            border-color: rgb(223 223 223 / var(--tw-border-opacity, 1));
          }
          &::before {
            background-color: rgba(var(--card-body-color),1);
          }
        }
      }
      .or {
        position: relative;
      }
      .or::before {
        content: var(--tw-content);
        position: absolute;
      }
      .or::before {
        content: var(--tw-content);
        right: 0px;
      }
      .or::before {
        content: var(--tw-content);
        top: 9px;
      }
      .or::before {
        content: var(--tw-content);
        z-index: 0;
      }
      .or::before {
        content: var(--tw-content);
        height: 0.125rem;
      }
      .or::before {
        content: var(--tw-content);
        width: 65%;
      }
      .or::before {
        content: var(--tw-content);
        --tw-bg-opacity: 1;
        background-color: rgb(243 243 255 / var(--tw-bg-opacity, 1));
      }
      .or::before {
        --tw-content: "";
        content: var(--tw-content);
      }
      input {
        --tw-bg-opacity: 1;
        background-color: rgb(243 243 255 / var(--tw-bg-opacity, 1));
      }
      input {
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
      }
      input {
        transition-duration: 0.3s;
      }
      input {
        transition-timing-function: ease;
      }
      input {
        &::-webkit-input-placeholder {
          color: rgba(var(--light-text),1);
        }
        &:hover,
          &:focus {
          border-width: 1px;
        }
        &:hover,
          &:focus {
          border-style: solid;
        }
        &:hover,
          &:focus {
          border-color: rgba(var(--semi-dark),35%);
        }
        &:hover,
          &:focus {
          --tw-shadow: 0 0 #0000;
          --tw-shadow-colored: 0 0 #0000;
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
        }
        &:hover,
          &:focus {
          transition-property: all;
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-duration: 150ms;
        }
        &:hover,
          &:focus {
          transition-duration: 0.3s;
        }
        &:hover,
          &:focus {
          transition-timing-function: ease;
        }
      }
      .form-input {
        &.relative {
          input[type="password"],
            input[type="text"] {
            padding-top: 12px;
            padding-bottom: 12px;
          }
          input[type="password"],
            input[type="text"] {
            padding-bottom: 12px;
          }
          input[type="password"],
            input[type="text"] {
            padding-left: 12px;
          }
          input[type="password"],
            input[type="text"] {
            padding-right: 48px;
          }
        }
      }
      p {
        margin-bottom: 25px;
      }
      p {
        font-size: 0.875rem;
        line-height: 1.25rem;
      }
      p {
        color: rgba(var(--dark-gray),1);
      }
      .form-group {
        position: relative;
      }
      .form-group {
        margin-bottom: 0.625rem;
      }
      .form-group {
        .btn {
          margin-top: 10px;
        }
      }
      .link {
        position: absolute;
      }
      .link {
        right: 0px;
      }
      .link {
        top: 0px;
      }
      label {
        color: rgba(var(--body-font-size),1);
      }
      .reset-password-link{
        .underline {
          text-decoration-color: rgba(var(--danger-color),1);
        }
      }
    }
    &.create-account {
      .theme-form {
        .or {
          &:before {
            width: 38%;
          }
          &:before {
            --tw-content: "";
            content: var(--tw-content);
          }
        }
      }
    }
  }
  .restricted-account {
    .login-main {
      text-align: center;
    }
    @media (max-width: 767px) {
       {
        .login-main {
        }
      }
    }
    .login-main {
      text-align: center;
    }
    .login-main {
      .theme-form {
        h2 {
          margin-bottom: 16px !important;
        }
        h2 {
          margin-bottom: 0.75rem;
        }
        img {
          display: block;
        }
        img {
          margin: auto;
        }
        img {
          margin-top: calc(40px + (50 - 40) * ((100vw - 320px) / (1920 - 320)));
        }
        img {
          display: block;
        }
        img {
          height: calc(200px + (345 - 200) * ((100vw - 320px) / (1920 - 320)));
        }
      }
    }
    @media (min-width: 1200px) {
       {
         {
           {
            div {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            div {
            }
          }
        }
      }
    }
    div {
      display: flex;
    }
    div {
      .logo {
        margin-left: auto;
        margin-right: auto;
      }
      .logo {
        margin-bottom: 30px;
      }
    }
  }
  @media (min-width: 1200px) {
     {
       {
         {
          .unlock-logo {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .unlock-logo {
          }
        }
      }
    }
  }
  .unlock-logo {
    display: flex;
  }
  .unlock-logo {
    .logo {
      margin-left: auto;
      margin-right: auto;
    }
    .logo {
      margin-bottom: 30px;
    }
  }
}

.authentication-main {
  .login-card {
    @media (min-width: 1200px) {
       {
         {
           {
            .unlock-logo {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            .unlock-logo {
            }
          }
        }
      }
    }
    .unlock-logo {
      display: flex;
    }
    .unlock-logo {
      .logo {
        margin-left: auto;
        margin-right: auto;
      }
      .logo {
        margin-bottom: 30px;
      }
    }
  }
}

.show-hide {
  position: absolute;
  right: 1.25rem;
  top: 52px;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  span {
    cursor: pointer;
  }
  span {
    font-size: 13px;
  }
  span {
    color: rgba(var(--theme-default),1);
  }
  span::before {
    content: var(--tw-content);
    font-weight: 900;
  }
  span::before {
    content: var(--tw-content);
    color: rgba(var(--light-text),1);
  }
  span::before {
    --tw-content: "\f070";
    content: var(--tw-content);
  }
  span {
    &.show:before {
      font-weight: 900;
    }
    &.show:before {
      color: rgba(var(--light-text),1);
    }
    &.show:before {
      --tw-content: "\f06e";
      content: var(--tw-content);
    }
    &.show:before {
      font-family: var(--font-awesome);
    }
  }
  span {
    &:before {
      font-family: var(--font-awesome);
    }
  }
}

.needs-validation {
  .invalid-feedback {
    color: rgba(var(--dark-gray),1);
  }
  .show-hide {
    right: 30px;
  }
  .invalid-tooltip {
    right: 0.625rem;
  }
  .invalid-tooltip {
    top: 0.625rem;
  }
}

.swal2-container {
  .swal2-image {
    margin-bottom: 0 !important;
  }
  .swal2-image {
    margin-bottom: 0px;
  }
  .swal2-image {
    height: calc(70px + 50 * (100vw - 320px) / 1600) !important;
  }
  .swal2-image {
    width: calc(70px + 50 * (100vw - 320px) / 1600) !important;
  }
  .swal2-html-container {
    margin-top: 0.5rem;
  }
  .swal2-html-container {
    font-size: 1rem !important;
    line-height: 1.5rem !important;
  }
  .swal2-input {
    cursor: pointer;
  }
  .swal2-input {
    &:focus,
      &:focus-visible {
      border-color: rgba(var(--chart-dashed-border),1) !important;
    }
    &:focus,
      &:focus-visible {
      --tw-shadow-color: unset;
      --tw-shadow: var(--tw-shadow-colored);
    }
  }
  .swal2-title {
    font-size: calc(18px + (20 - 18) * ((100vw - 320px) / (1920 - 320)));
  }
  .swal2-title {
    font-weight: 500;
  }
  .swal2-question {
    border-color: rgba(var(--info-color),1);
  }
  .swal2-question {
    color: rgba(var(--info-color),1);
  }
  .swal2-actions {
    gap: 0.75rem;
  }
  .swal2-actions {
    .swal2-confirm {
      background-color: rgba(var(--theme-default),1) !important;
    }
    .swal2-confirm:hover {
      background-color: rgba(var(--theme-default),1);
    }
    .swal2-confirm {
      &:focus{
        box-shadow: unset !important;
      }
      &.btn {
        &.btn-success {
          background-color: rgba(var(--success-color),1);
        }
        &.btn-success {
          color: rgba(var(--white),1);
        }
      }
    }
    .swal2-deny {
      background-color: rgba(var(--danger-color),1);
    }
    .swal2-cancel {
      background-color: rgba(var(--dark-gray),1);
    }
    .swal2-cancel {
      color: rgba(var(--white),1);
    }
    .swal2-cancel {
      &:focus{
        box-shadow: unset !important;
      }
    }
  }
  .swal2-close {
    color: rgba(var(--light-paragraph),1);
  }
  .swal2-error {
    border-color: rgba(var(--danger-color),1);
  }
  .swal2-error {
    color: rgba(var(--danger-color),1);
  }
  .swal2-error {
    .swal2-x-mark {
      span {
        background-color: rgba(var(--danger-color),1);
      }
    }
  }
  .swal2-warning {
    border-color: rgba(var(--warning-color),1);
  }
  .swal2-warning {
    color: rgba(var(--warning-color),1);
  }
  .swal2-warning {
    .swal2-icon-content {
      color: rgba(var(--warning-color),1);
    }
  }
  div:where(.swal2-icon).swal2-success .swal2-success-ring {
    border-width: 0.25em;
  }
  div:where(.swal2-icon).swal2-success .swal2-success-ring {
    border-style: solid;
  }
  div:where(.swal2-icon).swal2-success .swal2-success-ring {
    border-color: rgba(var(--success-color),0.3);
  }
  div:where(.swal2-icon).swal2-success [class^="swal2-success-line"] {
    background-color: rgba(var(--success-color),1);
  }
  div:where(.swal2-icon) {
    &.swal2-info {
      border-color: rgba(var(--info-color),1);
    }
    &.swal2-info {
      color: rgba(var(--info-color),1);
    }
  }
  .swal2-loader {
    border-color: rgba(var(--light-paragraph),1) rgba(var(--black),0) rgba(var(--light-paragraph),1) rgba(var(--black),0);
  }
  button {
    margin: 0px !important;
  }
  button {
    margin: 0px;
  }
  button {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }
  button {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
  }
  button {
    font-size: 0.875rem !important;
    line-height: 1.25rem !important;
  }
  button {
    font-weight: 400;
  }
  button {
    color: rgba(var(--theme-default),1);
  }
  button {
    &.swal2-close {
      font-size: 40px !important;
    }
    &.swal2-close {
      &:focus,
        &:hover {
        box-shadow: unset;
      }
    }
  }
  @media (min-width: 1200px) {
     {
       {
         {
          .swal2-wrapper {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .swal2-wrapper {
          }
        }
      }
    }
  }
  .swal2-wrapper {
    display: flex;
  }
  .swal2-wrapper {
    flex-direction: column;
  }
  .swal2-wrapper {
    text-align: left;
  }
  .swal2-wrapper {
    .swal2-select {
      padding: 0 !important;
    }
    .swal2-select {
      padding: 0px;
    }
    .swal2-select {
      label {
        font-size: 1rem;
        line-height: 1.5rem;
      }
      .swal2-input {
        border-radius: 5px;
      }
      .swal2-input {
        border-width: 1px;
      }
      .swal2-input {
        border-style: solid;
      }
      .swal2-input {
        border-color: rgba(var(--recent-dashed-border),1);
      }
      .swal2-input {
        font-size: 1rem;
        line-height: 1.5rem;
      }
      .swal2-input {
        color: rgba(var(--theme-body-sub-title-color),1);
      }
      .swal2-input {
        option {
          font-size: 0.875rem;
          line-height: 1.25rem;
        }
      }
    }
    label {
      margin: 0px !important;
    }
    label {
      margin: 0px;
    }
    label {
      margin-bottom: 0.375rem;
    }
    .swal2-input {
      margin: 0px !important;
    }
    .swal2-input {
      margin: 0px;
    }
    @media (min-width: 1200px) {
       {
         {
           {
            .swal2-genders {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            .swal2-genders {
            }
          }
        }
      }
    }
    .swal2-genders {
      margin-left: 0px;
      margin-right: 0px;
    }
    .swal2-genders {
      margin-top: 18px;
      margin-bottom: 18px;
    }
    .swal2-genders {
      display: flex;
    }
    .swal2-genders {
      gap: 0.75rem;
    }
    .swal2-genders {
      label {
        margin: 0px !important;
      }
      label {
        margin: 0px;
      }
    }
    @media (min-width: 1200px) {
       {
         {
           {
            .swal2-radio-group,
      .swal2-checkbox {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            .swal2-radio-group,
      .swal2-checkbox {
            }
          }
        }
      }
    }
    .swal2-radio-group,
      .swal2-checkbox {
      display: flex;
    }
    .swal2-radio-group,
      .swal2-checkbox {
      gap: 0.5rem;
    }
    .form-control,
      .form-select {
      border-color: rgba(var(--gray-60),1);
    }
  }
}

div:where(.swal2-container) button:where(.swal2-close) {
  &:hover {
    color: rgba(var(--theme-default),1);
  }
}

div:where(.swal2-container) {
  button:where(.swal2-styled) {
    .swal2-confirm {
      &:focus {
        --tw-shadow: 0 0 #0000 !important;
        --tw-shadow-colored: 0 0 #0000 !important;
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
      }
    }
    .swal2-default-outline {
      &:focus {
        --tw-shadow: 0 0 #0000 !important;
        --tw-shadow-colored: 0 0 #0000 !important;
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
      }
    }
  }
  input:where(.swal2-input) {
    &:focus {
      --tw-shadow: 0 0 #0000 !important;
      --tw-shadow-colored: 0 0 #0000 !important;
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
    }
    &::-moz-placeholder {
      color: rgba(var(--gray-60),1);
    }
    &::placeholder {
      color: rgba(var(--gray-60),1);
    }
  }
}

.dashboard-2 {
  .current-sale-container > div {
    margin-top: -20px;
  }
  .current-sale-container > div {
    margin-bottom: -33px;
  }
  .current-sale-container > div {
    margin-left: -1rem;
  }
  .current-sale-container > div {
    margin-right: 0px;
  }
}

.widget-decor {
  position: absolute;
  right: 0px;
  top: 50%;
  height: 60px;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.e-common-button {
  .btn {
    &:first-child {
      margin-right: 0.75rem;
    }
    svg {
      margin-right: 0.375rem;
    }
    svg {
      height: 18px;
    }
    svg {
      width: 18px;
    }
    svg {
      vertical-align: text-bottom;
    }
  }
}

.main-title-box {
  .common-space {
    flex-wrap: wrap;
  }
}

.balance-widget {
  background-image: url(../images/dashboard-2/balance-bg.png);
  background-size: cover;
  background-position: right;
  background-repeat: no-repeat;
  .mobile-right-img {
    position: absolute;
  }
  .mobile-right-img {
    right: -15%;
  }
  .mobile-right-img {
    top: 60%;
  }
  .mobile-right-img {
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .mobile-right-img {
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .mobile-right-img {
    .mobile-img {
      height: 110px;
    }
  }
  [dir="rtl"] & {
    text-align: right;
  }
  &.card-body {
    padding-left: 15px;
    padding-right: 15px;
  }
  &.card-body {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
  .purchase-btn {
    min-width: 170px;
  }
}

.small-widget {
  overflow: hidden;
}

.small-widget:hover {
  --tw-translate-y: -5px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transition-property: 0.5s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.small-widget {
  h4 {
    margin-bottom: -3px;
  }
  i {
    font-size: 11px;
  }
  i {
    font-weight: 700;
  }
  .card-body {
    padding-left: 15px;
    padding-right: 15px;
  }
  .card-body {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  @media (min-width: 1200px) {
     {
       {
         {
          .bg-gradient {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .bg-gradient {
          }
        }
      }
    }
  }
  .bg-gradient {
    position: absolute;
  }
  .bg-gradient {
    right: -0.75rem;
  }
  .bg-gradient {
    top: 50%;
  }
  .bg-gradient {
    display: flex;
  }
  .bg-gradient {
    height: 67px;
  }
  .bg-gradient {
    width: 66px;
  }
  .bg-gradient {
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .bg-gradient {
    align-items: center;
  }
  .bg-gradient {
    justify-content: center;
  }
  .bg-gradient {
    border-radius: 100px;
  }
  .bg-gradient {
    [dir="rtl"] & {
      left: -0.75rem;
    }
    [dir="rtl"] & {
      right: unset;
    }
    [dir="rtl"] & {
      --tw-translate-y: -50%;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    [dir="rtl"] & {
      --tw-scale-x: -1;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    svg {
      height: 25px;
    }
    svg {
      width: 25px;
    }
  }
  &:hover {
    .bg-gradient {
      svg {
        animation: tada 1.5s ease infinite;
      }
    }
  }
}

.order-wrapper {
  margin-top: 0 !important;
  margin-left: -1rem;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: -1.25rem;
}

@media (min-width: 1200px) {
   {
     {
       {
        .categories-list {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .categories-list {
        }
      }
    }
  }
}

.categories-list {
  display: flex;
  flex-direction: column;
  gap: 18px;
  li {
    gap: 0.625rem;
  }
  li {
    @media (min-width: 1200px) {
       {
         {
           {
            .bg-light {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            .bg-light {
            }
          }
        }
      }
    }
    .bg-light {
      display: flex;
    }
    .bg-light {
      height: 2.5rem;
    }
    .bg-light {
      min-width: 40px;
    }
    .bg-light {
      align-items: center;
    }
    .bg-light {
      justify-content: center;
    }
    .bg-light {
      img {
        height: 25px;
      }
      img {
        width: 25px;
      }
      img {
        -o-object-fit: contain;
           object-fit: contain;
      }
      img {
        transition-property: 0.5s;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
      }
    }
    h6 {
      line-height: 1.2;
    }
    h6 {
      a {
        color: rgba(var(--body-font-color),1);
      }
      a {
        transition-property: 0.5s;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
      }
    }
    &:hover {
      .bg-light {
        img {
          --tw-scale-x: 1.1;
          --tw-scale-y: 1.1;
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        }
        img {
          transition-property: 0.5s;
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-duration: 150ms;
        }
      }
      h6 {
        a {
          color: rgba(var(--theme-default),1);
        }
        a {
          transition-property: 0.5s;
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-duration: 150ms;
        }
      }
    }
  }
}

.monthly-profit {
  margin-top: -0.625rem;
  .apexcharts-canvas {
    .apexcharts-legend-marker {
      margin-right: 0.375rem;
    }
    .apexcharts-datalabels-group {
      .apexcharts-datalabel-value {
        fill: rgba(var(--chart-text-color),1);
      }
      .apexcharts-datalabel-value {
        font-size: 0.875rem;
        line-height: 1.25rem;
      }
      .apexcharts-datalabel-value {
        font-weight: 500;
      }
    }
    .apexcharts-tooltip {
      .apexcharts-tooltip-series-group {
        s .apexcharts-tooltip-y-group {
          [class*="apexcharts-tooltip-text-y-"] {
            color: rgba(var(--white),1);
          }
        }
      }
    }
  }
}

.overview-wrapper {
  position: relative;
  z-index: 1;
}

.back-bar-container {
  position: absolute;
  left: 1.75rem;
  bottom: 13%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  width: calc(100% - 64px);
}

.overview-card {
  .balance-data {
    right: -27%;
  }
  .balance-data {
    top: -43px;
  }
  .balance-data {
    [dir="rtl"] & {
      left: 0.75rem;
    }
    [dir="rtl"] & {
      right: unset;
    }
  }
}

.order-container {
  .apexcharts-canvas {
    .apexcharts-marker {
      stroke-width: 4;
    }
  }
}

.purchase-card.discover {
  margin-top: 90px;
  @media (min-width: 1200px) {
     {
       {
         {
          img {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          img {
          }
        }
      }
    }
  }
  img {
    margin-left: auto;
    margin-right: auto;
  }
  img {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  img {
    margin-top: -90px;
  }
  img {
    display: flex;
  }
  img {
    width: 216px;
  }
}

.visitor-card {
  .card-header {
    svg {
      height: 18px;
    }
    svg {
      width: 18px;
    }
    svg {
      fill: rgba(var(--theme-default),1);
    }
  }
}

.visitors-container {
  margin-top: 0 !important;
  margin-bottom: -27px;
  margin-left: -17px;
  margin-right: -0.75rem;
  margin-top: 0px;
  svg {
    .apexcharts-series {
      path {
        clip-path: inset(1% 0% 0% 0% round 3rem);
      }
    }
    .apexcharts-legend.apexcharts-align-left {
      @media (min-width: 1200px) {
         {
           {
             {
              .apexcharts-legend-series {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              .apexcharts-legend-series {
              }
            }
          }
        }
      }
      .apexcharts-legend-series {
        display: flex;
      }
    }
  }
}

.recent-order {
  @media (min-width: 1200px) {
     {
       {
         {
          .tab-links {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .tab-links {
          }
        }
      }
    }
  }
  .tab-links {
    display: flex;
  }
  .tab-links {
    flex-direction: row !important;
  }
  .tab-links {
    flex-wrap: nowrap;
  }
  .tab-links {
    gap: 0.5rem;
  }
  .tab-links {
    overflow: auto;
  }
  .tab-links {
    padding-bottom: 5px;
  }
  .tab-links {
    .tab-link {
      padding: 0 !important;
    }
    .tab-link {
      padding: 0px;
    }
  }
  .frame-box {
    border-width: 1px;
  }
  .frame-box {
    border-style: solid;
  }
  .frame-box {
    border-color: transparent;
  }
  .frame-box {
    &.active {
      border-width: 1px;
    }
    &.active {
      border-style: solid;
    }
    &.active {
      border-color: rgba(var(--theme-default),1);
    }
    &.active {
      background-color: rgba(var(--recent-box-bg),1);
    }
  }
  .tab-content {
    margin-top: 1rem;
  }
  .recent-items {
    table {
      thead,
        tbody {
        tr {
          th,
            td {
            &:first-child {
              min-width: 175px;
            }
            &:nth-child(2) {
              min-width: auto;
            }
          }
        }
      }
    }
  }
}

.recent-table {
  table {
    thead {
      background-color: rgba(var(--light2),1);
    }
    thead {
      th {
        padding-top: 9px;
        padding-bottom: 9px;
      }
      th {
        border-bottom: unset;
      }
    }
    tr {
      td.table,
        th.table {
        white-space: pre-wrap !important;
      }
      td,
        th {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
      }
      td,
        th {
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
      }
      td,
        th {
        vertical-align: middle;
      }
      td,
        th {
        &:first-child {
          min-width: 157px;
        }
        &:last-child {
          min-width: 96px;
        }
      }
      td {
        &:first-child {
          padding-left: 0px;
        }
        &:first-child {
          [dir="rtl"] & {
            padding-left: unset !important;
          }
          [dir="rtl"] & {
            padding-right: 0px;
          }
        }
        &:last-child {
          padding-right: 0px;
        }
        &:last-child {
          [dir="rtl"] & {
            padding-left: 0px;
          }
          [dir="rtl"] & {
            padding-right: unset;
          }
        }
      }
      .product-content {
        h6 {
          a {
            color: rgba(var(--body-font-color),1);
          }
          a {
            transition-property: 0.5s;
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-duration: 150ms;
          }
        }
      }
      &:hover {
        .product-content {
          h6 {
            a {
              color: rgba(var(--theme-default),1);
            }
            a {
              transition-property: 0.5s;
              transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
              transition-duration: 150ms;
            }
          }
        }
      }
    }
  }
  @media (min-width: 1200px) {
     {
       {
         {
          .product-content {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .product-content {
          }
        }
      }
    }
  }
  .product-content {
    display: flex;
  }
  .product-content {
    align-items: center;
  }
  .product-content {
    gap: 0.5rem;
  }
  .product-content {
    @media (min-width: 1200px) {
       {
         {
           {
            .order-image {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            .order-image {
            }
          }
        }
      }
    }
    .order-image {
      display: flex;
    }
    .order-image {
      height: 2.5rem;
    }
    .order-image {
      width: 2.5rem;
    }
    .order-image {
      align-items: center;
    }
    .order-image {
      justify-content: center;
    }
    .order-image {
      background-color: rgba(var(--light2),1);
    }
  }
  svg {
    height: 1.25rem;
  }
  svg {
    width: 1.25rem;
  }
  @media (min-width: 1200px) {
     {
       {
         {
          .recent-status {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .recent-status {
          }
        }
      }
    }
  }
  .recent-status {
    display: flex;
  }
  .recent-status {
    align-items: center;
  }
  .recent-status {
    &.font-success {
      svg {
        fill: rgba(var(--success-color),1);
      }
    }
    &.font-danger {
      svg {
        fill: rgba(var(--danger-color),1);
      }
    }
  }
}

.recent-activity {
  h5 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  h5 {
    margin-bottom: 0 !important;
  }
  h5 {
    margin-bottom: 0px;
  }
  h5 {
    padding-left: 0px;
    padding-right: 0px;
  }
  h5 {
    padding-top: 30px;
  }
  h5 {
    padding-bottom: 1.25rem;
  }
  h6 {
    display: block;
  }
  h6 {
    margin-left: auto;
    margin-right: auto;
  }
  h6 {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  h6 {
    display: block;
  }
  h6 {
    max-width: 100%;
  }
  h6 {
    overflow: hidden;
  }
  h6 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  h6 {
    overflow: hidden;
  }
  h6 {
    text-overflow: ellipsis;
  }
  h6 {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box !important;
  }
  ul {
    li {
      span {
        display: block;
      }
      span {
        margin-left: auto;
        margin-right: auto;
      }
      span {
        margin-top: 0px;
        margin-bottom: 0px;
      }
      span {
        display: block;
      }
      span {
        max-width: 100%;
      }
      span {
        overflow: hidden;
      }
      span {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
      }
      span {
        margin-left: 0;
      }
      span {
        margin-right: 0;
      }
      span {
        overflow: hidden;
      }
      span {
        text-overflow: ellipsis;
      }
      span {
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        display: -webkit-box !important;
      }
      &:last-child {
        padding-bottom: 0 !important;
      }
      &:last-child {
        padding-bottom: 0px;
      }
    }
  }
}

.notification {
  &.dashboard-2-notification {
    li {
      padding-bottom: 25px;
    }
  }
  li {
    .recent-images {
      ul {
        &::before {
          display: none;
        }
      }
      li {
        padding-bottom: 3px;
      }
    }
  }
}

.recent-images {
  margin-top: 0.625rem;
  @media (min-width: 1200px) {
     {
       {
         {
          ul {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          ul {
          }
        }
      }
    }
  }
  ul {
    display: flex;
  }
  ul {
    flex-wrap: wrap;
  }
  ul {
    align-items: center;
  }
  ul {
    gap: 0.5rem;
  }
  li {
    border-radius: 0.125rem;
  }
  li {
    border-width: 1px;
  }
  li {
    border-style: dashed;
  }
  li {
    border-color: rgba(var(--recent-dashed-border),1);
  }
  li {
    padding: 3px;
  }
  li {
    @media (min-width: 1200px) {
       {
         {
           {
            .recent-img-wrap {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            .recent-img-wrap {
            }
          }
        }
      }
    }
    .recent-img-wrap {
      display: flex;
    }
    .recent-img-wrap {
      height: 2.5rem;
    }
    .recent-img-wrap {
      width: 2.5rem;
    }
    .recent-img-wrap {
      align-items: center;
    }
    .recent-img-wrap {
      justify-content: center;
    }
    .recent-img-wrap {
      background-color: rgba(var(--light2),1);
    }
  }
}

.frame-box {
  min-width: auto;
  border-radius: 10px;
  background-color: rgba(var(--recent-box-bg),1);
  --tw-shadow: 2px 2px 2px rgba(var(--recent-border),1);
  --tw-shadow-colored: 2px 2px 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  @media (min-width: 1200px) {
     {
       {
         {
          .frame-image {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .frame-image {
          }
        }
      }
    }
  }
  .frame-image {
    margin: 0.375rem;
  }
  .frame-image {
    display: flex;
  }
  .frame-image {
    height: 57px;
  }
  .frame-image {
    min-width: 57px;
  }
  .frame-image {
    align-items: center;
  }
  .frame-image {
    border-radius: 0.25rem;
  }
  .frame-image {
    border-width: 1px;
  }
  .frame-image {
    border-style: solid;
  }
  .frame-image {
    border-color: rgba(var(--recent-border),1) rgba(var(--white),1) rgba(var(--white),1) rgba(var(--recent-border),1);
  }
  img {
    margin-left: auto;
    margin-right: auto;
  }
  img {
    margin-top: 0px;
    margin-bottom: 0px;
  }
}

.new-update {
  .flex {
    .grow {
      span,
        p {
        font-weight: 500;
      }
    }
  }
}

.recent-transaction {
  thead,
    tbody {
    tr {
      th,
        td {
        color: rgba(var(--body-font-color),1);
      }
      th,
        td {
        &:first-child {
          min-width: auto;
        }
        &:first-child {
          padding-left: 1.25rem;
        }
        &:last-child {
          padding-right: 1.25rem;
        }
      }
    }
  }
  thead {
    tr {
      th {
        color: rgba(var(--badge-light-color),1);
      }
    }
  }
}

.stock-report {
  .overflow-x-auto {
    .table {
      thead,
        tbody {
        tr {
          th,
            td {
            min-width: auto;
          }
          th,
            td {
            color: rgba(var(--body-font-color),1);
          }
          th,
            td {
            &:first-child {
              padding-left: 1.25rem;
            }
            &:last-child {
              padding-right: 1.25rem;
            }
            &:last-child {
              .btn {
                min-width: 142px;
              }
            }
            a {
              color: rgba(var(--body-font-color),1);
            }
            @media (min-width: 1200px) {
               {
                 {
                   {
                    .img-border {
                    }
                  }
                }
              }
            }
            @media (max-width: 575px) {
               {
                 {
                   {
                    .img-border {
                    }
                  }
                }
              }
            }
            .img-border {
              display: flex;
            }
            .img-border {
              height: 50px;
            }
            .img-border {
              width: 50px;
            }
            .img-border {
              align-items: center;
            }
            .img-border {
              justify-content: center;
            }
            .img-border {
              border-radius: 50%;
            }
            .img-border {
              border-width: 1px;
            }
            .img-border {
              border-style: solid;
            }
            .img-border {
              border-color: rgba(var(--chart-progress-light),1);
            }
            .img-border {
              background-color: rgba(var(--light2),1);
            }
            .img-border {
              padding: 0.25rem;
            }
            .img-border {
              img {
                height: 2rem;
              }
            }
          }
          .img-border {
            img {
              transition-property: 0.5s;
              transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
              transition-duration: 150ms;
            }
          }
          &:hover {
            td {
              .img-border {
                img {
                  --tw-scale-x: 1.1;
                  --tw-scale-y: 1.1;
                  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                }
                img {
                  transition-property: 0.5s;
                  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                  transition-duration: 150ms;
                }
              }
            }
          }
        }
      }
      thead {
        tr {
          th {
            color: rgba(var(--badge-light-color),1);
          }
        }
      }
    }
  }
}

.seller-table {
  thead,
    tbody {
    tr {
      th,
        td {
        min-width: auto;
      }
      th,
        td {
        color: rgba(var(--body-font-color),1);
      }
      th,
        td {
        a {
          color: rgba(var(--body-font-color),1);
        }
        .common-flex {
          img {
            height: 2.5rem;
          }
        }
        &:first-child {
          padding-left: 1.25rem;
        }
        &:last-child {
          padding-right: 1.25rem;
        }
      }
    }
  }
  thead {
    tr {
      th {
        color: rgba(var(--badge-light-color),1);
      }
    }
  }
}

.payment-gateway {
  @media (min-width: 1200px) {
     {
       {
         {
          .pay-box {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .pay-box {
          }
        }
      }
    }
  }
  .pay-box {
    margin-bottom: 13px;
  }
  .pay-box {
    display: flex;
  }
  .pay-box {
    flex-wrap: wrap;
  }
  .pay-box {
    align-items: center;
  }
  .pay-box {
    justify-content: space-between;
  }
  .pay-box {
    gap: 0.75rem;
  }
  .pay-box:last-child {
    margin-bottom: 0 !important;
  }
  .pay-box:last-child {
    margin-bottom: 0px;
  }
  .pay-box {
    &:hover {
      .outer-svg-box {
        svg {
          animation: tada 1.5s ease infinite;
        }
      }
    }
    .outer-line {
      border-radius: 50%;
    }
    .outer-line {
      border-width: 1px;
    }
    .outer-line {
      border-style: solid;
    }
    .outer-line {
      padding: 3px;
    }
    .outer-line {
      @media (min-width: 1200px) {
         {
           {
             {
              .outer-svg-box {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              .outer-svg-box {
              }
            }
          }
        }
      }
      .outer-svg-box {
        display: flex;
      }
      .outer-svg-box {
        height: 2rem;
      }
      .outer-svg-box {
        width: 2rem;
      }
      .outer-svg-box {
        align-items: center;
      }
      .outer-svg-box {
        justify-content: center;
      }
      .outer-svg-box {
        border-radius: 50%;
      }
      .outer-svg-box {
        svg {
          height: 18px;
        }
        svg {
          width: 18px;
        }
      }
    }
    a {
      color: rgba(var(--body-font-color),1);
    }
  }
}

.treading-product {
  .overflow-x-auto {
    .table {
      thead,
        tbody {
        tr {
          th,
            td {
            min-width: auto;
          }
          th,
            td {
            color: rgba(var(--body-font-color),1);
          }
          th,
            td {
            &:first-child {
              padding-left: 1.25rem;
            }
            &:last-child {
              padding-right: 1.25rem;
            }
            a {
              color: rgba(var(--body-font-color),1);
            }
            img {
              height: 2rem;
            }
          }
        }
        thead {
          tr {
            th {
              color: rgba(var(--badge-light-color),1);
            }
          }
        }
      }
    }
  }
}

.activity-dot-primary {
  position: relative;
  z-index: 2;
  height: 0.375rem;
  min-width: 6px;
  border-radius: 100%;
  background-color: rgba(var(--theme-default),1);
  outline: 5px solid rgba(var(--theme-default), 0.25);
}

.activity-dot-secondary {
  position: relative;
  z-index: 2;
  height: 0.375rem;
  min-width: 6px;
  border-radius: 100%;
  background-color: rgba(var(--theme-secondary),1);
  outline: 5px solid rgba(var(--theme-secondary), 0.25);
}

.activity-dot-success {
  position: relative;
  z-index: 2;
  height: 0.375rem;
  min-width: 6px;
  border-radius: 100%;
  background-color: rgba(var(--success-color),1);
  outline: 5px solid rgba(var(--success-color), 0.25);
}

.activity-dot-warning {
  position: relative;
  z-index: 2;
  height: 0.375rem;
  min-width: 6px;
  border-radius: 100%;
  background-color: rgba(var(--warning-color),1);
  outline: 5px solid rgba(var(--warning-color), 0.25);
}

.activity-dot-danger {
  position: relative;
  z-index: 2;
  height: 0.375rem;
  min-width: 6px;
  border-radius: 100%;
  background-color: rgba(var(--danger-color),1);
  outline: 5px solid rgba(var(--danger-color), 0.25);
}

.activity-dot-info {
  position: relative;
  z-index: 2;
  height: 0.375rem;
  min-width: 6px;
  border-radius: 100%;
  background-color: rgba(var(--info-color),1);
  outline: 5px solid rgba(var(--info-color), 0.25);
}

.activity-dot-light {
  position: relative;
  z-index: 2;
  height: 0.375rem;
  min-width: 6px;
  border-radius: 100%;
  background-color: rgba(var(--light-color),1);
  outline: 5px solid rgba(var(--light-color), 0.25);
}

.activity-dot-dark {
  position: relative;
  z-index: 2;
  height: 0.375rem;
  min-width: 6px;
  border-radius: 100%;
  background-color: rgba(var(--dark-color),1);
  outline: 5px solid rgba(var(--dark-color), 0.25);
}

@media (max-width: 1660px) and (min-width: 1200px) {
  .purchase-card.discover img {
    width: 200px;
  }

  .xl-30 {
    grid-column: span 4 / span 4 !important;
  }

  .xl-70 {
    max-width: 70%;
    flex: 0 0 70%;
  }

  .seller-table {
    thead,
      tbody {
      tr {
        th,
          td {
          &:nth-child(3) {
            display: none;
          }
        }
      }
    }
  }
}

@media (max-width: 575px) {
  .frame-box .frame-image {
    margin: 0.25rem;
    height: 50px !important;
    min-width: 50px !important;
  }
}

@media (max-width: 1800px) and (min-width: 1400px) {
  .grid-ed-none {
    display: none;
  }

  @media (min-width: 576px) {
     {
       {
        .grid-ed-12 {
          grid-column: span 12 / span 12 !important;
        }
      }
    }
  }

  .grid-ed-12 {
    grid-column: span 12 / span 12 !important;
  }

  .stock-report {
    .overflow-x-auto {
      .table {
        thead,
          tbody {
          tr {
            th,
              td {
              &:last-child {
                display: none;
              }
            }
          }
        }
      }
    }
  }
}

@media (max-width: 1366px) {
  .dashboard-2 .current-sale-container > div {
    margin-bottom: -23px;
    margin-left: -1rem;
    margin-right: 0px;
    margin-top: -10px;
  }
}

@media (max-width: 1580px) {
  .frame-box {
    .frame-image {
      height: 40px;
    }
    .frame-image {
      min-width: 40px;
    }
  }
}

@media (max-width: 1660px) and (min-width: 1400px) {
  @media (min-width: 576px) {
     {
       {
        .col-ed-12 {
          grid-column: span 12 / span 12 !important;
        }
      }
    }
  }

  .col-ed-12 {
    grid-column: span 12 / span 12 !important;
  }

  @media (max-width: 1199px) {
    .col-ed-7.b-center.bg-size {
      position: fixed;
      top: 0px;
      height: 100vh;
      width: 100%;
      opacity: 0.5;
    }
  }

  .col-ed-7 {
    grid-column: span 7 / span 7 !important;
  }

  .col-ed-5 {
    grid-column: span 5 / span 5 !important;
  }

  .col-ed-9 {
    grid-column: span 10 / span 10 !important;
  }

  .col-ed-3 {
    grid-column: span 3 / span 3 !important;
  }

  .col-ed-6 {
    grid-column: span 6 / span 6 !important;
  }

  .col-ed-4 {
    grid-column: span 4 / span 4 !important;
  }

  .col-ed-8 {
    grid-column: span 8 / span 8 !important;
  }

  .col-ed-none {
    display: none !important;
  }
}

@media (max-width: 1399px) and (min-width: 768px) {
  .ord-xl-i {
    order: 1;
  }

  .ord-xl-ii {
    order: 2;
  }

  .ord-xl-iii {
    order: 3;
  }

  .ord-xl-iv {
    order: 4;
  }

  .ord-xl-v {
    order: 5;
  }

  .ord-xl-vi {
    order: 6;
  }

  .ord-xl-vii {
    order: 7;
  }

  .ord-xl-viii {
    order: 8;
  }

  .ord-xl-ix {
    order: 9;
  }

  .ord-xl-x {
    order: 10;
  }
}

@media (max-width: 991px) {
  .recent-transaction {
    thead,
      tbody {
      tr {
        th,
          td {
          &:nth-child(2) {
            min-width: 114px;
          }
          &:nth-child(3) {
            min-width: 90px;
          }
          &:nth-child(4) {
            min-width: 90px;
          }
          &:nth-child(5) {
            min-width: 104px;
          }
          &:nth-child(7) {
            min-width: 110px;
          }
          &:last-child {
            min-width: 108px;
          }
        }
      }
    }
  }
}

@media (max-width: 480px) {
  .balance-widget {
    .mobile-right-img {
      right: -18%;
    }
    .mobile-right-img {
      top: 37%;
    }
    .mobile-right-img {
      .mobile-img {
        height: 55px;
      }
    }
  }
}

@media (max-width: 767px) {
  .stock-report {
    .overflow-x-auto {
      .table {
        thead,
          tbody {
          tr {
            th,
              td {
              &:first-child {
                min-width: 168px;
              }
              &:nth-child(2) {
                min-width: 104px;
              }
              &:nth-child(3) {
                min-width: 85px;
              }
              &:nth-child(4) {
                min-width: 65px;
              }
              &:last-child {
                min-width: 174px;
              }
            }
          }
        }
      }
    }
  }
}

@media (max-width: 1199px) {
  .frame-box {
    .frame-image {
      height: 57px;
    }
    .frame-image {
      min-width: 57px;
    }
  }

  .seller-table {
    thead,
      tbody {
      tr {
        th,
          td {
          &:nth-child(2) {
            min-width: 140px;
          }
          &:nth-child(3) {
            min-width: 75px;
          }
        }
      }
    }
  }
}

@media (max-width: 360px) {
  .treading-product {
    .overflow-x-auto {
      .table {
        thead,
          tbody {
          tr {
            th,
              td {
              &:first-child {
                min-width: 168px;
              }
            }
          }
        }
      }
    }
  }
}

.welcome-card {
  background-image: url(../images/dashboard-3/bg.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: rgba(var(--white),1);
  h4 {
    color: rgba(var(--white),1);
  }
  h4 {
    img {
      margin-top: -0.375rem;
    }
    img {
      animation: hand-move 5s infinite ease-in;
    }
  }
  p {
    width: 70%;
  }
  p {
    color: rgba(var(--white),1);
  }
  .welcome-img {
    position: absolute;
  }
  .welcome-img {
    bottom: -26px;
  }
  .welcome-img {
    right: 0px;
  }
  .welcome-img {
    height: 170px;
  }
  .welcome-img {
    [dir="rtl"] & {
      left: 0px;
    }
    [dir="rtl"] & {
      right: unset;
    }
  }
}

.get-image {
  img {
    height: 158px;
  }
}

.course-box {
  overflow: hidden;
}

.course-box:hover {
  --tw-translate-y: -5px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transition-property: 0.5s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.course-box {
  .card-body {
    padding-left: 15px;
    padding-right: 15px;
  }
  .card-body {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  &:hover {
    .course-icon {
      svg {
        animation: tada 1.5s ease infinite;
      }
    }
  }
}

@media (min-width: 1200px) {
   {
     {
       {
        .course-widget {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .course-widget {
        }
      }
    }
  }
}

.course-widget {
  display: flex;
  gap: 0.5rem;
  @media (min-width: 1200px) {
     {
       {
         {
          .course-icon {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .course-icon {
          }
        }
      }
    }
  }
  .course-icon {
    position: relative;
  }
  .course-icon {
    display: flex;
  }
  .course-icon {
    height: 54px;
  }
  .course-icon {
    width: 54px;
  }
  .course-icon {
    align-items: center;
  }
  .course-icon {
    justify-content: center;
  }
  .course-icon {
    clip-path: polygon(40% 7.67949%, 43.1596% 6.20615%, 46.52704% 5.30384%, 50% 5%, 53.47296% 5.30384%, 56.8404% 6.20615%, 60% 7.67949%, 81.65064% 20.17949%, 84.50639% 22.17911%, 86.97152% 24.64425%, 88.97114% 27.5%, 90.44449% 30.6596%, 91.34679% 34.02704%, 91.65064% 37.5%, 91.65064% 62.5%, 91.34679% 65.97296%, 90.44449% 69.3404%, 88.97114% 72.5%, 86.97152% 75.35575%, 84.50639% 77.82089%, 81.65064% 79.82051%, 60% 92.32051%, 56.8404% 93.79385%, 53.47296% 94.69616%, 50% 95%, 46.52704% 94.69616%, 43.1596% 93.79385%, 40% 92.32051%, 18.34936% 79.82051%, 15.49361% 77.82089%, 13.02848% 75.35575%, 11.02886% 72.5%, 9.55551% 69.3404%, 8.65321% 65.97296%, 8.34936% 62.5%, 8.34936% 37.5%, 8.65321% 34.02704%, 9.55551% 30.6596%, 11.02886% 27.5%, 13.02848% 24.64425%, 15.49361% 22.17911%, 18.34936% 20.17949%);
    background: linear-gradient(310.31deg, #ff3364 14.71%, #ff7f9e 100%);
    svg {
      height: 26px;
    }
    svg {
      width: 26px;
    }
    svg {
      fill: rgba(var(--white),1);
    }
    &.warning {
      background: linear-gradient(297.08deg, #ff9e2a -4.53%, #ffa941 98.25%);
    }
  }
  .btn-light {
    border-color: none;
  }
  .btn-light {
    background-color: rgba(var(--course-light-btn),1);
  }
  @media (min-width: 1200px) {
     {
       {
         {
          a {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          a {
          }
        }
      }
    }
  }
  a {
    margin-top: 25px;
  }
  a {
    display: flex;
  }
  a {
    align-items: center;
  }
  a {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  a {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  a {
    span {
      display: block;
    }
    span {
      margin-bottom: -5px;
    }
    span {
      display: block;
    }
    svg {
      height: 13px;
    }
    svg {
      width: 13px;
    }
  }
}

.get-card {
  .card-header {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.square-group {
  position: absolute;
  right: 0px;
  bottom: 0px;
  --tw-scale-x: -1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  [dir="rtl"] & {
    left: 0px;
  }
  [dir="rtl"] & {
    right: unset;
  }
  .square-1 {
    height: 18px;
  }
  .square-1 {
    width: 0.75rem;
  }
  .square-2 {
    margin-bottom: -0.625rem;
  }
  .square-2 {
    height: 0.625rem;
  }
  .square-2 {
    width: 0.75rem;
  }
  .square-3 {
    margin-left: 0.625rem;
  }
  .square-3 {
    height: 0.625rem;
  }
  .square-3 {
    width: 18px;
  }
  .square-3 {
    [dir="rtl"] & {
      margin-left: unset;
    }
    [dir="rtl"] & {
      margin-right: 0.625rem;
    }
  }
  .square-4 {
    position: absolute;
  }
  .square-4 {
    right: -15px;
  }
  .square-4 {
    top: 1.25rem;
  }
  .square-4 {
    height: 1rem;
  }
  .square-4 {
    width: 1rem;
  }
  .square-4 {
    [dir="rtl"] & {
      left: -15px;
    }
    [dir="rtl"] & {
      right: unset;
    }
  }
  .square-5 {
    position: absolute;
  }
  .square-5 {
    right: -1px;
  }
  .square-5 {
    bottom: 22px;
  }
  .square-5 {
    height: 0.375rem;
  }
  .square-5 {
    width: 0.375rem;
  }
  .square-5 {
    [dir="rtl"] & {
      left: -1px;
    }
    [dir="rtl"] & {
      right: unset;
    }
  }
  .square-6,
    .square-7 {
    position: absolute;
  }
  .square-6,
    .square-7 {
    height: 0.25rem;
  }
  .square-6,
    .square-7 {
    width: 0.25rem;
  }
  .square-6 {
    right: -23px;
  }
  .square-6 {
    bottom: 5px;
  }
  .square-6 {
    [dir="rtl"] & {
      left: -23px;
    }
    [dir="rtl"] & {
      right: unset;
    }
  }
  .square-7 {
    right: 0.5rem;
  }
  .square-7 {
    bottom: 45px;
  }
  .square-7 {
    [dir="rtl"] & {
      left: 0.5rem;
    }
    [dir="rtl"] & {
      right: unset;
    }
  }
  .warning1 {
    --tw-bg-opacity: 1;
    background-color: rgb(255 212 151 / var(--tw-bg-opacity, 1));
  }
  .warning {
    --tw-bg-opacity: 1;
    background-color: rgb(255 167 59 / var(--tw-bg-opacity, 1));
  }
  .primary {
    background-color: rgba(var(--theme-default),1);
  }
  .danger {
    background-color: rgba(var(--danger-color),1);
  }
  .light {
    background-color: rgba(var(--light-color),1);
  }
  .success {
    background-color: rgba(var(--success-color),1);
  }
}

.progress-chart-wrap {
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: -22px;
  margin-top: -2.5rem;
  [dir="rtl"] & {
    direction: ltr;
  }
  .apexcharts-canvas {
    margin-left: auto;
    margin-right: auto;
  }
  .apexcharts-canvas {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .apexcharts-canvas {
    .apexcharts-datalabels-group {
      .apexcharts-datalabel-label {
        fill: rgba(var(--chart-text-color),1);
      }
    }
  }
}

.get-card {
  @media (min-width: 1200px) {
     {
       {
         {
          .btn {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .btn {
          }
        }
      }
    }
  }
  .btn {
    margin-top: 15px;
  }
  .btn {
    display: flex;
  }
  .btn {
    align-items: center;
  }
  .btn {
    padding-left: 15px;
    padding-right: 15px;
  }
  .btn {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .btn {
    &:hover {
      svg {
        --tw-translate-x: 5px;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      }
      svg {
        transition-property: 0.5s;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
      }
    }
    svg {
      height: 13px;
    }
    svg {
      width: 13px;
    }
    svg {
      fill: rgba(var(--white),1);
    }
    svg {
      transition-property: 0.5s;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }
    svg {
      vertical-align: -2px;
    }
  }
}

.default-inline-calender {
  .main-inline-calender {
    .form-control {
      display: none;
    }
    .flatpickr-calendar {
      --tw-shadow: 0 0 #0000;
      --tw-shadow-colored: 0 0 #0000;
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
    .flatpickr-calendar {
      .flatpickr-months {
        .flatpickr-prev-month,
          .flatpickr-next-month {
          svg {
            stroke: rgba(var(--body-font-color),1);
          }
        }
        .flatpickr-month {
          .flatpickr-monthDropdown-months,
            .numInputWrapper {
            color: rgba(var(--body-font-color),1);
          }
        }
        .flatpickr-monthDropdown-months {
          padding-right: 18px;
        }
      }
    }
    .flatpickr-rContainer {
      .flatpickr-weekdays {
        .flatpickr-weekdaycontainer {
          .flatpickr-weekday {
            color: rgba(var(--chart-text-color),1);
          }
        }
      }
      .flatpickr-days {
        .dayContainer {
          .flatpickr-day {
            height: 2.25rem;
          }
          .flatpickr-day {
            &.selected {
              color: rgba(var(--white),1);
            }
            &.today {
              background-color: rgba(var(--success-color),1);
            }
            &.today {
              color: rgba(var(--white),1);
            }
            &.today::before {
              content: var(--tw-content);
              position: absolute;
            }
            &.today::before {
              content: var(--tw-content);
              right: -0.125rem;
            }
            &.today::before {
              content: var(--tw-content);
              top: -0.125rem;
            }
            &.today::before {
              content: var(--tw-content);
              height: 0.5rem;
            }
            &.today::before {
              content: var(--tw-content);
              width: 0.5rem;
            }
            &.today::before {
              content: var(--tw-content);
              border-radius: 50%;
            }
            &.today::before {
              content: var(--tw-content);
              background-color: rgba(var(--danger-color),1);
            }
            &.today::before {
              --tw-content: "";
              content: var(--tw-content);
            }
            &.today {
              border: unset;
            }
          }
        }
      }
      .flatpickr-current-month {
        .flatpickr-monthDropdown-months {
          option {
            font-size: 0.875rem;
            line-height: 1.25rem;
          }
          option:hover {
            background-color: rgba(var(--badge-light-color),1);
          }
        }
      }
    }
  }
}

.learning-wrap {
  margin-top: -1.5rem;
  margin-bottom: -1.5rem;
  margin-left: -15px;
  margin-right: -0.625rem;
}

.activity-wrap {
  margin-top: -22px;
  margin-bottom: -22px;
  margin-left: -1.75rem;
  margin-right: 0px;
  [dir="rtl"] & {
    margin-top: -22px;
  }
  [dir="rtl"] & {
    margin-bottom: -22px;
  }
  [dir="rtl"] & {
    margin-left: 0px;
  }
  [dir="rtl"] & {
    margin-right: -1.75rem;
  }
}

.upcoming-event-wrap {
  margin-bottom: -39px;
  margin-left: -1.5rem;
}

.course-card {
  .dropdown {
    .dropdown-toggle {
      width: 125px;
    }
  }
}

.course-wrapper {
  text-align: center;
}

@media (max-width: 767px) {
   {
    .course-wrapper {
    }
  }
}

.course-wrapper {
  text-align: center;
  .course-icon-box {
    position: relative;
  }
  .course-icon-box {
    padding: 0.5rem;
  }
  .course-icon-box {
    @media (min-width: 1200px) {
       {
         {
           {
            .icon-wrap {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            .icon-wrap {
            }
          }
        }
      }
    }
    .icon-wrap {
      margin-left: auto;
      margin-right: auto;
    }
    .icon-wrap {
      margin-top: 0px;
      margin-bottom: 0px;
    }
    .icon-wrap {
      display: flex;
    }
    .icon-wrap {
      height: 92px;
    }
    .icon-wrap {
      width: 117px;
    }
    .icon-wrap {
      align-items: center;
    }
    .icon-wrap {
      justify-content: center;
    }
    .icon-wrap {
      border-radius: 0.5rem;
    }
    .icon-wrap {
      background-color: rgba(var(--course-bg),1);
    }
    .icon-wrap {
      --tw-shadow: -18px 15px 20px rgba(119,119,119,0.25);
      --tw-shadow-colored: -18px 15px 20px var(--tw-shadow-color);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
    .icon-wrap {
      img {
        width: 5rem;
      }
    }
    .arrow-bg {
      position: absolute;
    }
    .arrow-bg {
      left: 0px;
    }
    .arrow-bg {
      top: 0px;
    }
    .arrow-bg {
      height: 100%;
    }
    .arrow-bg {
      width: calc(100% + 20px);
    }
    .arrow-bg {
      [dir="rtl"] & {
        left: unset;
      }
      [dir="rtl"] & {
        right: 0px;
      }
      [dir="rtl"] & {
        --tw-scale-x: -1;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      }
    }
  }
  h6 {
    margin-bottom: 0 !important;
  }
  h6 {
    margin-top: 25px;
  }
  h6 {
    margin-bottom: 0px;
  }
}

@media (min-width: 1200px) {
   {
     {
       {
        .course-main-card {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .course-main-card {
        }
      }
    }
  }
}

.course-main-card {
  display: flex;
  justify-content: center;
  gap: 1.25rem;
  .course-wrapper {
    &:last-child {
      @media (max-width: 575px) {
         {
           {
             {
              > .arrow-bg {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > .arrow-bg {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              > .arrow-bg {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > .arrow-bg {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      .arrow-bg {
        width: 100%;
      }
    }
  }
}

@media (min-width: 1200px) {
   {
     {
       {
        .schedule-list {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .schedule-list {
        }
      }
    }
  }
}

.schedule-list {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  @media (min-width: 1200px) {
     {
       {
         {
          li {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          li {
          }
        }
      }
    }
  }
  li {
    display: flex;
  }
  li {
    align-items: center;
  }
  li {
    h6 {
      font-size: 0.875rem;
      line-height: 1.25rem;
    }
    ul {
      -moz-column-gap: 1.25rem;
           column-gap: 1.25rem;
    }
    ul {
      -moz-column-count: 2;
           column-count: 2;
      -moz-column-rule-style: solid;
           column-rule-style: solid;
      -moz-column-rule-color: rgba(var(--chart-text-color), 1);
           column-rule-color: rgba(var(--chart-text-color), 1);
      -moz-column-rule-width: 1px;
           column-rule-width: 1px;
      li {
        gap: 0.375rem;
      }
    }
    img {
      height: 37px;
    }
    img {
      width: 37px;
    }
    img {
      border-radius: 100%;
    }
    img {
      padding: 3px;
    }
    svg {
      height: 15px;
    }
    svg {
      width: 15px;
    }
    svg {
      &.f-success {
        fill: rgba(var(--success-color),1);
      }
    }
  }
  > li {
    position: relative;
  }
  > li {
    gap: 0.625rem;
  }
  > li {
    border-radius: 10px;
  }
  > li {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  > li {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  > li {
    --tw-shadow: 4px 7px 17px 5px rgba(46,35,94,0.05);
    --tw-shadow-colored: 4px 7px 17px 5px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  > li::before {
    content: var(--tw-content);
    position: absolute;
  }
  > li::before {
    content: var(--tw-content);
    left: 0px;
  }
  > li::before {
    content: var(--tw-content);
    top: 0px;
  }
  > li::before {
    content: var(--tw-content);
    height: 100%;
  }
  > li::before {
    content: var(--tw-content);
    width: 5px;
  }
  > li::before {
    content: var(--tw-content);
    border-radius: 15px 0 0 15px;
  }
  > li::before {
    --tw-content: "";
    content: var(--tw-content);
  }
  > li {
    &::before {
      [dir="rtl"] & {
        left: unset;
      }
      [dir="rtl"] & {
        right: 0px;
      }
      [dir="rtl"] & {
        border-radius: 0 15px 15px 0;
      }
    }
    &.primary {
      &::before {
        background-color: rgba(var(--theme-default),1);
      }
      img {
        border-width: 1px;
      }
      img {
        border-style: solid;
      }
      img {
        border-color: rgba(var(--theme-default),1);
      }
    }
    &.warning {
      &::before {
        background-color: rgba(var(--warning-color),1);
      }
      img {
        border-width: 1px;
      }
      img {
        border-style: solid;
      }
      img {
        border-color: rgba(var(--warning-color),1);
      }
    }
  }
}

@media (min-width: 1200px) {
   {
     {
       {
        .link-only {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .link-only {
        }
      }
    }
  }
}

.link-only {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: rgba(var(--theme-body-sub-title-color),1);
  svg {
    height: 1rem;
  }
  svg {
    width: 1rem;
  }
}

.lessons-lists {
  li {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  @media (min-width: 1200px) {
     {
       {
         {
          li {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          li {
          }
        }
      }
    }
  }
  li {
    display: flex;
  }
  li {
    align-items: center;
  }
  li {
    gap: 0.625rem;
  }
  li {
    padding-left: 0px;
    padding-right: 0px;
  }
  li {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  li:last-child {
    padding-bottom: 0 !important;
  }
  li:first-child {
    padding-top: 0px;
  }
  li:last-child {
    padding-bottom: 0px;
  }
  li {
    img {
      transition-property: 0.5s;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }
    + li {
      border-top-width: 1px;
    }
    + li {
      border-style: solid;
    }
    + li {
      border-top-color: rgba(var(--chart-dashed-border),1);
    }
    &:hover {
      img {
        --tw-scale-x: 1.1;
        --tw-scale-y: 1.1;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      }
      img {
        transition-property: 0.5s;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
      }
    }
  }
}

.lesson-wrap {
  margin-bottom: -11px;
  margin-top: -0.375rem;
  width: 50px;
  .apexcharts-canvas {
    .apexcharts-datalabel-label {
      display: none;
    }
  }
}

.t-top-mentor {
  thead,
    tbody {
    tr {
      th,
        td {
        min-width: auto;
      }
      th,
        td {
        color: rgba(var(--body-font-color),1);
      }
      th,
        td {
        &:first-child {
          padding-left: 1.25rem;
        }
        &:last-child {
          padding-right: 1.25rem;
        }
        a {
          color: rgba(var(--body-font-color),1);
        }
        img {
          height: 2.5rem;
        }
      }
    }
  }
  thead {
    tr {
      th {
        color: rgba(var(--badge-light-color),1);
      }
    }
  }
}

.completed-course-table {
  thead,
    tbody {
    tr {
      th,
        td {
        min-width: auto;
      }
      th,
        td {
        color: rgba(var(--body-font-color),1);
      }
      th,
        td {
        &:first-child {
          padding-left: 1.25rem;
        }
        &:last-child {
          padding-right: 1.25rem;
        }
        a {
          color: rgba(var(--body-font-color),1);
        }
        img {
          height: 2.5rem;
        }
        img {
          border-radius: 0.5rem;
        }
      }
    }
  }
  thead {
    tr {
      th {
        color: rgba(var(--badge-light-color),1);
      }
    }
  }
}

@media (max-width: 1800px) and (min-width: 1400px) {
  .welcome-card p {
    width: 62%;
  }
}

@media (max-width: 1660px) {
  .learning-wrap {
    margin-top: 0;
    margin-bottom: 0;
  }
}

@media (max-width: 1470px) {
  .welcome-card p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 52px;
  }
}

@media (max-width: 480px) {
  @media (max-width: 575px) {
     {
       {
         {
          > .welcome-card p {
            width: 90%;
          }
        }
      }
       {
         {
           {
            > .welcome-card p {
              width: 90%;
            }
          }
        }
      }
       {
         {
          > .welcome-card p {
            width: 90%;
          }
        }
      }
       {
         {
           {
            > .welcome-card p {
              width: 90%;
            }
          }
        }
      }
    }
  }

  .welcome-card p {
    width: 100%;
  }

  .welcome-card .welcome-img {
    display: none;
  }
}

@media (max-width: 640px) {
  .schedule-card .card-header-right-icon .btn {
    display: none !important;
  }

  .schedule-card .card-header-right-icon .\!btn {
    display: none !important;
  }
}

@media (max-width: 1660px) {
  .course-box .card-body {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .course-box.widget-course .card-body {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .default-inline-calender {
    .main-inline-calender {
      .flatpickr-rContainer {
        .flatpickr-days {
          .dayContainer {
            .flatpickr-day {
              height: 2.75rem;
            }
          }
        }
      }
    }
  }
}

@media (max-width: 1399px) {
  .results-box {
    display: none;
  }
}

@media (max-width: 1399px) and (min-width: 1200px) {
  .completed-course-table {
    thead,
      tbody {
      tr {
        th,
          td {
          &:nth-child(4) {
            display: none;
          }
        }
      }
    }
  }
}

@media (max-width: 1660px) and (min-width: 1200px) {
  .completed-course-table {
    thead,
      tbody {
      tr {
        th,
          td {
          &:last-child {
            display: none;
          }
        }
      }
    }
  }
}

@media (max-width: 1580px) and (min-width: 1200px) {
  .t-top-mentor {
    thead,
      tbody {
      tr {
        th,
          td {
          &:nth-child(3) {
            display: none;
          }
        }
      }
    }
  }
}

@media (max-width: 991px) {
  .progress-chart-wrap {
    margin-top: -18px;
  }
}

@media (max-width: 767px) {
  .course-wrapper .course-icon-box .icon-wrap {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .course-wrapper .course-icon-box {
    padding: 0 !important;
    padding: 0px;
  }

  .course-wrapper .course-icon-box .arrow-bg {
    display: none;
  }

  .course-main-card {
    flex-wrap: nowrap;
    gap: 0.75rem;
  }

  .schedule-list {
    flex-direction: row;
  }

  .welcome-card .welcome-img {
    bottom: -18px;
    height: 140px;
  }
}

@media (max-width: 575px) {
  .course-wrapper .course-icon-box .icon-wrap {
    height: 82px;
    width: 92px;
  }

  .course-wrapper .course-icon-box .icon-wrap img {
    width: 70px;
  }

  .course-wrapper h6 {
    margin-top: 15px;
  }

  .course-main-card {
    flex-wrap: wrap;
    gap: 1.25rem;
  }

  .schedule-list {
    flex-direction: column;
  }
}

@media (max-width: 1199px) {
  @media (min-width: 1200px) {
     {
       {
         {
          .schedule-list li ul {
          }
        }
      }
    }
  }

  @media (max-width: 575px) {
     {
       {
         {
          .schedule-list li ul {
          }
        }
      }
    }
  }

  .schedule-list li ul {
    display: flex;
    flex-wrap: wrap;
  }

  .t-top-mentor {
    thead,
      tbody {
      tr {
        th,
          td {
          &:nth-child(2) {
            min-width: 135px;
          }
          &:nth-child(3) {
            min-width: 108px;
          }
          &:nth-child(4) {
            min-width: 60px;
          }
        }
      }
    }
  }

  .completed-course-table {
    thead,
      tbody {
      tr {
        th,
          td {
          &:nth-child(2) {
            min-width: 155px;
          }
          &:nth-child(3) {
            min-width: 96px;
          }
          &:nth-child(4) {
            min-width: 121px;
          }
          &:last-child {
            min-width: 99px;
          }
        }
      }
    }
  }
}

@media (max-width: 1280px) {
  .t-top-mentor .overflow-x-auto div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
    position: relative;
    left: 0px;
    right: unset;
    top: 0.25rem;
    margin-bottom: 1.25rem;
    width: 80%;
    label {
      margin-left: 20px;
    }
  }

  .completed-course-table .overflow-x-auto div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
    position: relative;
    left: 0px;
    right: unset;
    top: 0.25rem;
    margin-bottom: 1.25rem;
    width: 80%;
    label {
      margin-left: 20px;
    }
  }
}

@media (max-width: 1600px) {
  .t-top-mentor .overflow-x-auto div.dt-container .dt-layout-row:last-child {
    flex-direction: column;
  }

  .completed-course-table .overflow-x-auto div.dt-container .dt-layout-row:last-child {
    flex-direction: column;
  }
}

.widget-hover {
  &:hover {
    --tw-translate-y: -5px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  &:hover {
    transition-property: 0.5s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
}

.currency-widget {
  @media (min-width: 1200px) {
     {
       {
         {
          .currency-icon-widget {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .currency-icon-widget {
          }
        }
      }
    }
  }
  .currency-icon-widget {
    display: flex;
  }
  .currency-icon-widget {
    height: 35px;
  }
  .currency-icon-widget {
    width: 35px;
  }
  .currency-icon-widget {
    align-items: center;
  }
  .currency-icon-widget {
    justify-content: center;
  }
  .currency-icon-widget {
    border-radius: 5px;
  }
  .currency-icon-widget {
    --tw-shadow: inset 2.66667px -2.66667px 2.66667px rgba(194,128,49,0.1),inset -2.66667px 2.66667px 2.66667px rgba(var(--white),0.1);
    --tw-shadow-colored: inset 2.66667px -2.66667px 2.66667px var(--tw-shadow-color), inset -2.66667px 2.66667px 2.66667px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  .currency-icon-widget {
    svg {
      height: 1rem;
    }
    svg {
      width: 1rem;
    }
    svg {
      fill: rgba(var(--white),1);
    }
  }
  .card {
    margin-top: 0.875rem;
  }
  .card:hover {
    --tw-translate-y: -5px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .card:hover {
    transition-property: 0.5s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  .card {
    .card-body {
      justify-content: space-between;
    }
    .card-body {
      gap: 0.625rem;
    }
    .card-body {
      padding: 15px;
    }
  }
  h6 {
    margin-bottom: 0 !important;
  }
  @media (min-width: 1200px) {
     {
       {
         {
          h6 {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          h6 {
          }
        }
      }
    }
  }
  h6 {
    margin-bottom: 0px;
  }
  h6 {
    display: flex;
  }
  h6 {
    align-items: center;
  }
  h6 {
    gap: 5px;
  }
  .flex {
    align-items: center;
  }
  .flex {
    gap: 0.625rem;
  }
  @media (min-width: 1200px) {
     {
       {
         {
          h5 {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          h5 {
          }
        }
      }
    }
  }
  h5 {
    display: flex;
  }
  h5 {
    align-items: center;
  }
  h5 {
    justify-content: center;
  }
  @media (min-width: 1200px) {
     {
       {
         {
          span {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          span {
          }
        }
      }
    }
  }
  span {
    display: flex;
  }
  span {
    align-items: center;
  }
  span {
    justify-content: center;
  }
  span {
    svg.table {
      white-space: pre-wrap !important;
    }
    svg {
      height: 1rem;
    }
    svg {
      width: 1rem;
    }
    svg {
      vertical-align: middle;
    }
  }
  div[class*="bg-light-"] {
    width: 115px;
  }
  div[class*="bg-light-"] {
    border-radius: 10px;
  }
  div[class*="bg-light-"] {
    padding: 15px;
  }
  div[class*="bg-light-"] {
    color: rgba(var(--theme-body-font-color),1);
  }
  &.warning {
    .currency-icon-widget {
      background-image: linear-gradient( to right,rgba(var(--warning-color),1) 80%,rgba(var(--warning-color),0.2) );
    }
  }
  &.primary {
    .currency-icon-widget {
      background-image: linear-gradient( to right,rgba(var(--theme-default),1) 80%,rgba(var(--primary-color),0.2) );
    }
  }
  &.success {
    .currency-icon-widget {
      background-image: linear-gradient( to right,rgba(var(--success-color),1) 80%,rgba(var(--success-color),0.2) );
    }
  }
}

.currency-chart-wrap {
  margin-left: -1.25rem;
  margin-right: -0.625rem;
  margin-top: -1.75rem;
  margin-bottom: -1.25rem;
  .apexcharts-canvas {
    .apexcharts-tooltip-text-y-label {
      display: none;
    }
  }
}

.transaction-card {
  .header-top {
    gap: 0.625rem;
  }
  .active {
    border-color: none;
  }
  .active {
    background-color: rgba(var(--white),1);
  }
  .active {
    button {
      font-weight: 500;
    }
    button {
      color: rgba(var(--theme-default),1);
    }
  }
  .tab-links {
    .tab-link {
      padding: 0 !important;
    }
    .tab-link {
      padding: 0px;
    }
  }
}

.crypto-main-card {
  background-image: linear-gradient(to bottom right,#5f3deb,#ad79ff);
  color: rgba(var(--white),1);
  .btn {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .btn {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .deposit-wrap {
    > div {
      width: 65%;
    }
    > div {
      h5 {
        line-height: 1.2;
      }
      h5 {
        color: rgba(var(--white),1);
      }
      p {
        margin-bottom: 24px !important;
      }
      p {
        margin-bottom: 1rem;
      }
      p {
        color: rgba(var(--white),1);
      }
    }
    img {
      position: absolute;
    }
    img {
      right: 0.625rem;
    }
    img {
      bottom: 0.625rem;
    }
    img {
      width: 48%;
    }
    img {
      animation: bounce-effect 5s infinite ease-in;
    }
    img {
      [dir="rtl"] & {
        left: 0.625rem;
      }
      [dir="rtl"] & {
        right: unset;
      }
      [dir="rtl"] & {
        --tw-scale-x: -1;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      }
    }
  }
}

.portfolio-card {
  .dropdown-toggle {
    width: 5rem;
  }
}

.btn-white {
  background-color: rgba(var(--white),1);
  color: rgba(var(--theme-default),1);
  &:hover,
    &:active {
    border-color: rgba(var(--white),1);
  }
  &:hover,
    &:active {
    background-color: rgba(var(--white),1);
  }
  &:hover,
    &:active {
    color: rgba(var(--theme-default),1);
  }
}

@media (min-width: 1200px) {
   {
     {
       {
        .radial-progress-card {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .radial-progress-card {
        }
      }
    }
  }
}

.radial-progress-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.375rem;
  p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  h6 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  .sale-details {
    margin-left: 0px;
    margin-right: 0px;
  }
  .sale-details {
    margin-top: 0.625rem;
    margin-bottom: 0.625rem;
  }
  .sale-details {
    svg.table {
      white-space: pre-wrap !important;
    }
    svg {
      height: 15px;
    }
    svg {
      width: 15px;
    }
    svg {
      vertical-align: middle;
    }
  }
  .radial-chart-wrap {
    margin-right: -25px;
  }
  .radial-chart-wrap {
    width: 110px;
  }
  .radial-chart-wrap {
    [dir="rtl"] & {
      margin-left: -25px;
    }
    [dir="rtl"] & {
      margin-right: unset;
    }
    .apexcharts-canvas {
      .apexcharts-datalabel-label {
        display: none;
      }
    }
  }
}

.transaction-table {
  &.recent-table {
    table {
      thead,
        tbody {
        tr {
          th,
            td {
            &:first-child {
              padding-left: 1.25rem;
            }
            &:last-child {
              padding-right: 1.25rem;
            }
          }
        }
      }
      tr {
        th,
          td {
          min-width: auto;
        }
        th,
          td {
          &:first-child {
            min-width: unset;
          }
          &:last-child {
            min-width: 60px;
          }
          &:last-child {
            text-align: right;
          }
        }
        &:last-child {
          td {
            padding-bottom: 0 !important;
          }
          td {
            border-bottom-width: 0;
          }
          td {
            padding-bottom: 0px;
          }
        }
      }
      tr,
        td {
        border-bottom-width: 1px;
      }
      tr,
        td {
        border-style: dashed;
      }
      tr,
        td {
        border-bottom-color: rgba(var(--chart-progress-light),1);
      }
      tr,
        td {
        &:last-child {
          border-bottom-width: 0;
        }
      }
    }
  }
}

.custom-tab {
  border-radius: 5px;
  background-color: rgba(var(--light2),1);
  padding: 0.25rem;
  &.nav-tabs {
    border-color: none;
  }
  &.nav-tabs {
    .nav-link {
      border-color: none;
    }
    .nav-link {
      padding-left: 0.75rem;
      padding-right: 0.75rem;
    }
    .nav-link {
      padding-top: 0.375rem;
      padding-bottom: 0.375rem;
    }
    .nav-link {
      color: rgba(var(--chart-text-color),1);
    }
    .nav-link {
      &.active {
        color: rgba(var(--theme-default),1);
      }
    }
  }
}

.market-chart-container {
  margin-top: -1.5rem;
  margin-bottom: -1.5rem;
  margin-left: -15px;
  margin-right: 0px;
  [dir="rtl"] & {
    margin-top: -1.5rem;
    margin-bottom: -1.5rem;
  }
  [dir="rtl"] & {
    margin-right: -15px;
  }
  [dir="rtl"] & {
    margin-left: 0px;
  }
}

.market-card {
  .balance-card {
    padding: 0.625rem;
  }
}

@media (min-width: 1200px) {
   {
     {
       {
        .currency-icon {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .currency-icon {
        }
      }
    }
  }
}

.currency-icon {
  display: flex;
  height: 34px;
  width: 34px;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  background-color: rgba(var(--light2),1);
  &.warning {
    svg {
      fill: rgba(var(--warning-color),1);
    }
  }
  &.success {
    svg {
      fill: rgba(var(--success-color),1);
    }
  }
  &.primary {
    svg {
      fill: rgba(var(--primary-color),1);
    }
  }
  &.secondary {
    svg {
      fill: rgba(var(--secondary-color),1);
    }
  }
  &.dark-green {
    svg {
      fill: #1ba27a;
    }
  }
  &.light-blue {
    svg {
      fill: #038de7;
    }
  }
}

.recent-table {
  tr {
    &:hover {
      td {
        &:first-child {
          h6 {
            color: rgba(var(--theme-default),1);
          }
        }
      }
      .border-icon {
        .social-circle {
          --tw-scale-x: 1.02;
          --tw-scale-y: 1.02;
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        }
        .social-circle {
          transition-property: 0.5s;
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-duration: 150ms;
        }
      }
      .currency-icon {
        svg {
          animation: tada 1.5s ease infinite;
        }
      }
      .badge-light-primary {
        background-color: rgba(var(--theme-default),1);
      }
      .badge-light-primary {
        color: rgba(var(--white),1);
      }
    }
  }
}

.currency-table {
  &.recent-table {
    table {
      .change-currency {
        svg {
          height: 1rem;
        }
        svg {
          width: 1rem;
        }
        svg {
          vertical-align: sub;
        }
      }
      thead,
        tbody {
        tr {
          th,
            td {
            min-width: auto !important;
          }
          th,
            td {
            color: rgba(var(--body-font-color),1);
          }
          th,
            td {
            &:first-child {
              padding-left: 1.25rem;
            }
            &:last-child {
              padding-right: 1.25rem;
            }
            &:nth-child(2),
              &:nth-child(3) {
              min-width: 76px;
            }
            &:nth-child(4) {
              min-width: 98px;
            }
            &:nth-child(5) {
              min-width: 100px;
            }
          }
        }
        thead {
          tr {
            th {
              color: rgba(var(--badge-light-color),1);
            }
          }
        }
      }
    }
    &.average-sale {
      &.overflow-x-auto {
        thead,
          tbody {
          tr {
            th,
              td {
              min-width: auto;
            }
            th,
              td {
              color: rgba(var(--body-font-color),1);
            }
            th,
              td {
              &:first-child {
                padding-left: 1.25rem;
              }
              &:last-child {
                padding-right: 1.25rem;
              }
              a {
                color: rgba(var(--body-font-color),1);
              }
              .currency-icon {
                svg {
                  fill: rgba(var(--white),1);
                }
              }
            }
          }
        }
      }
    }
    &.performer-table {
      thead,
        tbody {
        tr {
          th,
            td {
            min-width: auto !important;
          }
          th,
            td {
            color: rgba(var(--body-font-color),1);
          }
          th,
            td {
            &:first-child {
              padding-left: 1.25rem;
            }
            &:last-child {
              padding-right: 1.25rem;
            }
          }
          a {
            color: rgba(var(--body-font-color),1);
          }
          svg {
            fill: rgba(var(--white),1);
          }
        }
      }
    }
  }
}

select {
  &.crypto-select {
    position: absolute;
  }
  &.crypto-select {
    right: 7px;
  }
  &.crypto-select {
    top: 50%;
  }
  &.crypto-select {
    width: 62px;
  }
  &.crypto-select {
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  &.crypto-select {
    border-color: none;
  }
  &.crypto-select {
    background-position: right 0.25rem center;
  }
  &.crypto-select {
    background-position: 8px;
  }
  &.crypto-select {
    padding: 0.5rem;
  }
  &.crypto-select {
    font-size: 0.75rem;
    line-height: 1rem;
  }
  &.crypto-select {
    font-weight: 500;
  }
  &.crypto-select {
    [dir="rtl"] & {
      left: 7px;
    }
    [dir="rtl"] & {
      right: unset;
    }
    &.warning {
      background-color: rgba(var(--warning-color),0.1) !important;
    }
    &.warning {
      color: rgba(var(--warning-color),1) !important;
    }
    &.primary {
      background-color: rgba(var(--theme-default),0.1) !important;
    }
    &.primary {
      color: rgba(var(--theme-default),1) !important;
    }
  }
}

.crypto-form {
  div {
    select {
      &.form-select {
        border: unset;
      }
    }
  }
  input {
    &::-webkit-outer-spin-button,
      &::-webkit-inner-spin-button {
      margin: 0px !important;
    }
    &::-webkit-outer-spin-button,
      &::-webkit-inner-spin-button {
      margin: 0px;
    }
    &::-webkit-outer-spin-button,
      &::-webkit-inner-spin-button {
      -webkit-appearance: none;
    }
    &[type="number"] {
      -moz-appearance: textfield;
    }
  }
}

.balance-box {
  text-align: center;
}

@media (max-width: 767px) {
   {
    .balance-box {
    }
  }
}

.balance-box {
  background-image: url(../images/dashboard-4/bg-balance.png) !important;
  background-size: cover !important;
  background-position: right !important;
  text-align: center;
  .balance-img {
    border-width: 2px !important;
  }
  .balance-img {
    position: relative;
  }
  .balance-img {
    margin-bottom: 15px;
  }
  .balance-img {
    display: inline-block;
  }
  .balance-img {
    border-radius: 100%;
  }
  .balance-img {
    border-width: 2px;
  }
  .balance-img {
    border-style: solid;
  }
  .balance-img {
    border-color: rgba(var(--chart-border),1);
  }
  .balance-img {
    border-left-color: rgba(var(--success-color),1);
  }
  .balance-img {
    border-bottom-color: rgba(var(--success-color),1);
  }
  .balance-img {
    padding: 5px;
  }
  .balance-img {
    img {
      border-radius: 100%;
    }
    img {
      background-color: rgba(var(--balance-profile-bg),1);
    }
    .edit-icon {
      border-width: 2px !important;
    }
    @media (min-width: 1200px) {
       {
         {
           {
            .edit-icon {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            .edit-icon {
            }
          }
        }
      }
    }
    .edit-icon {
      position: absolute;
    }
    .edit-icon {
      right: 0px;
    }
    .edit-icon {
      bottom: 0px;
    }
    .edit-icon {
      display: flex;
    }
    .edit-icon {
      height: 26px;
    }
    .edit-icon {
      width: 26px;
    }
    .edit-icon {
      align-items: center;
    }
    .edit-icon {
      justify-content: center;
    }
    .edit-icon {
      border-radius: 100%;
    }
    .edit-icon {
      border-width: 2px;
    }
    .edit-icon {
      border-style: solid;
    }
    .edit-icon {
      border-color: rgba(var(--white),1);
    }
    .edit-icon {
      --tw-bg-opacity: 1;
      background-color: rgb(223 223 244 / var(--tw-bg-opacity, 1));
    }
    .edit-icon {
      svg {
        height: 11px;
      }
      svg {
        width: 11px;
      }
      svg {
        fill: rgba(var(--primary-color),1);
      }
    }
  }
}

.balance-profile {
  @media (min-width: 1200px) {
     {
       {
         {
          ul {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          ul {
          }
        }
      }
    }
  }
  ul {
    margin-top: 1rem;
  }
  ul {
    display: flex;
  }
  ul {
    justify-content: center;
  }
  ul {
    gap: 50px;
  }
  ul {
    li {
      position: relative;
    }
    li {
      + li {
        &::before {
          position: absolute;
        }
        &::before {
          left: -25px;
        }
        &::before {
          top: 50%;
        }
        &::before {
          height: 2.5rem;
        }
        &::before {
          --tw-translate-y: -50%;
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        }
        &::before {
          border-width: 1px;
        }
        &::before {
          border-style: dashed;
        }
        &::before {
          border-color: rgba(var(--recent-dashed-border),1);
        }
        &::before {
          --tw-content: "";
          content: var(--tw-content);
        }
        &::before {
          [dir="rtl"] & {
            right: -25px;
          }
          [dir="rtl"] & {
            left: unset;
          }
        }
      }
    }
  }
}

.activity-card {
  .appointment-table {
    tr {
      td {
        &:nth-child(2) {
          min-width: 99px;
        }
      }
    }
  }
}

@media (min-width: 1200px) {
   {
     {
       {
        .balance-item {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .balance-item {
        }
      }
    }
  }
}

.balance-item {
  display: flex;
  gap: 0.625rem;
  @media (min-width: 1200px) {
     {
       {
         {
          .balance-icon-wrap {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .balance-icon-wrap {
          }
        }
      }
    }
  }
  .balance-icon-wrap {
    display: flex;
  }
  .balance-icon-wrap {
    height: 2.5rem;
  }
  .balance-icon-wrap {
    width: 2.5rem;
  }
  .balance-icon-wrap {
    min-width: 40px;
  }
  .balance-icon-wrap {
    align-items: center;
  }
  .balance-icon-wrap {
    justify-content: center;
  }
  .balance-icon-wrap {
    border-radius: 10px;
  }
  .balance-icon-wrap {
    @media (min-width: 1200px) {
       {
         {
           {
            .balance-icon {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            .balance-icon {
            }
          }
        }
      }
    }
    .balance-icon {
      display: flex;
    }
    .balance-icon {
      height: 16px;
    }
    .balance-icon {
      width: 16px;
    }
    .balance-icon {
      align-items: center;
    }
    .balance-icon {
      justify-content: center;
    }
    .balance-icon {
      border-radius: 100%;
    }
    .balance-icon {
      svg {
        height: 14px;
      }
      svg {
        width: 14px;
      }
      svg {
        color: rgba(var(--white),1);
      }
    }
  }
  .badge {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
  .badge {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  &.danger {
    .balance-icon-wrap {
      background-color: rgba(var(--danger-color),0.1);
    }
    .balance-icon-wrap {
      .balance-icon {
        background-color: rgba(var(--danger-color),1);
      }
    }
  }
  &.success {
    .balance-icon-wrap {
      background-color: rgba(var(--success-color),0.1);
    }
    .balance-icon-wrap {
      .balance-icon {
        background-color: rgba(var(--success-color),1);
      }
    }
  }
}

.portfolio-chart-container {
  margin-top: -3.5rem;
}

.portfolio-table {
  .status {
    display: inline-block;
  }
  .status {
    height: 0.375rem;
  }
  .status {
    width: 0.375rem;
  }
  .status {
    border-radius: 100%;
  }
  table {
    tr,
      td {
      border-bottom-width: 1px;
    }
    tr,
      td {
      border-style: dashed;
    }
    tr,
      td {
      border-bottom-color: rgba(var(--chart-progress-light),1);
    }
    tr,
      td {
      &:last-child {
        border-bottom-width: 0;
      }
      h6 {
        line-height: 1.2;
      }
    }
    tr {
      &:last-child {
        td {
          padding-bottom: 0 !important;
        }
        td {
          border-color: unset;
        }
        td {
          padding-bottom: 0px;
        }
      }
    }
  }
}

@media (max-width: 1660px) {
  .currency-widget .card .card-body {
    flex-wrap: wrap;
  }

  .crypto-main-card .btn {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .crypto-main-card .deposit-wrap > div {
    width: 90%;
  }

  .crypto-main-card .deposit-wrap > div h5 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .balance-profile ul {
    gap: 25px;
  }

  .balance-profile ul li + li::before {
    left: -1rem;
  }

  .balance-item .balance-icon-wrap .balance-icon svg {
    height: 12px;
    width: 12px;
    vertical-align: 2px;
  }

  .balance-item .balance-icon-wrap .balance-icon {
    height: 14px;
    width: 14px;
  }

  .balance-item .balance-icon-wrap {
    height: 25px;
    width: 25px;
    min-width: 25px;
    border-radius: 0.5rem;
  }

  .currency-table.recent-table.average-sale.overflow-x-auto div.dt-container .dt-layout-row:last-child {
    flex-direction: column;
  }

  .currency-table.recent-table.performer-table.overflow-x-auto div.dt-container .dt-layout-row:last-child {
    flex-direction: column;
  }

   {
    flex-wrap: wrap;
  }

  .crypto-main-card .\!btn {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

   {
    width: 90%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    gap: 25px;
    left: -1rem;
    vertical-align: 2px !important;
    height: 25px;
    width: 25px;
    min-width: 25px;
    border-radius: 0.5rem;
    flex-direction: column;
  }
}

@media (max-width: 420px) {
  .transaction-card {
    .card-header {
      .header-top {
        flex-wrap: wrap;
      }
    }
  }
}

@media (max-width: 575px) {
  .transaction-card {
    .card-header {
      .header-top {
        .tab-links {
          width: auto !important;
        }
        .tab-links {
          flex-direction: row !important;
        }
      }
    }
  }

  .currency-widget .card .card-body {
    flex-wrap: unset;
  }

  .currency-widget div[class*="bg-light-"] {
    width: 50%;
  }

  .currency-chart-wrap {
    width: 100%;
  }

  .market-chart-container {
    margin-bottom: 0 !important;
    margin-bottom: 0px;
  }

  .market-card .custom-tab {
    display: none;
  }

  .activity-card .appointment-table {
    height: unset;
  }
}

@media (max-width: 1660px) and (min-width: 1200px) {
  .currency-widget div[class*="bg-light-"] {
    display: none;
  }
}

@media (max-width: 1399px) {
  .currency-widget.height-equal {
    min-height: unset;
  }

  .crypto-main-card .deposit-wrap > div {
    width: 75%;
  }

  .activity-card .appointment-table {
    height: 180px;
  }

  .portfolio-chart-container {
    margin-top: -1.25rem;
  }
}

@media (max-width: 1199px) {
  .crypto-main-card .deposit-wrap img {
    width: 27%;
  }

  @media (max-width: 575px) {
     {
       {
         {
          > .currency-widget div[class*="bg-light-"] {
            width: 90%;
          }
        }
      }
       {
         {
           {
            > .currency-widget div[class*="bg-light-"] {
              width: 90%;
            }
          }
        }
      }
       {
         {
          > .currency-widget div[class*="bg-light-"] {
            width: 90%;
          }
        }
      }
       {
         {
           {
            > .currency-widget div[class*="bg-light-"] {
              width: 90%;
            }
          }
        }
      }
    }
  }

  .currency-widget div[class*="bg-light-"] {
    width: 100%;
  }

  .crypto-main-card .card-body {
    padding: 1.25rem;
  }

  .crypto-main-card .deposit-wrap > div {
    width: 95%;
  }

  .radial-progress-card.card-body {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .currency-table.recent-table.average-sale.overflow-x-auto div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
    position: relative;
    left: 1.25rem;
    top: 0.25rem;
    margin-bottom: 1.25rem;
    width: -moz-fit-content;
    width: fit-content;
  }

  .currency-table {
    &.recent-table {
      thead,
        tbody {
        tr {
          th,
            td {
            &:last-child {
              min-width: 147px !important;
            }
          }
        }
      }
    }
  }

  .currency-table.recent-table.performer-table.overflow-x-auto div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
    position: relative;
    left: 1.25rem;
    top: 0.25rem;
    margin-bottom: 1.25rem;
    width: -moz-fit-content;
    width: fit-content;
  }

  .currency-table {
    &.recent-table {
      &.performer-table {
        thead,
          tbody {
          tr {
            th,
              td {
              &:nth-child(2) {
                min-width: 128px !important;
              }
              &:last-child {
                min-width: 108px !important;
              }
            }
          }
        }
      }
    }
    &.recent-table {
      &.performer-table {
        &.overflow-x-auto {
          thead,
            tbody {
            tr {
              &:nth-child(2) {
                min-width: 137px;
              }
              &:nth-child(5) {
                min-width: 98px;
              }
              &:last-child {
                min-width: 126px;
              }
            }
          }
        }
      }
    }
  }
}

@media (max-width: 1580px) and (min-width: 1200px) {
  .currency-table {
    &.recent-table {
      &.average-sale {
        thead,
          tbody {
          tr {
            th,
              td {
              &:nth-child(4) {
                display: none;
              }
            }
          }
        }
      }
      &.performer-table {
        thead,
          tbody {
          tr {
            th,
              td {
              &:nth-child(4),
                &:last-child {
                display: none;
              }
            }
          }
        }
      }
    }
  }
}

@media (max-width: 767px) {
  .crypto-main-card .deposit-wrap > div h5 {
    -webkit-line-clamp: 1;
  }

  .currency-table {
    &.recent-table {
      &.average-sale {
        &.overflow-x-auto {
          thead,
            tbody {
            tr {
              th,
                td {
                &:nth-child(2),
                  &:nth-child(3),
                  &:nth-child(4) {
                  min-width: 85px;
                }
              }
            }
          }
        }
      }
    }
  }
}

@media (max-width: 1660px) and (min-width: 1400px) {
  .crypto-main-card .deposit-wrap img {
    width: 44%;
  }

  .dashboard-4 {
    .appointment-table {
      &.customer-table {
        table {
          tr {
            &:last-child,
              &:nth-child(5),
              &:nth-child(4) {
              display: none;
            }
          }
        }
      }
    }
  }
}

@media (max-width: 1399px) and (min-width: 1200px) {
  .crypto-main-card .deposit-wrap img {
    width: 50%;
  }
}

@media (max-width: 1800px) {
  .radial-progress-card .radial-chart-wrap {
    margin-right: -0.75rem;
  }
}

@media (max-width: 1366px) and (min-width: 1200px) {
  .currency-table.recent-table.average-sale.overflow-x-auto div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
    display: none;
  }
}

.social {
  &-widget {
    .card-body {
      padding: 15px;
    }
    @media (min-width: 1200px) {
       {
         {
           {
            .social-icons {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            .social-icons {
            }
          }
        }
      }
    }
    .social-icons {
      display: flex;
    }
    .social-icons {
      height: calc(40px + (55 - 40) * ((100vw - 320px) / (1920 - 320)));
    }
    .social-icons {
      min-width: calc(40px + (55 - 40) * ((100vw - 320px) / (1920 - 320)));
    }
    .social-icons {
      align-items: center;
    }
    .social-icons {
      justify-content: center;
    }
    .social-icons {
      border-radius: 10px;
    }
    .social-icons {
      background-color: rgba(var(--transparent-color),1);
    }
    .social-icons {
      --tw-shadow: 0px 42.1092px 27.8569px rgba(41,72,152,0.0303704),0px 8.90772px 7.12618px rgba(41,72,152,0.0196296),0px 2.02448px 3.44162px rgba(41,72,152,0.012037);
      --tw-shadow-colored: 0px 42.1092px 27.8569px var(--tw-shadow-color), 0px 8.90772px 7.12618px var(--tw-shadow-color), 0px 2.02448px 3.44162px var(--tw-shadow-color);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
    .social-icons {
      img {
        height: calc(20px + (35 - 20) * ((100vw - 320px) / (1920 - 320)));
      }
    }
    .social-content {
      margin-top: 48px !important;
    }
    @media (min-width: 1200px) {
       {
         {
           {
            .social-content {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            .social-content {
            }
          }
        }
      }
    }
    .social-content {
      margin-top: 1.25rem !important;
    }
    .social-content {
      display: flex;
    }
    .social-content {
      justify-content: space-between;
    }
    .social-content {
      .social-chart {
        margin-top: -34px;
      }
      .social-chart {
        margin-right: -42px;
      }
      .social-chart {
        margin-bottom: -13px;
      }
      .social-chart {
        margin-left: -42px;
      }
      .social-chart {
        width: 150px;
      }
      .social-chart {
        .apexcharts-canvas {
          .apexcharts-datalabels-group {
            .apexcharts-datalabel-label {
              display: none;
            }
          }
        }
      }
    }
  }
}

.mobile-app-card {
  background-image: url(../images/dashboard-5/profile-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  &.social-empower {
    @media (max-width: 575px) {
       {
         {
           {
            > .card-header {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > .card-header {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > .card-header {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > .card-header {
                width: 90%;
              }
            }
          }
        }
      }
    }
    .card-header {
      width: 100%;
    }
  }
  .card-header {
    width: 68%;
  }
  .card-header {
    background-color: rgba(var(--transparent-color),1);
  }
  .card-header {
    padding: 1.25rem;
  }
  .card-body {
    margin-top: -1.25rem;
  }
  .card-body {
    .wavy {
      margin-right: -78px;
    }
    .wavy {
      margin-top: -50px;
    }
    .wavy {
      width: 50px;
    }
    .wavy {
      animation: wave-speaker 2s ease infinite;
    }
    img {
      &:not(.wavy) {
        height: 158px;
      }
    }
  }
  .purchase-btn {
    min-width: unset;
  }
  .purchase-btn {
    padding-left: 22px;
    padding-right: 22px;
  }
  .purchase-btn {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }
}

.subscriber-chart-container {
  margin-left: -0.625rem;
  margin-right: -0.625rem;
  margin-top: -22px;
  margin-bottom: -1.5rem;
}

.click-widgets {
  .card-body {
    padding-left: 15px;
    padding-right: 15px;
  }
  .card-body {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }
  .click-chart {
    margin-top: -50px;
  }
  .click-chart {
    margin-bottom: -70px;
  }
  .click-chart {
    margin-left: -1.25rem;
  }
  .click-chart {
    margin-right: 0px;
  }
}

.campaign-list {
  margin-bottom: 0.875rem;
  -moz-column-gap: 1.25rem;
       column-gap: 1.25rem;
  -moz-column-count: 2;
       column-count: 2;
  li {
    position: relative;
  }
  li {
    + li {
      &::before {
        position: absolute;
      }
      &::before {
        left: -0.625rem;
      }
      &::before {
        top: 50%;
      }
      &::before {
        height: 1.25rem;
      }
      &::before {
        width: 1px;
      }
      &::before {
        --tw-translate-y: -50%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      }
      &::before {
        background-color: rgba(var(--chart-text-color),1);
      }
      &::before {
        opacity: 0.6;
      }
      &::before {
        --tw-content: "";
        content: var(--tw-content);
      }
      &::before {
        [dir="rtl"] & {
          left: unset;
        }
        [dir="rtl"] & {
          right: -0.625rem;
        }
      }
    }
  }
  .campaign-box {
    border-radius: 5px;
  }
  .campaign-box {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
  .campaign-box {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
  }
  .campaign-box {
    background: linear-gradient(180deg, rgba(var(--course-light-btn), 1) 0%, rgba(242, 243, 247, 0) 100%);
  }
}

@media (min-width: 1200px) {
   {
     {
       {
        .social-circle {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .social-circle {
        }
      }
    }
  }
}

.social-circle {
  display: flex;
  height: 34px;
  width: 34px;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  border-width: 1px;
  border-style: solid;
  transition-property: 0.5s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.campaign-table {
  &.recent-table {
    table {
      tr {
        th,
          td {
          &:first-child {
            padding-left: 1.25rem;
          }
          &:last-child {
            padding-right: 1.25rem;
          }
        }
        &:hover {
          td {
            &:nth-child(2) {
              color: rgba(var(--theme-default),1);
            }
          }
        }
      }
    }
  }
  .border-icon {
    > div {
      border-left-width: 2px;
    }
    > div {
      border-style: solid;
    }
    > div {
      border-left-color: rgba(var(--fb-color),1);
    }
    > div {
      padding-left: 15px;
    }
    > div {
      [dir="rtl"] & {
        padding-left: unset;
      }
      [dir="rtl"] & {
        padding-right: 15px;
      }
    }
  }
  .facebook {
    > div {
      border-left-width: 2px;
    }
    > div {
      border-style: solid;
    }
    > div {
      border-left-color: rgba(var(--fb-color),1);
    }
    > div {
      [dir="rtl"] & {
        border-left-width: 0px;
      }
      [dir="rtl"] & {
        border-right-width: 2px;
      }
      [dir="rtl"] & {
        border-style: solid;
      }
      [dir="rtl"] & {
        border-right-color: rgba(var(--fb-color),1);
      }
    }
    .social-circle {
      border-color: rgba(var(--fb-color),1);
    }
    .social-circle {
      background-color: rgba(var(--fb-color),0.1);
    }
    .social-circle {
      color: rgba(var(--fb-color),1);
    }
  }
  .instagram {
    > div {
      border-left-width: 2px;
    }
    > div {
      border-style: solid;
    }
    > div {
      border-left-color: rgba(var(--insta-color),1);
    }
    > div {
      [dir="rtl"] & {
        border-left-width: 0px;
      }
      [dir="rtl"] & {
        border-right-width: 2px;
      }
      [dir="rtl"] & {
        border-style: solid;
      }
      [dir="rtl"] & {
        border-right-color: rgba(var(--insta-color),1);
      }
    }
    .social-circle {
      border-color: rgba(var(--insta-color),1);
    }
    .social-circle {
      background-color: rgba(var(--insta-color),0.1);
    }
    .social-circle {
      color: rgba(var(--insta-color),1);
    }
  }
  .pinterest {
    > div {
      border-left-width: 2px;
    }
    > div {
      border-style: solid;
    }
    > div {
      border-left-color: rgba(var(--pintrest-color),1);
    }
    > div {
      [dir="rtl"] & {
        border-left-width: 0px;
      }
      [dir="rtl"] & {
        border-right-width: 2px;
      }
      [dir="rtl"] & {
        border-style: solid;
      }
      [dir="rtl"] & {
        border-right-color: rgba(var(--pintrest-color),1);
      }
    }
    .social-circle {
      border-color: rgba(var(--pintrest-color),1);
    }
    .social-circle {
      background-color: rgba(var(--pintrest-color),0.1);
    }
    .social-circle {
      color: rgba(var(--pintrest-color),1);
    }
  }
  .plus-btn {
    width: 1.5rem;
  }
  .plus-btn {
    border-radius: 5px;
  }
  .plus-btn {
    border-width: 1px;
  }
  .plus-btn {
    border-style: solid;
  }
  .plus-btn {
    border-color: rgba(var(--body-font-color),1);
  }
  .plus-btn {
    background-color: transparent;
  }
  .plus-btn {
    color: rgba(var(--body-font-color),1);
  }
  .plus-btn:hover {
    background-color: rgba(var(--body-font-color),1);
  }
  .plus-btn:hover {
    color: rgba(var(--white),1);
  }
  .twitter {
    > div {
      border-left-width: 2px;
    }
    > div {
      border-style: solid;
    }
    > div {
      border-left-color: rgba(var(--twitter-color),1);
    }
    > div {
      [dir="rtl"] & {
        border-left-width: 0px;
      }
      [dir="rtl"] & {
        border-right-width: 2px;
      }
      [dir="rtl"] & {
        border-style: solid;
      }
      [dir="rtl"] & {
        border-right-color: rgba(var(--twitter-color),1);
      }
    }
    .social-circle {
      border-color: rgba(var(--twitter-color),1);
    }
    .social-circle {
      background-color: rgba(var(--twitter-color),0.1);
    }
    .social-circle {
      color: rgba(var(--twitter-color),1);
    }
  }
  .you-tube {
    > div {
      border-left-width: 2px;
    }
    > div {
      border-style: solid;
    }
    > div {
      border-left-color: rgba(var(--youtube-color),1);
    }
    > div {
      [dir="rtl"] & {
        border-left-width: 0px;
      }
      [dir="rtl"] & {
        border-right-width: 2px;
      }
      [dir="rtl"] & {
        border-style: solid;
      }
      [dir="rtl"] & {
        border-right-color: rgba(var(--youtube-color),1);
      }
    }
    .social-circle {
      border-color: rgba(var(--youtube-color),1);
    }
    .social-circle {
      background-color: rgba(var(--youtube-color),0.1);
    }
    .social-circle {
      color: rgba(var(--youtube-color),1);
    }
  }
  .linked-in {
    > div {
      border-left-width: 2px;
    }
    > div {
      border-style: solid;
    }
    > div {
      border-left-color: rgba(var(--linkedin),1);
    }
    > div {
      [dir="rtl"] & {
        border-left-width: 0px;
      }
      [dir="rtl"] & {
        border-right-width: 2px;
      }
      [dir="rtl"] & {
        border-style: solid;
      }
      [dir="rtl"] & {
        border-right-color: rgba(var(--linkedin),1);
      }
    }
    .social-circle {
      border-color: rgba(var(--linkedin),1);
    }
    .social-circle {
      background-color: rgba(var(--linkedin),0.1);
    }
    .social-circle {
      color: rgba(var(--linkedin),1);
    }
  }
  .badge-light-primary,
    .badge-light-light {
    min-width: 110px;
  }
  .badge-light-primary,
    .badge-light-light {
    border-color: unset;
  }
  tr {
    td,
      th {
      border-style: dashed;
    }
  }
  .recent-table {
    &.overflow-x-auto {
      table {
        thead,
          tbody {
          tr {
            td,
              th {
              &:first-child {
                min-width: 88px;
              }
              &:nth-child(2) {
                min-width: 80px;
              }
              &:nth-child(3),
                &:last-child {
                min-width: 36px;
              }
            }
          }
        }
      }
    }
  }
}

.photo-click-wrapper {
  margin-left: 0px;
  margin-right: -1.25rem;
  margin-top: -0.75rem;
  margin-bottom: -1.25rem;
}

.social-tabs {
  .tab-links {
    gap: 24px !important;
  }
  .tab-links {
    gap: 1rem;
  }
  .tab-links {
    @media (min-width: 1200px) {
       {
         {
           {
            .social-box {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            .social-box {
            }
          }
        }
      }
    }
    .social-box {
      display: flex;
    }
    .social-box {
      align-items: center;
    }
    .social-box {
      justify-content: center;
    }
    .social-box {
      gap: 16px;
    }
    .social-box {
      border-radius: 0.25rem;
    }
    .social-box {
      border-width: 1px;
    }
    .social-box {
      border-style: solid;
    }
    .social-box {
      border-color: transparent;
    }
    .social-box {
      padding-left: 1rem;
      padding-right: 1rem;
    }
    .social-box {
      padding-top: 0.75rem;
      padding-bottom: 0.75rem;
    }
    .social-box {
      transition-property: all;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }
    .social-box {
      transition-duration: 0.4s;
    }
    .social-box {
      transition-timing-function: ease;
    }
    .social-box {
      span {
        color: rgba(var(--body-font-color),1);
      }
      @media (min-width: 1200px) {
         {
           {
             {
              .frame-image {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              .frame-image {
              }
            }
          }
        }
      }
      .frame-image {
        display: flex;
      }
      .frame-image {
        align-items: center;
      }
      .frame-image {
        justify-content: center;
      }
      .frame-image {
        gap: 0.625rem;
      }
      .frame-image {
        [class*="outline-10-"],
          [class*="outline-20-"] {
          border-radius: 50%;
        }
        [class*="outline-10-"],
          [class*="outline-20-"] {
          outline-offset: 4px;
        }
        [class*="outline-10-"],
          [class*="outline-20-"] {
          @media (min-width: 1200px) {
             {
               {
                 {
                  [class*="bg-10-"],
            [class*="bg-20-"] {
                  }
                }
              }
            }
          }
          @media (max-width: 575px) {
             {
               {
                 {
                  [class*="bg-10-"],
            [class*="bg-20-"] {
                  }
                }
              }
            }
          }
          [class*="bg-10-"],
            [class*="bg-20-"] {
            display: flex;
          }
          [class*="bg-10-"],
            [class*="bg-20-"] {
            height: 2rem;
          }
          [class*="bg-10-"],
            [class*="bg-20-"] {
            width: 2rem;
          }
          [class*="bg-10-"],
            [class*="bg-20-"] {
            align-items: center;
          }
          [class*="bg-10-"],
            [class*="bg-20-"] {
            justify-content: center;
          }
          [class*="bg-10-"],
            [class*="bg-20-"] {
            border-radius: 50%;
          }
          @media (min-width: 1200px) {
             {
               {
                 {
                  [class*="fa-"]:not(.fa-youtube-play) {
                  }
                }
              }
            }
          }
          @media (max-width: 575px) {
             {
               {
                 {
                  [class*="fa-"]:not(.fa-youtube-play) {
                  }
                }
              }
            }
          }
          [class*="fa-"]:not(.fa-youtube-play) {
            margin-right: 0px !important;
          }
          [class*="fa-"]:not(.fa-youtube-play) {
            display: flex;
          }
          [class*="fa-"]:not(.fa-youtube-play) {
            height: 18px;
          }
          [class*="fa-"]:not(.fa-youtube-play) {
            width: 18px;
          }
          [class*="fa-"]:not(.fa-youtube-play) {
            align-items: center;
          }
          [class*="fa-"]:not(.fa-youtube-play) {
            justify-content: center;
          }
          [class*="fa-"]:not(.fa-youtube-play) {
            border-radius: 50%;
          }
          [class*="fa-"]:not(.fa-youtube-play) {
            font-size: 10px;
          }
          .youtube-color {
            color: rgba(var(--youtube-color),1);
          }
          .instagram-color {
            background: linear-gradient(45deg, #fee411 11.93%, #fedb16 15.61%, #fec125 21.74%, #fe983d 29.56%, #fe5f5e 38.66%, #fe2181 47.46%, #9000dc 82.98%);
          }
        }
      }
    }
  }
  .tab-content {
    s .tab-pane {
      > div {
        margin-bottom: -1.25rem;
      }
    }
  }
}

.top-country {
  .common-space {
    margin-bottom: 8px !important;
  }
  .common-space {
    margin-bottom: 0.5rem;
  }
  .common-space {
    @media (min-width: 1200px) {
       {
         {
           {
            > div {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > div {
            }
          }
        }
      }
    }
    > div {
      display: flex;
    }
    > div {
      align-items: center;
    }
    > div {
      justify-content: center;
    }
    > div {
      gap: 0.5rem;
    }
    > div {
      p {
        font-size: 1rem;
        line-height: 1.5rem;
      }
    }
  }
  img {
    height: calc(25px + (37 - 25) * ((100vw - 320px) / (1920 - 320)));
  }
  img {
    border-radius: 50%;
  }
  .progress {
    height: 7px;
  }
  .progress {
    background: linear-gradient(180.36deg, #cfdce8 -32.82%, #ffffff 132.82%);
  }
}

.social-clicks {
  i {
    font-size: 10px;
  }
}

.follower-country {
  #countryMap {
    height: 268px;
  }
}

.follower-wrap {
  .card-header {
    padding-bottom: 1.25rem;
  }
  .papernote-wrap {
    > span {
      margin-bottom: 20px;
    }
  }
}

@media (max-width: 1800px) {
  .social-widget .social-card-box {
    display: none !important;
  }
}

@media (max-width: 1500px) {
  .social-widget .social-card-box {
    display: block !important;
  }
}

@media (max-width: 1580px) and (min-width: 1200px) {
  .campaign-table {
    .recent-table {
      &.overflow-x-auto {
        table {
          thead,
            tbody {
            tr {
              td,
                th {
                &:nth-child(3) {
                  display: none;
                }
              }
            }
          }
        }
      }
    }
  }
}

@media (max-width: 991px) {
  .mobile-app-card .card-header {
    width: 64%;
  }

  .customers {
    ul {
      margin-top: 10px;
    }
    ul {
      li {
        + li {
          margin-left: -3%;
        }
      }
    }
  }
}

@media (max-width: 1660px) and (min-width: 1400px) {
  .social-clicks .analytics-tread-card .card-header .common-align span:nth-child(2) {
    display: none !important;
  }
}

@media (max-width: 1399px) and (min-width: 1200px) {
  .subscriber-chart-container {
    margin-left: -0.625rem;
    margin-right: -0.625rem;
    margin-top: -22px;
    margin-bottom: -48px;
  }

  .social-clicks .analytics-tread-card .card-header .common-align span:nth-child(2) {
    display: none !important;
  }

  .campaign-table {
    .recent-table {
      &.overflow-x-auto {
        table {
          thead,
            tbody {
            tr {
              td,
                th {
                &:nth-child(6) {
                  display: none;
                }
                &:nth-child(5) {
                  padding-right: 1.25rem;
                }
              }
            }
          }
        }
      }
    }
    &.recent-table {
      table {
        tr {
          th {
            &:nth-child(3),
              &:nth-child(6) {
              display: none;
            }
          }
        }
      }
    }
  }
}

@media (max-width: 1399px) {
  .campaign-table .recent-table.overflow-x-auto div.dt-container .dt-layout-row:last-child {
    flex-direction: column;
  }
}

@media (max-width: 1580px) and (min-width: 1200px) {
  .campaign-table {
    .recent-table {
      &.overflow-x-auto {
        table {
          thead,
            tbody {
            tr {
              td,
                th {
                &:last-child {
                  display: none;
                }
                &:nth-child(6) {
                  padding-right: 1.25rem;
                }
              }
            }
          }
        }
      }
    }
  }
}

@media (max-width: 1199px) {
  .od-xl-1 {
    order: 1;
  }

  .od-xl-2 {
    order: 2;
  }

  .od-xl-3 {
    order: 3;
  }

  .od-xl-4 {
    order: 4;
  }

  .od-xl-5 {
    order: 5;
  }

  .od-xl-6 {
    order: 6;
  }

  .od-xl-7 {
    order: 7;
  }

  .od-xl-8 {
    order: 8;
  }

  .currency-table {
    &.recent-table {
      tbody,
        thead {
        tr {
          td,
            th {
            &:last-child {
              min-width: 53px !important;
            }
          }
        }
      }
    }
  }

  .social-tabs {
    .tab-links {
      gap: 10px;
    }
  }
}

@media (max-width: 1500px) {
  .social-tabs .tab-links .social-box {
    gap: 0.5rem;
  }

  .social-tabs {
    .tab-links {
      .social-box {
        .frame-image {
          [class*="outline-10-"] {
            [class*="bg-10-"],
              [class*="bg-20-"],
              [class*="bg-10-"],
              [class*="bg-20-"] {
              height: 1.75rem;
            }
            [class*="bg-10-"],
              [class*="bg-20-"],
              [class*="bg-10-"],
              [class*="bg-20-"] {
              width: 1.75rem;
            }
          }
        }
      }
    }
  }

  .top-country .common-space > div p {
    font-size: 15px;
  }

  .s-xxl-3 {
    grid-column: span 4 / span 4 !important;
  }
}

@media (max-width: 767px) {
  .s-xxl-3 {
    grid-column: span 6 / span 6 !important;
  }
}

@media (max-width: 575px) {
  @media (min-width: 576px) {
     {
       {
        .s-xxl-3 {
          grid-column: span 12 / span 12 !important;
        }
      }
    }
  }

  .s-xxl-3 {
    grid-column: span 12 / span 12 !important;
  }

  @media (min-width: 1200px) {
     {
       {
         {
          .social-tabs .tab-links {
          }
        }
      }
    }
  }

  @media (max-width: 575px) {
     {
       {
         {
          .social-tabs .tab-links {
          }
        }
      }
    }
  }

  .social-tabs .tab-links {
    display: flex;
  }

  .mobile-app-card .purchase-btn {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}

.trending-card {
  background-image: url(../images/dashboard-6/bg-1.png) !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  .card-header {
    background-color: rgba(var(--transparent-color));
  }
  .activity-card {
    .appointment-table {
      table {
        tr {
          td {
            &:nth-child(2) {
              min-width: 90px;
            }
            &:last-child {
              min-width: 95px;
            }
          }
        }
      }
    }
  }
}

.explore-card {
  background-image: url(../images/dashboard-6/bg-2.png) !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  @media (min-width: 1200px) {
     {
       {
         {
          .group-btn {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .group-btn {
          }
        }
      }
    }
  }
  .group-btn {
    display: flex;
  }
  .group-btn {
    gap: 15px;
  }
  .group-btn {
    .btn {
      padding-top: 0.6rem;
      padding-bottom: 0.6rem;
    }
  }
  .decore {
    li {
      position: absolute;
    }
    .dot-gradient {
      height: 22px;
    }
    .dot-gradient {
      width: 22px;
    }
    .dot-gradient {
      border-radius: 100%;
    }
    .dot-gradient {
      background: linear-gradient(#e3e3ef, rgba(var(--primary-color), 0.3));
      &.dot-1 {
        right: -18px;
      }
      &.dot-1 {
        top: 0px;
      }
      &.dot-1 {
        animation: dot-animation 5s ease infinite;
      }
      &.dot-2 {
        right: -40%;
      }
      &.dot-2 {
        top: 19%;
      }
      &.dot-2 {
        height: 0.75rem;
      }
      &.dot-2 {
        width: 0.75rem;
      }
      &.dot-2 {
        animation: dot-animation1 5s ease infinite;
      }
    }
  }
}

.total-balance {
  background-image: url(../images/dashboard-6/bg-3.png);
  background-size: cover;
  background-repeat: no-repeat;
  .btn {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .card-header {
    background: transparent;
    p {
      display: block;
    }
    p {
      margin-left: auto;
      margin-right: auto;
    }
    p {
      margin-top: 0px;
      margin-bottom: 0px;
    }
    p {
      display: block;
    }
    p {
      max-width: 100%;
    }
    p {
      overflow: hidden;
    }
    p {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
    }
    p {
      margin-left: 0;
    }
    p {
      margin-right: 0;
    }
    p {
      width: 226px;
    }
    p {
      overflow: hidden;
    }
    p {
      text-overflow: ellipsis;
    }
    p {
      -webkit-line-clamp: 1;
      display: -webkit-box;
    }
  }
  .card-body {
    .common-f-start {
      margin-bottom: 8px !important;
    }
    .common-f-start {
      margin-bottom: 0.5rem;
    }
    .common-f-start {
      gap: 22px;
    }
    .common-f-start {
      .flex {
        &:nth-of-type(2) {
          border-left-width: 1px;
        }
        &:nth-of-type(2) {
          border-style: solid;
        }
        &:nth-of-type(2) {
          border-left-color: rgba(var(--recent-dashed-border),1);
        }
        &:nth-of-type(2) {
          padding-left: 22px;
        }
      }
      [class*="bg-light-"] {
        display: grid;
      }
      [class*="bg-light-"] > div {
        position: relative;
      }
      @media (max-width: 575px) {
         {
           {
             {
              [class*="bg-light-"] {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              [class*="bg-light-"] {
              }
            }
          }
        }
      }
      [class*="bg-light-"] {
        display: grid;
      }
      [class*="bg-light-"] {
        height: 1.5rem;
      }
      [class*="bg-light-"] {
        width: 1.5rem;
      }
      [class*="bg-light-"] {
        place-items: center;
      }
      [class*="bg-light-"] {
        border-radius: 50%;
      }
      [class*="bg-light-"] {
        i {
          --tw-rotate: 45deg;
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        }
        i {
          font-size: 0.75rem;
          line-height: 1rem;
        }
      }
    }
  }
}

.income-chart-wrapper {
  margin-bottom: -0.625rem;
  .apexcharts-tooltip {
    &.apexcharts-theme-light {
      .apexcharts-tooltip-title,
        .apexcharts-tooltip-goals-groupm,
        .apexcharts-tooltip-z-group {
        display: none;
      }
      .apexcharts-tooltip-series-group.apexcharts-active,
        .apexcharts-tooltip-series-group:last-child {
        padding-bottom: 0 !important;
      }
      .apexcharts-tooltip-series-group.apexcharts-active,
        .apexcharts-tooltip-series-group:last-child {
        padding-bottom: 0px;
      }
    }
  }
}

.sale-status-table {
  .table {
    > :not(:last-child) > :last-child > * {
      border-bottom: none;
    }
  }
  table {
    border-collapse: separate;
  }
  table {
    --tw-border-spacing-x: 0 10px;
    --tw-border-spacing-y: 0 10px;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
  }
  table {
    tr,
      td,
      th {
      border: none;
    }
    thead {
      th {
        padding-bottom: 0 !important;
      }
      th {
        padding-bottom: 0px;
      }
      th {
        border: none;
      }
    }
    tbody {
      tr {
        border-radius: 5px;
      }
      tr {
        --tw-shadow: 0px 6px 10px rgba(70,60,175,0.05);
        --tw-shadow-colored: 0px 6px 10px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
      }
      tr {
        td {
          a {
            display: block;
          }
          a {
            display: block;
          }
          a {
            font-weight: 500;
          }
          a {
            color: rgba(var(--body-font-color),1);
          }
        }
      }
    }
  }
}

.arrow-round {
  .swiper-button-next,
    .swiper-button-prev {
    top: 42px;
  }
  .swiper-button-next,
    .swiper-button-prev {
    z-index: 1;
  }
  .swiper-button-next,
    .swiper-button-prev {
    height: 21px;
  }
  .swiper-button-next,
    .swiper-button-prev {
    width: 29px;
  }
  .swiper-button-next,
    .swiper-button-prev {
    border-radius: 30px;
  }
  .swiper-button-next,
    .swiper-button-prev {
    background-color: rgba(var(--white),1);
  }
  .swiper-button-next,
    .swiper-button-prev {
    --tw-shadow: 0px 4px 3px rgba(115,102,255,0.1);
    --tw-shadow-colored: 0px 4px 3px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  .swiper-button-next,
    .swiper-button-prev {
    &::after {
      font-size: 10px;
    }
    &::after {
      color: rgba(var(--theme-default),1);
    }
  }
  .swiper-button-next {
    right: 30px;
  }
  .swiper-button-next {
    [dir="rtl"] & {
      left: 30px;
    }
    [dir="rtl"] & {
      right: unset;
    }
  }
  .swiper-button-prev {
    left: unset;
  }
  .swiper-button-prev {
    right: 70px;
  }
  .swiper-button-prev {
    [dir="rtl"] & {
      left: 70px;
    }
    [dir="rtl"] & {
      right: unset;
    }
  }
}

.product-card {
  .product-image {
    @media (max-width: 575px) {
       {
         {
           {
            > > img {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > > img {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > > img {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > > img {
                width: 90%;
              }
            }
          }
        }
      }
    }
    > img {
      height: 6.875rem;
    }
    > img {
      width: 100%;
    }
    > img {
      border-radius: 0.25rem;
    }
    > img {
      -o-object-fit: cover;
         object-fit: cover;
    }
    .author-img {
      display: block;
    }
    .author-img {
      margin-right: 0.375rem;
    }
    .author-img {
      margin-top: -1.25rem;
    }
    .author-img {
      display: block;
    }
    .author-img {
      text-align: right;
    }
  }
  .product-nft-content {
    margin-top: 5px;
  }
  .product-nft-content {
    @media (min-width: 1200px) {
       {
         {
           {
            ul {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            ul {
            }
          }
        }
      }
    }
    ul {
      display: flex;
    }
    ul {
      justify-content: space-between;
    }
    ul {
      @media (max-width: 575px) {
         {
           {
             {
              > li {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > li {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              > li {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > li {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      li {
        width: 100%;
      }
      li {
        + li {
          border-left-width: 1px;
        }
        + li {
          border-style: dashed;
        }
        + li {
          border-left-color: rgba(var(--recent-dashed-border),1);
        }
        + li {
          text-align: right;
        }
      }
    }
    .btn {
      text-align: center;
    }
    .btn {
      display: block;
    }
    .btn {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
    @media (max-width: 767px) {
       {
        .btn {
        }
      }
    }
    .btn {
      display: block;
    }
    .btn {
      padding-left: 0px;
      padding-right: 0px;
    }
    .btn {
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
    }
    .btn {
      text-align: center;
    }
  }
}

.artist-chart-wrap {
  > div {
    margin-left: -15px;
  }
  > div {
    margin-right: -0.625rem;
  }
  .apexcharts-tooltip {
    .apexcharts-tooltip-z-group,
      .apexcharts-tooltip-goals-group,
      .apexcharts-tooltip-text-y-label {
      display: none;
    }
    .apexcharts-tooltip-series-group.apexcharts-active,
      .apexcharts-tooltip-series-group:last-child {
      padding-bottom: 0 !important;
    }
    .apexcharts-tooltip-series-group.apexcharts-active,
      .apexcharts-tooltip-series-group:last-child {
      padding-bottom: 0px;
    }
  }
}

.statistic-chart-wrap {
  margin-bottom: -25px;
  margin-left: -1.25rem;
  .apexcharts-tooltip {
    .apexcharts-tooltip-z-group,
      .apexcharts-tooltip-goals-group,
      .apexcharts-tooltip-text-y-label {
      display: none;
    }
  }
}

.statistics-card {
  .flex {
    li {
      + li {
        margin-left: 15px;
      }
      + li {
        border-left-width: 1px;
      }
      + li {
        border-style: dashed;
      }
      + li {
        border-left-color: rgba(var(--recent-dashed-border),1);
      }
      + li {
        padding-left: 15px;
      }
      + li {
        [dir="rtl"] & {
          margin-left: unset;
        }
        [dir="rtl"] & {
          margin-right: 15px;
        }
        [dir="rtl"] & {
          border-left-width: 0px;
        }
        [dir="rtl"] & {
          border-right-width: 1px;
        }
        [dir="rtl"] & {
          border-style: dashed;
        }
        [dir="rtl"] & {
          border-right-color: rgba(var(--recent-dashed-border),1);
        }
        [dir="rtl"] & {
          padding-left: unset;
        }
        [dir="rtl"] & {
          padding-right: 15px;
        }
      }
    }
  }
}

.upgrade-plan {
  &.mobile-app-card {
    .card-header {
      p {
        display: block;
      }
      p {
        margin-left: auto;
        margin-right: auto;
      }
      p {
        margin-top: 0px;
        margin-bottom: 0px;
      }
      p {
        display: block;
      }
      p {
        max-width: 100%;
      }
      p {
        overflow: hidden;
      }
      p {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
      }
      p {
        overflow: hidden;
      }
      p {
        text-overflow: ellipsis;
      }
      p {
        white-space: normal;
      }
      p {
        display: -webkit-box !important;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
      }
    }
    .card-body {
      img {
        margin-top: -130px;
      }
      img {
        margin-bottom: 1.25rem;
      }
      img {
        height: 150px;
      }
      img {
        width: 9rem;
      }
    }
  }
}

.category-box {
  @media (max-width: 575px) {
     {
       {
         {
          > img {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > img {
              width: 90%;
            }
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          > img {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > img {
              width: 90%;
            }
          }
        }
      }
    }
  }
  img {
    width: 100%;
  }
  img {
    border-radius: 0.5rem;
  }
  h6 {
    text-align: center;
  }
  h6 {
    display: block;
  }
  @media (max-width: 767px) {
     {
      h6 {
      }
    }
  }
  h6 {
    position: relative;
  }
  h6 {
    margin-left: auto;
    margin-right: auto;
  }
  h6 {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  h6 {
    margin-top: -1.25rem;
  }
  h6 {
    display: block;
  }
  h6 {
    width: calc(100% - 50px);
  }
  h6 {
    border-radius: 5px;
  }
  h6 {
    background-color: rgba(var(--white),1);
  }
  h6 {
    padding: 0.625rem;
  }
  h6 {
    text-align: center;
  }
  h6 {
    color: rgba(var(--body-font-color),1);
  }
}

.artist-table {
  button {
    span {
      color: rgba(var(--theme-default),1);
    }
    svg {
      height: 15px;
    }
    svg {
      width: 15px;
    }
    svg {
      vertical-align: text-bottom;
    }
    &:hover {
      span {
        color: rgba(var(--white),1);
      }
    }
  }
  .appointment-table.customer-table {
    table {
      tr {
        td {
          .medal-img {
            min-width: 30px;
          }
        }
      }
    }
  }
}

.nft-table {
  &.recent-table {
    table {
      tr {
        th,
          td {
          min-width: auto;
        }
        th,
          td {
          &:first-child {
            padding-left: 1.25rem;
          }
          &:last-child {
            padding-right: 1.25rem;
          }
        }
      }
    }
    svg {
      height: 18px;
    }
    svg {
      width: 18px;
    }
    .product-content {
      .order-image {
        position: relative;
      }
      .order-image {
        background-color: rgba(var(--transparent-color),1);
      }
      .order-image {
        .mark-img {
          position: absolute;
        }
        .mark-img {
          right: 0px;
        }
        .mark-img {
          bottom: 0.125rem;
        }
      }
    }
  }
}

.activity-table {
  .status-success {
    height: 0.375rem;
  }
  .status-success {
    min-width: 6px;
  }
  .status-success {
    border-radius: 100%;
  }
  .status-success {
    background-color: rgba(var(--success-color));
  }
  .img-content-box {
    min-width: 108px;
  }
}

.live-auction-wrapper {
  .product-nft-content {
    .common-flex {
      gap: 0.5rem;
    }
    .common-flex {
      @media (max-width: 575px) {
         {
           {
             {
              > .btn {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > .btn {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              > .btn {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > .btn {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      .btn {
        width: 100%;
      }
      svg {
        height: 18px;
      }
      svg {
        width: 18px;
      }
      svg {
        fill: rgba(var(--theme-default),1);
      }
      @media (min-width: 1200px) {
         {
           {
             {
              .timer {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              .timer {
              }
            }
          }
        }
      }
      .timer {
        display: flex;
      }
      .timer {
        align-items: center;
      }
      .timer {
        justify-content: center;
      }
      .timer {
        gap: 0.25rem;
      }
      span {
        span {
          color: rgba(var(--theme-default),1);
        }
      }
      .common-align {
        gap: 0.25rem;
      }
    }
    img {
      height: 1rem;
    }
    .btn {
      padding-left: 26px;
      padding-right: 26px;
    }
    .btn {
      padding-top: 0.375rem;
      padding-bottom: 0.375rem;
    }
    .btn {
      &:hover {
        svg {
          fill: rgba(var(--white),1);
        }
        span {
          span {
            color: rgba(var(--white),1);
          }
        }
      }
    }
  }
}

.art-creator-table {
  &.recent-table {
    table {
      thead,
        tbody {
        tr {
          th,
            td {
            min-width: auto;
          }
          th,
            td {
            &:first-child {
              padding-left: 1.25rem;
            }
            &:last-child {
              padding-right: 1.25rem;
            }
            .img-content-box {
              a {
                color: rgba(var(--body-font-color),1);
              }
            }
            img {
              height: 38px;
            }
          }
        }
      }
    }
  }
}

.nft-collection {
  position: relative;
  overflow: hidden;
  @media (max-width: 575px) {
     {
       {
         {
          > .swiper-container {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > .swiper-container {
              width: 90%;
            }
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          > .swiper-container {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > .swiper-container {
              width: 90%;
            }
          }
        }
      }
    }
  }
  .swiper-container {
    margin-left: auto;
    margin-right: auto;
  }
  .swiper-container {
    height: 300px;
  }
  .swiper-container {
    width: 100%;
  }
  .swiper-container {
    cursor: pointer;
  }
  .swiper-container {
    @media (max-width: 575px) {
       {
         {
           {
            > img {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > img {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > img {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > img {
                width: 90%;
              }
            }
          }
        }
      }
    }
    img {
      height: 130px;
    }
    img {
      width: 100%;
    }
    img {
      -o-object-fit: cover;
         object-fit: cover;
    }
  }
  .swiper-slide {
    background-size: cover;
  }
  .swiper-slide {
    background-position: center;
  }
  @media (max-width: 575px) {
     {
       {
         {
          > .gallery-top {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > .gallery-top {
              width: 90%;
            }
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          > .gallery-top {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > .gallery-top {
              width: 90%;
            }
          }
        }
      }
    }
  }
  .gallery-top {
    margin-top: 0.875rem;
  }
  .gallery-top {
    height: 100%;
  }
  .gallery-top {
    width: 100%;
  }
  .gallery-thumbs {
    height: 20%;
  }
  .gallery-thumbs .swiper-slide {
    height: 100%;
  }
  .gallery-thumbs .swiper-slide {
    opacity: 0.3;
  }
  .gallery-thumbs {
    .swiper-slide-thumb-active {
      opacity: 1;
    }
  }
  .swiper-button-next,
    .swiper-button-prev {
    display: none;
  }
  .nft-user-info {
    margin-top: 25px;
  }
  .nft-user-info {
    img {
      height: 30px;
    }
    img {
      width: 30px;
    }
    img {
      -o-object-fit: cover;
         object-fit: cover;
    }
    @media (min-width: 1200px) {
       {
         {
           {
            .user-desc {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            .user-desc {
            }
          }
        }
      }
    }
    .user-desc {
      display: flex;
    }
    .user-desc {
      flex-wrap: wrap;
    }
    .user-desc {
      align-items: center;
    }
    .user-desc {
      justify-content: flex-start;
    }
    .user-desc {
      gap: 3px;
    }
    .user-desc {
      color: rgba(var(--badge-light-color),0.8);
    }
    .user-desc {
      i {
        font-size: 6px;
      }
    }
  }
}

.dashboard-6 {
  .income-wrap {
    .card-header {
      .dropdown {
        .dropdown-toggle {
          &:active {
            background-color: rgba(115,102,255,0.08);
          }
          &:active {
            color: rgba(var(--theme-default),1);
          }
        }
      }
    }
  }
}

@media (max-width: 1199px) {
  .explore-card {
    background-color: rgba(var(--white),0.5);
    background-blend-mode: overlay;
  }

  .explore-wrap {
    order: -1;
  }
}

@media (max-width: 575px) {
  .sale-status-table {
    table {
      th,
        td {
        &:last-child {
          display: none;
        }
      }
    }
  }

  .explore-card .group-btn .btn {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
  }

   {
     {
       {
         {
          display: none;
        }
      }
    }
  }

  .explore-card .group-btn .\!btn {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
  }
}

@media (max-width: 991px) {
  .explore-card .decore {
    display: none;
  }

  .upgrade-plan.mobile-app-card .card-body img {
    margin-top: -8rem;
  }

  .arrow-round {
    .swiper-button-next,
      .swiper-button-prev {
      top: 42px;
    }
  }

  .nft-table.recent-table div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
    position: relative;
    left: 1.25rem;
    top: 0.25rem;
    margin-bottom: 1.25rem;
  }
}

@media (max-width: 1660px) {
  .explore-card .decore .dot-gradient.dot-1 {
    right: 45px;
    top: 1.5rem;
  }
}

@media (max-width: 991px) {
  .nft-table.recent-table table tr th:nth-child(2),
    .nft-table.recent-table table tr td:nth-child(2) {
    min-width: 162px;
  }

  .nft-table.recent-table table tr th:nth-child(4),
    .nft-table.recent-table table tr td:nth-child(4) {
    min-width: 68px;
  }
}

@media (max-width: 1199px) {
  .art-creator-table {
    &.recent-table {
      table {
        thead,
          tbody {
          tr {
            th,
              td {
              &:first-child {
                min-width: 200px;
              }
              &:last-child,
                &:nth-child(2) {
                min-width: 85px;
              }
            }
          }
        }
      }
    }
  }
}

@media (max-width: 480px) {
  .explore-card {
    .card-body {
      @media (max-width: 575px) {
         {
           {
             {
              > div {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > div {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              > div {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > div {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      div {
        width: 100%;
      }
    }
  }
}

@media (max-width: 1660px) and (min-width: 1400px) {
  .custom-rs-4 {
    grid-column: span 4 / span 4 !important;
  }

  .custom-rs-12 {
    grid-column: span 12 / span 12 !important;
  }

  .sale-status-table {
    table {
      th,
        td {
        &:nth-child(2) {
          padding-top: 0 !important;
          padding-bottom: 0 !important;
        }
        &:nth-child(2) {
          max-width: 50px;
        }
        &:nth-child(2) {
          padding-left: 0.5rem;
          padding-right: 0.5rem;
        }
        &:nth-child(2) {
          padding-top: 0px;
          padding-bottom: 0px;
        }
        &:last-child {
          display: none;
        }
      }
    }
  }

  .art-creator-table {
    &.recent-table {
      table {
        thead,
          tbody {
          tr {
            th,
              td {
              &:last-child {
                display: none;
              }
              &:nth-child(2) {
                padding-right: 1.25rem;
              }
            }
          }
        }
      }
    }
  }
}

.increase-content {
  &.pe-0 {
    [dir="rtl"] & {
      padding-left: 0px;
    }
    [dir="rtl"] & {
      padding-right: 30px;
    }
  }
}

.knowledge-wrapper {
  div {
    width: 80%;
  }
  div {
    p {
      margin-bottom: 24px !important;
    }
    p {
      margin-bottom: 1rem;
    }
    button {
      position: absolute;
    }
    button {
      bottom: 63px;
    }
    button {
      padding-left: 1rem;
      padding-right: 1rem;
    }
    button {
      padding-top: 5px;
      padding-bottom: 5px;
    }
  }
  .knowledgebase-wrapper {
    margin-top: -24%;
  }
  .knowledgebase-wrapper {
    margin-left: auto;
  }
  .knowledgebase-wrapper {
    width: 75%;
  }
  .knowledgebase-wrapper {
    [dir="rtl"] & {
      margin-left: unset;
    }
    [dir="rtl"] & {
      margin-right: auto;
    }
    [dir="rtl"] & {
      --tw-scale-x: -1;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
  }
}

.count-student {
  @media (min-width: 1200px) {
     {
       {
         {
          .school-wrapper {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .school-wrapper {
          }
        }
      }
    }
  }
  .school-wrapper {
    display: flex;
  }
  .school-wrapper {
    align-items: center;
  }
  .school-wrapper {
    justify-content: space-between;
  }
  .school-wrapper {
    .school-header {
      h4 {
        line-height: 1.2;
      }
      i {
        font-size: 0.75rem;
        line-height: 1rem;
      }
      i {
        font-weight: 600;
      }
      p {
        line-height: 1.4;
      }
    }
    .school-body {
      img {
        position: relative;
      }
      img {
        width: calc(62px + (70 - 62) * ((100vw - 320px) / (1920 - 320)));
      }
      .right-line {
        position: absolute;
      }
      .right-line {
        right: 0px;
      }
      .right-line {
        bottom: 0px;
      }
      .right-line {
        [dir="rtl"] & {
          left: 0px;
        }
        [dir="rtl"] & {
          right: unset;
        }
        @media (max-width: 575px) {
           {
             {
               {
                > img {
                  width: 90%;
                }
              }
            }
          }

           {
             {
               {
                 {
                  > img {
                    width: 90%;
                  }
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                > img {
                  width: 90%;
                }
              }
            }
          }

           {
             {
               {
                 {
                  > img {
                    width: 90%;
                  }
                }
              }
            }
          }
        }
        img {
          height: 100%;
        }
        img {
          width: 100%;
        }
        img {
          [dir="rtl"] & {
            --tw-scale-x: -1;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          }
        }
      }
    }
  }
}

.income-wrapper {
  @media (min-width: 1200px) {
     {
       {
         {
          ul {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          ul {
          }
        }
      }
    }
  }
  ul {
    display: flex;
  }
  ul {
    justify-content: space-between;
  }
  ul {
    li {
      text-align: center;
    }
    @media (max-width: 767px) {
       {
        li {
        }
      }
    }
    li {
      text-align: center;
    }
    li {
      + li {
        border-left-width: 1px;
      }
      + li {
        border-style: dashed;
      }
      + li {
        border-left-color: rgba(var(--badge-light-color),30%);
      }
      + li {
        [dir="rtl"] & {
          border-left-width: 0px;
        }
        [dir="rtl"] & {
          border-right-width: 1px;
        }
        [dir="rtl"] & {
          border-style: dashed;
        }
        [dir="rtl"] & {
          border-right-color: rgba(var(--badge-light-color),30%);
        }
      }
      h6 {
        display: inline-block;
      }
      .income-dot {
        margin-right: 0.375rem;
      }
      .income-dot {
        display: inline-block;
      }
      .income-dot {
        height: 0.5rem;
      }
      .income-dot {
        width: 0.5rem;
      }
      .income-dot {
        border-radius: 50%;
      }
      .income-dot {
        [dir="rtl"] & {
          margin-left: 0.375rem;
        }
        [dir="rtl"] & {
          margin-right: unset;
        }
      }
    }
  }
}

@media (min-width: 1200px) {
   {
     {
       {
        .performance-right {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .performance-right {
        }
      }
    }
  }
}

.performance-right {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  p {
    font-weight: 500;
  }
  p {
    color: rgba(var(--theme-body-font-color),80%);
  }
  i {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

@media (min-width: 1200px) {
   {
     {
       {
        .attendance-card {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .attendance-card {
        }
      }
    }
  }
}

.attendance-card {
  display: flex;
  align-items: center;
  gap: 15px;
  border-radius: 5px;
  padding: 15px;
  @media (min-width: 1200px) {
     {
       {
         {
          .left-overview-content {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .left-overview-content {
          }
        }
      }
    }
  }
  .left-overview-content {
    display: flex;
  }
  .left-overview-content {
    align-items: center;
  }
  .left-overview-content {
    gap: 15px;
  }
  .left-overview-content {
    @media (min-width: 1200px) {
       {
         {
           {
            .svg-box {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            .svg-box {
            }
          }
        }
      }
    }
    .svg-box {
      display: flex;
    }
    .svg-box {
      height: 43px;
    }
    .svg-box {
      width: 43px;
    }
    .svg-box {
      align-items: center;
    }
    .svg-box {
      justify-content: center;
    }
    .svg-box {
      border-radius: 10px;
    }
    .svg-box {
      background-color: rgba(var(--white-bg),1);
    }
    .svg-box {
      --tw-shadow: 0px 71.2527px 51.5055px rgb(229 229 245 / 19%),0px 42.3445px 28.0125px rgb(229 229 245 / 15%),0px 21.9866px 14.2913px rgb(229 229 245 / 13%),0px 8.95749px 7.16599px rgb(229 229 245 / 10%),0px 2.03579px 3.46085px rgb(229 229 245 / 6%);
      --tw-shadow-colored: 0px 71.2527px 51.5055px var(--tw-shadow-color), 0px 42.3445px 28.0125px var(--tw-shadow-color), 0px 21.9866px 14.2913px var(--tw-shadow-color), 0px 8.95749px 7.16599px var(--tw-shadow-color), 0px 2.03579px 3.46085px var(--tw-shadow-color);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
  }
  @media (min-width: 1200px) {
     {
       {
         {
          .right-overview-content {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .right-overview-content {
          }
        }
      }
    }
  }
  .right-overview-content {
    display: flex;
  }
  .right-overview-content {
    width: calc(100% - 43px - 15px);
  }
  .right-overview-content {
    align-items: center;
  }
  .right-overview-content {
    justify-content: space-between;
  }
  .right-overview-content {
    gap: 25px;
  }
  .right-overview-content {
    h6 {
      padding-bottom: 7px;
    }
    span {
      line-height: 18.69px;
    }
    @media (min-width: 1200px) {
       {
         {
           {
            .marks-count {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            .marks-count {
            }
          }
        }
      }
    }
    .marks-count {
      display: flex;
    }
    .marks-count {
      align-items: center;
    }
    .marks-count {
      gap: 23px;
    }
    .marks-count {
      sub {
        bottom: -0.8px;
      }
    }
  }
}

.default-inline-calender {
  .school-calender {
    .main-inline-calender {
      .flatpickr-rContainer {
        .flatpickr-days {
          .dayContainer {
            .flatpickr-day {
              height: 2.5rem;
            }
          }
        }
      }
    }
  }
}

.student-leader-wrapper {
  @media (min-width: 1200px) {
     {
       {
         {
          .student-leader-content {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .student-leader-content {
          }
        }
      }
    }
  }
  .student-leader-content {
    display: flex;
  }
  .student-leader-content {
    flex-wrap: wrap;
  }
  .student-leader-content {
    align-items: center;
  }
  .student-leader-content {
    justify-content: space-between;
  }
  .student-leader-content {
    gap: 0.625rem;
  }
  .student-leader-content {
    padding: 0.625rem;
  }
  .student-leader-content:last-child {
    padding-bottom: 0 !important;
  }
  .student-leader-content:last-child {
    border-bottom-width: 0px;
  }
  .student-leader-content:last-child {
    padding-bottom: 0px;
  }
  .student-leader-content {
    border-bottom: 1px solid #e9edf1;
    img {
      height: 27px;
    }
    img {
      width: 1.5rem;
    }
    .leader-img {
      height: 35px;
    }
    .leader-img {
      width: 35px;
    }
    .leader-img {
      border-radius: 5px;
    }
    .leader-content-height {
      span {
        display: inline-block;
      }
      span {
        line-height: 18.69px;
      }
    }
  }
}

.task-table {
  @media (min-width: 1200px) {
     {
       {
         {
          .main-task {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .main-task {
          }
        }
      }
    }
  }
  .main-task {
    display: flex;
  }
  .main-task {
    align-items: center;
  }
  .main-task {
    gap: 0.625rem;
  }
  .main-task {
    .task-progress {
      height: 0.375rem;
    }
    .task-progress {
      width: 100px;
    }
  }
  .recent-table {
    &.task-table {
      tr {
        td {
          &:first-child {
            min-width: 312px;
          }
          &:nth-child(2) {
            min-width: 110px;
          }
          &:last-child {
            min-width: 34px;
          }
          &:last-child {
            padding-right: 0.5rem;
          }
          &:last-child {
            [dir="rtl"] & {
              padding-left: 0.5rem;
            }
            [dir="rtl"] & {
              padding-right: unset;
            }
          }
        }
      }
    }
    table {
      tr {
        &:last-child {
          td {
            padding-bottom: 16px !important;
          }
          td {
            padding-bottom: 0.75rem;
          }
          td {
            .dropdown {
              .dropdown-menu {
                &.show {
                  top: unset;
                }
                &.show {
                  bottom: 100%;
                }
              }
            }
          }
        }
      }
    }
  }
  .main-task-wrapper {
    tr {
      td {
        cursor: pointer;
      }
      td {
        &.icons-box-2 {
          display: none;
        }
        .form-check {
          &.checkbox-width {
            padding: 0 !important;
          }
          &.checkbox-width {
            padding: 0px;
          }
        }
        a {
          display: block;
        }
        a {
          display: block;
        }
        a {
          font-size: 1rem;
          line-height: 1.5rem;
        }
        a {
          font-weight: 500;
        }
        a {
          color: rgba(var(--body-font-color),1);
        }
      }
    }
    @media (min-width: 1200px) {
       {
         {
           {
            .task-icons {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            .task-icons {
            }
          }
        }
      }
    }
    .task-icons {
      display: flex;
    }
    .task-icons {
      align-items: center;
    }
    .task-icons {
      gap: 0.75rem;
    }
    .task-icons {
      li {
        @media (min-width: 1200px) {
           {
             {
               {
                &:last-child {
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                &:last-child {
                }
              }
            }
          }
        }
        &:last-child {
          display: flex;
        }
        &:last-child {
          gap: 0.5rem;
        }
        &:last-child {
          border-left-width: 1px;
        }
        &:last-child {
          border-style: solid;
        }
        &:last-child {
          border-left-color: rgba(var(--gray-60),1);
        }
        &:last-child {
          padding-left: 0.625rem;
        }
        &:last-child {
          [dir="rtl"] & {
            border-left-width: 0px;
          }
          [dir="rtl"] & {
            border-right-width: 1px;
          }
          [dir="rtl"] & {
            border-style: solid;
          }
          [dir="rtl"] & {
            border-right-color: rgba(var(--gray-60),1);
          }
          [dir="rtl"] & {
            padding-left: unset;
          }
          [dir="rtl"] & {
            padding-right: 0.625rem;
          }
        }
      }
    }
    @media (min-width: 1200px) {
       {
         {
           {
            .square-white {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            .square-white {
            }
          }
        }
      }
    }
    .square-white {
      display: flex;
    }
    .square-white {
      height: 34px;
    }
    .square-white {
      width: 34px;
    }
    .square-white {
      align-items: center;
    }
    .square-white {
      justify-content: center;
    }
    .square-white {
      border-radius: 0.125rem;
    }
    .square-white {
      background-color: rgba(var(--white),1);
    }
    .square-white {
      --tw-shadow: 0px 71.2527px 51.5055px rgba(229,229,245,0.189815),0px 42.3445px 28.0125px rgba(229,229,245,0.151852),0px 21.9866px 14.2913px rgba(229,229,245,0.125),0px 8.95749px 7.16599px rgba(229,229,245,0.0981481),0px 2.03579px 3.46085px rgba(229,229,245,0.0601852);
      --tw-shadow-colored: 0px 71.2527px 51.5055px var(--tw-shadow-color), 0px 42.3445px 28.0125px var(--tw-shadow-color), 0px 21.9866px 14.2913px var(--tw-shadow-color), 0px 8.95749px 7.16599px var(--tw-shadow-color), 0px 2.03579px 3.46085px var(--tw-shadow-color);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
    .square-white {
      i {
        font-size: 17px;
      }
      i {
        color: rgba(var(--badge-light-color),50%);
      }
    }
    .fill-clock {
      fill: rgba(var(--badge-light-color),50%);
    }
    button {
      padding-left: 0.375rem;
      padding-right: 0.375rem;
    }
    button {
      padding-top: 0.25rem;
      padding-bottom: 0.25rem;
    }
  }
  .open-options {
    .dropdown-toggle {
      &::after {
        display: none;
      }
      &::after {
        --tw-content: "";
        content: var(--tw-content);
      }
    }
    .dropdown-menu {
      background-color: rgba(var(--light2),1);
    }
    .dropdown-menu {
      padding-left: 0.875rem;
      padding-right: 0.875rem;
    }
    .dropdown-menu {
      padding-top: 9px;
      padding-bottom: 9px;
    }
    .dropdown-menu {
      @media (min-width: 1200px) {
         {
           {
             {
              &.show {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              &.show {
              }
            }
          }
        }
      }
      &.show {
        right: 0px;
      }
      &.show {
        display: flex;
      }
      &.show {
        min-width: 0px;
      }
      &.show {
        gap: 0.5rem;
      }
      li {
        .dropdown-item {
          &:hover {
            i {
              color: rgba(var(--theme-body-sub-title-color),1);
            }
          }
        }
        .dropdown-item {
          &:hover {
            background-color: rgba(var(--lighter-white),1);
          }
        }
      }
    }
  }
}

.notice-board {
  ul {
    li {
      padding-bottom: 29px;
    }
    li {
      h6 {
        margin-bottom: 5px;
      }
      h6 {
        font-size: 0.875rem;
        line-height: 1.25rem;
      }
      h6 {
        font-weight: 500;
      }
      h6 {
        line-height: 18.69px;
      }
      p {
        font-size: 0.75rem;
        line-height: 1rem;
      }
      p {
        font-weight: 400;
      }
    }
  }
}

.attendance-student-data {
  margin-top: 0 !important;
  margin-left: -15px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: -1.25rem;
}

@media (min-width: 1200px) {
   {
     {
       {
        .attendance-chart {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .attendance-chart {
        }
      }
    }
  }
}

.attendance-chart {
  display: flex;
  justify-content: center;
}

.text-ellipsis {
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  display: block;
  max-width: 100%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.unpaid-fees-table {
  .recent-table {
    &.overflow-x-auto {
      table {
        thead,
          tbody {
          th,
            td {
            min-width: auto;
          }
          th,
            td {
            color: rgba(var(--body-font-color),1);
          }
          th,
            td {
            &:first-child {
              padding-left: 1.25rem;
            }
            &:last-child {
              padding-right: 1.25rem;
            }
            a {
              color: rgba(var(--body-font-color),1);
            }
          }
        }
      }
    }
  }
}

.top-student-table {
  .recent-table {
    table {
      thead,
        tbody {
        th,
          td {
          min-width: auto;
        }
        th,
          td {
          color: rgba(var(--body-font-color),1);
        }
        th,
          td {
          &:first-child {
            padding-left: 1.25rem;
          }
          &:last-child {
            padding-right: 1.25rem;
          }
          a {
            color: rgba(var(--body-font-color),1);
          }
        }
      }
    }
  }
}

.new-enroll-student {
  .recent-table {
    table {
      thead,
        tbody {
        th,
          td {
          min-width: auto;
        }
        th,
          td {
          color: rgba(var(--body-font-color),1);
        }
        th,
          td {
          &:first-child {
            padding-left: 1.25rem;
          }
          &:last-child {
            padding-right: 1.25rem;
          }
          a {
            color: rgba(var(--body-font-color),1);
          }
        }
      }
    }
  }
}

.std-class-chart {
  .apexcharts-legend {
    gap: 15px;
  }
}

@media (max-width: 1800px) {
  .attendance-card .right-overview-content .marks-count {
    flex-wrap: wrap;
    gap: 0.75rem;
  }

  .student-leader-wrapper .student-leader-content .leader-img {
    display: none;
  }
}

@media (max-width: 575px) {
  .task-table .main-task-wrapper tr td a {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    display: block;
    max-width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .task-table .main-task-wrapper .square-white {
    height: 30px;
    width: 30px;
  }

  .task-table .main-task-wrapper .square-white i {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

@media (max-width: 1800px) {
  .task-table .icons-box {
    display: none;
  }
}

@media (max-width: 767px) {
  .attendance-chart {
    margin-bottom: 16px !important;
    margin-bottom: 0.75rem;
  }
}

@media (max-width: 1580px) {
  .apexcharts-legend-series {
    margin-left: 0.375rem !important;
    margin-right: 0.375rem !important;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
}

@media (max-width: 1660px) and (min-width: 1200px) {
  .new-enroll-student {
    .recent-table {
      table {
        thead,
          tbody {
          th,
            td {
            &:nth-child(2) {
              display: none;
            }
          }
        }
      }
    }
  }

  .top-student-table {
    .recent-table {
      table {
        thead,
          tbody {
          th,
            td {
            &:nth-child(2) {
              display: none;
            }
          }
        }
      }
    }
  }

  .unpaid-fees-table {
    .recent-table {
      &.overflow-x-auto {
        table {
          thead,
            tbody {
            th,
              td {
              &:nth-child(3) {
                display: none;
              }
            }
          }
        }
      }
    }
  }
}

@media (max-width: 1580px) and (min-width: 1200px) {
  .top-student-table {
    .recent-table {
      table {
        thead,
          tbody {
          th,
            td {
            &:nth-child(3) {
              .common-align {
                img {
                  display: none;
                }
              }
            }
          }
        }
      }
    }
  }

  .unpaid-fees-table {
    .recent-table {
      &.overflow-x-auto {
        table {
          thead,
            tbody {
            th,
              td {
              &:nth-child(4) {
                display: none;
              }
              &:nth-child(2) {
                .common-align {
                  img {
                    display: none;
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}

@media (max-width: 1366px) and (min-width: 1200px) {
  .top-student-table {
    .recent-table {
      table {
        thead,
          tbody {
          th,
            td {
            &:nth-child(4) {
              display: none;
            }
          }
        }
      }
    }
  }

  .unpaid-fees-table {
    .recent-table {
      &.overflow-x-auto {
        table {
          thead,
            tbody {
            th,
              td {
              &:nth-child(5) {
                display: none;
              }
            }
          }
        }
      }
    }
  }
}

@media (max-width: 1199px) {
  .std-class-chart {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }

  .default-inline-calender .school-calender .main-inline-calender .flatpickr-rContainer .flatpickr-days .dayContainer .flatpickr-day {
    height: 2.25rem;
  }

  .unpaid-fees-table .recent-table.overflow-x-auto div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
    position: relative;
    left: 1.25rem;
    top: 0.25rem;
    margin-bottom: 1.25rem;
  }

  .unpaid-fees-table {
    .recent-table {
      &.overflow-x-auto {
        table {
          thead,
            tbody {
            th,
              td {
              &:nth-child(2) {
                min-width: 160px;
              }
              &:last-child {
                min-width: 100px;
              }
            }
          }
        }
      }
    }
  }

  .top-student-table .recent-table.overflow-x-auto div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
    position: relative;
    left: 1.25rem;
    top: 0.25rem;
    margin-bottom: 1.25rem;
  }

  .new-enroll-student {
    .recent-table {
      table {
        thead,
          tbody {
          th,
            td {
            &:first-child {
              min-width: 154px;
            }
            &:last-child {
              min-width: 124px;
            }
          }
        }
      }
    }
  }

  .top-student-table {
    .recent-table {
      table {
        thead,
          tbody {
          th,
            td {
            &:nth-child(3) {
              min-width: 150px;
            }
          }
        }
      }
    }
  }
}

@media (max-width: 1600px) {
  .top-student-table,
    .new-enroll-student,
    .unpaid-fees-table {
    .recent-table {
      &.overflow-x-auto {
        div.dt-container {
          .dt-layout-row {
            &:last-child {
              flex-direction: column;
            }
          }
        }
      }
    }
  }
}

@media (max-width: 1580px) and (min-width: 1200px) {
  .top-student-table {
    .recent-table {
      table {
        thead,
          tbody {
          th,
            td {
            &:nth-child(6) {
              display: none;
            }
          }
        }
      }
    }
  }
}

@media (max-width: 1500px) {
  .new-enroll-student .recent-table.overflow-x-auto div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
    position: relative;
    left: -1.25rem;
    top: 0.25rem;
    margin-bottom: 1.25rem;
    width: 75%;
  }
}

@media (max-width: 1800px) and (min-width: 1400px) {
  .new-enroll-student {
    .recent-table {
      table {
        thead,
          tbody {
          th,
            td {
            &:nth-child(4) {
              display: none;
            }
          }
        }
      }
    }
  }
}

@media (max-width: 1399px) and (min-width: 1200px) {
  .student-header .card-header-right-icon {
    display: none;
  }

  .new-enroll-student {
    .recent-table {
      table {
        thead,
          tbody {
          th,
            td {
            &:nth-child(4) {
              display: none;
            }
          }
        }
      }
    }
  }
}

@media (max-width: 1580px) and (min-width: 1200px) {
  .new-enroll-student {
    .recent-table {
      table {
        thead,
          tbody {
          th,
            td {
            &:nth-child(3) {
              display: none;
            }
          }
        }
      }
    }
  }
}

@media (max-width: 1660px) {
  .std-class-chart {
    margin-top: 16px;
    margin-bottom: 16px;
  }

  .attendance-data ul.balance-data {
    position: relative;
    left: 0px;
    top: 0px;
    display: inline-flex;
  }
}

@media (max-width: 1500px) {
  .std-class-chart {
    margin-top: 55px;
    margin-bottom: 55px;
  }
}

.dashboard-8 {
  .input-group {
    flex-wrap: nowrap !important;
  }
  .input-group {
    .input-group-text {
      border-top-left-radius: 5px;
    }
    .input-group-text {
      border-top-right-radius: 0px;
    }
    .input-group-text {
      border-bottom-right-radius: 0px;
    }
    .input-group-text {
      border-bottom-left-radius: 5px;
    }
    .input-group-text {
      border-right-width: 0px;
    }
    .form-control {
      border-top-left-radius: 0px;
    }
    .form-control {
      border-top-right-radius: 5px;
    }
    .form-control {
      border-bottom-right-radius: 5px;
    }
    .form-control {
      border-bottom-left-radius: 0px;
    }
    .form-control {
      border-left-width: 0px;
    }
  }
  .card-header-right-icon {
    &.create-right-btn {
      a {
        display: block;
      }
      a {
        display: block;
      }
    }
  }
}

.card-header-right-btn {
  border-radius: 5px;
  background-color: rgba(var(--light-slate),1);
  padding-left: 11px;
  padding-right: 11px;
  padding-top: 9px;
  padding-bottom: 9px;
  font-weight: 500;
}

.shop-box {
  text-align: center;
}

@media (min-width: 1200px) {
   {
     {
       {
        .shop-box {
        }
      }
    }
  }
}

@media (max-width: 767px) {
   {
    .shop-box {
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .shop-box {
        }
      }
    }
  }
}

.shop-box {
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  display: flex;
  height: 88px;
  width: 88px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: rgba(var(--light-slate),1);
  text-align: center;
  --tw-shadow-color: var(--product-shadow);
  --tw-shadow: var(--tw-shadow-colored);
}

.category-title {
  text-align: center;
  display: block !important;
}

@media (max-width: 767px) {
   {
    .category-title {
    }
  }
}

.category-title {
  display: block !important;
  text-align: center;
}

.main-our-product {
  &.card-body {
    padding-top: 0px;
  }
}

@media (min-width: 1200px) {
   {
     {
       {
        .main-product-wrapper {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .main-product-wrapper {
        }
      }
    }
  }
}

.main-product-wrapper {
  position: relative;
  display: flex;
  justify-content: space-between;
  @media (min-width: 1200px) {
     {
       {
         {
          .product-body {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .product-body {
          }
        }
      }
    }
  }
  .product-body {
    display: flex;
  }
  .product-body {
    align-items: center;
  }
  .product-body {
    justify-content: center;
  }
  .product-body {
    gap: 15px;
  }
  .product-body {
    .product-search {
      flex-wrap: nowrap;
    }
    .product-search {
      .input-group-text {
        border-top-left-radius: 5px;
      }
      .input-group-text {
        border-top-right-radius: 0px;
      }
      .input-group-text {
        border-bottom-right-radius: 0px;
      }
      .input-group-text {
        border-bottom-left-radius: 5px;
      }
      .input-group-text {
        border-width: 1px;
      }
      .input-group-text {
        border-right-width: 0px;
      }
      .input-group-text {
        border-style: solid;
      }
      .input-group-text {
        border-color: rgba(229,229,243,0.8);
      }
      .input-group-text {
        background-color: unset;
      }
      .input-group-text {
        .search-icon {
          height: 1.25rem;
        }
        .search-icon {
          width: 1.25rem;
        }
      }
      .form-control {
        border-top-left-radius: 0px;
      }
      .form-control {
        border-top-right-radius: 5px;
      }
      .form-control {
        border-bottom-right-radius: 5px;
      }
      .form-control {
        border-bottom-left-radius: 0px;
      }
      .form-control {
        border-width: 1px;
      }
      .form-control {
        border-left-width: 0px;
      }
      .form-control {
        border-style: solid;
      }
      .form-control {
        border-color: rgba(229,229,243,0.8);
      }
      .form-control {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
      }
      .form-control {
        padding-left: 0px;
      }
      .form-control {
        padding-right: 0.5rem;
      }
      .form-control:focus {
        --tw-shadow-color: unset;
        --tw-shadow: var(--tw-shadow-colored);
      }
      .form-control {
        [dir="rtl"] & {
          border-top-left-radius: 5px;
        }
        [dir="rtl"] & {
          border-top-right-radius: unset;
        }
        [dir="rtl"] & {
          border-bottom-right-radius: unset;
        }
        [dir="rtl"] & {
          border-bottom-left-radius: 5px;
        }
        [dir="rtl"] & {
          border-left-width: 1px;
        }
        [dir="rtl"] & {
          border-style: solid;
        }
        [dir="rtl"] & {
          border-left-color: rgba(229,229,243,0.8);
        }
        [dir="rtl"] & {
          border-right-color: unset;
        }
      }
    }
  }
}

.our-product-wrapper {
  border-radius: 5px;
  padding: 0.625rem;
  --tw-shadow: 0px 9px 20px rgb(46 35 94 / 7%);
  --tw-shadow-colored: 0px 9px 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 0.5s;
  transition-timing-function: ease;
  @media (min-width: 1200px) {
     {
       {
         {
          .our-product-img {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .our-product-img {
          }
        }
      }
    }
  }
  .our-product-img {
    display: flex;
  }
  .our-product-img {
    height: 158px;
  }
  .our-product-img {
    align-items: center;
  }
  .our-product-img {
    justify-content: center;
  }
  .our-product-img {
    border-radius: 5px;
  }
  .our-product-img {
    background-color: rgba(var(--light-slate),1);
  }
  .our-product-img {
    padding: 1.5rem;
  }
  .our-product-img {
    --tw-shadow-color: var(--product-shadow);
    --tw-shadow: var(--tw-shadow-colored);
  }
  .our-product-img {
    @media (max-width: 575px) {
       {
         {
           {
            > img {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > img {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > img {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > img {
                width: 90%;
              }
            }
          }
        }
      }
    }
    img {
      height: 100%;
    }
    img {
      width: 100%;
    }
    img {
      -o-object-fit: contain;
         object-fit: contain;
    }
  }
  .our-product-content {
    .common-f-start {
      margin-top: 0.5rem;
    }
    .common-f-start {
      gap: 0.375rem;
    }
    @media (min-width: 1200px) {
       {
         {
           {
            .add-quantity {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            .add-quantity {
            }
          }
        }
      }
    }
    .add-quantity {
      display: flex;
    }
    .add-quantity {
      align-items: center;
    }
    .add-quantity {
      justify-content: center;
    }
    .add-quantity {
      gap: 0.375rem;
    }
    .add-quantity {
      padding-left: 0.75rem;
      padding-right: 0.75rem;
    }
    .add-quantity {
      padding-top: 5px;
      padding-bottom: 5px;
    }
    .add-quantity {
      & ~ .btn {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
      }
      & ~ .btn {
        padding-top: 5px;
        padding-bottom: 5px;
      }
      .countdown-remove {
        text-align: center;
      }
      @media (max-width: 767px) {
         {
          .countdown-remove {
          }
        }
      }
      .countdown-remove {
        width: 25px;
      }
      .countdown-remove {
        border-color: unset;
      }
      .countdown-remove {
        background-color: transparent;
      }
      .countdown-remove {
        text-align: center;
      }
      .countdown-remove {
        color: rgba(var(--chart-text-color),0.8);
      }
      .countdown-remove {
        &:focus {
          outline: none;
        }
      }
      .common-align {
        gap: 0.375rem;
      }
    }
  }
  &:hover {
    .our-product-img {
      img {
        --tw-scale-x: 1.1;
        --tw-scale-y: 1.1;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      }
      img {
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
      }
      img {
        transition-duration: 0.5s;
      }
      img {
        transition-timing-function: ease;
      }
    }
  }
}

.order-details {
  .common-search {
    &.input-group {
      .input-group-text {
        background-color: rgba(var(--transparent-color),1);
      }
      svg {
        height: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
      }
      svg {
        width: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
      }
      .form-control {
        border-left-color: unset;
      }
      .form-control {
        padding-left: unset;
      }
      .form-control {
        text-indent: 0px;
      }
      .form-control {
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
      }
      .form-control {
        transition-duration: 0.3s;
      }
      .form-control {
        transition-timing-function: ease;
      }
      .form-control:focus {
        border-color: rgba(var(--chart-progress-light),1);
      }
      .form-control:focus {
        border-left-color: unset;
      }
      .form-control:focus {
        padding-left: unset;
      }
      .form-control:focus {
        text-indent: 0px;
      }
      .form-control:focus {
        --tw-shadow-color: unset;
        --tw-shadow: var(--tw-shadow-colored);
      }
      .form-control:focus {
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
      }
      .form-control:focus {
        transition-duration: 0.3s;
      }
      .form-control:focus {
        transition-timing-function: ease;
      }
    }
  }
  @media (min-width: 1200px) {
     {
       {
         {
          .search-items {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .search-items {
          }
        }
      }
    }
  }
  .search-items {
    position: relative;
  }
  .search-items {
    display: flex;
  }
  .search-items {
    flex-direction: column;
  }
  .search-items {
    align-items: flex-start;
  }
  .search-items {
    justify-content: center;
  }
  .search-items {
    gap: 0.625rem;
  }
  .search-items {
    border-bottom-width: 2px;
  }
  .search-items {
    border-style: dashed;
  }
  .search-items {
    border-bottom-color: rgba(var(--recent-dashed-border),1);
  }
  .search-items {
    padding-bottom: 1.25rem;
  }
  .search-items {
    .common-flex {
      .button-light-secondary {
        --tw-text-opacity: 1;
        color: rgb(33 37 41 / var(--tw-text-opacity, 1));
      }
    }
  }
  .form-select {
    &:focus {
      --tw-shadow-color: unset;
      --tw-shadow: var(--tw-shadow-colored);
    }
  }
  h5 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  h5 {
    padding-left: 0px;
    padding-right: 0px;
  }
  h5 {
    padding-top: 1.25rem;
  }
  h5 {
    padding-bottom: 18px;
  }
  @media (min-width: 1200px) {
     {
       {
         {
          .order-quantity {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .order-quantity {
          }
        }
      }
    }
  }
  .order-quantity {
    display: flex;
  }
  .order-quantity {
    flex-direction: column;
  }
  .order-quantity {
    gap: 18px;
  }
  .order-quantity {
    @media (min-width: 1200px) {
       {
         {
           {
            > div {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > div {
            }
          }
        }
      }
    }
    > div {
      display: flex;
    }
    > div {
      flex-direction: column;
    }
    > div {
      gap: 18px;
    }
    @media (min-width: 1200px) {
       {
         {
           {
            .order-details-wrapper {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            .order-details-wrapper {
            }
          }
        }
      }
    }
    .order-details-wrapper {
      display: flex;
    }
    .order-details-wrapper {
      gap: 0.625rem;
    }
    .order-details-wrapper {
      @media (min-width: 1200px) {
         {
           {
             {
              .left-details {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              .left-details {
              }
            }
          }
        }
      }
      .left-details {
        display: flex;
      }
      .left-details {
        gap: 0.625rem;
      }
      .left-details {
        @media (min-width: 1200px) {
           {
             {
               {
                .order-img {
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                .order-img {
                }
              }
            }
          }
        }
        .order-img {
          display: flex;
        }
        .order-img {
          height: 94px;
        }
        .order-img {
          width: 100px;
        }
        .order-img {
          align-items: center;
        }
        .order-img {
          justify-content: center;
        }
        .order-img {
          border-radius: 10px;
        }
        .order-img {
          background-color: rgba(var(--light-slate),1);
        }
        .order-img {
          padding-left: 1.25rem;
          padding-right: 1.25rem;
        }
        .order-img {
          padding-top: 15px;
          padding-bottom: 15px;
        }
        .order-img {
          --tw-shadow-color: var(--product-shadow);
          --tw-shadow: var(--tw-shadow-colored);
        }
        .order-img {
          img {
            height: 100%;
          }
          img {
            width: 100px;
          }
          img {
            -o-object-fit: contain;
               object-fit: contain;
          }
        }
      }
      @media (min-width: 1200px) {
         {
           {
             {
              .category-details {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              .category-details {
              }
            }
          }
        }
      }
      .category-details {
        display: flex;
      }
      .category-details {
        flex: 1 1 0%;
      }
      .category-details {
        align-items: center;
      }
      .category-details {
        justify-content: space-between;
      }
      .category-details {
        gap: 3px;
      }
      .category-details {
        -webkit-box-flex: 1;
        .right-details {
          text-align: center;
        }
        .right-details {
          margin: 0px !important;
        }
        @media (max-width: 767px) {
           {
            .right-details {
            }
          }
        }
        .right-details {
          margin: 0px;
        }
        .right-details {
          border-radius: 50px;
        }
        .right-details {
          background-color: rgba(var(--light-slate),1);
        }
        .right-details {
          padding: 0.25rem;
        }
        .right-details {
          text-align: center;
        }
        .right-details {
          .touchspin-wrapper {
            display: block;
          }
          .touchspin-wrapper {
            display: block;
          }
          .touchspin-wrapper {
            @media (min-width: 1200px) {
               {
                 {
                   {
                    .btn-touchspin {
                    }
                  }
                }
              }
            }
            @media (max-width: 575px) {
               {
                 {
                   {
                    .btn-touchspin {
                    }
                  }
                }
              }
            }
            .btn-touchspin {
              display: flex;
            }
            .btn-touchspin {
              height: 27px;
            }
            .btn-touchspin {
              width: 27px;
            }
            .btn-touchspin {
              align-items: center;
            }
            .btn-touchspin {
              justify-content: center;
            }
            .btn-touchspin {
              border-radius: 50px;
            }
            .btn-touchspin {
              border-color: unset;
            }
            .btn-touchspin {
              background-color: rgba(var(--white-bg),1);
            }
            input[type="number"] {
              text-align: center;
            }
            input[type="number"] {
              padding-left: 0 !important;
              padding-right: 0 !important;
            }
            @media (max-width: 767px) {
               {
                input[type="number"] {
                }
              }
            }
            input[type="number"] {
              width: 25px;
            }
            input[type="number"] {
              border-color: unset;
            }
            input[type="number"] {
              background-color: unset;
            }
            input[type="number"] {
              padding-left: 0px;
              padding-right: 0px;
            }
            input[type="number"] {
              padding-top: 0.625rem;
              padding-bottom: 0.625rem;
            }
            input[type="number"] {
              text-align: center;
            }
            input[type="number"] {
              color: rgba(var(--body-font-color),1);
            }
          }
        }
        .order-details-right {
          @media (min-width: 1200px) {
             {
               {
                 {
                  .last-order-detail {
                  }
                }
              }
            }
          }
          @media (max-width: 575px) {
             {
               {
                 {
                  .last-order-detail {
                  }
                }
              }
            }
          }
          .last-order-detail {
            display: flex;
          }
          .last-order-detail {
            align-items: center;
          }
          .last-order-detail {
            gap: 15px;
          }
          .last-order-detail {
            a {
              i {
                font-size: 15px;
              }
              i {
                color: rgba(var(--chart-text-color),1);
              }
            }
          }
        }
      }
      &.product-remove {
        display: none;
      }
    }
  }
  .total-item {
    margin-top: 20px;
  }
  .total-item {
    border-radius: 5px;
  }
  .total-item {
    background-color: rgba(var(--light-slate),1);
  }
  .total-item {
    padding-left: 15px;
    padding-right: 15px;
  }
  .total-item {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .total-item {
    @media (min-width: 1200px) {
       {
         {
           {
            .item-number {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            .item-number {
            }
          }
        }
      }
    }
    .item-number {
      display: flex;
    }
    .item-number {
      justify-content: space-between;
    }
    .item-number {
      padding-bottom: 0.625rem;
    }
  }
}

.payment-methods {
  text-align: center;
}

@media (min-width: 1200px) {
   {
     {
       {
        .payment-methods {
        }
      }
    }
  }
}

@media (max-width: 767px) {
   {
    .payment-methods {
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .payment-methods {
        }
      }
    }
  }
}

.payment-methods {
  display: flex;
  justify-content: space-between;
  text-align: center;
  @media (min-width: 1200px) {
     {
       {
         {
          .bg-payment {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .bg-payment {
          }
        }
      }
    }
  }
  .bg-payment {
    display: flex;
  }
  .bg-payment {
    height: 70px;
  }
  .bg-payment {
    width: 5rem;
  }
  .bg-payment {
    cursor: pointer;
  }
  .bg-payment {
    align-items: center;
  }
  .bg-payment {
    justify-content: center;
  }
  .bg-payment {
    border-radius: 5px;
  }
  .bg-payment {
    border-width: 1px;
  }
  .bg-payment {
    border-style: solid;
  }
  .bg-payment {
    border-color: transparent;
  }
  .bg-payment {
    background-color: rgba(var(--light-slate),1);
  }
  .bg-payment {
    padding-left: 21px;
    padding-right: 21px;
  }
  .bg-payment {
    padding-top: 23px;
    padding-bottom: 23px;
  }
  .bg-payment {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  .bg-payment {
    transition-duration: 0.5s;
  }
  .bg-payment {
    transition-timing-function: ease;
  }
  .bg-payment {
    img {
      height: calc(28px + (35 - 28) * ((100vw - 320px) / (1920 - 320)));
    }
    img {
      --tw-grayscale: grayscale(1);
      filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    }
    &:hover,
      &.active,
      :focus {
      border-width: 1px;
    }
    &:hover,
      &.active,
      :focus {
      border-style: solid;
    }
    &:hover,
      &.active,
      :focus {
      border-color: rgba(var(--theme-default),1);
    }
    &:hover,
      &.active,
      :focus {
      background-color: rgba(var(--primary-color),0.1);
    }
    &:hover,
      &.active,
      :focus {
      transition-property: all;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }
    &:hover,
      &.active,
      :focus {
      transition-duration: 0.5s;
    }
    &:hover,
      &.active,
      :focus {
      transition-timing-function: ease;
    }
    &:hover,
      &.active,
      :focus {
      img {
        filter: unset;
      }
    }
  }
  span {
    padding-top: 0.75rem;
  }
}

.place-order {
  margin-top: 17px;
  button {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  button {
    padding-left: 0px;
    padding-right: 0px;
  }
  button {
    padding-top: 11px;
    padding-bottom: 11px;
  }
}

.empty-card {
  display: none;
  &.show {
    display: block;
  }
  &.show {
    display: block;
  }
}

@media (min-width: 1200px) {
   {
     {
       {
        .empty-cart-wrapper {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .empty-cart-wrapper {
        }
      }
    }
  }
}

.empty-cart-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  @media (min-width: 1200px) {
     {
       {
         {
          .empty-cart-content {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .empty-cart-content {
          }
        }
      }
    }
  }
  .empty-cart-content {
    display: flex;
  }
  .empty-cart-content {
    height: 100px;
  }
  .empty-cart-content {
    width: 100px;
  }
  .empty-cart-content {
    align-items: center;
  }
  .empty-cart-content {
    justify-content: center;
  }
  .empty-cart-content {
    border-radius: 50%;
  }
  .empty-cart-content {
    background-color: rgba(var(--light-slate),1);
  }
  .empty-cart-content {
    @media (max-width: 575px) {
       {
         {
           {
            > img {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > img {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > img {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > img {
                width: 90%;
              }
            }
          }
        }
      }
    }
    img {
      height: 100%;
    }
    img {
      width: 100%;
    }
  }
  h6 {
    padding-top: 0.875rem;
  }
  h6 {
    line-height: 22px;
  }
}

.coupon-code {
  .input-group {
    flex-wrap: nowrap !important;
  }
  .input-group {
    .form-control {
      border-top-right-radius: 0px;
    }
    .form-control {
      border-top-left-radius: 5px;
    }
    .form-control {
      border-bottom-left-radius: 5px;
    }
    .form-control {
      border-bottom-right-radius: 0px;
    }
    .form-control {
      border-left-width: 1px;
    }
    .form-control {
      border-right-width: 0px;
    }
  }
  .input-group {
    .form-control {
      &:focus {
        box-shadow: unset;
      }
      &:focus {
        border-color: rgba(var(--chart-progress-light),1);
      }
      &:focus {
        --tw-shadow-color: unset;
        --tw-shadow: var(--tw-shadow-colored);
      }
    }
    .btn {
      border-top-right-radius: 5px !important;
    }
    .btn {
      border-top-left-radius: 0px !important;
    }
    .btn {
      border-bottom-left-radius: 0px !important;
    }
    .btn {
      border-bottom-right-radius: 5px !important;
    }
    .btn {
      border-width: 1px;
    }
    .btn {
      border-style: solid;
    }
    .btn {
      border-color: rgba(var(--chart-progress-light),1);
    }
    .btn {
      color: rgba(var(--body-font-color),1);
    }
  }
}

@media (max-width: 360px) {
  .card-header-right-btn a {
    font-size: 0.75rem;
    line-height: 1rem;
  }

  .create-right-btn a {
    font-size: 0.75rem;
    line-height: 1rem;
  }

  .card-header-right-btn {
    padding: 0.5rem;
  }
}

@media (max-width: 1366px) {
  .main-product-wrapper .product-header p {
    display: none;
  }

  .main-product-wrapper {
    align-items: center;
  }
}

@media (max-width: 439px) {
  .main-product-wrapper .product-body {
    justify-content: flex-end;
  }

  .main-product-wrapper .product-body .product-search {
    display: none;
  }
}

@media (max-width: 1920px) and (min-width: 1200px) {
  .customer-sticky {
    height: calc(100% - 20px);
  }
}

@media (max-width: 1700px) {
  .order-details {
    .order-quantity {
      .order-details-wrapper {
        gap: 0.5rem;
      }
      .order-details-wrapper {
        .category-details {
          flex-direction: column;
        }
        .category-details {
          align-items: flex-start;
        }
        .category-details {
          gap: 0.75rem;
        }
        .category-details {
          .right-details {
            @media (min-width: 1200px) {
               {
                 {
                   {
                    .touchspin-wrapper {
                    }
                  }
                }
              }
            }
            @media (max-width: 575px) {
               {
                 {
                   {
                    .touchspin-wrapper {
                    }
                  }
                }
              }
            }
            .touchspin-wrapper {
              display: flex;
            }
            .touchspin-wrapper {
              align-items: center;
            }
            .touchspin-wrapper {
              justify-content: space-between;
            }
            .touchspin-wrapper {
              input[type="number"] {
                padding: 0 !important;
              }
              input[type="number"] {
                padding: 0px;
              }
            }
          }
        }
      }
    }
  }
}

@media (max-width: 1399px) and (min-width: 1200px) {
  .order-details .order-quantity .order-details-wrapper .left-details .order-img {
    height: 74px;
    width: 5rem;
  }

  .order-details .order-quantity .order-details-wrapper .left-details .order-img img {
    width: 75px;
  }
}

@media (max-width: 1400px) {
  .order-details .order-quantity .order-details-wrapper .category-details .right-details {
    width: 100px;
  }
}

@media (max-width: 1580px) {
  .coupon-code .input-group .form-control::-moz-placeholder {
    font-size: 13px;
  }
  .coupon-code .input-group .form-control::placeholder {
    font-size: 13px;
  }

  .coupon-code .input-group .btn {
    font-size: 13px;
  }

   {
    font-size: 13px;
  }

  .coupon-code .input-group .\!btn {
    font-size: 13px;
  }
}

.compare-order {
  transition-property: 0.5s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.compare-order:hover {
  --tw-translate-y: -5px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transition-property: 0.5s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.compare-order {
  @media (min-width: 1200px) {
     {
       {
         {
          .compare-icon {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .compare-icon {
          }
        }
      }
    }
  }
  .compare-icon {
    display: flex;
  }
  .compare-icon {
    height: calc(40px + (45 - 40) * ((100vw - 320px) / (1920 - 320)));
  }
  .compare-icon {
    width: calc(40px + (45 - 40) * ((100vw - 320px) / (1920 - 320)));
  }
  .compare-icon {
    align-items: center;
  }
  .compare-icon {
    justify-content: center;
  }
  .compare-icon {
    border-radius: 10px;
  }
  .compare-icon {
    svg {
      height: 1.25rem;
    }
    svg {
      width: 1.25rem;
    }
    svg {
      transition-property: 0.5s;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }
  }
  .card-body {
    .common-space {
      margin-bottom: 16px !important;
    }
    .common-space {
      margin-bottom: 0.75rem;
    }
    .common-space {
      h4 {
        color: rgba(var(--body-font-color ),1);
      }
    }
    .progress {
      margin-bottom: 0.625rem;
    }
    .progress {
      height: 9px;
    }
    .progress {
      background: linear-gradient(180.36deg, #cfdce8 -32.82%, #ffffff 132.82%);
    }
    .user-growth {
      margin-right: 0.25rem;
    }
    .user-growth {
      font-size: 0.75rem;
      line-height: 1rem;
    }
    .user-text {
      font-size: 0.875rem;
      line-height: 1.25rem;
    }
    .user-text {
      color: rgba(var(--badge-light-color),0.8);
    }
  }
  &:hover {
    .card-header {
      svg {
        --tw-scale-x: 1.08;
        --tw-scale-y: 1.08;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      }
      svg {
        transition-property: 0.5s;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
      }
    }
  }
}

.card-header-right-icon {
  .btn {
    &.btn-light-primary {
      display: block;
    }
    &.btn-light-primary {
      display: block;
    }
  }
}

.crm-card {
  background-image: url(../images/dashboard-9/bg.jpg) !important;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  .card-body {
    h4 {
      font-size: calc(18px + (22 - 18) * ((100vw - 320px) / (1920 - 320)));
    }
    h4 {
      color: rgba(var(--white),1);
    }
    p {
      margin-bottom: 35px;
    }
    p {
      width: 65%;
    }
    p {
      color: rgba(var(--white),1);
    }
  }
  .crm-img {
    position: absolute;
  }
  .crm-img {
    right: 0.75rem;
  }
  .crm-img {
    bottom: 0.5rem;
  }
  .crm-img {
    height: 138px;
  }
  .crm-img {
    animation: bounce-effect 3s infinite ease;
  }
}

@media (min-width: 1200px) {
   {
     {
       {
        .pipeline-data {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .pipeline-data {
        }
      }
    }
  }
}

.pipeline-data {
  display: flex;
  align-items: center;
  justify-content: space-between;
  [class*="dotted-"] {
    height: 0.5rem;
  }
  [class*="dotted-"] {
    width: 0.5rem;
  }
  [class*="dotted-"] {
    border-radius: 50%;
  }
  .common-flex {
    align-items: baseline;
  }
  .common-flex {
    span {
      color: rgba(var(--badge-light-color),0.8);
    }
  }
}

.revenue-chart-container {
  margin-top: -23px;
  margin-bottom: -26px;
  margin-left: -1rem;
  margin-right: -0.625rem;
}

.crm-todo-list {
  li {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  li {
    cursor: pointer;
  }
  li {
    gap: 16px;
  }
  li {
    border-bottom-width: 1px;
  }
  li {
    border-style: solid;
  }
  li {
    border-bottom-color: rgba(var(--chart-dashed-border),1);
  }
  li {
    padding-left: 0px;
    padding-right: 0px;
  }
  li {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  li:last-child {
    padding-bottom: 0 !important;
  }
  li:first-child {
    padding-top: 0px;
  }
  li:last-child {
    border-bottom-width: 0px;
  }
  li:last-child {
    padding-bottom: 0px;
  }
  li {
    .form-check {
      .form-check-input {
        border-color: rgba(var(--badge-light-color),0.8);
      }
      .form-check-input:focus {
        --tw-shadow-color: unset;
        --tw-shadow: var(--tw-shadow-colored);
      }
    }
    span {
      color: rgba(var(--badge-light-color),0.8);
    }
    .grow {
      a {
        display: block;
      }
      a {
        display: block;
      }
      a {
        font-size: 0.875rem;
        line-height: 1.25rem;
      }
      a {
        font-weight: 500;
      }
      a {
        letter-spacing: 0.7px;
      }
      a {
        color: rgba(var(--body-font-color),1);
      }
    }
  }
}

.finance-wrapper {
  .common-flex {
    h6 {
      &:last-child {
        border-left-width: 1px;
      }
      &:last-child {
        border-style: solid;
      }
      &:last-child {
        border-left-color: rgba(var(--chart-dashed-border),1);
      }
      &:last-child {
        padding-left: 1rem;
      }
    }
  }
}

.deal-table {
  &.recent-table {
    thead,
      tbody {
      tr {
        th,
          td {
          min-width: auto;
        }
        th,
          td {
          color: rgba(var(--badge-light-color),1);
        }
        th,
          td {
          &:first-child {
            padding-left: 1.25rem;
          }
          &:last-child {
            padding-right: 1.25rem;
          }
        }
      }
    }
    thead {
      tr {
        th {
          color: rgba(var(--badge-light-color),1);
        }
      }
    }
  }
}

.lead-table {
  &.recent-table {
    &.overflow-x-auto {
      div.dt-container {
        .dt-layout-row {
          .dt-layout-cell {
            .dt-search {
              right: 60px;
            }
          }
        }
      }
    }
    thead {
      tr {
        th {
          color: rgba(var(--badge-light-color),1);
        }
      }
    }
    thead,
      tbody {
      tr {
        th,
          td {
          min-width: auto;
        }
        th,
          td {
          color: rgba(var(--badge-light-color),1);
        }
        th,
          td {
          &:first-child {
            padding-left: 1.25rem;
          }
          &:last-child {
            padding-right: 1.25rem;
          }
          .common-flex {
            .lead-img {
              height: 2.25rem;
            }
            .lead-img {
              border-radius: 0.5rem;
            }
          }
          &:nth-child(4) {
            .common-flex {
              gap: 5px;
            }
          }
        }
      }
    }
  }
}

@media (min-width: 1200px) {
   {
     {
       {
        .main-lead-source {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .main-lead-source {
        }
      }
    }
  }
}

.main-lead-source {
  position: relative;
  margin-left: -100px;
  display: flex;
  align-items: center;
  justify-content: center;
  .lead-source-1 {
    text-align: center;
  }
  @media (min-width: 1200px) {
     {
       {
         {
          .lead-source-1 {
          }
        }
      }
    }
  }
  @media (max-width: 767px) {
     {
      .lead-source-1 {
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .lead-source-1 {
          }
        }
      }
    }
  }
  .lead-source-1 {
    position: relative;
  }
  .lead-source-1 {
    margin-left: 1.25rem;
  }
  .lead-source-1 {
    margin-right: 0px;
  }
  .lead-source-1 {
    margin-top: 2.5rem;
  }
  .lead-source-1 {
    margin-bottom: 5rem;
  }
  .lead-source-1 {
    display: flex;
  }
  .lead-source-1 {
    height: 200px;
  }
  .lead-source-1 {
    width: 200px;
  }
  .lead-source-1 {
    align-items: center;
  }
  .lead-source-1 {
    justify-content: center;
  }
  .lead-source-1 {
    border-radius: 50%;
  }
  .lead-source-1 {
    background-color: rgba(var(--theme-default),0.9);
  }
  .lead-source-1 {
    text-align: center;
  }
  @media (min-width: 1200px) {
     {
       {
         {
          .lead-source-2 {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .lead-source-2 {
          }
        }
      }
    }
  }
  .lead-source-2 {
    position: absolute;
  }
  .lead-source-2 {
    right: -35%;
  }
  .lead-source-2 {
    top: 0px;
  }
  .lead-source-2 {
    z-index: 1;
  }
  .lead-source-2 {
    display: flex;
  }
  .lead-source-2 {
    height: 100px;
  }
  .lead-source-2 {
    width: 100px;
  }
  .lead-source-2 {
    --tw-translate-y: 8%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .lead-source-2 {
    align-items: center;
  }
  .lead-source-2 {
    justify-content: center;
  }
  .lead-source-2 {
    border-radius: 50%;
  }
  .lead-source-2 {
    background-color: rgba(var(--warning-color),0.9);
  }
}

@media (min-width: 1200px) {
   {
     {
       {
        .lead-source-3 {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .lead-source-3 {
        }
      }
    }
  }
}

.lead-source-3 {
  position: absolute;
  right: -90%;
  bottom: 20%;
  display: flex;
  height: 150px;
  width: 150px;
  --tw-translate-x: -50%;
  --tw-translate-y: 50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: rgba(var(--success-color),0.9);
}

.source-txt {
  span,
    h5 {
    color: rgba(var(--white),1);
  }
  h5 {
    font-size: calc(16px + (22 - 16) * ((100vw - 320px) / (1920 - 320)));
  }
}

#sales-chart {
  .apexcharts-legend {
    gap: 0.75rem;
  }
}

.sales-week-container {
  margin-top: 0 !important;
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  margin-top: 0px;
  margin-bottom: -2.5rem;
}

.pipeline-chart-container {
  margin-bottom: -0.75rem;
}

.main-sale {
  .sales-chart-wrap {
    #sales-chart1 {
      margin-bottom: -30px;
    }
  }
  @media (min-width: 1200px) {
     {
       {
         {
          .sale-details {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .sale-details {
          }
        }
      }
    }
  }
  .sale-details {
    display: flex;
  }
  .sale-details {
    justify-content: space-between;
  }
}

.sales-data {
  align-items: center;
  justify-content: space-around;
  li {
    .sale-value {
      height: 0.625rem;
    }
    .sale-value {
      width: 0.625rem;
    }
    .sale-value {
      border-radius: 50%;
    }
    .sale-value {
      &.primary-20 {
        background-color: rgba(var(--theme-default),0.2);
      }
      &.primary-40 {
        background-color: rgba(var(--theme-default),0.4);
      }
      &.primary-70 {
        background-color: rgba(var(--theme-default),0.7);
      }
    }
    span {
      &:last-child {
        font-size: 13px;
      }
    }
  }
}

.crm-todo-list {
  li {
    span {
      &.l-line-primary {
        height: 3rem;
      }
      &.l-line-primary {
        width: 3px;
      }
      &.l-line-primary {
        border-radius: 0.25rem;
      }
      &.l-line-primary {
        background-color: rgba(var(--theme-default),1);
      }
      &.l-line-secondary {
        height: 3rem;
      }
      &.l-line-secondary {
        width: 3px;
      }
      &.l-line-secondary {
        border-radius: 0.25rem;
      }
      &.l-line-secondary {
        background-color: rgba(var(--theme-secondary),1);
      }
      &.l-line-success {
        height: 3rem;
      }
      &.l-line-success {
        width: 3px;
      }
      &.l-line-success {
        border-radius: 0.25rem;
      }
      &.l-line-success {
        background-color: rgba(var(--success-color),1);
      }
      &.l-line-warning {
        height: 3rem;
      }
      &.l-line-warning {
        width: 3px;
      }
      &.l-line-warning {
        border-radius: 0.25rem;
      }
      &.l-line-warning {
        background-color: rgba(var(--warning-color),1);
      }
    }
  }
}

@media (max-width: 1470px) {
  .crm-card .card-body p {
    height: 2.75rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .crm-card .card-body p {
    width: 70%;
  }
}

@media (max-width: 767px) {
  .crm-card .card-body p {
    margin-bottom: 0 !important;
    margin-bottom: 0px;
  }

  .finance-wrapper .finance-chart-wrapper {
    margin-bottom: -1.25rem;
  }

  .main-lead-source .lead-source-1 {
    margin-top: 48px !important;
    margin-left: 1.25rem;
    margin-right: 0px;
    margin-top: 1.25rem !important;
    margin-bottom: 70px !important;
    height: calc(130px + (200 - 130) * ((100vw - 320px) / (1920 - 320)));
    width: calc(130px + (200 - 130) * ((100vw - 320px) / (1920 - 320)));
  }

  .main-lead-source .lead-source-2 {
    height: calc(75px + (100 - 75) * ((100vw - 320px) / (1920 - 320)));
    width: calc(75px + (100 - 75) * ((100vw - 320px) / (1920 - 320)));
  }

  .lead-source-3 {
    height: calc(95px + (150 - 95) * ((100vw - 320px) / (1920 - 320)));
    width: calc(95px + (150 - 95) * ((100vw - 320px) / (1920 - 320)));
  }

  .sales-chart-wrapper {
    margin-bottom: -2.5rem;
  }
}

@media (max-width: 1199px) {
  .deal-table {
    &.recent-table {
      thead,
        tbody {
        tr {
          th,
            td {
            &:first-child {
              min-width: 52px;
            }
            &:nth-child(2) {
              min-width: 116px;
            }
            &:last-child {
              min-width: 90px;
            }
          }
        }
      }
    }
  }
}

@media (max-width: 1366px) and (min-width: 1200px) {
  .lead-table {
    &.recent-table {
      thead,
        tbody {
        tr {
          th,
            td {
            &:nth-child(2) {
              display: none;
            }
          }
        }
      }
    }
  }
}

@media (max-width: 1199px) {
  .lead-table {
    &.recent-table {
      thead,
        tbody {
        tr {
          th,
            td {
            &:first-child {
              min-width: 100px;
            }
            &:nth-child(4) {
              min-width: 114px;
            }
          }
        }
      }
    }
  }
}

@media (max-width: 1660px) and (min-width: 1400px) {
  .sales-data {
    display: none;
  }
}

.visits-wrapper {
  .card-body {
    .common-flex {
      width: -moz-fit-content;
      width: fit-content;
    }
    .common-flex {
      align-items: center;
    }
    .common-flex {
      border-radius: 0.5rem;
    }
    .common-flex {
      background-color: rgba(var(--course-light-btn),1);
    }
    .common-flex {
      padding-left: 0.75rem;
      padding-right: 0.75rem;
    }
    .common-flex {
      padding-top: 0.625rem;
      padding-bottom: 0.625rem;
    }
  }
}

.treading-product {
  .recent-table {
    table {
      tbody {
        tr {
          td {
            @media (min-width: 1200px) {
               {
                 {
                   {
                    .referral-wrapper {
                    }
                  }
                }
              }
            }
            @media (max-width: 575px) {
               {
                 {
                   {
                    .referral-wrapper {
                    }
                  }
                }
              }
            }
            .referral-wrapper {
              display: flex;
            }
            .referral-wrapper {
              align-items: center;
            }
            .referral-wrapper {
              justify-content: flex-start;
            }
            .referral-wrapper {
              gap: 0.75rem;
            }
            .referral-wrapper {
              svg {
                height: 1rem;
              }
              svg {
                width: 1rem;
              }
            }
          }
        }
      }
    }
  }
}

.referral-visit {
  .table {
    thead,
      tbody {
      tr {
        th,
          td {
          min-width: auto;
        }
        th,
          td {
          .referral-wrapper {
            .bg-dark-primary {
              border-width: 1px;
            }
            .bg-dark-primary {
              border-style: solid;
            }
            .bg-dark-primary {
              border-color: rgba(var(--fb-color),1);
            }
            .bg-dark-primary {
              .social-wrapper {
                background-color: rgba(47,132,244,0.1);
              }
            }
            @media (min-width: 1200px) {
               {
                 {
                   {
                    > div {
                    }
                  }
                }
              }
            }
            @media (max-width: 575px) {
               {
                 {
                   {
                    > div {
                    }
                  }
                }
              }
            }
            > div {
              display: flex;
            }
            > div {
              align-items: center;
            }
            > div {
              justify-content: center;
            }
            > div {
              gap: 0.625rem;
            }
            > div {
              > div {
                height: 34px;
              }
              > div {
                width: 34px;
              }
              > div {
                border-radius: 50%;
              }
              > div {
                border-width: 1px;
              }
              > div {
                border-style: solid;
              }
              > div {
                padding: 3px;
              }
              > div {
                @media (min-width: 1200px) {
                   {
                     {
                       {
                        .social-wrapper {
                        }
                      }
                    }
                  }
                }
                @media (max-width: 575px) {
                   {
                     {
                       {
                        .social-wrapper {
                        }
                      }
                    }
                  }
                }
                .social-wrapper {
                  display: flex;
                }
                .social-wrapper {
                  height: 100%;
                }
                .social-wrapper {
                  min-width: 100%;
                }
                .social-wrapper {
                  align-items: center;
                }
                .social-wrapper {
                  justify-content: center;
                }
                .social-wrapper {
                  border-radius: 50%;
                }
              }
            }
          }
        }
        &:last-child {
          td {
            padding-bottom: 0 !important;
          }
          td {
            border-color: unset;
          }
          td {
            padding-bottom: 0px;
          }
        }
      }
    }
  }
}

.page-analytics-table {
  .recent-table {
    div.dt-container {
      .dt-layout-row {
        .dt-layout-cell {
          .dt-search {
            right: 60px;
          }
          .dt-search {
            top: 1.5rem;
          }
        }
        &:last-child {
          flex-direction: column;
        }
      }
    }
    .table {
      thead,
        tbody {
        tr {
          th,
            td {
            min-width: auto;
          }
          th,
            td {
            color: rgba(var(--body-font-color),1);
          }
          th,
            td {
            &:first-child {
              padding-left: 1.25rem;
            }
            &:last-child {
              padding-right: 1.25rem;
            }
            svg {
              height: 0.875rem;
            }
            svg {
              width: 0.875rem;
            }
          }
        }
      }
    }
  }
}

.live-user-wrapper {
  .user-data {
    margin-bottom: 8px !important;
  }
  @media (min-width: 1200px) {
     {
       {
         {
          .user-data {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .user-data {
          }
        }
      }
    }
  }
  .user-data {
    margin-bottom: 0.5rem;
  }
  .user-data {
    display: flex;
  }
  .user-data {
    align-items: center;
  }
  .user-data {
    justify-content: flex-start;
  }
  .user-data {
    gap: 0.5rem;
  }
  .user-data {
    h5 {
      margin-bottom: 0.25rem;
    }
    span {
      svg.table {
        white-space: pre-wrap !important;
      }
      svg {
        height: 0.875rem;
      }
      svg {
        width: 0.875rem;
      }
      svg {
        vertical-align: middle;
      }
    }
  }
}

.analytics-widget {
  border-radius: 20px;
  background-image: url(../images/dashboard-10/light-bg.jpg);
  background-size: cover;
  background-position: right;
  background-repeat: no-repeat;
  img {
    height: 138px;
  }
  .btn {
    min-width: auto;
  }
  p {
    margin-bottom: 24px !important;
  }
  p {
    margin-bottom: 1rem;
  }
}

.analytics-tread-card {
  &:hover {
    --tw-translate-y: -5px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  &:hover {
    transition-property: 0.5s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  .header-top {
    svg {
      height: 0.875rem;
    }
    svg {
      width: 0.875rem;
    }
  }
  .progress {
    margin-left: 0px;
    margin-right: 0px;
  }
  .progress {
    margin-top: 58px;
  }
  .progress {
    margin-bottom: 1.25rem;
  }
  .progress {
    height: 0.75rem;
  }
  .progress {
    background-color: rgba(var(--info-color),10%);
  }
  .progress {
    .progress-bar-striped {
      background-image: linear-gradient( 45deg,rgba(255,255,255,0.8) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.8) 50%,rgba(255,255,255,0.8) 75%,transparent 75%,transparent );
    }
  }
  @media (min-width: 1200px) {
     {
       {
         {
          .analytics-tread {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .analytics-tread {
          }
        }
      }
    }
  }
  .analytics-tread {
    display: flex;
  }
  .analytics-tread {
    height: calc(48px + (58 - 48) * ((100vw - 320px) / (1920 - 320)));
  }
  .analytics-tread {
    width: calc(48px + (58 - 48) * ((100vw - 320px) / (1920 - 320)));
  }
  .analytics-tread {
    align-items: center;
  }
  .analytics-tread {
    justify-content: center;
  }
  .analytics-tread {
    border-radius: 5px;
  }
  .analytics-tread {
    svg {
      height: calc(20px + (28 - 20) * ((100vw - 320px) / (1920 - 320)));
    }
    svg {
      width: calc(20px + (28 - 20) * ((100vw - 320px) / (1920 - 320)));
    }
  }
  .session-progress {
    .progress {
      background-color: rgba(var(--success-color),10%);
    }
    .progress {
      .small-progressbar {
        .animate-circle {
          right: -1rem;
        }
        .animate-circle {
          top: -0.625rem;
        }
        .animate-circle {
          animation: unset;
        }
        .animate-circle {
          border-width: 5px;
        }
        .animate-circle {
          border-style: solid;
        }
        .animate-circle {
          border-color: rgba(var(--success-color),0.62);
        }
        .animate-circle {
          background-color: (90deg,rgba(101,193,92,0.2) 0%,#65c15c 76.58%);
        }
        .animate-circle {
          padding: 0.625rem;
        }
        &::after {
          background-color: rgba(var(--success-color),1);
        }
      }
      .small-progressbar {
        &::after {
          top: -3px;
        }
        &::after {
          right: -9px;
        }
        &::after {
          height: 1rem;
        }
        &::after {
          width: 1rem;
        }
      }
      .progress-label {
        top: -55px;
      }
      .progress-label {
        right: -1.25rem;
      }
      .progress-label {
        border-radius: 0.375rem;
      }
      .progress-label {
        background-color: rgba(var(--success-color),1);
      }
      .progress-label {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
      }
      .progress-label {
        padding-top: 0.125rem;
        padding-bottom: 0.125rem;
      }
      .progress-label {
        font-size: 0.875rem;
        line-height: 1.25rem;
      }
      .progress-label {
        font-weight: 600;
      }
      .progress-label {
        color: rgba(var(--white),1);
      }
      .progress-label::after {
        content: var(--tw-content);
      }
      .progress-label::after {
        border-width: 8px !important;
      }
      .progress-label::after {
        content: var(--tw-content);
        display: block;
      }
      .progress-label::after {
        content: var(--tw-content);
        position: absolute;
      }
      .progress-label::after {
        content: var(--tw-content);
        left: 50%;
      }
      .progress-label::after {
        content: var(--tw-content);
        bottom: 0px;
      }
      .progress-label::after {
        content: var(--tw-content);
        display: block;
      }
      .progress-label::after {
        content: var(--tw-content);
        --tw-translate-x: -50%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      }
      .progress-label::after {
        content: var(--tw-content);
        --tw-translate-y: calc(100% - 0px);
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      }
      .progress-label::after {
        content: var(--tw-content);
        border-width: 8px;
      }
      .progress-label::after {
        content: var(--tw-content);
        border-bottom-width: 0px;
      }
      .progress-label::after {
        content: var(--tw-content);
        border-style: solid;
      }
      .progress-label::after {
        content: var(--tw-content);
        border-top-color: rgba(var(--success-color),1);
      }
      .progress-label::after {
        content: var(--tw-content);
        border-left-color: transparent;
      }
      .progress-label::after {
        content: var(--tw-content);
        border-right-color: transparent;
      }
      .progress-label::after {
        --tw-content: "";
        content: var(--tw-content);
      }
    }
  }
  &.retention-progress {
    .card-body {
      .progress {
        margin-top: 38px;
      }
    }
  }
  .header-top {
    .common-align {
      align-items: baseline;
    }
    .common-align {
      gap: 0.5rem;
    }
  }
}

.user-analytics-wrapper {
  margin-left: -30px;
  margin-right: -0.625rem;
  margin-top: -2.5rem;
  margin-bottom: -1.25rem;
}

.analytics-view-wrapper {
  margin-top: -34px;
  margin-bottom: -30px;
  margin-left: 0px;
  margin-right: -0.625rem;
  overflow: hidden;
}

.visit-duration-wrapper {
  margin-top: -34px;
  margin-bottom: -30px;
  margin-left: 0px;
  margin-right: 35px;
}

.bounce-rate-wrapper {
  margin-top: -34px;
  margin-bottom: -30px;
  margin-left: 0px;
  margin-right: -1.25rem;
  overflow: hidden;
}

.main-session-devices {
  .common-align {
    flex-direction: column;
  }
  .common-align {
    gap: 2rem;
  }
  .common-align {
    align-items: unset;
    p {
      margin-bottom: 0 !important;
    }
    p {
      margin-bottom: 0px;
    }
    p {
      font-size: 1rem;
      line-height: 1.5rem;
    }
    p {
      font-weight: 500;
    }
  }
  .progress {
    height: 0.625rem;
  }
  .progress {
    border-radius: 100px;
  }
  .progress {
    background: linear-gradient(180.36deg, #cfdce8 -32.82%, #ffffff 132.82%);
  }
}

.session-browser-table {
  .overflow-x-auto {
    .table {
      thead,
        tbody {
        tr {
          th,
            td {
            border-width: 0 !important;
          }
          th,
            td {
            min-width: auto;
          }
          th,
            td {
            border-width: 0px;
          }
          th,
            td {
            color: rgba(var(--body-font-color),1);
          }
          th,
            td {
            &:first-child {
              padding-left: 1.25rem;
            }
            &:last-child {
              padding-right: 1.25rem;
            }
            .session-name {
              font-weight: 500;
            }
            .session-name {
              color: rgba(var(--body-font-color),1);
            }
          }
          &:last-child {
            td {
              padding-bottom: 0 !important;
            }
            td {
              padding-bottom: 0px;
            }
          }
        }
      }
      thead {
        tr {
          th {
            color: rgba(var(--badge-light-color),1);
          }
        }
      }
    }
  }
}

.jvm-zoom-btn {
  display: none;
}

.live-user-map {
  #map {
    height: 245px;
  }
}

.common-m-chart {
  margin-bottom: -1.25rem;
}

@media (max-width: 420px) {
  .dashboard-10 .card.heading-space .header-top {
    margin-left: 0px;
  }

  .page-analytics-table .recent-table div.dt-container .dt-layout-row {
    position: relative;
  }

  .page-analytics-table .recent-table div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
    right: -130px;
    left: unset !important;
  }

  .page-analytics-table .recent-table div.dt-container .dt-layout-row:first-child .dt-length {
    left: 1.25rem;
    top: 0px;
  }
}

@media (max-width: 1500px) {
  .page-analytics-table .recent-table div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
    position: relative;
    left: 1.25rem;
    top: 0.25rem;
    margin-bottom: 1.25rem;
    width: 90%;
  }
}

@media (max-width: 1580px) and (min-width: 1200px) {
  .page-analytics-table {
    .recent-table {
      .table {
        thead,
          tbody {
          tr {
            th,
              td {
              &:nth-child(5) {
                display: none;
              }
            }
          }
        }
      }
    }
  }
}

@media (max-width: 1366px) and (min-width: 1200px) {
  .page-analytics-table {
    .recent-table {
      .table {
        thead,
          tbody {
          tr {
            th,
              td {
              &:nth-child(4) {
                display: none;
              }
            }
          }
        }
      }
    }
  }
}

@media (max-width: 640px) {
  .page-analytics-table {
    .recent-table {
      .table {
        thead,
          tbody {
          tr {
            th,
              td {
              &:nth-child(2) {
                min-width: 104px;
              }
              &:nth-child(5),
                &:nth-child(4),
                &:nth-child(3) {
                min-width: 118px;
              }
            }
          }
        }
      }
    }
  }
}

@media (max-width: 1700px) {
  .analytics-tread-card .progress {
    height: 0.5rem;
  }

  .analytics-tread-card .session-progress .progress .small-progressbar .animate-circle {
    top: -11px;
  }

  .analytics-tread-card .session-progress .progress .small-progressbar::after {
    top: -3px;
    height: 0.875rem;
    width: 0.875rem;
  }
}

@media (max-width: 1199px) {
  .analytics-tread-card .progress {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 2.5rem;
    margin-bottom: 1.25rem;
  }

  .analytics-tread-card.retention-progress .card-body .progress {
    margin-top: 0.75rem;
  }

  .ord-md-i {
    order: 1;
  }

  .ord-md-ii {
    order: 2;
  }

  .ord-md-iii {
    order: 3;
  }

  .ord-md-iv {
    order: 4;
  }

  .ord-md-v {
    order: 5;
  }

  .ord-md-vi {
    order: 6;
  }

  .ord-md-vii {
    order: 7;
  }

  .ord-md-viii {
    order: 8;
  }

  .ord-md-ix {
    order: 9;
  }

  .ord-md-x {
    order: 10;
  }
}

@media (max-width: 1399px) {
  .analytics-tread-card .session-progress .progress .progress-label {
    top: -50px;
    right: -1rem;
    font-size: 0.75rem;
    line-height: 1rem;
  }
}

@media (max-width: 575px) {
  .main-session-devices .common-align {
    gap: 0.5rem;
  }

  .user-analytics-wrapper {
    margin-left: -1.25rem;
    margin-right: 0px;
    margin-top: -2.5rem;
    margin-bottom: -1.25rem;
  }

  .analytics-widget {
    text-align: center;
  }

  @media (max-width: 767px) {
     {
      .analytics-widget {
      }
    }
  }

  .analytics-widget {
    background-position: top;
    text-align: center;
  }
}

@media (max-width: 767px) {
  .live-user-map #map {
    height: 150px;
  }
}

.dashboard-11 {
  .project-finish-card {
    .growth-info {
      p {
        align-items: center;
      }
    }
  }
  .project-analytics {
    .header-top {
      h5 {
        align-items: center;
      }
    }
  }
}

.widget-11 {
  margin-bottom: 25px;
  background-image: url(../images/dashboard/widget-bg.png) !important;
  background-size: cover;
  .card-body {
    padding-left: 19px;
    padding-right: 19px;
  }
  .card-body {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
  .card-body {
    .common-align {
      gap: 15px;
    }
    @media (min-width: 1200px) {
       {
         {
           {
            .analytics-tread {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            .analytics-tread {
            }
          }
        }
      }
    }
    .analytics-tread {
      display: flex;
    }
    .analytics-tread {
      min-height: calc(48px + (58 - 48) * ((100vw - 320px) / (1920 - 320)));
    }
    .analytics-tread {
      min-width: calc(48px + (58 - 48) * ((100vw - 320px) / (1920 - 320)));
    }
    .analytics-tread {
      align-items: center;
    }
    .analytics-tread {
      justify-content: center;
    }
    .analytics-tread {
      border-radius: 5px;
    }
    .analytics-tread {
      svg {
        height: calc(20px + (28 - 20) * ((100vw - 320px) / (1920 - 320)));
      }
      svg {
        width: calc(20px + (28 - 20) * ((100vw - 320px) / (1920 - 320)));
      }
    }
  }
}

.attendance-table {
  &.recent-table {
    table {
      thead,
        tbody {
        tr {
          th,
            td {
            min-width: auto;
          }
          th,
            td {
            color: rgba(var(--body-font-color),1);
          }
          th,
            td {
            a {
              color: rgba(var(--body-font-color),1);
            }
            &:first-child {
              padding-left: 1.25rem;
            }
            &:last-child {
              padding-right: 1.25rem;
            }
            .badge {
              text-align: center;
            }
            @media (max-width: 767px) {
               {
                .badge {
                }
              }
            }
            .badge {
              min-width: 70px;
            }
            .badge {
              padding-left: 7px;
              padding-right: 7px;
            }
            .badge {
              padding-top: 0.25rem;
              padding-bottom: 0.25rem;
            }
            .badge {
              text-align: center;
            }
            .badge {
              font-size: 0.875rem;
              line-height: 1.25rem;
            }
            .badge {
              font-weight: 400;
            }
          }
        }
      }
    }
  }
}

.bhd-user-cards {
  background-image: url(../images/dashboard-11/bg.png) !important;
  background-size: cover;
  background-repeat: no-repeat;
}

.birthday-cards {
  @media (max-width: 575px) {
     {
       {
         {
          > .swiper {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > .swiper {
              width: 90%;
            }
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          > .swiper {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > .swiper {
              width: 90%;
            }
          }
        }
      }
    }
  }
  .swiper {
    margin-top: 36px;
    margin-bottom: 36px;
  }
  .swiper {
    height: 100%;
  }
  .swiper {
    width: 100%;
  }
  .swiper {
    .swiper-slide {
      img {
        display: block;
      }
      @media (max-width: 575px) {
         {
           {
             {
              > img {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > img {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              > img {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > img {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      img {
        display: block;
      }
      img {
        height: 100%;
      }
      img {
        width: 100%;
      }
      img {
        -o-object-fit: cover;
           object-fit: cover;
      }
      .birthday-usercard {
        text-align: center;
      }
      @media (max-width: 767px) {
         {
          .birthday-usercard {
          }
        }
      }
      .birthday-usercard {
        text-align: center;
      }
      .birthday-usercard {
        .btd-user {
          margin-bottom: 16px !important;
        }
        .btd-user {
          position: relative;
        }
        .btd-user {
          margin-bottom: 0.75rem;
        }
        .btd-user {
          display: inline-block;
        }
        .btd-user {
          border-radius: 100%;
        }
        .btd-user {
          background-image: url(../images/dashboard-11/ring.png);
        }
        .btd-user {
          background-size: cover;
        }
        .btd-user {
          background-repeat: no-repeat;
        }
        .btd-user {
          padding: 0.5rem;
        }
        .btd-user {
          img {
            height: 5rem;
          }
          img {
            border-radius: 50%;
          }
          .verified-user {
            border-width: 2px !important;
          }
          @media (min-width: 1200px) {
             {
               {
                 {
                  .verified-user {
                  }
                }
              }
            }
          }
          @media (max-width: 575px) {
             {
               {
                 {
                  .verified-user {
                  }
                }
              }
            }
          }
          .verified-user {
            position: absolute;
          }
          .verified-user {
            right: 0.25rem;
          }
          .verified-user {
            bottom: 0.75rem;
          }
          .verified-user {
            display: flex;
          }
          .verified-user {
            height: 1.25rem;
          }
          .verified-user {
            width: 1.25rem;
          }
          .verified-user {
            align-items: center;
          }
          .verified-user {
            justify-content: center;
          }
          .verified-user {
            border-radius: 100%;
          }
          .verified-user {
            border-width: 2px;
          }
          .verified-user {
            border-style: solid;
          }
          .verified-user {
            border-color: rgba(var(--white),1);
          }
          .verified-user {
            background-color: rgba(var(--success-color),1);
          }
          .verified-user {
            i {
              font-size: 8px;
            }
            i {
              color: rgba(var(--white),1);
            }
          }
        }
      }
    }
    .swiper-button-prev,
      .swiper-button-next {
      height: 23px;
    }
    .swiper-button-prev,
      .swiper-button-next {
      width: 26px;
    }
    .swiper-button-prev,
      .swiper-button-next {
      border-radius: 0.125rem;
    }
    .swiper-button-prev,
      .swiper-button-next {
      background-color: rgba(var(--white),0.2);
    }
    .swiper-button-prev,
      .swiper-button-next {
      &::after {
        font-family: bold;
      }
      &::after {
        font-size: 10px;
      }
      &::after {
        color: rgba(var(--white),1);
      }
      &::after {
        font-family: swiper-icons !important;
      }
    }
  }
  @media (min-width: 1200px) {
     {
       {
         {
          .send-wishes {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .send-wishes {
          }
        }
      }
    }
  }
  .send-wishes {
    margin: auto;
  }
  .send-wishes {
    display: flex;
  }
  .send-wishes {
    width: -moz-fit-content;
    width: fit-content;
  }
  .send-wishes {
    cursor: pointer;
  }
  .send-wishes {
    align-items: center;
  }
  .send-wishes {
    justify-content: center;
  }
  .send-wishes {
    gap: 0.625rem;
  }
  .send-wishes {
    border-radius: 0.125rem;
  }
  .send-wishes {
    background-color: rgba(var(--white),0.15);
  }
  .send-wishes {
    padding-left: 23px;
    padding-right: 23px;
  }
  .send-wishes {
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
  }
  .send-wishes {
    span {
      color: rgba(var(--white),1);
    }
    i {
      color: rgba(var(--white),1);
    }
  }
  h5,
    h6 {
    text-align: center;
  }
  @media (max-width: 767px) {
     {
      h5,
    h6 {
      }
    }
  }
  h5,
    h6 {
    text-align: center;
  }
  h5,
    h6 {
    color: rgba(var(--white),1);
  }
}

.project-analytics {
  .analytics-data {
    .balance-data {
      display: inline-flex;
    }
  }
  .project-analytics-wrapper {
    margin-top: 0 !important;
  }
  .project-analytics-wrapper {
    margin-left: -0.625rem;
  }
  .project-analytics-wrapper {
    margin-right: 0px;
  }
  .project-analytics-wrapper {
    margin-top: 0px;
  }
  .project-analytics-wrapper {
    margin-bottom: -1.25rem;
  }
}

.app-overview-wrapper {
  margin-top: 0 !important;
  margin-left: -0.625rem;
  margin-right: -0.625rem;
  margin-top: 0px;
  margin-bottom: -1.25rem;
}

.project-finish-card {
  .project-left-content {
    .progress {
      height: 0.875rem;
    }
    .progress {
      border-radius: 20px;
    }
    .progress {
      background-color: transparent;
    }
    .progress {
      padding-left: 0.25rem;
      padding-right: 0.25rem;
    }
    .progress {
      padding-top: 0.125rem;
      padding-bottom: 0.125rem;
    }
    .progress {
      background: linear-gradient(180.36deg, #cfdce8 -32.82%, #ffffff 99.69%);
      .progress-bar {
        background-color: rgba(var(--transparent-color),1);
      }
      .progress-bar {
        .common-f-start {
          @media (min-width: 1200px) {
             {
               {
                 {
                  .progress-box {
                  }
                }
              }
            }
          }
          @media (max-width: 575px) {
             {
               {
                 {
                  > .progress-box {
                    width: 90%;
                  }
                }
              }
            }

             {
               {
                 {
                   {
                    > .progress-box {
                      width: 90%;
                    }
                  }
                }
              }
            }
          }
          @media (max-width: 575px) {
             {
               {
                 {
                  > .progress-box {
                    width: 90%;
                  }
                }
              }
            }

             {
               {
                 {
                   {
                    > .progress-box {
                      width: 90%;
                    }
                  }
                }
              }
            }
          }
          @media (max-width: 575px) {
             {
               {
                 {
                  .progress-box {
                  }
                }
              }
            }
          }
          .progress-box {
            display: flex;
          }
          .progress-box {
            height: 1rem;
          }
          .progress-box {
            width: 100%;
          }
          .progress-box {
            align-items: center;
          }
          .progress-box {
            gap: 0.25rem;
          }
          .progress-box {
            overflow: hidden;
          }
          .progress-box {
            border-radius: 50px;
          }
          .progress-box {
            background-color: transparent;
          }
          .progress-box {
            > div {
              height: 170%;
            }
            > div {
              width: 3px;
            }
            > div {
              min-width: 3px;
            }
            > div {
              max-width: 3px;
            }
            > div {
              background-color: rgba(var(--theme-default),1);
            }
          }
        }
      }
    }
    > p {
      margin-bottom: 19px;
    }
    .growth-info {
      margin-bottom: 31px;
    }
    .growth-info {
      p {
        margin-bottom: 19px;
      }
    }
  }
  .project-progress {
    span {
      margin-bottom: 7px;
    }
  }
  .project-right-content {
    position: absolute;
  }
  .project-right-content {
    bottom: -60px;
  }
  .project-right-content {
    right: -1rem;
  }
  .project-right-content {
    animation: bounce-effect 3s infinite ease-in;
  }
}

.leave-request-table {
  &.overflow-x-auto {
    .table {
      thead,
        tbody {
        th,
          td {
          min-width: auto;
        }
        th,
          td {
          padding-left: 0.5rem;
          padding-right: 0.5rem;
        }
        th,
          td {
          padding-top: 0.75rem;
          padding-bottom: 0.75rem;
        }
        th,
          td {
          &:first-child {
            padding-left: 1.25rem;
          }
          &:last-child {
            padding-right: 1.25rem;
          }
          img {
            height: 2.5rem;
          }
          .img-content-box {
            a {
              color: rgba(var(--body-font-color),1);
            }
          }
        }
      }
      tbody {
        .common-align {
          @media (min-width: 1200px) {
             {
               {
                 {
                  .approval-box {
                  }
                }
              }
            }
          }
          @media (max-width: 575px) {
             {
               {
                 {
                  .approval-box {
                  }
                }
              }
            }
          }
          .approval-box {
            display: flex;
          }
          .approval-box {
            height: 30px;
          }
          .approval-box {
            width: 30px;
          }
          .approval-box {
            align-items: center;
          }
          .approval-box {
            justify-content: center;
          }
          .approval-box {
            border-radius: 0.125rem;
          }
        }
      }
    }
  }
}

.interviewer-users {
  ul {
    @media (min-width: 1200px) {
       {
         {
           {
            li {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            li {
            }
          }
        }
      }
    }
    li {
      display: flex;
    }
    li {
      align-items: center;
    }
    li {
      justify-content: space-between;
    }
    li {
      gap: 0.375rem;
    }
    li {
      padding-left: 18px;
      padding-right: 18px;
    }
    li {
      padding-top: 0.625rem;
      padding-bottom: 0.625rem;
    }
    li {
      &:nth-child(odd) {
        background-color: rgba(var(--light2),1);
      }
      .common-flex {
        gap: 0.5rem;
      }
      .common-flex {
        h6 {
          font-size: 0.875rem;
          line-height: 1.25rem;
        }
      }
      span {
        min-width: 100px;
      }
      img {
        height: 2.75rem;
      }
      img {
        border-radius: 50%;
      }
    }
  }
}

.schedule-calender {
  .card-header-right-icon {
    .btn {
      border-width: 1px;
    }
    .btn {
      border-style: solid;
    }
    .btn {
      border-color: rgba(var(--badge-light-color),20%);
    }
    .btn {
      color: rgba(var(--body-font-color),1);
    }
    .btn:hover {
      background-color: rgba(var(--theme-default),1);
    }
    .btn:hover {
      color: rgba(var(--white),1);
    }
  }
  .schedule-wrapper {
    justify-content: center;
  }
  .schedule-wrapper {
    border-bottom-color: rgba(var(--badge-light-color),10%);
  }
  .schedule-wrapper {
    padding-bottom: 1.75rem;
  }
  .schedule-wrapper {
    .tab-link {
      display: inline-block;
    }
    .tab-link {
      min-width: 62px;
    }
    .tab-link {
      border-radius: 1rem;
    }
    .tab-link {
      border-color: unset;
    }
    .tab-link {
      padding-left: 1rem;
      padding-right: 1rem;
    }
    .tab-link {
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
    }
    .tab-link {
      transition-property: all;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }
    .tab-link {
      transition-duration: 0.2s;
    }
    .tab-link {
      transition-timing-function: ease;
    }
    .tab-link {
      span {
        color: rgba(var(--badge-light-color),80%);
      }
      h6 {
        color: rgba(var(--body-font-color),1);
      }
      &.active {
        border-radius: 1rem;
      }
      &.active {
        background-color: rgba(var(--theme-default),1);
      }
      &.active {
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
      }
      &.active {
        transition-duration: 0.2s;
      }
      &.active {
        transition-timing-function: ease;
      }
      &.active {
        span,
          h6 {
          line-height: 1.2;
        }
        span,
          h6 {
          color: rgba(var(--white),1);
        }
      }
    }
  }
  .tab-content {
    .activity-update {
      > li {
        border-bottom-width: 1px;
      }
      > li {
        border-style: solid;
      }
      > li {
        border-bottom-color: rgba(var(--chart-border),1);
      }
      > li {
        padding-top: 12px;
        padding-bottom: 12px;
      }
      > li:last-child {
        border-bottom-width: 0px;
      }
      > li:last-child {
        padding-bottom: unset;
      }
      > li {
        > div {
          justify-content: space-between;
        }
        > div {
          gap: 0.375rem;
        }
        > div {
          border-radius: 6px 0px 0px 6px;
        }
        > div {
          border-left-width: 4px;
        }
        .left-schedule {
          margin-left: 0.875rem;
        }
        .left-schedule {
          > span {
            margin-bottom: 0.375rem;
          }
          > span {
            font-weight: 500;
          }
          > span {
            color: rgba(var(--body-font-color),1);
          }
          .customers {
            padding-right: 0.375rem;
          }
          .customers {
            ul {
              li {
                + li {
                  margin-left: -1rem;
                }
                img {
                  width: 35px;
                }
              }
            }
          }
          .schedule-name {
            border-left-width: 1px;
          }
          .schedule-name {
            border-style: solid;
          }
          .schedule-name {
            border-left-color: rgba(var(--badge-light-color),80%);
          }
          .schedule-name {
            padding-left: 0.375rem;
          }
        }
        @media (min-width: 1200px) {
           {
             {
               {
                .right-schedule {
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                .right-schedule {
                }
              }
            }
          }
        }
        .right-schedule {
          display: flex;
        }
        .right-schedule {
          align-items: center;
        }
        .right-schedule {
          justify-content: center;
        }
        .right-schedule {
          gap: 5px;
        }
        .right-schedule {
          svg {
            height: 18px;
          }
          svg {
            width: 18px;
          }
        }
      }
    }
  }
}

.employee-list-table {
  &.recent-table {
    table {
      thead,
        tbody {
        tr {
          th,
            td {
            min-width: auto;
          }
        }
      }
      tbody {
        tr {
          td {
            &:last-child {
              cursor: pointer;
            }
          }
        }
        @media (min-width: 1200px) {
           {
             {
               {
                .square-white {
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                .square-white {
                }
              }
            }
          }
        }
        .square-white {
          display: flex;
        }
        .square-white {
          height: 34px;
        }
        .square-white {
          width: 34px;
        }
        .square-white {
          align-items: center;
        }
        .square-white {
          justify-content: center;
        }
        .square-white {
          border-radius: 0.125rem;
        }
        .square-white {
          background-color: rgba(var(--white),1);
        }
        .square-white {
          --tw-shadow: 0px 0px 28px 6px rgba(235,235,235,0.4);
          --tw-shadow-colored: 0px 0px 28px 6px var(--tw-shadow-color);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
        }
        .square-white {
          svg {
            height: 1rem;
          }
          svg {
            width: 1rem;
          }
          svg {
            fill: rgba(var(--badge-light-color),0.8);
          }
        }
      }
    }
  }
}

@media (max-width: 1399px) {
  .attendance-table {
    &.recent-table {
      div.dt-container {
        .dt-layout-row {
          .dt-search {
            position: relative;
          }
          .dt-search {
            left: 1.25rem;
          }
          .dt-search {
            top: 0.25rem;
          }
          .dt-search {
            margin-bottom: 1.25rem;
          }
          .dt-search {
            width: -moz-fit-content;
            width: fit-content;
          }
          &:last-child {
            flex-direction: column;
          }
        }
      }
    }
  }

  .employee-list-table {
    &.recent-table {
      div.dt-container {
        .dt-layout-row {
          &:last-child {
            flex-direction: column;
          }
          .dt-layout-cell {
            .dt-search {
              display: block;
            }
            .dt-search {
              position: relative;
            }
            .dt-search {
              left: 1.25rem;
            }
            .dt-search {
              top: 0.25rem;
            }
            .dt-search {
              margin-bottom: 1.25rem;
            }
            .dt-search {
              display: block;
            }
            .dt-search {
              width: -moz-fit-content;
              width: fit-content;
            }
          }
        }
      }
    }
  }
}

@media (max-width: 1660px) and (min-width: 1200px) {
  .attendance-table {
    &.recent-table {
      table {
        thead,
          tbody {
          tr {
            th,
              td {
              &:nth-child(2) {
                display: none;
              }
            }
          }
        }
      }
    }
  }
}

@media (max-width: 1199px) {
  .leave-request-table {
    &.overflow-x-auto {
      .table {
        thead,
          tbody {
          th,
            td {
            &:first-child {
              min-width: 212px;
            }
            &:nth-child(2) {
              min-width: 114px;
            }
          }
        }
      }
    }
  }

  .attendance-table {
    &.recent-table {
      table {
        thead,
          tbody {
          tr {
            th,
              td {
              &:first-child {
                min-width: 120px;
              }
              &:nth-child(2) {
                min-width: 108px;
              }
              &:nth-child(3) {
                min-width: 104px;
              }
            }
          }
        }
      }
    }
  }

  .employee-list-table {
    &.recent-table {
      table {
        thead,
          tbody {
          tr {
            th,
              td {
              &:nth-child(2) {
                min-width: 160px;
              }
              &:nth-child(3) {
                min-width: 122px;
              }
              &:nth-child(5) {
                min-width: 120px;
              }
              &:nth-child(6) {
                min-width: 114px;
              }
              &:last-child {
                .square-white {
                  height: 1.5rem;
                }
                .square-white {
                  width: 1.5rem;
                }
                .square-white {
                  svg {
                    height: 0.875rem;
                  }
                  svg {
                    width: 0.875rem;
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}

@media (max-width: 1660px) {
  .project-analytics .analytics-data .balance-data {
    display: none;
  }
}

@media (max-width: 640px) {
  .project-finish-card .project-right-content {
    bottom: -57px;
  }
}

@media (max-width: 575px) {
  .project-finish-card {
    overflow: hidden;
    background-color: rgba(var(--light-shade-primary),0.3);
    .project-left-content {
      position: relative;
    }
    .project-left-content {
      z-index: 1;
    }
    .project-right-content {
      bottom: -140px;
    }
    .project-right-content {
      right: 50px;
    }
    .project-right-content {
      z-index: 0;
    }
    .project-right-content {
      --tw-translate-x: 50px;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    .project-right-content {
      --tw-translate-y: -50px;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    .project-right-content {
      animation: unset;
    }
    .project-right-content {
      opacity: 0.4;
    }
  }

  .birthday-cards {
    .swiper {
      .swiper-slide {
        .birthday-usercard {
          .btd-user {
            img {
              height: 65px;
            }
            .verified-user {
              bottom: 0.625rem;
            }
            .verified-user {
              height: 1rem;
            }
            .verified-user {
              width: 1rem;
            }
            .verified-user {
              i {
                font-size: 6px;
              }
            }
          }
        }
      }
    }
  }

  .schedule-wrapper {
    .tab-links {
      flex-direction: row !important;
    }
    .tab-links {
      .nav-item {
        width: auto !important;
      }
    }
  }
}

@media (max-width: 439px) {
  .project-finish-card .project-right-content {
    opacity: 0.1;
  }
}

@media (max-width: 1660px) and (min-width: 1400px) {
  .col-hr-6 {
    grid-column: span 6 / span 6 !important;
  }

  .leave-request-table {
    &.overflow-x-auto {
      .table {
        thead,
          tbody {
          th,
            td {
            &:last-child {
              display: none;
            }
            &:nth-child(2) {
              padding-right: 1.25rem;
            }
          }
        }
      }
    }
  }
}

@media (max-width: 1399px) and (min-width: 768px) {
  .schedule-calender {
    .tab-content {
      @media (min-width: 1200px) {
         {
           {
             {
              .activity-update {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              .activity-update {
              }
            }
          }
        }
      }
      .activity-update {
        display: flex;
      }
      .activity-update {
        flex-wrap: wrap;
      }
      .activity-update {
        > li {
          margin-bottom: 0.625rem;
        }
        > li {
          width: 50%;
        }
        > li {
          flex: 0 0 50%;
        }
        > li:last-child {
          margin-bottom: 0 !important;
        }
        > li:last-child {
          margin-bottom: 0px;
        }
        > li {
          .left-schedule,
            .right-schedule {
            flex: 1 1 0%;
          }
          &:nth-child(5) {
            margin-bottom: 0 !important;
          }
          &:nth-child(5) {
            margin-bottom: 0px;
          }
          &:nth-child(5) {
            border-bottom-width: 0px;
          }
          &:nth-child(5) {
            padding-bottom: 0;
          }
        }
      }
    }
    #thu {
      .activity-update {
        > li {
          &:nth-child(3) {
            margin-bottom: 0 !important;
          }
          &:nth-child(3) {
            margin-bottom: 0px;
          }
          &:nth-child(3) {
            border-bottom-width: 0px;
          }
          &:nth-child(3) {
            padding-bottom: 0;
          }
        }
      }
    }
    #frd,
      #sun {
      .activity-update {
        > li {
          &: first-child, @apply mb-0 pb-[0] border-b-0;
        }
      }
    }
  }
}

@media (max-width: 1490px) and (min-width: 1400px) {
  .schedule-calender .tab-content .activity-update > li > div {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding-left: 1.25rem;
  }

  .schedule-calender .tab-content .activity-update > li .left-schedule {
    margin-left: 0px;
  }

  .schedule-calender .card-header-right-icon {
    display: none;
  }
}

@media (max-width: 640px) {
  .schedule-calender .tab-content .activity-update > li > div {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding-left: 1.25rem;
  }
}

@media (max-width: 1660px) {
  .schedule-calender .tab-content .activity-update > li .left-schedule .schedule-name {
    display: none !important;
  }

  .leave-request-table.overflow-x-auto div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
    display: none;
  }
}

@media (max-width: 1800px) {
  .application-overview .balance-data {
    display: none;
  }
}

@media (max-width: 1399px) and (min-width: 1200px) {
  .employee-list-table {
    &.recent-table {
      table {
        thead,
          tbody {
          tr {
            th,
              td {
              &:nth-child(2) {
                img {
                  display: none;
                }
              }
              &:nth-child(5) {
                display: none;
              }
              &:last-child {
                .square-white {
                  height: 1.5rem;
                }
                .square-white {
                  width: 1.5rem;
                }
                .square-white {
                  svg {
                    height: 0.875rem;
                  }
                  svg {
                    width: 0.875rem;
                  }
                }
              }
            }
          }
        }
      }
    }
  }

  .project-finish-card .project-right-content {
    bottom: -75px;
  }
}

.small-stats {
  .card {
    .card-body {
      .project-state {
        display: grid;
      }
      .project-state > div {
        position: relative;
      }
      @media (max-width: 575px) {
         {
           {
             {
              .project-state {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              .project-state {
              }
            }
          }
        }
      }
      .project-state {
        display: grid;
      }
      .project-state {
        height: 67px;
      }
      .project-state {
        width: 66px;
      }
      .project-state {
        place-items: center;
      }
      .project-state {
        border-radius: 50%;
      }
      .project-state {
        svg {
          height: 33px;
        }
        svg {
          width: 33px;
        }
      }
    }
    [class^="font-"] {
      padding-top: 9px;
    }
    [class^="font-"] {
      span {
        margin-left: 0.125rem;
      }
      span {
        [dir="rtl"] & {
          margin-left: unset;
        }
        [dir="rtl"] & {
          margin-right: 0.125rem;
        }
      }
    }
  }
}

.tasks-card {
  @media (min-width: 1200px) {
     {
       {
         {
          .arrow-group {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .arrow-group {
          }
        }
      }
    }
  }
  .arrow-group {
    position: absolute;
  }
  .arrow-group {
    right: 60px;
  }
  .arrow-group {
    top: 15px;
  }
  .arrow-group {
    z-index: 2;
  }
  .arrow-group {
    display: flex;
  }
  .arrow-group {
    gap: 5px;
  }
  .arrow-group {
    [dir="rtl"] & {
      left: 60px;
    }
    [dir="rtl"] & {
      right: unset;
    }
    @media (min-width: 1200px) {
       {
         {
           {
            .next,
      .prev {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            .next,
      .prev {
            }
          }
        }
      }
    }
    .next,
      .prev {
      display: flex;
    }
    .next,
      .prev {
      height: 35px;
    }
    .next,
      .prev {
      width: 35px;
    }
    .next,
      .prev {
      align-items: center;
    }
    .next,
      .prev {
      justify-content: center;
    }
    .next,
      .prev {
      border-radius: 5px;
    }
    .next,
      .prev {
      background-color: rgba(var(--light-color),1);
    }
    .next,
      .prev {
      &.swiper-button-disabled {
        opacity: 0.5;
      }
    }
  }
  .task-box {
    .common-space {
      gap: 0.375rem;
    }
    h6 {
      display: block;
    }
    h6 {
      margin-left: auto;
      margin-right: auto;
    }
    h6 {
      margin-top: 0px;
      margin-bottom: 0px;
    }
    h6 {
      display: block;
    }
    h6 {
      max-width: 100%;
    }
    h6 {
      overflow: hidden;
    }
    h6 {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
    }
    h6 {
      height: auto;
    }
    h6 {
      max-width: 100%;
    }
    h6 {
      overflow: hidden;
    }
    h6 {
      text-overflow: ellipsis;
    }
    h6 {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
    }
    p {
      margin: 0px !important;
    }
    p {
      margin: 0px;
    }
    p {
      font-weight: 400;
    }
    p {
      color: rgba(var(--badge-light-color),0.8);
    }
    p {
      a {
        text-decoration-color: rgba(var(--theme-default),1);
      }
      a {
        font-weight: 500;
      }
      a {
        color: rgba(var(--badge-light-color),0.8);
      }
      a {
        text-decoration-line: underline;
      }
      &:nth-last-child(1) {
        padding-top: 15px;
      }
    }
    .project-link {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
    .project-link {
      padding-left: 0px;
      padding-right: 0px;
    }
    .project-link {
      padding-top: 9px;
    }
    .project-link {
      padding-bottom: 17px;
    }
    .badge {
      border-radius: 3px;
    }
    .badge {
      padding-left: 0.75rem;
      padding-right: 0.75rem;
    }
    .badge {
      padding-top: 0.25rem;
      padding-bottom: 0.25rem;
    }
    .badge {
      font-size: 0.875rem;
      line-height: 1.25rem;
    }
    .badge {
      font-weight: 400;
    }
    .project-member {
      padding-bottom: 8px !important;
    }
    @media (min-width: 1200px) {
       {
         {
           {
            .project-member {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            .project-member {
            }
          }
        }
      }
    }
    .project-member {
      display: flex;
    }
    .project-member {
      align-items: center;
    }
    .project-member {
      justify-content: space-between;
    }
    .project-member {
      padding-bottom: 0.5rem;
    }
    .project-member {
      @media (min-width: 1200px) {
         {
           {
             {
              .customers {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              .customers {
              }
            }
          }
        }
      }
      .customers {
        display: flex;
      }
      .customers {
        justify-content: flex-end;
      }
      .customers {
        text-align: end;
      }
      .customers {
        li {
          img {
            height: 28px;
          }
          img {
            width: 28px;
          }
          img {
            transition-property: 0.5s;
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-duration: 150ms;
          }
          img:hover {
            --tw-translate-y: -0.25rem;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          }
          img:hover {
            --tw-scale-x: 1.02;
            --tw-scale-y: 1.02;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          }
          img:hover {
            transition-property: 0.5s;
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-duration: 150ms;
          }
          + li {
            margin-left: -13%;
          }
          + li {
            [dir="rtl"] & {
              margin-right: -13%;
            }
            [dir="rtl"] & {
              margin-left: unset;
            }
          }
        }
      }
    }
    .progress {
      height: 0.375rem;
    }
    .progress {
      background: linear-gradient(180.36deg, #cfdce8 -32.82%, #ffffff 132.82%);
    }
    .swiper-wrapper {
      .swiper-slide {
        border-left-width: 1px;
      }
      .swiper-slide {
        border-style: dashed;
      }
      .swiper-slide {
        border-left-color: rgba(var(--badge-light-color),0.38);
      }
      .swiper-slide {
        padding-left: 1.25rem;
      }
      .swiper-slide {
        [dir="rtl"] & {
          margin-left: 1.25rem !important;
        }
        [dir="rtl"] & {
          margin-right: unset !important;
        }
        [dir="rtl"] & {
          border-left-width: 0px !important;
        }
        [dir="rtl"] & {
          border-right-width: 1px;
        }
        [dir="rtl"] & {
          border-style: dashed;
        }
        [dir="rtl"] & {
          border-right-color: rgba(var(--badge-light-color),0.38);
        }
        [dir="rtl"] & {
          padding-left: unset !important;
        }
        [dir="rtl"] & {
          padding-right: 1.25rem;
        }
        &.swiper-slide-active {
          border-left-width: 0px;
        }
        &.swiper-slide-active {
          padding-left: 0px;
        }
        &.swiper-slide-active {
          [dir="rtl"] & {
            padding-left: unset;
          }
        }
      }
    }
    [class^="col-"] {
      + [class^="col-"] {
        border-left-width: 1px;
      }
      + [class^="col-"] {
        border-style: dashed;
      }
      + [class^="col-"] {
        border-left-color: rgba(var(--badge-light-color),0.38);
      }
      + [class^="col-"] {
        [dir="rtl"] & {
          border-right-width: 1px;
        }
        [dir="rtl"] & {
          border-style: dashed;
        }
        [dir="rtl"] & {
          border-right-color: rgba(var(--badge-light-color),0.38);
        }
        [dir="rtl"] & {
          border-left-color: unset;
        }
      }
    }
  }
}

.task-card {
  .common-space {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .common-space {
    gap: 0.375rem;
  }
  .common-space {
    border-bottom-width: 1px;
  }
  .common-space {
    border-style: solid;
  }
  .common-space {
    border-bottom-color: rgba(var(--badge-light-color),0.1);
  }
  .common-space {
    padding-left: 0px;
    padding-right: 0px;
  }
  .common-space {
    padding-top: 17px;
  }
  .common-space {
    padding-bottom: 18px;
  }
  .common-space:last-child {
    padding-bottom: 0 !important;
  }
  .common-space:first-child {
    padding-top: 0px;
  }
  .common-space:last-child {
    border-bottom-width: 0px;
  }
  .common-space:last-child {
    padding-bottom: 0px;
  }
  .common-space {
    @media (min-width: 1200px) {
       {
         {
           {
            > div {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > div {
            }
          }
        }
      }
    }
    > div {
      display: flex;
    }
    > div {
      gap: 1.5rem;
    }
    > div {
      span {
        &:last-child {
          display: block;
        }
        &:last-child {
          margin-left: auto;
          margin-right: auto;
        }
        &:last-child {
          margin-top: 0px;
          margin-bottom: 0px;
        }
        &:last-child {
          display: block;
        }
        &:last-child {
          max-width: 100%;
        }
        &:last-child {
          overflow: hidden;
        }
        &:last-child {
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
        }
        &:last-child {
          overflow: hidden;
        }
        &:last-child {
          text-overflow: ellipsis;
        }
        &:last-child {
          white-space: nowrap;
        }
      }
    }
    &:nth-child(2),
      &:nth-child(3) {
      svg {
        fill: rgba(var(--theme-default),1);
      }
    }
    svg {
      height: 22px;
    }
    svg {
      width: 22px;
    }
    svg {
      fill: rgba(var(--body-font-color),1);
    }
    &:nth-child(2),
      &:nth-child(3) {
      color: rgba(var(--badge-light-color),0.8);
    }
    &:nth-child(2),
      &:nth-child(3) {
      span {
        &:last-child {
          text-decoration-line: line-through;
        }
      }
    }
  }
}

.all-project-table {
  .recent-table {
    table {
      thead,
        tbody {
        tr {
          th,
            td {
            min-width: auto;
          }
          th,
            td {
            a {
              color: rgba(var(--body-font-color),1);
            }
            &:first-child {
              padding-left: 1.25rem;
            }
            &:last-child {
              padding-right: 1.25rem;
            }
            img {
              height: 2.5rem;
            }
            .badge {
              border-radius: 0.125rem;
            }
            .badge {
              padding-left: 7px;
              padding-right: 7px;
            }
            .badge {
              padding-top: 0.25rem;
              padding-bottom: 0.25rem;
            }
            .badge {
              font-size: 0.875rem;
              line-height: 1.25rem;
            }
            .badge {
              font-weight: 400;
            }
            .badge {
              line-height: 16.59px;
            }
          }
        }
      }
    }
  }
}

.team-performance-table {
  .recent-table {
    table {
      thead,
        tbody {
        tr {
          th,
            td {
            min-width: auto;
          }
          th,
            td {
            a {
              color: rgba(var(--body-font-color),1);
            }
            img {
              height: 33px;
            }
            &:first-child {
              padding-left: 1.25rem;
            }
            &:last-child {
              padding-right: 1.25rem;
            }
          }
        }
      }
    }
  }
}

.main-expenses {
  h6 {
    padding-bottom: 0.375rem;
  }
  h6 {
    font-size: 26px;
  }
  span {
    &[class^="font-"] {
      font-size: 1.125rem;
      line-height: 1.75rem;
    }
    svg {
      height: 18px;
    }
    svg {
      width: 18px;
    }
    svg {
      vertical-align: text-top;
    }
  }
  .monthly-expense-wrapper {
    margin-left: 0px;
    margin-right: 0px;
  }
  .monthly-expense-wrapper {
    margin-top: -34px;
  }
  .monthly-expense-wrapper {
    margin-bottom: -65px;
  }
  .yearly-expense-wrapper {
    margin-bottom: -70px;
  }
}

.estimated-project {
  margin-left: -1.25rem;
}

.upcoming-datatable {
  .recent-table {
    table {
      thead,
        tbody {
        tr {
          th,
            td {
            min-width: auto;
          }
          th,
            td {
            a {
              color: rgba(var(--body-font-color),1);
            }
            &:first-child {
              padding-left: 1.25rem;
            }
            &:last-child {
              padding-right: 1.25rem;
            }
          }
        }
      }
    }
  }
}

.recent-activity-table {
  .recent-table {
    table {
      thead,
        tbody {
        tr {
          th,
            td {
            min-width: auto;
          }
          th,
            td {
            a {
              color: rgba(var(--body-font-color),1);
            }
            &:first-child {
              padding-left: 1.25rem;
            }
            &:last-child {
              padding-right: 1.25rem;
            }
          }
        }
      }
    }
  }
}

@media (max-width: 1400px) {
  .dashboard-12 {
    .small-stats {
      .card {
        .card-body {
          .project-state {
            height: calc(49px + (67 - 49) * ((100vw - 1400px) / (1920 - 1400)));
          }
          .project-state {
            width: calc(48px + (66 - 48) * ((100vw - 1400px) / (1920 - 1400)));
          }
          .project-state {
            svg {
              height: calc( 22px + (33 - 22) * ((100vw - 1400px) / (1920 - 1400)) );
            }
            svg {
              width: calc( 22px + (33 - 22) * ((100vw - 1400px) / (1920 - 1400)) );
            }
          }
        }
      }
    }
    .tasks-card {
      .arrow-group {
        .next,
          .prev {
          height: calc(30px + (35 - 30) * ((100vw - 1400px) / (1920 - 1400)));
        }
        .next,
          .prev {
          width: calc(30px + (35 - 30) * ((100vw - 1400px) / (1920 - 1400)));
        }
        .next,
          .prev {
          i {
            font-size: calc( 12px + (14 - 12) * ((100vw - 1400px) / (1920 - 1400)) );
          }
        }
      }
    }
  }

  .dashboard-12 .tasks-card .task-box .badge {
    font-size: calc( 13px + (14 - 13) * ((100vw - 1400px) / (1920 - 1400)) );
  }

  .dashboard-12 .task-card .common-space > div {
    gap: calc(12px + (24 - 12) * ((100vw - 1400px) / (1920 - 1400)));
  }

  .main-expenses h6 {
    font-size: calc(21px + (26 - 21) * ((100vw - 1400px) / (1920 - 1400)));
  }
}

@media (max-width: 767px) {
  .dashboard-12 {
    .small-stats {
      .card {
        .card-body {
          .project-state {
            height: calc(49px + (67 - 49) * ((100vw - 320px) / (1920 - 320)));
          }
          .project-state {
            width: calc(48px + (66 - 48) * ((100vw - 320px) / (1920 - 320)));
          }
          .project-state {
            svg {
              height: calc(24px + (33 - 24) * ((100vw - 320px) / (1920 - 320)));
            }
            svg {
              width: calc(24px + (33 - 24) * ((100vw - 320px) / (1920 - 320)));
            }
          }
        }
      }
    }
  }
}

@media (max-width: 575px) {
  .dashboard-12 {
    .tasks-card {
      .arrow-group {
        .next,
          .prev {
          height: calc(28px + (35 - 28) * ((100vw - 320px) / (1920 - 320)));
        }
        .next,
          .prev {
          width: calc(28px + (35 - 28) * ((100vw - 320px) / (1920 - 320)));
        }
        .next,
          .prev {
          i {
            font-size: calc( 12px + (14 - 12) * ((100vw - 320px) / (1920 - 320)) );
          }
        }
      }
    }
  }
}

@media (max-width: 1500px) {
  .dashboard-12 .task-card .common-space > div span:first-child {
    display: none;
  }
}

@media (max-width: 1199px) {
  .team-performance-table {
    .recent-table {
      table {
        thead,
          tbody {
          tr {
            th,
              td {
              &:first-child {
                min-width: 130px;
              }
            }
          }
        }
      }
    }
  }

  .dashboard-12 {
    .all-project-table {
      .recent-table {
        table {
          thead,
            tbody {
            tr {
              th,
                td {
                img {
                  height: calc( 30px + (40 - 30) * ((100vw - 320px) / (1920 - 320)) );
                }
              }
            }
          }
        }
      }
    }
  }

  .main-expenses h6 {
    font-size: calc(20px + (26 - 20) * ((100vw - 320px) / (1920 - 320)));
  }
}

@media (max-width: 1490px) and (min-width: 1400px) {
  .team-performance-table {
    .recent-table {
      table {
        thead,
          tbody {
          tr {
            th,
              td {
              &:first-child {
                span,
                  a {
                  display: block;
                }
                span,
                  a {
                  overflow: hidden;
                  display: -webkit-box;
                  -webkit-box-orient: vertical;
                  -webkit-line-clamp: 1;
                }
                span,
                  a {
                  display: block;
                }
                span,
                  a {
                  width: 71px;
                }
              }
            }
          }
        }
      }
    }
  }
}

@media (max-width: 1399px) and (min-width: 1200px) {
  .main-expenses .monthly-expense-wrapper {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: -54px;
    margin-bottom: -3rem;
  }
}

@media (max-width: 767px) {
  .main-expenses .monthly-expense-wrapper {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: -30px;
    margin-bottom: -50px;
  }
}

@media (max-width: 360px) {
  .main-expenses .monthly-expense-wrapper {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: -50px;
    margin-bottom: -63px;
  }
}

@media (max-width: 1399px) {
  .main-expenses .card .card-body {
    padding-top: 0px;
  }
}

@media (max-width: 991px) {
  .recent-activity-table {
    .recent-table {
      table {
        thead,
          tbody {
          tr {
            th,
              td {
              &:nth-child(2) {
                min-width: 225px;
              }
              &:nth-child(3) {
                min-width: 100px;
              }
              &:nth-child(4) {
                min-width: 122px;
              }
              &:nth-child(5) {
                min-width: 90px;
              }
            }
          }
        }
      }
    }
  }

  .upcoming-datatable {
    .recent-table {
      table {
        thead {
          tr {
            th {
              &:nth-child(2) {
                min-width: 100px;
              }
              &:nth-child(3) {
                min-width: 160px;
              }
              &:last-child {
                min-width: 90px;
              }
            }
          }
        }
      }
    }
  }

  .dashboard-12 {
    .all-project-table {
      .recent-table {
        table {
          thead,
            tbody {
            tr {
              th,
                td {
                &:nth-child(3) {
                  min-width: 110px;
                }
                &:nth-child(4) {
                  min-width: 108px;
                }
                &:nth-child(5) {
                  min-width: 100px;
                }
                &:nth-child(6) {
                  min-width: 100px;
                }
              }
            }
          }
        }
      }
    }
  }
}

@media (max-width: 1399px) and (min-width: 1200px) {
  .sales-report .balance-data {
    display: none;
  }

  .main-expenses h6 {
    font-size: calc(20px + (26 - 20) * ((100vw - 1200px) / (1920 - 1200)));
  }
}

.dashboard-13 {
  .widget-13 {
    background-image: url("../images/dashboard-12/light-bg.png");
  }
  .widget-13 {
    background-size: cover;
  }
  .widget-13 {
    background-position: top;
  }
  .widget-13 {
    @media (min-width: 1200px) {
       {
         {
           {
            .stat-content {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            .stat-content {
            }
          }
        }
      }
    }
    .stat-content {
      margin-bottom: 1.25rem;
    }
    .stat-content {
      display: flex;
    }
    .stat-content {
      align-items: center;
    }
    .stat-content {
      justify-content: flex-start;
    }
    .stat-content {
      gap: 0.625rem;
    }
    .stat-content {
      @media (min-width: 1200px) {
         {
           {
             {
              .stat-square {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              .stat-square {
              }
            }
          }
        }
      }
      .stat-square {
        display: flex;
      }
      .stat-square {
        height: calc(45px + (58 - 45) * ((100vw - 320px) / (1920 - 320)));
      }
      .stat-square {
        width: calc(45px + (58 - 45) * ((100vw - 320px) / (1920 - 320)));
      }
      .stat-square {
        align-items: center;
      }
      .stat-square {
        justify-content: center;
      }
      .stat-square {
        border-radius: 5px;
      }
      .stat-square {
        svg {
          height: calc(24px + (30 - 24) * ((100vw - 320px) / (1920 - 320)));
        }
        svg {
          width: calc(24px + (30 - 24) * ((100vw - 320px) / (1920 - 320)));
        }
        svg {
          transition-property: 0.5s;
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-duration: 150ms;
        }
      }
    }
    .card-body {
      .common-align {
        svg.table {
          white-space: pre-wrap !important;
        }
        svg {
          height: 16px;
        }
        svg {
          width: 18px;
        }
        svg {
          vertical-align: middle;
        }
        span {
          font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
        }
      }
      .progress {
        height: 0.75rem;
      }
      .progress {
        width: 60%;
      }
      .progress {
        .progress-bar-striped {
          background-image: linear-gradient( 45deg, rgba(231,252,255,1) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.8) 50%, rgba(231,252,255,1) 75%, transparent 75%, transparent);
        }
      }
    }
    &:hover {
      .stat-square {
        svg {
          --tw-scale-x: 1.1;
          --tw-scale-y: 1.1;
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        }
        svg {
          transition-property: 0.5s;
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-duration: 150ms;
        }
      }
    }
  }
  .shipment-tracking-table {
    .recent-table {
      table {
        thead,
          tbody {
          tr {
            th,
              td {
              min-width: auto;
            }
            th,
              td {
              a {
                font-weight: 500;
              }
              a {
                color: rgba(var(--body-font-color),1);
              }
              &:first-child {
                padding-left: 1.25rem;
              }
              &:last-child {
                padding-right: 1.25rem;
              }
            }
          }
        }
      }
    }
  }
  .shipping-details {
    .common-space {
      gap: 0.625rem;
    }
    .common-space {
      border-radius: 0.375rem;
    }
    .common-space {
      background-color: rgba(var(--light2),1);
    }
    .common-space {
      padding-left: 49px;
      padding-right: 49px;
    }
    .common-space {
      padding-top: 0.875rem;
      padding-bottom: 0.875rem;
    }
    .common-space {
      p {
        margin-bottom: 0 !important;
      }
      p {
        margin-bottom: 0px;
      }
      p {
        font-weight: 500;
      }
      p {
        span {
          font-weight: 400;
        }
      }
    }
    .simple-timeline {
      margin-top: 23px;
    }
    .simple-timeline {
      ul {
        position: relative;
      }
      ul {
        .dots {
          position: relative;
        }
        .dots {
          height: 16px;
        }
        .dots {
          width: 16px;
        }
        .dots {
          border-radius: 100%;
        }
        .dots {
          border-width: 3px;
        }
        .dots {
          border-style: solid;
        }
        .dots {
          border-color: rgba(var(--white),1);
        }
        .dots {
          --tw-shadow: 0px 6px 18px 0px rgba(0,0,0,0.19);
          --tw-shadow-colored: 0px 6px 18px 0px var(--tw-shadow-color);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
        }
        li {
          @media (min-width: 1200px) {
             {
               {
                 {
                  .shipment-details {
                  }
                }
              }
            }
          }
          @media (max-width: 575px) {
             {
               {
                 {
                  .shipment-details {
                  }
                }
              }
            }
          }
          .shipment-details {
            position: relative;
          }
          .shipment-details {
            z-index: 0;
          }
          .shipment-details {
            display: flex;
          }
          .shipment-details {
            gap: 23px;
          }
          .shipment-details {
            .line {
              position: absolute;
            }
            .line {
              left: 7px;
            }
            .line {
              top: 0px;
            }
            .line {
              z-index: -1;
            }
            .line {
              height: 100%;
            }
            .line {
              width: 1px;
            }
            p {
              margin: 0px !important;
            }
            p {
              margin: 0px;
            }
            p {
              &:first-child {
                margin-top: 3px;
              }
              &:last-child {
                margin-bottom: 1.25rem !important;
              }
              &:last-child {
                border-bottom-width: 1px;
              }
              &:last-child {
                border-style: solid;
              }
              &:last-child {
                border-bottom-color: rgba(82,82,108,0.1);
              }
              &:last-child {
                padding-bottom: 23px;
              }
            }
            > div {
              &:last-child {
                width: calc(100% - 23px - 16px);
              }
            }
          }
          &:last-child {
            > div p:last-child {
              padding-bottom: 0 !important;
            }
            > div p:last-child {
              margin-bottom: 0 !important;
            }
            > div p:last-child {
              margin-bottom: 0px;
            }
            > div p:last-child {
              padding-bottom: 0px;
            }
            > div p:last-child {
              border-bottom: unset;
            }
            .shipment-details {
              .line {
                display: none;
              }
            }
          }
        }
      }
    }
  }
  .sales-order {
    h3 {
      font-size: 1.875rem;
      line-height: 2.25rem;
    }
    h3 {
      font-weight: 500;
    }
    .common-space {
      &:last-child {
        padding-top: 0.625rem;
      }
      .total-sale {
        font-size: 1.125rem;
        line-height: 1.75rem;
      }
      .total-sale {
        font-weight: 500;
      }
    }
    .progress {
      height: 23px;
    }
    .progress {
      width: 68%;
    }
    .progress {
      border-radius: 0px;
    }
  }
  .delivery-chart {
    .balance-data {
      right: 60px;
    }
    .balance-data {
      top: 1.25rem;
    }
  }
  .vehicle-table {
    .recent-table {
      table {
        thead,
          tbody {
          tr {
            th,
              td {
              min-width: auto;
            }
            th,
              td {
              a {
                color: rgba(var(--body-font-color),1);
              }
              &:first-child {
                padding-left: 1.25rem;
              }
              &:last-child {
                padding-right: 1.25rem;
              }
              img {
                height: 37px;
              }
            }
          }
        }
      }
    }
  }
  .country-option {
    @media (min-width: 1200px) {
       {
         {
           {
            ul {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            ul {
            }
          }
        }
      }
    }
    ul {
      display: flex;
    }
    ul {
      flex-direction: column;
    }
    ul {
      gap: 0.875rem;
    }
    ul {
      li {
        background-color: rgba(var(--light2),1);
      }
      li {
        padding-left: 1.75rem;
        padding-right: 1.75rem;
      }
      li {
        padding-top: 9px;
        padding-bottom: 9px;
      }
      li {
        span {
          margin-right: 0.875rem;
        }
        span {
          height: 10px;
        }
        span {
          width: 10px;
        }
        span {
          border-radius: 0.125rem;
        }
      }
    }
  }
  .common-stat-option {
    margin-top: -82px;
  }
  .common-stat-option {
    margin-bottom: -58px;
  }
  .common-stat-option {
    margin-left: 0px;
  }
  .common-stat-option {
    margin-right: -0.375rem;
  }
  .delivered-stat-option {
    margin-top: -85px;
  }
  .delivered-stat-option {
    margin-bottom: -58px;
  }
  .delivered-stat-option {
    margin-left: 0px;
  }
  .delivered-stat-option {
    margin-right: -0.375rem;
  }
  .sales-order-chart {
    margin-left: -0.625rem;
  }
  .sales-order-chart {
    margin-top: 0.875rem;
  }
  .delivery-duration-chart {
    margin-left: -38px;
  }
  .fleet-status-chart {
    .apexcharts-legend {
      gap: 0.5rem;
    }
  }
  .profitable-country-chart {
    margin-left: -1rem;
  }
  .profitable-country-chart {
    margin-right: -0.5rem;
  }
  .profitable-country-chart {
    height: 100%;
  }
  .profitable-country-chart {
    border-right-width: 1px;
  }
  .profitable-country-chart {
    border-style: solid;
  }
  .profitable-country-chart {
    border-right-color: rgba(var(--chart-progress-light),1);
  }
  .profitable-country-chart {
    padding-right: 0.625rem;
  }
}

@media (max-width: 1800px) and (min-width: 1400px) {
  .dashboard-13 {
    .shipping-details {
      .common-space {
        padding-left: 30px;
        padding-right: 30px;
      }
      .common-space {
        padding-top: 0.875rem;
        padding-bottom: 0.875rem;
      }
    }
  }
}

@media (max-width: 1399px) and (min-width: 1200px) {
  .dashboard-13 {
    .shipping-details {
      .common-space {
        padding-left: 30px;
        padding-right: 30px;
      }
      .common-space {
        padding-top: 0.875rem;
        padding-bottom: 0.875rem;
      }
    }
  }
}

@media (max-width: 1660px) and (min-width: 1200px) {
  .dashboard-13 {
    .vehicle-table {
      .recent-table {
        table {
          thead,
            tbody {
            tr {
              th,
                td {
                &:nth-child(6) {
                  display: none;
                }
              }
            }
          }
        }
      }
    }
    .country-option {
      ul {
        li {
          padding-left: 12px;
          padding-right: 12px;
        }
        li {
          padding-top: 0.375rem;
          padding-bottom: 0.375rem;
        }
      }
    }
    .shipping-details {
      .common-space {
        display: block;
      }
      .common-space {
        display: block;
      }
      .common-space {
        padding-left: 18px;
        padding-right: 18px;
      }
      .common-space {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
      }
    }
    .shipment-tracking-table {
      .recent-table {
        table {
          thead,
            tbody {
            tr {
              th,
                td {
                &:nth-child(3) {
                  display: none;
                }
              }
            }
          }
        }
      }
    }
  }
}

@media (max-width: 1660px) {
  .dashboard-13 {
    .delivery-chart {
      @media (min-width: 1200px) {
         {
           {
             {
              .balance-data {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              .balance-data {
              }
            }
          }
        }
      }
      .balance-data {
        position: relative;
      }
      .balance-data {
        inset: 0px;
      }
      .balance-data {
        display: flex;
      }
      .balance-data {
        flex-wrap: wrap;
      }
      .balance-data {
        gap: 0.875rem;
      }
    }
    .shipping-details {
      .simple-timeline {
        ul {
          li {
            .shipment-details {
              p {
                &:last-child {
                  margin-bottom: 11px !important;
                }
                &:last-child {
                  padding-bottom: 13px;
                }
              }
            }
          }
        }
      }
    }
  }
}

@media (max-width: 1600px) {
  .dashboard-13 {
    .widget-13 {
      .card-body {
        .common-align {
          span {
            font-size: 0.875rem;
            line-height: 1.25rem;
          }
        }
      }
    }
  }
}

@media (min-width: 1400px) {
  .dashboard-13 {
    .widget-13 {
      .card-body {
        .progress {
          height: calc(10px + (12 - 10) * ((100vw - 1400px) / (1920 - 1400)));
        }
      }
    }
    .shipping-details {
      .common-space p {
        font-size: calc( 16px + (18 - 16) * ((100vw - 1400px) / (1920 - 1400)) );
      }
    }
    .sales-order {
      .progress {
        width: calc(56% + (68 - 56) * ((100vw - 1400px) / (1920 - 1400)));
      }
    }
  }
}

@media (max-width: 1399px) {
  .dashboard-13 {
    .widget-13 {
      .card-body {
        .progress {
          height: 0.625rem;
        }
        .progress {
          width: 48%;
        }
      }
    }
    .shipment-tracking-table {
      .recent-table {
        table {
          thead,
            tbody {
            tr {
              td,
                th {
                &:nth-child(6) {
                  min-width: 145px;
                }
                &:nth-child(7) {
                  min-width: 66px;
                }
              }
            }
          }
        }
      }
    }
    .sales-order {
      h3 {
        font-size: 22px;
      }
      .progress {
        height: 18px;
      }
      .progress {
        width: 50%;
      }
    }
  }
}

@media (max-width: 1366px) and (min-width: 1200px) {
  .dashboard-13 {
    .common-stat-option {
      margin-top: -89px;
    }
    .common-stat-option {
      margin-bottom: -58px;
    }
    .common-stat-option {
      margin-left: 0px;
    }
    .common-stat-option {
      margin-right: -0.375rem;
    }
  }
}

@media (max-width: 1399px) and (min-width: 1200px) {
  .dashboard-13 {
    .shipping-details {
      .simple-timeline {
        ul {
          li {
            .shipment-details {
              p {
                &:last-child {
                  height: 53px;
                }
                &:last-child {
                  display: -webkit-box;
                  -webkit-line-clamp: 2;
                  -webkit-box-orient: vertical;
                  overflow: hidden;
                }
              }
            }
            &:last-child {
              > div {
                p {
                  &:last-child {
                    height: unset;
                  }
                  &:last-child {
                    text-overflow: unset;
                  }
                }
              }
            }
          }
        }
      }
    }
    .fleet-status-chart {
      margin-top: 3rem;
    }
    .widget-13 {
      .stat-content {
        p {
          width: 95px;
        }
        h4 {
          font-size: 1.125rem;
          line-height: 1.75rem;
        }
      }
    }
  }
}

@media (max-width: 1199px) {
  .dashboard-13 {
    .vehicle-table {
      .recent-table {
        table {
          thead {
            tr {
              th {
                &:nth-child(2) {
                  min-width: 72px;
                }
                &:nth-child(3) {
                  min-width: 65px;
                }
                &:nth-child(4) {
                  min-width: 150px;
                }
                &:nth-child(5) {
                  min-width: 95px;
                }
                &:nth-child(6) {
                  min-width: 104px;
                }
              }
            }
          }
        }
      }
    }
    .common-stat-option {
      margin-bottom: -54px !important;
    }
    .common-stat-option {
      margin-left: 0px;
    }
    .common-stat-option {
      margin-right: -0.375rem;
    }
    .common-stat-option {
      margin-top: -6rem;
    }
    .delivered-stat-option {
      margin-top: -65px;
    }
    .delivered-stat-option {
      margin-left: 0px;
    }
    .delivered-stat-option {
      margin-right: -0.375rem;
    }
    .delivered-stat-option {
      margin-bottom: -1rem;
    }
  }
}

@media (max-width: 991px) {
  .dashboard-13 {
    .country-option {
      ul {
        flex-direction: column !important;
      }
    }
  }
}

@media (max-width: 575px) {
  .dashboard-13 {
    .profitable-country-chart {
      border-right-width: 0px;
    }
  }
}

.pagination-theme {
  .page-item {
    .page-link {
      color: rgba(var(--theme-default),1);
    }
    &.active {
      .page-link {
        color: rgb(var(--white),1) !important;
      }
      .page-link {
        border-color: rgba(var(--theme-default));
      }
      .page-link {
        background-color: rgba(var(--theme-default),1);
      }
      .page-link {
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity, 1));
      }
    }
  }
}

.pagination-primary {
  .page-item {
    .page-link {
      color: rgba(var(--theme-default),1) !important;
    }
    &.active {
      .page-link {
        color: rgb(var(--white),1) !important;
      }
      .page-link {
        border-color: rgba(var(--theme-default),1);
      }
      .page-link {
        background-color: rgba(var(--theme-default),1) !important;
      }
      .page-link {
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity, 1));
      }
    }
  }
}

.pagination-secondary {
  .page-item {
    .page-link {
      color: rgba(var(--theme-secondary),1);
    }
    &.active {
      .page-link {
        color: rgb(var(--white),1) !important;
      }
      .page-link {
        border-color: rgba(var(--theme-secondary),1);
      }
      .page-link {
        background-color: rgba(var(--theme-secondary),1);
      }
      .page-link {
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity, 1));
      }
    }
  }
}

.pagination-success {
  .page-item {
    .page-link {
      color: rgba(var(--success-color),1) !important;
    }
    &.active {
      .page-link {
        color: rgb(var(--white),1) !important;
      }
      .page-link {
        border-color: rgba(var(--success-color),1);
      }
      .page-link {
        background-color: rgba(var(--success-color),1) !important;
      }
      .page-link {
        --tw-text-opacity: 1 !important;
        color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
      }
    }
  }
}

.pagination-danger {
  .page-item {
    .page-link {
      color: rgba(var(--danger-color),1) !important;
    }
    &.active {
      .page-link {
        color: rgb(var(--white),1) !important;
      }
      .page-link {
        border-color: rgba(var(--danger-color),1);
      }
      .page-link {
        background-color: rgba(var(--danger-color),1) !important;
      }
      .page-link {
        --tw-text-opacity: 1 !important;
        color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
      }
    }
  }
}

.pagination-info {
  .page-item {
    .page-link {
      color: rgba(var(--info-color),1) !important;
    }
    &.active {
      .page-link {
        color: rgb(var(--white),1) !important;
      }
      .page-link {
        border-color: rgba(var(--info-color),1);
      }
      .page-link {
        background-color: rgba(var(--info-color),1);
      }
      .page-link {
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity, 1));
      }
    }
  }
}

.pagination-dark {
  .page-item {
    .page-link {
      color: rgba(var(--dark-color),1);
    }
    &.active {
      .page-link {
        color: rgb(var(--white),1) !important;
      }
      .page-link {
        border-color: rgba(var(--dark-color),1);
      }
      .page-link {
        background-color: rgba(var(--dark-color),1);
      }
      .page-link {
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity, 1));
      }
    }
  }
}

.pagination-warning {
  .page-item {
    .page-link {
      color: rgba(var(--warning-color),1) !important;
    }
    &.active {
      .page-link {
        color: rgb(var(--white),1) !important;
      }
      .page-link {
        border-color: rgba(var(--warning-color),1);
      }
      .page-link {
        background-color: rgba(var(--warning-color),1);
      }
      .page-link {
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity, 1));
      }
    }
  }
}

.pagin-border-primary {
  .page-item {
    &.active,
      &:active {
      background-color: rgba(var(--light-primary),1);
    }
    .page-link {
      border-color: rgba(var(--light-primary),1);
    }
    .page-link:focus {
      --tw-shadow-color: unset;
      --tw-shadow: var(--tw-shadow-colored);
    }
    .page-link {
      &:hover,
        &:focus {
        background-color: rgba(var(--light-primary),1);
      }
    }
  }
}

.pagin-border-secondary {
  .page-item {
    &.active,
      &:active {
      background-color: rgba(var(--light-secondary),1);
    }
    .page-link {
      border-color: rgba(var(--light-secondary),1);
    }
    .page-link:focus {
      --tw-shadow-color: unset;
      --tw-shadow: var(--tw-shadow-colored);
    }
    .page-link {
      &:hover,
        &:focus {
        background-color: rgba(var(--light-secondary),1);
      }
    }
  }
}

.pagin-border-success {
  .page-item {
    &.active,
      &:active {
      background-color: rgba(var(--light-success),1);
    }
    .page-link {
      border-color: rgba(var(--light-success),1);
    }
    .page-link:focus {
      --tw-shadow-color: unset;
      --tw-shadow: var(--tw-shadow-colored);
    }
    .page-link {
      &:hover,
        &:focus {
        background-color: rgba(var(--light-success),1);
      }
    }
  }
}

.pagin-border-danger {
  .page-item {
    &.active,
      &:active {
      background-color: rgba(var(--light-danger),1);
    }
    .page-link {
      border-color: rgba(var(--light-danger),1);
    }
    .page-link:focus {
      --tw-shadow-color: unset;
      --tw-shadow: var(--tw-shadow-colored);
    }
    .page-link {
      &:hover,
        &:focus {
        background-color: rgba(var(--light-danger),1);
      }
    }
  }
}

.pagin-border-warning {
  .page-item {
    &.active,
      &:active {
      background-color: rgba(var(--light-warning),1);
    }
    .page-link {
      border-color: rgba(var(--light-warning),1);
    }
    .page-link:focus {
      --tw-shadow-color: unset;
      --tw-shadow: var(--tw-shadow-colored);
    }
    .page-link {
      &:hover,
        &:focus {
        background-color: rgba(var(--light-warning),1);
      }
    }
  }
}

.pagin-border-info {
  .page-item {
    &.active,
      &:active {
      background-color: rgba(var(--light-info),1);
    }
    .page-link {
      border-color: rgba(var(--light-info),1);
    }
    .page-link:focus {
      --tw-shadow-color: unset;
      --tw-shadow: var(--tw-shadow-colored);
    }
    .page-link {
      &:hover,
        &:focus {
        background-color: rgba(var(--light-info),1);
      }
    }
  }
}

.pagin-border-light {
  .page-item {
    &.active,
      &:active {
      background-color: rgba(var(--light-white),1);
    }
    .page-link {
      border-color: rgba(var(--light-white),1);
    }
    .page-link:focus {
      --tw-shadow-color: unset;
      --tw-shadow: var(--tw-shadow-colored);
    }
    .page-link {
      &:hover,
        &:focus {
        background-color: rgba(var(--light-white),1);
      }
    }
  }
}

.pagin-border-dark {
  .page-item {
    &.active,
      &:active {
      background-color: rgba(var(--light-dark),1);
    }
    .page-link {
      border-color: rgba(var(--light-dark),1);
    }
    .page-link:focus {
      --tw-shadow-color: unset;
      --tw-shadow: var(--tw-shadow-colored);
    }
    .page-link {
      &:hover,
        &:focus {
        background-color: rgba(var(--light-dark),1);
      }
    }
  }
}

@media (min-width: 1200px) {
   {
     {
       {
        .pagination {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .pagination {
        }
      }
    }
  }
}

.pagination {
  display: flex;
  padding-left: 0px;
  .page-item {
    &:active {
      background-color: unset;
    }
    .page-link {
      transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
          border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
      @media (min-width: 1200px) {
         {
           {
             {
              &.rounded-full {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              &.rounded-full {
              }
            }
          }
        }
      }
      &.rounded-full {
        display: flex;
      }
      &.rounded-full {
        height: 35px;
      }
      &.rounded-full {
        width: 35px;
      }
      &.rounded-full {
        align-items: center;
      }
      &.rounded-full {
        justify-content: center;
      }
    }
    &:first-child {
      .page-link {
        border-top-left-radius: 6px;
      }
      .page-link {
        border-bottom-left-radius: 6px;
      }
    }
    &:last-child {
      .page-link {
        border-top-right-radius: 6px;
      }
      .page-link {
        border-bottom-right-radius: 6px;
      }
    }
  }
}

.pagination-lg {
  .page-link {
    display: block;
  }
  .page-link {
    position: relative;
  }
  .page-link {
    display: block;
  }
  .page-link {
    padding-left: 24px;
    padding-right: 24px;
  }
  .page-link {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .page-link {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}

.pagination-sm {
  .page-link {
    display: block;
  }
  .page-link {
    position: relative;
  }
  .page-link {
    display: block;
  }
  .page-link {
    padding-left: 8px;
    padding-right: 8px;
  }
  .page-link {
    padding-top: 4px;
    padding-bottom: 4px;
  }
  .page-link {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

.page-item:not(:first-child) .page-link {
  margin-left: calc(var(--bs-border-width) * -1);
}

.page-link {
  position: relative;
  display: block;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--light-primary),1);
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 1rem;
  line-height: 1.5rem;
}

.pricing-simple {
  margin-bottom: 0 !important;
  margin-bottom: 0px;
  --tw-shadow: 0 0 10px 5px rgba(68,102,242,0.05);
  --tw-shadow-colored: 0 0 10px 5px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  .card-body {
    border-bottom-color: none;
  }
  .card-body {
    text-align: left;
  }
  .card-body {
    h4 {
      position: relative;
    }
    h4 {
      margin-bottom: 38px;
    }
    h4::before {
      content: var(--tw-content);
    }
    h4::before {
      margin: 0px !important;
    }
    h4::before {
      content: var(--tw-content);
      position: absolute;
    }
    h4::before {
      content: var(--tw-content);
      left: 0px;
    }
    h4::before {
      content: var(--tw-content);
      bottom: -0.625rem;
    }
    h4::before {
      content: var(--tw-content);
      margin: 0px;
    }
    h4::before {
      content: var(--tw-content);
      background-color: rgba(var(--light-text),1);
    }
    h4::before {
      --tw-content: '';
      content: var(--tw-content);
    }
    h4 {
      &:before {
        height: 1px;
      }
      &:before {
        width: 80px;
      }
    }
    h5 {
      margin-bottom: 1.5rem;
    }
    h5 {
      font-size: calc(36px + (40 - 36) * ((100vw - 320px) / (1920 - 320)));
    }
    h5 {
      font-weight: 400;
    }
    h5 {
      line-height: 0.9;
    }
  }
  .pricing-content {
    li {
      margin-bottom: calc(12px + (18 - 12) * ((100vw - 320px) / (1920 - 320)));
    }
    li {
      text-align: left;
    }
    li {
      text-transform: capitalize;
    }
    li {
      color: rgba(var(--badge-light-color),1);
    }
    li:last-child {
      margin-bottom: 0 !important;
    }
    li:last-child {
      margin-bottom: 0px;
    }
    li {
      i {
        padding-right: 0.5rem;
      }
      i {
        color: rgba(var(--theme-default),1);
      }
    }
  }
}

.pricingtable {
  text-align: center !important;
}

@media (max-width: 767px) {
   {
    .pricingtable {
    }
  }
}

.pricingtable {
  position: relative;
  z-index: 1;
  height: 100%;
  overflow: hidden;
  border-radius: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center !important;
  --tw-shadow: 0 0 40px rgba(8,21,66,0.05) !important;
  --tw-shadow-colored: 0 0 40px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.pricingtable::after {
  bottom: -210px;
  left: -10rem;
  right: auto;
  top: auto;
  background-color: rgba(var(--theme-default),1);
  content: var(--tw-content);
  opacity: 0.1;
}

.pricingtable {
  &:before,
    &:after {
    position: absolute;
  }
  &:before,
    &:after {
    right: -213px;
  }
  &:before,
    &:after {
    z-index: -1;
  }
  &:before,
    &:after {
    height: 300px;
  }
  &:before,
    &:after {
    width: 300px;
  }
  &:before,
    &:after {
    border-radius: 50%;
  }
  &:before,
    &:after {
    background-color: rgba(var(--theme-default),1);
  }
  &:before,
    &:after {
    opacity: 0.1;
  }
  &:before,
    &:after {
    --tw-content: "";
    content: var(--tw-content);
  }
  &:after {
    height: 300px;
  }
  &:after {
    width: 300px;
  }
  .title {
    margin-bottom: 1.25rem;
  }
  .title {
    text-transform: uppercase;
  }
  .price-value {
    margin-top: 0 !important;
  }
  .price-value {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .price-value {
    padding-bottom: 0 !important;
  }
  .price-value {
    margin-left: auto;
    margin-right: auto;
  }
  .price-value {
    margin-top: 0px;
  }
  .price-value {
    margin-bottom: 25px;
  }
  .price-value {
    height: 130px;
  }
  .price-value {
    width: 130px;
  }
  .price-value {
    border-radius: 50%;
  }
  .price-value {
    background-color: rgba(var(--theme-default),1);
  }
  .price-value {
    padding-left: 0px;
    padding-right: 0px;
  }
  .price-value {
    padding-top: 45px;
  }
  .price-value {
    padding-bottom: 0px;
  }
  .price-value {
    color: rgba(var(--white),1);
  }
  .price-value {
    .duration {
      margin-top: 0px;
      margin-bottom: 0px;
    }
    .duration {
      margin-left: -5px;
    }
    .duration {
      margin-right: 0px;
    }
    .amount {
      display: inline-block;
    }
    .amount {
      font-size: 58px;
    }
    .amount {
      font-weight: 700;
    }
    .amount {
      line-height: 45px;
    }
    .currency {
      vertical-align: top;
    }
  }
  .pricing-content {
    margin-top: 0 !important;
  }
  .pricing-content {
    margin-left: 0px;
    margin-right: 0px;
  }
  .pricing-content {
    margin-top: 0px;
  }
  .pricing-content {
    margin-bottom: 25px !important;
  }
  .pricing-content {
    display: inline-block;
  }
  .pricing-content {
    li {
      margin-top: 0 !important;
    }
    li {
      position: relative;
    }
    li {
      margin-left: 0px;
      margin-right: 0px;
    }
    li {
      margin-top: 0px;
    }
    li {
      margin-bottom: 1.25rem;
    }
    li {
      padding-left: 30px;
    }
    li {
      text-align: left;
    }
    li {
      font-weight: 500;
    }
    li::before {
      content: var(--tw-content);
      text-align: center;
    }
    li:last-child {
      margin: 0px !important;
    }
    @media (max-width: 767px) {
    }
    li::before {
      content: var(--tw-content);
      position: absolute;
    }
    li::before {
      content: var(--tw-content);
      left: 0px;
    }
    li::before {
      content: var(--tw-content);
      top: 1px;
    }
    li::before {
      content: var(--tw-content);
      border-radius: 50%;
    }
    li::before {
      content: var(--tw-content);
      text-align: center;
    }
    li::before {
      content: var(--tw-content);
      font-weight: 600;
    }
    li::before {
      content: var(--tw-content);
      color: rgba(var(--theme-default),1);
    }
    li::before {
      --tw-content: "\f00c";
      content: var(--tw-content);
    }
    li:last-child {
      margin: 0px;
    }
    li {
      &:before {
        font-family: var(--font-awesome);
      }
      &:before {
        height: 20px;
      }
      &:before {
        width: 20px;
      }
    }
  }
}

@media (max-width: 575px) {
  .pricing-simple {
    .card-body {
      h1 {
        margin-bottom: 15px;
      }
    }
  }

  .pricing-block {
    > div {
      flex: 100%;
    }
  }
}

.knowledgebase-bg {
  margin-bottom: 30px;
  height: 500px;
  border-radius: 15px;
}

@media (min-width: 1200px) {
   {
     {
       {
        .knowledgebase-search {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .knowledgebase-search {
        }
      }
    }
  }
}

.knowledgebase-search {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 5%;
  display: flex;
  align-items: center;
  .form-inline {
    position: relative;
  }
  .form-inline {
    margin-top: 0.625rem;
  }
  .form-inline {
    width: 500px;
  }
  .form-inline {
    border-radius: 10px;
  }
  .form-inline {
    border-width: 1px;
  }
  .form-inline {
    border-style: solid;
  }
  .form-inline {
    --tw-border-opacity: 1;
    border-color: rgb(230 230 230 / var(--tw-border-opacity, 1));
  }
  .form-inline {
    background-color: rgba(var(--white-bg),1);
  }
  .form-inline {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
  .form-inline {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }
  .form-inline {
    &::-moz-placeholder {
      color: rgba(var(--gray-60),1);
    }
    &::placeholder {
      color: rgba(var(--gray-60),1);
    }
    svg {
      position: absolute;
    }
    svg {
      left: 1.25rem;
    }
    svg {
      top: 0.625rem;
    }
    svg {
      width: 1.25rem;
    }
    svg {
      stroke: rgba(var(--gray-60),1);
    }
    input {
      &:focus-visible {
        outline: 2px solid transparent;
        outline-offset: 2px;
      }
    }
  }
}

.faq-widgets {
  align-items: center;
  .faq-flex {
    flex: 1;
  }
  .faq-flex {
    h5 {
      padding-bottom: 0.625rem;
    }
    h5 {
      font-weight: 600;
    }
    h5 {
      color: rgba(var(--white),1);
    }
    p {
      display: block;
    }
    p {
      margin-left: auto;
      margin-right: auto;
    }
    p {
      margin-top: 0px;
      margin-bottom: 0px;
    }
    p {
      display: block;
    }
    p {
      max-width: 100%;
    }
    p {
      overflow: hidden;
    }
    p {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
    }
    p {
      height: auto;
    }
    p {
      max-width: 100%;
    }
    p {
      text-overflow: ellipsis;
    }
    p {
      padding-right: 1.25rem;
    }
    p {
      color: rgba(var(--white),0.9);
    }
    p {
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }
  }
  svg {
    height: 60px;
  }
  svg {
    width: 60px;
  }
  svg {
    opacity: 0.5;
  }
}

.header-faq {
  margin-bottom: 30px;
  h5 {
    font-weight: 600;
  }
}

.features-faq {
  &.card {
    .card-body,
      .card-footer {
      padding-left: 25px;
      padding-right: 25px;
    }
    .card-body,
      .card-footer {
      padding-top: 1.25rem;
      padding-bottom: 1.25rem;
    }
    .card-body,
      .card-footer {
      p {
        height: auto;
      }
      p {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
      }
    }
  }
  .faq-image {
    @media (max-width: 575px) {
       {
         {
           {
            > img {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > img {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > img {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > img {
                width: 90%;
              }
            }
          }
        }
      }
    }
    img {
      width: 100%;
    }
    img {
      border-top-left-radius: 0.5rem;
      border-top-right-radius: 0.5rem;
    }
  }
  .card-body {
    h6 {
      font-weight: 500;
    }
  }
}

.faq-accordion {
  &.default-according {
    margin-bottom: 30px;
  }
  &.default-according {
    .card {
      @media (min-width: 1200px) {
         {
           {
             {
              .btn-link {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              .btn-link {
              }
            }
          }
        }
      }
      .btn-link {
        display: flex;
      }
      .btn-link {
        svg {
          margin-right: 0.625rem;
        }
        svg {
          height: 20px;
        }
        svg {
          min-height: 20px;
        }
        svg {
          width: 20px;
        }
        svg {
          min-width: 20px;
        }
      }
      .faq-header {
        position: relative;
      }
      .faq-header {
        border-radius: 15px;
      }
      .faq-header {
        padding: 1.25rem !important;
      }
      .faq-header {
        svg {
          position: absolute;
        }
        svg {
          right: 1.25rem;
        }
        svg {
          top: 1.25rem;
        }
        svg {
          height: 20px;
        }
        svg {
          width: 20px;
        }
        span {
          margin-top: 3px;
        }
      }
    }
    .faq-body {
      border-radius: 0px;
    }
    .faq-body {
      padding: 1.25rem;
    }
    .faq-body {
      border: unset;
    }
    .card-mb-faq {
      margin-bottom: 30px !important;
    }
  }
}

.faq-title {
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 30px;
  margin-bottom: 30px;
  h6 {
    font-weight: 600;
  }
  h6 {
    color: rgba(var(--light-text),1);
  }
}

.faq-form {
  position: relative;
  .search-icon {
    position: absolute;
  }
  .search-icon {
    right: 0.75rem;
  }
  .search-icon {
    top: 9px;
  }
  .search-icon {
    height: 20px;
  }
  .search-icon {
    width: 20px;
  }
}

.navigation-btn {
  margin-bottom: 1.25rem;
  @media (min-width: 1200px) {
     {
       {
         {
          a {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          a {
          }
        }
      }
    }
  }
  a {
    display: flex;
  }
  a {
    align-items: center;
  }
  a {
    justify-content: center;
  }
  a {
    svg {
      height: 15px;
    }
    svg {
      width: 15px;
    }
  }
}

.navigation-option {
  ul {
    li {
      position: relative;
    }
    li {
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
    }
    li {
      padding-left: 0px;
    }
    li {
      padding-right: 0.5rem;
    }
    li:last-child {
      padding-bottom: 0 !important;
    }
    li:last-child {
      padding-bottom: 0px;
    }
    li:hover {
      background-color: rgba(var(--light),1);
    }
    li {
      a {
        padding-left: 2.5rem;
      }
      a {
        color: rgba(var(--theme-body-font-color),1);
      }
      a {
        svg {
          position: absolute;
        }
        svg {
          left: 15px;
        }
        svg {
          top: 11px;
        }
        svg {
          height: 15px;
        }
        svg {
          width: 15px;
        }
      }
    }
  }
}

.updates-faq {
  border-width: 2px !important;
}

@media (min-width: 1200px) {
   {
     {
       {
        .updates-faq {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .updates-faq {
        }
      }
    }
  }
}

.updates-faq {
  margin-right: 1.25rem;
  display: flex;
  height: 40px;
  width: 40px;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  border-width: 2px;
  border-style: solid;
  border-color: rgba(var(--theme-default),1);
  svg {
    height: 18px;
  }
  svg {
    width: 18px;
  }
}

.updates-bottom-time {
  p {
    margin-bottom: 0.125rem;
  }
  p {
    + p {
      color: rgba(var(--light-text),1);
    }
  }
}

.updates-faq-main {
  margin-bottom: 1.25rem;
}

.updates-faq-main:last-child {
  margin-bottom: 0 !important;
  margin-bottom: 0px;
}

.updates-faq-main {
  a {
    font-weight: 500;
  }
}

.faq-wrapper {
  .flex {
    p {
      height: auto;
    }
    p {
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }
  }
}

@media (max-width: 575px) {
  .xs-mt-search {
    margin-top: 0 !important;
    margin-top: 0px;
  }

  .faq-widgets {
    svg {
      height: 50px;
    }
    svg {
      width: 50px;
    }
  }

  .faq-title {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .header-faq {
    margin-top: 0.625rem;
    margin-bottom: 15px;
  }

  .faq-accordion {
    margin-bottom: 0 !important;
    margin-bottom: 0px;
    .faq-header {
      padding: 15px;
    }
    .faq-header {
      .pull-right {
        float: right;
      }
      svg {
        right: 15px;
      }
      svg {
        top: 15px;
      }
    }
  }

  .navigation-btn,
    .updates-faq-main {
    margin-bottom: 15px;
  }
}

.toggle-data {
  cursor: pointer;
}

.filter-block {
  ul {
    list-style-type: circle;
  }
  ul {
    li {
      margin-left: 1.25rem;
    }
    li {
      padding-top: 0.5rem;
    }
    li {
      color: rgba(var(--badge-light-color),0.8);
    }
    li *::marker {
      font-size: 1.25rem;
      line-height: 1.75rem;
    }
    li *::marker {
      line-height: 0.9;
    }
    li::marker {
      font-size: 1.25rem;
      line-height: 1.75rem;
    }
    li::marker {
      line-height: 0.9;
    }
    li {
      &:first-child {
        padding-top: 8px;
      }
      &:last-child {
        padding-bottom: 0;
      }
    }
  }
}

.collection-filter-block {
  svg {
    margin-right: 0.875rem;
  }
  svg {
    height: 25px;
  }
  svg {
    width: 50px;
  }
  svg {
    stroke: rgba(var(--theme-default),1);
  }
  h6 {
    margin-bottom: 0 !important;
  }
  h6 {
    margin-bottom: 0px;
  }
  h6 {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  h6 {
    font-weight: 400;
  }
  h6 {
    color: rgba(var(--badge-light-color),1);
  }
  p {
    font-size: 13px;
  }
  li {
    & + li {
      margin-top: 1rem;
    }
  }
  ul {
    &.pro-services {
      li {
        border-bottom-width: 1px;
      }
      li {
        border-style: dashed;
      }
      li {
        border-bottom-color: rgba(var(--chart-dashed-border),1);
      }
      li {
        padding-bottom: 1rem;
      }
      li:last-child {
        padding-bottom: 0 !important;
      }
      li:last-child {
        border-bottom-width: 0px;
      }
      li:last-child {
        padding-bottom: 0px;
      }
      li {
        svg {
          width: auto;
        }
        span {
          color: rgba(var(--badge-light-color),0.6);
        }
      }
    }
  }
}

.qty-box {
  .btn {
    border-color: rgba(var(--light-gray),1);
  }
  .btn {
    background-color: transparent;
  }
  .btn {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .btn {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .btn {
    i {
      color: rgba(var(--dark-gray),1);
    }
    svg {
      width: 0.875rem;
    }
    svg {
      stroke: rgba(var(--dark-color),1);
    }
  }
  span {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  span {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  span {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .input-group {
    background-color: rgba(var(--dark-color),0.1);
  }
  input {
    text-align: center;
  }
  input {
    border-width: 0 !important;
  }
  input {
    padding: 0 !important;
  }
  @media (max-width: 767px) {
     {
      input {
      }
    }
  }
  input {
    max-height: 37px;
  }
  input {
    max-width: 44px;
  }
  input {
    border-width: 0px;
  }
  input {
    background-color: rgba(var(--dark-color),0.1);
  }
  input {
    padding: 0px;
  }
  input {
    text-align: center;
  }
  input {
    color: rgba(var(--dark-color),1);
  }
}

.product-social {
  li {
    a {
      text-align: center;
    }
    @media (max-width: 767px) {
       {
        a {
        }
      }
    }
    a {
      display: inline-block;
    }
    a {
      height: 35px;
    }
    a {
      width: 35px;
    }
    a {
      border-radius: 100%;
    }
    a {
      border-width: 1px;
    }
    a {
      border-style: solid;
    }
    a {
      border-color: rgba(var(--theme-default),1);
    }
    a {
      text-align: center;
    }
    a {
      font-size: 15px;
    }
    a {
      line-height: 2.3;
    }
    a {
      color: rgba(var(--theme-default),1);
    }
    a {
      transition-property: all;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }
    a {
      transition-duration: 0.3s;
    }
    a {
      transition-timing-function: ease;
    }
    a:hover {
      background-color: rgba(var(--theme-default),1);
    }
    a:hover {
      color: rgba(var(--white),1);
    }
    a:hover {
      transition-property: all;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }
    a:hover {
      transition-duration: 0.3s;
    }
    a:hover {
      transition-timing-function: ease;
    }
    &:nth-child(n + 2) {
      margin-left: 0.625rem;
    }
  }
}

.product-sidebar {
  .filter-section {
    .card {
      .card-header {
        border-radius: 5px !important;
      }
      .card-header {
        padding-left: 30px;
        padding-right: 30px;
      }
      .card-header {
        padding-top: 1rem;
        padding-bottom: 1rem;
      }
      .card-header {
        h6 {
          position: relative;
        }
        h6 {
          line-height: 1.1;
        }
        h6 {
          .pull-right {
            @media (max-width: 575px) {
               {
                 {
                   {
                    > i {
                      width: 90%;
                    }
                  }
                }
              }

               {
                 {
                   {
                     {
                      > i {
                        width: 90%;
                      }
                    }
                  }
                }
              }
            }
            @media (max-width: 575px) {
               {
                 {
                   {
                    > i {
                      width: 90%;
                    }
                  }
                }
              }

               {
                 {
                   {
                     {
                      > i {
                        width: 90%;
                      }
                    }
                  }
                }
              }
            }
            i {
              position: absolute;
            }
            i {
              left: 0px;
            }
            i {
              top: 0.125rem;
            }
            i {
              height: 0.625rem;
            }
            i {
              width: 100%;
            }
            i {
              cursor: pointer;
            }
            i {
              text-align: right;
            }
            i {
              font-size: 0.875rem;
              line-height: 1.25rem;
            }
          }
        }
      }
    }
  }
}

.product-wrapper {
  .product-sidebar {
    .filter-section {
      .card {
        .left-filter {
          visibility: hidden;
        }
        .left-filter {
          z-index: 0;
        }
        .left-filter {
          height: 0px;
        }
        .left-filter {
          min-width: 320px;
        }
        .left-filter {
          opacity: 0;
        }
        .left-filter {
          transition-property: 0.3s;
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-duration: 150ms;
        }
        .left-filter {
          .product-filter {
            .irs-with-grid {
              margin-bottom: 15px;
            }
          }
        }
      }
    }
  }
  .product-grid {
    .product-wrapper-grid {
      margin-left: 0px;
    }
    .product-wrapper-grid {
      transition-property: 0.3s;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }
    .product-wrapper-grid {
      .product-box {
        .modal-content {
          .modal-header {
            border-bottom-width: 0px;
          }
        }
        @media (min-width: 1200px) {
           {
             {
               {
                ul {
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                ul {
                }
              }
            }
          }
        }
        ul {
          display: flex;
        }
        ul {
          align-items: center;
        }
        ul {
          gap: 0.5rem;
        }
        .product-details {
          h4 {
            display: block;
          }
          h4 {
            margin-left: auto;
            margin-right: auto;
          }
          h4 {
            margin-top: 0px;
            margin-bottom: 0px;
          }
          h4 {
            display: block;
          }
          h4 {
            max-width: 100%;
          }
          h4 {
            overflow: hidden;
          }
          h4 {
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
          }
          h4 {
            overflow: hidden;
          }
          h4 {
            text-overflow: ellipsis;
          }
          h4 {
            white-space: nowrap;
          }
          h4 {
            font-size: calc( 18px + (20 - 18) * ((100vw - 320px) / (1920 - 320)) );
          }
        }
        .product-hover {
          li {
            @media (min-width: 1200px) {
               {
                 {
                   {
                    .btn {
                    }
                  }
                }
              }
            }
            @media (max-width: 575px) {
               {
                 {
                   {
                    .btn {
                    }
                  }
                }
              }
            }
            .btn {
              display: flex;
            }
            .btn {
              height: calc(38px + (45 - 38) * ((100vw - 320px) / (1920 - 320)));
            }
            .btn {
              width: calc(38px + (45 - 38) * ((100vw - 320px) / (1920 - 320)));
            }
            .btn {
              cursor: pointer;
            }
            .btn {
              align-items: center;
            }
            .btn {
              justify-content: center;
            }
            .btn {
              border-radius: 10px;
            }
            .btn {
              background-color: rgba(var(--white),1);
            }
            .btn {
              padding-left: 0.75rem;
              padding-right: 0.75rem;
            }
            .btn {
              padding-top: 0.625rem;
              padding-bottom: 0.625rem;
            }
            .btn {
              font-size: 1.125rem;
              line-height: 1.75rem;
            }
            .btn {
              --tw-shadow: 1px 1px 2px 1px rgba(0,0,0,0.08);
              --tw-shadow-colored: 1px 1px 2px 1px var(--tw-shadow-color);
              box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            }
            .btn:active {
              border-color: rgba(var(--transparent-color),1);
            }
            .btn {
              i {
                font-size: calc( 14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)) );
              }
            }
            &:hover,
              &:active {
              .btn {
                background-color: rgba(var(--theme-default),1);
              }
              .btn {
                transition-property: all;
                transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                transition-duration: 150ms;
              }
              .btn {
                transition-duration: 0.3s;
              }
              .btn {
                transition-timing-function: ease;
              }
              i {
                color: rgba(var(--white),1);
              }
              i {
                transition-property: all;
                transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                transition-duration: 150ms;
              }
              i {
                transition-duration: 0.3s;
              }
              i {
                transition-timing-function: ease;
              }
            }
          }
        }
        .product-img {
          .product-hover {
            ul {
              li {
                i {
                  color: rgba(var(--dark-gray),1);
                }
                &:hover {
                  i {
                    color: rgba(var(--white),1);
                  }
                }
              }
            }
          }
        }
      }
      .modal {
        .modal-content {
          position: relative;
        }
        .modal-header {
          .product-box {
            align-items: center;
          }
          .product-box {
            .product-details {
              padding-left: 0 !important;
              padding-right: 0 !important;
            }
            .product-details {
              padding-left: 0px;
              padding-right: 0px;
            }
            .product-details {
              padding-top: 1.25rem;
              padding-bottom: 1.25rem;
            }
            .product-details {
              .product-size {
                ul {
                  li {
                    border-radius: 0.375rem;
                  }
                  li {
                    background-color: rgba(var(--light-primary),1);
                  }
                  li {
                    .btn {
                      padding: 0 !important;
                    }
                    @media (min-width: 1200px) {
                       {
                         {
                           {
                            .btn {
                            }
                          }
                        }
                      }
                    }
                    @media (max-width: 575px) {
                       {
                         {
                           {
                            .btn {
                            }
                          }
                        }
                      }
                    }
                    .btn {
                      display: flex !important;
                    }
                    .btn {
                      height: 35px;
                    }
                    .btn {
                      width: 45px;
                    }
                    .btn {
                      align-items: center;
                    }
                    .btn {
                      justify-content: center;
                    }
                    .btn {
                      padding: 0px;
                    }
                    .btn {
                      font-weight: 500;
                    }
                    .btn {
                      color: rgba(var(--theme-default),1);
                    }
                    &:hover {
                      .btn {
                        background-color: rgba(var(--theme-default),1);
                      }
                      .btn {
                        color: rgba(var(--white),1);
                      }
                    }
                  }
                }
              }
              .product-view {
                h6 {
                  margin-bottom: 0.375rem;
                }
                p {
                  height: auto;
                }
                p {
                  -webkit-line-clamp: 3;
                  -webkit-box-orient: vertical;
                  overflow: hidden;
                  display: -webkit-box;
                }
              }
            }
          }
        }
      }
    }
  }
  &.sidebaron {
    .product-sidebar {
      .filter-section {
        .card {
          .card-header {
            border-bottom-right-radius: 0px;
          }
          .card-header {
            border-bottom-left-radius: 0px;
          }
          @media (max-width: 575px) {
             {
               {
                 {
                  > .left-filter {
                    width: 90%;
                  }
                }
              }
            }

             {
               {
                 {
                   {
                    > .left-filter {
                      width: 90%;
                    }
                  }
                }
              }
            }
          }
          @media (max-width: 575px) {
             {
               {
                 {
                  > .left-filter {
                    width: 90%;
                  }
                }
              }
            }

             {
               {
                 {
                   {
                    > .left-filter {
                      width: 90%;
                    }
                  }
                }
              }
            }
          }
          .left-filter {
            visibility: visible;
          }
          .left-filter {
            position: absolute;
          }
          .left-filter {
            top: 50px;
          }
          .left-filter {
            z-index: 3;
          }
          .left-filter {
            height: auto;
          }
          .left-filter {
            width: 100%;
          }
          .left-filter {
            border-bottom-right-radius: 5px;
          }
          .left-filter {
            border-bottom-left-radius: 5px;
          }
          .left-filter {
            background-color: rgba(var(--white),1);
          }
          .left-filter {
            opacity: 1;
          }
          .left-filter {
            --tw-shadow: 0px 9px 20px rgba(46,35,94,0.07);
            --tw-shadow-colored: 0px 9px 20px var(--tw-shadow-color);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          }
        }
      }
    }
  }
}

.d-none-productlist {
  display: none;
  svg.table {
    white-space: pre-wrap !important;
  }
  svg {
    height: 1rem;
  }
  svg {
    cursor: pointer;
  }
  svg {
    vertical-align: middle;
  }
}

.product-wrapper-grid {
  &.list-view {
    @media (min-width: 1200px) {
       {
         {
           {
            .product-box {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            .product-box {
            }
          }
        }
      }
    }
    .product-box {
      display: flex;
    }
    .product-box {
      align-items: center;
    }
    .product-box {
      .product-img {
        width: 20%;
      }
      .product-details {
        text-align: left;
      }
      .modal {
        .modal-content {
          @media (max-width: 575px) {
             {
               {
                 {
                  > .product-img {
                    width: 90%;
                  }
                }
              }
            }

             {
               {
                 {
                   {
                    > .product-img {
                      width: 90%;
                    }
                  }
                }
              }
            }
          }
          @media (max-width: 575px) {
             {
               {
                 {
                  > .product-img {
                    width: 90%;
                  }
                }
              }
            }

             {
               {
                 {
                   {
                    > .product-img {
                      width: 90%;
                    }
                  }
                }
              }
            }
          }
          .product-img {
            width: 100%;
          }
        }
      }
    }
  }
  .pswp {
    display: none;
  }
}

.slider-product {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-bottom: 15px;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-style: solid;
  border-top-color: rgba(var(--light-color),1);
  border-bottom-color: rgba(var(--light-color),1);
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 15px;
  padding-bottom: 15px;
}

@media (min-width: 1200px) {
   {
     {
       {
        .products-total {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .products-total {
        }
      }
    }
  }
}

.products-total {
  display: flex;
  align-items: center;
}

.grid-options {
  margin-left: 0.625rem;
  height: 33px;
  ul {
    li {
      a {
        position: relative;
      }
      a {
        .line-grid {
          position: absolute;
        }
        .line-grid {
          top: 9px;
        }
        .line-grid {
          height: 15px;
        }
        .line-grid {
          width: 0.25rem;
        }
        .line-grid-1 {
          left: 0.75rem;
        }
        .line-grid-2 {
          left: 18px;
        }
        .line-grid-3 {
          left: 2.25rem;
        }
        .line-grid-4 {
          left: 42px;
        }
        .line-grid-5 {
          left: 3rem;
        }
        .line-grid-6 {
          left: 66px;
        }
        .line-grid-7 {
          left: 72px;
        }
        .line-grid-8 {
          left: 78px;
        }
        .line-grid-9 {
          left: 84px;
        }
        .line-grid-10 {
          left: 103px;
        }
        .line-grid-11 {
          left: 109px;
        }
        .line-grid-12 {
          left: 115px;
        }
        .line-grid-13 {
          left: 121px;
        }
        .line-grid-14 {
          left: 127px;
        }
        .line-grid-15 {
          left: 133px;
        }
      }
    }
  }
}

.square-product-setting.table {
  white-space: pre-wrap !important;
}

.square-product-setting {
  height: 2.25rem;
  vertical-align: middle;
  a {
    color: rgba(var(--theme-body-font-color),1);
  }
  @media (min-width: 1200px) {
     {
       {
         {
          .icon-grid {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .icon-grid {
          }
        }
      }
    }
  }
  .icon-grid {
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
  .icon-grid {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .icon-grid {
    display: flex;
  }
  .icon-grid {
    align-items: center;
  }
  .icon-grid {
    background-color: rgba(var(--white),1);
  }
  .icon-grid {
    padding: 7px;
  }
  .icon-grid {
    svg {
      height: 20px;
    }
    svg {
      width: 20px;
    }
  }
}

.product-filter {
  .banner-product {
    margin-top: 15px;
  }
  &:last-child {
    .checkbox-animated {
      margin-bottom: 0 !important;
    }
    .checkbox-animated {
      margin-bottom: 0px;
    }
  }
  .checkbox-animated {
    .form-check {
      margin-bottom: 16px !important;
    }
    .form-check {
      padding: 0 !important;
    }
    @media (min-width: 1200px) {
       {
         {
           {
            .form-check {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            .form-check {
            }
          }
        }
      }
    }
    .form-check {
      margin-bottom: 0.75rem;
    }
    .form-check {
      display: flex;
    }
    .form-check {
      align-items: center;
    }
    .form-check {
      justify-content: flex-start;
    }
    .form-check {
      padding: 0px;
    }
    .form-check:last-child {
      margin-bottom: 0 !important;
    }
    .form-check:last-child {
      margin-bottom: 0px;
    }
    .form-check {
      @media (min-width: 1200px) {
         {
           {
             {
              .form-check-label {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              > .form-check-label {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > .form-check-label {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              > .form-check-label {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > .form-check-label {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              .form-check-label {
              }
            }
          }
        }
      }
      .form-check-label {
        display: flex;
      }
      .form-check-label {
        width: 100%;
      }
      .form-check-label {
        align-items: center;
      }
      .form-check-label {
        justify-content: space-between;
      }
      .form-check-label {
        .name {
          font-size: 1rem;
          line-height: 1.5rem;
        }
        .number {
          color: rgba(var(--badge-light-color),0.8);
        }
      }
    }
  }
  &.product-range {
    .irs--square {
      .irs-handle {
        border-width: 3px !important;
      }
      .irs-handle {
        border-style: solid;
      }
      .irs-handle {
        border-color: rgba(var(--theme-default),1);
      }
      .irs-from,
        .irs-to,
        .irs-bar {
        background-color: rgba(var(--theme-default),1);
      }
    }
  }
  h6 {
    margin-bottom: 15px;
  }
  .color-selector {
    line-height: 0.9;
  }
  .color-selector {
    ul {
      li {
        position: relative;
      }
      li {
        display: inline-block;
      }
      li {
        height: 22px;
      }
      li {
        width: 22px;
      }
      li {
        cursor: pointer;
      }
      li {
        border-radius: 100%;
      }
      li {
        border-width: 1px;
      }
      li {
        border-style: solid;
      }
      li {
        border-color: rgba(var(--badge-light-color),1);
      }
      li {
        &.active {
          &::before {
            position: absolute;
          }
          &::before {
            left: 50%;
          }
          &::before {
            top: 50%;
          }
          &::before {
            --tw-translate-x: -50%;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          }
          &::before {
            --tw-translate-y: -50%;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          }
          &::before {
            font-weight: 600;
          }
          &::before {
            color: rgba(var(--theme-default),1);
          }
          &::before {
            --tw-content: "\f00c";
            content: var(--tw-content);
          }
          &::before {
            font-family: var(--font-awesome);
          }
        }
        &.white {
          background-color: rgba(var(--white),1);
        }
        &.black {
          background-color: rgba(var(--black),1);
        }
        &.orange {
          --tw-bg-opacity: 1;
          background-color: rgb(255 166 102 / var(--tw-bg-opacity, 1));
        }
        &.green {
          --tw-bg-opacity: 1;
          background-color: rgb(118 188 108 / var(--tw-bg-opacity, 1));
        }
        &.pink {
          --tw-bg-opacity: 1;
          background-color: rgb(255 122 145 / var(--tw-bg-opacity, 1));
        }
        &.yellow {
          --tw-bg-opacity: 1;
          background-color: rgb(237 245 117 / var(--tw-bg-opacity, 1));
        }
        &.blue {
          --tw-bg-opacity: 1;
          background-color: rgb(118 189 244 / var(--tw-bg-opacity, 1));
        }
        &.red {
          --tw-bg-opacity: 1;
          background-color: rgb(255 92 119 / var(--tw-bg-opacity, 1));
        }
      }
    }
  }
}

.dropdown-product {
  margin-bottom: 0.625rem;
  --tw-shadow: 1px 5px 24px 0 rgba(68,102,242,0.05);
  --tw-shadow-colored: 1px 5px 24px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.feature-products {
  form {
    .form-group {
      position: relative;
    }
    .form-group {
      input {
        margin-bottom: 15px;
      }
      input {
        height: 50px;
      }
      input {
        border-style: none !important;
      }
      input {
        padding-left: 30px;
      }
      input {
        color: rgba(var(--body-font-color),1);
      }
      input {
        --tw-shadow: 1px 5px 24px 0 rgba(68,102,242,0.05);
        --tw-shadow-colored: 1px 5px 24px 0 var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
      }
      i {
        position: absolute;
      }
      i {
        right: 30px;
      }
      i {
        top: 18px;
      }
      i {
        color: rgba(var(--dark-gray),1);
      }
    }
  }
}

.product-box {
  overflow: hidden;
  border-radius: 10px;
  .product-details {
    padding-left: 25px;
    padding-right: 25px;
  }
  .product-details {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .product-details {
    > a {
      color: rgba(var(--theme-body-font-color),1);
    }
    p {
      margin-bottom: 0 !important;
    }
    p {
      margin-bottom: 0px;
    }
    p {
      height: auto;
    }
    p {
      opacity: 0.8;
    }
    p {
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      display: -webkit-box;
    }
    h4 {
      margin-bottom: 0 !important;
    }
    h4 {
      margin-top: 5px;
    }
    h4 {
      margin-bottom: 0px;
    }
    h4 {
      font-size: 1.25rem;
      line-height: 1.75rem;
    }
    h4 {
      font-family: var(--font-roboto);
    }
    h6 {
      margin-bottom: 0.625rem;
    }
    h6 {
      text-transform: uppercase;
    }
    h6 {
      color: rgba(var(--theme-body-font-color),1);
    }
    span {
      color: rgba(var(--dark-gray),1);
    }
    .rating {
      i {
        font-size: 1rem;
        line-height: 1.5rem;
      }
      i {
        letter-spacing: 3px;
      }
      i {
        color: rgba(var(--warning-color),1);
      }
    }
  }
  .modal {
    .modal-header {
      .product-box {
        .product-details {
          padding-left: 0 !important;
          padding-right: 0 !important;
        }
        .product-details {
          padding-left: 0px;
          padding-right: 0px;
        }
        .product-details {
          padding-top: 25px;
          padding-bottom: 25px;
        }
        .product-details {
          > a {
            font-size: 1.25rem;
            line-height: 1.75rem;
          }
          > a {
            font-weight: 600;
          }
          > a {
            font-family: var(--font-roboto);
          }
          h6 {
            text-transform: capitalize;
          }
          .product-price {
            margin-bottom: 0.625rem;
          }
          .product-price {
            font-size: 22px;
          }
          .product-view {
            padding-left: 0 !important;
            padding-right: 0 !important;
          }
          .product-view {
            border-top-width: 1px;
          }
          .product-view {
            border-bottom-width: 1px;
          }
          .product-view {
            border-style: dashed;
          }
          .product-view {
            border-top-color: rgba(var(--recent-dashed-border),1);
          }
          .product-view {
            border-bottom-color: rgba(var(--recent-dashed-border),1);
          }
          .product-view {
            padding-left: 0px;
            padding-right: 0px;
          }
          .product-view {
            padding-top: 1.25rem;
            padding-bottom: 1.25rem;
          }
          .product-size {
            margin-left: 0px;
            margin-right: 0px;
          }
          .product-size {
            margin-top: 1.25rem;
            margin-bottom: 1.25rem;
          }
          .product-size {
            ul {
              li {
                display: inline-block;
              }
            }
          }
          .product-qnty {
            fieldset {
              margin-bottom: 1.25rem !important;
            }
            fieldset {
              .input-group {
                width: 35%;
              }
              .input-group {
                .btn {
                  padding-left: 0.75rem;
                  padding-right: 0.75rem;
                }
                .btn {
                  padding-top: 5px;
                  padding-bottom: 5px;
                }
                .btn-primary {
                  border-width: 1px;
                }
                .btn-primary {
                  border-style: solid;
                }
                .btn-primary {
                  border-color: rgba(var(--semi-dark),1);
                }
                .btn-primary {
                  background-color: rgba(var(--semi-dark),1);
                }
              }
              .touchspin-wrapper {
                @media (min-width: 1200px) {
                   {
                     {
                       {
                        button {
                        }
                      }
                    }
                  }
                }
                @media (max-width: 575px) {
                   {
                     {
                       {
                        button {
                        }
                      }
                    }
                  }
                }
                button {
                  display: flex !important;
                }
                button {
                  align-items: center;
                }
                button {
                  justify-content: center;
                }
              }
            }
          }
          div {
            .btn {
              display: inline-block !important;
            }
          }
        }
      }
      .btn-close {
        position: absolute;
      }
      .btn-close {
        right: 1.25rem;
      }
      .btn-close {
        top: 1.25rem;
      }
    }
  }
  .product-img {
    position: relative;
  }
  .product-img {
    @media (min-width: 1200px) {
       {
         {
           {
            .product-hover {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            .product-hover {
            }
          }
        }
      }
    }
    .product-hover {
      position: absolute;
    }
    .product-hover {
      top: 0px;
    }
    .product-hover {
      display: flex;
    }
    .product-hover {
      height: 100%;
    }
    .product-hover {
      width: 100%;
    }
    .product-hover {
      --tw-scale-x: 0;
      --tw-scale-y: 0;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    .product-hover {
      align-items: center;
    }
    .product-hover {
      justify-content: center;
    }
    .product-hover {
      border-radius: 100%;
    }
    .product-hover {
      background-color: rgba(var(--black),0.3);
    }
    .product-hover {
      opacity: 0;
    }
    .product-hover {
      transition-property: all;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }
    .product-hover {
      transition-duration: 0.3s;
    }
    .product-hover {
      transition-timing-function: ease;
    }
    .product-hover {
      ul {
        li:not(.product-wrapper-grid .product-box .product-hover li) {
          margin-left: 3px;
          margin-right: 3px;
        }
        li:not(.product-wrapper-grid .product-box .product-hover li) {
          margin-top: 0px;
          margin-bottom: 0px;
        }
        li:not(.product-wrapper-grid .product-box .product-hover li) {
          display: inline-block;
        }
        li:not(.product-wrapper-grid .product-box .product-hover li) {
          height: calc(38px + (45 - 38) * ((100vw - 320px) / (1920 - 320)));
        }
        li:not(.product-wrapper-grid .product-box .product-hover li) {
          width: calc(38px + (45 - 38) * ((100vw - 320px) / (1920 - 320)));
        }
        li:not(.product-wrapper-grid .product-box .product-hover li) {
          cursor: pointer;
        }
        li:not(.product-wrapper-grid .product-box .product-hover li) {
          border-radius: 10px;
        }
        li:not(.product-wrapper-grid .product-box .product-hover li) {
          background-color: rgba(var(--white),1);
        }
        li:not(.product-wrapper-grid .product-box .product-hover li) {
          padding-top: calc(6px + (10 - 6) * ((100vw - 320px) / (1920 - 320)));
          padding-bottom: calc(6px + (10 - 6) * ((100vw - 320px) / (1920 - 320)));
        }
        li:not(.product-wrapper-grid .product-box .product-hover li) {
          padding-left: calc(12px + (13 - 12) * ((100vw - 320px) / (1920 - 320)));
          padding-right: calc(12px + (13 - 12) * ((100vw - 320px) / (1920 - 320)));
        }
        li:not(.product-wrapper-grid .product-box .product-hover li) {
          font-size: 1.125rem;
          line-height: 1.75rem;
        }
        li:not(.product-wrapper-grid .product-box .product-hover li) {
          --tw-shadow: 1px 1px 2px 1px rgba(0,0,0,0.08);
          --tw-shadow-colored: 1px 1px 2px 1px var(--tw-shadow-color);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
        }
        i {
          font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
        }
        i {
          color: rgba(var(--dark-gray),1);
        }
        .btn {
          padding: 0 !important;
        }
        .btn {
          padding: 0px;
        }
      }
    }
  }
  &:hover {
    .product-hover {
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    .product-hover {
      border-radius: 0%;
    }
    .product-hover {
      opacity: 1;
    }
    .product-hover {
      transition-property: all;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }
    .product-hover {
      transition-duration: 0.3s;
    }
    .product-hover {
      transition-timing-function: ease;
    }
  }
}

.product-page-main {
  .tabs {
    padding: 1.25rem;
  }
  .tab-links {
    border-bottom-width: 1px;
  }
  .tab-links {
    border-style: solid;
  }
  .tab-links {
    border-bottom-color: rgba(var(--chart-border),1);
  }
  .tab-links {
    li {
      .tab-link {
        display: block;
      }
      .tab-link {
        display: block;
      }
      .tab-link {
        border-bottom-width: 2px;
      }
      .tab-link {
        border-style: solid;
      }
      .tab-link {
        border-bottom-color: var(--transparent-color);
      }
      .tab-link {
        &.active,
          &:focus {
          border-bottom-width: 2px;
        }
        &.active,
          &:focus {
          border-style: solid;
        }
        &.active,
          &:focus {
          border-bottom-color: rgba(var(--theme-default),1) !important;
        }
      }
    }
  }
  .main-star-rating {
    gap: 0.375rem;
  }
  .main-star-rating {
    .common-flex {
      gap: 0.375rem;
    }
    .common-flex {
      i {
        font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
      }
    }
  }
  .card-body {
    hr {
      border-top-width: 1.5px !important;
    }
    hr {
      border-style: solid;
    }
    hr {
      border-top-color: rgba(var(--badge-light-color),0.3);
    }
  }
  .tab-content {
    margin-top: 48px !important;
  }
  .tab-content {
    margin-top: 1.25rem;
  }
  .tab-content {
    .info-part {
      padding-bottom: 1.25rem;
    }
    .info-part:last-child {
      padding-bottom: 0 !important;
    }
    .info-part:last-child {
      padding-bottom: 0px;
    }
    .info-part {
      h6 {
        margin-bottom: 8px !important;
      }
      h6 {
        margin-bottom: 0.5rem;
      }
      h6 {
        font-weight: 500;
      }
      p {
        margin-bottom: 0 !important;
      }
      p {
        margin-bottom: 0px;
      }
    }
  }
  .owl-item {
    .item {
      border-radius: 5px;
    }
    .item {
      border-width: 1px;
    }
    .item {
      border-style: solid;
    }
    .item {
      border-color: rgba(var(--light-color),1);
    }
    .item {
      --tw-bg-opacity: 1;
      background-color: rgb(248 248 248 / var(--tw-bg-opacity, 1));
    }
    &.current {
      .item {
        border-width: 1px;
      }
      .item {
        border-style: solid;
      }
      .item {
        border-color: rgba(var(--theme-default),1);
      }
    }
  }
  .product-slider {
    margin-bottom: 1.25rem;
  }
  .product-slider {
    .owl-item {
      .item {
        img {
          border-radius: unset;
        }
      }
    }
    figure {
      &.zoom {
        position: relative;
      }
      &.zoom {
        cursor: zoom-in;
      }
      &.zoom {
        overflow: hidden;
      }
      &.zoom {
        background-position: 50% 50%;
      }
      &.zoom {
        img {
          display: block;
        }
        @media (max-width: 575px) {
           {
             {
               {
                > img {
                  width: 90%;
                }
              }
            }
          }

           {
             {
               {
                 {
                  > img {
                    width: 90%;
                  }
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                > img {
                  width: 90%;
                }
              }
            }
          }

           {
             {
               {
                 {
                  > img {
                    width: 90%;
                  }
                }
              }
            }
          }
        }
        img {
          display: block;
        }
        img {
          width: 100%;
        }
        img {
          transition-property: opacity;
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-duration: 150ms;
        }
        img {
          transition-duration: 0.5s;
        }
        img {
          &:hover {
            opacity: 0;
          }
        }
      }
    }
  }
  .product-color {
    margin-top: 0.625rem;
  }
}

.product-page-details {
  h4 {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  h4 {
    text-transform: uppercase;
  }
  h4 {
    color: rgba(var(--theme-body-font-color),1);
  }
  span {
    padding-left: 15px;
  }
}

.br-theme-fontawesome-stars {
  .br-widget {
    a,
      a.br-selected:after,
      a.br-active:after {
      color: rgba(var(--warning-color),1);
    }
    a,
      a.br-selected:after,
      a.br-active:after {
      font: normal normal normal 14px/1 FontAwesome;
    }
  }
}

.product-price {
  margin-top: 5px;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 500;
  line-height: 1;
  color: rgba(var(--theme-default),1);
  del {
    padding-left: 0.25rem;
  }
  del {
    vertical-align: text-bottom;
  }
  del {
    font-size: 80%;
  }
  del {
    color: rgba(var(--dark-color),0.4);
  }
}

.product-color {
  li {
    margin-left: 0.125rem;
    margin-right: 0.125rem;
  }
  li {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  li {
    display: inline-block;
  }
  li {
    height: 1.25rem;
  }
  li {
    width: 1.25rem;
  }
  li {
    border-radius: 100%;
  }
}

.product-page-main {
  p {
    font-size: 15px;
  }
  .tab-link {
    font-weight: 500;
  }
  .tab-link {
    text-transform: uppercase;
  }
  .tab-link {
    &.active {
      background-color: transparent !important;
    }
    &.active {
      color: rgba(var(--theme-default),1) !important;
    }
  }
}

.product-rate {
  .form-check {
    .common-flex {
      gap: 0.25rem;
    }
    .common-flex {
      i {
        color: rgba(var(--badge-light-color),1);
      }
      i {
        &.fill {
          color: rgba(var(--warning-color),1);
        }
      }
    }
  }
}

.payment-opt {
  li {
    display: inline-block;
  }
  li {
    img {
      margin-bottom: 0 !important;
    }
    img {
      margin-left: 0px;
    }
    img {
      margin-right: 15px;
    }
    img {
      margin-top: 15px;
    }
    img {
      margin-bottom: 0px;
    }
    img {
      height: 1.25rem;
    }
  }
}

.vanilla-zoom {
  display: block;
}

.product-page-main {
  .vanilla-zoom {
    > .product-slider {
      .item {
        background-color: transparent;
      }
      .item {
        img {
          opacity: 0;
        }
      }
    }
  }
}

@media (max-width: 1660px) and (min-width: 1200px) {
  .owl-carousel {
    .owl-item {
      img {
        margin-left: auto;
        margin-right: auto;
      }
      img {
        margin-top: 0px;
        margin-bottom: 0px;
      }
      img {
        max-width: 420px;
      }
    }
  }
}

@media (max-width: 1500px) {
  .product-page-main {
    .product-slider {
      img {
        height: auto;
      }
      img {
        -o-object-fit: cover;
           object-fit: cover;
      }
    }
  }
}

@media (max-width: 1400px) {
  .product-wrapper {
    .product-grid {
      .product-wrapper-grid {
        .product-box {
          .product-details {
            > p {
              height: auto;
            }
            > p {
              -webkit-line-clamp: 1;
              -webkit-box-orient: vertical;
              overflow: hidden;
              display: -webkit-box;
            }
          }
        }
      }
    }
  }

  .product-page-main {
    .product-slider {
      img {
        height: 520px;
      }
      img {
        -o-object-fit: cover;
           object-fit: cover;
      }
    }
  }
}

@media (max-width: 1399px) {
  .owl-carousel {
    .owl-item {
      img {
        max-width: 100%;
      }
    }
  }
}

@media (max-width: 991px) {
  .product-wrapper {
    .product-grid {
      .product-wrapper-grid {
        .modal {
          .modal-header {
            .product-box {
              .product-details {
                padding-bottom: 0 !important;
              }
              .product-details {
                padding-bottom: 0px;
              }
            }
          }
        }
      }
    }
  }

  .product-wrapper-grid {
    &.list-view {
      .product-box {
        .modal {
          .modal-content {
            @media (max-width: 575px) {
               {
                 {
                   {
                    > .product-img {
                      width: 90%;
                    }
                  }
                }
              }

               {
                 {
                   {
                     {
                      > .product-img {
                        width: 90%;
                      }
                    }
                  }
                }
              }
            }
            @media (max-width: 575px) {
               {
                 {
                   {
                    > .product-img {
                      width: 90%;
                    }
                  }
                }
              }

               {
                 {
                   {
                     {
                      > .product-img {
                        width: 90%;
                      }
                    }
                  }
                }
              }
            }
            .product-img {
              width: 100%;
            }
          }
        }
      }
    }
  }

   {
     {
       {
        .\!modal {
           {
             {
               {
                padding-bottom: 0 !important;
              }
               {
                padding-bottom: 0px;
              }
            }
          }
        }
      }
    }
     {
       {
        .\!modal {
           {
            @media (max-width: 575px) {
               {
                 {
                   {
                    >  {
                      width: 90%;
                    }
                  }
                }
              }

               {
                 {
                   {
                     {
                      >  {
                        width: 90%;
                      }
                    }
                  }
                }
              }
            }
            @media (max-width: 575px) {
               {
                 {
                   {
                    >  {
                      width: 90%;
                    }
                  }
                }
              }

               {
                 {
                   {
                     {
                      >  {
                        width: 90%;
                      }
                    }
                  }
                }
              }
            }
             {
              width: 100%;
            }
          }
        }
      }
    }
     {
       {
        .\!modal {
           {
             {
               {
                padding-bottom: 0 !important;
              }
               {
                padding-bottom: 0px;
              }
            }
          }
        }
      }
    }
     {
       {
        .\!modal {
           {
            @media (max-width: 575px) {
               {
                 {
                   {
                    >  {
                      width: 90%;
                    }
                  }
                }
              }

               {
                 {
                   {
                     {
                      >  {
                        width: 90%;
                      }
                    }
                  }
                }
              }
            }
            @media (max-width: 575px) {
               {
                 {
                   {
                    >  {
                      width: 90%;
                    }
                  }
                }
              }

               {
                 {
                   {
                     {
                      >  {
                        width: 90%;
                      }
                    }
                  }
                }
              }
            }
             {
              width: 100%;
            }
          }
        }
      }
    }
  }
}

@media (max-width: 575px) {
  .filter-block {
    ul {
      li {
        padding-top: 3px;
      }
    }
  }

  .product-page-main {
    .tab-links {
      li {
        .tab-link {
          display: block;
        }
        .tab-link {
          display: block;
        }
      }
    }
    .touchspin-wrapper {
      .btn-touchspin {
        height: 1.5rem;
      }
      .btn-touchspin {
        width: 1.5rem;
      }
      .btn-touchspin {
        i {
          display: grid;
        }
        i > div {
          position: relative;
        }
        @media (max-width: 575px) {
           {
             {
               {
                i {
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                i {
                }
              }
            }
          }
        }
        i {
          display: grid;
        }
        i {
          place-items: center;
        }
      }
      input[type="number"] {
        height: 23px;
      }
      input[type="number"] {
        width: 60px;
      }
    }
  }
}

.browse {
  .browse-articles {
    h6 {
      margin-bottom: 0 !important;
    }
    h6 {
      margin-bottom: 0px;
    }
    h6 {
      border-bottom-width: 1px;
    }
    h6 {
      border-style: solid;
    }
    h6 {
      border-bottom-color: rgba(var(--light-gray),1);
    }
    h6 {
      padding-left: 30px;
    }
    h6 {
      padding-bottom: 0.625rem;
    }
    h6 {
      line-height: 1.6;
    }
    h6 {
      span {
        svg {
          left: 7px;
        }
        svg {
          top: 0.25rem;
        }
        svg {
          height: 16px;
        }
        svg {
          width: 16px;
        }
        svg {
          vertical-align: text-top;
        }
      }
    }
    span.table {
      white-space: pre-wrap !important;
    }
    span {
      vertical-align: middle;
    }
    span {
      &:nth-child(2) {
        padding-left: 1.25rem;
      }
      svg {
        position: absolute;
      }
      svg {
        left: 0px;
      }
      svg {
        top: 0.125rem;
      }
      svg {
        height: 0.875rem;
      }
      svg {
        width: 0.875rem;
      }
      svg {
        vertical-align: text-top;
      }
    }
    ul {
      li {
        border-radius: 0.5rem;
      }
      li {
        padding: 0.5rem;
      }
      li:hover {
        background-color: rgba(var(--light),1);
      }
      li {
        @media (min-width: 1200px) {
           {
             {
               {
                a {
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                a {
                }
              }
            }
          }
        }
        a {
          position: relative;
        }
        a {
          display: flex;
        }
        a {
          align-items: center;
        }
        a {
          gap: 0.625rem;
        }
        a {
          color: rgba(var(--theme-body-font-color),1);
        }
      }
    }
  }
}

.badge {
  &.pull-right {
    padding-top: 0.25rem;
  }
}

.articles-icons {
  svg {
    min-width: 18px;
  }
  .grow {
    flex: 1 1 0%;
  }
}

.profile-img-style,
  .scroll-bar-wrap {
  @media (max-width: 575px) {
     {
       {
         {
          > img {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > img {
              width: 90%;
            }
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          > img {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > img {
              width: 90%;
            }
          }
        }
      }
    }
  }
  img {
    width: 100%;
  }
}

.gallery {
  margin-bottom: -30px;
  > a {
    margin-bottom: 30px;
  }
  @media (min-width: 1200px) {
  }
  @media (max-width: 575px) {
  }
  > a::before {
    content: var(--tw-content);
    position: absolute;
  }
  > a::before {
    content: var(--tw-content);
    left: 1.25rem;
  }
  > a::before {
    content: var(--tw-content);
    top: 5px;
  }
  > a::before {
    content: var(--tw-content);
    display: flex;
  }
  > a::before {
    content: var(--tw-content);
    height: calc(100% - 10px);
  }
  > a::before {
    content: var(--tw-content);
    width: calc(100% - 40px);
  }
  > a::before {
    content: var(--tw-content);
    --tw-scale-x: 0;
    --tw-scale-y: 0;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  > a::before {
    content: var(--tw-content);
    align-items: center;
  }
  > a::before {
    content: var(--tw-content);
    justify-content: center;
  }
  > a::before {
    content: var(--tw-content);
    background-color: rgba(var(--white),0.27);
  }
  > a::before {
    content: var(--tw-content);
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
  > a::before {
    content: var(--tw-content);
    color: rgba(var(--black),1);
  }
  > a::before {
    content: var(--tw-content);
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  > a::before {
    content: var(--tw-content);
    transition-duration: 0.3s;
  }
  > a::before {
    content: var(--tw-content);
    transition-timing-function: ease;
  }
  > a::before {
    --tw-content: "\edee";
    content: var(--tw-content);
  }
  > a:hover::before {
    content: var(--tw-content);
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  > a:hover::before {
    content: var(--tw-content);
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  > a:hover::before {
    content: var(--tw-content);
    transition-duration: 0.3s;
  }
  > a:hover::before {
    content: var(--tw-content);
    transition-timing-function: ease;
  }
  > a {
    &:before {
      font-family: var(--font-ICO);
    }
    .img-thumbnail {
      border-radius: 0px;
    }
  }
}

.gallery-with-description {
  figure {
    padding: 0 !important;
  }
  figure {
    border-radius: 0.25rem;
  }
  figure {
    border-width: 1px;
  }
  figure {
    border-style: solid;
  }
  figure {
    border-color: rgba(var(--black),0.07);
  }
  figure {
    padding: 0px;
  }
  figure {
    border: unset;
  }
  a {
    > div {
      margin-bottom: 30px;
    }
    > div {
      border-radius: 0 0 5px 5px;
    }
    > div {
      border-width: 1px !important;
    }
    > div {
      border-color: rgba(var(--gray-60),0.6) !important;
    }
    > div {
      padding: 0.625rem;
    }
    &:hover {
      text-decoration-line: none;
    }
    .caption {
      margin: 0px !important;
    }
    .caption {
      margin: 0px;
    }
  }
  h4 {
    font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
  }
  h4 {
    color: rgba(var(--dark-color),1);
  }
  p {
    --tw-text-opacity: 1;
    color: rgb(163 163 163 / var(--tw-text-opacity, 1));
  }
  p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}

.lg-backdrop {
  background-color: rgba(var(--white),1);
}

.lg-outer {
  .lg-actions {
    .lg-next,
      .lg-prev {
      border-width: 1px;
    }
    .lg-next,
      .lg-prev {
      border-style: solid;
    }
    .lg-next,
      .lg-prev {
      border-color: rgba(var(--light-semi-gray),1);
    }
    .lg-next,
      .lg-prev {
      --tw-bg-opacity: 1;
      background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    }
    .lg-next,
      .lg-prev {
      &:hover {
        color: rgba(var(--dark-color),1);
      }
    }
  }
  .lg-toolbar {
    border-bottom-width: 1px;
  }
  .lg-toolbar {
    border-style: solid;
  }
  .lg-toolbar {
    border-bottom-color: rgba(var(--dark-color),1);
  }
  .lg-toolbar {
    background-color: rgba(var(--white),0.45);
  }
  .lg-toolbar {
    .lg-icon {
      &:hover {
        color: rgba(var(--dark-color),1);
      }
    }
  }
  #lg-counter {
    color: rgba(var(--dark-color),1);
  }
  .lg-sub-html {
    background-color: rgba(var(--white),0.45);
  }
  .lg-sub-html {
    h4 {
      color: inherit;
    }
    h4 {
      color: rgba(var(--dark-color),1);
    }
    p {
      color: rgba(var(--dark-color),1);
    }
  }
  .lg-thumb-outer {
    background-color: rgba(var(--light-gray),1);
  }
  .lg-thumb-item {
    border-radius: 0px;
  }
  .lg-thumb-item {
    border-width: 1px;
  }
  .lg-thumb-item {
    border-style: solid;
  }
  .lg-thumb-item {
    border-color: rgba(var(--light-semi-gray),1);
  }
  .lg-thumb-item {
    padding: 0.25rem;
  }
  .lg-thumb-item {
    &.active,
      &:hover {
      border-color: rgba(var(--black),1);
    }
  }
}

.gallery {
  a {
    &:before,
      &:after {
      --tw-content: none;
      content: var(--tw-content);
    }
  }
  .img-hover {
    > div {
      overflow: hidden;
    }
  }
  .hover-1 {
    img {
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    img {
      transition-property: 0.3s;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }
    img {
      transition-duration: ease-in-out;
    }
    img:hover {
      --tw-scale-x: 1.2;
      --tw-scale-y: 1.2;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    img {
      -webkit-transform: scale(1);
      -webkit-transition: 0.3s ease-in-out;
      &:hover {
        -webkit-transform: scale(1.2);
      }
    }
  }
  .hover-2 {
    @media (max-width: 575px) {
       {
         {
           {
            > img {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > img {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > img {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > img {
                width: 90%;
              }
            }
          }
        }
      }
    }
    img {
      height: auto;
    }
    img {
      width: 100%;
    }
    img {
      --tw-translate-x: 0px;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    img {
      transition-property: 0.3s;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }
    img {
      transition-duration: ease-in-out;
    }
    img {
      -webkit-transition: 0.3s ease-in-out;
    }
    &:hover {
      img {
        --tw-translate-x: 2.5rem;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      }
      img {
        --tw-scale-x: 1.2;
        --tw-scale-y: 1.2;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      }
    }
  }
  .hover-3 {
    img {
      --tw-scale-x: 1.2;
      --tw-scale-y: 1.2;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    img {
      transition-property: 0.3s;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }
    img {
      transition-duration: ease-in-out;
    }
    img {
      -webkit-transform: scale(1.2);
      -webkit-transition: 0.3s ease-in-out;
    }
    &:hover {
      img {
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      }
      img {
        -webkit-transform: scale(1);
      }
    }
  }
  .hover-4 {
    img {
      --tw-scale-x: 1.5;
      --tw-scale-y: 1.5;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    img {
      transition-property: 0.3s;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }
    img {
      transition-duration: ease-in-out;
    }
    img {
      -webkit-transform: scale(1.5);
      -webkit-transition: 0.3s ease-in-out;
    }
    &:hover {
      img {
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      }
      img {
        -webkit-transform: scale(1);
      }
    }
  }
  .hover-5 {
    img {
      margin-left: 30px;
    }
    img {
      --tw-scale-x: 1.3;
      --tw-scale-y: 1.3;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    img {
      transition-property: 0.3s;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }
    img {
      transition-duration: ease-in-out;
    }
    img {
      -webkit-transform: scale(1.3);
      -webkit-transition: 0.3s ease-in-out;
    }
    &:hover {
      img {
        margin-left: 0px;
      }
    }
  }
  .hover-6 {
    img {
      --tw-rotate: 15deg;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    img {
      --tw-scale-x: 1.4;
      --tw-scale-y: 1.4;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    img {
      transition-property: 0.3s;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }
    img {
      transition-duration: ease-in-out;
    }
    img {
      -webkit-transform: rotate(15deg) scale(1.4);
      -webkit-transition: 0.3s ease-in-out;
    }
    &:hover {
      img {
        --tw-rotate: 0;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      }
      img {
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      }
      img {
        -webkit-transform: rotate(0) scale(1);
      }
    }
  }
  .hover-7 {
    img {
      --tw-blur: blur(3px);
      filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    }
    img {
      transition-property: 0.3s;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }
    img {
      transition-duration: ease-in-out;
    }
    img {
      -webkit-filter: blur(3px);
      -webkit-transition: 0.3s ease-in-out;
    }
    &:hover {
      img {
        --tw-blur:  ;
        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
      }
      img {
        -webkit-filter: blur(0);
      }
    }
  }
  .hover-8 {
    img {
      --tw-grayscale: grayscale(100%);
      filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    }
    img {
      transition-property: 0.3s;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }
    img {
      transition-duration: ease-in-out;
    }
    img {
      -webkit-filter: grayscale(100%);
      -webkit-transition: 0.3s ease-in-out;
    }
    &:hover {
      img {
        --tw-grayscale: grayscale(0);
        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
      }
      img {
        -webkit-filter: grayscale(0);
      }
    }
  }
  .hover-9 {
    img {
      --tw-sepia: sepia(100%);
      filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    }
    img {
      transition-property: 0.3s;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }
    img {
      transition-duration: ease-in-out;
    }
    img {
      -webkit-filter: sepia(100%);
      -webkit-transition: 0.3s ease-in-out;
    }
    &:hover {
      img {
        --tw-sepia: sepia(0);
        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
      }
      img {
        -webkit-filter: sepia(0);
      }
    }
  }
  .hover-10 {
    img {
      --tw-blur:  ;
      filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    }
    img {
      --tw-grayscale: grayscale(0);
      filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    }
    img {
      transition-property: 0.3s;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }
    img {
      transition-duration: ease-in-out;
    }
    img {
      -webkit-filter: grayscale(0) blur(0);
      -webkit-transition: 0.3s ease-in-out;
    }
    &:hover {
      img {
        --tw-blur: blur(3px);
        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
      }
      img {
        --tw-grayscale: grayscale(100%);
        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
      }
      img {
        -webkit-filter: grayscale(100%) blur(3px);
      }
    }
  }
  .hover-11 {
    img {
      opacity: 1;
    }
    img {
      transition-property: 0.3s;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }
    img {
      transition-duration: ease-in-out;
    }
    img {
      -webkit-transition: 0.3s ease-in-out;
    }
    &:hover {
      img {
        opacity: 0.5;
      }
    }
  }
  .hover-13 {
    &:hover {
      img {
        animation: flash 1.5s;
      }
      img {
        opacity: 1;
      }
      img {
        -webkit-animation: flash 1.5s;
      }
    }
  }
  .hover-14 {
    div {
      position: relative;
    }
    div::before {
      content: var(--tw-content);
      display: block;
    }
    div::before {
      content: var(--tw-content);
      position: absolute;
    }
    div::before {
      content: var(--tw-content);
      left: -75%;
    }
    div::before {
      content: var(--tw-content);
      top: 0px;
    }
    div::before {
      content: var(--tw-content);
      z-index: 2;
    }
    div::before {
      content: var(--tw-content);
      display: block;
    }
    div::before {
      content: var(--tw-content);
      height: 100%;
    }
    div::before {
      content: var(--tw-content);
      width: 50%;
    }
    div::before {
      content: var(--tw-content);
      --tw-skew-x: -25deg;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    div::before {
      --tw-content: "";
      content: var(--tw-content);
    }
    div:hover::before {
      content: var(--tw-content);
      animation: shine 0.75s;
    }
    div {
      &:before {
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
        -webkit-transform: skewX(-25deg);
      }
      &:hover {
        &:before {
          -webkit-animation: shine 0.75s;
        }
      }
    }
  }
  .hover-15 {
    div {
      position: relative;
    }
    div::before {
      content: var(--tw-content);
      display: block;
    }
    div::before {
      content: var(--tw-content);
      position: absolute;
    }
    div::before {
      content: var(--tw-content);
      left: 50%;
    }
    div::before {
      content: var(--tw-content);
      top: 50%;
    }
    div::before {
      content: var(--tw-content);
      z-index: 2;
    }
    div::before {
      content: var(--tw-content);
      display: block;
    }
    div::before {
      content: var(--tw-content);
      height: 0px;
    }
    div::before {
      content: var(--tw-content);
      width: 0px;
    }
    div::before {
      content: var(--tw-content);
      --tw-translate-x: -50%;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    div::before {
      content: var(--tw-content);
      --tw-translate-y: -50%;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    div::before {
      content: var(--tw-content);
      border-radius: 100%;
    }
    div::before {
      content: var(--tw-content);
      opacity: 0;
    }
    div::before {
      --tw-content: "";
      content: var(--tw-content);
    }
    div:hover::before {
      content: var(--tw-content);
      animation: circle 0.75s;
    }
    div {
      &:before {
        background-color: rgba(var(--white),0.2);
      }
      &:before {
        -webkit-transform: translate(-50%, -50%);
      }
      &:hover {
        &:before {
          -webkit-animation: circle 0.75s;
        }
      }
    }
  }
  .hover-16 {
    position: relative;
  }
  .hover-16 {
    @media (max-width: 575px) {
       {
         {
           {
            > .overlay-hover {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > .overlay-hover {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > .overlay-hover {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > .overlay-hover {
                width: 90%;
              }
            }
          }
        }
      }
    }
    .overlay-hover {
      visibility: hidden;
    }
    .overlay-hover {
      position: absolute;
    }
    .overlay-hover {
      inset: 0px;
    }
    .overlay-hover {
      height: 100%;
    }
    .overlay-hover {
      width: 100%;
    }
    .overlay-hover {
      gap: 15px;
    }
    .overlay-hover {
      background-color: rgba(var(--black),0.4);
    }
    .overlay-hover {
      padding: 18px;
    }
    .overlay-hover {
      opacity: 0;
    }
    .overlay-hover {
      transition-property: 0.5s;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }
    .overlay-hover {
      transition-duration: ease;
    }
    .overlay-hover {
      .overlay-content {
        text-align: center;
      }
      @media (max-width: 767px) {
         {
          .overlay-content {
          }
        }
      }
      .overlay-content {
        text-align: center;
      }
      .overlay-content {
        h5,
          p {
          color: rgba(var(--white),1);
        }
      }
    }
    &:hover {
      .overlay-hover {
        visibility: visible;
      }
      .overlay-hover {
        opacity: 1;
      }
    }
  }
  figure {
    &:nth-child(3) {
      .hover-16 {
        .overlay-hover {
          .overlay-content {
            text-align: left;
          }
        }
      }
    }
  }
}

* {
  box-sizing: border-box;
  &:after,
    &:before {
    box-sizing: border-box;
  }
}

.grid-item {
  img {
    max-width: 100%;
  }
  img {
    border-width: 1px;
  }
  img {
    border-style: solid;
  }
  img {
    --tw-border-opacity: 1;
    border-color: rgb(222 226 230 / var(--tw-border-opacity, 1));
  }
  img {
    background-color: rgba(var(--white),1);
  }
  img {
    padding: 0.25rem;
  }
}

.gallery-with-description {
  .grid-item {
    img {
      border-width: 0 !important;
    }
    img {
      padding: 0 !important;
    }
    img {
      border-width: 0px;
    }
    img {
      padding: 0px;
    }
  }
}

.my-gallery {
  &.gallery-with-description {
    .pswp {
      .pswp__img {
        border: none !important;
      }
    }
    .pswp__caption__center {
      h4 {
        color: rgba(var(--gray-60),1);
      }
      p {
        color: rgba(var(--font-gray-color),1);
      }
      ul {
        display: none;
      }
    }
    img {
      border-radius: 5px 5px 0 0;
    }
    img {
      border-width: 1px;
    }
    img {
      border-style: solid;
    }
    img {
      border-color: rgba(var(--ps-light-border),1);
    }
    img {
      padding: 0.625rem !important;
    }
    img {
      border-bottom: none !important;
    }
    a {
      > div {
        border-top: none;
      }
    }
  }
}

.gallery-description-skeleton {
  padding: 1.25rem;
  .skeleton-wrapper {
    border-radius: 5px;
  }
  .skeleton-wrapper {
    border-width: 1px;
  }
  .skeleton-wrapper {
    border-style: solid;
  }
  .skeleton-wrapper {
    border-color: rgba(var(--ps-light-border),1);
  }
  .skeleton-wrapper {
    padding: 0.625rem;
  }
  .skeleton-wrapper {
    @media (max-width: 575px) {
       {
         {
           {
            > .skeleton-image {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > .skeleton-image {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > .skeleton-image {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > .skeleton-image {
                width: 90%;
              }
            }
          }
        }
      }
    }
    .skeleton-image {
      height: 250px;
    }
    .skeleton-image {
      width: 100%;
    }
    .skeleton-image {
      animation: wave-square-lines 2s infinite ease-out;
    }
    .skeleton-image {
      background-position: 800px 100px;
    }
    .skeleton-image {
      background: linear-gradient(to right, rgba(137, 137, 137, 0.02) 2%, rgba(130, 130, 130, 0.02) 2%, rgba(137, 137, 137, 0.1) 14%);
    }
    .skeleton-caption {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
    .skeleton-caption {
      padding-left: 0px;
      padding-right: 0px;
    }
    .skeleton-caption {
      padding-top: 18px;
    }
    .skeleton-caption {
      padding-bottom: 5px;
    }
    .skeleton-caption {
      .skeleton-name {
        margin-bottom: 16px !important;
      }
      .skeleton-name {
        margin-bottom: 0.75rem;
      }
      .skeleton-name {
        height: 1.25rem;
      }
      .skeleton-name {
        width: 80%;
      }
      .skeleton-name {
        animation: wave-square-lines 2s infinite ease-out;
      }
      .skeleton-name {
        border-radius: 3px;
      }
      .skeleton-name {
        background-position: 800px 100px;
      }
      .skeleton-name {
        background: linear-gradient(to right, rgba(137, 137, 137, 0.02) 2%, rgba(130, 130, 130, 0.02) 2%, rgba(137, 137, 137, 0.1) 14%);
      }
      @media (max-width: 575px) {
         {
           {
             {
              > .skeleton-desc {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > .skeleton-desc {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              > .skeleton-desc {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > .skeleton-desc {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      .skeleton-desc {
        height: 13px;
      }
      .skeleton-desc {
        width: 100%;
      }
      .skeleton-desc {
        animation: wave-square-lines 2s infinite ease-out;
      }
      .skeleton-desc {
        border-radius: 3px;
      }
      .skeleton-desc {
        background-position: 800px 100px;
      }
      .skeleton-desc {
        background: linear-gradient(to right, rgba(137, 137, 137, 0.02) 2%, rgba(130, 130, 130, 0.02) 2%, rgba(137, 137, 137, 0.1) 14%);
        + .skeleton-desc {
          margin-top: 0.375rem;
        }
      }
    }
  }
}

.loader_skeleton {
  ~ .my-gallery {
    display: none;
  }
}

.img-thumbnail {
  height: auto;
  max-width: 100%;
  border-radius: 0.375rem;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--form-control-border-color),1);
  background-color: rgba(var(--white),1);
  padding: 0.25rem;
}

@keyframes flash {
  0% {
    opacity: 0.4;
  }

  100% {
    opacity: 1;
  }
}

@keyframes shine {
  100% {
    left: 125%;
  }
}

@keyframes circle {
  0% {
    opacity: 1;
  }

  40% {
    opacity: 1;
  }

  100% {
    width: 200%;
    height: 200%;
    opacity: 0;
  }
}

.blog-box {
  img {
    border-radius: 0.25rem;
  }
  .top-radius-blog {
    border-bottom-right-radius: 0px;
  }
  .top-radius-blog {
    border-bottom-left-radius: 0px;
  }
  h6 {
    margin-left: 0px;
    margin-right: 0px;
  }
  h6 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
  h6 {
    font-weight: 600;
  }
  .blog-details {
    padding-right: 1.25rem;
  }
  .blog-details {
    .blog-social {
      margin-top: 30px;
    }
    .blog-social {
      li {
        display: inline-block;
      }
      li {
        font-size: 0.75rem;
        line-height: 1rem;
      }
      li {
        color: rgba(var(--theme-body-sub-title-color),1) !important;
      }
      li:first-child {
        border-right-width: 1px;
      }
      li:first-child {
        border-style: solid;
      }
      li:first-child {
        border-right-color: rgba(var(--dark-gray),1);
      }
      li:first-child {
        padding-right: 1.25rem;
      }
      li {
        + li {
          padding-left: 1.25rem;
        }
        + li {
          padding-right: 0px;
        }
        + li {
          line-height: 1;
        }
        i {
          color: rgba(var(--light-color),1);
        }
        i {
          padding-right: 5px;
        }
        i {
          font-weight: 300;
        }
        i {
          color: rgba(var(--gray-60),1);
        }
      }
    }
    .blog-bottom-content {
      hr {
        border-width: 0 !important;
      }
      hr {
        margin-left: 0px;
        margin-right: 0px;
      }
      hr {
        margin-top: 8px;
        margin-bottom: 8px;
      }
      hr {
        border-width: 0px;
      }
      hr {
        border-top-width: 1px !important;
      }
      hr {
        border-style: solid;
      }
      hr {
        background-color: rgba(var(--gray-60),1);
      }
      hr {
        color: inherit;
      }
      hr {
        opacity: 0.25;
      }
    }
  }
  .blog-details-main {
    hr {
      border-width: 0 !important;
    }
    hr {
      margin-left: 0px;
      margin-right: 0px;
    }
    hr {
      margin-top: 1rem;
      margin-bottom: 1rem;
    }
    hr {
      border-width: 0px;
    }
    hr {
      border-top-width: 1px !important;
    }
    hr {
      border-style: solid;
    }
    hr {
      background-color: rgba(var(--gray-60),1);
    }
    hr {
      color: inherit;
    }
    hr {
      opacity: 0.25;
    }
    .blog-social {
      margin-left: 0px;
      margin-right: 0px;
    }
    .blog-social {
      margin-top: 1.25rem;
      margin-bottom: 1.25rem;
    }
    .blog-social {
      li {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
      }
      li {
        display: inline-block;
      }
      li {
        border-right-width: 1px;
      }
      li {
        border-style: dashed;
      }
      li {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
      }
      li {
        padding-top: 0px;
        padding-bottom: 0px;
      }
      li {
        font-size: 0.75rem;
        line-height: 1rem;
      }
      li {
        color: rgba(var(--theme-body-sub-title-color),1);
      }
      li:last-child {
        border-right-width: 0px;
      }
    }
    .blog-bottom-details {
      margin: 1.25rem;
    }
    .blog-bottom-details {
      display: inline-block;
    }
    .blog-bottom-details {
      font-size: 0.875rem;
      line-height: 1.25rem;
    }
    .blog-bottom-details {
      font-weight: 500;
    }
    .blog-bottom-details {
      line-height: 1.714;
    }
    .blog-bottom-details {
      color: rgba(var(--theme-body-font-color),1);
    }
  }
  .blog-date {
    color: rgba(var(--theme-body-sub-title-color),1);
  }
  .blog-date {
    span {
      padding-right: 5px;
    }
    span {
      font-size: 2.25rem;
      line-height: 2.5rem;
    }
    span {
      font-weight: 500;
    }
  }
  &.blog-shadow {
    @media (max-width: 575px) {
       {
         {
           {
            > &:before {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > &:before {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > &:before {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > &:before {
                width: 90%;
              }
            }
          }
        }
      }
    }
    &:before {
      position: absolute;
    }
    &:before {
      top: 0px;
      bottom: 0px;
    }
    &:before {
      height: 100%;
    }
    &:before {
      width: 100%;
    }
    &:before {
      border-radius: 5px;
    }
    &:before {
      --tw-shadow: inset 0px -200px 100px -13px rgba(0,0,0,0.6);
      --tw-shadow-colored: inset 0px -200px 100px -13px var(--tw-shadow-color);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
    &:before {
      transition-property: all;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }
    &:before {
      transition-duration: 0.3s;
    }
    &:before {
      transition-timing-function: ease;
    }
    &:before {
      --tw-content: "";
      content: var(--tw-content);
    }
    &:hover {
      &:before {
        --tw-shadow: inset 0px -200px 100px -13px rgba(0,0,0,0.65);
        --tw-shadow-colored: inset 0px -200px 100px -13px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
      }
      &:before {
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
      }
      &:before {
        transition-duration: 0.3s;
      }
      &:before {
        transition-timing-function: ease;
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > .blog-details {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > .blog-details {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > .blog-details {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > .blog-details {
                width: 90%;
              }
            }
          }
        }
      }
    }
    .blog-details {
      position: absolute;
    }
    .blog-details {
      bottom: 0px;
    }
    .blog-details {
      width: 100%;
    }
    .blog-details {
      padding: 1.25rem;
    }
    .blog-details {
      h4 {
        margin-bottom: 0 !important;
      }
      h4 {
        margin-bottom: 0px;
      }
      h4 {
        line-height: 1.2;
      }
      h4 {
        color: rgba(var(--white),1);
      }
      p {
        margin-bottom: 0.625rem;
      }
      p {
        font-size: 0.875rem;
        line-height: 1.25rem;
      }
      p {
        color: rgba(var(--white),1);
      }
      .blog-social {
        li {
          color: rgba(var(--white),1) !important;
        }
      }
    }
  }
  &.course-list {
    .blog-details {
      hr {
        border-top-width: 1px;
      }
      hr {
        border-style: solid;
      }
      hr {
        border-top-color: rgba(var(--white),0.6) !important;
      }
    }
  }
}

.blog-list {
  .blog-details {
    .blog-social {
      margin-top: 0 !important;
    }
    .blog-social {
      margin-top: 0px;
    }
    h6 {
      margin-top: 0 !important;
    }
    h6 {
      margin-top: 0px !important;
    }
    h6 {
      font-weight: 500;
    }
    h6 {
      color: rgba(var(--dark-color),0.8);
    }
    hr {
      margin-top: 0.625rem;
      margin-bottom: 0.625rem;
    }
  }
  img {
    padding: 17px;
  }
}

.blog-grid {
  @media (max-width: 575px) {
     {
       {
         {
          > img {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > img {
              width: 90%;
            }
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          > img {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > img {
              width: 90%;
            }
          }
        }
      }
    }
  }
  img {
    width: 100%;
  }
  img {
    border-radius: 15px;
  }
  .blog-details {
    padding: 1.25rem;
  }
  .blog-details {
    h6 {
      margin-bottom: 0 !important;
    }
    h6 {
      margin-bottom: 0px;
    }
    h6 {
      font-size: 0.875rem;
      line-height: 1.25rem;
    }
    h6 {
      line-height: 1.8;
    }
  }
}

.blog-box {
  position: relative;
  max-height: 100%;
  align-items: center;
  .blog-details {
    h6 {
      display: block;
    }
    h6 {
      margin-left: auto;
      margin-right: auto;
    }
    h6 {
      margin-top: 0px;
      margin-bottom: 0px;
    }
    h6 {
      display: block;
    }
    h6 {
      max-width: 100%;
    }
    h6 {
      overflow: hidden;
    }
    h6 {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
    }
    h6 {
      overflow: hidden;
    }
    h6 {
      text-overflow: ellipsis;
    }
    h6 {
      -webkit-line-clamp: 1;
      display: -webkit-box;
      -webkit-box-orient: vertical;
    }
    p {
      margin-bottom: 0 !important;
    }
    p {
      margin-top: calc(18px + (30 - 18) * ((100vw - 576px) / (1920 - 576)));
    }
    p {
      margin-bottom: 0px;
    }
    p {
      height: auto;
    }
    p {
      font-size: 0.875rem;
      line-height: 1.25rem;
    }
    p {
      line-height: 1.8;
    }
    p {
      letter-spacing: 0.7px;
    }
    p {
      color: rgba(var(--theme-body-sub-title-color),1);
    }
    p {
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }
    h5 {
      margin-top: 20px !important;
    }
    h5 {
      line-height: 1.5;
    }
    .single-blog-content-top {
      margin-top: 20px !important;
    }
    .single-blog-content-top {
      border-top-width: 1px;
    }
    .single-blog-content-top {
      border-style: solid;
    }
    .single-blog-content-top {
      border-top-color: rgba(var(--light-semi-gray),1);
    }
    .blog-social,
      .comment-social {
      li {
        font-size: 0.875rem;
        line-height: 1.25rem;
      }
    }
  }
}

.comment-box {
  padding-top: 50px;
  padding-bottom: 50px;
  hr {
    margin-top: 20px !important;
  }
  hr {
    margin-bottom: 30px;
  }
  li {
    margin-bottom: 30px;
  }
  li:last-child {
    margin-bottom: 0 !important;
  }
  li:last-child {
    margin-bottom: 0px;
  }
  p {
    margin-bottom: 0 !important;
  }
  p {
    margin-bottom: 0px;
  }
  p {
    text-align: justify;
  }
  p {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  p {
    line-height: 2;
  }
  p {
    color: rgba(var(--theme-body-sub-title-color),1);
  }
  .flex {
    img {
      margin-right: 1.25rem;
    }
    img {
      height: 90px;
    }
    img {
      width: 90px;
    }
    img {
      border-radius: 10px;
    }
    img {
      border-width: 1px;
    }
    img {
      border-style: solid;
    }
    img {
      border-color: rgba(var(--light-semi-gray),1);
    }
    img {
      padding: 7px;
    }
    h6 {
      margin-bottom: 5px;
    }
    h6 {
      font-weight: 500;
    }
    h6 {
      span {
        padding-left: 0.625rem;
      }
      span {
        font-size: 13px;
      }
      span {
        font-weight: 400;
      }
      span {
        color: rgba(var(--theme-body-sub-title-color),1);
      }
    }
  }
  .comment-social {
    li {
      margin-bottom: 0 !important;
    }
    li {
      margin-bottom: 0px;
    }
    li {
      display: inline-block;
    }
    li {
      padding-left: 1.25rem;
    }
    li {
      text-transform: uppercase;
    }
    li {
      color: rgba(var(--dark-gray),0.5);
    }
    li:first-child {
      border-right-width: 1px;
    }
    li:first-child {
      border-style: solid;
    }
    li:first-child {
      border-right-color: rgba(var(--badge-light-color),0.2);
    }
    li:first-child {
      padding-right: 1.25rem;
    }
    li {
      i {
        padding-right: 0.625rem;
      }
    }
  }
  ul {
    ul {
      margin-left: calc(90px + (135 - 90) * ((100vw - 320px) / (1920 - 320)));
    }
  }
}

.blog-single {
  .comment-box {
    hr {
      border-width: 1px !important;
    }
    hr {
      border-style: solid;
    }
    hr {
      border-color: rgba(var(--white),0.6);
    }
  }
}

[class*="title-line-"] {
  &::before {
    position: absolute;
  }
  &::before {
    left: 0px;
  }
  &::before {
    top: 23px;
  }
  &::before {
    height: 26px;
  }
  &::before {
    width: 4px;
  }
  &::before {
    border-radius: 0 10px 10px 0;
  }
  &::before {
    --tw-content: "";
    content: var(--tw-content);
  }
}

.common-circle {
  border-width: 2px !important;
}

@media (min-width: 1200px) {
   {
     {
       {
        .common-circle {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .common-circle {
        }
      }
    }
  }
}

.common-circle {
  display: flex;
  height: 32px;
  width: 32px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border-width: 2px;
  border-style: solid;
  border-color: rgba(var(--white-bg),1);
  transition-property: 0.5s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.common-circle:hover {
  --tw-translate-y: -0.25rem;
  --tw-scale-x: 1.02;
  --tw-scale-y: 1.02;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transition-property: 0.5s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.project-list {
  .progress-project-box {
    .grid {
      margin: 15px;
    }
  }
  button {
    &:focus {
      outline: none !important;
    }
  }
  .theme-form {
    .form-group {
      margin-bottom: 15px;
    }
  }
  .border-tab {
    &.nav-tabs {
      .nav-item {
        @media (min-width: 1200px) {
           {
             {
               {
                .nav-link {
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                .nav-link {
                }
              }
            }
          }
        }
        .nav-link {
          display: flex;
        }
        .nav-link {
          align-items: center;
        }
        .nav-link {
          border-radius: 5px;
        }
        .nav-link {
          border-width: 1px;
        }
        .nav-link {
          border-style: solid;
        }
        .nav-link {
          border-color: rgba(var(--transparent-color),1);
        }
        .nav-link {
          padding-top: 5px;
          padding-bottom: 5px;
        }
        .nav-link {
          padding-left: 0px;
        }
        .nav-link {
          padding-right: 30px;
        }
      }
    }
  }
  .btn {
    float: right;
  }
  .btn {
    margin-right: 5px;
  }
  .btn {
    vertical-align: -12px;
    svg.table {
      white-space: pre-wrap !important;
    }
    svg {
      height: 1rem;
    }
    svg {
      vertical-align: middle;
    }
  }
  ul {
    margin-bottom: 0 !important;
  }
  ul {
    margin-bottom: 0px;
  }
  ul {
    border-bottom-width: 0px;
  }
  ul {
    li {
      svg.table {
        white-space: pre-wrap !important;
      }
      svg {
        margin-right: 5px;
      }
      svg {
        height: 18px;
      }
      svg {
        vertical-align: middle;
      }
    }
  }
}

.new-project-wrapper {
  .apexcharts-legend {
    padding: 0 !important;
  }
  @media (min-width: 1200px) {
     {
       {
         {
          .apexcharts-legend {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .apexcharts-legend {
          }
        }
      }
    }
  }
  .apexcharts-legend {
    display: flex;
  }
  .apexcharts-legend {
    flex-wrap: wrap;
  }
  .apexcharts-legend {
    padding: 0px;
  }
  .apexcharts-legend {
    flex-direction: unset !important;
    .apexcharts-legend-series {
      padding-top: 0 !important;
      padding-bottom: 0 !important;
    }
    .apexcharts-legend-series {
      margin: 0px !important;
    }
    @media (min-width: 1200px) {
       {
         {
           {
            .apexcharts-legend-series {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            .apexcharts-legend-series {
            }
          }
        }
      }
    }
    .apexcharts-legend-series {
      margin: 0px;
    }
    .apexcharts-legend-series {
      display: flex;
    }
    .apexcharts-legend-series {
      align-items: center;
    }
    .apexcharts-legend-series {
      gap: 0.25rem;
    }
    .apexcharts-legend-series {
      padding-left: 0.375rem;
      padding-right: 0.375rem;
    }
    .apexcharts-legend-series {
      padding-top: 0px;
      padding-bottom: 0px;
    }
    .apexcharts-legend-series {
      .apexcharts-legend-text {
        margin-left: -0.875rem;
      }
    }
  }
}

.project-header {
  @media (min-width: 1200px) {
     {
       {
         {
          > div {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          > div {
          }
        }
      }
    }
  }
  > div {
    display: flex;
  }
  > div {
    height: 46px;
  }
  > div {
    width: 46px;
  }
  > div {
    align-items: center;
  }
  > div {
    justify-content: center;
  }
  > div {
    border-radius: 10px;
  }
  > div {
    background-color: rgba(var(--white),1);
  }
  > div {
    --tw-shadow: 0px 6px 12px 0px rgb(115 102 255 / 20%);
    --tw-shadow-colored: 0px 6px 12px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  > div {
    svg {
      height: 26px;
    }
    svg {
      width: 20px;
    }
  }
  span {
    padding-left: 21px;
    padding-right: 21px;
  }
  span {
    padding-top: 9px;
    padding-bottom: 9px;
  }
  span {
    font-size: 0.75rem;
    line-height: 1rem;
  }
}

.project-chart-wrap {
  .apexcharts-legend-text {
    padding-left: 18px;
  }
}

.scope-bottom-wrapper {
  .sidebar-left-icons {
    display: block;
  }
  .sidebar-left-icons {
    display: block;
  }
  .sidebar-left-icons:first-child {
    padding-top: 0px;
  }
  .sidebar-left-icons {
    li {
      position: relative;
    }
    li {
      overflow: hidden;
    }
    li {
      padding-bottom: 66px;
    }
    li:last-child {
      padding-bottom: 0 !important;
    }
    li::before {
      content: var(--tw-content);
      position: absolute;
    }
    li::before {
      content: var(--tw-content);
      left: 38px;
    }
    li::before {
      content: var(--tw-content);
      top: 75px;
    }
    li::before {
      content: var(--tw-content);
      height: 50px;
    }
    li::before {
      content: var(--tw-content);
      border-width: 1px;
    }
    li::before {
      content: var(--tw-content);
      border-style: dashed;
    }
    li::before {
      content: var(--tw-content);
      border-color: rgba(var(--recent-dashed-border),1);
    }
    li::before {
      --tw-content: "";
      content: var(--tw-content);
    }
    li:last-child {
      padding-bottom: 0px;
    }
    li:last-child::before {
      --tw-content: unset;
      content: var(--tw-content);
    }
    li {
      &:nth-child(4) {
        svg {
          stroke: rgba(var(--badge-light-color),1);
        }
      }
      @media (min-width: 1200px) {
         {
           {
             {
              .tab-link {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              .tab-link {
              }
            }
          }
        }
      }
      .tab-link {
        position: relative;
      }
      .tab-link {
        display: flex;
      }
      .tab-link {
        align-items: center;
      }
      .tab-link {
        gap: 0.75rem;
      }
      .tab-link {
        border-radius: 0.375rem;
      }
      .tab-link {
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
      }
      .tab-link {
        padding-left: 0.5rem;
      }
      .tab-link {
        padding-right: 0px;
      }
      .tab-link {
        &.active {
          color: unset;
        }
        &.active {
          background: linear-gradient(90deg, #7366ff -175.57%, rgba(115, 102, 255, 0) 65.16%) !important;
          .absolute-border {
            &::before {
              position: absolute;
            }
            &::before {
              left: 0px;
            }
            &::before {
              top: 0px;
            }
            &::before {
              height: 100%;
            }
            &::before {
              border-radius: 20px;
            }
            &::before {
              border-width: 3px;
            }
            &::before {
              border-style: solid;
            }
            &::before {
              border-color: rgba(var(--theme-default),1);
            }
            &::before {
              background-color: rgba(var(--theme-default),1);
            }
            &::before {
              --tw-content: "";
              content: var(--tw-content);
            }
            &::after {
              position: absolute;
            }
            &::after {
              left: -0.5rem;
            }
            &::after {
              top: 50%;
            }
            &::after {
              height: 35px;
            }
            &::after {
              width: 35px;
            }
            &::after {
              --tw-translate-x: -50%;
              transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            }
            &::after {
              --tw-translate-y: -50%;
              transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            }
            &::after {
              border-top-right-radius: 7px;
            }
            &::after {
              border-bottom-right-radius: 7px;
            }
            &::after {
              border-width: 5px;
            }
            &::after {
              border-style: solid;
            }
            &::after {
              border-color: rgba(var(--theme-default),1);
            }
            &::after {
              background-color: rgba(var(--theme-default),1);
            }
            &::after {
              --tw-content: "";
              content: var(--tw-content);
            }
          }
          .nav-rounded {
            border-width: 1px;
          }
          .nav-rounded {
            border-style: solid;
          }
          .nav-rounded {
            border-color: rgba(var(--theme-default),1);
          }
          .product-tab-content {
            h6 {
              font-weight: 500;
            }
            h6 {
              color: rgba(var(--theme-default),1);
            }
          }
        }
        .nav-rounded {
          position: relative;
        }
        .nav-rounded {
          z-index: 2;
        }
        .nav-rounded {
          height: 42px;
        }
        .nav-rounded {
          width: 42px;
        }
        .nav-rounded {
          min-width: 42px;
        }
        .nav-rounded {
          border-radius: 100%;
        }
        .nav-rounded {
          border-width: 1px;
        }
        .nav-rounded {
          border-style: solid;
        }
        .nav-rounded {
          border-color: rgba(var(--recent-dashed-border),1);
        }
        .nav-rounded {
          padding: 0.125rem;
        }
        .nav-rounded {
          --tw-shadow: inset 0px 9px 20px 0px rgba(46,35,94,0.07);
          --tw-shadow-colored: inset 0px 9px 20px 0px var(--tw-shadow-color);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
        }
        @media (min-width: 1200px) {
           {
             {
               {
                .product-icons {
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                .product-icons {
                }
              }
            }
          }
        }
        .product-icons {
          display: flex;
        }
        .product-icons {
          height: 100%;
        }
        .product-icons {
          min-width: 100%;
        }
        .product-icons {
          align-items: center;
        }
        .product-icons {
          justify-content: center;
        }
        .product-icons {
          border-radius: 100%;
        }
        .product-icons {
          background-color: rgba(var(--white-bg),1);
        }
        .product-icons {
          svg {
            height: 20px;
          }
          svg {
            width: 20px;
          }
          svg {
            fill: rgba(var(--badge-light-color),1);
          }
        }
      }
    }
  }
}

.progress-project {
  border-width: 2px;
  border-style: solid;
  border-color: rgba(var(--white),1);
  .common-space {
    svg {
      height: 15px;
    }
    svg {
      width: 15px;
    }
    svg {
      stroke: rgba(var(--theme-default),1);
    }
    .common-align {
      gap: 0.375rem;
    }
    .common-align {
      .badge {
        background-color: rgba(var(--badge-light-color),10%);
      }
      .badge {
        padding-left: 7px;
        padding-right: 7px;
      }
      .badge {
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
      }
    }
  }
  .common-dot {
    height: 8px;
  }
  .common-dot {
    width: 8px;
  }
  .common-dot {
    border-radius: 50%;
  }
  .progress-project-box {
    .card,
      .list-box {
      cursor: pointer;
    }
    .card,
      .list-box {
      background-color: rgba(var(--recent-chart-bg),1);
    }
    .card,
      .list-box {
      box-shadow: 0px 9px 20px 0px rgba(46, 35, 94, 0.0705882353);
      padding: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
      .header-top {
        margin-bottom: 16px !important;
      }
      .header-top {
        margin-bottom: 0.75rem;
      }
      .header-top {
        flex-wrap: wrap;
      }
      .project-body {
        span {
          margin-bottom: 8px !important;
        }
        span {
          margin-bottom: 0.5rem;
        }
        span {
          color: rgba(var(--badge-light-color),80%);
        }
        .progress {
          margin-bottom: 8px !important;
        }
        .progress {
          margin-bottom: 0.5rem;
        }
        .progress {
          height: 0.375rem;
        }
      }
    }
    ul {
      li {
        + li {
          margin-left: -0.75rem;
        }
        + li {
          [dir="rtl"] & {
            margin-left: unset;
          }
          [dir="rtl"] & {
            margin-right: -0.75rem;
          }
        }
        img {
          transition-property: 0.5s;
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-duration: 150ms;
        }
        img,
          .light-background {
          &:hover {
            --tw-translate-y: -0.25rem;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          }
          &:hover {
            --tw-scale-x: 1.02;
            --tw-scale-y: 1.02;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          }
          &:hover {
            transition-property: 0.5s;
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-duration: 150ms;
          }
        }
      }
    }
    .badge {
      font-size: 0.75rem;
      line-height: 1rem;
    }
    .badge {
      padding: calc(6px + (10 - 6) * ((100vw - 320px) / (1920 - 320))) calc(6px + (12 - 6) * ((100vw - 320px) / (1920 - 320)));
    }
    .project-body {
      h6 {
        display: block;
      }
      h6 {
        margin-left: auto;
        margin-right: auto;
      }
      h6 {
        margin-top: 0px;
        margin-bottom: 0px;
      }
      h6 {
        display: block;
      }
      h6 {
        max-width: 100%;
      }
      h6 {
        overflow: hidden;
      }
      h6 {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
      }
      h6 {
        height: auto;
      }
      h6 {
        max-width: 100%;
      }
      h6 {
        overflow: hidden;
      }
      h6 {
        text-overflow: ellipsis;
      }
      h6 {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
      }
      @media (max-width: 575px) {
         {
           {
             {
              > > img {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > > img {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              > > img {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > > img {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      > img {
        margin-bottom: 15px;
      }
      > img {
        width: 100%;
      }
      > img {
        border-radius: 5px;
      }
      > img {
        -o-object-fit: cover;
           object-fit: cover;
      }
      > img {
        height: calc(85px + (126 - 85) * (100vw - 320px) / (1920 - 320));
      }
      ul {
        padding-bottom: calc( 12px + (15 - 12) * ((100vw - 320px) / (1920 - 320)) );
      }
      .project-bottom {
        flex-wrap: wrap;
      }
      .project-bottom {
        gap: 0.375rem;
      }
      .project-bottom {
        border-top-width: 1px;
      }
      .project-bottom {
        border-style: solid;
      }
      .project-bottom {
        border-top-color: rgba(var(--badge-light-color),10%);
      }
      .project-bottom {
        padding-top: calc(12px + (18 - 12) * ((100vw - 320px) / (1920 - 320)));
      }
      .project-bottom {
        .common-flex {
          span {
            margin-bottom: 0 !important;
          }
          @media (min-width: 1200px) {
             {
               {
                 {
                  span {
                  }
                }
              }
            }
          }
          @media (max-width: 575px) {
             {
               {
                 {
                  span {
                  }
                }
              }
            }
          }
          span {
            margin-bottom: 0px;
          }
          span {
            display: flex;
          }
          span {
            align-items: center;
          }
          span {
            justify-content: center;
          }
        }
        span {
          border-radius: 5px;
        }
        span {
          background-color: rgba(var(--light-bg),1);
        }
        span {
          padding: calc(4px + (6 - 4) * ((100vw - 320px) / (1920 - 320))) calc(8px + (12 - 8) * ((100vw - 320px) / (1920 - 320)));
        }
        svg {
          height: 16px;
        }
        svg {
          width: 16px;
        }
        svg {
          stroke: rgba(var(--badge-light-color),80%);
        }
        svg {
          vertical-align: text-top;
        }
      }
    }
  }
  .progress-project-box {
    .list-box {
      position: relative;
    }
    .list-box {
      margin-bottom: 1.25rem !important;
    }
    .list-box {
      border-radius: 15px;
    }
    .list-box {
      border-color: none;
    }
    .list-box {
      letter-spacing: 0.5px;
    }
    .list-box {
      transition-property: all;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }
    .list-box {
      transition-duration: 0.3s;
    }
    .list-box {
      transition-timing-function: ease;
    }
    .list-box {
      ul {
        li {
          img {
            border-width: 2px !important;
          }
          img {
            height: 2rem;
          }
          img {
            width: 2rem;
          }
          img {
            border-width: 2px;
          }
          img {
            border-style: solid;
          }
          img {
            border-color: rgba(var(--white-bg),1);
          }
        }
      }
    }
    &:last-child {
      .list-box {
        margin-bottom: 0 !important;
      }
      .list-box {
        margin-bottom: 0px;
      }
    }
  }
  @media (min-width: 1200px) {
     {
       {
         {
          .common-box {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .common-box {
          }
        }
      }
    }
  }
  .common-box {
    display: flex;
  }
  .common-box {
    height: 28px;
  }
  .common-box {
    width: 28px;
  }
  .common-box {
    align-items: center;
  }
  .common-box {
    justify-content: center;
  }
  .common-box {
    border-radius: 0.5rem;
  }
  .common-box {
    background-color: rgba(var(--warning-color),0.15);
  }
}

.budget-card {
  &.widget-2 {
    margin-bottom: 25px;
  }
  &.widget-2 {
    background-image: url(../images/project/widget-bg.png) !important;
  }
  &.widget-2 {
    background-size: cover !important;
  }
  &.widget-2 {
    transition-property: 0.5s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  &.widget-2:hover {
    --tw-translate-y: -5px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  &.widget-2:hover {
    transition-property: 0.5s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  .common-space {
    gap: 0.375rem;
  }
  .common-space {
    h6 {
      padding-bottom: 8px !important;
    }
    h6 {
      padding-bottom: 0.5rem;
    }
    h6 {
      font-size: calc(18px + (22 - 18) * ((100vw - 320px) / (1920 - 320)));
    }
    span {
      svg {
        height: 14px;
      }
      svg {
        width: 14px;
      }
      svg {
        vertical-align: text-top;
      }
    }
  }
}

.common-project-header {
  flex-wrap: wrap;
  gap: 0.5rem;
  .customers {
    li {
      cursor: pointer;
    }
    li {
      .common-circle {
        height: 40px;
      }
      .common-circle {
        width: 40px;
      }
    }
  }
  .common-space {
    h5 {
      .badge {
        font-size: 13.5px;
      }
    }
  }
  h6 {
    margin-left: -46px;
  }
  h6 {
    font-weight: 400;
  }
  > .common-align {
    gap: 24px !important;
  }
  > .common-align {
    gap: 1rem;
  }
  .common-align {
    &:last-child {
      .common-align {
        li {
          svg {
            margin-right: 0.375rem;
          }
          svg {
            height: 18px;
          }
          svg {
            width: 18px;
          }
          svg {
            stroke: rgba(var(--badge-light-color),1);
          }
          svg {
            vertical-align: sub;
          }
          &:first-child {
            padding-right: 15px;
          }
          + li {
            border-left-width: 1px;
          }
          + li {
            border-style: solid;
          }
          + li {
            border-left-color: rgba(var(--badge-light-color),80%);
          }
          + li {
            padding-left: 15px;
          }
          span {
            color: rgba(var(--badge-light-color),80%);
          }
        }
      }
    }
  }
}

.filter-header {
  svg {
    height: 20px;
  }
  svg {
    width: 20px;
  }
  .btn-group {
    .dropdown-toggle {
      border-radius: 0.25rem;
    }
    .dropdown-toggle {
      border-width: 1px;
    }
    .dropdown-toggle {
      border-style: solid;
    }
    .dropdown-toggle {
      border-color: rgba(var(--badge-light-color),20%);
    }
    .dropdown-toggle {
      background-color: transparent;
    }
    .dropdown-toggle {
      color: rgba(var(--badge-light-color),80%);
    }
    .dropdown-toggle::after {
      content: var(--tw-content);
      position: absolute;
    }
    .dropdown-toggle::after {
      content: var(--tw-content);
      right: 0.75rem;
    }
    .dropdown-toggle::after {
      content: var(--tw-content);
      font-weight: 900;
    }
    .dropdown-toggle::after {
      --tw-content: "\f107";
      content: var(--tw-content);
    }
    .dropdown-toggle {
      padding: calc(4px + (8 - 4) * ((100vw - 320px) / (1920 - 320))) calc(36px + (40 - 36) * ((100vw - 320px) / (1920 - 320))) calc(4px + (8 - 4) * ((100vw - 320px) / (1920 - 320))) calc(12px + (20 - 12) * ((100vw - 320px) / (1920 - 320)));
      &::after {
        border-style: hidden;
      }
      &::after {
        font-family: var(--font-awesome);
      }
    }
    .dropdown-menu {
      li {
        .dropdown-item {
          color: rgba(var(--badge-light-color),80%);
        }
        .dropdown-item {
          opacity: 1;
        }
      }
    }
  }
}

.common-searchbox {
  .input-group-text {
    border-radius: 10px 0 0 10px;
  }
  .input-group-text {
    border-right-color: none;
  }
  .input-group-text {
    background-color: rgba(var(--recent-box-bg),1);
  }
  .input-group-text {
    line-height: 1;
  }
  &.input-group {
    flex-wrap: nowrap;
  }
  .form-control {
    border-radius: 0 10px 10px 0;
  }
  .form-control {
    border-left-width: 0px;
  }
  .form-control {
    background-color: rgba(var(--recent-box-bg),1);
  }
  .form-control {
    padding-left: 0px;
  }
  .form-control:focus {
    border-color: rgba(var(--form-input-border-color),1);
  }
  .form-control:focus {
    color: rgba(var(--badge-light-color),80%);
  }
  .form-control:focus {
    --tw-shadow-color: unset;
    --tw-shadow: var(--tw-shadow-colored);
  }
  .form-control {
    &::-moz-placeholder {
      color: rgba(var(--theme-font-color),0.8);
    }
    &::placeholder {
      color: rgba(var(--theme-font-color),0.8);
    }
  }
}

.attachment-file {
  width: calc(255px + (277 - 255) * ((100vw - 320px) / (1920 - 320)));
  min-width: calc(255px + (277 - 255) * ((100vw - 320px) / (1920 - 320)));
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  background-color: rgba(var(--light-background),1);
  padding: 0.75rem;
  .common-flex {
    img {
      height: 2.25rem;
    }
  }
  i {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

.project-todo {
  .crm-todo-list {
    li {
      border-bottom-width: 0;
    }
    li {
      .form-check {
        input {
          &::after {
            font-size: 9px;
          }
        }
      }
      + li {
        padding-top: 0px;
      }
      .grow {
        span,
          h6 {
          height: auto;
        }
        span,
          h6 {
          display: -webkit-box;
          -webkit-line-clamp: 1;
          -webkit-box-orient: vertical;
          overflow: hidden;
        }
      }
    }
  }
}

.summary-section {
  > li {
    border-bottom-width: 1px;
  }
  > li {
    border-style: dashed;
  }
  > li {
    border-bottom-color: rgba(var(--badge-light-color),20%);
  }
  > li {
    &:last-child {
      border-bottom-width: 0;
    }
    &:last-child {
      border-bottom-color: unset;
    }
    &:last-child {
      .common-space {
        gap: 0.625rem;
      }
      .common-space {
        > li {
          ul {
            li:not(:last-child) {
              margin-bottom: 8px !important;
            }
            li:not(:last-child) {
              margin-bottom: 0.5rem;
            }
          }
        }
      }
    }
    p {
      color: rgba(var(--badge-light-color),80%);
    }
    span {
      &.badge {
        border-radius: 0.125rem;
      }
      &.badge {
        padding-left: 0.625rem;
        padding-right: 0.625rem;
      }
      &.badge {
        padding-top: 0.375rem;
        padding-bottom: 0.375rem;
      }
      &.badge {
        font-size: 0.75rem;
        line-height: 1rem;
      }
    }
    .block {
      > p {
        color: rgba(var(--body-font-color),1);
      }
    }
  }
}

.summary-chart-box {
  border-radius: 10px;
  background-color: rgba(var(--main-body-color),1);
}

.project-pending-table {
  &.recent-table {
    table {
      thead,
        tbody {
        tr {
          td,
            th {
            min-width: auto;
          }
          td,
            th {
            color: rgba(var(--badge-light-color),80%) !important;
          }
          td,
            th {
            &:first-child {
              padding-left: 1.25rem;
            }
            &:nth-child(4) {
              .btn {
                padding: 0.625rem;
              }
            }
            &:last-child {
              padding-right: 1.25rem;
            }
            &:last-child {
              .btn {
                width: 132px;
              }
              .btn {
                min-width: 132px;
              }
              .btn {
                white-space: nowrap;
              }
            }
            a {
              color: rgba(var(--body-font-color),1);
            }
            img {
              height: calc( 34px + (40 - 34) * ((100vw - 320px) / (1920 - 320)) );
            }
            img {
              border-radius: 50%;
            }
          }
        }
      }
    }
  }
}

.activity-wrapper {
  @media (min-width: 1200px) {
     {
       {
         {
          .schedule-wrapper {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .schedule-wrapper {
          }
        }
      }
    }
  }
  .schedule-wrapper {
    margin-bottom: 18px !important;
  }
  .schedule-wrapper {
    display: flex;
  }
  .schedule-wrapper {
    justify-content: center;
  }
  .schedule-wrapper {
    gap: 0.5rem;
  }
  .schedule-wrapper {
    border-color: unset;
  }
  .schedule-wrapper {
    .tab-link {
      border-radius: 0.25rem;
    }
    .tab-link {
      border-color: unset;
    }
    .tab-link {
      background-color: rgba(var(--badge-light-color),0.1);
    }
    .tab-link {
      padding-left: 0.875rem;
      padding-right: 0.875rem;
    }
    .tab-link {
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
    }
    .tab-link {
      a {
        border-radius: 5px;
      }
      a {
        border-color: unset;
      }
      a {
        background-color: rgba(var(--badge-light-color),10%);
      }
      a {
        padding-left: 0.875rem;
        padding-right: 0.875rem;
      }
      a {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
      }
      &.active {
        background-color: rgba(var(--theme-default),1) !important;
      }
      &.active {
        span,
          h6 {
          color: rgba(var(--white),1);
        }
        span {
          font-weight: 400;
        }
      }
    }
  }
  .tab-content {
    .activity-update {
      > li {
        margin-bottom: 1.75rem;
      }
      > li {
        gap: 0.5rem;
      }
      > li {
        border-left-width: 3px;
      }
      > li {
        border-style: solid;
      }
      > li {
        border-left-color: rgba(var(--badge-light-color),20%);
      }
      > li:last-child {
        margin-bottom: 0 !important;
      }
      > li:last-child {
        margin-bottom: 0px;
      }
      > li {
        .grow {
          margin-left: 0.625rem;
        }
        .grow {
          h6 {
            margin-bottom: 0.375rem;
          }
          h6 {
            height: auto;
          }
          h6 {
            font-weight: 400;
          }
          h6 {
            color: var(--body-font-color);
          }
          h6 {
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            overflow: hidden;
          }
        }
        .shrink-0 {
          text-align: end;
        }
        .shrink-0 {
          svg {
            margin-right: 0.375rem;
          }
          svg {
            display: inline-block;
          }
          svg {
            height: 0.875rem;
          }
          svg {
            width: 0.875rem;
          }
          svg {
            fill: rgba(var(--badge-light-color),50%);
          }
          svg {
            vertical-align: text-top;
          }
        }
      }
    }
  }
}

.invite-member {
  ul {
    li {
      margin-bottom: 1.5rem;
    }
    li:last-child {
      margin-bottom: 0 !important;
    }
    li:last-child {
      margin-bottom: 0px;
    }
    li {
      img {
        height: 2.5rem;
      }
      img {
        border-radius: 50%;
      }
      svg {
        height: 18px;
      }
      svg {
        width: 18px;
      }
      svg {
        cursor: pointer;
      }
      svg {
        &:focus {
          outline: unset;
        }
      }
      .flex {
        gap: 0.625rem;
      }
      .grow {
        h6 {
          font-weight: 400;
        }
        span {
          height: auto;
        }
        span {
          display: -webkit-box;
          -webkit-line-clamp: 1;
          -webkit-box-orient: vertical;
          overflow: hidden;
        }
      }
    }
  }
}

.user-comment-wrapper {
  li {
    .grow {
      h6 {
        font-weight: 400;
      }
      .btn {
        border-radius: 5px;
      }
      .btn {
        background-color: rgba(var(--light-slate),1);
      }
      .btn {
        padding-left: 0.375rem;
        padding-right: 0.375rem;
      }
      .btn {
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
      }
      .btn {
        font-size: 13px;
      }
      .btn {
        font-weight: 500;
      }
      .btn:active {
        border-color: rgba(var(--transparent-color),1);
      }
      .btn {
        svg {
          height: 14px;
        }
        svg {
          width: 14px;
        }
        svg {
          stroke: rgba(var(--badge-light-color),80%);
        }
        svg {
          vertical-align: text-top;
        }
      }
      span {
        margin-bottom: 0.625rem;
      }
      span {
        height: auto;
      }
      span {
        font-size: 13px;
      }
      span {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
      }
    }
    + li {
      margin-left: 46px;
    }
    + li {
      margin-top: 18px;
    }
    + li {
      img {
        height: 2.5rem;
      }
      img {
        border-radius: 50%;
      }
    }
    img {
      border-radius: 50%;
    }
  }
}

.task-overview {
  margin-top: 0 !important;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: -1.25rem;
}

.cmt-box {
  padding-top: 25px;
  .form-control {
    width: calc(100% - 61px - 4px);
  }
  .form-control {
    background-color: rgba(var(--main-body-color),1);
  }
  .form-control:focus {
    border-color: rgba(var(--chart-text-color),0.2) !important;
  }
  .form-control:focus {
    --tw-shadow-color: unset !important;
    --tw-shadow: var(--tw-shadow-colored) !important;
  }
  i {
    display: grid;
  }
  i > div {
    position: relative;
  }
  @media (max-width: 575px) {
     {
       {
         {
          i {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          i {
          }
        }
      }
    }
  }
  i {
    display: grid;
  }
  i {
    height: 61px !important;
  }
  i {
    width: 61px !important;
  }
  i {
    cursor: pointer;
  }
  i {
    place-content: center;
  }
  i {
    border-radius: 5px;
  }
  i {
    background-color: rgba(var(--theme-default),1);
  }
  i {
    font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
  }
  i {
    color: rgba(var(--white),1);
  }
}

.project-budget-wrapper {
  @media (min-width: 1200px) {
     {
       {
         {
          .form-switch {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .form-switch {
          }
        }
      }
    }
  }
  .form-switch {
    display: flex;
  }
  .form-switch {
    align-items: center;
  }
  .form-switch {
    justify-content: center;
  }
  .form-switch {
    gap: 0.5rem;
  }
  .progress {
    margin-left: 0px;
    margin-right: 0px;
  }
  .progress {
    margin-top: 13px;
  }
  .progress {
    margin-bottom: 0.375rem;
  }
  .progress {
    height: 0.625rem;
  }
  .progress {
    background-color: rgba(var(--dropdown-border-color),0.1) !important;
  }
  .progress {
    background: linear-gradient(180.36deg, #cfdce8 -32.82%, #fff 132.82%);
  }
  textarea {
    background-color: rgba(var(--main-body-color),1);
  }
  textarea {
    color: rgba(var(--badge-light-color),80%);
  }
  .form-check-input,
    .form-control {
    &:focus {
      border-color: rgba(var(--light-gray),1);
    }
    &:focus {
      --tw-shadow-color: unset;
      --tw-shadow: var(--tw-shadow-colored);
    }
  }
  .touchspin-wrapper {
    border-radius: 5px;
  }
  .touchspin-wrapper {
    background-color: rgba(var(--main-body-color),1);
  }
  .touchspin-wrapper {
    padding-left: 9px;
    padding-right: 9px;
  }
  .touchspin-wrapper {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .touchspin-wrapper {
    .btn-touchspin {
      border-color: rgba(var(--transparent-color),1);
    }
    .btn-touchspin {
      background-color: rgba(var(--white-bg),1);
    }
    .btn-touchspin {
      --tw-shadow: 0px 9px 16px 0px rgba(115,102,255,0.13);
      --tw-shadow-colored: 0px 9px 16px 0px var(--tw-shadow-color);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
    .btn-touchspin {
      -webkit-box-shadow: 0px 9px 16px 0px rgba(115, 102, 255, 0.13);
      -moz-box-shadow: 0px 9px 16px 0px rgba(115, 102, 255, 0.13);
      i {
        line-height: unset;
      }
      i {
        color: rgba(var(--badge-light-color),80%);
      }
    }
    .input-touchspin {
      border-color: rgba(var(--transparent-color),1);
    }
    .input-touchspin {
      background-color: rgba(var(--transparent-color),1);
    }
  }
  .card-footer {
    .btn {
      &:first-of-type {
        margin-right: 0.75rem;
      }
    }
  }
}

.overall-budget {
  div {
    &.dt-container {
      .dt-layout-row {
        .dt-search {
          right: -50px;
        }
      }
    }
  }
  &.recent-table {
    table {
      thead,
        tbody {
        tr {
          th,
            td {
            min-width: auto;
          }
          th,
            td {
            color: rgba(var(--badge-light-color),1);
          }
          th,
            td {
            &:first-child {
              padding-left: 1.25rem;
            }
            &:last-child {
              padding-right: 1.25rem;
            }
          }
        }
      }
    }
  }
}

.main-team-box {
  display: grid;
}

.main-team-box > div {
  position: relative;
}

@media (max-width: 575px) {
   {
     {
       {
        .main-team-box {
        }
      }
    }
     {
       {
        .main-team-box {
        }
      }
    }
  }
}

.main-team-box {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 1.25rem;
  > div {
    margin-bottom: 0 !important;
  }
  > div {
    position: relative;
  }
  > div {
    margin-left: 0px;
    margin-right: 0px;
  }
  > div {
    margin-top: 45px;
  }
  > div {
    margin-bottom: 0px;
  }
  > div {
    border-radius: 15px;
  }
  > div {
    border-color: none;
  }
  > div {
    background-color: rgba(var(--main-body-color),1);
  }
  > div {
    letter-spacing: 0.5px;
  }
  > div {
    --tw-shadow-color: unset;
    --tw-shadow: var(--tw-shadow-colored);
  }
  > div:hover {
    --tw-shadow-color: unset;
    --tw-shadow: var(--tw-shadow-colored);
  }
}

.team-box {
  @media (min-width: 1200px) {
     {
       {
         {
          &-circle {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          &-circle {
          }
        }
      }
    }
  }
  &-circle {
    position: absolute;
  }
  &-circle {
    top: -45px;
  }
  &-circle {
    left: 50%;
  }
  &-circle {
    z-index: 0;
  }
  &-circle {
    display: flex;
  }
  &-circle {
    height: calc(78px + (90 - 78) * ((100vw - 320px) / (1920 - 320)));
  }
  &-circle {
    width: calc(78px + (90 - 78) * ((100vw - 320px) / (1920 - 320)));
  }
  &-circle {
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  &-circle {
    align-items: center;
  }
  &-circle {
    justify-content: center;
  }
  &-circle {
    border-radius: 100%;
  }
  &-circle {
    background-color: rgba(var(--white-bg),1);
  }
  &-circle {
    img {
      height: calc(58px + (70 - 58) * ((100vw - 320px) / (1920 - 320)));
    }
  }
  &-content {
    text-align: center;
  }
  @media (max-width: 767px) {
     {
      &-content {
      }
    }
  }
  &-content {
    margin-top: 2.5rem;
  }
  &-content {
    padding: 1.25rem;
  }
  &-content {
    text-align: center;
  }
  &-content {
    h6 {
      a {
        color: rgba(var(--body-font-color),1);
      }
    }
    p {
      color: rgba(var(--badge-light-color),80%);
    }
    .common-space {
      span {
        font-weight: 400;
      }
      > span {
        font-weight: 500;
      }
      > span {
        color: rgba(var(--badge-light-color),80%);
      }
    }
    .progress {
      margin-left: 0px;
      margin-right: 0px;
    }
    .progress {
      margin-top: 0.5rem;
    }
    .progress {
      margin-bottom: 5px;
    }
    .progress {
      height: 0.375rem;
    }
    .progress {
      border-radius: 50px;
    }
    .progress {
      background: linear-gradient(180.36deg, #cfdce8 -32.82%, #ffffff 132.82%);
    }
  }
  &-footer {
    border-top-width: 1px;
  }
  &-footer {
    border-style: dashed;
  }
  &-footer {
    border-top-color: rgba(var(--badge-light-color),20%);
  }
  &-footer {
    padding: 1.25rem;
  }
  &-footer {
    p {
      color: rgba(var(--badge-light-color),80%);
    }
    .common-space {
      text-align: center;
    }
    @media (max-width: 767px) {
       {
        .common-space {
        }
      }
    }
    .common-space {
      flex-wrap: wrap;
    }
    .common-space {
      gap: 0.5rem;
    }
    .common-space {
      text-align: center;
    }
  }
}

.attach-files-wrapper {
  .common-f-start {
    flex-wrap: wrap;
  }
  .common-f-start {
    gap: calc(16px + (25 - 16) * ((100vw - 320px) / (1920 - 320)));
  }
  .common-f-start {
    > div {
      display: grid;
    }
    > div > div {
      position: relative;
    }
    @media (max-width: 575px) {
       {
         {
           {
            > div {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > div {
            }
          }
        }
      }
    }
    > div {
      display: grid;
    }
    > div {
      height: calc(104px + (138 - 104) * ((100vw - 320px) / (1920 - 320)));
    }
    > div {
      width: calc(140px + (174 - 140) * ((100vw - 320px) / (1920 - 320)));
    }
    > div {
      place-items: center;
    }
    > div {
      align-content: center;
    }
    > div {
      justify-content: center;
    }
    > div {
      gap: calc(8px + (12 - 8) * ((100vw - 320px) / (1920 - 320)));
    }
    > div {
      border-radius: 0.5rem;
    }
    > div {
      .outer-file-circle {
        display: grid;
      }
      .outer-file-circle > div {
        position: relative;
      }
      @media (max-width: 575px) {
         {
           {
             {
              .outer-file-circle {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              .outer-file-circle {
              }
            }
          }
        }
      }
      .outer-file-circle {
        display: grid;
      }
      .outer-file-circle {
        height: calc(45px + (64 - 45) * ((100vw - 320px) / (1920 - 320)));
      }
      .outer-file-circle {
        width: calc(45px + (64 - 45) * ((100vw - 320px) / (1920 - 320)));
      }
      .outer-file-circle {
        place-items: center;
      }
      .outer-file-circle {
        border-radius: 50%;
      }
      .outer-file-circle {
        svg {
          height: calc(22px + (30 - 22) * ((100vw - 320px) / (1920 - 320)));
        }
        svg {
          width: calc(22px + (30 - 22) * ((100vw - 320px) / (1920 - 320)));
        }
      }
      p {
        font-weight: 500;
      }
    }
  }
  .upload-files-wrapper {
    display: grid;
  }
  .upload-files-wrapper > div {
    position: relative;
  }
  @media (max-width: 575px) {
     {
       {
         {
          .upload-files-wrapper {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .upload-files-wrapper {
          }
        }
      }
    }
  }
  .upload-files-wrapper {
    display: grid;
  }
  .upload-files-wrapper {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .upload-files-wrapper {
    row-gap: 25px;
  }
  .upload-files-wrapper {
    -moz-column-gap: 1.25rem;
         column-gap: 1.25rem;
  }
  .upload-files-wrapper {
    > div {
      border-radius: 10px;
    }
    > div {
      background-color: rgba(var(--main-body-color),1);
    }
    > div {
      padding: 18px;
    }
    > div {
      .flex {
        margin-bottom: 25px;
      }
      .flex {
        align-items: center;
      }
      .flex {
        gap: 22px;
      }
      .flex {
        svg {
          height: calc(48px + (55 - 48) * ((100vw - 320px) / (1920 - 320)));
        }
        svg {
          width: calc(26px + (39 - 26) * ((100vw - 320px) / (1920 - 320)));
        }
        p {
          height: auto;
        }
        p {
          display: -webkit-box;
          -webkit-line-clamp: 1;
          -webkit-box-orient: vertical;
          overflow: hidden;
        }
      }
      .common-space {
        p,
          span {
          color: rgba(var(--badge-light-color),80%);
        }
      }
      .progress {
        margin-top: 0.5rem;
      }
      .progress {
        height: 0.375rem;
      }
      .progress {
        background: linear-gradient(180.36deg, #cfdce8 -32.82%, #fff 132.82%);
      }
      &.upload-file-box {
        display: grid;
      }
      &.upload-file-box > div {
        position: relative;
      }
      @media (max-width: 575px) {
         {
           {
             {
              &.upload-file-box {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              &.upload-file-box {
              }
            }
          }
        }
      }
      &.upload-file-box {
        display: grid;
      }
      &.upload-file-box {
        cursor: pointer;
      }
      &.upload-file-box {
        border-width: 1px;
      }
      &.upload-file-box {
        border-style: dashed;
      }
      &.upload-file-box {
        border-color: rgba(var(--theme-default),1);
      }
      &.upload-file-box {
        background-color: rgba(var(--theme-default),0.1);
      }
      &.upload-file-box {
        .upload-flex {
          margin-bottom: 0 !important;
        }
        @media (min-width: 1200px) {
           {
             {
               {
                .upload-flex {
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                .upload-flex {
                }
              }
            }
          }
        }
        .upload-flex {
          margin-bottom: 0px;
        }
        .upload-flex {
          display: flex;
        }
        .upload-flex {
          align-items: center;
        }
        .upload-flex {
          justify-content: center;
        }
      }
      &.create-file-box {
        display: grid;
      }
      &.create-file-box > div {
        position: relative;
      }
      @media (max-width: 575px) {
         {
           {
             {
              &.create-file-box {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              &.create-file-box {
              }
            }
          }
        }
      }
      &.create-file-box {
        display: grid;
      }
      &.create-file-box {
        cursor: pointer;
      }
      &.create-file-box {
        border-width: 1px;
      }
      &.create-file-box {
        border-style: dashed;
      }
      &.create-file-box {
        border-color: rgba(var(--warning-color),1);
      }
      &.create-file-box {
        background-color: rgba(var(--warning-color),0.1);
      }
      &.create-file-box {
        .project-flex {
          margin-bottom: 0 !important;
        }
        @media (min-width: 1200px) {
           {
             {
               {
                .project-flex {
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                .project-flex {
                }
              }
            }
          }
        }
        .project-flex {
          margin-bottom: 0px;
        }
        .project-flex {
          display: flex;
        }
        .project-flex {
          align-items: center;
        }
        .project-flex {
          justify-content: center;
        }
      }
    }
  }
}

.project-timeline {
  .notification {
    ul {
      li {
        &:last-child {
          padding-bottom: 0 !important;
        }
        &:last-child {
          padding-bottom: 0px;
        }
        h6 {
          margin-bottom: 0.375rem;
        }
        h6 {
          height: auto;
        }
        h6 {
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          overflow: hidden;
        }
        @media (min-width: 1200px) {
           {
             {
               {
                .date-time {
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                .date-time {
                }
              }
            }
          }
        }
        .date-time {
          display: flex;
        }
        .date-time {
          align-items: center;
        }
        .date-time {
          justify-content: flex-start;
        }
        span {
          color: rgba(var(--badge-light-color),80%);
        }
        span {
          .activity-profile {
            margin-left: 0.625rem;
          }
          .activity-profile {
            border-left-width: 1px;
          }
          .activity-profile {
            border-style: solid;
          }
          .activity-profile {
            border-left-color: rgba(var(--badge-light-color),20%);
          }
          .activity-profile {
            padding-left: 0.625rem;
          }
          .activity-profile {
            img {
              margin-right: 0.375rem;
            }
            span {
              vertical-align: text-top;
            }
            span {
              color: rgba(var(--badge-light-color),80%);
            }
          }
        }
        > div {
          span:not(.activity-profile, .activity-profile span, .date-time) {
            height: auto;
          }
          span:not(.activity-profile, .activity-profile span, .date-time) {
            display: -webkit-box !important;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
          }
        }
        .upload-doc {
          width: calc(234px + (305 - 234) * ((100vw - 320px) / (1920 - 320)));
        }
        .upload-doc {
          min-width: calc( 234px + (305 - 234) * ((100vw - 320px) / (1920 - 320)) );
        }
        .upload-doc {
          background-color: rgba(var(--main-body-color),1);
        }
        .upload-doc {
          padding-left: 15px;
          padding-right: 15px;
        }
        .upload-doc {
          padding-top: 0.75rem;
          padding-bottom: 0.75rem;
        }
        .upload-doc {
          @media (min-width: 1200px) {
             {
               {
                 {
                  .main-file {
                  }
                }
              }
            }
          }
          @media (max-width: 575px) {
             {
               {
                 {
                  .main-file {
                  }
                }
              }
            }
          }
          .main-file {
            display: flex;
          }
          .main-file {
            align-items: center;
          }
          .main-file {
            gap: 15px;
          }
          svg {
            height: 39px;
          }
          svg {
            width: 29px;
          }
        }
        @media (min-width: 1200px) {
           {
             {
               {
                .flowchart-wrapper {
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                .flowchart-wrapper {
                }
              }
            }
          }
        }
        .flowchart-wrapper {
          display: flex;
        }
        .flowchart-wrapper {
          flex-wrap: wrap;
        }
        .flowchart-wrapper {
          align-items: center;
        }
        .flowchart-wrapper {
          justify-content: flex-start;
        }
        .flowchart-wrapper {
          gap: 25px;
        }
        .flowchart-wrapper {
          background-color: rgba(var(--main-body-color),1);
        }
        .flowchart-wrapper {
          padding: calc(16px + (25 - 16) * ((100vw - 320px) / (1920 - 320)));
        }
        .flowchart-wrapper {
          .flowchart-img {
            img {
              height: 100px;
            }
            img {
              width: 135px;
            }
            img {
              border-radius: 0.5rem;
            }
            img {
              -o-object-fit: cover;
                 object-fit: cover;
            }
            img {
              -o-object-position: center;
                 object-position: center;
            }
          }
        }
        .project-teammate {
          ul {
            &::before {
              --tw-content: unset;
              content: var(--tw-content);
            }
            li {
              padding-bottom: 0 !important;
            }
            li {
              padding-bottom: 0px;
            }
            li {
              + li {
                margin-left: -0.75rem;
              }
              + li {
                [dir="rtl"] & {
                  margin-left: unset;
                }
                [dir="rtl"] & {
                  margin-right: -0.75rem;
                }
              }
              img {
                transition-property: 0.5s;
                transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                transition-duration: 150ms;
              }
              img,
                .light-background {
                &:hover {
                  --tw-translate-y: -0.25rem;
                  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                }
                &:hover {
                  --tw-scale-x: 1.02;
                  --tw-scale-y: 1.02;
                  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                }
                &:hover {
                  transition-property: 0.5s;
                  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                  transition-duration: 150ms;
                }
              }
            }
          }
        }
        .project-task-note {
          border-width: 1px;
        }
        .project-task-note {
          border-style: dashed;
        }
        .project-task-note {
          border-color: rgba(var(--badge-light-color),30%);
        }
        .project-task-note {
          thead,
            tbody {
            tr {
              th,
                td {
                &:first-child {
                  min-width: 152px;
                }
                &:nth-child(2) {
                  min-width: 265px;
                }
                &:nth-child(3) {
                  min-width: 112px;
                }
                &:nth-child(n + 4) {
                  min-width: 130px;
                }
              }
            }
          }
          .project-header {
            border-bottom-width: 1px;
          }
          .project-header {
            border-style: solid;
          }
          .project-header {
            border-bottom-color: rgba(var(--badge-light-color),30%);
          }
          .project-header {
            background-color: rgba(var(--recent-chart-bg),1);
          }
          .project-content {
            background-color: rgba(var(--badge-light-color),10%);
          }
          .project-content {
            td {
              .common-f-start {
                li {
                  padding-bottom: 0 !important;
                }
                li {
                  padding-bottom: 0px;
                }
                li {
                  + li {
                    margin-left: -0.75rem;
                  }
                  + li {
                    [dir="rtl"] & {
                      margin-left: unset;
                    }
                    [dir="rtl"] & {
                      margin-right: -0.75rem;
                    }
                  }
                  img {
                    transition-property: 0.5s;
                    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                    transition-duration: 150ms;
                  }
                  img,
                    .light-background {
                    &:hover {
                      --tw-translate-y: -0.25rem;
                      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                    }
                    &:hover {
                      --tw-scale-x: 1.02;
                      --tw-scale-y: 1.02;
                      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                    }
                    &:hover {
                      transition-property: 0.5s;
                      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                      transition-duration: 150ms;
                    }
                  }
                }
              }
              .btn-white {
                color: rgba(var(--badge-light-color),1);
              }
              .badge {
                margin: 0px !important;
              }
              .badge {
                margin: 0px;
              }
              .badge {
                border-left-color: unset;
              }
              .badge {
                padding: 0.625rem;
              }
              .btn {
                background-color: rgba(var(--white-bg),1);
              }
              ul {
                li {
                  img {
                    border-width: 2px !important;
                  }
                  img {
                    height: 32px;
                  }
                  img {
                    width: 32px;
                  }
                  img {
                    border-width: 2px;
                  }
                  img {
                    border-style: solid;
                  }
                  img {
                    border-color: rgba(var(--white-bg),1);
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}

.project-cards {
  .project-list {
    .main-card-box {
      border-radius: 5px;
    }
    .main-card-box {
      border-width: 1px;
    }
    .main-card-box {
      border-style: solid;
    }
    .main-card-box {
      border-color: rgba(var(--white-bg),1);
    }
    .main-card-box {
      > .common-space {
        flex-wrap: wrap;
      }
      > .common-space {
        border-bottom-width: 1px;
      }
      > .common-space {
        border-style: dashed;
      }
      > .common-space {
        border-bottom-color: rgba(var(--badge-light-color),20%);
      }
      .common-f-start {
        li {
          .common-circle {
            height: 40px;
          }
          .common-circle {
            width: 40px;
          }
        }
      }
      .cost-performance-wrapper {
        width: 180px;
      }
      .cost-performance-wrapper {
        .apexcharts-graphical {
          --tw-scale-x: 0.8;
          --tw-scale-y: 0.8;
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        }
        .apexcharts-tooltip {
          span {
            color: rgba(var(--white),1);
          }
        }
      }
      .cost-right-data {
        ul {
          li {
            padding: calc(11px + (12 - 11) * ((100vw - 320px) / (1920 - 320)));
          }
          li {
            &:first-child {
              border-bottom-width: 1px;
            }
            &:first-child {
              border-style: dashed;
            }
            &:first-child {
              border-bottom-color: rgba(var(--badge-light-color),20%);
            }
            span {
              color: rgba(var(--badge-light-color),80%);
            }
          }
        }
      }
      @media (min-width: 1200px) {
         {
           {
             {
              .project-right-icon {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              .project-right-icon {
              }
            }
          }
        }
      }
      .project-right-icon {
        display: flex;
      }
      .project-right-icon {
        height: calc(36px + (46 - 36) * ((100vw - 320px) / (1920 - 320)));
      }
      .project-right-icon {
        width: calc(36px + (46 - 36) * ((100vw - 320px) / (1920 - 320)));
      }
      .project-right-icon {
        align-items: center;
      }
      .project-right-icon {
        justify-content: center;
      }
      .project-right-icon {
        border-radius: 5px;
      }
      .project-right-icon {
        i {
          font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
        }
      }
      .highlight-content {
        .common-space {
          flex-wrap: wrap;
        }
        .common-space {
          gap: 0.375rem;
        }
        .common-space {
          svg.table {
            white-space: pre-wrap !important;
          }
          svg {
            margin-right: 0.375rem;
          }
          svg {
            height: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
          }
          svg {
            vertical-align: middle;
          }
          span {
            font-size: calc( 14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)) );
          }
        }
      }
      span {
        color: rgba(var(--body-font-color),1);
      }
      ul {
        &.common-f-start {
          &::before {
            --tw-content: unset;
            content: var(--tw-content);
          }
          li {
            padding-bottom: 0 !important;
          }
          li {
            padding-bottom: 0px;
          }
          li {
            + li {
              margin-left: -0.75rem;
            }
            + li {
              [dir="rtl"] & {
                margin-left: unset;
              }
              [dir="rtl"] & {
                margin-right: -0.75rem;
              }
            }
            img {
              transition-property: 0.5s;
              transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
              transition-duration: 150ms;
            }
            img,
              .light-background {
              &:hover {
                --tw-translate-y: -0.25rem;
                transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
              }
              &:hover {
                --tw-scale-x: 1.02;
                --tw-scale-y: 1.02;
                transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
              }
              &:hover {
                transition-property: 0.5s;
                transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                transition-duration: 150ms;
              }
            }
          }
        }
      }
      .project-list-card {
        padding: 1.25rem;
      }
      .project-list-card {
        .common-space {
          padding-bottom: 0.375rem;
        }
        .common-space:last-child {
          padding-bottom: 0 !important;
        }
        .common-space:last-child {
          padding-bottom: 0px;
        }
      }
      .highlight-content {
        padding: 1.25rem;
      }
      .highlight-content {
        .common-space {
          padding-bottom: 0.375rem;
        }
        .common-space:last-child {
          padding-bottom: 0 !important;
        }
        .common-space:last-child {
          padding-bottom: 0px;
        }
      }
    }
  }
}

.project-tabs {
  flex-wrap: wrap;
  gap: 0.75rem;
  &.common-space {
    .tab-links {
      margin-bottom: 0 !important;
    }
    .tab-links {
      margin-bottom: 0px;
    }
    .tab-links {
      border-color: unset;
    }
    .tab-links {
      .nav-item {
        .tab-link {
          text-align: left;
        }
        .tab-link {
          svg.table {
            white-space: pre-wrap !important;
          }
          svg {
            margin-right: 5px;
          }
          svg {
            height: 18px;
          }
          svg {
            vertical-align: middle;
          }
        }
      }
    }
    .btn {
      i.table {
        white-space: pre-wrap !important;
      }
      i {
        margin-right: 0.5rem;
      }
      i {
        vertical-align: middle;
      }
    }
  }
}

.projects-wrapper {
  .card,
    .list-box {
    cursor: pointer;
  }
  .card,
    .list-box {
    background-color: rgba(var(--recent-chart-bg),1);
  }
  .card,
    .list-box {
    --tw-shadow-color: (0px 9px 20px 0px #2e235e12);
    --tw-shadow: var(--tw-shadow-colored);
  }
  .card,
    .list-box {
    padding: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
    .header-top {
      margin-bottom: 16px !important;
    }
    .header-top {
      margin-bottom: 0.75rem;
    }
    .header-top {
      flex-wrap: wrap;
    }
    .project-body {
      span {
        margin-bottom: 8px !important;
      }
      span {
        margin-bottom: 0.5rem;
      }
      span {
        color: rgba(var(--badge-light-color),80%);
      }
      .progress {
        margin-bottom: 8px !important;
      }
      .progress {
        margin-bottom: 0.5rem;
      }
      .progress {
        height: 0.375rem;
      }
    }
  }
  &:last-child {
    .card {
      margin-bottom: 0 !important;
    }
    .card {
      margin-bottom: 0px;
    }
  }
  ul {
    li {
      + li {
        margin-left: -0.75rem;
      }
      img {
        transition-property: 0.5s;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
      }
      img,
        .light-background {
        &:hover {
          --tw-translate-y: -0.25rem;
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        }
        &:hover {
          --tw-scale-x: 1.02;
          --tw-scale-y: 1.02;
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        }
        &:hover {
          transition-property: 0.5s;
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-duration: 150ms;
        }
      }
    }
  }
  .badge {
    font-size: 0.75rem;
    line-height: 1rem;
  }
  .badge {
    padding: calc(6px + (10 - 6) * ((100vw - 320px) / (1920 - 320))) calc(6px + (12 - 6) * ((100vw - 320px) / (1920 - 320)));
  }
  .project-body {
    h6 {
      display: block;
    }
    h6 {
      margin-left: auto;
      margin-right: auto;
    }
    h6 {
      margin-top: 0px;
      margin-bottom: 0px;
    }
    h6 {
      display: block;
    }
    h6 {
      max-width: 100%;
    }
    h6 {
      overflow: hidden;
    }
    h6 {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
    }
    h6 {
      height: auto;
    }
    h6 {
      max-width: 100%;
    }
    h6 {
      overflow: hidden;
    }
    h6 {
      text-overflow: ellipsis;
    }
    h6 {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
    }
    @media (max-width: 575px) {
       {
         {
           {
            > > img {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > > img {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > > img {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > > img {
                width: 90%;
              }
            }
          }
        }
      }
    }
    > img {
      margin-bottom: 15px;
    }
    > img {
      width: 100%;
    }
    > img {
      border-radius: 5px;
    }
    > img {
      -o-object-fit: cover;
         object-fit: cover;
    }
    > img {
      height: (85px + (126 - 85) * (100vw - 320px) / (1920 - 320));
    }
    ul {
      padding-bottom: calc( 12px + (15 - 12) * ((100vw - 320px) / (1920 - 320)) );
    }
    .project-bottom {
      flex-wrap: wrap;
    }
    .project-bottom {
      gap: 0.375rem;
    }
    .project-bottom {
      border-top-width: 1px;
    }
    .project-bottom {
      border-style: solid;
    }
    .project-bottom {
      border-top-color: rgba(var(--badge-light-color),10%);
    }
    .project-bottom {
      padding-top: calc(12px + (18 - 12) * ((100vw - 320px) / (1920 - 320)));
    }
    .project-bottom {
      .common-flex {
        span {
          margin-bottom: 0 !important;
        }
        @media (min-width: 1200px) {
           {
             {
               {
                span {
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                span {
                }
              }
            }
          }
        }
        span {
          margin-bottom: 0px;
        }
        span {
          display: flex;
        }
        span {
          align-items: center;
        }
        span {
          justify-content: center;
        }
      }
      span {
        border-radius: 5px;
      }
      span {
        background-color: rgba(var(--light-bg),1);
      }
      span {
        padding: calc(4px + (6 - 4) * ((100vw - 320px) / (1920 - 320))) calc(8px + (12 - 8) * ((100vw - 320px) / (1920 - 320)));
      }
      svg {
        height: 16px;
      }
      svg {
        width: 16px;
      }
      svg {
        stroke: rgba(var(--badge-light-color),80%);
      }
      svg {
        vertical-align: text-top;
      }
    }
  }
  .list-box {
    border-radius: 0.125rem;
  }
  svg {
    height: 16px;
  }
  svg {
    width: 16px;
  }
  svg {
    vertical-align: sub;
  }
  .project-body {
    .common-f-start:not(ul) {
      margin-bottom: 1.5rem;
    }
    .common-f-start:not(ul) {
      img {
        height: calc(50px + (67 - 50) * ((100vw - 320px) / (1920 - 320)));
      }
      img {
        border-radius: 14px;
      }
    }
    .project-bottom {
      .common-f-start {
        padding-bottom: 0 !important;
      }
      .common-f-start {
        padding-bottom: 0px;
      }
      p {
        color: rgba(var(--badge-light-color),80%);
      }
      p {
        span {
          padding: 0 !important;
        }
        span {
          margin-bottom: 0 !important;
        }
        span {
          margin-bottom: 0px;
        }
        span {
          border-radius: 0px;
        }
        span {
          background-color: unset;
        }
        span {
          padding: 0px;
        }
        span {
          font-weight: 500;
        }
        span {
          color: rgba(var(--body-font-color),1);
        }
      }
      ul {
        li {
          img {
            height: 32px;
          }
          img {
            width: 32px;
          }
          img {
            border-width: 1px;
          }
          img {
            border-style: solid;
          }
          img {
            border-color: rgba(var(--white-bg),1);
          }
        }
      }
    }
  }
  &:last-child {
    .card {
      margin-bottom: 1.25rem;
    }
  }
  .header-top {
    .badge-light-success {
      &:hover {
        background-color: rgba(var(--success-color),0.15);
      }
    }
    .badge-light-warning {
      &:hover {
        background-color: rgba(var(--warning-color),0.1) !important;
      }
    }
  }
}

@media (min-width: 576px) {
  .pe-sm-3 {
    padding-right: 1rem;
  }
}

@media (max-width: 767px) {
  .project-timeline {
    .notification {
      ul {
        li {
          .date-time {
            display: block !important;
          }
          .date-time {
            display: block !important;
          }
          .date-time {
            .activity-profile {
              margin-left: 0px;
            }
            .activity-profile {
              border-left-width: 0px;
            }
            .activity-profile {
              padding-left: 0px;
            }
          }
        }
      }
    }
  }

  .project-body .project-bottom .common-flex svg {
    height: 14px;
    width: 14px;
  }
}

@media (max-width: 1800px) {
  .project-cards {
    .project-list {
      .main-card-box {
        .main-cost-performance {
          .common-space {
            flex-wrap: wrap !important;
          }
          .common-space {
            justify-content: center;
          }
          .common-space {
            .cost-right-data {
              @media (min-width: 1200px) {
                 {
                   {
                     {
                      ul {
                      }
                    }
                  }
                }
              }
              @media (max-width: 575px) {
                 {
                   {
                     {
                      ul {
                      }
                    }
                  }
                }
              }
              ul {
                display: flex;
              }
              ul {
                align-items: center;
              }
              ul {
                justify-content: center;
              }
              ul {
                gap: calc(0px + (28 - 0) * ((100vw - 320px) / (1920 - 320)));
              }
              ul {
                li {
                  &:first-child {
                    border-bottom-width: 0px;
                  }
                }
              }
            }
          }
        }
      }
    }
  }

  .activity-wrapper {
    @media (min-width: 1200px) {
       {
         {
           {
            .schedule-wrapper {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            .schedule-wrapper {
            }
          }
        }
      }
    }
    .schedule-wrapper {
      display: flex;
    }
    .schedule-wrapper {
      justify-content: flex-start;
    }
  }
}

@media (max-width: 1399px) {
  .attach-files-wrapper {
    .upload-files-wrapper {
      grid-template-columns: 1fr 1fr;
    }
  }

  .scope-bottom-wrapper {
    .sidebar-left-icons {
      li {
        .tab-link {
          .nav-rounded {
            height: 33px;
          }
          .nav-rounded {
            width: 33px;
          }
          .nav-rounded {
            min-width: 33px;
          }
          .nav-rounded {
            .product-icons {
              svg {
                height: 16px;
              }
              svg {
                width: 16px;
              }
            }
          }
        }
      }
    }
  }

  .project-budget-wrapper {
    .progress {
      margin-left: 0px;
      margin-right: 0px;
    }
    .progress {
      margin-top: 0.25rem;
    }
    .progress {
      margin-bottom: 0.375rem;
    }
  }

  .project-cards {
    .project-list {
      .main-card-box {
        .main-cost-performance {
          .common-space {
            flex-direction: column;
          }
        }
      }
    }
  }
}

@media (max-width: 1399px) and (min-width: 1200px) {
  .cmt-box {
    .form-control {
      height: 0.125rem;
    }
    .form-control {
      min-height: calc(1.5em + 0.75rem + 1px);
    }
    .form-control {
      width: calc(100% - 40px - 2px);
    }
    i {
      height: 40px !important;
    }
    i {
      width: 40px !important;
    }
  }
}

@media (max-width: 1399px) and (min-width: 768px) {
  .main-team-box {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 1366px) and (min-width: 1200px) {
  .project-pending-table {
    &.recent-table {
      table {
        thead,
          tbody {
          tr {
            th,
              td {
              &:nth-child(4) {
                display: none;
              }
            }
          }
        }
      }
    }
  }
}

@media (max-width: 1200px) {
  .scope-bottom-wrapper {
    .sidebar-left-icons {
      li {
        .tab-link {
          .product-tab-content {
            @media (max-width: 575px) {
               {
                 {
                   {
                    > h6 {
                      width: 90%;
                    }
                  }
                }
              }

               {
                 {
                   {
                     {
                      > h6 {
                        width: 90%;
                      }
                    }
                  }
                }
              }
            }
            @media (max-width: 575px) {
               {
                 {
                   {
                    > h6 {
                      width: 90%;
                    }
                  }
                }
              }

               {
                 {
                   {
                     {
                      > h6 {
                        width: 90%;
                      }
                    }
                  }
                }
              }
            }
            h6 {
              height: auto;
            }
            h6 {
              width: 100%;
            }
            h6 {
              font-weight: 400;
            }
            h6 {
              color: rgba(var(--body-font-color),1);
            }
            h6 {
              display: -webkit-box;
              -webkit-line-clamp: 1;
              -webkit-box-orient: vertical;
              overflow: hidden;
            }
          }
        }
      }
    }
  }
}

@media (max-width: 1700px) {
  .budget-card {
    .common-space {
      flex-wrap: wrap;
    }
  }

  .expense-chart-wrap {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: -1.25rem;
    margin-bottom: -1.25rem;
  }
}

@media (max-width: 1660px) and (min-width: 1400px) {
  .scope-bottom-wrapper {
    .sidebar-left-icons {
      li {
        &::before {
          left: 35px;
        }
      }
    }
  }

  .main-team-box {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .attach-files-wrapper {
    .upload-files-wrapper {
      grid-template-columns: 1fr 1fr 1fr;
    }
  }

  .recent-xl-50 {
    grid-column: span 6 / span 6 !important;
  }

  .recent-xl-23 {
    grid-column: span 3 / span 3 !important;
  }

  .recent-xl-77 {
    grid-column: span 9 / span 9 !important;
  }
}

@media (max-width: 1660px) and (min-width: 1200px) {
  .summary-section {
    > li {
      &:last-child {
        .common-space {
          > li {
            &:last-child {
              display: none;
            }
          }
        }
      }
    }
  }
}

@media (max-width: 1660px) {
  .common-project-header {
    h6 {
      margin-left: -14px;
    }
  }
}

@media (max-width: 1199px) {
  .project-pending-table {
    &.recent-table {
      table {
        thead,
          tbody {
          tr {
            th,
              td {
              &:first-child {
                min-width: 100px;
              }
              &:nth-child(2) {
                min-width: 199px;
              }
              &:nth-child(4) {
                min-width: 74px;
              }
            }
          }
        }
      }
    }
  }

  .overall-budget {
    &.recent-table {
      table {
        thead,
          tbody {
          tr {
            th,
              td {
              &:first-child {
                min-width: 104px;
              }
              &:nth-child(n + 2) {
                min-width: 121px;
              }
            }
          }
        }
      }
    }
  }

  .scope-bottom-wrapper {
    @media (min-width: 1200px) {
       {
         {
           {
            .sidebar-left-icons {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            .sidebar-left-icons {
            }
          }
        }
      }
    }
    .sidebar-left-icons {
      display: flex;
    }
    .sidebar-left-icons {
      flex-wrap: wrap;
    }
    .sidebar-left-icons {
      align-items: center;
    }
    .sidebar-left-icons {
      justify-content: flex-start;
    }
    .sidebar-left-icons {
      gap: 0.75rem;
    }
    .sidebar-left-icons {
      li {
        .tab-link {
          .product-tab-content {
            h6 {
              display: block;
            }
            h6 {
              margin-left: auto;
              margin-right: auto;
            }
            h6 {
              margin-top: 0px;
              margin-bottom: 0px;
            }
            h6 {
              display: block;
            }
            h6 {
              max-width: 100%;
            }
            h6 {
              overflow: hidden;
            }
            h6 {
              display: -webkit-box;
              -webkit-line-clamp: 2;
              -webkit-box-orient: vertical;
            }
            @media (max-width: 575px) {
               {
                 {
                   {
                    > h6 {
                      width: 90%;
                    }
                  }
                }
              }

               {
                 {
                   {
                     {
                      > h6 {
                        width: 90%;
                      }
                    }
                  }
                }
              }
            }
            @media (max-width: 575px) {
               {
                 {
                   {
                    > h6 {
                      width: 90%;
                    }
                  }
                }
              }

               {
                 {
                   {
                     {
                      > h6 {
                        width: 90%;
                      }
                    }
                  }
                }
              }
            }
            h6 {
              width: 100%;
            }
            h6 {
              overflow: hidden;
            }
            h6 {
              text-overflow: ellipsis;
            }
            h6 {
              white-space: nowrap;
            }
          }
        }
      }
      .nav-item {
        padding-bottom: 0 !important;
      }
      .nav-item {
        padding-bottom: 0px;
      }
      .nav-item::before {
        --tw-content: unset;
        content: var(--tw-content);
      }
    }
  }
}

@media (max-width: 640px) {
  .project-pending-table {
    &.recent-table {
      div {
        &.dt-container {
          .dt-layout-row {
            .dt-search {
              right: 55px;
            }
            .dt-search {
              top: 30px;
            }
          }
        }
      }
    }
  }

  .common-project-header {
    display: block !important;
    .customers {
      li {
        .common-circle {
          height: 30px;
        }
        .common-circle {
          width: 30px;
        }
        .common-circle {
          span {
            font-size: 13px;
          }
        }
      }
    }
    .common-space {
      padding-bottom: 18px;
    }
    h6 {
      margin-left: 0px;
    }
    .common-align {
      flex-wrap: wrap;
    }
    .common-align {
      justify-content: flex-end;
    }
    .common-align {
      gap: 0.5rem;
    }
    .common-align {
      .customers {
        text-align: end;
      }
      .customers {
        li {
          img {
            height: 30px;
          }
          img {
            width: 30px;
          }
        }
      }
    }
  }

  .main-team-box {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 575px) {
  .project-tabs {
    &.common-space {
      .tab-links {
        .nav-item {
          &:first-child {
            .tab-link {
              padding-left: 0px;
            }
          }
          &:last-child {
            .tab-link {
              padding-right: 0px;
            }
          }
        }
      }
    }
  }

  .summary-section {
    > li {
      &:last-child {
        .common-space {
          flex-wrap: wrap;
        }
      }
    }
  }

  .activity-wrapper {
    .schedule-wrapper {
      &.tab-links {
        width: -moz-fit-content;
        width: fit-content;
      }
      &.tab-links {
        flex-wrap: wrap;
      }
      &.tab-links {
        flex-direction: unset !important;
      }
      .tab-link {
        width: -moz-fit-content;
        width: fit-content;
      }
    }
  }

  .invite-member {
    ul {
      li {
        img {
          height: 30px;
        }
      }
    }
  }

  .cmt-box {
    .form-control {
      height: 0.125rem;
    }
    .form-control {
      min-height: calc(1.5em + 0.75rem + 1px);
    }
    .form-control {
      width: calc(100% - 40px - 2px);
    }
    i {
      height: 38px !important;
    }
    i {
      width: 38px !important;
    }
  }

  .project-budget-wrapper {
    .touchspin-wrapper {
      @media (min-width: 1200px) {
         {
           {
             {
              .btn-touchspin {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              .btn-touchspin {
              }
            }
          }
        }
      }
      .btn-touchspin {
        display: flex;
      }
      .btn-touchspin {
        height: 28px;
      }
      .btn-touchspin {
        width: 28px;
      }
      .btn-touchspin {
        align-items: center;
      }
      .btn-touchspin {
        justify-content: center;
      }
    }
  }

  .attach-files-wrapper {
    .upload-files-wrapper {
      grid-template-columns: 1fr;
    }
  }

  .project-cards {
    .project-list {
      .main-card-box {
        .common-f-start {
          li {
            .common-circle {
              height: 30px;
            }
            .common-circle {
              width: 30px;
            }
            .common-circle {
              font-size: 0.75rem;
              line-height: 1rem;
            }
          }
        }
      }
    }
  }

  .project-tabs {
    flex-direction: column;
    align-items: flex-start;
    &.common-space {
      .tab-links {
        text-align: start;
      }
      .tab-links {
        .nav-item {
          &:first-child {
            .tab-link {
              padding-top: 0px;
            }
          }
          .tab-link {
            display: block;
          }
          .tab-link {
            padding-left: 0 !important;
            padding-right: 0 !important;
          }
          .tab-link {
            display: block;
          }
          .tab-link {
            padding-left: 0px;
            padding-right: 0px;
          }
          .tab-link {
            padding-top: 0.625rem;
            padding-bottom: 0.625rem;
          }
          .tab-link {
            font-size: 0.875rem;
            line-height: 1.25rem;
          }
        }
      }
    }
  }

  .summary-section {
    > li {
      &:last-child {
        .common-space {
          > li {
            @media (min-width: 1200px) {
               {
                 {
                   {
                    ul {
                    }
                  }
                }
              }
            }
            @media (max-width: 575px) {
               {
                 {
                   {
                    ul {
                    }
                  }
                }
              }
            }
            ul {
              display: flex;
            }
            ul {
              align-items: center;
            }
            ul {
              justify-content: center;
            }
            ul {
              gap: 18px;
            }
            ul {
              li:not(:last-child) {
                margin-bottom: 0 !important;
              }
              li:not(:last-child) {
                margin-bottom: 0px;
              }
            }
          }
        }
      }
    }
  }
}

@media (max-width: 420px) {
  .common-project-header {
    .common-space {
      flex-direction: column !important;
    }
    .common-space {
      align-items: flex-start !important;
    }
    .common-space {
      justify-content: flex-start !important;
    }
    .common-align {
      align-items: flex-start;
    }
    .common-align {
      justify-content: flex-start !important;
    }
    .common-align {
      .customers {
        text-align: start;
      }
    }
  }

  .main-summary {
    .card-header {
      .common-space {
        flex-wrap: wrap;
      }
      .common-space {
        gap: 0.5rem;
      }
    }
  }

  .projects-wrapper {
    .project-body {
      .common-f-start:not(ul) {
        margin-bottom: 0.375rem;
      }
      .common-f-start:not(ul) {
        flex-wrap: wrap;
      }
    }
  }
}

@media (max-width: 360px) {
  .project-cards {
    .project-list {
      .main-card-box {
        .highlight-content {
          .common-space {
            flex-direction: column;
          }
          .common-space {
            align-items: flex-start;
          }
        }
      }
    }
  }

  .attach-files-wrapper {
    .common-f-start {
      justify-content: center;
    }
  }
}

.email-right-aside {
  .email-list {
    display: block;
  }
  .email-list {
    display: block;
  }
  .email-list {
    &.hide {
      display: none;
    }
  }
  .email-read {
    display: none;
  }
  .email-read {
    &.show {
      display: block;
    }
    &.show {
      display: block;
    }
  }
  .modal-footer {
    text-align: end;
  }
  .add-label-modal {
    form {
      .col {
        .grid {
          margin-bottom: 24px !important;
        }
        .grid {
          margin-bottom: 1rem;
        }
        .grid {
          &:nth-last-of-type(1) {
            margin-bottom: 0 !important;
          }
          &:nth-last-of-type(1) {
            margin-bottom: 0px;
          }
        }
      }
    }
  }
}

.email-main-wrapper {
  .email-app-sidebar {
    .tab-links {
      li {
        &:active,
          &.active {
          border-radius: 5px;
        }
        &:nth-child(6) {
          margin-top: 10px;
          margin-bottom: 10px;
        }
        &:nth-child(6) {
          border-top-width: 1px;
        }
        &:nth-child(6) {
          border-style: solid;
        }
        &:nth-child(6) {
          border-top-color: rgba(var(--recent-dashed-border),1);
        }
        &:nth-child(6) {
          padding-top: 0.625rem;
        }
        ul {
          list-style: none !important;
          li {
            a {
              position: relative;
            }
            a {
              height: 40px;
            }
            a {
              gap: 0.75rem;
            }
            a {
              padding-left: 0.75rem;
              padding-right: 0.75rem;
            }
            a {
              padding-top: 3px;
              padding-bottom: 3px;
            }
            a {
              font-size: 1rem;
              line-height: 1.5rem;
            }
            a {
              font-weight: 400;
            }
            a {
              text-transform: capitalize;
            }
            a {
              color: rgba(var(--chart-text-color),1);
            }
            a {
              svg {
                width: 18px;
              }
              svg {
                stroke: rgba(var(--theme-body-sub-title-color),0.8);
              }
            }
            + li {
              margin: 0px !important;
            }
            + li {
              margin: 0px !important;
            }
          }
        }
      }
      .tab-link {
        position: relative;
      }
      .tab-link {
        height: 50px;
      }
      .tab-link {
        gap: 0.75rem;
      }
      .tab-link {
        padding-left: 0.75rem !important;
        padding-right: 0.75rem !important;
      }
      .tab-link {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
      }
      .tab-link {
        font-size: 1rem;
        line-height: 1.5rem;
      }
      .tab-link {
        font-weight: 400;
      }
      .tab-link {
        text-transform: capitalize !important;
      }
      .tab-link {
        color: rgba(var(--chart-text-color),1);
      }
      .tab-link {
        &:hover {
          color: rgba(var(--theme-default),1) !important;
        }
        &:hover {
          background-color: unset;
        }
        &:active,
          &.active {
          border-radius: 5px;
        }
        &:active,
          &.active {
          background-color: rgba(var(--light-shade-primary),1);
        }
        &:active,
          &.active {
          color: rgba(var(--theme-default),1);
        }
        &:active,
          &.active {
          svg {
            stroke: rgba(var(--badge-light-color),1);
          }
          &::after {
            border-width: 2px !important;
          }
          &::after {
            position: absolute;
          }
          &::after {
            right: 0px;
          }
          &::after {
            top: 9px;
          }
          &::after {
            height: 35px;
          }
          &::after {
            width: 4px;
          }
          &::after {
            border-radius: 100px 0 0 100px;
          }
          &::after {
            border-width: 2px;
          }
          &::after {
            border-right-width: 3px;
          }
          &::after {
            border-style: solid;
          }
          &::after {
            border-color: rgba(var(--theme-default),1);
          }
          &::after {
            border-right-color: rgba(var(--theme-default),1);
          }
          &::after {
            --tw-content: "";
            content: var(--tw-content);
          }
        }
        svg {
          height: 18px;
        }
        svg {
          width: 18px;
        }
        svg {
          stroke: rgba(var(--theme-body-sub-title-color),0.8);
        }
        @media (min-width: 1200px) {
           {
             {
               {
                div {
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                div {
                }
              }
            }
          }
        }
        div {
          display: flex;
        }
        div {
          width: calc(100% - 13px - 18px);
        }
        div {
          align-items: center;
        }
        div {
          justify-content: space-between;
        }
      }
    }
    span {
      border-radius: 20px;
    }
    span {
      padding-left: 0.75rem;
      padding-right: 0.75rem;
    }
    span {
      padding-top: 0.375rem;
      padding-bottom: 0.375rem;
    }
    span {
      color: rgba(var(--theme-default),1);
    }
    .compose-mail {
      text-align: center;
    }
    .compose-mail {
      display: block;
    }
    @media (max-width: 767px) {
       {
        .compose-mail {
        }
      }
    }
    .compose-mail {
      display: block;
    }
    .compose-mail {
      text-align: center;
    }
    .compose-mail {
      .nav-link {
        &.active {
          background-color: rgba(var(--theme-default),1);
        }
        &.active {
          padding: 15px;
        }
        &.active {
          color: rgba(var(--white),1);
        }
        &.active::before {
          --tw-content: unset;
          content: var(--tw-content);
        }
        i {
          font-size: 13px;
        }
      }
    }
    .email-category {
      li {
        .btn {
          font-weight: 400;
        }
        .btn {
          color: rgba(var(--chart-text-color),1);
        }
      }
      &.nav-pills {
        .nav-item {
          &:last-child {
            i {
              margin-right: 0px;
            }
          }
        }
      }
    }
    .taged-mail {
      &.nav-pills {
        .nav-item {
          &:first-child {
            a {
              margin-top: 1rem;
            }
          }
          svg {
            height: 24px;
          }
          svg {
            width: 24px;
          }
        }
      }
    }
    .emailbox {
      &.btn {
        padding: 1rem !important;
      }
      @media (max-width: 575px) {
         {
           {
             {
              > &.btn {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > &.btn {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              > &.btn {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > &.btn {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      &.btn {
        margin-bottom: 15px;
      }
      &.btn {
        width: 100%;
      }
      &.btn {
        padding: 0.75rem;
      }
      &.btn {
        font-size: 1rem;
        line-height: 1.5rem;
      }
      &.btn {
        font-weight: 500 !important;
      }
      &.btn {
        i {
          padding-right: 0.75rem;
        }
      }
    }
  }
}

.email-body {
  @media (min-width: 1200px) {
     {
       {
         {
          .mail-header-wrapper {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .mail-header-wrapper {
          }
        }
      }
    }
  }
  .mail-header-wrapper {
    display: flex;
  }
  .mail-header-wrapper {
    align-items: center;
  }
  .mail-header-wrapper {
    justify-content: space-between;
  }
  .mail-header-wrapper {
    padding: 1rem;
  }
  .mail-header-wrapper {
    --tw-shadow: 0px 5px 10px 0px rgba(82,82,108,0.08);
    --tw-shadow-colored: 0px 5px 10px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  .mail-header-wrapper {
    .mail-header {
      @media (min-width: 1200px) {
         {
           {
             {
              .form-check {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              .form-check {
              }
            }
          }
        }
      }
      .form-check {
        display: flex;
      }
      .form-check {
        align-items: center;
      }
      .form-check {
        .form-check-input {
          margin-top: 9px;
        }
        .form-check-input {
          height: 18px !important;
        }
        .form-check-input {
          width: 18px;
        }
        .form-check-input {
          border-color: rgba(var(--chart-dashed-border),1);
        }
        .form-check-input:focus {
          border-width: 1px;
        }
        .form-check-input:focus {
          border-style: solid;
        }
        .form-check-input:focus {
          border-color: rgba(var(--theme-default),1);
        }
        .form-check-input:focus {
          --tw-shadow-color: unset;
          --tw-shadow: var(--tw-shadow-colored);
        }
      }
    }
    @media (min-width: 1200px) {
       {
         {
           {
            .mail-body {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            .mail-body {
            }
          }
        }
      }
    }
    .mail-body {
      display: flex;
    }
    .mail-body {
      gap: 0.75rem;
    }
    .mail-body {
      .mail-search {
        position: relative;
      }
      .mail-search {
        .form-control {
          display: inline-block;
        }
        .form-control {
          padding-left: 38px;
          padding-right: 38px;
        }
        .form-control {
          padding-top: 0.5rem;
          padding-bottom: 0.5rem;
        }
        .form-control {
          color: rgba(var(--badge-light-color),1);
        }
        .form-control:focus {
          border-width: 1px;
        }
        .form-control:focus {
          border-style: solid;
        }
        .form-control:focus {
          border-color: rgba(var(--chart-dashed-border),1);
        }
        .form-control:focus {
          --tw-shadow-color: unset;
          --tw-shadow: var(--tw-shadow-colored);
        }
        i {
          position: absolute;
        }
        i {
          left: 1.25rem;
        }
        i {
          top: 50%;
        }
        i {
          --tw-translate-x: -50%;
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        }
        i {
          --tw-translate-y: -50%;
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        }
        i {
          color: rgba(var(--chart-text-color),1);
        }
      }
      .light-square {
        i {
          color: rgba(var(--body-font-color),1);
        }
      }
      .dropdown {
        .dropdown-toggle {
          background-color: rgba(var(--light-slate),1);
        }
      }
    }
  }
  @media (min-width: 1200px) {
     {
       {
         {
          .light-square {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .light-square {
          }
        }
      }
    }
  }
  .light-square {
    display: flex;
  }
  .light-square {
    height: 39px;
  }
  .light-square {
    width: 40px;
  }
  .light-square {
    cursor: pointer;
  }
  .light-square {
    align-items: center;
  }
  .light-square {
    justify-content: center;
  }
  .light-square {
    border-radius: 0.5rem;
  }
  .light-square {
    background-color: rgba(var(--light-slate),1);
  }
  .light-square {
    .dropdown-toggle {
      &::after {
        display: none !important;
      }
      &::after {
        --tw-content: "";
        content: var(--tw-content);
      }
    }
    .dropdown-menu {
      .dropdown-item {
        border-top-width: 0px;
      }
      .dropdown-item:hover {
        background-color: rgba(var(--gray-60),1);
      }
      .dropdown-item {
        i {
          padding-right: 0.75rem;
        }
      }
    }
  }
  .dropdown {
    .dropdown-menu {
      right: 0px !important;
    }
    .dropdown-menu {
      left: unset;
    }
  }
  .mail-body-wrapper {
    ul {
      @media (min-width: 1200px) {
         {
           {
             {
              li {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              li {
              }
            }
          }
        }
      }
      li {
        display: flex;
      }
      li {
        cursor: pointer;
      }
      li {
        align-items: center;
      }
      li {
        border-bottom-width: 1px;
      }
      li {
        border-style: solid;
      }
      li {
        border-bottom-color: rgba(var(--chart-dashed-border),1);
      }
      li {
        padding: 1rem;
      }
      li:last-child {
        border-bottom-color: none;
      }
      li:hover {
        background-color: rgba(var(--light-background),1);
      }
      li {
        &:hover {
          .inbox-message {
            .email-timing {
              display: none;
            }
            .email-timing {
              transition-property: all;
              transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
              transition-duration: 150ms;
            }
            .email-timing {
              transition-duration: 0.3s;
            }
            .email-timing {
              transition-timing-function: ease-in-out;
            }
            @media (min-width: 1200px) {
               {
                 {
                   {
                    .email-options {
                    }
                  }
                }
              }
            }
            @media (max-width: 575px) {
               {
                 {
                   {
                    .email-options {
                    }
                  }
                }
              }
            }
            .email-options {
              display: flex;
            }
            .email-options {
              min-width: 100px;
            }
            .email-options {
              align-items: center;
            }
            .email-options {
              justify-content: flex-end;
            }
            .email-options {
              gap: 0.875rem;
            }
            .email-options {
              transition-property: all;
              transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
              transition-duration: 150ms;
            }
            .email-options {
              transition-duration: 0.3s;
            }
            .email-options {
              transition-timing-function: ease-in-out;
            }
            .email-options {
              i {
                font-size: 1.125rem;
                line-height: 1.75rem;
              }
            }
            .show {
              display: block;
            }
            .show {
              display: block;
            }
            .hide {
              display: none;
            }
          }
        }
        @media (min-width: 1200px) {
           {
             {
               {
                .inbox-user {
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                .inbox-user {
                }
              }
            }
          }
        }
        .inbox-user {
          display: flex;
        }
        .inbox-user {
          min-width: 290px;
        }
        .inbox-user {
          align-items: center;
        }
        .inbox-user {
          gap: 0.75rem;
        }
        .inbox-user {
          .form-check-input {
            height: 18px !important;
          }
          .form-check-input {
            width: 18px;
          }
          .form-check-input {
            border-color: rgba(var(--chart-dashed-border),1);
          }
          .form-check-input:focus {
            --tw-shadow-color: unset;
            --tw-shadow: var(--tw-shadow-colored);
          }
          .rounded-border {
            border-width: 2px !important;
          }
          @media (min-width: 1200px) {
             {
               {
                 {
                  .rounded-border {
                  }
                }
              }
            }
          }
          @media (max-width: 575px) {
             {
               {
                 {
                  .rounded-border {
                  }
                }
              }
            }
          }
          .rounded-border {
            display: flex;
          }
          .rounded-border {
            height: 50px;
          }
          .rounded-border {
            width: 50px;
          }
          .rounded-border {
            align-items: center;
          }
          .rounded-border {
            justify-content: center;
          }
          .rounded-border {
            border-radius: 100%;
          }
          .rounded-border {
            border-width: 2px;
          }
          .rounded-border {
            border-style: solid;
          }
          .rounded-border {
            border-color: rgba(var(--chart-dashed-border),1);
          }
          .rounded-border {
            > div {
              height: 40px;
            }
            > div {
              width: 40px;
            }
            > div {
              border-radius: 100%;
            }
            > div {
              background-color: rgba(var(--light-primary),1);
            }
            > div {
              @media (min-width: 1200px) {
                 {
                   {
                     {
                      p {
                      }
                    }
                  }
                }
              }
              @media (max-width: 575px) {
                 {
                   {
                     {
                      p {
                      }
                    }
                  }
                }
              }
              p {
                display: flex;
              }
              p {
                height: 100%;
              }
              p {
                align-items: center;
              }
              p {
                justify-content: center;
              }
              p {
                padding-top: 3px;
              }
              p {
                font-weight: 900;
              }
            }
            img {
              height: 38px;
            }
            img {
              border-radius: 100%;
            }
          }
          .circle-success {
            background-color: rgba(var(--light-success),1);
          }
        }
        .inbox-message {
          gap: 24px !important;
        }
        @media (min-width: 1200px) {
           {
             {
               {
                .inbox-message {
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                > .inbox-message {
                  width: 90%;
                }
              }
            }
          }

           {
             {
               {
                 {
                  > .inbox-message {
                    width: 90%;
                  }
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                > .inbox-message {
                  width: 90%;
                }
              }
            }
          }

           {
             {
               {
                 {
                  > .inbox-message {
                    width: 90%;
                  }
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                .inbox-message {
                }
              }
            }
          }
        }
        .inbox-message {
          display: flex;
        }
        .inbox-message {
          width: 100%;
        }
        .inbox-message {
          justify-content: space-between;
        }
        .inbox-message {
          gap: 1rem;
        }
        .inbox-message {
          .email-data {
            span {
              display: block;
            }
            span {
              margin-left: auto;
              margin-right: auto;
            }
            span {
              margin-top: 0px;
              margin-bottom: 0px;
            }
            span {
              display: block;
            }
            span {
              max-width: 100%;
            }
            span {
              overflow: hidden;
            }
            span {
              display: -webkit-box;
              -webkit-line-clamp: 2;
              -webkit-box-orient: vertical;
            }
            span {
              margin-left: auto;
              margin-right: auto;
            }
            span {
              margin-top: 0px;
              margin-bottom: 0px;
            }
            span {
              max-width: 100%;
            }
            span {
              overflow: hidden;
            }
            span {
              text-overflow: ellipsis;
            }
            span {
              font-weight: 500;
            }
            span {
              letter-spacing: 0.4px;
            }
            span {
              color: rgba(var(--badge-light-color),0.7);
            }
            span {
              -webkit-line-clamp: 1;
              -webkit-box-orient: vertical;
              display: -webkit-box !important;
              span {
                display: block;
              }
              span {
                display: block;
              }
              span {
                font-weight: 400;
              }
              span {
                line-height: 1.9;
              }
            }
            .badge {
              display: inline-block;
            }
            .badge {
              border-radius: 20px;
            }
            .badge:last-child {
              margin-bottom: 0 !important;
            }
            .badge:last-child {
              margin-bottom: 0px;
            }
          }
          @media (min-width: 1200px) {
             {
               {
                 {
                  .email-timing {
                  }
                }
              }
            }
          }
          @media (max-width: 575px) {
             {
               {
                 {
                  .email-timing {
                  }
                }
              }
            }
          }
          .email-timing {
            display: flex;
          }
          .email-timing {
            min-width: 80px;
          }
          .email-timing {
            align-items: center;
          }
          .email-timing {
            justify-content: flex-end;
          }
          .email-timing {
            transition-property: all;
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-duration: 150ms;
          }
          .email-timing {
            transition-duration: 0.3s;
          }
          .email-timing {
            transition-timing-function: ease-in-out;
          }
          .email-timing {
            span {
              color: rgba(var(--body-font-color),1);
            }
          }
          .email-options {
            display: none;
          }
          .email-options {
            transition-property: all;
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-duration: 150ms;
          }
          .email-options {
            transition-duration: 0.3s;
          }
          .email-options {
            transition-timing-function: ease-in-out;
          }
          .email-options {
            .show {
              display: block;
            }
            .show {
              display: block;
            }
            .hide {
              display: none;
            }
            i {
              color: rgba(var(--dark-color),0.8);
            }
          }
        }
        .page-item {
          padding: 0 !important;
        }
        .page-item {
          padding: 0px;
        }
      }
    }
  }
}

.compose-modal {
  form {
    .form-control {
      position: relative;
    }
    .add-bcc {
      position: absolute;
    }
    .add-bcc {
      right: 1rem;
    }
    .add-bcc {
      top: 2.5px;
    }
    .add-bcc {
      .btn {
        background-color: rgba(var(--light-shade-primary),1);
      }
      .btn {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
      }
      .btn {
        padding-top: 5px;
        padding-bottom: 5px;
      }
      .btn {
        color: rgba(var(--theme-default),1);
      }
    }
    .filepond--root {
      margin-bottom: 0 !important;
    }
    .filepond--root {
      margin-bottom: 0px;
    }
    .filepond--root {
      cursor: pointer;
    }
  }
}

.mail-header-wrapper {
  &.header-wrapper1 {
    flex-direction: unset;
  }
  @media (min-width: 1200px) {
     {
       {
         {
          .mail-header1 {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .mail-header1 {
          }
        }
      }
    }
  }
  .mail-header1 {
    display: flex;
  }
  .mail-header1 {
    align-items: center;
  }
  .mail-header1 {
    gap: 18px;
  }
  .mail-header1 {
    span {
      font-weight: 500;
    }
    span {
      color: rgba(var(--body-font-color),1);
    }
    .btn-email {
      height: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
    }
    .btn-email {
      width: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
    }
    .btn-email {
      stroke: rgba(var(--body-font-color),1);
    }
  }
  @media (min-width: 1200px) {
     {
       {
         {
          .mail-body1 {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .mail-body1 {
          }
        }
      }
    }
  }
  .mail-body1 {
    display: flex;
  }
  .mail-body1 {
    gap: 0.625rem;
  }
  .mail-body1 {
    svg {
      height: 20px;
    }
    svg {
      width: 20px;
    }
    svg {
      stroke: rgba(var(--badge-light-color),1);
    }
  }
}

.mail-body-wrapper {
  .user-mail-wrapper {
    padding: 1rem;
  }
  .user-mail-wrapper {
    @media (min-width: 1200px) {
       {
         {
           {
            .user-title {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            .user-title {
            }
          }
        }
      }
    }
    .user-title {
      display: flex;
    }
    .user-title {
      align-items: center;
    }
    .user-title {
      justify-content: space-between;
    }
    .user-title {
      border-bottom-width: 1px;
    }
    .user-title {
      border-style: solid;
    }
    .user-title {
      border-bottom-color: rgba(var(--chart-dashed-border),1);
    }
    .user-title {
      > div {
        padding-bottom: 16px !important;
      }
      @media (min-width: 1200px) {
         {
           {
             {
              > div {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              > div {
              }
            }
          }
        }
      }
      > div {
        display: flex;
      }
      > div {
        align-items: center;
      }
      > div {
        gap: 0.75rem;
      }
      > div {
        padding-bottom: 0.75rem;
      }
      > div {
        .rounded-border {
          border-width: 2px !important;
        }
        @media (min-width: 1200px) {
           {
             {
               {
                .rounded-border {
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                .rounded-border {
                }
              }
            }
          }
        }
        .rounded-border {
          display: flex;
        }
        .rounded-border {
          height: 50px;
        }
        .rounded-border {
          width: 50px;
        }
        .rounded-border {
          align-items: center;
        }
        .rounded-border {
          justify-content: center;
        }
        .rounded-border {
          border-radius: 100%;
        }
        .rounded-border {
          border-width: 2px;
        }
        .rounded-border {
          border-style: solid;
        }
        .rounded-border {
          border-color: rgba(var(--chart-dashed-border),1);
        }
        .rounded-border {
          img {
            height: 38px;
          }
          img {
            border-radius: 100%;
          }
        }
        .onhover-dropdown {
          @media (min-width: 1200px) {
             {
               {
                 {
                  .dropdown-button {
                  }
                }
              }
            }
          }
          @media (max-width: 575px) {
             {
               {
                 {
                  .dropdown-button {
                  }
                }
              }
            }
          }
          .dropdown-button {
            display: flex;
          }
          .dropdown-button {
            align-items: center;
          }
          .dropdown-button {
            gap: 0.5rem;
          }
          .dropdown-button {
            border-color: unset;
          }
          .dropdown-button {
            color: rgba(var(--chart-text-color),1);
          }
          .dropdown-button {
            svg {
              height: 16px;
            }
            svg {
              width: 16px;
            }
          }
          .inbox-security {
            min-width: 350px;
          }
          .inbox-security {
            padding: 1rem;
          }
          .inbox-security {
            --tw-shadow-color: rgba(var(--card-hover-box-shadow),1);
            --tw-shadow: var(--tw-shadow-colored);
          }
          .inbox-security {
            p {
              margin-bottom: 8px !important;
            }
            p {
              margin-bottom: 0.5rem;
            }
            p:last-child {
              margin-bottom: 0 !important;
            }
            p:last-child {
              margin-bottom: 0px;
            }
            p {
              span {
                color: rgba(var(--body-font-color),1);
              }
            }
          }
          &:hover {
            .onhover-show-div {
              top: 30px;
            }
            .onhover-show-div {
              z-index: 1;
            }
          }
        }
      }
      .inbox-options {
        span {
          color: rgba(var(--chart-text-color),1);
        }
        svg {
          height: 18px;
        }
        svg {
          width: 18px;
        }
        svg {
          stroke: rgba(var(--badge-light-color),1);
        }
        svg {
          vertical-align: -4px;
        }
        .light-square {
          .dropdown-toggle {
            background-color: transparent;
          }
          .dropdown-toggle::after {
            --tw-content: unset;
            content: var(--tw-content);
          }
          .dropdown-menu {
            &.show {
              right: 0px;
            }
            a {
              display: block;
            }
            a {
              display: block;
            }
          }
        }
      }
    }
    .user-body {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
    .user-body {
      border-bottom-width: 1px;
    }
    .user-body {
      border-style: solid;
    }
    .user-body {
      border-bottom-color: rgba(var(--chart-dashed-border),1);
    }
    .user-body {
      padding-left: 0px;
      padding-right: 0px;
    }
    .user-body {
      padding-top: 0.875rem;
      padding-bottom: 0.875rem;
    }
    .user-body {
      p {
        &:nth-child(1) {
          padding-bottom: 0.875rem;
        }
        &:nth-child(2),
          &:nth-child(4) {
          margin-bottom: 0.625rem;
        }
        &:nth-child(2),
          &:nth-child(4) {
          line-height: 1.8;
        }
      }
      .mail-subcontent {
        padding-top: 0.875rem;
      }
      .mail-subcontent {
        p {
          padding-bottom: 0 !important;
        }
        p {
          padding-bottom: 0px;
        }
      }
    }
    .user-footer {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
    .user-footer {
      border-bottom-width: 1px;
    }
    .user-footer {
      border-style: solid;
    }
    .user-footer {
      border-bottom-color: rgba(var(--chart-dashed-border),1);
    }
    .user-footer {
      padding-left: 0px;
      padding-right: 0px;
    }
    .user-footer {
      padding-top: 0.875rem;
      padding-bottom: 0.875rem;
    }
    .user-footer {
      > div:not(.toolbar-box) {
        padding-bottom: 16px !important;
      }
      @media (min-width: 1200px) {
         {
           {
             {
              > div:not(.toolbar-box) {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              > div:not(.toolbar-box) {
              }
            }
          }
        }
      }
      > div:not(.toolbar-box) {
        display: flex;
      }
      > div:not(.toolbar-box) {
        cursor: pointer;
      }
      > div:not(.toolbar-box) {
        align-items: center;
      }
      > div:not(.toolbar-box) {
        gap: 0.5rem;
      }
      > div:not(.toolbar-box) {
        padding-bottom: 0.75rem;
      }
      svg {
        height: 1.25rem;
      }
      svg {
        width: 1.25rem;
      }
      svg {
        fill: none;
      }
      svg {
        stroke: rgba(var(--chart-text-color),1);
      }
      .attachment-file {
        padding: 1rem !important;
      }
      .attachment-file {
        align-items: center;
      }
      .attachment-file {
        gap: 30px;
      }
      .attachment-file {
        background-color: rgba(var(--light-background),1);
      }
      .attachment-file {
        padding: 0.75rem;
      }
      .attachment-file {
        .common-flex {
          img {
            height: 2.25rem;
          }
        }
      }
    }
    .send-btn {
      padding-top: 0.875rem;
    }
    .send-btn {
      text-align: end;
    }
    .send-btn {
      i {
        margin-left: 0.5rem;
      }
      i {
        font-size: 0.75rem;
        line-height: 1rem;
      }
    }
  }
}

.toolbar-box {
  padding: 0 !important;
  display: block;
  border-radius: 5px;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--chart-dashed-border),1);
  padding: 0px;
  .ql-toolbar {
    &.ql-snow {
      border-width: 0 !important;
    }
    &.ql-snow {
      border-width: 0px;
    }
  }
  .ql-container {
    &.ql-snow {
      border-width: 0 !important;
    }
    &.ql-snow {
      min-height: 100px;
    }
    &.ql-snow {
      border-width: 0px;
    }
    &.ql-snow {
      .ql-tooltip {
        left: 1rem;
      }
      .ql-tooltip {
        border-width: 1px;
      }
      .ql-tooltip {
        border-style: solid;
      }
      .ql-tooltip {
        border-color: rgba(var(--chart-progress-light),1);
      }
      .ql-tooltip {
        background-color: rgba(var(--light-semi-gray),1);
      }
      .ql-tooltip {
        color: rgba(var(--badge-light-color),1);
      }
      .ql-tooltip {
        --tw-shadow-color: unset;
        --tw-shadow: var(--tw-shadow-colored);
      }
      .ql-tooltip {
        .ql-action {
          color: rgba(var(--theme-default),1);
        }
      }
    }
  }
  .ql-editor {
    p {
      &:nth-child(3) {
        margin-left: 0px;
        margin-right: 0px;
      }
      &:nth-child(3) {
        margin-top: 0.75rem;
        margin-bottom: 0.75rem;
      }
      &:nth-child(8),
        &:nth-child(9) {
        margin-left: 0px;
        margin-right: 0px;
      }
      &:nth-child(8),
        &:nth-child(9) {
        margin-top: 0.75rem;
        margin-bottom: 0.75rem;
      }
    }
  }
  .ql-bold,
    .ql-italic,
    .ql-underline,
    .ql-strike,
    .ql-list,
    .ql-stroke,
    .ql-indent,
    .ql-link,
    .ql-image {
    &:hover {
      color: rgba(var(--theme-default),1);
    }
    &:hover {
      svg {
        .ql-stroke,
          .ql-fill {
          stroke: rgba(var(--theme-default),1);
        }
      }
    }
    button {
      &.ql-active {
        .ql-stroke {
          stroke: rgba(var(--theme-default),1);
        }
      }
    }
  }
}

#editor,
  #editor1 {
  .ql-editing {
    left: 60.375px;
  }
  .ql-editing {
    .ql-out-bottom {
      visibility: visible;
    }
  }
  .ql-tooltip {
    left: 35.9688px;
  }
  .ql-tooltip {
    &.ql-out-bottom {
      visibility: visible;
    }
  }
}

.important-mail {
  height: 18px;
  width: 18px;
  cursor: pointer;
  fill: transparent;
  stroke: rgba(var(--chart-text-color),1);
  &:active,
    &.active {
    fill: rgba(var(--warning-color),1);
  }
  &:active,
    &.active {
    stroke: rgba(var(--warning-color),1);
  }
}

.bookmark-box {
  stroke: rgba(var(--chart-text-color),1);
  &:active,
    &.active {
    stroke: rgba(var(--theme-default),1);
  }
}

.dropdown-subtitle {
  > p {
    font-weight: 500;
  }
  > p {
    color: rgba(var(--badge-light-color),1);
  }
}

@media (min-width: 1200px) {
   {
     {
       {
        .mail-filters {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .mail-filters {
        }
      }
    }
  }
}

.mail-filters {
  margin-left: 18px;
  display: flex;
  justify-content: center;
  gap: 0.375rem;
  svg {
    height: 22px;
  }
  svg {
    width: 22px;
  }
  svg {
    stroke: rgba(var(--badge-light-color),1);
  }
}

.mail-header-option {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

@media (min-width: 1200px) {
   {
     {
       {
        .mail-header-option {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .mail-header-option {
        }
      }
    }
  }
}

.mail-header-option {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0px;
  padding-bottom: 0px;
}

.mail-header-option::before {
  position: absolute;
  bottom: -18px;
  left: 0px;
  background-color: rgba(var(--theme-default),1);
  --tw-content: "";
  content: var(--tw-content);
}

.mail-header-option:hover {
  cursor: pointer;
}

.mail-header-option {
  &::before {
    height: 2px;
  }
  &::before {
    width: 0px;
  }
  &.active {
    @media (max-width: 575px) {
       {
         {
           {
            > &::before {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > &::before {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > &::before {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > &::before {
                width: 90%;
              }
            }
          }
        }
      }
    }
    &::before {
      width: 100%;
    }
    &::before {
      transition-property: all;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }
    &::before {
      transition-duration: 0.1s;
    }
    &::before {
      transition-timing-function: ease-in;
    }
  }
}

.hide {
  display: none;
}

@keyframes hide {
  0% {
    transform: scale(1);
  }

  100% {
    transform: scale(0);
    width: 0;
    height: 0;
    margin: 0;
  }
}

@keyframes show {
  0% {
    transform: scale(0);
    width: 0;
    height: 0;
    margin: 0;
  }

  100% {
    transform: scale(1);
  }
}

.filter-cards-view {
  .job-filter {
    &:first-child {
      margin-bottom: 1.25rem;
    }
  }
  .checkbox-animated {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }
}

.location-checkbox {
  .form-check {
    margin-bottom: 16px !important;
  }
  .form-check {
    padding: 0 !important;
  }
  @media (min-width: 1200px) {
     {
       {
         {
          .form-check {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .form-check {
          }
        }
      }
    }
  }
  .form-check {
    margin-bottom: 0.75rem;
  }
  .form-check {
    display: flex;
  }
  .form-check {
    align-items: center;
  }
  .form-check {
    justify-content: flex-start;
  }
  .form-check {
    padding: 0px;
  }
  .form-check {
    @media (min-width: 1200px) {
       {
         {
           {
            .form-check-label {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > .form-check-label {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > .form-check-label {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > .form-check-label {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > .form-check-label {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            .form-check-label {
            }
          }
        }
      }
    }
    .form-check-label {
      display: flex;
    }
    .form-check-label {
      width: 100%;
    }
    .form-check-label {
      align-items: center;
    }
    .form-check-label {
      justify-content: space-between;
    }
  }
  span {
    padding-left: 33px;
  }
  span {
    color: rgba(var(--light-text),1);
  }
  .number {
    color: rgba(var(--badge-light-color),0.8);
  }
}

.job-accordion {
  .card {
    margin-bottom: 20px !important;
  }
  .card {
    border-radius: 5px;
  }
  .btn-block {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
  }
}

.job-search {
  p {
    margin-top: 20px;
  }
  @media (min-width: 1200px) {
     {
       {
         {
          .job-flex {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .job-flex {
          }
        }
      }
    }
  }
  .job-flex {
    display: flex;
  }
  .job-flex {
    align-items: center;
  }
  .job-flex {
    .grow {
      h6 {
        margin-bottom: 3px;
      }
      h6 {
        span {
          font-size: 0.75rem;
          line-height: 1rem;
        }
        span {
          font-weight: 300;
        }
        span {
          color: rgba(var(--light-text),1);
        }
        span {
          &.badge {
            color: rgba(var(--white),1);
          }
        }
      }
      p {
        margin-top: 0 !important;
      }
      p {
        margin-top: 0px !important;
      }
      p {
        color: rgba(var(--light-text),1);
      }
    }
  }
  .job-description {
    margin-top: 20px !important;
  }
  .job-description {
    h6 {
      margin-bottom: 0.375rem;
    }
    h6 {
      font-weight: 500;
    }
    p {
      margin-top: 0 !important;
    }
    p {
      margin-top: 0px;
    }
    p {
      margin-bottom: 0.375rem;
    }
    ul:not(.job-apply-wrapper .job-search .job-description ul) {
      list-style-position: inside;
    }
    ul:not(.job-apply-wrapper .job-search .job-description ul) {
      list-style-type: disc;
    }
    ul:not(.job-apply-wrapper .job-search .job-description ul) {
      li {
        margin-bottom: 0.625rem;
      }
      li {
        color: rgba(var(--badge-light-color),0.8);
      }
      li:last-child {
        margin-bottom: 0 !important;
      }
      li:last-child {
        margin-bottom: 0px;
      }
    }
    .theme-form {
      margin-top: 30px;
      margin-bottom: 30px;
    }
    .theme-form {
      .grid {
        div[class^="col-"] {
          + div[class^="col-"] {
            .select2-container {
              margin-top: 18px;
            }
          }
          .input-group {
            .datepicker-here {
              border-width: 1px;
            }
            .datepicker-here {
              border-style: solid;
            }
            .datepicker-here {
              border-color: rgba(var(--gray-60),1);
            }
            .datepicker-here {
              padding-top: 0.75rem;
              padding-bottom: 0.75rem;
            }
            .datepicker-here {
              font-size: 0.875rem;
              line-height: 1.25rem;
            }
          }
        }
      }
    }
  }
}

.select2-container {
  .select2-selection--single {
    height: 47px;
  }
  .select2-selection--single {
    border-radius: 0.25rem;
  }
  .select2-selection--single {
    border-color: rgba(var(--light-semi-gray),1);
  }
  .select2-selection--single {
    padding: 0.625rem;
  }
}

.job-pagination {
  margin-bottom: 30px;
  nav {
    ul {
      justify-content: flex-end;
    }
  }
  .page-item {
    background-color: rgba(var(--white-bg),1);
  }
  .page-item {
    .page-link {
      --tw-shadow-color: unset;
      --tw-shadow: var(--tw-shadow-colored);
    }
  }
}

.job-sidebar {
  .job-accordion {
    .card-body {
      &.animate-chk:not(.filter-cards-view) {
        border-radius: 0px !important;
      }
      &.animate-chk:not(.filter-cards-view) {
        .form-check {
          margin-bottom: 16px !important;
        }
        .form-check {
          padding: 0 !important;
        }
        @media (min-width: 1200px) {
           {
             {
               {
                .form-check {
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                .form-check {
                }
              }
            }
          }
        }
        .form-check {
          margin-bottom: 0.75rem;
        }
        .form-check {
          display: flex;
        }
        .form-check {
          align-items: center;
        }
        .form-check {
          justify-content: flex-start;
        }
        .form-check {
          padding: 0px;
        }
        .form-check {
          @media (min-width: 1200px) {
             {
               {
                 {
                  .form-check-label {
                  }
                }
              }
            }
          }
          @media (max-width: 575px) {
             {
               {
                 {
                  > .form-check-label {
                    width: 90%;
                  }
                }
              }
            }

             {
               {
                 {
                   {
                    > .form-check-label {
                      width: 90%;
                    }
                  }
                }
              }
            }
          }
          @media (max-width: 575px) {
             {
               {
                 {
                  > .form-check-label {
                    width: 90%;
                  }
                }
              }
            }

             {
               {
                 {
                   {
                    > .form-check-label {
                      width: 90%;
                    }
                  }
                }
              }
            }
          }
          @media (max-width: 575px) {
             {
               {
                 {
                  .form-check-label {
                  }
                }
              }
            }
          }
          .form-check-label {
            display: flex;
          }
          .form-check-label {
            width: 100%;
          }
          .form-check-label {
            align-items: center;
          }
          .form-check-label {
            justify-content: space-between;
          }
          .form-check-label {
            .number {
              display: block !important;
            }
            .number {
              display: block;
            }
            .number {
              margin-left: auto;
              margin-right: auto;
            }
            .number {
              margin-top: 0px;
              margin-bottom: 0px;
            }
            .number {
              display: block;
            }
            .number {
              max-width: 100%;
            }
            .number {
              overflow: hidden;
            }
            .number {
              display: -webkit-box;
              -webkit-line-clamp: 2;
              -webkit-box-orient: vertical;
            }
            .number {
              margin-right: 0px;
            }
            .number {
              margin-left: unset;
            }
            .number {
              display: block !important;
            }
            .number {
              width: 145px;
            }
            .number {
              overflow: hidden;
            }
            .number {
              text-overflow: ellipsis;
            }
            .number {
              white-space: nowrap;
            }
            .number {
              text-align: end;
            }
            .number {
              color: rgba(var(--badge-light-color),0.8);
            }
          }
        }
      }
    }
  }
}

.job-details-wrapper,
  .list-view-wrapper,
  .card-view-wrapper,
  .job-apply-wrapper {
  .job-sidebar {
    .job-accordion {
      .animate-chk {
        .form-check {
          .form-check-label {
            .number {
              width: 70px;
            }
          }
        }
      }
    }
  }
}

.select-date {
  .select2-container--default {
    .select2-selection--single {
      .select2-selection__arrow {
        right: 0.75rem;
      }
      .select2-selection__arrow {
        top: 9px;
      }
    }
  }
}

.job-apply-wrapper {
  .job-search {
    .job-description {
      .theme-form {
        .dropdown-toggle {
          padding: 1rem !important;
        }
        .dropdown-toggle {
          height: 47px;
        }
        .dropdown-toggle {
          padding: 0.75rem;
        }
      }
    }
  }
  .job-accordion {
    .filter-cards-view {
      .form-check {
        margin-bottom: 16px !important;
      }
      .form-check {
        padding: 0 !important;
      }
      @media (min-width: 1200px) {
         {
           {
             {
              .form-check {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              .form-check {
              }
            }
          }
        }
      }
      .form-check {
        margin-bottom: 0.75rem;
      }
      .form-check {
        display: flex;
      }
      .form-check {
        align-items: center;
      }
      .form-check {
        justify-content: flex-start;
      }
      .form-check {
        padding: 0px;
      }
      .form-check {
        @media (min-width: 1200px) {
           {
             {
               {
                .form-check-label {
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                > .form-check-label {
                  width: 90%;
                }
              }
            }
          }

           {
             {
               {
                 {
                  > .form-check-label {
                    width: 90%;
                  }
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                > .form-check-label {
                  width: 90%;
                }
              }
            }
          }

           {
             {
               {
                 {
                  > .form-check-label {
                    width: 90%;
                  }
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                .form-check-label {
                }
              }
            }
          }
        }
        .form-check-label {
          display: flex;
        }
        .form-check-label {
          width: 100%;
        }
        .form-check-label {
          align-items: center;
        }
        .form-check-label {
          justify-content: space-between;
        }
        .form-check-label {
          .number {
            color: rgba(var(--badge-light-color),0.8);
          }
        }
      }
    }
  }
}

.candidate-wrapper {
  .form-select {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .form-select {
    color: rgba(var(--badge-light-color),0.8);
  }
  .card-body {
    .common-f-start:not(.candidate-wrapper .candidates-box .common-f-start) {
      margin-top: 42px;
    }
  }
  .candidates-box {
    .overflow-x-auto {
      .dt-container {
        .dt-layout-row {
          .dt-search {
            right: 1.25rem;
          }
          .dt-search {
            .dt-input {
              width: auto;
            }
            .dt-input {
              border-radius: 0.375rem;
            }
            .dt-input {
              padding: 0.375rem;
            }
            .dt-input {
              opacity: 1;
            }
            .dt-input {
              &:focus {
                &::-moz-placeholder {
                  opacity: 0;
                }
                &::placeholder {
                  opacity: 0;
                }
              }
            }
          }
          &:first-child {
            padding-left: 1.25rem;
            padding-right: 1.25rem;
          }
          &:first-child {
            padding-top: 1.25rem;
          }
          &:first-child {
            padding-bottom: 35px;
          }
        }
        table {
          &.dataTable {
            thead,
              tbody {
              tr {
                th,
                  td {
                  min-width: auto;
                }
                th,
                  td {
                  color: rgba(var(--body-font-color),1);
                }
                th,
                  td {
                  &:first-child {
                    padding-left: 1.25rem;
                  }
                  &:last-child {
                    min-width: 128px;
                  }
                  &:last-child {
                    padding-right: 1.25rem;
                  }
                  &:nth-child(2) {
                    min-width: 200px;
                  }
                  &:nth-child(3) {
                    min-width: 150px;
                  }
                  &:nth-child(4) {
                    min-width: 200px;
                  }
                  a {
                    color: rgba(var(--body-font-color),1);
                  }
                }
              }
            }
            tbody {
              td {
                margin-top: 20px;
                margin-bottom: 20px;
              }
            }
          }
        }
      }
    }
    img {
      height: 38px;
    }
    .status {
      position: absolute;
    }
    .status {
      right: 0.125rem;
    }
    .status {
      bottom: 0.125rem;
    }
    .status {
      height: 0.625rem;
    }
    .status {
      width: 0.625rem;
    }
    .status {
      border-radius: 50%;
    }
    .status {
      .inner-dot {
        border-width: 2px !important;
      }
      .inner-dot {
        display: block;
      }
      @media (max-width: 575px) {
         {
           {
             {
              > .inner-dot {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > .inner-dot {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              > .inner-dot {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > .inner-dot {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      .inner-dot {
        position: absolute;
      }
      .inner-dot {
        left: 0.125rem;
      }
      .inner-dot {
        top: 0.125rem;
      }
      .inner-dot {
        display: block;
      }
      .inner-dot {
        height: 100%;
      }
      .inner-dot {
        width: 100%;
      }
      .inner-dot {
        animation: pulse-dot 1.25s cubic-bezier(0.455,0.03,0.515,0.955) -0.4s infinite;
      }
      .inner-dot {
        border-radius: 15px;
      }
      .inner-dot {
        border-width: 2px;
      }
      .inner-dot {
        border-style: solid;
      }
      .inner-dot {
        border-color: rgba(var(--white),1);
      }
      .inner-dot {
        --tw-shadow: 0 0 8px rgba(var(--black),0.3);
        --tw-shadow-colored: 0 0 8px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
      }
    }
    .common-f-start {
      margin-top: 0.25rem;
    }
    .common-f-start {
      gap: 0.625rem;
    }
    .common-f-start {
      .attachment {
        margin-top: 5px;
      }
      .attachment {
        display: inline-block;
      }
      .attachment {
        border-radius: 30px;
      }
      .attachment {
        background-color: rgba(var(--light-gray),1);
      }
      .attachment {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
      }
      .attachment {
        padding-top: 0.125rem;
        padding-bottom: 0.125rem;
      }
      .attachment {
        font-size: 0.75rem;
        line-height: 1rem;
      }
      .attachment {
        color: rgba(var(--badge-light-color),0.8);
      }
      .attachment {
        i {
          margin-right: 0.25rem;
        }
      }
    }
    .candidate-desc {
      h6 {
        margin-bottom: 0 !important;
      }
      h6 {
        margin-bottom: 0px;
      }
      h6 {
        line-height: 1.3;
      }
      li {
        p {
          margin-bottom: 0 !important;
        }
        p {
          margin-bottom: 0px;
        }
        p {
          color: rgba(var(--badge-light-color),0.8);
        }
        span {
          font-weight: 500;
        }
        span {
          color: rgba(var(--badge-light-color),1);
        }
        &:last-child {
          margin-top: 0.125rem;
        }
      }
    }
    .candidate-skill {
      li {
        .common-flex {
          gap: 0.5rem;
        }
      }
      .badge {
        + .badge {
          margin: 0px !important;
        }
        + .badge {
          margin: 0px;
        }
      }
      p {
        color: rgba(var(--badge-light-color),0.8);
      }
      span:not(.badge) {
        font-weight: 500;
      }
      span:not(.badge) {
        color: rgba(var(--badge-light-color),1);
      }
    }
    .educations {
      p {
        margin-bottom: 0 !important;
      }
      p {
        margin-bottom: 0px;
      }
      p {
        color: rgba(var(--badge-light-color),0.8);
      }
      li {
        margin-bottom: 16px !important;
      }
      li {
        margin-bottom: 0.75rem;
      }
      li:last-child {
        margin-bottom: 0 !important;
      }
      li:last-child {
        margin-bottom: 0px;
      }
      li {
        h6 {
          margin-bottom: 0.375rem;
        }
      }
    }
    .badge {
      padding-left: 0.625rem;
      padding-right: 0.625rem;
    }
    .badge {
      padding-top: 0.375rem;
      padding-bottom: 0.375rem;
    }
    .badge {
      font-size: 0.75rem;
      line-height: 1rem;
    }
    .btn {
      padding-top: calc(4px + (8 - 4) * ((100vw - 320px) / (1920 - 320)));
      padding-bottom: calc(4px + (8 - 4) * ((100vw - 320px) / (1920 - 320)));
    }
    .btn {
      padding-left: calc(8px + (12 - 8) * ((100vw - 320px) / (1920 - 320)));
      padding-right: calc(8px + (12 - 8) * ((100vw - 320px) / (1920 - 320)));
    }
  }
}

.company-box {
  text-align: center;
}

@media (max-width: 767px) {
   {
    .company-box {
    }
  }
}

.company-box {
  text-align: center;
  svg {
    margin: auto;
  }
  svg {
    height: 2.5rem;
  }
  svg {
    width: calc(30px + (60 - 30) * ((100vw - 320px) / (1920 - 320)));
  }
  .company-name {
    .main-star-rating {
      margin-left: 0px;
      margin-right: 0px;
    }
    .main-star-rating {
      margin-top: 0.625rem;
    }
    .main-star-rating {
      margin-bottom: 0.375rem;
    }
    .main-star-rating {
      .common-flex {
        gap: 0.125rem;
      }
      i {
        font-size: 0.875rem;
        line-height: 1.25rem;
      }
    }
    .c-o-light {
      justify-content: center;
    }
    .company-desc {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
    .company-desc {
      margin-top: 0.625rem;
    }
    .company-desc {
      border-top-width: 1px;
    }
    .company-desc {
      border-style: dashed;
    }
    .company-desc {
      border-top-color: rgba(var(--light-gray),1);
    }
    .company-desc {
      padding-left: 0px;
      padding-right: 0px;
    }
    .company-desc {
      padding-top: 0.625rem;
    }
    .company-desc {
      padding-bottom: 1rem;
    }
    .company-desc {
      p {
        height: auto;
      }
      p {
        line-height: 1.5;
      }
      p {
        color: rgba(var(--theme-body-sub-title-color),1);
      }
      p {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
      }
    }
    .company-category {
      display: inline-block;
    }
    .company-category {
      border-radius: 0.5rem;
    }
    .company-category {
      padding-left: 0.375rem;
      padding-right: 0.375rem;
    }
    .company-category {
      padding-top: 3px;
      padding-bottom: 3px;
    }
    .company-category {
      font-size: 13px;
    }
    .company-category {
      i.table {
        white-space: pre-wrap !important;
      }
      i {
        margin-right: 0.5rem;
      }
      i {
        vertical-align: middle;
      }
    }
    .btn {
      border-width: 1px;
    }
    .btn {
      border-style: solid;
    }
    .btn {
      color: rgba(var(--white),1);
    }
  }
}

.job-accordion {
  .accordion {
    .accordion-item {
      .collapse {
        visibility: visible;
      }
    }
  }
}

.filter-companies {
  .accordion-item {
    border-radius: 0.375rem;
  }
  .accordion-item {
    border-color: none;
  }
  .accordion-item {
    .collapse {
      visibility: visible;
    }
    + .accordion-item {
      margin-top: 1rem;
    }
    .accordion-header {
      @media (min-width: 1200px) {
         {
           {
             {
              .accordion-button {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              > .accordion-button {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > .accordion-button {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              > .accordion-button {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > .accordion-button {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              .accordion-button {
              }
            }
          }
        }
      }
      .accordion-button {
        display: flex;
      }
      .accordion-button {
        width: 100%;
      }
      .accordion-button {
        justify-content: space-between;
      }
      .accordion-button {
        border-radius: 0.375rem;
      }
      .accordion-button {
        background-color: rgba(var(--theme-default),0.1);
      }
      .accordion-button {
        padding-left: 1rem;
        padding-right: 1rem;
      }
      .accordion-button {
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
      }
      .accordion-button {
        font-size: 1rem;
        line-height: 1.5rem;
      }
      .accordion-button {
        font-weight: 500;
      }
      .accordion-button {
        color: rgba(var(--theme-default),1);
      }
      .accordion-button {
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
      }
      .accordion-button {
        transition-duration: 0.4s;
      }
      .accordion-button {
        transition-timing-function: ease;
      }
      .accordion-button::after {
        --tw-content: unset;
        content: var(--tw-content);
      }
      .accordion-button {
        &.collapsed {
          background-color: rgba(var(--main-body-color),1);
        }
        &.collapsed {
          color: rgba(var(--theme-font-color),1);
        }
        &.collapsed {
          transition-property: all;
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-duration: 150ms;
        }
        &.collapsed {
          transition-duration: 0.4s;
        }
        &.collapsed {
          transition-timing-function: ease;
        }
        svg {
          inset: 0px;
        }
        svg {
          position: unset;
        }
      }
    }
    .accordion-body {
      padding-bottom: 0 !important;
    }
    .accordion-body {
      padding-left: 0.875rem;
      padding-right: 0.875rem;
    }
    .accordion-body {
      padding-top: 1rem;
    }
    .accordion-body {
      padding-bottom: 0px;
    }
    .product-filter {
      label {
        cursor: pointer;
      }
      label {
        color: rgba(var(--theme-body-font-color),1);
      }
      label:last-child {
        margin-bottom: 0 !important;
      }
      label:last-child {
        margin-bottom: 0px;
      }
    }
  }
}

.md-sidebar {
  .md-sidebar-toggle {
    margin-bottom: 1.25rem;
  }
  .md-sidebar-toggle {
    display: none;
  }
  .md-sidebar-toggle {
    width: -moz-fit-content;
    width: fit-content;
  }
  .md-sidebar-toggle {
    text-transform: capitalize;
  }
}

.job-details-wrapper,
  .list-view-wrapper {
  .job-search {
    .card-body {
      .flex {
        .job-grow {
          p {
            margin-top: 0 !important;
          }
        }
      }
    }
  }
}

@media (max-width: 1199px) {
  .main-companies {
    .md-sidebar {
      .card {
        margin: 0px !important;
      }
      .card {
        margin: 0px;
      }
      .card {
        border-radius: 0px;
      }
      .md-sidebar-aside {
        padding: 0 !important;
      }
      .md-sidebar-aside {
        width: calc(295px + (325 - 295) * ((100vw - 320px) / (1920 - 320)));
      }
      .md-sidebar-aside {
        padding: 0px;
      }
    }
  }
}

@media (max-width: 991px) {
  .filter-cards-view {
    padding: 1.25rem;
    .job-filter {
      &:first-child {
        margin-bottom: 1.25rem;
      }
    }
    .checkbox-animated {
      margin-bottom: 1.25rem !important;
    }
    .job-accordion {
      .animate-chk {
        padding: 1.25rem;
      }
    }
    .job-search {
      p {
        margin-top: 48px !important;
      }
      p {
        margin-top: 1.25rem;
      }
    }
  }
}

@media (max-width: 767px) {
  .candidate-wrapper {
    .card-body {
      .common-f-start:not(
            .candidate-wrapper .candidates-box .common-f-start
          ) {
        margin-top: 23px;
      }
    }
  }
}

@media (max-width: 575px) {
  .filter-cards-view {
    padding: 15px;
    .job-filter {
      &:first-child {
        margin-bottom: 15px;
      }
    }
    .checkbox-animated {
      margin-top: 15px;
      margin-bottom: 15px;
    }
  }

  .job-accordion {
    .animate-chk {
      padding: 15px;
    }
  }

  .job-search {
    p {
      margin-top: 15px;
    }
    .job-flex {
      text-align: center;
    }
    .job-flex {
      display: block;
    }
    @media (max-width: 767px) {
       {
        .job-flex {
        }
      }
    }
    .job-flex {
      display: block;
    }
    .job-flex {
      text-align: center;
    }
    .job-flex {
      .grow {
        h6 {
          .pull-right {
            display: block !important;
          }
          .pull-right {
            float: none;
          }
          .pull-right {
            margin-top: 3px;
          }
          .pull-right {
            display: block !important;
          }
        }
        p {
          span {
            + span {
              display: block;
            }
            + span {
              display: block;
            }
          }
        }
      }
      img {
        margin-bottom: 15px;
      }
      .m-r-20 {
        margin-left: unset;
      }
      .m-r-20 {
        margin-right: 1.25rem;
      }
    }
    .job-description {
      margin-top: 15px;
    }
    .job-description {
      .theme-form {
        margin-top: 15px;
        margin-bottom: 15px;
      }
      .theme-form {
        .grid {
          div[class^="col-"] {
            + div[class^="col-"] {
              .select2-container {
                margin-top: 0.125rem;
              }
            }
          }
        }
        .xs-mt-period {
          margin-top: 15px;
        }
      }
    }
  }

  .job-pagination {
    margin-bottom: 15px;
  }

  .xl-mt-job {
    margin-bottom: 15px;
  }

   {
     {
       {
        margin-bottom: 15px;
      }
    }
     {
      margin-top: 15px;
      margin-bottom: 15px;
    }
     {
      padding: 15px;
    }
     {
      margin-top: 15px;
    }
     {
      text-align: center;
    }
     {
      display: block;
    }
    @media (max-width: 767px) {
       {
         {
        }
      }
    }
     {
      display: block;
    }
     {
      text-align: center;
    }
     {
      .\!grow {
         {
           {
            display: block !important;
          }
           {
            float: none;
          }
           {
            margin-top: 3px;
          }
           {
            display: block !important;
          }
        }
         {
           {
             {
              display: block;
            }
             {
              display: block;
            }
          }
        }
      }
       {
        margin-bottom: 15px;
      }
       {
        margin-left: unset;
      }
       {
        margin-right: 1.25rem;
      }
    }
     {
      margin-top: 15px;
    }
     {
       {
        margin-top: 15px;
        margin-bottom: 15px;
      }
       {
         {
           {
             {
               {
                margin-top: 0.125rem;
              }
            }
          }
        }
         {
          margin-top: 15px;
        }
      }
    }
    padding: 15px;
     {
       {
        margin-bottom: 15px;
      }
    }
     {
      margin-top: 15px;
      margin-bottom: 15px;
    }
     {
      padding: 15px;
    }
     {
      margin-top: 15px;
    }
     {
      text-align: center;
    }
     {
      display: block;
    }
    @media (max-width: 767px) {
       {
         {
        }
      }
    }
     {
      display: block;
    }
     {
      text-align: center;
    }
     {
       {
         {
           {
            display: block !important;
          }
           {
            float: none;
          }
           {
            margin-top: 3px;
          }
           {
            display: block !important;
          }
        }
         {
           {
             {
              display: block;
            }
             {
              display: block;
            }
          }
        }
      }
       {
        margin-bottom: 15px;
      }
       {
        margin-left: unset;
      }
       {
        margin-right: 1.25rem;
      }
    }
     {
      margin-top: 15px;
    }
     {
       {
        margin-top: 15px;
        margin-bottom: 15px;
      }
       {
        .\!grid {
           {
             {
               {
                margin-top: 0.125rem;
              }
            }
          }
        }
         {
          margin-top: 15px;
        }
      }
    }
    margin-bottom: 15px;
  }
}

@media (max-width: 640px) {
  .candidate-wrapper {
    .candidates-box {
      .overflow-x-auto {
        .dt-container {
          .dt-layout-row {
            .dt-search {
              position: relative;
            }
            .dt-search {
              left: 0px;
            }
            .dt-search {
              right: unset;
            }
            .dt-search {
              top: 1.25rem !important;
            }
          }
        }
      }
    }
  }
}

.learning-header {
  margin-bottom: 0.625rem;
}

.categories {
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.categories:last-child {
  padding-bottom: 0 !important;
  padding-bottom: 0px;
}

.categories {
  .learning-header {
    padding-left: 15px;
  }
  ul {
    li {
      padding-left: 15px;
      padding-right: 15px;
    }
    li {
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
    }
    li:hover {
      background-color: rgba(var(--light-color),1);
    }
    li {
      a {
        color: rgba(var(--theme-body-font-color),1);
      }
      span{
        &.badge {
          color: rgba(var(--white),1);
        }
      }
    }
  }
}

.upcoming-course {
  .upcoming-flex {
    + .upcoming-flex {
      margin-top: 48px !important;
    }
    + .upcoming-flex {
      margin-top: 1.25rem;
    }
    .grow {
      .block {
        i {
          font-size: 0.875rem;
          line-height: 1.25rem;
        }
      }
    }
  }
}

.job-accordion {
  margin-bottom: 0 !important;
  margin-bottom: 0px;
}

.learning-filter {
  .md-sidebar {
    .card-body {
      .job-filter {
        .form-control {
          padding-right: 35px;
        }
      }
    }
  }
}

.product-report-wrapper,
  .sale-report-wrapper,
  .sale-return-wrapper,
  .customer-order-wrapper,
  .subscribed-user {
  .flatpickr-input {
    span {
      width: 215px;
    }
    span {
      border-radius: 0.375rem;
    }
    span {
      border-width: 1px;
    }
    span {
      border-style: solid;
    }
    span {
      border-color: rgba(var(--badge-light-color),0.3);
    }
    span {
      padding-left: 0.75rem;
      padding-right: 0.75rem;
    }
    span {
      padding-top: 0.375rem;
      padding-bottom: 0.375rem;
    }
    span {
      color: rgba(var(--badge-light-color),0.8);
    }
    #rangeButtons {
      position: absolute;
    }
    #rangeButtons {
      top: 2.5rem;
    }
    #rangeButtons {
      z-index: 1;
    }
    #rangeButtons {
      display: none;
    }
    #rangeButtons {
      flex-direction: column;
    }
    #rangeButtons {
      --tw-shadow: 0px 0px 28px 6px rgba(235,235,235,0.4);
      --tw-shadow-colored: 0px 0px 28px 6px var(--tw-shadow-color);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
    #rangeButtons {
      @media (min-width: 1200px) {
         {
           {
             {
              &.range-option {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              &.range-option {
              }
            }
          }
        }
      }
      &.range-option {
        display: flex;
      }
      &.range-option {
        width: 210px;
      }
      button {
        border-color: unset;
      }
      button {
        background-color: rgba(var(--white),1);
      }
      button {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
      }
      button {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
      }
      button {
        text-align: left;
      }
      button {
        color: rgba(var(--badge-light-color),1);
      }
      button {
        &:hover {
          color: rgba(var(--theme-default),1);
        }
        &.active {
          background-color: rgba(var(--theme-default),1);
        }
        &.active {
          color: rgba(var(--white),1);
        }
        &.active {
          &:hover {
            color: rgba(var(--white),1);
          }
        }
      }
    }
  }
  .top-body {
    position: relative;
  }
  .top-body {
    padding: 1.25rem;
  }
  .top-body {
    .bootstrap-select {
      &.dropdown-toggle {
        min-width: 100px;
      }
    }
    .form-label {
      margin-bottom: 0 !important;
    }
    .form-label {
      margin-bottom: 0px;
    }
    ~ {
      .product-report,
        .sale-return-report,
        .sale-report,
        .customer-order-report,
        .subscribed-user-wrapper {
        .dt-container {
          .dt-layout-row {
            .dt-buttons,
              .dt-search {
              margin: 0px !important;
            }
            .dt-buttons,
              .dt-search {
              margin: 0px;
            }
            @media (min-width: 1200px) {
               {
                 {
                   {
                    &:first-child {
                    }
                  }
                }
              }
            }
            @media (max-width: 575px) {
               {
                 {
                   {
                    &:first-child {
                    }
                  }
                }
              }
            }
            &:first-child {
              position: absolute;
            }
            &:first-child {
              right: 1.25rem;
            }
            &:first-child {
              top: 1.25rem;
            }
            &:first-child {
              display: flex;
            }
            &:first-child {
              flex-direction: row-reverse;
            }
            &:first-child {
              align-items: center;
            }
            &:first-child {
              justify-content: flex-start;
            }
            &:first-child {
              gap: 1.25rem;
            }
          }
        }
      }
    }
  }
  .product-report,
    .sale-return-report,
    .sale-report,
    .customer-order-report,
    .subscribed-user-wrapper {
    .recent-table {
      div.dt-container {
        .dt-layout-row {
          .dt-search {
            position: relative;
          }
          .dt-search {
            inset: unset;
          }
          .dt-search {
            .dt-input {
              width: auto;
            }
            .dt-input {
              border-radius: 0.375rem;
            }
            .dt-input {
              padding: 0.375rem;
            }
            .dt-input {
              opacity: 1;
            }
            .dt-input {
              &:focus {
                &::-moz-placeholder {
                  opacity: 0;
                }
                &::placeholder {
                  opacity: 0;
                }
              }
            }
          }
        }
      }
    }
  }
  .form-control {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .form-control {
    color: rgba(var(--badge-light-color),0.8);
  }
  .product-report {
    .recent-table {
      table {
        thead,
          tbody {
          tr {
            th,
              td {
              min-width: auto;
            }
            th,
              td {
              color: rgba(var(--body-font-color),1);
            }
            th,
              td {
              &:first-child {
                padding-left: 1.25rem;
              }
              &:last-child {
                min-width: 82px;
              }
              &:last-child {
                padding-right: 1.25rem;
              }
              &:nth-child(n + 3) {
                text-align: center;
              }
              @media (max-width: 767px) {
                 {
                  &:nth-child(n + 3) {
                  }
                }
              }
              &:nth-child(n + 3) {
                text-align: center;
              }
              &:nth-child(2) {
                min-width: 215px;
              }
              &:nth-child(4) {
                min-width: 138px;
              }
              &:nth-child(5) {
                min-width: 78px;
              }
            }
          }
        }
      }
    }
  }
}

.sale-report-wrapper {
  .sale-report {
    .recent-table {
      table {
        thead,
          tbody {
          tr {
            th,
              td {
              min-width: auto;
            }
            th,
              td {
              color: rgba(var(--body-font-color),1);
            }
            th,
              td {
              &:first-child {
                padding-left: 1.25rem;
              }
              &:last-child {
                min-width: 155px;
              }
              &:last-child {
                padding-right: 1.25rem;
              }
              &:nth-child(n + 3) {
                text-align: center;
              }
              @media (max-width: 767px) {
                 {
                  &:nth-child(n + 3) {
                  }
                }
              }
              &:nth-child(n + 3) {
                text-align: center;
              }
              &:nth-child(2) {
                min-width: 96px;
              }
              &:nth-child(3) {
                min-width: 104px;
              }
              &:nth-child(4) {
                min-width: 173px;
              }
              &:nth-child(5) {
                min-width: 92px;
              }
            }
          }
        }
      }
    }
  }
}

.sale-return-wrapper {
  .sale-return-report {
    .recent-table {
      table {
        thead,
          tbody {
          tr {
            th,
              td {
              min-width: auto;
            }
            th,
              td {
              color: rgba(var(--body-font-color),1);
            }
            th,
              td {
              &:first-child {
                padding-left: 1.25rem;
              }
              &:last-child {
                min-width: 104px;
              }
              &:last-child {
                padding-right: 1.25rem;
              }
            }
          }
        }
      }
    }
  }
}

.customer-order-wrapper {
  .customer-order-report {
    .recent-table {
      table {
        thead,
          tbody {
          tr {
            th,
              td {
              min-width: auto;
            }
            th,
              td {
              color: rgba(var(--body-font-color),1);
            }
            th,
              td {
              &:first-child {
                padding-left: 1.25rem;
              }
              &:last-child {
                padding-right: 1.25rem;
              }
              @media (min-width: 1200px) {
                 {
                   {
                     {
                      .customer-details {
                      }
                    }
                  }
                }
              }
              @media (max-width: 575px) {
                 {
                   {
                     {
                      .customer-details {
                      }
                    }
                  }
                }
              }
              .customer-details {
                display: flex;
              }
              .customer-details {
                align-items: center;
              }
              .customer-details {
                justify-content: flex-start;
              }
              .customer-details {
                gap: 0.75rem;
              }
              .customer-details {
                img {
                  height: 42px;
                }
                img {
                  border-radius: 50%;
                }
                a {
                  font-weight: 500;
                }
                a {
                  color: rgba(var(--dark-color),1);
                }
                &:hover {
                  a {
                    color: rgba(var(--theme-default),1);
                  }
                }
              }
              .customer-group {
                li {
                  .common-circle {
                    height: 34px;
                  }
                  .common-circle {
                    width: 34px;
                  }
                  + li {
                    margin-left: -0.625rem;
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}

@media (max-width: 640px) {
  .product-report-wrapper,
    .sale-report-wrapper,
    .sale-return-wrapper,
    .customer-order-wrapper,
    .subscribed-user {
    .product-report,
      .sale-return-report,
      .sale-report,
      .customer-order-report,
      .subscribed-user-wrapper {
      .recent-table {
        div {
          &.dt-container {
            .dt-layout-row {
              .dt-search {
                top: 0.25rem;
              }
            }
          }
        }
      }
    }
  }
}

.timeline-wrapper {
  padding-bottom: 16px !important;
}

@media (min-width: 1200px) {
   {
     {
       {
        .timeline-wrapper {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .timeline-wrapper {
        }
      }
    }
  }
}

.timeline-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 0.75rem;
}

.activity {
  .flex {
    margin-bottom: 30px;
  }
  .flex:last-child {
    margin-bottom: 0 !important;
  }
  .flex:last-child {
    margin-bottom: 0px;
  }
  .flex {
    .grow {
      h6 {
        margin-bottom: 30px;
      }
      h6 {
        font-weight: 600;
      }
      h6 {
        span {
          font-family: normal;
        }
        span {
          color: rgba(var(--light-text),1);
        }
      }
      p {
        width: 80%;
      }
    }
  }
}

.main-timeline {
  ul {
    &::before {
      left: 5px;
    }
    li {
      &:last-child {
        padding-bottom: 0 !important;
      }
      &:last-child {
        padding-bottom: 0px;
      }
    }
  }
}

.square-timeline {
  position: relative;
}

.square-timeline::before {
  position: absolute;
  left: 18px;
  top: 0px;
  margin-left: 0px;
  height: 100%;
  width: 1px;
  border-width: 1px;
  border-style: dashed;
  border-color: rgba(var(--gray-60),1);
  --tw-content: "";
  content: var(--tw-content);
}

.square-timeline {
  &::before {
    [dir="rtl"] & {
      left: unset;
    }
    [dir="rtl"] & {
      right: 18px;
    }
    [dir="rtl"] & {
      margin-left: unset;
    }
    [dir="rtl"] & {
      margin-right: 0px;
    }
  }
  .timeline-event {
    position: relative;
  }
  .timeline-event {
    &:hover {
      .timeline-event-icon {
        --tw-rotate: -105deg;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      }
      .timeline-event-icon {
        background-color: rgba(var(--badge-light-color),1);
      }
      .timeline-event-wrapper {
        .timeline-thumbnail {
          --tw-shadow: inset 40em 0 0 0 rgba(var(--light-warning),1);
          --tw-shadow-colored: inset 40em 0 0 0 var(--tw-shadow-color);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
        }
      }
    }
    .timeline-event-wrapper {
      padding-top: 0 !important;
      padding-bottom: 0 !important;
    }
    .timeline-event-wrapper {
      position: relative;
    }
    .timeline-event-wrapper {
      top: -7px;
    }
    .timeline-event-wrapper {
      left: 38px;
    }
    .timeline-event-wrapper {
      width: 95%;
    }
    .timeline-event-wrapper {
      padding-top: 0px;
      padding-bottom: 0px;
    }
    .timeline-event-wrapper {
      padding-left: 0.875rem;
    }
    .timeline-event-wrapper {
      padding-right: 0px;
    }
    .timeline-event-wrapper {
      .designer-details {
        padding-top: 1.25rem;
      }
      .timeline-thumbnail {
        margin-bottom: 16px !important;
      }
      .timeline-thumbnail {
        margin-bottom: 0.75rem;
      }
      .timeline-thumbnail {
        display: inline-block;
      }
      .timeline-thumbnail {
        background-color: rgba(var(--primary-color),0.1);
      }
      .timeline-thumbnail {
        padding-left: 25px;
        padding-right: 25px;
      }
      .timeline-thumbnail {
        padding-top: 0.125rem;
        padding-bottom: 0.125rem;
      }
      .timeline-thumbnail {
        color: rgba(var(--dark-color),1);
      }
      .timeline-thumbnail {
        --tw-shadow: inset 0 0 0 0em rgba(var(--light-info),1);
        --tw-shadow-colored: inset 0 0 0 0em var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
      }
      .timeline-thumbnail {
        transition-property: box-shadow;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
      }
      .timeline-thumbnail {
        transition-delay: 0.1s;
      }
      .timeline-thumbnail {
        transition-duration: 0.5s;
      }
      .timeline-thumbnail {
        transition-timing-function: ease-in;
      }
      .list-group-item-action {
        &:hover,
          &:active,
          &:focus {
          background-color: unset;
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              > > div {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > > div {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              > > div {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > > div {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      > div {
        display: inline-block;
      }
      > div {
        width: 100%;
      }
      .list-group {
        .list-group-item {
          display: block !important;
        }
        .list-group-item {
          display: block !important;
        }
      }
    }
    .timeline-event-icon {
      display: block;
    }
    .timeline-event-icon {
      margin: 0px !important;
    }
    .timeline-event-icon {
      position: absolute;
    }
    .timeline-event-icon {
      left: 0.875rem;
    }
    .timeline-event-icon {
      top: 0px;
    }
    .timeline-event-icon {
      margin: 0px;
    }
    .timeline-event-icon {
      display: block;
    }
    .timeline-event-icon {
      height: 0.625rem;
    }
    .timeline-event-icon {
      width: 0.625rem;
    }
    .timeline-event-icon {
      --tw-rotate: 45deg;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    .timeline-event-icon {
      background-color: rgba(var(--primary-color),1);
    }
    .timeline-event-icon {
      transition-property: 0.2s;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }
    .timeline-event-icon {
      transition-duration: ease-in;
    }
    .timeline-event-icon {
      outline: 6px solid rgba(var(--primary-color), 0.1);
    }
  }
}

@media (min-width: 1200px) {
   {
     {
       {
        .list-inline {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .list-inline {
        }
      }
    }
  }
}

.list-inline {
  display: flex;
  justify-content: center;
  &.events {
    .event-list {
      text-align: center;
    }
    .event-list {
      display: block;
    }
    @media (max-width: 767px) {
       {
        .event-list {
        }
      }
    }
    .event-list {
      position: relative;
    }
    .event-list {
      margin-right: 0px;
    }
    .event-list {
      display: block;
    }
    .event-list {
      padding-top: 70px;
    }
    .event-list {
      text-align: center;
    }
    .event-list {
      p {
        margin-bottom: 24px !important;
      }
      p {
        display: block;
      }
      p {
        margin-left: auto;
        margin-right: auto;
      }
      p {
        margin-top: 0px;
        margin-bottom: 0px;
      }
      p {
        display: block;
      }
      p {
        max-width: 100%;
      }
      p {
        overflow: hidden;
      }
      p {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
      }
      p {
        margin-bottom: 1rem;
      }
      p {
        overflow: hidden;
      }
      p {
        text-overflow: ellipsis;
      }
      p {
        white-space: nowrap;
      }
      p {
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
      }
      .event-date {
        position: absolute;
      }
      .event-date {
        left: 0px;
        right: 0px;
      }
      .event-date {
        top: 38px;
      }
      .event-date {
        margin-left: auto;
        margin-right: auto;
      }
      .event-date {
        margin-top: 0px;
        margin-bottom: 0px;
      }
      .event-date {
        width: 75px;
      }
      .event-date {
        border-radius: 0.25rem;
      }
      .event-date {
        padding-left: 0.25rem;
        padding-right: 0.25rem;
      }
      .event-date {
        padding-top: 0.125rem;
        padding-bottom: 0.125rem;
      }
      .event-date {
        p {
          margin-top: 7px;
        }
        p {
          overflow: hidden;
        }
        p {
          line-height: 1.5;
        }
        p {
          -webkit-line-clamp: 3;
          -webkit-box-orient: vertical;
          display: -webkit-box;
        }
      }
    }
  }
}

.timeline-list {
  display: inline-grid;
  &.timeline-border {
    border-bottom-width: 1px;
  }
  &.timeline-border {
    border-style: solid;
  }
  &.timeline-border {
    border-bottom-color: rgba(var(--gray-60),1);
  }
  &.list-inline {
    padding-bottom: 0 !important;
  }
  &.list-inline {
    padding-bottom: 0px;
  }
  &.list-inline {
    &.events {
      .event-list {
        padding-top: 35px;
      }
      .event-list::before {
        content: var(--tw-content);
        height: 0px;
      }
      .event-list::before {
        content: var(--tw-content);
        border-right-color: unset;
      }
      .event-list::before {
        --tw-content: "";
        content: var(--tw-content);
      }
      .event-list {
        .event-date {
          top: 0.125rem;
        }
        .event-date {
          p {
            margin-top: 7px;
          }
          p {
            overflow: hidden;
          }
          p {
            line-height: 1.5;
          }
          p {
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            display: -webkit-box;
          }
        }
        .read-more-btn {
          position: relative;
        }
        .read-more-btn {
          margin-bottom: 3px;
        }
        .read-more-btn {
          .btn {
            display: inline-block;
          }
        }
      }
    }
    .vertical-line {
      position: relative;
    }
    .vertical-line {
      margin-left: auto;
      margin-right: auto;
    }
    .vertical-line {
      margin-top: 0px;
      margin-bottom: 0px;
    }
    .vertical-line {
      height: 45px;
    }
    .vertical-line {
      width: 1px;
    }
    .vertical-line {
      border-width: 1px;
    }
    .vertical-line {
      border-style: dashed;
    }
    .vertical-line {
      border-color: rgba(var(--primary-color),1);
    }
  }
}

.list-group {
  &.main-lists-content {
    padding-top: 1.25rem;
  }
}

.rounded-timeline {
  .timeline {
    padding: 0 !important;
  }
  @media (max-width: 575px) {
     {
       {
         {
          > .timeline {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > .timeline {
              width: 90%;
            }
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          > .timeline {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > .timeline {
              width: 90%;
            }
          }
        }
      }
    }
  }
  .timeline {
    position: relative;
  }
  .timeline {
    width: 100%;
  }
  .timeline {
    overflow: hidden;
  }
  .timeline {
    padding: 0px;
  }
  .timeline::after {
    content: var(--tw-content);
    position: absolute;
  }
  .timeline::after {
    content: var(--tw-content);
    top: 0px;
    bottom: 0px;
  }
  .timeline::after {
    content: var(--tw-content);
    left: 50%;
  }
  .timeline::after {
    content: var(--tw-content);
    margin-left: -1px;
  }
  .timeline::after {
    content: var(--tw-content);
    width: 0.125rem;
  }
  .timeline::after {
    --tw-content: "";
    content: var(--tw-content);
  }
  .timeline {
    &::after {
      background-color: rgba(var(--gray-60),1);
    }
  }
  .container {
    margin: 0px !important;
  }
  .container {
    position: relative;
  }
  .container {
    margin: 0px;
  }
  .container {
    width: 50%;
  }
  .container {
    padding-left: 30px;
    padding-right: 30px;
  }
  .container {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .container::after {
    content: var(--tw-content);
  }
  .container::after {
    border-width: 2px !important;
  }
  .container::before {
    content: var(--tw-content);
    position: absolute;
  }
  .container::before {
    content: var(--tw-content);
    top: calc(50% - 1px);
  }
  .container::before {
    content: var(--tw-content);
    right: 0.5rem;
  }
  .container::before {
    content: var(--tw-content);
    z-index: 1;
  }
  .container::before {
    content: var(--tw-content);
    height: 0.125rem;
  }
  .container::before {
    content: var(--tw-content);
    width: 50px;
  }
  .container::before {
    --tw-content: "";
    content: var(--tw-content);
  }
  .container::after {
    content: var(--tw-content);
    position: absolute;
  }
  .container::after {
    content: var(--tw-content);
    top: calc(50% - 8px);
  }
  .container::after {
    content: var(--tw-content);
    right: -0.5rem;
  }
  .container::after {
    content: var(--tw-content);
    z-index: 1;
  }
  .container::after {
    content: var(--tw-content);
    height: 1rem;
  }
  .container::after {
    content: var(--tw-content);
    width: 1rem;
  }
  .container::after {
    content: var(--tw-content);
    border-radius: 1rem;
  }
  .container::after {
    content: var(--tw-content);
    border-width: 2px;
  }
  .container::after {
    content: var(--tw-content);
    border-style: solid;
  }
  .container::after {
    content: var(--tw-content);
    border-color: rgba(var(--gray-60),1);
  }
  .container::after {
    --tw-content: "";
    content: var(--tw-content);
  }
  .container {
    background: inherit;
    &::after {
      background-color: rgba(var(--white),1);
    }
    &::before {
      background-color: rgba(var(--gray-60),1);
    }
    .date {
      text-align: center;
    }
    @media (max-width: 767px) {
       {
        .date {
        }
      }
    }
    .date {
      position: absolute;
    }
    .date {
      top: calc(50% - 8px);
    }
    .date {
      z-index: 1;
    }
    .date {
      display: inline-block;
    }
    .date {
      text-align: center;
    }
    .date {
      font-size: 0.875rem;
      line-height: 1.25rem;
    }
    .date {
      font-weight: 700;
    }
    .date {
      text-transform: uppercase;
    }
    .date {
      letter-spacing: 1px;
    }
    .date {
      color: rgba(var(--chart-text-color),1);
    }
    .icon {
      border-width: 2px !important;
    }
    .icon {
      text-align: center;
    }
    .icon {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
    @media (max-width: 767px) {
       {
        .icon {
        }
      }
    }
    .icon {
      position: absolute;
    }
    .icon {
      top: calc(50% - 20px);
    }
    .icon {
      z-index: 1;
    }
    .icon {
      display: inline-block;
    }
    .icon {
      height: 2.5rem;
    }
    .icon {
      width: 2.5rem;
    }
    .icon {
      border-radius: 40px;
    }
    .icon {
      border-width: 2px;
    }
    .icon {
      border-style: dashed;
    }
    .icon {
      border-color: rgba(var(--chart-text-color),1);
    }
    .icon {
      padding-left: 0px;
      padding-right: 0px;
    }
    .icon {
      padding-top: 9px;
      padding-bottom: 9px;
    }
    .icon {
      text-align: center;
    }
    .icon {
      font-size: 1.125rem;
      line-height: 1.75rem;
    }
    .icon {
      line-height: 1;
    }
    .icon {
      color: rgba(var(--chart-text-color),1);
    }
    .icon {
      background: rgba(var(--light2), 1);
    }
    .content {
      position: relative;
    }
    .content {
      border-radius: 0 200px 200px 0;
    }
    .content {
      padding-top: 1.25rem;
      padding-bottom: 1.25rem;
    }
    .content {
      padding-left: 1.25rem;
    }
    .content {
      padding-right: 5rem;
    }
    .content {
      background: rgba(var(--light2), 1);
      h2 {
        margin-top: 0 !important;
      }
      h2 {
        margin-left: 0px;
        margin-right: 0px;
      }
      h2 {
        margin-top: 0px;
      }
      h2 {
        margin-bottom: 0.625rem;
      }
      h2 {
        font-family: normal;
      }
      h2 {
        font-size: 1.125rem;
        line-height: 1.75rem;
      }
      h2 {
        color: rgba(var(--chart-text-color),1);
      }
      p {
        margin: 0px !important;
      }
      p {
        margin: 0px;
      }
      p {
        color: rgba(var(--body-font-color),1);
      }
    }
  }
  .container.left {
    left: 0px;
  }
  .container.left {
    .date {
      right: -75px;
    }
    .icon {
      right: 3.5rem;
    }
  }
  .container.right {
    left: 50%;
  }
  .container.right::before {
    content: var(--tw-content);
    left: 0.5rem;
  }
  .container.right::after {
    content: var(--tw-content);
    left: -0.5rem;
  }
  .container.right {
    .date {
      left: -75px;
    }
    .icon {
      left: 3.5rem;
    }
    .content {
      border-radius: 200px 0 0 200px;
    }
    .content {
      padding-top: 1.25rem;
      padding-bottom: 1.25rem;
    }
    .content {
      padding-left: 5rem;
    }
    .content {
      padding-right: 1.25rem;
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        > .animated-timeline {
          width: 90%;
        }
      }
    }
     {
       {
         {
          > .animated-timeline {
            width: 90%;
          }
        }
      }
    }
     {
       {
        > .animated-timeline {
          width: 90%;
        }
      }
    }
     {
       {
         {
          > .animated-timeline {
            width: 90%;
          }
        }
      }
    }
  }
}

.animated-timeline {
  height: 100%;
  min-height: 100vh;
  width: 100%;
  color: rgba(var(--chart-text-color),1);
  .timeline-block {
    position: relative;
  }
  .timeline-block {
    z-index: 1;
  }
  .timeline-block::before {
    content: var(--tw-content);
    position: absolute;
  }
  .timeline-block::before {
    content: var(--tw-content);
    left: 50%;
  }
  .timeline-block::before {
    content: var(--tw-content);
    margin-top: calc(45px + (55 - 45) * ((100vw - 320px) / (1920 - 320)));
  }
  .timeline-block::before {
    content: var(--tw-content);
    height: calc(100% - 40px);
  }
  .timeline-block::before {
    content: var(--tw-content);
    width: 1px;
  }
  .timeline-block::before {
    content: var(--tw-content);
    border-width: 1px;
  }
  .timeline-block::before {
    content: var(--tw-content);
    border-style: dashed;
  }
  .timeline-block::before {
    content: var(--tw-content);
    border-color: rgba(var(--theme-body-sub-title-color),1);
  }
  .timeline-block::before {
    content: var(--tw-content);
    opacity: 0.4;
  }
  .timeline-block::before {
    --tw-content: "";
    content: var(--tw-content);
  }
  .timeline-block {
    .title {
      text-align: center;
    }
    @media (max-width: 767px) {
       {
        .title {
        }
      }
    }
    .title {
      text-align: center;
    }
    .title {
      font-size: calc(18px + (24 - 18) * ((100vw - 320px) / (1920 - 320)));
    }
    .title {
      font-weight: 500;
    }
    .title {
      line-height: 1.2;
    }
    .title {
      color: rgba(var(--badge-light-color),1);
    }
    .title {
      transition-property: all;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }
    .title {
      transition-duration: 0.8s;
    }
    .title {
      transition-timing-function: ease-in-out;
    }
    .title {
      &.non-focus {
        font-size: 1.5rem;
        line-height: 2rem;
      }
      &.non-focus {
        line-height: 34px;
      }
      &.non-focus {
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
      }
      &.non-focus {
        transition-duration: 0.8s;
      }
      &.non-focus {
        transition-timing-function: ease-in-out;
      }
    }
    .timeline-event {
      position: relative;
    }
    .timeline-event {
      margin-left: 1.25rem;
      margin-right: 1.25rem;
    }
    .timeline-event {
      margin-top: 30px;
      margin-bottom: 30px;
    }
    .timeline-event {
      width: 300px;
    }
    .timeline-event {
      border-radius: 0.25rem;
    }
    .timeline-event {
      border-width: 1px;
    }
    .timeline-event {
      border-style: dashed;
    }
    .timeline-event {
      border-color: rgba(var(--dark-color-light),1);
    }
    .timeline-event {
      background-color: rgba(var(--light-color),0.8);
    }
    .timeline-event {
      padding: 15px;
    }
    .timeline-event {
      transition-property: all;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }
    .timeline-event {
      transition-duration: 0.3s;
    }
    .timeline-event {
      transition-timing-function: ease-in-out;
    }
    .timeline-event::before {
      content: var(--tw-content);
      position: absolute;
    }
    .timeline-event::before {
      content: var(--tw-content);
      top: calc(50% - 8px);
    }
    .timeline-event::before {
      content: var(--tw-content);
      left: -27px;
    }
    .timeline-event::before {
      content: var(--tw-content);
      height: 1rem;
    }
    .timeline-event::before {
      content: var(--tw-content);
      width: 1rem;
    }
    .timeline-event::before {
      content: var(--tw-content);
      border-radius: 50%;
    }
    .timeline-event::before {
      content: var(--tw-content);
      background-color: rgba(var(--gray-60),1);
    }
    .timeline-event::before {
      --tw-content: "";
      content: var(--tw-content);
    }
    .timeline-event {
      .timeline-desc {
        h6 {
          color: rgba(var(--badge-light-color),1);
        }
        span {
          color: rgba(vsr(--font-gray-color),1);
        }
      }
      &:nth-child(odd) {
        margin-left: calc(50% + 20px);
      }
      &:nth-child(even) {
        margin-left: calc(50% - 321px);
      }
      &:nth-child(even)::before {
        content: var(--tw-content);
        left: calc(100% + 16px);
      }
      &.non-focus {
        margin-top: 108px;
      }
      &.non-focus {
        border-width: 1px;
      }
      &.non-focus {
        border-style: dashed;
      }
      &.non-focus {
        border-color: rgba(var(--dark-color-light),0.2);
      }
      &.non-focus {
        background-color: rgba(var(--light-color),0.3);
      }
      &.non-focus {
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
      }
      &.non-focus {
        transition-duration: 0.8s;
      }
      &.non-focus {
        transition-timing-function: ease-in-out;
      }
      &.non-focus::before {
        content: var(--tw-content);
        opacity: 0;
      }
      &.non-focus {
        transform: rotateZ(45deg);
        .timeline-desc {
          h6 {
            color: rgba(var(--badge-light-color),0.4);
          }
          span {
            color: rgba(var(--font-gray-color),0.2);
          }
        }
      }
    }
  }
}

.f-light {
  color: rgb(var(--badge-light-color),1);
  opacity: 0.8;
}

@media (min-width: 1200px) {
  .basic-timeline {
    &.dark-timeline {
      ul {
        .flex {
          p {
            &:last-child {
              width: calc( 100px + (530 - 100) * ((100vw - 320px) / (1920 - 320)) );
            }
          }
        }
      }
    }
  }

   {
     {
       {
        .\!flex {
           {
             {
              width: calc( 100px + (530 - 100) * ((100vw - 320px) / (1920 - 320)) );
            }
          }
        }
      }
    }
  }
}

/* @screen between1199-992 {
    .rounded-timeline {
      .container.left {
        @apply left-[75px];

        &::before {
          @apply left-2;
        }
        &::after {
          @apply -left-2;
        }
        .date {
          @apply left-[-75px] right-[unset];
        }
        .icon {
          @apply left-14;
        }
        .content {
          @apply pl-20 pr-5 py-5 rounded-[200px_0_0_200px];
        }
      }
      .container {
        @apply w-[85%];
      }
      .timeline {
        &::after {
          @apply left-[75px];
        }
      }

      .container.right {
        @apply left-[75px];
        &::after {
          @apply left-[-8px];
        }
      }
    }
  } */

@media (max-width: 1199px) {
  .rounded-timeline {
    .left {
      left: 75px !important;
    }
    .left {
      &::before {
        left: 0.5rem;
      }
      &::after {
        left: -0.5rem;
      }
      .date {
        left: -75px !important;
      }
      .date {
        right: unset !important;
      }
      .icon {
        left: 3.5rem;
      }
      .content {
        border-radius: 200px 0 0 200px;
      }
      .content {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
      }
      .content {
        padding-left: 5rem;
      }
      .content {
        padding-right: 1.25rem;
      }
    }
    .timeline {
      > div {
        width: 85% !important;
      }
      &::after {
        left: 75px;
      }
    }
    .right {
      left: 75px !important;
    }
    .right {
      &::after {
        left: -8px;
      }
    }
  }

   {
     {
      left: 75px !important;
    }
     {
       {
        left: 0.5rem;
      }
       {
        left: -0.5rem;
      }
      .\!date {
        left: -75px !important;
      }
      .\!date {
        right: unset !important;
      }
       {
        left: 3.5rem;
      }
       {
        border-radius: 200px 0 0 200px;
      }
       {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
      }
       {
        padding-left: 5rem;
      }
       {
        padding-right: 1.25rem;
      }
    }
     {
       {
        width: 85% !important;
      }
       {
        left: 75px;
      }
    }
     {
      left: 75px !important;
    }
     {
       {
        left: -8px;
      }
    }
     {
      left: 75px !important;
    }
     {
       {
        left: 0.5rem;
      }
       {
        left: -0.5rem;
      }
       {
        left: -75px !important;
      }
       {
        right: unset !important;
      }
       {
        left: 3.5rem;
      }
      .\!content {
        border-radius: 200px 0 0 200px;
      }
      .\!content {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
      }
      .\!content {
        padding-left: 5rem;
      }
      .\!content {
        padding-right: 1.25rem;
      }
    }
     {
       {
        width: 85% !important;
      }
       {
        left: 75px;
      }
    }
     {
      left: 75px !important;
    }
     {
       {
        left: -8px;
      }
    }
     {
      left: 75px !important;
    }
     {
       {
        left: 0.5rem;
      }
       {
        left: -0.5rem;
      }
       {
        left: -75px !important;
      }
       {
        right: unset !important;
      }
       {
        left: 3.5rem;
      }
       {
        border-radius: 200px 0 0 200px;
      }
       {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
      }
       {
        padding-left: 5rem;
      }
       {
        padding-right: 1.25rem;
      }
    }
     {
       {
        width: 85% !important;
      }
       {
        left: 75px;
      }
    }
    .\!right {
      left: 75px !important;
    }
    .\!right {
       {
        left: -8px;
      }
    }
     {
      left: 75px !important;
    }
     {
       {
        left: 0.5rem;
      }
       {
        left: -0.5rem;
      }
       {
        left: -75px !important;
      }
       {
        right: unset !important;
      }
       {
        left: 3.5rem;
      }
       {
        border-radius: 200px 0 0 200px;
      }
       {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
      }
       {
        padding-left: 5rem;
      }
       {
        padding-right: 1.25rem;
      }
    }
     {
       {
        width: 85% !important;
      }
       {
        left: 75px;
      }
    }
    .\!right {
      left: 75px !important;
    }
    .\!right {
       {
        left: -8px;
      }
    }
  }
}

@media (max-width: 767px) {
  .rounded-timeline {
    .timeline {
      &::after {
        left: 8px;
      }
      @media (max-width: 575px) {
         {
           {
             {
              > > div {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > > div {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              > > div {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > > div {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      > div {
        width: 100% !important;
      }
      > div {
        padding-left: 30px;
      }
      > div {
        padding-right: 30px;
      }
      > div {
        .date {
          display: none;
        }
      }
    }
    .right {
      left: 0% !important;
    }
    .right {
      &:before {
        left: 8px !important;
      }
      &:before {
        border-color: rgba(var(--theme-default),1);
      }
      &:after {
        left: 0px !important;
      }
      .date {
        left: 15px;
      }
      .date {
        right: auto;
      }
      .icon {
        left: 146px;
      }
      .icon {
        right: auto;
      }
      .content {
        border-radius: 200px 0 0 200px;
      }
      .content {
        padding-top: 30px;
        padding-bottom: 30px;
      }
      .content {
        padding-left: 90px;
      }
      .content {
        padding-right: 30px;
      }
    }
    .left {
      left: 0px !important;
    }
    .left {
      &::after {
        left: 0px;
      }
      &::before {
        left: 0px;
      }
      &::before {
        border-color: rgba(var(--theme-default),1);
      }
      .date {
        left: 15px;
      }
      .date {
        right: auto;
      }
      .icon {
        left: 50px;
      }
      .icon {
        right: auto;
      }
      .content {
        border-radius: 200px 0 0 200px;
      }
      .content {
        padding-top: 30px;
        padding-bottom: 30px;
      }
      .content {
        padding-left: 90px;
      }
      .content {
        padding-right: 30px;
      }
    }
  }

  .animated-timeline {
    .timeline-block {
      &::before {
        left: 18px;
      }
      .title {
        text-align: left;
      }
      .timeline-event {
        &:nth-child(odd) {
          margin-left: 58px !important;
        }
        &:nth-child(even) {
          margin-left: 58px !important;
        }
        &:nth-child(even) {
          &:before {
            left: unset;
          }
          &:before {
            right: calc(100% + 33px);
          }
        }
        &::before {
          left: -47px !important;
        }
      }
    }
  }

   {
     {
       {
        left: 8px;
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
       {
        width: 100% !important;
      }
       {
        padding-left: 30px;
      }
       {
        padding-right: 30px;
      }
       {
        .\!date {
          display: none;
        }
      }
    }
     {
      left: 0% !important;
    }
     {
       {
        left: 8px !important;
      }
       {
        border-color: rgba(var(--theme-default),1);
      }
       {
        left: 0px !important;
      }
      .\!date {
        left: 15px;
      }
      .\!date {
        right: auto;
      }
       {
        left: 146px;
      }
       {
        right: auto;
      }
       {
        border-radius: 200px 0 0 200px;
      }
       {
        padding-top: 30px;
        padding-bottom: 30px;
      }
       {
        padding-left: 90px;
      }
       {
        padding-right: 30px;
      }
    }
     {
      left: 0px !important;
    }
     {
       {
        left: 0px;
      }
       {
        left: 0px;
      }
       {
        border-color: rgba(var(--theme-default),1);
      }
      .\!date {
        left: 15px;
      }
      .\!date {
        right: auto;
      }
       {
        left: 50px;
      }
       {
        right: auto;
      }
       {
        border-radius: 200px 0 0 200px;
      }
       {
        padding-top: 30px;
        padding-bottom: 30px;
      }
       {
        padding-left: 90px;
      }
       {
        padding-right: 30px;
      }
    }
     {
       {
        left: 18px;
      }
       {
        text-align: left;
      }
       {
         {
          margin-left: 58px !important;
        }
         {
          margin-left: 58px !important;
        }
         {
           {
            left: unset;
          }
           {
            right: calc(100% + 33px);
          }
        }
         {
          left: -47px !important;
        }
      }
    }
     {
       {
        left: 8px;
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
       {
        width: 100% !important;
      }
       {
        padding-left: 30px;
      }
       {
        padding-right: 30px;
      }
       {
         {
          display: none;
        }
      }
    }
    .\!right {
      left: 0% !important;
    }
    .\!right {
       {
        left: 8px !important;
      }
       {
        border-color: rgba(var(--theme-default),1);
      }
       {
        left: 0px !important;
      }
       {
        left: 15px;
      }
       {
        right: auto;
      }
       {
        left: 146px;
      }
       {
        right: auto;
      }
       {
        border-radius: 200px 0 0 200px;
      }
       {
        padding-top: 30px;
        padding-bottom: 30px;
      }
       {
        padding-left: 90px;
      }
       {
        padding-right: 30px;
      }
    }
     {
      left: 0px !important;
    }
     {
       {
        left: 0px;
      }
       {
        left: 0px;
      }
       {
        border-color: rgba(var(--theme-default),1);
      }
       {
        left: 15px;
      }
       {
        right: auto;
      }
       {
        left: 50px;
      }
       {
        right: auto;
      }
       {
        border-radius: 200px 0 0 200px;
      }
       {
        padding-top: 30px;
        padding-bottom: 30px;
      }
       {
        padding-left: 90px;
      }
       {
        padding-right: 30px;
      }
    }
     {
       {
        left: 18px;
      }
       {
        text-align: left;
      }
       {
         {
          margin-left: 58px !important;
        }
         {
          margin-left: 58px !important;
        }
         {
           {
            left: unset;
          }
           {
            right: calc(100% + 33px);
          }
        }
         {
          left: -47px !important;
        }
      }
    }
     {
       {
        left: 8px;
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
       {
        width: 100% !important;
      }
       {
        padding-left: 30px;
      }
       {
        padding-right: 30px;
      }
       {
         {
          display: none;
        }
      }
    }
    .\!right {
      left: 0% !important;
    }
    .\!right {
       {
        left: 8px !important;
      }
       {
        border-color: rgba(var(--theme-default),1);
      }
       {
        left: 0px !important;
      }
       {
        left: 15px;
      }
       {
        right: auto;
      }
       {
        left: 146px;
      }
       {
        right: auto;
      }
       {
        border-radius: 200px 0 0 200px;
      }
       {
        padding-top: 30px;
        padding-bottom: 30px;
      }
       {
        padding-left: 90px;
      }
       {
        padding-right: 30px;
      }
    }
     {
      left: 0px !important;
    }
     {
       {
        left: 0px;
      }
       {
        left: 0px;
      }
       {
        border-color: rgba(var(--theme-default),1);
      }
       {
        left: 15px;
      }
       {
        right: auto;
      }
       {
        left: 50px;
      }
       {
        right: auto;
      }
       {
        border-radius: 200px 0 0 200px;
      }
       {
        padding-top: 30px;
        padding-bottom: 30px;
      }
       {
        padding-left: 90px;
      }
       {
        padding-right: 30px;
      }
    }
     {
       {
        left: 18px;
      }
       {
        text-align: left;
      }
       {
         {
          margin-left: 58px !important;
        }
         {
          margin-left: 58px !important;
        }
         {
           {
            left: unset;
          }
           {
            right: calc(100% + 33px);
          }
        }
         {
          left: -47px !important;
        }
      }
    }
     {
       {
        left: 8px;
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
       {
        width: 100% !important;
      }
       {
        padding-left: 30px;
      }
       {
        padding-right: 30px;
      }
       {
        .\!date {
          display: none;
        }
      }
    }
     {
      left: 0% !important;
    }
     {
       {
        left: 8px !important;
      }
       {
        border-color: rgba(var(--theme-default),1);
      }
       {
        left: 0px !important;
      }
      .\!date {
        left: 15px;
      }
      .\!date {
        right: auto;
      }
       {
        left: 146px;
      }
       {
        right: auto;
      }
       {
        border-radius: 200px 0 0 200px;
      }
       {
        padding-top: 30px;
        padding-bottom: 30px;
      }
       {
        padding-left: 90px;
      }
       {
        padding-right: 30px;
      }
    }
     {
      left: 0px !important;
    }
     {
       {
        left: 0px;
      }
       {
        left: 0px;
      }
       {
        border-color: rgba(var(--theme-default),1);
      }
      .\!date {
        left: 15px;
      }
      .\!date {
        right: auto;
      }
       {
        left: 50px;
      }
       {
        right: auto;
      }
       {
        border-radius: 200px 0 0 200px;
      }
       {
        padding-top: 30px;
        padding-bottom: 30px;
      }
       {
        padding-left: 90px;
      }
       {
        padding-right: 30px;
      }
    }
     {
       {
        left: 18px;
      }
       {
        text-align: left;
      }
       {
         {
          margin-left: 58px !important;
        }
         {
          margin-left: 58px !important;
        }
         {
           {
            left: unset;
          }
           {
            right: calc(100% + 33px);
          }
        }
         {
          left: -47px !important;
        }
      }
    }
     {
       {
        left: 8px;
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
       {
        width: 100% !important;
      }
       {
        padding-left: 30px;
      }
       {
        padding-right: 30px;
      }
       {
         {
          display: none;
        }
      }
    }
     {
      left: 0% !important;
    }
     {
       {
        left: 8px !important;
      }
       {
        border-color: rgba(var(--theme-default),1);
      }
       {
        left: 0px !important;
      }
       {
        left: 15px;
      }
       {
        right: auto;
      }
       {
        left: 146px;
      }
       {
        right: auto;
      }
      .\!content {
        border-radius: 200px 0 0 200px;
      }
      .\!content {
        padding-top: 30px;
        padding-bottom: 30px;
      }
      .\!content {
        padding-left: 90px;
      }
      .\!content {
        padding-right: 30px;
      }
    }
     {
      left: 0px !important;
    }
     {
       {
        left: 0px;
      }
       {
        left: 0px;
      }
       {
        border-color: rgba(var(--theme-default),1);
      }
       {
        left: 15px;
      }
       {
        right: auto;
      }
       {
        left: 50px;
      }
       {
        right: auto;
      }
      .\!content {
        border-radius: 200px 0 0 200px;
      }
      .\!content {
        padding-top: 30px;
        padding-bottom: 30px;
      }
      .\!content {
        padding-left: 90px;
      }
      .\!content {
        padding-right: 30px;
      }
    }
     {
       {
        left: 18px;
      }
       {
        text-align: left;
      }
       {
         {
          margin-left: 58px !important;
        }
         {
          margin-left: 58px !important;
        }
         {
           {
            left: unset;
          }
           {
            right: calc(100% + 33px);
          }
        }
         {
          left: -47px !important;
        }
      }
    }
     {
       {
        left: 8px;
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
       {
        width: 100% !important;
      }
       {
        padding-left: 30px;
      }
       {
        padding-right: 30px;
      }
       {
        .\!date {
          display: none;
        }
      }
    }
     {
      left: 0% !important;
    }
     {
       {
        left: 8px !important;
      }
       {
        border-color: rgba(var(--theme-default),1);
      }
       {
        left: 0px !important;
      }
      .\!date {
        left: 15px;
      }
      .\!date {
        right: auto;
      }
       {
        left: 146px;
      }
       {
        right: auto;
      }
       {
        border-radius: 200px 0 0 200px;
      }
       {
        padding-top: 30px;
        padding-bottom: 30px;
      }
       {
        padding-left: 90px;
      }
       {
        padding-right: 30px;
      }
    }
     {
      left: 0px !important;
    }
     {
       {
        left: 0px;
      }
       {
        left: 0px;
      }
       {
        border-color: rgba(var(--theme-default),1);
      }
      .\!date {
        left: 15px;
      }
      .\!date {
        right: auto;
      }
       {
        left: 50px;
      }
       {
        right: auto;
      }
       {
        border-radius: 200px 0 0 200px;
      }
       {
        padding-top: 30px;
        padding-bottom: 30px;
      }
       {
        padding-left: 90px;
      }
       {
        padding-right: 30px;
      }
    }
     {
       {
        left: 18px;
      }
       {
        text-align: left;
      }
       {
         {
          margin-left: 58px !important;
        }
         {
          margin-left: 58px !important;
        }
         {
           {
            left: unset;
          }
           {
            right: calc(100% + 33px);
          }
        }
         {
          left: -47px !important;
        }
      }
    }
     {
       {
        left: 8px;
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
       {
        width: 100% !important;
      }
       {
        padding-left: 30px;
      }
       {
        padding-right: 30px;
      }
       {
         {
          display: none;
        }
      }
    }
     {
      left: 0% !important;
    }
     {
       {
        left: 8px !important;
      }
       {
        border-color: rgba(var(--theme-default),1);
      }
       {
        left: 0px !important;
      }
       {
        left: 15px;
      }
       {
        right: auto;
      }
       {
        left: 146px;
      }
       {
        right: auto;
      }
      .\!content {
        border-radius: 200px 0 0 200px;
      }
      .\!content {
        padding-top: 30px;
        padding-bottom: 30px;
      }
      .\!content {
        padding-left: 90px;
      }
      .\!content {
        padding-right: 30px;
      }
    }
     {
      left: 0px !important;
    }
     {
       {
        left: 0px;
      }
       {
        left: 0px;
      }
       {
        border-color: rgba(var(--theme-default),1);
      }
       {
        left: 15px;
      }
       {
        right: auto;
      }
       {
        left: 50px;
      }
       {
        right: auto;
      }
      .\!content {
        border-radius: 200px 0 0 200px;
      }
      .\!content {
        padding-top: 30px;
        padding-bottom: 30px;
      }
      .\!content {
        padding-left: 90px;
      }
      .\!content {
        padding-right: 30px;
      }
    }
     {
       {
        left: 18px;
      }
       {
        text-align: left;
      }
       {
         {
          margin-left: 58px !important;
        }
         {
          margin-left: 58px !important;
        }
         {
           {
            left: unset;
          }
           {
            right: calc(100% + 33px);
          }
        }
         {
          left: -47px !important;
        }
      }
    }
  }
}

@media (max-width: 575px) {
  .animated-timeline {
    .timeline-block {
      .timeline-event {
        width: auto;
      }
    }
  }

  .main-timeline {
    ul {
      li {
        > .w-full {
          width: 90%;
        }
      }
    }
  }

  .square-timeline {
    .timeline-event {
      .timeline-event-wrapper {
        width: 85%;
      }
    }
  }

  .timeline-event-wrapper {
    .f-light {
      .list-group {
        .list-group-item {
          > div {
            .timeline-icon {
              display: none;
            }
          }
        }
      }
    }
  }

  .notification {
    .dark-timeline {
      ul {
        li {
          > .w-full {
            width: 90%;
          }
        }
      }
    }
  }

   {
     {
       {
        width: auto;
      }
    }
     {
       {
        > .\!w-full {
          width: 90%;
        }
      }
    }
     {
       {
        width: 85%;
      }
    }
     {
       {
         {
           {
             {
              display: none;
            }
          }
        }
      }
    }
     {
       {
         {
          > .\!w-full {
            width: 90%;
          }
        }
      }
    }
     {
       {
        width: auto;
      }
    }
     {
       {
        > .\!w-full {
          width: 90%;
        }
      }
    }
     {
       {
        width: 85%;
      }
    }
     {
       {
         {
           {
             {
              display: none;
            }
          }
        }
      }
    }
     {
       {
         {
          > .\!w-full {
            width: 90%;
          }
        }
      }
    }
  }
}

@media (max-width: 480px) {
  .timeline {
    padding-top: 1.25rem !important;
    &:after {
      left: 50% !important;
    }
    > div {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
    > div {
      z-index: 1;
    }
    > div {
      padding-left: 0px !important;
      padding-right: 0px !important;
    }
    > div {
      padding-top: 40px !important;
      padding-bottom: 40px !important;
    }
    > div {
      &:after {
        display: none;
      }
      &:before {
        display: none;
      }
      .icon {
        left: 45% !important;
      }
      .icon {
        top: -1.25rem !important;
      }
      .content {
        border-radius: 10px !important;
      }
      .content {
        padding: 1rem !important;
      }
      .content {
        audio {
          display: none;
        }
      }
    }
  }

   {
     {
      left: 50% !important;
    }
     {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
     {
      z-index: 1;
    }
     {
      padding-left: 0px !important;
      padding-right: 0px !important;
    }
     {
      padding-top: 40px !important;
      padding-bottom: 40px !important;
    }
     {
       {
        display: none;
      }
       {
        display: none;
      }
       {
        left: 45% !important;
      }
       {
        top: -1.25rem !important;
      }
      .\!content {
        border-radius: 10px !important;
      }
      .\!content {
        padding: 1rem !important;
      }
      .\!content {
         {
          display: none;
        }
      }
    }
    padding-top: 1.25rem !important;
     {
      left: 50% !important;
    }
     {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
     {
      z-index: 1;
    }
     {
      padding-left: 0px !important;
      padding-right: 0px !important;
    }
     {
      padding-top: 40px !important;
      padding-bottom: 40px !important;
    }
     {
       {
        display: none;
      }
       {
        display: none;
      }
       {
        left: 45% !important;
      }
       {
        top: -1.25rem !important;
      }
      .\!content {
        border-radius: 10px !important;
      }
      .\!content {
        padding: 1rem !important;
      }
      .\!content {
         {
          display: none;
        }
      }
    }
  }
}

@media (max-width: 360px) {
  .timeline {
    > div {
      .icon {
        left: 42% !important;
      }
      .icon {
        top: -1.25rem !important;
      }
    }
  }
}

.main-animate {
  @media (min-width: 1200px) {
     {
       {
         {
          a {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          a {
          }
        }
      }
    }
  }
  a {
    display: flex;
  }
  a {
    height: 50px;
  }
  a {
    width: 50px;
  }
  a {
    align-items: center;
  }
  a {
    justify-content: center;
  }
  a {
    overflow: hidden;
  }
  a {
    background-color: rgba(var(--light-bg),1);
  }
  svg {
    height: 22px;
  }
  svg {
    width: 22px;
  }
  svg {
    stroke: rgba(var(--chart-text-color),0.8);
  }
  i {
    border-radius: 50%;
  }
  i {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  i {
    line-height: 1;
  }
  i {
    color: rgba(var(--chart-text-color),1);
  }
}

.pulse-wrapper {
  a {
    border-radius: 50%;
  }
  svg {
    border-radius: 50%;
  }
  svg {
    animation: pulse-animate 1s infinite ease;
  }
  i {
    animation: pulse-animate 1s infinite ease;
  }
  @keyframes pulse-animate {
    0% {
      box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.1);
    }

    100% {
      box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
    }
  }
}

.heartbeat-wrapper {
  a {
    border-radius: 50%;
  }
  svg {
    border-radius: 50%;
  }
  svg {
    stroke: rgba(var(--danger-color),1);
  }
  svg {
    animation: heartbeat-rate 1s infinite ease;
  }
  i {
    color: rgba(var(--danger-color),1);
  }
  i {
    animation: heartbeat-rate 1s infinite ease;
  }
}

.custom-border-pulse-wrapper {
  a {
    border-width: 4px !important;
  }
  a {
    border-width: 4px;
  }
  a {
    border-style: double;
  }
  a {
    border-color: rgba(var(--recent-dashed-border),1);
  }
  a {
    border-radius: unset;
    svg,
      i {
      border-radius: 1%;
    }
  }
}

.pulse-rhombus {
  a {
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  }
  svg,
    i {
    border-radius: 0px;
  }
}

.pulse-rabbet {
  a {
    clip-path: polygon(
        0% 15%,
        15% 15%,
        15% 0%,
        85% 0%,
        85% 15%,
        100% 15%,
        100% 85%,
        85% 85%,
        85% 100%,
        15% 100%,
        15% 85%,
        0% 85%
      );
  }
}

@keyframes heartbeat-rate {
  0% {
    transform: scale(1);
    opacity: 1;
  }

  15% {
    transform: scale(0.8);
  }

  20% {
    transform: scale(0.85);
    opacity: 1;
  }

  35% {
    transform: scale(1.3);
    opacity: 0.6;
  }

  50% {
    transform: scale(1);
    opacity: 1;
  }

  100% {
    transform: scale(1);
  }
}

@media (max-width: 331px) {
  .main-animate {
    .common-flex {
      justify-content: center;
    }
  }
}

@media (min-width: 1200px) {
   {
     {
       {
        .mega-inline {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .mega-inline {
        }
      }
    }
  }
}

.mega-inline {
  margin-bottom: -30px;
  display: flex;
  .card {
    border-width: 1px;
  }
  .card {
    border-style: solid;
  }
  .card {
    --tw-border-opacity: 1;
    border-color: rgb(243 243 243 / var(--tw-border-opacity, 1));
  }
  .card {
    --tw-shadow-color: rgba(var(--card-box-shadow),1);
    --tw-shadow: var(--tw-shadow-colored);
  }
  .card {
    .flex {
      .form-check {
        .form-check-input {
          display: none;
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          > .mega-title-badge {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > .mega-title-badge {
              width: 90%;
            }
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          > .mega-title-badge {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > .mega-title-badge {
              width: 90%;
            }
          }
        }
      }
    }
  }
  .mega-title-badge {
    width: 100%;
  }
  .mega-title-badge {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .mega-title-badge {
    font-weight: 500;
  }
  .mega-title-badge {
    text-transform: uppercase;
  }
  .mega-title-badge {
    display: table;
  }
  .card-gap {
    .radio {
      margin-left: 3px;
    }
  }
}

.megaoption-space {
  span:not(.pull-right) {
    &:last-child {
      color: rgba(var(--theme-body-font-color),1);
    }
  }
}

@media (min-width: 1200px) {
   {
     {
       {
        .mega-vertical {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .mega-vertical {
        }
      }
    }
  }
}

.mega-vertical {
  display: flex;
  flex-wrap: wrap;
  .card {
    --tw-shadow-color: rgba(var(--card-box-shadow),1);
    --tw-shadow: var(--tw-shadow-colored);
  }
  @media (max-width: 575px) {
     {
       {
         {
          > .mega-title-badge {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > .mega-title-badge {
              width: 90%;
            }
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          > .mega-title-badge {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > .mega-title-badge {
              width: 90%;
            }
          }
        }
      }
    }
  }
  .mega-title-badge {
    width: 100%;
  }
  .mega-title-badge {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .mega-title-badge {
    font-weight: 500;
  }
  .mega-title-badge {
    text-transform: uppercase;
  }
  .mega-title-badge {
    display: table;
  }
  .flex {
    .radio {
      margin-left: 3px;
    }
  }
}

.mega-title {
  font-weight: 600;
}

@media (min-width: 1200px) {
   {
     {
       {
        .mega-horizontal {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .mega-horizontal {
        }
      }
    }
  }
}

.mega-horizontal {
  display: flex;
  flex-wrap: wrap;
  .card {
    border-width: 1px;
  }
  .card {
    border-style: solid;
  }
  .card {
    --tw-border-opacity: 1;
    border-color: rgb(243 243 243 / var(--tw-border-opacity, 1));
  }
  .card {
    --tw-shadow-color: rgba(var(--card-box-shadow),1);
    --tw-shadow: var(--tw-shadow-colored);
  }
  @media (max-width: 575px) {
     {
       {
         {
          > .mega-title-badge {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > .mega-title-badge {
              width: 90%;
            }
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          > .mega-title-badge {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > .mega-title-badge {
              width: 90%;
            }
          }
        }
      }
    }
  }
  .mega-title-badge {
    width: 100%;
  }
  .mega-title-badge {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .mega-title-badge {
    font-weight: 500;
  }
  .mega-title-badge {
    text-transform: uppercase;
  }
  .mega-title-badge {
    display: table !important;
  }
  .flex {
    .radio {
      margin-left: 3px;
    }
  }
}

.plain-style {
  .plain-style {
    .card {
      border-color: none;
    }
    .card {
      --tw-shadow: 0 0 #0000;
      --tw-shadow-colored: 0 0 #0000;
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
  }
}

.border-style {
  .card {
    border-width: 1px;
  }
  .card {
    border-style: solid;
  }
  .card {
    border-color: rgba(var(--light-gray),1);
  }
  .card {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
}

.offer-style {
  .card {
    border-width: 1px;
  }
  .card {
    border-style: dashed;
  }
  .card {
    border-color: rgba(var(--light-gray),1);
  }
  .card {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
}

.rating-star-wrapper {
  --tw-text-opacity: 1;
  color: rgb(121 121 121 / var(--tw-text-opacity, 1));
}

.card-wrapper {
  .payment-wrapper {
    margin-bottom: 24px !important;
  }
  .payment-wrapper {
    padding-bottom: 8px !important;
  }
  @media (min-width: 1200px) {
     {
       {
         {
          .payment-wrapper {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .payment-wrapper {
          }
        }
      }
    }
  }
  .payment-wrapper {
    margin-bottom: 1rem;
  }
  .payment-wrapper {
    display: flex;
  }
  .payment-wrapper {
    align-items: center;
  }
  .payment-wrapper {
    justify-content: space-between;
  }
  .payment-wrapper {
    border-bottom-width: 1px;
  }
  .payment-wrapper {
    border-style: solid;
  }
  .payment-wrapper {
    border-bottom-color: rgba(var(--chart-dashed-border),1);
  }
  .payment-wrapper {
    padding-bottom: 0.5rem;
  }
  .payment-wrapper {
    .payment-first {
      .radio {
        input[type="radio"] {
          display: none;
        }
      }
      .checkbox {
        input[type="checkbox"] {
          display: none;
        }
      }
    }
    .payment-second {
      img {
        width: 50px;
      }
      .mega-icons {
        height: 1.25rem;
      }
      .mega-icons {
        width: 1.25rem;
      }
    }
    &:last-child{
      border-bottom: 0;
    }
    &:last-child {
      margin-bottom: 0 !important;
    }
    &:last-child {
      padding-bottom: 0 !important;
    }
  }
}

.main-upgrade {
  text-align: center;
}

@media (min-width: 1200px) {
   {
     {
       {
        .main-upgrade {
        }
      }
    }
  }
}

@media (max-width: 767px) {
   {
    .main-upgrade {
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .main-upgrade {
        }
      }
    }
  }
}

.main-upgrade {
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  display: flex;
  height: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  > div {
    &:first-child {
      margin-bottom: 1.25rem;
    }
  }
  i {
    display: block;
  }
  i {
    display: block;
  }
  i {
    font-size: calc(40px + (50 - 40) * ((100vw - 320px) / (1920 - 320)));
  }
  i {
    color: rgba(var(--theme-default),1);
  }
  p {
    line-height: 1.4;
  }
  @media (min-width: 1200px) {
     {
       {
         {
          .variation-box {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .variation-box {
          }
        }
      }
    }
  }
  .variation-box {
    display: flex;
  }
  .variation-box {
    align-items: center;
  }
  .variation-box {
    justify-content: center;
  }
  .variation-box {
    gap: 1.25rem;
  }
  .variation-box {
    .selection-box {
      position: relative;
    }
    .selection-box {
      height: 100px;
    }
    .selection-box {
      min-width: 125px;
    }
    .selection-box {
      border-radius: 15px;
    }
    .selection-box {
      border-width: 1px;
    }
    .selection-box {
      border-style: solid;
    }
    .selection-box {
      border-color: rgba(var(--theme-default),1);
    }
    .selection-box {
      @media (min-width: 1200px) {
         {
           {
             {
              .custom--mega-checkbox {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              > .custom--mega-checkbox {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > .custom--mega-checkbox {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              > .custom--mega-checkbox {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > .custom--mega-checkbox {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              .custom--mega-checkbox {
              }
            }
          }
        }
      }
      .custom--mega-checkbox {
        display: flex;
      }
      .custom--mega-checkbox {
        height: 100%;
      }
      .custom--mega-checkbox {
        width: 100%;
      }
      .custom--mega-checkbox {
        align-items: center;
      }
      .custom--mega-checkbox {
        justify-content: center;
      }
      .custom--mega-checkbox {
        line-height: 25px;
      }
      .custom--mega-checkbox {
        transition-property: 0.5s;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
      }
      .custom--mega-checkbox {
        transition-duration: ease;
      }
      .custom--mega-checkbox {
        ul {
          text-align: start;
        }
      }
      input {
        position: absolute;
      }
      input {
        left: 0px;
      }
      input {
        top: 0px;
      }
      input {
        height: 6rem;
      }
      input {
        width: 118px;
      }
      input {
        cursor: pointer;
      }
      input {
        opacity: 0;
      }
      input {
        &[type="checkbox"]:checked ~ div {
          border-radius: 15px;
        }
        &[type="checkbox"]:checked ~ div {
          background-color: rgba(var(--theme-default),0.1);
        }
      }
    }
  }
}

.megaoptions-border-space-sm {
  .card {
    .radio {
      label {
        padding-left: 18px;
      }
    }
    .grow {
      .list-behavior-1 {
        &:first-child {
          margin-bottom: 0 !important;
        }
        &:first-child {
          margin-bottom: 0px;
        }
      }
    }
  }
}

.megaoption-space,
  .megaoptions-border-space-sm {
  .badge {
    &.pull-right {
      margin-bottom: 16px !important;
    }
    &.pull-right {
      margin-bottom: 0.75rem;
    }
  }
}

.chart-block {
  @media (max-width: 575px) {
     {
       {
         {
          > canvas {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > canvas {
              width: 90%;
            }
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          > canvas {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > canvas {
              width: 90%;
            }
          }
        }
      }
    }
  }
  canvas {
    width: 100% !important;
  }
  .chart-overflow {
    text-align: center;
  }
  @media (max-width: 767px) {
     {
      .chart-overflow {
      }
    }
  }
  .chart-overflow {
    overflow: hidden;
  }
  .chart-overflow {
    border-radius: 15px;
  }
  .chart-overflow {
    text-align: center;
  }
  .chart-overflow {
    svg {
      border-radius: 15px;
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        > .candidcahrt {
          width: 90%;
        }
      }
    }
     {
       {
         {
          > .candidcahrt {
            width: 90%;
          }
        }
      }
    }
     {
       {
        > .candidcahrt {
          width: 90%;
        }
      }
    }
     {
       {
         {
          > .candidcahrt {
            width: 90%;
          }
        }
      }
    }
  }
}

.candidcahrt {
  height: 470px;
  width: 100%;
}

.amcharts-export-canvas {
  position: absolute;
  inset: 0px;
  z-index: 1;
  display: none;
  background-color: rgba(var(--white),1);
  .canvas-container {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  .canvas-container {
    transition-duration: 0.5s;
  }
  .canvas-container {
    transition-timing-function: ease-out;
  }
  &.active {
    display: block;
  }
  &.active {
    display: block;
  }
  &.dropbox .canvas-container {
    opacity: 0.5;
  }
}

@media (max-width: 575px) {
   {
     {
       {
        > .flot-chart-container {
          width: 90%;
        }
      }
    }
     {
       {
         {
          > .flot-chart-container {
            width: 90%;
          }
        }
      }
    }
     {
       {
        > .flot-chart-container {
          width: 90%;
        }
      }
    }
     {
       {
         {
          > .flot-chart-container {
            width: 90%;
          }
        }
      }
    }
  }
}

.flot-chart-container {
  height: 400px;
  width: 100%;
  box-sizing: border-box;
  canvas {
    height: 400px !important;
  }
  #toggling-series-flot {
    width: 79%;
  }
}

.all-chart {
  .flot-chart-container {
    height: 350px;
  }
}

.flot-chart-placeholder {
  text-align: center;
}

@media (max-width: 575px) {
   {
     {
       {
        > .flot-chart-placeholder {
          width: 90%;
        }
      }
    }
     {
       {
         {
          > .flot-chart-placeholder {
            width: 90%;
          }
        }
      }
    }
     {
       {
        > .flot-chart-placeholder {
          width: 90%;
        }
      }
    }
     {
       {
         {
          > .flot-chart-placeholder {
            width: 90%;
          }
        }
      }
    }
  }
}

@media (max-width: 767px) {
   {
    .flot-chart-placeholder {
    }
  }
}

.flot-chart-placeholder {
  height: 100%;
  width: 100%;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.2em;
  .legend table {
    --tw-border-spacing-x: 5px;
    --tw-border-spacing-y: 5px;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
  }
}

.morris-hover {
  position: absolute;
  z-index: 1;
  &.morris-default-style {
    text-align: center;
  }
  @media (max-width: 767px) {
     {
      &.morris-default-style {
      }
    }
  }
  &.morris-default-style {
    border-radius: 10px;
  }
  &.morris-default-style {
    border-style: solid;
  }
  &.morris-default-style {
    border-color: rgba(var(--light-gray),1);
  }
  &.morris-default-style {
    padding: 0.375rem;
  }
  &.morris-default-style {
    text-align: center;
  }
  &.morris-default-style {
    font-size: 0.75rem;
    line-height: 1rem;
  }
  &.morris-default-style {
    color: rgba(var(--dark-gray),1);
  }
  &.morris-default-style {
    background: rgba(var(--white), 1);
    font-family: var(--font-serif);
    .morris-hover-row-label {
      margin-left: 0px;
      margin-right: 0px;
    }
    .morris-hover-row-label {
      margin-top: 0.25em;
      margin-bottom: 0.25em;
    }
    .morris-hover-row-label {
      font-family: bold;
    }
    .morris-hover-point {
      margin-left: 0px;
      margin-right: 0px;
    }
    .morris-hover-point {
      margin-top: 0.1em;
      margin-bottom: 0.1em;
    }
    .morris-hover-point {
      white-space: nowrap;
    }
  }
}

.chart-sparkline {
  visibility: hidden;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 10000;
  box-sizing: content-box;
  white-space: nowrap;
  border-radius: 5px;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(49,49,49,0.75);
  padding: 5px;
  text-align: left;
  color: rgba(var(--white),1);
  background: rgba(49, 49, 49, 0.7);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
  font: 10px var(--font-rubik), var(--font-serif);
  .jqsfield {
    text-align: left;
  }
  .jqsfield {
    color: rgba(var(--white),1);
  }
  .jqsfield {
    font: 10px var(--font-rubik), var(--font-serif);
  }
}

.radial-bar {
  position: relative;
  box-sizing: content-box;
  display: inline-block;
  height: 5rem;
  width: 5rem;
  border-radius: 50%;
  background-color: transparent;
  background-clip: content-box;
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.radial-bar::after {
  content: var(--tw-content);
  text-align: center;
}

@media (max-width: 767px) {
}

.radial-bar::after {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
  margin-left: 0.75rem;
  margin-top: 0.75rem;
  display: inline-block;
  height: 3.5rem;
  width: 3.5rem;
  border-radius: 50%;
  background-color: rgba(var(--white),1);
  text-align: center;
  font-weight: 500;
  line-height: 56px;
  color: rgba(var(--color-fiord),1);
  --tw-content: attr(data-label);
  content: var(--tw-content);
}

.radial-bar {
  > img {
    text-align: center;
  }
  @media (max-width: 767px) {
     {
      > img {
      }
    }
  }
  > img {
    position: absolute;
  }
  > img {
    left: 0px;
  }
  > img {
    top: 0px;
  }
  > img {
    z-index: 3;
  }
  > img {
    margin-left: 0.75rem;
  }
  > img {
    margin-top: 0.75rem;
  }
  > img {
    display: inline-block;
  }
  > img {
    height: 3.5rem;
  }
  > img {
    width: 3.5rem;
  }
  > img {
    border-radius: 50%;
  }
  > img {
    text-align: center;
  }
  > img {
    font-weight: 500;
  }
  > img {
    line-height: 56px;
  }
  > img {
    color: rgba(var(--color-fiord),1);
  }
}

.radial-bar-danger {
  &.radial-bar-20 {
    background-image: linear-gradient( 90deg,rgba(var(--light-semi-gray),1) 50%,transparent 50%,transparent ),linear-gradient( 162deg,rgba(var(--danger-color),1) 50%,rgba(var(--light-semi-gray),1) 50%,rgba(var(--light-semi-gray),1) );
  }
}

.radial-bar {
  &.radial-bar-lg {
    height: 100px;
  }
  &.radial-bar-lg {
    width: 100px;
  }
  &.radial-bar-lg {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
  &.radial-bar-lg {
    &:after {
      @extend %chart-1;
    }
    > img {
      @extend %chart-1;
    }
  }
  &.radial-bar-sm {
    height: 50px;
  }
  &.radial-bar-sm {
    width: 50px;
  }
  &.radial-bar-sm {
    font-size: 0.75rem;
    line-height: 1rem;
  }
  &.radial-bar-sm {
    &:after {
      @extend %chart-2;
    }
    > img {
      @extend %chart-2;
    }
  }
  &.radial-bar-xs {
    height: 30px;
  }
  &.radial-bar-xs {
    width: 30px;
  }
  &.radial-bar-xs {
    font-size: 8px;
  }
  &.radial-bar-xs {
    &:after {
      @extend %chart-3;
    }
    > img {
      @extend %chart-3;
    }
  }
}

.pieLabel {
  div {
    color: rgba(var(--white),1);
  }
  div {
    input[type="checkbox"] {
      margin: 7px;
    }
  }
}

.knob-chart {
  min-height: 255px;
  .chart-clock-main {
    position: relative;
  }
  .chart-clock-main {
    margin-left: auto;
    margin-right: auto;
  }
  .chart-clock-main {
    margin-top: 45px;
    margin-bottom: 45px;
  }
  .chart-clock-main {
    width: 200px;
  }
  .chart-clock-main {
    .clock-large {
      position: absolute;
    }
    .clock-large {
      top: -45px;
    }
    .clock-large {
      left: -3rem;
    }
    .clock-medium {
      position: absolute;
    }
    .clock-medium {
      left: 0.125rem;
    }
    .clock-medium {
      top: 5px;
    }
    .clock-small {
      position: absolute;
    }
    .clock-small {
      left: 55px;
    }
    .clock-small {
      top: 55px;
    }
  }
}

.peity-charts {
  @media (max-width: 575px) {
     {
       {
         {
          > svg {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > svg {
              width: 90%;
            }
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          > svg {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > svg {
              width: 90%;
            }
          }
        }
      }
    }
  }
  svg {
    height: 250px;
  }
  svg {
    width: 100%;
  }
  &.peity-chart-primary {
    svg {
      polygon {
        fill: rgba(var(--primary-color),0.2);
      }
    }
  }
}

.bar-odd-even {
  svg {
    rect {
      &:nth-child(odd) {
        fill: rgba(var(--theme-default),1);
      }
      &:nth-child(even) {
        fill: rgba(var(--theme-secondary),1);
      }
    }
  }
}

.donut-peity {
  svg {
    path {
      &:nth-child(odd) {
        fill: rgba(var(--theme-default),1);
      }
      &:nth-child(even) {
        fill: rgba(var(--theme-secondary),1);
      }
    }
  }
}

.small-donut,
  .donut-peity2,
  .pie-peity {
  ~ svg,
    svg {
    path {
      &:nth-child(odd) {
        fill: rgba(var(--theme-default),1);
      }
      &:nth-child(even) {
        fill: rgba(var(--light-semi-gray),1);
      }
    }
  }
}

.small-donut2 {
  ~ svg {
    path {
      &:nth-child(odd) {
        fill: rgba(var(--theme-secondary),1);
      }
    }
  }
}

.small-donut3 {
  ~ svg {
    path {
      &:nth-child(odd) {
        fill: rgba(var(--success-color),1);
      }
    }
  }
}

.small-donut4 {
  ~ svg {
    path {
      &:nth-child(odd) {
        fill: rgba(var(--info-color),1);
      }
    }
  }
}

.small-donut5 {
  ~ svg {
    path {
      &:nth-child(odd) {
        fill: rgba(var(--warning-color),1);
      }
    }
  }
}

.small-donut6 {
  ~ svg {
    path {
      &:nth-child(odd) {
        fill: rgba(var(--danger-color),1);
      }
    }
  }
}

p {
  &.data-attributes {
    svg {
      margin-right: 0.625rem;
    }
  }
}

.knob-block {
  position: relative;
  @media (min-width: 1200px) {
     {
       {
         {
          input {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          > input {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > input {
              width: 90%;
            }
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          > input {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > input {
              width: 90%;
            }
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          input {
          }
        }
      }
    }
  }
  input {
    left: 0px !important;
  }
  input {
    top: 0px !important;
  }
  input {
    margin-top: -3px !important;
  }
  input {
    margin-left: 0px !important;
  }
  input {
    display: flex !important;
  }
  input {
    height: 100% !important;
  }
  input {
    width: 100% !important;
  }
  input {
    align-items: center !important;
  }
  input {
    justify-content: center !important;
  }
  input {
    &:focus{
      outline: unset;
    }
  }
}

.knob-input-disable {
  input {
    display: none;
  }
}

@media (min-width: 1200px) {
   {
     {
       {
        .apex-chart {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .apex-chart {
        }
      }
    }
  }
}

.apex-chart {
  display: flex;
  justify-content: center;
}

.apexcharts-toolbar {
  z-index: 1;
}

.apexcharts-menu-item {
  width: 110px;
}

.word-tree {
  height: 400px;
}

.ct-series-a {
  .ct-slice-pie,
    .ct-slice-donut-solid,
    .ct-area {
    fill: rgba(var(--theme-default),1);
  }
  .ct-point,
    .ct-line,
    .ct-bar,
    .ct-slice-donut {
    stroke: rgba(var(--theme-default),1);
  }
}

.ct-series-b {
  .ct-point,
    .ct-line,
    .ct-bar,
    .ct-slice-donut {
    stroke: rgba(var(--theme-secondary),1);
  }
  .ct-slice-pie,
    .ct-slice-donut-solid,
    .ct-area {
    fill: rgba(var(--theme-secondary),1);
  }
}

.test-buttons {
  button {
    + button {
      margin-left: 0.625rem;
    }
  }
}

.clip-chart-wrapper {
  .test-chart-block {
    margin-bottom: -30px;
  }
}

#dotted {
  height: 390px;
}

.apexcharts-canvas {
  .apexcharts-tooltip,
    .apexcharts-xaxistooltip,
    .apexcharts-yaxistooltip {
    z-index: 1;
  }
}

.jsgrid {
  .jsgrid-grid-body {
    .jsgrid-cell {
      padding: 1rem !important;
    }
    .jsgrid-cell {
      padding: 0.75rem;
    }
  }
  .jsgrid-pager-container {
    text-align: right;
  }
  .jsgrid-pager {
    margin-top: 48px !important;
  }
  .jsgrid-pager {
    padding: 0 !important;
  }
  .jsgrid-pager {
    margin-top: 1.25rem;
  }
  .jsgrid-pager {
    padding: 0px;
  }
  .jsgrid-pager {
    .jsgrid-pager-nav-inactive-button {
      margin-right: -5px;
    }
    .jsgrid-pager-nav-inactive-button:first-child {
      border-radius: 5px 0 0 5px;
    }
    .jsgrid-pager-page {
      & ~ .jsgrid-pager-nav-button {
        margin-left: -5px;
      }
      & ~ .jsgrid-pager-nav-button {
        &:last-child {
          border-radius: 0 5px 5px 0;
        }
      }
    }
    [class*="jsgrid-pager"] {
      display: inline-block;
    }
    [class*="jsgrid-pager"] {
      min-width: 1.5em;
    }
    [class*="jsgrid-pager"] {
      border-width: 1px;
    }
    [class*="jsgrid-pager"] {
      border-style: solid;
    }
    [class*="jsgrid-pager"] {
      border-color: rgba(var(--light-color),1);
    }
    [class*="jsgrid-pager"] {
      padding-left: 1em;
      padding-right: 1em;
    }
    [class*="jsgrid-pager"] {
      padding-top: 0.5em;
      padding-bottom: 0.5em;
    }
    .jsgrid-pager-page {
      a {
        color: rgba(var(--dark-color),1);
      }
    }
    .jsgrid-pager-current-page {
      color: rgba(var(--dark-color),1);
    }
  }
  .jsgrid-selected-row {
    > .jsgrid-cell {
      border-color: rgba(var(--auth-bg-color),1);
    }
    > .jsgrid-cell {
      background-color: rgba(var(--light-color),1);
    }
  }
  .jsgrid-header-row {
    > .jsgrid-header-cell {
      padding: 1rem !important;
    }
    > .jsgrid-header-cell {
      padding: 0.75rem;
    }
    > .jsgrid-header-cell {
      font-weight: 500;
    }
  }
}

.modal-bookmark {
  .modal-body,
    .modal-header {
    padding: 20px !important;
  }
}

.bookmark-wrap {
  .email-left-aside {
    .left-bookmark {
      ul {
        li {
          a {
            &:hover {
              background-color: unset;
            }
          }
        }
      }
    }
  }
  .main-bookmark {
    .email-app-sidebar {
      .main-menu {
        .nav-item {
          ul {
            li {
              .tab-link {
                padding: 0 !important;
              }
              .tab-link {
                padding: 0px;
              }
            }
          }
        }
      }
    }
    .bootstrap-select {
      @media (max-width: 575px) {
         {
           {
             {
              > .dropdown-toggle {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > .dropdown-toggle {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              > .dropdown-toggle {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > .dropdown-toggle {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      .dropdown-toggle {
        width: 100%;
      }
      .dropdown-toggle {
        border-radius: 0.375rem;
      }
      .dropdown-toggle {
        border-color: rgba(var(--badge-light-color),0.1);
      }
      .dropdown-toggle {
        color: rgba(var(--badge-light-color),1);
      }
      .dropdown-toggle::after {
        content: var(--tw-content);
        font-size: 0.875rem;
        line-height: 1.25rem;
      }
      .dropdown-menu {
        li {
          .dropdown-item {
            color: rgba(var(--badge-light-color),1);
          }
          &:hover {
            background-color: rgba(var(--light-background),1);
          }
        }
        .no-results {
          font-size: 0.875rem;
          line-height: 1.25rem;
        }
      }
    }
  }
  .details-bookmark {
    .grid {
      > div {
        + div {
          padding-right: 15px;
        }
      }
    }
  }
  .left-bookmark {
    height: 700px;
  }
  .left-bookmark {
    ul {
      li {
        ul {
          li {
            .active {
              span {
                color: rgba(var(--theme-default),1);
              }
            }
          }
        }
        button {
          cursor: pointer;
        }
        button {
          border-color: none;
        }
        button:focus {
          --tw-shadow-color: unset;
          --tw-shadow: var(--tw-shadow-colored);
        }
        button {
          &:focus {
            outline: none;
          }
        }
        svg {
          height: 18px;
        }
        svg {
          width: 18px;
        }
        svg {
          vertical-align: -4px;
        }
        > .main-title {
          display: block;
        }
        > .main-title {
          margin-bottom: 5px;
        }
        > .main-title {
          display: block;
        }
        > .main-title {
          font-size: 1rem;
          line-height: 1.5rem;
        }
        > .main-title {
          font-weight: 500;
        }
        > .main-title {
          color: rgba(var(--theme-default),1);
        }
        > .main-title {
          span {
            a {
              &:hover {
                background-color: var(--transparent-color);
              }
            }
          }
          svg {
            stroke-width: 1px;
          }
          svg {
            color: rgba(var(--theme-font-color),1);
          }
        }
        a {
          > .title {
            text-transform: capitalize;
          }
        }
      }
    }
  }
  &.todo-wrap {
    .left-bookmark {
      height: unset;
    }
  }
}

.form-bookmark {
  a {
    font-weight: 500;
  }
  a {
    text-transform: capitalize;
  }
  a {
    line-height: 1;
  }
  a {
    color: rgba(var(--theme-default),1);
  }
  a:hover {
    background-color: var(--transparent-color);
  }
  input {
    &#index_var {
      display: none;
    }
  }
  input,
    select,
    textarea {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  input,
    select,
    textarea {
    color: rgba(var(--badge-light-color),0.8);
  }
  .select2-container {
    .select2-selection--single {
      --tw-border-opacity: 1;
      border-color: rgb(206 212 218 / var(--tw-border-opacity, 1));
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          > .select2 {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > .select2 {
              width: 90%;
            }
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          > .select2 {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > .select2 {
              width: 90%;
            }
          }
        }
      }
    }
  }
  .select2 {
    width: 100%;
  }
  .error {
    margin: 0px !important;
  }
  .error {
    margin: 0px;
  }
  .error {
    font-size: 11px;
  }
  .error {
    color: rgba(var(--danger-color),1);
  }
  button {
    margin-top: 18px;
  }
  .bootstrap-select {
    .dropdown-toggle {
      margin: 0px !important;
    }
    .dropdown-toggle {
      margin: 0px;
    }
  }
  &.was-validated {
    .bootstrap-select {
      select {
        &:valid + .dropdown-toggle {
          border-color: rgba(var(--success-color),1);
        }
      }
    }
  }
}

.bookmark-tabcontent {
  .details-bookmark {
    height: auto;
  }
  .details-bookmark {
    min-height: 359px;
  }
  .details-bookmark {
    .bookmark-card {
      position: relative;
    }
    .bookmark-card {
      &.card {
        .favourite-icon {
          position: absolute;
        }
        .favourite-icon {
          right: 15px;
        }
        .favourite-icon {
          top: 15px;
        }
        .favourite-icon {
          width: 30px;
        }
        .favourite-icon {
          border-radius: 0.25rem;
        }
        .favourite-icon {
          background-color: rgba(var(--black),0.2);
        }
        .favourite-icon {
          padding: 3px;
        }
        .favourite-icon {
          opacity: 0;
        }
        .favourite-icon {
          transition-property: 0.5s;
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-duration: 150ms;
        }
        .favourite-icon {
          i {
            font-size: 1rem;
            line-height: 1.5rem;
          }
          i {
            color: rgba(var(--white),1) !important;
          }
          i {
            vertical-align: -1px;
          }
          &.favourite {
            i {
              color: rgba(var(--warning-color),1) !important;
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                > .desciption-data {
                  width: 90%;
                }
              }
            }
          }

           {
             {
               {
                 {
                  > .desciption-data {
                    width: 90%;
                  }
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                > .desciption-data {
                  width: 90%;
                }
              }
            }
          }

           {
             {
               {
                 {
                  > .desciption-data {
                    width: 90%;
                  }
                }
              }
            }
          }
        }
        .desciption-data {
          width: 100%;
        }
        .desciption-data {
          .content-general {
            display: none;
          }
        }
        .title-bookmark {
          position: relative;
        }
        .title-bookmark {
          border-top-width: 1px;
        }
        .title-bookmark {
          border-style: solid;
        }
        .title-bookmark {
          border-top-color: rgba(var(--light-color),1);
        }
        .title-bookmark {
          padding: 15px;
        }
        .title-bookmark {
          text-align: left;
        }
        .title-bookmark {
          h6 {
            display: block;
          }
          h6 {
            margin-left: auto;
            margin-right: auto;
          }
          h6 {
            margin-top: 0px;
            margin-bottom: 0px;
          }
          h6 {
            display: block;
          }
          h6 {
            max-width: 100%;
          }
          h6 {
            overflow: hidden;
          }
          h6 {
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
          }
          h6 {
            overflow: hidden;
          }
          h6 {
            text-overflow: ellipsis;
          }
          h6 {
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
          }
          p {
            animation: displayTransition 1s;
          }
          p {
            overflow-wrap: break-word;
          }
          @media (max-width: 575px) {
             {
               {
                 {
                  > .hover-block {
                    width: 90%;
                  }
                }
              }
            }

             {
               {
                 {
                   {
                    > .hover-block {
                      width: 90%;
                    }
                  }
                }
              }
            }
          }
          @media (max-width: 575px) {
             {
               {
                 {
                  > .hover-block {
                    width: 90%;
                  }
                }
              }
            }

             {
               {
                 {
                   {
                    > .hover-block {
                      width: 90%;
                    }
                  }
                }
              }
            }
          }
          .hover-block {
            position: absolute;
          }
          .hover-block {
            left: 0px;
          }
          .hover-block {
            top: 30px;
          }
          .hover-block {
            width: 100%;
          }
          .hover-block {
            padding: 15px;
          }
          .hover-block {
            opacity: 0;
          }
          .hover-block {
            ul {
              li {
                display: inline-block;
              }
              li {
                + li {
                  margin-left: 5px;
                }
                svg {
                  height: 1rem;
                }
                svg {
                  width: 1rem;
                }
                svg {
                  color: rgba(var(--dark-gray),1);
                }
              }
            }
          }
        }
        &:hover {
          --tw-shadow: 1px 4px 16px 3px rgba(var(--black),0.04);
          --tw-shadow-colored: 1px 4px 16px 3px var(--tw-shadow-color);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
        }
        &:hover {
          transition-property: 0.5s;
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-duration: 150ms;
        }
        &:hover {
          .title-bookmark {
            p {
              opacity: 0;
            }
            .hover-block {
              animation: displayTransition 2s;
            }
            .hover-block {
              opacity: 1;
            }
          }
          .favourite-icon {
            opacity: 1;
          }
        }
      }
    }
    &.list-bookmark {
      .grid {
        @media (min-width: 576px) {
           {
             {
              > div {
                grid-column: span 12 / span 12 !important;
              }
            }
          }
        }
        > div {
          grid-column: span 12 / span 12 !important;
        }
      }
      .bookmark-card {
        .desciption-data {
          .content-general {
            display: block;
          }
          .content-general {
            display: block;
          }
        }
        @media (min-width: 1200px) {
           {
             {
               {
                .details-website {
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                .details-website {
                }
              }
            }
          }
        }
        .details-website {
          display: flex;
        }
        .details-website {
          align-items: center;
        }
        .details-website {
          .title-bookmark {
            p {
              opacity: 1;
            }
          }
          .title-bookmark {
            .hover-block {
              position: absolute;
            }
            .hover-block {
              right: 30px;
            }
            .hover-block {
              text-align: right;
            }
            .hover-block {
              opacity: 1;
            }
          }
        }
        &.card {
          .title-bookmark {
            border-top: none;
            p,
              h6 {
              margin-top: 0 !important;
            }
            p,
              h6 {
              margin-top: 0px;
            }
            p,
              h6 {
              display: inline-block;
            }
            p,
              h6 {
              cursor: pointer;
            }
            h6 {
              position: relative;
            }
            h6 {
              margin-bottom: -5px;
            }
            h6 {
              padding-right: 15px;
            }
            h6::after {
              content: var(--tw-content);
              position: absolute;
            }
            h6::after {
              content: var(--tw-content);
              right: 0px;
            }
            h6::after {
              content: var(--tw-content);
              color: rgba(var(--dark-gray),1);
            }
            h6::after {
              --tw-content: "-";
              content: var(--tw-content);
            }
            .content-general {
              margin-top: 5px;
            }
            .content-general {
              p {
                margin-right: 1.25rem;
              }
              p {
                width: 68%;
              }
            }
          }
        }
        img {
          width: 20%;
        }
      }
    }
  }
  .tab-content {
    .card {
      .flex {
        justify-content: space-between;
      }
      .flex {
        svg.table {
          white-space: pre-wrap !important;
        }
        svg {
          height: 18px;
        }
        svg {
          width: 18px;
        }
        svg {
          vertical-align: middle;
        }
        ul {
          li {
            display: inline-block;
          }
          li {
            cursor: pointer;
          }
          li {
            + li {
              margin-left: 5px;
            }
          }
        }
      }
    }
  }
}

@media (max-width: 575px) {
  .bookmark-tabcontent {
    .details-bookmark {
      &.list-bookmark {
        .bookmark-card {
          @media (max-width: 575px) {
             {
               {
                 {
                  > img {
                    width: 90%;
                  }
                }
              }
            }

             {
               {
                 {
                   {
                    > img {
                      width: 90%;
                    }
                  }
                }
              }
            }
          }
          @media (max-width: 575px) {
             {
               {
                 {
                  > img {
                    width: 90%;
                  }
                }
              }
            }

             {
               {
                 {
                   {
                    > img {
                      width: 90%;
                    }
                  }
                }
              }
            }
          }
          img {
            width: 100%;
          }
          .details-website {
            display: block;
          }
          .details-website {
            display: block;
          }
          .details-website {
            .title-bookmark {
              padding-left: 15px;
            }
            .title-bookmark {
              .hover-block {
                padding: 0 !important;
              }
              .hover-block {
                position: relative;
              }
              .hover-block {
                right: unset;
              }
              .hover-block {
                top: unset;
              }
              .hover-block {
                padding: 0px;
              }
              .hover-block {
                text-align: left;
              }
              .content-general {
                display: none;
              }
              p,
                h6 {
                display: block;
              }
              p,
                h6 {
                display: block;
              }
              h6 {
                &::after {
                  display: none;
                }
              }
              p {
                margin-top: 15px;
              }
            }
          }
        }
      }
    }
  }

  .modal-bookmark {
    .modal-body,
      .modal-header {
      padding: 20px;
    }
  }

  .bookmark-wrap {
    .left-bookmark {
      ul {
        li {
          text-align: start;
        }
        li {
          > .main-title {
            text-align: start;
          }
        }
      }
    }
  }
}

@keyframes displayTransition {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.email-wrap {
  .grid {
    .col-span-3 {
      + .col-span-3 {
        padding-right: 0px;
      }
    }
    .col-xl-6 {
      padding-left: 0px;
    }
  }
  .dropdown {
    .dropdown-toggle {
      width: 100px;
    }
    .dropdown-toggle {
      border-radius: 10px;
    }
    .dropdown-toggle {
      background-color: rgba(115,102,255,0.08);
    }
    .dropdown-toggle {
      padding-left: 0.625rem;
      padding-right: 0.625rem;
    }
    .dropdown-toggle {
      padding-top: 5px;
      padding-bottom: 5px;
    }
    .dropdown-toggle {
      text-align: left;
    }
    .dropdown-toggle {
      color: rgba(var(--theme-default),1);
    }
    .dropdown-toggle::after {
      content: var(--tw-content);
    }
    .dropdown-toggle::after {
      margin: 0px !important;
    }
    .dropdown-toggle::after {
      content: var(--tw-content);
      position: absolute;
    }
    .dropdown-toggle::after {
      content: var(--tw-content);
      right: 0.625rem;
    }
    .dropdown-toggle::after {
      content: var(--tw-content);
      top: 50%;
    }
    .dropdown-toggle::after {
      content: var(--tw-content);
      margin: 0px;
    }
    .dropdown-toggle::after {
      content: var(--tw-content);
      --tw-translate-y: -50%;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    .dropdown-toggle::after {
      content: var(--tw-content);
      border-color: none;
    }
    .dropdown-toggle::after {
      content: var(--tw-content);
      font-size: 1.125rem;
      line-height: 1.75rem;
    }
    .dropdown-toggle::after {
      --tw-content: "\f107";
      content: var(--tw-content);
    }
    .dropdown-toggle {
      &:after {
        -webkit-transform: translateY(-50%);
        font-family: "FontAwesome";
        display: none;
      }
    }
    .dropdown-menu {
      padding: 0 !important;
    }
    .dropdown-menu {
      border-color: none;
    }
    .dropdown-menu {
      padding: 0px;
    }
    .dropdown-menu {
      --tw-shadow: 0 0 20px rgba(89,102,122,0.1);
      --tw-shadow-colored: 0 0 20px var(--tw-shadow-color);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
    .dropdown-menu {
      -webkit-box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
      .dropdown-item {
        border-top-width: 1px;
      }
      .dropdown-item {
        border-style: solid;
      }
      .dropdown-item {
        border-top-color: rgba(var(--chart-border),1);
      }
      .dropdown-item {
        background-color: rgba(var(--white),1);
      }
      .dropdown-item {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
      }
      .dropdown-item {
        padding-top: 0.375rem;
        padding-bottom: 0.375rem;
      }
      .dropdown-item {
        font-size: 13px;
      }
      .dropdown-item {
        line-height: 19px;
      }
      .dropdown-item {
        color: rgba(var(--dark-editor-document),1);
      }
      .dropdown-item {
        opacity: 0.6;
      }
      .dropdown-item:hover {
        background-color: rgba(var(--white),1);
      }
    }
  }
  .email-app-sidebar {
    .flex {
      img {
        border-width: 2px !important;
      }
      img {
        border-width: 2px;
      }
      img {
        border-style: solid;
      }
      img {
        border-color: rgba(var(--light-gray),1);
      }
    }
    .main-menu {
      @media (max-width: 575px) {
         {
           {
             {
              > > li {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > > li {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              > > li {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > > li {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      > li {
        width: 100%;
      }
      > li {
        text-align: left;
      }
      > li {
        a {
          padding: 0 !important;
        }
        a {
          border-radius: 3px;
        }
        a {
          padding: 0px;
        }
        a {
          text-transform: uppercase;
        }
        a {
          line-height: 34px !important;
        }
        a:hover {
          background-color: rgba(var(--light2),1);
        }
        a:hover {
          text-decoration-line: none;
        }
        a {
          i {
            margin-right: 0.625rem;
          }
          &.active {
            > a {
              color: rgba(var(--black),1);
            }
          }
        }
        ul {
          padding: 1rem !important;
        }
        ul {
          background-color: rgba(var(--light-background),1);
        }
        ul {
          padding: 0.75rem;
        }
        ul {
          list-style: disc;
          li {
            margin-left: 45px;
          }
          li:first-child {
            margin-left: 0px;
          }
          li {
            &:first-child {
              list-style: none;
            }
          }
          &.tag-names {
            margin: 0px !important;
          }
          @media (min-width: 1200px) {
             {
               {
                 {
                  &.tag-names {
                  }
                }
              }
            }
          }
          @media (max-width: 575px) {
             {
               {
                 {
                  &.tag-names {
                  }
                }
              }
            }
          }
          &.tag-names {
            margin: 0px;
          }
          &.tag-names {
            display: flex;
          }
          &.tag-names {
            flex-wrap: wrap;
          }
          &.tag-names {
            gap: 0.625rem;
          }
          &.tag-names {
            padding: 18px;
          }
          &.tag-names {
            list-style: none;
            li {
              margin: 0px !important;
            }
            li {
              margin: 0px !important;
            }
            li:last-child {
              margin-bottom: 0 !important;
            }
            li:last-child {
              margin-bottom: 0px;
            }
            li {
              .title {
                &.badge {
                  width: auto;
                }
                &.badge {
                  padding-left: 0.75rem;
                  padding-right: 0.75rem;
                }
                &.badge {
                  padding-top: 0.375rem;
                  padding-bottom: 0.375rem;
                }
                &.badge {
                  font-size: 0.75rem;
                  line-height: 1rem;
                }
                &.badge {
                  color: rgba(var(--white),1);
                }
              }
            }
          }
        }
      }
    }
    ul {
      li {
        @media (min-width: 1200px) {
           {
             {
               {
                a {
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                a {
                }
              }
            }
          }
        }
        a {
          display: flex;
        }
        a {
          align-items: center;
        }
        a {
          padding-left: 1.25rem;
        }
        a {
          @media (max-width: 575px) {
             {
               {
                 {
                  > > .title {
                    width: 90%;
                  }
                }
              }
            }

             {
               {
                 {
                   {
                    > > .title {
                      width: 90%;
                    }
                  }
                }
              }
            }
          }
          @media (max-width: 575px) {
             {
               {
                 {
                  > > .title {
                    width: 90%;
                  }
                }
              }
            }

             {
               {
                 {
                   {
                    > > .title {
                      width: 90%;
                    }
                  }
                }
              }
            }
          }
          > .title {
            width: 100%;
          }
          > .title {
            color: rgba(var(--body-font-color),1);
          }
          > .badge {
            align-self: center;
          }
          > .badge {
            color: rgba(var(--dark-gray),1);
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          > .email-left-aside {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > .email-left-aside {
              width: 90%;
            }
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          > .email-left-aside {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > .email-left-aside {
              width: 90%;
            }
          }
        }
      }
    }
  }
  .email-left-aside {
    float: left;
  }
  .email-left-aside {
    width: 100%;
  }
  .email-left-aside {
    .card-body {
      padding: 1.25rem;
    }
  }
  .email-right-aside {
    .email-body {
      .inbox {
        overflow: auto;
      }
      .inbox {
        .flex {
          padding: 1.25rem;
        }
        .flex {
          &.active {
            background-color: rgba(var(--light-color),4%);
          }
        }
      }
    }
    .radius-left {
      height: 100%;
    }
    .radius-left {
      border-radius: 0.5rem;
    }
  }
  .btn-mail {
    margin-left: 0px;
    margin-right: 0px;
  }
  .btn-mail {
    margin-top: 20px;
  }
  .btn-mail {
    margin-bottom: 16px !important;
  }
  .btn-mail {
    border-radius: 0.125rem;
  }
  .btn-mail {
    padding-left: 15px;
    padding-right: 15px;
  }
  .btn-mail {
    padding-top: 13px;
    padding-bottom: 13px;
  }
  .btn-mail {
    text-align: left;
  }
  .btn-mail {
    line-height: .75rem;
  }
  .btn-mail {
    letter-spacing: 1px;
  }
  p {
    margin-bottom: 0 !important;
  }
  p {
    margin-bottom: 0px;
  }
  p {
    color: rgba(var(--dark-gray),1);
  }
  .grow {
    margin-top: 5px;
  }
  .grow {
    h6 {
      margin-top: 3px;
    }
    h6 {
      margin-bottom: 0.125rem;
    }
    h6 {
      font-weight: 400;
    }
    h6 {
      color: rgba(var(--theme-font-color),1);
    }
    h6 {
      small {
        font-size: 0.75rem;
        line-height: 1rem;
      }
      small {
        span {
          --tw-text-opacity: 1;
          color: rgb(119 119 119 / var(--tw-text-opacity, 1));
        }
      }
    }
    p {
      font-size: 0.875rem;
      line-height: 1.25rem;
    }
    p {
      color: rgba(var(--theme-body-sub-title-color),1);
    }
  }
  .email-top {
    border-bottom-width: 1px;
  }
  .email-top {
    border-style: solid;
  }
  .email-top {
    border-bottom-color: rgba(0,0,0,0.1);
  }
  .email-top {
    padding: 1.25rem;
  }
  .email-top {
    line-height: 49px;
  }
  .email-top {
    i {
      cursor: pointer;
    }
    h5 {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
    h5 {
      margin-bottom: 0 !important;
    }
    h5 {
      margin-bottom: 0px;
    }
    h5 {
      padding-left: 0px;
      padding-right: 0px;
    }
    h5 {
      padding-top: 0.75rem;
      padding-bottom: 0.75rem;
    }
    .flex {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
    .flex {
      padding-left: 0px;
      padding-right: 0px;
    }
    .flex {
      padding-top: 13px;
      padding-bottom: 13px;
    }
  }
  .email-wrapper {
    padding: 1.25rem;
  }
  .email-wrapper {
    hr {
      margin-top: 0 !important;
    }
    hr {
      margin-top: 0px;
    }
    hr {
      margin-bottom: 1.25rem;
    }
    @media (max-width: 575px) {
       {
         {
           {
            > .d-inline-block {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > .d-inline-block {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > .d-inline-block {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > .d-inline-block {
                width: 90%;
              }
            }
          }
        }
      }
    }
    .d-inline-block {
      width: 100%;
    }
    h6 {
      float: left;
    }
    h6 {
      margin-bottom: 11px;
    }
    .right-download {
      float: right;
    }
    p {
      + p {
        margin-bottom: 1.25rem;
      }
    }
    h5 {
      margin-bottom: 1.25rem;
    }
  }
  .email-body {
    .attachment {
      ul {
        li {
          img {
            margin-bottom: 1.25rem;
          }
          img {
            height: 5rem;
          }
          img {
            width: 5rem;
          }
          img {
            -o-object-fit: cover;
               object-fit: cover;
          }
        }
      }
      .list-inline {
        .list-inline-item {
          padding-right: 13px;
        }
      }
    }
    .email-compose {
      .cke_contents {
        @media (max-width: 575px) {
           {
             {
               {
                > &.cke_reset {
                  width: 90%;
                }
              }
            }
          }

           {
             {
               {
                 {
                  > &.cke_reset {
                    width: 90%;
                  }
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                > &.cke_reset {
                  width: 90%;
                }
              }
            }
          }

           {
             {
               {
                 {
                  > &.cke_reset {
                    width: 90%;
                  }
                }
              }
            }
          }
        }
        &.cke_reset {
          max-height: 178px;
        }
        &.cke_reset {
          width: 100%;
        }
        &.cke_reset {
          border-width: 1px;
        }
        &.cke_reset {
          border-style: solid;
        }
        &.cke_reset {
          border-color: rgba(var(--form-control-border-color),1);
        }
      }
      .email-top {
        h4 {
          padding-left: 0 !important;
          padding-right: 0 !important;
        }
        h4 {
          padding-left: 0px;
          padding-right: 0px;
        }
        h4 {
          padding-top: 11px;
          padding-bottom: 11px;
        }
      }
    }
  }
}

.user-profile {
  .hovercard {
    .info {
      &.market-tabs {
        padding-left: 0 !important;
        padding-right: 0 !important;
      }
      &.market-tabs {
        padding-bottom: 0 !important;
      }
      &.market-tabs {
        padding-left: 0px;
        padding-right: 0px;
      }
      &.market-tabs {
        padding-top: 1.25rem;
      }
      &.market-tabs {
        padding-bottom: 0px;
      }
    }
  }
  .card-footer {
    > div {
      h3 {
        font-size: 1rem;
        line-height: 1.5rem;
      }
    }
  }
}

.market-tabs {
  .border-tab {
    &.tab-links {
      .tab-link {
        &.active {
          border-bottom-color: none;
        }
        &.active {
          background-color: rgba(var(--white),1);
        }
        &.active {
          color: rgba(var(--theme-default),1);
        }
      }
    }
  }
  .nav {
    justify-content: center;
  }
  .nav {
    gap: 0.75rem;
  }
  .nav {
    @media (max-width: 575px) {
       {
         {
           {
            > li {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > li {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > li {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > li {
                width: 90%;
              }
            }
          }
        }
      }
    }
    li {
      width: 100%;
    }
    li {
      .tab-link {
        display: block;
      }
      .tab-link {
        display: block;
      }
      .tab-link {
        height: 81px;
      }
      .tab-link {
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
      }
      .tab-link {
        padding-top: 30px;
      }
      .tab-link {
        font-size: 1rem;
        line-height: 1.5rem;
      }
      .tab-link {
        font-weight: 500;
      }
    }
  }
}

.tabs-social {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
  border-bottom-color: none;
  li {
    a {
      font-weight: 600;
    }
    a {
      svg {
        circle {
          color: rgba(var(--light-text),1);
        }
      }
    }
  }
}

.default-according {
  &.style-1 {
    .social-network {
      button {
        padding: 0 !important;
      }
      button {
        height: 2.75rem;
      }
      button {
        width: 2.75rem;
      }
      button {
        border-radius: 0.25rem;
      }
      button {
        padding: 0px;
      }
      button {
        i {
          margin-right: 0px;
        }
      }
      span {
        margin-bottom: 8px !important;
      }
      span {
        display: block;
      }
      span {
        margin-bottom: 0.5rem;
      }
      span {
        display: block;
      }
    }
  }
}

.social-list {
  @media (min-width: 1200px) {
     {
       {
         {
          .social-flex {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .social-flex {
          }
        }
      }
    }
  }
  .social-flex {
    margin-bottom: 1.25rem;
  }
  .social-flex {
    display: flex;
  }
  .social-flex {
    align-items: center;
  }
  .social-flex:last-child {
    margin-bottom: 0 !important;
  }
  .social-flex:last-child {
    margin-bottom: 0px;
  }
  .social-flex {
    .grow {
      a {
        color: rgba(var(--light-text),1);
      }
      span {
        font-weight: 500;
      }
      &:hover {
        a {
          color: rgba(var(--theme-default),1);
        }
      }
    }
  }
}

.photos {
  ul {
    li {
      margin-right: 0.625rem;
    }
    li {
      margin-bottom: 0.625rem;
    }
    li {
      display: inline-block;
    }
    li {
      width: 70px;
    }
    li {
      &:nth-child(4n) {
        margin-right: 0px;
      }
    }
  }
}

.new-users-social {
  margin-bottom: 30px;
  svg {
    cursor: pointer;
  }
  svg {
    circle {
      color: rgba(var(--light-text),1);
    }
  }
  .flex {
    align-items: center;
  }
  .flex {
    img {
      width: 58px;
    }
    .grow {
      margin-top: 0.625rem;
    }
  }
}

.like-content {
  span {
    i {
      font-size: 0.875rem;
      line-height: 1.25rem;
    }
  }
}

.timeline-content {
  p {
    margin-top: 30px;
  }
  p {
    color: rgba(var(--badge-light-color),0.6);
  }
  .comment-number {
    i {
      margin-left: 0.375rem;
      margin-right: 0.375rem;
    }
    i {
      margin-top: 0px;
      margin-bottom: 0px;
    }
    i {
      color: rgba(var(--light-text),1);
    }
    + .comment-number {
      padding-right: 0.75rem;
    }
  }
  .comments-box {
    margin-top: 30px;
  }
  .comments-box {
    .input-group {
      margin-top: 0.375rem;
    }
    .input-group {
      align-items: center;
    }
    .input-group {
      background-color: rgba(var(--light-semi-gray),0.4);
    }
    .input-group {
      .input-txt-bx {
        border-width: 0px !important;
      }
      .input-txt-bx {
        background-color: rgba(var(--light-semi-gray),0.1);
      }
      .input-txt-bx {
        &::-moz-placeholder {
          color: rgba(var(--badge-light-color),1);
        }
        &::placeholder {
          color: rgba(var(--badge-light-color),1);
        }
      }
      .input-group-append {
        .btn {
          &:active {
            border-color: var(--transparent-color);
          }
          @media (min-width: 1200px) {
             {
               {
                 {
                  i {
                  }
                }
              }
            }
          }
          @media (max-width: 575px) {
             {
               {
                 {
                  i {
                  }
                }
              }
            }
          }
          i {
            display: flex;
          }
          i {
            font-size: calc( 18px + (20 - 18) * ((100vw - 320px) / (1920 - 320)) );
          }
          i {
            color: rgba(var(--light-text),1);
          }
        }
      }
      .btn {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
      }
      .btn {
        padding-top: 0px;
        padding-bottom: 0px;
      }
      .btn {
        padding-left: 0px;
      }
      .btn {
        padding-right: 1.75rem;
      }
      .btn {
        vertical-align: -3px;
      }
    }
  }
}

.social-chat {
  margin-top: 30px;
  span {
    span {
      font-family: normal;
    }
    span {
      font-size: 0.75rem;
      line-height: 1rem;
    }
    span {
      color: rgba(var(--badge-light-color),0.6);
    }
  }
  .grow {
    position: relative;
  }
  .grow {
    border-width: 1px;
  }
  .grow {
    border-style: solid;
  }
  .grow {
    border-color: rgba(var(--badge-light-color),0.2);
  }
  .grow {
    padding: 1.25rem;
  }
  .grow::before {
    content: var(--tw-content);
    position: absolute;
  }
  .grow::before {
    content: var(--tw-content);
    right: 100%;
  }
  .grow::before {
    content: var(--tw-content);
    top: 19px;
  }
  .grow::before {
    content: var(--tw-content);
    border-width: 7px;
  }
  .grow::before {
    content: var(--tw-content);
    border-style: solid;
  }
  .grow::before {
    content: var(--tw-content);
    border-color: transparent;
  }
  .grow::before {
    content: var(--tw-content);
    border-right-color: rgba(var(--semi-dark),1);
  }
  .grow::before {
    --tw-content: "";
    content: var(--tw-content);
  }
  .grow::after {
    content: var(--tw-content);
    position: absolute;
  }
  .grow::after {
    content: var(--tw-content);
    right: 100%;
  }
  .grow::after {
    content: var(--tw-content);
    top: 19px;
  }
  .grow::after {
    content: var(--tw-content);
    border-width: 7px;
  }
  .grow::after {
    content: var(--tw-content);
    border-style: solid;
  }
  .grow::after {
    content: var(--tw-content);
    border-color: transparent;
  }
  .grow::after {
    content: var(--tw-content);
    border-right-color: rgba(var(--white),1);
  }
  .grow::after {
    --tw-content: "";
    content: var(--tw-content);
  }
  .grow {
    p {
      margin-top: 5px;
    }
  }
  .your-msg,
    .other-msg {
    margin-bottom: 30px;
  }
  .other-msg {
    margin-left: 2.5rem;
  }
}

.socialprofile {
  span {
    color: rgba(var(--light-text),1);
  }
  .social-btngroup {
    margin-left: 0px;
    margin-right: 0px;
  }
  .social-btngroup {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }
  .likes-profile {
    h5 {
      span {
        color: rgba(var(--theme-body-font-color),1);
      }
    }
  }
  .social-group {
    margin-top: 20px !important;
  }
  .social-group {
    ul {
      li {
        &:nth-child(4) {
          margin-left: -22px;
        }
      }
    }
  }
}

.social-status {
  form {
    .form-group {
      .form-control-social {
        margin-bottom: 30px;
      }
      .form-control-social {
        border-width: 1px;
      }
      .form-control-social {
        border-style: solid;
      }
      .form-control-social {
        border-color: rgba(var(--light-color),1);
      }
      .form-control-social {
        padding-left: 15px;
      }
    }
  }
  .flex {
    position: relative;
  }
  .flex {
    margin-bottom: 30px;
  }
  .flex {
    align-items: center;
  }
  .flex:last-child {
    margin-bottom: 0 !important;
  }
  .flex:last-child {
    margin-bottom: 0px;
  }
  .flex {
    .social-status {
      position: absolute;
    }
    .social-status {
      left: 35px;
    }
    .social-status {
      bottom: 0px;
    }
    .social-status {
      height: 12px;
    }
    .social-status {
      width: 12px;
    }
    .social-status {
      border-radius: 100%;
    }
    .social-status {
      background-color: rgba(var(--white),1);
    }
    .social-status {
      --tw-content: "";
      content: var(--tw-content);
    }
    .social-online {
      border-width: 3px;
    }
    .social-online {
      border-style: solid;
    }
    .social-online {
      border-color: rgba(var(--success-color),1);
    }
    .social-busy {
      border-width: 3px;
    }
    .social-busy {
      border-style: solid;
    }
    .social-busy {
      border-color: rgba(var(--theme-default),1);
    }
    .social-offline {
      border-width: 3px;
    }
    .social-offline {
      border-style: solid;
    }
    .social-offline {
      border-color: rgba(var(--semi-dark),1);
    }
    .grow {
      p {
        margin-bottom: 5px !important;
      }
      p {
        color: rgba(var(--badge-light-color),0.6);
      }
      span {
        + span {
          color: rgba(var(--badge-light-color),0.6);
        }
      }
      .light-span {
        color: rgba(var(--badge-light-color),0.6);
      }
    }
  }
}

.social-header {
  h5 {
    span {
      &:first-child {
        line-height: 1.48;
      }
      svg {
        vertical-align: -4px;
        circle {
          color: rgba(var(--light-text),1);
        }
      }
    }
  }
}

.details-about {
  + .details-about {
    margin-top: 30px;
  }
  .your-details {
    p {
      margin-bottom: 24px !important;
    }
    p {
      margin-bottom: 1rem;
    }
    p {
      color: rgba(var(--badge-light-color),0.6);
    }
  }
}

.avatar-showcase {
  .friend-pic {
    margin-right: 0.5rem;
  }
  .friend-pic {
    margin-bottom: 0.625rem;
  }
  .pepole-knows {
    ul {
      li {
        margin-right: 1.25rem;
      }
      li {
        margin-bottom: 0.625rem;
      }
      li {
        display: inline-block;
      }
      li:last-child {
        margin-right: 0px;
      }
      li {
        .add-friend {
          h6 {
            margin-top: 3px;
          }
        }
      }
    }
  }
}

.activity-log {
  .my-activity {
    + .my-activity {
      margin-top: 30px;
    }
    p {
      margin-bottom: 5px;
    }
    p {
      span {
        svg {
          height: 15px;
        }
        svg {
          width: 15px;
        }
      }
    }
  }
}

.filter-cards-view {
  p {
    margin-bottom: 24px !important;
  }
  p {
    margin-bottom: 1rem;
  }
}

.social-app-profile {
  .tab-pane {
    .social-details {
      .social-follow {
        li {
          span {
            display: block;
          }
          span {
            margin-left: auto;
            margin-right: auto;
          }
          span {
            margin-top: 0px;
            margin-bottom: 0px;
          }
          span {
            display: block;
          }
          span {
            max-width: 100%;
          }
          span {
            overflow: hidden;
          }
          span {
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
          }
          @media (max-width: 575px) {
             {
               {
                 {
                  > span {
                    width: 90%;
                  }
                }
              }
            }

             {
               {
                 {
                   {
                    > span {
                      width: 90%;
                    }
                  }
                }
              }
            }
          }
          @media (max-width: 575px) {
             {
               {
                 {
                  > span {
                    width: 90%;
                  }
                }
              }
            }

             {
               {
                 {
                   {
                    > span {
                      width: 90%;
                    }
                  }
                }
              }
            }
          }
          span {
            width: 100%;
          }
          span {
            overflow: hidden;
          }
          span {
            text-overflow: ellipsis;
          }
          span {
            white-space: nowrap;
          }
        }
      }
    }
    .faq-accordion,
      .job-accordion {
      .card-header {
        .btn {
          font-size: 1rem;
          line-height: 1.5rem;
        }
        .btn {
          font-weight: 600;
        }
      }
      .filter-cards-view {
        p {
          margin-bottom: 24px !important;
        }
        p {
          margin-bottom: 1rem;
        }
        .page-notification {
          .grow {
            span {
              font-size: 13px;
            }
          }
        }
        .grow {
          span {
            font-size: 0.875rem;
            line-height: 1.25rem;
          }
          span {
            font-weight: 500;
          }
        }
      }
    }
    .job-accordion {
      .filter-cards-view {
        span {
          font-size: 0.875rem;
          line-height: 1.25rem;
        }
        span {
          font-weight: 500;
        }
        p {
          color: rgba(var(--theme-body-font-color),0.9);
        }
      }
    }
  }
}

.social-app-profile1 {
  .collapse {
    visibility: visible;
  }
  .social-app-profile {
    .gallery-with-description {
      .caption {
        ul {
          display: grid;
        }
        ul > div {
          position: relative;
        }
        @media (max-width: 575px) {
           {
             {
               {
                ul {
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                ul {
                }
              }
            }
          }
        }
        ul {
          display: grid;
        }
        ul {
          grid-template-columns: 1fr 1fr 1fr;
        }
        ul {
          li {
            text-align: center;
          }
          @media (max-width: 575px) {
             {
               {
                 {
                  > li {
                    width: 90%;
                  }
                }
              }
            }

             {
               {
                 {
                   {
                    > li {
                      width: 90%;
                    }
                  }
                }
              }
            }
          }
          @media (max-width: 575px) {
             {
               {
                 {
                  > li {
                    width: 90%;
                  }
                }
              }
            }

             {
               {
                 {
                   {
                    > li {
                      width: 90%;
                    }
                  }
                }
              }
            }
          }
          @media (max-width: 767px) {
             {
              li {
              }
            }
          }
          li {
            width: 100%;
          }
          li {
            text-align: center;
          }
          li {
            + li {
              border-left-width: 1px;
            }
            + li {
              border-style: solid;
            }
            + li {
              border-left-color: rgba(var(--light-gray),1);
            }
            span {
              margin-left: 0.375rem;
            }
            span {
              color: rgba(var(--light-text),1);
            }
            i {
              color: rgba(var(--light-text),1);
            }
          }
        }
      }
    }
    .social-friends {
      .social-profile {
        text-align: left;
      }
      .social-profile {
        @media (min-width: 1200px) {
           {
             {
               {
                .common-social-box {
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                .common-social-box {
                }
              }
            }
          }
        }
        .common-social-box {
          display: flex;
        }
        .common-social-box {
          align-items: center;
        }
        .common-social-box {
          justify-content: flex-start;
        }
        .common-social-box {
          gap: 0.75rem;
        }
        .common-social-box {
          .social-img {
            img {
              height: calc(40px + (50 - 40) * ((100vw - 320px) / (1920 - 320)));
            }
          }
          .edit-icon {
            right: calc(-2px + (0 - (-2)) * ((100vw - 320px) / (1920 - 320)));
          }
          .edit-icon {
            bottom: calc(-2px + (0 - (-2)) * ((100vw - 320px) / (1920 - 320)));
          }
          .edit-icon {
            svg {
              height: calc(18px + (20 - 18) * ((100vw - 320px) / (1920 - 320)));
            }
            svg {
              width: calc(18px + (20 - 18) * ((100vw - 320px) / (1920 - 320)));
            }
          }
        }
        .social-details {
          .social-follow {
            text-align: center;
          }
          .social-follow {
            text-align: center;
          }
          @media (max-width: 767px) {
             {
              .social-follow {
              }
            }
          }
          @media (max-width: 767px) {
             {
              .social-follow {
              }
            }
          }
          .social-follow {
            text-align: center;
          }
          .social-follow {
            text-align: center;
          }
          .social-follow {
            li {
              position: relative;
            }
          }
          .card-social {
            gap: 22px;
          }
        }
        @media (min-width: 1200px) {
           {
             {
               {
                .card-social {
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                .card-social {
                }
              }
            }
          }
        }
        .card-social {
          position: relative;
        }
        .card-social {
          z-index: 0;
        }
        .card-social {
          margin-top: 0.625rem;
        }
        .card-social {
          display: flex;
        }
        .card-social {
          align-items: center;
        }
        .card-social {
          gap: 13px;
        }
        .card-social {
          padding-top: 15px;
        }
        .card-social::before {
          content: var(--tw-content);
          position: absolute;
        }
        .card-social::before {
          content: var(--tw-content);
          left: 50%;
        }
        .card-social::before {
          content: var(--tw-content);
          top: 0px;
        }
        .card-social::before {
          content: var(--tw-content);
          z-index: -1;
        }
        .card-social::before {
          content: var(--tw-content);
          height: 100%;
        }
        .card-social::before {
          content: var(--tw-content);
          width: calc(100% + 40px);
        }
        .card-social::before {
          content: var(--tw-content);
          --tw-translate-x: -50%;
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        }
        .card-social::before {
          content: var(--tw-content);
          border-top-width: 1px;
        }
        .card-social::before {
          content: var(--tw-content);
          border-style: solid;
        }
        .card-social::before {
          content: var(--tw-content);
          --tw-border-opacity: 1;
          border-top-color: rgb(238 238 238 / var(--tw-border-opacity, 1));
        }
        .card-social::before {
          --tw-content: "";
          content: var(--tw-content);
        }
        .card-social {
          @media (max-width: 575px) {
             {
               {
                 {
                  > li {
                    width: 90%;
                  }
                }
              }
            }

             {
               {
                 {
                   {
                    > li {
                      width: 90%;
                    }
                  }
                }
              }
            }
          }
          @media (max-width: 575px) {
             {
               {
                 {
                  > li {
                    width: 90%;
                  }
                }
              }
            }

             {
               {
                 {
                   {
                    > li {
                      width: 90%;
                    }
                  }
                }
              }
            }
          }
          li {
            width: 100%;
          }
          li {
            @media (min-width: 1200px) {
               {
                 {
                   {
                    a {
                    }
                  }
                }
              }
            }
            @media (max-width: 575px) {
               {
                 {
                   {
                    > a {
                      width: 90%;
                    }
                  }
                }
              }

               {
                 {
                   {
                     {
                      > a {
                        width: 90%;
                      }
                    }
                  }
                }
              }
            }
            @media (max-width: 575px) {
               {
                 {
                   {
                    > a {
                      width: 90%;
                    }
                  }
                }
              }

               {
                 {
                   {
                     {
                      > a {
                        width: 90%;
                      }
                    }
                  }
                }
              }
            }
            @media (max-width: 575px) {
               {
                 {
                   {
                    a {
                    }
                  }
                }
              }
            }
            a {
              display: flex;
            }
            a {
              width: 100%;
            }
            a {
              align-items: center;
            }
            a {
              justify-content: center;
            }
            a {
              border-radius: 5px;
            }
            a {
              background-color: rgba(var(--theme-default),0.1);
            }
            a {
              font-size: 15px;
            }
          }
        }
      }
    }
    .filter-cards-view {
      &.photos {
        @media (min-width: 1200px) {
           {
             {
               {
                ul {
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                ul {
                }
              }
            }
          }
        }
        ul {
          display: flex;
        }
        ul {
          flex-wrap: wrap;
        }
        ul {
          align-items: center;
        }
        ul {
          justify-content: flex-start;
        }
        ul {
          gap: 0.75rem;
        }
        ul {
          li {
            margin: 0px !important;
          }
          li {
            margin: 0px;
          }
          li {
            width: auto;
          }
          li {
            img {
              height: 55px;
            }
          }
        }
      }
    }
    .common-user-image {
      .user-image {
        .share-icons {
          inset: 0px;
        }
        .share-icons {
          position: inherit;
          li {
            margin-right: calc( 6px + (10 - 6) * ((100vw - 320px) / (1920 - 320)) );
          }
          li {
            display: inline-block;
          }
          li:last-child {
            margin-right: 0px;
          }
          li {
            .social-icon {
              text-align: center;
            }
            .social-icon.table {
              white-space: pre-wrap !important;
            }
            @media (min-width: 1200px) {
               {
                 {
                   {
                    .social-icon {
                    }
                  }
                }
              }
            }
            @media (max-width: 767px) {
               {
                .social-icon {
                }
              }
            }
            @media (max-width: 575px) {
               {
                 {
                   {
                    .social-icon {
                    }
                  }
                }
              }
            }
            .social-icon {
              display: flex;
            }
            .social-icon {
              height: calc(32px + (50 - 32) * ((100vw - 320px) / (1920 - 320)));
            }
            .social-icon {
              width: calc(32px + (50 - 32) * ((100vw - 320px) / (1920 - 320)));
            }
            .social-icon {
              align-items: center;
            }
            .social-icon {
              justify-content: center;
            }
            .social-icon {
              border-radius: 100%;
            }
            .social-icon {
              text-align: center;
            }
            .social-icon {
              vertical-align: middle;
            }
            .social-icon {
              i {
                font-size: calc( 18px + (25 - 18) * ((100vw - 320px) / (1920 - 320)) );
              }
              i {
                color: rgba(var(--white),1);
              }
              i {
                animation-duration: 2.8s;
              }
            }
          }
        }
      }
    }
  }
}

@media (min-width: 1200px) {
  .social-app-profile1 {
    .social-app-profile {
      .social-friends {
        .social-profile {
          .card-social {
            li {
              a {
                height: calc( 30px + (39 - 30) * ((100vw - 1200px) / (1920 - 1200)) );
              }
            }
          }
          .social-details {
            h5 {
              font-size: calc( 16px + (18 - 16) * ((100vw - 1200px) / (1920 - 1200)) );
            }
          }
        }
      }
    }
  }
}

@media (max-width: 1199px) {
  .social-app-profile1 {
    .social-app-profile {
      .social-friends {
        .social-profile {
          .card-social {
            li {
              a {
                height: calc( 28px + (39 - 28) * ((100vw - 320px) / (1920 - 320)) );
              }
              a {
                i {
                  font-size: calc( 14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)) );
                }
              }
            }
          }
          .social-details {
            .card-social {
              gap: 22px;
            }
          }
        }
      }
    }
  }
}

@media (max-width: 767px) {
  .market-tabs {
    .nav {
      li {
        width: auto;
      }
      li {
        .tab-link {
          height: 50px;
        }
        .tab-link {
          padding-left: 25px !important;
          padding-right: 25px !important;
        }
        .tab-link {
          padding-top: 14px !important;
          padding-bottom: 14px !important;
        }
        .tab-link {
          line-height: 1.6 !important;
        }
      }
    }
  }
}

@media (max-width: 575px) {
  .social-app-profile1 {
    .social-app-profile {
      .common-user-image {
        .user-image {
          .avatar {
            gap: 0.75rem;
          }
        }
      }
    }
  }
}

.main-file-sidebar {
  .md-sidebar {
    .md-sidebar-aside {
      .common-sort-card {
        border-radius: 0.5rem;
      }
      .common-sort-card {
        background-color: rgba(var(--light-color),0.4);
      }
      .common-sort-card {
        padding: 0.875rem;
      }
      .common-sort-card {
        li {
          .common-sort-card {
            padding-left: 0 !important;
            padding-right: 0 !important;
          }
          .common-sort-card {
            padding-bottom: 0 !important;
          }
          .common-sort-card {
            margin-top: 1rem;
          }
          .common-sort-card {
            border-radius: 0px;
          }
          .common-sort-card {
            border-top-width: 1px;
          }
          .common-sort-card {
            border-style: solid;
          }
          .common-sort-card {
            border-top-color: rgba(var(--chart-dashed-border),1);
          }
          .common-sort-card {
            padding-left: 0px;
            padding-right: 0px;
          }
          .common-sort-card {
            padding-top: 1rem;
          }
          .common-sort-card {
            padding-bottom: 0px;
          }
        }
        .files-left-icons {
          li {
            padding-bottom: 0 !important;
          }
          @media (max-width: 575px) {
             {
               {
                 {
                  > li {
                    width: 90%;
                  }
                }
              }
            }

             {
               {
                 {
                   {
                    > li {
                      width: 90%;
                    }
                  }
                }
              }
            }
          }
          @media (max-width: 575px) {
             {
               {
                 {
                  > li {
                    width: 90%;
                  }
                }
              }
            }

             {
               {
                 {
                   {
                    > li {
                      width: 90%;
                    }
                  }
                }
              }
            }
          }
          li {
            position: relative;
          }
          li {
            width: 100%;
          }
          li {
            overflow: hidden;
          }
          li {
            padding-bottom: 0px;
          }
          li {
            + li {
              margin-top: 0 !important;
            }
            + li {
              margin-top: 0px;
            }
            a {
              padding: 1rem !important;
            }
            @media (min-width: 1200px) {
               {
                 {
                   {
                    a {
                    }
                  }
                }
              }
            }
            @media (max-width: 575px) {
               {
                 {
                   {
                    a {
                    }
                  }
                }
              }
            }
            a {
              display: flex;
            }
            a {
              flex-wrap: wrap;
            }
            a {
              align-items: center;
            }
            a {
              gap: calc(6px + (12 - 6) * ((100vw - 320px) / (1920 - 320)));
            }
            a {
              padding: 0.75rem;
            }
            a {
              svg {
                height: 1.75rem;
              }
              svg {
                width: 1.75rem;
              }
              span {
                color: rgba(var(--body-font-color),1);
              }
            }
          }
          &.file-type-icons {
            li {
              a {
                justify-content: space-between;
              }
              a {
                transition-delay: 0.1s;
              }
              a:hover {
                background-color: rgba(var(--badge-light-color),0.15);
              }
              a:hover {
                transition-delay: 0.1s;
              }
              a {
                @media (min-width: 1200px) {
                   {
                     {
                       {
                        > div {
                        }
                      }
                    }
                  }
                }
                @media (max-width: 575px) {
                   {
                     {
                       {
                        > div {
                        }
                      }
                    }
                  }
                }
                > div {
                  display: flex;
                }
                > div {
                  align-items: center;
                }
                > div {
                  justify-content: center;
                }
                > div {
                  gap: 0.75rem;
                }
              }
              &:last-child {
                a {
                  border-bottom-color: unset;
                }
              }
            }
          }
        }
      }
    }
  }
}

.file-manager-grid {
  display: grid;
}

.file-manager-grid > div {
  position: relative;
}

@media (max-width: 575px) {
   {
     {
       {
        .file-manager-grid {
        }
      }
    }
     {
       {
        > .file-manager-grid {
          width: 90%;
        }
      }
    }
     {
       {
         {
          > .file-manager-grid {
            width: 90%;
          }
        }
      }
    }
     {
       {
        > .file-manager-grid {
          width: 90%;
        }
      }
    }
     {
       {
         {
          > .file-manager-grid {
            width: 90%;
          }
        }
      }
    }
     {
       {
        .file-manager-grid {
        }
      }
    }
  }
}

.file-manager-grid {
  position: relative;
  display: grid;
  width: 100%;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  gap: calc(10px + (16 - 10) * ((100vw - 320px) / (1920 - 320)));
  @media (max-width: 575px) {
     {
       {
         {
          > .common-space {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > .common-space {
              width: 90%;
            }
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          > .common-space {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > .common-space {
              width: 90%;
            }
          }
        }
      }
    }
  }
  .common-space {
    width: 100%;
  }
  .common-space {
    flex-direction: column;
  }
  .common-space {
    flex-wrap: wrap;
  }
  @media (min-width: 1200px) {
     {
       {
         {
          .folder {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          > .folder {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > .folder {
              width: 90%;
            }
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          > .folder {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > .folder {
              width: 90%;
            }
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .folder {
          }
        }
      }
    }
  }
  .folder {
    display: flex;
  }
  .folder {
    height: 100%;
  }
  .folder {
    width: 100%;
  }
  .folder {
    min-width: 100%;
  }
  .folder {
    max-width: 100%;
  }
  .folder {
    cursor: pointer;
  }
  .folder {
    flex-direction: column;
  }
  .folder {
    align-items: center;
  }
  .folder {
    justify-content: center;
  }
  .folder {
    border-radius: 10px;
  }
  .folder {
    background-color: rgba(var(--light2),1);
  }
  .folder {
    padding: calc(10px + (18 - 10) * ((100vw - 320px) / (1920 - 320)));
    &:hover {
      background-color: rgba(var(--light-bg),1);
    }
    &:hover {
      .folder-icon {
        &::after {
          position: absolute;
        }
        &::after {
          margin-left: 3px;
        }
        &::after {
          margin-top: 5px;
        }
        &::after {
          height: calc(24px + (35 - 24) * ((100vw - 320px) / (1920 - 320)));
        }
        &::after {
          width: calc(40px + (60 - 40) * ((100vw - 320px) / (1920 - 320)));
        }
        &::after {
          --tw-skew-x: -10deg;
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        }
        &::after {
          border-radius: 5px;
        }
        &::after {
          background-color: rgba(var(--folder-color),1);
        }
        &::after {
          opacity: 1;
        }
        &::after {
          --tw-content: '';
          content: var(--tw-content);
        }
      }
    }
    .folder-icon {
      position: relative;
    }
    .folder-icon {
      margin-top: 0.5rem;
    }
    .folder-icon {
      height: calc(28px + (40 - 28) * ((100vw - 320px) / (1920 - 320)));
    }
    .folder-icon {
      width: calc(40px + (60 - 40) * ((100vw - 320px) / (1920 - 320)));
    }
    .folder-icon {
      border-radius: 0.5rem;
    }
    .folder-icon {
      background-color: rgba(var(--warning-color),1);
    }
    .folder-icon::before {
      content: var(--tw-content);
      position: absolute;
    }
    .folder-icon::before {
      content: var(--tw-content);
      margin-top: -0.5rem;
    }
    .folder-icon::before {
      content: var(--tw-content);
      height: calc(36px + (48 - 36) * ((100vw - 320px) / (1920 - 320)));
    }
    .folder-icon::before {
      content: var(--tw-content);
      width: calc(20px + (28 - 20) * ((100vw - 320px) / (1920 - 320)));
    }
    .folder-icon::before {
      content: var(--tw-content);
      border-radius: 5px;
    }
    .folder-icon::before {
      content: var(--tw-content);
      background-color: rgba(var(--warning-color),1);
    }
    .folder-icon::before {
      --tw-content: "";
      content: var(--tw-content);
    }
    .folder-icon::after {
      content: var(--tw-content);
      position: absolute;
    }
    .folder-icon::after {
      content: var(--tw-content);
      height: calc(28px + (40 - 28) * ((100vw - 320px) / (1920 - 320)));
    }
    .folder-icon::after {
      content: var(--tw-content);
      width: calc(40px + (60 - 40) * ((100vw - 320px) / (1920 - 320)));
    }
    .folder-icon::after {
      content: var(--tw-content);
      --tw-skew-x: 0deg;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    .folder-icon::after {
      content: var(--tw-content);
      border-radius: 5px;
    }
    .folder-icon::after {
      content: var(--tw-content);
      background-color: rgba(var(--folder-color),1);
    }
    .folder-icon::after {
      content: var(--tw-content);
      opacity: 0;
    }
    .folder-icon::after {
      content: var(--tw-content);
      transition-property: 0.2s;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }
    .folder-icon::after {
      --tw-content: '';
      content: var(--tw-content);
    }
    .folder-icon {
      &::before {
        border-end-start-radius: 8px;
      }
    }
    .folder-name {
      text-align: center;
    }
    .folder-name {
      margin-bottom: 0 !important;
    }
    @media (max-width: 767px) {
       {
        .folder-name {
        }
      }
    }
    .folder-name {
      margin-left: 0px;
      margin-right: 0px;
    }
    .folder-name {
      margin-top: 5px;
    }
    .folder-name {
      margin-bottom: 0px;
    }
    .folder-name {
      width: auto;
    }
    .folder-name {
      text-align: center;
    }
  }
  @media (min-width: 1200px) {
     {
       {
         {
          .file {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          > .file {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > .file {
              width: 90%;
            }
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          > .file {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > .file {
              width: 90%;
            }
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .file {
          }
        }
      }
    }
  }
  .file {
    display: flex;
  }
  .file {
    height: 100%;
  }
  .file {
    width: 100%;
  }
  .file {
    min-width: 100%;
  }
  .file {
    max-width: 100%;
  }
  .file {
    cursor: pointer;
  }
  .file {
    flex-direction: column;
  }
  .file {
    align-items: center;
  }
  .file {
    justify-content: center;
  }
  .file {
    border-radius: 10px;
  }
  .file {
    background-color: rgba(var(--light2),1);
  }
  .file {
    padding: calc(10px + (18 - 10) * ((100vw - 320px) / (1920 - 320)));
    &:hover {
      background-color: rgba(var(--light-bg),1);
    }
    &:hover {
      .doc-icon {
        &::after {
          border-width: 7px;
        }
        &::after {
          border-style: solid;
        }
        &::after {
          border-color: rgba(var(--light-bg),1);
        }
        &::after {
          border-bottom-color: rgba(var(--dark-light-color),1);
        }
        &::after {
          border-left-color: rgba(var(--dark-light-color),1);
        }
      }
    }
    .file-name {
      text-align: center;
    }
    .file-name {
      display: block;
    }
    .file-name {
      margin-left: auto;
      margin-right: auto;
    }
    .file-name {
      margin-top: 0px;
      margin-bottom: 0px;
    }
    .file-name {
      display: block;
    }
    .file-name {
      max-width: 100%;
    }
    .file-name {
      overflow: hidden;
    }
    .file-name {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
    }
    @media (max-width: 575px) {
       {
         {
           {
            > .file-name {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > .file-name {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > .file-name {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > .file-name {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 767px) {
       {
        .file-name {
        }
      }
    }
    .file-name {
      margin-left: 0px;
      margin-right: 0px;
    }
    .file-name {
      margin-top: 0.625rem;
    }
    .file-name {
      margin-bottom: 0.375rem;
    }
    .file-name {
      height: auto;
    }
    .file-name {
      width: 100%;
    }
    .file-name {
      max-width: 100%;
    }
    .file-name {
      overflow: hidden;
    }
    .file-name {
      text-overflow: ellipsis;
    }
    .file-name {
      text-align: center;
    }
    .file-name {
      line-height: 1.3;
    }
    .file-name {
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
    }
    @media (min-width: 1200px) {
       {
         {
           {
            .image-preview {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            .image-preview {
            }
          }
        }
      }
    }
    .image-preview {
      display: flex;
    }
    .image-preview {
      height: 48px;
    }
    .image-preview {
      width: 60px;
    }
    .image-preview {
      align-items: center;
    }
    .image-preview {
      justify-content: center;
    }
    .image-preview {
      img {
        height: 100%;
      }
      img {
        max-height: 3rem;
      }
      img {
        border-radius: 5px;
      }
    }
  }
  .item-selected {
    border-width: 1px;
  }
  .item-selected {
    border-style: dotted;
  }
  .item-selected {
    border-color: rgba(var(--badge-light-color),30%);
  }
  .item-selected {
    background-color: rgba(var(--light-color),1);
  }
  .item-selected {
    padding: 9px;
  }
  .item-selected:hover {
    border-width: 1px;
  }
  .item-selected:hover {
    border-style: dotted;
  }
  .item-selected:hover {
    border-color: rgba(var(--badge-light-color),30%);
  }
  .item-selected:hover {
    background-color: rgba(var(--light-color),1);
  }
  .item-selected:hover {
    padding: 9px;
  }
  .item-selected {
    .doc-icon {
      &::after {
        border-style: solid;
      }
      &::after {
        border-color: rgba(var(--light-bg),1);
      }
      &::after {
        border-bottom-color: rgba(var(--dark-light-color),1);
      }
      &::after {
        border-left-color: rgba(var(--dark-light-color),1);
      }
    }
  }
  @media (min-width: 1200px) {
     {
       {
         {
          .doc-icon {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .doc-icon {
          }
        }
      }
    }
  }
  .doc-icon {
    position: relative;
  }
  .doc-icon {
    display: flex;
  }
  .doc-icon {
    height: calc(40px + (48 - 40) * (100vw - 320px) / (1920 - 320));
  }
  .doc-icon {
    width: calc(40px + (48 - 40) * (100vw - 320px) / (1920 - 320));
  }
  .doc-icon {
    border-radius: 0.5rem;
  }
  .doc-icon {
    background-color: rgba(var(--theme-default),1);
  }
  .doc-icon {
    text-align: right;
  }
  .doc-icon {
    color: rgba(var(--light-color),1);
  }
  .doc-icon::after {
    content: var(--tw-content);
    position: absolute;
  }
  .doc-icon::after {
    content: var(--tw-content);
    right: 0px;
  }
  .doc-icon::after {
    content: var(--tw-content);
    top: 0px;
  }
  .doc-icon::after {
    content: var(--tw-content);
    height: 0px;
  }
  .doc-icon::after {
    content: var(--tw-content);
    width: 0px;
  }
  .doc-icon::after {
    content: var(--tw-content);
    border-width: calc(7px + (10 - 7) * (100vw - 320px) / (1920 - 320));
  }
  .doc-icon::after {
    content: var(--tw-content);
    border-style: solid;
  }
  .doc-icon::after {
    content: var(--tw-content);
    border-color: rgba(var(--light-color),1);
  }
  .doc-icon::after {
    content: var(--tw-content);
    border-bottom-color: rgba(var(--dark-light-color),1);
  }
  .doc-icon::after {
    content: var(--tw-content);
    border-left-color: rgba(var(--dark-light-color),1);
  }
  .doc-icon::after {
    content: var(--tw-content);
    transition-property: border-width;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  .doc-icon::after {
    content: var(--tw-content);
    transition-duration: 0.3s;
  }
  .doc-icon::after {
    --tw-content: "";
    content: var(--tw-content);
  }
  .doc-icon {
    align-items: end;
    p {
      text-align: center;
    }
    p {
      margin: 0px !important;
    }
    p {
      display: block;
    }
    p {
      margin-left: auto;
      margin-right: auto;
    }
    p {
      margin-top: 0px;
      margin-bottom: 0px;
    }
    p {
      display: block;
    }
    p {
      max-width: 100%;
    }
    p {
      overflow: hidden;
    }
    p {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
    }
    @media (max-width: 575px) {
       {
         {
           {
            > p {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > p {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > p {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > p {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 767px) {
       {
        p {
        }
      }
    }
    p {
      margin: 0px;
    }
    p {
      height: auto;
    }
    p {
      width: 100%;
    }
    p {
      overflow: hidden;
    }
    p {
      text-overflow: ellipsis;
    }
    p {
      padding: 0.125rem;
    }
    p {
      text-align: center;
    }
    p {
      font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320)));
    }
    p {
      color: rgba(var(--white),1);
    }
    p {
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
    }
  }
}

.common-file-manager {
  @media (min-width: 1200px) {
     {
       {
         {
          .filemanger {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .filemanger {
          }
        }
      }
    }
  }
  .filemanger {
    display: flex;
  }
  .filemanger {
    flex-direction: column;
  }
  .filemanger {
    gap: 0.5rem;
  }
  .filemanger {
    @media (min-width: 1200px) {
       {
         {
           {
            .top-folder-path {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            .top-folder-path {
            }
          }
        }
      }
    }
    .top-folder-path {
      display: flex;
    }
    .top-folder-path {
      height: 2.5rem;
    }
    .top-folder-path {
      align-items: center;
    }
    .top-folder-path {
      justify-content: space-between;
    }
    .top-folder-path {
      background-color: rgba(var(--white),1);
    }
    .top-folder-path {
      padding-left: 0.625rem;
      padding-right: 0.625rem;
    }
    .top-folder-path {
      padding-top: 3px;
      padding-bottom: 3px;
    }
    .top-folder-path {
      @media (min-width: 1200px) {
         {
           {
             {
              .folder-path-write {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              .folder-path-write {
              }
            }
          }
        }
      }
      .folder-path-write {
        display: flex;
      }
      .folder-path-write {
        height: 35px;
      }
      .folder-path-write {
        flex: 1 1 0%;
      }
      .folder-path-write {
        align-items: center;
      }
      .folder-path-write {
        overflow: hidden;
      }
      .folder-path-write {
        border-radius: 7px;
      }
      .folder-path-write {
        background-color: rgba(var(--light-color),1);
      }
      .folder-path-write {
        input {
          border-width: 0 !important;
        }
        input {
          margin-left: 0.625rem;
        }
        input {
          flex: 1 1 0%;
        }
        input {
          border-width: 0px;
        }
        input {
          background-color: rgba(var(--transparent-color),1);
        }
        input {
          font-size: 15px;
        }
        input {
          color: rgba(var(--dark-color),1);
        }
        input {
          outline: 0;
        }
        button {
          margin: 0px !important;
        }
        button {
          border-width: 0 !important;
        }
        button {
          margin: 0px;
        }
        button {
          margin-right: 5px;
        }
        button {
          height: 27px;
        }
        button {
          width: 27px;
        }
        button {
          cursor: pointer;
        }
        button {
          border-radius: 50px;
        }
        button {
          border-width: 0px;
        }
        button {
          background-color: rgba(var(--light-color),1);
        }
        button {
          color: rgba(var(--theme-default),1);
        }
        button:hover {
          background-color: rgba(var(--course-bg),1);
        }
      }
      @media (min-width: 1200px) {
         {
           {
             {
              .path-action-btns {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              .path-action-btns {
              }
            }
          }
        }
      }
      .path-action-btns {
        margin-right: 5px;
      }
      .path-action-btns {
        display: flex;
      }
      .path-action-btns {
        width: 90px;
      }
      .path-action-btns {
        align-items: center;
      }
      .path-action-btns {
        justify-content: space-around;
      }
      .path-action-btns {
        button {
          margin: 0px !important;
        }
        button {
          border-width: 0 !important;
        }
        button {
          margin: 0px;
        }
        button {
          cursor: pointer;
        }
        button {
          border-radius: 50px;
        }
        button {
          border-width: 0px;
        }
        button {
          background-color: rgba(var(--white),1);
        }
        button {
          color: rgba(var(--theme-default),1);
        }
        button:disabled {
          cursor: not-allowed;
        }
        button:disabled {
          background-color: rgba(var(--white),1);
        }
        button:disabled {
          color: rgba(var(--light-text),1);
        }
        button:hover:disabled {
          cursor: not-allowed;
        }
        button:hover:disabled {
          background-color: rgba(var(--white),1);
        }
        button:hover:disabled {
          color: rgba(var(--light-text),1);
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > .top-menu {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > .top-menu {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > .top-menu {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > .top-menu {
                width: 90%;
              }
            }
          }
        }
      }
    }
    .top-menu {
      width: 100%;
    }
    .top-menu {
      border-radius: 0.25rem;
    }
    .top-menu {
      background-color: rgba(var(--light-color),1);
    }
    .top-menu {
      padding: 0.375rem;
    }
    .top-menu {
      button {
        border-width: 0 !important;
      }
      button {
        margin: 0.25rem;
      }
      button {
        cursor: pointer;
      }
      button {
        border-radius: 3px;
      }
      button {
        border-width: 0px;
      }
      button {
        background-color: rgba(var(--badge-light-color),0.15);
      }
      button {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
      }
      button {
        padding-top: 0.375rem;
        padding-bottom: 0.375rem;
      }
      button {
        font-size: 0.875rem;
        line-height: 1.25rem;
      }
      button:hover {
        background-color: rgba(var(--gray-60),0.8);
      }
      button:hover:disabled {
        cursor: not-allowed;
      }
      button:hover:disabled {
        background-color: rgba(var(--badge-light-color),0.15);
      }
      button {
        i {
          margin-right: 0.5rem;
        }
      }
    }
  }
  .folderEmpty {
    text-align: center;
  }
  @media (max-width: 575px) {
     {
       {
         {
          > .folderEmpty {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > .folderEmpty {
              width: 90%;
            }
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          > .folderEmpty {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > .folderEmpty {
              width: 90%;
            }
          }
        }
      }
    }
  }
  @media (max-width: 767px) {
     {
      .folderEmpty {
      }
    }
  }
  .folderEmpty {
    display: none;
  }
  .folderEmpty {
    width: 100%;
  }
  .folderEmpty {
    text-align: center;
  }
  .folderEmpty {
    padding: calc(50px + (100 - 50) * ((100vw - 320px) / (1920 - 320)));
    svg {
      height: calc(100px + (300 - 100) * ((100vw - 320px) / (1920 - 320)));
    }
    svg {
      width: calc(100px + (300 - 100) * ((100vw - 320px) / (1920 - 320)));
    }
    svg {
      animation: up-down 4s infinite ease-in-out;
    }
    h5 {
      padding: 0 !important;
    }
    h5 {
      padding: 0px;
    }
    h5 {
      font-size: calc(16px + (35 - 16) * ((100vw - 320px) / (1920 - 320)));
    }
    h5 {
      opacity: 0.4;
    }
    h5 {
      margin: calc(20px + (100 - 20) * ((100vw - 320px) / (1920 - 320))) 0 0 0;
    }
  }
  @media (min-width: 1200px) {
     {
       {
         {
          .popup {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .popup {
          }
        }
      }
    }
  }
  .popup {
    position: fixed;
  }
  .popup {
    inset: 0px;
  }
  .popup {
    z-index: 9;
  }
  .popup {
    display: flex;
  }
  .popup {
    display: none;
  }
  .popup {
    align-items: center;
  }
  .popup {
    justify-content: center;
  }
  .popup {
    @media (max-width: 575px) {
       {
         {
           {
            > .popup-bg {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > .popup-bg {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > .popup-bg {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > .popup-bg {
                width: 90%;
              }
            }
          }
        }
      }
    }
    .popup-bg {
      position: absolute;
    }
    .popup-bg {
      z-index: -1;
    }
    .popup-bg {
      height: 100vh;
    }
    .popup-bg {
      width: 100%;
    }
    .popup-bg {
      background-color: rgba(var(--black),0.6);
    }
    .popup-content {
      text-align: center;
    }
    @media (max-width: 767px) {
       {
        .popup-content {
        }
      }
    }
    .popup-content {
      height: auto;
    }
    .popup-content {
      width: 400px;
    }
    .popup-content {
      border-radius: 0.75rem;
    }
    .popup-content {
      background-color: rgba(var(--body-color),1);
    }
    .popup-content {
      padding: 1rem;
    }
    .popup-content {
      text-align: center;
    }
    .popup-content {
      h5 {
        margin-bottom: 16px !important;
      }
      h5 {
        margin-bottom: 0.75rem;
      }
      h5 {
        font-size: 1.25rem;
        line-height: 1.75rem;
      }
      form {
        text-align: center;
      }
      @media (max-width: 767px) {
         {
          form {
          }
        }
      }
      form {
        text-align: center;
      }
      form {
        @media (max-width: 575px) {
           {
             {
               {
                > input {
                  width: 90%;
                }
              }
            }
          }

           {
             {
               {
                 {
                  > input {
                    width: 90%;
                  }
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                > input {
                  width: 90%;
                }
              }
            }
          }

           {
             {
               {
                 {
                  > input {
                    width: 90%;
                  }
                }
              }
            }
          }
        }
        input {
          height: 30px;
        }
        input {
          width: 100%;
        }
        input {
          border-radius: 0.25rem;
        }
        input {
          border-width: 1px;
        }
        input {
          border-style: solid;
        }
        input {
          border-color: rgba(var(--recent-dashed-border),1);
        }
        input {
          padding: 0.5rem;
        }
        input {
          font-size: 0.875rem;
          line-height: 1.25rem;
        }
        input {
          &:focus-visible {
            outline: unset;
          }
        }
        button {
          border-width: 0 !important;
        }
        button {
          margin: 0.625rem;
        }
        button {
          height: 35px;
        }
        button {
          width: 100px;
        }
        button {
          cursor: pointer;
        }
        button {
          border-radius: 0.375rem;
        }
        button {
          border-width: 0px;
        }
        button {
          background-color: rgba(var(--theme-secondary),1);
        }
        button {
          padding: 0.375rem;
        }
        button {
          font-size: 0.875rem;
          line-height: 1.25rem;
        }
        button {
          color: rgba(var(--body-color),1);
        }
        button:hover {
          background-color: rgba(var(--theme-secondary),1);
        }
      }
    }
  }
  @media (min-width: 1200px) {
     {
       {
         {
          .toast-messages {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .toast-messages {
          }
        }
      }
    }
  }
  .toast-messages {
    position: fixed;
  }
  .toast-messages {
    right: 0px;
  }
  .toast-messages {
    bottom: 0px;
  }
  .toast-messages {
    z-index: 8;
  }
  .toast-messages {
    display: flex;
  }
  .toast-messages {
    max-height: 98vh;
  }
  .toast-messages {
    width: 400px;
  }
  .toast-messages {
    flex-direction: column;
  }
  .toast-messages {
    overflow: hidden;
  }
  .toast-messages {
    overflow-y: auto;
  }
  .toast-messages {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .toast-messages {
    padding-top: 1vh;
    padding-bottom: 1vh;
  }
  .toast-messages {
    align-items: end;
    @media (min-width: 1200px) {
       {
         {
           {
            .toast-container {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            .toast-container {
            }
          }
        }
      }
    }
    .toast-container {
      margin-bottom: 0.625rem;
    }
    .toast-container {
      display: flex;
    }
    .toast-container {
      width: -moz-fit-content;
      width: fit-content;
    }
    .toast-container {
      min-width: 300px;
    }
    .toast-container {
      align-items: center;
    }
    .toast-container {
      justify-content: space-between;
    }
    .toast-container {
      border-radius: 10px;
    }
    .toast-container {
      background-color: rgba(var(--white),1);
    }
    .toast-container {
      padding: 0.625rem;
    }
    .toast-container {
      opacity: 0;
    }
    .toast-container {
      --tw-shadow: rgba(100,100,111,0.2) 0px 7px 29px 0px;
      --tw-shadow-colored: 0px 7px 29px 0px var(--tw-shadow-color);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
    .toast-container {
      transition-property: 0.5s;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }
    .toast-container {
      &.toast-success {
        background-color: rgba(var(--success-color),1);
      }
      &.toast-success {
        p,
          button {
          color: rgba(var(--white),1);
        }
      }
      &.toast-danger {
        cursor: pointer;
      }
      &.toast-danger {
        background-color: rgba(var(--danger-color),1);
      }
      &.toast-danger {
        p,
          button {
          color: rgba(var(--white),1);
        }
      }
      &.toast-inf {
        p,
          button {
          color: rgba(var(--body-font-color),1);
        }
      }
      p {
        margin: 0px !important;
      }
      p {
        margin: 0px;
      }
      p {
        font-size: 15px;
      }
      button {
        border-width: 0 !important;
      }
      @media (min-width: 1200px) {
         {
           {
             {
              button {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              button {
              }
            }
          }
        }
      }
      button {
        display: flex;
      }
      button {
        height: 30px;
      }
      button {
        width: 30px;
      }
      button {
        cursor: pointer;
      }
      button {
        align-items: center;
      }
      button {
        justify-content: center;
      }
      button {
        border-radius: 50%;
      }
      button {
        border-width: 0px;
      }
      button {
        background-color: rgba(var(--transparent-color),1);
      }
      button {
        font-size: 1rem;
        line-height: 1.5rem;
      }
      button:hover {
        background-color: rgba(var(--black),0.096);
      }
    }
  }
}

.pricing-plan {
  position: relative;
  margin-top: 0.625rem;
  overflow: hidden;
  border-radius: 5px;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--light-gray),1);
  padding: 15px;
  h5 {
    margin-bottom: 0.125rem;
  }
  h5 {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  h5 {
    font-weight: 600;
  }
  h5 {
    color: rgba(var(--dark-gray),1);
  }
  h6 {
    font-weight: 800;
  }
  p {
    margin-bottom: 5px;
  }
  p {
    color: rgba(var(--dark-gray),1);
  }
  .btn {
    display: inline-block !important;
  }
  .btn {
    padding-left: 0.4rem;
    padding-right: 0.4rem;
  }
  .btn {
    padding-top: 0.05rem;
    padding-bottom: 0.05rem;
  }
  .bg-img {
    position: absolute;
  }
  .bg-img {
    right: -2.5rem;
  }
  .bg-img {
    top: 2.5rem;
  }
  .bg-img {
    --tw-rotate: -45deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .bg-img {
    animation: fadeIn-out 4s infinite ease-in-out;
  }
  .bg-img {
    opacity: 0.3;
  }
}

@keyframes fadeIn-out {
  0%,
    100% {
    opacity: 0.07;
  }

  50% {
    opacity: 0.4;
  }
}

@keyframes up-down {
  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-15px);
  }

  100% {
    transform: translateY(0);
  }
}

@media (max-width: 1199px) {
  .main-file-sidebar {
    .md-sidebar {
      .md-sidebar-aside {
        width: 325px;
      }
    }
  }
}

@media (max-width: 575px) {
  .main-file-sidebar {
    .md-sidebar {
      .md-sidebar-aside {
        .common-sort-card {
          .files-left-icons {
            li {
              a {
                display: block;
              }
              a {
                display: block;
              }
            }
            &.file-type-icons {
              li {
                a {
                  border-bottom-width: 1px;
                }
                a {
                  border-style: solid;
                }
                a {
                  border-bottom-color: rgba(var(--chart-progress-light),1);
                }
                a {
                  > div {
                    padding-bottom: 16px !important;
                  }
                  > div {
                    padding-bottom: 0.75rem;
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}

@media (max-width: 1280px) {
  .main-file-sidebar {
    .md-sidebar {
      .md-sidebar-aside {
        .common-sort-card {
          .files-left-icons {
            li {
              a {
                > span {
                  text-align: start;
                }
              }
            }
            &.file-type-icons {
              li {
                a {
                  > div {
                    justify-content: flex-start;
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}

@media (max-width: 1660px) {
  .file-manager-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

@media (max-width: 767px) {
  .file-manager-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media (max-width: 640px) {
  .file-manager-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 439px) {
  .common-file-manager {
    .filemanger {
      .top-folder-path {
        padding: 0 !important;
      }
      .top-folder-path {
        height: 100%;
      }
      .top-folder-path {
        flex-direction: column;
      }
      .top-folder-path {
        align-items: flex-start;
      }
      .top-folder-path {
        justify-content: center;
      }
      .top-folder-path {
        gap: 0.5rem;
      }
      .top-folder-path {
        padding: 0px;
      }
      .top-folder-path {
        @media (max-width: 575px) {
           {
             {
               {
                > .folder-path-write {
                  width: 90%;
                }
              }
            }
          }

           {
             {
               {
                 {
                  > .folder-path-write {
                    width: 90%;
                  }
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                > .folder-path-write {
                  width: 90%;
                }
              }
            }
          }

           {
             {
               {
                 {
                  > .folder-path-write {
                    width: 90%;
                  }
                }
              }
            }
          }
        }
        .folder-path-write {
          width: 100%;
        }
      }
    }
  }
}

@media (max-width: 420px) {
  .common-file-manager {
    .toast-messages {
      width: 308px;
    }
    .toast-messages {
      .toast-container {
        min-width: 245px;
      }
      .toast-container {
        p {
          height: auto;
        }
        p {
          max-width: 100%;
        }
        p {
          overflow: hidden;
        }
        p {
          display: -webkit-box;
          -webkit-line-clamp: 1;
          -webkit-box-orient: vertical;
        }
      }
    }
  }
}

.modal-open {
  .datepickers-container {
    z-index: 1075;
  }
}

.date-details {
  align-items: center;
  > div {
    + div {
      margin-left: 0.625rem;
    }
  }
}

.taskadd {
  table {
    tr {
      td {
        border-top-color: none;
      }
      td:first-child {
        padding-left: 1.25rem;
      }
      td:last-child {
        padding-right: 1.25rem;
      }
      td {
        &:last-child {
          a {
            display: grid;
          }
          a > div {
            position: relative;
          }
          @media (max-width: 575px) {
             {
               {
                 {
                  a {
                  }
                }
              }
            }
          }
          @media (max-width: 575px) {
             {
               {
                 {
                  a {
                  }
                }
              }
            }
          }
          a {
            display: grid;
          }
          a {
            height: 25px;
          }
          a {
            width: 25px;
          }
          a {
            place-items: center;
          }
          a {
            border-radius: 3px;
          }
          a {
            background-color: rgba(var(--light-danger),1);
          }
          a {
            svg {
              color: rgba(var(--danger-color),1);
            }
          }
        }
        svg {
          height: 18px;
        }
        svg {
          width: 18px;
        }
        svg {
          color: rgba(var(--semi-dark),1);
        }
      }
      &:first-child {
        td {
          padding-top: 1.25rem;
        }
      }
      &:last-child {
        td {
          border-bottom-color: unset;
        }
        td {
          padding-bottom: 1.25rem;
        }
      }
    }
  }
}

.main-tasks {
  .main-menu {
    li {
      &:last-child {
        margin-top: 0.875rem;
      }
      &:last-child {
        border-top-width: 1px;
      }
      &:last-child {
        border-style: solid;
      }
      &:last-child {
        border-top-color: rgba(var(--chart-dashed-border),1);
      }
      &:last-child {
        padding-top: 0.875rem;
      }
    }
  }
  .task-stats {
    .common-align {
      padding: 1rem !important;
    }
    .common-align {
      gap: 0.75rem;
    }
    .common-align {
      border-radius: 0.25rem;
    }
    .common-align {
      background-color: rgba(var(--theme-default),0.1);
    }
    .common-align {
      padding: 0.75rem;
    }
    .common-align {
      [class*="bg-"] {
        display: grid;
      }
      [class*="bg-"] > div {
        position: relative;
      }
      @media (max-width: 575px) {
         {
           {
             {
              [class*="bg-"] {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              [class*="bg-"] {
              }
            }
          }
        }
      }
      [class*="bg-"] {
        display: grid;
      }
      [class*="bg-"] {
        height: 40px;
      }
      [class*="bg-"] {
        width: 40px;
      }
      [class*="bg-"] {
        place-items: center;
      }
      [class*="bg-"] {
        border-radius: 3px;
      }
      [class*="bg-"] {
        i {
          margin: 0px !important;
        }
        i {
          margin: 0px;
        }
        i {
          font-size: 1.25rem;
          line-height: 1.75rem;
        }
        i {
          color: rgba(var(--white),1);
        }
      }
      h4 {
        line-height: 1.2;
      }
    }
  }
  .form-select {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .form-select {
    color: rgba(var(--badge-light-color),0.8);
  }
  .bootstrap-select {
    .dropdown-toggle {
      border-color: rgba(var(--badge-light-color),0.1);
    }
    .dropdown-toggle {
      .filter-option {
        white-space: initial;
      }
    }
    .dropdown-menu {
      .dropdown-item {
        color: rgba(var(--badge-light-color),0.6);
      }
      .dropdown-item {
        opacity: 1;
      }
    }
    .no-results {
      padding-top: 0 !important;
      padding-bottom: 0 !important;
    }
    .no-results {
      margin: 0px !important;
    }
    .no-results {
      margin: 0px;
    }
    .no-results {
      padding-left: 0.75rem;
      padding-right: 0.75rem;
    }
    .no-results {
      padding-top: 0px;
      padding-bottom: 0px;
    }
    .no-results {
      font-size: 0.875rem;
      line-height: 1.25rem;
    }
  }
  .was-validated {
    .bootstrap-select {
      select {
        &:valid + .dropdown-toggle {
          border-color: rgba(var(--success-color),1);
        }
        &:invalid + .dropdown-toggle {
          border-color: rgba(var(--danger-color),1);
        }
      }
    }
  }
  .common-task-table {
    .overflow-x-auto {
      div {
        &.dt-container {
          .dt-layout-row {
            .dt-search {
              right: -50px;
            }
            .dt-length {
              top: 1rem;
            }
            .dt-layout-cell {
              @media (min-width: 1200px) {
                 {
                   {
                     {
                      .dt-info {
                      }
                    }
                  }
                }
              }
              @media (max-width: 575px) {
                 {
                   {
                     {
                      .dt-info {
                      }
                    }
                  }
                }
              }
              .dt-info {
                display: flex;
              }
              .dt-info {
                gap: 0.75rem;
              }
            }
          }
        }
      }
      form {
        padding: 1.25rem;
      }
      table {
        thead,
          tbody {
          tr {
            th,
              td {
              min-width: auto;
            }
            th,
              td {
              color: rgba(var(--body-font-color),1);
            }
            th,
              td {
              a {
                color: rgba(var(--body-font-color),1);
              }
              &:first-child {
                padding-left: 1.25rem;
              }
              &:last-child {
                padding-right: 1.25rem;
              }
              &:nth-child(2) {
                max-width: 150px;
              }
              &:nth-child(3) {
                span {
                  height: auto;
                }
                span {
                  width: 140px;
                }
                span {
                  display: -webkit-box !important;
                  -webkit-line-clamp: 2;
                  overflow: hidden;
                  -webkit-box-orient: vertical;
                }
              }
              span {
                &.badge {
                  padding-left: 0.75rem;
                  padding-right: 0.75rem;
                }
                &.badge {
                  padding-top: 0.375rem;
                  padding-bottom: 0.375rem;
                }
                &.badge {
                  font-size: 0.75rem;
                  line-height: 1rem;
                }
              }
              ul {
                li {
                  + li {
                    margin-left: -0.75rem;
                  }
                }
              }
              img {
                height: 30px;
              }
            }
          }
        }
      }
    }
  }
}

@media (max-width: 575px) {
  .taskadd {
    table {
      tr {
        td {
          &:first-child {
            padding-left: 15px;
          }
        }
        &:first-child {
          td {
            padding-top: 15px;
          }
        }
        &:last-child {
          td {
            padding-bottom: 15px;
          }
        }
      }
    }
  }
}

.updateimg {
  position: absolute;
  left: 15px;
  top: 2rem;
  width: 100px;
  line-height: 93px;
  opacity: 0;
}

#right-history {
  position: fixed;
  right: -20rem;
  top: 81px;
  z-index: 9;
  height: 100%;
  width: 20rem;
  background-color: rgba(var(--white),1);
  --tw-shadow: 0 0 9px rgba(191,191,191,0.36);
  --tw-shadow-colored: 0 0 9px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: 0.5s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  h6 {
    span {
      a {
        color: rgba(var(--theme-body-font-color),1);
      }
    }
  }
  &.show {
    right: 0px;
  }
  &.show {
    transition-property: 0.3s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
}

.history-details {
  @media (min-width: 1200px) {
     {
       {
         {
          > div {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          > div {
          }
        }
      }
    }
  }
  > div {
    display: flex;
  }
  > div {
    flex-wrap: wrap;
  }
  > div {
    align-items: center;
  }
  > div {
    justify-content: center;
  }
  > div {
    gap: 0.5rem;
  }
  > div {
    border-top-width: 1px;
  }
  > div {
    border-style: solid;
  }
  > div {
    border-top-color: rgba(var(--chart-progress-light),1);
  }
  > div {
    padding-top: calc(8px + (20 - 8) * ((100vw - 320px) / (1920 - 320)));
    padding-bottom: calc(8px + (20 - 8) * ((100vw - 320px) / (1920 - 320)));
  }
  > div {
    padding-left: 0;
    padding-right: 0;
  }
  > div {
    -webkit-box-align: center;
    -webkit-box-pack: center;
    i {
      color: rgba(var(--badge-light-color),0.8);
    }
  }
  .flex {
    border-top-width: 1px;
  }
  .flex {
    border-style: solid;
  }
  .flex {
    border-top-color: rgba(var(--chart-progress-light),1);
  }
  .flex {
    padding-left: 15px;
    padding-right: 15px;
  }
  .flex {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
  .flex {
    i {
      border-radius: 100%;
    }
    i {
      background-color: rgba(var(--warning-color),1);
    }
    i {
      padding: 5px;
    }
    i {
      color: rgba(var(--white),1);
    }
    .grow {
      h6 {
        margin-bottom: 0 !important;
      }
      h6 {
        margin-bottom: 0px;
      }
    }
  }
}

.delete-contact {
  display: none;
}

.more-data {
  animation: displayTransition 1s;
}

.contact-editform {
  animation: displayTransition 1s;
  padding: 30px;
  form {
    .form-control {
      font-size: 0.875rem;
      line-height: 1.25rem;
    }
    .form-control {
      color: rgba(var(--badge-light-color),0.8);
    }
    .bootstrap-select {
      .dropdown-toggle {
        margin: 0px !important;
      }
      @media (max-width: 575px) {
         {
           {
             {
              > .dropdown-toggle {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > .dropdown-toggle {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              > .dropdown-toggle {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > .dropdown-toggle {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      .dropdown-toggle {
        margin: 0px !important;
      }
      .dropdown-toggle {
        width: 100%;
      }
      .dropdown-toggle {
        border-radius: 0.375rem;
      }
      .dropdown-toggle {
        border-color: rgba(var(--badge-light-color),0.1);
      }
      .dropdown-toggle {
        color: rgba(var(--form-placeholder-color),1);
      }
      .dropdown-toggle {
        &:focus {
          outline: unset !important;
        }
      }
      .no-results {
        font-size: 0.875rem;
        line-height: 1.25rem;
      }
    }
  }
  a {
    display: block;
  }
  a {
    display: block;
  }
  button {
    margin-top: 30px;
  }
  .select2-container {
    .select2-selection--single {
      height: 39px;
    }
    .select2-selection--single {
      --tw-border-opacity: 1;
      border-color: rgb(206 212 218 / var(--tw-border-opacity, 1));
    }
  }
  .custom-dropdown {
    .dropdown-toggle {
      padding: 5px;
    }
  }
}

#deletemodal {
  .modal-header {
    border-bottom-color: none;
  }
  .modal-header {
    .delete-data {
      span {
        svg.table {
          white-space: pre-wrap !important;
        }
        svg {
          margin-right: 15px;
        }
        svg {
          vertical-align: middle;
        }
      }
    }
  }
}

.email-wrap {
  .email-app-sidebar {
    .main-menu {
      &.contact-options {
        li {
          &.nav-item {
            &:nth-child(2) {
              .btn-mail {
                margin-top: 0 !important;
              }
              .btn-mail {
                margin-top: 0px;
              }
            }
          }
        }
      }
    }
  }
}

.list-persons {
  p {
    font-family: var(--font-roboto), var(--font-serif);
  }
  .profile-mail {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .profile-mail {
    padding-left: 0px;
    padding-right: 0px;
  }
  .profile-mail {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
  .profile-mail {
    .flex {
      .grow {
        @media (min-width: 1200px) {
           {
             {
               {
                .main-contact-option {
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                .main-contact-option {
                }
              }
            }
          }
        }
        .main-contact-option {
          margin-top: 0.625rem;
        }
        .main-contact-option {
          display: flex;
        }
        .main-contact-option {
          flex-wrap: wrap;
        }
        .main-contact-option {
          gap: 0.375rem;
        }
        .main-contact-option {
          li {
            border-radius: 0.375rem;
          }
          li {
            background-color: rgba(var(--theme-default),1);
          }
          li {
            padding-left: 0.75rem;
            padding-right: 0.75rem;
          }
          li {
            padding-top: 0.375rem;
            padding-bottom: 0.375rem;
          }
          li {
            a {
              color: rgba(var(--white),1);
            }
            + li {
              margin-left: 0px;
            }
          }
        }
      }
    }
    .flex {
      padding-right: 15px;
    }
    .flex {
      -webkit-box-pack: justify;
      img {
        height: 100px;
      }
      img {
        cursor: pointer;
      }
      .grow {
        h5 {
          span {
            + span {
              padding-left: 0.375rem;
            }
          }
        }
      }
    }
    .common-flex {
      img {
        height: 70px;
      }
      .grow {
        ul {
          margin-top: 5px;
        }
        ul {
          li {
            display: inline-block;
          }
          li {
            a {
              font-size: 13px;
            }
            + li {
              margin-left: 5px;
            }
            + li {
              border-left-width: 2px;
            }
            + li {
              border-style: solid;
            }
            + li {
              border-left-color: rgba(var(--light-color),1);
            }
            + li {
              padding-left: 0.625rem;
            }
          }
        }
      }
    }
    .email-general {
      padding-top: 1.25rem;
    }
    .email-general {
      ul {
        padding-right: 1.25rem;
      }
      ul {
        li {
          margin-bottom: 0.625rem;
        }
        li {
          padding-bottom: 0.625rem;
        }
        li {
          color: rgba(var(--dark-gray),1);
        }
        li:last-child {
          padding-bottom: 0 !important;
        }
        li:last-child {
          margin-bottom: 0 !important;
        }
        li:last-child {
          margin-bottom: 0px;
        }
        li:last-child {
          padding-bottom: 0px;
        }
        li {
          > span {
            &:first-child,
              &:last-child {
              min-width: 108px;
            }
          }
        }
      }
    }
  }
}

.contacts-tabs {
  .tab-links {
    height: 100%;
  }
  .tab-links {
    border-right-width: 1px;
  }
  .tab-links {
    border-style: solid;
  }
  .tab-links {
    border-right-color: rgba(var(--light-color),1);
  }
  .tab-links {
    .tab-link,
      .show {
      &.active,
        > .tab-link {
        background-color: rgba(var(--theme-default),0.05);
      }
      &.active,
        > .tab-link {
        color: rgba(var(--theme-body-font-color),1);
      }
      &.active,
        > .tab-link {
        .flex {
          border-left-width: 2px;
        }
        .flex {
          border-style: solid;
        }
        .flex {
          border-left-color: rgba(var(--theme-default),1);
        }
      }
    }
    .tab-link {
      display: block;
    }
    .tab-link {
      padding: 0 !important;
    }
    .tab-link {
      display: block;
    }
    .tab-link {
      padding: 0px;
    }
    .tab-link {
      color: rgba(var(--theme-body-font-color),1);
    }
    .tab-link {
      .flex {
        border-left-width: 2px;
      }
      .flex {
        border-style: solid;
      }
      .flex {
        border-left-color: var(--transparent-color);
      }
      .flex {
        img {
          height: 50px;
        }
        img {
          width: 50px;
        }
        img {
          -o-object-fit: cover;
             object-fit: cover;
        }
      }
      + .tab-link {
        border-radius: 0px;
      }
      + .tab-link {
        border-top-width: 1px;
      }
      + .tab-link {
        border-style: solid;
      }
      + .tab-link {
        border-top-color: rgba(var(--light-gray),1);
      }
    }
    .flex {
      padding: 1.25rem;
    }
  }
  .tab-content {
    .tab-content-child {
      animation: displayTransition 1s;
    }
    .modal-header {
      .pull-right {
        a {
          display: grid;
        }
        a > div {
          position: relative;
        }
        @media (max-width: 575px) {
           {
             {
               {
                a {
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                a {
                }
              }
            }
          }
        }
        a {
          display: grid;
        }
        a {
          height: 28px;
        }
        a {
          width: 28px;
        }
        a {
          place-items: center;
        }
        a {
          border-radius: 3px;
        }
        a {
          background-color: rgba(var(--theme-default),0.1);
        }
        i {
          font-size: 0.875rem;
          line-height: 1.25rem;
        }
        i {
          color: rgba(var(--theme-default),1);
        }
      }
    }
  }
}

.dark-contact {
  .nav {
    .nav-link {
      .flex {
        .grow {
          h6 {
            margin-bottom: 0 !important;
          }
          h6 {
            margin-bottom: 0px;
          }
          h6 {
            font-weight: 400;
          }
          h6 {
            color: rgba(var(--body-font-color),1);
          }
          h6 {
            span {
              + span {
                padding-left: 0.375rem;
              }
            }
          }
        }
      }
    }
  }
}

.file-sidebar,
  .file-content {
  .card {
    .card-body,
      .card-header {
      padding: 1.25rem;
    }
  }
  hr {
    border-top-color: rgba(var(--recent-dashed-border),1);
  }
}

.file-sidebar {
  ul {
    li {
      & + li {
        margin-top: 0.5rem;
      }
    }
  }
  @media (min-width: 1200px) {
     {
       {
         {
          .btn {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .btn {
          }
        }
      }
    }
  }
  .btn {
    display: flex;
  }
  .btn {
    align-items: center;
  }
  .btn {
    &.btn-light {
      &:hover {
        color: rgba(var(--theme-default),1);
      }
      &:hover {
        svg {
          stroke: rgba(var(--theme-default),1);
        }
      }
    }
    svg.table {
      white-space: pre-wrap !important;
    }
    svg {
      margin-right: 0.5rem;
    }
    svg {
      width: 15px;
    }
    svg {
      vertical-align: middle;
    }
  }
}

.file-manager {
  > h6 {
    margin-bottom: 16px !important;
  }
  > h6 {
    margin-bottom: 0.75rem;
  }
  > h6 {
    font-size: 15px;
  }
  > h6 {
    font-weight: 400;
  }
  > h6 {
    opacity: 0.6;
  }
  .files {
    h6 {
      margin-bottom: 0 !important;
    }
    h6 {
      margin-top: 0.625rem;
    }
    h6 {
      margin-bottom: 0px;
    }
  }
  p {
    font-size: 0.75rem;
    line-height: 1rem;
  }
  p {
    opacity: 0.9;
  }
}

.\!files {
   {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
   {
    font-weight: 500;
  }
   {
    opacity: 0.9;
  }
}

.files,
  .folder {
  h6 {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  h6 {
    font-weight: 500;
  }
  h6 {
    opacity: 0.9;
  }
}

.file-content {
  .form-inline {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .form-inline {
    border-radius: 5px;
  }
  .form-inline {
    border-width: 1px;
  }
  .form-inline {
    border-style: solid;
  }
  .form-inline {
    border-color: rgba(var(--light-color),1);
  }
  .form-inline {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .form-inline {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .form-inline {
    i {
      padding-right: 0.625rem;
    }
    i {
      line-height: 3;
    }
    i {
      color: rgba(var(--dark-gray),1);
    }
    input {
      &::-webkit-input-placeholder {
        color: rgba(var(--dark-gray),1);
      }
      &:focus {
        outline: none;
      }
    }
  }
  .search-form {
    input {
      border-radius: 5px;
    }
    input {
      padding-top: 5px;
      padding-bottom: 5px;
    }
    input {
      padding-left: 70px;
    }
    input {
      padding-right: 0.625rem;
    }
    .form-group {
      &:before {
        left: 82px;
      }
      &:before {
        top: 37px;
      }
      &:after {
        left: 53px;
      }
      &:after {
        top: 39px;
      }
    }
  }
  .btn {
    svg.table {
      white-space: pre-wrap !important;
    }
    svg {
      margin-right: 0.125rem;
    }
    svg {
      height: 15px;
    }
    svg {
      vertical-align: middle;
    }
  }
  h5 {
    font-weight: 500;
  }
  .folder .folder-box {
    display: inline-block;
  }
  .folder .folder-box {
    width: calc(25% - 15px);
  }
  .folder .folder-box {
    border-radius: 5px;
  }
  .folder .folder-box {
    border-width: 1px;
  }
  .folder .folder-box {
    border-style: solid;
  }
  .folder .folder-box {
    --tw-border-opacity: 1;
    border-color: rgb(241 241 241 / var(--tw-border-opacity, 1));
  }
  .folder .folder-box {
    --tw-bg-opacity: 1;
    background-color: rgb(246 247 251 / var(--tw-bg-opacity, 1));
  }
  .folder .folder-box {
    padding: 15px;
  }
}

.jkanban-container {
  .note {
    a {
      display: contents;
    }
  }
  .common-f-start {
    padding: 0 !important;
  }
  .common-f-start {
    flex-wrap: wrap;
  }
  .common-f-start {
    gap: 0.625rem;
  }
  .common-f-start {
    padding: 0px;
  }
  .common-f-start {
    .btn {
      text-align: left;
    }
  }
  .kanban-container {
    .kanban-title-board {
      font-size: 17px;
    }
    .kanban-title-board {
      font-weight: 500;
    }
    footer {
      padding: 0 !important;
    }
    footer {
      padding: 0px;
    }
    footer {
      @media (max-width: 575px) {
         {
           {
             {
              > .btn {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > .btn {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              > .btn {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > .btn {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      .btn {
        width: 100%;
      }
      .btn {
        border-radius: 0px;
      }
      .btn {
        letter-spacing: 1.2px;
      }
      .btn::before {
        content: var(--tw-content);
        padding-right: 0.5rem;
      }
      .btn::before {
        --tw-content: "\2b";
        content: var(--tw-content);
      }
      .btn:hover {
        background-color: rgba(var(--light-background),1);
      }
      .btn:active {
        border-color: rgba(var(--transparent-color),1);
      }
      .btn {
        padding: calc(12px + (16 - 12) * ((100vw - 320px) / (1920 - 320)));
        &::before {
          font-family: var(--font-awesome);
        }
      }
    }
  }
}

.kanban-board-header {
  height: auto;
  width: auto;
  border-bottom-width: 1px;
  border-style: solid;
  border-bottom-color: rgba(var(--ps-light-border),1);
  line-height: unset;
  background: rgba(var(--main-body-color), 0.9);
  &.bg-primary {
    & ~ .kanban-drag {
      background-color: rgba(var(--primary-color),0.3);
    }
  }
  &.bg-warning {
    & ~ .kanban-drag {
      background-color: rgba(var(--warning-color),0.3);
    }
  }
  &.bg-success {
    & ~ .kanban-drag {
      background-color: rgba(var(--success-color),0.3);
    }
  }
}

.kanban-container {
  display: contents;
  footer {
    text-align: center;
  }
  @media (max-width: 767px) {
     {
      footer {
      }
    }
  }
  footer {
    padding-left: 0.375rem;
    padding-right: 0.375rem;
  }
  footer {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  footer {
    text-align: center;
  }
  footer {
    .btn {
      margin-bottom: 0 !important;
    }
    .btn {
      margin-bottom: 0px;
    }
  }
}

.kanban-board {
  margin-bottom: 1.25rem;
  width: calc(100% / 4 - 30px) !important;
  cursor: pointer;
  overflow: hidden;
  border-radius: 0.5rem;
  letter-spacing: 0.5px;
  --tw-shadow: 1px 5px 24px 0 rgba(68,102,242,0.05);
  --tw-shadow-colored: 1px 5px 24px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  .kanban-drag {
    background-color: rgba(var(--main-body-color),0.9);
  }
  .kanban-drag {
    .itemform {
      .form-group {
        &:last-child {
          padding-top: 0.75rem;
        }
      }
    }
  }
}

.kanban-item {
  position: relative;
  margin-bottom: 1.25rem;
  display: block;
  border-radius: 5px;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--chart-progress-light),1);
  background-color: rgba(var(--white),1);
  padding: 18px;
}

.kanban-item:last-child {
  margin-bottom: 0 !important;
  margin-bottom: 0px;
}

.kanban-item {
  .kanban-box {
    .badge {
      font-size: 11px;
    }
    .badge {
      font-weight: 400;
    }
    .badge {
      line-height: 1.5 !important;
    }
  }
  p {
    opacity: 0.7;
  }
  .list {
    display: inline-block;
  }
  .list {
    opacity: 0.4;
  }
  .list {
    li {
      display: inline-block;
    }
    li {
      font-size: 0.75rem;
      line-height: 1rem;
    }
    li {
      i {
        margin-right: 0.625rem;
      }
      + li {
        margin-left: 0.375rem;
      }
      + li {
        border-left-width: 1px;
      }
      + li {
        border-style: dotted;
      }
      + li {
        border-left-color: rgba(var(--dark-gray),1);
      }
      + li {
        padding-left: 0.375rem;
      }
    }
  }
  .common-f-start {
    li {
      [class*="bg-lighter-"] {
        font-size: 0.75rem;
        line-height: 1rem;
      }
      + li {
        margin-left: -22px;
      }
    }
  }
  .kanban-box {
    & + .kanban-box {
      margin-top: 48px !important;
    }
    & + .kanban-box {
      margin-top: 1.25rem;
    }
    .common-align {
      img {
        height: calc(34px + (40 - 34) * (100vw - 320px) / (1920 - 320));
      }
    }
    .badge {
      font-weight: 400;
    }
    h6 {
      display: block;
    }
    h6 {
      margin-left: auto;
      margin-right: auto;
    }
    h6 {
      margin-top: 0px;
      margin-bottom: 0px;
    }
    h6 {
      display: block;
    }
    h6 {
      max-width: 100%;
    }
    h6 {
      overflow: hidden;
    }
    h6 {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
    }
    h6 {
      margin-left: 0px;
      margin-right: 0px;
    }
    h6 {
      margin-top: 0.625rem;
      margin-bottom: 0.625rem;
    }
    h6 {
      overflow: hidden;
    }
    h6 {
      text-overflow: ellipsis;
    }
    h6 {
      white-space: nowrap;
    }
    .dropdown {
      position: absolute;
    }
    .dropdown {
      right: 0.625rem;
    }
    .dropdown {
      top: 1.25rem;
    }
    .dropdown {
      display: inline-block;
    }
    .dropdown {
      .dropdown-item {
        padding-left: 0.625rem;
        padding-right: 0.625rem;
      }
      .dropdown-item {
        padding-top: 5px;
        padding-bottom: 5px;
      }
      .dropdown-item {
        text-align: left;
      }
      .dropdown-item {
        font-size: 13px;
      }
      .dropdown-item {
        font-weight: 500;
      }
      svg {
        height: 0.875rem;
      }
    }
    .flex {
      flex-wrap: wrap;
    }
    .flex {
      align-items: flex-start;
    }
    .flex {
      align-items: center;
    }
    .flex {
      justify-content: space-between;
    }
    .dropdown-toggle {
      &:after {
        --tw-content: none;
        content: var(--tw-content);
      }
    }
    .customers ul li + li {
      margin-left: -0.625rem;
    }
    .date {
      color: rgba(var(--badge-light-color),0.8);
    }
  }
  footer {
    margin: 0px !important;
  }
  footer {
    padding: 0 !important;
  }
  footer {
    margin: 0px;
  }
  footer {
    padding: 0px;
  }
}

@media (max-width: 1660px) {
  .kanban-board {
    width: calc(100% / 2 - 30px) !important;
  }
}

@media (max-width: 767px) {
  .kanban-board {
    width: calc(100% / 1 - 30px) !important;
  }
}

@media (max-width: 575px) {
  .kanban-board {
    width: calc(100% / 1 - 20px) !important;
  }
}

@media (max-width: 640px) {
  .kanban-board {
    .kanban-drag {
      padding-left: 15px;
      padding-right: 15px;
    }
    .kanban-drag {
      padding-top: 0.625rem;
      padding-bottom: 0.625rem;
    }
  }

  .kanban-container {
    .kanban-board {
      margin-left: 0.625rem !important;
      margin-right: 0.625rem !important;
    }
  }
}

@media (max-width: 480px) {
  .jkanban-container {
    .card-body {
      padding-left: 15px;
      padding-right: 15px;
    }
    .card-body {
      padding-top: 1.25rem;
      padding-bottom: 1.25rem;
    }
  }

  .kanban-board {
    .kanban-drag {
      padding-left: 15px;
      padding-right: 15px;
    }
    .kanban-drag {
      padding-top: 0.625rem;
      padding-bottom: 0.625rem;
    }
  }
}

.sidebar-left-wrapper {
  border-right-width: 1px;
  border-style: solid;
  border-right-color: rgba(var(--recent-dashed-border),1);
  div {
    position: unset !important;
  }
  .sidebar-left-icons {
    display: block;
  }
  .sidebar-left-icons {
    display: block;
  }
  .sidebar-left-icons {
    .nav-item {
      position: relative;
    }
    .nav-item {
      z-index: 0;
    }
    .nav-item {
      overflow: hidden;
    }
    .nav-item {
      padding-bottom: 50px;
    }
    .nav-item:last-child {
      padding-bottom: 0 !important;
    }
    .nav-item::before {
      content: var(--tw-content);
      position: absolute;
    }
    .nav-item::before {
      content: var(--tw-content);
      left: 1.25rem;
    }
    .nav-item::before {
      content: var(--tw-content);
      bottom: 0px;
    }
    .nav-item::before {
      content: var(--tw-content);
      z-index: -1;
    }
    .nav-item::before {
      content: var(--tw-content);
      height: calc(100% - 42px);
    }
    .nav-item::before {
      content: var(--tw-content);
      border-width: 1px;
    }
    .nav-item::before {
      content: var(--tw-content);
      border-style: dashed;
    }
    .nav-item::before {
      content: var(--tw-content);
      border-color: rgba(var(--badge-light-color),0.3);
    }
    .nav-item::before {
      --tw-content: "";
      content: var(--tw-content);
    }
    .nav-item:last-child {
      padding-bottom: 0px;
    }
    .nav-item:last-child::before {
      --tw-content: none;
      content: var(--tw-content);
    }
    .nav-item {
      &:first-child {
        .tab-link {
          padding-top: 0px;
        }
      }
      &:last-child {
        .tab-link {
          padding-bottom: 0 !important;
        }
        .tab-link {
          padding-bottom: 0 !important;
        }
        .tab-link {
          padding-bottom: 0px;
        }
        .tab-link {
          padding-bottom: 0px;
        }
      }
      .tab-link {
        padding-left: 0 !important;
        padding-right: 0 !important;
      }
      @media (min-width: 1200px) {
         {
           {
             {
              .tab-link {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              .tab-link {
              }
            }
          }
        }
      }
      .tab-link {
        display: flex;
      }
      .tab-link {
        align-items: center;
      }
      .tab-link {
        gap: 0.75rem;
      }
      .tab-link {
        background-color: rgba(var(--white-bg),1);
      }
      .tab-link {
        padding-left: 0px;
        padding-right: 0px;
      }
      .tab-link {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
      }
      .tab-link {
        &.active,
          &:active {
          color: unset;
        }
        &.active,
          &:active {
          .nav-rounded {
            border-width: 1px;
          }
          .nav-rounded {
            border-style: solid;
          }
          .nav-rounded {
            border-color: rgba(var(--theme-default),1);
          }
          .nav-rounded {
            .product-icons {
              background-color: rgba(var(--theme-default),1);
            }
            .product-icons {
              svg {
                animation: tada 2.4s ease infinite;
              }
              svg {
                stroke: rgba(var(--white),1);
              }
            }
          }
          .product-tab-content {
            h6 {
              font-weight: 500;
            }
            h6 {
              color: rgba(var(--theme-default),1);
            }
          }
        }
        .nav-rounded {
          position: relative;
        }
        .nav-rounded {
          z-index: 2;
        }
        .nav-rounded {
          height: 42px;
        }
        .nav-rounded {
          min-width: 42px;
        }
        .nav-rounded {
          border-radius: 100%;
        }
        .nav-rounded {
          border-width: 1px;
        }
        .nav-rounded {
          border-style: solid;
        }
        .nav-rounded {
          border-color: rgba(var(--recent-dashed-border),1);
        }
        .nav-rounded {
          padding: 0.125rem;
        }
        .nav-rounded {
          --tw-shadow: inset 0px 9px 20px 0px rgb(46 35 94 / 7%);
          --tw-shadow-colored: inset 0px 9px 20px 0px var(--tw-shadow-color);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
        }
        .nav-rounded {
          @media (min-width: 1200px) {
             {
               {
                 {
                  .product-icons {
                  }
                }
              }
            }
          }
          @media (max-width: 575px) {
             {
               {
                 {
                  .product-icons {
                  }
                }
              }
            }
          }
          .product-icons {
            display: flex;
          }
          .product-icons {
            height: 100%;
          }
          .product-icons {
            min-width: 100%;
          }
          .product-icons {
            align-items: center;
          }
          .product-icons {
            justify-content: center;
          }
          .product-icons {
            border-radius: 100%;
          }
          .product-icons {
            background-color: rgba(var(--white-bg),1);
          }
          .product-icons {
            svg {
              height: 18px;
            }
            svg {
              width: 18px;
            }
            svg {
              stroke: rgba(var(--badge-light-color),0.8);
            }
          }
        }
        .product-tab-content {
          h6 {
            display: block;
          }
          h6 {
            margin-left: auto;
            margin-right: auto;
          }
          h6 {
            margin-top: 0px;
            margin-bottom: 0px;
          }
          h6 {
            display: block;
          }
          h6 {
            max-width: 100%;
          }
          h6 {
            overflow: hidden;
          }
          h6 {
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
          }
          @media (max-width: 575px) {
             {
               {
                 {
                  > h6 {
                    width: 90%;
                  }
                }
              }
            }

             {
               {
                 {
                   {
                    > h6 {
                      width: 90%;
                    }
                  }
                }
              }
            }
          }
          @media (max-width: 575px) {
             {
               {
                 {
                  > h6 {
                    width: 90%;
                  }
                }
              }
            }

             {
               {
                 {
                   {
                    > h6 {
                      width: 90%;
                    }
                  }
                }
              }
            }
          }
          h6 {
            width: 100%;
          }
          h6 {
            overflow: hidden;
          }
          h6 {
            text-overflow: ellipsis;
          }
          h6 {
            font-weight: 400;
          }
          h6 {
            color: rgba(var(--body-font-color),1);
          }
          h6 {
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
          }
          p {
            display: block;
          }
          p {
            margin-left: auto;
            margin-right: auto;
          }
          p {
            margin-top: 0px;
            margin-bottom: 0px;
          }
          p {
            display: block;
          }
          p {
            max-width: 100%;
          }
          p {
            overflow: hidden;
          }
          p {
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
          }
          @media (max-width: 575px) {
             {
               {
                 {
                  > p {
                    width: 90%;
                  }
                }
              }
            }

             {
               {
                 {
                   {
                    > p {
                      width: 90%;
                    }
                  }
                }
              }
            }
          }
          @media (max-width: 575px) {
             {
               {
                 {
                  > p {
                    width: 90%;
                  }
                }
              }
            }

             {
               {
                 {
                   {
                    > p {
                      width: 90%;
                    }
                  }
                }
              }
            }
          }
          p {
            width: 100%;
          }
          p {
            overflow: hidden;
          }
          p {
            text-overflow: ellipsis;
          }
          p {
            color: rgba(var(--chart-text-color),1);
          }
          p {
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
          }
        }
      }
      &:hover {
        .nav-rounded {
          border-width: 1px;
        }
        .nav-rounded {
          border-style: solid;
        }
        .nav-rounded {
          border-color: rgba(var(--theme-default),1);
        }
        .nav-rounded {
          .product-icons {
            background-color: rgba(var(--light-shade-primary),1);
          }
          .product-icons {
            svg {
              animation: tada 1.5s ease infinite;
            }
            svg {
              stroke: rgba(var(--theme-default),1);
            }
          }
        }
        .product-tab-content {
          h6 {
            color: rgba(var(--theme-default),1);
          }
        }
      }
    }
  }
}

.sidebar-body {
  form {
    .form-control,
      .form-select {
      &:focus {
        --tw-shadow-color: unset;
        --tw-shadow: var(--tw-shadow-colored);
      }
    }
  }
  .ql-formats {
    border-right-width: 1px;
  }
  .ql-formats {
    border-style: solid;
  }
  .ql-formats {
    border-right-color: rgba(var(--recent-dashed-border),1);
  }
  .ql-formats:last-of-type {
    border-right-color: unset;
  }
  #editor2 {
    min-height: 160px;
  }
  input[type="number"]::-webkit-inner-spin-button,
    input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: inner-spin-button;
  }
  .form-select,
    .form-control {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .form-select,
    .form-control {
    color: rgba(var(--badge-light-color),0.8);
  }
  .product-upload {
    .dropzone {
      .dz-message {
        i {
          font-size: 42px;
        }
      }
    }
    p {
      margin-bottom: calc(8px + (18 - 8) * ((100vw - 320px) / (1920 - 320)));
    }
    p {
      line-height: 0;
    }
    &:nth-child(1) {
      margin-bottom: 2.5rem;
    }
    &:nth-child(2) {
      margin-bottom: 65px;
    }
    form {
      svg {
        height: 48px;
      }
      svg {
        width: 48px;
      }
      h6 {
        font-size: 0.875rem;
        line-height: 1.25rem;
      }
      h6 {
        font-weight: 400;
      }
      h6 {
        line-height: 1.8;
      }
      span {
        font-size: 0.875rem;
        line-height: 1.25rem;
      }
      span {
        color: rgba(var(--chart-text-color),1);
      }
    }
  }
}

.category-button {
  border-bottom-width: 1px;
  border-style: dashed;
  border-bottom-color: rgba(var(--recent-dashed-border),1);
  padding-bottom: 30px;
  a {
    padding: 1rem !important;
  }
  a {
    padding: 0.75rem;
  }
}

.create-category {
  .toolbar-box {
    margin-top: 0.75rem;
  }
}

.product-date {
  .form-control[readonly] {
    background-color: rgba(var(--white),1);
  }
}

.price-wrapper {
  .radio-wrapper {
    margin-top: 0.25rem;
  }
  .radio-wrapper {
    justify-content: flex-start;
  }
  .radio-wrapper {
    li {
      max-width: 200px;
    }
    li {
      .form-check-input {
        border-radius: 5px;
      }
      .form-check-input {
        background-color: rgba(var(--light-background),1);
      }
      .form-check-input:checked {
        border-radius: 5px;
      }
      .form-check-input:checked {
        border-width: 1px;
      }
      .form-check-input:checked {
        border-style: solid;
      }
      .form-check-input:checked {
        border-color: rgba(var(--theme-default),1);
      }
      .form-check-input:checked {
        background-color: rgba(var(--light-background),1);
      }
      .form-check-input {
        ~ .form-check-label {
          span {
            position: relative;
          }
          span {
            font-size: 15px;
          }
          span {
            color: rgba(var(--color-scarpa),1);
          }
        }
        &:checked {
          ~ .form-check-label {
            span {
              position: relative;
            }
            span {
              color: rgba(var(--theme-default),1);
            }
          }
        }
      }
    }
  }
  .form-select {
    font-size: 15px;
  }
  .form-select {
    color: rgba(var(--badge-light-color),0.8);
  }
}

.advance-options {
  ul {
    border-bottom-width: 1px;
  }
  ul {
    border-style: solid;
  }
  ul {
    border-bottom-color: rgba(var(--recent-dashed-border),1);
  }
  ul {
    padding-bottom: 7px;
  }
  ul {
    &.border-tab {
      &.tab-links {
        flex-wrap: wrap;
      }
      &.tab-links {
        row-gap: 18px;
      }
      &.tab-links {
        li {
          .tab-link {
            border-bottom-width: 2px;
          }
          .tab-link {
            border-style: solid;
          }
          .tab-link {
            border-bottom-color: transparent;
          }
          .tab-link {
            font-size: 1rem;
            line-height: 1.5rem;
          }
          .tab-link {
            color: rgba(var(--body-font-color),1);
          }
          .tab-link {
            transition-property: all;
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-duration: 150ms;
          }
          .tab-link {
            transition-duration: 0.3s;
          }
          .tab-link {
            transition-timing-function: ease-in-out;
          }
          .tab-link {
            &:active,
              &.active {
              border-bottom-width: 2px;
            }
            &:active,
              &.active {
              border-style: solid;
            }
            &:active,
              &.active {
              border-bottom-color: rgba(var(--theme-default),1);
            }
            &:active,
              &.active {
              color: rgba(var(--body-font-color),1);
            }
            &:active,
              &.active {
              transition-property: all;
              transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
              transition-duration: 150ms;
            }
            &:active,
              &.active {
              transition-duration: 0.3s;
            }
            &:active,
              &.active {
              transition-timing-function: ease-in-out;
            }
          }
        }
      }
    }
  }
}

.meta-body {
  padding-top: 1rem;
  input {
    &::-moz-placeholder {
      color: rgba(var(--theme-font-color),0.8);
    }
    &::placeholder {
      color: rgba(var(--theme-font-color),0.8);
    }
  }
  .custom-input {
    .form-check {
      .form-check-input {
        &:checked {
          background-color: rgba(var(--theme-default),1);
        }
        &:valid {
          border-color: rgba(var(--theme-default),1);
        }
        &:valid {
          ~ {
            .form-check-label {
              color: rgba(var(--badge-light-color),0.8);
            }
          }
        }
      }
    }
  }
}

.product-tag {
  .tagify {
    padding: 0 !important;
  }
  @media (min-width: 1200px) {
     {
       {
         {
          .tagify {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          > .tagify {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > .tagify {
              width: 90%;
            }
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          > .tagify {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > .tagify {
              width: 90%;
            }
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .tagify {
          }
        }
      }
    }
  }
  .tagify {
    display: flex;
  }
  .tagify {
    height: auto;
  }
  .tagify {
    width: 100%;
  }
  .tagify {
    align-items: center;
  }
  .tagify {
    border-radius: 0.25rem;
  }
  .tagify {
    padding: 0px;
  }
}

.tagify__tag {
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 5px;
  margin-right: 0px;
}

.tagify__input {
  margin: 0px;
}

.list-product {
  &.list-category {
    @media (min-width: 1200px) {
       {
         {
           {
            .square-white {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            .square-white {
            }
          }
        }
      }
    }
    .square-white {
      display: flex;
    }
    .square-white {
      height: 34px;
    }
    .square-white {
      width: 34px;
    }
    .square-white {
      align-items: center;
    }
    .square-white {
      justify-content: center;
    }
    .square-white {
      border-radius: 0.125rem;
    }
    .square-white {
      background-color: rgba(var(--white),1);
    }
    .square-white {
      --tw-shadow: 0px 0px 28px 6px rgba(235,235,235,0.4);
      --tw-shadow-colored: 0px 0px 28px 6px var(--tw-shadow-color);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
    .square-white {
      svg {
        height: 16px;
      }
      svg {
        width: 16px;
      }
      svg {
        fill: rgba(var(--badge-light-color),0.8);
      }
    }
    div.dt-container {
      .dt-layout-row {
        .dt-search {
          right: 214px;
        }
        .dt-search {
          top: 18px;
        }
        .dt-search {
          .dt-input {
            width: auto;
          }
        }
      }
    }
    table {
      thead,
        tbody {
        tr {
          th,
            td {
            min-width: auto;
          }
          th,
            td {
            color: rgba(var(--body-font-color),1);
          }
          th,
            td {
            &:first-child {
              padding-left: 1.25rem;
            }
            &:last-child {
              padding-right: 1.25rem;
            }
            .badge {
              padding-left: 0.75rem;
              padding-right: 0.75rem;
            }
            .badge {
              padding-top: 0.375rem;
              padding-bottom: 0.375rem;
            }
            .badge {
              font-size: 0.75rem;
              line-height: 1rem;
            }
          }
        }
      }
    }
  }
  .datatable-container {
    cursor: pointer;
  }
  .datatable-container {
    tbody {
      tr {
        cursor: pointer;
      }
    }
  }
  .datatable-dropdown {
    position: relative;
  }
  .datatable-dropdown {
    label {
      color: rgba(var(--body-font-color),1);
    }
    label::before {
      content: var(--tw-content);
    }
    label::before {
      margin: 0px !important;
    }
    label::before {
      content: var(--tw-content);
      position: absolute;
    }
    label::before {
      content: var(--tw-content);
      left: 38px;
    }
    label::before {
      content: var(--tw-content);
      top: 0.375rem;
    }
    label::before {
      content: var(--tw-content);
      margin: 0px;
    }
    label::before {
      content: var(--tw-content);
      font-size: 1rem;
      line-height: 1.5rem;
    }
    label::before {
      content: var(--tw-content);
      color: rgba(var(--chart-text-color),1);
    }
    label::before {
      --tw-content: "\f107";
      content: var(--tw-content);
    }
    label {
      &:before {
        font-family: "FontAwesome";
      }
    }
  }
  .datatable-selector {
    min-width: 55px;
  }
  .datatable-selector {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
  }
  .datatable-selector {
    &:focus,
      &:focus-visible {
      outline: none;
    }
  }
  tr {
    th,
      td {
      text-align: left;
    }
    th:nth-child(1) {
      .datatable-sorter {
        &::before,
          &::after {
          border-color: none;
        }
      }
    }
    th,
      td {
      &:nth-child(1) {
        min-width: 20px;
      }
    }
    th,
      td {
      &:nth-child(2) {
        min-width: 110px;
      }
    }
    th,
      td {
      &:nth-child(3) {
        min-width: 90px;
      }
    }
    th,
      td {
      &:nth-child(4) {
        min-width: 120px;
      }
    }
    th,
      td {
      &:nth-child(5) {
        min-width: 120px;
      }
    }
    th,
      td {
      &:nth-child(6) {
        min-width: 80px;
      }
    }
    th,
      td {
      &:nth-child(7) {
        min-width: 100px;
      }
    }
    th,
      td {
      &:nth-child(8) {
        min-width: 140px;
      }
    }
    th,
      td {
      &:nth-child(9) {
        min-width: 105px;
      }
    }
  }
  &:focus-visible {
    outline: 0;
  }
  .datatable-top {
    padding: 0 !important;
  }
  @media (min-width: 1200px) {
     {
       {
         {
          .datatable-top {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .datatable-top {
          }
        }
      }
    }
  }
  .datatable-top {
    display: flex;
  }
  .datatable-top {
    flex-wrap: wrap;
  }
  .datatable-top {
    gap: 22px;
  }
  .datatable-top {
    padding: 0px;
  }
  .datatable-search {
    float: left;
  }
  .datatable-container {
    &:focus-visible {
      outline: 0;
    }
  }
  .datatable-bottom {
    .datatable-info {
      color: rgba(var(--body-font-color),1);
    }
  }
  .datatable-top {
    visibility: visible;
  }
  .datatable-pagination {
    li {
      &.datatable-hidden {
        visibility: visible;
      }
      &.datatable-hidden {
        a {
          font-weight: 500;
        }
        a {
          color: rgba(var(--theme-default),1);
        }
        a {
          opacity: 1;
        }
      }
    }
    .datatable-active {
      .datatable-pagination-list-item-link {
        background-color: rgba(var(--theme-default),1);
      }
      .datatable-pagination-list-item-link {
        color: rgba(var(--white),1);
      }
    }
    .datatable-pagination-list-item-link {
      border-radius: 5px;
    }
    .datatable-pagination-list-item-link {
      background-color: rgba(var(--light-shade-primary),0.02);
    }
  }
}

.table {
  &#project-status {
    tbody {
      tr {
        td {
          vertical-align: inherit;
        }
      }
    }
  }
}

@media (min-width: 1200px) {
   {
     {
       {
        .product-names {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .product-names {
        }
      }
    }
  }
}

.product-names {
  display: flex;
  align-items: center;
  gap: 15px;
  @media (min-width: 1200px) {
     {
       {
         {
          .light-product-box {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .light-product-box {
          }
        }
      }
    }
  }
  .light-product-box {
    display: flex;
  }
  .light-product-box {
    height: 49px;
  }
  .light-product-box {
    min-width: 49px;
  }
  .light-product-box {
    align-items: center;
  }
  .light-product-box {
    justify-content: center;
  }
  .light-product-box {
    border-radius: 3px;
  }
  .light-product-box {
    background-color: rgba(var(--chart-progress-light),1);
  }
  .light-product-box {
    img {
      height: 26px;
    }
  }
}

.datatable-input,
  .datatable-selector {
  border-radius: 5px;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--recent-dashed-border),1);
  background: unset;
}

.e-category {
  .category-popup {
    .tagify {
      padding: 0 !important;
    }
    @media (min-width: 1200px) {
       {
         {
           {
            .tagify {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > .tagify {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > .tagify {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > .tagify {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > .tagify {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            .tagify {
            }
          }
        }
      }
    }
    .tagify {
      display: flex;
    }
    .tagify {
      height: auto;
    }
    .tagify {
      width: 100%;
    }
    .tagify {
      align-items: center;
    }
    .tagify {
      border-radius: 0.25rem;
    }
    .tagify {
      border-color: rgba(var(--tw-border-color),1);
    }
    .tagify {
      padding: 0px;
    }
  }
  .form-label {
    color: rgba(var(--badge-light-color),1);
  }
  .form-control {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .form-control {
    color: rgba(var(--body-font-color),1);
  }
  .form-control {
    &::-moz-placeholder {
      color: rgba(var(--badge-light-color),0.6);
    }
    &::placeholder {
      color: rgba(var(--badge-light-color),0.6);
    }
  }
  .form-select {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .form-select {
    color: rgba(var(--badge-light-color),0.8);
  }
  .main-divider {
    padding-block: 18px;
    .divider-body {
      position: relative;
    }
    .divider-body {
      z-index: 0;
    }
    @media (max-width: 575px) {
    }
    @media (max-width: 575px) {
    }
    .divider-body::before {
      content: var(--tw-content);
      position: absolute;
    }
    .divider-body::before {
      content: var(--tw-content);
      left: 0px;
    }
    .divider-body::before {
      content: var(--tw-content);
      top: 50%;
    }
    .divider-body::before {
      content: var(--tw-content);
      z-index: -1;
    }
    .divider-body::before {
      content: var(--tw-content);
      width: 100%;
    }
    .divider-body::before {
      content: var(--tw-content);
      --tw-translate-y: -50%;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    .divider-body::before {
      content: var(--tw-content);
      border-width: 1px;
    }
    .divider-body::before {
      content: var(--tw-content);
      border-style: dashed;
    }
    .divider-body::before {
      content: var(--tw-content);
      border-color: rgba(var(--badge-light-color),0.1);
    }
    .divider-body::before {
      --tw-content: "";
      content: var(--tw-content);
    }
    .divider-body {
      h6 {
        display: inline-block;
      }
      h6 {
        background-color: rgba(var(--white-bg),1);
      }
      h6 {
        padding-right: 0.75rem;
      }
      h6 {
        color: rgba(var(--badge-light-color),1);
      }
    }
  }
}

@media (min-width: 1200px) {
   {
     {
       {
        .discount-options {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .discount-options {
        }
      }
    }
  }
}

.discount-options {
  margin-top: 0.25rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: calc(12px + (30 - 12) * ((100vw - 320px) / (1920 - 320)));
  li {
    .tab-link {
      text-align: center;
    }
    .tab-link {
      padding: 1rem !important;
    }
    @media (min-width: 1200px) {
       {
         {
           {
            .tab-link {
            }
          }
        }
      }
    }
    @media (max-width: 767px) {
       {
        .tab-link {
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            .tab-link {
            }
          }
        }
      }
    }
    .tab-link {
      position: relative;
    }
    .tab-link {
      display: flex;
    }
    .tab-link {
      height: 70px;
    }
    .tab-link {
      width: 185px;
    }
    .tab-link {
      align-items: center;
    }
    .tab-link {
      justify-content: center;
    }
    .tab-link {
      border-radius: 5px;
    }
    .tab-link {
      border-color: none;
    }
    .tab-link {
      background-color: rgba(var(--light-background),1);
    }
    .tab-link {
      padding: 0.75rem;
    }
    .tab-link {
      text-align: center;
    }
    .tab-link {
      font-size: 15px;
    }
    .tab-link {
      color: rgba(var(--color-scarpa),1);
    }
    .tab-link {
      span {
        font-weight: 400;
      }
      &.active {
        background-color: rgba(var(--theme-default),1) !important;
      }
      &.active {
        color: rgba(var(--white),1) !important;
      }
    }
  }
}

.common-form {
  .product-buttons {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .product-buttons {
    padding-bottom: 0 !important;
  }
  .product-buttons {
    margin-bottom: 0 !important;
  }
  .product-buttons {
    position: absolute;
  }
  .product-buttons {
    left: 50%;
  }
  .product-buttons {
    bottom: 0px;
  }
  .product-buttons {
    margin-left: 0px;
    margin-right: 0px;
  }
  .product-buttons {
    margin-top: 15px;
  }
  .product-buttons {
    margin-bottom: 0px;
  }
  .product-buttons {
    display: inline-flex;
  }
  .product-buttons {
    width: calc(100% - 48px);
  }
  .product-buttons {
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .product-buttons {
    justify-content: flex-end;
  }
  .product-buttons {
    border-top-width: 1px;
  }
  .product-buttons {
    border-style: solid;
  }
  .product-buttons {
    border-top-color: rgba(var(--recent-dashed-border),1);
  }
  .product-buttons {
    padding-left: 0px;
    padding-right: 0px;
  }
  .product-buttons {
    padding-top: 0.75rem;
  }
  .product-buttons {
    padding-bottom: 0px;
  }
  .product-buttons {
    text-align: end;
  }
  .product-buttons {
    svg {
      height: 18px;
    }
    svg {
      width: 18px;
    }
    svg {
      stroke: rgba(var(--chart-text-color),1);
    }
    svg {
      vertical-align: sub;
    }
    .btn {
      display: inline-flex;
    }
    .btn {
      border-width: 1px;
    }
    .btn {
      border-style: solid;
    }
    .btn {
      border-color: rgba(var(--gray-60),1);
    }
    .btn {
      padding-left: 1.25rem;
      padding-right: 1.25rem;
    }
    .btn {
      padding-top: 0.375rem;
      padding-bottom: 0.375rem;
    }
    .btn {
      font-weight: 500;
    }
    .btn {
      color: rgba(var(--chart-text-color),0.8);
    }
    .btn:first-child {
      margin-right: 0.75rem;
    }
    .btn {
      &:hover,
        &:active {
        background-color: rgba(var(--theme-default),1);
      }
      &:hover,
        &:active {
        color: rgba(var(--light),1);
      }
      &:hover,
        &:active {
        svg {
          stroke: rgba(var(--light),1);
        }
      }
      &:first-child {
        svg {
          margin-right: 0.5rem;
        }
      }
      &:last-child {
        svg {
          margin-left: 0.5rem;
        }
      }
    }
  }
}

.common-tagify {
  .tagify {
    padding: 0 !important;
  }
  @media (min-width: 1200px) {
     {
       {
         {
          .tagify {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          > .tagify {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > .tagify {
              width: 90%;
            }
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          > .tagify {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > .tagify {
              width: 90%;
            }
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .tagify {
          }
        }
      }
    }
  }
  .tagify {
    display: flex;
  }
  .tagify {
    height: auto;
  }
  .tagify {
    width: 100%;
  }
  .tagify {
    align-items: center;
  }
  .tagify {
    border-radius: 0.25rem;
  }
  .tagify {
    padding: 0px;
  }
}

@media (min-width: 1200px) {
   {
     {
       {
        .category-btn {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .category-btn {
        }
      }
    }
  }
}

.category-btn {
  margin-top: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.product-page-width {
  tbody {
    tr {
      td {
        border-width: 1px;
      }
      td {
        border-style: solid;
      }
      td {
        border-color: rgba(var(--recent-dashed-border),1);
      }
      td {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
      }
      td {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
      }
    }
  }
}

.review-box {
  .product-rating {
    .common-flex {
      gap: 0.375rem;
    }
    .common-flex {
      i {
        font-size: 1.125rem;
        line-height: 1.75rem;
      }
      i {
        color: rgba(var(--badge-light-color),0.8);
      }
      i {
        &.fill {
          color: rgba(var(--warning-color),1);
        }
      }
    }
  }
  .rating-box {
    @media (min-width: 1200px) {
       {
         {
           {
            ul {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            ul {
            }
          }
        }
      }
    }
    ul {
      display: flex;
    }
    ul {
      flex-wrap: wrap;
    }
    ul {
      align-items: center;
    }
    ul {
      justify-content: center;
    }
    ul {
      gap: 0.625rem;
    }
    ul {
      @media (max-width: 575px) {
         {
           {
             {
              > li {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > li {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              > li {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > li {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      li {
        width: 100%;
      }
      li {
        @media (min-width: 1200px) {
           {
             {
               {
                .rating-list {
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                .rating-list {
                }
              }
            }
          }
        }
        .rating-list {
          display: flex;
        }
        .rating-list {
          flex-wrap: nowrap;
        }
        .rating-list {
          align-items: center;
        }
        .rating-list {
          justify-content: center;
        }
        .rating-list {
          gap: 0.75rem;
        }
        .rating-list {
          h6 {
            margin: 0px !important;
          }
          h6 {
            margin: 0px;
          }
          h6 {
            white-space: nowrap;
          }
          h6 {
            font-size: calc( 15px + (16 - 15) * ((100vw - 320px) / (1920 - 320)) );
          }
          h6 {
            font-weight: 400;
          }
          h6 {
            line-height: 1.2;
          }
          h6 {
            i {
              margin-left: 3px;
            }
            i {
              font-size: 0.875rem;
              line-height: 1.25rem;
            }
            i {
              color: rgba(var(--badge-light-color),0.6);
            }
          }
          @media (min-width: 1200px) {
             {
               {
                 {
                  .progress {
                  }
                }
              }
            }
          }
          @media (max-width: 575px) {
             {
               {
                 {
                  > .progress {
                    width: 90%;
                  }
                }
              }
            }

             {
               {
                 {
                   {
                    > .progress {
                      width: 90%;
                    }
                  }
                }
              }
            }
          }
          @media (max-width: 575px) {
             {
               {
                 {
                  > .progress {
                    width: 90%;
                  }
                }
              }
            }

             {
               {
                 {
                   {
                    > .progress {
                      width: 90%;
                    }
                  }
                }
              }
            }
          }
          @media (max-width: 575px) {
             {
               {
                 {
                  .progress {
                  }
                }
              }
            }
          }
          .progress {
            display: flex;
          }
          .progress {
            height: 0.5rem;
          }
          .progress {
            width: 100%;
          }
          .progress {
            overflow: hidden;
          }
          .progress {
            border-radius: 0.25rem;
          }
          .progress {
            font-size: 0.75rem;
            line-height: 1rem;
          }
          .progress {
            .progress-bar {
              background-color: rgba(var(--theme-default),1);
            }
          }
        }
      }
    }
  }
  .review-people {
    margin-top: 24px;
  }
  .review-people {
    .review-list {
      gap: 24px !important;
    }
    @media (min-width: 1200px) {
       {
         {
           {
            .review-list {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            .review-list {
            }
          }
        }
      }
    }
    .review-list {
      display: flex;
    }
    .review-list {
      max-height: 330px;
    }
    .review-list {
      flex-wrap: wrap;
    }
    .review-list {
      align-items: center;
    }
    .review-list {
      gap: 1rem;
    }
    .review-list {
      overflow-y: auto;
    }
    .review-list {
      li {
        display: block;
      }
      @media (max-width: 575px) {
         {
           {
             {
              > li {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > li {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              > li {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > li {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      li {
        display: block;
      }
      li {
        width: 100%;
      }
      li {
        @media (min-width: 1200px) {
           {
             {
               {
                .people-box {
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                > .people-box {
                  width: 90%;
                }
              }
            }
          }

           {
             {
               {
                 {
                  > .people-box {
                    width: 90%;
                  }
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                > .people-box {
                  width: 90%;
                }
              }
            }
          }

           {
             {
               {
                 {
                  > .people-box {
                    width: 90%;
                  }
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                .people-box {
                }
              }
            }
          }
        }
        .people-box {
          display: flex;
        }
        .people-box {
          width: 100%;
        }
        .people-box {
          border-radius: 10px;
        }
        .people-box {
          background-color: rgba(var(--light-background),1);
        }
        .people-box {
          padding-left: 1.25rem;
          padding-right: 1.25rem;
        }
        .people-box {
          padding-top: 1rem;
          padding-bottom: 1rem;
        }
        .people-box {
          .people-comment {
            @media (min-width: 1200px) {
               {
                 {
                   {
                    .people-name {
                    }
                  }
                }
              }
            }
            @media (max-width: 575px) {
               {
                 {
                   {
                    .people-name {
                    }
                  }
                }
              }
            }
            .people-name {
              display: flex;
            }
            .people-name {
              flex-wrap: wrap;
            }
            .people-name {
              align-items: center;
            }
            .people-name {
              gap: 0.5rem;
            }
            .people-name {
              @media (min-width: 1200px) {
                 {
                   {
                     {
                      > div {
                      }
                    }
                  }
                }
              }
              @media (max-width: 575px) {
                 {
                   {
                     {
                      > div {
                      }
                    }
                  }
                }
              }
              > div {
                display: flex;
              }
              > div {
                gap: 3px;
              }
            }
            .date-time {
              display: block;
            }
            @media (max-width: 575px) {
               {
                 {
                   {
                    > .date-time {
                      width: 90%;
                    }
                  }
                }
              }

               {
                 {
                   {
                     {
                      > .date-time {
                        width: 90%;
                      }
                    }
                  }
                }
              }
            }
            @media (max-width: 575px) {
               {
                 {
                   {
                    > .date-time {
                      width: 90%;
                    }
                  }
                }
              }

               {
                 {
                   {
                     {
                      > .date-time {
                        width: 90%;
                      }
                    }
                  }
                }
              }
            }
            .date-time {
              display: block;
            }
            .date-time {
              width: 100%;
            }
            .product-rating {
              .common-flex {
                gap: 3px;
              }
              .common-flex {
                i {
                  font-size: 0.75rem;
                  line-height: 1rem;
                }
              }
            }
            h6 {
              margin-left: auto;
            }
            h6 {
              font-size: 13px;
            }
            h6 {
              font-weight: 400;
            }
            h6 {
              color: rgba(var(--badge-light-color),0.8);
            }
          }
          img {
            height: calc(45px + (58 - 45) * ((100vw - 320px) / (1920 - 320)));
          }
          img {
            border-radius: 0.5rem;
          }
          img {
            -o-object-fit: cover;
               object-fit: cover;
          }
          img {
            transition-property: all;
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-duration: 150ms;
          }
          img {
            transition-duration: 0.3s;
          }
          img {
            transition-timing-function: ease-in-out;
          }
          .people-comment {
            padding-left: calc( 10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)) );
          }
          .people-comment {
            .name {
              display: block;
            }
            .name {
              display: block;
            }
            .name {
              font-weight: 500;
            }
            .name:hover {
              color: rgba(var(--theme-default),1);
            }
            @media (min-width: 1200px) {
               {
                 {
                   {
                    .date-time {
                    }
                  }
                }
              }
            }
            @media (max-width: 575px) {
               {
                 {
                   {
                    > .date-time {
                      width: 90%;
                    }
                  }
                }
              }

               {
                 {
                   {
                     {
                      > .date-time {
                        width: 90%;
                      }
                    }
                  }
                }
              }
            }
            @media (max-width: 575px) {
               {
                 {
                   {
                    > .date-time {
                      width: 90%;
                    }
                  }
                }
              }

               {
                 {
                   {
                     {
                      > .date-time {
                        width: 90%;
                      }
                    }
                  }
                }
              }
            }
            @media (max-width: 575px) {
               {
                 {
                   {
                    .date-time {
                    }
                  }
                }
              }
            }
            .date-time {
              display: flex;
            }
            .date-time {
              width: 100%;
            }
            .date-time {
              align-items: center;
            }
            .date-time {
              justify-content: space-between;
            }
            .date-time {
              h6 {
                margin: 0px !important;
              }
              h6 {
                margin: 0px;
              }
            }
          }
          .reply {
            margin-top: 0.125rem;
          }
          .reply {
            line-height: 1.6;
          }
          .reply {
            p {
              margin: 0px !important;
            }
            p {
              display: block;
            }
            p {
              margin-left: auto;
              margin-right: auto;
            }
            p {
              margin-top: 0px;
              margin-bottom: 0px;
            }
            p {
              display: block;
            }
            p {
              max-width: 100%;
            }
            p {
              overflow: hidden;
            }
            p {
              display: -webkit-box;
              -webkit-line-clamp: 2;
              -webkit-box-orient: vertical;
            }
            p {
              margin: 0px;
            }
            p {
              height: auto;
            }
            p {
              max-width: 100%;
            }
            p {
              overflow: hidden;
            }
            p {
              text-overflow: ellipsis;
            }
            p {
              line-height: 1.6;
            }
            p {
              display: -webkit-box;
              -webkit-line-clamp: 2;
              -webkit-box-orient: vertical;
            }
          }
        }
      }
    }
  }
}

.product-rating-box {
  .main-product-rating {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
  .main-product-rating {
    i.table {
      white-space: pre-wrap !important;
    }
    i {
      margin-left: 0.25rem;
    }
    i {
      margin-top: -0.5rem;
    }
    i {
      vertical-align: middle;
    }
    i {
      font-size: 22px;
    }
    i {
      color: rgba(var(--warning-color),1);
    }
  }
  .review-title-2 {
    margin-top: calc(13px + 12 * (100vw - 320px) / 1600);
  }
  .review-title-2 {
    border-top-width: 1px;
  }
  .review-title-2 {
    border-style: solid;
  }
  .review-title-2 {
    border-top-color: rgba(var(--chart-progress-light),1);
  }
  .review-title-2 {
    padding-top: calc(13px + 12 * (100vw - 320px) / 1600);
  }
  .review-title-2 {
    p {
      margin-bottom: calc(7px + 6 * (100vw - 320px) / 1600);
    }
    p {
      font-size: 15px;
    }
    p {
      line-height: 1.6;
    }
    p {
      color: rgba(var(--badge-light-color),0.6);
    }
  }
  .product-review-rating {
    margin-bottom: 16px !important;
  }
  .product-review-rating {
    padding-bottom: 16px !important;
  }
  @media (min-width: 1200px) {
     {
       {
         {
          .product-review-rating {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .product-review-rating {
          }
        }
      }
    }
  }
  .product-review-rating {
    margin-bottom: 0.75rem;
  }
  .product-review-rating {
    display: flex;
  }
  .product-review-rating {
    align-items: center;
  }
  .product-review-rating {
    justify-content: flex-start;
  }
  .product-review-rating {
    gap: 0.5rem;
  }
  .product-review-rating {
    padding-bottom: 0.75rem;
  }
  .product-review-rating {
    .product-rating {
      .common-flex {
        i {
          font-size: 0.875rem;
          line-height: 1.25rem;
        }
      }
    }
  }
}

.list-product-view {
  .list-product {
    .recent-table {
      div.dt-container {
        .dt-layout-row {
          .dt-search {
            right: 214px;
          }
          .dt-search {
            top: 1.25rem;
          }
          .dt-search {
            .dt-input {
              width: auto;
            }
          }
        }
      }
      table {
        thead,
          tbody {
          tr {
            th,
              td {
              min-width: auto;
            }
            th,
              td {
              color: rgba(var(--body-font-color),1);
            }
            th,
              td {
              &:first-child {
                padding-left: 1.25rem;
              }
              &:last-child {
                padding-right: 1.25rem;
              }
              @media (min-width: 1200px) {
                 {
                   {
                     {
                      .product-action {
                      }
                    }
                  }
                }
              }
              @media (max-width: 575px) {
                 {
                   {
                     {
                      .product-action {
                      }
                    }
                  }
                }
              }
              .product-action {
                display: flex;
              }
              .product-action {
                align-items: center;
              }
              .product-action {
                justify-content: flex-start;
              }
              .product-action {
                gap: 0.5rem;
              }
              .product-action {
                @media (min-width: 1200px) {
                   {
                     {
                       {
                        .square-white {
                        }
                      }
                    }
                  }
                }
                @media (max-width: 575px) {
                   {
                     {
                       {
                        .square-white {
                        }
                      }
                    }
                  }
                }
                .square-white {
                  display: flex;
                }
                .square-white {
                  height: 34px;
                }
                .square-white {
                  width: 34px;
                }
                .square-white {
                  align-items: center;
                }
                .square-white {
                  justify-content: center;
                }
                .square-white {
                  border-radius: 0.125rem;
                }
                .square-white {
                  background-color: rgba(var(--white),1);
                }
                .square-white {
                  --tw-shadow: 0px 0px 28px 6px rgba(235,235,235,0.4);
                  --tw-shadow-colored: 0px 0px 28px 6px var(--tw-shadow-color);
                  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
                }
                .square-white {
                  svg {
                    height: 18px;
                  }
                  svg {
                    width: 18px;
                  }
                  svg {
                    cursor: pointer;
                  }
                  svg {
                    fill: rgba(var(--chart-text-color),1);
                  }
                }
              }
              .badge {
                display: inline-block;
              }
              .badge {
                padding-left: 0.75rem;
                padding-right: 0.75rem;
              }
              .badge {
                padding-top: 0.375rem;
                padding-bottom: 0.375rem;
              }
              .badge {
                font-size: 0.75rem;
                line-height: 1rem;
              }
            }
          }
        }
      }
    }
  }
}

.list-product {
  .product-list-table {
    &.recent-table {
      thead,
        tbody {
        tr {
          th,
            td {
            a {
              color: rgba(var(--body-font-color),1);
            }
            .product-names {
              p {
                display: block;
              }
              p {
                margin-left: auto;
                margin-right: auto;
              }
              p {
                margin-top: 0px;
                margin-bottom: 0px;
              }
              p {
                display: block;
              }
              p {
                max-width: 100%;
              }
              p {
                overflow: hidden;
              }
              p {
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
              }
              p {
                overflow: hidden;
              }
              p {
                text-overflow: ellipsis;
              }
              p {
                white-space: nowrap;
              }
            }
          }
        }
      }
    }
  }
}

.product-info-table {
  .table {
    tbody {
      tr {
        td {
          color: rgba(var(--badge-light-color),0.8);
        }
      }
    }
    thead,
      tbody {
      tr {
        th,
          td {
          text-align: start;
        }
      }
    }
  }
}

.selectpicker {
  ~ .custom-dropdown {
    .dropdown-toggle {
      padding-left: 0.625rem;
      padding-right: 0.625rem;
    }
    .dropdown-toggle {
      padding-top: 5px;
      padding-bottom: 5px;
    }
    .dropdown-toggle {
      color: rgba(var(--form-placeholder-color),1);
    }
  }
}

.create-project-form {
  .selectpicker {
    ~ .custom-dropdown {
      .dropdown-toggle {
        padding-top: 12px !important;
        padding-bottom: 12px !important;
      }
    }
  }
}

@media (max-width: 575px) {
  .review-box {
    .review-people {
      .review-list {
        li {
          .people-box {
            flex-wrap: wrap;
          }
          .people-box {
            gap: 0.5rem;
          }
        }
      }
    }
  }
}

@media (max-width: 640px) {
  .list-product {
    &.list-category {
      div {
        .dt-container {
          .dt-layout-row {
            .dt-search {
              top: 0.25rem;
            }
          }
        }
      }
    }
  }
}

@media (min-width: 320px) {
  .list-product.list-category table thead tr th:nth-child(4),
    .list-product.list-category table thead tr td:nth-child(4),
    .list-product.list-category table tbody tr th:nth-child(4),
    .list-product.list-category table tbody tr td:nth-child(4) {
    min-width: 128px;
  }
}

@media (max-width: 640px) {
  .list-product-view {
    .list-product {
      .recent-table {
        div.dt-container {
          .dt-layout-row {
            .dt-search {
              top: 0.25rem;
            }
          }
        }
      }
    }
  }
}

@media (max-width: 1399px) and (min-width: 1200px) {
  .list-product {
    .product-list-table {
      &.recent-table {
        thead,
          tbody {
          tr {
            th,
              td {
              &:nth-child(8) {
                display: none;
              }
            }
          }
        }
      }
    }
  }
}

@media (max-width: 1199px) {
  .list-product {
    .product-list-table {
      &.recent-table {
        thead,
          tbody {
          tr {
            th,
              td {
              &:nth-child(2) {
                min-width: 285px;
              }
              &:nth-child(3) {
                min-width: 110px;
              }
              &:nth-child(4) {
                min-width: 138px;
              }
              &:nth-child(5) {
                min-width: 90px;
              }
              &:nth-child(7) {
                min-width: 98px;
              }
              &:nth-child(8) {
                min-width: 100px;
              }
            }
          }
        }
      }
    }
    &.list-category {
      table {
        thead,
          tbody {
          tr {
            th,
              td {
              &:nth-child(2) {
                min-width: 220px;
              }
              &:nth-child(3) {
                min-width: 510px;
              }
            }
          }
        }
      }
    }
  }

  .advance-options ul.border-tab.tab-links li .tab-link {
    padding: 0 calc(5px + (25 - 5) * ((100vw - 320px) / (1920 - 320))) 10px
        calc(5px + (25 - 5) * ((100vw - 320px) / (1920 - 320)));
  }
}

.status-circle {
  position: absolute;
  left: 2.75rem;
  top: 0.25rem;
  height: 0.75rem;
  width: 0.75rem;
  border-radius: 50%;
  border-width: 2px;
  border-style: solid;
  border-color: rgba(var(--white),1);
}

.left-sidebar-wrapper {
  z-index: 1;
  border-radius: 10px 0 0 10px !important;
  border-width: 2px;
  border-style: solid;
  border-color: rgba(var(--white),1);
  padding: 1.25rem;
  border-right: unset;
  .left-sidebar-chat {
    .input-group {
      .input-group-text {
        margin-right: 1px;
      }
      .input-group-text {
        background-color: rgba(var(--chart-progress-light),1);
      }
      .input-group-text {
        padding-right: 0px;
      }
      .input-group-text {
        border: none;
        svg {
          height: 1rem;
        }
        svg {
          width: 1rem;
        }
      }
      > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
        border-top-left-radius: 0px;
      }
      > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
        border-bottom-left-radius: 0px;
      }
      .form-control {
        background-color: rgba(var(--chart-progress-light),1);
      }
      .form-control {
        border-left: unset;
        &:focus-visible {
          border-color: rgba(var(--chart-progress-light),1);
        }
        &:focus-visible {
          --tw-shadow-color: unset;
          --tw-shadow: var(--tw-shadow-colored);
        }
      }
    }
  }
  .advance-options {
    ul {
      margin: 0px !important;
    }
    ul {
      padding: 0 !important;
    }
    ul {
      margin: 0px !important;
    }
    ul {
      flex-wrap: nowrap;
    }
    ul {
      align-items: center;
    }
    ul {
      padding: 0px;
    }
    ul {
      li {
        .tab-link {
          display: block;
        }
        .tab-link {
          display: block;
        }
        .tab-link {
          border-bottom-width: 2px;
        }
        .tab-link {
          border-style: solid;
        }
        .tab-link {
          border-bottom-color: transparent;
        }
        .tab-link {
          background-color: transparent;
        }
        .tab-link {
          padding-left: 50px;
          padding-right: 50px;
        }
        .tab-link {
          padding-top: 1rem;
          padding-bottom: 1rem;
        }
        .tab-link {
          color: rgba(var(--body-font-color),1);
        }
        .tab-link {
          text-decoration: unset;
          &:active,
            &.active {
            border-bottom-width: 2px;
          }
          &:active,
            &.active {
            border-style: solid;
          }
          &:active,
            &.active {
            border-bottom-color: rgba(var(--theme-default),1);
          }
          &:active,
            &.active {
            color: rgba(var(--theme-default),1) !important;
          }
        }
      }
      &.border-tab{
        &.tab-links {
          flex-wrap: nowrap;
        }
        &.tab-links {
          justify-content: center;
        }
      }
    }
    .common-space {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
    .common-space {
      padding-left: 0px;
      padding-right: 0px;
    }
    .common-space {
      padding-top: 11px;
      padding-bottom: 11px;
    }
    .common-space {
      p {
        margin: 0px !important;
      }
      p {
        margin: 0px;
      }
      p {
        color: rgba(var(--chart-text-color),1);
      }
      .header-top {
        .btn {
          padding-left: 0.75rem;
          padding-right: 0.75rem;
        }
        .btn {
          padding-top: 0.375rem;
          padding-bottom: 0.375rem;
        }
        .btn:hover {
          border-color: rgba(var(--transparent-color),1);
        }
        .btn {
          &:hover {
            i {
              color: rgba(var(--white),1);
            }
          }
        }
      }
    }
    .chats-user {
      height: 541px;
    }
    .chats-user {
      overflow-y: auto;
    }
    .chats-user {
      border-bottom: unset;
      @media (max-width: 575px) {
         {
           {
             {
              > li {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > li {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              > li {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > li {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      li {
        width: 100%;
      }
      li {
        cursor: pointer;
      }
      li {
        flex-wrap: wrap;
      }
      li {
        gap: 0.625rem;
      }
      li {
        border-radius: 0px;
      }
      li {
        border-bottom-width: 1px;
      }
      li {
        border-style: solid;
      }
      li {
        border-bottom-color: rgba(var(--chart-dashed-border),1);
      }
      li {
        padding: 11px !important;
      }
      li {
        &:hover,
          &:active,
          &.active {
          background-color: rgba(var(--light-slate),1);
        }
        @media (min-width: 1200px) {
           {
             {
               {
                .chat-time {
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                .chat-time {
                }
              }
            }
          }
        }
        .chat-time {
          display: flex;
        }
        .chat-time {
          align-items: center;
        }
        .chat-time {
          gap: 0.625rem;
        }
        > div:not(.chat-time) {
          margin-left: auto;
        }
        &.active {
          background-color: rgba(var(--theme-default),1);
        }
        &.active {
          .chat-time {
            span,
              p {
              color: rgba(var(--white),1);
            }
          }
          p {
            color: rgba(var(--white),1);
          }
        }
        &:last-child {
          border-bottom: unset;
        }
      }
      .common-space {
        .badge {
          display: inline-block;
        }
      }
    }
  }
}

.active-profile {
  position: relative;
  img {
    height: 42px;
  }
  img {
    width: 42px;
  }
  .status {
    position: absolute;
  }
  .status {
    right: -0.125rem;
  }
  .status {
    bottom: 5%;
  }
  .status {
    height: 0.875rem;
  }
  .status {
    width: 0.875rem;
  }
  .status {
    border-radius: 100%;
  }
  .status {
    border-width: 3px;
  }
  .status {
    border-style: solid;
  }
  .status {
    border-color: rgba(var(--white),1);
  }
}

.offcanvas-right-icon {
  gap: 0.375rem;
  .contact-edit {
    &.chat-alert {
      height: 29px;
    }
    &.chat-alert {
      width: 29px;
    }
    &.chat-alert {
      svg {
        height: 1rem;
      }
      svg {
        width: 1rem;
      }
      svg {
        stroke: rgba(var(--chart-text-color),1);
      }
      .dropdown-menu {
        .dropdown-item {
          border-top-width: 1px;
        }
        .dropdown-item {
          border-style: solid;
        }
        .dropdown-item {
          border-top-color: rgba(var(--light-semi-gray),1);
        }
        .dropdown-item {
          background-color: rgba(var(--white),1);
        }
        .dropdown-item {
          padding-left: 0.75rem;
          padding-right: 0.75rem;
        }
        .dropdown-item {
          padding-top: 0.375rem;
          padding-bottom: 0.375rem;
        }
        .dropdown-item {
          font-size: 13px;
        }
        .dropdown-item {
          color: rgba(var(--dark-editor-document),1);
        }
        .dropdown-item {
          opacity: 0.6;
        }
        .dropdown-item:hover {
          background-color: rgba(var(--light-background),1);
        }
        .dropdown-item:hover {
          opacity: 1;
        }
        .dropdown-item {
          &:hover {
            text-decoration: unset;
          }
        }
      }
    }
  }
}

.contact-edit {
  .dropdown-toggle {
    padding: 0 !important;
  }
  .dropdown-toggle {
    background-color: transparent;
  }
  .dropdown-toggle {
    padding: 0px;
  }
  .dropdown-menu {
    right: 0px;
  }
  .dropdown-menu {
    white-space: wrap;
    a {
      display: block;
    }
    a {
      display: block;
    }
  }
  svg {
    height: 18px;
  }
  svg {
    width: 18px;
  }
  svg {
    cursor: pointer;
  }
  svg {
    stroke: rgba(var(--badge-light-color),1);
  }
  .dropdown-menu {
    .dropdown-item {
      &:hover {
        background-color: rgba(var(--light-background),1);
      }
      &:hover {
        opacity: 1;
      }
      &:hover {
        text-decoration: unset;
      }
    }
  }
  @media (min-width: 1200px) {
     {
       {
         {
          &.chat-alert {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          &.chat-alert {
          }
        }
      }
    }
  }
  &.chat-alert {
    display: flex;
  }
  &.chat-alert {
    height: 2.5rem;
  }
  &.chat-alert {
    width: 2.5rem;
  }
  &.chat-alert {
    align-items: center;
  }
  &.chat-alert {
    justify-content: center;
  }
  &.chat-alert {
    border-radius: 5px;
  }
  &.chat-alert {
    background-color: rgba(var(--light-slate),1);
  }
}

@media (min-width: 1200px) {
   {
     {
       {
        .search-contacts {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .search-contacts {
        }
      }
    }
  }
}

.search-contacts {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  .form-control {
    padding-left: 35px;
    padding-right: 35px;
  }
  .form-control {
    &:focus {
      border-color: rgba(var(--chart-dashed-border),1);
    }
    &:focus {
      --tw-shadow-color: unset;
      --tw-shadow: var(--tw-shadow-colored);
    }
  }
  svg {
    position: absolute;
  }
  svg {
    left: 0.625rem;
  }
  svg {
    top: 0.625rem;
  }
  svg {
    height: 18px;
  }
  svg {
    width: 18px;
  }
  svg {
    stroke: rgba(var(--chart-text-color),1);
  }
  .mic-search {
    position: absolute;
  }
  .mic-search {
    left: unset;
  }
  .mic-search {
    right: 0.625rem;
  }
  .mic-search {
    top: 0.625rem;
  }
}

.contact-wrapper {
  height: 503px;
  overflow-y: auto;
  border-bottom-color: unset;
  padding-top: 0.875rem;
  .dropdown-toggle {
    padding: 0 !important;
  }
  .dropdown-toggle {
    background-color: transparent;
  }
  .dropdown-toggle {
    padding: 0px;
  }
  .dropdown-menu {
    right: 0px;
  }
  .dropdown-menu {
    white-space: wrap;
    a {
      display: block;
    }
    a {
      display: block;
    }
  }
  > p {
    margin: 0px !important;
  }
  > p {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  > p {
    margin: 0px;
  }
  > p {
    padding-left: 0px;
    padding-right: 0px;
  }
  > p {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  > p {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  > p {
    font-weight: 500;
  }
  > p {
    line-height: 0;
  }
  > p {
    color: rgba(var(--body-font-color),1);
  }
  ul {
    @media (max-width: 575px) {
       {
         {
           {
            > li {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > li {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > li {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > li {
                width: 90%;
              }
            }
          }
        }
      }
    }
    li {
      width: 100%;
    }
    li {
      cursor: pointer;
    }
    li {
      @media (min-width: 1200px) {
         {
           {
             {
              .chat-time {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              .chat-time {
              }
            }
          }
        }
      }
      .chat-time {
        display: flex;
      }
      .chat-time {
        align-items: center;
      }
      .chat-time {
        gap: 0.625rem;
      }
      .chat-time {
        img {
          height: 42px;
        }
        img {
          width: 42px;
        }
        > div {
          span {
            color: rgba(var(--body-font-color),1);
          }
        }
      }
      svg {
        height: 18px;
      }
      svg {
        width: 18px;
      }
    }
    &:last-child {
      .common-space {
        padding-bottom: unset;
      }
    }
  }
}

.right-sidebar-chat {
  /* @apply border-[rgba(var(--white),1)] !rounded-tl-none !rounded-bl-none border-2 border-solid; */
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-style: solid;
  border-color: rgba(var(--white),1);
  border-left: unset;
}

@media (min-width: 1200px) {
   {
     {
       {
        .right-sidebar-title {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .right-sidebar-title {
        }
      }
    }
  }
}

.right-sidebar-title {
  display: flex;
  justify-content: space-between;
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 13px;
  padding-bottom: 13px;
  --tw-shadow: 0px 12px 13px -17px rgba(131,131,131,0.67);
  --tw-shadow-colored: 0px 12px 13px -17px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  .active-profile-chat {
    position: relative;
  }
  .active-profile-chat {
    img {
      height: 42px;
    }
    img {
      width: 42px;
    }
    .status {
      position: absolute;
    }
    .status {
      right: -0.125rem;
    }
    .status {
      bottom: 5%;
    }
    .status {
      height: 0.875rem;
    }
    .status {
      width: 0.875rem;
    }
    .status {
      border-radius: 100%;
    }
    .status {
      border-width: 3px;
    }
    .status {
      border-style: solid;
    }
    .status {
      border-color: rgba(var(--white),1);
    }
  }
  .offcanvas-body {
    .btn {
      background-color: rgba(var(--theme-default),10%);
    }
    .btn {
      svg.table {
        white-space: pre-wrap !important;
      }
      svg {
        height: 13px;
      }
      svg {
        width: 13px;
      }
      svg {
        fill: rgba(var(--theme-default),1);
      }
      svg {
        vertical-align: middle;
      }
      svg {
        transition-property: 0.5s;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
      }
      &:hover {
        svg {
          --tw-translate-x: 5px;
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        }
        svg {
          transition-property: 0.5s;
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-duration: 150ms;
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          > .common-space {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > .common-space {
              width: 90%;
            }
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          > .common-space {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > .common-space {
              width: 90%;
            }
          }
        }
      }
    }
  }
  .common-space {
    width: 100%;
  }
  .common-space {
    .offcanvas-header {
      h6 {
        color: rgba(var(--body-font-color),1);
      }
    }
    @media (min-width: 1200px) {
       {
         {
           {
            .chat-time-chat {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            .chat-time-chat {
            }
          }
        }
      }
    }
    .chat-time-chat {
      display: flex;
    }
    .chat-time-chat {
      align-items: center;
    }
    .chat-time-chat {
      gap: 0.625rem;
    }
    .chat-time-chat {
      .active-profile {
        img {
          height: 42px;
        }
        img {
          width: 42px;
        }
      }
      div {
        p {
          margin: 0px !important;
        }
        p {
          margin: 0px;
        }
        p {
          color: rgba(var(--chart-text-color),1);
        }
      }
      ul {
        li {
          img {
            height: 42px;
          }
          img {
            width: 42px;
          }
        }
      }
      &.group-chat {
        @media (min-width: 1200px) {
           {
             {
               {
                ul {
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                ul {
                }
              }
            }
          }
        }
        ul {
          display: flex;
        }
        ul {
          li {
            img {
              height: 38px;
            }
            img {
              width: 38px;
            }
            img {
              border-width: 3px;
            }
            img {
              border-style: solid;
            }
            img {
              border-color: transparent;
            }
            + li {
              margin-left: -0.75rem;
            }
            + li {
              img {
                border-width: 3px;
              }
              img {
                border-style: solid;
              }
              img {
                border-color: rgba(var(--white-bg),1);
              }
            }
            .profile-count {
              height: 38px;
            }
            .profile-count {
              width: 38px;
            }
          }
        }
      }
    }
  }
}

.msger-chat {
  height: 600px;
  flex: 1 1 0%;
  overflow-y: auto;
  background-image: url(../images/chats/chat-bg.png) !important;
  padding: 0.625rem;
  background: linear-gradient(0deg, #f5f6fa, #f5f6fa), linear-gradient(0deg, #ffffff, #ffffff);
  &::-webkit-scrollbar {
    width: 0.375rem;
  }
  &::-webkit-scrollbar-track {
    background: var(--ps-light-border);
  }
  &::-webkit-scrollbar-thumb {
    background: #bdbdbd;
  }
}

@media (min-width: 1200px) {
   {
     {
       {
        .msg {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .msg {
        }
      }
    }
  }
}

.msg {
  margin-bottom: 0.625rem;
  display: flex;
  align-items: flex-end;
}

.msg:last-of-type {
  margin: 0px;
}

.msg-img {
  margin-right: 0.625rem;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  background-color: rgba(var(--ps-light-border),1);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.msg-bubble {
  max-width: 450px;
  border-radius: 15px;
  padding: 15px;
}

@media (min-width: 1200px) {
   {
     {
       {
        .msg-info {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .msg-info {
        }
      }
    }
  }
}

.msg-info {
  margin-bottom: 0.625rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.msg-info-name {
  margin-right: 0.625rem;
  font-weight: bold;
}

.msg-info-time {
  font-size: 0.85em;
}

.left-msg {
  .msg-img {
    height: 33px;
  }
  .msg-img {
    width: 33px;
  }
  .msg-img {
    background-image: url(../images/dashboard/user/13.jpg);
  }
  .msg-bubble {
    position: relative;
  }
  .msg-bubble {
    width: calc(100% - 33px);
  }
  .msg-bubble {
    border-radius: 15px;
  }
  .msg-bubble {
    background-color: rgba(var(--light-color),1);
  }
  .msg-bubble {
    color: rgba(var(--chart-text-color),1);
  }
}

.right-msg {
  flex-direction: row-reverse;
  .msg-bubble {
    width: calc(100% - 33px);
  }
  .msg-bubble {
    background-color: rgba(var(--theme-default),1);
  }
  .msg-bubble {
    color: rgba(var(--white),1);
  }
  .msg-img {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .msg-img {
    margin-left: 0.625rem;
  }
  .msg-img {
    margin-right: 0px;
  }
  .msg-img {
    height: 33px;
  }
  .msg-img {
    width: 33px;
  }
  .msg-img {
    background-image: url(../images/dashboard-11/user/10.jpg);
  }
}

@media (min-width: 1200px) {
   {
     {
       {
        .msger-inputarea {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .msger-inputarea {
        }
      }
    }
  }
}

.msger-inputarea {
  display: flex;
  cursor: pointer;
  align-items: center;
  border-radius: 0 0 15px 0;
  border-top-width: 1px;
  border-style: solid;
  border-top-color: rgba(var(--chart-dashed-border),1);
  padding: 0.625rem;
  background: linear-gradient(0deg, #f5f6fa, #f5f6fa), linear-gradient(0deg, rgba(var(--white-bg), 1), rgba(var(--white-bg), 1));
  .dropdown-toggle {
    height: 36px;
  }
  .dropdown-toggle {
    background-color: transparent;
  }
  .dropdown-toggle {
    padding: 0.625rem;
  }
  .dropdown-toggle::after {
    --tw-content: unset;
    content: var(--tw-content);
  }
  .dropdown-toggle {
    .dropdown-menu {
      inset: unset !important;
    }
  }
  .dropdown-form {
    display: grid;
  }
  .dropdown-form > div {
    position: relative;
  }
  @media (max-width: 575px) {
     {
       {
         {
          .dropdown-form {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .dropdown-form {
          }
        }
      }
    }
  }
  .dropdown-form {
    position: relative;
  }
  .dropdown-form {
    margin-right: 0.625rem;
  }
  .dropdown-form {
    display: grid;
  }
  .dropdown-form {
    place-content: center;
  }
  .dropdown-form {
    border-radius: 100%;
  }
  .dropdown-form:hover {
    background-color: rgba(var(--theme-default),0.1);
  }
  .dropdown-form {
    i {
      padding: 0 !important;
    }
    i {
      cursor: pointer;
    }
    i {
      padding: 0px;
    }
    i {
      font-size: 1rem;
      line-height: 1.5rem;
    }
    i {
      font-weight: 900;
    }
    i {
      color: rgba(var(--theme-default),1);
    }
    .chat-icon {
      position: absolute;
    }
    .chat-icon {
      left: 0px !important;
    }
    .chat-icon {
      bottom: 50px !important;
    }
    .chat-icon {
      --tw-shadow-color: unset;
      --tw-shadow: var(--tw-shadow-colored);
    }
    .chat-icon {
      background: transparent !important;
      div {
        padding: 0 !important;
      }
      @media (min-width: 1200px) {
         {
           {
             {
              div {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              div {
              }
            }
          }
        }
      }
      div {
        display: flex;
      }
      div {
        height: 47px;
      }
      div {
        width: 47px;
      }
      div {
        align-items: center;
      }
      div {
        justify-content: center;
      }
      div {
        border-radius: 50%;
      }
      div {
        background-color: rgba(var(--white),1);
      }
      div {
        padding: 0px;
      }
      div {
        opacity: 1;
      }
      div:hover {
        background-color: rgba(var(--theme-default),1) !important;
      }
      div:hover {
        opacity: 1;
      }
      div {
        svg {
          height: 42px;
        }
        svg {
          width: 42px;
        }
        svg {
          cursor: pointer;
        }
        &:nth-child(1) {
          svg {
            fill: rgba(var(--chart-text-color),1);
          }
          svg {
            stroke: none;
          }
        }
        &:nth-child(2) {
          svg {
            fill: none;
          }
          svg {
            stroke: rgba(var(--chart-text-color),1);
          }
        }
        &:hover {
          &:nth-child(1) {
            svg {
              fill: rgba(var(--white),1);
            }
          }
          &:nth-child(2) {
            svg {
              stroke: rgba(var(--white),1);
            }
          }
        }
      }
    }
  }
  .msger-send-btn {
    i {
      color: rgba(var(--white),1);
    }
  }
  * {
    border-radius: 3px;
  }
  * {
    border-color: none;
  }
  * {
    padding: 0.625rem;
  }
  * {
    font-size: 1em;
  }
}

@media (max-width: 575px) {
   {
     {
       {
        > .msger-input {
          width: 90%;
        }
      }
    }
     {
       {
         {
          > .msger-input {
            width: 90%;
          }
        }
      }
    }
     {
       {
        > .msger-input {
          width: 90%;
        }
      }
    }
     {
       {
         {
          > .msger-input {
            width: 90%;
          }
        }
      }
    }
  }
}

.msger-input {
  width: 100%;
  flex: 1 1 0%;
  background-color: rgba(var(--white-bg),1);
  color: rgba(var(--body-font-color),1);
  &:focus,
    &:focus-visible {
    outline: unset;
  }
}

.fg-emoji-container {
  left: calc(10px + (1405 - 10) * ((100vw - 320px) / (1920 - 320))) !important;
  .fg-emoji-nav {
    background-color: rgba(var(--theme-secondary),1);
  }
  .fg-emoji-nav {
    ul {
      li {
        &:last-child {
          a {
            background-color: rgba(var(--badge-light-color),50%);
          }
        }
      }
    }
  }
  #fg-emoji-picker-move {
    display: none;
  }
}

.open-emoji {
  padding: 0 !important;
  padding: 0px;
  button {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  button {
    position: relative;
  }
  button {
    z-index: 0;
  }
  button {
    padding-left: 0.875rem;
    padding-right: 0.875rem;
  }
  button {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  button::before {
    content: var(--tw-content);
    position: relative;
  }
  button::before {
    content: var(--tw-content);
    z-index: 1;
  }
  button::before {
    content: var(--tw-content);
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
  button::before {
    content: var(--tw-content);
    color: rgba(var(--chart-text-color),1);
  }
  button::before {
    --tw-content: "\f118";
    content: var(--tw-content);
  }
  button {
    background: transparent;
    &::before {
      font-family: "FontAwesome";
    }
  }
}

.second-btn {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  position: relative;
  z-index: 0;
  background-color: rgba(var(--transparent-color),1);
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  padding-top: 0px;
  padding-bottom: 0px;
}

.second-btn::before {
  position: relative;
  z-index: 1;
  font-size: 1.25rem;
  line-height: 1.75rem;
  color: rgba(var(--chart-text-color),1);
  --tw-content: "\f118";
  content: var(--tw-content);
}

.second-btn {
  &::before {
    font-family: "FontAwesome";
  }
}

@media (min-width: 1200px) {
   {
     {
       {
        .msger-send-btn {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .msger-send-btn {
        }
      }
    }
  }
}

.msger-send-btn {
  margin-left: 0.625rem;
  display: flex;
  height: 39px;
  width: 2.5rem;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  background-color: rgba(var(--theme-default),1);
  font-family: bold;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 0.23s;
  svg {
    height: 0.75rem;
  }
  svg {
    width: 1px;
  }
}

@media (min-width: 1200px) {
   {
     {
       {
        .custom-name {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .custom-name {
        }
      }
    }
  }
}

.custom-name {
  display: flex;
  height: 42px;
  width: 42px;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
}

.offcanvas-wrapper {
  .offcanvas {
    position: fixed;
  }
  .offcanvas {
    z-index: 1045;
  }
  .offcanvas {
    background-color: rgba(var(--white),1);
  }
}

.fg-emoji-picker-search {
  @media (min-width: 1200px) {
     {
       {
         {
          .fg-emoji-picker-search-icon {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .fg-emoji-picker-search-icon {
          }
        }
      }
    }
  }
  .fg-emoji-picker-search-icon {
    display: flex !important;
  }
}

.seller-wrapper {
  .basic-wizard {
    .stepper-horizontal {
      .step {
        .step-title {
          display: block;
        }
        .step-title {
          margin-left: auto;
          margin-right: auto;
        }
        .step-title {
          margin-top: 0px;
          margin-bottom: 0px;
        }
        .step-title {
          display: block;
        }
        .step-title {
          max-width: 100%;
        }
        .step-title {
          overflow: hidden;
        }
        .step-title {
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
        }
        .step-title {
          height: auto;
        }
        .step-title {
          width: calc(78px + (180 - 78) * ((100vw - 320px) / (1920 - 320)));
        }
        .step-title {
          max-width: 100%;
        }
        .step-title {
          overflow: hidden;
        }
        .step-title {
          text-overflow: ellipsis;
        }
        .step-title {
          white-space: normal;
        }
        .step-title {
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
        }
        .product-date {
          input {
            font-size: 0.875rem;
            line-height: 1.25rem;
          }
        }
      }
    }
  }
  .card-header {
    flex-wrap: wrap;
  }
  .card-header {
    gap: 0.75rem;
  }
  .card-header {
    border-radius: 15px;
  }
  .common-f-start {
    flex-wrap: wrap;
  }
  .common-f-start {
    gap: calc(14px + (20 - 14) * ((100vw - 320px) / (1920 - 320)));
  }
  .common-f-start {
    .seller-filter {
      position: relative;
    }
    .seller-filter {
      left: 0px;
    }
    .seller-filter {
      cursor: pointer;
    }
    .seller-filter {
      font-size: 1rem;
      line-height: 1.5rem;
    }
    .seller-filter {
      font-weight: 500;
    }
    .seller-filter {
      transition-property: all;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }
    .seller-filter {
      transition-duration: 0.5s;
    }
    .seller-filter {
      transition-timing-function: ease-in-out;
    }
    .seller-filter::after {
      content: var(--tw-content);
      position: absolute;
    }
    .seller-filter::after {
      content: var(--tw-content);
      left: 0px;
    }
    .seller-filter::after {
      content: var(--tw-content);
      bottom: -1px;
    }
    .seller-filter::after {
      content: var(--tw-content);
      border-radius: 50px;
    }
    .seller-filter::after {
      content: var(--tw-content);
      background-color: rgba(var(--theme-default),1);
    }
    .seller-filter::after {
      content: var(--tw-content);
      opacity: 0.3;
    }
    .seller-filter::after {
      content: var(--tw-content);
      transition-property: all;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }
    .seller-filter::after {
      content: var(--tw-content);
      transition-duration: 0.3s;
    }
    .seller-filter::after {
      content: var(--tw-content);
      transition-timing-function: ease-in-out;
    }
    .seller-filter::after {
      --tw-content: "";
      content: var(--tw-content);
    }
    .seller-filter {
      &::after {
        height: 3px;
      }
      &::after {
        width: 0;
      }
      &::after {
        -webkit-transition: all 0.3s ease-in-out;
      }
      &:hover,
        &:active,
        &.active {
        color: rgba(var(--theme-default),1);
      }
      &:hover,
        &:active,
        &.active {
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
      }
      &:hover,
        &:active,
        &.active {
        transition-duration: 0.5s;
      }
      &:hover,
        &:active,
        &.active {
        transition-timing-function: ease-in-out;
      }
      &:hover,
        &:active,
        &.active {
        &::after {
          width: 50%;
        }
      }
    }
  }
  .modal {
    .modal-body {
      .form-select {
        font-size: 0.875rem;
        line-height: 1.25rem;
      }
      .form-select {
        font-weight: 400;
      }
      .form-select {
        color: rgba(var(--lighter-gray),1);
      }
    }
  }
  .form-check {
    .form-check-input {
      &:checked {
        background-color: rgba(var(--theme-default),1);
      }
      &:valid {
        border-color: rgba(var(--theme-default),1);
      }
      &:valid {
        ~ .form-check-label {
          color: rgba(var(--theme-font-color),1);
        }
      }
    }
  }
  .seller-filter {
    position: relative;
  }
  .seller-filter {
    left: 0px;
  }
  .seller-filter {
    cursor: pointer;
  }
  .seller-filter {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .seller-filter {
    font-weight: 500;
  }
  .seller-filter {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  .seller-filter {
    transition-duration: 0.5s;
  }
  .seller-filter {
    transition-timing-function: ease-in-out;
  }
  .seller-filter::after {
    content: var(--tw-content);
    position: absolute;
  }
  .seller-filter::after {
    content: var(--tw-content);
    left: 0px;
  }
  .seller-filter::after {
    content: var(--tw-content);
    bottom: -1px;
  }
  .seller-filter::after {
    content: var(--tw-content);
    border-radius: 50px;
  }
  .seller-filter::after {
    content: var(--tw-content);
    background-color: rgba(var(--theme-default),1);
  }
  .seller-filter::after {
    content: var(--tw-content);
    opacity: 0.3;
  }
  .seller-filter::after {
    content: var(--tw-content);
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  .seller-filter::after {
    content: var(--tw-content);
    transition-duration: 0.3s;
  }
  .seller-filter::after {
    content: var(--tw-content);
    transition-timing-function: ease-in-out;
  }
  .seller-filter::after {
    --tw-content: "";
    content: var(--tw-content);
  }
  .seller-filter {
    &::after {
      height: 3px;
    }
    &::after {
      width: 0;
    }
    &::after {
      -webkit-transition: all 0.3s ease-in-out;
    }
    &:hover,
      &:active,
      &.active {
      color: rgba(var(--theme-default),1);
    }
    &:hover,
      &:active,
      &.active {
      transition-property: all;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }
    &:hover,
      &:active,
      &.active {
      transition-duration: 0.5s;
    }
    &:hover,
      &:active,
      &.active {
      transition-timing-function: ease-in-out;
    }
    &:hover,
      &:active,
      &.active {
      &::after {
        width: 50%;
      }
    }
  }
  @media (min-width: 1200px) {
     {
       {
         {
          .right-vendor {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .right-vendor {
          }
        }
      }
    }
  }
  .right-vendor {
    display: flex;
  }
  .right-vendor {
    flex-wrap: wrap;
  }
  .right-vendor {
    align-items: center;
  }
  .right-vendor {
    justify-content: flex-end;
  }
  .right-vendor {
    gap: 0.75rem;
  }
  .right-vendor {
    .input-group {
      width: 60%;
    }
    .input-group {
      svg {
        height: 18px;
      }
      svg {
        width: 18px;
      }
    }
  }
  .basic-wizard {
    .custom-input {
      input {
        &::-moz-placeholder {
          color: rgba(var(--theme-font-color),0.8);
        }
        &::placeholder {
          color: rgba(var(--theme-font-color),0.8);
        }
      }
      .form-control[type="file"] {
        color: rgba(var(--font-gray-color),1);
      }
      .form-control[type="file"]::file-selector-button {
        color: rgba(var(--font-gray-color),1);
      }
      .flatpicker-calender {
        .form-control {
          color: rgba(var(--font-gray-color),1);
        }
      }
    }
    .stepper-horizontal {
      .step {
        .step-bar-left {
          height: 0.125rem;
        }
        .step-bar-left {
          border-color: rgba(var(--gray-60),1);
        }
        .step-bar-left {
          border-color: 0.0625rem 0;
        }
        .step-bar-right {
          height: 0.125rem;
        }
        .step-bar-right {
          border-color: 0.0625rem 0;
        }
      }
      .step-circle {
        font-weight: 500;
      }
      .step-circle {
        span {
          font-size: 0.875rem;
          line-height: 1.25rem;
        }
        span {
          font-weight: 400;
        }
        span {
          line-height: 1;
        }
      }
    }
    .wizard-footer {
      margin-top: 1rem;
    }
    .wizard-footer {
      [class*="button-light-"] {
        &:disabled {
          border-color: rgba(var(--transparent-color),1);
        }
        &:disabled {
          color: rgba(var(--badge-light-color),1);
        }
        &:disabled {
          opacity: 1;
        }
      }
    }
    .modal {
      .modal-body {
        .form-select {
          font-size: 0.875rem;
          line-height: 1.25rem;
        }
        .form-select {
          font-weight: 400;
        }
        .form-select {
          color: rgba(var(--lighter-gray),1);
        }
      }
    }
    .form-check {
      .form-check-input {
        &:checked {
          background-color: rgba(var(--theme-default),1);
        }
        &:valid {
          border-color: rgba(var(--theme-default),1);
        }
        &:valid {
          ~ .form-check-label {
            color: rgba(var(--theme-font-color),1);
          }
        }
      }
    }
  }
}

.seller-cards {
  display: grid;
}

.seller-cards > div {
  position: relative;
}

@media (max-width: 575px) {
   {
     {
       {
        .seller-cards {
        }
      }
    }
     {
       {
        .seller-cards {
        }
      }
    }
  }
}

.seller-cards {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  place-content: center;
  gap: 1.25rem;
  padding-bottom: 1.25rem;
  .seller-box {
    border-radius: 15px;
  }
  .seller-box {
    background-color: rgba(var(--white-bg),1);
  }
  .seller-box {
    padding: 1.25rem;
  }
  .seller-box {
    @media (min-width: 1200px) {
       {
         {
           {
            > div {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > div {
            }
          }
        }
      }
    }
    > div {
      margin-bottom: 22px;
    }
    > div {
      display: flex;
    }
    > div {
      align-items: center;
    }
    > div {
      gap: 0.75rem;
    }
    .seller-profits {
      li {
        padding-block: 6px;
        &:first-child {
          padding-top: 0px;
        }
        &:last-child {
          padding-bottom: 0 !important;
        }
        &:last-child {
          padding-bottom: 0px;
        }
        .common-space {
          position: relative;
        }
        .common-space {
          z-index: 0;
        }
        @media (max-width: 575px) {
        }
        @media (max-width: 575px) {
        }
        .common-space::before {
          content: var(--tw-content);
          position: absolute;
        }
        .common-space::before {
          content: var(--tw-content);
          top: 50%;
        }
        .common-space::before {
          content: var(--tw-content);
          z-index: -1;
        }
        .common-space::before {
          content: var(--tw-content);
          width: 100%;
        }
        .common-space::before {
          content: var(--tw-content);
          --tw-translate-y: -50%;
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        }
        .common-space::before {
          content: var(--tw-content);
          border-top-width: 1px;
        }
        .common-space::before {
          content: var(--tw-content);
          border-style: dashed;
        }
        .common-space::before {
          content: var(--tw-content);
          border-top-color: rgba(var(--chart-dashed-border),1);
        }
        .common-space::before {
          --tw-content: "";
          content: var(--tw-content);
        }
        .common-space {
          span {
            background-color: rgba(var(--white-bg),1);
          }
          span:first-child {
            padding-right: 0.375rem;
          }
          span:last-child {
            padding-left: 0.375rem;
          }
          span:last-child {
            font-weight: 500;
          }
        }
      }
    }
    svg {
      width: calc(28px + (34 - 28) * ((100vw - 320px) / (1920 - 320)));
      height: calc(28px + (34 - 28) * ((100vw - 320px) / (1920 - 320)));
    }
    .btn {
      text-align: center;
    }
    .btn {
      display: block;
    }
    @media (max-width: 575px) {
       {
         {
           {
            > .btn {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > .btn {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > .btn {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > .btn {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 767px) {
       {
        .btn {
        }
      }
    }
    .btn {
      margin-top: 22px;
    }
    .btn {
      display: block;
    }
    .btn {
      width: 100%;
    }
    .btn {
      text-align: center;
    }
    .btn {
      color: rgba(var(--white),1);
    }
  }
  .hide {
    transform-origin: center;
  }
  .hide {
    animation: hide 0.3s ease 0s 1 normal forwards;
  }
  .show {
    transform-origin: center;
  }
  .show {
    animation: show 0.3s ease 0s 1 normal forwards;
  }
}

.review-box {
  .seller-profile {
    @media (max-width: 575px) {
       {
         {
           {
            > .accordion-button {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > .accordion-button {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > .accordion-button {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > .accordion-button {
                width: 90%;
              }
            }
          }
        }
      }
    }
    .accordion-button {
      width: 100%;
    }
    .accordion-button {
      border-width: 1px;
    }
    .accordion-button {
      border-style: solid;
    }
    .accordion-button {
      border-color: rgba(var(--badge-light-color),0.05);
    }
    .accordion-button {
      --tw-bg-opacity: 1;
      background-color: rgb(226 227 232 / var(--tw-bg-opacity, 1));
    }
    .accordion-button {
      padding-left: 1.25rem;
      padding-right: 1.25rem;
    }
    .accordion-button {
      padding-top: 1rem;
      padding-bottom: 1rem;
    }
    .accordion-button {
      text-align: start;
    }
    .accordion-button {
      font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
    }
    .accordion-button {
      font-weight: 500;
    }
    .accordion-button {
      letter-spacing: 0.2px;
    }
    .accordion-button {
      color: rgba(var(--theme-font-color),1);
    }
    .accordion-button {
      &.collapsed {
        background-color: rgba(var(--white),1);
      }
    }
    .accordion-item {
      margin-bottom: 16px !important;
    }
    .accordion-item {
      margin-bottom: 0.75rem;
    }
    .accordion-item {
      .accordion-header {
        .accordion-button {
          &::after {
            background-image: var(--bs-accordion-btn-icon);
          }
          &::after {
            background-position: 16px;
          }
        }
      }
      .accordion-body {
        border-width: 1px;
      }
      .accordion-body {
        border-style: solid;
      }
      .accordion-body {
        border-color: rgba(var(--badge-light-color),0.1);
      }
      .accordion-body {
        background-color: rgba(var(--white),1);
      }
      .accordion-body {
        padding: 1rem;
      }
      .accordion-body {
        .common-space,
          .common-f-start {
          gap: 0.625rem;
        }
        .common-space,
          .common-f-start {
          h5 {
            font-size: calc( 16px + (17 - 16) * ((100vw - 320px) / (1920 - 320)) );
          }
          i {
            font-size: 1rem;
            line-height: 1.5rem;
          }
          svg {
            width: calc(28px + (40 - 28) * ((100vw - 320px) / (1920 - 320)));
            height: calc(28px + (40 - 28) * ((100vw - 320px) / (1920 - 320)));
          }
        }
        .seller-details {
          margin-top: 48px !important;
        }
        .seller-details {
          margin-top: 1.25rem !important;
        }
        .seller-details {
          li {
            padding-bottom: 16px !important;
          }
          @media (min-width: 1200px) {
             {
               {
                 {
                  li {
                  }
                }
              }
            }
          }
          @media (max-width: 575px) {
             {
               {
                 {
                  li {
                  }
                }
              }
            }
          }
          li {
            display: flex;
          }
          li {
            flex-wrap: wrap;
          }
          li {
            align-items: center;
          }
          li {
            justify-content: space-between;
          }
          li {
            gap: 0.25rem;
          }
          li {
            padding-bottom: 0.75rem;
          }
          li {
            @media (min-width: 1200px) {
               {
                 {
                   {
                    > div {
                    }
                  }
                }
              }
            }
            @media (max-width: 575px) {
               {
                 {
                   {
                    > div {
                    }
                  }
                }
              }
            }
            > div {
              display: flex;
            }
            > div {
              align-items: center;
            }
            > div {
              justify-content: flex-start;
            }
            > div {
              gap: 0.625rem;
            }
            > div {
              i {
                font-size: 0.875rem;
                line-height: 1.25rem;
              }
              i {
                color: rgba(var(--theme-body-font-color),0.8);
              }
              h6 {
                font-size: 15px;
              }
              h6 {
                font-weight: 400;
              }
              h6 {
                color: rgba(var(--theme-body-font-color),1);
              }
            }
          }
        }
        .notification-wrapper {
          padding-bottom: 1rem;
        }
        .notification-wrapper {
          .form-check-label {
            letter-spacing: 0.3px;
          }
        }
        .checkbox-wrapper {
          li {
            display: grid;
          }
          li > div {
            position: relative;
          }
          @media (max-width: 575px) {
             {
               {
                 {
                  li {
                  }
                }
              }
            }
          }
          @media (max-width: 575px) {
             {
               {
                 {
                  li {
                  }
                }
              }
            }
          }
          li {
            display: grid;
          }
          li {
            max-width: 45px;
          }
          li {
            place-items: center;
          }
          li {
            background-color: rgba(var(--badge-light-color),0.1);
          }
          li {
            width: calc(38px + (45 - 38) * ((100vw - 320px) / (1920 - 320)));
            height: calc(38px + (45 - 38) * ((100vw - 320px) / (1920 - 320)));
            .form-check-input {
              z-index: 0;
            }
            .form-check-input {
              height: 100% !important;
            }
            .form-check-input {
              -webkit-appearance: none;
                 -moz-appearance: none;
                      appearance: none;
            }
            .form-check-input {
              background-color: unset;
            }
            .form-check-input {
              transition-property: all;
              transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
              transition-duration: 150ms;
            }
            .form-check-input {
              transition-duration: 0.2s;
            }
            .form-check-input {
              transition-timing-function: ease-in-out;
            }
            .form-check-input {
              &:checked {
                height: 100% !important;
              }
              &:checked {
                background-color: rgba(var(--theme-default),1);
              }
              &:checked {
                ~ .form-check-label {
                  i {
                    --tw-scale-x: 1.2;
                    --tw-scale-y: 1.2;
                    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                  }
                  i {
                    color: rgba(var(--white),1);
                  }
                  i {
                    transition-property: all;
                    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                    transition-duration: 150ms;
                  }
                  i {
                    transition-duration: 0.2s;
                  }
                  i {
                    transition-timing-function: ease-in-out;
                  }
                }
              }
              &::after {
                content: none;
              }
            }
            .form-check-label {
              z-index: 1;
            }
            .form-check-label {
              i {
                padding-right: 0px;
              }
              i {
                font-size: calc( 14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)) );
              }
              i {
                line-height: 1;
              }
              i {
                color: rgba(var(--badge-light-color),1);
              }
            }
          }
        }
        .policies-wrapper {
          li {
            padding-bottom: 1rem;
          }
          li {
            label {
              font-weight: 500;
            }
            label {
              color: rgba(var(--badge-light-color),1);
            }
            p {
              margin: 0px !important;
            }
            p {
              display: block;
            }
            p {
              margin-left: auto;
              margin-right: auto;
            }
            p {
              margin-top: 0px;
              margin-bottom: 0px;
            }
            p {
              display: block;
            }
            p {
              max-width: 100%;
            }
            p {
              overflow: hidden;
            }
            p {
              display: -webkit-box;
              -webkit-line-clamp: 2;
              -webkit-box-orient: vertical;
            }
            p {
              margin: 0px;
            }
            p {
              height: auto;
            }
            p {
              max-width: 100%;
            }
            p {
              overflow: hidden;
            }
            p {
              text-overflow: ellipsis;
            }
            p {
              line-height: 1.6;
            }
            p {
              display: -webkit-box;
              -webkit-line-clamp: 3;
              -webkit-box-orient: vertical;
            }
            a {
              color: rgba(var(--theme-default),1);
            }
            a:hover {
              text-decoration-color: rgba(var(--theme-default),1);
            }
            a:hover {
              text-decoration-line: underline;
            }
            a {
              text-decoration: unset;
            }
            .ql-tooltip {
              visibility: hidden;
            }
          }
        }
      }
    }
    .product-reviews {
      .review-people {
        .review-list {
          max-height: 295px;
        }
        .review-list {
          li {
            border-radius: 10px;
          }
          li {
            background-color: rgba(var(--light-background),1);
          }
          li {
            padding-left: 1.25rem;
            padding-right: 1.25rem;
          }
          li {
            padding-top: 1rem;
            padding-bottom: 1rem;
          }
          li {
            .people-box {
              padding: 0 !important;
            }
            .people-box {
              border-radius: 0px;
            }
            .people-box {
              padding: 0px;
            }
            .people-box {
              background: unset;
              .people-name {
                flex-wrap: wrap;
              }
              .people-name {
                gap: 0px;
              }
              .people-name {
                .date-time {
                  flex-wrap: wrap;
                }
                .date-time {
                  gap: 0.25rem;
                }
              }
            }
            > p {
              display: block;
            }
            > p {
              margin-left: auto;
              margin-right: auto;
            }
            > p {
              margin-top: 0px;
              margin-bottom: 0px;
            }
            > p {
              display: block;
            }
            > p {
              max-width: 100%;
            }
            > p {
              overflow: hidden;
            }
            > p {
              display: -webkit-box;
              -webkit-line-clamp: 2;
              -webkit-box-orient: vertical;
            }
            > p {
              height: auto;
            }
            > p {
              max-width: 100%;
            }
            > p {
              overflow: hidden;
            }
            > p {
              text-overflow: ellipsis;
            }
            > p {
              line-height: 1.6;
            }
            > p {
              margin: calc(8px + (12 - 8) * ((100vw - 320px) / (1920 - 320)))
                  0 0 0;
              display: -webkit-box;
              -webkit-line-clamp: 3;
              -webkit-box-orient: vertical;
            }
          }
        }
      }
    }
    .notification-wrapper {
      .checkbox {
        label {
          padding-left: 30px;
        }
        label::before {
          content: var(--tw-content);
          margin-left: 0px;
        }
      }
      .checkbox input[type="checkbox"] {
        display: none;
      }
    }
  }
}

.seller-details-table {
  .recent-table {
    div.dt-container {
      .dt-layout-row {
        .dt-search {
          right: 183px;
        }
        .dt-search {
          top: 1.25rem;
        }
        .dt-search {
          .dt-input {
            width: auto;
          }
        }
        .dt-length {
          top: 19px;
        }
      }
    }
    .table {
      thead,
        tbody {
        tr {
          th,
            td {
            min-width: auto;
          }
          th,
            td {
            color: rgba(var(--body-font-color),1);
          }
          th,
            td {
            &:first-child {
              padding-left: 1.25rem;
            }
            &:last-child {
              padding-right: 1.25rem;
            }
            .badge {
              padding-left: 0.75rem;
              padding-right: 0.75rem;
            }
            .badge {
              padding-top: 0.375rem;
              padding-bottom: 0.375rem;
            }
            .badge {
              font-size: 0.75rem;
              line-height: 1rem;
            }
            .product-names {
              p {
                display: block;
              }
              p {
                margin-left: auto;
                margin-right: auto;
              }
              p {
                margin-top: 0px;
                margin-bottom: 0px;
              }
              p {
                display: block;
              }
              p {
                max-width: 100%;
              }
              p {
                overflow: hidden;
              }
              p {
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
              }
              p {
                width: 10rem;
              }
              p {
                min-width: 228px;
              }
              p {
                max-width: 228px;
              }
              p {
                overflow: hidden;
              }
              p {
                text-overflow: ellipsis;
              }
              p {
                white-space: nowrap;
              }
            }
            @media (min-width: 1200px) {
               {
                 {
                   {
                    .product-action {
                    }
                  }
                }
              }
            }
            @media (max-width: 575px) {
               {
                 {
                   {
                    .product-action {
                    }
                  }
                }
              }
            }
            .product-action {
              display: flex;
            }
            .product-action {
              align-items: center;
            }
            .product-action {
              justify-content: flex-start;
            }
            .product-action {
              gap: 0.5rem;
            }
            .product-action {
              @media (min-width: 1200px) {
                 {
                   {
                     {
                      .square-white {
                      }
                    }
                  }
                }
              }
              @media (max-width: 575px) {
                 {
                   {
                     {
                      .square-white {
                      }
                    }
                  }
                }
              }
              .square-white {
                display: flex;
              }
              .square-white {
                height: 34px;
              }
              .square-white {
                width: 34px;
              }
              .square-white {
                align-items: center;
              }
              .square-white {
                justify-content: center;
              }
              .square-white {
                border-radius: 0.125rem;
              }
              .square-white {
                background-color: rgba(var(--white),1);
              }
              .square-white {
                --tw-shadow: 0px 0px 28px 6px rgba(235,235,235,0.4);
                --tw-shadow-colored: 0px 0px 28px 6px var(--tw-shadow-color);
                box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
              }
              .square-white {
                svg {
                  height: 16px;
                }
                svg {
                  width: 16px;
                }
                svg {
                  fill: rgba(var(--badge-light-color),0.8);
                }
              }
            }
          }
        }
      }
    }
  }
}

.vendor-selling-table {
  .recent-table {
    div.dt-container {
      .dt-layout-row {
        .dt-search {
          right: 1.25rem;
        }
        .dt-search {
          .dt-input {
            width: auto;
          }
        }
        .dt-length {
          top: 1rem;
        }
      }
    }
    .table {
      thead,
        tbody {
        tr {
          th,
            td {
            min-width: auto;
          }
          th,
            td {
            color: rgba(var(--body-font-color),1);
          }
          th,
            td {
            &:first-child {
              padding-left: 1.25rem;
            }
            &:last-child {
              padding-right: 1.25rem;
            }
            .product-names {
              p {
                display: block;
              }
              p {
                margin-left: auto;
                margin-right: auto;
              }
              p {
                margin-top: 0px;
                margin-bottom: 0px;
              }
              p {
                display: block;
              }
              p {
                max-width: 100%;
              }
              p {
                overflow: hidden;
              }
              p {
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
              }
              p {
                width: 10rem;
              }
              p {
                min-width: 228px;
              }
              p {
                max-width: 228px;
              }
              p {
                overflow: hidden;
              }
              p {
                text-overflow: ellipsis;
              }
              p {
                white-space: nowrap;
              }
            }
          }
        }
      }
    }
  }
}

.seller-order-table {
  .recent-table {
    div.dt-container {
      .dt-layout-row {
        .dt-search {
          right: 1.25rem;
        }
        .dt-search {
          .dt-input {
            width: auto;
          }
        }
        .dt-length {
          top: 1rem;
        }
      }
    }
    .table {
      thead,
        tbody {
        tr {
          th,
            td {
            min-width: auto;
          }
          th,
            td {
            color: rgba(var(--body-font-color),1);
          }
          th,
            td {
            &:first-child {
              padding-left: 1.25rem;
            }
            &:last-child {
              padding-right: 1.25rem;
            }
            a {
              color: rgba(var(--badge-light-color),1);
            }
            &:nth-child(2) {
              a {
                font-weight: 500;
              }
              a {
                color: rgba(var(--theme-default),1) !important;
              }
            }
            &:nth-child(4) {
              img {
                height: 30px;
              }
              a {
                display: block;
              }
              a {
                margin-left: auto;
                margin-right: auto;
              }
              a {
                margin-top: 0px;
                margin-bottom: 0px;
              }
              a {
                display: block;
              }
              a {
                max-width: 100%;
              }
              a {
                overflow: hidden;
              }
              a {
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
              }
              a {
                width: 10rem;
              }
              a {
                min-width: 120px;
              }
              a {
                max-width: 120px;
              }
              a {
                overflow: hidden;
              }
              a {
                text-overflow: ellipsis;
              }
              a {
                white-space: nowrap;
              }
              a {
                color: rgba(var(--badge-light-color),1);
              }
            }
            .badge {
              padding-left: 0.75rem;
              padding-right: 0.75rem;
            }
            .badge {
              padding-top: 0.375rem;
              padding-bottom: 0.375rem;
            }
            .badge {
              font-size: 0.75rem;
              line-height: 1rem;
            }
          }
        }
      }
      tbody {
        tr {
          td {
            &:last-child {
              padding-left: 1.5rem;
            }
          }
        }
      }
    }
  }
}

.seller-details-wrapper {
  .review-box {
    .md-sidebar {
      .email-left-aside {
        .card {
          background-color: transparent;
        }
        .card {
          --tw-shadow: 0 0 #0000;
          --tw-shadow-colored: 0 0 #0000;
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
        }
        .card {
          .card-body {
            padding: 0 !important;
          }
          .card-body {
            padding: 0px;
          }
        }
        .collapse {
          visibility: unset;
        }
      }
    }
  }
  .widget-hover {
    .card-body {
      > div {
        span {
          overflow: unset;
        }
      }
    }
    &:hover {
      svg {
        animation: tada 1.5s ease infinite;
      }
    }
  }
  .social-tabs {
    .tab-links {
      .frame-image {
        svg {
          height: 18px;
        }
        svg {
          width: 18px;
        }
      }
    }
  }
}

@keyframes hide {
  0% {
    transform: scale(1);
  }

  100% {
    transform: scale(0);
    width: 0;
    height: 0;
    margin: 0;
  }
}

@keyframes show {
  0% {
    transform: scale(0);
    width: 0;
    height: 0;
    margin: 0;
  }

  100% {
    transform: scale(1);
    height: auto;
    width: auto;
  }
}

@media (max-width: 575px) {
  .seller-wrapper {
    .common-f-start {
      flex-direction: column;
    }
    .common-f-start {
      align-items: flex-start;
    }
    .card-header {
      flex-direction: column;
    }
    .card-header {
      align-items: flex-start;
    }
  }
}

@media (max-width: 1660px) and (min-width: 1400px) {
  .seller-cards {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

@media (max-width: 1399px) and (min-width: 768px) {
  .seller-cards {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media (max-width: 575px) {
  .seller-cards {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .seller-details-table {
    .recent-table {
      div.dt-container {
        .dt-layout-row {
          .dt-search {
            top: 0px;
          }
        }
      }
    }
  }

  .vendor-selling-table {
    .recent-table {
      div.dt-container {
        .dt-layout-row {
          .dt-search {
            top: 0.25rem;
          }
        }
      }
    }
  }

  .seller-order-table {
    .recent-table {
      div.dt-container {
        .dt-layout-row {
          .dt-search {
            top: 0.25rem;
          }
        }
      }
    }
  }
}

@media (max-width: 1199px) {
  .seller-order-table {
    .recent-table {
      .table {
        thead,
          tbody {
          tr {
            th,
              td {
              &:nth-child(2) {
                min-width: 128px;
              }
              &:nth-child(3) {
                min-width: 110px;
              }
              &:nth-child(4) {
                min-width: 165px;
              }
              &:nth-child(5) {
                min-width: 68px;
              }
              &:nth-child(6) {
                min-width: 80px;
              }
            }
          }
        }
      }
    }
  }

  .seller-details-table {
    .recent-table {
      .table {
        thead,
          tbody {
          tr {
            th,
              td {
              &:nth-child(6) {
                min-width: 98px;
              }
            }
          }
        }
      }
    }
  }

  .vendor-selling-table {
    .recent-table {
      .table {
        tbody {
          tr {
            th,
              td {
              /* @apply min-w-[118px]; */
            }
          }
        }
      }
    }
  }
}

@media (max-width: 1660px) {
  .ord-xxl-1 {
    order: 1;
  }

  .ord-xxl-2 {
    order: 2;
  }

  .ord-xxl-3 {
    order: 3;
  }

  .seller-details-wrapper {
    .review-box {
      .md-sidebar {
        .accordion {
          .accordion-item {
            margin-bottom: 0 !important;
          }
          .accordion-item {
            margin-bottom: 0px;
          }
        }
        .md-sidebar-toggle {
          display: block;
        }
        .md-sidebar-toggle {
          margin-bottom: 1.25rem;
        }
        .md-sidebar-toggle {
          display: block;
        }
        .md-sidebar-toggle {
          width: -moz-fit-content;
          width: fit-content;
        }
        .md-sidebar-toggle {
          text-transform: capitalize;
        }
        .md-sidebar-aside {
          visibility: hidden;
        }
        .md-sidebar-aside {
          position: absolute;
        }
        .md-sidebar-aside {
          left: 0px;
        }
        .md-sidebar-aside {
          top: 2.5rem;
        }
        .md-sidebar-aside {
          z-index: 3;
        }
        .md-sidebar-aside {
          width: 360px;
        }
        .md-sidebar-aside {
          opacity: 0;
        }
        .md-sidebar-aside {
          transition-property: all;
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-duration: 150ms;
        }
        .md-sidebar-aside {
          transition-duration: 0.2s;
        }
        .md-sidebar-aside {
          transition-timing-function: ease;
        }
        .md-sidebar-aside {
          &.open {
            visibility: visible;
          }
          &.open {
            opacity: 1;
          }
          &.open {
            transition-property: all;
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-duration: 150ms;
          }
          &.open {
            transition-duration: 0.2s;
          }
          &.open {
            transition-timing-function: ease;
          }
        }
      }
    }
  }

   {
    order: 3;
     {
       {
         {
           {
            margin-bottom: 0 !important;
          }
           {
            margin-bottom: 0px;
          }
        }
         {
          display: block;
        }
         {
          margin-bottom: 1.25rem;
        }
         {
          display: block;
        }
         {
          width: -moz-fit-content;
          width: fit-content;
        }
         {
          text-transform: capitalize;
        }
         {
          visibility: hidden;
        }
         {
          position: absolute;
        }
         {
          left: 0px;
        }
         {
          top: 2.5rem;
        }
         {
          z-index: 3;
        }
         {
          width: 360px;
        }
         {
          opacity: 0;
        }
         {
          transition-property: all;
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-duration: 150ms;
        }
         {
          transition-duration: 0.2s;
        }
         {
          transition-timing-function: ease;
        }
         {
          &.\!open {
            visibility: visible;
          }
          &.\!open {
            opacity: 1;
          }
          &.\!open {
            transition-property: all;
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-duration: 150ms;
          }
          &.\!open {
            transition-duration: 0.2s;
          }
          &.\!open {
            transition-timing-function: ease;
          }
        }
      }
    }
  }
}

.role-permission-wrapper {
  .permission-table {
    div{
      &.dt-container {
        .dt-layout-row {
          .dt-search {
            right: 234px;
          }
          .dt-search {
            top: 1.25rem;
          }
          .dt-search {
            .dt-input {
              width: auto;
            }
            .dt-input {
              border-radius: 6px;
            }
            .dt-input {
              padding: 6px;
            }
          }
        }
      }
    }
    table{
      thead,
                tbody{
        tr{
          th,
                        td {
            min-width: auto;
          }
          th,
                        td {
            color: rgba(var(--body-font-color),1);
          }
          th,
                        td{
            &:first-child {
              padding-left: 1.25rem;
            }
            &:last-child {
              padding-right: 1.25rem;
            }
            .badge {
              padding-left: 0.625rem;
              padding-right: 0.625rem;
            }
            .badge {
              padding-top: 0.375rem;
              padding-bottom: 0.375rem;
            }
            @media (min-width: 1200px) {
               {
                 {
                   {
                    .square-white {
                    }
                  }
                }
              }
            }
            @media (max-width: 575px) {
               {
                 {
                   {
                    .square-white {
                    }
                  }
                }
              }
            }
            .square-white {
              display: flex;
            }
            .square-white {
              height: 34px;
            }
            .square-white {
              width: 34px;
            }
            .square-white {
              align-items: center;
            }
            .square-white {
              justify-content: center;
            }
            .square-white {
              border-radius: 2px;
            }
            .square-white {
              background-color: rgba(var(--white),1);
            }
            .square-white {
              --tw-shadow: 0px 0px 28px 6px rgba(235,235,235,0.4);
              --tw-shadow-colored: 0px 0px 28px 6px var(--tw-shadow-color);
              box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            }
            .square-white {
              svg {
                height: 16px;
              }
              svg {
                width: 16px;
              }
              svg {
                fill: rgba(var(--badge-light-color),1);
              }
            }
          }
        }
      }
    }
  }
  .modal-header,
        .modal-body{
    .form-label {
      font-weight: 500;
    }
    .modal-title {
      font-size: 1.125rem;
      line-height: 1.75rem;
    }
  }
  .permission-form {
    ul {
      display: grid;
    }
    ul {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
    ul > div {
      position: relative;
    }
    @media (max-width: 575px) {
       {
         {
           {
            ul {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            ul {
            }
          }
        }
      }
    }
    ul {
      display: grid;
    }
    ul {
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    }
    ul {
      overflow: auto;
    }
    ul {
      border-bottom-width: 1px;
    }
    ul {
      border-style: solid;
    }
    ul {
      border-bottom-color: rgba(var(--chart-progress-light),1);
    }
    ul {
      padding-left: 0px;
      padding-right: 0px;
    }
    ul {
      padding-top: 0.625rem;
      padding-bottom: 0.625rem;
    }
    ul {
      li{
        &:first-child {
          font-weight: 500;
        }
        .form-check {
          display: block;
        }
        .form-check {
          position: relative;
        }
        .form-check {
          display: block;
        }
        .form-check {
          min-height: 1.5rem;
        }
        .form-check {
          padding-left: 1.8em;
        }
        .form-check {
          .form-check-input {
            position: absolute;
          }
          .form-check-input {
            left: -0.125rem;
          }
          .form-check-input {
            top: -0.125rem;
          }
          .form-check-input {
            height: 18px !important;
          }
          .form-check-input {
            width: 18px;
          }
          .form-check-input:checked {
            background-color: rgba(var(--theme-default),1);
          }
          .form-check-input:valid {
            border-color: rgba(var(--badge-light-color),1);
          }
          .form-check-input:valid:checked {
            border-color: rgba(var(--theme-default),1);
          }
          .form-check-input:invalid {
            border-color: rgba(var(--danger-color),1);
          }
          .form-check-input:focus {
            --tw-shadow-color: unset;
            --tw-shadow: var(--tw-shadow-colored);
          }
          .form-check-input {
            &:invalid~.form-check-label {
              color: rgba(var(--danger-color),1);
            }
            &:valid~.form-check-label {
              color: rgba(var(--badge-light-color),1);
            }
          }
          .form-check-label {
            margin-bottom: 0 !important;
          }
          .form-check-label {
            margin-bottom: 0px;
          }
        }
      }
    }
  }
}

.user-list-wrapper{
  .square-white {
    height: 34px;
  }
  .square-white {
    width: 34px;
  }
  .square-white {
    border-radius: 2px;
  }
  .square-white {
    background-color: rgba(var(--white),1);
  }
  .square-white {
    --tw-shadow: 0px 0px 28px 6px rgba(235,235,235,0.4);
    --tw-shadow-colored: 0px 0px 28px 6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  .square-white {
    svg {
      height: 16px;
    }
    svg {
      width: 16px;
    }
    svg {
      fill: rgba(var(--badge-light-color),1);
    }
  }
  .user-list-table{
    div{
      &.dt-container {
        .dt-layout-row {
          .dt-search {
            right: 185px;
          }
          .dt-search {
            top: 1.25rem;
          }
          .dt-search {
            .dt-input {
              width: auto;
            }
            .dt-input {
              border-radius: 0.375rem;
            }
            .dt-input {
              padding: 6px;
            }
          }
        }
      }
    }
    table{
      thead,
                tbody{
        tr{
          th,
                        td {
            min-width: auto;
          }
          th,
                        td {
            color: rgba(var(--body-font-color),1);
          }
          th,
                        td{
            &:first-child {
              padding-left: 1.25rem;
            }
            &:last-child {
              padding-right: 1.25rem;
            }
            .badge {
              padding-left: 0.625rem;
              padding-right: 0.625rem;
            }
            .badge {
              padding-top: 0.375rem;
              padding-bottom: 0.375rem;
            }
            a {
              color: rgba(var(--dark-color),1);
            }
            a {
              &:hover {
                color: rgba(var(--theme-default),1);
              }
            }
            @media (min-width: 1200px) {
               {
                 {
                   {
                    .square-white {
                    }
                  }
                }
              }
            }
            @media (max-width: 575px) {
               {
                 {
                   {
                    .square-white {
                    }
                  }
                }
              }
            }
            .square-white {
              display: flex;
            }
            .square-white {
              height: 34px;
            }
            .square-white {
              width: 34px;
            }
            .square-white {
              align-items: center;
            }
            .square-white {
              justify-content: center;
            }
            .square-white {
              border-radius: 2px;
            }
            .square-white {
              background-color: rgba(var(--white),1);
            }
            .square-white {
              --tw-shadow: 0px 0px 28px 6px rgba(235,235,235,0.4);
              --tw-shadow-colored: 0px 0px 28px 6px var(--tw-shadow-color);
              box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            }
            .square-white {
              svg {
                height: 16px;
              }
              svg {
                width: 16px;
              }
              svg {
                fill: rgba(var(--badge-light-color),1);
              }
            }
          }
        }
      }
    }
  }
}

.role-permission-wrapper,
    .user-list-wrapper {
  .card-header-right-icon {
    .btn {
      position: relative;
    }
    .btn {
      z-index: 1;
    }
  }
}

@media (max-width: 640px) {
  .role-permission-wrapper{
    .permission-table {
      div{
        &.dt-container {
          .dt-layout-row {
            .dt-search {
              top: 0px;
            }
          }
        }
      }
    }
  }

  .user-list-wrapper {
    .user-list-table {
      div{
        &.dt-container {
          .dt-layout-row{
            .dt-search {
              top: 0px;
            }
          }
        }
      }
    }
  }
}

.common-order-history {
  .flatpicker-calender {
    .form-control {
      font-size: 0.875rem;
      line-height: 1.25rem;
    }
    .form-control {
      color: rgba(var(--badge-light-color),1);
    }
  }
  .order-history-wrapper {
    position: relative;
  }
  .order-history-wrapper {
    .recent-table {
      div.dt-container {
        .dt-layout-row {
          .dt-layout-cell {
            .dt-search {
              right: -50px;
            }
            .dt-search {
              top: -2.5rem;
            }
          }
          .dt-length {
            top: -45px;
          }
          .dt-length {
            left: 1.25rem;
          }
        }
      }
      table {
        thead,
          tbody {
          tr {
            th,
              td {
              min-width: auto;
            }
            th,
              td {
              color: rgba(var(--body-font-color),1);
            }
            th,
              td {
              &:first-child {
                padding-left: 1.25rem;
              }
              &:last-child {
                padding-right: 1.25rem;
              }
              .badge {
                padding-left: 0.75rem;
                padding-right: 0.75rem;
              }
              .badge {
                padding-top: 0.375rem;
                padding-bottom: 0.375rem;
              }
              a {
                font-weight: 500;
              }
            }
          }
        }
        tbody {
          @media (min-width: 1200px) {
             {
               {
                 {
                  .square-white {
                  }
                }
              }
            }
          }
          @media (max-width: 575px) {
             {
               {
                 {
                  .square-white {
                  }
                }
              }
            }
          }
          .square-white {
            display: flex;
          }
          .square-white {
            height: 34px;
          }
          .square-white {
            width: 34px;
          }
          .square-white {
            align-items: center;
          }
          .square-white {
            justify-content: center;
          }
          .square-white {
            border-radius: 0.125rem;
          }
          .square-white {
            background-color: rgba(var(--white),1);
          }
          .square-white {
            --tw-shadow: 0px 0px 28px 6px rgba(235,235,235,0.4);
            --tw-shadow-colored: 0px 0px 28px 6px var(--tw-shadow-color);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          }
          .square-white {
            svg {
              height: 16px;
            }
            svg {
              width: 16px;
            }
            svg {
              fill: rgba(var(--badge-light-color),0.8);
            }
          }
        }
      }
    }
  }
  .form-select {
    font-size: 14.5px;
  }
  .form-select {
    color: rgba(var(--badge-light-color),0.8);
  }
}

.track-order-details {
  h6 {
    position: relative;
  }
  #order-status-timeline {
    .status-bar {
      position: absolute;
    }
    .status-bar {
      left: 50%;
    }
    .status-bar {
      top: 18px;
    }
    .status-bar {
      height: 3px;
    }
    .status-bar {
      width: 80%;
    }
    .status-bar {
      --tw-translate-x: -50%;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    .status-bar {
      background-color: rgba(var(--recent-dashed-border),1);
    }
    .status-bar {
      &.progress {
        &:after {
          position: absolute;
        }
        &:after {
          height: 100%;
        }
        &:after {
          background-color: rgba(var(--theme-default),1);
        }
        &:after {
          --tw-content: "";
          content: var(--tw-content);
        }
        &.step-one {
          &:after {
            width: 0%;
          }
        }
        &.step-two {
          &:after {
            width: 25%;
          }
        }
        &.step-three {
          &:after {
            width: 50%;
          }
        }
        &.step-four {
          &:after {
            width: 75%;
          }
        }
        &.step-five {
          @media (max-width: 575px) {
             {
               {
                 {
                  > &:after {
                    width: 90%;
                  }
                }
              }
            }

             {
               {
                 {
                   {
                    > &:after {
                      width: 90%;
                    }
                  }
                }
              }
            }
          }
          @media (max-width: 575px) {
             {
               {
                 {
                  > &:after {
                    width: 90%;
                  }
                }
              }
            }

             {
               {
                 {
                   {
                    > &:after {
                      width: 90%;
                    }
                  }
                }
              }
            }
          }
          &:after {
            width: 100%;
          }
        }
      }
    }
  }
  .main-status-line {
    @media (min-width: 1200px) {
       {
         {
           {
            ul {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            ul {
            }
          }
        }
      }
    }
    ul {
      position: relative;
    }
    ul {
      display: flex;
    }
    ul {
      li {
        text-align: center;
      }
      @media (max-width: 767px) {
         {
          li {
          }
        }
      }
      li {
        width: 22%;
      }
      li {
        text-align: center;
      }
      li {
        .order-process {
          margin-bottom: 0 !important;
        }
        @media (min-width: 1200px) {
           {
             {
               {
                .order-process {
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                .order-process {
                }
              }
            }
          }
        }
        .order-process {
          margin-left: auto;
          margin-right: auto;
        }
        .order-process {
          margin-bottom: 0px;
        }
        .order-process {
          margin-top: 0;
        }
        .order-process {
          display: flex;
        }
        .order-process {
          height: 38px;
        }
        .order-process {
          width: 38px;
        }
        .order-process {
          align-items: center;
        }
        .order-process {
          justify-content: center;
        }
        .order-process {
          border-radius: 50%;
        }
        .order-process {
          border-width: 1px;
        }
        .order-process {
          border-style: solid;
        }
        .order-process {
          border-color: rgba(var(--recent-dashed-border),1);
        }
        .order-process {
          background-color: rgba(var(--white-bg),1);
        }
        .order-process {
          font-size: 1rem;
          line-height: 1.5rem;
        }
        .order-process {
          color: rgba(var(--recent-dashed-border),1);
        }
        .order-process {
          &.active {
            border-color: rgba(var(--theme-default),1);
          }
          &.active {
            background-color: rgba(var(--theme-default),1);
          }
          &.active {
            color: rgba(var(--white),1);
          }
          &.active {
            svg {
              stroke: rgba(var(--white),1);
            }
          }
          svg {
            height: 30px;
          }
          svg {
            width: 30px;
          }
          svg {
            stroke: rgba(var(--badge-light-color),1);
          }
          span {
            line-height: 0;
          }
        }
        h6 {
          margin-bottom: 0 !important;
        }
        h6 {
          display: block;
        }
        h6 {
          margin-left: auto;
          margin-right: auto;
        }
        h6 {
          margin-top: 0px;
          margin-bottom: 0px;
        }
        h6 {
          display: block;
        }
        h6 {
          max-width: 100%;
        }
        h6 {
          overflow: hidden;
        }
        h6 {
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
        }
        h6 {
          margin-left: 0px;
          margin-right: 0px;
        }
        h6 {
          margin-top: 0.625rem !important;
        }
        h6 {
          margin-bottom: 0px;
        }
        h6 {
          height: auto;
        }
        h6 {
          max-width: 100%;
        }
        h6 {
          overflow: hidden;
        }
        h6 {
          text-overflow: ellipsis;
        }
        h6 {
          line-height: 1.2;
        }
        h6 {
          color: rgba(var(--badge-light-color),1);
        }
        h6 {
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
        }
      }
    }
  }
}

.summary-header {
  flex-wrap: wrap;
}

.order-details-product {
  table {
    thead {
      th {
        padding-top: 0px;
      }
      th {
        text-align: start;
      }
      th {
        font-size: 1rem;
        line-height: 1.5rem;
      }
    }
    tbody {
      tr {
        &:last-child {
          td {
            padding-bottom: 0 !important;
          }
          td {
            border-bottom-color: unset;
          }
          td {
            padding-bottom: 0px;
          }
        }
        td {
          &:last-child {
            font-weight: 500;
          }
          &:last-child {
            color: rgba(var(--dark-color),1);
          }
        }
      }
      ul {
        li {
          > p {
            margin-bottom: 0 !important;
          }
          > p {
            margin-bottom: 0px;
          }
          > p {
            display: inline-block;
          }
          .common-dot {
            margin-left: 0.375rem;
            margin-right: 0.375rem;
          }
          .common-dot {
            margin-top: 1px;
            margin-bottom: 1px;
          }
          .common-dot {
            height: 5px;
          }
          .common-dot {
            width: 5px;
          }
          .common-dot {
            border-radius: 50%;
          }
          .common-dot {
            background-color: rgba(var(--badge-light-color),0.8);
          }
          &:last-child {
            p,
              span {
              color: rgba(var(--badge-light-color),1);
            }
          }
        }
      }
      @media (min-width: 1200px) {
         {
           {
             {
              .light-product-box {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              .light-product-box {
              }
            }
          }
        }
      }
      .light-product-box {
        display: flex;
      }
      .light-product-box {
        min-width: calc(74px + (100 - 74) * ((100vw - 320px) / (1920 - 320)));
      }
      .light-product-box {
        align-items: center;
      }
      .light-product-box {
        justify-content: center;
      }
      .light-product-box {
        border-radius: 3px;
      }
      .light-product-box {
        background-color: rgba(var(--chart-progress-light),1);
      }
      .light-product-box {
        width: calc(74px + (100 - 74) * ((100vw - 320px) / (1920 - 320)));
        height: calc(65px + (90 - 65) * ((100vw - 320px) / (1920 - 320)));
        img {
          height: calc(40px + (62 - 40) * ((100vw - 320px) / (1920 - 320)));
        }
      }
    }
    thead,
      tbody {
      tr {
        th,
          td {
          a {
            color: rgba(var(--body-font-color),1);
          }
        }
      }
    }
  }
}

.tracking-total {
  li {
    padding-bottom: 16px !important;
  }
  @media (min-width: 1200px) {
     {
       {
         {
          li {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          li {
          }
        }
      }
    }
  }
  li {
    display: flex;
  }
  li {
    align-items: center;
  }
  li {
    justify-content: space-between;
  }
  li {
    gap: 0.5rem;
  }
  li {
    padding-bottom: 0.75rem;
  }
  li:last-child {
    padding-bottom: 0 !important;
  }
  li:last-child {
    margin-top: 0.75rem;
  }
  li:last-child {
    border-top-width: 1px;
  }
  li:last-child {
    border-style: solid;
  }
  li:last-child {
    border-top-color: rgba(var(--badge-light-color),0.1);
  }
  li:last-child {
    padding-top: 0.75rem;
  }
  li:last-child {
    padding-bottom: 0px;
  }
  li {
    &:nth-child(3) {
      padding-bottom: 0 !important;
    }
    &:nth-child(3) {
      padding-bottom: 0px;
    }
    h6,
      span {
      font-weight: 400;
    }
    h6,
      span {
      color: rgba(var(--badge-light-color),1);
    }
  }
}

.customer-details {
  li {
    padding-bottom: 0.875rem;
  }
  li {
    &:first-child {
      padding-top: 0px;
    }
    &:last-child {
      padding-bottom: 0 !important;
    }
    &:last-child {
      padding-bottom: 0px;
    }
  }
  h6 {
    margin-bottom: 3px;
  }
  h6 {
    font-weight: 400;
  }
  h6 {
    color: rgba(var(--theme-font-color),1);
  }
  span {
    line-height: 1.5;
  }
  span {
    color: rgba(var(--font-gray-color),1);
  }
}

@media (max-width: 1399px) {
  .common-order-history {
    .order-history-wrapper {
      .recent-table {
        div.dt-container {
          .dt-layout-row {
            &:last-child {
              flex-direction: column;
            }
            .dt-layout-cell {
              .dt-search {
                display: block;
              }
              .dt-search {
                position: relative;
              }
              .dt-search {
                left: 1.25rem;
              }
              .dt-search {
                top: 0.25rem;
              }
              .dt-search {
                margin-bottom: 1.25rem;
              }
              .dt-search {
                display: block;
              }
              .dt-search {
                width: 90%;
              }
            }
          }
        }
      }
    }
  }

  .track-order-details {
    #order-status-timeline {
      .main-status-line {
        ul {
          li {
            h6 {
              display: block;
            }
            h6 {
              display: block;
            }
            h6 {
              margin-left: auto;
              margin-right: auto;
            }
            h6 {
              margin-top: 0px;
              margin-bottom: 0px;
            }
            h6 {
              display: block;
            }
            h6 {
              max-width: 100%;
            }
            h6 {
              overflow: hidden;
            }
            h6 {
              display: -webkit-box;
              -webkit-line-clamp: 2;
              -webkit-box-orient: vertical;
            }
            h6 {
              display: block;
            }
            h6 {
              overflow: hidden;
            }
            h6 {
              text-overflow: ellipsis;
            }
            h6 {
              white-space: nowrap;
            }
            h6 {
              font-size: 0.875rem;
              line-height: 1.25rem;
            }
          }
        }
      }
    }
    #order-status-timeline {
      .main-status-line {
        ul {
          li {
            .order-process {
              height: 28px;
            }
            .order-process {
              width: 28px;
            }
            .order-process {
              font-size: 0.875rem;
              line-height: 1.25rem;
            }
          }
        }
      }
    }
  }
}

@media (max-width: 575px) {
  .track-order-details {
    #order-status-timeline {
      .status-bar {
        left: calc(50% - 68px);
      }
      .status-bar {
        top: 50%;
      }
      .status-bar {
        width: 220px;
      }
      .status-bar {
        --tw-translate-x: -50%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      }
      .status-bar {
        --tw-rotate: 90deg;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      }
      .status-bar {
        [dir="rtl"] & {
          right: calc(50% - 68px);
        }
        [dir="rtl"] & {
          left: unset;
        }
        [dir="rtl"] & {
          --tw-translate-x: 50%;
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        }
        [dir="rtl"] & {
          --tw-rotate: -90deg;
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        }
      }
    }
    #order-status-timeline {
      .main-status-line {
        @media (max-width: 575px) {
           {
             {
               {
                > ul {
                  width: 90%;
                }
              }
            }
          }

           {
             {
               {
                 {
                  > ul {
                    width: 90%;
                  }
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                > ul {
                  width: 90%;
                }
              }
            }
          }

           {
             {
               {
                 {
                  > ul {
                    width: 90%;
                  }
                }
              }
            }
          }
        }
        ul {
          width: 100%;
        }
        ul {
          flex-direction: column;
        }
        ul {
          align-items: center;
        }
        ul {
          justify-content: center;
        }
        ul {
          overflow: auto;
        }
        ul {
          @media (min-width: 1200px) {
             {
               {
                 {
                  li {
                  }
                }
              }
            }
          }
          @media (max-width: 575px) {
             {
               {
                 {
                  li {
                  }
                }
              }
            }
          }
          li {
            display: flex;
          }
          li {
            width: 25%;
          }
          li {
            width: 165px;
          }
          li {
            align-items: center;
          }
          li {
            + li {
              margin-top: 21px;
            }
            h6 {
              margin-top: 0px;
              margin-bottom: 0px;
            }
            h6 {
              margin-left: 0.5rem;
            }
            h6 {
              margin-right: 0px;
            }
            h6 {
              width: calc(100% - 28px - 8px);
            }
            h6 {
              [dir="rtl"] & {
                margin-top: 0px;
                margin-bottom: 0px;
              }
              [dir="rtl"] & {
                margin-left: 0px;
              }
              [dir="rtl"] & {
                margin-right: 0.5rem;
              }
            }
          }
        }
      }
      .status-bar {
        left: calc(50% - 68px);
      }
      .status-bar {
        top: 50%;
      }
      .status-bar {
        width: 220px;
      }
      .status-bar {
        --tw-translate-x: -50%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      }
      .status-bar {
        --tw-rotate: 90deg;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      }
      .status-bar {
        [dir="rtl"] & {
          right: calc(50% - 68px);
        }
        [dir="rtl"] & {
          left: unset;
        }
        [dir="rtl"] & {
          --tw-translate-x: 50%;
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        }
        [dir="rtl"] & {
          --tw-rotate: -90deg;
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        }
      }
    }
  }
}

@media (max-width: 404px) {
  .track-order-details {
    #order-status-timeline {
      .main-status-line ul {
        align-items: flex-start;
      }
      .main-status-line ul {
        @media (max-width: 575px) {
           {
             {
               {
                > li {
                  width: 90%;
                }
              }
            }
          }

           {
             {
               {
                 {
                  > li {
                    width: 90%;
                  }
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                > li {
                  width: 90%;
                }
              }
            }
          }

           {
             {
               {
                 {
                  > li {
                    width: 90%;
                  }
                }
              }
            }
          }
        }
        li {
          width: 100%;
        }
      }
      .status-bar {
        left: 0.875rem;
      }
      .status-bar {
        [dir="rtl"] & {
          left: unset;
        }
        [dir="rtl"] & {
          right: 0.875rem;
        }
      }
    }
  }
}

@media (max-width: 1199px) {
  .order-details-product {
    table {
      thead,
        tbody {
        tr {
          th,
            td {
            &:nth-child(2) {
              min-width: 220px;
            }
          }
        }
      }
    }
  }
}

.main-invoice-1 {
  body {
    display: block;
  }
  body {
    display: block;
  }
  body {
    --tw-text-opacity: 1;
    color: rgb(0 2 72 / var(--tw-text-opacity, 1));
  }
  body {
    font-family: Rubik, sans-serif;
  }
  @media (max-width: 575px) {
     {
       {
         {
          > .table-wrapper {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > .table-wrapper {
              width: 90%;
            }
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          > .table-wrapper {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > .table-wrapper {
              width: 90%;
            }
          }
        }
      }
    }
  }
  .table-wrapper {
    width: 100%;
  }
  h2 {
    margin: 0px !important;
  }
  h2 {
    margin: 0px;
  }
  h2 {
    font-size: 34px;
  }
  h2 {
    font-weight: 500;
  }
  h6 {
    margin: 0px !important;
  }
  h6 {
    margin: 0px;
  }
  h6 {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  h6 {
    font-weight: 400;
  }
  h6 {
    line-height: 1.5;
  }
  span {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  span {
    font-weight: 400;
  }
  span {
    line-height: 1.5;
  }
  @media (max-width: 575px) {
     {
       {
         {
          > .banner-image {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > .banner-image {
              width: 90%;
            }
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          > .banner-image {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > .banner-image {
              width: 90%;
            }
          }
        }
      }
    }
  }
  .banner-image {
    margin-left: 0px;
    margin-right: 0px;
  }
  .banner-image {
    margin-top: 13px;
  }
  .banner-image {
    margin-bottom: 0.625rem;
  }
  .banner-image {
    width: 100%;
  }
  .order-details td span {
    display: block;
  }
  .order-details td span {
    margin-bottom: -0.25rem;
  }
  .order-details td span {
    display: block;
  }
  .order-details th:first-child,
    .order-details td:first-child {
    min-width: 490px;
  }
  .order-details th:nth-child(2),
    .order-details td:nth-child(2) {
    width: 20%;
  }
}

.invoice-table {
  margin-top: 1rem;
  margin-bottom: 1rem;
  table {
    border-width: 1px;
  }
}

.invoice {
  .text-right {
    input {
      margin-top: 0.375rem;
    }
  }
  .flex {
    align-items: center;
  }
}

.shopping-cart-table {
  .recent-table {
    div.dt-container {
      .dt-layout-row {
        .dt-search {
          right: 1.25rem;
        }
        .dt-search {
          .dt-input {
            width: auto;
          }
        }
        .dt-length {
          top: 1rem;
        }
      }
      .table {
        thead,
          tbody {
          tr {
            &:hover {
              td {
                &:nth-child(2) {
                  .product-names {
                    img {
                      --tw-scale-x: 1.1;
                      --tw-scale-y: 1.1;
                      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                    }
                    img {
                      transition-property: all;
                      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                      transition-duration: 150ms;
                    }
                    img {
                      transition-duration: 0.3s;
                    }
                    img {
                      transition-timing-function: ease-in-out;
                    }
                  }
                }
              }
            }
            th,
              td {
              min-width: auto;
            }
            th,
              td {
              color: rgba(var(--body-font-color),1);
            }
            th,
              td {
              &:first-child {
                padding-left: 1.25rem;
              }
              &:last-child {
                padding-right: 1.25rem;
              }
              a {
                color: rgba(var(--badge-light-color),1);
              }
              .touchspin-wrapper {
                .input-touchspin {
                  width: 68px;
                }
              }
              .product-names {
                .light-product-box {
                  min-height: calc( 70px + (100 - 70) * ((100vw - 1200px) / (1920 - 1200)) );
                }
                .light-product-box {
                  min-width: calc( 72px + (140 - 72) * ((100vw - 1200px) / (1920 - 1200)) );
                }
                .light-product-box {
                  img {
                    height: calc( 35px + (68 - 35) * ((100vw - 1200px) / (1920 - 1200)) );
                  }
                  img {
                    transition-property: all;
                    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                    transition-duration: 150ms;
                  }
                  img {
                    transition-duration: 0.3s;
                  }
                  img {
                    transition-timing-function: ease-in-out;
                  }
                }
                p,
                  span {
                  color: rgba(var(--badge-light-color),0.8);
                }
                ul {
                  li {
                    > p {
                      margin-bottom: 0 !important;
                    }
                    > p {
                      margin-bottom: 0px;
                    }
                    > p {
                      display: inline-block;
                    }
                    .common-dot {
                      margin-left: 0.375rem;
                      margin-right: 0.375rem;
                    }
                    .common-dot {
                      margin-top: 1px;
                      margin-bottom: 1px;
                    }
                    .common-dot {
                      height: 5px;
                    }
                    .common-dot {
                      width: 5px;
                    }
                    .common-dot {
                      border-radius: 50%;
                    }
                    .common-dot {
                      background-color: rgba(var(--badge-light-color),0.8);
                    }
                  }
                }
              }
              @media (min-width: 1200px) {
                 {
                   {
                     {
                      .product-action {
                      }
                    }
                  }
                }
              }
              @media (max-width: 575px) {
                 {
                   {
                     {
                      .product-action {
                      }
                    }
                  }
                }
              }
              .product-action {
                display: flex;
              }
              .product-action {
                align-items: center;
              }
              .product-action {
                justify-content: flex-start;
              }
              .product-action {
                gap: 0.5rem;
              }
              .product-action {
                @media (min-width: 1200px) {
                   {
                     {
                       {
                        .square-white {
                        }
                      }
                    }
                  }
                }
                @media (max-width: 575px) {
                   {
                     {
                       {
                        .square-white {
                        }
                      }
                    }
                  }
                }
                .square-white {
                  display: flex;
                }
                .square-white {
                  height: calc(36px + (42 - 36) * ((100vw - 320px) / (1920 - 320)));
                }
                .square-white {
                  width: calc(36px + (42 - 36) * ((100vw - 320px) / (1920 - 320)));
                }
                .square-white {
                  align-items: center;
                }
                .square-white {
                  justify-content: center;
                }
                .square-white {
                  border-radius: 0.125rem;
                }
                .square-white {
                  background-color: rgba(var(--white),1);
                }
                .square-white {
                  --tw-shadow: 0px 0px 28px 6px rgba(235,235,235,0.4);
                  --tw-shadow-colored: 0px 0px 28px 6px var(--tw-shadow-color);
                  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
                }
                .square-white {
                  svg {
                    cursor: pointer;
                  }
                  svg {
                    fill: rgba(var(--chart-text-color),1);
                  }
                  svg {
                    width: calc(
                        18px + (22 - 18) * ((100vw - 320px) / (1920 - 320))
                      );
                    height: calc(
                        18px + (22 - 18) * ((100vw - 320px) / (1920 - 320))
                      );
                  }
                }
              }
            }
            &:last-child {
              th,
                td {
                border-bottom-width: 0;
              }
              td {
                padding-bottom: 0 !important;
              }
              td {
                padding-bottom: 0px;
              }
            }
          }
        }
        thead {
          tr {
            th {
              .dt-column-order {
                display: none !important;
              }
              .badge.table {
                white-space: pre-wrap !important;
              }
              .badge {
                margin-left: 0.25rem;
              }
              .badge {
                vertical-align: middle;
              }
              &:last-child {
                @media (min-width: 1200px) {
                   {
                     {
                       {
                        span {
                        }
                      }
                    }
                  }
                }
                @media (max-width: 575px) {
                   {
                     {
                       {
                        span {
                        }
                      }
                    }
                  }
                }
                span {
                  display: flex !important;
                }
                span {
                  cursor: pointer;
                }
                span {
                  align-items: center;
                }
                span {
                  justify-content: center;
                }
                span {
                  gap: 0.75rem;
                }
                span {
                  svg {
                    height: 16px;
                  }
                  svg {
                    width: 16px;
                  }
                  svg {
                    fill: rgba(var(--theme-body-font-color),1);
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}

.cart-summary {
  @media (min-width: 1200px) {
     {
       {
         {
          li {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          li {
          }
        }
      }
    }
  }
  li {
    display: flex;
  }
  li {
    align-items: center;
  }
  li {
    justify-content: space-between;
  }
  li {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  li {
    &:first-child {
      padding-top: 0;
    }
    &:last-child {
      padding-bottom: 0;
    }
  }
}

.product-total {
  border-top-width: 1px;
  border-style: solid;
  border-top-color: rgba(var(--chart-progress-light),1);
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0px;
  padding-bottom: 1.25rem;
  @media (min-width: 1200px) {
     {
       {
         {
          > li:not(:last-child) {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          > li:not(:last-child) {
          }
        }
      }
    }
  }
  > li:not(:last-child) {
    display: flex;
  }
  > li:not(:last-child) {
    align-items: center;
  }
  > li:not(:last-child) {
    justify-content: space-between;
  }
  > li:not(:last-child) {
    padding-top: 18px;
    padding-bottom: 18px;
  }
}

@media (min-width: 1200px) {
   {
     {
       {
        .cart-buttons {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .cart-buttons {
        }
      }
    }
  }
}

.cart-buttons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  @media (max-width: 575px) {
     {
       {
         {
          > li {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > li {
              width: 90%;
            }
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          > li {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > li {
              width: 90%;
            }
          }
        }
      }
    }
  }
  li {
    width: 100%;
  }
  li {
    width: -moz-fit-content;
    width: fit-content;
  }
  li {
    @media (min-width: 1200px) {
       {
         {
           {
            .btn {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > .btn {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > .btn {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > .btn {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > .btn {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            .btn {
            }
          }
        }
      }
    }
    .btn {
      display: flex;
    }
    .btn {
      width: 100%;
    }
    .btn {
      align-items: center;
    }
    .btn {
      justify-content: center;
    }
    .btn {
      gap: 5px;
    }
    .btn {
      color: rgba(var(--white),1);
    }
    .btn {
      &.btn-hover-effect {
        background-color: rgba(var(--gray-60),0.4);
      }
      &.btn-hover-effect {
        color: rgba(var(--theme-body-font-color),1);
      }
      &.btn-hover-effect {
        svg {
          fill: rgba(var(--theme-body-font-color),1);
        }
      }
      svg.table {
        white-space: pre-wrap !important;
      }
      svg {
        height: 18px;
      }
      svg {
        width: 18px;
      }
      svg {
        --tw-scale-x: -1;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      }
      svg {
        vertical-align: middle;
      }
      svg {
        transition-property: 0.5s;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
      }
      &:hover {
        svg {
          --tw-translate-x: -7px;
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        }
        svg {
          --tw-scale-x: -1;
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        }
        svg {
          transition-property: 0.5s;
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-duration: 150ms;
        }
      }
    }
  }
}

.coupon-cart {
  @media (min-width: 1200px) {
     {
       {
         {
          .input-group {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .input-group {
          }
        }
      }
    }
  }
  .input-group {
    display: flex;
  }
  .input-group {
    flex-wrap: nowrap;
  }
  .input-group {
    .form-control {
      border-width: 2px !important;
    }
    .form-control {
      border-radius: 6px 0 0 6px;
    }
    .form-control {
      border-width: 2px;
    }
    .form-control {
      border-style: solid;
    }
    .form-control {
      border-color: rgba(var(--theme-default),1);
    }
    .btn {
      border-radius: 0 6px 6px 0 !important;
    }
  }
}

@media (max-width: 640px) {
  .shopping-cart-table {
    .recent-table {
      div.dt-container {
        .dt-layout-row {
          .dt-search {
            top: 0.25rem;
          }
        }
      }
    }
  }
}

@media (max-width: 1660px) {
  .cart-buttons {
    justify-content: flex-end;
  }

  .shopping-cart-table {
    .recent-table {
      div.dt-container {
        .table {
          thead,
            tbody {
            tr {
              th,
                td {
                &:nth-child(2) {
                  min-width: 258px;
                }
                &:nth-child(4) {
                  min-width: 140px;
                }
                &:last-child {
                  min-width: 100px;
                }
              }
            }
          }
        }
      }
    }
  }
}

.wishlist-box {
  overflow: hidden;
  background-color: rgba(var(--light-background),1);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  @media (min-width: 1200px) {
     {
       {
         {
          > div {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          > div {
          }
        }
      }
    }
  }
  > div {
    display: flex;
  }
  > div {
    align-items: center;
  }
  > div {
    justify-content: flex-start;
  }
  > div {
    gap: calc(22px + (35 - 22) * ((100vw - 1400px) / (1920 - 1400)));
  }
  > div {
    padding-inline: calc(8px + (18 - 8) * ((100vw - 1400px) / (1920 - 1400)));
  }
  .wishlist-image {
    img {
      height: calc(70px + (90 - 70) * ((100vw - 1400px) / (1920 - 1400)));
    }
    img {
      max-width: calc(70px + (90 - 70) * ((100vw - 1400px) / (1920 - 1400)));
    }
    img {
      -o-object-fit: contain;
         object-fit: contain;
    }
    img {
      transition-property: all;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }
    img {
      transition-duration: 0.3s;
    }
    img {
      transition-timing-function: ease-in-out;
    }
    @media (min-width: 1200px) {
       {
         {
           {
            .wishlist-close-btn {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > .wishlist-close-btn {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > .wishlist-close-btn {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > .wishlist-close-btn {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > .wishlist-close-btn {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            .wishlist-close-btn {
            }
          }
        }
      }
    }
    .wishlist-close-btn {
      position: absolute;
    }
    .wishlist-close-btn {
      left: -1.25rem;
    }
    .wishlist-close-btn {
      top: 1.25rem;
    }
    .wishlist-close-btn {
      display: flex;
    }
    .wishlist-close-btn {
      width: 100%;
    }
    .wishlist-close-btn {
      align-items: center;
    }
    .wishlist-close-btn {
      justify-content: flex-end;
    }
    .wishlist-close-btn {
      @media (min-width: 1200px) {
         {
           {
             {
              .btn {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              .btn {
              }
            }
          }
        }
      }
      .btn {
        display: flex;
      }
      .btn {
        border-radius: 50% !important;
      }
      .btn {
        background-color: rgba(var(--white-bg),1);
      }
      .btn {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
      }
      .btn {
        padding-top: 5px;
        padding-bottom: 5px;
      }
      .btn {
        --tw-shadow: 0 3px 3px rgba(37,37,37,0.20);
        --tw-shadow-colored: 0 3px 3px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
      }
      .btn:active {
        border-color: rgba(var(--transparent-color),1);
      }
      .btn:active {
        --tw-shadow: 0 3px 3px rgba(37,37,37,0.20);
        --tw-shadow-colored: 0 3px 3px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
      }
    }
  }
  .wishlist-footer {
    .brand-name {
      margin-bottom: 0.625rem;
    }
    .brand-name {
      color: rgba(var(--badge-light-color),1);
    }
    .btn {
      display: inline-block;
    }
    .btn {
      &:active,
        &:focus-visible {
        color: rgba(var(--white),1);
      }
      &.disabled {
        border-color: rgba(var(--transparent-color),1);
      }
      &.disabled {
        color: rgba(var(--white),1);
      }
    }
    .price {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
    .price {
      padding-left: 0px;
      padding-right: 0px;
    }
    .price {
      padding-top: 0.375rem;
    }
    .price {
      padding-bottom: 22px;
    }
    .price {
      color: rgba(var(--theme-default),1);
    }
    .price {
      del {
        padding-left: 0.125rem;
      }
      del {
        font-size: 0.875rem;
        line-height: 1.25rem;
      }
      del {
        font-weight: 400;
      }
      del {
        color: rgba(var(--badge-light-color),1);
      }
    }
    h6 {
      display: block;
    }
    h6 {
      margin-left: auto;
      margin-right: auto;
    }
    h6 {
      margin-top: 0px;
      margin-bottom: 0px;
    }
    h6 {
      display: block;
    }
    h6 {
      max-width: 100%;
    }
    h6 {
      overflow: hidden;
    }
    h6 {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
    }
    h6 {
      height: auto;
    }
    h6 {
      max-width: 100%;
    }
    h6 {
      overflow: hidden;
    }
    h6 {
      text-overflow: ellipsis;
    }
    h6:hover {
      color: rgba(var(--theme-default),1);
    }
    h6 {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      &:hover {
        color: rgba(var(--theme-default),1);
      }
    }
  }
  &:hover {
    .wishlist-image {
      img {
        --tw-scale-x: 1.1;
        --tw-scale-y: 1.1;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      }
      img {
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
      }
      img {
        transition-duration: 0.3s;
      }
      img {
        transition-timing-function: ease-in-out;
      }
    }
  }
}

@media (max-width: 1199px) and (min-width: 992px) {
  .wishlist-box {
    .wishlist-image {
      img {
        height: 90px;
      }
      img {
        max-width: 90px;
      }
    }
    > div {
      gap: 35px;
    }
    > div {
      padding-inline: 18px;
    }
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .wishlist-box {
    .wishlist-image {
      img {
        height: 65px;
      }
      img {
        max-width: 65px;
      }
    }
  }
}

@media (max-width: 767px) {
  .wishlist-box {
    .wishlist-image {
      @media (max-width: 575px) {
         {
           {
             {
              > img {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > img {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              > img {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > img {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      img {
        margin-bottom: 22px;
      }
      img {
        height: 90px;
      }
      img {
        width: 100%;
      }
      img {
        max-width: unset;
      }
    }
    .wishlist-footer {
      .brand-name {
        margin-bottom: 1px;
      }
      @media (max-width: 575px) {
         {
           {
             {
              > .btn {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > .btn {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              > .btn {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > .btn {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      .btn {
        width: 100%;
      }
      .price {
        padding-left: 0 !important;
        padding-right: 0 !important;
      }
      .price {
        padding-left: 0px;
        padding-right: 0px;
      }
      .price {
        padding-top: 0.375rem;
      }
      .price {
        padding-bottom: 11px;
      }
    }
    > div {
      display: block;
    }
    > div {
      display: block;
    }
    > div {
      padding-inline: 0;
    }
  }

   {
     {
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
       {
        margin-bottom: 22px;
      }
       {
        height: 90px;
      }
       {
        width: 100%;
      }
       {
        max-width: unset;
      }
    }
     {
       {
        margin-bottom: 1px;
      }
      @media (max-width: 575px) {
         {
           {
             {
              > .\!btn {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > .\!btn {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              > .\!btn {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > .\!btn {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      .\!btn {
        width: 100%;
      }
       {
        padding-left: 0 !important;
        padding-right: 0 !important;
      }
       {
        padding-left: 0px;
        padding-right: 0px;
      }
       {
        padding-top: 0.375rem;
      }
       {
        padding-bottom: 11px;
      }
    }
     {
      display: block;
    }
     {
      display: block;
    }
     {
      padding-inline: 0 !important;
    }
  }
}

@media (max-width: 575px) {
  .wishlist-box {
    .wishlist-image {
      img {
        margin-bottom: 0.625rem !important;
      }
    }
  }
}

.shipping-form {
  .checkout-cart {
    .basic-wizard {
      .shipping-wizard {
        .form-select {
          border-color: rgba(var(--tw-border-color),1);
        }
        .form-select {
          font-size: 0.875rem;
          line-height: 1.25rem;
        }
        .form-select {
          color: rgba(var(--chart-text-color),1);
        }
        .collect-address {
          .form-check-label {
            font-size: 15px;
          }
          .form-check-label {
            font-weight: 500;
          }
          .form-check-label {
            line-height: normal;
          }
        }
        .card-wrapper {
          cursor: pointer;
        }
        .card-wrapper {
          gap: 0.5rem;
        }
        .card-wrapper {
          .collect-address {
            .card-icon {
              i {
                display: none;
              }
              i {
                transition-property: all;
                transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                transition-duration: 150ms;
              }
              i {
                transition-duration: 0.3s;
              }
              i {
                transition-timing-function: ease-in-out;
              }
            }
          }
          &:hover {
            .collect-address {
              .card-icon {
                i {
                  display: block;
                }
                i {
                  display: block;
                }
                i {
                  transition-property: all;
                  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                  transition-duration: 150ms;
                }
                i {
                  transition-duration: 0.3s;
                }
                i {
                  transition-timing-function: ease-in-out;
                }
              }
            }
          }
        }
        .shipping-address {
          span {
            color: rgba(var(--chart-text-color),1);
          }
          span {
            strong {
              padding-right: 5px;
            }
            strong {
              font-weight: 500;
            }
            strong {
              color: rgba(var(--theme-font-color),1);
            }
          }
        }
        .order-confirm {
          padding: 1rem !important;
        }
        @media (min-width: 1200px) {
           {
             {
               {
                .order-confirm {
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                .order-confirm {
                }
              }
            }
          }
        }
        .order-confirm {
          display: flex;
        }
        .order-confirm {
          align-items: center;
        }
        .order-confirm {
          justify-content: center;
        }
        .order-confirm {
          gap: 0.75rem;
        }
        .order-confirm {
          border-radius: 0.375rem;
        }
        .order-confirm {
          background-color: rgba(var(--light-background),1);
        }
        .order-confirm {
          padding: 0.75rem;
        }
        .order-confirm {
          text-align: start;
        }
        .order-confirm {
          img {
            height: 60px;
          }
        }
      }
      input {
        &::-moz-placeholder {
          color: rgba(var(--theme-font-color),0.8);
        }
        &::placeholder {
          color: rgba(var(--theme-font-color),0.8);
        }
      }
      .radio {
        label {
          padding-left: 0.625rem;
        }
        label::before {
          content: var(--tw-content);
          top: 3px;
        }
        label::after {
          content: var(--tw-content);
          top: 0.5rem;
        }
      }
      .wizard-footer {
        .btn {
          &:disabled {
            border-color: rgba(var(--transparent-color),1);
          }
        }
      }
    }
  }
  .shipping-content {
    .order-confirm {
      img {
        height: 6rem;
      }
    }
  }
  .shipping-method {
    .future-date {
      margin-top: 0.375rem;
    }
    .future-date {
      font-size: 0.875rem;
      line-height: 1.25rem;
    }
    .future-date {
      color: rgba(var(--chart-text-color),1);
    }
    .card-wrapper {
      &.pay-info {
        .grid {
          flex-direction: row;
        }
      }
    }
  }
  .modal-content {
    .modal-body {
      .bootstrap-select {
        .dropdown-toggle {
          border-color: rgba(var(--tw-border-color),1);
        }
      }
    }
  }
}

.summery-contain {
  border-bottom-width: 1px;
  border-style: solid;
  border-bottom-color: rgba(var(--light-widget-border),1);
  padding-bottom: 1.25rem;
  li {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  @media (min-width: 1200px) {
     {
       {
         {
          li {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          li {
          }
        }
      }
    }
  }
  li {
    display: flex;
  }
  li {
    align-items: center;
  }
  li {
    justify-content: flex-start;
  }
  li {
    gap: 0.875rem;
  }
  li {
    border-bottom-width: 1px;
  }
  li {
    border-style: dashed;
  }
  li {
    border-bottom-color: rgba(var(--chart-dashed-border),1);
  }
  li {
    padding-left: 0px;
    padding-right: 0px;
  }
  li {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  li:last-child {
    border-bottom-width: 0;
  }
  li {
    &:first-child {
      padding-top: 0;
    }
    &:last-child {
      padding-bottom: 0;
    }
    img {
      height: 60px;
    }
    img {
      width: 60px;
    }
    img {
      -o-object-fit: contain;
         object-fit: contain;
    }
    h6 {
      font-size: 0.875rem;
      line-height: 1.25rem;
    }
    h6 {
      font-weight: 400;
    }
    h6 {
      line-height: 1.5;
    }
    h6 {
      letter-spacing: 1.2px;
    }
    h6 {
      color: rgba(var(--badge-light-color),1);
    }
    h6 {
      span {
        padding-left: 0.375rem;
      }
      span {
        font-weight: 500;
      }
    }
    .price {
      margin-left: auto;
    }
  }
}

.summary-total {
  padding-top: 5px;
  @media (min-width: 1200px) {
     {
       {
         {
          li {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          li {
          }
        }
      }
    }
  }
  li {
    display: flex;
  }
  li {
    align-items: center;
  }
  li {
    justify-content: center;
  }
  li {
    padding-top: 0.75rem;
  }
  li:last-child {
    border-top-width: 1px;
  }
  li:last-child {
    border-style: solid;
  }
  li:last-child {
    border-top-color: rgba(var(--light-widget-border),1);
  }
  li:last-child {
    padding-top: 0.75rem;
  }
  li {
    h6 {
      font-weight: 400;
    }
    h6 {
      color: rgba(var(--theme-font-color),1);
    }
    .price {
      margin-left: auto;
    }
    .price {
      font-weight: 400;
    }
    .price {
      color: rgba(var(--theme-font-color),1);
    }
    &:nth-child(4) {
      padding-top: 20px;
      padding-bottom: 20px;
    }
    &:nth-child(4) {
      font-weight: 600;
    }
    &:nth-child(4) {
      h6 {
        font-weight: 500;
      }
      h6 {
        color: rgba(var(--theme-default),1);
      }
    }
    &:last-child {
      h6 {
        font-size: 1.25rem;
        line-height: 1.75rem;
      }
      h6 {
        font-weight: 500;
      }
      h6 {
        color: rgba(var(--body-font-color),1);
      }
    }
  }
}

@media (max-width: 1399px) and (min-width: 768px) {
  .summery-contain li img {
    height: 45px;
    width: 45px;
  }
}

@media (max-width: 1399px) {
  .summery-contain {
    li {
      gap: 0.625rem;
    }
    li {
      h6 {
        &:not(.price) {
          display: block;
        }
        &:not(.price) {
          margin-left: auto;
          margin-right: auto;
        }
        &:not(.price) {
          margin-top: 0px;
          margin-bottom: 0px;
        }
        &:not(.price) {
          display: block;
        }
        &:not(.price) {
          max-width: 100%;
        }
        &:not(.price) {
          overflow: hidden;
        }
        &:not(.price) {
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
        }
        &:not(.price) {
          margin-left: 0;
          margin-right: 0;
        }
        &:not(.price) {
          height: auto;
        }
        &:not(.price) {
          max-width: 100%;
        }
        &:not(.price) {
          overflow: hidden;
        }
        &:not(.price) {
          text-overflow: ellipsis;
        }
        &:not(.price) {
          display: -webkit-box;
          -webkit-line-clamp: 1;
          -webkit-box-orient: vertical;
        }
      }
    }
  }
}

.current_lang {
  cursor: pointer;
  overflow: hidden;
  text-transform: uppercase;
}

.\!lang{
   {
    display: none;
  }
  {
     {
      margin-left: 8px;
    }
     {
      display: inline-flex;
    }
     {
      font-weight: 500;
    }
     {
      margin-left: 5px;
    }
     {
      font-weight: 400;
    }
     {
      --tw-text-opacity: 1;
      color: rgb(153 153 153 / var(--tw-text-opacity, 1));
    }
  }
}

.lang{
  &.selected {
    display: none;
  }
  span{
    &.lang-txt {
      margin-left: 8px;
    }
    &.lang-txt {
      display: inline-flex;
    }
    &.lang-txt {
      font-weight: 500;
    }
    span {
      margin-left: 5px;
    }
    span {
      font-weight: 400;
    }
    span {
      --tw-text-opacity: 1;
      color: rgb(153 153 153 / var(--tw-text-opacity, 1));
    }
  }
}

.more_lang {
  display: none;
  --tw-translate-y: -1.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  cursor: pointer;
  opacity: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.25,1.15,0.35,1.15);
}

.translate_wrapper{
  &.active {
    .more_lang {
      display: block;
    }
    .more_lang {
      position: absolute;
    }
    .more_lang {
      right: 0px;
    }
    .more_lang {
      top: 47px;
    }
    .more_lang {
      display: block;
    }
    .more_lang {
      background-color: rgba(var(--white),1);
    }
    .more_lang {
      --tw-shadow: 0 0 20px rgba(89,102,122,0.1);
      --tw-shadow-colored: 0 0 20px var(--tw-shadow-color);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
    .more_lang::before {
      content: var(--tw-content);
      position: absolute;
    }
    .more_lang::before {
      content: var(--tw-content);
      top: -7px;
    }
    .more_lang::before {
      content: var(--tw-content);
      right: 1.25rem;
    }
    .more_lang::before {
      content: var(--tw-content);
      z-index: 2;
    }
    .more_lang::before {
      content: var(--tw-content);
      height: 0px;
    }
    .more_lang::before {
      content: var(--tw-content);
      width: 0px;
    }
    .more_lang::before {
      content: var(--tw-content);
      border-left-width: 7px;
      border-right-width: 7px;
    }
    .more_lang::before {
      content: var(--tw-content);
      border-bottom-width: 7px;
    }
    .more_lang::before {
      content: var(--tw-content);
      border-style: solid;
    }
    .more_lang::before {
      content: var(--tw-content);
      border-left-color: transparent;
      border-right-color: transparent;
    }
    .more_lang::before {
      content: var(--tw-content);
      --tw-border-opacity: 1;
      border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
    }
    .more_lang::before {
      --tw-content: "";
      content: var(--tw-content);
    }
    .more_lang::after {
      content: var(--tw-content);
      position: absolute;
    }
    .more_lang::after {
      content: var(--tw-content);
      top: -7px;
    }
    .more_lang::after {
      content: var(--tw-content);
      right: 1.25rem;
    }
    .more_lang::after {
      content: var(--tw-content);
      z-index: 1;
    }
    .more_lang::after {
      content: var(--tw-content);
      height: 0px;
    }
    .more_lang::after {
      content: var(--tw-content);
      width: 0px;
    }
    .more_lang::after {
      content: var(--tw-content);
      border-left-width: 7px;
      border-right-width: 7px;
    }
    .more_lang::after {
      content: var(--tw-content);
      border-bottom-width: 7px;
    }
    .more_lang::after {
      content: var(--tw-content);
      border-style: solid;
    }
    .more_lang::after {
      content: var(--tw-content);
      border-left-color: transparent;
      border-right-color: transparent;
    }
    .more_lang::after {
      content: var(--tw-content);
      --tw-border-opacity: 1;
      border-bottom-color: rgb(189 194 197 / var(--tw-border-opacity, 1));
    }
    .more_lang::after {
      --tw-content: "";
      content: var(--tw-content);
    }
  }
}

.more_lang{
  &.active {
    --tw-translate-y: -0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  &.active {
    opacity: 1;
  }
  @media (min-width: 1200px) {
     {
       {
         {
          .lang {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .lang {
          }
        }
      }
    }
  }
  .lang {
    display: flex;
  }
  .lang {
    padding-left: 15px;
    padding-right: 15px;
  }
  .lang {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }
  .lang:hover {
    color: rgba(var(--white),1);
  }
  .lang {
    &:hover {
      background-color: rgba(var(--theme-default),1) !important;
    }
    &:hover {
      span {
        color: rgba(var(--white),1);
      }
    }
  }
}

.translate_wrapper{
  &.active {
    .more_lang {
      .lang {
        border-bottom-width: 1px;
      }
      .lang {
        border-style: solid;
      }
      .lang {
        --tw-border-opacity: 1;
        border-bottom-color: rgb(234 234 234 / var(--tw-border-opacity, 1));
      }
    }
  }
}

.manage-review-wrapper {
  @media (min-width: 1200px) {
     {
       {
         {
          .top-body {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .top-body {
          }
        }
      }
    }
  }
  .top-body {
    position: relative;
  }
  .top-body {
    display: flex;
  }
  .top-body {
    align-items: center;
  }
  .top-body {
    justify-content: flex-end;
  }
  .top-body {
    gap: 0.25rem;
  }
  .top-body {
    padding: 1.25rem;
  }
  .top-body {
    .bootstrap-select {
      width: 118px;
    }
    .bootstrap-select {
      &.dropdown-toggle {
        min-width: 100px;
      }
    }
    .form-label {
      margin-bottom: 0 !important;
    }
    .form-label {
      margin-bottom: 0px;
    }
    ~ {
      .manage-review {
        .dt-container {
          .dt-layout-row {
            @media (min-width: 1200px) {
               {
                 {
                   {
                    &:first-child {
                    }
                  }
                }
              }
            }
            @media (max-width: 575px) {
               {
                 {
                   {
                    &:first-child {
                    }
                  }
                }
              }
            }
            &:first-child {
              position: absolute;
            }
            &:first-child {
              left: 1.25rem;
            }
            &:first-child {
              top: 1.25rem;
            }
            &:first-child {
              display: flex;
            }
            &:first-child {
              flex-direction: row-reverse;
            }
            &:first-child {
              align-items: center;
            }
            &:first-child {
              justify-content: flex-start;
            }
            &:first-child {
              gap: 16px;
            }
            .dt-buttons {
              margin: 0px !important;
            }
            .dt-buttons {
              margin: 0px;
            }
          }
        }
      }
    }
  }
  .selectpicker {
    ~ .custom-dropdown {
      .dropdown-toggle {
        padding-left: 0.625rem;
        padding-right: 0.625rem;
      }
      .dropdown-toggle {
        padding-top: 5px;
        padding-bottom: 5px;
      }
      .dropdown-menu {
        width: unset;
      }
    }
  }
}

.manage-review {
  .recent-table {
    div.dt-container {
      .dt-layout-row {
        .dt-search {
          position: relative;
        }
        .dt-search {
          inset: unset;
        }
        .dt-search {
          .dt-input {
            width: auto;
          }
          .dt-input {
            border-radius: 0.375rem;
          }
          .dt-input {
            padding: 0.375rem;
          }
          .dt-input {
            opacity: 1;
          }
          .dt-input {
            &:focus {
              &::-moz-placeholder {
                opacity: 0;
              }
              &::placeholder {
                opacity: 0;
              }
            }
          }
        }
      }
    }
    @media (min-width: 1200px) {
       {
         {
           {
            [class*="square-"] {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            [class*="square-"] {
            }
          }
        }
      }
    }
    [class*="square-"] {
      display: flex;
    }
    [class*="square-"] {
      height: 34px;
    }
    [class*="square-"] {
      width: 34px;
    }
    [class*="square-"] {
      align-items: center;
    }
    [class*="square-"] {
      justify-content: center;
    }
    [class*="square-"] {
      border-radius: 0.125rem;
    }
    [class*="square-"] {
      background-color: rgba(var(--danger-color),0.1);
    }
    [class*="square-"] {
      --tw-shadow: 0px 0px 28px 6px rgba(235,235,235,0.4);
      --tw-shadow-colored: 0px 0px 28px 6px var(--tw-shadow-color);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
    [class*="square-"] {
      svg {
        height: 16px;
      }
      svg {
        width: 16px;
      }
      svg {
        fill: rgba(var(--danger-color),1);
      }
    }
    table {
      thead,
        tbody {
        tr {
          th,
            td {
            min-width: auto;
          }
          th,
            td {
            color: rgba(var(--body-font-color),1);
          }
          th,
            td {
            &:first-child {
              padding-left: 1.25rem;
            }
            &:last-child {
              padding-right: 1.25rem;
            }
            &:nth-child(2) {
              min-width: 42px;
            }
            &:nth-child(3) {
              min-width: 150px;
            }
            &:nth-child(4) {
              min-width: 180px;
            }
            &:nth-child(5) {
              min-width: 265px;
            }
            &:nth-child(6) {
              min-width: 110px;
            }
            .badge {
              padding-left: 0.75rem;
              padding-right: 0.75rem;
            }
            .badge {
              padding-top: 0.375rem;
              padding-bottom: 0.375rem;
            }
            .badge {
              font-size: 0.75rem;
              line-height: 1rem;
            }
            .common-f-start {
              gap: 0.5rem;
            }
            .common-f-start {
              img {
                height: 2.5rem;
              }
              .user-details {
                display: block;
              }
              .user-details {
                display: block;
              }
              .user-details {
                p {
                  line-height: 1.3;
                }
                p {
                  color: rgba(var--badge-light-color),0.8;
                }
              }
            }
            @media (min-width: 1200px) {
               {
                 {
                   {
                    .rating {
                    }
                  }
                }
              }
            }
            @media (max-width: 575px) {
               {
                 {
                   {
                    .rating {
                    }
                  }
                }
              }
            }
            .rating {
              display: flex;
            }
            .rating {
              gap: 3px;
            }
            .rating {
              padding-bottom: 0.375rem;
            }
            .rating {
              i {
                color: rgba(var(--badge-light-color),0.8);
              }
            }
            .customer-review {
              span {
                color: rgba(var(--badge-light-color),0.8);
              }
            }
          }
          &.dt-hasChild {
            ~ {
              tr[data-dt-row] {
                tbody {
                  background-color: rgba(var(--auth-bg-color),1);
                }
                tbody {
                  tr {
                    td {
                      &:first-child {
                        min-width: 128px;
                      }
                      &:first-child {
                        font-weight: 500;
                      }
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}

@media (max-width: 991px) {
  .manage-review-wrapper {
    .top-body {
      ~ {
        .manage-review {
          .dt-container {
            .dt-layout-row {
              &:first-child {
                flex-direction: column-reverse;
              }
              &:first-child {
                align-items: flex-start;
              }
              &:first-child {
                gap: 0.75rem;
              }
            }
          }
        }
      }
    }
  }
}

@media (max-width: 420px) {
  .manage-review-wrapper {
    .top-body {
      top: 0 !important;
    }
    .top-body {
      ~ {
        .manage-review {
          .dt-container {
            .dt-layout-row {
              &:first-child {
                top: 90px;
              }
            }
          }
        }
      }
    }
  }
}

@media (max-width: 360px) {
  .manage-review-wrapper {
    .top-body {
      ~ {
        .manage-review {
          .dt-container {
            .dt-layout-row {
              .dt-buttons {
                .dt-button {
                  padding-left: 7px;
                  padding-right: 7px;
                }
                .dt-button {
                  padding-top: 5px;
                  padding-bottom: 5px;
                }
              }
            }
          }
        }
      }
    }
  }
}

@media (max-width: 640px) {
  .manage-review-wrapper {
    .top-body {
      ~ {
        .manage-review {
          .dt-container {
            .dt-layout-row {
              .dt-layout-cell {
                .dt-search {
                  margin: 0px !important;
                }
                .dt-search {
                  inset: 0px;
                }
                .dt-search {
                  margin: 0px !important;
                }
              }
            }
          }
        }
      }
    }
  }
}

@media (max-width: 1399px) and (min-width: 768px) {
  .manage-review-wrapper {
    .top-body {
      @media (min-width: 1200px) {
         {
           {
             {
              .rating {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              .rating {
              }
            }
          }
        }
      }
      .rating {
        display: flex !important;
      }
      .rating {
        flex-direction: column !important;
      }
    }
  }
}

@media (max-width: 640px) {
  .manage-review {
    .recent-table {
      div.dt-container {
        .dt-layout-row {
          .dt-search {
            top: 0.25rem;
          }
          &:last-child {
            flex-direction: column;
          }
        }
      }
    }
  }
}

@media (max-width: 1399px) and (min-width: 1200px) {
  .manage-review {
    .recent-table {
      table {
        thead,
          tbody {
          tr {
            th,
              td {
              &:nth-child(6) {
                display: none;
              }
            }
          }
        }
      }
    }
  }
}

@media (max-width: 1580px) and (min-width: 1200px) {
  .manage-review {
    .recent-table {
      table {
        thead,
          tbody {
          tr {
            th,
              td {
              &:nth-child(7) {
                display: none;
              }
            }
          }
        }
      }
    }
  }
}

/* @screen xl1299 {
    .manage-review-wrapper {
      .top-body {
        @apply mb-[40px] top-[48px] justify-start;
      }
    }
  } */

@media (max-width: 1199px) {
  /* .manage-review-wrapper {
      .top-body {
        @apply mb-[79px] top-[92px] justify-start;
      }
    } */

  .manage-review {
    .recent-table {
      table {
        tbody {
          tr {
            td {
              .customer-review {
                span {
                  overflow: hidden !important;
                  display: -webkit-box !important;
                  -webkit-box-orient: vertical !important;
                  -webkit-line-clamp: 3 !important;
                }
              }
            }
          }
        }
      }
    }
  }
}

.main-setting {
  input {
    &::-moz-placeholder {
      color: rgba(var(--theme-font-color),0.8);
    }
    &::placeholder {
      color: rgba(var(--theme-font-color),0.8);
    }
  }
  @media (min-width: 1200px) {
     {
       {
         {
          .tab-links {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .tab-links {
          }
        }
      }
    }
  }
  .tab-links {
    display: flex;
  }
  .tab-links {
    flex-direction: column;
  }
  .tab-links {
    gap: 18px;
  }
  .tab-links {
    @media (min-width: 1200px) {
       {
         {
           {
            .tab-link {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            .tab-link {
            }
          }
        }
      }
    }
    .tab-link {
      display: flex;
    }
    .tab-link {
      align-items: center;
    }
    .tab-link {
      justify-content: flex-start;
    }
    .tab-link {
      gap: 0.5rem;
    }
    .tab-link {
      border-radius: 0.375rem;
    }
    .tab-link {
      background-color: rgba(var(--gray-60),0.3);
    }
    .tab-link {
      padding-left: 1rem;
      padding-right: 1rem;
    }
    .tab-link {
      padding-top: 0.75rem;
      padding-bottom: 0.75rem;
    }
    .tab-link {
      color: rgba(var(--theme-body-font-color),1);
    }
    .tab-link {
      &.active {
        svg {
          stroke: rgba(var(--white),1) !important;
        }
      }
      svg {
        height: 20px;
      }
      svg {
        width: 29px;
      }
      svg {
        fill: var(--transparent-color);
      }
      svg {
        stroke: rgba(var(--badge-light-color),0.8);
      }
    }
  }
  .panel-body {
    .grid {
      margin-bottom: 24px !important;
    }
    .grid {
      margin-bottom: 1rem;
    }
  }
  .form-label {
    font-weight: 500;
  }
  .form-label {
    color: rgba(var(--badge-light-color),1);
  }
  .form-control,
    .form-select {
    background-color: rgba(var(--auth-bg-color),1);
  }
  .form-control,
    .form-select {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .form-control,
    .form-select {
    color: rgba(var(--body-font-color),1);
  }
  .bootstrap-select {
    .dropdown-toggle {
      border-color: rgba(var(--light-gray),1);
    }
    .dropdown-menu {
      .inner {
        max-height: 200px;
      }
    }
  }
  .input-group {
    flex-wrap: nowrap;
  }
  .input-group {
    .input-group-text {
      border-radius: 6px 0 0 6px;
    }
    .input-group-text {
      background-color: rgba(var(--lighter-white),0.7);
    }
    .input-group-text {
      i {
        font-weight: 400;
      }
    }
    .form-control {
      border-radius: 0 6px 6px 0;
    }
  }
  .form-check {
    &.form-switch {
      margin: 0px !important;
    }
    &.form-switch {
      padding: 0 !important;
    }
    @media (min-width: 1200px) {
       {
         {
           {
            &.form-switch {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            &.form-switch {
            }
          }
        }
      }
    }
    &.form-switch {
      margin: 0px;
    }
    &.form-switch {
      display: flex;
    }
    &.form-switch {
      align-items: center;
    }
    &.form-switch {
      justify-content: flex-start;
    }
    &.form-switch {
      gap: 0.875rem;
    }
    &.form-switch {
      padding: 0px;
    }
    &.form-switch {
      .form-check-input {
        margin: 0px !important;
      }
      .form-check-input {
        margin: 0px;
      }
      .form-check-input {
        height: 22px !important;
      }
      .form-check-input {
        width: 40px !important;
      }
      @media (min-width: 1200px) {
         {
           {
             {
              p {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              p {
              }
            }
          }
        }
      }
      p {
        display: flex;
      }
      p {
        align-items: center;
      }
      p {
        justify-content: center;
      }
      p {
        gap: 0.375rem;
      }
      p {
        svg {
          height: 15px;
        }
        svg {
          min-height: 15px;
        }
        svg {
          width: 15px;
        }
        svg {
          min-width: 15px;
        }
      }
    }
  }
  .helper-text {
    p {
      font-size: 13px;
    }
  }
  .tab-content {
    .card-gap {
      margin-bottom: 1.5rem;
    }
  }
  .advance-options {
    .tab-links {
      margin-bottom: 30px !important;
    }
  }
}

@media (max-width: 575px) {
  .main-setting {
    .tab-content {
      .advance-options {
        .tab-links {
          display: block;
        }
        .tab-links {
          margin-bottom: 18px;
        }
        .tab-links {
          display: block;
        }
        .tab-links {
          .tab-link {
            margin-bottom: 16px !important;
          }
          .tab-link {
            display: block;
          }
          .tab-link {
            margin-bottom: 0.75rem;
          }
          .tab-link {
            display: block;
          }
          .tab-link {
            padding-top: 0.625rem;
          }
          .tab-link:last-child {
            margin-bottom: 0 !important;
          }
          .tab-link:last-child {
            margin-bottom: 0px;
          }
        }
      }
      .card-gap {
        margin-bottom: 1.2rem;
      }
    }
  }
}

@media (max-width: 991px) {
  .main-setting {
    .tab-links {
      position: relative;
    }
    .tab-links {
      flex-direction: row;
    }
    .tab-links {
      flex-wrap: nowrap;
    }
    .tab-links {
      gap: 0.75rem;
    }
    .tab-links {
      overflow: auto;
    }
    .tab-links {
      white-space: nowrap;
    }
    .nav-link {
      white-space: nowrap;
    }
    .advance-options {
      .tab-links {
        padding-bottom: 0 !important;
      }
      .tab-links {
        padding-bottom: 0px;
      }
      .tab-links {
        .tab-link {
          border-radius: 0px;
        }
        .tab-link {
          background-color: unset;
        }
      }
    }
  }
}

@media (min-width: 992px) {
  .main-setting {
    .tab-content {
      height: 100%;
    }
    .tab-content {
      border-left-width: 1px;
    }
    .tab-content {
      border-style: dashed;
    }
    .tab-content {
      border-left-color: rgba(var(--gray-60),1);
    }
    .tab-content {
      padding-left: 18px;
    }
    .tab-content {
      [dir="rtl"] & {
        border-left-width: 0px;
      }
      [dir="rtl"] & {
        border-right-width: 1px;
      }
      [dir="rtl"] & {
        border-style: dashed;
      }
      [dir="rtl"] & {
        border-right-color: rgba(var(--gray-60),1);
      }
      [dir="rtl"] & {
        padding-left: 0;
      }
      [dir="rtl"] & {
        padding-right: 18px;
      }
      .advance-options {
        .tab-links {
          padding-bottom: 0 !important;
        }
        .tab-links {
          flex-direction: row;
        }
        .tab-links {
          padding-bottom: 0px;
        }
        .tab-links {
          .tab-link {
            border-radius: 0px;
          }
          .tab-link {
            background-color: transparent;
          }
        }
        .tab-content {
          border-color: var(--transparent-color);
        }
      }
    }
  }
}

.comingsoon-bgimg {
  background-image: url(../images/other-images/coming-soon-bg.jpg);
  background-size: cover;
  background-position: bottom;
}

.basic-comingsoon {
  background-image: url(../images/other-images/comingsoon.png);
  background-size: cover;
  background-position: center;
}

.comingsoon {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media (min-width: 1200px) {
   {
     {
       {
        .comingsoon {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .comingsoon {
        }
      }
    }
  }
}

.comingsoon {
  display: flex;
  min-height: 100vh;
  align-items: center;
  justify-content: center;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 50px;
  padding-bottom: 50px;
  .comingsoon-inner {
    h5 {
      margin-top: 1.25rem;
      margin-bottom: 1.25rem;
    }
    h5 {
      font-size: 1.125rem;
      line-height: 1.75rem;
    }
    h5 {
      font-weight: 500;
    }
    h5 {
      letter-spacing: 1px;
    }
    h5 {
      color: rgba(var(--theme-body-sub-title-color),1);
    }
    .countdown {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
    .countdown {
      border-top-width: 1px;
    }
    .countdown {
      border-style: solid;
    }
    .countdown {
      border-top-color: rgba(var(--light-color),1);
    }
    .countdown {
      padding-left: 0px;
      padding-right: 0px;
    }
    .countdown {
      padding-top: 30px;
      padding-bottom: 30px;
    }
    .countdown {
      @media (min-width: 1200px) {
         {
           {
             {
              .time {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              .time {
              }
            }
          }
        }
      }
      .time {
        display: flex !important;
      }
      .time {
        height: 100px;
      }
      .time {
        width: 100px;
      }
      .time {
        align-items: center;
      }
      .time {
        justify-content: center;
      }
      .time {
        border-radius: 50%;
      }
      .time {
        background-color: rgba(var(--theme-default),1);
      }
      .time {
        font-size: 2.25rem;
        line-height: 2.5rem;
      }
      .time {
        font-weight: 500;
      }
      .time {
        color: rgba(var(--white),1);
      }
      .title {
        padding-top: 13px;
      }
      .title {
        font-size: 0.875rem;
        line-height: 1.25rem;
      }
      .title {
        font-weight: 400;
      }
      .title {
        text-transform: uppercase;
      }
      .title {
        letter-spacing: 1px;
      }
      .title {
        color: rgba(var(--theme-body-sub-title-color),1);
      }
      ul {
        li {
          margin-left: 1.25rem;
          margin-right: 1.25rem;
        }
        li {
          margin-top: 0px;
          margin-bottom: 0px;
        }
        li {
          display: inline-block;
        }
        li {
          text-transform: uppercase;
        }
        li {
          span {
            display: block;
          }
          span {
            display: block;
          }
        }
      }
    }
    img {
      margin: auto;
    }
  }
  video {
    position: fixed;
  }
  video {
    left: 50%;
  }
  video {
    top: 50%;
  }
  video {
    z-index: -100;
  }
  video {
    height: auto;
  }
  video {
    min-height: 100%;
  }
  video {
    width: auto;
  }
  video {
    min-width: 100%;
  }
  video {
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  video {
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  video {
    -o-object-fit: cover;
       object-fit: cover;
  }
  video {
    transition-property: 1s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  video {
    transition-duration: opacity;
  }
}

#editor6{
  &.ql-bubble{
    .ql-tooltip {
      padding: 1rem !important;
    }
    .ql-tooltip {
      background-color: rgba(var(--body-font-color),1);
    }
    .ql-tooltip {
      padding: 0.75rem;
    }
    .ql-tooltip {
      &:not(.ql-flip){
        .ql-tooltip-arrow {
          border-bottom-width: 6px;
        }
        .ql-tooltip-arrow {
          border-style: solid;
        }
        .ql-tooltip-arrow {
          border-bottom-color: rgba(var(--body-font-color),1);
        }
      }
    }
    .ql-tooltip-editor {
      input[type="text"] {
        color: rgba(var(--white-bg),1);
      }
    }
  }
  #toolbar6 {
    .ql-formats {
      margin-top: 0.5rem;
      margin-bottom: 0.5rem;
    }
    .ql-formats {
      margin-left: -3px;
    }
    .ql-formats {
      margin-right: 0.5rem;
    }
    .ql-formats {
      .ql-stroke,
                .ql-fill {
        stroke: rgba(var(--white-bg),1);
      }
    }
  }
}

.ql-formats {
  .ql-picker-label{
    &::before {
      color: rgba(var(--dark-body-background),1);
    }
    svg {
      .ql-stroke {
        stroke: rgba(var(--body-font-color),1);
      }
    }
  }
  .ql-script,
        .ql-stroke {
    stroke: rgba(var(--body-font-color),1);
  }
}

.quill-paragraph{
  p {
    color: rgba(var(--body-font-color),1);
  }
  ol,
        ul {
    li {
      color: rgba(var(--body-font-color),1);
    }
  }
}

.ql-toolbar{
  &.ql-snow{
    button{
      &.ql-active {
        svg{
          .ql-stroke {
            stroke: rgba(var(--theme-default),1);
          }
          .ql-fill {
            fill: rgba(var(--theme-default),1);
          }
        }
      }
    }
    .ql-formats {
      .ql-script,
                .ql-header,
                .ql-video,
                .ql-picker-label,
                .ql-blockquote,
                .ql-strike {
        &:hover {
          stroke: rgba(var(--theme-default),1);
        }
        &:hover {
          color: rgba(var(--theme-default),1);
        }
        &:hover {
          .ql-fill {
            fill: rgba(var(--theme-default),1);
          }
        }
      }
      .ql-picker-options {
        .ql-picker-item {
          &:hover,
                        &.ql-selected {
            color: rgba(var(--theme-default),1);
          }
        }
      }
      .ql-video {
        &:hover {
          .ql-fill {
            fill: rgba(var(--theme-default),1);
          }
        }
      }
      .ql-align {
        &:hover {
          .ql-stroke {
            stroke: rgba(var(--theme-default),1);
          }
        }
      }
      .ql-clean {
        &:hover {
          .ql-stroke {
            stroke: rgba(var(--theme-default),1);
          }
          .ql-fill {
            fill: rgba(var(--theme-default),1);
          }
        }
      }
      .ql-header {
        .ql-stroke {
          stroke: rgba(var(--theme-default),1);
        }
      }
      .ql-picker-label {
        &:hover {
          .ql-color-label,
                        .ql-stroke {
            stroke: rgba(var(--theme-default),1);
          }
        }
      }
      .ql-blockquote {
        &:hover {
          .ql-fill {
            fill: rgba(var(--theme-default),1);
          }
          .ql-fill {
            stroke: rgba(var(--theme-default),1);
          }
        }
      }
      .ql-code-block {
        &:hover {
          color: rgba(var(--theme-default),1);
        }
        &:hover {
          .ql-even,
                        .ql-stroke {
            stroke: rgba(var(--theme-default),1);
          }
        }
      }
      .ql-size {
        &.ql-picker {
          .ql-picker-label {
            border-color: rgba(var(--white-bg),1);
          }
          .ql-picker-options {
            border-color: rgba(var(--white-bg),1);
          }
          .ql-picker-options {
            background-color: rgba(var(--white-bg),1);
          }
          .ql-picker-options {
            .ql-picker-item {
              &::before {
                color: rgba(var(--body-font-color),1);
              }
              &:hover {
                &::before {
                  color: rgba(var(--theme-default),1);
                }
              }
            }
          }
        }
      }
    }
  }
}

:root {
  --body-font-color: 0, 2, 72;
}

.mesh-loader {
  height: inherit;
  width: inherit;
  overflow: hidden;
  .circle {
    position: absolute;
  }
  .circle {
    margin-top: -3px;
  }
  .circle {
    margin-right: -3px;
  }
  .circle {
    margin-bottom: -3px;
  }
  .circle {
    margin-left: -3px;
  }
  .circle {
    height: 0.375rem;
  }
  .circle {
    width: 0.375rem;
  }
  .circle {
    animation: mesh 3s ease-in-out infinite -1.5s;
  }
  .circle {
    border-radius: 50%;
  }
  .circle {
    background-color: rgba(var(--theme-default),1);
  }
  > div .circle:last-child {
    animation-delay: 0s;
  }
  > div {
    position: absolute;
  }
  > div {
    left: 50%;
  }
  > div {
    top: 50%;
  }
  > div {
    &:last-child {
      --tw-rotate: 90deg;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
  }
}

.loader-1 {
  position: relative;
  display: inline-block;
  height: 76px;
  width: 76px;
  &::after,
    &::before {
    position: absolute;
  }
  &::after,
    &::before {
    left: 0px;
  }
  &::after,
    &::before {
    top: 0px;
  }
  &::after,
    &::before {
    height: 76px;
  }
  &::after,
    &::before {
    width: 76px;
  }
  &::after,
    &::before {
    animation: animloader14 2s linear infinite;
  }
  &::after,
    &::before {
    border-radius: 50%;
  }
  &::after,
    &::before {
    --tw-content: "";
    content: var(--tw-content);
  }
  &::after,
    &::before {
    background: #80a5ff;
  }
  &::after {
    animation-delay: 1s;
  }
}

.landing-page {
  color: rgba(var(--body-font-color),1);
  .container {
    margin-left: auto;
    margin-right: auto;
  }
  .container {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .container {
    max-width: 1320px;
  }
  .accordion-item {
    border-color: none;
  }
  .accordion-button:not(.collapsed) {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  .accordion-button:not(.collapsed) i {
    transform: translateY(-50%) rotate(-180deg);
  }
  .customization-accordion {
    .collapse {
      visibility: visible;
    }
    .accordion-collapse {
      border-color: none;
    }
    .accordion-button {
      position: relative;
    }
    .accordion-button {
      border-color: none;
    }
    .accordion-button {
      padding-top: 0.625rem;
      padding-bottom: 0.625rem;
    }
    .accordion-button {
      padding-left: 30px;
    }
    .accordion-button {
      padding-right: 0.625rem;
    }
    .accordion-button {
      font-size: 1rem;
      line-height: 1.5rem;
    }
    .accordion-button {
      font-weight: 500;
    }
    .accordion-button {
      color: rgba(var(--body-font-color),1);
    }
    .accordion-button:focus {
      --tw-shadow: 0 0 #0000;
      --tw-shadow-colored: 0 0 #0000;
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
    .accordion-button {
      &:after {
        position: absolute;
      }
      &:after {
        left: 0px;
      }
      &:after {
        top: 50%;
      }
      &:after {
        margin-left: 0px;
      }
      &:after {
        --tw-translate-y: -50%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      }
      &:after {
        background-image: url(../images/landing/icon/plus.svg);
      }
      &:not(.collapsed) {
        background-color: transparent;
      }
      &:not(.collapsed)::after {
        content: var(--tw-content);
        background-image: url(../images/landing/icon/minus.svg);
      }
    }
    .accordion-body {
      padding-left: 30px;
    }
    .accordion-body {
      padding-top: 0px;
    }
    .accordion-body {
      padding-bottom: 0.625rem;
    }
    .accordion-body {
      text-align: left;
    }
  }
}

.animate-slider {
  .slick-slide {
    @media (max-width: 575px) {
       {
         {
           {
            > img {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > img {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > img {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > img {
                width: 90%;
              }
            }
          }
        }
      }
    }
    img {
      width: 100%;
    }
  }
}

.f-light {
  --tw-text-opacity: 1;
  color: rgb(82 82 108 / var(--tw-text-opacity, 1));
  opacity: 0.8;
}

.vector-image {
  position: absolute;
}

.line-gif {
  left: 20%;
  top: 0px;
  z-index: 1;
  img {
    height: 140px;
  }
  img {
    width: 140px;
  }
}

.wavy-line-gif {
  right: 0px;
  top: 3%;
  img {
    width: 200px;
  }
}

.round-gif {
  left: 5%;
  top: 20%;
  img {
    height: 147px;
  }
  img {
    width: 147px;
  }
}

.wavy-gif {
  right: 17%;
  top: 23%;
  svg {
    width: 5rem;
  }
  svg {
    --tw-rotate: 90deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  path {
    animation: dash 1.5s linear infinite;
  }
  path {
    stroke: #f8912b;
  }
  path {
    stroke-dasharray: 500;
    stroke-dashoffset: 500;
  }
  img {
    width: 120px;
  }
  img {
    --tw-rotate: 90deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}

.app-section {
  .wavy-gif {
    left: 20%;
  }
  .wavy-gif {
    right: unset;
  }
  .wavy-gif {
    top: 7%;
  }
  .wavy-gif {
    svg {
      width: 50px;
    }
  }
}

.loader-gif {
  right: 5%;
  top: 25%;
}

.loader-line-gif {
  right: 15%;
  top: 12%;
  img {
    width: 130px;
  }
}

.premium-wrap {
  margin-top: -1.75rem;
  .vector-image {
    top: -50px;
  }
  .vector-image {
    left: -30px;
  }
  .vector-image {
    img {
      height: 400px;
    }
  }
}

.framework-section {
  .wavy-gif {
    right: 20%;
  }
  .wavy-gif {
    top: unset;
  }
  .wavy-gif {
    bottom: 0px;
  }
}

.components-section {
  .flower-gif {
    left: unset;
  }
  .flower-gif {
    right: 5%;
  }
  .flower-gif {
    top: 20%;
  }
}

.feature-section {
  .vector-image {
    right: -170px;
  }
  .vector-image {
    top: 50px;
  }
  .vector-image {
    img {
      height: 370px;
    }
  }
  .round-gif {
    top: unset;
  }
  .round-gif {
    bottom: 12%;
  }
  .round-gif {
    img {
      height: 105px;
    }
    img {
      width: 105px;
    }
  }
}

.document-section {
  a {
    display: block;
  }
  a {
    display: block;
  }
  a {
    color: rgba(var(--body-font-color),1);
  }
  @media (min-width: 1200px) {
     {
       {
         {
          .document-box {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .document-box {
          }
        }
      }
    }
  }
  .document-box {
    display: flex;
  }
  .document-box {
    align-items: center;
  }
  .document-box {
    gap: 1.25rem;
  }
  .document-box {
    border-radius: 5px;
  }
  .document-box {
    padding: 1.25rem;
  }
  .document-box {
    --tw-shadow: 0px 5px 20px rgba(46,35,94,0.12);
    --tw-shadow-colored: 0px 5px 20px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  .document-box {
    @media (min-width: 1200px) {
       {
         {
           {
            .doc-icon {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            .doc-icon {
            }
          }
        }
      }
    }
    .doc-icon {
      display: flex;
    }
    .doc-icon {
      height: 2.75rem;
    }
    .doc-icon {
      width: 2.75rem;
    }
    .doc-icon {
      align-items: center;
    }
    .doc-icon {
      justify-content: center;
    }
    .doc-icon {
      border-radius: 100%;
    }
    .doc-icon {
      img {
        height: 1.25rem;
      }
      img {
        width: 1.25rem;
      }
      img {
        -o-object-fit: contain;
           object-fit: contain;
      }
    }
    h5 {
      margin-bottom: 0 !important;
    }
    h5 {
      margin-bottom: 0px;
    }
  }
  .bg-icon1 {
    background: #f0e9fb;
  }
  .bg-icon2 {
    background: rgba(222, 77, 89, 0.1);
  }
  .bg-icon3 {
    background: rgba(77, 186, 135, 0.15);
  }
  .bg-icon4 {
    background: rgba(103, 190, 253, 0.12);
  }
  .bg-icon5 {
    background: rgba(255, 227, 225, 0.59);
  }
  .bg-icon6 {
    background: rgba(65, 184, 131, 0.15);
  }
  .bg-icon7 {
    background: rgba(158, 149, 255, 0.22);
  }
  .bg-icon8 {
    background: rgba(238, 67, 35, 0.12);
  }
  .bg-icon9 {
    background: rgba(154, 214, 183, 0.22);
  }
  .bg-icon10 {
    background: rgba(255, 153, 33, 0.14);
  }
  .bg-icon11 {
    background: rgba(195, 164, 245, 0.18);
  }
  .bg-icon12 {
    background: rgba(16, 15, 15, 0.12);
  }
}

.rating-title {
  font-size: calc(14px + (20 - 14) * ((100vw - 300px) / (1920 - 300)));
  font-weight: normal;
}

.layout {
  h5 {
    margin-bottom: 0.625rem;
  }
  h5 {
    letter-spacing: 1.2px;
  }
  h5 {
    opacity: 0.8;
  }
  .btn {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .btn {
    padding-top: 0.15rem;
    padding-bottom: 0.15rem;
  }
}

.common-card {
  border-radius: 10px;
  border-width: 2px;
  border-style: solid;
  border-color: rgba(var(--white),1);
  --tw-bg-opacity: 1;
  background-color: rgb(252 252 253 / var(--tw-bg-opacity, 1));
  --tw-shadow: 0px 9px 20px rgba(46,35,94,0.07);
  --tw-shadow-colored: 0px 9px 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.testimonial-box {
  position: relative;
  margin-bottom: 33px;
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  text-align: left;
  @media (min-width: 1200px) {
     {
       {
         {
          .rating-content {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .rating-content {
          }
        }
      }
    }
  }
  .rating-content {
    margin-bottom: 15px;
  }
  .rating-content {
    display: flex;
  }
  .rating-content {
    align-items: center;
  }
  .rating-content {
    gap: 15px;
  }
  h5 {
    margin-bottom: 0 !important;
  }
  h5 {
    margin-bottom: 0px;
  }
  h5 {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .text-end {
    span {
      font-size: 13px;
    }
  }
  @media (min-width: 1200px) {
     {
       {
         {
          .customer-img {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .customer-img {
          }
        }
      }
    }
  }
  .customer-img {
    position: absolute;
  }
  .customer-img {
    bottom: -25px;
  }
  .customer-img {
    display: flex;
  }
  .customer-img {
    height: 60px;
  }
  .customer-img {
    width: 60px;
  }
  .customer-img {
    align-items: center;
  }
  .customer-img {
    justify-content: center;
  }
  .customer-img {
    border-radius: 100%;
  }
  .customer-img {
    --tw-bg-opacity: 1;
    background-color: rgb(255 250 250 / var(--tw-bg-opacity, 1));
  }
  .customer-img {
    --tw-shadow: 0px 4px 4px rgba(0,0,0,0.1);
    --tw-shadow-colored: 0px 4px 4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  p {
    margin-bottom: 0 !important;
  }
  p {
    margin-bottom: 0px;
  }
}

.about-section {
  .slick-slide {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .slick-slide {
    padding-left: 0.875rem;
    padding-right: 0.875rem;
  }
  .slick-slide {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}

.testimonial-slider {
  .slick-dots {
    li {
      height: auto;
    }
    li {
      width: auto;
    }
    li {
      button {
        padding: 0 !important;
      }
      button {
        height: 5px;
      }
      button {
        width: 11px;
      }
      button {
        border-radius: 20px;
      }
      button {
        background-color: rgba(82,82,108,0.2);
      }
      button {
        padding: 0px;
      }
      button {
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
      }
      button {
        transition-duration: 0.5s;
      }
      button {
        &::before {
          display: none;
        }
      }
      &.slick-active {
        button {
          width: 1.25rem;
        }
        button {
          border-radius: 20px;
        }
        button {
          background-color: rgba(var(--theme-default),1);
        }
        button {
          transition-property: all;
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-duration: 150ms;
        }
        button {
          transition-duration: 0.5s;
        }
      }
    }
  }
}

.customer-box {
  text-align: center;
}

@media (max-width: 767px) {
   {
    .customer-box {
    }
  }
}

.customer-box {
  position: relative;
  border-radius: 25px;
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 247 / var(--tw-bg-opacity, 1));
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  text-align: center;
  --tw-shadow: 30px 30px 33px rgba(119,119,119,0.25);
  --tw-shadow-colored: 30px 30px 33px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  img {
    height: 70px;
  }
  img {
    width: auto;
  }
}

.customer-wrapper {
  padding: 0.75rem;
  .outline-box {
    position: absolute;
  }
  .outline-box {
    left: 26px;
  }
  .outline-box {
    bottom: -0.375rem;
  }
}

.customer-wrap {
  margin-left: -1.75rem;
  margin-right: -1.75rem;
  margin-top: 0px;
  margin-bottom: 0px;
  > div {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  > div {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }
  > div {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}

@media (min-width: 1200px) {
   {
     {
       {
        .frame-tab {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .frame-tab {
        }
      }
    }
  }
}

.frame-tab {
  margin-bottom: 50px !important;
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem;
  border-radius: 40px;
  border-color: none;
  background-color: rgba(244,245,248,0.5);
  padding: 5px;
  li {
    img {
      height: 21px;
    }
    img {
      width: 21px;
    }
    .tab-link {
      border-radius: 40px;
    }
    .tab-link {
      border-color: none;
    }
    .tab-link {
      background-color: var(--transparent-color);
    }
    .tab-link {
      padding-left: 2.5rem;
      padding-right: 2.5rem;
    }
    .tab-link {
      padding-top: 1rem;
      padding-bottom: 1rem;
    }
    .tab-link {
      font-size: 1.125rem;
      line-height: 1.75rem;
    }
    .tab-link {
      font-weight: 500;
    }
    .tab-link {
      color: rgba(0,2,72,0.5);
    }
    .tab-link {
      img {
        margin-right: 0.625rem;
      }
      img {
        --tw-grayscale: grayscale(1);
        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
      }
      &.active {
        background-color: rgba(var(--white),1);
      }
      &.active {
        --tw-text-opacity: 1;
        color: rgb(0 2 72 / var(--tw-text-opacity, 1));
      }
      &.active {
        --tw-shadow: 0px 7px 15px rgba(46,35,94,0.06);
        --tw-shadow-colored: 0px 7px 15px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
      }
      &.active {
        img {
          filter: unset;
        }
      }
    }
  }
}

.framework-box {
  border-width: 2px !important;
  gap: 24px !important;
}

@media (min-width: 1200px) {
   {
     {
       {
        .framework-box {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .framework-box {
        }
      }
    }
  }
}

.framework-box {
  position: relative;
  margin-left: 30px;
  display: flex;
  align-items: center;
  gap: 1rem;
  border-radius: 50px 16px 16px 50px;
  border-width: 2px;
  border-style: solid;
  border-color: rgba(var(--white),1);
  --tw-bg-opacity: 1;
  background-color: rgb(252 252 253 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 18px;
  padding-bottom: 18px;
  --tw-shadow: 0px 5px 20px rgba(46,35,94,0.12);
  --tw-shadow-colored: 0px 5px 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 0.5s;
}

.framework-box::after {
  position: absolute;
  right: -1px;
  top: -1px;
  bottom: 0px;
  height: calc(100% + 4px);
  width: 2.5rem;
  border-radius: 10px;
  border-right-width: 1px;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-style: dashed;
  border-top-color: rgba(0,2,72,0.2);
  border-bottom-color: rgba(0,2,72,0.2);
  border-right-color: rgba(0,2,72,0.2);
  --tw-content: "";
  content: var(--tw-content);
}

.framework-box {
  @media (min-width: 1200px) {
     {
       {
         {
          .frame-icon {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .frame-icon {
          }
        }
      }
    }
  }
  .frame-icon {
    position: relative;
  }
  .frame-icon {
    margin-left: -3rem;
  }
  .frame-icon {
    display: flex;
  }
  .frame-icon {
    height: 55px;
  }
  .frame-icon {
    min-width: 55px;
  }
  .frame-icon {
    align-items: center;
  }
  .frame-icon {
    justify-content: center;
  }
  .frame-icon {
    border-radius: 100%;
  }
  .frame-icon {
    background-color: rgba(var(--white),1);
  }
  @media (max-width: 575px) {
  }
  @media (max-width: 575px) {
  }
  .frame-icon::before {
    content: var(--tw-content);
    position: absolute;
  }
  .frame-icon::before {
    content: var(--tw-content);
    left: 0px;
  }
  .frame-icon::before {
    content: var(--tw-content);
    top: 0px;
  }
  .frame-icon::before {
    content: var(--tw-content);
    height: 100%;
  }
  .frame-icon::before {
    content: var(--tw-content);
    width: 100%;
  }
  .frame-icon::before {
    content: var(--tw-content);
    border-radius: 100%;
  }
  .frame-icon::before {
    content: var(--tw-content);
    --tw-shadow: 3px 4px 5px rgba(46,35,94,0.11),inset 3px 0px 1px rgba(204,204,215,0.5);
    --tw-shadow-colored: 3px 4px 5px var(--tw-shadow-color), inset 3px 0px 1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  .frame-icon::before {
    --tw-content: "";
    content: var(--tw-content);
  }
  .frame-icon {
    img {
      height: 30px;
    }
    img {
      width: 30px;
    }
  }
  .frame-details {
    position: relative;
  }
  .frame-details {
    text-align: left;
  }
  .frame-details::before {
    content: var(--tw-content);
    top: -23px;
  }
  .frame-details::after {
    content: var(--tw-content);
    bottom: -1.5rem;
  }
  .frame-details {
    p {
      margin-bottom: 0 !important;
    }
    p {
      margin-bottom: 0px;
    }
    p {
      opacity: 0.7;
    }
    &::before,
      &::after {
      position: absolute;
    }
    &::before,
      &::after {
      right: 17px;
    }
    &::before,
      &::after {
      height: 0.5rem;
    }
    &::before,
      &::after {
      width: 0.5rem;
    }
    &::before,
      &::after {
      border-radius: 100%;
    }
    &::before,
      &::after {
      border-width: 1px;
    }
    &::before,
      &::after {
      border-style: solid;
    }
    &::before,
      &::after {
      border-color: rgba(0,2,72,0.2);
    }
    &::before,
      &::after {
      --tw-bg-opacity: 1;
      background-color: rgb(254 254 255 / var(--tw-bg-opacity, 1));
    }
    &::before,
      &::after {
      --tw-content: "";
      content: var(--tw-content);
    }
  }
  &:hover {
    .frame-icon {
      &::before {
        animation-name: rotate;
        animation-duration: 5s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
      }
    }
  }
}

.customization-wrap {
  .landing-title {
    @media (max-width: 575px) {
       {
         {
           {
            > p {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > p {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > p {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > p {
                width: 90%;
              }
            }
          }
        }
      }
    }
    p {
      width: 100%;
    }
  }
}

.sub-title {
  font-size: calc(18px + (26 - 18) * ((100vw - 300px) / (1920 - 300)));
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 185 5 / var(--tw-text-opacity, 1));
  font-family: var(--landing-cursive);
}

.rotate-title {
  --tw-text-opacity: 1;
  color: rgb(255 90 130 / var(--tw-text-opacity, 1));
}

.landing-home {
  position: relative;
  overflow: hidden;
  scroll-behavior: smooth;
  --tw-bg-opacity: 1;
  background-color: rgb(27 28 33 / var(--tw-bg-opacity, 1));
  background-image: url(../images/landing/home-bg.jpg);
  background-size: cover;
  background-position: bottom;
  .sub-title {
    font-size: calc(18px + (30 - 18) * ((100vw - 300px) / (1920 - 300)));
  }
  .content {
    h1 {
      font-size: calc(25px + (60 - 25) * ((100vw - 300px) / (1920 - 300)));
    }
    h1 {
      text-transform: uppercase;
    }
    h1 {
      line-height: 1.2;
    }
    h1 {
      color: rgba(var(--white),1);
    }
    h1 {
      span {
        background: linear-gradient(90deg, #ffb905 20.35%, #6aebad 50%), linear-gradient(0deg, #ffffff, #ffffff);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
      }
    }
    p {
      margin-left: auto;
      margin-right: auto;
    }
    p {
      margin-top: 0px;
      margin-bottom: 0px;
    }
    p {
      width: 64%;
    }
    p {
      font-size: calc(14px + (18 - 14) * ((100vw - 300px) / (1920 - 300)));
    }
    p {
      font-weight: 500;
    }
    p {
      color: rgba(var(--white),1);
    }
    p {
      opacity: 0.8;
    }
    p {
      font-family: var(--font-roboto);
    }
  }
  @media (min-width: 1200px) {
     {
       {
         {
          .btn-grp {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .btn-grp {
          }
        }
      }
    }
  }
  .btn-grp {
    display: flex;
  }
  .btn-grp {
    align-items: center;
  }
  .btn-grp {
    justify-content: center;
  }
  .btn-grp {
    gap: 1.25rem;
  }
  .btn-grp {
    img {
      height: 30px;
    }
  }
  @media (min-width: 1200px) {
     {
       {
         {
          .content {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .content {
          }
        }
      }
    }
  }
  .content {
    position: relative;
  }
  .content {
    z-index: 1;
  }
  .content {
    margin-top: 200px;
  }
  .content {
    display: flex;
  }
  .content {
    justify-content: center;
  }
  .content-title {
    position: relative;
  }
  .content-title {
    display: inline-block;
  }
  .content-title {
    .arrow-decore {
      position: absolute;
    }
    .arrow-decore {
      left: -150px;
    }
    .arrow-decore {
      top: -17px;
    }
  }
  .sticky-header {
    header {
      .nav-padding {
        padding-left: 50px;
        padding-right: 50px;
      }
      .nav-padding {
        padding-top: 30px;
        padding-bottom: 30px;
      }
    }
  }
}

.build-section {
  position: relative;
  @media (min-width: 1200px) {
     {
       {
         {
          .landing-title {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .landing-title {
          }
        }
      }
    }
  }
  .landing-title {
    display: flex;
  }
  .landing-title {
    align-items: center;
  }
  .landing-title {
    h2 {
      width: 53%;
    }
    .title-img {
      margin-bottom: -0.875rem;
    }
  }
  .rotate-title {
    text-align: center;
  }
  @media (max-width: 767px) {
     {
      .rotate-title {
      }
    }
  }
  .rotate-title {
    margin-left: -1.25rem;
  }
  .rotate-title {
    width: 14%;
  }
  .rotate-title {
    --tw-rotate: 13.97deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .rotate-title {
    text-align: center;
  }
  .build-image {
    img {
      width: calc(100% + 210px);
    }
  }
}

.navbar {
  justify-content: flex-start;
  .navbar-toggler {
    margin-left: auto;
  }
}

.navbar-nav {
  align-items: center;
  .nav-item {
    position: relative;
  }
  .nav-item {
    .nav-link {
      display: block;
    }
    .nav-link {
      display: block;
    }
    .nav-link {
      padding-left: 1.25rem;
      padding-right: 1.25rem;
    }
    .nav-link {
      padding-top: 0.75rem;
      padding-bottom: 0.75rem;
    }
    .nav-link {
      font-size: 1.125rem;
      line-height: 1.75rem;
    }
    .nav-link {
      letter-spacing: 1px;
    }
    .nav-link {
      transition-property: all;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }
    .nav-link {
      transition-duration: 0.3s;
    }
    .nav-link {
      transition-timing-function: ease;
    }
    .nav-link {
      &:hover,
        &.active {
        opacity: 1;
      }
      &:hover,
        &.active {
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
      }
      &:hover,
        &.active {
        transition-duration: 0.3s;
      }
      &:hover,
        &.active {
        transition-timing-function: ease;
      }
    }
  }
}

.landing-page {
  @media (min-width: 1200px) {
     {
       {
         {
          .navbar-expand-xl {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .navbar-expand-xl {
          }
        }
      }
    }
  }
  .navbar-expand-xl {
    display: flex;
  }
  .navbar-expand-xl {
    align-items: center;
  }
  .navbar-expand-xl {
    justify-content: space-between;
  }
  .navbar-expand-xl {
    .navbar-toggler {
      display: none;
    }
    .navbar-collapse {
      display: block;
    }
    .navbar-collapse {
      display: block;
    }
    .navbar-collapse {
      background-color: transparent;
    }
    .navbar-collapse {
      @media (min-width: 1200px) {
         {
           {
             {
              .navbar-nav {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              .navbar-nav {
              }
            }
          }
        }
      }
      .navbar-nav {
        display: flex;
      }
      &.open {
        display: block;
      }
      &.open {
        visibility: visible;
      }
      &.open {
        display: block;
      }
      &.collapse {
        visibility: visible;
      }
    }
  }
  .page-body-wrapper {
    min-height: 100vh;
  }
  .page-body-wrapper {
    overflow: hidden;
  }
  .page-body-wrapper {
    background: #eaf4ff;
  }
  .buy-btn {
    margin-left: 0.625rem;
  }
  .buy-btn {
    border-radius: 5px;
  }
  .buy-btn {
    padding-left: 50px;
    padding-right: 50px;
  }
  .buy-btn {
    padding-top: 11px;
    padding-bottom: 11px;
  }
  .buy-btn {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .buy-btn {
    background: linear-gradient(90deg, #7366ff -18.33%, #563ee0 62.78%);
    a {
      padding: 0 !important;
    }
    a {
      padding: 0px;
    }
    a {
      color: rgba(var(--white),1);
    }
  }
  .navbar-nav {
    .nav-item {
      .nav-link {
        letter-spacing: 1.5px;
      }
      .nav-link {
        color: rgba(var(--white),1);
      }
    }
  }
  .sticky-header {
    header {
      left: 0px;
    }
    header {
      z-index: 100;
    }
    header {
      height: auto;
    }
    header {
      --tw-shadow: 0 0 #0000;
      --tw-shadow-colored: 0 0 #0000;
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
    header {
      background: transparent;
      &.sticky {
        margin-top: 0 !important;
      }
      &.sticky {
        margin-top: 0px;
      }
      &.sticky {
        background: #1d1f29;
        .navbar-nav .nav-item .nav-link {
          padding-left: 0.75rem;
          padding-right: 0.75rem;
        }
        .navbar-nav .nav-item .nav-link {
          padding-top: 15px;
          padding-bottom: 15px;
        }
        .navbar-nav .nav-item .nav-link {
          font-size: 1rem;
          line-height: 1.5rem;
        }
      }
    }
  }
}

@media (min-width: 1200px) {
   {
     {
       {
        .landing-tab {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .landing-tab {
        }
      }
    }
  }
}

.landing-tab {
  display: flex;
  gap: 0.625rem;
  border-radius: 0.25rem;
  border-width: 1px;
  border-style: dashed;
  border-color: rgba(var(--white),0.4);
  padding: 0.375rem;
  li {
    a {
      display: block;
    }
    a {
      display: block;
    }
    a {
      padding-left: 1rem;
      padding-right: 1rem;
    }
    a {
      padding-top: 0.375rem;
      padding-bottom: 0.375rem;
    }
    a {
      h6 {
        letter-spacing: 1.5px;
      }
      h6 {
        color: rgba(var(--white),1);
      }
      &.active,
        &:hover {
        border-radius: 0.25rem;
      }
      &.active,
        &:hover {
        background: linear-gradient(90deg, #7366ff -18.33%, #563ee0 62.78%);
        h6 {
          color: rgba(var(--white),1);
        }
      }
    }
  }
}

.navbar-expand-xl {
  .navbar-brand {
    padding-left: 18px;
  }
  .navbar-collapse {
    justify-content: flex-end;
  }
  .navbar-collapse {
    background-color: rgba(var(--white),1);
  }
  .navbar-collapse {
    flex-flow: row nowrap;
  }
}

.section-space {
  text-align: center;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media (max-width: 767px) {
   {
    .section-space {
    }
  }
}

.section-space {
  position: relative;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 5rem;
  padding-bottom: 5rem;
  text-align: center;
  p {
    font-size: 15px;
  }
  p {
    line-height: 1.5;
  }
}

.landing-title {
  margin-bottom: 30px !important;
  h2 {
    font-size: calc(25px + (52 - 25) * ((100vw - 300px) / (1920 - 300)));
  }
  h2 {
    line-height: 1.2;
  }
  .gradient-1 {
    background: linear-gradient(90.78deg, rgba(var(--theme-default), 1) 49.33%, rgba(var(--theme-secondary), 1) 82.24%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .gradient-2 {
    background: linear-gradient(90deg, #ff6a5b 4.44%, #1e52b9 50%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .gradient-3 {
    background: linear-gradient(90deg, #7b5dfe 11.24%, #ffab2e 50%), linear-gradient(0deg, #ff6a5b, #ff6a5b);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .gradient-4 {
    background: linear-gradient(90deg, #22ac16 65.06%, #1c97be 92.34%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .gradient-5 {
    background: linear-gradient(90deg, #6a2fe7 2%, #46b7d0 40%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .gradient-6 {
    background: linear-gradient(271deg, #f1305f 30%, #0066ff 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .gradient-7 {
    background: linear-gradient(90deg, #ff7a00 20%, #d72695 89.68%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .gradient-8 {
    background: linear-gradient(257.2deg, #ff5e51 21.09%, #ffab6f 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .gradient-9 {
    background: linear-gradient(90deg, rgba(255, 57, 57, 0.88) 2%, #24d34b 103.68%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .gradient-10 {
    background: linear-gradient(90deg, #4a86fb 50%, #ff5823 68.37%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .gradient-11 {
    background: linear-gradient(90deg, #ff1717 22.23%, #0a96e6 68.75%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .gradient-12 {
    background: linear-gradient(90deg, #89d32b 5.6%, #ff7a00 36.2%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .gradient-13 {
    background: linear-gradient(90deg, #ff6056 31.63%, #7f74fe 67.63%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  p {
    margin-left: auto;
    margin-right: auto;
  }
  p {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  p {
    width: 65%;
  }
  p {
    font-size: calc(14px + (18 - 14) * ((100vw - 300px) / (1920 - 300)));
  }
  p {
    --tw-text-opacity: 1;
    color: rgb(82 82 108 / var(--tw-text-opacity, 1));
  }
  p {
    opacity: 0.8;
  }
}

.bottom-section-grad {
  position: relative;
}

@media (max-width: 575px) {
}

.bottom-section-grad::before {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
  opacity: 0.7;
  --tw-content: "";
  content: var(--tw-content);
}

.bottom-section-grad {
  &::before {
    background: linear-gradient(180deg, #edf7ff -3.32%, rgba(227, 242, 255, 0) 144.14%);
  }
}

.faq-section {
  .collapse {
    visibility: visible;
  }
  @media (min-width: 1200px) {
     {
       {
         {
          .accordion {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .accordion {
          }
        }
      }
    }
  }
  .accordion {
    display: flex;
  }
  .accordion {
    flex-direction: column;
  }
  .accordion {
    gap: 1.25rem;
  }
  .accordion {
    .accordion-item {
      border-width: 2px !important;
    }
    .accordion-item {
      border-radius: 10px;
    }
    .accordion-item {
      border-width: 2px;
    }
    .accordion-item {
      border-style: solid;
    }
    .accordion-item {
      border-color: rgba(var(--white),1);
    }
    .accordion-item {
      padding-left: 30px;
      padding-right: 30px;
    }
    .accordion-item {
      padding-top: 22px;
      padding-bottom: 22px;
    }
    .accordion-item {
      --tw-shadow: 0px 4px 10px rgba(46,35,94,0.07);
      --tw-shadow-colored: 0px 4px 10px var(--tw-shadow-color);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
    .accordion-item {
      background: #fcfcfd;
      .accordion-header {
        line-height: 0.8;
      }
      .accordion-header {
        @media (max-width: 575px) {
           {
             {
               {
                > .accordion-button {
                  width: 90%;
                }
              }
            }
          }

           {
             {
               {
                 {
                  > .accordion-button {
                    width: 90%;
                  }
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                > .accordion-button {
                  width: 90%;
                }
              }
            }
          }

           {
             {
               {
                 {
                  > .accordion-button {
                    width: 90%;
                  }
                }
              }
            }
          }
        }
        .accordion-button {
          width: 100%;
        }
        .accordion-button {
          text-align: start;
        }
        .accordion-button {
          font-size: 1rem;
          line-height: 1.5rem;
        }
        .accordion-button {
          line-height: 1.5;
        }
        .accordion-button {
          i {
            float: right;
          }
        }
      }
    }
    &-button,
      &-body {
      padding: 0 !important;
    }
    &-button,
      &-body {
      padding: 0px;
    }
    &-button {
      &:not(.collapsed) {
        color: rgba(var(--theme-default),1);
      }
      &:not(.collapsed) {
        background: transparent;
      }
      &:focus {
        border-color: none;
      }
      &:focus {
        --tw-shadow-color: unset;
        --tw-shadow: var(--tw-shadow-colored);
      }
      i {
        margin-bottom: -0.25rem;
      }
      i {
        height: auto;
      }
      i {
        width: auto;
      }
      i {
        font-size: 20px;
      }
    }
    &-body {
      margin-top: 0.875rem;
    }
    &-body {
      border-top-width: 1px;
    }
    &-body {
      border-style: solid;
    }
    &-body {
      border-top-color: rgba(var(--badge-light-color),0.5);
    }
    &-body {
      padding-top: 0.875rem !important;
    }
    &-body {
      text-align: left;
    }
  }
  .vector-image {
    left: -10rem;
  }
  .vector-image {
    top: 30px;
  }
  .vector-image {
    img {
      height: 400px;
    }
  }
}

.pricing-section {
  .landing-title {
    @media (max-width: 575px) {
       {
         {
           {
            > p {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > p {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > p {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > p {
                width: 90%;
              }
            }
          }
        }
      }
    }
    p {
      width: 100%;
    }
  }
  .loader-gif {
    top: -5%;
  }
  .loader-gif {
    .loader-1 {
      height: 3.5rem;
    }
    .loader-1 {
      width: 3.5rem;
    }
    .loader-1 {
      &::after,
        &::before {
        height: 3.5rem;
      }
      &::after,
        &::before {
        width: 3.5rem;
      }
    }
  }
  .loader-line-gif {
    left: 22%;
  }
  .loader-line-gif {
    right: unset;
  }
  .loader-line-gif {
    top: unset;
  }
  .loader-line-gif {
    bottom: 15%;
  }
}

.pricing-box {
  border-radius: 10px;
  border-width: 2px;
  border-style: solid;
  border-color: rgba(var(--white),1);
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 30px;
  padding-bottom: 30px;
  background: rgba(243, 245, 245, 0.5);
  img {
    height: 22px;
  }
  img {
    width: 23px;
  }
  p {
    line-height: 1.5;
  }
  p {
    --tw-text-opacity: 1;
    color: rgb(82 82 108 / var(--tw-text-opacity, 1));
  }
  h4 {
    margin-bottom: 1.25rem;
  }
  .purchase-details {
    border-width: 2px !important;
  }
  .purchase-details {
    margin-top: 48px !important;
  }
  .purchase-details {
    margin-top: 1.25rem;
  }
  .purchase-details {
    border-radius: 10px;
  }
  .purchase-details {
    border-width: 2px;
  }
  .purchase-details {
    border-style: solid;
  }
  .purchase-details {
    border-color: rgba(var(--white),1);
  }
  .purchase-details {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .purchase-details {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .purchase-details {
    --tw-shadow: 0px 4px 20px rgba(46,35,94,0.05);
    --tw-shadow-colored: 0px 4px 20px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  .purchase-details {
    background: #fcfcfd;
    h2 {
      margin-bottom: 0.875rem;
    }
    @media (max-width: 575px) {
       {
         {
           {
            > .btn-lg {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > .btn-lg {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > .btn-lg {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > .btn-lg {
                width: 90%;
              }
            }
          }
        }
      }
    }
    .btn-lg {
      width: 100%;
    }
    .btn-lg {
      min-width: auto;
    }
    .btn-lg {
      padding-left: 1.25rem;
      padding-right: 1.25rem;
    }
    .btn-lg {
      padding-top: 0.75rem;
      padding-bottom: 0.75rem;
    }
    .btn-lg {
      font-weight: 500;
    }
  }
}

@media (min-width: 1200px) {
   {
     {
       {
        .license-list {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .license-list {
        }
      }
    }
  }
}

.license-list {
  display: flex;
  flex-direction: column;
  gap: 15px;
  @media (min-width: 1200px) {
     {
       {
         {
          li {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          li {
          }
        }
      }
    }
  }
  li {
    display: flex;
  }
  li {
    align-items: center;
  }
  li {
    gap: 0.625rem;
  }
  li {
    text-align: left;
  }
  li {
    h6 {
      margin-bottom: 0 !important;
    }
    h6 {
      margin-bottom: 0px;
    }
    h6 {
      font-weight: normal;
    }
  }
}

.feature-box {
  position: relative;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 30px;
  padding-bottom: 30px;
  text-align: left;
}

@media (max-width: 575px) {
}

.feature-box::after {
  position: absolute;
  left: 0px;
  bottom: 0px;
  height: 5px;
  width: 0px;
  border-radius: 0 0 10px 10px;
  transition-property: width;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 0.5s;
  --tw-content: "";
  content: var(--tw-content);
}

.feature-box:hover::after {
  width: 100%;
  transition-property: width;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  content: var(--tw-content);
  transition-duration: 0.5s;
}

.feature-box {
  &::after {
    --tw-bg-opacity: 1;
    background-color: rgb(249 70 70 / var(--tw-bg-opacity, 1));
  }
  @media (min-width: 1200px) {
     {
       {
         {
          .feature-icon {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .feature-icon {
          }
        }
      }
    }
  }
  .feature-icon {
    margin-bottom: 25px;
  }
  .feature-icon {
    display: flex;
  }
  .feature-icon {
    height: 2.75rem;
  }
  .feature-icon {
    width: 2.75rem;
  }
  .feature-icon {
    align-items: center;
  }
  .feature-icon {
    justify-content: center;
  }
  .feature-icon {
    border-radius: 100%;
  }
  &.bg-feature-1 {
    .feature-icon {
      --tw-bg-opacity: 1;
      background-color: rgb(251 236 236 / var(--tw-bg-opacity, 1));
    }
  }
  &.bg-feature-2 {
    .feature-icon {
      --tw-bg-opacity: 1;
      background-color: rgb(240 233 251 / var(--tw-bg-opacity, 1));
    }
    &::after {
      --tw-bg-opacity: 1;
      background-color: rgb(102 16 242 / var(--tw-bg-opacity, 1));
    }
  }
  &.bg-feature-3 {
    .feature-icon {
      background: rgba(41, 156, 252, 0.1);
    }
    &::after {
      --tw-bg-opacity: 1;
      background-color: rgb(67 188 255 / var(--tw-bg-opacity, 1));
    }
  }
  &.bg-feature-4 {
    .feature-icon {
      background: rgba(96, 177, 88, 0.15);
    }
    &::after {
      --tw-bg-opacity: 1;
      background-color: rgb(96 177 88 / var(--tw-bg-opacity, 1));
    }
  }
  &.bg-feature-5 {
    .feature-icon {
      background: rgba(255, 150, 39, 0.1);
    }
    &::after {
      --tw-bg-opacity: 1;
      background-color: rgb(255 148 20 / var(--tw-bg-opacity, 1));
    }
  }
  &.bg-feature-6 {
    .feature-icon {
      background: rgba(222, 77, 89, 0.1);
    }
    &::after {
      --tw-bg-opacity: 1;
      background-color: rgb(252 103 115 / var(--tw-bg-opacity, 1));
    }
  }
  &.bg-feature-7 {
    .feature-icon {
      background: rgba(255, 132, 62, 0.1);
    }
    &::after {
      --tw-bg-opacity: 1;
      background-color: rgb(255 132 62 / var(--tw-bg-opacity, 1));
    }
  }
  &.bg-feature-8 {
    .feature-icon {
      background: rgba(221, 84, 255, 0.1);
    }
    &::after {
      --tw-bg-opacity: 1;
      background-color: rgb(255 129 255 / var(--tw-bg-opacity, 1));
    }
  }
}

.benefit-box {
  position: relative;
  border-radius: 30px;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  --tw-shadow: 17px 17px 20px rgba(186,186,187,0.3);
  --tw-shadow-colored: 17px 17px 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.benefit-box::after {
  position: absolute;
  left: 50%;
  bottom: 0px;
  height: 0.5rem;
  width: 54px;
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-radius: 10px 10px 0 0;
  --tw-content: "";
  content: var(--tw-content);
}

.benefit-box {
  background: rgba(241, 242, 242, 0.5);
  svg {
    height: 2.5rem;
  }
  svg {
    width: 2.5rem;
  }
  h6 {
    font-weight: 400;
  }
  h6 {
    --tw-text-opacity: 1;
    color: rgb(82 82 108 / var(--tw-text-opacity, 1));
  }
  h6 {
    opacity: 0.7;
  }
  &.pink {
    h2 {
      --tw-text-opacity: 1;
      color: rgb(255 54 146 / var(--tw-text-opacity, 1));
    }
    &::after {
      background: #ff3692;
    }
  }
  &.purple {
    h2 {
      --tw-text-opacity: 1;
      color: rgb(114 56 255 / var(--tw-text-opacity, 1));
    }
    &::after {
      background: #7238ff;
    }
  }
  &.red {
    h2 {
      --tw-text-opacity: 1;
      color: rgb(255 53 86 / var(--tw-text-opacity, 1));
    }
    &::after {
      background: #ff3556;
    }
  }
  &.warning {
    h2 {
      --tw-text-opacity: 1;
      color: rgb(255 170 5 / var(--tw-text-opacity, 1));
    }
    &::after {
      background: #ffaa05;
    }
  }
}

@media (min-width: 1200px) {
   {
     {
       {
        .rating-title {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .rating-title {
        }
      }
    }
  }
}

.rating-title {
  display: flex;
  align-items: center;
  justify-content: center;
  .decore-1 {
    margin-top: -35px;
  }
  .decore-1 {
    animation: animationtop 5s infinite;
  }
}

.title-svg {
  animation: arrowsvg 5s infinite;
}

.ratings {
  li {
    i {
      --tw-text-opacity: 1;
      color: rgb(255 170 5 / var(--tw-text-opacity, 1));
    }
  }
}

.components-section {
  background: linear-gradient(179deg, rgba(247, 248, 249, 0) 8.83%, #f7f8f9 50%);
  .vector-image {
    left: 30px;
  }
  .vector-image {
    bottom: 0.125rem;
  }
  .vector-image {
    img {
      height: 280px;
    }
  }
}

.component_responsive {
  flex-wrap: initial;
}

.component-hover-effect {
  border-width: 2px !important;
}

@media (min-width: 1200px) {
   {
     {
       {
        .component-hover-effect {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .component-hover-effect {
        }
      }
    }
  }
}

.component-hover-effect {
  display: flex;
  min-height: 78px;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  border-radius: 5px;
  border-width: 2px;
  border-style: solid;
  border-color: rgba(var(--white),1);
  --tw-bg-opacity: 1;
  background-color: rgb(252 252 253 / var(--tw-bg-opacity, 1));
  padding: 1.25rem;
  --tw-shadow: 0px 4px 10px rgba(46,35,94,0.07);
  --tw-shadow-colored: 0px 4px 10px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  svg {
    height: 26px;
  }
  svg {
    width: 26px;
  }
}

.ptb50 {
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.purchase-btn {
  min-width: 200px;
  border-color: none;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.footer-bg {
  text-align: center;
}

@media (max-width: 767px) {
   {
    .footer-bg {
    }
  }
}

.footer-bg {
  position: relative;
  margin-left: 0px;
  text-align: center;
  color: rgba(var(--white),1);
  background: url(../images/landing/footer.jpg);
  .landing-title {
    h2 {
      color: rgba(var(--white),1);
    }
  }
}

footer {
  h2 {
    font-size: calc(24px + (70 - 24) * ((100vw - 300px) / (1920 - 300)));
  }
  .landing-title {
    p {
      color: rgba(var(--white),1);
    }
    p {
      opacity: 0.7;
    }
  }
  @media (min-width: 1200px) {
     {
       {
         {
          .license-list {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .license-list {
          }
        }
      }
    }
  }
  .license-list {
    margin-bottom: calc(15px + (30 - 15) * ((100vw - 300px) / (1920 - 300))) !important;
  }
  .license-list {
    display: flex;
  }
  .license-list {
    flex-direction: row;
  }
  .license-list {
    justify-content: center;
  }
  .license-list {
    gap: calc(15px + (30 - 15) * ((100vw - 300px) / (1920 - 300)));
  }
  .license-list {
    h6 {
      color: rgba(var(--white),1);
    }
  }
  .feature-content {
    margin-bottom: calc(25px + (60 - 25) * ((100vw - 300px) / (1920 - 300)));
  }
  .feature-content {
    @media (min-width: 1200px) {
       {
         {
           {
            ul {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            ul {
            }
          }
        }
      }
    }
    ul {
      display: flex;
    }
    ul {
      align-items: center;
    }
    ul {
      justify-content: center;
    }
    ul {
      gap: calc(25px + (40 - 25) * ((100vw - 300px) / (1920 - 300)));
    }
    ul {
      li {
        h4 {
          margin-left: auto;
          margin-right: auto;
        }
        h4 {
          margin-top: 0px;
          margin-bottom: 0px;
        }
        h4 {
          max-width: 205px;
        }
        h4 {
          color: rgba(var(--white),1);
        }
        img {
          margin-top: -2.5rem;
        }
      }
    }
  }
  .sub-footer {
    border-top-width: 1px;
  }
  .sub-footer {
    border-style: solid;
  }
  .sub-footer {
    border-top-color: rgba(var(--white),0.1);
  }
  .sub-footer {
    padding-left: 15px;
    padding-right: 15px;
  }
  .sub-footer {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
  .sub-footer {
    h6 {
      color: rgba(var(--white),1);
    }
    h6 {
      font-weight: normal;
    }
    @media (min-width: 1200px) {
       {
         {
           {
            ul {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            ul {
            }
          }
        }
      }
    }
    ul {
      display: flex;
    }
    ul {
      align-items: center;
    }
    ul {
      justify-content: center;
    }
    ul {
      gap: 15px;
    }
    ul {
      li {
        a {
          color: rgba(var(--white),1);
        }
        a:hover {
          color: rgba(var(--theme-default));
        }
        i {
          font-size: 1.25rem;
          line-height: 1.75rem;
        }
      }
    }
  }
}

.landing-page {
  .bg-Widget {
    background: linear-gradient(180deg, #f7f8f9 69%, rgba(247, 248, 249, 0) 91.83%);
    &:before {
      top: 220px;
    }
    &:before {
      --tw-rotate: -40deg;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    &:after {
      top: unset;
    }
    &:after {
      bottom: 0px;
    }
    .cuba-demo-content {
      p {
        color: rgba(var(--white),0.7);
      }
      .couting {
        h2 {
          -webkit-text-fill-color: rgba(var(--white), 1) !important;
        }
      }
    }
  }
}

.btn-md:hover {
  animation: 0.3s pulse 3;
}

.tap-top {
  color: rgb(var(--white),1) !important;
  text-align: center;
}

@media (max-width: 767px) {
   {
    .tap-top {
    }
  }
}

.tap-top {
  position: fixed;
  right: 30px;
  bottom: 30px;
  z-index: 5;
  display: none;
  height: 2.5rem;
  width: 2.5rem;
  cursor: pointer;
  border-radius: 100%;
  border-color: none;
  background-color: rgba(var(--theme-default),1);
  padding: 7px;
  text-align: center;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  opacity: 0.5;
  --tw-shadow: 0 0 10px var(--theme-default);
  --tw-shadow-colored: 0 0 10px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 0.3s;
  transition-timing-function: ease;
}

.tap-top:hover {
  opacity: 1;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 0.3s;
  transition-timing-function: ease;
}

.tap-top {
  svg {
    margin: auto;
  }
  svg {
    width: 1.25rem;
  }
}

.page-wrapper,
  .landing-page {
  overflow: hidden;
  .section-space {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .section-space {
    padding-left: 0px;
    padding-right: 0px;
  }
  .section-space {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  .customer-support {
    padding-top: 21px;
  }
  .cuba-demo-content {
    text-align: center;
  }
  @media (max-width: 767px) {
     {
      .cuba-demo-content {
      }
    }
  }
  .cuba-demo-content {
    position: relative;
  }
  .cuba-demo-content {
    margin-bottom: 50px;
  }
  .cuba-demo-content {
    text-align: center;
  }
  .cuba-demo-content {
    img {
      margin-left: auto;
      margin-right: auto;
    }
    img {
      margin-top: 0px;
      margin-bottom: 0px;
    }
    img {
      width: 70px;
    }
    img {
      animation: rotated 50s infinite linear;
    }
  }
  .cuba-demo-section {
    position: relative;
  }
  .cuba-demo-section {
    .img-effect {
      position: relative;
    }
    .img-effect {
      border-radius: 15px;
    }
    .img-effect {
      padding: 1.25rem;
    }
    .img-effect {
      --tw-shadow: 0 0 37px rgba(8,21,66,0.15);
      --tw-shadow-colored: 0 0 37px var(--tw-shadow-color);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
    .img-effect {
      -webkit-box-shadow: 0 0 37px rgba(8, 21, 66, 0.15);
      .hover-link {
        text-align: center;
      }
      @media (min-width: 1200px) {
         {
           {
             {
              .hover-link {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              > .hover-link {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > .hover-link {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              > .hover-link {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > .hover-link {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 767px) {
         {
          .hover-link {
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              .hover-link {
              }
            }
          }
        }
      }
      .hover-link {
        position: absolute;
      }
      .hover-link {
        left: 0px;
      }
      .hover-link {
        top: 0px;
      }
      .hover-link {
        display: flex;
      }
      .hover-link {
        height: 100%;
      }
      .hover-link {
        width: 100%;
      }
      .hover-link {
        flex-wrap: wrap;
      }
      .hover-link {
        align-items: flex-end;
      }
      .hover-link {
        justify-content: center;
      }
      .hover-link {
        border-radius: 15px;
      }
      .hover-link {
        padding-bottom: 1.25rem;
      }
      .hover-link {
        text-align: center;
      }
      .hover-link {
        opacity: 0;
      }
      .hover-link {
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
      }
      .hover-link {
        transition-duration: 0.3s;
      }
      .hover-link {
        transition-timing-function: ease;
      }
      .hover-link {
        background: linear-gradient(10deg, rgba(var(--dark-color), 0.8) 0%, transparent 80%);
      }
      &:hover {
        .hover-link {
          z-index: 1;
        }
        .hover-link {
          opacity: 1;
        }
        .hover-link {
          transition-property: all;
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-duration: 150ms;
        }
        .hover-link {
          transition-duration: 0.3s;
        }
        .hover-link {
          transition-timing-function: ease;
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              > img {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > img {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              > img {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > img {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      img {
        width: 100%;
      }
      img {
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
      }
      img {
        transition-duration: 0.3s;
      }
      img {
        transition-timing-function: ease;
      }
      &:hover {
        --tw-shadow: 0 0 37px rgba(8,21,66,0.15);
        --tw-shadow-colored: 0 0 37px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
      }
      &:hover {
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
      }
      &:hover {
        transition-duration: 0.3s;
      }
      &:hover {
        transition-timing-function: ease;
      }
      &:hover {
        img {
          --tw-scale-x: 1.01;
          --tw-scale-y: 1.01;
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        }
        img {
          transition-property: all;
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-duration: 150ms;
        }
        img {
          transition-duration: 0.3s;
        }
        img {
          transition-timing-function: ease;
        }
      }
    }
    .cuba-demo-content {
      .couting {
        margin-top: calc( -15px + (-32 - -15) * ((100vw - 300px) / (1920 - 300)) );
      }
      .couting {
        margin-bottom: -0.625rem;
      }
      .couting {
        h2 {
          margin-bottom: 0 !important;
        }
        h2 {
          margin-bottom: 0px;
        }
        h2 {
          font-size: calc( 100px + (250 - 100) * ((100vw - 300px) / (1920 - 300)) );
        }
        h2 {
          font-weight: 500;
        }
        h2 {
          line-height: 1;
        }
        h2 {
          color: rgba(var(--theme-default),1);
        }
        h2 {
          opacity: 0.1;
        }
        h2 {
          background: linear-gradient(180deg, #5456aa 0%, rgba(0, 2, 72, 0) 88.85%);
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
        }
      }
    }
  }
}

.landing-page {
  overflow: auto;
}

.fluid-space {
  padding: 0 calc(10px + (80 - 10) * ((100vw - 300px) / (1920 - 300)));
}

ul.dot-group {
  padding-bottom: 0 !important;
}

@media (min-width: 1200px) {
   {
     {
       {
        ul.dot-group {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        ul.dot-group {
        }
      }
    }
  }
}

ul.dot-group {
  display: flex;
  gap: 0.375rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 15px;
  padding-bottom: 0px;
  li {
    height: 0.5rem;
  }
  li {
    width: 0.5rem;
  }
  li {
    border-radius: 100%;
  }
  li {
    background: #e8e8ec;
  }
}

.demo-imgs {
  margin-top: -15px;
  margin-right: -15px;
  margin-bottom: -15px;
  margin-left: -15px;
  gap: calc(15px + (35 - 15) * ((100vw - 320px) / (1920 - 320)));
  .demo-content {
    .cuba-demo-img {
      position: relative;
    }
    .cuba-demo-img {
      height: 100%;
    }
    .cuba-demo-img {
      border-radius: 5px;
    }
    .cuba-demo-img {
      --tw-shadow: 0px 9px 40px rgba(46,35,94,0.15);
      --tw-shadow-colored: 0px 9px 40px var(--tw-shadow-color);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
    .cuba-demo-img {
      @media (min-width: 1200px) {
         {
           {
             {
              .hover-link {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              .hover-link {
              }
            }
          }
        }
      }
      .hover-link {
        display: flex;
      }
      .hover-link {
        flex-wrap: wrap;
      }
      .hover-link {
        justify-content: center;
      }
      .hover-link {
        gap: 0.875rem;
      }
      .hover-link {
        border-radius: 0px 0px 5px 5px;
      }
      .hover-link {
        background-color: rgba(var(--body-color),1);
      }
      .hover-link {
        padding: 1.25rem;
      }
      .hover-link {
        display: -ms-flexbox;
        .link-btn {
          cursor: not-allowed;
        }
        @media (min-width: 1200px) {
           {
             {
               {
                a {
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                a {
                }
              }
            }
          }
        }
        a {
          position: relative;
        }
        a {
          display: inline-block;
        }
        a {
          display: flex;
        }
        a {
          height: 3rem;
        }
        a {
          width: 3rem;
        }
        a {
          align-items: center;
        }
        a {
          justify-content: center;
        }
        a {
          border-radius: 14px;
        }
        a {
          color: rgba(var(--white),1);
        }
        a {
          --tw-shadow: 7px 7px 5px rgba(192,202,216,0.22);
          --tw-shadow-colored: 7px 7px 5px var(--tw-shadow-color);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
        }
        a {
          transition-property: all;
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-duration: 150ms;
        }
        a {
          transition-duration: 0.3s;
        }
        a {
          transition-timing-function: ease;
        }
        a {
          background: rgba(var(--body-color), 1);
          img {
            margin-bottom: -0.125rem;
          }
          img {
            height: 1.25rem;
          }
        }
        .coming-soon {
          pointer-events: none;
        }
        .coming-soon {
          opacity: 0.4;
        }
      }
      .overflow-hidden {
        padding: 0.625rem;
      }
      .overflow-hidden {
        @media (max-width: 575px) {
           {
             {
               {
                > img {
                  width: 90%;
                }
              }
            }
          }

           {
             {
               {
                 {
                  > img {
                    width: 90%;
                  }
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                > img {
                  width: 90%;
                }
              }
            }
          }

           {
             {
               {
                 {
                  > img {
                    width: 90%;
                  }
                }
              }
            }
          }
        }
        img {
          width: 100%;
        }
        img {
          transition-property: all;
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-duration: 150ms;
        }
        img {
          transition-duration: 0.3s;
        }
        img {
          transition-timing-function: ease;
        }
        img {
          -webkit-transition: all 0.3s ease;
        }
      }
      &:hover {
        .overflow-hidden {
          img {
            --tw-scale-x: 1.01;
            --tw-scale-y: 1.01;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          }
          img {
            -webkit-transform: scale(1.01);
          }
        }
      }
    }
    .title-wrapper {
      padding-top: 0 !important;
      padding-bottom: 0 !important;
    }
    .title-wrapper {
      padding-left: 0.625rem;
      padding-right: 0.625rem;
    }
    .title-wrapper {
      padding-top: 0px;
      padding-bottom: 0px;
    }
    .title-wrapper {
      .theme-name {
        position: relative;
      }
      .theme-name {
        font-size: calc(15px + (20 - 15) * ((100vw - 300px) / (1920 - 300)));
      }
      .theme-name {
        text-transform: capitalize;
      }
      .theme-name {
        span {
          --tw-text-opacity: 1;
          color: rgb(82 82 108 / var(--tw-text-opacity, 1));
        }
      }
    }
  }
}

.app-box {
  padding-bottom: 16px !important;
}

@media (min-width: 1200px) {
   {
     {
       {
        .app-box {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        > .app-box {
          width: 90%;
        }
      }
    }
     {
       {
         {
          > .app-box {
            width: 90%;
          }
        }
      }
    }
     {
       {
        > .app-box {
          width: 90%;
        }
      }
    }
     {
       {
         {
          > .app-box {
            width: 90%;
          }
        }
      }
    }
     {
       {
        .app-box {
        }
      }
    }
  }
}

.app-box {
  display: flex;
  width: 100%;
  align-items: center;
  border-radius: 5px;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 18px;
  padding-bottom: 0.75rem;
  h6 {
    position: relative;
  }
  h6 {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  h6 {
    margin-left: 0px;
  }
  h6 {
    margin-right: 0.75rem;
  }
  h6 {
    --tw-text-opacity: 1;
    color: rgb(82 82 108 / var(--tw-text-opacity, 1));
  }
  h6 {
    .app-title {
      --tw-rotate: 180deg;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    .app-title {
      writing-mode: vertical-rl;
    }
    .line {
      position: absolute;
    }
    .line {
      top: -30px;
    }
    .line {
      left: 50%;
    }
    .line {
      height: 18px;
    }
    .line {
      width: 1px;
    }
    .line {
      background: #52526c;
    }
  }
  .app-image {
    flex: auto;
  }
  .app-image {
    .img-effect {
      border-radius: 5px;
    }
    .img-effect {
      --tw-shadow: 0px 3px 20px rgba(46,35,94,0.1);
      --tw-shadow-colored: 0px 3px 20px var(--tw-shadow-color);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
    .img-effect {
      &.image-height {
        a {
          img {
            height: auto;
          }
        }
      }
    }
    a {
      display: block;
    }
    a {
      display: block;
    }
    a {
      @media (max-width: 575px) {
         {
           {
             {
              > img {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > img {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              > img {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > img {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      img {
        width: 100%;
      }
    }
  }
  ul.dot-group {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  ul.dot-group {
    padding-left: 0px;
    padding-right: 0px;
  }
  ul.dot-group {
    padding-top: 0px;
  }
  ul.dot-group {
    padding-bottom: 13px !important;
  }
}

.app-bg-1 {
  --tw-bg-opacity: 1;
  background-color: rgb(249 247 247 / var(--tw-bg-opacity, 1));
}

.app-bg-2 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 245 245 / var(--tw-bg-opacity, 1));
}

.app-bg-3 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 245 248 / var(--tw-bg-opacity, 1));
}

.app-bg-4 {
  --tw-bg-opacity: 1;
  background-color: rgb(240 245 247 / var(--tw-bg-opacity, 1));
}

.app-bg-5 {
  --tw-bg-opacity: 1;
  background-color: rgb(245 244 243 / var(--tw-bg-opacity, 1));
}

.app-bg-6 {
  --tw-bg-opacity: 1;
  background-color: rgb(248 248 250 / var(--tw-bg-opacity, 1));
}

.text-marqee {
  height: 230px;
}

.decoration li {
  position: absolute;
}

.flower-gif {
  left: 19%;
  top: -2.5rem;
}

.big-title {
  margin-bottom: 0 !important;
  margin-bottom: 0px;
  font-size: 200px;
  font-weight: 700;
  line-height: 229px;
  letter-spacing: -0.045em;
  color: rgba(234,235,241,0.5);
}

.navabr_btn-set {
  position: relative;
  &:focus {
    outline: 0;
  }
  span {
    display: block;
  }
  span {
    left: 0px;
  }
  span {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  span {
    display: block;
  }
  span {
    height: 3px;
  }
  span {
    width: 25px;
  }
  span {
    --tw-rotate: 0deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  span {
    background-color: rgba(var(--white),1);
  }
  span {
    opacity: 1;
  }
  span {
    -webkit-transform: rotate(0deg);
    .navabr_btn-set {
      position: relative;
    }
    .navabr_btn-set {
      &:focus {
        outline: 0;
      }
      span {
        display: block;
      }
      span {
        display: block;
      }
      span {
        left: 0px;
      }
      span {
        margin-top: 0.25rem;
        margin-bottom: 0.25rem;
      }
      span {
        display: block;
      }
      span {
        height: 3px;
      }
      span {
        width: 25px;
      }
      span {
        --tw-rotate: 0deg;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      }
      span {
        background-color: rgba(var(--white),1);
      }
      span {
        opacity: 1;
      }
      span {
        -webkit-transform: rotate(0deg);
      }
      &:not(.custom_nav) {
        span {
          &:nth-child(1) {
            position: absolute;
          }
          &:nth-child(1) {
            left: 0.75rem;
          }
          &:nth-child(1) {
            top: 0.625rem;
          }
          &:nth-child(1) {
            --tw-rotate: 135deg;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          }
          &:nth-child(1) {
            opacity: 0.9;
          }
          &:nth-child(1) {
            -webkit-transform: rotate(135deg);
          }
          &:nth-child(2) {
            visibility: hidden;
          }
          &:nth-child(2) {
            height: 0.75rem;
          }
          &:nth-child(2) {
            background-color: transparent;
          }
          &:nth-child(3) {
            position: absolute;
          }
          &:nth-child(3) {
            left: 0.75rem;
          }
          &:nth-child(3) {
            top: 0.625rem;
          }
          &:nth-child(3) {
            --tw-rotate: -135deg;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          }
          &:nth-child(3) {
            opacity: 0.9;
          }
          &:nth-child(3) {
            -webkit-transform: rotate(-135deg);
          }
        }
      }
    }
    .navbar-b {
      background-color: transparent;
    }
    .navbar-b {
      padding-top: 1.563rem;
      padding-bottom: 1.563rem;
    }
    .navbar-b {
      transition-property: all;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }
    .navbar-b {
      transition-duration: 0.5s;
    }
    .navbar-b {
      transition-timing-function: ease-in-out;
    }
    @media (min-width: 1200px) {
       {
         {
           {
            .fixed-top {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > .fixed-top {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > .fixed-top {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > .fixed-top {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > .fixed-top {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            .fixed-top {
            }
          }
        }
      }
    }
    .fixed-top {
      position: relative;
    }
    .fixed-top {
      left: 0px;
      right: 0px;
    }
    .fixed-top {
      top: 0px;
    }
    .fixed-top {
      z-index: 1030;
    }
    .fixed-top {
      display: flex;
    }
    .fixed-top {
      width: 100%;
    }
    .navbar-toggler {
      span {
        display: block;
      }
      span {
        left: 0px;
      }
      span {
        z-index: 112;
      }
      span {
        margin-top: 0.25rem;
        margin-bottom: 0.25rem;
      }
      span {
        display: block;
      }
      span {
        height: 3px;
      }
      span {
        width: 25px;
      }
      span {
        --tw-rotate: 0deg;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      }
      span {
        background-color: rgba(var(--transparent-color),1);
      }
      span {
        opacity: 1;
      }
      span {
        -webkit-transform: rotate(0deg);
        &:nth-child(1) {
          transition-property: transform;
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-duration: 150ms;
        }
        &:nth-child(1) {
          transition-duration: 0.35s;
        }
        &:nth-child(1) {
          transition-timing-function: ease-in-out;
        }
        &:nth-child(3) {
          transition-property: transform;
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-duration: 150ms;
        }
        &:nth-child(3) {
          transition-duration: 0.35s;
        }
        &:nth-child(3) {
          transition-timing-function: ease-in-out;
        }
      }
      &:focus {
        --tw-shadow: 0 0 #0000;
        --tw-shadow-colored: 0 0 #0000;
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
      }
    }
    .navbar_nav_modify {
      li {
        text-align: center;
      }
      @media (max-width: 767px) {
         {
          li {
          }
        }
      }
      li {
        text-align: center;
      }
    }
  }
  &:not(.custom_nav) {
    span {
      &:nth-child(1) {
        position: absolute;
      }
      &:nth-child(1) {
        left: 0.75rem;
      }
      &:nth-child(1) {
        top: 0.625rem;
      }
      &:nth-child(1) {
        --tw-rotate: 135deg;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      }
      &:nth-child(1) {
        opacity: 0.9;
      }
      &:nth-child(1) {
        -webkit-transform: rotate(135deg);
      }
      &:nth-child(2) {
        visibility: hidden;
      }
      &:nth-child(2) {
        height: 0.75rem;
      }
      &:nth-child(2) {
        background-color: transparent;
      }
      &:nth-child(3) {
        position: absolute;
      }
      &:nth-child(3) {
        left: 0.75rem;
      }
      &:nth-child(3) {
        top: 0.625rem;
      }
      &:nth-child(3) {
        --tw-rotate: -135deg;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      }
      &:nth-child(3) {
        opacity: 0.9;
      }
      &:nth-child(3) {
        -webkit-transform: rotate(-135deg);
      }
    }
  }
}

.navbar-b {
  background-color: transparent;
  padding-top: 1.563rem;
  padding-bottom: 1.563rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 0.5s;
  transition-timing-function: ease-in-out;
}

@media (min-width: 1200px) {
   {
     {
       {
        .fixed-top {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        > .fixed-top {
          width: 90%;
        }
      }
    }
     {
       {
         {
          > .fixed-top {
            width: 90%;
          }
        }
      }
    }
     {
       {
        > .fixed-top {
          width: 90%;
        }
      }
    }
     {
       {
         {
          > .fixed-top {
            width: 90%;
          }
        }
      }
    }
     {
       {
        .fixed-top {
        }
      }
    }
  }
}

.fixed-top {
  position: relative;
  left: 0px;
  right: 0px;
  top: 0px;
  z-index: 1030;
  display: flex;
  width: 100%;
}

.navbar-toggler {
  span {
    display: block;
  }
  span {
    left: 0px;
  }
  span {
    z-index: 112;
  }
  span {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  span {
    display: block;
  }
  span {
    height: 3px;
  }
  span {
    width: 25px;
  }
  span {
    --tw-rotate: 0deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  span {
    background-color: rgba(var(--transparent-color),1);
  }
  span {
    opacity: 1;
  }
  span {
    -webkit-transform: rotate(0deg);
    &:nth-child(1) {
      transition: transform 0.35s ease-in-out;
    }
    &:nth-child(3) {
      transition: transform 0.35s ease-in-out;
    }
  }
  &:focus {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
}

.navbar_nav_modify {
  li {
    text-align: center;
  }
  @media (max-width: 767px) {
     {
      li {
      }
    }
  }
  li {
    text-align: center;
  }
}

.sticky-header {
  header {
    text-align: center;
  }
  @media (max-width: 575px) {
     {
       {
         {
          > header {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > header {
              width: 90%;
            }
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          > header {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > header {
              width: 90%;
            }
          }
        }
      }
    }
  }
  @media (max-width: 767px) {
     {
      header {
      }
    }
  }
  header {
    position: fixed;
  }
  header {
    z-index: 6;
  }
  header {
    height: 5rem;
  }
  header {
    width: 100%;
  }
  header {
    text-align: center;
  }
  header {
    line-height: normal;
  }
  header {
    color: rgba(var(--white),1);
  }
  header {
    --tw-shadow: 0 0 5px 1px rgba(5,56,111,0.1);
    --tw-shadow-colored: 0 0 5px 1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  header {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  header {
    transition-duration: 0.4s;
  }
  header {
    transition-timing-function: ease;
  }
  header {
    background: rgba(var(--landing-color), 1);
    .nav-padding {
      padding: 0.875rem;
    }
    &.sticky {
      text-align: left;
    }
    &.sticky {
      line-height: normal;
    }
    &.sticky {
      background: rgba(var(--landing-color), 1);
      .nav-padding {
        padding-left: 0.875rem;
        padding-right: 0.875rem;
      }
      .nav-padding {
        padding-top: 7px;
        padding-bottom: 7px;
      }
    }
  }
}

.landing-home {
  .sticky .navbar-brand img {
    max-height: 35px;
  }
}

.title-padding {
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 130px;
  padding-bottom: 130px;
}

#landings {
  scroll-margin-top: 70px;
}

@media (max-width: 1660px) {
  .build-section {
    .landing-title {
      h2 {
        width: 58% !important;
      }
    }
  }

  .landing-home {
    .content-title {
      .arrow-decore {
        left: -115px;
      }
      .arrow-decore {
        width: 150px;
      }
    }
  }

  .feature-section {
    .vector-image {
      right: -10rem;
    }
    .vector-image {
      top: 60px;
    }
  }

  .loader-line-gif {
    right: 5%;
  }

  .app-section .wavy-gif {
    left: 8%;
  }

  .round-gif {
    left: 2%;
    img {
      height: 127px;
    }
    img {
      width: 127px;
    }
  }

  .components-section {
    .vector-image {
      left: 50px;
    }
    .vector-image {
      top: 5rem;
    }
    .vector-image {
      img {
        height: 15rem;
      }
    }
  }
}

@media (max-width: 1600px) {
  .feature-section {
    .vector-image {
      right: -1.25rem;
    }
    .vector-image {
      top: 0px;
    }
    .vector-image {
      img {
        height: 300px;
      }
    }
    .round-gif {
      left: 0px;
    }
  }

  .faq-section {
    .vector-image {
      top: -30px;
    }
    .vector-image {
      left: 60px;
    }
    .vector-image {
      img {
        height: 260px;
      }
    }
  }

  .pricing-section {
    .loader-gif {
      top: -11%;
    }
    .loader-gif {
      right: 2%;
    }
    .loader-line-gif {
      left: 12%;
    }
    .loader-line-gif {
      left: 16%;
    }
  }
}

@media (max-width: 1660px) {
  .feature-section {
    .vector-image {
      right: -130px;
    }
    .vector-image {
      img {
        height: 310px;
      }
    }
  }
}

@media (max-width: 1600px) {
  .feature-section .vector-image {
    right: -0.375rem;
    top: -0.625rem;
  }
}

@media (max-width: 1470px) {
  .line-gif {
    left: 14%;
  }

  .feature-section {
    .round-gif {
      top: 6%;
    }
    .round-gif {
      bottom: unset;
    }
    .round-gif {
      img {
        height: 90px;
      }
      img {
        width: 90px;
      }
    }
  }
}

@media (max-width: 1400px) {
  .landing-tab {
    li {
      a {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
      }
      a {
        padding-top: 0.375rem;
        padding-bottom: 0.375rem;
      }
    }
  }
}

@media (max-width: 1366px) {
  .build-section {
    .landing-title {
      h2 {
        width: 59% !important;
      }
    }
  }

  .landing-home {
    .content {
      margin-top: 170px;
    }
    .content {
      p {
        width: 90%;
      }
    }
  }

  .demo-imgs {
    .demo-content {
      .cuba-demo-img {
        .hover-link {
          padding: 1.25rem;
        }
      }
    }
  }

   {
     {
       {
        width: 59% !important;
      }
    }
    .\!content {
      margin-top: 170px;
    }
    .\!content {
       {
        width: 90%;
      }
    }
     {
       {
         {
          padding: 1.25rem;
        }
      }
    }
     {
       {
        width: 59% !important;
      }
    }
    .\!content {
      margin-top: 170px;
    }
    .\!content {
       {
        width: 90%;
      }
    }
     {
       {
         {
          padding: 1.25rem;
        }
      }
    }
  }
}

@media (max-width: 1399px) {
  .components-section {
    @media (min-width: 1200px) {
       {
         {
           {
            .component_responsive {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            .component_responsive {
            }
          }
        }
      }
    }
    .component_responsive {
      display: flex !important;
    }
    .component_responsive {
      .component-hover-effect {
        min-width: 250px;
      }
      .component-hover-effect {
        h6 {
          white-space: nowrap;
        }
      }
    }
  }

  .customer-wrapper {
    .outline-box {
      left: 30px;
    }
    .outline-box {
      bottom: -1px;
    }
  }

  .customer-box {
    padding-left: 35px;
    padding-right: 35px;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .feature-section {
    .vector-image {
      right: -0.625rem;
    }
    .vector-image {
      top: -0.375rem;
    }
    .vector-image {
      img {
        height: 280px;
      }
    }
  }

  .framework-section {
    .wavy-gif {
      bottom: -30px;
    }
    .wavy-gif {
      right: 0px;
    }
  }

  .premium-wrap {
    .vector-image {
      left: 75px;
    }
    .vector-image {
      img {
        height: 220px;
      }
    }
  }

  .loader-line-gif {
    right: 0px;
    top: 10%;
  }

  .wavy-gif {
    right: 3%;
    top: 15%;
    img {
      width: 5rem;
    }
  }

  .round-gif {
    left: 0%;
    top: 15%;
  }

  .line-gif {
    left: 21%;
  }

  .line-gif img {
    height: 100px;
    width: 100px;
  }

  .components-section {
    .vector-image {
      left: 30px;
    }
    .vector-image {
      img {
        height: 220px;
      }
    }
  }

  .fluid-space {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 0px;
    padding-bottom: 0px;
  }
}

@media (max-width: 1200px) {
  .landing-page .container {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    max-width: 1140px;
  }

  .landing-page .\!container {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    max-width: 1140px;
  }
}

@media (max-width: 1199px) {
  .landing-page {
    .container {
      max-width: 960px !important;
    }
    .container {
      padding-left: 15px;
      padding-right: 15px;
    }
  }

  .build-section {
    .landing-title {
      h2 {
        width: 63% !important;
      }
    }
    .rotate-title {
      width: 17%;
    }
  }

  .landing-home {
    .content {
      margin-top: 140px;
    }
  }

  .customer-wrap {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: -15px;
    margin-left: -15px;
    > div {
      padding-top: 0 !important;
      padding-bottom: 0 !important;
    }
    > div {
      padding-left: 15px;
      padding-right: 15px;
    }
    > div {
      padding-top: 0px;
      padding-bottom: 0px;
    }
    > div {
      &:last-child {
        .outline-box {
          width: 90%;
        }
      }
    }
  }

  .customer-wrapper {
    .outline-box {
      left: 15px !important;
    }
    .outline-box {
      bottom: 1px !important;
    }
    .outline-box {
      width: 100%;
    }
  }

  .customer-box {
    padding-left: 25px !important;
    padding-right: 25px !important;
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .feature-section .vector-image {
    right: -0.75rem;
  }

  .premium-wrap {
    .vector-image {
      left: -15px;
    }
  }

  .loader-line-gif {
    top: 9%;
  }

  .loader-gif {
    top: 32%;
  }

  .app-section {
    .wavy-gif {
      left: 3%;
    }
    .wavy-gif {
      top: 3%;
    }
  }

  .round-gif {
    top: 20%;
    img {
      height: 100px;
    }
    img {
      width: 100px;
    }
  }

  .loader-1 {
    height: 60px;
    width: 60px;
    &::after,
      &::before {
      height: 60px;
    }
    &::after,
      &::before {
      width: 60px;
    }
  }

  .wavy-line-gif img {
    width: 150px;
  }

  .landing-page {
    .navbar-expand-xl {
      .navbar-toggler {
        display: block;
      }
      .navbar-toggler {
        display: block;
      }
      .navbar-collapse {
        display: none;
      }
      .navbar-collapse {
        .navbar-nav {
          display: block;
        }
        .navbar-nav {
          display: block;
        }
      }
    }
  }

  .landing-tab {
    margin: auto;
    display: block;
    border-color: rgba(var(--black),0.4);
    @media (max-width: 575px) {
       {
         {
           {
            > li {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > li {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > li {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > li {
                width: 90%;
              }
            }
          }
        }
      }
    }
    li {
      width: 100%;
    }
    li {
      a {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
      }
      a {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
      }
      a {
        h6 {
          color: rgba(var(--black),0.8);
        }
      }
    }
  }

  .landing-title {
    p {
      width: 80%;
    }
  }

  .faq-section {
    .accordion {
      .accordion-item {
        .accordion-header {
          line-height: 1.3;
        }
      }
    }
    .vector-image {
      top: -30px;
    }
    .vector-image {
      left: 0px;
    }
  }

  .pricing-box {
    .purchase-details {
      padding-left: 1.25rem;
      padding-right: 1.25rem;
    }
    .purchase-details {
      padding-top: 1.5rem;
      padding-bottom: 1.5rem;
    }
    .purchase-details {
      .btn-lg {
        padding-left: 0.625rem;
        padding-right: 0.625rem;
      }
      .btn-lg {
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
      }
      .btn-lg {
        font-size: 15px;
      }
    }
  }

  .components-section {
    .vector-image {
      left: -1rem;
    }
    .vector-image {
      img {
        height: 190px;
      }
    }
  }

  footer {
    .feature-content {
      ul {
        li {
          h4 {
            max-width: 200px;
          }
        }
      }
    }
  }

  .text-marqee {
    height: 166px;
  }

  .big-title {
    font-size: 140px;
    line-height: 170px;
  }

  .sticky-header header.sticky .nav-padding {
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .navbar-toggler {
    span {
      background-color: rgba(var(--white),1);
    }
  }

  .landing-home {
    .screen1 {
      margin-top: 0 !important;
    }
    .screen1 {
      left: 100px;
    }
    .screen1 {
      margin-top: 0px;
    }
  }

  .sticky-header {
    .navbar-nav {
      .nav-item .nav-link {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
      }
      .nav-item .nav-link {
        padding-top: 0.625rem;
        padding-bottom: 0.625rem;
      }
      .nav-item .nav-link {
        font-size: 15px;
      }
      .nav-item .nav-link {
        color: rgba(var(--black),1);
      }
      li {
        display: block;
      }
      @media (max-width: 575px) {
         {
           {
             {
              > li {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > li {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              > li {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > li {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      li {
        display: block;
      }
      li {
        width: 100%;
      }
      li {
        + li {
          margin-top: 8px;
        }
      }
    }
  }

  .landing-page {
    .navbar-expand-xl {
      .navbar-collapse {
        margin-top: 48px !important;
      }
      .navbar-collapse {
        position: absolute;
      }
      .navbar-collapse {
        left: 15px;
      }
      .navbar-collapse {
        top: 70px;
      }
      .navbar-collapse {
        margin-top: 1.25rem !important;
      }
      .navbar-collapse {
        width: calc(100% - 30px);
      }
      .navbar-collapse {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
      }
      .navbar-collapse {
        .navbar-nav {
          padding-left: 30px;
          padding-right: 30px;
        }
        .navbar-nav {
          padding-top: 1.25rem;
        }
        .navbar-nav {
          padding-bottom: 30px;
        }
      }
    }
  }

  header.sticky {
    .navbar-expand-xl {
      .navbar-collapse {
        top: 50px;
      }
    }
  }

  .landing-main {
    .sticky {
      .navbar-expand-xl {
        .navbar-brand {
          top: 0.5rem;
        }
        .navabr_btn-set {
          top: 1rem;
        }
      }
    }
    .navbar-toggler {
      span {
        background-color: rgba(var(--white),1);
      }
    }
    .navbar_nav_modify {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
    .navbar_nav_modify {
      position: fixed;
    }
    .navbar_nav_modify {
      left: 0px;
    }
    .navbar_nav_modify {
      top: 0px;
    }
    .navbar_nav_modify {
      height: 100vh;
    }
    .navbar_nav_modify {
      width: 100vw;
    }
    .navbar_nav_modify {
      --tw-bg-opacity: 1;
      background-color: rgb(41 50 64 / var(--tw-bg-opacity, 1));
    }
    .navbar_nav_modify {
      padding-left: 0px;
      padding-right: 0px;
    }
    .navbar_nav_modify {
      padding-top: 120px;
      padding-bottom: 120px;
    }
    h4 {
      font-size: 1.25rem;
      line-height: 1.75rem;
    }
    .navbar-expand-xl {
      .navabr_btn-set {
        position: fixed;
      }
      .navabr_btn-set {
        right: 1.25rem;
      }
      .navabr_btn-set {
        top: 1.5rem;
      }
      .navabr_btn-set {
        z-index: 1;
      }
      .navbar-brand {
        position: fixed;
      }
      .navbar-brand {
        top: 0.875rem;
      }
      .navbar-brand {
        z-index: 1;
      }
      .navbar-brand {
        padding-left: 5px;
      }
      .navbar-collapse {
        .navbar-nav {
          .nav-item {
            a {
              text-align: center;
            }
            @media (min-width: 1200px) {
               {
                 {
                   {
                    a {
                    }
                  }
                }
              }
            }
            @media (max-width: 767px) {
               {
                a {
                }
              }
            }
            @media (max-width: 575px) {
               {
                 {
                   {
                    a {
                    }
                  }
                }
              }
            }
            a {
              margin-left: auto;
              margin-right: auto;
            }
            a {
              margin-top: 0px;
              margin-bottom: 0px;
            }
            a {
              display: flex;
            }
            a {
              width: 1rem;
            }
            a {
              justify-content: center;
            }
            a {
              padding-left: 60px;
              padding-right: 60px;
            }
            a {
              padding-top: 1.75rem;
              padding-bottom: 1.75rem;
            }
            a {
              text-align: center;
            }
          }
        }
      }
    }
    .navbar-expand-lg {
      .navbar-brand {
        padding-left: 5px;
      }
      .navbar-collapse {
        .navbar-nav {
          .nav-item {
            a {
              padding: 9px;
            }
          }
        }
      }
    }
  }

   {
    .\!container {
      max-width: 960px !important;
    }
    .\!container {
      padding-left: 15px;
      padding-right: 15px;
    }
     {
       {
        width: 63% !important;
      }
    }
     {
      width: 17%;
    }
     {
      margin-top: 140px;
    }
     {
      padding-top: 0 !important;
      padding-bottom: 0 !important;
    }
     {
      padding-left: 15px;
      padding-right: 15px;
    }
     {
      padding-top: 0px;
      padding-bottom: 0px;
    }
     {
       {
         {
          width: 90%;
        }
      }
    }
     {
      left: 15px !important;
    }
     {
      bottom: 1px !important;
    }
     {
      width: 100%;
    }
     {
      left: -15px;
    }
     {
      left: 3%;
    }
     {
      top: 3%;
    }
     {
      height: 100px;
    }
     {
      width: 100px;
    }
     {
      height: 60px;
    }
     {
      width: 60px;
    }
     {
       {
        display: block;
      }
       {
        display: block;
      }
       {
        display: none;
      }
       {
         {
          display: block;
        }
         {
          display: block;
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }
     {
      width: 100%;
    }
     {
       {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
      }
       {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
      }
       {
         {
          color: rgba(var(--black),0.8);
        }
      }
    }
     {
      width: 80%;
    }
     {
       {
         {
          line-height: 1.3;
        }
      }
    }
     {
      top: -30px;
    }
     {
      left: 0px;
    }
     {
      padding-left: 1.25rem;
      padding-right: 1.25rem;
    }
     {
      padding-top: 1.5rem;
      padding-bottom: 1.5rem;
    }
     {
       {
        padding-left: 0.625rem;
        padding-right: 0.625rem;
      }
       {
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
      }
       {
        font-size: 15px;
      }
    }
     {
      left: -1rem;
    }
     {
       {
        height: 190px;
      }
    }
     {
       {
         {
           {
            max-width: 200px;
          }
        }
      }
    }
     {
      background-color: rgba(var(--white),1);
    }
     {
      margin-top: 0 !important;
    }
     {
      left: 100px;
    }
     {
      margin-top: 0px;
    }
     {
       {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
      }
       {
        padding-top: 0.625rem;
        padding-bottom: 0.625rem;
      }
       {
        font-size: 15px;
      }
       {
        color: rgba(var(--black),1);
      }
       {
        display: block;
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
       {
        display: block;
      }
       {
        width: 100%;
      }
       {
         {
          margin-top: 8px;
        }
      }
    }
     {
       {
        margin-top: 48px !important;
      }
       {
        position: absolute;
      }
       {
        left: 15px;
      }
       {
        top: 70px;
      }
       {
        margin-top: 1.25rem !important;
      }
       {
        width: calc(100% - 30px);
      }
       {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
      }
       {
         {
          padding-left: 30px;
          padding-right: 30px;
        }
         {
          padding-top: 1.25rem;
        }
         {
          padding-bottom: 30px;
        }
      }
    }
     {
       {
        top: 50px;
      }
    }
     {
       {
         {
          top: 0.5rem;
        }
         {
          top: 1rem;
        }
      }
    }
     {
       {
        background-color: rgba(var(--white),1);
      }
    }
     {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
     {
      position: fixed;
    }
     {
      left: 0px;
    }
     {
      top: 0px;
    }
     {
      height: 100vh;
    }
     {
      width: 100vw;
    }
     {
      --tw-bg-opacity: 1;
      background-color: rgb(41 50 64 / var(--tw-bg-opacity, 1));
    }
     {
      padding-left: 0px;
      padding-right: 0px;
    }
     {
      padding-top: 120px;
      padding-bottom: 120px;
    }
     {
      font-size: 1.25rem;
      line-height: 1.75rem;
    }
     {
       {
        position: fixed;
      }
       {
        right: 1.25rem;
      }
       {
        top: 1.5rem;
      }
       {
        z-index: 1;
      }
       {
        position: fixed;
      }
       {
        top: 0.875rem;
      }
       {
        z-index: 1;
      }
       {
        padding-left: 5px;
      }
       {
         {
           {
             {
              text-align: center;
            }
            @media (min-width: 1200px) {
               {
                 {
                   {
                     {
                    }
                  }
                }
              }
            }
            @media (max-width: 767px) {
               {
                 {
                }
              }
            }
            @media (max-width: 575px) {
               {
                 {
                   {
                     {
                    }
                  }
                }
              }
            }
             {
              margin-left: auto;
              margin-right: auto;
            }
             {
              margin-top: 0px;
              margin-bottom: 0px;
            }
             {
              display: flex;
            }
             {
              width: 1rem;
            }
             {
              justify-content: center;
            }
             {
              padding-left: 60px;
              padding-right: 60px;
            }
             {
              padding-top: 1.75rem;
              padding-bottom: 1.75rem;
            }
             {
              text-align: center;
            }
          }
        }
      }
    }
     {
       {
        padding-left: 5px;
      }
       {
         {
           {
             {
              padding: 9px;
            }
          }
        }
      }
    }
     {
      max-width: 960px !important;
    }
     {
      padding-left: 15px;
      padding-right: 15px;
    }
     {
       {
        width: 63% !important;
      }
    }
     {
      width: 17%;
    }
    .\!content {
      margin-top: 140px;
    }
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: -15px;
    margin-left: -15px;
     {
      padding-top: 0 !important;
      padding-bottom: 0 !important;
    }
     {
      padding-left: 15px;
      padding-right: 15px;
    }
     {
      padding-top: 0px;
      padding-bottom: 0px;
    }
     {
       {
         {
          width: 90%;
        }
      }
    }
     {
      left: 15px !important;
    }
     {
      bottom: 1px !important;
    }
     {
      width: 100%;
    }
    right: -0.75rem;
     {
      left: -15px;
    }
     {
      left: 3%;
    }
     {
      top: 3%;
    }
    top: 20%;
     {
      height: 100px;
    }
     {
      width: 100px;
    }
     {
      height: 60px;
    }
     {
      width: 60px;
    }
    width: 150px;
     {
       {
        display: block;
      }
       {
        display: block;
      }
       {
        display: none;
      }
       {
         {
          display: block;
        }
         {
          display: block;
        }
      }
    }
    margin: auto;
    display: block;
    border-color: rgba(var(--black),0.4);
    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }
     {
      width: 100%;
    }
     {
       {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
      }
       {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
      }
       {
         {
          color: rgba(var(--black),0.8);
        }
      }
    }
     {
      width: 80%;
    }
     {
       {
         {
          line-height: 1.3;
        }
      }
    }
     {
      top: -30px;
    }
     {
      left: 0px;
    }
     {
      padding-left: 1.25rem;
      padding-right: 1.25rem;
    }
     {
      padding-top: 1.5rem;
      padding-bottom: 1.5rem;
    }
     {
       {
        padding-left: 0.625rem;
        padding-right: 0.625rem;
      }
       {
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
      }
       {
        font-size: 15px;
      }
    }
     {
      left: -1rem;
    }
     {
       {
        height: 190px;
      }
    }
     {
       {
         {
           {
            max-width: 200px;
          }
        }
      }
    }
    height: 166px;
    font-size: 140px;
    line-height: 170px;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 15px;
    padding-bottom: 15px;
     {
      background-color: rgba(var(--white),1);
    }
     {
      margin-top: 0 !important;
    }
     {
      left: 100px;
    }
     {
      margin-top: 0px;
    }
     {
       {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
      }
       {
        padding-top: 0.625rem;
        padding-bottom: 0.625rem;
      }
       {
        font-size: 15px;
      }
       {
        color: rgba(var(--black),1);
      }
       {
        display: block;
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
       {
        display: block;
      }
       {
        width: 100%;
      }
       {
         {
          margin-top: 8px;
        }
      }
    }
     {
       {
        margin-top: 48px !important;
      }
       {
        position: absolute;
      }
       {
        left: 15px;
      }
       {
        top: 70px;
      }
       {
        margin-top: 1.25rem !important;
      }
       {
        width: calc(100% - 30px);
      }
       {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
      }
       {
         {
          padding-left: 30px;
          padding-right: 30px;
        }
         {
          padding-top: 1.25rem;
        }
         {
          padding-bottom: 30px;
        }
      }
    }
     {
       {
        top: 50px;
      }
    }
     {
       {
         {
          top: 0.5rem;
        }
         {
          top: 1rem;
        }
      }
    }
     {
       {
        background-color: rgba(var(--white),1);
      }
    }
     {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
     {
      position: fixed;
    }
     {
      left: 0px;
    }
     {
      top: 0px;
    }
     {
      height: 100vh;
    }
     {
      width: 100vw;
    }
     {
      --tw-bg-opacity: 1;
      background-color: rgb(41 50 64 / var(--tw-bg-opacity, 1));
    }
     {
      padding-left: 0px;
      padding-right: 0px;
    }
     {
      padding-top: 120px;
      padding-bottom: 120px;
    }
     {
      font-size: 1.25rem;
      line-height: 1.75rem;
    }
     {
       {
        position: fixed;
      }
       {
        right: 1.25rem;
      }
       {
        top: 1.5rem;
      }
       {
        z-index: 1;
      }
       {
        position: fixed;
      }
       {
        top: 0.875rem;
      }
       {
        z-index: 1;
      }
       {
        padding-left: 5px;
      }
       {
         {
           {
             {
              text-align: center;
            }
            @media (min-width: 1200px) {
               {
                 {
                   {
                     {
                    }
                  }
                }
              }
            }
            @media (max-width: 767px) {
               {
                 {
                }
              }
            }
            @media (max-width: 575px) {
               {
                 {
                   {
                     {
                    }
                  }
                }
              }
            }
             {
              margin-left: auto;
              margin-right: auto;
            }
             {
              margin-top: 0px;
              margin-bottom: 0px;
            }
             {
              display: flex;
            }
             {
              width: 1rem;
            }
             {
              justify-content: center;
            }
             {
              padding-left: 60px;
              padding-right: 60px;
            }
             {
              padding-top: 1.75rem;
              padding-bottom: 1.75rem;
            }
             {
              text-align: center;
            }
          }
        }
      }
    }
     {
       {
        padding-left: 5px;
      }
       {
         {
           {
             {
              padding: 9px;
            }
          }
        }
      }
    }
  }
}

@media (max-width: 991px) {
  .customer-wrapper {
    padding: 0 !important;
    padding: 0px;
    .customer-box {
      padding-left: 12px !important;
      padding-right: 12px !important;
    }
    .outline-box {
      display: none !important;
    }
  }

  .landing-page {
    .container {
      max-width: 720px !important;
    }
    .container {
      padding-left: 15px;
      padding-right: 15px;
    }
  }

  .ptb50 {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .build-section {
    .landing-title {
      @media (max-width: 575px) {
         {
           {
             {
              > h2 {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > h2 {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              > h2 {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > h2 {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      h2 {
        width: 100% !important;
      }
      .title-img {
        width: 120px;
      }
    }
    .rotate-title {
      width: 30%;
    }
    .build-image {
      img {
        width: calc(100% + 100px);
      }
    }
  }

  .landing-home {
    .content-title {
      .arrow-decore {
        left: -125px;
      }
      .arrow-decore {
        top: -0.875rem;
      }
      .arrow-decore {
        width: 110px;
      }
    }
  }

  .frame-tab li .tab-link {
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .customer-wrap {
    margin-left: -0.625rem;
    margin-right: -0.625rem;
    margin-top: 0px;
    margin-bottom: 0px;
    > div {
      padding-top: 0 !important;
      padding-bottom: 0 !important;
    }
    > div {
      padding-left: 0.625rem;
      padding-right: 0.625rem;
    }
    > div {
      padding-top: 0px;
      padding-bottom: 0px;
    }
  }

  .customer-box {
    padding-left: 13px;
    padding-right: 13px;
    padding-top: 17px;
    padding-bottom: 17px;
    img {
      height: 50px;
    }
  }

  .feature-section .round-gif {
    top: -3%;
  }

  .components-section {
    .flower-gif {
      right: 10%;
    }
    .flower-gif {
      top: 9%;
    }
  }

  .loader-line-gif {
    top: 0px;
  }

  .loader-gif {
    right: 15px;
  }

  .wavy-gif {
    right: 1%;
    top: 10%;
    img {
      width: 60px;
    }
    svg {
      width: 60px;
    }
  }

  .round-gif {
    top: 28%;
    img {
      height: 70px;
    }
    img {
      width: 70px;
    }
  }

  .wavy-line-gif {
    top: 1%;
  }

  .vector-image {
    display: none;
  }

  .line-gif img {
    height: 5rem;
    width: 5rem;
  }

  .landing-page .container {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    max-width: 960px;
  }

  .landing-page {
    .buy-btn {
      padding-left: 35px;
      padding-right: 35px;
    }
    .buy-btn {
      padding-top: 0.75rem;
      padding-bottom: 0.75rem;
    }
  }

  .landing-title {
    @media (max-width: 575px) {
       {
         {
           {
            > p {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > p {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > p {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > p {
                width: 90%;
              }
            }
          }
        }
      }
    }
    p {
      width: 100%;
    }
  }

  .pricing-section {
    .loader-gif {
      top: -2%;
    }
    .loader-gif {
      right: 2%;
    }
    .loader-line-gif {
      left: 0.625rem;
    }
    .loader-line-gif {
      bottom: -1.25rem;
    }
    .loader-line-gif {
      img {
        width: 90px;
      }
    }
  }

  .license-list li {
    gap: 5px;
  }

  .benefit-box {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    padding-top: 30px;
    padding-bottom: 30px;
    svg {
      height: 30px;
    }
    svg {
      width: 30px;
    }
    h2 {
      font-size: 25px;
    }
  }

  .purchase-btn {
    min-width: 160px;
  }

  footer {
    .license-list {
      gap: 1.25rem;
    }
    .feature-content {
      ul {
        li {
          h4 {
            max-width: 140px;
          }
          h4 {
            font-size: 1.125rem;
            line-height: 1.75rem;
          }
          img {
            width: 220px;
          }
        }
      }
    }
  }

  .text-marqee {
    height: 130px;
  }

  .big-title {
    font-size: 110px;
    line-height: 140px;
  }

  .landing-home {
    .navbar-brand img {
      height: 35px;
    }
  }

  .frameworks-section {
    > .container {
      max-width: 100%;
    }
  }

  .landing-main {
    .navbar-expand-lg .navbar-collapse {
      position: absolute;
    }
    .navbar-expand-lg .navbar-collapse {
      top: 90px;
    }
    .navbar-expand-lg .navbar-collapse {
      z-index: 111;
    }
    .navbar-expand-lg .navbar-collapse {
      width: calc(100% - 30px);
    }
    .navbar-expand-lg .navbar-collapse {
      border-radius: 5px;
    }
    .navbar-expand-lg .navbar-collapse {
      --tw-bg-opacity: 1;
      background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    }
    .navbar-expand-lg .navbar-collapse {
      background-color: rgba(var(--white),1);
    }
    .navbar-expand-lg .navbar-collapse {
      padding: 15px;
    }
    .navbar-expand-lg .navbar-collapse {
      --tw-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15);
      --tw-shadow-colored: 0 0.5rem 1rem var(--tw-shadow-color);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
    .section-space {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
    .section-space {
      padding-left: 0px;
      padding-right: 0px;
    }
    .section-space {
      padding-top: 60px;
      padding-bottom: 60px;
    }
    .section-space {
      p {
        font-size: 1rem;
        line-height: 1.5rem;
      }
    }
    .navbar-expand-lg {
      .navbar-toggler {
        background-color: rgba(var(--white),1);
      }
      .navbar-toggler {
        .navbar-toggler-icon {
          i {
            margin-top: 5px;
          }
          i {
            color: rgba(var(--theme-default),1);
          }
        }
      }
      .navbar-collapse {
        .navbar-nav {
          .nav-item {
            a {
              color: rgba(var(--black),1);
            }
          }
        }
      }
    }
    .footer-bg {
      h2 {
        font-size: 28px;
      }
    }
  }

   {
    padding: 0 !important;
    padding: 0px;
     {
      padding-left: 12px !important;
      padding-right: 12px !important;
    }
     {
      display: none !important;
    }
    .\!container {
      max-width: 720px !important;
    }
    .\!container {
      padding-left: 15px;
      padding-right: 15px;
    }
    padding-left: 0 !important;
    padding-right: 0 !important;
     {
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
       {
        width: 100% !important;
      }
       {
        width: 120px;
      }
    }
     {
      width: 30%;
    }
     {
       {
        width: calc(100% + 100px);
      }
    }
     {
       {
        left: -125px;
      }
       {
        top: -0.875rem;
      }
       {
        width: 110px;
      }
    }
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    font-size: 1rem;
    line-height: 1.5rem;
    margin-left: -0.625rem;
    margin-right: -0.625rem;
    margin-top: 0px;
    margin-bottom: 0px;
     {
      padding-top: 0 !important;
      padding-bottom: 0 !important;
    }
     {
      padding-left: 0.625rem;
      padding-right: 0.625rem;
    }
     {
      padding-top: 0px;
      padding-bottom: 0px;
    }
    padding-left: 13px;
    padding-right: 13px;
    padding-top: 17px;
    padding-bottom: 17px;
     {
      height: 50px;
    }
     {
      right: 10%;
    }
     {
      top: 9%;
    }
    top: 0px;
    right: 15px;
    right: 1%;
     {
      width: 60px;
    }
     {
      width: 60px;
    }
     {
      height: 70px;
    }
     {
      width: 70px;
    }
    top: 1%;
    display: none;
    height: 5rem;
    width: 5rem;
  }

  .landing-page .\!container {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    max-width: 960px;
  }

   {
     {
      padding-left: 35px;
      padding-right: 35px;
    }
     {
      padding-top: 0.75rem;
      padding-bottom: 0.75rem;
    }
    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }
     {
      width: 100%;
    }
     {
      top: -2%;
    }
     {
      right: 2%;
    }
     {
      left: 0.625rem;
    }
     {
      bottom: -1.25rem;
    }
     {
       {
        width: 90px;
      }
    }
    gap: 5px;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
     {
      height: 30px;
    }
     {
      width: 30px;
    }
     {
      font-size: 25px;
    }
    min-width: 160px;
     {
      gap: 1.25rem;
    }
     {
       {
         {
           {
            max-width: 140px;
          }
           {
            font-size: 1.125rem;
            line-height: 1.75rem;
          }
           {
            width: 220px;
          }
        }
      }
    }
    height: 130px;
    font-size: 110px;
    line-height: 140px;
     {
      height: 35px;
    }
    > .\!container {
      max-width: 100%;
    }
     {
      position: absolute;
    }
     {
      top: 90px;
    }
     {
      z-index: 111;
    }
     {
      width: calc(100% - 30px);
    }
     {
      border-radius: 5px;
    }
     {
      --tw-bg-opacity: 1;
      background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    }
     {
      background-color: rgba(var(--white),1);
    }
     {
      padding: 15px;
    }
     {
      --tw-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15);
      --tw-shadow-colored: 0 0.5rem 1rem var(--tw-shadow-color);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
     {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
     {
      padding-left: 0px;
      padding-right: 0px;
    }
     {
      padding-top: 60px;
      padding-bottom: 60px;
    }
     {
       {
        font-size: 1rem;
        line-height: 1.5rem;
      }
    }
     {
       {
        background-color: rgba(var(--white),1);
      }
       {
         {
           {
            margin-top: 5px;
          }
           {
            color: rgba(var(--theme-default),1);
          }
        }
      }
       {
         {
           {
             {
              color: rgba(var(--black),1);
            }
          }
        }
      }
    }
     {
       {
        font-size: 28px;
      }
    }
    padding: 0 !important;
    padding: 0px;
     {
      padding-left: 12px !important;
      padding-right: 12px !important;
    }
     {
      display: none !important;
    }
    .\!container {
      max-width: 720px !important;
    }
    .\!container {
      padding-left: 15px;
      padding-right: 15px;
    }
    padding-left: 0 !important;
    padding-right: 0 !important;
     {
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
       {
        width: 100% !important;
      }
       {
        width: 120px;
      }
    }
     {
      width: 30%;
    }
     {
       {
        width: calc(100% + 100px);
      }
    }
     {
       {
        left: -125px;
      }
       {
        top: -0.875rem;
      }
       {
        width: 110px;
      }
    }
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    font-size: 1rem;
    line-height: 1.5rem;
    margin-left: -0.625rem;
    margin-right: -0.625rem;
    margin-top: 0px;
    margin-bottom: 0px;
     {
      padding-top: 0 !important;
      padding-bottom: 0 !important;
    }
     {
      padding-left: 0.625rem;
      padding-right: 0.625rem;
    }
     {
      padding-top: 0px;
      padding-bottom: 0px;
    }
    padding-left: 13px;
    padding-right: 13px;
    padding-top: 17px;
    padding-bottom: 17px;
     {
      height: 50px;
    }
     {
      right: 10%;
    }
     {
      top: 9%;
    }
    top: 0px;
    right: 15px;
    right: 1%;
     {
      width: 60px;
    }
     {
      width: 60px;
    }
     {
      height: 70px;
    }
     {
      width: 70px;
    }
    top: 1%;
    display: none;
    height: 5rem;
    width: 5rem
  }

  .landing-page .\!container {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    max-width: 960px;
  }

   {
     {
      padding-left: 35px;
      padding-right: 35px;
    }
     {
      padding-top: 0.75rem;
      padding-bottom: 0.75rem;
    }
    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }
     {
      width: 100%;
    }
     {
      top: -2%;
    }
     {
      right: 2%;
    }
     {
      left: 0.625rem;
    }
     {
      bottom: -1.25rem;
    }
     {
       {
        width: 90px;
      }
    }
    gap: 5px;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
     {
      height: 30px;
    }
     {
      width: 30px;
    }
     {
      font-size: 25px;
    }
    min-width: 160px;
     {
      gap: 1.25rem;
    }
     {
       {
         {
           {
            max-width: 140px;
          }
           {
            font-size: 1.125rem;
            line-height: 1.75rem;
          }
           {
            width: 220px;
          }
        }
      }
    }
    height: 130px;
    font-size: 110px;
    line-height: 140px;
     {
      height: 35px;
    }
    > .\!container {
      max-width: 100%;
    }
     {
      position: absolute;
    }
     {
      top: 90px;
    }
     {
      z-index: 111;
    }
     {
      width: calc(100% - 30px);
    }
     {
      border-radius: 5px;
    }
     {
      --tw-bg-opacity: 1;
      background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    }
     {
      background-color: rgba(var(--white),1);
    }
     {
      padding: 15px;
    }
     {
      --tw-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15);
      --tw-shadow-colored: 0 0.5rem 1rem var(--tw-shadow-color);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
     {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
     {
      padding-left: 0px;
      padding-right: 0px;
    }
     {
      padding-top: 60px;
      padding-bottom: 60px;
    }
     {
       {
        font-size: 1rem;
        line-height: 1.5rem;
      }
    }
     {
       {
        background-color: rgba(var(--white),1);
      }
       {
         {
           {
            margin-top: 5px;
          }
           {
            color: rgba(var(--theme-default),1);
          }
        }
      }
       {
         {
           {
             {
              color: rgba(var(--black),1);
            }
          }
        }
      }
    }
     {
       {
        font-size: 28px;
      }
    }
    padding: 0 !important;
    padding: 0px;
     {
      padding-left: 12px !important;
      padding-right: 12px !important;
    }
     {
      display: none !important;
    }
    .\!container {
      max-width: 720px !important;
    }
    .\!container {
      padding-left: 15px;
      padding-right: 15px;
    }
    padding-left: 0 !important;
    padding-right: 0 !important;
     {
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
       {
        width: 100% !important;
      }
       {
        width: 120px;
      }
    }
     {
      width: 30%;
    }
     {
       {
        width: calc(100% + 100px);
      }
    }
     {
       {
        left: -125px;
      }
       {
        top: -0.875rem;
      }
       {
        width: 110px;
      }
    }
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    font-size: 1rem;
    line-height: 1.5rem;
    margin-left: -0.625rem;
    margin-right: -0.625rem;
    margin-top: 0px;
    margin-bottom: 0px;
     {
      padding-top: 0 !important;
      padding-bottom: 0 !important;
    }
     {
      padding-left: 0.625rem;
      padding-right: 0.625rem;
    }
     {
      padding-top: 0px;
      padding-bottom: 0px;
    }
    padding-left: 13px;
    padding-right: 13px;
    padding-top: 17px;
    padding-bottom: 17px;
     {
      height: 50px;
    }
     {
      right: 10%;
    }
     {
      top: 9%;
    }
    top: 0px;
    right: 15px;
    right: 1%;
     {
      width: 60px;
    }
     {
      width: 60px;
    }
     {
      height: 70px;
    }
     {
      width: 70px;
    }
    top: 1%;
    display: none;
    height: 5rem;
    width: 5rem
  }

  .landing-page .\!container {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    max-width: 960px;
  }

   {
     {
      padding-left: 35px;
      padding-right: 35px;
    }
     {
      padding-top: 0.75rem;
      padding-bottom: 0.75rem;
    }
    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }
     {
      width: 100%;
    }
     {
      top: -2%;
    }
     {
      right: 2%;
    }
     {
      left: 0.625rem;
    }
     {
      bottom: -1.25rem;
    }
     {
       {
        width: 90px;
      }
    }
    gap: 5px;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    padding-top: 30px;
    padding-bottom: 30px;
     {
      height: 30px;
    }
     {
      width: 30px;
    }
     {
      font-size: 25px;
    }
    min-width: 160px;
     {
      gap: 1.25rem;
    }
     {
       {
         {
           {
            max-width: 140px;
          }
           {
            font-size: 1.125rem;
            line-height: 1.75rem;
          }
           {
            width: 220px;
          }
        }
      }
    }
    height: 130px;
    font-size: 110px;
    line-height: 140px;
     {
      height: 35px;
    }
    > .\!container {
      max-width: 100%;
    }
     {
      position: absolute;
    }
     {
      top: 90px;
    }
     {
      z-index: 111;
    }
     {
      width: calc(100% - 30px);
    }
     {
      border-radius: 5px;
    }
     {
      --tw-bg-opacity: 1;
      background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    }
     {
      background-color: rgba(var(--white),1);
    }
     {
      padding: 15px;
    }
     {
      --tw-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15);
      --tw-shadow-colored: 0 0.5rem 1rem var(--tw-shadow-color);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
     {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
     {
      padding-left: 0px;
      padding-right: 0px;
    }
     {
      padding-top: 60px;
      padding-bottom: 60px;
    }
     {
       {
        font-size: 1rem;
        line-height: 1.5rem;
      }
    }
     {
       {
        background-color: rgba(var(--white),1);
      }
       {
         {
           {
            margin-top: 5px;
          }
           {
            color: rgba(var(--theme-default),1);
          }
        }
      }
       {
         {
           {
             {
              color: rgba(var(--black),1);
            }
          }
        }
      }
    }
     {
       {
        font-size: 28px;
      }
    }
  }
}

@media (max-width: 767px) {
  .landing-page {
    .container {
      max-width: 540px !important;
    }
    .container {
      padding-left: 15px;
      padding-right: 15px;
    }
  }

  .build-section {
    .landing-title {
      .title-img {
        width: 5rem;
      }
    }
    .rotate-title {
      width: 42%;
    }
    .build-image {
      @media (max-width: 575px) {
         {
           {
             {
              > img {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > img {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              > img {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > img {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      img {
        width: 100%;
      }
    }
  }

  .landing-home {
    .content {
      @media (max-width: 575px) {
         {
           {
             {
              > p {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > p {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              > p {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > p {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      p {
        width: 100%;
      }
    }
    .btn-grp {
      gap: 0.75rem;
    }
    .btn-grp {
      img {
        height: 22px;
      }
    }
  }

  .customer-wrap {
    margin: -0.75rem;
    > div {
      padding: 1rem !important;
    }
    > div {
      padding: 0.75rem;
    }
  }

  .document-section .document-box {
    gap: 0.875rem;
  }

  .app-section {
    .wavy-gif {
      top: 30px;
    }
    .wavy-gif {
      svg {
        width: 2.5rem;
      }
    }
  }

  .wavy-gif {
    top: 8%;
    img {
      width: 60px;
    }
  }

  .round-gif {
    top: -2%;
  }

  .landing-page .container {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    max-width: 720px;
  }

  .wavy-line-gif {
    top: 2.5rem;
  }

  .wavy-line-gif img {
    width: 120px;
  }

  .landing-page {
    .buy-btn {
      padding-left: 1.25rem;
      padding-right: 1.25rem;
    }
    .buy-btn {
      padding-top: 9px;
      padding-bottom: 9px;
    }
    .buy-btn {
      font-size: 0.875rem;
      line-height: 1.25rem;
    }
  }

  .landing-title {
    margin-bottom: 1.25rem !important;
  }

  .faq-section {
    .accordion {
      .accordion-item {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
      }
      .accordion-item {
        padding-top: 15px;
        padding-bottom: 15px;
      }
    }
  }

  .pricing-box {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .license-list {
    gap: 0.625rem;
  }

  .component-hover-effect {
    min-height: 68px;
    padding: 13px;
  }

  .purchase-btn {
    min-width: 140px;
    padding-left: 17px;
    padding-right: 17px;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    font-size: 1rem;
    line-height: 1.5rem;
  }

  footer {
    .license-list {
      gap: 15px;
    }
    .feature-content {
      ul {
        gap: 15px;
      }
      ul {
        li {
          h4 {
            max-width: 116px;
          }
          h4 {
            font-size: 1rem;
            line-height: 1.5rem;
          }
          img {
            margin-top: -25px;
          }
          img {
            width: 10rem;
          }
        }
      }
    }
  }

  .page-wrapper,
    .landing-page {
    .cuba-demo-content {
      margin-bottom: 30px;
    }
  }

  .big-title {
    font-size: 80px;
    line-height: 100px;
  }

  .text-marqee {
    height: 95px;
  }

  .landing-page .sticky-header header.sticky .navbar-nav .nav-item .nav-link {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  header.sticky {
    .navbar-expand-xl {
      .navbar-collapse {
        top: 45px;
      }
    }
  }

   {
    .\!container {
      max-width: 540px !important;
    }
    .\!container {
      padding-left: 15px;
      padding-right: 15px;
    }
     {
       {
        width: 5rem;
      }
    }
     {
      width: 42%;
    }
     {
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
       {
        width: 100%;
      }
    }
     {
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
       {
        width: 100%;
      }
    }
     {
      gap: 0.75rem;
    }
     {
       {
        height: 22px;
      }
    }
    margin: -0.75rem;
     {
      padding: 1rem !important;
    }
     {
      padding: 0.75rem;
    }
    gap: 0.875rem;
     {
      top: 30px;
    }
     {
       {
        width: 2.5rem;
      }
    }
     {
      width: 60px;
    }
    top: -2%
  }

  .landing-page .\!container {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    max-width: 720px;
  }

   {
     {
      padding-left: 1.25rem;
      padding-right: 1.25rem;
    }
     {
      padding-top: 9px;
      padding-bottom: 9px;
    }
     {
      font-size: 0.875rem;
      line-height: 1.25rem;
    }
     {
       {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
      }
       {
        padding-top: 15px;
        padding-bottom: 15px;
      }
    }
     {
      gap: 15px;
    }
     {
       {
        gap: 15px;
      }
       {
         {
           {
            max-width: 116px;
          }
           {
            font-size: 1rem;
            line-height: 1.5rem;
          }
           {
            margin-top: -25px;
          }
           {
            width: 10rem;
          }
        }
      }
    }
     {
      margin-bottom: 30px;
    }
     {
       {
        top: 45px;
      }
    }
     {
      max-width: 540px !important;
    }
     {
      padding-left: 15px;
      padding-right: 15px;
    }
     {
       {
        width: 5rem;
      }
    }
     {
      width: 42%;
    }
     {
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
       {
        width: 100%;
      }
    }
    .\!content {
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
       {
        width: 100%;
      }
    }
     {
      gap: 0.75rem;
    }
     {
       {
        height: 22px;
      }
    }
     {
      padding: 1rem !important;
    }
     {
      padding: 0.75rem;
    }
     {
      top: 30px;
    }
     {
       {
        width: 2.5rem;
      }
    }
     {
      width: 60px;
    }
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    max-width: 720px;
    top: 2.5rem;
    width: 120px;
     {
      padding-left: 1.25rem;
      padding-right: 1.25rem;
    }
     {
      padding-top: 9px;
      padding-bottom: 9px;
    }
     {
      font-size: 0.875rem;
      line-height: 1.25rem;
    }
    margin-bottom: 1.25rem !important;
     {
       {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
      }
       {
        padding-top: 15px;
        padding-bottom: 15px;
      }
    }
    min-height: 68px;
    padding: 13px;
    min-width: 140px;
    padding-left: 17px;
    padding-right: 17px;
     {
      gap: 15px;
    }
     {
       {
        gap: 15px;
      }
       {
         {
           {
            max-width: 116px;
          }
           {
            font-size: 1rem;
            line-height: 1.5rem;
          }
           {
            margin-top: -25px;
          }
           {
            width: 10rem;
          }
        }
      }
    }
     {
      margin-bottom: 30px;
    }
    font-size: 80px;
    line-height: 100px;
    height: 95px;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
     {
       {
        top: 45px;
      }
    }
    .\!container {
      max-width: 540px !important;
    }
    .\!container {
      padding-left: 15px;
      padding-right: 15px;
    }
     {
       {
        width: 5rem;
      }
    }
     {
      width: 42%;
    }
     {
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
       {
        width: 100%;
      }
    }
     {
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
       {
        width: 100%;
      }
    }
     {
      gap: 0.75rem;
    }
     {
       {
        height: 22px;
      }
    }
    margin: -0.75rem;
     {
      padding: 1rem !important;
    }
     {
      padding: 0.75rem;
    }
    gap: 0.875rem;
     {
      top: 30px;
    }
     {
       {
        width: 2.5rem;
      }
    }
     {
      width: 60px;
    }
    top: -2%;
  }

  .landing-page .\!container {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    max-width: 720px;
  }

   {
    top: 2.5rem;
    width: 120px;
     {
      padding-left: 1.25rem;
      padding-right: 1.25rem;
    }
     {
      padding-top: 9px;
      padding-bottom: 9px;
    }
     {
      font-size: 0.875rem;
      line-height: 1.25rem;
    }
    margin-bottom: 1.25rem !important;
     {
       {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
      }
       {
        padding-top: 15px;
        padding-bottom: 15px;
      }
    }
    gap: 0.625rem;
    min-height: 68px;
    padding: 13px;
    min-width: 140px;
    padding-left: 17px;
    padding-right: 17px;
     {
      gap: 15px;
    }
     {
       {
        gap: 15px;
      }
       {
         {
           {
            max-width: 116px;
          }
           {
            font-size: 1rem;
            line-height: 1.5rem;
          }
           {
            margin-top: -25px;
          }
           {
            width: 10rem;
          }
        }
      }
    }
     {
      margin-bottom: 30px;
    }
    font-size: 80px;
    line-height: 100px;
    height: 95px;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
     {
       {
        top: 45px;
      }
    }
  }
}

@media (max-width: 575px) {
  .build-section {
    .landing-title {
      img {
        display: none !important;
      }
      h4 {
        display: none !important;
      }
    }
  }

  .ptb50 {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .landing-home {
    .content {
      margin-top: 100px;
    }
    .btn-grp {
      flex-wrap: wrap;
    }
    .btn-grp {
      gap: 0.625rem;
    }
    .btn-grp {
      img {
        height: 1.25rem;
      }
    }
    .content-title {
      .arrow-decore {
        left: -61px !important;
      }
      .arrow-decore {
        top: -0.25rem !important;
      }
      .arrow-decore {
        width: 60px !important;
      }
    }
  }

  .framework-box {
    .frame-icon {
      height: 52px;
    }
    .frame-icon {
      min-width: 52px;
    }
    .frame-icon {
      img {
        height: 25px;
      }
      img {
        width: 25px;
      }
    }
    &:hover {
      --tw-scale-x: 1.05;
      --tw-scale-y: 1.05;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    &:hover {
      transition-property: all;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }
    &:hover {
      transition-duration: 0.5s;
    }
  }

  .frame-tab.nav {
    display: inline-flex;
    background-color: transparent;
  }

  .customer-box {
    --tw-shadow: 12px 12px 12px rgba(119,119,119,0.25);
    --tw-shadow-colored: 12px 12px 12px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .document-section .document-box {
    gap: 0.625rem;
    padding: 15px;
  }

  .feature-section {
    .round-gif {
      top: -2%;
    }
    .round-gif {
      img {
        height: 70px;
      }
      img {
        width: 70px;
      }
    }
  }

  .framework-section {
    .wavy-gif {
      bottom: 0px;
    }
  }

  .loader-line-gif {
    img {
      width: 5rem;
    }
  }

  .loader-gif {
    top: 28%;
  }

  .wavy-line-gif {
    top: 0.625rem;
    img {
      width: 90px;
    }
  }

  .landing-page .container {
    margin: 0px !important;
    max-width: -moz-fit-content !important;
    max-width: fit-content !important;
  }

  .loader-1 {
    height: 2.5rem;
    width: 2.5rem;
    &::after,
      &::before {
      height: 2.5rem;
    }
    &::after,
      &::before {
      width: 2.5rem;
    }
  }

  .line-gif {
    top: -30px;
    left: 7%;
    img {
      height: 60px;
    }
    img {
      width: 60px;
    }
  }

  .wavy-gif {
    svg {
      width: 30px;
    }
    img {
      width: 2.5rem;
    }
  }

  .pricing-section {
    .loader-gif {
      .loader-1 {
        height: 2.5rem;
      }
      .loader-1 {
        width: 2.5rem;
      }
      .loader-1 {
        &::after,
          &::before {
          height: 2.5rem;
        }
        &::after,
          &::before {
          width: 2.5rem;
        }
      }
    }
  }

  .pricing-box {
    h4 {
      margin-bottom: 15px;
    }
  }

  .license-list {
    li {
      img {
        height: 18px;
      }
      img {
        width: 18px;
      }
    }
  }

  .feature-box {
    padding: 1.25rem;
  }

  .benefit-box {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .footer-bg {
    background-position: center;
  }

  footer {
    .license-list {
      flex-wrap: wrap;
    }
    ul {
      flex-wrap: wrap;
    }
    ul {
      gap: 0.625rem;
    }
    ul {
      li {
        h4 {
          max-width: 105px;
        }
        h4 {
          font-size: 0.875rem;
          line-height: 1.25rem;
        }
        img {
          width: 140px;
        }
      }
    }
    .sub-footer {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
    .sub-footer {
      padding-left: 0px;
      padding-right: 0px;
    }
    .sub-footer {
      padding-top: 0.75rem;
      padding-bottom: 0.75rem;
    }
  }

  .fluid-space {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .text-marqee {
    height: 65px;
  }

  .big-title {
    font-size: 50px;
    line-height: 60px;
  }

  .landing-page {
    .navbar-expand-xl {
      .navbar-collapse {
        top: 2.5rem;
      }
    }
  }

  .landing-home .sticky-header header .nav-padding {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .page-wrapper,
    .landing-page {
    .cuba-demo-content {
      margin-bottom: 1.25rem;
    }
    .section-space {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
    .section-space {
      overflow: hidden;
    }
    .section-space {
      padding-left: 0px;
      padding-right: 0px;
    }
    .section-space {
      padding-top: 2.5rem;
      padding-bottom: 2.5rem;
    }
  }

  .landing-main {
    h4 {
      font-size: 17px;
    }
    .footer-bg {
      h2 {
        font-size: 21px;
      }
    }
  }

   {
     {
       {
        display: none !important;
      }
       {
        display: none !important;
      }
    }
    .\!content {
      margin-top: 100px;
    }
     {
      flex-wrap: wrap;
    }
     {
      gap: 0.625rem;
    }
     {
       {
        height: 1.25rem;
      }
    }
     {
       {
        left: -61px !important;
      }
       {
        top: -0.25rem !important;
      }
       {
        width: 60px !important;
      }
    }
     {
      height: 52px;
    }
     {
      min-width: 52px;
    }
     {
       {
        height: 25px;
      }
       {
        width: 25px;
      }
    }
     {
      --tw-scale-x: 1.05;
      --tw-scale-y: 1.05;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
     {
      transition-property: all;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }
     {
      transition-duration: 0.5s;
    }
     {
      top: -2%;
    }
     {
       {
        height: 70px;
      }
       {
        width: 70px;
      }
    }
     {
      bottom: 0px;
    }
     {
      width: 5rem;
    }
     {
      width: 90px;
    }
    margin: 0px !important;
    max-width: -moz-fit-content !important;
    max-width: fit-content !important;
    height: 2.5rem;
    width: 2.5rem;
     {
      height: 2.5rem;
    }
     {
      width: 2.5rem;
    }
    top: -30px;
    left: 7%;
     {
      height: 60px;
    }
     {
      width: 60px;
    }
     {
      width: 30px;
    }
     {
      width: 2.5rem;
    }
     {
       {
        height: 2.5rem;
      }
       {
        width: 2.5rem;
      }
       {
         {
          height: 2.5rem;
        }
         {
          width: 2.5rem;
        }
      }
    }
     {
      margin-bottom: 15px;
    }
     {
       {
        height: 18px;
      }
       {
        width: 18px;
      }
    }
    padding: 1.25rem;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    background-position: center;
     {
      flex-wrap: wrap;
    }
     {
      flex-wrap: wrap;
    }
     {
      gap: 0.625rem;
    }
     {
       {
         {
          max-width: 105px;
        }
         {
          font-size: 0.875rem;
          line-height: 1.25rem;
        }
         {
          width: 140px;
        }
      }
    }
     {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
     {
      padding-left: 0px;
      padding-right: 0px;
    }
     {
      padding-top: 0.75rem;
      padding-bottom: 0.75rem;
    }
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    height: 65px;
    font-size: 50px;
    line-height: 60px;
     {
       {
        top: 2.5rem;
      }
    }
     {
      margin-bottom: 1.25rem;
    }
     {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
     {
      overflow: hidden;
    }
     {
      padding-left: 0px;
      padding-right: 0px;
    }
     {
      padding-top: 2.5rem;
      padding-bottom: 2.5rem;
    }
     {
      font-size: 17px;
    }
     {
       {
        font-size: 21px;
      }
    }
     {
       {
        display: none !important;
      }
       {
        display: none !important;
      }
    }
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 50px;
    padding-bottom: 50px;
     {
      margin-top: 100px;
    }
     {
      flex-wrap: wrap;
    }
     {
      gap: 0.625rem;
    }
     {
       {
        height: 1.25rem;
      }
    }
     {
       {
        left: -61px !important;
      }
       {
        top: -0.25rem !important;
      }
       {
        width: 60px !important;
      }
    }
     {
      height: 52px;
    }
     {
      min-width: 52px;
    }
     {
       {
        height: 25px;
      }
       {
        width: 25px;
      }
    }
     {
      --tw-scale-x: 1.05;
      --tw-scale-y: 1.05;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
     {
      transition-property: all;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }
     {
      transition-duration: 0.5s;
    }
    display: inline-flex;
    background-color: transparent;
    --tw-shadow: 12px 12px 12px rgba(119,119,119,0.25);
    --tw-shadow-colored: 12px 12px 12px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    gap: 0.625rem;
    padding: 15px;
     {
      top: -2%;
    }
     {
       {
        height: 70px;
      }
       {
        width: 70px;
      }
    }
     {
      bottom: 0px;
    }
     {
      width: 5rem;
    }
    top: 28%;
    top: 0.625rem;
     {
      width: 90px;
    }
  }

  .landing-page .\!container {
    margin: 0px !important;
    max-width: -moz-fit-content !important;
    max-width: fit-content !important;
  }

   {
    height: 2.5rem;
    width: 2.5rem;
     {
      height: 2.5rem;
    }
     {
      width: 2.5rem;
    }
    top: -30px;
    left: 7%;
     {
      height: 60px;
    }
     {
      width: 60px;
    }
     {
      width: 30px;
    }
     {
      width: 2.5rem;
    }
     {
       {
        height: 2.5rem;
      }
       {
        width: 2.5rem;
      }
       {
         {
          height: 2.5rem;
        }
         {
          width: 2.5rem;
        }
      }
    }
     {
      margin-bottom: 15px;
    }
     {
       {
        height: 18px;
      }
       {
        width: 18px;
      }
    }
    padding: 1.25rem;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    background-position: center;
     {
      flex-wrap: wrap;
    }
     {
      flex-wrap: wrap;
    }
     {
      gap: 0.625rem;
    }
     {
       {
         {
          max-width: 105px;
        }
         {
          font-size: 0.875rem;
          line-height: 1.25rem;
        }
         {
          width: 140px;
        }
      }
    }
     {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
     {
      padding-left: 0px;
      padding-right: 0px;
    }
     {
      padding-top: 0.75rem;
      padding-bottom: 0.75rem;
    }
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    height: 65px;
    font-size: 50px;
    line-height: 60px;
     {
       {
        top: 2.5rem;
      }
    }
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 15px;
    padding-bottom: 15px;
     {
      margin-bottom: 1.25rem;
    }
     {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
     {
      overflow: hidden;
    }
     {
      padding-left: 0px;
      padding-right: 0px;
    }
     {
      padding-top: 2.5rem;
      padding-bottom: 2.5rem;
    }
     {
      font-size: 17px;
    }
     {
       {
        font-size: 21px;
      }
    }
  }
}

@media (max-width: 480px) {
  .sticky-header header.sticky {
    height: 3.5rem;
  }

  header.sticky {
    .navbar-expand-xl {
      .navbar-collapse {
        top: 2.25rem;
      }
    }
  }

  .landing-home {
    .sticky-header header .nav-padding {
      padding: 15px;
    }
    .navbar-toggler {
      padding: 0 !important;
    }
    .navbar-toggler {
      border-color: none;
    }
    .navbar-toggler {
      background-color: transparent;
    }
    .navbar-toggler {
      padding: 0px;
    }
    .navbar-brand img {
      height: 25px;
    }
  }
}

@media (max-width: 360px) {
  .landing-title {
    margin-bottom: 30px !important;
  }
}

html[dir="rtl"] {
  ul {
    padding-right: 0px;
  }
  .dt-buttons {
    .dt-button {
      &:first-child {
        border-radius: 0 6px 6px 0 !important;
      }
      &:last-child {
        border-radius: 6px 0 0 6px !important;
      }
      + .dt-button {
        border-right-width: 0px;
      }
      + .dt-button {
        border-left-width: 1px;
      }
      + .dt-button {
        border-style: solid;
      }
      + .dt-button {
        border-left-color: rgba(var(--primary-color),1);
      }
    }
  }
  dl {
    dd {
      margin-left: unset;
    }
    dd {
      margin-right: 0px;
    }
  }
  .contacts-tabs {
    .tab-links {
      border-right-width: 0px;
    }
    .tab-links {
      border-left-width: 1px;
    }
    .tab-links {
      border-style: solid;
    }
    .tab-links {
      border-left-color: rgba(var(--light-color),1);
    }
  }
  .\!rounded-l-none {
    border-top-right-radius: 0px !important;
  }
  .\!rounded-l-none {
    border-bottom-right-radius: 0px !important;
  }
  .\!rounded-l-none {
    border-top-left-radius: 0.5rem !important;
    border-bottom-left-radius: 0.5rem !important;
  }
  .\!rounded-l-none {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
  }
  .subscribed-user-wrapper {
    .recent-table {
      .dt-container {
        .dt-layout-row {
          .dt-layout-cell {
            .dt-buttons {
              .dt-button {
                &:first-child {
                  border-left-width: 0px !important;
                }
                + .dt-button {
                  &:last-child {
                    border-left-width: 1px !important;
                  }
                  &:last-child {
                    border-style: solid;
                  }
                  &:last-child {
                    border-color: rgba(var(--theme-default),1);
                  }
                }
              }
            }
          }
        }
      }
    }
  }
  .contacts-tabs {
    .tab-links {
      .tab-link {
        &.active {
          > div {
            border-left-width: 0px;
          }
          > div {
            border-right-width: 2px;
          }
          > div {
            border-color: rgba(var(--theme-default),1);
          }
        }
      }
    }
  }
  .login-card {
    .btn-showcase {
      .btn {
        & + .btn {
          margin-left: unset;
        }
        & + .btn {
          margin-right: 0.5rem;
        }
      }
    }
    .login-main {
      .theme-form {
        .or {
          &:before {
            left: 0px;
          }
          &:before {
            right: unset;
          }
        }
        .link {
          left: 0px;
        }
        .link {
          right: unset;
        }
      }
    }
  }
  .ms-auto {
    margin-left: unset;
  }
  .ms-auto {
    margin-right: auto;
  }
  .wizard-4 {
    .action-bar {
      left: 50px;
    }
    .action-bar {
      right: unset;
    }
    .step-container {
      div {
        &.content {
          text-align: right;
        }
        &.content {
          text-align: unset;
        }
      }
    }
    .msg-box {
      .close {
        margin-left: unset;
      }
      .close {
        margin-right: 0.625rem;
      }
    }
    ul {
      &.anchor {
        li {
          + li {
            a {
              padding-left: unset;
            }
            a {
              padding-right: 5rem;
            }
          }
          &:last-child {
            right: calc(9% + (12 - 9) * ((100vw - 1200px) / (1920 - 1200)));
          }
          &:last-child {
            left: unset;
          }
          h4 {
            left: unset;
          }
          h4 {
            right: 0px;
          }
        }
      }
    }
  }
  .crypto-form {
    div {
      select {
        &.form-select {
          padding: 6px;
        }
      }
    }
  }
  .basic-wizard {
    .stepper-horizontal {
      .step {
        &:first-child {
          padding-left: 1.5rem;
        }
        &:first-child {
          padding-right: 0px;
        }
        &:last-child {
          padding-left: 0px;
        }
        &:last-child {
          padding-right: 1.5rem;
        }
        .step-bar-left {
          left: unset;
        }
        .step-bar-left {
          right: 50%;
        }
        .step-bar-right {
          left: unset;
        }
        .step-bar-right {
          right: 50%;
        }
      }
    }
  }
  .horizontal-wizard-wrapper {
    .main-horizontal-header {
      .horizontal-options {
        a {
          .horizontal-wizard {
            .stroke-icon-wizard {
              i {
                margin-left: 0.625rem;
              }
              i {
                margin-right: unset;
              }
            }
          }
        }
      }
    }
  }
  .authentication-options {
    .radio-wrapper {
      li {
        .form-check-label {
          i {
            padding: 0 !important;
          }
          i {
            padding: 0px;
          }
        }
      }
    }
  }
  .shipping-form,
    .checkout-cart {
    .shipping-method {
      p {
        padding-left: unset;
      }
      p {
        padding-right: 25px;
      }
    }
    .proceed-next {
      padding-left: unset;
    }
    .proceed-next {
      padding-right: 0.5rem;
    }
    .proceed-prev {
      --tw-scale-x: 1;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    .proceed-prev {
      padding-left: unset;
    }
    .proceed-prev {
      padding-right: 0.5rem;
    }
  }
  .modal-padding-space {
    padding-left: 0;
  }
  .modal-padding-space {
    padding-right: 20px;
  }
  .avatar-upload {
    div {
      &:first-child {
        .avatar-edit {
          label {
            &::after {
              left: 0px;
            }
            &::after {
              right: 3px;
            }
          }
        }
      }
    }
  }
  .horizontal-login {
    .form-control {
      padding-left: 34px;
    }
    .form-control {
      padding-right: 0.75rem;
    }
    .show-pass {
      left: 1.25rem;
    }
    .show-pass {
      right: unset;
    }
    .show-pass {
      --tw-translate-x: -50%;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    .show-pass {
      --tw-translate-y: -50%;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    .was-validated {
      .form-control {
        &:valid {
          ~ .show-pass {
            left: 2.5rem;
          }
          ~ .show-pass {
            right: unset;
          }
        }
      }
    }
  }
  .datatable-init,
    .datatable-advance-wrapper,
    .datatable-api-wrapper,
    .data-source-wrapper,
    .autofill-data-tables,
    .support-ticket-table {
    .dt-container {
      &.dt-bootstrap5 {
        table {
          thead,
            tbody,
            tfoot {
            tr {
              th,
                td {
                text-align: right;
              }
            }
          }
        }
      }
    }
  }
  div {
    .table-avtar {
      margin-left: 0.625rem;
    }
    .table-avtar {
      margin-right: unset;
    }
    .action {
      .edit {
        margin-left: 5px;
      }
    }
  }
  .pricing-simple {
    .card-body {
      text-align: right;
    }
    .card-body {
      h4 {
        &:before {
          left: unset;
        }
        &:before {
          right: 0px;
        }
      }
    }
    .pricing-content {
      li {
        text-align: right;
      }
      li {
        i {
          padding-left: 0.5rem;
        }
        i {
          padding-right: unset;
        }
      }
    }
  }
  .button-wrapper {
    .btn-group {
      &.select-checkbox {
        label {
          &:nth-child(4) {
            border-left-width: 0px;
          }
          &:nth-child(4) {
            border-right-width: 0px;
          }
        }
      }
    }
  }
  .loader-buttons {
    button {
      i {
        margin-left: unset;
      }
      i {
        margin-right: 0.5rem;
      }
    }
  }
  .pricingtable {
    &:before,
      &:after {
      left: -213px;
    }
    &:before,
      &:after {
      right: unset;
    }
    &:after {
      left: auto;
    }
    &:after {
      right: -10rem;
    }
    .price-value {
      .duration {
        margin-top: 0px;
        margin-bottom: 0px;
      }
      .duration {
        margin-right: -5px;
      }
      .duration {
        margin-left: 0px;
      }
    }
    .pricing-content {
      li {
        padding-left: unset;
      }
      li {
        padding-right: 30px;
      }
      li {
        text-align: right;
      }
      li::before {
        content: var(--tw-content);
        left: unset;
      }
      li::before {
        content: var(--tw-content);
        right: 0px;
      }
    }
  }
  .filter-block {
    ul {
      li {
        margin-left: unset;
      }
      li {
        margin-right: 1.25rem;
      }
    }
  }
  .product-social {
    li {
      &:nth-child(n + 2) {
        margin-left: unset;
      }
      &:nth-child(n + 2) {
        margin-right: 0.625rem;
      }
    }
  }
  .browse {
    .browse-articles {
      span {
        &:nth-child(2) {
          padding-left: unset;
        }
        &:nth-child(2) {
          padding-right: 1.25rem;
        }
        svg {
          left: unset;
        }
        svg {
          right: 0px;
        }
      }
      h6 {
        padding-left: unset;
      }
      h6 {
        padding-right: 30px;
      }
      h6 {
        span {
          svg {
            left: unset;
          }
          svg {
            right: 7px;
          }
        }
      }
    }
  }
  .flag-icons,
    .feather-icons {
    div {
      .flag-name {
        h5 {
          margin-left: 4px;
        }
        h5 {
          margin-right: 0;
        }
        h5 {
          margin-bottom: 0;
        }
      }
    }
  }
  .blog-box {
    .blog-details {
      .blog-social {
        li {
          + li {
            padding-left: 1.25rem;
          }
          + li {
            padding-right: unset;
          }
          &:first-child {
            border-right-width: 0px;
          }
          &:first-child {
            border-left-width: 1px;
          }
          &:first-child {
            border-style: solid;
          }
          &:first-child {
            border-left-color: rgba(var(--dark-gray),1);
          }
          &:first-child {
            padding-left: 1.25rem;
          }
          &:first-child {
            padding-right: unset;
          }
          & + li {
            margin-left: unset;
          }
          & + li {
            margin-right: 1.25rem;
          }
          & + li {
            padding-left: 0px;
          }
        }
      }
    }
    .blog-details-main {
      .blog-social {
        li {
          border-right-width: 0px;
        }
        li {
          border-left-width: 1px;
        }
        li {
          border-style: dashed;
        }
        li:last-child {
          border-left-width: 0px;
        }
        li:last-child {
          border-right-width: 0px;
        }
        li {
          i {
            padding-left: 5px;
          }
          i {
            padding-right: unset;
          }
        }
      }
    }
  }
  .comment-box {
    ul {
      ul {
        margin-right: calc( 90px + (135 - 90) * ((100vw - 320px) / (1920 - 320)) );
      }
      ul {
        margin-left: unset;
      }
    }
    .flex {
      img {
        margin-left: 1.25rem;
      }
      img {
        margin-right: unset;
      }
    }
    .comment-social {
      text-align: left;
    }
    .comment-social {
      li {
        padding-left: 0px;
      }
      li {
        padding-right: 1.25rem;
      }
      li:first-child {
        border-right-width: 0px;
      }
      li:first-child {
        border-left-width: 1px;
      }
      li:first-child {
        border-style: solid;
      }
      li:first-child {
        border-left-color: rgba(var(--light-semi-gray),1);
      }
      li:first-child {
        padding-left: 1.25rem;
      }
      li:first-child {
        padding-right: 0px;
      }
    }
  }
  .add-post {
    .select2-container--default {
      .select2-selection--multiple {
        .select2-selection__choice {
          .select2-selection__choice__remove {
            float: left;
          }
          .select2-selection__choice__remove {
            margin-left: unset;
          }
          .select2-selection__choice__remove {
            margin-right: 0.5rem;
          }
        }
      }
    }
  }
  .tagify--select {
    &::after {
      left: 0px;
    }
    &::after {
      right: unset;
    }
    &::after {
      --tw-translate-x: 150%;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    &::after {
      --tw-translate-y: -50%;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    &::after {
      --tw-rotate: 90deg;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    &::after {
      --tw-scale-x: 1.2;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    .tagify__tag {
      left: 1.8em;
    }
    .tagify__tag {
      right: unset;
    }
  }
  .tagify--select[aria-expanded="true"] {
    &::after {
      --tw-translate-x: 150%;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    &::after {
      --tw-translate-y: -50%;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    &::after {
      --tw-rotate: 270deg;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    &::after {
      --tw-scale-x: 1.2;
      --tw-scale-y: 1.2;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
  }
  .selected-box {
    &::after {
      left: 0.625rem;
    }
    &::after {
      right: unset;
    }
  }
  .email-main-wrapper {
    .email-app-sidebar {
      .tab-links {
        li {
          ul {
            li {
              a {
                svg {
                  --tw-scale-x: -1;
                  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                }
              }
            }
          }
        }
        .tab-link {
          &.active,
            &:active {
            &::after {
              left: 0px;
            }
            &::after {
              right: unset;
            }
            &::after {
              border-radius: 0 100px 100px 0;
            }
          }
        }
      }
      .emailbox {
        &.btn {
          i {
            padding-left: 0.75rem;
          }
          i {
            padding-right: unset;
          }
        }
      }
    }
  }
  .email-body {
    .mail-header-wrapper {
      .mail-body {
        .mail-search {
          i {
            left: unset;
          }
          i {
            right: 1.25rem;
          }
          i {
            --tw-translate-x: 50%;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          }
          i {
            --tw-translate-y: -50%;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          }
        }
      }
    }
    .light-square {
      .dropdown-menu {
        .dropdown-item {
          i {
            padding-left: 0.75rem;
          }
          i {
            padding-right: 0px;
          }
        }
      }
    }
  }
  .compose-modal {
    form {
      .add-bcc {
        left: 1rem;
      }
      .add-bcc {
        right: unset;
      }
    }
  }
  .mail-header-wrapper {
    .mail-header1 {
      .btn-email {
        --tw-scale-x: -1;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      }
    }
  }
  .mail-body-wrapper {
    .user-mail-wrapper {
      .user-title {
        > div {
          .onhover-dropdown {
            &:hover {
              .onhover-show-div {
                left: unset;
              }
              .onhover-show-div {
                right: 0px;
              }
            }
          }
        }
      }
      .send-btn {
        i {
          margin-left: 0px;
        }
        i {
          margin-right: 0.5rem;
        }
      }
    }
  }
  .toolbar-box {
    .ql-editor {
      text-align: right;
    }
  }
  #editor,
    #editor1 {
    .ql-editing {
      left: 0px;
    }
    .ql-editing {
      right: 60.375px;
    }
    .ql-tooltip {
      left: 0px;
    }
    .ql-tooltip {
      right: 35.9688px;
    }
  }
  .mail-filters {
    margin-left: unset;
  }
  .mail-filters {
    margin-right: 18px;
  }
  .company-box {
    .company-name {
      .company-category {
        i {
          margin-left: 0.5rem;
        }
        i {
          margin-right: unset;
        }
        i {
          --tw-scale-x: 1;
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        }
      }
    }
  }
  .learning-filter {
    .md-sidebar {
      .card-body {
        .job-filter {
          .form-control {
            padding-left: 35px;
          }
          .form-control {
            padding-right: 0.75rem;
          }
        }
      }
    }
  }
  .customer-order-wrapper {
    .customer-order-report {
      .recent-table {
        table {
          thead,
            tbody {
            tr {
              th,
                td {
                .customer-group {
                  li {
                    + li {
                      margin-left: unset;
                    }
                    + li {
                      margin-right: -0.625rem;
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }
  .mega-inline {
    .card-gap {
      .radio {
        margin-left: unset;
      }
      .radio {
        margin-right: 3px;
      }
    }
  }
  .main-upgrade {
    .variation-box {
      .selection-box {
        input {
          left: unset;
        }
        input {
          right: 0px;
        }
      }
    }
  }
  .megaoptions-border-space-sm {
    .card {
      .radio {
        label {
          padding-left: unset;
        }
        label {
          padding-right: 18px;
        }
      }
    }
  }
  .switch-wrapper {
    .switch-box {
      margin-left: 1.25rem;
    }
    .switch-box {
      margin-right: unset;
    }
  }
  .search-page {
    .audio-wrapper {
      .slider-wrapper {
        &.arrow-round {
          .swiper-button-next {
            left: 1.25rem;
          }
          .swiper-button-next {
            right: unset;
          }
          .swiper-button-prev {
            left: calc(55px + (60 - 55) * ((100vw - 320px) / (1920 - 320)));
          }
          .swiper-button-prev {
            right: unset;
          }
        }
      }
    }
  }
  .bookmark-tabcontent {
    .details-bookmark {
      .bookmark-card {
        &.card {
          .favourite-icon {
            left: 15px;
          }
          .favourite-icon {
            right: unset;
          }
          .title-bookmark {
            .hover-block {
              ul {
                li {
                  + li {
                    margin-left: unset;
                  }
                  + li {
                    margin-right: 5px;
                  }
                }
              }
            }
          }
        }
      }
      &.list-bookmark {
        .bookmark-card {
          .details-website {
            .title-bookmark {
              .hover-block {
                left: 30px;
              }
              .hover-block {
                right: 0px;
              }
              .hover-block {
                text-align: left;
              }
            }
            &:hover {
              .title-bookmark {
                .hover-block {
                  animation: displayTransition 0s;
                }
                .hover-block {
                  opacity: 1;
                }
              }
            }
          }
          &.card {
            .title-bookmark {
              h6 {
                padding-left: 15px;
              }
              h6 {
                padding-right: unset;
              }
              h6::after {
                content: var(--tw-content);
                left: 0px;
              }
              h6::after {
                content: var(--tw-content);
                right: unset;
              }
              .content-general {
                p {
                  margin-left: 1.25rem;
                }
                p {
                  margin-right: unset;
                }
              }
            }
          }
        }
      }
    }
    .tab-content {
      .card {
        .card-header {
          ul {
            li + li {
              margin-left: unset;
            }
            li + li {
              margin-right: 5px;
            }
          }
        }
      }
      .tab-pane {
        > .card {
          --tw-shadow: 0 0 #0000;
          --tw-shadow-colored: 0 0 #0000;
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
        }
      }
    }
  }
  .email-wrap {
    .dropdown {
      .dropdown-toggle {
        text-align: right;
      }
      .dropdown-toggle::after {
        content: var(--tw-content);
        left: 0.625rem;
      }
      .dropdown-toggle::after {
        content: var(--tw-content);
        right: unset;
      }
    }
    .email-app-sidebar {
      .main-menu {
        > li {
          ul {
            li {
              margin-left: unset;
            }
            li {
              margin-right: 45px;
            }
            li {
              &:first-child {
                margin-left: unset;
              }
              &:first-child {
                margin-right: 0px;
              }
            }
          }
        }
      }
    }
    .email-right-aside {
      .email-body {
        .pr-0 {
          padding-left: 0px;
        }
        .pr-0 {
          padding-right: 0.75rem;
        }
        .pl-0 {
          padding-left: 0.75rem;
        }
        .pl-0 {
          padding-right: 0px;
        }
      }
    }
  }
  .default-according {
    &.style-1 {
      .social-network {
        button {
          i {
            margin-left: 0px;
          }
          i {
            margin-right: unset;
          }
        }
      }
    }
  }
  .social-app-profile1 {
    .social-app-profile {
      .gallery-with-description {
        .caption {
          ul {
            li {
              + li {
                border-left-width: 0px;
              }
              + li {
                border-right-width: 1px;
              }
              + li {
                border-style: solid;
              }
              + li {
                border-right-color: rgba(var(--light-gray),1);
              }
              span {
                margin-left: unset;
              }
              span {
                margin-right: 0.375rem;
              }
            }
          }
        }
      }
      .social-friends {
        .social-profile {
          .common-social-box {
            .edit-icon {
              left: calc(-2px + (0 - (-2)) * ((100vw - 320px) / (1920 - 320)));
            }
            .edit-icon {
              right: unset;
            }
          }
        }
      }
    }
  }
  .main-tasks {
    .common-task-table {
      .overflow-x-auto {
        table {
          thead,
            tbody {
            tr {
              th,
                td {
                ul {
                  li {
                    + li {
                      margin-left: unset;
                    }
                    + li {
                      margin-right: -0.75rem;
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }
  #right-history {
    left: -20rem;
  }
  #right-history {
    right: unset;
  }
  #right-history {
    &.show {
      left: 0px;
    }
    &.show {
      right: unset;
    }
  }
  .list-persons {
    .profile-mail {
      .profile-items {
        padding-left: 15px;
      }
      .profile-items {
        padding-right: unset;
      }
      .profile-items {
        .grow {
          h5 {
            span {
              + span {
                padding-left: unset;
              }
              + span {
                padding-right: 0.375rem;
              }
            }
          }
          ul {
            li {
              + li {
                margin-left: unset;
              }
              + li {
                margin-right: 5px;
              }
              + li {
                border-left-width: 0px;
              }
              + li {
                border-right-width: 2px;
              }
              + li {
                border-style: solid;
              }
              + li {
                border-right-color: rgba(var(--light-color),1);
              }
              + li {
                padding-left: unset;
              }
              + li {
                padding-right: 0.625rem;
              }
            }
          }
        }
      }
    }
  }
  .contact-tabs {
    .tab-links {
      .tab-link,
        .show {
        &.active,
          > .tab-link {
          .flex {
            border-left-width: 0px !important;
          }
          .flex {
            border-right-width: 2px !important;
          }
          .flex {
            border-style: solid !important;
          }
          .flex {
            border-right-color: rgba(var(--theme-default),1) !important;
          }
        }
      }
      .tab-link {
        .flex {
          border-left-width: 0px;
        }
        .flex {
          border-right-width: 2px;
        }
        .flex {
          border-style: solid;
        }
        .flex {
          border-right-color: var(--transparent-color);
        }
      }
    }
  }
  .sidebar-left-wrapper {
    border-right-width: 0px;
  }
  .sidebar-left-wrapper {
    border-left-width: 1px;
  }
  .sidebar-left-wrapper {
    border-style: solid;
  }
  .sidebar-left-wrapper {
    border-left-color: rgba(var(--recent-dashed-border),1);
  }
  .sidebar-left-wrapper {
    .sidebar-left-icons {
      .nav-item {
        &::before {
          left: unset;
        }
        &::before {
          right: 1.25rem;
        }
      }
    }
  }
  .left-sidebar-wrapper {
    border-radius: 0 10px 10px 0 !important;
  }
  .left-sidebar-wrapper {
    border-left-width: 0px;
  }
  .left-sidebar-wrapper {
    .left-sidebar-chat {
      .input-group {
        .input-group-text {
          margin-left: 1px;
        }
        .input-group-text {
          margin-right: unset;
        }
        .input-group-text {
          border-top-left-radius: 0px;
        }
        .input-group-text {
          border-top-right-radius: 0.375rem;
        }
        .input-group-text {
          border-bottom-right-radius: 0.375rem;
        }
        .input-group-text {
          border-bottom-left-radius: 0px;
        }
        .input-group-text {
          border-right-width: 0px;
        }
        .input-group-text {
          border-left-color: none;
        }
        .input-group-text {
          padding-left: 0px;
        }
        .input-group-text {
          padding-right: 0.75rem;
        }
        .form-control {
          border-radius: 0.25rem;
        }
        .form-control {
          border-right-width: 0px;
        }
      }
    }
    .advance-options {
      .chats-user {
        li {
          > div:not(.chat-time) {
            margin-left: unset;
          }
          > div:not(.chat-time) {
            margin-right: auto;
          }
        }
      }
    }
  }
  .active-profile {
    .status {
      left: -0.125rem;
    }
    .status {
      right: unset;
    }
  }
  .search-contacts {
    svg {
      left: unset;
    }
    svg {
      right: 0.625rem;
    }
    .mic-search {
      left: 0.625rem;
    }
    .mic-search {
      right: unset;
    }
  }
  .right-sidebar-chat {
    border-top-left-radius: 15px !important;
  }
  .right-sidebar-chat {
    border-top-right-radius: unset !important;
  }
  .right-sidebar-chat {
    border-bottom-right-radius: unset !important;
  }
  .right-sidebar-chat {
    border-bottom-left-radius: 15px !important;
  }
  .right-sidebar-chat {
    border-left-width: 2px;
  }
  .right-sidebar-chat {
    border-style: solid;
  }
  .right-sidebar-chat {
    border-left-color: rgba(var(--white),1);
  }
  .right-sidebar-title {
    .common-space {
      .chat-time-chat {
        &.group-chat {
          ul {
            li {
              + li {
                margin-left: unset;
              }
              + li {
                margin-right: -0.75rem;
              }
            }
          }
        }
      }
    }
  }
  .msg-img {
    margin-left: 0.625rem;
  }
  .msg-img {
    margin-right: unset;
  }
  .msg-info-name {
    margin-left: 0.625rem;
  }
  .msg-info-name {
    margin-right: unset;
  }
  .right-msg {
    .msg-img {
      margin-top: 0px;
      margin-bottom: 0px;
    }
    .msg-img {
      margin-left: 0px;
    }
    .msg-img {
      margin-right: 0.625rem;
    }
  }
  .msger-inputarea {
    border-radius: 0 0 0 15px;
  }
  .msger-inputarea {
    .dropdown-form {
      margin-left: 0.625rem;
    }
    .dropdown-form {
      margin-right: unset;
    }
    .dropdown-form {
      .chat-icon {
        left: unset !important;
      }
      .chat-icon {
        right: 0px !important;
      }
    }
    .msger-send-btn {
      i {
        --tw-scale-x: -1;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      }
    }
  }
  .msger-send-btn {
    margin-left: unset;
  }
  .msger-send-btn {
    margin-right: 0.625rem;
  }
  .role-permission-wrapper {
    .permission-form {
      ul {
        li {
          .form-check {
            .form-check-input {
              left: unset;
            }
            .form-check-input {
              right: 0.125rem;
            }
          }
        }
      }
    }
  }
  .dashboard-13 {
    .shipping-details {
      .simple-timeline {
        ul {
          li {
            .shipment-details {
              .line {
                left: unset;
              }
              .line {
                right: 7px;
              }
            }
          }
        }
      }
    }
    .delivery-chart {
      .balance-data {
        left: 60px;
      }
      .balance-data {
        right: unset;
      }
    }
    .country-option {
      ul {
        li {
          span {
            margin-left: 0.875rem;
          }
          span {
            margin-right: unset;
          }
        }
      }
    }
    .sales-order-chart {
      margin-left: unset;
    }
    .sales-order-chart {
      margin-right: -0.625rem;
    }
    @media (max-width: 991px) {
    }
    .profitable-country-chart {
      margin-left: -0.5rem;
    }
    .profitable-country-chart {
      margin-right: -1rem;
    }
    .profitable-country-chart {
      border-right-width: 0px !important;
    }
    .profitable-country-chart {
      border-left-width: 1px;
    }
    .profitable-country-chart {
      border-style: solid;
    }
    .profitable-country-chart {
      border-left-color: rgba(var(--chart-progress-light),1);
    }
    .profitable-country-chart {
      padding-left: 0.625rem;
    }
  }
  .theme-form input[type="text"],
    .theme-form input[type="email"],
    .theme-form input[type="search"],
    .theme-form input[type="password"],
    .theme-form input[type="number"],
    .theme-form input[type="tel"],
    .theme-form input[type="date"],
    .theme-form input[type="datetime-local"],
    .theme-form input[type="time"],
    .theme-form input[type="datetime-local"],
    .theme-form input[type="month"],
    .theme-form input[type="week"],
    .theme-form input[type="url"],
    .theme-form input[type="file"],
    .theme-form textarea,
    .theme-form select {
    direction: rtl;
  }
  .validation-forms {
    .input-group {
      .input-group-text {
        border-radius: 0 6px 6px 0;
      }
    }
  }
  input[type="file"] {
    &::file-selector-button {
      border-right-width: 0px;
    }
    &::file-selector-button {
      border-left-width: 1px;
    }
    &::file-selector-button {
      border-style: solid;
    }
    &::file-selector-button {
      border-left-color: rgba(var(--black),0.3);
    }
  }
  .slider-wrapper {
    direction: ltr;
  }
  .datatable-advance-wrapper,
    .datatable-api-wrapper,
    .autofill-data-tables {
    .dt-container {
      .dt-layout-row {
        .dt-layout-cell {
          .dt-paging {
            .dt-paging-button {
              &:first-child {
                border-radius: 0 6px 6px 0;
              }
              &:last-child {
                border-radius: 6px 0 0 6px;
              }
            }
          }
        }
      }
    }
  }
  .datatable-init {
    .dt-container {
      .dt-layout-row {
        .dt-layout-cell {
          .dt-length {
            left: unset;
          }
          .dt-length {
            right: 1.25rem;
          }
          .dt-search {
            left: -0.625rem;
          }
          .dt-search {
            right: unset;
          }
          .dt-search {
            .dt-search-0 {
              margin-left: 0.375rem;
            }
            .dt-search-0 {
              margin-right: unset;
            }
          }
        }
      }
    }
  }
  .html-expert-table {
    .dt-container {
      .dt-search {
        float: left;
      }
    }
  }
  .f-right {
    float: left;
  }
  .ps-1 {
    padding-left: unset;
  }
  .ps-1 {
    padding-right: 0.25rem;
  }
  .ps-2 {
    padding-left: unset;
  }
  .ps-2 {
    padding-right: 0.5rem;
  }
  .tap-top {
    left: 30px;
  }
  .tap-top {
    right: unset;
  }
  .card-wrapper {
    ol {
      padding-left: 2.5rem;
    }
    ol {
      padding-right: 2rem;
    }
  }
  .dashboard-8 {
    .input-group {
      flex-wrap: nowrap !important;
    }
    .input-group {
      .input-group-text {
        border-radius: 0 6px 6px 0;
      }
      .input-group-text {
        border-left-width: 0px;
      }
      .input-group-text {
        border-right-width: 1px;
      }
      .input-group-text {
        border-style: solid;
      }
      .input-group-text {
        border-right-color: rgba(var(--gray-60),0.6);
      }
      .form-control {
        border-radius: 6px 0 0 6px;
      }
    }
  }
  .default-dashboard,
    .dashboard-2,
    .dashboard-3,
    .dashboard-4,
    .dashboard-5,
    .dashboard-6,
    .dashboard-7,
    .dashboard-8,
    .dashboard-9,
    .dashboard-10,
    .dashboard-11,
    .dashboard-12,
    .dashboard-13 {
    .dropdown {
      .dropdown-toggle {
        &::after {
          margin-right: 0.5rem;
        }
      }
      .dropdown-menu {
        left: 0px;
      }
      .dropdown-menu {
        right: unset !important;
      }
    }
  }
  .papernote-wrap {
    .note-labels {
      ul {
        gap: 9px;
      }
    }
  }
  blockquote {
    border-right-width: 4px;
  }
  blockquote {
    border-left-width: 0px !important;
  }
  blockquote {
    border-style: solid;
  }
  blockquote {
    border-right-color: rgba(var(--theme-default),1);
  }
  .figure {
    &.text-end {
      blockquote {
        border-right-width: 0px !important;
      }
      blockquote {
        border-left-width: 4px !important;
      }
      blockquote {
        border-left-color: rgba(var(--theme-default),1);
      }
    }
  }
  .form-check-inline {
    margin-left: 1rem;
  }
  .form-check-inline {
    margin-right: unset;
  }
  .knowledgebase-search {
    .form-inline {
      svg {
        left: unset;
      }
      svg {
        right: 1.25rem;
      }
    }
  }
  .switch-showcase {
    .form-check {
      .form-check-input {
        float: left;
      }
    }
  }
  .alert {
    &.notify-alert {
      &.alert-theme {
        left: 1.25rem;
      }
      &.alert-theme {
        right: unset;
      }
    }
  }
  .pill-input-group span {
    &:last-child {
      border-top-left-radius: 1.3rem;
    }
    &:last-child {
      border-top-right-radius: unset;
    }
    &:last-child {
      border-bottom-right-radius: unset;
    }
    &:last-child {
      border-bottom-left-radius: 1.3rem;
    }
    &:first-child {
      border-top-left-radius: unset;
      border-top-right-radius: unset;
    }
    &:first-child {
      border-top-right-radius: 1.3rem;
    }
    &:first-child {
      border-bottom-right-radius: 1.3rem;
    }
  }
  .page-wrapper {
    &.compact-wrapper {
      .page-body-wrapper {
        .sidebar-wrapper {
          text-align: right;
        }
        .sidebar-wrapper:hover {
          --tw-translate-x: 0px;
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        }
        .sidebar-wrapper {
          .toggle-sidebar {
            left: 30px;
          }
          .toggle-sidebar {
            right: unset;
          }
          .sidebar-main {
            .sidebar-links {
              padding: 0 !important;
            }
            .sidebar-links {
              padding: 0px;
            }
            .sidebar-links {
              .simplebar-wrapper {
                .simplebar-mask {
                  .simplebar-content-wrapper {
                    .simplebar-content {
                      > li {
                        .badge {
                          left: 50px;
                        }
                        .badge {
                          right: unset !important;
                        }
                      }
                    }
                  }
                }
              }
            }
          }
          &.close_icon {
            margin-left: unset;
          }
          &.close_icon {
            margin-right: 0px;
          }
          &.close_icon {
            .logo-icon-wrapper {
              text-align: left;
            }
            ~ .page-body,
              ~ footer {
              margin-left: 0px;
            }
            ~ .page-body,
              ~ footer {
              margin-right: 5rem;
            }
            ~ .page-body,
              ~ footer {
              transition-property: 0.5s;
              transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
              transition-duration: 150ms;
            }
            .sidebar-main {
              .sidebar-links {
                .simplebar-wrapper {
                  .simplebar-mask {
                    .simplebar-content-wrapper {
                      .simplebar-content {
                        > li {
                          a {
                            svg {
                              margin-left: 0 !important;
                            }
                            svg {
                              margin-right: 0 !important;
                            }
                          }
                        }
                      }
                    }
                  }
                }
                .sidebar-list {
                  .sidebar-title {
                    &.active {
                      ~ .sidebar-submenu {
                        display: none;
                      }
                    }
                  }
                }
              }
            }
            .according-menu {
              display: none;
            }
            &:hover {
              .sidebar-main {
                .sidebar-links {
                  .simplebar-wrapper {
                    .simplebar-mask {
                      .simplebar-content-wrapper {
                        .simplebar-content {
                          > li {
                            a {
                              svg {
                                margin-left: 8px !important;
                              }
                            }
                          }
                        }
                      }
                    }
                  }
                }
              }
            }
          }
          &:hover {
            .sidebar-main {
              .sidebar-links {
                .sidebar-list {
                  .sidebar-title {
                    &.active {
                      ~ .sidebar-submenu {
                        display: block;
                      }
                      ~ .sidebar-submenu {
                        display: block;
                      }
                    }
                  }
                }
                .simplebar-wrapper {
                  .simplebar-mask {
                    .simplebar-content-wrapper {
                      .simplebar-content {
                        > li {
                          a {
                            svg {
                              float: none;
                            }
                          }
                        }
                      }
                    }
                  }
                }
              }
            }
            .according-menu {
              display: block;
            }
            .according-menu {
              display: block;
            }
          }
          .sidebar-main {
            .sidebar-links {
              .simplebar-wrapper {
                .simplebar-mask {
                  .simplebar-content-wrapper {
                    .simplebar-content {
                      > li {
                        .sidebar-submenu {
                          &:after {
                            left: unset;
                          }
                          &:after {
                            right: 30px;
                          }
                          > li {
                            a {
                              padding-left: 25px !important;
                            }
                            a {
                              padding-right: 45px !important;
                            }
                            a::after {
                              content: var(--tw-content);
                              left: unset;
                            }
                            a::after {
                              content: var(--tw-content);
                              right: 26px;
                            }
                          }
                        }
                        .sidebar-link {
                          &::after {
                            border-radius: 0px 5px 5px 0px;
                          }
                        }
                      }
                    }
                  }
                }
              }
            }
          }
        }
        .page-body {
          margin-left: unset;
        }
        .page-body {
          margin-right: 265px;
        }
        .sidebar-wrapper {
          .sidebar-main {
            .sidebar-links {
              .simplebar-wrapper {
                .simplebar-mask {
                  .simplebar-content-wrapper {
                    .simplebar-content {
                      > li {
                        a {
                          svg {
                            margin-left: 15px;
                          }
                          svg {
                            margin-right: unset;
                          }
                        }
                      }
                    }
                  }
                }
              }
            }
          }
        }
        .according-menu {
          left: 1.25rem;
        }
        .according-menu {
          right: unset;
        }
        .according-menu {
          i {
            --tw-scale-x: -1;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          }
        }
      }
    }
    &.only-body {
      .page-header {
        .header-wrapper {
          .nav-right {
            left: 60px;
          }
          .nav-right {
            right: unset;
          }
        }
      }
    }
  }
  .date-details {
    > div {
      + div {
        margin-left: unset;
      }
      + div {
        margin-right: 0.625rem;
      }
    }
  }
  .datepickers-container {
    .datepicker--nav {
      .datepicker--nav-action {
        svg {
          --tw-scale-x: -1;
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        }
      }
    }
  }
  .default-toasts {
    .toast-dark {
      .form-select {
        padding-top: 0.375rem;
        padding-bottom: 0.375rem;
      }
      .form-select {
        padding-left: 2.25rem;
      }
      .form-select {
        padding-right: 0.75rem;
      }
    }
  }
  .animated-toast {
    &.end-0 {
      left: 0px;
    }
    &.end-0 {
      right: unset;
    }
    &.end-0 {
      .toast-header {
        h6 {
          margin-left: auto;
        }
        h6 {
          margin-right: unset;
        }
      }
      .btn-close {
        margin-left: unset;
      }
      .btn-close {
        margin-right: 0.75rem;
      }
    }
  }
  .contact-editform {
    padding-right: 1.25rem;
  }
  .contact-editform {
    &.ps-0 {
      padding-left: 30px;
      padding-right: 30px;
    }
  }
  .contacts-tabs {
    .nav-pills {
      border-right-width: 0px;
    }
    .nav-pills {
      border-left-width: 1px;
    }
    .nav-pills {
      border-style: solid;
    }
    .nav-pills {
      border-left-color: rgba(var(--light-color),1);
    }
  }
  .list-persons {
    .profile-mail {
      .email-general {
        ul {
          padding-left: 1.25rem;
        }
        ul {
          padding-right: unset;
        }
      }
      .flex {
        .grow {
          ul {
            li {
              + li {
                margin-left: unset;
              }
              + li {
                margin-right: 5px;
              }
              + li {
                border-left-width: 0px;
              }
              + li {
                border-right-width: 1px;
              }
              + li {
                border-style: solid;
              }
              + li {
                border-right-color: rgba(var(--light-color),1);
              }
              + li {
                padding-left: unset;
              }
              + li {
                padding-right: 0.625rem;
              }
            }
          }
          .main-contact-option {
            li {
              + li {
                margin-left: unset;
              }
              + li {
                margin-right: 5px;
              }
              + li {
                border-left-width: 0px;
              }
              + li {
                border-right-width: 1px;
              }
              + li {
                border-style: solid;
              }
              + li {
                border-right-color: rgba(var(--gray-60),0.6);
              }
              + li {
                padding-left: 12px;
                padding-right: 12px;
              }
            }
          }
        }
      }
    }
  }
  .history-details {
    i {
      --tw-scale-x: -1;
      --tw-scale-y: -1;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
  }
  .form-floating {
    > label {
      left: unset;
    }
    > label {
      right: 12px;
    }
  }
  .file-content {
    .form-inline {
      i {
        padding-left: 0.625rem;
      }
      i {
        padding-right: unset;
      }
    }
  }
  .file-sidebar {
    .btn {
      svg {
        margin-left: 0.5rem;
      }
      svg {
        margin-right: unset;
      }
    }
  }
  .sidebar-panel-main {
    left: 30px;
  }
  .sidebar-panel-main {
    right: unset;
  }
  .setting-sidebar,
    .layout-sidebar {
    left: -400px;
  }
  .setting-sidebar,
    .layout-sidebar {
    right: unset;
  }
  .setting-sidebar,
    .layout-sidebar {
    &.open {
      left: 0px;
    }
    &.open {
      right: unset;
    }
    .customizer-header {
      p {
        i {
          margin-left: unset;
        }
        i {
          margin-right: 0.25rem;
        }
        i {
          --tw-scale-x: -1;
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        }
      }
    }
    .main-layout {
      > li {
        + li {
          margin-left: unset;
        }
        + li {
          margin-right: 7px;
        }
      }
    }
    .layout-grid {
      &:not(.customizer-color) {
        li > {
          .body {
            ul {
              .sidebar {
                margin-left: 3px;
              }
            }
          }
        }
      }
    }
    .sidebar-type,
      .sidebar-setting {
      > li {
        & + li {
          margin-left: unset;
        }
        & + li {
          margin-right: 7px;
        }
      }
    }
    .unlimited-color-layout {
      input {
        margin-left: 5px;
      }
      input {
        margin-right: unset;
      }
    }
    .customizer-body {
      .layout-link {
        li {
          a {
            i {
              margin-left: 0.375rem;
            }
            i {
              margin-right: unset;
            }
          }
        }
      }
    }
  }
  .customizer-links {
    left: 0px;
  }
  .customizer-links {
    right: unset;
  }
  .customizer-links {
    > .nav {
      padding-right: 0.625rem;
    }
    .nav-link {
      &:after {
        left: unset;
      }
      &:after {
        right: -0.625rem;
      }
      &:after {
        border-left-width: 0px;
      }
      &:after {
        border-color: 5px 5px 5px 0;
      }
      &:after {
        border-right-color: rgba(var(--primary-color),25%);
      }
      span {
        left: -60px;
      }
      span {
        right: unset;
      }
      &:hover {
        span {
          left: 3rem;
        }
      }
    }
    &.open {
      left: 330px;
    }
    &.open {
      right: unset;
    }
    &.open {
      border-radius: 0 8px 8px 0;
    }
  }
  .customizer-contain {
    left: -330px;
  }
  .customizer-contain {
    right: unset;
  }
  .customizer-contain {
    width: 330px;
  }
  .customizer-contain {
    &.open {
      left: 0px;
    }
    &.open {
      right: unset;
    }
    .customizer-header {
      .icon-close {
        left: unset;
      }
      .icon-close {
        right: 30px;
      }
    }
  }
  .modal {
    .modal-toggle-wrapper {
      .btn {
        svg {
          --tw-scale-x: -1;
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        }
      }
    }
  }
  .job-filter {
    .faq-form {
      .form-control {
        padding-top: 0.375rem;
        padding-bottom: 0.375rem;
      }
      .form-control {
        padding-left: 30px;
      }
      .form-control {
        padding-right: 0.375rem;
      }
    }
  }
  .create-project-form {
    .bootstrap-select {
      .filter-option {
        .filter-option-inner-inner {
          text-align: right;
        }
      }
      .dropdown-toggle {
        &::after {
          left: 0.625rem;
        }
        &::after {
          right: unset;
        }
      }
    }
  }
  [class*="title-line-"] {
    &::before {
      left: unset;
    }
    &::before {
      right: 0px;
    }
    &::before {
      border-radius: 10px 0px 0px 10px;
    }
  }
  .bootstrap-select {
    .dropdown-toggle {
      &::after {
        left: 0.625rem;
      }
      &::after {
        right: unset;
      }
    }
    .filter-option {
      float: right;
    }
    .filter-option {
      text-align: right;
    }
    .dropdown-menu {
      li {
        text-align: right;
      }
      .inner {
        li {
          a {
            .check-mark {
              left: 15px;
            }
            .check-mark {
              right: unset;
            }
            .text {
              margin-left: 34px;
            }
            .text {
              margin-right: unset;
            }
          }
        }
      }
    }
  }
  .projects-wrapper {
    [class*="title-line-"] {
      &::before {
        left: unset;
      }
      &::before {
        right: 0px;
      }
    }
    ul {
      li {
        + li {
          margin-left: unset;
        }
        + li {
          margin-right: -0.75rem;
        }
      }
    }
  }
  .project-tabs {
    .nav {
      i {
        margin-left: 0.625rem;
      }
      i {
        margin-right: unset;
      }
    }
    &.common-space {
      .nav-tabs {
        .nav-item {
          .nav-link {
            svg {
              margin-left: unset;
            }
            svg {
              margin-left: 5px;
            }
          }
        }
      }
    }
  }
  .project-timeline {
    .notification {
      ul {
        li {
          span {
            .activity-profile {
              margin-left: unset;
            }
            .activity-profile {
              margin-right: 0.625rem;
            }
            .activity-profile {
              border-left-width: 0px;
            }
            .activity-profile {
              border-right-width: 1px;
            }
            .activity-profile {
              border-style: solid;
            }
            .activity-profile {
              border-right-color: rgba(var(--badge-light-color),20%);
            }
            .activity-profile {
              padding-left: unset;
            }
            .activity-profile {
              padding-right: 0.625rem;
            }
            .activity-profile {
              img {
                margin-left: 0.375rem;
              }
              img {
                margin-right: unset;
              }
            }
          }
        }
      }
    }
  }
  .project-budget-wrapper {
    .form-check {
      &.form-switch {
        padding: 0 !important;
      }
      &.form-switch {
        padding: 0px;
      }
      .form-check-input {
        margin: 0px !important;
      }
      .form-check-input {
        margin: 0px;
      }
    }
  }
  .overall-budget {
    &.recent-table {
      table {
        thead,
          tbody {
          tr {
            th,
              td {
              &:first-child {
                padding-left: unset;
              }
              &:first-child {
                padding-right: 1.25rem;
              }
              &:last-child {
                padding-left: 1.25rem;
              }
              &:last-child {
                padding-right: unset;
              }
            }
          }
        }
      }
    }
  }
  .user-comment-wrapper {
    li {
      .grow {
        .btn {
          svg {
            --tw-scale-x: -1;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          }
        }
      }
      + li {
        margin-left: unset;
      }
      + li {
        margin-right: 46px;
      }
    }
  }
  .common-project-header {
    h6 {
      margin-right: -46px;
    }
    h6 {
      margin-left: unset;
    }
    .common-align {
      &:last-child {
        .common-align {
          li {
            svg {
              margin-left: 0.375rem;
            }
            svg {
              margin-right: unset;
            }
            &:first-child {
              padding-left: 15px;
            }
            &:first-child {
              padding-right: unset;
            }
            + li {
              border-left-width: 0px;
            }
            + li {
              border-right-width: 1px;
            }
            + li {
              border-style: solid;
            }
            + li {
              border-right-color: rgba(var(--badge-light-color),0.8);
            }
            + li {
              padding-left: unset;
            }
            + li {
              padding-right: 15px;
            }
          }
        }
      }
    }
  }
  .cmt-box {
    i {
      --tw-scale-x: -1;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
  }
  .project-pending-table {
    &.recent-table {
      table {
        thead,
          tbody {
          tr {
            th,
              td {
              &:first-child {
                padding-left: unset;
              }
              &:first-child {
                padding-right: 1.25rem;
              }
              &:last-child {
                padding-left: 1.25rem;
              }
              &:last-child {
                padding-right: unset;
              }
            }
          }
        }
      }
    }
  }
  .project-list {
    .btn {
      float: left;
    }
    .btn {
      margin-left: 5px;
    }
    .btn {
      margin-right: unset;
    }
    ul {
      li {
        svg {
          margin-left: 5px;
        }
        svg {
          margin-right: unset;
        }
      }
    }
  }
  .main-scope-project {
    .scope-bottom-wrapper {
      .sidebar-left-icons {
        .nav-item {
          &::before {
            left: unset;
          }
          &::before {
            right: 38px;
          }
          .tab-link {
            padding-top: 0.75rem;
            padding-bottom: 0.75rem;
          }
          .tab-link {
            padding-left: 0px;
          }
          .tab-link {
            padding-right: 0.5rem;
          }
          .tab-link {
            &.active {
              background: linear-gradient(-90deg, #7366ff -175.57%, rgba(115, 102, 255, 0) 65.16%) !important;
              .absolute-border {
                &::before {
                  left: unset;
                }
                &::before {
                  right: 0px;
                }
                &::after {
                  left: unset;
                }
                &::after {
                  right: -0.5rem;
                }
                &::after {
                  --tw-translate-x: 50%;
                  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                }
                &::after {
                  --tw-translate-y: -50%;
                  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                }
                &::after {
                  border-top-left-radius: 7px;
                }
                &::after {
                  border-top-right-radius: unset;
                }
                &::after {
                  border-bottom-right-radius: unset;
                }
                &::after {
                  border-bottom-left-radius: 7px;
                }
              }
            }
          }
        }
      }
    }
  }
  .form-select {
    background-position: left 0.75rem center;
  }
  .form-select {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
  }
  .form-select {
    padding-left: 2.25rem;
  }
  .form-select {
    padding-right: 0.75rem;
  }
  .customers {
    ul {
      li {
        + li {
          margin-right: -5%;
        }
        + li {
          margin-left: unset;
        }
      }
    }
  }
  .project-list {
    .border-tab {
      &.nav-tabs {
        .nav-item {
          .nav-link {
            padding-top: 5px;
            padding-bottom: 5px;
          }
          .nav-link {
            padding-left: 30px;
          }
          .nav-link {
            padding-right: 0px;
          }
        }
      }
    }
  }
  .project-box {
    .badge {
      left: 30px;
    }
    .badge {
      right: unset;
    }
  }
  .seller-details-wrapper {
    .accordion {
      .accordion-item {
        .accordion-button {
          &::after {
            margin-left: unset;
          }
          &::after {
            margin-right: auto;
          }
        }
      }
    }
  }
  .jkanban-container {
    .kanban-container {
      .kanban-board {
        footer {
          margin: 0px !important;
        }
        footer {
          margin: 0px;
        }
      }
    }
  }
  .kanban-board {
    float: right;
  }
  .kanban-item {
    .kanban-box {
      .customers {
        ul {
          li {
            + li {
              margin-left: unset;
            }
            + li {
              margin-right: -0.625rem;
            }
          }
        }
      }
    }
    .list {
      li {
        i {
          margin-left: 0.625rem;
        }
        i {
          margin-right: unset;
        }
      }
    }
  }
  .page-wrapper {
    &.horizontal-wrapper {
      .header-logo-wrapper {
        text-align: right;
      }
      .page-body-wrapper {
        .page-body {
          margin-right: 0px;
        }
        footer {
          margin-right: 0px;
        }
      }
    }
    &.material-type {
      .page-body-wrapper {
        .page-body {
          margin-right: auto;
        }
      }
    }
  }
  .page-header {
    .header-wrapper {
      .nav-right {
        > ul {
          > li {
            &:first-child {
              margin-right: 0px;
            }
          }
        }
        &.right-header {
          ul {
            li {
              .profile-media {
                .grow {
                  margin-left: unset;
                }
                .grow {
                  margin-right: 15px;
                }
              }
            }
          }
        }
      }
      .toggle-sidebar {
        margin-left: 0.125rem;
      }
      .toggle-sidebar {
        margin-right: unset;
      }
    }
  }
  .page-wrapper {
    .page-header {
      .header-wrapper {
        .nav-right {
          .notification-dropdown {
            left: -1.25rem;
          }
          .notification-dropdown {
            right: unset;
          }
        }
        .search-full {
          input {
            padding-left: unset;
          }
          input {
            padding-right: 60px;
          }
          input {
            text-align: right;
          }
          .form-group {
            &:before {
              left: unset;
            }
            &:before {
              right: 30px;
            }
            .close-search {
              left: 0px;
            }
            .close-search {
              right: unset;
            }
          }
        }
      }
    }
    &.compact-sidebar {
      .toggle-sidebar {
        margin-left: 15px;
      }
      .toggle-sidebar {
        margin-right: unset;
      }
      .page-header {
        margin-left: unset;
      }
      .page-header {
        margin-right: 150px;
      }
      .page-header {
        &.close_icon {
          margin-right: 0px;
        }
      }
      .page-body-wrapper {
        .page-body {
          margin-left: unset;
        }
        .page-body {
          margin-right: 150px;
        }
        .footer {
          margin-left: unset;
        }
        .footer {
          margin-right: 150px;
        }
        div {
          &.sidebar-wrapper {
            > div {
              text-align: right;
            }
            .sidebar-main {
              .sidebar-links {
                li {
                  > .sidebar-submenu {
                    li {
                      a {
                        padding-left: 15px;
                      }
                      a {
                        padding-right: 2.5rem;
                      }
                      a {
                        padding-top: 15px;
                      }
                      a {
                        padding-bottom: 150px;
                      }
                      .sidebar-submenu {
                        padding-left: unset;
                      }
                      .sidebar-submenu {
                        padding-right: 1.25rem;
                      }
                    }
                  }
                  a {
                    &.active {
                      ~ .sidebar-submenu {
                        animation: fadeInRight 1000ms ease-in-out;
                      }
                    }
                  }
                  .sidebar-submenu {
                    left: unset;
                  }
                  .sidebar-submenu {
                    right: 150px;
                  }
                  .sidebar-submenu {
                    li {
                      a {
                        padding-top: 15px;
                        padding-bottom: 15px;
                      }
                      a {
                        padding-left: 15px;
                      }
                      a {
                        padding-right: 2.5rem;
                      }
                      a {
                        .according-menu {
                          left: 1.25rem;
                        }
                        .according-menu {
                          right: unset;
                        }
                        .according-menu {
                          --tw-scale-x: -1;
                          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                        }
                      }
                    }
                    > li {
                      > a {
                        &::after {
                          left: unset;
                        }
                        &::after {
                          right: 1.25rem;
                        }
                      }
                    }
                  }
                }
                .sidebar-list {
                  .badge {
                    left: unset;
                  }
                  .badge {
                    right: 53%;
                  }
                  .sidebar-link {
                    text-align: center;
                  }
                  @media (max-width: 767px) {
                     {
                      .sidebar-link {
                      }
                    }
                  }
                  .sidebar-link {
                    text-align: center;
                  }
                }
              }
            }
            &.close_icon {
              --tw-translate-x: 150px;
              transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            }
            &.close_icon {
              ~ .page-body,
                ~ .footer {
                margin-right: 0px;
              }
            }
          }
        }
      }
    }
    &.compact-small {
      .page-header {
        margin-right: 90px;
      }
      .page-body-wrapper {
        div.sidebar-wrapper {
          .sidebar-main {
            .sidebar-links {
              li {
                .sidebar-submenu {
                  right: 90px;
                }
              }
            }
          }
        }
        .footer,
          .page-body {
          margin-right: 90px;
        }
      }
    }
    &.material-icon {
      .page-header {
        margin-left: auto;
        margin-right: auto;
      }
      .page-header {
        margin-top: 0px;
        margin-bottom: 0px;
      }
      .page-header {
        padding-left: unset;
      }
      .page-header {
        padding-right: 90px;
      }
      .page-header {
        &.close_icon {
          padding-right: 0px;
        }
      }
      .page-body-wrapper {
        .page-body {
          margin-left: auto;
          margin-right: auto;
        }
        .page-body {
          margin-top: 0px;
          margin-bottom: 0px;
        }
        .page-body {
          padding-left: 15px;
        }
        .page-body {
          padding-right: 90px;
        }
        div.sidebar-wrapper {
          &.close_icon {
            ~ .page-body {
              margin-left: auto;
              margin-right: auto;
            }
            ~ .page-body {
              margin-top: 0px;
              margin-bottom: 0px;
            }
            ~ .page-body {
              padding-right: 15px;
            }
          }
        }
      }
    }
  }
  .apexcharts-canvas {
    direction: ltr;
  }
  .email-wrap {
    .btn-mail {
      text-align: right;
    }
    .email-app-sidebar {
      ul {
        li {
          a {
            padding-left: unset;
          }
          a {
            padding-right: 1.25rem;
          }
        }
      }
    }
  }
  .bookmark-tabcontent {
    .details-bookmark {
      .bookmark-card {
        &.card {
          .favourite-icon {
            text-align: center;
          }
          @media (max-width: 767px) {
             {
              .favourite-icon {
              }
            }
          }
          .favourite-icon {
            text-align: center;
          }
          .title-bookmark {
            text-align: right;
          }
        }
      }
    }
  }
  .bookmark-wrap {
    .main-bookmark {
      .filter-option {
        float: right;
      }
      .filter-option {
        text-align: right;
      }
      .dropdown-menu {
        .dropdown-item {
          text-align: right;
        }
      }
    }
    .details-bookmark {
      .grid {
        > div {
          + div {
            padding-left: 15px;
          }
        }
      }
    }
  }
  .appointment-table {
    table {
      tr {
        td {
          .status-circle {
            left: unset;
          }
          .status-circle {
            right: 35px;
          }
        }
      }
    }
  }
  .notification {
    .card {
      .flex {
        .w-full {
          p {
            .badge {
              margin-left: unset;
            }
            .badge {
              margin-right: 0.625rem;
            }
          }
        }
      }
    }
  }
  .datatable-init,
    .datatable-advance-wrapper,
    .datatable-api-wrapper,
    .data-source-wrapper,
    .autofill-data-tables,
    .support-ticket-table {
    div.dt-container {
      &.dt-bootstrap5 {
        .grid {
          > div[class^="col-"] {
            &:first-child {
              margin-left: auto;
            }
            &:first-child {
              margin-right: unset;
            }
            &:first-child {
              .form-select {
                margin-left: 0.5em;
              }
              .form-select {
                margin-right: unset;
              }
            }
          }
        }
        .dt-column-order {
          left: 0.75rem;
        }
        .dt-column-order {
          right: unset;
        }
      }
    }
  }
  .progress-animate {
    span {
      left: -0.625rem;
    }
    span {
      right: unset;
    }
  }
  .common-order-history {
    .form-select {
      padding-top: 0.375rem;
      padding-bottom: 0.375rem;
    }
    .form-select {
      padding-left: 2.25rem;
    }
    .form-select {
      padding-right: 0.75rem;
    }
    .order-history-wrapper {
      .recent-table {
        div.dt-container {
          .dt-layout-row {
            .dt-layout-cell {
              .dt-search {
                left: -50px;
              }
              .dt-search {
                right: unset;
              }
            }
            .dt-length {
              left: unset;
            }
            .dt-length {
              right: 1.25rem;
            }
          }
        }
        table {
          thead,
            tbody {
            tr {
              th,
                td {
                &:first-child {
                  padding-left: 0.5rem;
                }
                &:first-child {
                  padding-right: 1.25rem;
                }
                &:last-child {
                  padding-left: 1.25rem;
                }
                &:last-child {
                  padding-right: 0.5rem;
                }
              }
            }
          }
          thead {
            tr {
              th {
                &:first-child {
                  text-align: center;
                }
                @media (max-width: 767px) {
                   {
                    &:first-child {
                    }
                  }
                }
                &:first-child {
                  text-align: center;
                }
              }
            }
          }
        }
      }
    }
  }
  .me-4 {
    margin-left: 1.5rem;
  }
  .me-4 {
    margin-right: unset;
  }
  .pe-4 {
    padding-left: 1.5rem;
  }
  .pe-4 {
    padding-right: unset;
  }
  .me-1 {
    margin-left: 0.25rem;
  }
  .me-1 {
    margin-right: unset;
  }
  .navs-dropdown {
    .onhover-show-div {
      right: 0px;
    }
  }
  .default-according {
    &.style-1 {
      button {
        text-align: right;
      }
      button::before {
        content: var(--tw-content);
        left: 1.25rem;
      }
      button::before {
        content: var(--tw-content);
        right: unset;
      }
      button {
        i {
          left: unset;
        }
        i {
          right: 18px;
        }
      }
    }
    .card {
      .card-header {
        i {
          left: unset;
        }
        i {
          right: 18px;
        }
      }
    }
  }
  .progress-number {
    direction: ltr;
  }
  .faq-wrap {
    .faq-accordion {
      .card {
        .card-header {
          .btn-link {
            padding-right: 1.25rem;
          }
        }
      }
    }
  }
  .ProfileCard-details {
    float: right;
  }
  .ProfileCard-details {
    padding-left: unset;
  }
  .ProfileCard-details {
    padding-right: 30px;
  }
  .starter-main {
    .card-body {
      ul {
        padding-left: unset;
      }
      ul {
        padding-right: 30px;
      }
    }
  }
  .theme-tab {
    .tab-title {
      li {
        a {
          svg {
            margin-left: 5px;
          }
          svg {
            margin-right: unset;
          }
        }
      }
    }
  }
  .spent {
    .spent-graph {
      .project-budget {
        margin-left: 30px;
      }
      .project-budget {
        margin-right: unset;
      }
    }
  }
  .support-table {
    table {
      tbody {
        tr {
          td {
            &:first-child {
              padding-left: unset;
            }
            &:first-child {
              padding-right: 0px;
            }
          }
        }
      }
    }
  }
  .img-paypal {
    margin-left: unset;
  }
  .img-paypal {
    margin-right: 15px;
  }
  .cart {
    .qty-box {
      .input-group {
        .btn {
          border-radius: 0px;
        }
      }
    }
  }
  .product-qnty {
    fieldset {
      .input-group {
        .input-group-prepend {
          .btn {
            border-top-right-radius: 0px;
          }
          .btn {
            border-bottom-right-radius: 0px;
          }
        }
      }
    }
  }
  .grid-options {
    margin-left: unset;
  }
  .grid-options {
    margin-right: 0.625rem;
  }
  .grid-options {
    ul {
      li {
        a {
          .line-grid-1 {
            left: unset;
          }
          .line-grid-1 {
            right: 0.75rem;
          }
          .line-grid-2 {
            left: unset;
          }
          .line-grid-2 {
            right: 18px;
          }
          .line-grid-3 {
            left: unset;
          }
          .line-grid-3 {
            right: 2.25rem;
          }
          .line-grid-4 {
            left: unset;
          }
          .line-grid-4 {
            right: 42px;
          }
          .line-grid-5 {
            left: unset;
          }
          .line-grid-5 {
            right: 3rem;
          }
          .line-grid-6 {
            left: unset;
          }
          .line-grid-6 {
            right: 66px;
          }
          .line-grid-7 {
            left: unset;
          }
          .line-grid-7 {
            right: 72px;
          }
          .line-grid-8 {
            left: unset;
          }
          .line-grid-8 {
            right: 78px;
          }
          .line-grid-9 {
            left: unset;
          }
          .line-grid-9 {
            right: 84px;
          }
          .line-grid-10 {
            left: unset;
          }
          .line-grid-10 {
            right: 103px;
          }
          .line-grid-11 {
            left: unset;
          }
          .line-grid-11 {
            right: 109px;
          }
          .line-grid-12 {
            left: unset;
          }
          .line-grid-12 {
            right: 115px;
          }
          .line-grid-13 {
            left: unset;
          }
          .line-grid-13 {
            right: 121px;
          }
          .line-grid-14 {
            left: unset;
          }
          .line-grid-14 {
            right: 127px;
          }
          .line-grid-15 {
            left: unset;
          }
          .line-grid-15 {
            right: 133px;
          }
        }
      }
    }
  }
  .product-sidebar {
    .filter-section {
      .card {
        .card-header {
          h6 {
            .pull-right {
              i {
                left: auto;
              }
              i {
                right: unset;
              }
            }
          }
        }
      }
    }
  }
  .collection-filter-block {
    svg {
      margin-left: 0.875rem;
    }
    svg {
      margin-right: unset;
    }
    svg {
      --tw-scale-x: -1;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
  }
  .feature-products {
    form {
      .form-group {
        i {
          left: 30px;
        }
        i {
          right: unset;
        }
      }
    }
  }
  .product-wrapper-grid {
    &.list-view {
      .product-box {
        .product-details {
          text-align: right;
        }
      }
    }
  }
  .page-wrapper {
    .page-body-wrapper {
      .page-title {
        .breadcrumb {
          margin-left: unset;
        }
      }
    }
  }
  .bookmark {
    ul {
      li {
        + li {
          margin-left: unset;
        }
        + li {
          margin-right: 0.625rem;
        }
        .search-form {
          .form-control-search {
            left: -50px;
          }
          .form-control-search {
            right: unset;
          }
          .form-control-search::before {
            content: var(--tw-content);
            left: unset;
          }
          .form-control-search::before {
            content: var(--tw-content);
            right: 50px;
          }
          .form-control-search::after {
            content: var(--tw-content);
            left: unset;
          }
          .form-control-search::after {
            content: var(--tw-content);
            right: 1.25rem;
          }
        }
      }
    }
  }
  .me-0 {
    margin-left: 0px;
  }
  .me-0 {
    margin-right: unset;
  }
  .footer {
    .pull-right {
      float: none;
    }
  }
  .checkbox_animated,
    .radio_animated {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .checkbox_animated,
    .radio_animated {
    margin-left: 1rem;
  }
  .checkbox_animated,
    .radio_animated {
    margin-right: 0px;
  }
  .button {
    &.remove {
      left: -0.625rem;
    }
    &.remove {
      right: unset;
    }
  }
  .code-box-copy__btn {
    left: 11px;
  }
  .code-box-copy__btn {
    right: unset;
  }
  ul {
    &.nav-menus {
      border-bottom-color: none;
    }
    &.notification-dropdown {
      &.onhover-show-div {
        li {
          text-align: right;
        }
      }
    }
  }
  .badge {
    + .badge {
      margin-left: unset;
    }
    + .badge {
      margin-right: 5px;
    }
  }
  .m-l-10 {
    margin-left: unset;
  }
  .m-l-10 {
    margin-right: 0.625rem;
  }
  .m-r-20 {
    margin-left: 1.25rem;
  }
  .m-r-20 {
    margin-right: unset;
  }
  .m-r-30 {
    margin-left: 30px;
  }
  .m-r-30 {
    margin-right: unset;
  }
  .m-r-5 {
    margin-left: 5px;
  }
  .m-r-5 {
    margin-right: unset;
  }
  .text-start {
    text-align: start !important;
  }
  .m-r-10 {
    margin-left: 0.625rem;
  }
  .m-r-10 {
    margin-right: unset;
  }
  .pe-3 {
    padding-left: 1rem;
  }
  .pe-3 {
    padding-right: unset;
  }
  .p-r-0 {
    padding-left: 0px;
  }
  .p-r-0 {
    padding-right: 15px;
  }
  .m-l-20 {
    margin-left: unset;
  }
  .m-l-20 {
    margin-right: 1.25rem;
  }
  .ps-3 {
    padding-right: 1rem;
  }
  .b-r-light {
    border-right-width: 0px;
  }
  .b-r-light {
    border-left-width: 1px;
  }
  .b-r-light {
    border-style: solid;
  }
  .b-r-light {
    border-left-color: rgba(var(--light-color),1);
  }
  .float-end {
    float: left;
  }
  .float-start {
    float: right;
  }
  .text-end {
    text-align: left;
  }
  .border-right {
    border-right-width: 0px;
  }
  .border-right {
    border-left-width: 1px;
  }
  .border-right {
    border-style: solid;
  }
  .border-right {
    --tw-border-opacity: 1;
    border-left-color: rgb(222 226 230 / var(--tw-border-opacity, 1));
  }
  .pe-0 {
    padding-left: 0px;
  }
  .pe-0 {
    padding-right: 0.75rem;
  }
  /* .ps-0 {
      @apply !pl-[unset] !pr-0;
    } */
  .ms-1 {
    margin-left: unset;
  }
  .ms-1 {
    margin-right: 0.25rem;
  }
  .owl-carousel {
    direction: ltr;
  }
  .swiper {
    direction: ltr;
    &.swiper-wrapper {
      .swiper-slide {
        > * {
          direction: rtl;
        }
      }
    }
  }
  .btn-group {
    > {
      .btn:not(:last-child):not(.dropdown-toggle),
        :not(:last-child) > .btn {
        border-top-left-radius: 0px !important;
      }
      .btn:not(:last-child):not(.dropdown-toggle),
        :not(:last-child) > .btn {
        border-bottom-left-radius: 0px !important;
      }
      .btn:not(:last-child):not(.dropdown-toggle),
        :not(:last-child) > .btn {
        border-top-right-radius: 0.25rem !important;
      }
      .btn:not(:last-child):not(.dropdown-toggle),
        :not(:last-child) > .btn {
        border-bottom-right-radius: 0.25rem !important;
      }
      .btn:not(:first-child) {
        border-top-right-radius: 0px !important;
      }
      .btn:not(:first-child) {
        border-bottom-right-radius: 0px !important;
      }
      .btn:not(:first-child) {
        border-top-left-radius: 0.25rem !important;
      }
      .btn:not(:first-child) {
        border-bottom-left-radius: 0.25rem !important;
      }
      .btn:nth-child(2) {
        border-radius: 0px;
      }
    }
    .btn-group > :not(:first-child) > .btn {
      border-top-right-radius: 0px;
    }
    .btn-group > :not(:first-child) > .btn {
      border-bottom-right-radius: 0px;
    }
    .btn-group > :not(:first-child) > .btn {
      border-top-left-radius: 0.25rem;
    }
    .btn-group > :not(:first-child) > .btn {
      border-bottom-left-radius: 0.25rem;
    }
    .btn + {
      .btn,
        .btn-group {
        margin-right: -1px;
      }
      .btn,
        .btn-group {
        border-right-width: 1px;
      }
    }
    .btn-group + {
      .btn,
        .btn-group {
        margin-right: -1px;
      }
    }
    .btn-group-vertical {
      .btn + {
        .btn,
          .btn-group {
          margin-right: -1px;
        }
      }
      .btn-group + {
        .btn,
          .btn-group {
          margin-right: -1px;
        }
      }
    }
  }
  .me-3 {
    margin-left: 1rem;
  }
  .me-3 {
    margin-right: unset;
  }
  .me-5 {
    margin-left: 3rem;
  }
  .me-5 {
    margin-right: unset;
  }
  @media (max-width: 991px) {
     {
      .ms-3 {
        margin-right: 0px;
      }
    }
  }
  .ms-3 {
    margin-left: unset;
  }
  .ms-3 {
    margin-right: 1rem;
  }
  .m-r-15 {
    margin-left: 15px;
  }
  .m-r-15 {
    margin-right: unset;
  }
  .p-l-0 {
    padding-left: unset;
  }
  .p-l-0 {
    padding-right: 0px;
  }
  .ps-4 {
    padding-left: unset;
  }
  .ps-4 {
    padding-right: 1.5rem;
  }
  .me-2 {
    margin-left: 0.5rem !important;
  }
  .me-2 {
    margin-right: unset !important;
  }
  .ms-2 {
    margin-left: unset;
  }
  .ms-2 {
    margin-right: 0.5rem;
  }
  .product-box {
    .ms-2 {
      margin-left: 0.5rem;
    }
    .ms-2 {
      margin-right: unset;
    }
  }
  .pe-2 {
    padding-left: 0.5rem;
  }
  .pe-2 {
    padding-right: unset;
  }
  .alert {
    text-align: right;
  }
  .pull-right {
    float: left;
  }
  .form-inline {
    .form-group {
      margin-left: 15px;
    }
    .form-group {
      margin-right: 0px;
    }
  }
  .card {
    text-align: right;
  }
  .card {
    &.social-profile {
      text-align: center;
    }
    @media (max-width: 767px) {
       {
        &.social-profile {
        }
      }
    }
    &.social-profile {
      text-align: center;
    }
    .card-header {
      h5:not(.mb-0) {
        float: right;
      }
      span {
        clear: both;
      }
      .card-header-right {
        left: 1.25rem;
      }
      .card-header-right {
        right: unset;
      }
      .card-header-right {
        .card-option {
          text-align: left;
        }
        .card-option {
          &.list-unstyled {
            padding-left: unset;
          }
          &.list-unstyled {
            padding-right: 0px;
          }
        }
      }
      .pull-left {
        float: right;
      }
    }
    &.full-card {
      left: 0px;
    }
    &.full-card {
      right: unset;
    }
    .card-body {
      .alert {
        svg {
          margin-left: 0.25rem;
        }
        svg {
          margin-right: unset;
        }
      }
      .square {
        margin-left: 5px;
      }
      .square {
        margin-right: unset;
      }
    }
  }
  .explore-card {
    text-align: left;
  }
  .balance-box {
    text-align: center;
  }
  @media (max-width: 767px) {
     {
      .balance-box {
      }
    }
  }
  .balance-box {
    text-align: center;
  }
  .purchase-card {
    text-align: center;
  }
  @media (max-width: 767px) {
     {
      .purchase-card {
      }
    }
  }
  .purchase-card {
    text-align: center;
  }
  .modal-header {
    .btn-close {
      margin-top: -0.5rem;
    }
    .btn-close {
      margin-bottom: -0.5rem;
    }
    .btn-close {
      margin-left: -0.5rem;
    }
    .btn-close {
      margin-right: auto;
    }
  }
  .modal-footer {
    > :not(:first-child) {
      margin-left: 0px;
    }
    > :not(:first-child) {
      margin-right: 0.5rem;
    }
  }
  .form-inline {
    .form-group {
      .col-form-label {
        margin-left: 5px;
      }
      .col-form-label {
        margin-right: 0px;
      }
    }
  }
  .breadcrumb-item {
    + .breadcrumb-item {
      padding-left: unset !important;
    }
    + .breadcrumb-item {
      padding-right: 0.5rem;
    }
    + .breadcrumb-item::before {
      content: var(--tw-content);
      float: right;
    }
    + .breadcrumb-item::before {
      content: var(--tw-content);
      padding-left: 0.5rem;
    }
    + .breadcrumb-item::before {
      content: var(--tw-content) !important;
      padding-right: unset !important;
    }
  }
  code[class*="language-"],
    pre[class*="language-"] {
    text-align: right;
  }
  .input-group-prepend {
    margin-left: -1px;
  }
  .input-group-prepend {
    margin-right: unset;
  }
  .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),
    .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n + 3) {
    border-top-left-radius: 0px !important;
  }
  .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),
    .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n + 3) {
    border-bottom-left-radius: 0px !important;
  }
  .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),
    .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n + 3) {
    border-top-right-radius: 0.25rem !important;
  }
  .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),
    .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n + 3) {
    border-bottom-right-radius: 0.25rem !important;
  }
  .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: unset;
  }
  .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-right: -1px;
  }
  .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    border-top-left-radius: 0.375rem;
  }
  .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    border-top-right-radius: 0px;
  }
  .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    border-bottom-right-radius: 0px;
  }
  .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    border-bottom-left-radius: 0.375rem;
  }
  .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
    border-top-left-radius: 0px !important;
  }
  .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
    border-top-right-radius: 0.375rem !important;
  }
  .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
    border-bottom-right-radius: 0.375rem !important;
  }
  .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
    border-bottom-left-radius: 0px !important;
  }
  .left-sidebar-chat {
    .input-group {
      > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
        border-top-right-radius: 0px;
      }
      > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
        border-bottom-right-radius: 0px;
      }
    }
  }
  .main-input-group {
    .input-radius {
      .pill-input-group {
        span {
          &:first-child {
            border-radius: 0.375rem;
          }
          &:first-child {
            border-top-left-radius: 0px;
          }
          &:first-child {
            border-bottom-left-radius: 0px;
          }
          &:last-child {
            border-radius: 0.375rem;
          }
          &:last-child {
            border-top-right-radius: 0px;
          }
          &:last-child {
            border-bottom-right-radius: 0px;
          }
        }
      }
    }
    .input-group-wrapper {
      &.btn-addon {
        .input-group {
          &:last-child {
            .btn {
              &:not(.dropdown-toggle) {
                &:last-child {
                  border-top-left-radius: 0.375rem;
                }
                &:last-child {
                  border-bottom-left-radius: 0.375rem;
                }
              }
            }
          }
        }
      }
      .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
        border-top-right-radius: 0px !important;
      }
      .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
        border-bottom-right-radius: 0px !important;
      }
      .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
        border-bottom-left-radius: 0px !important;
      }
      .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n + 3) {
        border-top-left-radius: 0px !important;
      }
      .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n + 3) {
        border-bottom-left-radius: 0px !important;
      }
    }
  }
  .buttons-with-dropdowns {
    .main-custom-form {
      &.input-group-wrapper {
        .input-group {
          > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
            border-bottom-left-radius: 0.375rem !important;
          }
        }
      }
    }
  }
  .main-custom-form {
    &.input-group-wrapper {
      .input-group {
        > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
          border-bottom-left-radius: 0.375rem !important;
        }
      }
    }
  }
  .main-input-group {
    .input-group-wrapper {
      &.btn-addon {
        .input-group {
          > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
            border-bottom-left-radius: 0.375rem !important;
          }
        }
      }
    }
  }
  .main-input-group {
    .input-group-wrapper {
      &.main-segment-btn {
        .input-group {
          > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
            border-bottom-left-radius: 0.375rem !important;
          }
        }
      }
    }
  }
  .vertical-main-wizard {
    .tab-link {
      .vertical-wizard {
        .vertical-wizard-content {
          h6 {
            text-align: right;
          }
        }
      }
    }
  }
  .datatable-init,
    .datatable-advance-wrapper,
    .datatable-api-wrapper,
    .data-source-wrapper,
    .autofill-data-tables {
    div {
      &.dt-container {
        table {
          thead,
            tbody {
            tr {
              th,
                td {
                text-align: right;
              }
            }
          }
        }
        .dt-column-order {
          right: unset;
        }
        .dt-column-order {
          left: 12px;
        }
      }
    }
  }
  .input-group-wrapper {
    &.main-segment-btn,
      &.btn-addon {
      .input-group {
        &:last-child {
          .btn {
            &:not(.dropdown-toggle) {
              border-radius: 0px;
            }
          }
        }
      }
    }
  }
  .was-validated .form-control:invalid,
    .form-control.is-invalid,
    .was-validated .form-control:valid,
    .form-control.is-valid {
    background-position: left calc(0.375em + 0.1875rem) center !important;
  }
  .was-validated .form-control:invalid,
    .form-control.is-invalid,
    .was-validated .form-control:valid,
    .form-control.is-valid {
    padding-left: calc(1.5em + 0.75rem);
  }
  .was-validated .form-control:invalid,
    .form-control.is-invalid,
    .was-validated .form-control:valid,
    .form-control.is-valid {
    padding-right: 0.75rem !important;
  }
  .input-group > .form-control:not(:last-child) {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
  }
  .input-group > .form-control:not(:last-child) {
    border-bottom-right-radius: 0px;
  }
  .input-group > .form-control:not(:last-child) {
    border-bottom-left-radius: 0px;
  }
  .input-group > .input-group-prepend > .btn,
    .input-group > .input-group-prepend > .input-group-text,
    .input-group > .input-group-append:not(:last-child) > .btn,
    .input-group > .input-group-append:not(:last-child) > .input-group-text,
    .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
    .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
    border-top-left-radius: 0px;
  }
  .input-group > .input-group-prepend > .btn,
    .input-group > .input-group-prepend > .input-group-text,
    .input-group > .input-group-append:not(:last-child) > .btn,
    .input-group > .input-group-append:not(:last-child) > .input-group-text,
    .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
    .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
    border-bottom-left-radius: 0px;
  }
  .input-group > .input-group-prepend > .btn,
    .input-group > .input-group-prepend > .input-group-text,
    .input-group > .input-group-append:not(:last-child) > .btn,
    .input-group > .input-group-append:not(:last-child) > .input-group-text,
    .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
    .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
    border-top-right-radius: 0.25rem;
  }
  .input-group > .input-group-prepend > .btn,
    .input-group > .input-group-prepend > .input-group-text,
    .input-group > .input-group-append:not(:last-child) > .btn,
    .input-group > .input-group-append:not(:last-child) > .input-group-text,
    .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
    .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
    border-bottom-right-radius: 0.25rem;
  }
  .input-group > .input-group-append > .btn,
    .input-group > .input-group-append > .input-group-text,
    .input-group > .input-group-prepend:not(:first-child) > .btn,
    .input-group > .input-group-prepend:not(:first-child) > .input-group-text,
    .input-group > .input-group-prepend:first-child > .btn:not(:first-child),
    .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
  }
  .input-group > .input-group-append > .btn,
    .input-group > .input-group-append > .input-group-text,
    .input-group > .input-group-prepend:not(:first-child) > .btn,
    .input-group > .input-group-prepend:not(:first-child) > .input-group-text,
    .input-group > .input-group-prepend:first-child > .btn:not(:first-child),
    .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
    border-bottom-right-radius: 0px;
  }
  .input-group > .input-group-append > .btn,
    .input-group > .input-group-append > .input-group-text,
    .input-group > .input-group-prepend:not(:first-child) > .btn,
    .input-group > .input-group-prepend:not(:first-child) > .input-group-text,
    .input-group > .input-group-prepend:first-child > .btn:not(:first-child),
    .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
    border-bottom-left-radius: 0px;
  }
  .border-tab.nav-left .nav-link {
    text-align: left;
  }
  .socialprofile {
    .social-group {
      ul {
        li {
          &:nth-child(4) {
            margin-right: -22px;
          }
        }
      }
    }
  }
  .social-status {
    form {
      .form-group {
        .form-control-social {
          padding-left: unset;
        }
        .form-control-social {
          padding-right: 15px;
        }
      }
    }
    .flex {
      .social-status {
        left: unset;
      }
      .social-status {
        right: 35px;
      }
    }
  }
  .social-chat {
    .other-msg {
      margin-left: unset;
    }
    .other-msg {
      margin-right: 2.5rem;
    }
    .grow {
      span {
        span {
          i {
            --tw-scale-x: -1;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          }
        }
      }
      &:before {
        left: 100%;
      }
      &:before {
        right: unset;
      }
      &:before {
        border-left-width: 7px;
      }
      &:before {
        border-right-width: 0px;
      }
      &:before {
        border-style: solid;
      }
      &:before {
        border-left-color: rgba(var(--badge-light-color),1);
      }
      &:after {
        left: 100%;
      }
      &:after {
        right: unset;
      }
      &:after {
        border-left-width: 7px;
      }
      &:after {
        border-right-width: 0px;
      }
      &:after {
        border-style: solid;
      }
      &:after {
        border-left-color: rgba(var(--white),1);
      }
    }
  }
  .rounded-timeline {
    .timeline {
      &::after {
        left: unset;
      }
      &::after {
        right: 50%;
      }
      &::after {
        margin-left: unset;
      }
      &::after {
        margin-right: -1px;
      }
      &::after {
        --tw-content: "";
        content: var(--tw-content);
      }
    }
    .container {
      &::after {
        right: -0.5rem;
      }
      &::after {
        left: unset;
      }
      &::after {
        --tw-content: "";
        content: var(--tw-content);
      }
      &::before {
        right: 0.5rem;
      }
      &::before {
        left: unset;
      }
      &::before {
        --tw-content: "";
        content: var(--tw-content);
      }
      .content {
        border-radius: 0 200px 200px 0;
      }
      .content {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
      }
      .content {
        padding-left: 1.25rem;
      }
      .content {
        padding-right: 5rem;
      }
      &.left {
        left: unset;
      }
      &.left {
        right: 75px;
      }
      &.left {
        .date {
          right: -75px !important;
        }
        .date {
          left: unset !important;
        }
      }
      .icon {
        right: 3.5rem;
      }
      .icon {
        left: unset;
      }
      &.right {
        left: unset;
      }
      &.right {
        right: 50%;
      }
      &.right::before {
        content: var(--tw-content);
        left: unset;
      }
      &.right::before {
        content: var(--tw-content);
        right: 0.5rem;
      }
      &.right::after {
        content: var(--tw-content);
        left: unset;
      }
      &.right::after {
        content: var(--tw-content);
        right: -0.5rem;
      }
      &.right {
        .date {
          right: -75px;
        }
        .date {
          left: unset;
        }
        .icon {
          left: unset;
        }
        .icon {
          right: 3.5rem;
        }
        .content {
          border-radius: 0 200px 200px 0;
        }
        .content {
          padding-top: 1.25rem;
          padding-bottom: 1.25rem;
        }
        .content {
          padding-left: 1.25rem;
        }
        .content {
          padding-right: 5rem;
        }
      }
    }
  }
  .animated-timeline {
    .timeline-block {
      &::before {
        left: unset;
      }
      &::before {
        right: 50%;
      }
      .timeline-event {
        &:before {
          right: -27px;
        }
        &:before {
          left: unset;
        }
        &:nth-child(odd) {
          margin-left: unset;
        }
        &:nth-child(odd) {
          margin-right: calc(50% + 20px);
        }
        &:nth-child(even) {
          margin-right: calc(50% - 321px);
        }
        &:nth-child(even) {
          margin-left: unset;
        }
        &:nth-child(even)::before {
          content: var(--tw-content);
          left: unset;
        }
        &:nth-child(even)::before {
          content: var(--tw-content);
          right: calc(100% + 16px);
        }
      }
    }
  }
  .photos {
    ul {
      li {
        margin-left: 0.625rem;
      }
      li {
        margin-right: unset;
      }
    }
  }
  .avatar-showcase {
    .friend-pic {
      margin-left: 0.5rem;
    }
    .friend-pic {
      margin-right: unset;
    }
  }
  .avatar-showcase {
    .pepole-knows {
      ul {
        li {
          margin-left: 21px;
        }
        li {
          margin-right: unset;
        }
        li:last-child {
          margin-left: 0px;
        }
      }
    }
  }
  .user-profile {
    .hovercard {
      .user-image {
        .share-icons {
          left: 100px;
        }
        .share-icons {
          right: unset;
        }
        .share-icons {
          li {
            margin-left: 0.625rem;
          }
          li {
            margin-right: unset;
          }
          li:last-child {
            margin-left: 0px;
          }
        }
      }
    }
  }
  .lang {
    span {
      span {
        margin-left: unset;
      }
      span {
        margin-right: 5px;
      }
    }
  }
  .faq-form {
    .search-icon {
      left: 0.75rem;
    }
    .search-icon {
      right: unset;
    }
  }
  .faq-widgets {
    .grow {
      p {
        padding-left: 1.25rem;
      }
      p {
        padding-right: unset;
      }
    }
  }
  .header-faq,
    .faq-title {
    text-align: right;
  }
  .faq-accordion {
    &.default-according {
      .card {
        .faq-header {
          svg {
            left: 30px;
          }
          svg {
            right: unset;
          }
        }
        .btn-link {
          svg {
            margin-left: 0.625rem !important;
          }
          svg {
            margin-right: unset;
          }
        }
      }
    }
  }
  .navigation-option {
    ul {
      li {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
      }
      li {
        padding-left: 0.5rem;
      }
      li {
        padding-right: 0px;
      }
      li {
        a {
          padding-left: unset;
        }
        a {
          padding-right: 2.5rem;
        }
        a {
          svg {
            left: unset;
          }
          svg {
            right: 15px;
          }
        }
      }
    }
  }
  .updates-faq {
    margin-left: 1.25rem;
  }
  .updates-faq {
    margin-right: unset;
  }
  .browse {
    .browse-articles {
      span {
        svg {
          margin-left: 0.625rem;
        }
        svg {
          margin-right: unset;
        }
      }
    }
  }
  .categories {
    .learning-header {
      padding-left: unset;
    }
    .learning-header {
      padding-right: 15px;
    }
  }
  .main {
    .langChoice {
      left: 30px;
    }
    .langChoice {
      right: unset;
    }
  }
  .pricing-block {
    svg {
      direction: ltr;
    }
  }
  p {
    &.data-attributes {
      svg {
        margin-left: 0.625rem;
      }
      svg {
        margin-right: unset;
      }
    }
  }
  .avatars {
    .avatar {
      margin-left: 0.625rem;
    }
    .avatar {
      margin-right: unset;
    }
    .avatar:last-child {
      margin-left: 0px;
    }
    .avatar {
      .status {
        left: 0.25rem;
      }
      .status {
        right: unset;
      }
    }
  }
  .customers {
    &.avatar-group {
      margin-left: 30px;
    }
    &.avatar-group {
      margin-right: unset;
    }
  }
  .card {
    .card-header {
      h5 {
        float: none !important;
      }
    }
  }
  .knob-chart {
    .chart-clock-main {
      .clock-small {
        left: unset;
      }
      .clock-small {
        right: 0.625rem;
      }
    }
  }
  .todo-wrap {
    &.email-wrap {
      .todo-tasks {
        .delete-button {
          margin-left: unset;
        }
        .delete-button {
          margin-right: auto;
        }
        .card-body {
          .task-date {
            margin-left: unset;
          }
          .task-date {
            margin-right: auto;
          }
        }
      }
    }
  }
  .todo-options {
    .badges-todo {
      h6 {
        margin-left: 0.625rem;
      }
      h6 {
        margin-right: unset;
      }
      h6:last-child {
        margin-left: 0px;
      }
    }
  }
  .todo-list-btns {
    .dropdown-basic {
      .btn-group {
        .form-group {
          .checkbox {
            border-top-left-radius: unset;
          }
          .checkbox {
            border-top-right-radius: 25px;
          }
          .checkbox {
            border-bottom-right-radius: 25px;
          }
          .checkbox {
            border-bottom-left-radius: unset;
          }
          .checkbox {
            padding-left: unset;
          }
          .checkbox {
            padding-right: 0.875rem;
          }
        }
      }
      .separated-btn {
        margin-left: unset;
      }
      .separated-btn {
        margin-right: -0.375rem;
      }
      .separated-btn {
        .btn {
          border-top-left-radius: 25px;
        }
        .btn {
          border-bottom-left-radius: 25px;
        }
      }
    }
  }
  .search-todo {
    .dropdown-basic {
      .btn-group {
        margin-left: 18px;
      }
      .btn-group {
        margin-right: unset;
      }
    }
  }
  .dark-dropdown-box {
    .btn-group {
      .dropdown-toggle-split {
        border-top-left-radius: 0.25rem;
      }
      .dropdown-toggle-split {
        border-bottom-left-radius: 0.25rem;
      }
    }
  }
  .sticky-note {
    .note {
      float: right;
    }
  }
  #testimonial {
    .owl-stage-outer {
      .owl-stage {
        .owl-item {
          .slide--item {
            .flex {
              @media (max-width: 991px) {
                 {
                  .me-3 {
                    margin-right: 0px;
                  }
                }
              }
              .me-3 {
                margin-left: unset;
              }
              .me-3 {
                margin-right: 1rem;
              }
            }
          }
        }
      }
    }
  }
  .needs-validation,
    .form-row {
    .input-group > .form-control:not(:last-child),
      .input-group > .custom-select:not(:last-child) {
      border-top-right-radius: 0px;
    }
    .input-group > .form-control:not(:last-child),
      .input-group > .custom-select:not(:last-child) {
      border-bottom-right-radius: 0px;
    }
    .input-group > .form-control:not(:last-child),
      .input-group > .custom-select:not(:last-child) {
      border-top-left-radius: 0.25rem;
    }
    .input-group > .form-control:not(:last-child),
      .input-group > .custom-select:not(:last-child) {
      border-bottom-left-radius: 0.25rem;
    }
  }
  .form-check {
    padding-left: unset;
  }
  .form-check {
    padding-right: 1.25rem;
  }
  .form-check {
    .form-check-input {
      float: right;
    }
    .form-check-input {
      margin-right: -1.5em;
    }
    .form-check-input {
      margin-left: unset;
    }
  }
  .form-check-reverse {
    .form-check-input {
      float: right;
    }
    .form-check-input {
      margin-left: 0px;
    }
    .form-check-input {
      margin-right: 0.625rem;
    }
  }
  .dynamic-form-field {
    .input-group-btn {
      span {
        margin-left: unset;
      }
      span {
        margin-right: 0.375rem;
      }
    }
  }
  .theme-form {
    .custom-input {
      .input-group > .form-floating:not(:first-child) > .form-control {
        border-top-left-radius: 0.375rem;
      }
      .input-group > .form-floating:not(:first-child) > .form-control {
        border-top-right-radius: 0px;
      }
      .input-group > .form-floating:not(:first-child) > .form-control {
        border-bottom-right-radius: 0px;
      }
      .input-group > .form-floating:not(:first-child) > .form-control {
        border-bottom-left-radius: 0.375rem;
      }
      .input-group.has-validation > :nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
        border-top-left-radius: 0px;
      }
      .input-group.has-validation > :nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
        border-top-right-radius: 0.375rem;
      }
      .input-group.has-validation > :nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
        border-bottom-right-radius: 0.375rem;
      }
      .input-group.has-validation > :nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
        border-bottom-left-radius: 0px;
      }
    }
  }
  .email-wrap {
    .grid {
      .col-span-6 {
        padding-left: 15px;
      }
      .col-span-6 {
        padding-right: 0px;
      }
      .col-span-3 {
        + .col-span-3 {
          padding-left: 0px;
        }
        + .col-span-3 {
          padding-right: 15px;
        }
      }
    }
    .email-app-sidebar {
      .main-menu {
        > li {
          text-align: right;
        }
        > li {
          a {
            padding: 0 !important;
          }
          a {
            padding: 0px;
          }
          a {
            i {
              margin-left: 0.625rem;
            }
            i {
              margin-right: unset;
            }
          }
          ul {
            padding-right: 0.75rem;
          }
        }
      }
      ul {
        padding-right: 0px;
      }
    }
    .email-right-aside {
      .email-body {
        .pe-0 {
          padding-right: unset;
        }
      }
      .radius-left {
        border-radius: 0.25rem;
      }
      .radius-left {
        border-top-right-radius: 0px;
      }
      .radius-left {
        border-bottom-right-radius: 0px;
      }
    }
  }
  .email-main-wrapper {
    .email-app-sidebar {
      .tab-links {
        .tab-link {
          padding-left: 0.75rem !important;
          padding-right: 0.75rem !important;
        }
        .tab-link {
          padding-top: 0.5rem !important;
          padding-bottom: 0.5rem !important;
        }
      }
    }
  }
  #renderRange {
    float: left;
  }
  #renderRange {
    padding-left: unset;
  }
  #renderRange {
    padding-right: 0.75rem;
  }
  .event-calendar {
    direction: ltr;
  }
  .calendar-wrap .fc {
    text-align: right;
  }
  .calendar-wrap .fc {
    direction: rtl;
  }
  .calendar-wrap {
    .fc {
      .fc-toolbar {
        .fc-left {
          float: right;
        }
        .fc-right {
          float: left;
        }
        > * > * {
          margin-left: 0px;
        }
      }
    }
    .fc-events-container {
      text-align: right;
    }
    .fc-scroller {
      margin-left: -17px;
    }
    .fc-scroller {
      margin-right: unset;
    }
  }
  .fc-agenda-view {
    .fc-day-grid {
      .fc-row {
        margin-right: 0px;
      }
    }
  }
  .fc-unthemed {
    .fc-row {
      margin-right: 0px;
    }
  }
  .btn-showcase {
    .btn {
      margin-left: 0.625rem;
    }
    .btn {
      margin-right: unset;
    }
  }
  .btn-square {
    &.dropdown-toggle {
      border-top-right-radius: 0px;
    }
    &.dropdown-toggle {
      border-bottom-right-radius: 0px;
    }
    &.dropdown-toggle {
      border-top-left-radius: 0.25rem;
    }
    &.dropdown-toggle {
      border-bottom-left-radius: 0.25rem;
    }
  }
  &.button-builder {
    ul {
      &.the-icons li {
        float: right;
      }
    }
    .color-slelector {
      float: right;
    }
    .custom-button-color {
      .form-control {
        border-radius: 0 5px 5px 0;
      }
      .form-control {
        &.pull-left {
          float: right;
        }
      }
    }
    .hint-label {
      padding-bottom: 0 !important;
    }
    .hint-label {
      float: right;
    }
    .hint-label {
      padding-left: 0px;
    }
    .hint-label {
      padding-right: 020px;
    }
    .hint-label {
      padding-top: 0.25rem;
    }
    .hint-label {
      padding-bottom: 0px;
    }
  }
  #customer-review {
    .owl-item {
      img {
        order: 2;
      }
    }
  }
  .options {
    > div {
      margin-bottom: 8px !important;
    }
    > div {
      margin-top: 0 !important;
    }
    > div {
      margin-left: 0.5rem;
    }
    > div {
      margin-right: 0px;
    }
    > div {
      margin-top: 0px;
    }
    > div {
      margin-bottom: 0.5rem;
    }
  }
  .login-card {
    .form-check {
      padding-left: unset;
    }
    .form-check {
      padding-right: 1.5em;
    }
    .form-check {
      input[type="checkbox"],
        .form-check-input {
        float: right;
      }
      input[type="checkbox"],
        .form-check-input {
        margin-right: -1.5em;
      }
      input[type="checkbox"],
        .form-check-input {
        margin-left: unset;
      }
    }
    .btn-showcase {
      .btn {
        margin: 0px !important;
      }
      .btn {
        margin: 0px;
      }
    }
  }
  .modal-dialog {
    .modal-content {
      .modal-body {
        p {
          a {
            margin-left: 0px;
          }
        }
      }
    }
  }
  .drag-box {
    fieldset {
      .component {
        .form-group {
          .text-lg-left {
            text-align: right;
          }
          .input-group {
            .input-group-prepend {
              .btn,
                .input-group-text {
                border-top-left-radius: 0px;
              }
              .btn,
                .input-group-text {
                border-bottom-left-radius: 0px;
              }
              .btn,
                .input-group-text {
                border-top-right-radius: 0.25rem;
              }
              .btn,
                .input-group-text {
                border-bottom-right-radius: 0.25rem;
              }
              .btn-right,
                .checkbox-radius {
                border-top-right-radius: 0px;
              }
              .btn-right,
                .checkbox-radius {
                border-bottom-right-radius: 0px;
              }
              .btn-right,
                .checkbox-radius {
                border-top-left-radius: 0.25rem;
              }
              .btn-right,
                .checkbox-radius {
                border-bottom-left-radius: 0.25rem;
              }
            }
            #prependedcheckbox {
              border-top-right-radius: 0px;
            }
            #prependedcheckbox {
              border-bottom-right-radius: 0px;
            }
            #appendedcheckbox {
              border-right-color: rgba(var(--light-semi-gray),1);
            }
            #buttondropdown {
              margin-left: -1px;
            }
            #buttondropdown {
              margin-right: unset;
            }
          }
        }
      }
    }
  }
  .drag {
    form {
      text-align: right;
    }
    form {
      input {
        text-align: right;
      }
      label {
        text-align: right;
      }
      .form-group {
        .input-group {
          .input-group-prepend {
            .btn,
              .input-group-text {
              border-top-left-radius: 0px;
            }
            .btn,
              .input-group-text {
              border-bottom-left-radius: 0px;
            }
            .btn,
              .input-group-text {
              border-top-right-radius: 0.25rem;
            }
            .btn,
              .input-group-text {
              border-bottom-right-radius: 0.25rem;
            }
            .btn-right,
              .checkbox-radius {
              border-top-right-radius: 0px;
            }
            .btn-right,
              .checkbox-radius {
              border-bottom-right-radius: 0px;
            }
            .btn-right,
              .checkbox-radius {
              border-top-left-radius: 0.25rem;
            }
            .btn-right,
              .checkbox-radius {
              border-bottom-left-radius: 0.25rem;
            }
          }
          #buttondropdown {
            margin-left: -1px;
          }
          #buttondropdown {
            margin-right: unset;
          }
        }
      }
    }
  }
  .draggable {
    label {
      text-align: right;
    }
  }
  .form-builder-column {
    .tab-content {
      .tab-pane {
        .theme-form {
          .ui-draggable {
            .input-group {
              > .input-group-prepend {
                > .input-group-text {
                  border-top-left-radius: 0px;
                }
                > .input-group-text {
                  border-bottom-left-radius: 0px;
                }
                > .input-group-text {
                  border-top-right-radius: 0.25rem;
                }
                > .input-group-text {
                  border-bottom-right-radius: 0.25rem;
                }
              }
            }
          }
        }
      }
    }
    #pills-tabContent {
      .theme-form {
        .form-group,
          .ui-draggable {
          .input-group {
            #buttondropdown {
              margin-left: 15px;
            }
            #buttondropdown {
              margin-right: unset;
            }
            .input-group-btn {
              button {
                border-radius: 0.25rem;
              }
            }
          }
        }
      }
    }
  }
  .theme-form {
    .form-floating {
      > label {
        left: unset;
      }
      > label {
        right: 0.75rem;
      }
    }
  }
  .form-horizontal {
    &.theme-form {
      fieldset {
        .tab-content {
          .tab-pane {
            .component {
              .form-group {
                .text-lg-left {
                  text-align: right;
                }
                .input-group {
                  .input-group-prepend {
                    .btn,
                      .input-group-text {
                      border-top-left-radius: 0px;
                    }
                    .btn,
                      .input-group-text {
                      border-bottom-left-radius: 0px;
                    }
                    .btn,
                      .input-group-text {
                      border-top-right-radius: 0.25rem;
                    }
                    .btn,
                      .input-group-text {
                      border-bottom-right-radius: 0.25rem;
                    }
                    .btn-right,
                      .checkbox-radius {
                      border-top-right-radius: 0px;
                    }
                    .btn-right,
                      .checkbox-radius {
                      border-bottom-right-radius: 0px;
                    }
                    .btn-right,
                      .checkbox-radius {
                      border-top-left-radius: 0.25rem;
                    }
                    .btn-right,
                      .checkbox-radius {
                      border-bottom-left-radius: 0.25rem;
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }
  .form-builder {
    .component {
      .form-group {
        .input-group {
          #buttondropdown {
            margin-left: -1px;
          }
          #buttondropdown {
            margin-right: unset;
          }
        }
      }
    }
  }
  .page-wrapper {
    .page-body-wrapper {
      .logo-wrapper {
        --tw-shadow: 9px 0 20px rgba(var(--semi-dark),0.1);
        --tw-shadow-colored: 9px 0 20px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
      }
      .logo-wrapper {
        a {
          --tw-translate-x: -4rem;
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        }
      }
    }
  }
  .search-page {
    .nav i {
      margin-left: 0.625rem;
    }
    .nav i {
      margin-right: unset;
    }
    .nav i {
      display: inline-block;
    }
  }
  .product-stts {
    display: inline-block;
  }
  .product-stts {
    .ms-1 {
      margin-left: unset;
    }
    .ms-1 {
      margin-right: 0.25rem;
    }
  }
  .search-form input {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }
  .search-form input {
    padding-left: 0.625rem;
  }
  .search-form input {
    padding-right: 70px;
  }
  .search-form input {
    text-align: right;
  }
  .icon-hover-bottom {
    .icon-title {
      text-align: right;
    }
  }
  .icon-lists {
    div {
      i {
        margin-top: 0px;
        margin-bottom: 0px;
      }
      i {
        margin-left: 15px;
      }
      i {
        margin-right: 0.625rem;
      }
    }
    ul {
      padding-right: 0px;
    }
  }
  .flag-icons,
    .feather-icons {
    div {
      .grow {
        h5 {
          margin-left: 5px;
        }
        h5 {
          margin-right: unset;
        }
      }
    }
  }
  ul {
    &.icon-lists {
      padding-right: 30px;
    }
  }
  .floated-customizer-btn {
    &.third-floated-btn {
      left: 35px;
    }
    &.third-floated-btn {
      right: unset;
    }
    & > span {
      margin-right: 0.625rem;
    }
  }
  .floated-customizer-panel {
    left: -85px;
  }
  .floated-customizer-panel {
    right: unset;
  }
  .floated-customizer-panel {
    text-align: right;
  }
  .floated-customizer-panel {
    &.active {
      left: 35px;
    }
    &.active {
      right: unset;
    }
    .close-customizer-btn {
      left: 30px;
    }
    .close-customizer-btn {
      right: unset;
    }
    ul {
      padding-right: 0px;
    }
  }
  .form-builder-2-header {
    > div {
      nav {
        float: left;
      }
    }
  }
  .radio {
    label {
      padding-left: 0px;
    }
    label {
      padding-right: 5px;
    }
    label::before {
      content: var(--tw-content);
      left: unset;
    }
    label::before {
      content: var(--tw-content);
      right: 0px;
    }
    label::before {
      content: var(--tw-content);
      margin-right: -1.25rem;
    }
  }
  .page-wrapper {
    .page-body-wrapper {
      .page-title {
        .grid {
          h3 {
            padding-left: 1.25rem;
          }
          h3 {
            padding-right: unset;
          }
          h3 {
            text-align: right;
          }
          h6 {
            text-align: right;
          }
        }
      }
    }
    &.compact-wrapper {
      .page-header {
        margin-left: unset;
      }
      .page-header {
        margin-right: 265px;
      }
      .page-header {
        width: calc(100% - 265px);
      }
      .page-header {
        &.close_icon {
          margin-left: unset;
        }
        &.close_icon {
          margin-right: 5rem;
        }
        &.close_icon {
          width: calc(100% - 80px);
        }
      }
    }
    &.modern-type {
      .page-header {
        margin-right: 0px;
      }
      .page-header {
        width: calc(100% - 0px);
      }
      .page-header {
        &.close_icon {
          margin-right: 0px;
        }
        &.close_icon {
          width: calc(100% - 0px);
        }
        .header-wrapper {
          .logo-wrapper {
            margin-left: 30px;
          }
          .logo-wrapper {
            margin-right: unset;
          }
          .toggle-sidebar {
            margin-left: 15px;
          }
          .toggle-sidebar {
            margin-right: unset;
          }
        }
      }
      .page-body-wrapper {
        .page-body {
          margin-right: 296px;
        }
        footer {
          margin-left: 55px;
        }
        footer {
          margin-right: 360px;
        }
        div.sidebar-wrapper {
          &.close_icon {
            ~ .page-body {
              margin-right: 0px;
            }
            ~ footer {
              margin-right: 0px;
            }
          }
        }
      }
    }
  }
  .page-header {
    .header-wrapper {
      .nav-right {
        text-align: right;
      }
      .nav-right {
        .onhover-show-div {
          left: 0px;
        }
        .onhover-show-div {
          right: unset;
        }
        .onhover-show-div {
          li {
            .flex {
              .grow {
                > span {
                  padding-left: 0.625rem;
                }
                > span {
                  padding-right: unset;
                }
              }
            }
          }
        }
        .cart-dropdown {
          .close-circle {
            left: 0px;
          }
          .close-circle {
            right: unset;
          }
        }
        > ul {
          > li {
            text-align: right;
          }
          > li::before {
            content: var(--tw-content);
            left: unset;
          }
          > li::before {
            content: var(--tw-content);
            right: 0px;
          }
          > li:last-child {
            padding-left: 0px;
          }
          > li:last-child {
            padding-right: 1.25rem;
          }
          > li {
            .lang-txt {
              margin-left: 0px;
            }
            .lang-txt {
              margin-right: 0.5rem;
            }
            .dot {
              left: 17px;
            }
            .dot {
              right: unset;
            }
            &.onhover-dropdown {
              &:hover {
                .onhover-show-div {
                  &:before {
                    left: unset;
                  }
                  &:before {
                    right: 0.625rem;
                  }
                  &:after {
                    left: unset;
                  }
                  &:after {
                    right: 0.625rem;
                  }
                }
              }
              &:last-child {
                padding-left: 0 !important;
                padding-right: 0 !important;
              }
              &:last-child {
                padding-left: 0px;
                padding-right: 0px;
              }
            }
            i {
              &.ms-2 {
                margin-left: unset;
              }
              &.ms-2 {
                margin-right: 0.5rem;
              }
            }
          }
        }
        .profile-dropdown {
          li {
            svg {
              margin-left: 0.625rem;
            }
            svg {
              margin-right: unset;
            }
          }
        }
      }
      .mobile-sidebar {
        padding-left: 1.25rem;
      }
      .mobile-sidebar {
        padding-right: unset;
      }
    }
    &.open {
      margin-right: 0px;
    }
  }
  ul {
    &.notification-dropdown {
      &.onhover-show-div {
        padding: 0 !important;
      }
      &.onhover-show-div {
        left: -30px;
      }
      &.onhover-show-div {
        right: initial;
      }
      &.onhover-show-div {
        padding: 0px;
      }
      &.onhover-show-div::before {
        content: var(--tw-content);
        left: 35px;
      }
      &.onhover-show-div::before {
        content: var(--tw-content);
        right: inherit;
      }
      &.onhover-show-div::after {
        content: var(--tw-content);
        left: 35px;
      }
      &.onhover-show-div::after {
        content: var(--tw-content);
        right: inherit;
      }
      &.onhover-show-div {
        li {
          margin-right: 0px;
        }
        li {
          span {
            &.badge {
              margin-left: unset;
            }
            svg {
              margin-left: 0.625rem;
            }
            svg {
              margin-right: unset;
            }
          }
          .notification-icon {
            margin-left: 1.25rem;
          }
          .notification-icon {
            margin-right: unset;
          }
        }
      }
    }
  }
  .dataTables_wrapper {
    .dataTables_filter {
      input[type="search"] {
        margin-left: 0px;
      }
      input[type="search"] {
        margin-right: 0.625rem;
      }
    }
    .dataTables_length {
      float: right;
    }
    .dataTables_filter {
      float: left;
    }
    .dataTables_info {
      float: right;
    }
    .advance-5_filter {
      margin-left: 0px;
    }
    .btn-group button {
      margin-left: 5px;
    }
    .btn-group button {
      margin-right: unset;
    }
    .btn-group button:last-child {
      margin-left: 0px;
    }
    table {
      &.dataTable {
        tbody {
          td,
            th {
            &.select-checkbox {
              &:after {
                margin-left: 31px;
              }
            }
          }
        }
      }
    }
  }
  div {
    &.dataTables_wrapper {
      div {
        &.dataTables_paginate {
          float: left;
        }
        &.dataTables_paginate {
          margin-left: 0px;
        }
        &.dataTables_paginate {
          margin-right: 15px;
        }
      }
    }
  }
  table {
    &.dataTable {
      thead {
        > tr {
          > th {
            padding-left: 30px;
          }
          > th {
            padding-right: 0.75rem;
          }
          > th::before {
            content: var(--tw-content);
            left: 1em;
          }
          > th::before {
            content: var(--tw-content);
            right: unset;
          }
          > th::after {
            content: var(--tw-content);
            left: 0.5em;
          }
          > th::after {
            content: var(--tw-content);
            right: unset;
          }
        }
      }
    }
  }
  table.dataTable thead .sorting:before,
    table.dataTable thead .sorting_asc:before,
    table.dataTable thead .sorting_desc:before,
    table.dataTable thead .sorting_asc_disabled:before,
    table.dataTable thead .sorting_desc_disabled:before {
    left: 1em;
  }
  table.dataTable thead .sorting:before,
    table.dataTable thead .sorting_asc:before,
    table.dataTable thead .sorting_desc:before,
    table.dataTable thead .sorting_asc_disabled:before,
    table.dataTable thead .sorting_desc_disabled:before {
    right: unset;
  }
  .dataTables_scrollHeadInner {
    padding-left: 0px;
  }
  .dataTables_scrollHeadInner {
    padding-right: unset;
  }
  div {
    &.overflow-x-auto {
      & > div {
        &.dataTables_wrapper {
          & > div {
            &.grid {
              & > div[class^="col-"]:first-child {
                padding-left: 0 !important;
                padding-right: 0 !important;
              }
              & > div[class^="col-"]:first-child {
                padding-left: 0px;
                padding-right: 0px;
              }
              & > div[class^="col-"]:last-child {
                padding-left: 0 !important;
                padding-right: 0 !important;
              }
              & > div[class^="col-"]:last-child {
                padding-left: 0px;
                padding-right: 0px;
              }
            }
          }
        }
      }
    }
  }
  .dt-plugin-buttons {
    button {
      &.m-r-10 {
        margin-left: 0.625rem;
      }
      &.m-r-10 {
        margin-right: 0px;
      }
    }
  }
  .datetime-picker {
    .theme-form {
      .form-group {
        label {
          text-align: left;
        }
        .input-group-text {
          border-top-right-radius: 0px;
        }
        .input-group-text {
          border-bottom-right-radius: 0px;
        }
        .input-group {
          .form-control {
            border-radius: 0.25rem;
          }
          .form-control {
            border-top-left-radius: 0px;
          }
          .form-control {
            border-bottom-left-radius: 0px;
          }
        }
      }
    }
  }
  .rtl-dropdown {
    .btn-group {
      .dropdown-menu {
        right: 0px !important;
      }
      .dropdown-menu {
        left: unset !important;
      }
    }
  }
  .heading-dropdown,
    .dropdown-option {
    .dropdown-menu {
      right: 0px !important;
    }
    .dropdown-menu {
      left: unset !important;
    }
  }
  .split-dropdown {
    .dropdown-basic {
      .separated-btn {
        .dropdown-menu {
          right: 0px !important;
        }
      }
    }
  }
  .dropdown-basic {
    .separated-btn {
      .btn {
        border-radius: 0.25rem !important;
      }
      .btn {
        border-top-right-radius: 0px !important;
      }
      .btn {
        border-bottom-right-radius: 0px !important;
      }
    }
  }
  .error-wrapper {
    .col-md-8 {
      &.offset-md-2 {
        margin-left: auto;
        margin-right: auto;
      }
      &.offset-md-2 {
        margin-top: 0px;
        margin-bottom: 0px;
      }
    }
  }
  .product-price {
    del {
      padding-left: 1.25rem;
    }
    del {
      padding-right: 0px;
    }
  }
  .product-box {
    .modal {
      .modal-header {
        .btn-close {
          left: 15px;
        }
        .btn-close {
          right: unset;
        }
      }
    }
    .ribbon-bookmark {
      &.ribbon-vertical-left {
        &.ribbon-info {
          &:before {
            --tw-border-opacity: 1;
            border-left-color: rgb(0 123 255 / var(--tw-border-opacity, 1));
          }
        }
        &:before {
          left: unset;
        }
        &:before {
          right: 0px;
        }
        &:before {
          border-left-width: 15px;
        }
        &:before {
          border-style: solid;
        }
        &:before {
          --tw-border-opacity: 1;
          border-left-color: rgb(42 49 66 / var(--tw-border-opacity, 1));
        }
      }
      &.ribbon-vertical-right {
        &.ribbon-info {
          &:before {
            --tw-border-opacity: 1;
            border-left-color: rgb(0 123 255 / var(--tw-border-opacity, 1));
          }
          &:before {
            left: unset;
          }
          &:before {
            right: 0px;
          }
          &:before {
            border-left-width: 15px;
          }
          &:before {
            border-style: solid;
          }
          &:before {
            --tw-border-opacity: 1;
            border-left-color: rgb(42 49 66 / var(--tw-border-opacity, 1));
          }
        }
      }
      .ribbon-info {
        &:before {
          border-left-color: transparent;
        }
      }
    }
    .ribbon-warning {
      &.ribbon-clip {
        &:before {
          border-right-width: 0px;
        }
        &:before {
          --tw-border-opacity: 1;
          border-left-color: rgb(255 133 13 / var(--tw-border-opacity, 1));
        }
      }
    }
    .ribbon-clip {
      left: unset;
    }
    .ribbon-clip {
      right: -0.875rem;
    }
    .ribbon-clip::before {
      content: var(--tw-content);
      left: unset;
    }
    .ribbon-clip::before {
      content: var(--tw-content);
      right: 0px;
    }
  }
  .product-hover {
    ul {
      padding-right: 0px;
    }
  }
  .customer-review {
    .flex {
      img {
        margin-left: 25px;
      }
      img {
        margin-right: 0px;
      }
    }
  }
  .nav {
    padding-right: 0px;
  }
  .custom-tab {
    padding: 0.25rem;
  }
  .custom-file-label {
    ::after {
      left: 0px;
    }
    ::after {
      right: unset;
    }
  }
  .wizard-4 {
    .msg-box {
      left: 60px;
    }
    .msg-box {
      right: unset;
    }
    .msg-box {
      .content {
        float: right;
      }
    }
    ul {
      &.anchor {
        float: right;
      }
      &.anchor {
        li {
          a {
            &.done {
              h4 {
                &::before {
                  left: unset;
                }
                &::before {
                  right: 5px;
                }
              }
            }
          }
        }
      }
    }
    .step-container {
      clear: unset;
    }
    .form-group {
      text-align: right;
    }
    .action-bar {
      .btn {
        float: left;
      }
    }
  }
  .f1 {
    .f1-buttons {
      text-align: left;
    }
    .f1-steps {
      .f1-step {
        float: right;
      }
    }
  }
  .jstree-default {
    .jstree-node {
      margin-left: unset;
    }
    .jstree-node {
      margin-right: 1.5rem;
    }
    .jstree-node {
      background-position: -292px -4px;
    }
    .jstree-node {
      background-repeat: repeat-y;
    }
  }
  .sales-report {
    .card-body {
      .balance-data {
        left: 50px;
      }
      .balance-data {
        right: unset;
      }
    }
  }
  .statistical-card {
    li {
      margin-left: 15px;
    }
    li {
      margin-right: unset;
    }
    li {
      + li {
        margin-left: 15px;
        margin-right: 15px;
      }
      + li {
        padding-left: 0.875rem;
      }
      + li {
        padding-right: 15px;
      }
      + li::after {
        content: var(--tw-content);
        left: unset;
      }
      + li::after {
        content: var(--tw-content);
        right: 0px;
      }
      + li::after {
        content: var(--tw-content);
        --tw-translate-x: 15px;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      }
      + li::after {
        content: var(--tw-content);
        --tw-translate-y: -50%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      }
    }
  }
  .appointments-wrapper {
    li {
      > span {
        margin-left: 0.75rem;
      }
      > span {
        margin-right: unset;
      }
      .main-box {
        margin-left: unset;
      }
      .main-box {
        margin-right: 1.25rem;
      }
      &::before {
        left: unset;
      }
      &::before {
        right: 61px;
      }
    }
  }
  .recent-order-table {
    &.currency-table {
      &.recent-table {
        table {
          thead,
            tbody {
            tr {
              th,
                td {
                &:first-child {
                  padding-left: unset;
                }
                &:first-child {
                  padding-right: 1.25rem;
                }
                &:last-child {
                  padding-left: 1.25rem;
                }
                &:last-child {
                  padding-right: unset;
                }
              }
            }
          }
          tbody {
            tr {
              td {
                .btn {
                  min-width: 135px;
                }
              }
              &:hover {
                td {
                  div {
                    .currency-icon {
                      img {
                        animation: tada 1.5s ease infinite;
                      }
                    }
                    h6 {
                      color: rgba(var(--body-font-color),1);
                    }
                    a {
                      color: rgba(var(--theme-default),1);
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }
  .seller-table {
    thead,
      tbody {
      tr {
        th,
          td {
          &:first-child {
            padding-left: unset;
          }
          &:first-child {
            padding-right: 1.25rem;
          }
          &:last-child {
            padding-left: 1.25rem;
          }
          &:last-child {
            padding-right: unset;
          }
        }
      }
    }
  }
  .treading-product {
    .overflow-x-auto {
      .table {
        thead,
          tbody {
          tr {
            th,
              td {
              &:first-child {
                padding-left: unset;
              }
              &:first-child {
                padding-right: 1.25rem;
              }
              &:last-child {
                padding-left: 1.25rem;
              }
              &:last-child {
                padding-right: unset;
              }
            }
          }
        }
      }
    }
  }
  .stock-report {
    .overflow-x-auto {
      .table {
        thead,
          tbody {
          tr {
            th,
              td {
              &:first-child {
                padding-left: unset;
              }
              &:first-child {
                padding-right: 1.25rem;
              }
              &:last-child {
                padding-left: 1.25rem;
              }
              &:last-child {
                padding-right: unset;
              }
            }
          }
        }
      }
    }
  }
  .recent-transaction {
    thead,
      tbody {
      tr {
        th,
          td {
          &:first-child {
            padding-left: unset;
          }
          &:first-child {
            padding-right: 1.25rem;
          }
          &:last-child {
            padding-left: 1.25rem;
          }
          &:last-child {
            padding-right: unset;
          }
        }
      }
    }
  }
  .e-common-button {
    .btn {
      &:first-child {
        margin-left: 0.75rem;
      }
      &:first-child {
        margin-right: unset;
      }
      svg {
        margin-left: 0.375rem;
      }
      svg {
        margin-right: unset;
      }
    }
  }
  .balance-widget {
    .mobile-right-img {
      left: -15%;
    }
  }
  .link-only {
    svg {
      --tw-scale-x: -1;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
  }
  .course-widget {
    a {
      svg {
        --tw-scale-x: -1;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      }
    }
  }
  .t-top-mentor {
    thead,
      tbody {
      tr {
        th,
          td {
          &:first-child {
            padding-left: unset;
          }
          &:first-child {
            padding-right: 1.25rem;
          }
          &:last-child {
            padding-left: 1.25rem;
          }
          &:last-child {
            padding-right: unset;
          }
        }
      }
    }
  }
  .completed-course-table {
    thead,
      tbody {
      tr {
        th,
          td {
          &:first-child {
            padding-left: unset;
          }
          &:first-child {
            padding-right: 1.25rem;
          }
          &:last-child {
            padding-left: 1.25rem;
          }
          &:last-child {
            padding-right: unset;
          }
        }
      }
    }
  }
  .currency-table {
    &.recent-table {
      table {
        thead,
          tbody {
          tr {
            th,
              td {
              &:first-child {
                padding-left: 0.5rem;
              }
              &:first-child {
                padding-right: 1.25rem;
              }
              &:last-child {
                padding-left: 1.25rem;
              }
              &:last-child {
                padding-right: 0.5rem;
              }
            }
          }
        }
      }
      &.average-sale {
        &.overflow-x-auto {
          thead,
            tbody {
            tr {
              th,
                td {
                &:first-child {
                  padding-right: 1.25rem;
                }
                &:last-child {
                  padding-left: 1.25rem;
                }
              }
            }
          }
        }
      }
      &.performer-table {
        &.overflow-x-auto {
          thead,
            tbody {
            tr {
              th,
                td {
                &:first-child {
                  padding-right: 1.25rem;
                }
                &:last-child {
                  padding-left: 1.25rem;
                }
              }
            }
          }
        }
      }
    }
  }
  .transaction-table {
    &.recent-table {
      table {
        thead,
          tbody {
          tr {
            th,
              td {
              &:first-child {
                padding-left: 0.5rem;
              }
              &:first-child {
                padding-right: 1.25rem;
              }
              &:last-child {
                padding-left: 1.25rem;
              }
              &:last-child {
                padding-right: 0.5rem;
              }
            }
          }
        }
      }
    }
  }
  .campaign-table {
    &.recent-table {
      table {
        tr {
          th,
            td {
            &:first-child {
              padding-left: 0.5rem;
            }
            &:first-child {
              padding-right: 1.25rem;
            }
            &:last-child {
              padding-left: 1.25rem;
            }
            &:last-child {
              padding-right: 0.5rem;
            }
          }
        }
      }
    }
    .recent-table {
      &.overflow-x-auto {
        table {
          thead,
            tbody {
            tr {
              th,
                td {
                &:first-child {
                  min-width: 88px;
                }
                &:nth-child(2) {
                  min-width: 80px;
                }
                &:nth-child(3),
                  &:last-child {
                  min-width: 36px;
                }
                &:nth-child(6) {
                  padding-right: 1.25rem;
                }
              }
            }
          }
        }
      }
    }
  }
  .mobile-app-card {
    .card-body {
      .wavy {
        margin-left: -185px;
      }
      .wavy {
        margin-right: unset;
      }
    }
  }
  .follower-wrap {
    .card-body {
      .customers {
        ul {
          li {
            + li {
              margin-right: -2%;
            }
            + li {
              margin-left: unset;
            }
          }
        }
      }
    }
  }
  .art-creator-table {
    &.recent-table {
      table {
        thead,
          tbody {
          tr {
            th,
              td {
              &:first-child {
                padding-left: 0.5rem;
              }
              &:first-child {
                padding-right: 1.25rem;
              }
              &:last-child {
                padding-left: 1.25rem;
              }
              &:last-child {
                padding-left: 0.5rem;
              }
            }
          }
        }
      }
    }
  }
  .nft-table {
    &.recent-table {
      table {
        tr {
          th {
            &:first-child {
              text-align: center;
            }
            @media (max-width: 767px) {
               {
                &:first-child {
                }
              }
            }
            &:first-child {
              padding-left: 0.625rem;
            }
            &:first-child {
              text-align: center;
            }
            &:last-child {
              padding-right: 0.625rem;
            }
          }
          th,
            td {
            &:first-child {
              padding-left: 0.5rem;
            }
            &:first-child {
              padding-right: 1.25rem;
            }
            &:last-child {
              padding-left: 1.25rem;
            }
            &:last-child {
              padding-right: 0.5rem;
            }
          }
        }
      }
      .product-content {
        .order-image {
          .mark-img {
            left: 0px;
          }
          .mark-img {
            right: unset;
          }
        }
      }
    }
  }
  .statistics-card {
    .card-header {
      a {
        i {
          --tw-scale-x: -1;
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        }
      }
    }
  }
  .arrow-round {
    .swiper-button-next,
      .swiper-button-prev {
      &::after {
        --tw-scale-x: -1;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      }
    }
  }
  .total-balance {
    .card-body {
      .common-f-start {
        .flex {
          &:nth-of-type(2) {
            border-left-width: 0px;
          }
          &:nth-of-type(2) {
            border-right-width: 1px;
          }
          &:nth-of-type(2) {
            border-style: solid;
          }
          &:nth-of-type(2) {
            border-right-color: rgba(var(--recent-dashed-border),1);
          }
          &:nth-of-type(2) {
            padding-left: unset;
          }
          &:nth-of-type(2) {
            padding-right: 22px;
          }
        }
      }
    }
  }
  .student-leader-wrapper {
    .student-leader-content {
      .leader-content-height {
        span {
          padding-left: unset;
        }
        span {
          padding-right: 0.25rem;
        }
      }
    }
  }
  .new-enroll-student {
    .recent-table {
      table {
        thead,
          tbody {
          th,
            td {
            &:first-child {
              padding-right: 1.25rem;
            }
            &:last-child {
              padding-left: 1.25rem;
            }
          }
        }
      }
    }
  }
  .top-student-table {
    .recent-table {
      table {
        thead,
          tbody {
          th,
            td {
            &:first-child {
              padding-right: 1.25rem;
            }
            &:last-child {
              padding-left: 1.25rem;
            }
          }
        }
      }
    }
  }
  .horizontal-list-wrapper {
    .list-group-horizontal-sm,
      .list-group-horizontal-md,
      .list-group-horizontal-lg,
      .list-group-horizontal-xl,
      .list-group-horizontal-xxl {
      .list-group-item {
        &:first-child {
          border-radius: 0 6px 6px 0 !important;
        }
        &:last-child {
          border-radius: 6px 0 0 6px;
        }
        &:last-child {
          border-left-width: 1px;
        }
      }
    }
  }
  .img-cropper {
    .docs-buttons {
      > .btn,
        > .form-control {
        margin-left: 0.625rem;
      }
      > .btn,
        > .form-control {
        margin-right: unset;
      }
    }
    .btn-group {
      margin-left: 0.625rem;
    }
    .btn-group {
      margin-right: 0px;
    }
    .btn-group {
      button {
        &:first-child {
          border-top-left-radius: 0px;
        }
        &:first-child {
          border-top-right-radius: 0.5rem;
        }
        &:first-child {
          border-bottom-right-radius: 0.5rem;
        }
        &:first-child {
          border-bottom-left-radius: 0px;
        }
        &:last-child {
          border-top-left-radius: 0.5rem;
        }
        &:last-child {
          border-top-right-radius: 0px;
        }
        &:last-child {
          border-bottom-right-radius: 0px;
        }
        &:last-child {
          border-bottom-left-radius: 0.5rem;
        }
      }
    }
  }
  .docs-toggles {
    .btn-group {
      .btn {
        border-radius: 0px;
      }
      .btn:first-child {
        border-top-right-radius: 0.25rem;
      }
      .btn:first-child {
        border-bottom-right-radius: 0.25rem;
      }
      .btn:last-child {
        border-top-left-radius: 0.25rem;
      }
      .btn:last-child {
        border-bottom-left-radius: 0.25rem;
      }
    }
  }
  .btn-group {
    > .btn:not(:last-child):not(.dropdown-toggle) {
      > .btn-group:not(:last-child) > .btn {
        border-top-right-radius: 0px;
      }
      > .btn-group:not(:last-child) > .btn {
        border-bottom-right-radius: 0px;
      }
    }
  }
  .jsgrid-button {
    + .jsgrid-button {
      margin-left: unset;
    }
    + .jsgrid-button {
      margin-right: 5px;
    }
  }
  .list-group {
    padding-right: 0px;
  }
  .list-group {
    i,
      img {
      margin-left: 0.625rem;
    }
    i,
      img {
      margin-right: 0px;
    }
  }
  .authentication-box {
    text-align: right;
  }
  .navs-icon {
    svg {
      margin-left: 0.625rem;
    }
    svg {
      margin-right: unset;
    }
    .fa {
      margin-left: 0.625rem;
    }
    .fa {
      margin-right: unset;
    }
  }
  .nav-list {
    .nav-list-disc {
      padding-right: 0px;
    }
    .nav-list-disc {
      text-align: right;
    }
  }
  .ps-4 {
    padding-left: 0px;
  }
  .ps-4 {
    padding-right: 30px;
  }
  .onhover-dropdown {
    &.navs-dropdown {
      &:hover {
        .onhover-show-div {
          &:before {
            left: 77px;
          }
          &:before {
            right: unset;
          }
          &:after {
            left: 77px;
          }
          &:after {
            right: unset;
          }
        }
      }
    }
  }
  .navs-dropdown {
    .onhover-show-div {
      .navs-icon {
        li {
          text-align: right;
        }
      }
    }
  }
  .navs-icon.default-according.style-1 {
    li {
      button[aria-expanded="true"] {
        &:before {
          left: 0.125rem;
        }
        &:before {
          right: unset;
        }
      }
      button[aria-expanded="false"]:before {
        left: 0.125rem;
      }
      button[aria-expanded="false"]:before {
        right: unset;
      }
    }
  }
  .search-form {
    .form-group {
      &:after {
        left: unset;
      }
      &:after {
        right: 53px;
      }
      &:before {
        left: unset;
      }
      &:before {
        right: 82px;
      }
    }
  }
  .toolbar-box {
    @media (min-width: 1200px) {
       {
         {
           {
            .ql-toolbar {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            .ql-toolbar {
            }
          }
        }
      }
    }
    .ql-toolbar {
      display: flex;
    }
    .ql-toolbar {
      flex-wrap: wrap;
    }
    .ql-toolbar {
      &.ql-snow {
        .ql-formats {
          margin-left: unset;
        }
        .ql-formats {
          margin-right: 0px;
        }
        .ql-formats {
          .ql-picker {
            .ql-picker-label {
              padding-left: 0.125rem;
            }
            .ql-picker-label {
              padding-right: 0.5rem;
            }
          }
        }
      }
    }
    .ql-container {
      .ql-tooltip {
        left: unset;
      }
      .ql-tooltip {
        right: 1rem;
      }
    }
  }
  .list-product-view {
    .list-product {
      .recent-table {
        div.dt-container {
          .dt-layout-row {
            .dt-search {
              /* @apply left-[214px] right-[unset]; */
            }
            .dt-search {
              right: unset;
            }
          }
        }
        table {
          thead,
            tbody {
            tr {
              th,
                td {
                &:first-child {
                  padding-left: 0.5rem;
                }
                &:first-child {
                  padding-right: 1.25rem;
                }
                &:last-child {
                  padding-left: 1.25rem;
                }
                &:last-child {
                  padding-right: 0.5rem;
                }
              }
            }
          }
          thead {
            tr {
              th {
                &:first-child {
                  text-align: center;
                }
                @media (max-width: 767px) {
                   {
                    &:first-child {
                    }
                  }
                }
                &:first-child {
                  text-align: center;
                }
              }
            }
          }
        }
      }
    }
  }
  .e-category {
    .form-select {
      padding-top: 0.375rem;
      padding-bottom: 0.375rem;
    }
    .form-select {
      padding-left: 2.25rem;
    }
    .form-select {
      padding-right: 0.75rem;
    }
    .main-divider {
      .divider-body {
        &::before {
          left: unset;
        }
        &::before {
          right: 0px;
        }
        h6 {
          padding-left: 0.75rem;
        }
        h6 {
          padding-right: unset;
        }
      }
    }
    .list-product {
      &.list-category {
        div.dt-container {
          .dt-layout-row {
            .dt-search {
              left: 214px;
            }
            .dt-search {
              right: unset !important;
            }
          }
        }
      }
      table {
        thead {
          tr {
            th {
              &:first-child {
                text-align: center;
              }
              @media (max-width: 767px) {
                 {
                  &:first-child {
                  }
                }
              }
              &:first-child {
                text-align: center;
              }
            }
          }
        }
        thead,
          tbody {
          tr {
            th,
              td {
              &:first-child {
                padding-left: 0.625rem;
              }
              &:first-child {
                padding-right: 1.25rem;
              }
              &:last-child {
                padding-left: 1.25rem;
              }
              &:last-child {
                padding-right: 0.625rem;
              }
            }
          }
        }
      }
    }
  }
  .product-page-details {
    span {
      padding-left: 0px;
    }
    span {
      padding-right: 15px;
    }
  }
  .m-checkbox-inline {
    label {
      margin-left: 1.25rem;
    }
    label {
      margin-right: 0px;
    }
  }
  .form-label-align-right {
    label {
      text-align: left;
    }
  }
  .br-theme-bars-reversed,
    .br-theme-bars-movie,
    .br-theme-bars-1to10,
    .br-theme-bars-square {
    .br-widget {
      .br-current-rating {
        float: right;
      }
      a {
        float: right;
      }
    }
  }
  .rating-stars-2 {
    #star-1,
      #star-2,
      #star-3,
      #star-4,
      #star-5 {
      &:checked {
        ~ .main-emoji-text {
          .emoji-msg {
            &::before {
              padding-left: 0.75rem;
            }
            &::before {
              padding-right: unset;
            }
          }
        }
      }
    }
  }
  .ribbon-left {
    left: -0.125rem;
  }
  .ribbon-left {
    right: auto;
  }
  .ribbon-vertical-left {
    left: 0.75rem;
  }
  .ribbon-vertical-left {
    right: auto;
  }
  .ribbon-vertical-right {
    left: 0.75rem;
  }
  .ribbon-vertical-right {
    right: auto;
  }
  .star-ratings {
    ul {
      &.search-info {
        padding-right: 0px;
      }
      &.search-info {
        li {
          & + li {
            margin-left: 0px;
          }
          & + li {
            margin-right: 0.5rem;
          }
          & + li {
            border-left-width: 0px;
          }
          & + li {
            border-right-width: 1px;
          }
          & + li {
            border-style: solid;
          }
          & + li {
            --tw-border-opacity: 1;
            border-right-color: rgb(165 175 198 / var(--tw-border-opacity, 1));
          }
          & + li {
            padding-left: 0px;
          }
          & + li {
            padding-right: 0.5rem;
          }
        }
      }
    }
  }
  .select2-container--default {
    .select2-selection--single {
      .select2-selection__arrow {
        left: 0.625rem;
      }
      .select2-selection__arrow {
        right: unset;
      }
    }
    .select2-selection--multiple {
      .select2-selection__choice {
        float: right;
      }
    }
  }
  .selection {
    .select2-selection {
      .select2-search__field {
        text-align: right;
      }
    }
  }
  .select2-results__option {
    text-align: right;
  }
  .editor-statusbar {
    text-align: left;
  }
  .editor-statusbar {
    span {
      margin-left: unset;
    }
    span {
      margin-right: 1em;
    }
  }
  .CodeMirror-scroll {
    margin-left: -30px;
  }
  .CodeMirror-scroll {
    margin-right: unset;
  }
  .primary-color,
    .yellow-color {
    ul {
      padding-right: 0px;
    }
  }
  .list-with-icon {
    .list-group {
      i {
        margin-left: 0px;
      }
      i {
        margin-right: 0.625rem;
      }
    }
  }
  .ps-scrollbar-y-rail {
    left: 3px;
  }
  .ps-scrollbar-y-rail {
    right: unset;
  }
  .stackable-list {
    .list-group {
      i {
        --tw-scale-x: -1;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      }
    }
  }
  .u-step-desc {
    text-align: right;
  }
  .u-step-number {
    left: unset;
  }
  .u-step-number {
    right: 1.25rem;
  }
  .u-step-number {
    ~ .u-step-desc {
      margin-right: 50px;
    }
  }
  .u-pearl {
    &:after {
      left: 0px;
    }
    &:after {
      right: unset;
    }
    &:before {
      left: unset;
    }
    &:before {
      right: 0px;
    }
  }
  .u-step-icon {
    float: right;
  }
  .u-step-icon {
    margin-left: 0.5em;
  }
  .u-step-icon {
    margin-right: unset;
  }
  .card-header {
    &.note-toolbar {
      .note-color {
        .dropdown-toggle {
          padding-right: 5px;
        }
      }
      .form-group {
        &.draggable {
          text-align: right;
        }
      }
      .form-check {
        padding-left: unset;
      }
      .form-check {
        padding-right: 1.5rem;
      }
      form {
        .custom-control {
          padding-left: unset;
        }
        .custom-control {
          padding-right: 1.5rem;
        }
        .custom-control {
          .custom-control-label {
            &::after {
              left: unset;
            }
            &::after {
              right: 0px;
            }
            &::before {
              left: unset;
            }
            &::before {
              right: 0px;
            }
          }
        }
      }
    }
  }
  .common-form {
    .product-buttons {
      .btn {
        &:first-child {
          margin-left: 0.75rem;
        }
        &:first-child {
          margin-right: unset;
        }
        &:first-child {
          svg {
            margin-left: 0.75rem;
          }
          svg {
            margin-right: unset;
          }
          svg {
            --tw-scale-x: -1;
            --tw-scale-y: -1;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          }
        }
        &:last-child {
          svg {
            margin-left: unset;
          }
          svg {
            margin-right: 0.375rem;
          }
          svg {
            --tw-scale-x: -1;
            --tw-scale-y: -1;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          }
        }
      }
    }
  }
  .review-box {
    .seller-profile {
      .accordion-item {
        .accordion-body {
          .policies-wrapper {
            .ql-toolbar {
              display: block;
            }
            .ql-toolbar {
              display: block;
            }
            .ql-toolbar {
              .ql-formats {
                margin-left: 15px;
              }
              .ql-formats {
                margin-right: unset;
              }
            }
          }
        }
      }
    }
  }
  .vendor-selling-table,
    .seller-order-table {
    .recent-table {
      div.dt-container {
        .dt-layout-row {
          .dt-search {
            left: 1.25rem;
          }
          .dt-search {
            right: unset;
          }
        }
      }
      .table {
        thead,
          tbody {
          tr {
            th,
              td {
              &:first-child {
                text-align: center;
              }
              @media (max-width: 767px) {
                 {
                  &:first-child {
                  }
                }
              }
              &:first-child {
                padding-left: 0.5rem;
              }
              &:first-child {
                padding-right: 1.25rem;
              }
              &:first-child {
                text-align: center;
              }
              &:last-child {
                padding-left: 1.25rem;
              }
              &:last-child {
                padding-right: 0.5rem;
              }
            }
          }
        }
      }
    }
  }
  .seller-details-table {
    .recent-table {
      div.dt-container {
        .dt-layout-row {
          .dt-search {
            left: 214px;
          }
          .dt-search {
            right: unset;
          }
        }
      }
      .table {
        thead,
          tbody {
          tr {
            th,
              td {
              &:first-child {
                text-align: center;
              }
              @media (max-width: 767px) {
                 {
                  &:first-child {
                  }
                }
              }
              &:first-child {
                padding-left: 0.5rem;
              }
              &:first-child {
                padding-right: 1.25rem;
              }
              &:first-child {
                text-align: center;
              }
              &:last-child {
                padding-left: 1.25rem;
              }
              &:last-child {
                padding-right: 0.5rem;
              }
            }
          }
        }
      }
    }
  }
  .seller-wrapper {
    .right-vendor {
      .common-searchbox {
        .form-control {
          border-left-width: 0px;
        }
        .form-control {
          border-right-width: 0px;
        }
        .form-control {
          padding-left: unset;
        }
        .form-control {
          padding-right: 0px;
        }
      }
    }
  }
  .dropdown-toggle::after {
    margin-left: unset;
  }
  .dropdown-toggle::after {
    margin-right: 8px;
  }
  .checkbox {
    label {
      padding-left: unset;
    }
    label {
      padding-right: 1rem;
    }
    @media (max-width: 991px) {
    }
    label::before {
      content: var(--tw-content);
      left: unset;
    }
    label::before {
      content: var(--tw-content);
      right: 0px;
    }
    label::before {
      content: var(--tw-content);
      margin-left: unset;
    }
    label::before {
      content: var(--tw-content);
      margin-right: -1rem;
    }
  }
  .checkbox-wrapper,
    .radio-wrapper {
    li {
      label {
        padding-right: 0px;
      }
      .form-check-label {
        i {
          padding-left: 0.5rem;
        }
        i {
          padding-right: 0px;
        }
      }
    }
  }
  .radio {
    label {
      &::after {
        left: unset;
      }
      &::after {
        right: 5px;
      }
      &::after {
        margin-left: unset;
      }
      &::after {
        margin-right: -1.25rem;
      }
    }
  }
  .introjs-tooltip {
    left: unset;
  }
  .introjs-tooltip {
    right: 0px;
  }
  .introjs-helperNumberLayer {
    left: unset;
  }
  .introjs-helperNumberLayer {
    right: -1rem;
  }
  .introjs-tooltipReferenceLayer {
    .introjs-tooltip {
      .introjs-tooltiptext {
        text-align: right;
      }
      .introjs-tooltipbuttons {
        text-align: left;
      }
      .introjs-tooltipbuttons {
        .introjs-skipbutton {
          margin-left: 5px;
        }
        .introjs-skipbutton {
          margin-right: unset;
        }
        .introjs-nextbutton {
          border-radius: 0.2em 0 0 0.2em;
        }
        .introjs-nextbutton {
          -webkit-border-radius: 0.2em 0 0 0.2em;
          -moz-border-radius: 0.2em 0 0 0.2em;
        }
      }
    }
  }
  .hovercard {
    .follow {
      .border-end {
        border-right-width: 0px;
      }
      .border-end {
        border-left-color: rgba(var(--tw-border-color),1);
      }
    }
  }
  .list-inline-item {
    &:not(:last-child) {
      margin-left: 0.5rem;
    }
    &:not(:last-child) {
      margin-right: unset !important;
    }
  }
  .like-comment {
    ul {
      &.list-inline {
        padding-right: 0px;
      }
    }
  }
  .typeahead {
    text-align: right;
  }
  .listing {
    ul {
      padding-right: 0px;
    }
    ul {
      .icofont {
        float: right;
      }
    }
  }
  .gallery {
    .hover-5 {
      img {
        margin-right: 30px;
      }
      &:hover {
        img {
          margin-right: 0px;
        }
      }
    }
  }
  .lg-outer {
    text-align: right;
  }
  .lg-toolbar .lg-icon {
    float: left;
  }
  #lg-counter {
    float: right;
  }
  #lg-counter {
    padding-left: unset;
  }
  #lg-counter {
    padding-right: 1.25rem;
  }
  .chart-widget-top {
    .text-end {
      text-align: left;
    }
    .num {
      .ms-1 {
        margin-right: 0.25rem;
      }
    }
  }
  .bar-chart-widget {
    .earning-details {
      i {
        left: -15rem;
      }
    }
    .bottom-content {
      .b-r-light {
        border-right-width: 0px;
      }
      .b-r-light {
        border-left-width: 1px;
      }
      .b-r-light {
        border-style: solid;
      }
      .b-r-light {
        --tw-border-opacity: 1;
        border-left-color: rgb(238 238 238 / var(--tw-border-opacity, 1));
      }
      .num {
        .ms-1 {
          margin-right: 0.25rem;
        }
      }
    }
  }
  .customer-sticky {
    .common-search {
      .form-control {
        border-right-width: 0px;
      }
      .form-control {
        border-left-width: 1px;
      }
      .form-control {
        border-style: solid;
      }
      .form-control {
        border-left-color: rgba(var(--gray-60),1);
      }
    }
  }
  .compare-order {
    .card-body {
      .user-growth {
        margin-left: 0.25rem;
      }
      .user-growth {
        margin-right: unset;
      }
    }
  }
  .crm-card {
    .crm-img {
      left: 0.75rem;
    }
    .crm-img {
      right: unset;
    }
  }
  @media (max-width: 991px) {
  }
  .revenue-chart-container {
    margin-top: -23px;
  }
  .revenue-chart-container {
    margin-bottom: -26px;
  }
  .revenue-chart-container {
    margin-left: -0.625rem;
  }
  .revenue-chart-container {
    margin-right: -1rem;
  }
  .finance-wrapper {
    .common-flex h6 {
      &:last-child {
        border-left-width: 0px;
      }
      &:last-child {
        border-right-width: 1px;
      }
      &:last-child {
        border-style: solid;
      }
      &:last-child {
        border-right-color: rgba(var(--chart-dashed-border),1);
      }
      &:last-child {
        padding-left: unset;
      }
      &:last-child {
        padding-right: 1rem;
      }
    }
  }
  .deal-table {
    &.recent-table {
      thead,
        tbody {
        tr {
          th,
            td {
            &:first-child {
              padding-left: 0.5rem;
            }
            &:first-child {
              padding-right: 1.25rem;
            }
            &:last-child {
              padding-left: 1.25rem;
            }
            &:last-child {
              padding-right: 0.5rem;
            }
          }
        }
      }
    }
  }
  .lead-table {
    &.recent-table {
      &.overflow-x-auto {
        div.dt-container {
          .dt-layout-row {
            .dt-layout-cell {
              .dt-search {
                left: 60px;
              }
              .dt-search {
                right: unset;
              }
            }
          }
        }
      }
      thead,
        tbody {
        tr {
          th,
            td {
            &:first-child {
              padding-left: 0.5rem;
            }
            &:first-child {
              padding-right: 1.25rem;
            }
            &:last-child {
              padding: 0.5rem;
            }
            &:last-child {
              padding-left: 1.25rem;
            }
          }
        }
      }
    }
  }
  .main-lead-source {
    margin-right: -100px;
  }
  .main-lead-source {
    margin-left: unset;
  }
  .main-lead-source {
    .lead-source-1 {
      margin-left: 0px;
    }
    .lead-source-1 {
      margin-right: 1.25rem;
    }
    .lead-source-1 {
      margin-top: 2.5rem;
    }
    .lead-source-1 {
      margin-bottom: 5rem;
    }
    .lead-source-2 {
      left: -35%;
    }
    .lead-source-2 {
      right: unset;
    }
  }
  .lead-source-3 {
    left: -90%;
  }
  .lead-source-3 {
    right: unset;
  }
  .lead-source-3 {
    --tw-translate-x: 50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .lead-source-3 {
    --tw-translate-y: 50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .dashboard-13 {
    .common-stat-option {
      margin-left: -0.375rem;
    }
    .common-stat-option {
      margin-right: 0px;
    }
    .common-stat-option {
      --tw-scale-x: -1;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    .delivered-stat-option {
      margin-left: -0.375rem;
    }
    .delivered-stat-option {
      margin-right: 0px;
    }
    .delivered-stat-option {
      --tw-scale-x: -1;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    .vehicle-table {
      .recent-table {
        .dt-container {
          .dt-layout-row {
            table {
              &.dataTable {
                thead {
                  tr {
                    th {
                      &:first-child {
                        text-align: center;
                      }
                      @media (max-width: 767px) {
                         {
                          &:first-child {
                          }
                        }
                      }
                      &:first-child {
                        text-align: center;
                      }
                    }
                  }
                }
              }
            }
          }
        }
        table {
          thead,
            tbody {
            tr {
              th,
                td {
                &:first-child {
                  padding-left: 0.5rem;
                }
                &:first-child {
                  padding-right: 1.25rem;
                }
                &:last-child {
                  padding-left: 1.25rem;
                }
                &:last-child {
                  padding-right: 0.5rem;
                }
              }
            }
          }
        }
      }
    }
    .shipment-tracking-table {
      .recent-table {
        div.dt-container {
          .dt-layout-row {
            table {
              &.dataTable {
                thead {
                  tr {
                    th {
                      &:first-child {
                        text-align: center;
                      }
                      @media (max-width: 767px) {
                         {
                          &:first-child {
                          }
                        }
                      }
                      &:first-child {
                        text-align: center;
                      }
                    }
                  }
                }
              }
            }
          }
        }
        table {
          thead,
            tbody {
            tr {
              th,
                td {
                &:first-child {
                  padding-left: 0.5rem;
                }
                &:first-child {
                  padding-right: 1.25rem;
                }
                &:last-child {
                  padding-left: 1.25rem;
                }
                &:last-child {
                  padding-right: 0.5rem;
                }
              }
            }
          }
        }
      }
    }
  }
  .page-analytics-table {
    .recent-table {
      div.dt-container {
        .dt-layout-row {
          .dt-layout-cell {
            .dt-search {
              left: 60px;
            }
            .dt-search {
              right: unset;
            }
          }
          &:first-child {
            .dt-length {
              left: unset;
            }
            .dt-length {
              right: 1.25rem;
            }
          }
        }
      }
      .table {
        thead,
          tbody {
          tr {
            th,
              td {
              &:first-child {
                padding-right: 1.25rem;
              }
              &:last-child {
                padding-left: 1.25rem;
              }
            }
          }
        }
      }
    }
  }
  .session-progress {
    .progress {
      .small-progressbar {
        .animate-circle {
          left: -1rem;
        }
        .animate-circle {
          right: unset;
        }
      }
      .small-progressbar {
        &::after {
          left: -9px;
        }
        &::after {
          right: unset;
        }
      }
      .progress-label {
        left: -1.25rem;
      }
      .progress-label {
        right: unset;
      }
    }
  }
  .analytics-view-wrapper {
    margin-top: -34px;
  }
  .analytics-view-wrapper {
    margin-bottom: -30px;
  }
  .analytics-view-wrapper {
    margin-left: -0.625rem;
  }
  .analytics-view-wrapper {
    margin-right: px;
  }
  .visit-duration-wrapper {
    margin-top: -34px;
  }
  .visit-duration-wrapper {
    margin-bottom: -30px;
  }
  .visit-duration-wrapper {
    margin-left: 35px;
  }
  .visit-duration-wrapper {
    margin-right: -0.625rem;
  }
  .session-browser-table {
    .overflow-x-auto {
      .table {
        thead,
          tbody {
          tr {
            th,
              td {
              &:first-child {
                padding-left: 0.5rem;
              }
              &:first-child {
                padding-right: 1.25rem;
              }
              &:last-child {
                padding-left: 1.25rem;
              }
              &:last-child {
                padding-left: 0.5rem;
              }
            }
          }
        }
      }
    }
  }
  .attendance-table {
    &.recent-table {
      table {
        thead,
          tbody {
          tr {
            th,
              td {
              &:first-child {
                padding-right: 1.25rem;
              }
              &:last-child {
                padding-left: 1.25rem;
              }
            }
          }
        }
      }
    }
  }
  .birthday-cards {
    .swiper {
      .swiper-slide {
        .birthday-usercard {
          .btd-user {
            .verified-user {
              left: 0px;
            }
            .verified-user {
              right: unset;
            }
          }
        }
      }
    }
    .send-wishes {
      i {
        --tw-scale-x: -1;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      }
    }
  }
  .project-analytics {
    .project-analytics-wrapper {
      margin-top: 0 !important;
    }
    .project-analytics-wrapper {
      margin-left: 0px;
    }
    .project-analytics-wrapper {
      margin-right: -0.625rem;
    }
    .project-analytics-wrapper {
      margin-top: 0px;
    }
    .project-analytics-wrapper {
      margin-bottom: -1.25rem;
    }
  }
  .project-finish-card {
    .project-right-content {
      left: -1rem;
    }
    .project-right-content {
      right: unset;
    }
  }
  .leave-request-table {
    &.overflow-x-auto {
      .table {
        thead,
          tbody {
          th,
            td {
            &:first-child {
              padding-right: 1.25rem;
            }
            &:last-child {
              padding-left: 1.25rem;
            }
          }
        }
      }
    }
  }
  .schedule-calender {
    .tab-content {
      .activity-update {
        > li {
          > div {
            border-radius: 0px 6px 6px 0px;
          }
          > div {
            padding-left: 0;
          }
          > div {
            padding-right: 0px;
          }
        }
      }
    }
  }
  .schedule-calender {
    .tab-content {
      .activity-update {
        > li {
          .left-schedule {
            margin-left: unset;
          }
          .left-schedule {
            margin-right: 0.875rem;
          }
        }
      }
    }
  }
  .schedule-calender {
    .tab-content {
      .activity-update {
        > li {
          .left-schedule {
            .customers {
              padding-left: 0.375rem;
            }
            .customers {
              padding-right: unset;
            }
            .customers {
              ul {
                li {
                  @media (max-width: 991px) {
                  }
                  + li {
                    margin-left: unset;
                  }
                  + li {
                    margin-right: -1rem;
                  }
                }
              }
            }
            .schedule-name {
              border-left-width: 0px;
            }
            .schedule-name {
              border-right-width: 1px;
            }
            .schedule-name {
              border-style: solid;
            }
            .schedule-name {
              border-right-color: rgba(var(--badge-light-color),0.8);
            }
            .schedule-name {
              padding-left: unset;
            }
            .schedule-name {
              padding-right: 0.375rem;
            }
          }
        }
      }
    }
  }
  .html-expert-table {
    .dt-container {
      .dt-buttons {
        float: none;
      }
      .dt-search {
        text-align: left;
      }
    }
  }
  .dashboard-12 {
    .main-expenses {
      .monthly-expense-wrapper,
        .yearly-expense-wrapper {
        --tw-scale-x: -1;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      }
    }
    .tasks-card {
    }
    .arrow-group {
      .prev,
        .next {
        --tw-scale-x: -1;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      }
    }
    .all-project-table {
      .recent-table {
        .dt-container {
          .dt-layout-row {
            table {
              &.dataTable {
                thead {
                  tr {
                    th {
                      &:first-child {
                        text-align: center;
                      }
                      @media (max-width: 767px) {
                         {
                          &:first-child {
                          }
                        }
                      }
                      &:first-child {
                        text-align: center;
                      }
                    }
                  }
                }
              }
            }
          }
        }
        table {
          thead,
            tbody {
            tr {
              th,
                td {
                &:first-child {
                  padding-left: 0.5rem;
                }
                &:first-child {
                  padding-right: 1.25rem;
                }
                &:last-child {
                  padding-left: 1.25rem;
                }
                &:last-child {
                  padding-right: 0.5rem;
                }
              }
            }
          }
        }
      }
    }
    .upcoming-datatable {
      .recent-table {
        .dt-container {
          .dt-layout-row {
            table {
              &.dataTable {
                thead {
                  tr {
                    th {
                      &:first-child {
                        text-align: center;
                      }
                      @media (max-width: 767px) {
                         {
                          &:first-child {
                          }
                        }
                      }
                      &:first-child {
                        text-align: center;
                      }
                    }
                  }
                }
              }
            }
          }
        }
        table {
          thead,
            tbody {
            tr {
              th,
                td {
                &:first-child {
                  padding-left: 0.5rem;
                }
                &:first-child {
                  padding-right: 1.25rem;
                }
                &:last-child {
                  padding-left: 1.25rem;
                }
                &:last-child {
                  padding-right: 0.5rem;
                }
              }
            }
          }
        }
      }
    }
    .recent-activity-table {
      .recent-table {
        .dt-container {
          .dt-layout-row {
            table {
              &.dataTable {
                thead {
                  tr {
                    th {
                      &:first-child {
                        text-align: center;
                      }
                      @media (max-width: 767px) {
                         {
                          &:first-child {
                          }
                        }
                      }
                      &:first-child {
                        text-align: center;
                      }
                    }
                  }
                }
              }
            }
          }
        }
        table {
          thead,
            tbody {
            tr {
              th,
                td {
                &:first-child {
                  padding-left: 0.5rem;
                }
                &:first-child {
                  padding-right: 1.25rem;
                }
                &:last-child {
                  padding-left: 1.25rem;
                }
                &:last-child {
                  padding-right: 7px;
                }
              }
            }
          }
        }
      }
    }
    .team-performance-table {
      .recent-table {
        table {
          thead,
            tbody {
            tr {
              th,
                td {
                &:first-child {
                  padding-left: 0.5rem;
                }
                &:first-child {
                  padding-right: 1.25rem;
                }
                &:last-child {
                  padding-left: 1.25rem;
                }
                &:last-child {
                  padding-right: 0.5rem;
                }
              }
            }
          }
        }
      }
    }
  }
  .chart-vertical-center {
    #myDoughnutGraph,
      #myPolarGraph {
      width: auto;
    }
  }
  div {
    &.dt-buttons {
      float: right;
    }
  }
  .dt-button-collection {
    left: unset;
  }
  .dt-button-collection {
    right: 0px;
  }
  .dropzone {
    .dz-preview {
      .dz-error-mark,
        .dz-success-mark {
        left: unset;
      }
      .dz-error-mark,
        .dz-success-mark {
        right: 50%;
      }
      .dz-error-mark,
        .dz-success-mark {
        margin-right: -27px;
      }
      .dz-error-mark,
        .dz-success-mark {
        margin-left: unset;
      }
      .dz-filename,
        .dz-details,
        .dz-remove {
        text-align: right;
      }
    }
  }
  .page-wrapper {
    .page-body-wrapper {
      footer {
        margin-left: unset;
      }
      footer {
        margin-right: 265px;
      }
      footer {
        p {
          i {
            margin-left: unset;
          }
          i {
            margin-right: 5px;
          }
        }
      }
    }
  }
  .footer-links {
    text-align: left;
  }
  .page-item {
    &:first-child {
      .page-link {
        margin-right: 0;
      }
      .page-link {
        margin-right: 0px;
      }
      .page-link {
        border-top-left-radius: 0px;
      }
      .page-link {
        border-bottom-left-radius: 0px;
      }
      .page-link {
        border-top-right-radius: 0.25rem;
      }
      .page-link {
        border-bottom-right-radius: 0.25rem;
      }
      .page-link {
        border-left-color: none;
      }
    }
    &:last-child {
      .page-link {
        border-top-right-radius: 0px;
      }
      .page-link {
        border-bottom-right-radius: 0px;
      }
      .page-link {
        border-top-left-radius: 0.25rem;
      }
      .page-link {
        border-bottom-left-radius: 0.25rem;
      }
    }
  }
  .popover.top,
    .popover.bottom {
    > .arrow:after {
      margin-left: unset;
    }
    > .arrow:after {
      margin-right: -0.625rem;
    }
  }
  .taiwind-touchspin {
    > .input-group-append {
      > .btn,
        > .input-group-text {
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
      }
      > .btn,
        > .input-group-text {
        border-bottom-right-radius: 0px;
      }
      > .btn,
        > .input-group-text {
        border-bottom-left-radius: 0px;
      }
    }
    > .form-control,
      > .custom-select {
      &:not(:last-child) {
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
      }
      &:not(:last-child) {
        border-bottom-right-radius: 0px;
      }
      &:not(:last-child) {
        border-bottom-left-radius: 0px;
      }
    }
    .rounded-touchspin {
      .btn-touchspin {
        i {
          --tw-scale-x: -1;
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        }
      }
    }
  }
  .pre-post-touchspin {
    .decrement-touchspin,
      .increment-touchspin {
      border-radius: 0px;
    }
  }
  .typeahead {
    span {
      &.twitter-typeahead {
        .tt-suggestion {
          text-align: right;
        }
      }
    }
    .league-name {
      margin-right: 5px;
    }
    .league-name {
      text-align: right;
    }
  }
  .follow {
    .text-md-right {
      text-align: left;
    }
  }
  .jvectormap-zoomin,
    .jvectormap-zoomout,
    .jvectormap-goback {
    left: unset;
  }
  .jvectormap-zoomin,
    .jvectormap-zoomout,
    .jvectormap-goback {
    right: 0.625rem;
  }
  .customizer-links {
    left: 0px;
  }
  .customizer-links {
    right: unset;
  }
  .customizer-links {
    > .nav {
      padding-right: 0.625rem;
    }
    .nav-link {
      &:after {
        left: unset;
      }
      &:after {
        right: -0.625rem;
      }
      &:after {
        border-left-width: 0px;
      }
      &:after {
        border-color: 5px 5px 5px 0;
      }
      &:after {
        border-right-color: rgba(var(--primary-color),0.25);
      }
      span {
        left: -60px;
      }
      span {
        right: unset;
      }
      &:hover {
        span {
          left: 3rem;
        }
      }
    }
    &.open {
      left: 330px;
    }
    &.open {
      right: unset;
    }
    &.open {
      border-radius: 0 8px 8px 0;
    }
  }
  .customizer-contain {
    left: -330px;
  }
  .customizer-contain {
    right: unset;
  }
  .customizer-contain {
    width: 330px;
  }
  .customizer-contain {
    &.open {
      left: 0px;
    }
    &.open {
      right: unset;
    }
    .customizer-header {
      .icon-close {
        left: unset;
      }
      .icon-close {
        right: 30px;
      }
    }
  }
  .box-layout {
    &.page-wrapper.horizontal-wrapper {
      .page-header {
        padding-left: unset;
      }
      .page-header {
        padding-right: 250px;
      }
      .page-header {
        &.open {
          padding-right: 0px;
        }
      }
    }
    &.page-wrapper {
      &.compact-wrapper {
        .page-body-wrapper {
          .page-body {
            margin-left: unset;
          }
          .page-body {
            margin-right: 230px;
          }
          .sidebar-wrapper {
            border-radius: 0 10px 10px 0;
          }
          .sidebar-wrapper {
            &.close_icon {
              ~ footer {
                left: 50%;
              }
              ~ footer {
                width: 1280px;
              }
              ~ footer {
                padding-inline: 0;
              }
            }
          }
          footer:not(.kanban-container footer) {
            padding-left: unset;
          }
          footer:not(.kanban-container footer) {
            padding-right: 230px;
          }
        }
        .page-header {
          margin-left: auto;
          margin-right: auto;
        }
        .page-header {
          padding-left: unset;
        }
        .page-header {
          padding-right: 230px;
        }
        .page-header {
          &.close_icon {
            padding-right: 100px;
          }
          .header-wrapper {
            border-radius: 10px 0px 0px 0px;
          }
        }
      }
      .page-header {
        &.close_icon {
          margin-left: auto;
        }
        &.close_icon {
          padding-left: unset;
        }
        &.close_icon {
          padding-right: 5rem;
        }
      }
    }
  }
  body.dark-only {
    .custom-card {
      .card-footer {
        > div {
          + div {
            border-right-width: 1px;
          }
          + div {
            border-style: solid;
          }
          + div {
            border-right-color: rgba(var(--dark-card-border),1);
          }
        }
      }
    }
    .page-wrapper {
      .page-body-wrapper {
        .page-body {
          .card:not(.email-body) {
            .border-right {
              border-right-width: 0px;
            }
            .border-right {
              border-left-width: 1px;
            }
            .border-right {
              border-style: solid;
            }
            .border-right {
              border-left-color: rgba(var(--dark-card-border),1);
            }
          }
        }
      }
      &.compact-wrapper {
        .page-header {
          .header-wrapper {
            .toggle-sidebar {
              border-right-width: 0px;
            }
            .toggle-sidebar {
              border-left-width: 1px;
            }
            .toggle-sidebar {
              border-style: solid;
            }
            .toggle-sidebar {
              border-left-color: rgba(var(--dark-card-border),1);
            }
          }
        }
      }
    }
    .social-chat {
      .grow {
        &:after {
          border-left-width: 7px;
        }
        &:after {
          border-right-width: 0px;
        }
        &:after {
          border-style: solid;
        }
        &:after {
          border-left-color: rgba(var(--dark-card-background),1);
        }
      }
    }
    .contacts-tabs {
      .nav-pills {
        border-right-width: 0px;
      }
      .nav-pills {
        border-left-width: 1px;
      }
      .nav-pills {
        border-style: solid;
      }
      .nav-pills {
        border-left-color: rgba(var(--dark-card-border),1);
      }
    }
  }
  .default-dashboard,
    .dashboard-2,
    .dashboard-3,
    .dashboard-4,
    .dashboard-5,
    .dashboard-6,
    .dashboard-7,
    .dashboard-09,
    .dashboard-10,
    .dashboard-11,
    .dashboard-12,
    .dashboard-13,
    .main-scope-project,
    .e-category,
    .list-product-view,
    .seller-details-wrapper,
    .common-order-history,
    .common-cart,
    .api-manage,
    .role-permission-wrapper,
    .user-list-wrapper,
    .manage-review-wrapper,
    .candidate-wrapper,
    .product-report-wrapper,
    .sale-report-wrapper,
    .sale-return-wrapper,
    .customer-order-wrapper,
    .main-tasks,
    .subscribed-user,
    .overall-budget {
    .heading-space {
      .card-header {
        .header-top {
          margin-left: unset;
        }
        .header-top {
          margin-right: 74px;
        }
      }
    }
    div.dt-container {
      .dt-layout-row {
        .dt-length {
          left: unset;
        }
        .dt-length {
          right: 1.25rem;
        }
        .dataTable {
          thead {
            tr {
              th {
                text-align: right;
              }
              th {
                &:not(:first-child) {
                  padding-left: 1.75rem;
                }
              }
            }
          }
          &.table-sm {
            thead {
              tr {
                th {
                  &.dt-orderable-asc,
                    &.dt-orderable-desc,
                    &.dt-ordering-asc,
                    &.dt-ordering-desc {
                    padding-left: 1.25rem;
                  }
                  &.dt-orderable-asc,
                    &.dt-orderable-desc,
                    &.dt-ordering-asc,
                    &.dt-ordering-desc {
                    span {
                      &.dt-column-order {
                        left: 5px;
                      }
                      &.dt-column-order {
                        right: unset;
                      }
                    }
                  }
                }
              }
            }
          }
          thead {
            tr {
              th {
                &.dt-orderable-asc,
                  &.dt-orderable-desc,
                  &.dt-ordering-asc,
                  &.dt-ordering-desc {
                  padding-left: 1.75rem;
                }
                &.dt-orderable-asc,
                  &.dt-orderable-desc,
                  &.dt-ordering-asc,
                  &.dt-ordering-desc {
                  padding-right: 0.625rem;
                }
                &.dt-orderable-asc,
                  &.dt-orderable-desc,
                  &.dt-ordering-asc,
                  &.dt-ordering-desc {
                  span {
                    &.dt-column-order {
                      left: 0.75rem;
                    }
                    &.dt-column-order {
                      right: unset;
                    }
                    &.dt-column-order {
                      &::before,
                        &::after {
                        left: unset;
                      }
                      &::before,
                        &::after {
                        right: 0px;
                      }
                    }
                  }
                }
              }
            }
          }
        }
        .dt-layout-cell {
          .dt-search {
            left: -24px;
          }
          .dt-search {
            right: unset;
          }
          .dt-search {
            label {
              margin-left: 0.375rem;
            }
            label {
              margin-right: unset;
            }
          }
        }
        .dt-paging {
          text-align: start;
        }
        .dt-paging {
          .dt-paging-button {
            margin-left: 0.75rem;
          }
          .dt-paging-button {
            margin-right: unset;
          }
          .dt-paging-button {
            &:last-child {
              margin-left: 0px;
            }
            &:last-child {
              margin-right: unset;
            }
          }
        }
        .dt-select {
          .dt-select-checkbox {
            &:indeterminate {
              &::after {
                left: unset;
              }
              &::after {
                right: 0.25rem;
              }
            }
            &:checked {
              &::after {
                margin-left: unset;
              }
              &::after {
                margin-right: -0.25rem;
              }
            }
          }
        }
      }
    }
  }
  .seller-details-table {
    .recent-table {
      div {
        &.dt-container {
          .dt-layout-row {
            .dt-search {
              left: 214px !important;
            }
            .dt-search {
              right: unset;
            }
          }
        }
      }
    }
  }
  .product-report-wrapper,
    .sale-report-wrapper,
    .sale-return-wrapper,
    .customer-order-wrapper {
    .top-body {
      ~ {
        .product-report,
          .sale-return-report,
          .sale-report,
          .customer-order-report,
          .subscribed-user-wrapper {
          .dt-container {
            .dt-layout-row {
              &:first-child {
                left: 1.25rem;
              }
              &:first-child {
                right: unset;
              }
              &:first-child {
                justify-content: flex-end;
              }
            }
          }
        }
      }
    }
    .product-report,
      .sale-return-report,
      .sale-report,
      .customer-order-report {
      .recent-table {
        div.dt-container {
          .dt-layout-row {
            .dt-search {
              inset: 0px;
            }
          }
        }
      }
    }
  }
  .sale-return-wrapper {
    .sale-return-report {
      .recent-table {
        .dt-container {
          .dt-layout-row {
            table {
              &.dataTable {
                thead {
                  tr {
                    th {
                      &:first-child {
                        text-align: center;
                      }
                      @media (max-width: 767px) {
                         {
                          &:first-child {
                          }
                        }
                      }
                      &:first-child {
                        text-align: center;
                      }
                    }
                  }
                }
              }
            }
          }
        }
        table {
          thead,
            tbody {
            tr {
              th,
                td {
                &:first-child {
                  padding-left: 0.5rem;
                }
                &:first-child {
                  padding-right: 1.25rem;
                }
                &:last-child {
                  padding-left: 1.25rem;
                }
                &:last-child {
                  padding-right: 0.5rem;
                }
              }
            }
          }
        }
      }
    }
  }
  .sale-report-wrapper {
    .sale-report {
      .recent-table {
        .dt-container {
          .dt-layout-row {
            table {
              &.dataTable {
                thead {
                  tr {
                    th {
                      &:first-child {
                        text-align: center;
                      }
                      @media (max-width: 767px) {
                         {
                          &:first-child {
                          }
                        }
                      }
                      &:first-child {
                        text-align: center;
                      }
                    }
                  }
                }
              }
            }
          }
        }
        table {
          thead,
            tbody {
            tr {
              th,
                td {
                &:first-child {
                  padding-left: 0.5rem;
                }
                &:first-child {
                  padding-right: 1.25rem;
                }
                &:last-child {
                  padding-left: 1.25rem;
                }
                &:last-child {
                  padding-right: 0.5rem;
                }
                &:nth-child(n + 3) {
                  text-align: center;
                }
                @media (max-width: 767px) {
                   {
                    &:nth-child(n + 3) {
                    }
                  }
                }
                &:nth-child(n + 3) {
                  text-align: center;
                }
              }
            }
          }
        }
      }
    }
  }
  .product-report-wrapper {
    .product-report {
      .recent-table {
        .dt-container {
          .dt-layout-row {
            table {
              &.dataTable {
                thead {
                  tr {
                    th {
                      &:first-child {
                        text-align: center;
                      }
                      @media (max-width: 767px) {
                         {
                          &:first-child {
                          }
                        }
                      }
                      &:first-child {
                        text-align: center;
                      }
                    }
                  }
                }
              }
            }
          }
        }
        table {
          thead,
            tbody {
            tr {
              th,
                td {
                &:first-child {
                  padding-left: 0.5rem;
                }
                &:first-child {
                  padding-right: 1.25rem;
                }
                &:last-child {
                  padding-left: 1.25rem;
                }
                &:last-child {
                  padding-right: 0.5rem;
                }
              }
            }
          }
        }
      }
    }
  }
  .subscribed-user {
    .subscribed-user-wrapper {
      .dt-container {
        .dt-layout-row {
          &:first-child {
            left: 2rem;
          }
          .dt-search {
            inset: 0px !important;
          }
          table {
            &.dataTable {
              thead {
                tr {
                  th {
                    &:first-child {
                      text-align: center;
                    }
                    @media (max-width: 767px) {
                       {
                        &:first-child {
                        }
                      }
                    }
                    &:first-child {
                      text-align: center;
                    }
                  }
                }
              }
            }
          }
        }
      }
      table {
        thead,
          tbody {
          tr {
            th,
              td {
              &:first-child {
                padding-left: 0.5rem;
              }
              &:first-child {
                padding-right: 1.25rem;
              }
              &:last-child {
                padding-left: 1.25rem;
              }
              &:last-child {
                padding-right: 0.5rem;
              }
            }
          }
        }
      }
    }
  }
  .candidate-wrapper {
    .candidates-box {
      .overflow-x-auto {
        .dt-container {
          .dt-layout-row {
            .dt-search {
              left: 1.25rem;
            }
            .dt-search {
              right: unset;
            }
          }
          table {
            &.dataTable {
              thead,
                tbody {
                tr {
                  th,
                    td {
                    &:first-child {
                      padding-left: 0.625rem;
                    }
                    &:first-child {
                      padding-right: 1.25rem;
                    }
                    &:last-child {
                      padding-left: 1.25rem;
                    }
                    &:last-child {
                      padding-right: 0.625rem;
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }
  .main-tasks {
    .common-task-table {
      .overflow-x-auto {
        .dt-container {
          .dt-layout-row {
            table {
              &.dataTable {
                thead {
                  tr {
                    th {
                      &:first-child {
                        text-align: center;
                      }
                      @media (max-width: 767px) {
                         {
                          &:first-child {
                          }
                        }
                      }
                      &:first-child {
                        text-align: center;
                      }
                    }
                  }
                }
              }
            }
          }
        }
        table {
          thead,
            tbody {
            tr {
              th,
                td {
                &:first-child {
                  padding-left: 0.5rem;
                }
                &:first-child {
                  padding-right: 1.25rem;
                }
                &:last-child {
                  padding-left: 1.25rem;
                }
                &:last-child {
                  padding-right: 0.5rem;
                }
              }
            }
          }
        }
      }
    }
  }
  .api-management {
    .recent-table {
      div.dt-container {
        .dt-layout-row {
          table {
            &.dataTable {
              thead {
                tr {
                  th {
                    &:first-child {
                      text-align: center;
                    }
                    @media (max-width: 767px) {
                       {
                        &:first-child {
                        }
                      }
                    }
                    &:first-child {
                      text-align: center;
                    }
                  }
                }
              }
            }
          }
        }
      }
      table {
        thead,
          tbody {
          tr {
            th,
              td {
              &:first-child {
                padding-left: 0.5rem;
              }
              &:first-child {
                padding-right: 1.25rem;
              }
              &:last-child {
                padding-left: 1.25rem;
              }
              &:last-child {
                padding-right: 0.5rem;
              }
            }
          }
        }
      }
    }
  }
  .role-permission-wrapper {
    .permission-table {
      div.dt-container {
        .dt-layout-row {
          table {
            &.dataTable {
              thead {
                tr {
                  th {
                    &:first-child {
                      text-align: center;
                    }
                    @media (max-width: 767px) {
                       {
                        &:first-child {
                        }
                      }
                    }
                    &:first-child {
                      text-align: center;
                    }
                  }
                }
              }
            }
          }
        }
      }
      table {
        thead,
          tbody {
          tr {
            th,
              td {
              &:first-child {
                padding-left: 0.5rem;
              }
              &:first-child {
                padding-right: 1.25rem;
              }
              &:last-child {
                padding-left: 1.25rem;
              }
              &:last-child {
                padding-right: 0.5rem;
              }
            }
          }
        }
      }
    }
  }
  .manage-review {
    .recent-table {
      table {
        thead,
          tbody {
          tr {
            th,
              td {
              &:first-child {
                padding-left: 0.5rem;
              }
              &:first-child {
                padding-right: 1.25rem;
              }
              &:last-child {
                padding-left: 1.25rem;
              }
              &:last-child {
                padding-right: 0.5rem;
              }
            }
            &.dt-hasChild {
              ~ {
                tr[data-dt-row] {
                  td {
                    padding-left: 20px;
                    padding-right: 20px;
                  }
                  td {
                    table {
                      tr {
                        td {
                          &:first-child {
                            padding-left: 0.5rem;
                          }
                          &:first-child {
                            padding-right: 1.25rem;
                          }
                          &:last-child {
                            padding-left: 1.25rem;
                          }
                          &:last-child {
                            padding-right: 0.5rem;
                          }
                        }
                      }
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }
  .user-list-wrapper {
    .user-list-table {
      div.dt-container {
        .dt-layout-row {
          table {
            &.dataTable {
              thead {
                tr {
                  th {
                    &:first-child {
                      text-align: center;
                    }
                    @media (max-width: 767px) {
                       {
                        &:first-child {
                        }
                      }
                    }
                    &:first-child {
                      text-align: center;
                    }
                  }
                }
              }
            }
          }
        }
      }
      table {
        thead,
          tbody {
          tr {
            th,
              td {
              &:first-child {
                padding-left: 0.5rem;
              }
              &:first-child {
                padding-right: 1.25rem;
              }
              &:last-child {
                padding-left: 1.25rem;
              }
              &:last-child {
                padding-right: 0.5rem;
              }
            }
          }
        }
      }
    }
  }
  .sitemap-wrapper {
    .horizontal-sitemap {
      .tier-1 {
        li {
          text-align: right;
        }
        li {
          > a:not(.tier-2 li a) {
            &:first-child {
              &::before {
                left: unset;
              }
              &::before {
                right: 50%;
              }
              &::before {
                --tw-translate-x: 50%;
                transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
              }
            }
          }
        }
        .tier-2 {
          border-left-width: 0px;
        }
        .tier-2 {
          border-right-width: 2px;
        }
        .tier-2 {
          border-style: solid;
        }
        .tier-2 {
          border-right-color: rgba(var(--dark-color),1);
        }
        .tier-2 {
          li {
            &::before {
              right: -22px;
            }
            &::before {
              left: unset;
            }
            > a::before {
              right: -22px;
            }
            > a::before {
              left: unset;
            }
            > a::before {
              --tw-translate-y: -50%;
              transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            }
            > a::before {
              --tw-scale-x: -1;
              transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            }
          }
          .tier-3 {
            border-left-width: 0px;
          }
          .tier-3 {
            border-right-width: 2px;
          }
          .tier-3 {
            border-style: solid;
          }
          .tier-3 {
            border-right-color: rgba(var(--dark-color),1);
          }
        }
      }
      .main-site {
        li {
          .main-root {
            &::after {
              left: unset;
            }
            &::after {
              right: 50%;
            }
          }
        }
      }
    }
  }
  .dtfh-floatingparent-foot {
    left: unset;
  }
  .dtfh-floatingparent-foot {
    right: 312px;
  }
  .dtfh-floatingparent-foot {
    > div {
      padding-left: 15px;
    }
    > div {
      padding-right: unset;
    }
  }
  .like-comment {
    .list-inline {
      .list-inline-item {
        border-right-width: 0px;
      }
      .list-inline-item {
        border-left-width: 1px;
      }
      .list-inline-item {
        border-style: solid;
      }
      .list-inline-item {
        border-left-color: rgba(var(--gray-60),1);
      }
      .list-inline-item:last-child {
        border-left-width: 0px;
      }
      .list-inline-item:last-child {
        border-right-width: 0px;
      }
    }
  }
  .user-profile {
    .common-user-image {
      .user-image {
        .avatar {
          .common-align {
            text-align: right;
          }
          .common-align {
            > div {
              .icon-wrapper {
                & #cancelButton {
                  right: calc( 73% + (80 - 73) * ((100vw - 320px) / (1920 - 320)) );
                }
                & #cancelButton {
                  left: unset;
                }
              }
            }
          }
          .follow {
            > div {
              + div {
                margin-left: unset;
              }
              + div {
                margin-right: 0.75rem;
              }
              + div {
                border-right-width: 1px;
              }
              + div {
                border-left-width: 0px;
              }
              + div {
                border-style: solid;
              }
              + div {
                border-right-color: rgba(var(--light-semi-gray),0.2);
              }
              + div {
                padding-left: unset;
              }
              + div {
                padding-right: 0.75rem;
              }
            }
          }
        }
      }
    }
  }
  .edit-profile {
    .profile-title {
      .flex {
        .grow {
          margin-left: unset;
        }
        .grow {
          margin-right: 0.875rem;
        }
      }
    }
  }
  .user-profile-wrapper {
    &.scope-bottom-wrapper {
      .sidebar-left-icons {
        li {
          &::before {
            left: unset;
          }
          &::before {
            right: 2rem;
          }
        }
      }
      .project-teammate {
        ul {
          li {
            + li {
              margin-left: unset;
            }
            + li {
              margin-right: -0.75rem;
            }
          }
        }
      }
    }
  }
  .toast-rtl {
    .toast {
      .toast-header {
        strong {
          margin-left: auto;
        }
        strong {
          margin-right: unset;
        }
      }
      .btn-close {
        margin-left: unset;
      }
      .btn-close {
        margin-right: 0.375rem;
      }
    }
  }
  .toast-icons {
    margin-left: 0.375rem;
  }
  .toast-icons {
    margin-right: unset;
  }
  .default-according {
    .card {
      .card-header {
        i {
          margin-left: 5px;
        }
        i {
          margin-right: unset;
        }
        .btn-link {
          text-align: right;
        }
      }
    }
  }
  .rating-header {
    h4 {
      direction: ltr;
    }
  }
  .starter-main {
    .alert-primary {
      &.inverse {
        padding-top: 13px;
        padding-bottom: 13px;
      }
      &.inverse {
        padding-left: 1.25rem;
      }
      &.inverse {
        padding-right: 65px;
      }
      &.inverse::before {
        content: var(--tw-content);
        left: unset;
      }
      &.inverse::before {
        content: var(--tw-content);
        right: 55px;
      }
      &.inverse::before {
        content: var(--tw-content);
        border-left-width: 0px;
      }
      &.inverse::before {
        content: var(--tw-content);
        border-right-width: 7px;
      }
      &.inverse::before {
        content: var(--tw-content);
        border-style: solid;
      }
      &.inverse::before {
        content: var(--tw-content);
        border-right-color: rgba(var(--primary-color),1);
      }
      &.inverse {
        i {
          left: unset;
        }
        i {
          right: 0px;
        }
      }
    }
  }
  .card-block {
    .overflow-x-auto {
      .table caption {
        padding-left: unset;
      }
      .table caption {
        padding-right: 0.625rem;
      }
      .table caption {
        text-align: right;
      }
    }
  }
  .ribbon-vertical-right {
    left: auto;
  }
  .ribbon-vertical-right {
    right: 1.25rem;
  }
  .smooth-animate {
    &:hover {
      .label {
        padding-left: 0.75em;
      }
      .label {
        padding-right: 1em;
      }
    }
    .label {
      left: unset;
    }
    .label {
      right: -1.5rem;
    }
    .label {
      border-radius: 2px 5px 0px 2px;
    }
    .label::before {
      content: var(--tw-content);
      left: unset;
    }
    .label::before {
      content: var(--tw-content);
      right: 0px;
    }
    .label::after {
      content: var(--tw-content);
      left: unset;
    }
    .label::after {
      content: var(--tw-content);
      right: 0px;
    }
  }
  .vertical-left-animate {
    .ribbon-wrapper {
      .ribbon {
        direction: ltr;
      }
    }
  }
  .vertical-ribbon-animate {
    .ribbon-vertical-right {
      > div {
        i {
          margin-left: 0.375rem;
        }
        i {
          margin-right: unset;
        }
      }
    }
  }
  .file-manager-grid {
    .folder {
      &:hover {
        .folder-icon {
          &::after {
            margin-left: unset;
          }
          &::after {
            margin-right: 3px;
          }
          &::after {
            --tw-skew-x: 10deg;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          }
        }
      }
    }
    .doc-icon {
      &::after {
        left: 0px;
      }
      &::after {
        right: unset;
      }
      &::after {
        border-left-width: 0px;
      }
      &::after {
        border-right-color: rgba(var(--dark-light-color),1);
      }
    }
  }
  .common-file-manager {
    .filemanger {
      .top-folder-path {
        .folder-path-write {
          input {
            margin-left: unset;
          }
          input {
            margin-right: 0.625rem;
          }
        }
        .path-action-btns {
          margin-left: 5px;
        }
        .path-action-btns {
          margin-right: unset;
        }
      }
      .top-menu {
        button {
          i {
            margin-left: 0.5rem;
          }
          i {
            margin-right: unset;
          }
        }
      }
    }
    .toast-messages {
      left: 0px;
    }
    .toast-messages {
      right: unset;
    }
  }
  .pricing-plan {
    .bg-img {
      left: -2.5rem;
    }
    .bg-img {
      right: unset;
    }
    .bg-img {
      --tw-rotate: 45deg;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
  }
  .jkanban-container {
    .kanban-container {
      footer {
        .btn::before {
          padding-left: 0.5rem;
        }
        .btn::before {
          padding-right: unset;
        }
      }
    }
  }
  .kanban-item {
    .list {
      li {
        + li {
          margin-left: unset;
        }
        + li {
          margin-right: 0.375rem;
        }
        + li {
          border-left-width: 0px;
        }
        + li {
          border-right-width: 1px;
        }
        + li {
          border-style: dotted;
        }
        + li {
          border-right-color: rgba(var(--dark-gray),1);
        }
        + li {
          padding-left: unset;
        }
        + li {
          padding-right: 0.375rem;
        }
      }
    }
    .common-f-start {
      li {
        + li {
          margin-right: -22px;
        }
        + li {
          margin-left: unset;
        }
      }
    }
  }
  .sidebar-left-wrapper {
    border-right-width: 0px;
  }
  .sidebar-left-wrapper {
    border-left-width: 1px;
  }
  .sidebar-left-wrapper {
    border-style: solid;
  }
  .sidebar-left-wrapper {
    border-left-color: rgba(var(--recent-dashed-border),1);
  }
  .sidebar-left-wrapper {
    .sidebar-left-icons {
      .nav-item {
        &::before {
          left: unset;
        }
        &::before {
          right: 1.25rem;
        }
      }
    }
  }
  .sidebar-body {
    .ql-snow {
      .ql-picker-label {
        padding-left: 0.125rem;
      }
      .ql-picker-label {
        padding-right: 0.5rem;
      }
      .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
        left: 0px;
      }
      .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
        right: unset;
      }
    }
    .form-select {
      padding-top: 0.375rem;
      padding-bottom: 0.375rem;
    }
    .form-select {
      padding-left: 2.25rem;
    }
    .form-select {
      padding-right: 0.75rem;
    }
    .ql-formats {
      border-right-width: 0px;
    }
    .ql-formats {
      border-left-width: 1px;
    }
    .ql-formats {
      border-style: solid;
    }
    .ql-formats {
      border-left-color: rgba(var(--recent-dashed-border),1);
    }
    .ql-formats:last-of-type {
      border-left-width: 0px;
    }
  }
  .tagify__tag {
    margin-left: 0px;
  }
  .tagify__tag {
    margin-right: 5px;
  }
  .tagify__tag__removeBtn {
    margin-left: 4.6666666667px;
  }
  .tagify__tag__removeBtn {
    margin-right: auto;
  }
  .list-product {
    .datatable-dropdown {
      label {
        &:before {
          left: unset;
        }
        &:before {
          right: 38px;
        }
      }
    }
    .datatable-sorter {
      &::before,
        &::after {
        left: 0.25rem;
      }
      &::before,
        &::after {
        right: unset;
      }
    }
    tr {
      th,
        td {
        text-align: right;
      }
    }
    .datatable-search {
      float: right;
    }
  }
  .common-form {
    .product-buttons {
      left: unset;
    }
    .product-buttons {
      right: 50%;
    }
    .product-buttons {
      --tw-translate-x: 50%;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
  }
  .review-box {
    .rating-box {
      ul {
        li {
          .rating-list {
            h6 {
              i {
                margin-left: unset;
              }
              i {
                margin-right: 3px;
              }
            }
          }
        }
      }
    }
    .review-people {
      .review-list {
        li {
          .people-box {
            .people-comment {
              padding-right: calc( 10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)) );
            }
            .people-comment {
              padding-left: unset;
            }
            .people-comment {
              h6 {
                /* @apply ml-[unset] mr-auto; */
              }
            }
          }
        }
      }
    }
  }
  .product-rating-box {
    .main-product-rating {
      i {
        margin-left: unset;
      }
      i {
        margin-right: 0.25rem;
      }
    }
  }
  .product-total {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .product-total {
    padding-top: 0px;
  }
  .product-total {
    padding-bottom: 1.25rem;
  }
  .wishlist-box {
    .wishlist-image {
      .wishlist-close-btn {
        left: unset;
      }
      .wishlist-close-btn {
        right: -1.25rem;
      }
    }
    .wishlist-footer {
      .price {
        del {
          padding-left: unset;
        }
        del {
          padding-right: 0.125rem;
        }
      }
    }
  }
  .summery-contain {
    li {
      h6 {
        span {
          padding-left: unset;
        }
        span {
          padding-right: 0.375rem;
        }
      }
      .price {
        margin-left: unset;
      }
      .price {
        margin-right: auto;
      }
    }
  }
  .summary-total {
    li {
      .price {
        margin-left: unset;
      }
      .price {
        margin-right: auto;
      }
    }
  }
  .manage-review-wrapper {
    .top-body {
      ~ {
        .manage-review {
          .dt-container {
            .dt-layout-row {
              &:first-child {
                left: unset;
              }
              &:first-child {
                right: 20px;
              }
            }
          }
        }
      }
    }
  }
  .main-setting {
    .tab-links {
      .tab-link {
        svg {
          --tw-scale-x: -1;
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        }
      }
    }
  }
  .horizontal-wrapper {
    .sidebar-list {
      i.fa-solid.fa-thumbtack {
        left: 0px;
      }
      i.fa-solid.fa-thumbtack {
        right: unset;
      }
    }
  }
  .sidebar-list {
    i.fa-solid.fa-thumbtack {
      left: 54px;
    }
    i.fa-solid.fa-thumbtack {
      right: unset;
    }
  }
  .page-body-wrapper {
    .sidebar-links {
      .sidebar-list {
        &:hover {
          i.fa-thumbtack {
            left: 1.25rem;
          }
          i.fa-thumbtack {
            right: unset;
          }
        }
      }
    }
  }
  .only-body {
    .page-header {
      .header-wrapper {
        .search-full {
          left: unset;
        }
        .search-full {
          right: 25px;
        }
      }
    }
  }
  .progress-chart-wrap {
    margin-right: -22px;
  }
  .progress-chart-wrap {
    margin-left: unset;
  }
  .main-timeline {
    ul {
      &::before {
        left: unset;
      }
      &::before {
        right: 5px;
      }
    }
  }
  .square-timeline {
    .timeline-event {
      .timeline-event-wrapper {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
      }
      .timeline-event-wrapper {
        left: unset;
      }
      .timeline-event-wrapper {
        right: 38px;
      }
      .timeline-event-wrapper {
        padding-top: 0px;
        padding-bottom: 0px;
      }
      .timeline-event-wrapper {
        padding-left: 0px;
      }
      .timeline-event-wrapper {
        padding-right: 0.875rem;
      }
      .timeline-event-icon {
        left: unset;
      }
      .timeline-event-icon {
        right: 0.875rem;
      }
    }
  }
  .icon-hover-bottom {
    .icon-popup {
      .close-icon {
        left: 0.625rem;
      }
      .close-icon {
        right: unset;
      }
    }
  }
  .track-order-details {
    #order-status-timeline {
      .status-bar {
        left: unset;
      }
      .status-bar {
        right: 50%;
      }
      .status-bar {
        --tw-translate-x: 50%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      }
    }
  }
  .page-header {
    .header-wrapper {
      .nav-right {
        > ul {
          > li {
            &:first-child {
              margin-right: 0px;
            }
          }
        }
        &.right-header {
          ul {
            li {
              .profile-media {
                .profile-content {
                  margin-left: unset;
                }
                .profile-content {
                  margin-right: 15px;
                }
              }
            }
          }
        }
      }
      .toggle-sidebar {
        margin-left: 0.125rem;
      }
      .toggle-sidebar {
        margin-right: unset;
      }
    }
  }
  .common-f-start {
    .seller-filter {
      left: unset;
    }
    .seller-filter {
      right: 0px;
    }
    .seller-filter::after {
      content: var(--tw-content);
      left: unset;
    }
    .seller-filter::after {
      content: var(--tw-content);
      right: 0px;
    }
  }
  .notification {
    ul {
      &::before {
        left: unset;
      }
      &::before {
        right: 0.125rem;
      }
    }
  }
  .explore-card {
    .group-btn {
      direction: rtl;
    }
    .group-btn {
      justify-content: flex-end;
    }
  }
  .swiper {
    direction: ltr;
    .swiper-wrapper {
      .swiper-slide {
        > * {
          direction: rtl;
        }
      }
    }
  }
  .unpaid-fees-table {
    .recent-table {
      &.overflow-x-auto {
        table {
          thead,
            tbody {
            th,
              td {
              &:first-child {
                padding-right: 1.25rem;
              }
              &:last-child {
                padding-left: 1.25rem;
              }
            }
          }
        }
      }
    }
  }
  .b-l-primary {
    border-left-width: 0px !important;
  }
  .b-l-primary {
    border-right-width: 4px;
  }
  .b-l-primary {
    border-style: solid;
  }
  .b-l-primary {
    border-right-color: rgba(var(--theme-default),1);
  }
  .b-l-secondary {
    border-left-width: 0px !important;
  }
  .b-l-secondary {
    border-right-width: 4px;
  }
  .b-l-secondary {
    border-style: solid;
  }
  .b-l-secondary {
    border-right-color: rgba(var(--theme-secondary),1);
  }
  .b-l-warning {
    border-left-width: 0px !important;
  }
  .b-l-warning {
    border-right-width: 4px;
  }
  .b-l-warning {
    border-style: solid;
  }
  .b-l-warning {
    border-right-color: rgba(var(--warning-color));
  }
  .b-l-success {
    border-left-width: 0px !important;
  }
  .b-l-success {
    border-right-width: 4px;
  }
  .b-l-success {
    border-style: solid;
  }
  .b-l-success {
    border-right-color: rgba(var(--success-color),1);
  }
  .b-l-info {
    border-left-width: 0px !important;
  }
  .b-l-info {
    border-right-width: 4px;
  }
  .b-l-info {
    border-style: solid;
  }
  .b-l-info {
    border-right-color: rgba(var(--info-color),1);
  }
  .mega-option-box {
    .megaoptions-border-space-sm {
      .form-check {
        .form-check-label {
          padding-left: 0 !important;
        }
      }
    }
  }
  .right-sidebar-chat {
    .offcanvas-wrapper {
      .contact-edit {
        &.dropdown {
          .dropdown-menu {
            &.show {
              left: 0px;
            }
            &.show {
              right: unset !important;
            }
          }
        }
      }
    }
    .right-sidebar-title {
      .common-space {
        .contact-edit {
          &.dropdown {
            .dropdown-menu {
              &.show {
                left: 0px;
              }
              &.show {
                right: unset !important;
              }
            }
          }
        }
      }
    }
  }
  .left-sidebar-wrapper {
    .advance-options {
      .tab-content {
        .tab-pan {
          .contact-wrapper {
            .contact-edit {
              &.dropdown {
                .dropdown-menu {
                  &.show {
                    left: 0px;
                  }
                  &.show {
                    right: unset !important;
                  }
                }
              }
            }
          }
        }
      }
    }
  }
  /* .left-sidebar-chat{
      .contact-wrapper{
        .dropdown{
          .dropdown-menu{
            &.show{
              @apply !right-[unset] left-0;
            }
          }
        }
      }
    } */
  .interviewer-users {
    ul {
      li {
        i {
          --tw-scale-x: -1;
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        }
      }
    }
  }
  .file-manager-grid {
    .file {
      &:hover {
        .doc-icon {
          &::after {
            border-left-width: 0px;
          }
          &::after {
            border-right-color: rgba(var(--dark-light-color),1);
          }
        }
      }
    }
  }
  .selectpicker {
    ~ {
      .custom-dropdown {
        .dropdown-toggle {
          text-align: right;
        }
        .dropdown-toggle {
          text-align: unset;
          &::before {
            float: left;
          }
          &::before {
            margin-left: 0px;
          }
          &::before {
            margin-right: 15px;
          }
        }
      }
    }
  }
  .fg-emoji-container {
    left: 135px !important;
  }
  .fg-emoji-container {
    .fg-emoji-picker-search-icon {
      left: -0.375rem;
    }
    .fg-emoji-picker-search-icon {
      right: unset;
    }
  }
  table thead th,
    table thead td,
    table tfoot th,
    table tfoot td {
    text-align: right;
  }
  .main-segment-btn {
    .input-group {
      .btn-outline-secondary {
        border-radius: 0px !important;
      }
    }
  }
  .main-icon-checkbox.checkbox label::before {
    margin-left: unset;
  }
  .main-icon-checkbox.checkbox label::before {
    margin-right: 1px;
  }
  .card-body {
    &.alerts-icon {
      .alert {
        > div {
          margin-left: 0.625rem;
        }
        > div {
          margin-right: unset;
        }
        > div {
          svg {
            margin: 0px !important;
          }
          svg {
            margin: 0px;
          }
        }
      }
    }
  }
  .alert-dismissible {
    .btn-close {
      left: 0px;
    }
    .btn-close {
      right: unset;
    }
  }
  .card-body {
    .alert {
      svg {
        ~ p {
          padding-left: unset;
        }
        ~ p {
          padding-right: 1.25rem;
        }
      }
    }
  }
  .alert {
    i {
      margin-left: 5px;
    }
    i {
      margin-right: 0px;
    }
    &.alert-dismissible {
      padding-left: 2.5rem;
    }
    &.alert-dismissible {
      padding-right: 15px;
    }
    &.alert-dismissible {
      .me-2 {
        margin-right: auto;
      }
    }
  }
  .input-type {
    .btn {
      border-radius: 0.375rem !important;
    }
  }
  .ql-formats {
    .ql-picker-label {
      svg {
        left: 0px;
      }
      svg {
        right: unset !important;
      }
    }
  }
  .ql-editor {
    ol {
      padding-left: unset;
    }
    ol {
      padding-right: 1.5rem;
    }
    ol {
      li {
        &:not(.ql-direction-rtl)::before {
          margin-left: unset;
          margin-right: unset;
        }
      }
    }
    ul {
      padding-left: unset;
    }
    ul {
      padding-right: 1.5rem;
    }
    ul {
      li {
        &:not(.ql-direction-rtl)::before {
          margin-left: unset;
          margin-right: unset;
        }
      }
    }
  }
  .location-checkbox {
    span {
      padding-left: unset;
    }
    span {
      padding-right: 33px;
    }
  }
  .card-absolute {
    .card-header {
      left: unset;
    }
    .card-header {
      right: 15px;
    }
  }
  .cke_toolbar,
    .cke_toolgroup,
    a.cke_button,
    .cke_combo_text {
    float: right;
  }
  .cke_reset_all,
    .cke_reset_all *,
    .cke_reset_all a,
    .cke_reset_all textarea {
    text-align: right;
  }
  .cke_combo_text {
    padding-left: unset;
  }
  .cke_combo_text {
    padding-right: 0.625rem;
  }
  .text-right {
    text-align: left;
  }
  .activity-wrapper {
    .tab-content {
      .activity-update {
        > li {
          border-right: 3px solid rgba(var(--badge-light-color), 0.2);
          border-left: unset;
          .grow {
            margin-left: unset;
          }
          .grow {
            margin-right: 10px;
          }
          .shrink-0 {
            svg {
              margin-right: unset;
            }
            svg {
              margin-left: 6px;
            }
          }
        }
      }
    }
  }
  .datepickers-container {
    position: relative;
  }
  .datepickers-container {
    .datepicker {
      &.-bottom-left- {
        left: 79rem !important;
      }
      &.-bottom-left- {
        right: unset;
      }
      &.-bottom-left- {
        top: -27rem !important;
      }
    }
  }
  .candidate-wrapper {
    .candidates-box {
      .common-f-start {
        .attachment {
          i {
            margin-right: 0;
          }
          i {
            margin-left: 4px;
          }
        }
      }
    }
  }
  .explore-card {
    --tw-scale-x: -1;
    --tw-scale-y: -1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .explore-card {
    .card-body {
      --tw-scale-x: -1;
      --tw-scale-y: -1;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    .card-body {
      .card-gap {
        margin-top: 10px;
      }
    }
  }
  @media (max-width: 1199px) {
    .unpaid-fees-table {
      .recent-table.overflow-x-auto {
        div.dt-container {
          .dt-layout-row {
            .dt-layout-cell {
              .dt-search {
                left: unset;
              }
              .dt-search {
                right: 1.25rem;
              }
            }
          }
        }
      }
    }

    .jkanban-container .btn {
      margin-left: unset;
    }

    .jkanban-container .btn {
      margin-right: 1.25rem;
    }

    .link-section > div > h6:before {
      left: 0.625rem;
    }

    .link-section > div > h6:before {
      right: unset;
    }

    .sidebar-left-wrapper {
      border-left-width: 0px;
    }

    .page-wrapper .page-header .header-wrapper .nav-right > ul li .submenu li:first-child {
      padding-left: 15px;
      padding-right: 15px;
    }

    .user-profile .hovercard .user-image .share-icons {
      left: 45px;
    }

    .email-wrap .grid .col-span-6 {
      padding-right: 15px;
    }

    .email-wrap .grid .col-span-3 + .col-span-3 {
      padding-left: 15px;
    }

    .email-wrap .email-app-sidebar .main-menu > li {
      text-align: right;
    }

    .email-wrap .email-app-sidebar .main-menu > li a i {
      margin-left: 0.625rem;
    }

    .email-wrap .email-app-sidebar .main-menu > li a i {
      margin-right: unset;
    }

    .email-wrap .email-app-sidebar ul {
      padding-right: 0px;
    }

    .email-wrap .email-right-aside .email-body .pe-0 {
      padding-right: unset;
    }

    .email-wrap .email-right-aside .radius-left {
      border-radius: 0.25rem;
    }

    .email-wrap .email-right-aside .radius-left {
      border-top-right-radius: 0px;
    }

    .email-wrap .email-right-aside .radius-left {
      border-bottom-right-radius: 0px;
    }

    .chat-menu-icons {
      text-align: left;
    }

    .chat-menu {
      left: 0px;
    }

    .chat-menu {
      right: unset;
    }

    .horizontal-list-wrapper .list-group.list-group-horizontal-xl .list-group-item {
      border-radius: 0px;
    }

    .horizontal-list-wrapper .list-group.list-group-horizontal-xl .list-group-item:first-child {
      border-radius: 6px 6px 0 0;
    }

    .horizontal-list-wrapper .list-group.list-group-horizontal-xl .list-group-item:first-child {
      border-left-width: 1px;
    }

    .horizontal-list-wrapper .list-group.list-group-horizontal-xl .list-group-item:first-child {
      border-style: solid;
    }

    .horizontal-list-wrapper .list-group.list-group-horizontal-xl .list-group-item:first-child {
      border-left-color: rgba(var(--light-gray),1);
    }

    .horizontal-list-wrapper .list-group.list-group-horizontal-xl .list-group-item:last-child {
      border-radius: 0 0 6px 6px;
    }

    .horizontal-list-wrapper .list-group.list-group-horizontal-xl .list-group-item:last-child {
      border-left-width: 1px;
    }

    .horizontal-list-wrapper .list-group.list-group-horizontal-xl .list-group-item:last-child {
      border-style: solid;
    }

    .horizontal-list-wrapper .list-group.list-group-horizontal-xl .list-group-item:last-child {
      border-left-color: rgba(var(--light-gray),1);
    }

    .top-student-table {
      .recent-table {
        &.overflow-x-auto {
          div.dt-container {
            .dt-layout-row {
              .dt-layout-cell {
                .dt-search {
                  left: unset;
                }
                .dt-search {
                  right: 1.25rem;
                }
              }
            }
          }
        }
      }
    }

    .rounded-timeline .timeline::after {
      left: unset;
    }

    .rounded-timeline .timeline::after {
      right: 75px;
    }

    .currency-table {
      &.recent-table {
        &.performer-table,
          &.average-sale {
          &.overflow-x-auto {
            div.dt-container {
              .dt-layout-row {
                .dt-layout-cell {
                  .dt-search {
                    left: unset;
                  }
                  .dt-search {
                    right: 1.25rem;
                  }
                }
              }
            }
          }
        }
      }
    }

    .rounded-timeline .container.right {
      left: unset;
    }

    .rounded-timeline .container.right {
      right: 75px;
    }

    .rounded-timeline .container.right::after {
      content: var(--tw-content);
      left: unset;
    }

    .rounded-timeline .container.right::after {
      content: var(--tw-content);
      right: -0.5rem;
    }
  }
  @media (max-width: 1366px) and (min-width: 1200px) {
    .learning-comment {
      float: right;
    }

    .learning-comment {
      margin-left: unset;
    }

    .learning-comment {
      margin-right: -0.875rem;
    }

    .learning-comment {
      float: right;
    }

    .learning-comment {
      margin-left: unset;
    }

    .learning-comment {
      margin-right: -0.875rem;
    }
  }
  @media (min-width: 576px) {
    .role-permission-wrapper {
      .permission-table {
        div {
          &.dt-container {
            .dt-layout-row {
              .dt-search {
                right: unset;
              }
              .dt-search {
                left: 234px;
              }
            }
          }
        }
      }
    }

    .offset-sm-3 {
      margin-left: unset;
    }

    .offset-sm-3 {
      margin-right: 25%;
    }

    .text-sm-end {
      text-align: left;
    }

    .float-sm-end {
      float: left;
    }

    .me-sm-2 {
      margin-left: 0.5rem;
    }

    .me-sm-2 {
      margin-right: unset;
    }

    .user-list-wrapper .user-list-table div.dt-container .dt-layout-row .api-management .recent-table div.dt-container .dt-layout-row .dt-search {
      left: 145px;
    }

    .user-list-wrapper .user-list-table div.dt-container .dt-layout-row .api-management .recent-table div.dt-container .dt-layout-row .dt-search {
      right: unset;
    }

    .mega-horizontal .offset-sm-3 {
      margin-left: unset;
    }

    .mega-horizontal .offset-sm-3 {
      margin-right: 25%;
    }

    .project-tabs.common-space .nav-tabs .nav-item:first-child .nav-link {
      padding-left: 25px;
    }

    .project-tabs.common-space .nav-tabs .nav-item:first-child .nav-link {
      padding-right: 0px;
    }

    .project-tabs.common-space .nav-tabs .nav-item:last-child .nav-link {
      padding-left: 0px;
    }

    .project-tabs.common-space .nav-tabs .nav-item:last-child .nav-link {
      padding-right: 25px;
    }

    .pe-sm-3 {
      padding-left: 1rem;
    }

    .pe-sm-3 {
      padding-right: unset;
    }

    .user-list-wrapper {
      .user-list-table {
        div.dt-container {
          .dt-layout-row {
            .dt-search {
              left: 185px;
            }
            .dt-search {
              right: unset;
            }
          }
        }
      }
    }
  }
  @media (max-width: 480px) {
    .knob-chart .chart-clock-main {
      width: unset;
    }

    .knob-chart .chart-clock-main .clock-small {
      right: 84px;
    }

    .knob-chart .chart-clock-main .clock-large {
      left: unset;
    }

    .knob-chart .chart-clock-main .clock-large {
      right: 0.75rem;
    }

    .knob-chart .chart-clock-main .clock-medium {
      left: unset;
    }

    .knob-chart .chart-clock-main .clock-medium {
      right: 44px;
    }
  }
  @media (max-width: 360px) {
    .email-verify {
      p {
        margin: auto;
      }
      p {
        width: 200px;
      }
    }

    .social-app-profile .hovercard .user-image .avatar {
      margin-top: -47px;
    }

    .social-app-profile .hovercard .user-image .avatar img {
      height: 85px;
    }

    .social-app-profile .hovercard .user-image .avatar img {
      width: 85px;
    }

    .social-chat .other-msg {
      margin-right: 15px;
    }
  }
  @media (min-width: 1200px) {
    .offset-xl-3 {
      margin-left: unset;
    }

    .offset-xl-3 {
      margin-right: 25%;
    }

    .float-xl-end {
      float: left;
    }

    .pixelstrap {
      ul {
        a {
          &:hover,
            &:focus,
            &:active,
            &.highlighted {
            .sub-arrow {
              left: 3px;
            }
            .sub-arrow {
              right: unset;
            }
          }
        }
      }
    }
  }
  @media (max-width: 1366px) {
    .profile-dropdown.onhover-show-div {
      left: 0px;
    }

    .profile-dropdown.onhover-show-div {
      right: unset;
    }

    .product-wrapper .product-grid .feature-products {
      margin-right: 0px;
    }

    .product-grid {
      margin-right: 0px;
    }

    .d-none-productlist {
      margin-left: 0.625rem;
    }

    .d-none-productlist {
      margin-right: unset;
    }

    .photos ul li:nth-child(3n) {
      margin-left: 15px;
    }

    .photos ul li:nth-child(3n) {
      margin-right: unset;
    }
  }
  @media (max-width: 991px) {
    .text-lg-start {
      text-align: right;
    }

    .sitemap-wrapper {
      .horizontal-sitemap {
        .tier-1 {
          .tier-2 {
            margin-right: 0px;
          }
          .tier-2 {
            margin-left: unset;
          }
          .tier-2 {
            padding-right: 20px;
          }
          .tier-2 {
            padding-left: unset;
          }
          .tier-2 {
            .tier-3 {
              margin-right: 0px;
            }
            .tier-3 {
              margin-left: unset;
            }
            .tier-3 {
              li {
                padding-right: 20px;
              }
              li {
                padding-left: unset;
              }
            }
          }
          li {
            padding-right: 0px;
          }
          li {
            padding-left: unset;
          }
        }
      }
    }
  }
  @media (min-width: 992px) {
    .sitemap-wrapper {
      .horizontal-sitemap {
        .tier-1 {
          .tier-2 {
            margin-right: calc(6px + (28 - 6) * ((100vw - 992px) / (1920 - 992)));
          }
          .tier-2 {
            margin-left: unset;
          }
          .tier-2 {
            li {
              > a {
                &::before {
                  right: calc(-16px + ((-22) - (-16)) * ((100vw - 992px) / (1920 - 992)));
                }
                &::before {
                  left: unset;
                }
                &::before {
                  --tw-translate-y: -50%;
                  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                }
                &::before {
                  --tw-scale-x: -1;
                  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                }
              }
              &::before {
                right: calc(-16px + ((-22) - (-16)) * ((100vw - 992px) / (1920 - 992)));
              }
              &::before {
                left: unset;
              }
            }
            .tier-3 {
              margin-right: calc(6px + (56 - 6) * ((100vw - 992px) / (1920 - 992)));
            }
            .tier-3 {
              margin-left: unset;
            }
          }
          li {
            padding-right: calc(15px + (22 - 15) * ((100vw - 992px) / (1920 - 992)));
          }
          li {
            padding-left: unset;
          }
        }
      }
    }
  }
  @media (max-width: 1399px) {
    .employee-list-table {
      &.recent-table {
        div.dt-container {
          .dt-layout-row {
            .dt-layout-cell {
              .dt-search {
                left: unset;
              }
              .dt-search {
                right: 1.25rem;
              }
            }
          }
        }
      }
    }

    .bookmark-wrap {
      .main-bookmark {
        .md-sidebar {
          .md-sidebar-aside {
            left: unset;
          }
          .md-sidebar-aside {
            right: 0px;
          }
        }
      }
    }

    .attendance-table.recent-table div.dt-container .dt-layout-row .dt-search {
      left: unset;
    }

    .attendance-table.recent-table div.dt-container .dt-layout-row .dt-search {
      right: 1.25rem;
    }

    .session-progress .progress .progress-label {
      left: -1rem;
    }

    .session-progress .progress .progress-label {
      right: unset;
    }

    .horizontal-list-wrapper .list-group.list-group-horizontal-xxl .list-group-item {
      border-radius: 0px;
    }

    .horizontal-list-wrapper .list-group.list-group-horizontal-xxl .list-group-item:first-child {
      border-radius: 6px 6px 0 0;
    }

    .horizontal-list-wrapper .list-group.list-group-horizontal-xxl .list-group-item:first-child {
      border-left-width: 1px;
    }

    .horizontal-list-wrapper .list-group.list-group-horizontal-xxl .list-group-item:first-child {
      border-style: solid;
    }

    .horizontal-list-wrapper .list-group.list-group-horizontal-xxl .list-group-item:first-child {
      border-left-color: rgba(var(--light-gray),1);
    }

    .horizontal-list-wrapper .list-group.list-group-horizontal-xxl .list-group-item:last-child {
      border-radius: 0 0 6px 6px;
    }

    .horizontal-list-wrapper .list-group.list-group-horizontal-xxl .list-group-item:last-child {
      border-left-width: 1px;
    }

    .horizontal-list-wrapper .list-group.list-group-horizontal-xxl .list-group-item:last-child {
      border-style: solid;
    }

    .horizontal-list-wrapper .list-group.list-group-horizontal-xxl .list-group-item:last-child {
      border-left-color: rgba(var(--light-gray),1);
    }

    .campaign-table .recent-table.overflow-x-auto div.dt-container .dt-layout-row:last-child {
      flex-direction: column;
    }

    .common-order-history .order-history-wrapper .recent-table div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
      left: unset;
    }

    .common-order-history .order-history-wrapper .recent-table div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
      right: 1.25rem;
    }
  }
  .fg-emoji-container {
    left: 135px !important;
  }
  .social-details {
    .social-follow {
      li {
        + li {
          &::before {
            left: unset;
          }
          &::before {
            right: -15px;
          }
        }
      }
    }
  }
  @media (max-width: 1280px) {
    .product-report-wrapper {
      .top-body {
        ~ .product-report {
          .dt-container {
            .dt-layout-row {
              &:first-child {
                inset: 0;
              }
              &:first-child {
                right: 20px;
              }
              &:first-child {
                margin-top: -10px;
              }
            }
          }
        }
      }
    }

    .sale-report-wrapper {
      .top-body {
        ~ .sale-report {
          .dt-container {
            .dt-layout-row {
              &:first-child {
                inset: 0;
              }
              &:first-child {
                right: 20px;
              }
            }
          }
        }
      }
    }

    .sale-return-wrapper {
      .top-body {
        ~ .sale-return-report {
          .dt-container {
            .dt-layout-row {
              &:first-child {
                inset: 0;
              }
              &:first-child {
                right: 20px;
              }
            }
          }
        }
      }
    }

    .sale-return-wrapper {
      .top-body {
        ~ .sale-return-report {
          .dt-container {
            .dt-layout-row {
              &:first-child {
                inset: 0;
              }
              &:first-child {
                right: 20px;
              }
            }
          }
        }
      }
    }

    .customer-order-wrapper {
      .top-body {
        ~ .customer-order-report {
          .dt-container {
            .dt-layout-row {
              &:first-child {
                inset: 0;
              }
              &:first-child {
                right: 20px;
              }
            }
          }
        }
      }
    }
  }
  @media (max-width: 1490px) and (min-width: 1400px) {
    .schedule-calender {
      .tab-content {
        .activity-update {
          > li {
            .left-schedule {
              margin-left: unset;
            }
            .left-schedule {
              margin-right: 0px;
            }
          }
        }
      }
    }

    .schedule-calender {
      .tab-content {
        .activity-update {
          > li {
            > div {
              padding-left: unset;
            }
            > div {
              padding-right: 1.25rem;
            }
          }
        }
      }
    }
  }
  @media (max-width: 1500px) {
    .page-analytics-table {
      .recent-table {
        div.dt-container {
          .dt-layout-row {
            .dt-layout-cell {
              .dt-search {
                left: unset;
              }
              .dt-search {
                right: 1.25rem;
              }
            }
          }
        }
      }
    }
  }
  @media (max-width: 420px) {
    .page-analytics-table {
      .recent-table {
        div.dt-container {
          .dt-layout-row {
            .dt-layout-cell {
              .dt-search {
                left: -130px;
              }
              .dt-search {
                right: unset;
              }
            }
          }
        }
      }
    }

    .dashboard-10 {
      .card {
        &.heading-space {
          .header-top {
            margin-left: unset;
          }
          .header-top {
            margin-right: 0px;
          }
        }
      }
    }
  }
  @media (max-width: 1366px) and (min-width: 1200px) {
    .dashboard-13 {
      .vehicle-table {
        .recent-table {
          table {
            thead,
              tbody {
              tr {
                th,
                  td {
                  &:nth-child(5) {
                    padding-left: 1.25rem;
                  }
                  &:nth-child(5) {
                    padding-right: 0.5rem;
                  }
                }
              }
            }
          }
        }
      }
    }
  }
  @media (max-width: 1600px) {
    .lead-source-3 {
      left: -85%;
    }

    .lead-source-3 {
      right: unset;
    }
  }
  @media (max-width: 767px) {
    .fg-emoji-container {
      left: unset;
    }

    .fg-emoji-container {
      right: 22px;
    }

    .tasks-card {
      .task-box {
        .swiper-wrapper {
          .swiper-slide {
            border-right-width: 0px;
          }
        }
      }
    }

    .blog-box {
      .blog-details {
        .blog-social {
          li {
            &:first-child {
              padding-left: 25px;
            }
            &:first-child {
              padding-right: unset;
            }
            + li {
              padding-left: unset;
            }
            + li {
              padding-right: 25px;
            }
          }
        }
      }
    }

    .blog-single {
      .blog-box {
        .blog-details {
          .blog-social {
            li {
              &:first-child {
                padding-left: 0.75rem;
              }
              &:first-child {
                padding-right: unset;
              }
              + li {
                margin: 0px !important;
              }
              + li {
                margin: 0px;
              }
              + li {
                padding-left: unset;
              }
              + li {
                padding-left: 0px;
              }
              + li {
                padding-right: 0.75rem;
              }
            }
          }
        }
      }
    }

    .sm-left-text {
      text-align: right;
    }

    .list-persons .profile-mail .email-general ul {
      padding-left: 0px;
    }

    .left-sidebar-wrapper {
      border-radius: 10px !important;
    }

    .right-sidebar-chat {
      border-radius: 10px;
    }

    .product-wrapper.sidebaron .product-grid .product-wrapper-grid {
      margin-right: 0px;
    }

    .feature-products .filter-toggle {
      margin-left: unset;
    }

    .feature-products .filter-toggle {
      margin-right: 0.625rem;
    }

    .user-profile .hovercard .user-image .share-icons {
      left: 25px;
    }

    .ecommerce-widget .text-md-right {
      text-align: left;
    }

    .bar-chart-widget .earning-details i {
      left: -147px;
    }

    .float-md-end {
      float: left;
    }

    .income-wrap .ps-md-0 {
      padding-left: 30px;
    }

    .income-wrap .ps-md-0 {
      padding-right: 0px;
    }

    .text-md-end {
      text-align: left;
    }

    .offset-md-3 {
      margin-left: unset;
    }

    .offset-md-3 {
      margin-right: 25%;
    }

    .offset-md-2 {
      margin-left: unset;
    }

    .offset-md-2 {
      margin-right: 16.66666667%;
    }

    .text-md-start {
      text-align: right;
    }

    .ecommerce-widget .text-md-end {
      text-align: left;
    }

    .ecommerce-widget .text-md-end ul {
      text-align: left;
    }

    .main-lead- {
      source .lead-source-1 {
        margin-top: 48px !important;
      }
      source .lead-source-1 {
        margin-left: 0px;
      }
      source .lead-source-1 {
        margin-right: 1.25rem;
      }
      source .lead-source-1 {
        margin-top: 1.25rem;
      }
      source .lead-source-1 {
        margin-bottom: 70px;
      }
    }

    .animated-timeline .timeline-block .timeline-event::before {
      right: -47px !important;
    }

    .animated-timeline .timeline-block .timeline-event::before {
      left: unset !important;
    }

    .animated-timeline .timeline-block::before {
      left: unset;
    }

    .animated-timeline .timeline-block::before {
      right: 18px;
    }

    .animated-timeline .timeline-block .title {
      text-align: right;
    }

    .animated-timeline .timeline-block .timeline-event:nth-child(odd) {
      margin-left: unset !important;
    }

    .animated-timeline .timeline-block .timeline-event:nth-child(odd) {
      margin-right: 58px !important;
    }

    .animated-timeline .timeline-block .timeline-event:nth-child(even) {
      margin-left: unset !important;
    }

    .animated-timeline .timeline-block .timeline-event:nth-child(even) {
      margin-right: 58px !important;
    }

    .animated-timeline .timeline-block .timeline-event:nth-child(even) {
      &:before {
        left: unset;
      }
      &:before {
        right: calc(100% + 33px);
      }
    }

    .rounded-timeline .timeline::after {
      left: unset;
    }

    .rounded-timeline .timeline::after {
      right: 8px;
    }

    .rounded-timeline .container {
      padding-left: 30px;
    }

    .rounded-timeline .container {
      padding-right: 30px;
    }

    .rounded-timeline .container.right {
      left: unset;
    }

    .rounded-timeline .container.right {
      right: 0%;
    }

    .rounded-timeline .container.right::before {
      content: var(--tw-content);
      left: unset;
    }

    .rounded-timeline .container.right::before {
      content: var(--tw-content);
      right: 0px;
    }

    .rounded-timeline .container.right::after {
      content: var(--tw-content);
      left: unset;
    }

    .rounded-timeline .container.right::after {
      content: var(--tw-content);
      right: 0px;
    }

    .rounded-timeline .container.right .date {
      left: auto;
    }

    .rounded-timeline .container.right .date {
      right: 15px;
    }

    .rounded-timeline .container.right .icon {
      left: auto;
    }

    .rounded-timeline .container.right .icon {
      right: 50px;
    }

    .rounded-timeline .container.right .content {
      border-radius: 0 200px 200px 0;
    }

    .rounded-timeline .container.right .content {
      padding-top: 30px;
      padding-bottom: 30px;
    }

    .rounded-timeline .container.right .content {
      padding-left: 30px;
    }

    .rounded-timeline .container.right .content {
      padding-right: 90px;
    }

    .rounded-timeline .container.left .date {
      left: auto;
    }

    .rounded-timeline .container.left .date {
      right: 15px;
    }

    .rounded-timeline .container.left .icon {
      left: auto;
    }

    .rounded-timeline .container.left .icon {
      right: 50px;
    }

    .rounded-timeline .container.left .content {
      border-radius: 0 200px 200px 0;
    }

    .rounded-timeline .container.left .content {
      padding-top: 30px;
      padding-bottom: 30px;
    }

    .rounded-timeline .container.left .content {
      padding-left: 30px;
    }

    .rounded-timeline .container.left .content {
      padding-right: 90px;
    }

    .horizontal-list-wrapper .list-group.list-group-horizontal-md .list-group-item {
      border-radius: 0px;
    }

    .horizontal-list-wrapper .list-group.list-group-horizontal-md .list-group-item:first-child {
      border-radius: 6px 6px 0 0;
    }

    .horizontal-list-wrapper .list-group.list-group-horizontal-md .list-group-item:first-child {
      border-left-width: 1px;
    }

    .horizontal-list-wrapper .list-group.list-group-horizontal-md .list-group-item:first-child {
      border-style: solid;
    }

    .horizontal-list-wrapper .list-group.list-group-horizontal-md .list-group-item:first-child {
      border-left-color: rgba(var(--light-gray),1);
    }

    .horizontal-list-wrapper .list-group.list-group-horizontal-md .list-group-item:last-child {
      border-radius: 0 0 6px 6px;
    }

    .horizontal-list-wrapper .list-group.list-group-horizontal-md .list-group-item:last-child {
      border-left-width: 1px;
    }

    .horizontal-list-wrapper .list-group.list-group-horizontal-md .list-group-item:last-child {
      border-style: solid;
    }

    .horizontal-list-wrapper .list-group.list-group-horizontal-md .list-group-item:last-child {
      border-left-color: rgba(var(--light-gray),1);
    }

    .rounded-timeline .container.left {
      left: unset;
    }

    .rounded-timeline .container.left {
      right: 0px;
    }

    .rounded-timeline .container.left::before {
      content: var(--tw-content);
      left: unset;
    }

    .rounded-timeline .container.left::before {
      content: var(--tw-content);
      right: 0px;
    }

    .rounded-timeline .container.left::after {
      content: var(--tw-content);
      left: unset;
    }

    .rounded-timeline .container.left::after {
      content: var(--tw-content);
      right: 0px;
    }
  }
  @media (max-width: 1660px) {
    .sales-report {
      .attendance-data {
        ul {
          &.balance-data {
            left: unset;
          }
          &.balance-data {
            right: 0px;
          }
        }
      }
    }
  }
  @media (max-width: 991px) {
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon {
      --tw-translate-x: 285px;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover {
      --tw-translate-x: 285px;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    .wizard-4 {
      ul {
        &.anchor {
          li {
            + li {
              a {
                padding-right: 65px;
              }
            }
          }
        }
      }
    }

    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper .back-btn {
      left: 26px;
    }

    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper .back-btn {
      right: unset;
    }

    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper .back-btn {
      float: left;
    }

    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper .back-btn {
      --tw-rotate: 180deg;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar {
      margin-left: 15px;
    }

    .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar {
      margin-right: 0px;
    }

    .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar {
      border-right-width: 0px;
    }

    .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar {
      border-left-width: 1px;
    }

    .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar {
      border-style: solid;
    }

    .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar {
      border-left-color: rgba(var(--ps-light-border),1);
    }

    .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar {
      padding-left: 15px;
    }

    .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar {
      padding-right: 0px;
    }

    .page-wrapper.material-icon .page-header {
      padding-right: 0px;
    }

    .page-wrapper.material-icon .page-body-wrapper .page-body {
      padding-right: 15px;
    }

    .faq-accordion .faq-header svg {
      left: 1.25rem;
    }

    .page-wrapper .page-header .header-logo-wrapper .logo-wrapper img {
      margin-left: 15px;
    }

    .page-wrapper .page-header .header-logo-wrapper .logo-wrapper img {
      margin-right: unset;
    }

    .page-body-wrapper .page-body,
      .page-body-wrapper footer {
      margin-right: 0px !important;
    }

    .main .langChoice {
      left: 1.25rem;
    }

    .page-wrapper .page-body-wrapper .page-title .breadcrumb {
      margin-right: 0px;
    }

    .page-wrapper .page-body-wrapper .page-body {
      min-height: calc(100vh - 60px);
    }

    .page-wrapper .page-header {
      margin-right: 0px;
    }

    .page-wrapper.compact-wrapper .page-header {
      margin-left: unset !important;
    }

    .page-wrapper.compact-wrapper .page-header {
      margin-right: 0px !important;
    }

    .page-wrapper.compact-wrapper .page-body-wrapper.sidebar-wrapper.close_icon {
      --tw-translate-x: 285px;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    .bookmark ul li .search-form .form-control-search {
      left: -127px;
    }

    .card .card-header .card-header-right {
      left: 15px;
    }

    .sitemap-wrapper {
      .horizontal-sitemap {
        .tier-1 {
          li {
            padding-left: unset;
          }
          li {
            padding-right: 0px;
          }
          .tier-2 {
            .tier-3 {
              margin-left: unset;
            }
            .tier-3 {
              margin-right: 0px;
            }
            .tier-3 {
              li {
                padding-left: unset;
              }
              li {
                padding-right: 1.25rem;
              }
            }
          }
        }
        .main-site {
          li {
            text-align: center;
          }
          @media (max-width: 767px) {
             {
              li {
              }
            }
          }
          li {
            text-align: center;
          }
          li {
            > a {
              text-align: right;
            }
          }
        }
      }
    }

    .wizard-4 .msg-box {
      left: 0px;
    }

    .wizard-4 .msg-box {
      right: unset;
    }

    .sitemap-wrapper .horizontal-sitemap .tier-1 .tier-2 {
      margin-left: unset;
    }

    .sitemap-wrapper .horizontal-sitemap .tier-1 .tier-2 {
      margin-right: 0px;
    }

    .sitemap-wrapper .horizontal-sitemap .tier-1 .tier-2 {
      padding-left: unset;
    }

    .sitemap-wrapper .horizontal-sitemap .tier-1 .tier-2 {
      padding-right: 1.25rem;
    }

    .horizontal-list-wrapper .list-group.list-group-horizontal-lg .list-group-item {
      border-radius: 0px;
    }

    .horizontal-list-wrapper .list-group.list-group-horizontal-lg .list-group-item:first-child {
      border-radius: 6px 6px 0 0;
    }

    .horizontal-list-wrapper .list-group.list-group-horizontal-lg .list-group-item:first-child {
      border-left-width: 1px;
    }

    .horizontal-list-wrapper .list-group.list-group-horizontal-lg .list-group-item:first-child {
      border-style: solid;
    }

    .horizontal-list-wrapper .list-group.list-group-horizontal-lg .list-group-item:first-child {
      border-left-color: rgba(var(--light-gray),1);
    }

    .horizontal-list-wrapper .list-group.list-group-horizontal-lg .list-group-item:last-child {
      border-radius: 0 0 6px 6px;
    }

    .horizontal-list-wrapper .list-group.list-group-horizontal-lg .list-group-item:last-child {
      border-left-width: 1px;
    }

    .horizontal-list-wrapper .list-group.list-group-horizontal-lg .list-group-item:last-child {
      border-style: solid;
    }

    .horizontal-list-wrapper .list-group.list-group-horizontal-lg .list-group-item:last-child {
      border-left-color: rgba(var(--light-gray),1);
    }

    .left-sidebar-wrapper {
      .advance-options {
        .chats-user {
          li {
            > div:not(.chat-time) {
              text-align: start;
            }
          }
        }
      }
    }

    .nft-table.recent-table div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
      left: unset;
    }

    .nft-table.recent-table div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
      right: 1.25rem;
    }

    .nft-table {
      &.recent-table {
        div.dt-container {
          .dt-layout-row {
            .dt-layout-cell {
              .dt-search {
                left: unset;
              }
              .dt-search {
                right: 1.25rem;
              }
            }
          }
        }
      }
    }

    .wizard-4 {
      ul {
        &.anchor {
          li {
            &:last-child {
              right: calc(6% + (10 - 6) * ((100vw - 768px) / (1920 - 768)));
            }
            &:last-child {
              left: unset;
            }
          }
        }
      }
    }
  }
  @media (min-width: 767px) {
    .float-right {
      float: left !important;
    }
  }
  @media (max-width: 991px) and (min-width: 768px) {
    .page-wrapper.compact-wrapper.material-type .page-body-wrapper div.sidebar-wrapper {
      left: unset;
    }

    .page-wrapper.compact-wrapper.material-type .page-body-wrapper div.sidebar-wrapper {
      right: 0px;
    }
  }
  @media (max-width: 575px) {
    .list-persons {
      .tab-links {
        .tab-link {
          .flex {
            .grow {
              text-align: right;
            }
          }
        }
      }
    }

    .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div {
      left: 0.75rem;
    }

    .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div {
      right: unset;
    }

    .list-persons .nav-pills .nav-link .flex .grow {
      text-align: right;
    }

    .page-wrapper .page-header .header-wrapper .nav-right > ul li {
      margin-left: 1px;
    }

    .page-wrapper .page-header .header-wrapper .nav-right > ul li {
      margin-right: unset;
    }

    .page-wrapper .page-header .header-wrapper .search-full .form-group .close-search {
      left: 0px;
    }

    .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar,
      .page-wrapper.compact-sidebar .page-header .header-wrapper .toggle-sidebar {
      margin-left: 0.5rem;
    }

    .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar,
      .page-wrapper.compact-sidebar .page-header .header-wrapper .toggle-sidebar {
      margin-right: unset;
    }

    .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar,
      .page-wrapper.compact-sidebar .page-header .header-wrapper .toggle-sidebar {
      border-right-width: 0px;
    }

    .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar,
      .page-wrapper.compact-sidebar .page-header .header-wrapper .toggle-sidebar {
      border-left-width: 1px;
    }

    .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar,
      .page-wrapper.compact-sidebar .page-header .header-wrapper .toggle-sidebar {
      border-style: solid;
    }

    .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar,
      .page-wrapper.compact-sidebar .page-header .header-wrapper .toggle-sidebar {
      border-left-color: rgba(var(--ps-light-border),1);
    }

    .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar,
      .page-wrapper.compact-sidebar .page-header .header-wrapper .toggle-sidebar {
      padding-left: 0.5rem;
    }

    .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar,
      .page-wrapper.compact-sidebar .page-header .header-wrapper .toggle-sidebar {
      padding-right: unset;
    }

    .translate_wrapper.active .more_lang.active {
      left: unset;
    }

    .translate_wrapper.active .more_lang.active {
      right: 0.75rem;
    }

    .page-header .header-wrapper .nav-right > ul > li:last-child {
      padding-right: 0.625rem;
    }

    .page-header .header-wrapper .nav-right.right-header ul.notification-dropdown {
      left: unset;
    }

    .page-header .header-wrapper .nav-right.right-header ul.notification-dropdown {
      right: 15px;
    }

    .faq-accordion .faq-header svg {
      left: 15px;
    }

    .user-profile .hovercard .user-image .share-icons {
      left: 15px;
    }

    .user-profile .hovercard .user-image .share-icons li {
      margin-left: 0px;
    }

    .main .langChoice {
      left: 1.25rem;
    }

    .page-wrapper .search-form .form-group {
      margin-left: 0px;
    }

    .card-body .value-left {
      margin-left: 15px;
    }

    .horizontal-list-wrapper .list-group.list-group-horizontal-sm .list-group-item {
      border-radius: 0px;
    }

    .horizontal-list-wrapper .list-group.list-group-horizontal-sm .list-group-item:first-child {
      border-radius: 6px 6px 0 0;
    }

    .horizontal-list-wrapper .list-group.list-group-horizontal-sm .list-group-item:first-child {
      border-left-width: 1px;
    }

    .horizontal-list-wrapper .list-group.list-group-horizontal-sm .list-group-item:first-child {
      border-style: solid;
    }

    .horizontal-list-wrapper .list-group.list-group-horizontal-sm .list-group-item:first-child {
      border-left-color: rgba(var(--light-gray),1);
    }

    .horizontal-list-wrapper .list-group.list-group-horizontal-sm .list-group-item:last-child {
      border-radius: 0 0 6px 6px;
    }

    .horizontal-list-wrapper .list-group.list-group-horizontal-sm .list-group-item:last-child {
      border-left-width: 1px;
    }

    .horizontal-list-wrapper .list-group.list-group-horizontal-sm .list-group-item:last-child {
      border-style: solid;
    }

    .horizontal-list-wrapper .list-group.list-group-horizontal-sm .list-group-item:last-child {
      border-left-color: rgba(var(--light-gray),1);
    }

    .page-header .header-wrapper .nav-right .cart-dropdown li {
      padding: 0.625rem;
    }

    .page-header .header-wrapper .nav-right .onhover-show-div {
      left: 0.75rem;
    }

    .faq-wrap .faq-accordion .card .card-header .btn-link {
      padding-right: 0.625rem;
    }

    .default-according.style-1 button:before {
      left: 15px;
    }

    .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown {
      left: 0.75rem;
    }

    .jkanban-container {
      .common-f-start {
        .btn {
          text-align: right;
        }
      }
    }
  }
  @media (max-width: 1660px) and (min-width: 1400px) {
    .main-scope-project .scope-bottom-wrapper .sidebar-left-icons .nav-item::before {
      left: unset;
    }

    .main-scope-project .scope-bottom-wrapper .sidebar-left-icons .nav-item::before {
      right: 35px;
    }
  }
  @media (min-width: 641px) {
    .e-category .list-product.list-category div.dt-container .dt-layout-row .dt-search {
      right: 1.25rem;
    }

    .project-pending-table.recent-table div.dt-container .dt-layout-row .dt-search {
      left: 55px;
    }

    .project-pending-table.recent-table div.dt-container .dt-layout-row .dt-search {
      right: unset;
    }
  }
  @media (max-width: 640px) {
    .candidate-wrapper {
      .candidates-box {
        .overflow-x-auto {
          .dt-container {
            .dt-layout-row {
              .dt-search {
                left: unset !important;
              }
              .dt-search {
                right: 0px !important;
              }
            }
          }
        }
      }
    }

    .api-management {
      .recent-table {
        div.dt-container {
          .dt-layout-row {
            .dt-search {
              left: unset;
            }
            .dt-search {
              right: 20px;
            }
          }
        }
      }
    }
  }
  .input-group {
    > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
      margin-left: unset;
    }
    > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
      margin-right: -1px;
    }
    > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
      border-top-left-radius: 0.375rem !important;
    }
    > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
      border-top-right-radius: 0px !important;
    }
    > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
      border-bottom-right-radius: 0px !important;
    }
    > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
      border-bottom-left-radius: 0.375rem !important;
    }
  }
  @media (max-width: 480px) {
    .rounded-timeline {
      .timeline {
        &::after {
          right: 45% !important;
        }
      }
      .left {
        .icon {
          right: 42% !important;
        }
      }
    }
  }
}

.left-header {
  .flex {
    align-items: center;
  }
  h6 {
    line-height: 1.6;
  }
  img {
    margin-top: -0.75rem;
  }
  img {
    height: 26px;
  }
  i {
    margin-bottom: -0.25rem;
  }
  i {
    font-size: 0.75rem;
    line-height: 1rem;
  }
  i {
    font-weight: 600;
  }
}

.toggle-sidebar {
  position: absolute;
  right: 30px;
  top: 30px;
  cursor: pointer;
}

.toggle-sidebar::before {
  position: absolute;
  left: -0.625rem;
  top: -0.5rem;
  z-index: -2;
  height: 2.5rem;
  width: 2.5rem;
  --tw-scale-x: 0;
  --tw-scale-y: 0;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-radius: 100%;
  background-color: rgba(115,102,255,0.1);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  --tw-content: "";
  content: var(--tw-content);
}

.toggle-sidebar:hover::before {
  height: 2.5rem;
  width: 2.5rem;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 0.3s;
  content: var(--tw-content);
  transition-timing-function: ease;
}

.toggle-sidebar {
  svg {
    height: var(--header-wrapper-nav-icon-size);
  }
  svg {
    width: var(--header-wrapper-nav-icon-size);
  }
  &:hover {
    > svg {
      stroke: rgba(var(--theme-default),1);
    }
    > svg {
      color: rgba(var(--theme-default),1);
    }
  }
}

.onhover-dropdown {
  position: relative;
  cursor: pointer;
  &:hover {
    .onhover-show-div {
      visibility: visible;
    }
    .onhover-show-div {
      --tw-translate-y: 0px;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    .onhover-show-div {
      opacity: 1;
    }
    .onhover-show-div {
      transition-property: all;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }
    .onhover-show-div {
      transition-duration: 0.3s;
    }
    .onhover-show-div {
      transition-timing-function: ease;
    }
  }
}

.onhover-show-div {
  visibility: hidden;
  position: absolute;
  left: 0px;
  top: 5rem;
  z-index: 8;
  --tw-translate-y: 30px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  background-color: rgba(var(--white),1);
  opacity: 0;
  --tw-shadow: 0 0 20px rgba(var(--semi-dark),0.1);
  --tw-shadow-colored: 0 0 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-delay: 0.3s;
  transition-duration: linear;
  li {
    a {
      svg {
        margin-top: 0 !important;
      }
      svg {
        margin-top: 0px;
      }
      svg {
        path,
          line {
          --tw-text-opacity: 1;
          color: rgb(64 64 64 / var(--tw-text-opacity, 1));
        }
      }
    }
  }
}

.offcanvas .page-wrapper .page-body-wrapper .page-body,
  .offcanvas-bookmark .page-wrapper .page-body-wrapper .page-body {
  position: relative;
  --tw-blur: blur(5px);
  --tw-grayscale: grayscale(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.offcanvas {
  visibility: visible;
  z-index: 2;
  position: unset;
  background: unset;
}

.page-wrapper {
  position: relative;
  .page-header {
    position: fixed;
  }
  .page-header {
    top: var(--main-header-top);
  }
  .page-header {
    z-index: var(--main-header-z-index);
  }
  .page-header {
    width: 100%;
  }
  .page-header {
    max-width: 100vw;
  }
  .page-header {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
  .page-header {
    --tw-drop-shadow: drop-shadow(var(--main-header-shadow-1));
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  }
  .page-header {
    transition-property: var(--sidebar-transition);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  .page-header {
    @media (max-width: 575px) {
       {
         {
           {
            > .header-wrapper {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > .header-wrapper {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > .header-wrapper {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > .header-wrapper {
                width: 90%;
              }
            }
          }
        }
      }
    }
    .header-wrapper {
      position: relative;
    }
    .header-wrapper {
      width: 100%;
    }
    .header-wrapper {
      align-items: center;
    }
    .header-wrapper {
      padding-top: 22px;
      padding-bottom: 22px;
    }
    .header-wrapper {
      padding-left: 30px;
      padding-right: 30px;
    }
    .header-wrapper {
      .search-full {
        position: absolute;
      }
      .search-full {
        right: 0px;
      }
      .search-full {
        z-index: 1;
      }
      .search-full {
        height: 0px;
      }
      .search-full {
        width: 0px;
      }
      .search-full {
        --tw-scale-x: 0;
        --tw-scale-y: 0;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      }
      .search-full {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
      }
      .search-full {
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
      }
      .search-full {
        transition-duration: 0.3s;
      }
      .search-full {
        transition-timing-function: ease;
      }
      .search-full {
        @media (max-width: 575px) {
           {
             {
               {
                > &.open {
                  width: 90%;
                }
              }
            }
          }

           {
             {
               {
                 {
                  > &.open {
                    width: 90%;
                  }
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                > &.open {
                  width: 90%;
                }
              }
            }
          }

           {
             {
               {
                 {
                  > &.open {
                    width: 90%;
                  }
                }
              }
            }
          }
        }
        &.open {
          height: 100%;
        }
        &.open {
          width: 100%;
        }
        &.open {
          --tw-scale-x: 1;
          --tw-scale-y: 1;
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        }
        &.open {
          animation: zoomIn 0.5s ease-in-out;
        }
        &.open {
          transition-property: all;
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-duration: 150ms;
        }
        &.open {
          transition-duration: 0.3s;
        }
        &.open {
          transition-timing-function: ease;
        }
        @media (max-width: 575px) {
           {
             {
               {
                > input {
                  width: 90%;
                }
              }
            }
          }

           {
             {
               {
                 {
                  > input {
                    width: 90%;
                  }
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                > input {
                  width: 90%;
                }
              }
            }
          }

           {
             {
               {
                 {
                  > input {
                    width: 90%;
                  }
                }
              }
            }
          }
        }
        input {
          width: 100% !important;
        }
        input {
          padding-left: 60px;
          padding-right: 60px;
        }
        input {
          line-height: 65px;
        }
        input {
          &:focus {
            outline: none !important;
          }
        }
        .form-group {
          .close-search {
            position: absolute;
          }
          .close-search {
            right: 30px;
          }
          .close-search {
            top: 22px;
          }
          .close-search {
            cursor: pointer;
          }
          .close-search {
            font-size: 15px;
          }
          .close-search {
            color: rgba(var(--dark-gray),1);
          }
          .close-search {
            [dir="rtl"] & {
              left: 30px;
            }
            [dir="rtl"] & {
              right: unset;
            }
          }
          &:before {
            position: absolute;
          }
          &:before {
            left: 30px;
          }
          &:before {
            top: 27px;
          }
          &:before {
            z-index: 1;
          }
          &:before {
            font-size: 1rem;
            line-height: 1.5rem;
          }
          &:before {
            color: rgba(var(--dark-gray),1);
          }
          &:before {
            --tw-content: "\f002";
            content: var(--tw-content);
          }
          &:before {
            font-family: FontAwesome !important;
            [dir="rtl"] & {
              left: unset;
            }
            [dir="rtl"] & {
              right: 30px;
            }
          }
        }
      }
      .nav-right {
        justify-content: flex-end;
      }
      .nav-right {
        ul {
          li {
            svg {
              height: var(--header-wrapper-nav-icon-size);
            }
            svg {
              width: var(--header-wrapper-nav-icon-size);
            }
            svg {
              fill: none;
            }
            svg {
              stroke: rgba(var(--theme-body-font-color),0.9);
            }
            svg {
              vertical-align: var(--header-wrapper-nav-icon-align);
              path {
                color: rgba(var(--header-wrapper-nav-icon-color),1);
              }
            }
            .mode {
              &.active {
                svg {
                  fill: #fff;
                }
              }
            }
          }
        }
        &.right-header {
          ul {
            li {
              .mode {
                text-align: center;
              }
              @media (max-width: 767px) {
                 {
                  .mode {
                  }
                }
              }
              .mode {
                cursor: pointer;
              }
              .mode {
                text-align: center;
              }
              .mode {
                svg {
                  fill: rgba(var(--theme-body-font-color),0.9);
                }
                i {
                  font-size: 1.125rem;
                  line-height: 1.75rem;
                }
                i {
                  font-weight: 600;
                }
                i {
                  transition-property: all;
                  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                  transition-duration: 150ms;
                }
                i {
                  transition-duration: 0.3s;
                }
                i {
                  transition-timing-function: ease;
                }
                i {
                  &.fa-lightbulb-o {
                    animation: zoomIn 300ms ease-in-out;
                  }
                  &.fa-lightbulb-o {
                    font-size: 22px;
                  }
                  &.fa-lightbulb-o {
                    font-weight: 500;
                  }
                  &.fa-lightbulb-o {
                    transition-property: all;
                    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                    transition-duration: 150ms;
                  }
                  &.fa-lightbulb-o {
                    transition-duration: 0.3s;
                  }
                  &.fa-lightbulb-o {
                    transition-timing-function: ease;
                  }
                }
              }
              .header-search {
                cursor: pointer;
              }
              .profile-media {
                .profile-content {
                  margin-left: 15px;
                }
                .profile-content {
                  span {
                    font-weight: 500;
                  }
                  p {
                    font-size: 0.75rem;
                    line-height: 1rem;
                  }
                  p {
                    line-height: 1;
                  }
                  p {
                    color: rgba(var(--theme-body-font-color),0.7);
                  }
                }
              }
            }
          }
        }
        @media (min-width: 1200px) {
           {
             {
               {
                > ul {
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                > ul {
                }
              }
            }
          }
        }
        > ul {
          display: flex;
        }
        > ul {
          justify-content: flex-end;
        }
        > ul {
          > li {
            position: relative;
          }
          > li {
            display: inline-block;
          }
          > li {
            padding-left: 0.625rem;
            padding-right: 0.625rem;
          }
          > li {
            padding-top: 0.375rem;
            padding-bottom: 0.375rem;
          }
          > li {
            &.fullscreen-body {
              cursor: pointer;
            }
            .badge {
              position: absolute;
            }
            .badge {
              right: -5px;
            }
            .badge {
              top: -0.375rem;
            }
            .badge {
              padding-left: 0.25rem;
              padding-right: 0.25rem;
            }
            .badge {
              padding-top: 0.125rem;
              padding-bottom: 0.125rem;
            }
            .badge {
              font-size: 11px;
            }
            .badge {
              font-weight: 700;
            }
            .badge {
              font-family: work-Sans, sans-serif;
            }
            span {
              ul {
                left: inherit;
              }
              ul {
                right: -0.625rem;
              }
              ul {
                width: 130px;
              }
              ul {
                &:before,
                  &:after {
                  left: inherit;
                }
                &:before,
                  &:after {
                  right: 0.625rem;
                }
                li {
                  display: block;
                }
                li {
                  display: block;
                }
                li {
                  a {
                    font-size: 0.875rem;
                    line-height: 1.25rem;
                  }
                  a {
                    color: rgba(var(--dark-color-light),1);
                  }
                  a {
                    i {
                      margin-left: 0.625rem;
                    }
                    i {
                      font-size: 13px;
                    }
                    i {
                      color: rgba(var(--dark-color-light),1);
                    }
                  }
                }
              }
            }
          }
          .flag-icon {
            font-size: 1rem;
            line-height: 1.5rem;
          }
        }
        .bookmark-flip {
          width: unset !important;
        }
        .bookmark-flip {
          background-color: transparent !important;
        }
        .bookmark-flip {
          --tw-shadow-color: unset !important;
          --tw-shadow: var(--tw-shadow-colored) !important;
        }
        .bookmark-flip {
          overflow: initial;
          &::after,
            &::before {
            display: none;
          }
          .bookmark-dropdown {
            .bookmark-content {
              text-align: center;
            }
            @media (max-width: 767px) {
               {
                .bookmark-content {
                }
              }
            }
            .bookmark-content {
              text-align: center;
            }
            .bookmark-content {
              @media (min-width: 1200px) {
                 {
                   {
                     {
                      .bookmark-icon {
                      }
                    }
                  }
                }
              }
              @media (max-width: 575px) {
                 {
                   {
                     {
                      .bookmark-icon {
                      }
                    }
                  }
                }
              }
              .bookmark-icon {
                margin-left: auto;
                margin-right: auto;
              }
              .bookmark-icon {
                margin-top: 0px;
                margin-bottom: 0px;
              }
              .bookmark-icon {
                display: flex;
              }
              .bookmark-icon {
                height: 52px;
              }
              .bookmark-icon {
                width: 52px;
              }
              .bookmark-icon {
                align-items: center;
              }
              .bookmark-icon {
                justify-content: center;
              }
              .bookmark-icon {
                border-radius: 100%;
              }
              .bookmark-icon {
                background-color: rgba(var(--card-body-color));
              }
              span {
                font-size: 0.75rem;
                line-height: 1rem;
              }
              span {
                font-weight: 500;
              }
              span {
                letter-spacing: 0.5px;
              }
              span {
                font-family: Roboto, serif;
              }
            }
          }
        }
        .flip-card {
          height: 260px;
        }
        .flip-card {
          width: 300px;
        }
        .flip-card {
          background-color: transparent;
        }
        .flip-card {
          .flip-card-inner {
            text-align: center;
          }
          @media (max-width: 767px) {
             {
              .flip-card-inner {
              }
            }
          }
          .flip-card-inner {
            position: relative;
          }
          .flip-card-inner {
            height: 100%;
          }
          .flip-card-inner {
            background-color: rgba(var(--white-bg),1);
          }
          .flip-card-inner {
            text-align: center;
          }
          .flip-card-inner {
            transition-property: transform;
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-duration: 150ms;
          }
          .flip-card-inner {
            transition-duration: 0.6s;
          }
          .flip-card-inner {
            transform-style: preserve-3d;
            .front,
              .back {
              position: absolute;
            }
            .front,
              .back {
              height: 260px;
            }
            .front,
              .back {
              width: 300px;
            }
            .front,
              .back {
              overflow: hidden;
            }
            .front,
              .back {
              border-radius: 10px;
            }
            .front,
              .back {
              --tw-shadow: 0 0 20px rgba(var(--semi-dark),0.1);
              --tw-shadow-colored: 0 0 20px var(--tw-shadow-color);
              box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            }
            .front,
              .back {
              backface-visibility: hidden;
              button {
                border-color: none;
              }
              button {
                background-color: rgba(var(--white),0.08);
              }
              button {
                --tw-text-opacity: 1;
                color: rgb(171 140 228 / var(--tw-text-opacity, 1));
              }
              button {
                &:focus {
                  outline: rgba(var(--white), 0.08);
                }
              }
            }
            .front {
              background-color: rgba(var(--dark-body-background),1);
            }
            .front {
              transition-property: 0.3s;
              transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
              transition-duration: 150ms;
            }
            .front {
              svg {
                stroke: rgba(var(--dark-color-light),1);
              }
              svg {
                transition-property: all;
                transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                transition-duration: 150ms;
              }
              svg {
                transition-duration: 0.3s;
              }
              svg {
                transition-timing-function: ease;
              }
              svg:hover {
                stroke: rgba(var(--theme-default),1);
              }
              svg:hover {
                transition-property: all;
                transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                transition-duration: 150ms;
              }
              svg:hover {
                transition-duration: 0.3s;
              }
              svg:hover {
                transition-timing-function: ease;
              }
            }
            .back {
              background-color: rgba(var(--dark-body-background),1);
            }
            .back {
              transform: rotateY(180deg);
              li {
                &:first-child {
                  height: 140px;
                }
              }
              @media (max-width: 575px) {
                 {
                   {
                     {
                      > button {
                        width: 90%;
                      }
                    }
                  }
                }

                 {
                   {
                     {
                       {
                        > button {
                          width: 90%;
                        }
                      }
                    }
                  }
                }
              }
              @media (max-width: 575px) {
                 {
                   {
                     {
                      > button {
                        width: 90%;
                      }
                    }
                  }
                }

                 {
                   {
                     {
                       {
                        > button {
                          width: 90%;
                        }
                      }
                    }
                  }
                }
              }
              button {
                width: 100%;
              }
              .flip-back-content {
                @media (max-width: 575px) {
                   {
                     {
                       {
                        > input {
                          width: 90%;
                        }
                      }
                    }
                  }

                   {
                     {
                       {
                         {
                          > input {
                            width: 90%;
                          }
                        }
                      }
                    }
                  }
                }
                @media (max-width: 575px) {
                   {
                     {
                       {
                        > input {
                          width: 90%;
                        }
                      }
                    }
                  }

                   {
                     {
                       {
                         {
                          > input {
                            width: 90%;
                          }
                        }
                      }
                    }
                  }
                }
                input {
                  width: 100%;
                }
                input {
                  border-radius: 25px;
                }
                input {
                  border-width: 1px;
                }
                input {
                  border-style: solid;
                }
                input {
                  border-color: rgba(var(--ps-light-border),1);
                }
                input {
                  padding-left: 0.75rem;
                  padding-right: 0.75rem;
                }
                input {
                  padding-top: 0.375rem;
                  padding-bottom: 0.375rem;
                }
                input {
                  &:focus {
                    outline: none;
                  }
                }
              }
            }
            &.flipped {
              transform: rotateY(180deg);
              .front {
                opacity: 0;
              }
            }
          }
        }
        .onhover-show-div {
          left: unset;
        }
        .onhover-show-div {
          right: 0px;
        }
        .onhover-show-div {
          top: 50px;
        }
        .onhover-show-div {
          width: 330px;
        }
        .onhover-show-div {
          .dropdown-title {
            text-align: center;
          }
          @media (max-width: 767px) {
             {
              .dropdown-title {
              }
            }
          }
          .dropdown-title {
            border-bottom-width: 1px;
          }
          .dropdown-title {
            border-style: solid;
          }
          .dropdown-title {
            border-bottom-color: rgba(var(--dropdown-border-color),0.3);
          }
          .dropdown-title {
            padding: 18px;
          }
          .dropdown-title {
            text-align: center;
          }
          ul {
            padding: 15px;
          }
          li {
            padding: 15px;
          }
          li:last-child {
            padding-bottom: 15px;
          }
          li {
            p {
              margin-bottom: 0 !important;
            }
            p {
              margin-bottom: 0px;
            }
            p {
              font-size: 0.875rem;
              line-height: 1.25rem;
            }
            p {
              letter-spacing: 0.3px;
            }
            a {
              font-family: var(--font-roboto);
            }
            a {
              text-transform: uppercase;
            }
            a {
              letter-spacing: 0.3px;
            }
            + li {
              margin-top: 15px;
            }
            .flex {
              .grow {
                > span {
                  display: inline-block;
                }
                > span {
                  padding-right: 10px;
                }
                > span {
                  letter-spacing: 0.8px !important;
                }
              }
            }
          }
          &:before,
            &:after {
            left: unset;
          }
          &:before,
            &:after {
            right: 0.625rem;
          }
        }
        .notification-box {
          position: relative;
        }
        .notification-box {
          svg {
            animation: swing 1.5s ease infinite;
          }
        }
        .cart-box {
          position: relative;
        }
        .cart-dropdown {
          ul {
            padding-left: 0 !important;
            padding-right: 0 !important;
          }
          ul {
            padding-left: 0px;
            padding-right: 0px;
          }
          ul {
            padding-top: 0px;
          }
          ul {
            padding-bottom: 15px;
          }
          ul {
            li {
              margin-top: 0px;
              margin-bottom: 0px;
            }
            li {
              padding-top: 0.625rem;
              padding-bottom: 0.625rem;
            }
            @media (min-width: 1200px) {
            }
            @media (max-width: 575px) {
            }
            li:last-child {
              display: flex;
            }
            li:last-child {
              align-items: center;
            }
            li:last-child {
              justify-content: center;
            }
            li:last-child {
              gap: 0.625rem;
            }
            li:last-child {
              border-top-color: none;
            }
            li:last-child {
              padding-left: 0.625rem;
              padding-right: 0.625rem;
            }
            li:last-child {
              padding-top: 15px;
              padding-bottom: 15px;
            }
            li {
              + li {
                margin-top: 0 !important;
              }
              + li {
                margin-top: 0px;
              }
              + li {
                border-top-width: 1px;
              }
              + li {
                border-style: solid;
              }
              + li {
                border-top-color: rgba(var(--dropdown-border-color),0.1);
              }
            }
          }
          p {
            margin-top: 3px;
          }
          p {
            line-height: 1.3;
          }
          p {
            opacity: 0.6;
          }
          .close-circle {
            position: absolute;
          }
          .close-circle {
            right: 0px;
          }
          .close-circle {
            top: 0px;
          }
          .close-circle {
            @media (min-width: 1200px) {
               {
                 {
                   {
                    a {
                    }
                  }
                }
              }
            }
            @media (max-width: 575px) {
               {
                 {
                   {
                    a {
                    }
                  }
                }
              }
            }
            a {
              display: flex;
            }
            a {
              height: 18px;
            }
            a {
              width: 18px;
            }
            a {
              align-items: center;
            }
            a {
              justify-content: center;
            }
            a {
              border-radius: 100%;
            }
            svg {
              width: 0.875rem;
            }
            svg {
              stroke: #fff;
            }
          }
          .qty-box {
            margin-left: 0px;
            margin-right: 0px;
          }
          .qty-box {
            margin-top: 0.75rem;
            margin-bottom: 0.75rem;
          }
          .qty-box {
            .input-group {
              width: 5rem;
            }
            .input-group {
              background-color: transparent;
            }
            .input-group {
              input {
                background-color: transparent;
              }
              input,
                .btn {
                font-family: var(--font-roboto);
              }
              input,
                .btn {
                font-size: 10px;
              }
              input,
                .btn {
                font-weight: 700;
              }
              .btn {
                padding-top: 0 !important;
                padding-bottom: 0 !important;
              }
              .btn {
                border-radius: 100% !important;
              }
              .btn {
                border-color: rgba(var(--off-white),1);
              }
              .btn {
                background-color: rgba(var(--off-white),1);
              }
              .btn {
                padding-left: 7px;
                padding-right: 7px;
              }
              .btn {
                padding-top: 0px;
                padding-bottom: 0px;
              }
              .btn {
                font-size: 0.875rem;
                line-height: 1.25rem;
              }
            }
          }
          .total {
            margin: 0px !important;
          }
          .total {
            margin: 0px;
          }
          .total {
            border-color: none;
          }
          .total {
            background-color: rgba(var(--off-white),1);
          }
          .total {
            padding: 15px;
          }
          .total {
            h6 {
              font-family: var(--font-roboto);
            }
            h6 {
              font-size: 0.875rem;
              line-height: 1.25rem;
            }
            h6 {
              font-weight: 500;
            }
            h6 {
              line-height: 14px;
            }
            h6 {
              letter-spacing: 0.5px;
            }
            h6 {
              span {
                font-size: 0.875rem;
                line-height: 1.25rem;
              }
            }
          }
          .view-checkout {
            text-decoration: unset;
          }
        }
        .notification-dropdown {
          left: unset;
        }
        .notification-dropdown {
          right: -1.25rem;
        }
        .notification-dropdown {
          top: 52px;
        }
        .notification-dropdown {
          width: 300px;
        }
        .notification-dropdown {
          li {
            padding: 0 !important;
          }
          li {
            border-radius: 5px;
          }
          li {
            --tw-bg-opacity: 1;
            background-color: rgb(249 249 249 / var(--tw-bg-opacity, 1));
          }
          li {
            padding: 0px;
          }
          li:last-child {
            text-align: center;
          }
          li:last-child {
            padding-bottom: 0 !important;
          }
          @media (max-width: 767px) {
          }
          li:last-child {
            background-color: transparent;
          }
          li:last-child {
            padding-bottom: 0px;
          }
          li:last-child {
            text-align: center;
          }
          li {
            .btn-close {
              height: 0.375rem;
            }
            .btn-close {
              width: 0.375rem;
            }
            .btn-close {
              --tw-brightness: brightness(1);
              filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
            }
            @media (min-width: 1200px) {
               {
                 {
                   {
                    p {
                    }
                  }
                }
              }
            }
            @media (max-width: 575px) {
               {
                 {
                   {
                    p {
                    }
                  }
                }
              }
            }
            p {
              display: flex;
            }
            p {
              align-items: center;
            }
            p {
              justify-content: space-between;
            }
            p {
              color: rgba(var(--theme-body-font-color),1);
            }
            p {
              span.table {
                white-space: pre-wrap !important;
              }
              span {
                vertical-align: middle;
              }
              span {
                font-size: 0.75rem;
                line-height: 1rem;
              }
            }
          }
          &:before,
            &:after {
            left: unset;
          }
          &:before,
            &:after {
            right: 1.75rem;
          }
        }
        .profile-dropdown {
          padding-top: 0 !important;
          padding-bottom: 0 !important;
        }
        .profile-dropdown {
          left: -0.75rem;
        }
        .profile-dropdown {
          top: 57px;
        }
        .profile-dropdown {
          width: 10rem;
        }
        .profile-dropdown {
          padding-left: 0.625rem;
          padding-right: 0.625rem;
        }
        .profile-dropdown {
          padding-top: 0px;
          padding-bottom: 0px;
        }
        .profile-dropdown {
          li {
            padding: 0.625rem;
          }
          li:last-child {
            padding-top: 0.625rem;
          }
          li {
            a {
              text-decoration: unset;
            }
            &:hover {
              a {
                span {
                  color: rgba(var(--theme-default),1);
                }
                span {
                  transition-property: color;
                  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                  transition-duration: 150ms;
                }
                span {
                  transition-duration: 0.3s;
                }
                span {
                  transition-timing-function: ease;
                }
                svg {
                  stroke: rgba(var(--theme-default),1);
                }
                svg {
                  transition-property: stroke;
                  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                  transition-duration: 150ms;
                }
                svg {
                  transition-duration: 0.3s;
                }
                svg {
                  transition-timing-function: ease;
                }
                svg {
                  path {
                    stroke: rgba(var(--theme-default),1);
                  }
                  path {
                    transition-property: stroke;
                    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                    transition-duration: 150ms;
                  }
                  path {
                    transition-duration: 0.3s;
                  }
                  path {
                    transition-timing-function: ease;
                  }
                }
              }
            }
            + li {
              margin-top: 0 !important;
            }
            + li {
              margin-top: 0px;
            }
            span {
              color: rgba(var(--dark-color-light),1);
            }
            svg {
              margin-right: 0.625rem;
            }
            svg {
              width: 1rem;
            }
            svg {
              stroke: rgba(var(--dark-color-light),1);
            }
            svg {
              vertical-align: bottom;
            }
          }
        }
      }
    }
  }
  &.compact-wrapper {
    .sidebar-list {
      i.fa-solid.fa-thumbtack {
        visibility: hidden;
      }
      i.fa-solid.fa-thumbtack {
        position: absolute;
      }
      i.fa-solid.fa-thumbtack {
        right: -9px;
      }
      i.fa-solid.fa-thumbtack {
        top: 11px;
      }
      i.fa-solid.fa-thumbtack {
        z-index: 9999;
      }
      i.fa-solid.fa-thumbtack {
        color: rgba(var(--theme-default),1);
      }
      i.fa-solid.fa-thumbtack {
        [dir="rtl"] & {
          left: -9px;
        }
        [dir="rtl"] & {
          right: unset;
        }
      }
      &:hover {
        i.fa-solid.fa-thumbtack {
          visibility: visible;
        }
        i.fa-solid.fa-thumbtack {
          cursor: pointer;
        }
      }
      &.pined {
        order: -1;
      }
    }
    .pin-title {
      order: -1;
    }
    .page-header {
      margin-left: 265px;
    }
    .page-header {
      width: calc(100% - 265px);
    }
    .page-header {
      &.close_icon {
        margin-left: 5rem;
      }
      &.close_icon {
        width: calc(100% - 80px);
      }
      .header-wrapper {
        .logo-wrapper {
          display: none;
        }
        .toggle-sidebar {
          display: none;
        }
      }
    }
    .page-body-wrapper {
      div.sidebar-wrapper {
        position: fixed;
      }
      div.sidebar-wrapper {
        top: 0px;
      }
      div.sidebar-wrapper {
        z-index: 9;
      }
      div.sidebar-wrapper {
        height: auto;
      }
      div.sidebar-wrapper {
        width: 265px;
      }
      div.sidebar-wrapper {
        background-color: rgba(var(--white),1);
      }
      div.sidebar-wrapper {
        text-align: left;
      }
      div.sidebar-wrapper {
        line-height: inherit;
      }
      div.sidebar-wrapper {
        --tw-shadow: 0 0 21px 0 rgba(var(--semi-dark),0.1);
        --tw-shadow-colored: 0 0 21px 0 var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
      }
      div.sidebar-wrapper {
        transition-property: 0.3s;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
      }
      div.sidebar-wrapper {
        .logo-wrapper,
          .logo-icon-wrapper {
          padding-left: 1.5rem;
          padding-right: 1.5rem;
        }
        .logo-wrapper,
          .logo-icon-wrapper {
          padding-top: 22px;
          padding-bottom: 22px;
        }
        .logo-wrapper,
          .logo-icon-wrapper {
          --tw-shadow: -9px 0 20px rgba(var(--semi-dark),0.1);
          --tw-shadow-colored: -9px 0 20px var(--tw-shadow-color);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
        }
        .logo-icon-wrapper {
          display: none;
        }
        &.close_icon {
          width: auto;
        }
        &.close_icon {
          transition-property: all;
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-duration: 150ms;
        }
        &.close_icon {
          transition-duration: 0.3s;
        }
        &.close_icon {
          transition-timing-function: ease;
        }
        &.close_icon:hover {
          width: 265px;
        }
        &.close_icon:hover {
          transition-property: all;
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-duration: 150ms;
        }
        &.close_icon:hover {
          transition-duration: 0.3s;
        }
        &.close_icon:hover {
          transition-timing-function: ease;
        }
        &.close_icon {
          .badge {
            padding: 0 !important;
          }
          .badge {
            width: 0px;
          }
          .badge {
            padding: 0px;
          }
          .badge {
            opacity: 0;
          }
          .sidebar-main-title {
            display: none;
          }
          .sidebar-main-title {
            opacity: 0;
          }
          .sidebar-main-title {
            transition-property: all;
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-duration: 150ms;
          }
          .sidebar-main-title {
            transition-duration: 0.3s;
          }
          .sidebar-main-title {
            transition-timing-function: ease;
          }
          .logo-wrapper {
            display: none;
          }
          .logo-icon-wrapper {
            display: block;
          }
          .logo-icon-wrapper {
            display: block;
          }
          .logo-icon-wrapper {
            text-align: right;
          }
          &:hover {
            .badge {
              width: auto;
            }
            .badge {
              opacity: 1;
            }
            .badge {
              transition-property: all;
              transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
              transition-duration: 150ms;
            }
            .badge {
              transition-duration: 0.3s;
            }
            .badge {
              transition-timing-function: ease;
            }
            .sidebar-main {
              .sidebar-links {
                .simplebar-wrapper {
                  .simplebar-mask {
                    .simplebar-content-wrapper {
                      .simplebar-content {
                        > li {
                          margin: initial;
                        }
                        > li {
                          max-width: unset;
                        }
                        > li {
                          transition-property: all;
                          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                          transition-duration: 150ms;
                        }
                        > li {
                          transition-duration: 0.3s;
                        }
                        > li {
                          transition-timing-function: ease;
                        }
                        > li {
                          a {
                            text-align: left;
                          }
                          a {
                            [dir="rtl"] & {
                              text-align: right;
                            }
                          }
                          .sidebar-link {
                            svg {
                              margin-right: 0.625rem;
                            }
                            svg {
                              transition-property: all;
                              transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                              transition-duration: 150ms;
                            }
                            svg {
                              transition-duration: 0.3s;
                            }
                            svg {
                              transition-timing-function: ease;
                            }
                          }
                          .sidebar-submenu {
                            a {
                              display: block;
                            }
                            a {
                              display: block;
                            }
                          }
                          > a {
                            padding-left: 1.25rem;
                            padding-right: 1.25rem;
                          }
                          > a {
                            padding-top: 0.75rem;
                            padding-bottom: 0.75rem;
                          }
                          > a {
                            transition-property: all;
                            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                            transition-duration: 150ms;
                          }
                          > a {
                            transition-duration: 0.3s;
                          }
                          > a {
                            transition-timing-function: ease;
                          }
                          > a {
                            span {
                              display: inline-block;
                            }
                          }
                        }
                      }
                    }
                  }
                }
              }
            }
            .sidebar-main-title {
              display: block;
            }
            .sidebar-main-title {
              display: block;
            }
            .sidebar-main-title {
              opacity: 1;
            }
            .sidebar-main-title {
              transition-property: all;
              transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
              transition-duration: 150ms;
            }
            .sidebar-main-title {
              transition-duration: 0.3s;
            }
            .sidebar-main-title {
              transition-timing-function: ease;
            }
            .logo-wrapper {
              display: block;
            }
            .logo-wrapper {
              display: block;
            }
            .logo-icon-wrapper {
              display: none;
            }
          }
          .mobile-sidebar {
            --tw-translate-x: 183px;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          }
          ~ .page-body,
            ~ footer {
            margin-left: 5rem;
          }
          ~ .page-body,
            ~ footer {
            transition-property: 0.5s;
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-duration: 150ms;
          }
          ~ .footer-fix {
            width: calc(100% - 80px);
          }
          &:hover {
            .sidebar-main {
              .sidebar-links {
                .simplebar-wrapper {
                  .simplebar-mask {
                    .simplebar-content-wrapper {
                      .simplebar-content {
                        > li {
                          &.sidebar-main-title {
                            display: inline-block !important;
                          }
                        }
                      }
                    }
                  }
                }
              }
            }
          }
          .sidebar-main {
            .sidebar-links {
              height: calc(100vh - 118px);
            }
            .sidebar-links {
              .simplebar-wrapper {
                .simplebar-mask {
                  .simplebar-content-wrapper {
                    .simplebar-content {
                      > li {
                        margin: 0px !important;
                      }
                      > li {
                        margin: 0px;
                      }
                      > li {
                        max-width: 86px;
                      }
                      > li {
                        transition-property: all;
                        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                        transition-duration: 150ms;
                      }
                      > li {
                        transition-duration: 0.3s;
                      }
                      > li {
                        transition-timing-function: ease;
                      }
                      > li {
                        .sidebar-submenu {
                          a {
                            display: none;
                          }
                        }
                        a {
                          text-align: center;
                        }
                        @media (max-width: 767px) {
                           {
                            a {
                            }
                          }
                        }
                        a {
                          padding-left: 0.875rem;
                          padding-right: 0.875rem;
                        }
                        a {
                          padding-top: 0.75rem;
                          padding-bottom: 0.75rem;
                        }
                        a {
                          text-align: center;
                        }
                        a {
                          transition-property: all;
                          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                          transition-duration: 150ms;
                        }
                        a {
                          transition-duration: 0.3s;
                        }
                        a {
                          transition-timing-function: ease;
                        }
                        a {
                          span {
                            display: none;
                          }
                        }
                        .sidebar-link {
                          &::before {
                            left: unset;
                          }
                          &::before {
                            right: 1.25rem;
                          }
                          .stroke-icon {
                            margin-right: 0px;
                          }
                          .stroke-icon {
                            transition-property: all;
                            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                            transition-duration: 150ms;
                          }
                          .stroke-icon {
                            transition-duration: 0.3s;
                          }
                          .stroke-icon {
                            transition-timing-function: ease;
                          }
                          .fill-icon {
                            margin-right: 0px;
                          }
                        }
                        &.pin-title {
                          &.show {
                            padding-left: 0.75rem;
                          }
                          &.show {
                            opacity: 1;
                          }
                        }
                        &.sidebar-main-title {
                          display: none !important;
                        }
                      }
                    }
                  }
                }
              }
              .sidebar-list {
                .sidebar-title {
                  &.active {
                    ~ .sidebar-submenu {
                      display: none;
                    }
                  }
                }
              }
            }
          }
          .according-menu {
            display: none;
          }
        }
        .sidebar-main {
          .left-arrow,
            .right-arrow {
            display: none;
          }
          .sidebar-list {
            i.fa-solid.fa-thumbtack {
              visibility: hidden;
            }
            i.fa-solid.fa-thumbtack {
              position: absolute;
            }
            i.fa-solid.fa-thumbtack {
              right: 38px;
            }
            i.fa-solid.fa-thumbtack {
              top: 18px;
            }
            i.fa-solid.fa-thumbtack {
              font-size: 0.75rem;
              line-height: 1rem;
            }
            i.fa-solid.fa-thumbtack {
              color: rgba(var(--theme-default),1);
            }
            i.fa-solid.fa-thumbtack {
              [dir="rtl"] & {
                left: 38px;
              }
              [dir="rtl"] & {
                right: unset;
              }
            }
            &:hover {
              i.fa-solid.fa-thumbtack {
                visibility: visible;
              }
              i.fa-solid.fa-thumbtack {
                cursor: pointer;
              }
            }
            &.pined,
              &.pin-title {
              order: -1;
            }
          }
          .pin-title {
            order: -1;
          }
          .sidebar-links {
            margin-top: 48px !important;
          }
          .sidebar-links {
            z-index: 99;
          }
          .sidebar-links {
            margin-top: 1.25rem;
          }
          .sidebar-links {
            margin-bottom: 30px;
          }
          .sidebar-links {
            height: calc(100vh - 80px);
          }
          .sidebar-links {
            overflow: auto;
          }
          .sidebar-links {
            color: rgba(var(--black),0);
          }
          .sidebar-links {
            transition-property: color;
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-duration: 150ms;
          }
          .sidebar-links {
            transition-duration: 1s;
          }
          .sidebar-links {
            transition-timing-function: ease;
          }
          .sidebar-links {
            li {
              a {
                font-weight: 500;
              }
              a {
                &.active {
                  span {
                    color: rgba(var(--theme-default),1);
                  }
                }
                svg {
                  float: none;
                }
                svg {
                  margin-right: 0.625rem;
                }
                svg {
                  height: 18px;
                }
                svg {
                  width: 18px;
                }
                svg {
                  stroke: #ef4444;
                }
                svg {
                  transition-property: all;
                  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                  transition-duration: 150ms;
                }
                svg {
                  transition-duration: 0.3s;
                }
                svg {
                  transition-timing-function: ease;
                }
                svg {
                  vertical-align: -2px;
                }
                span {
                  text-transform: capitalize;
                }
                span {
                  letter-spacing: 0.7px;
                }
                span {
                  color: rgba(var(--theme-body-sub-title-color),0.8);
                }
                &.link-nav {
                  .according-menu {
                    display: none;
                  }
                }
              }
              &:last-child {
                border-bottom-color: none;
              }
            }
            .simplebar-wrapper {
              .simplebar-mask {
                .simplebar-content-wrapper {
                  .simplebar-content {
                    > li {
                      display: block;
                    }
                    @media (max-width: 575px) {
                       {
                         {
                           {
                            > > li {
                              width: 90%;
                            }
                          }
                        }
                      }

                       {
                         {
                           {
                             {
                              > > li {
                                width: 90%;
                              }
                            }
                          }
                        }
                      }
                    }
                    @media (max-width: 575px) {
                       {
                         {
                           {
                            > > li {
                              width: 90%;
                            }
                          }
                        }
                      }

                       {
                         {
                           {
                             {
                              > > li {
                                width: 90%;
                              }
                            }
                          }
                        }
                      }
                    }
                    > li {
                      position: relative;
                    }
                    > li {
                      display: block;
                    }
                    > li {
                      width: 100%;
                    }
                    > li:first-child {
                      display: none;
                    }
                    > li {
                      &:nth-child(3) {
                        .sidebar-main-title {
                          padding-top: 0px;
                        }
                        .sidebar-main-title::before {
                          content: var(--tw-content);
                          display: none;
                        }
                      }
                      &.pin-title.show {
                        + .sidebar-main-title {
                          padding-top: 25px;
                        }
                        + .sidebar-main-title::before {
                          content: var(--tw-content);
                          display: block;
                        }
                        + .sidebar-main-title::before {
                          content: var(--tw-content);
                          display: block;
                        }
                      }
                      .sidebar-link {
                        display: block;
                      }
                      .sidebar-link {
                        display: block;
                      }
                      .sidebar-link {
                        transition-property: all;
                        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                        transition-duration: 150ms;
                      }
                      .sidebar-link {
                        transition-duration: 0.5s;
                      }
                      .sidebar-link {
                        transition-timing-function: ease;
                      }
                      .sidebar-link::after {
                        content: var(--tw-content);
                        visibility: hidden;
                      }
                      .sidebar-link::after {
                        content: var(--tw-content);
                        position: absolute;
                      }
                      .sidebar-link::after {
                        content: var(--tw-content);
                        right: 0px;
                      }
                      .sidebar-link::after {
                        content: var(--tw-content);
                        top: 50%;
                      }
                      .sidebar-link::after {
                        content: var(--tw-content);
                        height: 35px;
                      }
                      .sidebar-link::after {
                        content: var(--tw-content);
                        width: 0.25rem;
                      }
                      .sidebar-link::after {
                        content: var(--tw-content);
                        --tw-translate-y: -50%;
                        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                      }
                      .sidebar-link::after {
                        content: var(--tw-content);
                        border-radius: 5px 0px 0px 5px;
                      }
                      .sidebar-link::after {
                        content: var(--tw-content);
                        background-color: rgba(var(--theme-default),1);
                      }
                      .sidebar-link::after {
                        content: var(--tw-content);
                        opacity: 0;
                      }
                      .sidebar-link::after {
                        --tw-content: "";
                        content: var(--tw-content);
                      }
                      .sidebar-link {
                        [dir="rtl"] & {
                          &::after {
                            left: 0px;
                          }
                          &::after {
                            right: unset;
                          }
                        }
                        &.active {
                          position: relative;
                        }
                        &.active {
                          margin-bottom: 0.625rem;
                        }
                        &.active {
                          background-color: rgba(var(--theme-default),0.07);
                        }
                        &.active {
                          transition-property: all;
                          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                          transition-duration: 150ms;
                        }
                        &.active {
                          transition-duration: 0.5s;
                        }
                        &.active {
                          transition-timing-function: ease;
                        }
                        &.active::after {
                          content: var(--tw-content);
                          visibility: visible;
                        }
                        &.active::after {
                          content: var(--tw-content);
                          opacity: 1;
                        }
                        &.active {
                          ~ .sidebar-submenu {
                            &::before {
                              height: calc(100% - 8px);
                            }
                            &::before {
                              transition-property: height;
                              transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                              transition-duration: 150ms;
                            }
                            &::before {
                              transition-duration: 0.5s;
                            }
                          }
                          .according-menu {
                            i {
                              color: rgba(var(--theme-default),1) !important;
                            }
                          }
                          span {
                            color: rgba(var(--theme-default),1) !important;
                          }
                          span {
                            transition-property: all;
                            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                            transition-duration: 150ms;
                          }
                          span {
                            transition-duration: 0.3s;
                          }
                          span {
                            transition-timing-function: ease;
                          }
                        }
                      }
                      a {
                        position: relative;
                      }
                      a {
                        padding-left: 1.25rem;
                        padding-right: 1.25rem;
                      }
                      a {
                        padding-top: 0.75rem;
                        padding-bottom: 0.75rem;
                      }
                      a {
                        --tw-text-opacity: 1;
                        color: rgb(34 34 34 / var(--tw-text-opacity, 1));
                      }
                      a {
                        transition-property: all;
                        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                        transition-duration: 150ms;
                      }
                      a {
                        transition-duration: 0.3s;
                      }
                      a {
                        transition-timing-function: ease;
                      }
                      a {
                        .sub-arrow {
                          position: absolute;
                        }
                        .sub-arrow {
                          right: 1.25rem;
                        }
                        .sub-arrow {
                          top: 0.625rem;
                        }
                        .sub-arrow::before {
                          content: var(--tw-content);
                          display: none;
                        }
                        .sub-arrow {
                          i {
                            display: none;
                          }
                        }
                      }
                      &.sidebar-list {
                        .badge {
                          position: absolute;
                        }
                        .badge {
                          right: 55px;
                        }
                        .badge {
                          top: 14.5px;
                        }
                        .badge {
                          z-index: 1;
                        }
                        .badge {
                          border-radius: 10px;
                        }
                        .badge {
                          padding-left: 0.8em !important;
                          padding-right: 0.8em !important;
                        }
                        .badge {
                          padding-top: 0.45em !important;
                        }
                        .badge {
                          padding-bottom: 0.33em !important;
                        }
                        .badge {
                          font-family: var(--font-roboto);
                        }
                        .badge {
                          font-size: 10px;
                        }
                        .badge {
                          font-weight: 600;
                        }
                        .badge {
                          letter-spacing: 0.7px;
                        }
                        .sidebar-submenu {
                          li {
                            position: relative;
                          }
                          li {
                            .badge {
                              margin-bottom: 0 !important;
                            }
                            .badge {
                              position: absolute;
                            }
                            .badge {
                              right: 35px;
                            }
                            .badge {
                              top: 0.5rem;
                            }
                            .badge {
                              z-index: 1;
                            }
                            .badge {
                              margin-bottom: 0px;
                            }
                            .badge {
                              border-radius: 10px;
                            }
                            .badge {
                              padding-left: 0.8em;
                              padding-right: 0.8em;
                            }
                            .badge {
                              padding-top: 0.45em;
                            }
                            .badge {
                              padding-bottom: 0.33em;
                            }
                            .badge {
                              font-family: var(--font-roboto);
                            }
                            .badge {
                              font-size: 10px;
                            }
                            .badge {
                              font-weight: 600;
                            }
                            .badge {
                              letter-spacing: 0.7px;
                            }
                            .badge {
                              line-height: 1.1;
                            }
                          }
                        }
                        &:hover {
                          > a {
                            &:hover {
                              background-color: rgba(var(--theme-default),0.07);
                            }
                            &:hover {
                              transition-property: all;
                              transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                              transition-duration: 150ms;
                            }
                            &:hover {
                              transition-duration: 0.3s;
                            }
                            &:hover {
                              transition-timing-function: ease;
                            }
                          }
                        }
                      }
                      .sidebar-submenu {
                        padding: 0 !important;
                      }
                      @media (max-width: 575px) {
                         {
                           {
                             {
                              > .sidebar-submenu {
                                width: 90%;
                              }
                            }
                          }
                        }

                         {
                           {
                             {
                               {
                                > .sidebar-submenu {
                                  width: 90%;
                                }
                              }
                            }
                          }
                        }
                      }
                      @media (max-width: 575px) {
                         {
                           {
                             {
                              > .sidebar-submenu {
                                width: 90%;
                              }
                            }
                          }
                        }

                         {
                           {
                             {
                               {
                                > .sidebar-submenu {
                                  width: 90%;
                                }
                              }
                            }
                          }
                        }
                      }
                      .sidebar-submenu {
                        position: relative;
                      }
                      .sidebar-submenu {
                        width: 100%;
                      }
                      .sidebar-submenu {
                        padding: 0px;
                      }
                      .sidebar-submenu {
                        > li {
                          a {
                            padding-left: 3rem !important;
                          }
                          a {
                            font-weight: 400;
                          }
                        }
                        .submenu-title {
                          .according-menu {
                            top: 7px;
                          }
                        }
                        &.opensubmenu {
                          display: block;
                        }
                        &.opensubmenu {
                          display: block;
                        }
                        li {
                          a {
                            display: block;
                          }
                          a {
                            display: block;
                          }
                          a {
                            margin-left: auto;
                            margin-right: auto;
                          }
                          a {
                            margin-top: 0px;
                            margin-bottom: 0px;
                          }
                          a {
                            display: block;
                          }
                          a {
                            max-width: 100%;
                          }
                          a {
                            overflow: hidden;
                          }
                          a {
                            display: -webkit-box;
                            -webkit-line-clamp: 2;
                            -webkit-box-orient: vertical;
                          }
                          a {
                            position: relative;
                          }
                          a {
                            display: block;
                          }
                          a {
                            overflow: hidden;
                          }
                          a {
                            text-overflow: ellipsis;
                          }
                          a {
                            white-space: nowrap;
                          }
                          a {
                            padding-left: 25px;
                            padding-right: 25px;
                          }
                          a {
                            padding-top: 7px;
                            padding-bottom: 7px;
                          }
                          a {
                            font-size: 0.875rem;
                            line-height: 1.25rem;
                          }
                          a {
                            font-weight: 500;
                          }
                          a {
                            letter-spacing: 0.06em;
                          }
                          a {
                            color: rgba(52,64,84,0.6);
                          }
                          a {
                            transition-property: all;
                            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                            transition-duration: 150ms;
                          }
                          a {
                            transition-duration: 0.3s;
                          }
                          a {
                            transition-timing-function: ease;
                          }
                          a::before {
                            content: var(--tw-content);
                            visibility: hidden;
                          }
                          a::before {
                            content: var(--tw-content);
                            position: absolute;
                          }
                          a::before {
                            content: var(--tw-content);
                            left: 25px;
                          }
                          a::before {
                            content: var(--tw-content);
                            top: 50%;
                          }
                          a::before {
                            content: var(--tw-content);
                            height: 5px;
                          }
                          a::before {
                            content: var(--tw-content);
                            width: 5px;
                          }
                          a::before {
                            content: var(--tw-content);
                            --tw-translate-y: -50%;
                            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                          }
                          a::before {
                            content: var(--tw-content);
                            border-radius: 100%;
                          }
                          a::before {
                            content: var(--tw-content);
                            opacity: 0;
                          }
                          a::before {
                            --tw-content: "";
                            content: var(--tw-content);
                          }
                          a::after {
                            content: var(--tw-content);
                            position: absolute;
                          }
                          a::after {
                            content: var(--tw-content);
                            left: 27px;
                          }
                          a::after {
                            content: var(--tw-content);
                            top: 48%;
                          }
                          a::after {
                            content: var(--tw-content);
                            width: 0.5rem;
                          }
                          a::after {
                            content: var(--tw-content);
                            border-top-width: 1px;
                          }
                          a::after {
                            content: var(--tw-content);
                            border-style: solid;
                          }
                          a::after {
                            content: var(--tw-content);
                            border-top-color: rgba(102,112,133,0.4);
                          }
                          a::after {
                            --tw-content: "";
                            content: var(--tw-content);
                          }
                          a:hover {
                            margin-left: 0px;
                          }
                          a {
                            &::before {
                              background-color: rgba(var(--theme-default),1);
                            }
                            &::before {
                              [dir="rtl"] & {
                                left: unset;
                              }
                              [dir="rtl"] & {
                                right: 25px;
                              }
                            }
                            &.active {
                              color: rgba(var(--theme-default),1) !important;
                            }
                            &.active::before {
                              content: var(--tw-content);
                              visibility: visible;
                            }
                            &.active::before {
                              content: var(--tw-content);
                              opacity: 1;
                            }
                          }
                          .sidebar-submenu {
                            padding: 0 !important;
                          }
                          @media (max-width: 575px) {
                             {
                               {
                                 {
                                  > .sidebar-submenu {
                                    width: 90%;
                                  }
                                }
                              }
                            }

                             {
                               {
                                 {
                                   {
                                    > .sidebar-submenu {
                                      width: 90%;
                                    }
                                  }
                                }
                              }
                            }
                          }
                          @media (max-width: 575px) {
                             {
                               {
                                 {
                                  > .sidebar-submenu {
                                    width: 90%;
                                  }
                                }
                              }
                            }

                             {
                               {
                                 {
                                   {
                                    > .sidebar-submenu {
                                      width: 90%;
                                    }
                                  }
                                }
                              }
                            }
                          }
                          .sidebar-submenu {
                            position: relative;
                          }
                          .sidebar-submenu {
                            right: 0px;
                          }
                          .sidebar-submenu {
                            display: none;
                          }
                          .sidebar-submenu {
                            width: 100%;
                          }
                          .sidebar-submenu {
                            padding: 0px;
                          }
                          .sidebar-submenu {
                            li {
                              a {
                                padding-left: 45px;
                                padding-right: 45px;
                              }
                              a {
                                padding-top: 0.375rem;
                                padding-bottom: 0.375rem;
                              }
                              a {
                                padding-left: 3.5rem;
                              }
                              a::after {
                                content: var(--tw-content);
                                display: none;
                              }
                            }
                            &.opensubchild {
                              display: block;
                            }
                            &.opensubchild {
                              display: block;
                            }
                          }
                          &:hover {
                            > a {
                              color: rgba(var(--theme-default),1);
                            }
                            > a {
                              transition-property: all;
                              transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                              transition-duration: 150ms;
                            }
                            > a {
                              transition-duration: 0.3s;
                            }
                            > a {
                              transition-timing-function: ease;
                            }
                          }
                        }
                      }
                      &.sidebar-main-title {
                        margin-top: 0.625rem;
                      }
                      &.sidebar-main-title {
                        padding-left: 1.25rem;
                      }
                      &.sidebar-main-title {
                        padding-right: 0px;
                      }
                      &.sidebar-main-title {
                        padding-top: 25px;
                      }
                      &.sidebar-main-title {
                        padding-bottom: 0.375rem;
                      }
                      &.sidebar-main-title::before {
                        content: var(--tw-content);
                        position: absolute;
                      }
                      &.sidebar-main-title::before {
                        content: var(--tw-content);
                        left: 50%;
                      }
                      &.sidebar-main-title::before {
                        content: var(--tw-content);
                        top: 0px;
                      }
                      &.sidebar-main-title::before {
                        content: var(--tw-content);
                        height: 1px;
                      }
                      &.sidebar-main-title::before {
                        content: var(--tw-content);
                        width: calc(100% - 40px);
                      }
                      &.sidebar-main-title::before {
                        content: var(--tw-content);
                        --tw-translate-x: -50%;
                        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                      }
                      &.sidebar-main-title::before {
                        --tw-content: "";
                        content: var(--tw-content);
                      }
                      &.sidebar-main-title {
                        &.pin-title {
                          display: none;
                        }
                        &.pin-title {
                          &.show {
                            display: block;
                          }
                          &.show {
                            display: block;
                          }
                        }
                        [dir="rtl"] & {
                          padding-left: 0px;
                        }
                        [dir="rtl"] & {
                          padding-right: 1.25rem;
                        }
                        [dir="rtl"] & {
                          padding-top: 25px;
                        }
                        [dir="rtl"] & {
                          padding-bottom: 0.375rem;
                        }
                        &::before {
                          background-color: rgba(var(--ps-light-border),1);
                        }
                        &:nth-child(2) {
                          margin-top: 0 !important;
                        }
                        &:nth-child(2) {
                          margin-top: 0px;
                        }
                        &:nth-child(2)::before {
                          content: var(--tw-content);
                          display: none;
                        }
                      }
                      &:hover {
                        .sidebar-link:not(.active) {
                          &:hover {
                            svg {
                              fill: rgba(var(--theme-default),0.1);
                            }
                            svg {
                              stroke: rgba(var(--theme-default),1);
                            }
                            svg {
                              transition-property: all;
                              transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                              transition-duration: 150ms;
                            }
                            svg {
                              transition-duration: 0.3s;
                            }
                            svg {
                              transition-timing-function: ease;
                            }
                            svg {
                              &.fill-icon {
                                fill: rgba(var(--theme-default),1);
                              }
                              &.fill-icon {
                                stroke: none;
                              }
                            }
                            span {
                              color: rgba(var(--theme-default),1) !important;
                            }
                            span {
                              transition-property: all;
                              transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                              transition-duration: 150ms;
                            }
                            span {
                              transition-duration: 0.3s;
                            }
                            span {
                              transition-timing-function: ease;
                            }
                            .according-menu {
                              i {
                                color: rgba(var(--theme-default),1);
                              }
                              i {
                                transition-property: all;
                                transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                                transition-duration: 150ms;
                              }
                              i {
                                transition-duration: 0.3s;
                              }
                              i {
                                transition-timing-function: ease;
                              }
                            }
                          }
                        }
                      }
                    }
                  }
                }
              }
            }
            &.opennav {
              left: 0px;
            }
            .back-btn {
              display: block;
            }
            .back-btn {
              padding: 0 !important;
            }
            @media (max-width: 575px) {
               {
                 {
                   {
                    > .back-btn {
                      width: 90%;
                    }
                  }
                }
              }

               {
                 {
                   {
                     {
                      > .back-btn {
                        width: 90%;
                      }
                    }
                  }
                }
              }
            }
            @media (max-width: 575px) {
               {
                 {
                   {
                    > .back-btn {
                      width: 90%;
                    }
                  }
                }
              }

               {
                 {
                   {
                     {
                      > .back-btn {
                        width: 90%;
                      }
                    }
                  }
                }
              }
            }
            .back-btn {
              display: block;
            }
            .back-btn {
              width: 100%;
            }
            .back-btn {
              padding: 0px;
            }
            .back-btn {
              @media (min-width: 1200px) {
                 {
                   {
                     {
                      .mobile-back {
                      }
                    }
                  }
                }
              }
              @media (max-width: 575px) {
                 {
                   {
                     {
                      .mobile-back {
                      }
                    }
                  }
                }
              }
              .mobile-back {
                display: flex;
              }
              .mobile-back {
                cursor: pointer;
              }
              .mobile-back {
                align-items: center;
              }
              .mobile-back {
                justify-content: flex-end;
              }
              .mobile-back {
                border-bottom-width: 1px;
              }
              .mobile-back {
                border-style: solid;
              }
              .mobile-back {
                --tw-border-opacity: 1;
                border-bottom-color: rgb(239 239 239 / var(--tw-border-opacity, 1));
              }
              .mobile-back {
                padding: 1.25rem;
              }
              .mobile-back {
                font-weight: 700;
              }
              .mobile-back {
                text-transform: uppercase;
              }
              .mobile-back {
                color: rgba(var(--theme-font-color),1);
              }
            }
          }
        }
        @media (min-width: 1200px) {
           {
             {
               {
                .simplebar-content {
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                .simplebar-content {
                }
              }
            }
          }
        }
        .simplebar-content {
          display: flex;
        }
        .simplebar-content {
          flex-direction: column;
        }
        &:hover {
          .according-menu {
            display: block;
          }
          .according-menu {
            display: block;
          }
        }
      }
      .according-menu {
        display: block;
      }
      .according-menu {
        position: absolute;
      }
      .according-menu {
        right: 1.25rem;
      }
      .according-menu {
        top: 11px;
      }
      .according-menu {
        display: block;
      }
      .according-menu {
        i.table {
          white-space: pre-wrap !important;
        }
        i {
          vertical-align: middle;
        }
        i {
          color: rgba(var(--theme-body-sub-title-color),0.8);
        }
      }
      .main-menu {
        &.border-section {
          border-color: none;
        }
        .menu-left {
          .main-menu-right {
            .toggle-nav {
              position: absolute;
            }
            .toggle-nav {
              right: 145px;
            }
            .toggle-nav {
              top: 0.375rem;
            }
            .toggle-nav {
              z-index: 2;
            }
            .toggle-nav {
              .sidebar-name {
                padding-left: 5px;
              }
              .sidebar-name {
                font-size: 1.125rem;
                line-height: 1.75rem;
              }
              .sidebar-name {
                text-transform: uppercase;
              }
            }
          }
        }
      }
      .page-body {
        margin-left: 265px;
      }
      .page-body {
        margin-top: 5rem;
      }
      .page-body {
        min-height: calc(100vh - 80px);
      }
      .page-body {
        &::before {
          display: none;
        }
      }
    }
    &.dark-sidebar,
      &.color-sidebar {
      .sidebar-main-title {
        h6 {
          color: rgba(255,255,255,0.6);
        }
      }
      .toggle-sidebar {
        svg {
          stroke: rgba(var(--theme-default),1);
        }
      }
      .page-body-wrapper {
        div.sidebar-wrapper {
          .sidebar-main {
            .sidebar-links {
              .simplebar-wrapper {
                .simplebar-mask {
                  .simplebar-content-wrapper {
                    .simplebar-content {
                      > li {
                        a {
                          svg {
                            &.stroke-icon {
                              stroke: rgba(255,255,255,0.6);
                            }
                            &.fill-icon {
                              fill: #fff;
                            }
                          }
                          &.active {
                            svg {
                              &.stroke-icon {
                                stroke: rgba(var(--theme-default),1);
                              }
                              &.fill-icon {
                                stroke: rgba(var(--theme-default),1);
                              }
                            }
                          }
                        }
                        &.sidebar-main-title {
                          &::before {
                            --tw-bg-opacity: 1;
                            background-color: rgb(55 69 88 / var(--tw-bg-opacity, 1));
                          }
                        }
                      }
                    }
                  }
                }
              }
            }
          }
        }
      }
      div.sidebar-wrapper {
        --tw-bg-opacity: 1;
        background-color: rgb(38 41 50 / var(--tw-bg-opacity, 1));
      }
      div.sidebar-wrapper {
        .sidebar-main {
          .sidebar-links {
            li {
              a {
                span {
                  color: rgba(255,255,255,0.6);
                }
                svg {
                  &.stroke-icon {
                    stroke: #fff;
                  }
                  &.fill-icon {
                    fill: #fff;
                  }
                }
              }
            }
            .simplebar-wrapper {
              .simplebar-mask {
                .simplebar-content-wrapper {
                  .simplebar-content {
                    > li {
                      .sidebar-link {
                        &.active {
                          background-color: rgba(var(--theme-default),0.2);
                        }
                        &.active {
                          svg {
                            stroke: rgba(var(--theme-default),1);
                          }
                          svg {
                            color: rgba(var(--theme-default),1);
                          }
                        }
                      }
                      .sidebar-submenu {
                        li {
                          a {
                            color: rgba(255,255,255,0.6);
                          }
                        }
                      }
                    }
                  }
                }
              }
            }
            .sidebar-list {
              ul {
                &.sidebar-submenu {
                  li {
                    a {
                      span {
                        color: rgba(255,255,255,0.6);
                      }
                      &.active {
                        color: rgba(var(--theme-default),1);
                      }
                    }
                  }
                }
              }
            }
          }
        }
        .logo-wrapper {
          .for-light {
            display: none;
          }
          .for-dark {
            display: block !important;
          }
          .for-dark {
            display: block !important;
          }
        }
      }
      .according-menu {
        i {
          color: rgba(255,255,255,0.6);
        }
      }
    }
    &.color-sidebar {
      div.sidebar-wrapper {
        --tw-bg-opacity: 1;
        background-color: rgb(47 60 78 / var(--tw-bg-opacity, 1));
      }
    }
  }
  &.horizontal-wrapper {
    [data-simplebar] {
      position: relative;
    }
    .footer {
      margin-left: 0px;
    }
    @media (max-width: 575px) {
       {
         {
           {
            > &.footer-fix {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > &.footer-fix {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > &.footer-fix {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > &.footer-fix {
                width: 90%;
              }
            }
          }
        }
      }
    }
    &.footer-fix {
      width: 100%;
    }
    .header-logo-wrapper {
      width: 150px;
    }
    .header-logo-wrapper {
      .toggle-sidebar {
        display: none;
      }
    }
    .sidebar-list {
      i.fa-solid.fa-thumbtack {
        visibility: hidden;
      }
      i.fa-solid.fa-thumbtack {
        position: absolute;
      }
      i.fa-solid.fa-thumbtack {
        right: 0px;
      }
      i.fa-solid.fa-thumbtack {
        top: 19px;
      }
      i.fa-solid.fa-thumbtack {
        color: rgba(var(--primary-color),1);
      }
      i.fa-solid.fa-thumbtack {
        &:hover {
          i.fa-solid.fa-thumbtack {
            visibility: hidden;
            cursor: pointer;
          }
        }
      }
    }
    .page-body-wrapper {
      .sidebar-wrapper {
        position: fixed;
      }
      .sidebar-wrapper {
        top: 79px;
      }
      .sidebar-wrapper {
        z-index: 1;
      }
      .sidebar-wrapper {
        z-index: 3;
      }
      .sidebar-wrapper {
        height: 54px;
      }
      .sidebar-wrapper {
        width: 100vw;
      }
      .sidebar-wrapper {
        overflow-x: hidden;
      }
      .sidebar-wrapper {
        overflow-y: visible;
      }
      .sidebar-wrapper {
        border-top-width: 1px;
      }
      .sidebar-wrapper {
        border-style: solid;
      }
      .sidebar-wrapper {
        border-top-color: rgba(var(--light-semi-gray),1);
      }
      .sidebar-wrapper {
        background-color: rgba(var(--white),1);
      }
      .sidebar-wrapper {
        line-height: inherit;
      }
      .sidebar-wrapper {
        --tw-shadow: 0px 9px 24px rgba(var(--semi-dark),0.05);
        --tw-shadow-colored: 0px 9px 24px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
      }
      .sidebar-wrapper {
        @media (min-width: 1200px) {
           {
             {
               {
                .simplebar-content {
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                .simplebar-content {
                }
              }
            }
          }
        }
        .simplebar-content {
          display: flex;
        }
        li {
          display: inline-block;
        }
        .sidebar-links {
          .sidebar-list {
            label {
              &.badge {
                position: absolute;
              }
              &.badge {
                right: -0.25rem;
              }
              &.badge {
                top: 0.125rem;
              }
              &.badge {
                z-index: 1;
              }
            }
            .sidebar-submenu {
              .badge {
                position: absolute;
              }
              .badge {
                right: 2.5rem;
              }
              .badge {
                top: 0.625rem;
              }
              .badge {
                z-index: 1;
              }
            }
          }
        }
        .logo-wrapper,
          .logo-icon-wrapper {
          display: none;
        }
        .sidebar-main {
          position: relative;
        }
        .sidebar-main {
          text-align: left;
        }
        .sidebar-main {
          @media (min-width: 1200px) {
             {
               {
                 {
                  .left-arrow,
            .right-arrow {
                  }
                }
              }
            }
          }
          @media (max-width: 575px) {
             {
               {
                 {
                  .left-arrow,
            .right-arrow {
                  }
                }
              }
            }
          }
          .left-arrow,
            .right-arrow {
            position: absolute;
          }
          .left-arrow,
            .right-arrow {
            top: 0px;
          }
          .left-arrow,
            .right-arrow {
            z-index: 1;
          }
          .left-arrow,
            .right-arrow {
            display: flex;
          }
          .left-arrow,
            .right-arrow {
            cursor: pointer;
          }
          .left-arrow,
            .right-arrow {
            align-items: center;
          }
          .left-arrow,
            .right-arrow {
            justify-content: center;
          }
          .left-arrow,
            .right-arrow {
            background-color: rgba(var(--white),1);
          }
          .left-arrow,
            .right-arrow {
            padding: 15px;
          }
          .left-arrow,
            .right-arrow {
            &.disabled {
              display: none;
            }
          }
          .left-arrow {
            left: 0px;
          }
          .right-arrow {
            right: 0px;
          }
          .sidebar-links {
            margin: 0px !important;
          }
          .sidebar-links {
            padding: 0 !important;
          }
          .sidebar-links {
            margin: 0px;
          }
          .sidebar-links {
            white-space: nowrap;
          }
          .sidebar-links {
            padding: 0px;
          }
          .sidebar-links {
            padding-left: 5px;
            padding-right: 5px;
          }
          .sidebar-links {
            text-align: left;
          }
          .sidebar-links {
            line-height: normal;
          }
          .sidebar-links {
            transition-property: all;
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-duration: 150ms;
          }
          .sidebar-links {
            transition-duration: 0.5s;
          }
          .sidebar-links {
            transition-timing-function: ease;
          }
          .sidebar-links {
            list-style: none;
            direction: ltr;
            display: -webkit-box !important;
            li {
              &.sidebar-list {
                a {
                  &.active {
                    .according-menu {
                      i {
                        &:before {
                          --tw-content: "-";
                          content: var(--tw-content);
                        }
                      }
                    }
                  }
                  .according-menu {
                    display: none;
                  }
                }
                ul.sidebar-submenu {
                  li {
                    a {
                      &.active {
                        color: rgba(var(--theme-default),1);
                      }
                      &.active::after {
                        content: var(--tw-content);
                        background-color: rgba(var(--theme-default),1);
                      }
                    }
                  }
                }
              }
            }
            .simplebar-wrapper {
              .simplebar-mask {
                .simplebar-content-wrapper {
                  padding-bottom: 0 !important;
                }
                .simplebar-content-wrapper {
                  padding-bottom: 0px;
                }
                .simplebar-content-wrapper {
                  .simplebar-content {
                    > li {
                      position: relative;
                    }
                    > li {
                      padding-top: 0.625rem;
                      padding-bottom: 0.625rem;
                    }
                    > li:first-child {
                      display: none;
                    }
                    > li {
                      &.sidebar-main-title {
                        &.pin-title {
                          display: none;
                        }
                        &.pin-title {
                          &.show {
                            display: none;
                          }
                        }
                      }
                      &:hover {
                        > a {
                          > span {
                            color: rgba(var(--theme-default),1);
                          }
                          > span {
                            transition-property: all;
                            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                            transition-duration: 150ms;
                          }
                          > span {
                            transition-duration: 0.3s;
                          }
                          > span {
                            transition-timing-function: ease;
                          }
                        }
                        a {
                          background-color: rgba(var(--primary-color),0.15%);
                        }
                        a {
                          transition-property: all;
                          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                          transition-duration: 150ms;
                        }
                        a {
                          transition-duration: 0.3s;
                        }
                        a {
                          transition-timing-function: ease;
                        }
                        a {
                          svg {
                            &.stroke-icon {
                              stroke: rgba(var(--theme-default),1);
                            }
                            &.stroke-icon {
                              transition-property: all;
                              transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                              transition-duration: 150ms;
                            }
                            &.stroke-icon {
                              transition-duration: 0.3s;
                            }
                            &.stroke-icon {
                              transition-timing-function: ease;
                            }
                            &.fill-icon {
                              fill: rgba(var(--theme-default),1);
                            }
                            &.fill-icon {
                              transition-property: all;
                              transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                              transition-duration: 150ms;
                            }
                            &.fill-icon {
                              transition-duration: 0.3s;
                            }
                            &.fill-icon {
                              transition-timing-function: ease;
                            }
                          }
                        }
                      }
                      &:first-child {
                        fill: rgba(var(--theme-default),1);
                      }
                      &:first-child {
                        transition-property: all;
                        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                        transition-duration: 150ms;
                      }
                      &:first-child {
                        transition-duration: 0.3s;
                      }
                      &:first-child {
                        transition-timing-function: ease;
                      }
                      > a {
                        display: block;
                      }
                      > a {
                        position: relative;
                      }
                      > a {
                        margin-left: 3px;
                        margin-right: 3px;
                      }
                      > a {
                        margin-top: 0px;
                        margin-bottom: 0px;
                      }
                      > a {
                        display: block;
                      }
                      > a {
                        border-radius: 5px;
                      }
                      > a {
                        padding-left: 15px;
                        padding-right: 15px;
                      }
                      > a {
                        padding-top: 5px;
                        padding-bottom: 5px;
                      }
                      > a {
                        font-weight: 500;
                      }
                      > a {
                        text-transform: capitalize;
                      }
                      > a {
                        line-height: 23px;
                      }
                      > a {
                        letter-spacing: 0.04em;
                      }
                      > a {
                        color: rgba(var(--theme-body-font-color),1);
                      }
                      > a {
                        text-decoration-line: none;
                      }
                      > a {
                        transition-property: all;
                        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                        transition-duration: 150ms;
                      }
                      > a {
                        transition-duration: 0.3s;
                      }
                      > a {
                        transition-timing-function: ease;
                      }
                      > a {
                        &.active {
                          background-color: lighten(rgba(var(--primary-color),22%));
                        }
                        &.active {
                          transition-property: all;
                          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                          transition-duration: 150ms;
                        }
                        &.active {
                          transition-duration: 0.3s;
                        }
                        &.active {
                          transition-timing-function: ease;
                        }
                        &.active {
                          svg,
                            span {
                            color: rgba(var(--theme-default),1) !important;
                          }
                          svg,
                            span {
                            transition-property: all;
                            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                            transition-duration: 150ms;
                          }
                          svg,
                            span {
                            transition-duration: 0.3s;
                          }
                          svg,
                            span {
                            transition-timing-function: ease;
                          }
                        }
                        .badge {
                          position: absolute;
                        }
                        .badge {
                          top: -5px;
                        }
                        .badge {
                          right: 0.625rem;
                        }
                        .badge {
                          margin-left: 1px;
                        }
                        .badge {
                          padding-left: 0.7em;
                          padding-right: 0.7em;
                        }
                        .badge {
                          padding-top: 0.2em;
                          padding-bottom: 0.2em;
                        }
                        svg {
                          margin-right: 0.625rem;
                        }
                        svg {
                          height: 18px;
                        }
                        svg {
                          width: 18px;
                        }
                        svg {
                          vertical-align: sub;
                        }
                      }
                      .sidebar-submenu {
                        padding-left: 0 !important;
                        padding-right: 0 !important;
                      }
                      .sidebar-submenu {
                        position: fixed;
                      }
                      .sidebar-submenu {
                        z-index: 4;
                      }
                      .sidebar-submenu {
                        background-color: rgba(var(--white),1);
                      }
                      .sidebar-submenu {
                        padding-left: 0px;
                        padding-right: 0px;
                      }
                      .sidebar-submenu {
                        padding-top: 15px;
                        padding-bottom: 15px;
                      }
                      .sidebar-submenu {
                        --tw-shadow: 0 0 1px 0 rgba(var(--dark-gray),1);
                        --tw-shadow-colored: 0 0 1px 0 var(--tw-shadow-color);
                        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
                      }
                      .sidebar-submenu {
                        li {
                          display: block;
                        }
                        li {
                          border-width: 0 !important;
                        }
                        li {
                          position: relative;
                        }
                        li {
                          float: none;
                        }
                        li {
                          display: block;
                        }
                        li {
                          border-width: 0px;
                        }
                        li {
                          a {
                            display: block;
                          }
                          a {
                            display: block;
                          }
                          a {
                            background-color: rgba(var(--transparent-color),1);
                          }
                          a {
                            padding-left: 30px;
                            padding-right: 30px;
                          }
                          a {
                            padding-top: 0.25rem;
                            padding-bottom: 0.25rem;
                          }
                          a {
                            font-weight: var(--font-roboto);
                          }
                          a {
                            font-weight: 500;
                          }
                          a {
                            line-height: 1.9;
                          }
                          a {
                            letter-spacing: 0.06em;
                          }
                          a {
                            color: rgba(43,43,43,0.6);
                          }
                          a {
                            transition-property: all;
                            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                            transition-duration: 150ms;
                          }
                          a {
                            transition-property: all;
                            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                            transition-duration: 150ms;
                          }
                          a {
                            transition-duration: 0.5s;
                          }
                          a {
                            transition-duration: 0.3s;
                          }
                          a {
                            transition-timing-function: ease;
                          }
                          a {
                            transition-timing-function: ease;
                          }
                          a::after {
                            content: var(--tw-content);
                            position: absolute;
                          }
                          a::after {
                            content: var(--tw-content);
                            left: 1.25rem;
                          }
                          a::after {
                            content: var(--tw-content);
                            top: 49%;
                          }
                          a::after {
                            content: var(--tw-content);
                            height: 1px;
                          }
                          a::after {
                            content: var(--tw-content);
                            width: 5px;
                          }
                          a::after {
                            content: var(--tw-content);
                            border-radius: 100%;
                          }
                          a::after {
                            content: var(--tw-content);
                            --tw-bg-opacity: 1;
                            background-color: rgb(89 102 122 / var(--tw-bg-opacity, 1));
                          }
                          a::after {
                            --tw-content: "";
                            content: var(--tw-content);
                          }
                          a:hover {
                            letter-spacing: 1.5px;
                          }
                          a:hover {
                            color: rgba(var(--theme-default),1);
                          }
                          a:hover {
                            transition-property: all;
                            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                            transition-duration: 150ms;
                          }
                          a:hover {
                            transition-duration: 0.3s;
                          }
                          a:hover {
                            transition-timing-function: ease;
                          }
                          a:hover::after {
                            content: var(--tw-content);
                            background-color: rgba(var(--theme-default),1);
                          }
                        }
                      }
                      &:hover {
                        > a {
                          &:after {
                            left: 0px;
                            right: 0px;
                          }
                          &:after {
                            opacity: 1;
                          }
                        }
                      }
                    }
                  }
                }
              }
            }
          }
        }
        &.overlay-white {
          background-color: rgba(var(--white),0.08);
        }
      }
      @media (min-width: 1200px) {
         {
           {
             {
              .toggle-nav {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              .toggle-nav {
              }
            }
          }
        }
      }
      .toggle-nav {
        position: relative;
      }
      .toggle-nav {
        display: flex;
      }
      .toggle-nav {
        cursor: pointer;
      }
      .toggle-nav {
        align-items: center;
      }
      .toggle-nav i {
        font-size: 1.5rem;
        line-height: 2rem;
      }
      .page-body {
        margin-top: 135px;
      }
      .sidebar-main-title {
        display: none !important;
      }
      &.scorlled {
        .sidebar-wrapper {
          display: none;
        }
        .sidebar-wrapper {
          transition-property: all;
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-duration: 150ms;
        }
        .sidebar-wrapper {
          transition-duration: 0.3s;
        }
        .sidebar-wrapper {
          transition-timing-function: ease;
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > .page-header {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > .page-header {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > .page-header {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > .page-header {
                width: 90%;
              }
            }
          }
        }
      }
    }
    .page-header {
      width: 100%;
    }
    .page-header {
      --tw-shadow: 0 0 #0000;
      --tw-shadow-colored: 0 0 #0000;
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
    .page-header {
      @media (min-width: 1200px) {
         {
           {
             {
              .header-wrapper {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              .header-wrapper {
              }
            }
          }
        }
      }
      .header-wrapper {
        display: flex !important;
      }
      .header-wrapper {
        .header-logo-wrapper {
          display: block;
        }
        .header-logo-wrapper {
          display: block;
        }
        .form-control-plaintext {
          width: auto;
        }
        .left-header {
          width: 30%;
        }
      }
    }
    &.enterprice-type {
      footer {
        margin-left: 0px;
      }
    }
  }
  &.material-icon {
    .card {
      --tw-shadow: 0 0 20px rgba(var(--primary-color),0.1);
      --tw-shadow-colored: 0 0 20px var(--tw-shadow-color);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
    &.compact-sidebar {
      &.compact-small {
        .page-body-wrapper {
          .page-body {
            .page-title {
              h3 {
                color: rgba(var(--white),1);
              }
            }
          }
        }
      }
    }
  }
  .sidebar-main-title {
    h6 {
      margin-bottom: 0 !important;
    }
    h6 {
      margin-bottom: 0px;
    }
    h6 {
      font-size: 0.875rem;
      line-height: 1.25rem;
    }
    h6 {
      font-weight: 600;
    }
    h6 {
      text-transform: uppercase;
    }
    h6 {
      letter-spacing: 0.4px;
    }
    h6 {
      color: rgba(var(--theme-body-sub-title-color),1);
    }
  }
  &.compact-sidebar {
    .simplebar-wrapper {
      .simplebar-mask {
        .simplebar-content-wrapper {
          @media (min-width: 1200px) {
             {
               {
                 {
                  .simplebar-content {
                  }
                }
              }
            }
          }
          @media (max-width: 575px) {
             {
               {
                 {
                  .simplebar-content {
                  }
                }
              }
            }
          }
          .simplebar-content {
            display: flex;
          }
          .simplebar-content {
            flex-direction: column;
          }
        }
      }
    }
    .sidebar-list {
      @media (min-width: 1200px) {
         {
           {
             {
              i.fa-solid.fa-thumbtack {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              i.fa-solid.fa-thumbtack {
              }
            }
          }
        }
      }
      i.fa-solid.fa-thumbtack {
        visibility: hidden;
      }
      i.fa-solid.fa-thumbtack {
        position: absolute;
      }
      i.fa-solid.fa-thumbtack {
        right: 54px;
      }
      i.fa-solid.fa-thumbtack {
        top: 0.5rem;
      }
      i.fa-solid.fa-thumbtack {
        display: flex;
      }
      i.fa-solid.fa-thumbtack {
        height: 1.25rem;
      }
      i.fa-solid.fa-thumbtack {
        width: 1.25rem;
      }
      i.fa-solid.fa-thumbtack {
        align-items: center;
      }
      i.fa-solid.fa-thumbtack {
        justify-content: center;
      }
      i.fa-solid.fa-thumbtack {
        border-radius: 100%;
      }
      i.fa-solid.fa-thumbtack {
        background-color: rgba(var(--primary-color),0.1);
      }
      i.fa-solid.fa-thumbtack {
        color: rgba(var(--primary-color),1);
      }
      i.fa-solid.fa-thumbtack {
        &::before {
          font-size: 0.75rem;
          line-height: 1rem;
        }
      }
      &:hover {
        i.fa-solid.fa-thumbtack {
          visibility: visible;
        }
        i.fa-solid.fa-thumbtack {
          z-index: 1;
        }
        i.fa-solid.fa-thumbtack {
          cursor: pointer;
        }
      }
      &.pined {
        order: -1;
      }
    }
    .pin-title {
      order: -1;
    }
    ~ .bg-overlay1 {
      transition-property: 0.8s;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }
    ~ .bg-overlay1 {
      &.active {
        position: fixed;
      }
      &.active {
        top: 0px;
      }
      &.active {
        z-index: 8;
      }
      &.active {
        height: 100vh;
      }
      &.active {
        width: 100vw;
      }
      &.active {
        background-color: rgba(var(--black),0.2);
      }
    }
    .toggle-sidebar {
      position: relative;
    }
    .toggle-sidebar {
      right: unset;
    }
    .toggle-sidebar {
      top: unset;
    }
    .toggle-sidebar {
      margin-right: 15px;
    }
    .sidebar-main-title {
      display: none;
    }
    .logo-wrapper {
      display: none;
    }
    .logo-icon-wrapper {
      text-align: center;
    }
    .logo-icon-wrapper {
      display: block;
    }
    @media (max-width: 767px) {
       {
        .logo-icon-wrapper {
        }
      }
    }
    .logo-icon-wrapper {
      display: block;
    }
    .logo-icon-wrapper {
      padding-left: 30px;
      padding-right: 30px;
    }
    .logo-icon-wrapper {
      padding-top: 1.5rem;
      padding-bottom: 1.5rem;
    }
    .logo-icon-wrapper {
      text-align: center;
    }
    .logo-icon-wrapper {
      --tw-shadow: -9px 0 20px rgba(var(--semi-dark),0.1);
      --tw-shadow-colored: -9px 0 20px var(--tw-shadow-color);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
    .page-header {
      margin-left: 150px;
    }
    .page-header {
      width: calc(100% - 150px);
    }
    .page-header {
      @media (min-width: 1200px) {
         {
           {
             {
              .header-wrapper {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              .header-wrapper {
              }
            }
          }
        }
      }
      .header-wrapper {
        display: flex !important;
      }
      .header-wrapper {
        .header-logo-wrapper {
          display: block;
        }
        .header-logo-wrapper {
          display: block;
        }
        .logo-wrapper {
          display: none;
        }
        .left-header {
          width: 30%;
        }
      }
      &.close_icon {
        margin-left: 0px;
      }
      &.close_icon {
        width: calc(100% - 0px);
      }
    }
    .page-body-wrapper {
      .page-body {
        margin-left: 150px;
      }
      .page-body {
        margin-top: 5rem;
      }
      .footer {
        margin-left: 150px;
      }
      div.sidebar-wrapper {
        position: fixed;
      }
      div.sidebar-wrapper {
        top: 0px;
      }
      div.sidebar-wrapper {
        z-index: 9;
      }
      div.sidebar-wrapper {
        > div {
          height: auto;
        }
        > div {
          width: 150px;
        }
        > div {
          background-color: rgba(var(--white),1);
        }
        > div {
          text-align: left;
        }
        > div {
          line-height: inherit;
        }
        > div {
          --tw-shadow: 0 0 21px 0 rgba(89,102,122,0.1);
          --tw-shadow-colored: 0 0 21px 0 var(--tw-shadow-color);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
        }
        > div {
          transition-property: 0.3s;
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-duration: 150ms;
        }
        .sidebar-main {
          .left-arrow,
            .right-arrow {
            display: none;
          }
          .sidebar-links {
            margin-left: 0px;
            margin-right: 0px;
          }
          .sidebar-links {
            margin-top: 30px;
            margin-bottom: 30px;
          }
          .sidebar-links {
            height: calc(100vh - 113px);
          }
          .sidebar-links {
            overflow: auto;
          }
          .sidebar-links {
            li {
              a {
                color: rgba(var(--dark-color),1);
              }
              a {
                span {
                  font-size: 0.875rem;
                  line-height: 1.25rem;
                }
                span {
                  font-weight: 500;
                }
                span {
                  text-transform: capitalize;
                }
                span {
                  letter-spacing: 1px;
                }
                span {
                  color: rgba(var(--dark-color),1);
                }
                &.active {
                  background-color: rgba(var(--primary-color),0.1);
                }
                &.active {
                  color: rgba(var(--primary-color),1);
                }
                &.active {
                  span {
                    color: rgba(var(--primary-color),1) !important;
                  }
                  .sidebar-submenu {
                    animation: fadeInLeft 300ms ease-in-out;
                  }
                }
              }
              .sidebar-title {
                display: block;
              }
              .sidebar-title {
                padding-left: 0 !important;
                padding-right: 0 !important;
              }
              .sidebar-title {
                display: block;
              }
              .sidebar-title {
                border-bottom-width: 1px;
              }
              .sidebar-title {
                border-style: solid;
              }
              .sidebar-title {
                --tw-border-opacity: 1;
                border-bottom-color: rgb(243 243 243 / var(--tw-border-opacity, 1));
              }
              .sidebar-title {
                padding-left: 0px;
                padding-right: 0px;
              }
              .sidebar-title {
                padding-top: 1.25rem;
                padding-bottom: 1.25rem;
              }
              > {
                .sidebar-submenu {
                  position: fixed;
                }
                .sidebar-submenu {
                  left: 150px;
                }
                .sidebar-submenu {
                  top: 0px;
                }
                .sidebar-submenu {
                  z-index: -1;
                }
                .sidebar-submenu {
                  display: none;
                }
                .sidebar-submenu {
                  height: calc(100vh - 0px);
                }
                .sidebar-submenu {
                  width: 230px;
                }
                .sidebar-submenu {
                  overflow: auto;
                }
                .sidebar-submenu {
                  background-color: rgba(var(--white),1);
                }
                .sidebar-submenu {
                  padding-top: 1.25rem;
                }
                .sidebar-submenu {
                  --tw-shadow: 0 16px 15px 15px rgba(126,55,216,0.03);
                  --tw-shadow-colored: 0 16px 15px 15px var(--tw-shadow-color);
                  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
                }
                .sidebar-submenu {
                  transition-property: all;
                  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                  transition-duration: 150ms;
                }
                .sidebar-submenu {
                  transition-duration: 0.5s;
                }
                .sidebar-submenu {
                  transition-timing-function: ease-in-out;
                }
                .sidebar-submenu {
                  &::-webkit-scrollbar-track {
                    -webkit-box-shadow: inset 0 0 6px rgba(var(--light-gray), 1);
                  }
                  &::-webkit-scrollbar {
                    height: 0.5rem;
                  }
                  &::-webkit-scrollbar {
                    width: 0.375rem;
                  }
                  &::-webkit-scrollbar-thumb {
                    background-color: rgba(68,102,242,0.15);
                  }
                  li {
                    position: relative;
                  }
                  li {
                    label {
                      &.badge {
                        left: 68%;
                      }
                      &.badge {
                        top: 1.25rem;
                      }
                    }
                    a {
                      display: block;
                    }
                    a {
                      position: relative;
                    }
                    a {
                      display: block;
                    }
                    a {
                      border-bottom-width: 1px;
                    }
                    a {
                      border-style: solid;
                    }
                    a {
                      --tw-border-opacity: 1;
                      border-bottom-color: rgb(241 241 241 / var(--tw-border-opacity, 1));
                    }
                    a {
                      padding-top: 15px;
                      padding-bottom: 15px;
                    }
                    a {
                      padding-left: 2.5rem;
                    }
                    a {
                      padding-right: 15px;
                    }
                    a {
                      .sub-arrow {
                        display: none;
                      }
                      .according-menu {
                        position: absolute;
                      }
                      .according-menu {
                        right: 1.25rem;
                      }
                      .according-menu {
                        top: 1rem;
                      }
                      &.active {
                        background-color: rgba(var(--primary-color),0.1);
                      }
                      &.active {
                        color: rgba(var(--primary-color),1);
                      }
                      &.active {
                        transition-property: all;
                        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                        transition-duration: 150ms;
                      }
                      &.active {
                        transition-duration: 0.3s;
                      }
                      &.active {
                        transition-timing-function: ease;
                      }
                    }
                    .sidebar-submenu {
                      display: block;
                    }
                    .sidebar-submenu {
                      padding: 0 !important;
                    }
                    .sidebar-submenu {
                      display: block;
                    }
                    .sidebar-submenu {
                      height: auto;
                    }
                    .sidebar-submenu {
                      padding: 0px;
                    }
                    .sidebar-submenu {
                      padding-left: 1.25rem;
                    }
                    .sidebar-submenu {
                      --tw-shadow-color: unset;
                      --tw-shadow: var(--tw-shadow-colored);
                    }
                    .sidebar-submenu {
                      transition-property: all;
                      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                      transition-duration: 150ms;
                    }
                    .sidebar-submenu {
                      transition-duration: 0.5s;
                    }
                    .sidebar-submenu {
                      transition-timing-function: ease;
                    }
                    .sidebar-submenu {
                      position: unset;
                      li {
                        a {
                          &.active {
                            background-color: rgba(var(--transparent-color),1);
                          }
                        }
                      }
                    }
                  }
                  > li {
                    > a {
                      &::after {
                        position: absolute;
                      }
                      &::after {
                        left: 1.25rem;
                      }
                      &::after {
                        top: 48%;
                      }
                      &::after {
                        width: 0.5rem;
                      }
                      &::after {
                        border-top-width: 2px;
                      }
                      &::after {
                        border-style: solid;
                      }
                      &::after {
                        border-top-color: rgba(var(--theme-body-sub-title-color),0.4);
                      }
                      &::after {
                        --tw-content: "";
                        content: var(--tw-content);
                      }
                    }
                  }
                  .mega-box {
                    padding: 0 !important;
                  }
                  .mega-box {
                    max-width: 100%;
                  }
                  .mega-box {
                    flex: 0 0 100%;
                  }
                  .mega-box {
                    padding: 0px;
                  }
                  .mega-box {
                    .link-section {
                      text-align: left;
                    }
                    .link-section {
                      .submenu-title {
                        h5 {
                          margin-bottom: 0 !important;
                        }
                        h5 {
                          position: relative;
                        }
                        h5 {
                          margin-bottom: 0px;
                        }
                        h5 {
                          padding-top: 15px;
                          padding-bottom: 15px;
                        }
                        h5 {
                          padding-left: 2.5rem;
                        }
                        h5 {
                          padding-right: 15px;
                        }
                        h5 {
                          font-size: 0.875rem;
                          line-height: 1.25rem;
                        }
                        h5 {
                          font-weight: 400;
                        }
                        h5 {
                          letter-spacing: 1px;
                        }
                        h5::after {
                          content: var(--tw-content);
                          position: absolute;
                        }
                        h5::after {
                          content: var(--tw-content);
                          left: 1.25rem;
                        }
                        h5::after {
                          content: var(--tw-content);
                          top: 48%;
                        }
                        h5::after {
                          content: var(--tw-content);
                          width: 0.375rem;
                        }
                        h5::after {
                          content: var(--tw-content);
                          border-top-width: 2px;
                        }
                        h5::after {
                          content: var(--tw-content);
                          border-style: solid;
                        }
                        h5::after {
                          content: var(--tw-content);
                          --tw-border-opacity: 1;
                          border-top-color: rgb(89 92 96 / var(--tw-border-opacity, 1));
                        }
                        h5::after {
                          --tw-content: "";
                          content: var(--tw-content);
                        }
                      }
                    }
                  }
                }
              }
            }
            .sidebar-list {
              position: relative;
            }
            .sidebar-list {
              .badge {
                margin-bottom: 0 !important;
              }
              .badge {
                position: absolute;
              }
              .badge {
                left: 50%;
              }
              .badge {
                top: 0.625rem;
              }
              .badge {
                margin-bottom: 0px;
              }
              .badge {
                font-size: 9px;
              }
              .badge {
                font-weight: 500;
              }
              .sidebar-link {
                text-align: center;
              }
              @media (max-width: 767px) {
                 {
                  .sidebar-link {
                  }
                }
              }
              .sidebar-link {
                text-align: center;
              }
              .sidebar-link {
                svg {
                  margin-top: 0 !important;
                }
                svg {
                  margin-left: auto;
                  margin-right: auto;
                }
                svg {
                  margin-top: 0px;
                }
                svg {
                  margin-bottom: 0.375rem;
                }
                svg {
                  height: 1.5rem;
                }
                svg {
                  width: 1.5rem;
                }
                > span {
                  display: block;
                }
                > span {
                  display: block;
                }
                > span {
                  font-size: 0.875rem;
                  line-height: 1.25rem;
                }
                > span {
                  font-weight: 500;
                }
                > span {
                  letter-spacing: 1px;
                }
                > span {
                  word-break: break-word;
                }
                .according-menu {
                  display: none;
                }
              }
            }
          }
        }
        &.close_icon {
          --tw-translate-x: -150px;
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        }
        &.close_icon {
          ~ .page-body,
            ~ .footer {
            margin-left: 0px;
          }
        }
      }
    }
    &.compact-small {
      &.material-icon {
        .header-wrapper {
          .search-full {
            .form-group {
              .close-search {
                top: 25px;
              }
            }
          }
          .left-header {
            h6 {
              span.font-primary {
                color: rgba(var(--warning-color),1);
              }
            }
            a {
              color: rgba(var(--warning-color),1);
            }
          }
        }
      }
    }
  }
  &.compact-sidebar {
    .page-body-wrapper {
      .sidebar-links {
        .sidebar-list {
          &:hover {
            i {
              &.fa-thumbtack {
                right: 1.25rem;
              }
            }
          }
        }
      }
    }
  }
  &.compact-small {
    .toggle-sidebar {
      position: relative;
    }
    .toggle-sidebar {
      right: unset;
    }
    .toggle-sidebar {
      top: unset;
    }
    .toggle-sidebar {
      margin-right: 15px;
    }
    .sidebar-list {
      @media (min-width: 1200px) {
         {
           {
             {
              i.fa-solid.fa-thumbtack {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              i.fa-solid.fa-thumbtack {
              }
            }
          }
        }
      }
      i.fa-solid.fa-thumbtack {
        visibility: hidden;
      }
      i.fa-solid.fa-thumbtack {
        position: absolute;
      }
      i.fa-solid.fa-thumbtack {
        right: 22px;
      }
      i.fa-solid.fa-thumbtack {
        top: 0.5rem;
      }
      i.fa-solid.fa-thumbtack {
        display: flex;
      }
      i.fa-solid.fa-thumbtack {
        height: 1.25rem;
      }
      i.fa-solid.fa-thumbtack {
        width: 1.25rem;
      }
      i.fa-solid.fa-thumbtack {
        align-items: center;
      }
      i.fa-solid.fa-thumbtack {
        justify-content: center;
      }
      i.fa-solid.fa-thumbtack {
        border-radius: 100%;
      }
      i.fa-solid.fa-thumbtack {
        background-color: rgba(var(--primary-color),0.1);
      }
      i.fa-solid.fa-thumbtack {
        color: rgba(var(--primary-color),1);
      }
      &:hover {
        i.fa-solid.fa-thumbtack {
          visibility: visible;
        }
      }
      &.pined,
        &.pin-title {
        order: -1;
      }
    }
    &.material-icon {
      .page-body-wrapper {
        .page-body {
          .page-title {
            h4 {
              color: rgba(var(--white),1);
            }
          }
        }
      }
    }
    .sidebar-main-title,
      .logo-wrapper {
      display: none;
    }
    .logo-icon-wrapper {
      text-align: center;
    }
    .logo-icon-wrapper {
      display: block;
    }
    @media (max-width: 767px) {
       {
        .logo-icon-wrapper {
        }
      }
    }
    .logo-icon-wrapper {
      display: block;
    }
    .logo-icon-wrapper {
      padding-left: 30px;
      padding-right: 30px;
    }
    .logo-icon-wrapper {
      padding-top: 27px;
      padding-bottom: 27px;
    }
    .logo-icon-wrapper {
      text-align: center;
    }
    .logo-icon-wrapper {
      --tw-shadow: -9px 0 20px rgba(var(--semi-dark),0.1);
      --tw-shadow-colored: -9px 0 20px var(--tw-shadow-color);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
    .page-header {
      margin-left: 90px;
    }
    .page-header {
      width: calc(100% - 90px);
    }
    .page-header {
      .header-wrapper {
        .logo-wrapper {
          display: none;
        }
      }
      &.close_icon {
        margin-left: 0px;
      }
      &.close_icon {
        width: calc(100% - 0px);
      }
    }
    .page-body-wrapper {
      .page-body {
        margin-left: 90px;
      }
      .footer {
        margin-left: 90px;
      }
      div.sidebar-wrapper {
        > div {
          width: 90px;
        }
        .sidebar-main {
          .sidebar-links {
            li {
              .sidebar-title {
                display: block;
              }
              .sidebar-title {
                padding-left: 0 !important;
                padding-right: 0 !important;
              }
              .sidebar-title {
                display: block;
              }
              .sidebar-title {
                padding-left: 0px;
                padding-right: 0px;
              }
              .sidebar-title {
                padding-top: 15px;
                padding-bottom: 15px;
              }
              .sidebar-submenu {
                left: 90px;
              }
              .sidebar-submenu {
                li {
                  a {
                    padding-top: 0.625rem;
                    padding-bottom: 0.625rem;
                  }
                  a {
                    padding-left: 2.5rem;
                  }
                  a {
                    padding-right: 15px;
                  }
                  a {
                    .sub-arrow {
                      display: none;
                    }
                    .according-menu {
                      top: 11px;
                    }
                  }
                }
              }
            }
            .sidebar-list {
              .badge {
                display: none;
              }
              .sidebar-link {
                svg {
                  margin-left: auto;
                  margin-right: auto;
                }
                svg {
                  margin-top: 0px;
                  margin-bottom: 0px;
                }
                svg {
                  height: 1.25rem;
                }
                svg {
                  width: 1.25rem;
                }
                > span {
                  display: none;
                }
              }
            }
            .mega-menu {
              svg {
                margin-left: auto;
                margin-right: auto;
              }
              svg {
                margin-top: 0px;
                margin-bottom: 0px;
              }
              a {
                > span {
                  display: none;
                }
              }
            }
          }
        }
        &.close_icon {
          --tw-translate-x: -150px;
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        }
        &.close_icon {
          ~ .page-body,
            ~ .footer {
            margin-left: 0px;
          }
        }
      }
    }
  }
  &.only-body {
    --tw-bg-opacity: 1;
    background-color: rgb(242 240 250 / var(--tw-bg-opacity, 1));
  }
  &.only-body {
    .page-body-wrapper {
      --tw-bg-opacity: 1;
      background-color: rgb(242 240 250 / var(--tw-bg-opacity, 1));
    }
    .page-body-wrapper {
      .page-body {
        .page-title {
          @media (min-width: 576px) {
             {
               {
                .col-span-6 {
                  grid-column: span 12 / span 12;
                }
              }
            }
          }
          .col-span-6 {
            grid-column: span 12 / span 12;
          }
        }
      }
    }
    .page-header {
      position: relative;
    }
    .page-header {
      .header-logo-wrapper {
        display: none;
      }
      .header-wrapper {
        padding: 0 !important;
      }
      .header-wrapper {
        padding: 0px;
      }
      .header-wrapper {
        .left-header {
          display: none;
        }
        .nav-right {
          position: absolute;
        }
        .nav-right {
          right: 60px;
        }
        .nav-right {
          top: 58px;
        }
        .search-full {
          left: 25px;
        }
        .search-full {
          top: 37px;
        }
        .search-full {
          width: calc(100% - 50px);
        }
        .search-full {
          .form-group {
            .Typeahead {
              .u-posRelative {
                border-radius: 15px;
              }
              .u-posRelative {
                background-color: rgba(var(--white),1);
              }
            }
          }
          .Typeahead-menu {
            right: 0px;
          }
          .Typeahead-menu {
            top: 78px;
          }
          .Typeahead-menu {
            margin-left: auto;
            margin-right: auto;
          }
          .Typeahead-menu {
            margin-top: 0px;
            margin-bottom: 0px;
          }
          .Typeahead-menu {
            width: calc(100% - 30px);
          }
        }
      }
    }
    .page-body-wrapper {
      .page-title {
        margin-left: 0px;
        margin-right: 0px;
      }
      .page-title {
        margin-top: 30px !important;
        margin-bottom: 30px !important;
      }
      .page-title {
        border-radius: 15px;
      }
      .page-title {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
      }
      .page-title {
        padding-left: 30px;
        padding-right: 30px;
      }
    }
    .sidebar-wrapper,
      footer {
      display: none;
    }
    .page-body-wrapper {
      .page-body {
        margin-top: 0 !important;
      }
      .page-body {
        margin-top: 0px;
      }
      .page-body {
        min-height: calc(100vh - 0px);
      }
      .page-title {
        > .grid {
          .col-span-6 {
            max-width: 100%;
          }
          .col-span-6 {
            flex: 0 0 100%;
          }
        }
        .breadcrumb {
          margin-top: 5px;
        }
        .breadcrumb {
          justify-content: flex-start;
        }
      }
    }
  }
  &.modern-type {
    @media (min-width: 1200px) {
       {
         {
           {
            .header-wrapper {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            .header-wrapper {
            }
          }
        }
      }
    }
    .header-wrapper {
      display: flex !important;
    }
    .header-wrapper {
      .header-logo-wrapper {
        display: inline-flex;
      }
    }
    .progress-chart-wrap {
      margin-left: -22px;
    }
    .ecommerce-widget {
      border-width: 1px;
    }
    .ecommerce-widget {
      border-style: solid;
    }
    .ecommerce-widget {
      border-color: lighten(rgba(var(--primary-color),22%));
    }
    .file-sidebar {
      .pricing-plan {
        border-width: 1px;
      }
      .pricing-plan {
        border-style: solid;
      }
      .pricing-plan {
        border-color: lighten(rgba(var(--primary-color),22%));
      }
    }
    .alert-primary {
      color: rgba(var(--primary-color),1);
    }
    .project-box {
      background-color: lighten(rgba(var(--primary-color),22%));
    }
    .nav-tabs {
      .nav-link {
        &.active {
          background-color: transparent;
        }
      }
    }
    .simplebar-mask {
      top: 0.625rem;
    }
    .page-header {
      margin-left: 0px;
    }
    .page-header {
      width: calc(100% - 0px);
    }
    .page-header {
      &.close_icon {
        margin-left: 0px;
      }
      &.close_icon {
        width: calc(100% - 0px);
      }
      .header-wrapper {
        .left-header {
          width: 30%;
        }
        @media (min-width: 1200px) {
           {
             {
               {
                .header-logo-wrapper {
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                .header-logo-wrapper {
                }
              }
            }
          }
        }
        .header-logo-wrapper {
          display: flex;
        }
        .header-logo-wrapper {
          align-items: center;
        }
        .logo-wrapper {
          display: block;
        }
        .logo-wrapper {
          margin-right: 30px;
        }
        .logo-wrapper {
          display: block;
        }
        .toggle-sidebar {
          display: block;
        }
        .toggle-sidebar {
          position: relative;
        }
        .toggle-sidebar {
          right: unset;
        }
        .toggle-sidebar {
          top: unset;
        }
        .toggle-sidebar {
          margin-right: 15px;
        }
        .toggle-sidebar {
          display: block;
        }
      }
    }
    .page-body-wrapper {
      .page-title {
        padding-bottom: 0 !important;
      }
      .page-title {
        background-color: transparent;
      }
      .page-title {
        padding-bottom: 0px;
      }
      div.sidebar-wrapper {
        top: 5rem;
      }
      div.sidebar-wrapper {
        bottom: 0px;
      }
      div.sidebar-wrapper {
        margin: 30px;
      }
      div.sidebar-wrapper {
        border-radius: 15px;
      }
      div.sidebar-wrapper {
        .logo-wrapper,
          .logo-icon-wrapper {
          display: none;
        }
        .sidebar-main {
          .sidebar-links {
            height: calc(100vh - 160px);
          }
        }
        &.close_icon {
          .logo-icon-wrapper {
            display: none;
          }
          ~ .page-body {
            margin-left: 0px;
          }
          ~ footer {
            margin-left: 0px;
            margin-right: 0px;
          }
          &:hover {
            .logo-wrapper {
              display: none;
            }
          }
        }
      }
      .page-body {
        margin-left: 296px;
      }
      .page-body {
        .container {
          margin-left: auto;
          margin-right: auto;
        }
        .container {
          max-width: 1500px;
        }
      }
      .footer {
        margin-left: 360px;
      }
      .footer {
        margin-right: 70px;
      }
      .footer {
        border-radius: 10px;
      }
    }
    &.compact-wrapper {
      .page-body-wrapper {
        div.sidebar-wrapper {
          margin: 1.25rem;
        }
      }
    }
  }
  &.material-type {
    position: relative;
  }
  &.material-type {
    overflow: hidden;
  }
  @media (max-width: 575px) {
  }
  @media (max-width: 575px) {
  }
  &.material-type::before {
    content: var(--tw-content);
    position: absolute;
  }
  &.material-type::before {
    content: var(--tw-content);
    left: 0px;
  }
  &.material-type::before {
    content: var(--tw-content);
    height: 300px;
  }
  &.material-type::before {
    content: var(--tw-content);
    width: 100%;
  }
  &.material-type::before {
    --tw-content: "";
    content: var(--tw-content);
  }
  &.material-type {
    &::before {
      background: linear-gradient(103.75deg, #33b1ee -13.9%, rgba(var(--theme-default), 1) 79.68%);
    }
    .card {
      --tw-shadow: 0 0 20px rgba(var(--black),0.05);
      --tw-shadow-colored: 0 0 20px var(--tw-shadow-color);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
    .page-header {
      margin-bottom: 0 !important;
    }
    .page-header {
      position: relative;
    }
    .page-header {
      margin-left: auto;
      margin-right: auto;
    }
    .page-header {
      margin-top: 50px;
    }
    .page-header {
      margin-bottom: 0px;
    }
    .page-header {
      max-width: 1560px;
    }
    .page-header {
      border-radius: 15px 15px 0 0;
    }
    .page-header {
      @media (min-width: 1200px) {
         {
           {
             {
              .header-wrapper {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              .header-wrapper {
              }
            }
          }
        }
      }
      .header-wrapper {
        display: flex;
      }
      .header-wrapper {
        .header-logo-wrapper {
          display: block;
        }
        .header-logo-wrapper {
          display: block;
        }
        .left-header {
          width: 31%;
        }
      }
    }
    .page-body-wrapper {
      background-color: rgba(var(--white),0.5);
    }
    .page-body-wrapper {
      background-image: url(../images/other-images/boxbg.jpg);
    }
    .page-body-wrapper {
      background-blend-mode: overlay;
    }
    .page-body-wrapper {
      .sidebar-wrapper {
        position: relative;
      }
      .sidebar-wrapper {
        top: unset;
      }
      .sidebar-wrapper {
        margin-left: auto;
        margin-right: auto;
      }
      .sidebar-wrapper {
        margin-top: 0px;
        margin-bottom: 0px;
      }
      .sidebar-wrapper {
        height: 3.5rem;
      }
      .sidebar-wrapper {
        max-width: 1560px;
      }
      .page-body {
        margin-left: auto;
        margin-right: auto;
      }
      .page-body {
        margin-top: 0px;
        margin-bottom: 0px;
      }
      .page-body {
        max-width: 1560px;
      }
      .page-body {
        border-radius: 0 0 15px 15px;
      }
      .page-body {
        background-color: rgba(var(--body-color),1);
      }
      .page-body {
        --tw-shadow: 0 0 20px 7px rgba(8,21,66,0.05);
        --tw-shadow-colored: 0 0 20px 7px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
      }
    }
    .footer {
      margin-top: 2.5rem;
    }
    &.compact-wrapper {
      .page-header {
        .header-wrapper {
          .left-header {
            width: 38%;
          }
        }
      }
    }
  }
  &.advance-layout {
    background-color: rgba(var(--main-body-color),1);
  }
  &.advance-layout {
    background-blend-mode: overlay;
  }
  &.advance-layout {
    .card {
      border-radius: 5px;
    }
    .card {
      border-width: 1px;
    }
    .card {
      border-style: solid;
    }
    .card {
      --tw-border-opacity: 1;
      border-color: rgb(236 243 250 / var(--tw-border-opacity, 1));
    }
    .card {
      --tw-shadow: 0 0 #0000;
      --tw-shadow-colored: 0 0 #0000;
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
    .page-header {
      position: relative;
    }
    .page-header {
      margin-left: auto;
      margin-right: auto;
    }
    .page-header {
      margin-top: 0px;
      margin-bottom: 0px;
    }
    .page-header {
      background-color: rgba(var(--white),1);
    }
    .page-body-wrapper {
      background-color: rgba(var(--transparent-color),1);
    }
    .page-body-wrapper {
      .sidebar-wrapper {
        position: relative;
      }
      .sidebar-wrapper {
        top: unset;
      }
      .sidebar-wrapper {
        height: unset;
      }
      .sidebar-wrapper {
        border-top-width: 1px;
      }
      .sidebar-wrapper {
        border-bottom-width: 1px;
      }
      .sidebar-wrapper {
        border-style: solid;
      }
      .sidebar-wrapper {
        border-top-color: rgba(var(--light-semi-gray),1);
        border-bottom-color: rgba(var(--light-semi-gray),1);
      }
      .sidebar-wrapper {
        --tw-shadow: 0 0 #0000;
        --tw-shadow-colored: 0 0 #0000;
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
      }
      .sidebar-wrapper {
        > div {
          overflow: hidden;
        }
      }
      .page-body {
        margin-top: 0 !important;
      }
      .page-body {
        margin-top: 0px;
      }
    }
  }
}

.page-body-wrapper {
  background-color: rgba(var(--main-body-color),1);
  .page-body {
    position: relative;
  }
  .page-body {
    margin-top: var(--header-size);
  }
  .page-body {
    min-height: calc(100vh - var(--header-size));
  }
  .page-body {
    padding: var(--page-body-padding);
  }
  .page-body {
    transition-property: 0.5s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  .page-body::before {
    content: var(--tw-content);
    animation: fadeIn 0.5s ease-in-out;
  }
  .page-title {
    margin-top: 0 !important;
  }
  .page-title {
    margin-right: -27px;
  }
  .page-title {
    margin-left: -27px;
  }
  .page-title {
    margin-top: 0px;
  }
  .page-title {
    margin-bottom: 28px !important;
  }
  .page-title {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
  .page-title {
    padding: var(--page-title-padding);
  }
  .page-title {
    > .grid {
      margin: 0px !important;
    }
    > .grid {
      margin: 0px;
    }
    > .grid {
      .col-span-6 {
        padding: 0 !important;
      }
      .col-span-6 {
        padding: 0px;
      }
    }
    .grid {
      align-items: center;
    }
    .grid {
      h3 {
        margin-bottom: var(--page-title-margin-bottom);
      }
      h3 {
        font-size: var(--page-title-font-size);
      }
      h3 {
        line-height: 1.2;
      }
      h3 {
        text-transform: var(--page-title-text-transform);
        small {
          margin-bottom: var(--page-small-title-margin-bottom);
        }
        small {
          font-size: var(--page-small-title-font-size);
        }
        small {
          color: rgba(var(--theme-body-sub-title-color),1);
        }
        small {
          display: var(--page-small-title-display);
          text-transform: var(--page-small-title-text-transform);
        }
      }
    }
    .breadcrumb {
      padding: 0 !important;
    }
    .breadcrumb {
      margin-bottom: 0 !important;
    }
    .breadcrumb {
      margin-bottom: 0px !important;
    }
    .breadcrumb {
      list-style-type: none !important;
    }
    .breadcrumb {
      align-items: center;
    }
    .breadcrumb {
      justify-content: flex-end;
    }
    .breadcrumb {
      padding: 0px;
    }
    .breadcrumb {
      li {
        font-family: var(--font-roboto);
      }
      li {
        font-size: 0.875rem;
        line-height: 1.25rem;
      }
      li {
        letter-spacing: 1px;
      }
      .breadcrumb-item {
        + .breadcrumb-item::before {
          content: var(--tw-content);
          padding-right: 0.5rem;
        }
        + .breadcrumb-item::before {
          --tw-content: var(--breadcrumb-content);
          content: var(--tw-content);
        }
        a {
          svg {
            height: 1rem;
          }
          svg {
            width: 1rem;
          }
          svg {
            stroke: rgba(var(--dark-color-light),1);
          }
          svg {
            vertical-align: text-top;
          }
        }
        &.active {
          font-weight: 500;
        }
        &.active {
          color: rgba(var(--theme-default),1) !important;
        }
      }
    }
  }
  div.sidebar-wrapper {
    .sidebar-main {
      .sidebar-links {
        .simplebar-wrapper {
          .simplebar-mask {
            .simplebar-content-wrapper {
              .simplebar-content {
                > li {
                  a {
                    text-transform: capitalize;
                  }
                  a {
                    svg {
                      &.stroke-icon {
                        stroke: rgba(var(--dark-color),1);
                      }
                      &.fill-icon {
                        fill: rgba(var(--sidebar-fill-icon-color),1);
                      }
                    }
                    &.active {
                      svg {
                        transition-property: all;
                        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                        transition-duration: 150ms;
                      }
                      svg {
                        transition-duration: 0.3s;
                      }
                      svg {
                        transition-timing-function: ease;
                      }
                      svg {
                        &.stroke-icon {
                          stroke: rgba(var(--theme-default),1);
                        }
                        &.fill-icon {
                          fill: rgba(var(--sidebar-fill-icon-color),1);
                        }
                      }
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}

.sidebar-wrapper {
  &[data-sidebar-layout="stroke-svg"] {
    .stroke-icon {
      display: inline-block;
    }
    .fill-icon {
      display: none;
    }
  }
  &[data-sidebar-layout="fill-svg"] {
    .stroke-icon {
      display: none;
    }
    .fill-icon {
      display: inline-block;
    }
  }
}

body {
  .for-dark {
    display: none !important;
  }
}

.sidebar-submenu::before {
  position: absolute;
  left: 27px;
  top: -0.625rem;
  height: 0px;
  width: 1px;
  transition-property: height;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 0.5s;
  --tw-content: "";
  content: var(--tw-content);
  background: rgba(var(--theme-body-sub-title-color), 0.4);
  [dir="rtl"] & {
    left: unset;
  }
  [dir="rtl"] & {
    right: 27px;
  }
}

.md-sidebar {
  position: relative;
  .md-sidebar-toggle {
    margin-bottom: 1.25rem;
  }
  .md-sidebar-toggle {
    display: none;
  }
  .md-sidebar-toggle {
    width: -moz-fit-content;
    width: fit-content;
  }
  .md-sidebar-toggle {
    text-transform: capitalize;
  }
}

@keyframes pagebody {
  from {
    opacity: 0;
    transform: scale3d(0.98, 0.98, 0.98) translate(-20px, -50px);
  }

  50% {
    opacity: 1;
  }
}

@media (min-width: 992px) {
  .page-wrapper {
    &.horizontal-wrapper {
      .page-body-wrapper {
        .sidebar-main {
          .sidebar-links {
            .simplebar-mask {
              top: 0px;
            }
            .simplebar-wrapper {
              .simplebar-mask {
                .simplebar-content-wrapper {
                  .simplebar-content {
                    > li {
                      .sidebar-submenu {
                        visibility: hidden;
                      }
                      .sidebar-submenu {
                        width: 236px;
                      }
                      .sidebar-submenu {
                        border-radius: 5px;
                      }
                      .sidebar-submenu {
                        opacity: 0;
                      }
                      .sidebar-submenu {
                        transition-property: all;
                        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                        transition-duration: 150ms;
                      }
                      .sidebar-submenu {
                        transition-duration: 0.5s;
                      }
                      .sidebar-submenu {
                        transition-timing-function: ease;
                      }
                      .sidebar-submenu {
                        a {
                          .sub-arrow {
                            position: absolute;
                          }
                          .sub-arrow {
                            right: 1.25rem;
                          }
                          .sub-arrow {
                            top: 5px;
                          }
                          .sub-arrow {
                            font-size: 15px;
                          }
                          .sub-arrow {
                            font-weight: 100;
                          }
                          .sub-arrow {
                            color: rgba(var(--light-semi-font),1);
                          }
                          .sub-arrow {
                            transition-property: all;
                            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                            transition-duration: 150ms;
                          }
                          .sub-arrow {
                            transition-duration: 0.5s;
                          }
                          .sub-arrow {
                            transition-timing-function: ease;
                          }
                        }
                        li {
                          .sidebar-submenu {
                            display: none;
                          }
                          .sidebar-submenu {
                            border-radius: 0.25rem;
                          }
                          &:hover {
                            .sidebar-submenu {
                              display: block;
                            }
                            .sidebar-submenu {
                              padding-left: 0 !important;
                              padding-right: 0 !important;
                            }
                            .sidebar-submenu {
                              position: absolute;
                            }
                            .sidebar-submenu {
                              left: 200px;
                            }
                            .sidebar-submenu {
                              top: -0.625rem;
                            }
                            .sidebar-submenu {
                              display: block;
                            }
                            .sidebar-submenu {
                              background-color: rgba(var(--white),1);
                            }
                            .sidebar-submenu {
                              padding-left: 0px;
                              padding-right: 0px;
                            }
                            .sidebar-submenu {
                              padding-top: 15px;
                              padding-bottom: 15px;
                            }
                            .sidebar-submenu {
                              --tw-shadow: 0 0 1px 0 #898989;
                              --tw-shadow-colored: 0 0 1px 0 var(--tw-shadow-color);
                              box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
                            }
                          }
                          a {
                            &:hover {
                              .sub-arrow {
                                right: 1rem;
                              }
                              .sub-arrow {
                                transition-property: all;
                                transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                                transition-duration: 150ms;
                              }
                              .sub-arrow {
                                transition-duration: 0.5s;
                              }
                              .sub-arrow {
                                transition-timing-function: ease;
                              }
                            }
                          }
                        }
                      }
                      &.hoverd {
                        .sidebar-submenu {
                          visibility: visible;
                        }
                        .sidebar-submenu {
                          margin-top: 0.5rem;
                        }
                        .sidebar-submenu {
                          opacity: 1;
                        }
                        .sidebar-submenu {
                          transition-property: all;
                          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                          transition-duration: 150ms;
                        }
                        .sidebar-submenu {
                          transition-duration: 0.5s;
                        }
                        .sidebar-submenu {
                          transition-timing-function: ease;
                        }
                      }
                    }
                  }
                }
              }
            }
          }
        }
        .toggle-nav {
          display: none;
        }
        .mobile-back {
          display: none;
        }
      }
    }
  }
}

@media (min-width: 767px) {
  .page-wrapper {
    &.material-icon {
      position: relative;
    }
    @media (max-width: 575px) {
    }
    @media (max-width: 575px) {
    }
    &.material-icon::before {
      content: var(--tw-content);
      position: absolute;
    }
    &.material-icon::before {
      content: var(--tw-content);
      left: 0px;
    }
    &.material-icon::before {
      content: var(--tw-content);
      height: 200px;
    }
    &.material-icon::before {
      content: var(--tw-content);
      width: 100%;
    }
    &.material-icon::before {
      --tw-content: "";
      content: var(--tw-content);
    }
    &.material-icon {
      &::before {
        background: linear-gradient(103.75deg, #33b1ee -13.9%, rgba(var(--theme-default), 1) 79.68%);
      }
      .toggle-sidebar {
        color: rgba(var(--white),0.8);
      }
      .toggle-sidebar {
        &:hover {
          > svg {
            stroke: rgba(var(--white),1);
          }
          > svg {
            color: rgba(var(--white),1);
          }
        }
      }
      .page-header {
        position: relative;
      }
      .page-header {
        margin-left: auto;
        margin-right: auto;
      }
      .page-header {
        margin-top: 0px;
        margin-bottom: 0px;
      }
      .page-header {
        width: calc(100% - 0px);
      }
      .page-header {
        max-width: 1660px;
      }
      .page-header {
        background-color: rgba(var(--transparent-color),1);
      }
      .page-header {
        padding-left: 90px;
      }
      .page-header {
        --tw-shadow: 0 0 #0000;
        --tw-shadow-colored: 0 0 #0000;
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
      }
      .page-header {
        .f-light {
          color: rgba(var(--white),1);
        }
        .header-wrapper {
          .nav-right {
            ul {
              li {
                svg {
                  stroke: rgba(var(--white),1);
                }
                .profile-dropdown {
                  li {
                    svg {
                      stroke: rgba(var(--theme-body-font-color),1);
                    }
                  }
                }
              }
            }
            > ul {
              > li {
                color: rgba(var(--white),1);
              }
              > li {
                .notification-box,
                  .cart-box {
                  svg {
                    stroke: rgba(var(--white),1);
                  }
                }
                > a {
                  > svg {
                    stroke: rgba(var(--white),1);
                  }
                }
                > svg {
                  stroke: rgba(var(--white),1);
                }
              }
            }
            .language-nav {
              .more_lang {
                color: rgba(var(--theme-body-font-color),1);
              }
            }
            .onhover-show-div {
              color: rgba(var(--theme-body-font-color),1);
            }
            &.right-header {
              ul {
                li {
                  .profile-media {
                    .profile-content {
                      p {
                        color: rgba(var(--white),0.7);
                      }
                    }
                  }
                }
              }
            }
          }
        }
        &.close_icon {
          margin-left: auto;
          margin-right: auto;
        }
        &.close_icon {
          margin-top: 0px;
          margin-bottom: 0px;
        }
        &.close_icon {
          padding-left: 0px;
        }
      }
      .page-body-wrapper {
        .page-body {
          margin-left: auto;
          margin-right: auto;
        }
        .page-body {
          margin-top: 0px;
          margin-bottom: 0px;
        }
        .page-body {
          max-width: 1660px;
        }
        .page-body {
          padding-left: 90px;
        }
        div.sidebar-wrapper {
          &.close_icon {
            ~ .page-body {
              margin-left: auto;
              margin-right: auto;
            }
            ~ .page-body {
              margin-top: 0px;
              margin-bottom: 0px;
            }
            ~ .page-body {
              padding-left: 15px;
            }
          }
        }
        .page-title {
          border-bottom-color: none;
        }
        .page-title {
          background-color: transparent;
        }
        .page-title {
          color: rgba(var(--white),1);
        }
        .page-title {
          --tw-shadow: 0 0 #0000;
          --tw-shadow-colored: 0 0 #0000;
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
        }
        .page-title {
          .breadcrumb {
            .breadcrumb-item {
              a {
                svg {
                  stroke: rgba(var(--white),1);
                }
              }
              &.active {
                color: rgba(var(--white),0.6);
              }
              + .breadcrumb-item {
                &::before {
                  color: rgba(var(--white),0.8);
                }
              }
            }
          }
        }
      }
    }
  }

  .material-icon {
    &.compact-sidebar {
      &.compact-small {
        .page-header {
          .header-wrapper {
            .nav-right {
              .nav-menus {
                .mode {
                  svg {
                    fill: rgba(var(--white),1);
                  }
                }
              }
            }
          }
        }
        .page-body-wrapper {
          .page-body {
            .page-title {
              .breadcrumb {
                .breadcrumb-item {
                  color: rgba(var(--white),1) !important;
                }
              }
            }
          }
        }
      }
    }
  }
}

.onhover-dropdown {
  &:hover {
    .onhover-show-div {
      border-radius: 5px;
    }
  }
}

@media (min-width: 992px) {
  .page-wrapper {
    &.material-icon {
      &::before {
        height: 15rem;
      }
    }
  }

  .page-header {
    .header-wrapper {
      .nav-right {
        .notification-dropdown {
          top: 46px;
        }
      }
    }
  }

  .responsive-btn {
    display: none;
  }

  .page-wrapper {
    &.horizontal-wrapper {
      .page-body-wrapper {
        .sidebar-main {
          .sidebar-links {
            .simplebar-mask {
              top: 0px;
            }
            .simplebar-wrapper {
              .simplebar-mask {
                .simplebar-content-wrapper {
                  .simplebar-content {
                    > li {
                      .sidebar-submenu {
                        visibility: hidden;
                      }
                      .sidebar-submenu {
                        width: 236px;
                      }
                      .sidebar-submenu {
                        border-radius: 5px;
                      }
                      .sidebar-submenu {
                        opacity: 0;
                      }
                      .sidebar-submenu {
                        transition-property: all;
                        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                        transition-duration: 150ms;
                      }
                      .sidebar-submenu {
                        transition-duration: 0.5s;
                      }
                      .sidebar-submenu {
                        transition-timing-function: ease;
                      }
                      .sidebar-submenu {
                        a {
                          .sub-arrow {
                            position: absolute;
                          }
                          .sub-arrow {
                            right: 1.25rem;
                          }
                          .sub-arrow {
                            top: 5px;
                          }
                          .sub-arrow {
                            font-size: 15px;
                          }
                          .sub-arrow {
                            font-weight: 100;
                          }
                          .sub-arrow {
                            color: rgba(var(--light-semi-font),1);
                          }
                          .sub-arrow {
                            transition-property: all;
                            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                            transition-duration: 150ms;
                          }
                          .sub-arrow {
                            transition-duration: 0.5s;
                          }
                          .sub-arrow {
                            transition-timing-function: ease;
                          }
                        }
                        li {
                          .sidebar-submenu {
                            display: none;
                          }
                          .sidebar-submenu {
                            border-radius: 0.25rem;
                          }
                          &:hover {
                            .sidebar-submenu {
                              display: block;
                            }
                            .sidebar-submenu {
                              padding-left: 0 !important;
                              padding-right: 0 !important;
                            }
                            .sidebar-submenu {
                              position: absolute;
                            }
                            .sidebar-submenu {
                              left: 200px;
                            }
                            .sidebar-submenu {
                              top: -0.625rem;
                            }
                            .sidebar-submenu {
                              display: block;
                            }
                            .sidebar-submenu {
                              background-color: rgba(var(--white),1);
                            }
                            .sidebar-submenu {
                              padding-left: 0px;
                              padding-right: 0px;
                            }
                            .sidebar-submenu {
                              padding-top: 15px;
                              padding-bottom: 15px;
                            }
                            .sidebar-submenu {
                              --tw-shadow: 0 0 1px 0 #898989;
                              --tw-shadow-colored: 0 0 1px 0 var(--tw-shadow-color);
                              box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
                            }
                          }
                          a {
                            &:hover {
                              .sub-arrow {
                                right: 1rem;
                              }
                              .sub-arrow {
                                transition-property: all;
                                transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                                transition-duration: 150ms;
                              }
                              .sub-arrow {
                                transition-duration: 0.5s;
                              }
                              .sub-arrow {
                                transition-timing-function: ease;
                              }
                            }
                          }
                        }
                      }
                      &.hoverd {
                        .sidebar-submenu {
                          visibility: visible;
                        }
                        .sidebar-submenu {
                          margin-top: 0.5rem;
                        }
                        .sidebar-submenu {
                          opacity: 1;
                        }
                        .sidebar-submenu {
                          transition-property: all;
                          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                          transition-duration: 150ms;
                        }
                        .sidebar-submenu {
                          transition-duration: 0.5s;
                        }
                        .sidebar-submenu {
                          transition-timing-function: ease;
                        }
                      }
                    }
                  }
                }
              }
            }
          }
        }
        .toggle-nav {
          display: none;
        }
        .mobile-back {
          display: none;
        }
      }
    }
  }
}

.footer {
  left: 0px;
  bottom: 0px;
  margin-left: var(--sidebar-compact-width);
  background-color: rgba(var(--white),1);
  padding: 15px;
  --tw-shadow: 0 0 20px rgba(var(--semi-dark),0.1);
  --tw-shadow-colored: 0 0 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: 0.5s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.footer.footer-dark {
  background-color: rgba(var(--footer-dark-color),1);
}

.footer.footer-dark p {
  color: rgba(var(--white),1);
}

@media (max-width: 575px) {
  .footer {
    p {
      text-align: center;
    }
    @media (max-width: 767px) {
       {
        p {
        }
      }
    }
    p {
      text-align: center;
    }
  }
}

@media (max-width: 360px) {
  .footer {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-left: 0px;
    padding-right: 0px;
    p {
      font-size: 12px;
    }
  }
}

.footer-fix {
  position: fixed;
  width: calc(100% - var(--sidebar-compact-width));
}

.grid-showcase {
  margin-bottom: -0.625rem;
  span,
    .grid-wrapper {
    text-align: center;
  }
  span,
    .grid-wrapper {
    display: block !important;
  }
  @media (max-width: 767px) {
     {
      span,
    .grid-wrapper {
      }
    }
  }
  span,
    .grid-wrapper {
    margin-bottom: 0.625rem;
  }
  span,
    .grid-wrapper {
    display: block !important;
  }
  span,
    .grid-wrapper {
    background-color: rgba(var(--tw-emphasis-color-rgb),1);
  }
  span,
    .grid-wrapper {
    padding: 0.625rem;
  }
  span,
    .grid-wrapper {
    text-align: center;
  }
}

.grid-align {
  margin-bottom: -1rem;
  .grid {
    margin-bottom: 24px !important;
  }
  .grid {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .grid {
    margin-bottom: 1rem;
  }
  .grid {
    min-height: 7rem;
  }
  .grid {
    background-color: rgba(var(--tw-emphasis-color-rgb),1);
  }
  .grid {
    padding-left: 0px;
    padding-right: 0px;
  }
  .grid {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

.grid-vertical {
  min-height: 150px;
  background-color: rgba(var(--light-background),1);
  padding: 0.625rem;
  color: rgba(var(--black),1);
}

table {
  &.border {
    thead {
      tr {
        th {
          p {
            margin-bottom: 0 !important;
          }
          p {
            margin-bottom: 0px;
          }
        }
      }
    }
  }
}

.grid-footer {
  table {
    tbody {
      tr {
        color: rgba(var(--dark-color),1);
      }
    }
  }
}

.flex-behaviors {
  div {
    margin-bottom: 0.625rem;
  }
  div {
    background-color: rgba(var(--light-background),1) !important;
  }
  div:last-child {
    margin-bottom: unset;
  }
}

.\!h {
   {
     {
       {
         {
          background-color: rgba(var(--tw-emphasis-color-rgb),1);
        }
      }
    }
  }
}

.h,
  .v,
  .r-c,
  .no {
  &-gutter {
    .grid {
      [class*="col-"],
        [class*="col-sm-"],
        [class*="col-md-"],
        .col {
        div {
          background-color: rgba(var(--tw-emphasis-color-rgb),1);
        }
      }
    }
  }
}


  .\!v {
   {
     {
       {
         {
          background-color: rgba(var(--tw-emphasis-color-rgb),1);
        }
      }
    }
  }
}

.box-layout {
  background-color: rgba(var(--white),0.5);
  background-image: url(../images/other-images/boxbg.jpg);
  background-repeat: repeat;
  background-blend-mode: overlay;
  @media (min-width: 1280px) {
    .kanban-board {
      width: calc(100% / 2 - 30px) !important;
    }

    .md-sidebar {
      .md-sidebar-toggle {
        margin-bottom: 0 !important;
      }
      .md-sidebar-toggle {
        margin-bottom: 0px;
      }
    }

    .learning-filter {
      order: -1;
    }

    .btn-groups {
      .button-wrapper {
        align-items: center;
      }
    }

    .dashboard-8 {
      @media (min-width: 1200px) {
         {
           {
             {
              .touchspin-wrapper {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              .touchspin-wrapper {
              }
            }
          }
        }
      }
      .touchspin-wrapper {
        display: flex;
      }
    }

    .main-tasks {
      .email-left-aside {
        .left-bookmark {
          height: auto;
        }
      }
    }

    .gallery-with-description {
      a {
        .caption {
          p {
            display: block;
          }
          p {
            margin-left: auto;
            margin-right: auto;
          }
          p {
            margin-top: 0px;
            margin-bottom: 0px;
          }
          p {
            display: block;
          }
          p {
            max-width: 100%;
          }
          p {
            overflow: hidden;
          }
          p {
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
          }
          p {
            height: auto;
          }
          p {
            max-width: 100%;
          }
          p {
            overflow: hidden;
          }
          p {
            text-overflow: ellipsis;
          }
          p {
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
          }
        }
      }
    }

    .main-bookmark {
      .email-left-aside {
        .card {
          .card-body {
            height: 500px;
          }
          .card-body {
            overflow-y: scroll;
          }
        }
      }
    }

    .artist-table {
      .appointment-table.customer-table {
        table {
          tr {
            td {
              &:last-child {
                min-width: 100px;
              }
            }
          }
        }
      }
    }

    .sitemap-wrapper {
      .horizontal-sitemap {
        .main-site {
          li {
            > a {
              width: 9.5rem;
            }
          }
        }
        .tier-1 {
          li {
            padding-left: 15px;
          }
          .tier-2 {
            margin-left: 0.375rem;
          }
          .tier-2 {
            li {
              > a {
                &::before {
                  left: -1rem;
                }
                &::before {
                  font-size: 1rem;
                  line-height: 1.5rem;
                }
              }
            }
            .tier-3 {
              margin-left: 0.375rem;
            }
          }
        }
      }
    }

    .manage-review-wrapper {
      .top-body {
        .grid {
          flex-direction: column !important;
        }
      }
      .manage-review {
        .recent-table {
          table {
            thead,
              tbody {
              tr {
                th,
                  td {
                  &:nth-child(6),
                    &:nth-child(7) {
                    display: none;
                  }
                }
              }
            }
          }
        }
      }
    }

    .discount-options {
      flex-wrap: wrap;
    }

    .discount-options {
      gap: 18px;
    }

    .discount-options {
      .nav-item {
        .nav-link {
          height: 58px;
        }
        .nav-link {
          width: 170px;
        }
      }
    }

    .seller-cards {
      grid-template-columns: 1fr 1fr 1fr;
    }

    .calendar-basic {
      .md-sidebar-aside {
        height: 400px;
      }
      .md-sidebar-aside {
        overflow-y: scroll;
      }
    }

    .hover-16 {
      .overlay-hover {
        .overlay-content {
          p {
            display: block;
          }
          p {
            margin-left: auto;
            margin-right: auto;
          }
          p {
            margin-top: 0px;
            margin-bottom: 0px;
          }
          p {
            display: block;
          }
          p {
            max-width: 100%;
          }
          p {
            overflow: hidden;
          }
          p {
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
          }
          p {
            height: auto;
          }
          p {
            max-width: 100%;
          }
          p {
            overflow: hidden;
          }
          p {
            text-overflow: ellipsis;
          }
          p {
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
          }
        }
      }
    }

    .list-product {
      .product-list-table {
        &.recent-table {
          thead,
            tbody {
            tr {
              th,
                td {
                &:nth-child(6),
                  &:nth-child(8) {
                  display: none;
                }
              }
            }
          }
        }
      }
    }

    .progress-chart {
      #progress4 {
        display: none;
      }
    }

    .common-order-history {
      .order-history-wrapper {
        .recent-table {
          table {
            thead,
              tbody {
              tr {
                th,
                  td {
                  &:nth-child(2) {
                    min-width: 104px;
                  }
                  &:nth-child(3) {
                    min-width: 180px;
                  }
                  &:nth-child(4) {
                    min-width: 140px;
                  }
                  &:nth-child(5) {
                    min-width: 122px;
                  }
                  &:nth-child(6) {
                    min-width: 140px;
                  }
                  &:nth-child(7) {
                    min-width: 148px;
                  }
                }
              }
            }
          }
        }
      }
    }

    .horizontal-wizard-wrapper {
      &.vertical-variations {
        .main-horizontal-header {
          .horizontal-options {
            justify-content: flex-start;
          }
        }
      }
    }

    .summery-contain {
      li {
        img {
          height: 45px;
        }
        img {
          width: 45px;
        }
      }
    }

    .shipping-form {
      .checkout-cart {
        .basic-wizard {
          .shipping-wizard {
            .card-wrapper {
              &:hover {
                .cart-icon {
                  i {
                    font-size: 0.875rem;
                    line-height: 1.25rem;
                  }
                }
              }
            }
          }
        }
      }
    }

    .grid-box-wrapper {
      justify-content: flex-start;
    }

    .main-icon-checkbox {
      &.checkbox {
        .checkbox-wrapper {
          gap: 0.75rem;
        }
      }
    }

    .main-icon-radio {
      .radio-wrapper {
        gap: 0.75rem;
      }
    }

    .attachment-file {
      width: 218px;
    }

    .attachment-file {
      min-width: 218px;
    }

    .attachment-file {
      gap: 0.875rem;
    }

    .project-pending-table {
      &.recent-table {
        table {
          thead,
            tbody {
            tr {
              th,
                td {
                &:nth-child(4) {
                  display: none;
                }
                &:nth-child(3) {
                  display: none;
                }
              }
            }
          }
        }
      }
    }

    .cmt-box {
      padding-top: 18px;
    }

    .activity-wrapper {
      @media (min-width: 1200px) {
         {
           {
             {
              .schedule-wrapper {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              .schedule-wrapper {
              }
            }
          }
        }
      }
      .schedule-wrapper {
        display: flex;
      }
      .schedule-wrapper {
        justify-content: flex-start;
      }
    }

    .budget-card {
      .common-space {
        flex-wrap: wrap;
      }
    }

    .expense-chart-wrap {
      margin-left: 0px;
      margin-right: 0px;
    }

    .expense-chart-wrap {
      margin-top: -1.25rem;
      margin-bottom: -1.25rem;
    }

    .common-project-header {
      h6 {
        margin-left: -54px;
      }
    }

    .project-budget-wrapper {
      .grid {
        .justify-content-xxl-end {
          justify-content: flex-start;
        }
      }
    }

    .mail-body-wrapper {
      .user-mail-wrapper {
        .user-footer {
          .attachment-file {
            width: auto;
          }
          .attachment-file {
            min-width: auto;
          }
        }
      }
    }

    .dashboard-13 {
      .fleet-status-chart {
        margin-top: 42px;
      }
      .widget-13 {
        .stat-content {
          p {
            display: block;
          }
          p {
            margin-left: auto;
            margin-right: auto;
          }
          p {
            margin-top: 0px;
            margin-bottom: 0px;
          }
          p {
            display: block;
          }
          p {
            max-width: 100%;
          }
          p {
            overflow: hidden;
          }
          p {
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
          }
          p {
            width: 95px;
          }
          p {
            overflow: hidden;
          }
          p {
            text-overflow: ellipsis;
          }
          p {
            white-space: nowrap;
          }
        }
        .card-body {
          .common-align {
            span {
              font-size: 0.875rem;
              line-height: 1.25rem;
            }
          }
        }
        .profitable-country-chart {
          margin-bottom: -1.25rem;
        }
      }
      .shipment-tracking-table {
        .recent-table {
          div.dt-container {
            .dt-layout-row {
              .dt-layout-cell {
                .dt-search {
                  display: none;
                }
              }
              .dt-info {
                display: none;
              }
            }
          }
          table {
            thead,
              tbody {
              tr {
                th,
                  td {
                  &:nth-child(3),
                    &:nth-child(4),
                    &:nth-child(6) {
                    display: none;
                  }
                }
              }
            }
          }
        }
      }
      .delivery-chart {
        @media (min-width: 1200px) {
           {
             {
               {
                .balance-data {
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                .balance-data {
                }
              }
            }
          }
        }
        .balance-data {
          position: relative;
        }
        .balance-data {
          inset: 0px;
        }
        .balance-data {
          display: flex;
        }
        .balance-data {
          flex-wrap: wrap;
        }
        .balance-data {
          gap: 0.875rem;
        }
      }
      .shipping-details {
        .common-space {
          display: block;
        }
        .common-space {
          display: block;
        }
        .common-space {
          padding-left: 18px;
          padding-right: 18px;
        }
        .common-space {
          padding-top: 0.5rem;
          padding-bottom: 0.5rem;
        }
        .common-space {
          p {
            font-size: 0.875rem;
            line-height: 1.25rem;
          }
        }
        .simple-timeline {
          ul {
            li {
              .shipment-details {
                p {
                  &:last-child {
                    display: block;
                  }
                  &:last-child {
                    margin-left: auto;
                    margin-right: auto;
                  }
                  &:last-child {
                    margin-top: 0px;
                    margin-bottom: 0px;
                  }
                  &:last-child {
                    display: block;
                  }
                  &:last-child {
                    max-width: 100%;
                  }
                  &:last-child {
                    overflow: hidden;
                  }
                  &:last-child {
                    display: -webkit-box;
                    -webkit-line-clamp: 2;
                    -webkit-box-orient: vertical;
                  }
                  &:last-child {
                    margin-bottom: 11px;
                  }
                  &:last-child {
                    height: 53px;
                  }
                  &:last-child {
                    max-width: 100%;
                  }
                  &:last-child {
                    overflow: hidden;
                  }
                  &:last-child {
                    text-overflow: ellipsis;
                  }
                  &:last-child {
                    padding-bottom: 13px;
                  }
                  &:last-child {
                    display: -webkit-box;
                    -webkit-line-clamp: 2;
                    -webkit-box-orient: vertical;
                  }
                }
              }
              &:last-child {
                > div p:last-child {
                  padding-bottom: 0 !important;
                }
                > div p:last-child {
                  margin-bottom: 0 !important;
                }
                > div p:last-child {
                  margin-bottom: 0px;
                }
                > div p:last-child {
                  height: unset;
                }
                > div p:last-child {
                  border-bottom-color: unset;
                }
                > div p:last-child {
                  padding-bottom: 0px;
                }
                > div p:last-child {
                  text-overflow: unset;
                }
              }
            }
          }
        }
      }
      .sales-order {
        .progress {
          height: 18px;
        }
        .progress {
          width: 50%;
        }
        h3 {
          font-size: 22px;
        }
        .common-space {
          span {
            &:first-child {
              display: block;
            }
            &:first-child {
              margin-left: auto;
              margin-right: auto;
            }
            &:first-child {
              margin-top: 0px;
              margin-bottom: 0px;
            }
            &:first-child {
              display: block;
            }
            &:first-child {
              max-width: 100%;
            }
            &:first-child {
              overflow: hidden;
            }
            &:first-child {
              display: -webkit-box;
              -webkit-line-clamp: 2;
              -webkit-box-orient: vertical;
            }
            &:first-child {
              width: 60%;
            }
            &:first-child {
              overflow: hidden;
            }
            &:first-child {
              text-overflow: ellipsis;
            }
            &:first-child {
              white-space: nowrap;
            }
          }
        }
      }
      .country-option {
        ul {
          flex-wrap: wrap;
        }
        ul {
          display: none;
          flex-direction: unset;
          li {
            padding-left: 18px;
            padding-right: 18px;
          }
          li {
            padding-top: 0.375rem;
            padding-bottom: 0.375rem;
          }
        }
      }
      .vehicle-table {
        .recent-table {
          div.dt-container {
            .dt-layout-row {
              .dt-info {
                display: none;
              }
            }
          }
          table {
            thead,
              tbody {
              tr {
                th,
                  td {
                  img {
                    display: none;
                  }
                  &:nth-child(6),
                    &:last-child {
                    display: none;
                  }
                }
              }
            }
          }
        }
      }
      .profitable-country-chart {
        border: unset;
      }
    }

    .dashboard-12 {
      .main-expenses {
        .card {
          &-body {
            padding-top: 0px;
          }
        }
        h6 {
          font-size: 21px;
        }
      }
    }

    .application-overview {
      .balance-data {
        display: none;
      }
    }

    .employee-list-table {
      &.recent-table {
        div.dt-container {
          .dt-layout-row {
            .dt-layout-cell {
              .dt-search {
                display: none;
              }
            }
            .dt-info {
              display: none;
            }
          }
        }
        table {
          thead,
            tbody {
            tr {
              th,
                td {
                &:nth-child(3),
                  &:nth-child(4),
                  &:nth-child(5) {
                  display: none;
                }
                &:last-child {
                  .square-white {
                    height: 1.5rem;
                  }
                  .square-white {
                    width: 1.5rem;
                  }
                  .square-white {
                    svg {
                      height: 0.875rem;
                    }
                    svg {
                      width: 0.875rem;
                    }
                  }
                }
                .common-flex {
                  img {
                    display: none;
                  }
                }
              }
            }
          }
        }
      }
    }

    .attendance-table {
      &.recent-table {
        div.dt-container {
          .dt-layout-row {
            .dt-search {
              display: none;
            }
            &:last-child {
              .dt-info {
                display: none;
              }
            }
          }
        }
        table {
          thead,
            tbody {
            tr {
              th,
                td {
                &:nth-child(3) {
                  display: none;
                }
              }
            }
          }
        }
      }
    }

    .birthday-cards {
      .swiper {
        margin-top: 50px;
        margin-bottom: 50px;
      }
      .swiper {
        .swiper-slide {
          .birthday-usercard {
            .btn-user {
              img {
                height: 55px;
              }
            }
          }
        }
      }
    }

    .project-analytics {
      .analytics-data {
        .balance-data {
          display: none;
        }
      }
    }

    .schedule-calender {
      @media (min-width: 1200px) {
         {
           {
             {
              .schedule-wrapper {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              .schedule-wrapper {
              }
            }
          }
        }
      }
      .schedule-wrapper {
        display: flex;
      }
      .schedule-wrapper {
        justify-content: flex-start;
      }
      .tab-content {
        @media (min-width: 1200px) {
           {
             {
               {
                .activity-update {
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                .activity-update {
                }
              }
            }
          }
        }
        .activity-update {
          display: flex;
        }
        .activity-update {
          flex-wrap: wrap;
        }
        .activity-update {
          > li {
            margin-bottom: 0.625rem;
          }
          > li {
            flex: 0 0 50%;
          }
          > li:last-child {
            margin-bottom: 0 !important;
          }
          > li:last-child {
            margin-bottom: 0px;
          }
          > li {
            .left-schedule,
              .right-schedule {
              flex: 1 1 0%;
            }
            &:nth-child(5) {
              margin-bottom: 0 !important;
            }
            &:nth-child(5) {
              margin-bottom: 0px;
            }
            &:nth-child(5) {
              border-bottom-width: 0px;
            }
            &:nth-child(5) {
              padding-bottom: unset;
            }
            &:last-child {
              margin-bottom: 0;
            }
          }
        }
      }
      #thu {
        .activity-update {
          > li {
            &:nth-child(3) {
              margin-bottom: 0 !important;
            }
            &:nth-child(3) {
              margin-bottom: 0px;
            }
            &:nth-child(3) {
              border-bottom-color: unset;
            }
            &:nth-child(3) {
              padding-bottom: unset;
            }
          }
        }
      }
      #frd,
        #sun {
        .activity-update {
          > li {
            &:first-child {
              margin-bottom: 0 !important;
            }
            &:first-child {
              margin-bottom: 0px;
            }
            &:first-child {
              border-bottom-color: unset;
            }
            &:first-child {
              padding-bottom: unset;
            }
          }
        }
      }
    }

    .interviewer-users {
      ul {
        li {
          padding-left: 18px;
          padding-right: 18px;
        }
        li {
          padding-top: 0.875rem;
          padding-bottom: 0.875rem;
        }
      }
    }

    .treading-product {
      .recent-table {
        &.referral-visit {
          table {
            thead,
              tbody {
              tr {
                td,
                  th {
                  &:nth-child(2) {
                    display: none;
                  }
                }
              }
            }
          }
        }
      }
    }

    .main-session-devices {
      .apexcharts-canvas {
        --tw-scale-x: 0.67;
        --tw-scale-y: 0.67;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      }
    }

    .common-m-chart {
      .apexcharts-canvas {
        .apexcharts-bar-series {
          .apexcharts-datalabels {
            .apexcharts-datalabel {
              display: none;
            }
          }
        }
      }
    }

    .analytics-widget {
      .btn {
        padding-left: 0.875rem;
        padding-right: 0.875rem;
      }
      .btn {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
      }
      .btn {
        font-size: 0.875rem;
        line-height: 1.25rem;
      }
      h5 {
        display: block;
      }
      h5 {
        margin-left: auto;
        margin-right: auto;
      }
      h5 {
        margin-top: 0px;
        margin-bottom: 0px;
      }
      h5 {
        display: block;
      }
      h5 {
        max-width: 100%;
      }
      h5 {
        overflow: hidden;
      }
      h5 {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
      }
      h5 {
        overflow: hidden;
      }
      h5 {
        text-overflow: ellipsis;
      }
      h5 {
        white-space: nowrap;
      }
      .card-text {
        display: block;
      }
      .card-text {
        margin-left: auto;
        margin-right: auto;
      }
      .card-text {
        margin-top: 0px;
        margin-bottom: 0px;
      }
      .card-text {
        display: block;
      }
      .card-text {
        max-width: 100%;
      }
      .card-text {
        overflow: hidden;
      }
      .card-text {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
      }
      .card-text {
        height: 46px;
      }
      .card-text {
        max-width: 100%;
      }
      .card-text {
        overflow: hidden;
      }
      .card-text {
        text-overflow: ellipsis;
      }
      .card-text {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        white-space: unset;
      }
    }

    .page-analytics-table {
      .recent-table {
        div.dt-container {
          .dt-layout-row {
            .dt-layout-cell {
              .dt-search {
                position: relative;
              }
              .dt-search {
                left: 1.25rem;
              }
              .dt-search {
                top: 0.25rem;
              }
              .dt-search {
                margin-bottom: 1.25rem;
              }
              .dt-search {
                width: -moz-fit-content;
                width: fit-content;
              }
            }
          }
        }
        .table {
          thead,
            tbody {
            tr {
              th,
                td {
                &:nth-child(5) {
                  display: none;
                }
                &:nth-child(4) {
                  display: none;
                }
              }
            }
          }
        }
      }
    }

    .analytics-tread-card {
      .header-top {
        .common-align {
          > span {
            display: none !important;
          }
        }
        > div {
          span {
            display: block;
          }
          span {
            margin-left: auto;
            margin-right: auto;
          }
          span {
            margin-top: 0px;
            margin-bottom: 0px;
          }
          span {
            display: block;
          }
          span {
            max-width: 100%;
          }
          span {
            overflow: hidden;
          }
          span {
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
          }
          span {
            max-width: 130px;
          }
          span {
            overflow: hidden;
          }
          span {
            text-overflow: ellipsis;
          }
          span {
            white-space: nowrap;
          }
        }
      }
    }

    .analytics-tread-card {
      .session-progress {
        top: -11px;
      }
      .session-progress {
        .progress {
          margin-left: 0px;
          margin-right: 0px;
        }
        .progress {
          margin-top: 90px;
        }
        .progress {
          margin-bottom: 1.25rem;
        }
        .progress {
          height: 0.5rem;
        }
        .progress {
          .small-progressbar {
            top: -3px;
          }
          .small-progressbar {
            height: 0.875rem;
          }
          .small-progressbar {
            width: 0.875rem;
          }
          .progress-label {
            top: -50px;
          }
          .progress-label {
            right: -1rem;
          }
          .progress-label {
            font-size: 0.75rem;
            line-height: 1rem;
          }
        }
      }
      &.retention-progress {
        .card-body {
          .progress {
            margin-top: 60px;
          }
        }
      }
    }

    .bounce-rate-wrapper {
      margin-top: -9px;
    }

    .bounce-rate-wrapper {
      margin-bottom: -30px;
    }

    .bounce-rate-wrapper {
      margin-left: 0px;
    }

    .bounce-rate-wrapper {
      margin-right: -1.25rem;
    }

    .visit-duration-wrapper {
      margin-bottom: -30px !important;
    }

    .visit-duration-wrapper {
      margin-left: 0px !important;
    }

    .visit-duration-wrapper {
      margin-right: 35px !important;
    }

    .visit-duration-wrapper {
      margin-top: -12px !important;
    }

    .session-browser-table {
      .overflow-x-auto {
        .table {
          thead.tbody {
            tr {
              th,
                td {
                padding-top: 7px;
                padding-bottom: 7px;
              }
            }
          }
        }
      }
    }

    .lead-table {
      &.recent-table {
        thead,
          tbody {
          tr {
            th,
              td {
              .btn {
                padding-left: 1rem;
                padding-right: 1rem;
              }
              .btn {
                padding-top: 0.375rem;
                padding-bottom: 0.375rem;
              }
              .common-flex {
                .lead-img {
                  height: 1.75rem;
                }
              }
              &:nth-child(3) {
                display: none;
              }
              &:nth-child(3) {
                display: none;
              }
              &:nth-child(2) {
                display: none;
              }
            }
          }
        }
      }
    }

    .our-product-wrapper {
      .our-product-content {
        .add-quantity {
          gap: 0.5rem;
        }
        .add-quantity {
          padding-left: 0.5rem;
          padding-right: 0.5rem;
        }
        .add-quantity {
          padding-top: 0.25rem;
          padding-bottom: 0.25rem;
        }
      }
    }

    .order-details {
      .search-items {
        button {
          padding-left: 0.625rem;
          padding-right: 0.625rem;
        }
        button {
          padding-top: 0.375rem;
          padding-bottom: 0.375rem;
        }
      }
      .order-quantity {
        .order-details-wrapper {
          gap: 0.5rem;
        }
        .order-details-wrapper {
          .left-details {
            .order-img {
              height: 74px;
            }
            .order-img {
              width: 5rem;
            }
            .order-img {
              img {
                width: 75px !important;
              }
            }
          }
          .category-details {
            flex-direction: column;
          }
          .category-details {
            align-items: flex-start;
          }
          .category-details {
            gap: 0.75rem;
          }
          .category-details {
            .right-details {
              @media (min-width: 1200px) {
                 {
                   {
                     {
                      .touchspin-wrapper {
                      }
                    }
                  }
                }
              }
              @media (max-width: 575px) {
                 {
                   {
                     {
                      .touchspin-wrapper {
                      }
                    }
                  }
                }
              }
              .touchspin-wrapper {
                display: flex;
              }
              .touchspin-wrapper {
                align-items: center;
              }
              .touchspin-wrapper {
                justify-content: space-between;
              }
              @media (min-width: 1200px) {
                 {
                   {
                     {
                      .btn-touchspin {
                      }
                    }
                  }
                }
              }
              @media (max-width: 575px) {
                 {
                   {
                     {
                      .btn-touchspin {
                      }
                    }
                  }
                }
              }
              .btn-touchspin {
                display: flex;
              }
              .btn-touchspin {
                height: 27px;
              }
              .btn-touchspin {
                width: 27px;
              }
              .btn-touchspin {
                align-items: center;
              }
              .btn-touchspin {
                justify-content: center;
              }
              .btn-touchspin {
                border-radius: 50px;
              }
              .btn-touchspin {
                border-color: unset;
              }
              .btn-touchspin {
                background-color: rgba(var(--white),1);
              }
              input[type="number"] {
                text-align: center;
              }
              input[type="number"] {
                padding-left: 0 !important;
                padding-right: 0 !important;
              }
              @media (max-width: 767px) {
                 {
                  input[type="number"] {
                  }
                }
              }
              input[type="number"] {
                width: 25px;
              }
              input[type="number"] {
                border-color: unset;
              }
              input[type="number"] {
                background-color: unset;
              }
              input[type="number"] {
                padding-left: 0px;
                padding-right: 0px;
              }
              input[type="number"] {
                padding-top: 0.625rem;
                padding-bottom: 0.625rem;
              }
              input[type="number"] {
                text-align: center;
              }
              input[type="number"] {
                color: rgba(var(--body-font-color),1);
              }
            }
          }
        }
      }
    }

    .payment-methods {
      .bg-payment {
        height: 71px !important;
      }
      .bg-payment {
        width: 75px !important;
      }
    }

    .unpaid-fees-table {
      .recent-table {
        &.overflow-x-auto {
          div.dt-container {
            .dt-layout-row {
              &:last-child {
                flex-direction: column;
              }
            }
          }
        }
        &.overflow-x-auto {
          table {
            thead,
              tbody {
              th,
                td {
                &:nth-child(3) {
                  display: none;
                }
                &:nth-child(4) {
                  display: none;
                }
                &:nth-child(2) {
                  .common-align {
                    img {
                      display: none;
                    }
                  }
                }
                &:nth-child(5) {
                  display: none;
                }
              }
            }
          }
        }
      }
    }

    .top-student-table {
      .recent-table {
        &.overflow-x-auto {
          div.dt-container {
            .dt-layout-row {
              &:last-child {
                flex-direction: column;
              }
            }
          }
        }
        table {
          thead,
            tbody {
            th,
              td {
              &:nth-child(2) {
                display: none;
              }
              &:nth-child(3) {
                .common-align {
                  img {
                    display: none;
                  }
                }
              }
              &:nth-child(6) {
                display: none;
              }
              &:nth-child(4) {
                display: none;
              }
            }
          }
        }
      }
    }

    .attendance-data {
      ul {
        &.balance-data {
          position: relative;
        }
        &.balance-data {
          left: 0px;
        }
        &.balance-data {
          top: 0px;
        }
        &.balance-data {
          display: inline-flex;
        }
      }
    }

    .new-enroll-student {
      .recent-table {
        &.overflow-x-auto {
          div.dt-container {
            .dt-layout-row {
              .dt-layout-cell {
                .dt-search {
                  position: relative;
                }
                .dt-search {
                  left: 1.25rem;
                }
                .dt-search {
                  top: 0.25rem;
                }
                .dt-search {
                  margin-bottom: 1.25rem;
                }
                .dt-search {
                  width: -moz-fit-content;
                  width: fit-content;
                }
              }
              &:last-child {
                flex-direction: column;
              }
            }
          }
        }
        table {
          thead,
            tbody {
            th,
              td {
              &:nth-child(4) {
                display: none;
              }
              &:nth-child(2) {
                display: none;
              }
              &:nth-child(3) {
                display: none;
              }
            }
          }
        }
      }
    }

    .dashboard-2 {
      .current-sale-container {
        > div {
          margin-bottom: -20px;
        }
      }
    }

    .std-class-chart {
      .apexcharts-legend {
        gap: 0.5rem;
      }
    }

    .attendance-student-data {
      margin-left: -15px;
    }

    .attendance-student-data {
      margin-right: 0px;
    }

    .attendance-student-data {
      margin-top: 2rem;
    }

    .attendance-student-data {
      margin-bottom: -1.25rem;
    }

    .upgrade-plan {
      &.mobile-app-card {
        .card-body {
          margin-top: 0 !important;
        }
        .card-body {
          margin-top: 0px;
        }
      }
    }

    .follower-wrap {
      .card-body,
        .card-header {
        padding: 22px;
      }
      .papernote-wrap {
        > span {
          display: block;
        }
        > span {
          display: block;
        }
        > span {
          margin-left: auto;
          margin-right: auto;
        }
        > span {
          margin-top: 0px;
          margin-bottom: 0px;
        }
        > span {
          display: block;
        }
        > span {
          max-width: 100%;
        }
        > span {
          overflow: hidden;
        }
        > span {
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
        }
        > span {
          display: block;
        }
        > span {
          overflow: hidden;
        }
        > span {
          text-overflow: ellipsis;
        }
        > span {
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
        }
      }
    }

    .mobile-app-card {
      .card-body {
        margin-top: 45px;
      }
      .card-body {
        .wavy {
          margin-right: -58px;
        }
        .wavy {
          margin-top: -2.25rem;
        }
        .wavy {
          width: 2rem;
        }
        img {
          &:not(.wavy) {
            height: 120px;
          }
        }
      }
    }

    .campaign-table {
      &.recent-table {
        table {
          tr {
            th,
              td {
              &:nth-child(3),
                &:nth-child(6) {
                display: none;
              }
            }
          }
        }
      }
      .recent-table {
        &.overflow-x-auto {
          div.dt-container {
            .dt-layout-row {
              &:last-child {
                flex-direction: column;
              }
            }
          }
          table {
            thead,
              tbody {
              tr {
                td,
                  th {
                  &:nth-child(3) {
                    display: none;
                  }
                  &:last-child {
                    display: none;
                  }
                  &:nth-child(6) {
                    display: none;
                  }
                  &:nth-child(5) {
                    padding-right: 1.25rem;
                  }
                }
              }
            }
          }
        }
      }
    }

    .social-clicks {
      .analytics-tread-card {
        .card-header {
          .common-align {
            span {
              &:first-child {
                display: block;
              }
              &:first-child {
                margin-left: auto;
                margin-right: auto;
              }
              &:first-child {
                margin-top: 0px;
                margin-bottom: 0px;
              }
              &:first-child {
                display: block;
              }
              &:first-child {
                max-width: 100%;
              }
              &:first-child {
                overflow: hidden;
              }
              &:first-child {
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
              }
              &:first-child {
                margin-left: 0;
              }
              &:first-child {
                overflow: hidden;
              }
              &:first-child {
                text-overflow: ellipsis;
              }
              &:first-child {
                white-space: nowrap;
              }
            }
            span {
              &:nth-child(2) {
                display: none !important;
              }
            }
          }
        }
      }
    }

    .follower-country {
      #countryMap {
        height: 345px;
      }
    }

    .currency-table {
      &.recent-table {
        &.average-sale {
          &.overflow-x-auto {
            div.dt-container {
              .dt-layout-row {
                &:last-child {
                  flex-direction: column;
                }
              }
            }
            thead,
              tbody {
              tr {
                th,
                  td {
                  &:last-child {
                    display: none;
                  }
                  &:nth-child(4) {
                    display: none;
                  }
                }
              }
            }
          }
        }
        &.performer-table {
          &.overflow-x-auto {
            div.dt-container {
              .dt-layout-row {
                &:last-child {
                  flex-direction: column;
                }
              }
            }
            thead,
              tbody {
              tr {
                th,
                  td {
                  &:last-child {
                    display: none;
                  }
                  &:nth-child(3) {
                    display: none;
                  }
                  &:nth-child(5) {
                    padding-right: 1.25rem;
                  }
                  &:nth-child(4) {
                    display: none;
                  }
                }
              }
            }
          }
        }
      }
    }

    .transaction-card {
      .transaction-table {
        table {
          tbody {
            tr {
              &:nth-child(6) {
                td {
                  padding-bottom: 0 !important;
                }
                td {
                  padding-bottom: 0px;
                }
              }
              &:last-child {
                td {
                  display: none;
                }
                td {
                  border-bottom-color: none;
                }
              }
            }
          }
        }
      }
    }

    .t-top-mentor {
      .overflow-x-auto {
        div.dt-container {
          .dt-layout-row {
            &:last-child {
              flex-direction: column;
            }
          }
        }
      }
      thead,
        tbody {
        tr {
          th,
            td {
            img {
              height: 38px;
            }
            &:nth-child(3) {
              display: none;
            }
          }
        }
      }
    }

    .completed-course-table {
      .overflow-x-auto {
        div.dt-container {
          .dt-layout-row {
            &:last-child {
              flex-direction: column;
            }
          }
        }
      }
      thead,
        tbody {
        tr {
          th,
            td {
            &:last-child {
              display: none;
            }
            &:nth-child(2) {
              .common-flex {
                gap: 7px;
              }
            }
            &:nth-child(4) {
              display: none;
            }
            .common-flex {
              gap: 0.625rem;
            }
          }
        }
      }
    }

    .recent-order {
      table {
        tr {
          th,
            td {
            &:nth-child(2) {
              min-width: 97px;
            }
          }
        }
      }
    }

    .frame-box {
      .frame-image {
        height: 2.5rem;
      }
      .frame-image {
        min-width: 40px;
      }
      .frame-image {
        img {
          height: 22px;
        }
        img {
          width: 30px;
        }
        img {
          -o-object-fit: contain;
             object-fit: contain;
        }
      }
    }

    .purchase-card.discover {
      .card-body {
        img {
          margin-top: -75px;
        }
      }
    }

    .payment-gateway {
      .pay-box {
        .outer-line {
          .outer-svg-box {
            height: 29px;
          }
          .outer-svg-box {
            width: 29px;
          }
          .outer-svg-box {
            svg {
              height: 1rem;
            }
            svg {
              width: 1rem;
            }
          }
        }
      }
    }

    .seller-table {
      thead,
        tbody {
        tr {
          th,
            td {
            &:nth-child(3) {
              display: none;
            }
          }
        }
      }
    }

    .treading-product {
      .overflow-x-auto {
        .table {
          thead,
            tbody {
            tr {
              th,
                td {
                .common-flex {
                  gap: 0.5rem;
                }
              }
            }
          }
        }
      }
    }

    .widget-1 {
      .font-medium {
        display: none;
      }
      .card-body {
        padding: 18px;
      }
      .widget-round {
        .bg-round {
          height: 2.5rem;
        }
        .bg-round {
          width: 2.5rem;
        }
        .bg-round {
          svg {
            height: 22px;
          }
          svg {
            width: 22px;
          }
          .half-circle {
            left: -0.625rem;
          }
          .half-circle {
            bottom: -0.5rem;
          }
          .half-circle {
            height: 2.5rem;
          }
          .half-circle {
            width: 30px;
          }
        }
      }
    }

    .profile-box {
      height: 206px;
    }

    .profile-box {
      .cartoon {
        right: 30px;
      }
      .cartoon {
        text-align: right;
      }
      .cartoon {
        img {
          width: 70%;
        }
      }
    }

    .target-content {
      .common-box {
        ul {
          li {
            &:last-child {
              display: none;
            }
          }
        }
      }
      p {
        margin-top: 21px;
        margin-bottom: 21px;
      }
    }

    .activity-log {
      .basic-timeline {
        ul {
          li {
            padding-bottom: 20px;
          }
          li {
            &:last-child {
              padding-bottom: 0px;
            }
            img {
              height: 2.5rem;
            }
            p {
              display: block;
            }
            p {
              margin-left: auto;
              margin-right: auto;
            }
            p {
              margin-top: 0px;
              margin-bottom: 0px;
            }
            p {
              display: block;
            }
            p {
              max-width: 100%;
            }
            p {
              overflow: hidden;
            }
            p {
              display: -webkit-box;
              -webkit-line-clamp: 2;
              -webkit-box-orient: vertical;
            }
            p {
              margin: 0px;
            }
            p {
              max-width: 225px;
            }
            p {
              overflow: hidden;
            }
            p {
              text-overflow: ellipsis;
            }
            p {
              white-space: nowrap;
            }
          }
        }
      }
    }

    .visitor-chart {
      .common-flex {
        gap: 0.25rem;
      }
      .common-flex {
        p {
          display: none;
        }
      }
    }

    .recent-order-table {
      &.currency-table {
        &.recent-table {
          .currency-icon {
            height: 2.75rem;
          }
          .currency-icon {
            width: 2.75rem;
          }
          table {
            thead,
              tbody {
              tr {
                th,
                  td {
                  &:last-child {
                    display: none;
                  }
                  &:nth-child(6) {
                    padding-right: 1.25rem;
                  }
                  &:nth-child(3) {
                    min-width: 80px;
                  }
                  &:nth-child(4) {
                    display: none;
                  }
                }
              }
            }
          }
        }
      }
    }

    .appointments-wrapper {
      li {
        .main-box {
          span {
            &:nth-child(2) {
              display: block;
            }
            &:nth-child(2) {
              margin-left: auto;
              margin-right: auto;
            }
            &:nth-child(2) {
              margin-top: 0px;
              margin-bottom: 0px;
            }
            &:nth-child(2) {
              display: block;
            }
            &:nth-child(2) {
              max-width: 100%;
            }
            &:nth-child(2) {
              overflow: hidden;
            }
            &:nth-child(2) {
              display: -webkit-box;
              -webkit-line-clamp: 2;
              -webkit-box-orient: vertical;
            }
            &:nth-child(2) {
              max-width: 245px;
            }
            &:nth-child(2) {
              overflow: hidden;
            }
            &:nth-child(2) {
              text-overflow: ellipsis;
            }
            &:nth-child(2) {
              white-space: nowrap;
            }
          }
        }
      }
    }

    .buy-card {
      .card-body {
        margin-left: 6px;
        margin-right: 6px;
      }
      img {
        height: 295px;
      }
    }

    .swiper {
      &.swiper-h,
        &.vertical-swiper {
        height: 295px;
      }
    }

    .main-file-sidebar {
      .md-sidebar {
        .md-sidebar-aside {
          width: 325px;
        }
      }
    }

    .emoji-rating {
      .main-emoji-text {
        height: 70px;
      }
      .main-emoji-text {
        flex-wrap: nowrap;
      }
    }

    .creative-wrapper {
      padding: 0.5rem;
    }

    .creative-wrapper {
      .creative-info {
        padding: 15px;
      }
    }

    .msg-emojis-wrapper {
      .star-widget {
        label {
          font-size: 1.875rem;
          line-height: 2.25rem;
        }
      }
    }

    .candidates-box {
      .overflow-x-auto {
        .dt-container {
          table {
            &.dataTable {
              thead,
                tbody {
                tr {
                  th,
                    td {
                    &:nth-child(4) {
                      display: none;
                    }
                  }
                }
              }
            }
          }
        }
      }
    }

    .main-companies {
      .md-sidebar {
        .card {
          margin: 0px !important;
        }
        .card {
          margin: 0px;
        }
        .card {
          border-radius: 0px;
        }
        .md-sidebar-aside {
          padding: 0 !important;
        }
        .md-sidebar-aside {
          width: calc(295px + (325 - 295) * ((100vw - 320px) / (1920 - 320)));
        }
        .md-sidebar-aside {
          padding: 0px;
        }
      }
    }

    .md-sidebar {
      .md-sidebar-toggle {
        display: block;
      }
      .md-sidebar-toggle {
        display: block;
      }
      .md-sidebar-aside {
        visibility: hidden;
      }
      .md-sidebar-aside {
        position: absolute;
      }
      .md-sidebar-aside {
        left: 0px;
      }
      .md-sidebar-aside {
        top: 2.5rem;
      }
      .md-sidebar-aside {
        z-index: 3;
      }
      .md-sidebar-aside {
        width: 280px;
      }
      .md-sidebar-aside {
        opacity: 0;
      }
      .md-sidebar-aside {
        &.open {
          visibility: visible;
        }
        &.open {
          opacity: 1;
        }
      }
    }

    .job-sidebar {
      height: 600px;
    }

    .job-sidebar {
      overflow-y: auto;
    }

    .job-sidebar {
      background-color: rgba(var(--white-bg),1);
    }

    .job-sidebar {
      padding: 1.25rem;
    }

    .job-sidebar {
      --tw-shadow: 0px 9px 20px rgba(46,35,94,0.07);
      --tw-shadow-colored: 0px 9px 20px var(--tw-shadow-color);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .job-sidebar {
      .job-accordion {
        .animate-chk {
          .form-check {
            .form-check-label {
              span {
                &:first-child:not(.product-filter .product-rate span:first-child) {
                  display: block;
                }
                &:first-child:not(.product-filter .product-rate span:first-child) {
                  margin-left: auto;
                  margin-right: auto;
                }
                &:first-child:not(.product-filter .product-rate span:first-child) {
                  margin-top: 0px;
                  margin-bottom: 0px;
                }
                &:first-child:not(.product-filter .product-rate span:first-child) {
                  display: block;
                }
                &:first-child:not(.product-filter .product-rate span:first-child) {
                  max-width: 100%;
                }
                &:first-child:not(.product-filter .product-rate span:first-child) {
                  overflow: hidden;
                }
                &:first-child:not(.product-filter .product-rate span:first-child) {
                  display: -webkit-box;
                  -webkit-line-clamp: 2;
                  -webkit-box-orient: vertical;
                }
                &:first-child:not(.product-filter .product-rate span:first-child) {
                  width: 100px;
                }
                &:first-child:not(.product-filter .product-rate span:first-child) {
                  overflow: hidden;
                }
                &:first-child:not(.product-filter .product-rate span:first-child) {
                  text-overflow: ellipsis;
                }
                &:first-child:not(.product-filter .product-rate span:first-child) {
                  white-space: nowrap;
                }
              }
            }
          }
        }
      }
    }

    .widget-1 {
      &.mb-xl-0 {
        margin-bottom: 25px;
      }
    }

    .radial-progress-card {
      .radial-chart-wrap {
        margin-right: -0.625rem;
      }
    }

    .currency-widget {
      div[class*="bg-light-"] {
        h5 {
          display: none;
        }
      }
    }

    .box-order {
      .order-1 {
        order: 1 !important;
      }
    }

    .activity-card {
      .appointment-table {
        &.customer-table {
          height: 187px;
        }
      }
    }

    .transaction-table {
      tr {
        td {
          &:first-child {
            min-width: 150px;
          }
        }
      }
    }

    .welcome-card {
      .welcome-img {
        bottom: -22px;
      }
      .welcome-img {
        height: 170px;
      }
    }

    .main-divider {
      .divider-body {
        &.divider-body-1 {
          margin-bottom: 26px;
        }
        &.divider-body-3 {
          margin-bottom: 2rem;
        }
        &:last-child {
          margin-bottom: 0 !important;
        }
        &:last-child {
          margin-bottom: 0px;
        }
      }
    }

    .monthly-target {
      .apexcharts-inner {
        --tw-scale-x: 0.6;
        --tw-scale-y: 0.6;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      }
    }

    .visitor-chart {
      #visitor_chart {
        margin-left: 0px;
        margin-right: 0px;
      }
      #visitor_chart {
        margin-top: 82px;
        margin-bottom: 82px;
      }
    }

    .page-wrapper,
      &.page-wrapper {
      &.box-layout {
        margin-top: 0 !important;
      }
      &.box-layout {
        margin-top: 0px !important;
      }
      &.box-layout {
        padding-top: 2.5rem;
      }
      &.compact-wrapper {
        margin-top: var(--box-layout-space);
      }
      &.compact-wrapper {
        .page-body-wrapper {
          .sidebar-wrapper {
            top: var(--box-layout-space);
          }
          .sidebar-wrapper {
            width: 230px;
          }
          .sidebar-wrapper {
            border-radius: 10px 0 0 10px;
          }
          .sidebar-wrapper {
            &.close_icon {
              ~ footer {
                left: 48%;
              }
              ~ footer {
                width: 1200px;
              }
              ~ footer {
                border-radius: 0 0 10px;
              }
              ~ footer {
                padding-left: 0.75rem;
              }
              ~ .footer-fix {
                padding-left: 0px;
              }
              .sidebar-main {
                .sidebar-links {
                  height: calc(100vh - 209px);
                }
                .sidebar-links {
                  .simplebar-wrapper {
                    .simplebar-mask {
                      .simplebar-content {
                        .sidebar-main-title {
                          display: none !important;
                        }
                      }
                    }
                  }
                }
              }
              &:hover {
                .sidebar-main {
                  .sidebar-links {
                    .simplebar-wrapper {
                      .simplebar-mask {
                        .simplebar-content {
                          .sidebar-main-title {
                            display: inline-block !important;
                          }
                        }
                      }
                    }
                  }
                }
              }
            }
            .logo-wrapper {
              --tw-shadow: 0 8px 6px -6px rgba(89,102,122,0.1);
              --tw-shadow-colored: 0 8px 6px -6px var(--tw-shadow-color);
              box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            }
            .sidebar-main {
              .sidebar-links {
                margin-top: 0.625rem;
              }
              .sidebar-links {
                margin-bottom: 1.25rem;
              }
              .sidebar-links {
                height: calc(100vh - 209px);
              }
            }
          }
          .page-body {
            margin-top: 0 !important;
          }
          .page-body {
            top: 5rem;
          }
          .page-body {
            margin-left: 230px;
          }
          .page-body {
            margin-top: 0px;
          }
          .page-body {
            max-height: calc(100vh - 220px);
          }
          .page-body {
            min-height: calc(100vh - 130px);
          }
          .page-body {
            overflow: scroll;
          }
          .page-body {
            padding-bottom: 5rem;
          }
          .page-body {
            &::-webkit-scrollbar-track {
              -webkit-box-shadow: inset 0 0 6px rgba(var(--light-gray), 1);
            }
            &::-webkit-scrollbar {
              width: 0.375rem;
            }
            &::-webkit-scrollbar-thumb {
              background-color: rgba(68,102,242,0.15);
            }
          }
        }
      }
      &.compact-sidebar {
        .page-header {
          padding-left: 148px;
        }
        .page-header {
          .header-wrapper {
            .left-header {
              width: 38%;
            }
          }
        }
        .page-body-wrapper {
          margin-top: 2.5rem;
        }
        .page-body-wrapper {
          div.sidebar-wrapper {
            top: 2.5rem;
          }
          div.sidebar-wrapper {
            > div {
              border-radius: 15px 0 0 15px;
            }
            &.close_icon {
              display: none;
            }
            &.close_icon {
              transition-property: 0.5s;
              transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
              transition-duration: 150ms;
            }
            .sidebar-main {
              .sidebar-links {
                margin: 0px !important;
              }
              .sidebar-links {
                margin: 0px;
              }
              .sidebar-links {
                height: calc(100vh - 166px);
              }
              .sidebar-links {
                li {
                  .sidebar-submenu {
                    left: 470px;
                  }
                  .sidebar-submenu {
                    top: 2.5rem;
                  }
                  .sidebar-submenu {
                    height: calc(100vh - 84px);
                  }
                  a {
                    &.active {
                      ~ .sidebar-submenu {
                        animation: unset;
                      }
                    }
                  }
                }
              }
            }
          }
          .footer {
            margin-left: 0px;
          }
          .page-body {
            margin-top: 0 !important;
          }
          .page-body {
            top: 5rem;
          }
          .page-body {
            margin-top: 0px;
          }
          .page-body {
            max-height: calc(100vh - 170px);
          }
          .page-body {
            min-height: calc(100vh - 90px);
          }
          .page-body {
            overflow: scroll;
          }
          .page-body {
            padding-bottom: 5rem;
          }
          .page-body {
            &::-webkit-scrollbar-track {
              -webkit-box-shadow: inset 0 0 6px rgba(var(--light-gray), 1);
            }
            &::-webkit-scrollbar {
              width: 0.375rem;
            }
            &::-webkit-scrollbar-thumb {
              background-color: rgba(68,102,242,0.15);
            }
          }
        }
        &.compact-small {
          .page-header {
            padding-left: 90px;
          }
          .page-header {
            &.close_icon {
              padding-left: 0px;
            }
            .left-header {
              width: 36%;
            }
          }
          .page-body-wrapper {
            div.sidebar-wrapper {
              .sidebar-main {
                .sidebar-links {
                  li {
                    .sidebar-submenu {
                      left: 410px;
                    }
                  }
                }
              }
            }
          }
          &.material-icon {
            .page-body-wrapper {
              .page-body {
                margin-left: 90px;
              }
              .page-body {
                padding-left: 15px;
              }
              .page-body {
                .default-dashboard {
                  .sales-report {
                    #sale_report {
                      margin-bottom: -18px;
                    }
                  }
                }
              }
            }
          }
        }
        &.material-icon {
          .header-wrapper {
            .left-header {
              width: 36%;
            }
          }
        }
      }
      &.horizontal-wrapper {
        &:before {
          display: none;
        }
        .page-body-wrapper {
          margin-top: 2.5rem;
        }
        .page-body-wrapper {
          .page-body {
            margin-top: 5rem;
          }
          .page-body {
            max-height: calc(100vh - 230px);
          }
          .page-body {
            min-height: calc(100vh - 310px);
          }
          .page-body {
            overflow: scroll;
          }
          .page-body {
            &::-webkit-scrollbar-track {
              -webkit-box-shadow: inset 0 0 6px rgba(var(--light-gray), 1);
            }
            &::-webkit-scrollbar {
              width: 0.375rem;
            }
            &::-webkit-scrollbar-thumb {
              background-color: rgba(68,102,242,0.15);
            }
          }
          .footer {
            padding-left: 15px;
          }
          .sidebar-wrapper {
            margin: 0px !important;
          }
          .sidebar-wrapper {
            position: relative;
          }
          .sidebar-wrapper {
            top: 5rem;
          }
          .sidebar-wrapper {
            margin: 0px;
          }
          .sidebar-wrapper {
            width: 1280px;
          }
          .sidebar-wrapper {
            overflow-x: unset;
            .sidebar-main {
              #sidebar-menu {
                left: 0%;
              }
              #sidebar-menu {
                top: 125px;
              }
              #sidebar-menu {
                --tw-translate-x: 0px;
                transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
              }
              #sidebar-menu {
                --tw-translate-y: 0px;
                transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
              }
              #sidebar-menu {
                background-color: rgba(var(--white),1);
              }
            }
          }
        }
        .page-header {
          padding-left: 0px;
        }
        &.box-layout {
          padding-top: 0px;
        }
      }
      &.modern-type {
        .page-header {
          padding-left: 0px;
        }
        .page-header {
          .header-wrapper {
            .left-header {
              width: 36%;
            }
            .nav-right {
              width: 46%;
            }
          }
          &.close_icon {
            padding-left: 0px;
          }
        }
        .page-body-wrapper {
          .page-body {
            margin-left: 260px;
          }
          .sidebar-wrapper {
            top: 120px;
          }
          .sidebar-wrapper {
            bottom: auto;
          }
          .sidebar-wrapper {
            border-radius: 15px;
          }
          .sidebar-wrapper {
            .sidebar-main {
              .sidebar-links {
                height: calc(100vh - 311px);
              }
            }
            &.close_icon {
              .sidebar-main {
                .sidebar-links {
                  height: calc(100vh - 316px);
                }
              }
              ~ footer {
                left: 50%;
              }
              ~ footer {
                margin-left: 0px;
              }
              ~ footer {
                width: 1280px;
              }
            }
          }
          .footer {
            margin-left: 0px;
          }
        }
      }
      .page-header {
        left: 0px;
        right: 0px;
      }
      .page-header {
        margin-left: auto;
        margin-right: auto;
      }
      .page-header {
        margin-top: 0px;
        margin-bottom: 0px;
      }
      .page-header {
        margin-top: var(--box-layout-space);
      }
      .page-header {
        width: unset;
      }
      .page-header {
        max-width: 1280px;
      }
      .page-header {
        border-radius: 10px 10px 0 0;
      }
      .page-header {
        padding-left: 230px;
      }
      .page-header {
        transition-property: var(--sidebar-transition);
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
      }
      .page-header {
        &.close_icon {
          margin-left: auto;
        }
        &.close_icon {
          width: calc(100% - 0px);
        }
        &.close_icon {
          padding-left: 5rem;
        }
        &.close_icon {
          transition-property: var(--sidebar-transition);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-duration: 150ms;
        }
        &.close_icon {
          .header-wrapper {
            border-radius: 0px 10px 0 0;
          }
        }
        .header-wrapper {
          border-radius: 0px 10px 0px 0px;
        }
        .header-wrapper {
          border-width: 1px;
        }
        .header-wrapper {
          border-style: solid;
        }
        .header-wrapper {
          --tw-border-opacity: 1;
          border-color: rgb(248 248 248 / var(--tw-border-opacity, 1));
        }
      }
      &.horizontal-wrapper {
        .page-header {
          .header-wrapper {
            border-radius: 10px 10px 0 0;
          }
          .header-wrapper {
            .nav-right,
              .left-header {
              width: 38%;
            }
          }
        }
      }
      &.material-type {
        .page-body-wrapper {
          margin-top: 0 !important;
        }
        .page-body-wrapper {
          margin-top: 0px;
        }
        .page-body-wrapper {
          .page-body {
            margin-top: 0 !important;
          }
          .page-body {
            margin-top: 0px;
          }
          .sidebar-wrapper {
            top: 0px;
          }
        }
      }
      &.material-icon {
        .page-header {
          &.close_icon {
            margin-top: 2.5rem;
          }
        }
        .page-body-wrapper {
          margin-top: 0 !important;
        }
        .page-body-wrapper {
          margin-top: 0px;
        }
        .page-body-wrapper {
          .page-body {
            top: 0px;
          }
          .page-body {
            min-height: calc(100vh - 170px);
          }
          .page-body {
            padding-bottom: 2.5rem;
          }
        }
        &.compact-small {
          &.compact-sidebar {
            .page-body {
              min-height: calc(100vh - 220px);
            }
          }
        }
      }
      &.advance-layout {
        .page-header {
          --tw-shadow: 0px 0px 10px rgba(var(--black),0.07);
          --tw-shadow-colored: 0px 0px 10px var(--tw-shadow-color);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
        }
        .page-body-wrapper {
          margin-top: 0 !important;
        }
        .page-body-wrapper {
          margin-top: 0px;
        }
      }
      &.only-body {
        .page-header {
          .header-wrapper {
            border-color: unset;
          }
        }
      }
      .page-body-wrapper {
        margin-left: auto;
        margin-right: auto;
      }
      .page-body-wrapper {
        margin-top: 0px;
        margin-bottom: 0px;
      }
      .page-body-wrapper {
        width: 1280px;
      }
      .page-body-wrapper {
        overflow: hidden;
      }
      .page-body-wrapper {
        --tw-shadow: 4px 11px 25px rgba(0,0,0,0.07);
        --tw-shadow-colored: 4px 11px 25px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
      }
      .page-body-wrapper {
        .active-order-table {
          max-width: 443px;
        }
        .active-order-table {
          overflow: auto;
        }
        .active-order-table {
          table {
            tbody {
              tr {
                td {
                  p {
                    width: 100px;
                  }
                }
              }
            }
          }
        }
        footer:not(.kanban-container footer) {
          position: fixed;
        }
        footer:not(.kanban-container footer) {
          left: 50%;
        }
        footer:not(.kanban-container footer) {
          z-index: 1;
        }
        footer:not(.kanban-container footer) {
          margin-left: auto;
          margin-right: auto;
        }
        footer:not(.kanban-container footer) {
          margin-top: 0px;
          margin-bottom: 0px;
        }
        footer:not(.kanban-container footer) {
          margin-bottom: 2.5rem;
        }
        footer:not(.kanban-container footer) {
          width: 1280px;
        }
        footer:not(.kanban-container footer) {
          --tw-translate-x: -50%;
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        }
        footer:not(.kanban-container footer) {
          --tw-translate-y: 0px;
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        }
        footer:not(.kanban-container footer) {
          border-radius: 0 0 10px 10px;
        }
        footer:not(.kanban-container footer) {
          padding-left: 230px;
        }
        @media (max-width: 575px) {
           {
             {
               {
                > .blockquote-footer {
                  width: 90%;
                }
              }
            }
          }

           {
             {
               {
                 {
                  > .blockquote-footer {
                    width: 90%;
                  }
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                > .blockquote-footer {
                  width: 90%;
                }
              }
            }
          }

           {
             {
               {
                 {
                  > .blockquote-footer {
                    width: 90%;
                  }
                }
              }
            }
          }
        }
        .blockquote-footer {
          margin-left: 0px;
        }
        .blockquote-footer {
          width: 100%;
        }
        .footer-fix {
          padding-left: 230px;
        }
        canvas {
          @media (max-width: 575px) {
             {
               {
                 {
                  > &#myLineCharts {
                    width: 90%;
                  }
                }
              }
            }

             {
               {
                 {
                   {
                    > &#myLineCharts {
                      width: 90%;
                    }
                  }
                }
              }
            }
          }
          @media (max-width: 575px) {
             {
               {
                 {
                  > &#myLineCharts {
                    width: 90%;
                  }
                }
              }
            }

             {
               {
                 {
                   {
                    > &#myLineCharts {
                      width: 90%;
                    }
                  }
                }
              }
            }
          }
          &#myLineCharts {
            width: 100%;
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                > .caller-img {
                  width: 90%;
                }
              }
            }
          }

           {
             {
               {
                 {
                  > .caller-img {
                    width: 90%;
                  }
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                > .caller-img {
                  width: 90%;
                }
              }
            }
          }

           {
             {
               {
                 {
                  > .caller-img {
                    width: 90%;
                  }
                }
              }
            }
          }
        }
        .caller-img {
          position: absolute;
        }
        .caller-img {
          left: 15px;
        }
        .caller-img {
          width: 100%;
        }
        .caller-img {
          max-width: 100%;
        }
        .caller-img {
          img {
            opacity: 0.7;
          }
        }
        .custom-card {
          .card-header {
            img {
              margin-top: -73px;
            }
          }
          .card-profile {
            img {
              top: -17px;
            }
            img {
              height: 130px;
            }
          }
        }
        .select2 {
          width: 901.781px;
        }
      }
      ul {
        &.close_icon {
          > li {
            label {
              padding: 0 !important;
            }
            label {
              padding: 0px;
            }
            label::after {
              content: var(--tw-content);
              display: none;
            }
          }
        }
      }
      .bookmark {
        ul {
          margin-right: -1px;
        }
      }
      #batchDelete {
        .jsgrid-grid-header {
          .jsgrid-table {
            tr {
              th {
                .btn {
                  padding-left: 1.25rem;
                  padding-right: 1.25rem;
                }
              }
            }
          }
        }
      }
      .main-timeline {
        .basic-timeline {
          &.dark-timeline {
            ul {
              .flex {
                p {
                  &:last-child:not(.default-dashboard .main-timeline .basic-timeline ul .flex p:last-child) {
                    width: 260px;
                  }
                }
              }
            }
          }
        }
      }
      .flex.bitcoin-graph {
        display: block;
      }
      .flex.bitcoin-graph {
        display: block;
      }
      .flex.bitcoin-graph {
        .top-bitcoin.table {
          white-space: pre-wrap !important;
        }
        .top-bitcoin {
          display: inline-block;
        }
        .top-bitcoin {
          vertical-align: middle;
        }
        .grow {
          margin-top: 30px;
        }
        .grow {
          .bitcoin-content {
            .bitcoin-numbers {
              h6 {
                font-size: 0.875rem;
                line-height: 1.25rem;
              }
            }
            &.text-right {
              text-align: center;
            }
            @media (max-width: 767px) {
               {
                &.text-right {
                }
              }
            }
            &.text-right {
              text-align: center;
            }
          }
        }
      }
      .alert {
        &.inverse {
          p {
            display: block;
          }
          p {
            display: block;
          }
          p {
            margin-left: auto;
            margin-right: auto;
          }
          p {
            margin-top: 0px;
            margin-bottom: 0px;
          }
          p {
            display: block;
          }
          p {
            max-width: 100%;
          }
          p {
            overflow: hidden;
          }
          p {
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
          }
          p {
            display: block;
          }
          p {
            max-width: 238px;
          }
          p {
            overflow: hidden;
          }
          p {
            text-overflow: ellipsis;
          }
          p {
            white-space: nowrap;
          }
        }
      }
      .auth-bg-effect {
        .second-effect {
          left: 55%;
        }
      }
      .auth-bg-video {
        video {
          width: 67%;
        }
        video {
          min-width: 67%;
        }
      }
      .pricing-wrapper-card {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
      }
      .pricing-wrapper-card {
        padding-top: 50px;
        padding-bottom: 50px;
      }
      .card {
        .blog-box {
          &.blog-grid {
            &.set-min-height {
              min-height: 400px;
            }
          }
        }
      }
      .flot-chart-placeholder {
        &#donut-color-chart-morris-daily {
          min-height: 430px;
        }
      }
      .flot-chart-placeholder {
        &#donut-color-chart-morris {
          min-height: 430px;
        }
      }
      @media (min-width: 576px) {
         {
           {
            .box-col-12 {
              grid-column: span 12 / span 12;
            }
          }
        }
      }
      .box-col-12 {
        grid-column: span 12 / span 12;
      }
      .box-col-6 {
        grid-column: span 6 / span 6;
      }
      .box-col-3 {
        grid-column: span 3 / span 3;
      }
      @media (max-width: 1199px) {
        .box-col-7.b-center.bg-size {
          position: fixed;
        }

        .box-col-7.b-center.bg-size {
          top: 0px;
        }

        .box-col-7.b-center.bg-size {
          height: 100vh;
        }

        .box-col-7.b-center.bg-size {
          width: 100%;
        }

        .box-col-7.b-center.bg-size {
          opacity: 0.5;
        }
      }
      .box-col-7 {
        grid-column: span 7 / span 7;
      }
      .box-col-5 {
        grid-column: span 5 / span 5;
      }
      .box-col-8 {
        grid-column: span 8 / span 8;
      }
      .box-col-9 {
        grid-column: span 9 / span 9;
      }
      .box-col-4e {
        grid-column: span 4 / span 4;
      }
      .box-col-4 {
        grid-column: span 4 / span 4;
      }
      .box-col-8e {
        grid-column: span 8 / span 8;
      }
      .box-col-none {
        display: none !important;
      }
      .box-ord-1 {
        order: 1;
      }
      .box-ord-2 {
        order: 2;
      }
      .box-ord-3 {
        order: 3;
      }
      .box-ord-4 {
        order: 4;
      }
      .box-ord-5 {
        order: 5;
      }
      .box-ord-6 {
        order: 6;
      }
      .box-ord-7 {
        order: 7;
      }
      .box-ord-8 {
        order: 8;
      }
      .box-ord-9 {
        order: 9;
      }
      .box-ord-10 {
        order: 10;
      }
      .chat-menu {
        visibility: hidden;
      }
      .chat-menu {
        position: absolute;
      }
      .chat-menu {
        right: 0px;
      }
      .chat-menu {
        top: 81px;
      }
      .chat-menu {
        z-index: 9;
      }
      .chat-menu {
        --tw-translate-y: -30px;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      }
      .chat-menu {
        border-top-width: 1px;
      }
      .chat-menu {
        border-style: solid;
      }
      .chat-menu {
        border-top-color: rgba(var(--ps-light-border),1);
      }
      .chat-menu {
        background-color: rgba(var(--white),1);
      }
      .chat-menu {
        opacity: 0;
      }
      .chat-menu {
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
      }
      .chat-menu {
        transition-delay: 0.3s;
      }
      .chat-menu {
        transition-duration: linear;
      }
      .chat-menu {
        &.show {
          visibility: visible;
        }
        &.show {
          --tw-translate-y: 0px;
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        }
        &.show {
          padding-bottom: 25px;
        }
        &.show {
          opacity: 1;
        }
        &.show {
          transition-property: all;
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-duration: 150ms;
        }
        &.show {
          transition-delay: 0.3s;
        }
        &.show {
          transition-duration: linear;
        }
      }
      .ct-10.total-chart {
        .ct-chart-bar {
          .ct-series {
            .ct-bar {
              stroke-width: 23px;
            }
          }
        }
      }
      .email-wrap {
        .email-body {
          .email-compose {
            .cke_contents {
              &.cke_reset {
                max-height: 165px;
              }
            }
          }
        }
        .grid {
          .col-span-6 {
            padding-left: 0.75rem;
          }
          .col-span-3 {
            + .col-span-3 {
              padding-right: 0.75rem;
            }
          }
        }
        .email-right-aside {
          .email-body {
            .inbox {
              height: 644px;
            }
          }
        }
      }
      .todo {
        .notification-popup {
          right: 20rem;
        }
      }
      .touchspin {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
      }
      .touchspin {
        padding-left: 0.625rem;
        padding-right: 0.625rem;
      }
      .touchspin {
        padding-top: 0px;
        padding-bottom: 0px;
      }
      .vertical-menu-main {
        left: 0px;
        right: 0px;
      }
      .vertical-menu-main {
        margin-left: auto;
        margin-right: auto;
      }
      .vertical-menu-main {
        margin-top: 0px;
        margin-bottom: 0px;
      }
      .vertical-menu-main {
        width: 1280px;
      }
      .comingsoon {
        video {
          width: 67%;
        }
        video {
          min-width: 67%;
        }
      }
      .general-widget-wrapper {
        .main-session-devices {
          .apexcharts-inner {
            --tw-scale-x: 0.68;
            --tw-scale-y: 0.68;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          }
        }
      }
      .badge-heading {
        h1,
          h2,
          h3,
          h4,
          h5 {
          margin-bottom: 38px;
        }
      }
      .smooth-animate {
        .label {
          top: -175px;
        }
      }
    }

    .monthly-profit {
      margin-top: 28px;
      margin-bottom: 28px;
    }

    .monthly-target {
      margin-left: 0px;
      margin-right: 0px;
    }

    .monthly-target {
      margin-bottom: -45px;
    }

    .monthly-target {
      margin-top: 19px;
    }

    .monthly-target {
      .apexcharts-inner {
        --tw-scale-x: 0.6;
        --tw-scale-y: 0.6;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      }
    }

    .dashboard-13 {
      .sales-order-chart {
        margin-top: 0 !important;
      }
      .sales-order-chart {
        margin-top: 0px;
      }
    }

    .default-inline-calender {
      .main-inline-calender {
        .flatpickr-rContainer {
          .flatpickr-weekdays {
            height: 50px;
          }
          .flatpickr-days {
            .dayContainer {
              .flatpickr-day {
                height: 2.5rem;
              }
            }
          }
        }
      }
    }

    .main-team-box {
      grid-template-columns: 1fr 1fr 1fr;
    }

    .attach-files-wrapper {
      .upload-files-wrapper {
        grid-template-columns: 1fr 1fr;
      }
    }

    .shopping-cart-table {
      .recent-table {
        div.dt-container {
          .table {
            thead,
              tbody {
              tr,
                td,
                th {
                &:nth-child(2) {
                  min-width: 360px;
                }
                &:nth-child(4) {
                  min-width: 170px;
                }
                &:last-child {
                  min-width: 100px;
                }
              }
            }
          }
        }
      }
    }

    .seller-details-wrapper {
      .review-box {
        .md-sidebar {
          .accordion {
            .accordion-item {
              margin-bottom: 0 !important;
            }
            .accordion-item {
              margin-bottom: 0px;
            }
          }
          .md-sidebar-toggle {
            display: block;
          }
          .md-sidebar-toggle {
            margin-bottom: 1.25rem;
          }
          .md-sidebar-toggle {
            display: block;
          }
          .md-sidebar-toggle {
            width: -moz-fit-content;
            width: fit-content;
          }
          .md-sidebar-toggle {
            text-transform: capitalize;
          }
          .md-sidebar-aside {
            visibility: hidden;
          }
          .md-sidebar-aside {
            position: absolute;
          }
          .md-sidebar-aside {
            left: 0px;
          }
          .md-sidebar-aside {
            top: 2.5rem;
          }
          .md-sidebar-aside {
            z-index: 3;
          }
          .md-sidebar-aside {
            width: 360px;
          }
          .md-sidebar-aside {
            opacity: 0;
          }
          .md-sidebar-aside {
            transition-property: all;
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-duration: 150ms;
          }
          .md-sidebar-aside {
            transition-duration: 0.2s;
          }
          .md-sidebar-aside {
            transition-timing-function: ease;
          }
          .md-sidebar-aside {
            &.open {
              visibility: visible;
            }
            &.open {
              opacity: 1;
            }
            &.open {
              transition-property: all;
              transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
              transition-duration: 150ms;
            }
            &.open {
              transition-duration: 0.2s;
            }
            &.open {
              transition-timing-function: ease;
            }
          }
          .email-left-aside {
            .card {
              border-radius: 15px;
            }
            .card {
              background-color: rgba(var(--bs-card-bg),1);
            }
            .card {
              --tw-shadow: 0px 9px 20px rgba(46,35,94,0.07);
              --tw-shadow-colored: 0px 9px 20px var(--tw-shadow-color);
              box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            }
            .card {
              .card-body {
                border-radius: 15px;
              }
              .card-body {
                background-color: rgba(var(--white),1);
              }
              .card-body {
                padding: 1.25rem;
              }
            }
          }
        }
      }
    }

    .seller-wrapper {
      .right-vendor {
        justify-content: flex-start;
      }
    }

    .general-widget-wrapper {
      .currency-widget {
        div[class*="bg-light-"] {
          display: block;
        }
        div[class*="bg-light-"] {
          display: block;
        }
      }
    }

    .dashboard-13 {
      .delivery-duration-chart {
        margin-top: -1.25rem;
      }
    }

    .default-inline-calender {
      .main-inline-calender {
        .flatpickr-rContainer {
          .flatpickr-weekdays {
            height: 50px;
          }
          .flatpickr-days {
            .dayContainer {
              .flatpickr-day {
                height: 2.5rem;
              }
            }
          }
        }
      }
    }

    .main-team-box {
      grid-template-columns: 1fr 1fr 1fr;
    }

    .attach-files-wrapper {
      .upload-files-wrapper {
        grid-template-columns: 1fr 1fr;
      }
    }

    .shopping-cart-table {
      .recent-table {
        div.dt-container {
          .table {
            thead,
              tbody {
              tr,
                td,
                th {
                &:nth-child(2) {
                  min-width: 360px;
                }
                &:nth-child(4) {
                  min-width: 170px;
                }
                &:last-child {
                  min-width: 100px;
                }
              }
            }
          }
        }
      }
    }

    .seller-details-wrapper {
      .review-box {
        .md-sidebar {
          .accordion {
            .accordion-item {
              margin-bottom: 0 !important;
            }
            .accordion-item {
              margin-bottom: 0px;
            }
          }
          .md-sidebar-toggle {
            display: block;
          }
          .md-sidebar-toggle {
            margin-bottom: 1.25rem;
          }
          .md-sidebar-toggle {
            display: block;
          }
          .md-sidebar-toggle {
            width: -moz-fit-content;
            width: fit-content;
          }
          .md-sidebar-toggle {
            text-transform: capitalize;
          }
          .md-sidebar-aside {
            visibility: hidden;
          }
          .md-sidebar-aside {
            position: absolute;
          }
          .md-sidebar-aside {
            left: 0px;
          }
          .md-sidebar-aside {
            top: 2.5rem;
          }
          .md-sidebar-aside {
            z-index: 3;
          }
          .md-sidebar-aside {
            width: 360px;
          }
          .md-sidebar-aside {
            opacity: 0;
          }
          .md-sidebar-aside {
            transition-property: all;
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-duration: 150ms;
          }
          .md-sidebar-aside {
            transition-duration: 0.2s;
          }
          .md-sidebar-aside {
            transition-timing-function: ease;
          }
          .md-sidebar-aside {
            &.open {
              visibility: visible;
            }
            &.open {
              opacity: 1;
            }
            &.open {
              transition-property: all;
              transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
              transition-duration: 150ms;
            }
            &.open {
              transition-duration: 0.2s;
            }
            &.open {
              transition-timing-function: ease;
            }
          }
          .email-left-aside {
            .card {
              border-radius: 15px;
            }
            .card {
              background-color: rgba(var(--bs-card-bg),1);
            }
            .card {
              --tw-shadow: 0px 9px 20px rgba(46,35,94,0.07);
              --tw-shadow-colored: 0px 9px 20px var(--tw-shadow-color);
              box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            }
            .card {
              .card-body {
                border-radius: 15px;
              }
              .card-body {
                background-color: rgba(var(--white),1);
              }
              .card-body {
                padding: 1.25rem;
              }
            }
          }
        }
      }
    }

    .seller-wrapper {
      .right-vendor {
        justify-content: flex-start;
      }
    }

    .general-widget-wrapper {
      .currency-widget {
        div[class*="bg-light-"] {
          display: block;
        }
        div[class*="bg-light-"] {
          display: block;
        }
      }
    }

    .upgrade-plan {
      &.mobile-app-card {
        .card-body {
          img {
            height: 118px;
          }
          img {
            width: 8rem;
          }
        }
      }
    }

    .attach-files-wrapper {
      .upload-files-wrapper {
        grid-template-columns: 1fr 1fr;
      }
    }

    .balance-widget {
      .mobile-right-img {
        right: -10%;
      }
    }

    .main-team-box {
      grid-template-columns: 1fr 1fr;
    }

    .order-details {
      .order-quantity {
        .order-details-wrapper {
          .category-details {
            .right-details {
              input[type="number"] {
                padding: 0 !important;
              }
              input[type="number"] {
                padding: 0px;
              }
            }
          }
        }
      }
    }

    .bounce-rate-wrapper {
      margin-top: -38px;
    }

    .bounce-rate-wrapper {
      margin-bottom: -30px;
    }

    .bounce-rate-wrapper {
      margin-left: 0px;
    }

    .bounce-rate-wrapper {
      margin-right: -1.25rem;
    }

    .visit-duration-wrapper {
      margin-top: -42px;
    }

    .visit-duration-wrapper {
      margin-bottom: -30px;
    }

    .visit-duration-wrapper {
      margin-left: 0px;
    }

    .visit-duration-wrapper {
      margin-right: 35px;
    }

    .our-product-wrapper {
      .our-product-content {
        .add-quantity {
          gap: 5px;
        }
      }
    }

    .std-class-chart {
      margin-top: 64px;
      margin-bottom: 64px;
    }

    .payment-methods .bg-payment {
      height: 60px;
    }

    .payment-methods .bg-payment {
      width: 60px;
    }

    .std-class-chart {
      .apexcharts-legend {
        gap: 0px;
      }
    }

    .std-class-chart {
      margin-top: 64px;
      margin-bottom: 64px;
    }

    .seller-details-wrapper {
      .review-box {
        .md-sidebar {
          .md-sidebar-aside {
            width: 300px;
          }
        }
      }
    }
  }
  @media (max-width: 1366px) {
    .balance-widget {
      .mobile-right-img {
        right: -10%;
      }
    }

    .cmt-box {
      .form-control {
        height: 0.125rem;
      }
      .form-control {
        width: calc(100% - 40px - 2px);
      }
      i {
        height: 40px;
      }
      i {
        width: 40px;
      }
    }

    .main-team-box {
      grid-template-columns: 1fr 1fr;
    }

    .api-management {
      .recent-table {
        table {
          thead,
            tbody {
            tr {
              th,
                td {
                &:nth-child(2) {
                  span {
                    display: block;
                  }
                  span {
                    margin-left: auto;
                    margin-right: auto;
                  }
                  span {
                    margin-top: 0px;
                    margin-bottom: 0px;
                  }
                  span {
                    display: block;
                  }
                  span {
                    max-width: 100%;
                  }
                  span {
                    overflow: hidden;
                  }
                  span {
                    display: -webkit-box;
                    -webkit-line-clamp: 2;
                    -webkit-box-orient: vertical;
                  }
                  span {
                    height: auto;
                  }
                  span {
                    max-width: 100%;
                  }
                  span {
                    overflow: hidden;
                  }
                  span {
                    text-overflow: ellipsis;
                  }
                  span {
                    display: -webkit-box;
                    -webkit-line-clamp: 2;
                    -webkit-box-orient: vertical;
                  }
                }
              }
            }
          }
        }
      }
    }
  }
  @media (min-width: 1400px) {
    .table-components {
      table {
        white-space: wrap;
      }
    }

    .dashboard-12 {
      .estimated-project {
        margin-bottom: -30px;
      }
      .estimated-project {
        margin-top: -55px;
      }
      .main-expenses {
        span {
          &[class^="font-"] {
            display: none !important;
          }
        }
      }
    }

    .photo-click-wrapper {
      margin-left: 0px;
    }

    .photo-click-wrapper {
      margin-right: -1.25rem;
    }

    .photo-click-wrapper {
      margin-top: 7px;
    }

    .photo-click-wrapper {
      margin-bottom: -1.25rem;
    }
  }
}

#accordionoc {
  #collapseicon,
    #collapseicon1 {
    padding-top: 0px;
  }
  li {
    @media (min-width: 1200px) {
       {
         {
           {
            button {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            button {
            }
          }
        }
      }
    }
    button {
      display: flex;
    }
    button {
      align-items: center;
    }
  }
}

.navs-icon {
  &.default-according {
    &.style-1 {
      li {
        button {
          position: relative;
        }
        button:hover {
          color: rgba(var(--theme-default),1);
        }
        button {
          &[aria-expanded="false"] {
            &:before {
              right: 0.125rem;
            }
            &:before {
              top: 0.375rem;
            }
          }
        }
      }
    }
  }
  padding: 1.25rem;
  li {
    padding-top: 9px;
    padding-bottom: 9px;
  }
  li {
    a {
      color: rgba(var(--theme-body-font-color),1);
    }
    a:hover {
      color: rgba(var(--theme-default),1);
    }
    ul {
      padding-top: 9px;
    }
  }
}

.onhover-dropdown {
  &.navs-dropdown {
    &:hover {
      .onhover-show-div {
        &:before,
          &:after {
          left: unset;
        }
        &:before,
          &:after {
          right: 77px;
        }
      }
    }
  }
}

.icon-lists {
  font-family: inherit;
}

.dropzone {
  background: unset;
  &.dropzone-secondary {
    border-width: 2px !important;
  }
  &.dropzone-secondary {
    border-radius: 0.375rem;
  }
  &.dropzone-secondary {
    border-width: 2px;
  }
  &.dropzone-secondary {
    border-style: dashed;
  }
  &.dropzone-secondary {
    border-color: rgba(var(--theme-secondary),1);
  }
  &.dropzone-secondary {
    i {
      color: rgba(var(--theme-secondary),1);
    }
  }
  .dz-message {
    i {
      font-size: calc(40px + (50 - 40) * ((100vw - 320px) / (1920 - 320)));
    }
  }
  .dropzone-wrapper {
    .dz-message {
      i {
        font-size: 50px;
      }
    }
  }
  .dz-preview {
    height: 100%;
  }
  .dz-preview {
    width: 155px;
  }
  .dz-preview {
    border-radius: 0.5rem;
  }
  .dz-preview {
    border-width: 1px;
  }
  .dz-preview {
    border-style: dashed;
  }
  .dz-preview {
    border-color: rgba(var(--recent-border),1);
  }
  .dz-preview {
    background-color: transparent;
  }
  .dz-preview {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .dz-preview {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .dz-preview {
    --tw-shadow-color: unset;
    --tw-shadow: var(--tw-shadow-colored);
  }
  .dz-preview {
    .dz-image {
      z-index: 2;
    }
    .dz-image {
      height: calc( 80px + (120 - 80) * ((100vw - 320px) / (1920 - 320)) );
    }
    .dz-image {
      width: calc( 80px + (120 - 80) * ((100vw - 320px) / (1920 - 320)) );
    }
    .dz-error-mark {
      visibility: hidden;
    }
    .dz-error-mark {
      opacity: 0;
    }
    .dz-details {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
    .dz-details {
      padding-bottom: 0 !important;
    }
    .dz-details {
      position: relative;
    }
    .dz-details {
      left: 0px;
    }
    .dz-details {
      top: 0px;
    }
    .dz-details {
      top: unset;
    }
    .dz-details {
      bottom: -0.375rem;
    }
    .dz-details {
      z-index: 1;
    }
    .dz-details {
      background-color: unset;
    }
    .dz-details {
      padding-left: 0px;
      padding-right: 0px;
    }
    .dz-details {
      padding-top: 0.625rem;
    }
    .dz-details {
      padding-bottom: 0px;
    }
    .dz-details {
      padding-bottom: 0.375rem;
    }
    .dz-details {
      text-align: left;
    }
    .dz-details {
      opacity: 1;
    }
    .dz-details {
      .dz-size {
        margin-bottom: 0 !important;
      }
      .dz-size {
        margin-bottom: 0px;
      }
      .dz-size {
        font-size: 0.875rem;
        line-height: 1.25rem;
      }
      .dz-size {
        span {
          padding-top: 0 !important;
          padding-bottom: 0 !important;
        }
        span {
          padding-left: 0.625rem;
          padding-right: 0.625rem;
        }
        span {
          padding-top: 0px;
          padding-bottom: 0px;
        }
      }
      .dz-remove {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
      }
      .dz-remove {
        padding-left: 0.625rem;
        padding-right: 0.625rem;
      }
      .dz-remove {
        padding-top: 0px;
        padding-bottom: 0px;
      }
    }
    .dz-progress {
      left: 50%;
    }
    .dz-progress {
      height: 0.625rem;
    }
    .dz-progress {
      transition-property: all;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }
    .dz-progress {
      transition-duration: 0.1s;
    }
    .dz-progress {
      transition-timing-function: linear;
    }
    .dz-success-mark {
      left: calc(43% + (50 - 43) * ((100vw - 320px) / (1920 - 320)));
    }
    .dz-success-mark {
      top: 32%;
    }
    .dz-success-mark {
      z-index: 2;
    }
    .dz-success-mark {
      opacity: 1;
    }
    .dz-success-mark {
      --tw-brightness: brightness(0.6);
      filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    }
    .dz-success-mark {
      svg {
        height: calc( 38px + (54 - 38) * ((100vw - 320px) / (1920 - 320)) );
      }
      svg {
        width: calc( 38px + (54 - 38) * ((100vw - 320px) / (1920 - 320)) );
      }
    }
    .dz-remove {
      padding-top: 0 !important;
      padding-bottom: 0 !important;
    }
    .dz-remove {
      padding-left: 0.625rem;
      padding-right: 0.625rem;
    }
    .dz-remove {
      padding-top: 0px;
      padding-bottom: 0px;
    }
    .dz-remove {
      text-align: left;
    }
    .dz-remove {
      color: rgba(var(--chart-text-color),1);
    }
    .dz-filename {
      padding-top: 0 !important;
      padding-bottom: 0 !important;
    }
    .dz-filename {
      padding: 0 !important;
    }
    .dz-filename {
      height: 30px;
    }
    .dz-filename {
      overflow: visible;
    }
    .dz-filename {
      padding: 0px;
    }
    .dz-filename {
      padding-left: 0.625rem;
      padding-right: 0.625rem;
    }
    .dz-filename {
      padding-top: 0px;
      padding-bottom: 0px;
    }
    .dz-filename {
      text-align: left;
    }
    .dz-filename {
      &:not(:hover) {
        span {
          border-width: 0 !important;
        }
        span {
          border-width: 0px;
        }
      }
      span {
        padding: 0 !important;
      }
      span {
        display: block;
      }
      span {
        margin-left: auto;
        margin-right: auto;
      }
      span {
        margin-top: 0px;
        margin-bottom: 0px;
      }
      span {
        display: block;
      }
      span {
        max-width: 100%;
      }
      span {
        overflow: hidden;
      }
      span {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
      }
      span {
        max-width: 100px;
      }
      span {
        overflow: hidden;
      }
      span {
        text-overflow: ellipsis;
      }
      span {
        white-space: nowrap;
      }
      span {
        padding: 0px;
      }
      &:hover {
        span {
          border-width: 0 !important;
        }
        span {
          border-width: 0px;
        }
      }
    }
    &:hover {
      .dz-filename {
        height: 30px;
      }
      .dz-filename {
        overflow: visible;
      }
    }
  }
  .dz-preview {
    margin-left: calc(10px + (28 - 10) * ((100vw - 320px) / (1920 - 320)));
    margin-right: calc(10px + (28 - 10) * ((100vw - 320px) / (1920 - 320)));
  }
  .dz-preview {
    margin-top: calc(18px + (18 - 18) * ((100vw - 320px) / (1920 - 320)));
    margin-bottom: calc(18px + (18 - 18) * ((100vw - 320px) / (1920 - 320)));
  }
  .dz-preview {
    &:hover {
      .dz-error-message {
        display: none;
      }
    }
  }
  .dz-error-mark {
    .dz-remove {
      position: relative;
    }
  }
}

.dz-preview {
  .dz-remove {
    cursor: pointer;
  }
}

.dropzone-secondary {
  .dz-preview {
    .dz-remove {
      color: rgba(var(--theme-secondary),1);
    }
  }
}

.badge-light-warning {
  background-color: rgba(var(--warning-color),0.1) !important;
}

.table {
  thead {
    th {
      border-bottom-width: 2px;
    }
    th {
      border-style: solid;
    }
    th {
      border-bottom-color: rgba(var(--light-gray),1);
    }
  }
}

.select2 {
  max-width: 100%;
}

.add-post {
  #cke_text-box {
    border-width: 1px;
  }
  #cke_text-box {
    border-style: solid;
  }
  #cke_text-box {
    border-color: rgba(var(--light-semi-gray),1);
  }
  form {
    .m-checkbox-inline {
      label {
        margin-bottom: 0 !important;
      }
      label {
        margin-bottom: 0px;
      }
    }
    form-control {
      border-width: 1px;
    }
    form-control {
      border-style: solid;
    }
    form-control {
      border-color: rgba(var(--light-semi-gray),1);
    }
    .col-form-label {
      padding-top: 0 !important;
      padding-bottom: 0 !important;
    }
    .col-form-label {
      padding-top: 0px;
      padding-bottom: 0px;
    }
    .col-form-label {
      .select2-container--default {
        margin-top: 0.625rem;
      }
      .select2-container--default {
        max-width: 100%;
      }
      .select2-container--default {
        .selection {
          .select2-selection {
            .select2-search__field {
              padding: 0.125rem;
            }
          }
        }
        .select2-selection--multiple {
          max-width: 100%;
        }
        .select2-selection--multiple {
          border-width: 1px;
        }
        .select2-selection--multiple {
          border-style: solid;
        }
        .select2-selection--multiple {
          border-color: rgba(var(--light-semi-gray),1);
        }
        .select2-selection--multiple {
          .select2-selection__choice {
            border-width: 1px;
          }
          .select2-selection__choice {
            border-style: solid;
          }
          .select2-selection__choice {
            border-color: rgba(var(--theme-default),1);
          }
          .select2-selection__choice {
            background-color: rgba(var(--theme-default),1);
          }
          .select2-selection__choice {
            color: rgba(var(--white),1);
          }
          .select2-selection__choice {
            .select2-selection__choice__remove {
              float: right;
            }
            .select2-selection__choice__remove {
              margin-left: 0.5rem;
            }
            .select2-selection__choice__remove {
              color: rgba(var(--white),1);
            }
          }
        }
      }
    }
  }
  .dropzone {
    margin-bottom: 30px;
  }
}

.select2-container--open {
  .select2-dropdown {
    z-index: 7;
  }
}

@media (max-width: 575px) {
   {
     {
       {
        > .select2-container {
          width: 90%;
        }
      }
    }
     {
       {
         {
          > .select2-container {
            width: 90%;
          }
        }
      }
    }
     {
       {
        > .select2-container {
          width: 90%;
        }
      }
    }
     {
       {
         {
          > .select2-container {
            width: 90%;
          }
        }
      }
    }
  }
}

.select2-container {
  width: 100% !important;
  &.select2 {
    .selection {
      display: block;
    }
    .selection {
      display: block;
    }
  }
  .select2-selection--single {
    height: 47px;
  }
  .select2-selection--single {
    border-radius: 0.25rem;
  }
  .select2-selection--single {
    border-color: rgba(var(--light-semi-gray),1);
  }
  .select2-selection--single {
    padding: 0.625rem;
  }
}

.select2-drpdwn {
  .select2-selection {
    height: 2.5rem;
  }
  .select2-selection {
    border-radius: 0px;
  }
  .select2-selection {
    border-color: rgba(var(--light-color),1);
  }
  .select2-selection {
    padding: 5px;
  }
  .form-control {
    border-radius: 5px;
  }
}

.filepond--drop-label {
  .filepond--label-action {
    color: rgba(var(--danger-color),1);
  }
  .filepond--label-action {
    text-decoration-line: none;
  }
}

.filepond--list {
  .filepond--file {
    background-color: rgba(var(--theme-default),1);
  }
}

.customLook {
  display: inline-block;
  min-width: 0px;
  border-color: none;
  .tagify__tag {
    margin-top: 0 !important;
  }
  .tagify__tag {
    margin-top: 0px;
  }
  .tagify__tag {
    &:only-of-type {
      .tagify__tag__removeBtn {
        display: none;
      }
    }
    &:hover {
      .tagify__tag__removeBtn {
        margin-left: -1ch;
      }
      .tagify__tag__removeBtn {
        opacity: 1;
      }
      .tagify__tag__removeBtn {
        transform: none;
      }
    }
  }
  .tagify__tag__removeBtn {
    margin-left: -3ch;
  }
  .tagify__tag__removeBtn {
    --tw-translate-x: -0.375rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .tagify__tag__removeBtn {
    --tw-scale-x: .5;
    --tw-scale-y: .5;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .tagify__tag__removeBtn {
    opacity: 0;
  }
  .tagify__tag__removeBtn {
    transition-property: 0.12s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  + button {
    border-width: 0 !important;
  }
  + button {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  + button {
    margin-left: 5px;
  }
  + button {
    margin-right: 0px;
  }
  + button {
    height: 1.65em;
  }
  + button {
    width: 1.65em;
  }
  + button {
    cursor: pointer;
  }
  + button {
    border-radius: 50%;
  }
  + button {
    border-width: 0px;
  }
  + button {
    vertical-align: top;
  }
  + button {
    color: rgba(var(--theme-default),1);
  }
  + button {
    transition-property: 0.1s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  + button {
    transition-duration: ease-out;
  }
  + button:hover {
    --tw-shadow: 0 0 0 5px inset var(--theme-default);
    --tw-shadow-colored: inset 0 0 0 5px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  + button {
    font: bold 1.4em/1.65 Arial;
    box-shadow: 0 0 0 2px inset rgba(var(--theme-default), 1);
    background: none;
    outline: none;
  }
  .tagify__input {
    display: none !important;
  }
}

.tagify--empty {
  .tagify__input {
    &::before {
      color: rgba(var(--chart-text-color),1);
    }
  }
}

.customSuggestionsList {
  > div {
    border-width: 2px !important;
  }
  > div {
    max-height: 300px;
  }
  > div {
    min-height: 50px;
  }
  > div {
    overflow: auto;
  }
  > div {
    border-width: 2px;
  }
  > div {
    border-style: solid;
  }
  > div {
    border-color: rgba(var(--chart-dashed-border),1);
  }
  .empty {
    text-align: center;
  }
  @media (max-width: 767px) {
     {
      .empty {
      }
    }
  }
  .empty {
    padding: 1em;
  }
  .empty {
    text-align: center;
  }
  .empty {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
  .empty {
    color: rgba(var(--theme-default),1);
  }
}

.tagify__dropdown {
  &.extra-properties {
    .tagify__dropdown__item {
      > img.table {
        white-space: pre-wrap !important;
      }
      > img {
        margin-right: 5px;
      }
      > img {
        display: inline-block;
      }
      > img {
        height: 1.25rem;
      }
      > img {
        --tw-scale-x: .75;
        --tw-scale-y: .75;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      }
      > img {
        border-radius: 0.125rem;
      }
      > img {
        vertical-align: middle;
      }
      > img {
        transition-property: 0.12s;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
      }
      > img {
        transition-duration: ease-out;
      }
      &:hover {
        > img {
          margin-right: 0.75rem;
        }
        > img {
          transform: none;
        }
      }
    }
    .tagify__dropdown__item--active {
      > img {
        margin-right: 0.75rem;
      }
      > img {
        transform: none;
      }
    }
  }
}

.tagify {
  &.countries {
    .tagify__input {
      min-width: 175px;
    }
    tag {
      white-space: nowrap;
    }
    tag {
      img {
        pointer-events: none;
      }
      img {
        margin-right: 3px;
      }
      img {
        display: inline-block;
      }
      img {
        height: 1rem;
      }
      img {
        border-radius: 0.125rem;
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        > .tagify--select {
          width: 90%;
        }
      }
    }
     {
       {
         {
          > .tagify--select {
            width: 90%;
          }
        }
      }
    }
     {
       {
        > .tagify--select {
          width: 90%;
        }
      }
    }
     {
       {
         {
          > .tagify--select {
            width: 90%;
          }
        }
      }
    }
  }
}

.tagify--select {
  width: 100%;
}

.tagify__dropdown__wrapper {
  border-color: rgba(var(--recent-dashed-border),1);
  background-color: rgba(var(--white),1);
}

.tagify__dropdown__item--active {
  background-color: rgba(var(--gray-60),1);
  color: rgba(var(--body-font-color),1);
}

.tagify {
  --tags-focus-border-color: #cccccc;
}

.tagify__input {
  color: rgba(var(--dark-color),1);
}

.tagify--select {
  &::after {
    color: rgba(var(--chart-text-color),1);
  }
}

.international-num {
  input {
    width: calc(240px + (250 - 240) * ((100vw - 320px) / (1920 - 320)));
  }
  input {
    border-radius: 0.125rem;
  }
  input {
    border-width: 1px;
  }
  input {
    border-style: solid;
  }
  input {
    border-color: rgba(var(--gray-60),1);
  }
  input {
    padding: 0.625rem;
  }
  input:focus {
    outline-color: rgba(var(--gray-60),1);
  }
  input {
    &::-moz-placeholder {
      color: rgba(var(--gray-60),1);
    }
    &::placeholder {
      color: rgba(var(--gray-60),1);
    }
  }
  .results {
    ul {
      margin-top: 0.75rem;
    }
    ul {
      border-width: 1px;
    }
    ul {
      border-style: solid;
    }
    ul {
      border-color: rgba(var(--gray-60),1);
    }
    ul {
      padding: 0.5rem;
    }
    ul {
      line-height: 1.9;
    }
  }
}

.iti--allow-dropdown {
  .iti__flag {
    background-image: url("../images/forms/flags.png");
  }
}

@media (min-width: 1200px) {
   {
     {
       {
        .select-box {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .select-box {
        }
      }
    }
  }
}

.select-box {
  position: relative;
  display: flex;
  width: 400px;
  flex-direction: column;
  @media (max-width: 575px) {
     {
       {
         {
          > .options-container {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > .options-container {
              width: 90%;
            }
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          > .options-container {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > .options-container {
              width: 90%;
            }
          }
        }
      }
    }
  }
  .options-container {
    position: absolute;
  }
  .options-container {
    top: 46px;
  }
  .options-container {
    z-index: 1;
  }
  .options-container {
    order: 1;
  }
  .options-container {
    margin-top: 53px;
  }
  .options-container {
    max-height: 0px;
  }
  .options-container {
    width: 100%;
  }
  .options-container {
    overflow: hidden;
  }
  .options-container {
    background-color: rgba(var(--course-light-btn),1) !important;
  }
  .options-container {
    --tw-bg-opacity: 1;
    background-color: rgb(242 244 247 / var(--tw-bg-opacity, 1));
  }
  .options-container {
    color: rgba(var(--body-font-color),1);
  }
  .options-container {
    opacity: 0;
  }
  .options-container {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  .options-container {
    transition-duration: 0.4s;
  }
  .options-container {
    &.active {
      z-index: 2;
    }
    &.active {
      max-height: 15rem;
    }
    &.active {
      overflow-y: scroll;
    }
    &.active {
      opacity: 1;
    }
    &.active {
      + .selected-box {
        &::after {
          top: -0.375rem;
        }
        &::after {
          transform: rotateX(180deg);
        }
      }
      ~ .search-box {
        input {
          pointer-events: auto;
        }
        input {
          opacity: 1;
        }
      }
    }
  }
  .selection-option {
    cursor: pointer;
  }
  .selection-option {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .selection-option {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .selection-option {
    &:hover {
      background-color: rgba(var(--gray-60),1);
    }
    .radio {
      display: none;
    }
  }
  label {
    cursor: pointer;
  }
}

.selected-box {
  position: relative;
  order: 0;
  cursor: pointer;
  background-color: rgba(var(--light2),1);
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: rgba(var(--color_1),1);
}

.selected-box::after {
  position: absolute;
  right: 0.625rem;
  top: 0.75rem;
  height: 100%;
  width: 2rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 0.4s;
  --tw-content: "\f078";
  content: var(--tw-content);
}

.selected-box {
  &::after {
    font-family: "FontAwesome";
  }
}

.search-box {
  input {
    border-width: 2px !important;
  }
  @media (max-width: 575px) {
     {
       {
         {
          > input {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > input {
              width: 90%;
            }
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          > input {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > input {
              width: 90%;
            }
          }
        }
      }
    }
  }
  input {
    pointer-events: none;
  }
  input {
    position: absolute;
  }
  input {
    z-index: 1;
  }
  input {
    width: 100%;
  }
  input {
    border-width: 2px;
  }
  input {
    border-style: solid;
  }
  input {
    border-color: rgba(var(--chart-dashed-border),1);
  }
  input {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  input {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  input {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  input {
    opacity: 0;
  }
  input {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  input {
    transition-duration: 0.4s;
  }
  input {
    &:focus {
      outline: none;
    }
  }
}

.search-page {
  .theme-form {
    @media (max-width: 575px) {
       {
         {
           {
            > input {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > input {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > input {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > input {
                width: 90%;
              }
            }
          }
        }
      }
    }
    input {
      width: 100%;
    }
    input {
      flex: 1 1 auto;
    }
    input {
      border-radius: 10px 0 0 10px;
    }
    input {
      border-width: 1px;
    }
    input {
      border-style: solid;
    }
    input {
      border-color: rgba(var(--theme-default),1);
    }
    input {
      padding-left: 1.25rem;
    }
    input {
      &::-moz-placeholder {
        color: rgba(var(--theme-default),1) !important;
      }
      &::placeholder {
        color: rgba(var(--theme-default),1) !important;
      }
      &:focus {
        outline: none;
      }
    }
    .input-group {
      .btn {
        padding-top: 6px;
        padding-bottom: 6px;
      }
      .btn {
        padding-left: 28px;
        padding-right: 28px;
      }
      .btn {
        font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320))) !important;
      }
      .btn {
        line-height: 2rem !important;
      }
      .btn {
        border: none;
      }
      .form-control-plaintext {
        background-color: var(--transparent-color);
      }
    }
  }
  .fill-danger {
    color: rgba(var(--danger-color),1);
  }
  h6 {
    line-height: 1.4;
  }
  .tab-link {
    font-weight: 500;
  }
  .tab-link {
    text-transform: uppercase;
  }
  .border-tab {
    &.nav-tabs {
      .material-border {
        border-bottom-width: 1px;
      }
      .nav-item {
        .nav-link {
          padding-left: 18px;
          padding-right: 18px;
        }
        .nav-link {
          padding-top: 0.625rem;
          padding-bottom: 0.625rem;
        }
        .nav-link {
          font-size: 15px;
        }
      }
    }
  }
  .flex {
    .grow {
      overflow: hidden;
    }
  }
  .info-block {
    border-radius: 10px;
  }
  .info-block {
    border-width: 1px;
  }
  .info-block {
    border-style: solid;
  }
  .info-block {
    border-color: rgba(var(--gray-60),0.5);
  }
  .info-block {
    padding: 18px;
  }
  .info-block {
    a {
      display: block;
    }
    a {
      margin-bottom: 3px;
    }
    a {
      display: block;
    }
    a {
      color: rgba(var(--badge-light-color),0.9);
    }
    h6 {
      a {
        color: rgba(var(--theme-default),1);
      }
    }
    + .info-block {
      margin-top: 20px;
    }
    .grow {
      a {
        overflow-wrap: break-word;
      }
    }
  }
  .border-tab {
    &.nav-tabs {
      align-items: left;
      justify-content: end;
      .nav-item {
        width: auto;
      }
    }
  }
  .search-links {
    .info-block {
      iframe {
        height: 100%;
      }
      iframe {
        width: 100%;
      }
    }
    h6 {
      margin-top: 7px;
    }
    p {
      margin-top: 0.125rem;
    }
    .star-ratings {
      margin-top: 7px;
    }
    .star-ratings {
      border-top-width: 1px;
    }
    .star-ratings {
      border-style: solid;
    }
    .star-ratings {
      border-top-color: rgba(var(--chart-progress-light),1);
    }
    .star-ratings {
      padding-top: 9px;
    }
  }
  p {
    &:not(.blog-details p) {
      margin-bottom: 0 !important;
    }
    &:not(.blog-details p) {
      margin-bottom: 0px;
    }
    &:not(.blog-details p) {
      text-transform: lowercase;
    }
    &:not(.blog-details p) {
      color: rgba(var(--dark-gray),1);
    }
  }
  ul {
    &.search-info {
      li {
        display: inline-block;
      }
      li {
        font-size: 0.75rem;
        line-height: 1rem;
      }
      li {
        line-height: 1;
      }
      li {
        color: rgba(var(--badge-light-color),1);
      }
      li {
        + li {
          margin-left: 0.5rem;
        }
        + li {
          border-left-width: 1px;
        }
        + li {
          border-style: solid;
        }
        + li {
          border-left-color: rgba(var(--dark-color),50%);
        }
        + li {
          padding-left: 0.5rem;
        }
        i {
          color: rgba(var(--warning-color),1);
        }
        i {
          &:not(:last-child) {
            margin-right: 0.25rem;
          }
        }
      }
    }
  }
  #video-links {
    .embed-responsive {
      + .embed-responsive {
        margin-top: 30px;
      }
    }
  }
  .audio-wrapper {
    .slider-wrapper {
      &.arrow-round {
        .swiper-button-next,
          .swiper-button-prev {
          top: 2.25rem;
        }
        .swiper-button-next,
          .swiper-button-prev {
          height: calc(25px + (30 - 25) * ((100vw - 320px) / (1920 - 320)));
        }
        .swiper-button-next,
          .swiper-button-prev {
          width: calc(25px + (30 - 25) * ((100vw - 320px) / (1920 - 320)));
        }
        .swiper-button-next,
          .swiper-button-prev {
          background-color: rgba(var(--theme-body-sub-title-color),0.6);
        }
        .swiper-button-next,
          .swiper-button-prev {
          &::after {
            font-weight: 900;
          }
          &::after {
            color: rgba(var(--white),1);
          }
        }
        .swiper-button-next {
          right: 1.25rem;
        }
        .swiper-button-prev {
          right: calc(55px + (60 - 55) * ((100vw - 320px) / (1920 - 320)));
        }
      }
    }
    .audio-box {
      padding: 1rem !important;
    }
    @media (min-width: 1200px) {
       {
         {
           {
            .audio-box {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            .audio-box {
            }
          }
        }
      }
    }
    .audio-box {
      display: flex;
    }
    .audio-box {
      align-items: flex-start;
    }
    .audio-box {
      align-items: center;
    }
    .audio-box {
      gap: 0.5rem;
    }
    .audio-box {
      border-radius: 0.5rem;
    }
    .audio-box {
      background-color: rgba(var(--light-background),1);
    }
    .audio-box {
      padding: 0.75rem;
    }
    .audio-box {
      img {
        height: calc(35px + (45 - 35) * ((100vw - 320px) / (1920 - 320)));
      }
      img {
        width: calc(35px + (48 - 35) * ((100vw - 320px) / (1920 - 320)));
      }
      img {
        border-radius: 0.375rem;
      }
      .common-f-start {
        gap: 0.75rem;
      }
      .shrink-0 {
        i {
          cursor: pointer;
        }
        i {
          font-size: calc(25px + (30 - 25) * ((100vw - 320px) / (1920 - 320)));
        }
      }
      span {
        height: auto;
      }
      span {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
      }
    }
    table {
      &.audio-table {
        &.table-hover {
          thead {
            background-color: rgba(var(--light2),1);
          }
          thead,
            tbody {
            tr {
              &:hover {
                background-color: rgba(var(--card-body-color),1);
              }
              &:hover {
                .common-f-start {
                  > div {
                    position: relative;
                  }
                  > div {
                    img {
                      --tw-blur: blur(1px);
                      filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
                    }
                    img {
                      --tw-contrast: contrast(0.6);
                      filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
                    }
                    i {
                      display: block;
                    }
                    i {
                      position: absolute;
                    }
                    i {
                      left: 50%;
                    }
                    i {
                      top: 50%;
                    }
                    i {
                      display: block;
                    }
                    i {
                      --tw-translate-x: -50%;
                      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                    }
                    i {
                      --tw-translate-y: -50%;
                      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                    }
                    i {
                      font-size: calc( 18px + (24 - 18) * ((100vw - 320px) / (1920 - 320)) );
                    }
                    i {
                      color: rgba(var(--black),1);
                    }
                    i {
                      transition-property: all;
                      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                      transition-duration: 150ms;
                    }
                    i {
                      transition-duration: 0.3s;
                    }
                    i {
                      transition-timing-function: ease;
                    }
                  }
                }
              }
              th,
                td {
                &:nth-child(6) {
                  text-align: center;
                }
                @media (max-width: 767px) {
                   {
                    &:nth-child(6) {
                    }
                  }
                }
                &:nth-child(6) {
                  cursor: pointer;
                }
                &:nth-child(6) {
                  text-align: center;
                }
                &:last-child {
                  min-width: 100px;
                }
                img {
                  height: calc( 40px + (50 - 40) * ((100vw - 320px) / (1920 - 320)) );
                }
                img {
                  border-radius: 0.375rem;
                }
                .common-f-start {
                  > div {
                    i {
                      display: none;
                    }
                    i {
                      transition-property: all;
                      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                      transition-duration: 150ms;
                    }
                    i {
                      transition-duration: 0.3s;
                    }
                    i {
                      transition-timing-function: ease;
                    }
                  }
                }
                .common-align {
                  gap: 0.5rem;
                }
                .common-align {
                  a {
                    display: grid;
                  }
                  a > div {
                    position: relative;
                  }
                  @media (max-width: 575px) {
                     {
                       {
                         {
                          a {
                          }
                        }
                      }
                    }
                  }
                  @media (max-width: 575px) {
                     {
                       {
                         {
                          a {
                          }
                        }
                      }
                    }
                  }
                  a {
                    display: grid;
                  }
                  a {
                    height: 30px;
                  }
                  a {
                    width: 30px;
                  }
                  a {
                    place-content: center;
                  }
                  a {
                    border-radius: 0.375rem;
                  }
                  a {
                    background-color: rgba(var(--theme-default),0.1);
                  }
                  a {
                    > div {
                      position: absolute;
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }
  .fa-heart {
    &.active {
      font-weight: 600;
    }
    &.active {
      color: rgba(var(--danger-color),1);
    }
  }
}

.search-list {
  margin-bottom: 30px !important;
  display: inline-flex;
  width: auto;
  overflow: hidden;
  border-radius: 10px;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--theme-default),1);
  border: none;
  &.tab-links {
    li {
      background-color: rgba(var(--theme-default),0.1);
    }
    li {
      &.tab-link {
        border-color: none;
      }
      &.tab-link {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
      }
      &.tab-link {
        padding-top: 0.7rem;
        padding-bottom: 0.7rem;
      }
      &.tab-link {
        opacity: 0.5;
      }
      &.tab-link {
        &.active {
          background-color: rgba(var(--theme-default),0.1) !important;
        }
        &.active {
          color: rgba(var(--theme-default),1) !important;
        }
        &.active {
          opacity: 1;
        }
      }
      &.show,
        &.active {
        background-color: rgba(var(--theme-default),0.2);
      }
      &.show,
        &.active {
        color: rgba(var(--theme-default),1);
      }
    }
  }
}

.setting-options {
  .grid {
    margin-bottom: 1.5rem;
  }
  .grid:last-child {
    margin-bottom: 0 !important;
  }
  .grid:last-child {
    margin-bottom: 0px;
  }
  .form-switch {
    margin: 0px !important;
  }
  .form-switch {
    margin: 0px;
  }
  .form-switch {
    .form-check-input {
      height: 22px !important;
    }
    .form-check-input {
      width: 44px !important;
    }
  }
  .form-select {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .form-select {
    color: rgba(var(--badge-light-color),0.8);
  }
}

.audio-card {
  border-radius: 0.375rem;
  background-color: rgba(var(--light-background),1);
  padding: 0.875rem;
  .audio-image {
    @media (max-width: 575px) {
       {
         {
           {
            > img {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > img {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > img {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > img {
                width: 90%;
              }
            }
          }
        }
      }
    }
    img {
      height: 168px;
    }
    img {
      width: 100%;
    }
    img {
      border-radius: 0.375rem;
    }
    img {
      -o-object-fit: cover;
         object-fit: cover;
    }
  }
  @media (min-width: 1200px) {
     {
       {
         {
          .audio-content {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .audio-content {
          }
        }
      }
    }
  }
  .audio-content {
    display: flex;
  }
  .audio-content {
    align-items: center;
  }
  .audio-content {
    justify-content: center;
  }
  .audio-content {
    gap: 0.5rem;
  }
  .audio-content {
    padding-top: 0.875rem;
  }
  .audio-content {
    @media (min-width: 1200px) {
       {
         {
           {
            .shrink-0 {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            .shrink-0 {
            }
          }
        }
      }
    }
    .shrink-0 {
      display: flex;
    }
    .shrink-0 {
      align-items: center;
    }
    .shrink-0 {
      justify-content: center;
    }
    .shrink-0 {
      gap: 0.5rem;
    }
    i {
      cursor: pointer;
    }
    i {
      font-size: calc(25px + (30 - 25) * ((100vw - 320px) / (1920 - 320)));
    }
    i {
      &.fa-regular {
        font-size: 1rem;
        line-height: 1.5rem;
      }
      &.fa-regular {
        color: rgba(var(--dark-gray),1);
      }
      &.fa-regular {
        &.active {
          font-weight: 600;
        }
        &.active {
          color: rgba(var(--danger-color),1);
        }
      }
    }
    span {
      color: rgba(var(--badge-light-color),0.6);
    }
  }
}

/* jsgrid css */

.jsgrid-filter-row {
  select,
    input {
    border-style: solid;
  }
  select,
    input {
    border-color: rgba(var(--horizontal-border-color),1);
  }
  select,
    input {
    background-color: rgba(var(--white),1);
  }
  select,
    input {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
  select,
    input {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
  }
  select,
    input {
    &:focus-visible {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
  }
}

.jsgrid-edit-row {
  select,
    input {
    border-width: 1px;
  }
  select,
    input {
    border-style: solid;
  }
  select,
    input {
    border-color: rgba(var(--horizontal-border-color),1);
  }
  select,
    input {
    background-color: rgba(var(--white),1);
  }
  select,
    input {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
  select,
    input {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
  }
  select,
    input {
    &:focus-visible {
      border-style: none;
    }
    &:focus-visible {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
  }
}

.default-toasts {
  .card-body {
    .btn {
      border: none;
    }
  }
}

/* tooltip css start */

.tooltip {
  &.bs-tooltip-top {
    .tooltip-arrow {
      &:before {
        border-top-color: rgba(var(--theme-medium-color),1);
      }
    }
  }
  &.bs-tooltip-bottom {
    .tooltip-arrow {
      &:before {
        border-bottom-color: rgba(var(--theme-medium-color),1);
      }
      &:before {
        border-top-color: transparent;
      }
    }
  }
  &.bs-tooltip-start {
    .tooltip-arrow {
      &:before {
        border-left-color: rgba(var(--theme-medium-color),1);
      }
      &:before {
        border-top-color: transparent;
      }
    }
  }
  &.bs-tooltip-end {
    .tooltip-arrow {
      &:before {
        border-right-color: rgba(var(--theme-medium-color),1);
      }
      &:before {
        border-top-color: transparent;
      }
    }
  }
  .tooltip-inner {
    background-color: rgba(var(--theme-medium-color),1);
  }
  .tooltip-inner {
    color: rgba(var(--primary-color),1);
  }
  .tooltip-arrow {
    &:before {
      border-top-color: rgba(var(--theme-medium-color),1);
    }
  }
}

/* dropdown css start */

.dropdown-basic {
  .dropdown {
    .dropdown-content {
      a {
        border-top-width: 1px;
      }
      a {
        border-style: solid;
      }
      a {
        border-top-color: rgba(var(--light-semi-gray),1);
      }
      a {
        padding-left: 1rem;
        padding-right: 1rem;
      }
      a {
        padding-top: 0.375rem;
        padding-bottom: 0.375rem;
      }
      a {
        font-size: 13px;
      }
      a {
        color: rgba(var(--dark-editor-document),1);
      }
      a {
        opacity: 0.6;
      }
      a:hover {
        background-color: rgba(var(--white),1);
      }
      a {
        background: rgba(var(--white), 1);
      }
      .dropdown-header {
        padding-left: 1rem;
        padding-right: 1rem;
      }
      .dropdown-header {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
      }
      .dropdown-header {
        font-size: 13px;
      }
      .dropdown-header {
        font-weight: 400;
      }
      .dropdown-header {
        color: rgba(var(--dark-color),1);
      }
    }
  }
  .dropup {
    .dropup-content {
      top: auto;
    }
  }
}

.collapse {
  visibility: visible !important;
}

/* accordion css start */

.default-according {
  .card {
    .card-header {
      padding: 0 !important;
    }
    .card-header {
      border-radius: 0px;
    }
    .card-header {
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
    }
    .card-header {
      border-width: 0px;
    }
    .card-header {
      padding: 0px;
    }
    .card-header {
      &.bg-primary,
        &.bg-secondary {
        .btn {
          border-color: rgba(var(--transparent-color),1);
        }
      }
      i {
        margin-right: 5px;
      }
      i {
        display: inline-block;
      }
      i {
        vertical-align: text-bottom;
      }
      i {
        font-size: 1.25rem;
        line-height: 1.75rem;
      }
      i {
        position: initial;
      }
      h5 {
        margin-top: 0 !important;
      }
      h5 {
        margin-top: 0px;
      }
      @media (max-width: 575px) {
         {
           {
             {
              > .btn-link {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > .btn-link {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              > .btn-link {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > .btn-link {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      .btn-link {
        width: 100%;
      }
      .btn-link {
        border-radius: 0px !important;
      }
      .btn-link {
        border-top-left-radius: 5px !important;
        border-top-right-radius: 5px !important;
      }
      .btn-link {
        border-width: 1px;
      }
      .btn-link {
        border-style: solid;
      }
      .btn-link {
        border-color: rgba(var(--light-semi-gray),1);
      }
      .btn-link {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
      }
      .btn-link {
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
      }
      .btn-link {
        text-align: left;
      }
      .btn-link {
        font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
      }
      .btn-link {
        font-weight: var(--font-roboto);
      }
      .btn-link {
        font-weight: 500;
      }
      .btn-link {
        letter-spacing: 0.7px;
      }
    }
    .card-body {
      border-radius: 0px !important;
    }
    .card-body {
      border-bottom-right-radius: 5px !important;
    }
    .card-body {
      border-bottom-left-radius: 5px !important;
    }
    .card-body {
      border-color: rgba(var(--light-semi-gray),1);
    }
    .card-body {
      padding-left: 1.25rem;
      padding-right: 1.25rem;
    }
    .card-body {
      padding-top: 15px;
      padding-bottom: 15px;
    }
    .card-body {
      font-size: 0.875rem;
      line-height: 1.25rem;
    }
    .card-body {
      line-height: 22px;
    }
    .card-body {
      color: rgba(var(--dark-color),1);
    }
  }
}

.projects-wrapper {
  .card,
    .list-box {
    .project-body {
      span {
        margin-bottom: 8px !important;
      }
      span {
        display: block;
      }
      span {
        margin-left: auto;
        margin-right: auto;
      }
      span {
        margin-top: 0px;
        margin-bottom: 0px;
      }
      span {
        display: block;
      }
      span {
        max-width: 100%;
      }
      span {
        overflow: hidden;
      }
      span {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
      }
      span {
        margin-left: 0;
        margin-right: 0;
      }
      span {
        margin-bottom: 0.5rem;
      }
      span {
        height: auto;
      }
      span {
        max-width: 100%;
      }
      span {
        overflow: hidden;
      }
      span {
        text-overflow: ellipsis;
      }
      span {
        color: rgba(var(--badge-light-color),0.8);
      }
      span {
        display: -webkit-box !important;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
      }
    }
  }
}

/* tab-bootstrap css start */

.nav-tabs {
  border-bottom-color: rgba(var(--light-semi-gray),1);
  .nav-bottom {
    .nav-item {
      .nav-link.active {
        border-color: rgba(var(--light-semi-gray),1);
      }
    }
  }
}

.tabs {
  .tab-links {
    &.active {
      .tab-link {
        font-weight: 500;
      }
    }
  }
  .tab-link {
    cursor: pointer;
  }
  .tab-link {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .tab-link {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .tab-link {
    color: rgba(var(--dark-color),1);
  }
  .tab-link {
    &.active {
      font-weight: 500;
    }
  }
  &.nav-bottom {
    .nav-item {
      .nav-link {
        &.active {
          border-color: rgba(var(--light-gray),1) rgba(var(--light-gray),1) rgba(var(--white),1);
        }
      }
    }
  }
}

.dropdown-menu {
  padding: 0 !important;
  z-index: 2;
  border-color: none;
  padding: 0px;
  --tw-shadow: 0 0 20px rgba(var(--semi-dark),0.1);
  --tw-shadow-colored: 0 0 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  -webkit-box-shadow: 0 0 20px rgba(var(--semi-dark), 0.1);
  .dropdown-item {
    display: block;
  }
  .dropdown-item {
    display: block;
  }
  .dropdown-item {
    border-top-width: 1px;
  }
  .dropdown-item {
    border-style: solid;
  }
  .dropdown-item {
    border-top-color: rgba(var(--light-semi-gray),1);
  }
  .dropdown-item {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .dropdown-item {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
  }
  .dropdown-item {
    font-size: 13px;
  }
  .dropdown-item {
    color: rgba(var(--dark-editor-document),1);
  }
  .dropdown-item {
    opacity: 0.6;
  }
  .dropdown-item:hover {
    background-color: rgba(var(--gray-60),1);
  }
  .dropdown-item {
    background: rgba(var(--white), 1);
    &:first-child {
      border: none !important;
    }
  }
  .dropdown-divider {
    margin: 0px !important;
  }
  .dropdown-divider {
    margin: 0px;
  }
  .dropdown-divider {
    border-top-width: 1px;
  }
  .dropdown-divider {
    border-style: solid;
  }
  .dropdown-divider {
    border-top-color: rgba(var(--gray-60),1);
  }
}

/* tab-bootstrap css end */

.border-tab {
  .nav-tabs {
    .nav-item {
      .nav-link {
        &.active {
          border-bottom-width: 2px;
        }
        &.active {
          border-style: solid;
        }
        &.active {
          border-bottom-color: rgba(var(--primary-color),1);
        }
        &.active {
          &.show {
            border-bottom-width: 2px;
          }
          &.show {
            border-style: solid;
          }
          &.show {
            border-bottom-color: rgba(var(--primary-color),1);
          }
          &:focus {
            border-bottom-width: 2px;
          }
          &:focus {
            border-style: solid;
          }
          &:focus {
            border-bottom-color: rgba(var(--primary-color),1);
          }
        }
      }
    }
  }
}

.timeliny {
  .timeliny-dot {
    &::before {
      color: rgba(var(--btn-lg-font-size),1);
    }
  }
}

.component {
  .input-group {
    .btn {
      text-transform: capitalize;
    }
    .btn {
      line-height: 2rem;
    }
  }
}

.login-card {
  .login-main {
    .theme-form {
      label {
        color: rgba(var(--body-font-size),1);
      }
      .show-hide {
        top: 50%;
      }
    }
  }
}

/* faq css start */

.faq-accordion {
  .card {
    .btn-link {
      svg {
        margin-left: 1.25rem;
      }
    }
  }
}

.form-control,
  .form-select {
  &:focus {
    border-color: rgba(var(--theme-default),1);
  }
  &:focus {
    --tw-shadow-color: unset;
    --tw-shadow: var(--tw-shadow-colored);
  }
  &:focus-visible {
    outline: unset !important;
    outline-offset: unset !important;
  }
}

/* faq css end */

.job-filter {
  .faq-form {
    .form-control {
      padding-top: 0.375rem;
      padding-bottom: 0.375rem;
    }
    .form-control {
      padding-left: 0.375rem;
    }
    .form-control {
      padding-right: 30px;
    }
    .form-control {
      font-size: 0.875rem;
      line-height: 1.25rem;
    }
    .search-icon {
      height: 1rem;
    }
    .search-icon {
      width: 1rem;
    }
  }
}

/* Data-tables */

.dt-button-collection {
  width: auto;
  @media (max-width: 575px) {
     {
       {
         {
          > .btn-group {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > .btn-group {
              width: 90%;
            }
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          > .btn-group {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > .btn-group {
              width: 90%;
            }
          }
        }
      }
    }
  }
  .btn-group {
    width: 100%;
  }
  .btn-group {
    &:hover {
      background-color: rgba(var(--white),1);
    }
  }
}

.carousel {
  .carousel-indicators {
    margin-bottom: 3px;
  }
}

.carousel-item {
  @media (max-width: 575px) {
     {
       {
         {
          > .carousel-caption {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > .carousel-caption {
              width: 90%;
            }
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          > .carousel-caption {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > .carousel-caption {
              width: 90%;
            }
          }
        }
      }
    }
  }
  .carousel-caption {
    left: 0px;
    right: 0px;
  }
  .carousel-caption {
    bottom: 0px;
  }
  .carousel-caption {
    width: 100%;
  }
  .carousel-caption {
    background-color: rgba(var(--dark-card-background),0.51);
  }
  .carousel-caption {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
  .carousel-caption {
    padding-top: 26px;
    padding-bottom: 26px;
  }
  h5,
    p {
    color: rgba(var(--white),1);
  }
  .carousel-opacity {
    background-color: rgba(var(--light-color),0.51);
  }
}

.carousel-dark {
  .carousel-caption {
    h5,
      p {
      color: rgba(var(--black),1);
    }
  }
}

.carousel {
  .carousel-control-prev-icon,
    .carousel-control-next-icon {
    height: calc(23px + (32 - 23) * ((100vw - 320px) / (1920 - 320)));
  }
  .carousel-control-prev-icon,
    .carousel-control-next-icon {
    width: calc(23px + (32 - 23) * ((100vw - 320px) / (1920 - 320)));
  }
}

.swiper {
  &.swiper-h,
    &.vertical-swiper {
    height: calc(170px + (500 - 170) * ((100vw - 320px) / (1920 - 320)));
  }
}

.swiper-button-next,
  .swiper-button-prev {
  &::after {
    font-size: calc(23px + (32 - 23) * ((100vw - 320px) / (1920 - 320)));
  }
}

.swiper-pagination {
  .swiper-pagination-bullet-active {
    background-color: rgba(var(--theme-default),1);
  }
}

.nested-horizontal-swiper {
  height: 500px;
  .nested-vertical-swiper {
    height: 100%;
  }
}

.autoplay-swiper {
  .swiper-button-prev,
    .swiper-button-next {
    color: rgba(var(--white),1);
  }
}

.swiper-pagination-vertical {
  &.swiper-pagination-bullets {
    .swiper-pagination-bullet {
      display: block !important;
    }
    .swiper-pagination-bullet {
      margin-top: 6px;
      margin-bottom: 6px;
    }
    .swiper-pagination-bullet {
      margin-left: 0;
      margin-right: 0;
    }
    .swiper-pagination-bullet {
      display: block !important;
    }
  }
}

.swiper-vertical {
  > .swiper-pagination-bullets {
    .swiper-pagination-bullet {
      display: block !important;
    }
    .swiper-pagination-bullet {
      margin-top: 6px;
      margin-bottom: 6px;
    }
    .swiper-pagination-bullet {
      margin-left: 0;
      margin-right: 0;
    }
    .swiper-pagination-bullet {
      display: block !important;
    }
  }
}

.thumb-swiper-wrapper {
  @media (max-width: 575px) {
     {
       {
         {
          > .swiper {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > .swiper {
              width: 90%;
            }
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          > .swiper {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > .swiper {
              width: 90%;
            }
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          > .swiper {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > .swiper {
              width: 90%;
            }
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          > .swiper {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > .swiper {
              width: 90%;
            }
          }
        }
      }
    }
  }
  .swiper {
    margin-left: auto;
    margin-right: auto;
  }
  .swiper {
    height: 100%;
  }
  .swiper {
    height: 300px;
  }
  .swiper {
    width: 100%;
  }
  .swiper {
    width: 100%;
  }
  .swiper-slide {
    text-align: center;
  }
  @media (min-width: 1200px) {
     {
       {
         {
          .swiper-slide {
          }
        }
      }
    }
  }
  @media (max-width: 767px) {
     {
      .swiper-slide {
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .swiper-slide {
          }
        }
      }
    }
  }
  .swiper-slide {
    display: flex;
  }
  .swiper-slide {
    align-items: center;
  }
  .swiper-slide {
    justify-content: center;
  }
  .swiper-slide {
    background-color: rgba(var(--white),1);
  }
  .swiper-slide {
    background-size: cover;
  }
  .swiper-slide {
    background-position: center;
  }
  .swiper-slide {
    text-align: center;
  }
  .swiper-slide {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  .swiper-slide {
    img {
      display: block;
    }
    img {
      display: block;
    }
    @media (max-width: 575px) {
       {
         {
           {
            > img {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > img {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > img {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > img {
                width: 90%;
              }
            }
          }
        }
      }
    }
    img {
      display: block;
    }
    img {
      display: block;
    }
    img {
      width: 100%;
      height: 100%;
    }
    img {
      height: 100%;
    }
    img {
      width: 100%;
    }
    img {
      -o-object-fit: cover;
         object-fit: cover;
    }
    img {
      -o-object-fit: cover;
         object-fit: cover;
    }
  }
  body {
    background-color: rgba(var(--dark-color),1);
  }
  body {
    color: rgba(var(--dark-color),1);
  }
  @media (max-width: 575px) {
     {
       {
         {
          > .mySwiper2 {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > .mySwiper2 {
              width: 90%;
            }
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          > .mySwiper2 {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > .mySwiper2 {
              width: 90%;
            }
          }
        }
      }
    }
  }
  .mySwiper2 {
    height: 80%;
  }
  .mySwiper2 {
    width: 100%;
  }
  .mySwiper {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .mySwiper {
    box-sizing: border-box;
  }
  .mySwiper {
    height: 20%;
  }
  .mySwiper {
    padding-left: 0px;
    padding-right: 0px;
  }
  .mySwiper {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }
  .mySwiper {
    .swiper-slide {
      opacity: 0.4;
    }
    .swiper-slide {
      height: 100%;
    }
    .swiper-slide {
      width: 25%;
    }
    .swiper-slide-thumb-active {
      opacity: 1;
    }
  }
}

.coverflow-slider {
  @media (max-width: 575px) {
     {
       {
         {
          > &.swiper {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > &.swiper {
              width: 90%;
            }
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          > &.swiper {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > &.swiper {
              width: 90%;
            }
          }
        }
      }
    }
  }
  &.swiper {
    width: 100%;
  }
  &.swiper {
    .swiper-slide {
      width: 300px;
    }
    .swiper-slide {
      background-size: cover;
    }
    .swiper-slide {
      background-position: center;
    }
    .swiper-slide img {
      display: block;
    }
    @media (max-width: 575px) {
       {
         {
           {
            > .swiper-slide img {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > .swiper-slide img {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > .swiper-slide img {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > .swiper-slide img {
                width: 90%;
              }
            }
          }
        }
      }
    }
    .swiper-slide img {
      display: block;
    }
    .swiper-slide img {
      width: 100%;
    }
  }
}

.animated-toast {
  z-index: 11;
}

.animate-img {
  .animate-widget {
    @media (max-width: 575px) {
       {
         {
           {
            > img {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > img {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > img {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > img {
                width: 90%;
              }
            }
          }
        }
      }
    }
    img {
      margin-left: auto;
      margin-right: auto;
    }
    img {
      margin-top: 0px;
      margin-bottom: 0px;
    }
    img {
      height: calc(190px + (350 - 190) * ((100vw - 320px) / (1920 - 320)));
    }
    img {
      width: 100%;
    }
    img {
      border-radius: 15px 15px 0 0;
    }
    img {
      -o-object-fit: cover;
         object-fit: cover;
    }
  }
}

.animated-modal-wrapper {
  .common-align {
    flex-direction: column;
  }
  .common-align {
    gap: 26px;
  }
  .animated-modal {
    margin-bottom: 0 !important;
  }
  .animated-modal {
    margin-bottom: 0px;
  }
  .animated-modal {
    align-items: stretch;
  }
  .animated-modal {
    justify-content: center;
  }
  .animated-modal {
    gap: 15px;
  }
  .animated-modal {
    flex-flow: column;
  }
  .animated-modal-md-mb {
    align-items: center;
  }
  .animated-modal-md-mb {
    justify-content: center;
  }
}

.modal-popup {
  &.modal {
    left: 50%;
  }
  &.modal {
    top: 20%;
  }
  &.modal {
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  &.modal {
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  &.modal {
    .modal-dialog {
      pointer-events: all;
      .theme-close {
        height: calc(25px + (40 - 25) * ((100vw - 320px) / (1920 - 320)));
      }
      .theme-close {
        width: calc(25px + (40 - 25) * ((100vw - 320px) / (1920 - 320)));
      }
      .theme-close {
        cursor: pointer;
      }
      .theme-close {
        font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320)));
      }
      .theme-close:hover {
        opacity: 1;
      }
      .theme-close {
        position: absolute;
      }
      .theme-close {
        right: 0px;
      }
      .theme-close {
        z-index: 1;
      }
      .theme-close {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
      }
      .theme-close {
        opacity: 1;
      }
    }
  }
}

.animate-widget {
  img {
    border-radius: 10px 10px 0 0;
  }
}

.animated-modal-page {
  .modal {
    display: none;
  }
  .modal {
    opacity: 0;
  }
  .modal.show {
    display: block;
  }
  .modal.show {
    display: block;
  }
  .modal.show {
    opacity: 1;
  }
  .animated-modal {
    animation-duration: 0.8s;
  }
  .modal-popup.modal {
    left: 0px !important;
  }
  .modal-popup.modal {
    top: 0px !important;
  }
  .modal-popup.modal {
    background-color: rgba(var(--transparent),1);
  }
  .modal-popup.modal {
    transform: unset;
    @media (min-width: 1200px) {
       {
         {
           {
            .modal-dialog {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            .modal-dialog {
            }
          }
        }
      }
    }
    .modal-dialog {
      margin-left: auto;
      margin-right: auto;
    }
    .modal-dialog {
      margin-top: 0px;
      margin-bottom: 0px;
    }
    .modal-dialog {
      display: flex;
    }
    .modal-dialog {
      height: 100%;
    }
    .modal-dialog {
      align-items: center;
    }
    .modal-dialog {
      justify-content: center;
    }
  }
  .animate__animated {
    animation-duration: 0.8s;
  }
}

.modal-backdrop {
  &.show {
    position: fixed;
  }
  &.show {
    left: 0px;
  }
  &.show {
    top: 0px;
  }
  &.show {
    z-index: 1050;
  }
  &.show {
    height: 100vh;
  }
  &.show {
    width: 100vw;
  }
  &.show {
    background-color: rgba(var(--black),0.5);
  }
}

.add-post {
  form {
    .form-control {
      &:focus {
        border-width: 1px;
      }
      &:focus {
        border-style: solid;
      }
      &:focus {
        border-color: rgba(var(--recent-dashed-border),1);
      }
      &:focus {
        --tw-shadow-color: unset;
        --tw-shadow: var(--tw-shadow-colored);
      }
    }
    .m-checkbox-inline {
      label {
        cursor: pointer;
      }
    }
    .col-form-label {
      display: block;
    }
    .col-form-label {
      display: block;
    }
  }
}

.starter-main {
  .alert-primary {
    &.inverse {
      border-color: rgba(var(--primary-color),1);
    }
    &.inverse {
      padding-top: 13px;
      padding-bottom: 13px;
    }
    &.inverse {
      padding-left: 65px;
    }
    &.inverse {
      padding-right: 1.25rem;
    }
    &.inverse {
      color: rgba(var(--dark-color),1);
    }
    &.inverse::before {
      content: var(--tw-content);
      position: absolute;
    }
    &.inverse::before {
      content: var(--tw-content);
      left: 55px;
    }
    &.inverse::before {
      content: var(--tw-content);
      top: 50%;
    }
    &.inverse::before {
      content: var(--tw-content);
      --tw-translate-y: -50%;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    &.inverse::before {
      content: var(--tw-content);
      border-top-width: 7px;
      border-bottom-width: 7px;
    }
    &.inverse::before {
      content: var(--tw-content);
      border-left-width: 7px;
    }
    &.inverse::before {
      content: var(--tw-content);
      border-style: solid;
    }
    &.inverse::before {
      content: var(--tw-content);
      border-top-color: transparent;
      border-bottom-color: transparent;
    }
    &.inverse::before {
      content: var(--tw-content);
      border-left-color: rgba(var(--primary-color),1);
    }
    &.inverse::before {
      --tw-content: "";
      content: var(--tw-content);
    }
    &.inverse {
      &:before {
        height: 0px;
      }
      &:before {
        width: 0px;
      }
      @media (min-width: 1200px) {
         {
           {
             {
              i {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              i {
              }
            }
          }
        }
      }
      i {
        position: absolute;
      }
      i {
        left: 0px;
      }
      i {
        top: 0px;
      }
      i {
        display: flex;
      }
      i {
        height: 100%;
      }
      i {
        align-items: center;
      }
      i {
        border-radius: 0px 0 0 3px;
      }
      i {
        background-color: rgba(var(--primary-color),1);
      }
      i {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
      }
      i {
        padding-top: 17px;
        padding-bottom: 17px;
      }
      i {
        color: rgba(var(--white),1);
      }
    }
  }
}

.helper-cards {
  .btn-group {
    .dropdown-menu {
      &.show {
        left: unset;
      }
      &.show {
        right: unset;
      }
    }
  }
}

.helper-classes {
  margin-bottom: 0 !important;
  margin-bottom: 0px;
  white-space: pre-line;
  padding: 30px;
}

.starter-kit-fix {
  .page-body {
    margin-bottom: 52px;
  }
}

.starter-main {
  .card-body {
    p {
      font-size: 0.875rem;
      line-height: 1.25rem;
    }
    ul {
      margin-bottom: 15px;
    }
    ul {
      list-style-type: disc;
    }
    ul {
      padding-left: 30px;
    }
    h5 {
      font-size: 1.125rem;
      line-height: 1.75rem;
    }
    pre {
      white-space: pre-line;
    }
    pre {
      padding: 30px;
    }
  }
  .alert {
    background-color: rgba(68,102,242,0.2) !important;
  }
  .alert {
    @media (min-width: 1200px) {
       {
         {
           {
            i {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            i {
            }
          }
        }
      }
    }
    i {
      display: flex;
    }
    i {
      align-items: center;
    }
  }
}

.card-block {
  .overflow-x-auto {
    .table caption {
      padding-left: 0.625rem;
    }
    .table-bordered {
      td.table {
        white-space: pre-wrap !important;
      }
      td {
        vertical-align: middle;
      }
    }
  }
  .table-border-radius {
    border-bottom-left-radius: 0.25rem;
  }
  .table-border-radius {
    border-bottom-right-radius: 0.25rem;
  }
  .default-checkbox-align {
    #checkbox1 {
      margin-right: 0.625rem;
    }
    #radio {
      margin-right: 5px;
    }
  }
}

.datatable-advance-wrapper,
  .datatable-api-wrapper,
  .data-source-wrapper,
  .autofill-data-tables {
  .dt-container {
    table {
      tbody {
        tr {
          td {
            color: rgba(var(--dark-all-font-color),1);
          }
        }
      }
    }
  }
}

.datatable-init {
  div.dt-container {
    .dt-layout-row {
      .dt-layout-cell {
        .dt-search {
          right: 8px;
        }
      }
    }
  }
}

#example-style-3_wrapper {
  #example-style-3 {
    tfoot {
      border-top-width: 2px;
    }
    tfoot {
      border-style: solid;
    }
    tfoot {
      border-top-color: rgba(var(--light-semi-gray),1);
    }
  }
}

@media (min-width: 1200px) {
   {
     {
       {
        .chart-vertical-center {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .chart-vertical-center {
        }
      }
    }
  }
}

.chart-vertical-center {
  display: flex;
  justify-content: center;
  #myDoughnutGraph,
    #myPolarGraph {
    width: auto;
  }
}

#editor {
  .ace_scroller {
    .ace_content {
      .ace_layer {
        .ace_print-margin {
          visibility: hidden;
        }
      }
    }
  }
}

.ace-monokai {
  .ace_print-margin {
    background-color: transparent !important;
  }
}

.animated-dropfile {
  #top {
    margin-top: 48px !important;
  }
  #top {
    margin-top: 1.25rem;
  }
  .btn-container {
    margin-left: 0px;
    margin-right: 0px;
  }
  .btn-container {
    margin-top: 34px;
  }
  .btn-container {
    margin-bottom: 60px;
  }
  .btn-container {
    border-radius: 5px;
  }
  .btn-container {
    line-height: 0;
  }
  .btn-container {
    background: rgba(var(--white-bg), 1);
  }
  .imgupload {
    font-size: 50px;
  }
  .imgupload {
    color: rgba(var(--chart-text-color),1);
  }
  #namefile {
    color: rgba(var(--chart-text-color),1);
  }
  h4 > strong {
    color: rgba(var(--danger-color),1);
  }
  .imgupload.ok {
    display: none;
  }
  .imgupload.ok {
    color: rgba(var(--success-color),1);
  }
  .imgupload.stop {
    display: none;
  }
  .imgupload.stop {
    color: rgba(var(--danger-color),1);
  }
  #fileup {
    position: absolute;
  }
  #fileup {
    left: 50%;
  }
  #fileup {
    bottom: 34px;
  }
  #fileup {
    height: 35px;
  }
  #fileup {
    width: 200px;
  }
  #fileup {
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  #fileup {
    cursor: pointer;
  }
  #fileup {
    opacity: 0;
  }
  #fileup {
    -moz-opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  }
  #submitbtn {
    display: none;
  }
  #submitbtn {
    padding-left: 50px;
    padding-right: 50px;
  }
  #submitbtn {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  #fakebtn {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  #fakebtn {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  #sign {
    position: fixed;
  }
  #sign {
    right: 0.625rem;
  }
  #sign {
    bottom: 0.625rem;
  }
  #sign {
    --tw-text-opacity: 1;
    color: rgb(30 40 50 / var(--tw-text-opacity, 1));
  }
  #sign {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  #sign {
    transition-duration: 0.3s;
  }
  #sign:hover {
    --tw-text-opacity: 1;
    color: rgb(30 40 50 / var(--tw-text-opacity, 1));
  }
  #sign {
    text-shadow: 0px 0px 0px #1e2832;
  }
  #sign:hover {
    text-shadow: 0px 0px 5px #1e2832;
  }
}

.element-draggable {
  margin-top: 0.875rem;
  --tw-bg-opacity: 1;
  background-color: rgb(241 237 243 / var(--tw-bg-opacity, 1));
  padding: 1rem;
  --tw-text-opacity: 1;
  color: rgb(41 38 43 / var(--tw-text-opacity, 1));
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
  transition-timing-function: ease;
}

.element-draggable:first-child {
  margin-top: 0 !important;
  margin-top: 0px;
}

.\!dragging {
  opacity: 0.5;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 1s;
  transition-timing-function: ease;
}

.dragging {
  opacity: 0.5;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 1s;
  transition-timing-function: ease;
}

.starter-main {
  .card {
    .card-body {
      p {
        &:last-child {
          margin-bottom: 0px !important;
        }
      }
    }
  }
}

.reload-icon {
  position: absolute;
  right: 1.25rem;
  top: 1.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
}

.button-light-light {
  background-color: rgba(var(--light-color),0.5);
}

@media (max-width: 575px) {
   {
     {
       {
        > .tailwind-select {
          width: 90%;
        }
      }
    }
     {
       {
         {
          > .tailwind-select {
            width: 90%;
          }
        }
      }
    }
     {
       {
        > .tailwind-select {
          width: 90%;
        }
      }
    }
     {
       {
         {
          > .tailwind-select {
            width: 90%;
          }
        }
      }
    }
  }
}

.tailwind-select {
  width: 100%;
  @media (max-width: 575px) {
     {
       {
         {
          > .dropdown-toggle {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > .dropdown-toggle {
              width: 90%;
            }
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          > .dropdown-toggle {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > .dropdown-toggle {
              width: 90%;
            }
          }
        }
      }
    }
  }
  .dropdown-toggle {
    width: 100%;
  }
  .dropdown-toggle {
    border-radius: 0.375rem;
  }
  .dropdown-toggle {
    border-color: rgba(var(--gray-60),1) !important;
  }
  .dropdown-toggle {
    background-color: rgba(var(--white),1);
  }
  .dropdown-toggle {
    color: rgba(var(--dark-gray),1);
  }
  .dropdown-toggle::after {
    content: var(--tw-content);
    font-size: 15px;
  }
  .dropdown-toggle {
    &:focus {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
  }
}

.main-tasks{
  .datepickers-container{
    .datepicker{
      left: 0 !important;
    }
  }
}

.todo-wrap {
  &.email-wrap {
    .email-app-sidebar {
      .main-menu {
        > li {
          a {
            .badge {
              color: rgba(var(--white),1);
            }
          }
          + li {
            padding-top: 18px;
          }
        }
        li {
          span {
            &[class*="bg-light-"] {
              display: grid;
            }
            &[class*="bg-light-"] > div {
              position: relative;
            }
            @media (max-width: 575px) {
               {
                 {
                   {
                    &[class*="bg-light-"] {
                    }
                  }
                }
              }
            }
            @media (max-width: 575px) {
               {
                 {
                   {
                    &[class*="bg-light-"] {
                    }
                  }
                }
              }
            }
            &[class*="bg-light-"] {
              display: grid;
            }
            &[class*="bg-light-"] {
              min-height: 35px;
            }
            &[class*="bg-light-"] {
              min-width: 35px;
            }
            &[class*="bg-light-"] {
              place-items: center;
            }
            &[class*="bg-light-"] {
              border-radius: 50%;
            }
          }
        }
      }
    }
    .todo-tasks {
      .card-body {
        @media (min-width: 1200px) {
           {
             {
               {
                .task-date {
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                .task-date {
                }
              }
            }
          }
        }
        .task-date {
          margin-left: auto;
        }
        .task-date {
          display: flex;
        }
        .task-date {
          align-items: center;
        }
        .task-date {
          justify-content: center;
        }
      }
      input,
        button {
        border-radius: 0.25rem;
      }
      input,
        button {
        border-color: none;
      }
      input,
        button {
        padding: 0.5rem;
      }
      input,
        button {
        outline: 2px solid transparent;
        outline-offset: 2px;
      }
      input {
        border-width: 1px;
      }
      input {
        border-style: solid;
      }
      input {
        border-color: rgba(var(--theme-default),1);
      }
      input {
        &.form-check-input {
          margin: 0px !important;
        }
        &.form-check-input {
          margin: 0px;
        }
      }
      button {
        cursor: pointer;
      }
      button {
        background-color: rgba(var(--theme-default),1);
      }
      button {
        color: rgba(var(--white),1);
      }
      button {
        i {
          color: rgba(var(--white),1);
        }
      }
      li {
        padding: 1rem !important;
      }
      @media (min-width: 1200px) {
         {
           {
             {
              li {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              li {
              }
            }
          }
        }
      }
      li {
        margin-bottom: 0.625rem;
      }
      li {
        display: flex;
      }
      li {
        align-items: center;
      }
      li {
        border-radius: 0.25rem;
      }
      li {
        background-color: rgba(var(--gray-60),0.2);
      }
      li {
        padding: 0.75rem;
      }
      li:last-child {
        margin-bottom: 0 !important;
      }
      li:last-child {
        margin-bottom: 0px;
      }
      li {
        &.form-check-input {
          margin: 0px !important;
        }
        &.form-check-input {
          margin: 0px;
        }
        span {
          display: block;
        }
        span {
          margin-left: auto;
          margin-right: auto;
        }
        span {
          margin-top: 0px;
          margin-bottom: 0px;
        }
        span {
          display: block;
        }
        span {
          max-width: 100%;
        }
        span {
          overflow: hidden;
        }
        span {
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
        }
        span {
          margin-left: 0;
          margin-right: 0;
        }
        span {
          height: auto;
        }
        span {
          max-width: 100%;
        }
        span {
          overflow: hidden;
        }
        span {
          text-overflow: ellipsis;
        }
        span {
          padding-left: 12px;
          padding-right: 12px;
        }
        span {
          display: -webkit-box !important;
          -webkit-line-clamp: 3;
          -webkit-box-orient: vertical;
        }
      }
      .completed {
        -webkit-text-decoration: 2px line-through rgba(var(--danger-color), 1);
                text-decoration: 2px line-through rgba(var(--danger-color), 1);
      }
      .delete-button {
        padding: 0 !important;
      }
      .delete-button {
        margin-left: auto;
      }
      .delete-button {
        min-height: 30px;
      }
      .delete-button {
        min-width: 30px;
      }
      .delete-button {
        padding: 0px;
      }
    }
  }
}

.tilt-showcase {
  .sub-title {
    border-bottom-width: 0px !important;
  }
  pre {
    padding: 1rem !important;
  }
  pre {
    margin-top: 7px;
  }
  pre {
    padding: 0.75rem;
  }
}

.support-ticket-font {
  ul {
    font-size: 13px;
  }
}

.ecommerce-widget {
  border-radius: 5px;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(241 243 255 / var(--tw-border-opacity, 1));
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  .total-num {
    margin: 0px !important;
  }
  .total-num {
    margin: 0px;
  }
  .total-num {
    letter-spacing: 1px;
  }
  .total-num {
    color: rgba(var(--theme-body-font-color),1);
  }
  .total-num {
    span {
      color: rgba(var(--black),1);
    }
  }
  .grid {
    align-items: center;
  }
  .progress-showcase {
    margin-top: 48px !important;
  }
  .progress-showcase {
    margin-top: 1.25rem !important;
  }
  span {
    margin: 0px !important;
  }
  span {
    margin: 0px;
  }
  span {
    cursor: pointer;
  }
  span {
    color: rgba(var(--theme-body-sub-title-color),1);
  }
  .icon {
    font-size: 40px;
  }
  .icon {
    color: rgba(var(--light-semi-gray),1);
  }
  .flot-chart-container {
    margin: 0px !important;
  }
  .flot-chart-container {
    padding: 0 !important;
  }
  .flot-chart-container {
    margin: 0px;
  }
  .flot-chart-container {
    height: 100px;
  }
  .flot-chart-container {
    border-color: transparent;
  }
  .flot-chart-container {
    padding: 0px;
  }
  .morris-default-style {
    display: none;
  }
  svg {
    filter: drop-shadow(12px 12px 7px rgba(var(--black), 0.3));
  }
}

.typeahead-wrapper {
  .tt-menu {
    z-index: 6;
  }
}

.api-management {
  .recent-table {
    div {
      &.dt-container {
        .dt-layout-row {
          .dt-search {
            right: 145px;
          }
          .dt-search {
            top: 1.25rem;
          }
          .dt-search {
            .dt-input {
              width: auto;
            }
            .dt-input {
              border-radius: 0.375rem;
            }
            .dt-input {
              padding: 6px;
            }
          }
          .dt-length {
            top: 23px;
          }
        }
      }
    }
    table {
      thead,
        tbody {
        tr {
          th,
            td {
            min-width: auto;
          }
          th,
            td {
            color: rgba(var(--body-font-color),1);
          }
          th,
            td {
            &:first-child {
              padding-left: 1.25rem;
            }
            &:last-child {
              padding-right: 1.25rem;
            }
            .badge {
              padding-left: 0.75rem;
              padding-right: 0.75rem;
            }
            .badge {
              padding-top: 0.375rem;
              padding-bottom: 0.375rem;
            }
            .badge {
              font-size: 0.75rem;
              line-height: 1rem;
            }
            .common-f-start {
              gap: 0.75rem;
            }
            .common-f-start {
              @media (min-width: 1200px) {
                 {
                   {
                     {
                      .square-l-white {
                      }
                    }
                  }
                }
              }
              @media (max-width: 575px) {
                 {
                   {
                     {
                      .square-l-white {
                      }
                    }
                  }
                }
              }
              .square-l-white {
                display: flex;
              }
              .square-l-white {
                height: calc(30px + (34 - 30) * ((100vw - 320px) / (1920 - 320)));
              }
              .square-l-white {
                width: calc(30px + (34 - 30) * ((100vw - 320px) / (1920 - 320)));
              }
              .square-l-white {
                align-items: center;
              }
              .square-l-white {
                justify-content: center;
              }
              .square-l-white {
                border-radius: 2px;
              }
              .square-l-white {
                background-color: rgba(var(--light-color),1);
              }
              .square-l-white {
                i {
                  cursor: pointer;
                }
                i {
                  font-size: calc( 14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)) );
                }
                i {
                  color: rgba(var(--badge-light-color),0.5);
                }
              }
            }
            @media (min-width: 1200px) {
               {
                 {
                   {
                    .square-white {
                    }
                  }
                }
              }
            }
            @media (max-width: 575px) {
               {
                 {
                   {
                    .square-white {
                    }
                  }
                }
              }
            }
            .square-white {
              display: flex;
            }
            .square-white {
              height: 34px;
            }
            .square-white {
              width: 34px;
            }
            .square-white {
              align-items: center;
            }
            .square-white {
              justify-content: center;
            }
            .square-white {
              border-radius: 0.125rem;
            }
            .square-white {
              background-color: rgba(var(--white),1);
            }
            .square-white {
              --tw-shadow: 0px 0px 28px 6px rgba(235,235,235,0.4);
              --tw-shadow-colored: 0px 0px 28px 6px var(--tw-shadow-color);
              box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            }
            .square-white {
              svg {
                height: 16px;
              }
              svg {
                width: 16px;
              }
              svg {
                fill: rgba(var(--badge-light-color),0.8);
              }
            }
            &:nth-child(3) {
              min-width: 330px;
            }
          }
        }
      }
    }
  }
}

.sitemap-wrapper {
  .default-sitemap {
    .sub-title {
      margin-bottom: 18px;
    }
    .sub-title {
      border-bottom-width: thick;
    }
    .sub-title {
      border-style: solid;
    }
    .sub-title {
      border-bottom-color: rgba(var(--chart-progress-light),1);
    }
    .sub-title {
      padding-bottom: 6px !important;
    }
    .sub-title {
      color: rgba(var(--dark-color),1);
    }
    .common-flex {
      flex-direction: column;
    }
    .common-flex {
      a {
        color: rgba(var(--badge-light-color),0.6);
      }
    }
  }
  .horizontal-sitemap {
    text-align: center;
  }
  @media (max-width: 767px) {
     {
      .horizontal-sitemap {
      }
    }
  }
  .horizontal-sitemap {
    text-align: center;
  }
  .horizontal-sitemap {
    .main-site {
      li {
        > a {
          text-align: center;
        }
        @media (max-width: 767px) {
           {
            > a {
            }
          }
        }
        > a {
          display: inline-block;
        }
        > a {
          width: 10rem;
        }
        > a {
          border-radius: 0.25rem;
        }
        > a {
          background-color: rgba(var(--gray-60),0.29);
        }
        > a {
          padding-left: 1.25rem;
          padding-right: 1.25rem;
        }
        > a {
          padding-top: 0.625rem;
          padding-bottom: 0.625rem;
        }
        > a {
          text-align: center;
        }
        > a {
          color: rgba(var(--theme-body-font-color),1);
        }
        .main-root {
          position: relative;
        }
        .main-root {
          background-color: rgba(var(--gray-60),1);
        }
        .main-root::after {
          content: var(--tw-content);
          position: absolute;
        }
        .main-root::after {
          content: var(--tw-content);
          left: 50%;
        }
        .main-root::after {
          content: var(--tw-content);
          bottom: -1.75rem;
        }
        .main-root::after {
          content: var(--tw-content);
          height: 1.75rem;
        }
        .main-root::after {
          content: var(--tw-content);
          --tw-translate-x: -50%;
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        }
        .main-root::after {
          content: var(--tw-content);
          border-width: 1px;
        }
        .main-root::after {
          content: var(--tw-content);
          border-style: solid;
        }
        .main-root::after {
          content: var(--tw-content);
          border-color: rgba(var(--dark-color),1);
        }
        .main-root::after {
          --tw-content: "";
          content: var(--tw-content);
        }
      }
    }
    @media (min-width: 1200px) {
       {
         {
           {
            .tier-1 {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            .tier-1 {
            }
          }
        }
      }
    }
    .tier-1 {
      position: relative;
    }
    .tier-1 {
      margin: auto;
    }
    .tier-1 {
      margin-top: 1.75rem;
    }
    .tier-1 {
      display: flex;
    }
    .tier-1 {
      width: 88%;
    }
    .tier-1 {
      align-content: flex-start;
    }
    .tier-1 {
      justify-content: space-between;
    }
    .tier-1 {
      border-top-width: 8px;
    }
    .tier-1 {
      border-style: solid;
    }
    .tier-1 {
      border-top-color: rgba(var(--dark-color),1);
    }
    .tier-1 {
      padding-top: 22px;
    }
    .tier-1 {
      li {
        position: relative;
      }
      li {
        text-align: left;
      }
      li {
        > a:not(.tier-2 li a) {
          &:first-child {
            position: relative;
          }
          &:first-child {
            background-color: rgba(var(--gray-60),0.6);
          }
          &:first-child {
            &::before {
              position: absolute;
            }
            &::before {
              left: 50%;
            }
            &::before {
              top: -1.5rem;
            }
            &::before {
              --tw-translate-x: -50%;
              transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            }
            &::before {
              font-size: 22px;
            }
            &::before {
              font-weight: 900;
            }
            &::before {
              color: rgba(var(--dark-color),1);
            }
            &::before {
              --tw-content: "\f175";
              content: var(--tw-content);
            }
            &::before {
              font-family: "Font Awesome 6 Free";
            }
          }
        }
      }
      @media (min-width: 1200px) {
         {
           {
             {
              .tier-2 {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              .tier-2 {
              }
            }
          }
        }
      }
      .tier-2 {
        display: flex;
      }
      .tier-2 {
        flex-direction: column;
      }
      .tier-2 {
        gap: 2rem;
      }
      .tier-2 {
        border-left-width: 2px;
      }
      .tier-2 {
        border-style: solid;
      }
      .tier-2 {
        border-left-color: rgba(var(--dark-color),1);
      }
      .tier-2 {
        padding-top: 2.5rem;
      }
      .tier-2 {
        li {
          position: relative;
        }
        li {
          > a {
            position: relative;
          }
          > a::before {
            content: var(--tw-content);
            position: absolute;
          }
          > a::before {
            content: var(--tw-content);
            left: -22px;
          }
          > a::before {
            content: var(--tw-content);
            top: 50%;
          }
          > a::before {
            content: var(--tw-content);
            --tw-translate-y: -50%;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          }
          > a::before {
            content: var(--tw-content);
            font-size: 22px;
          }
          > a::before {
            content: var(--tw-content);
            font-weight: 900;
          }
          > a::before {
            content: var(--tw-content);
            color: rgba(var(--dark-color),1);
          }
          > a::before {
            --tw-content: "\f178";
            content: var(--tw-content);
          }
          > a {
            &::before {
              font-family: "Font Awesome 6 Free";
            }
          }
        }
        @media (min-width: 1200px) {
           {
             {
               {
                .tier-3 {
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                .tier-3 {
                }
              }
            }
          }
        }
        .tier-3 {
          display: flex;
        }
        .tier-3 {
          flex-direction: column;
        }
        .tier-3 {
          gap: 2rem;
        }
        .tier-3 {
          border-left-width: 2px;
        }
        .tier-3 {
          border-style: solid;
        }
        .tier-3 {
          border-left-color: rgba(var(--dark-color),1);
        }
        .tier-3 {
          padding-top: 2.5rem;
        }
      }
    }
  }
}

.subscribed-user {
  .card-header {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .card-header {
    padding-top: 27px;
    padding-bottom: 27px;
  }
  .subscribed-user-wrapper {
    .dt-container {
      .dt-layout-row {
        @media (min-width: 1200px) {
           {
             {
               {
                &:first-child {
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                &:first-child {
                }
              }
            }
          }
        }
        &:first-child {
          position: absolute;
        }
        &:first-child {
          top: -55px;
        }
        &:first-child {
          right: 2rem;
        }
        &:first-child {
          display: flex;
        }
        &:first-child {
          flex-direction: row-reverse;
        }
        &:first-child {
          align-items: center;
        }
        &:first-child {
          justify-content: flex-start;
        }
        &:first-child {
          gap: 1.25rem;
        }
        .dt-buttons {
          margin-bottom: 0 !important;
        }
        .dt-buttons {
          margin-bottom: 0px;
        }
      }
    }
    .recent-table {
      table {
        thead,
          tbody {
          tr {
            th,
              td {
              min-width: auto;
            }
            th,
              td {
              color: rgba(var(--body-font-color),1);
            }
            th,
              td {
              &:first-child {
                padding-left: 1.25rem;
              }
              &:last-child {
                padding-right: 1.25rem;
              }
              a {
                font-weight: 500;
              }
              a {
                color: rgba(var(--body-font-color),1);
              }
              a {
                &:hover {
                  color: rgba(var(--theme-default),1);
                }
              }
              .badge {
                padding-left: 0.75rem;
                padding-right: 0.75rem;
              }
              .badge {
                padding-top: 0.375rem;
                padding-bottom: 0.375rem;
              }
              .badge {
                font-size: 0.75rem;
                line-height: 1rem;
              }
              @media (min-width: 1200px) {
                 {
                   {
                     {
                      .square-white {
                      }
                    }
                  }
                }
              }
              @media (max-width: 575px) {
                 {
                   {
                     {
                      .square-white {
                      }
                    }
                  }
                }
              }
              .square-white {
                display: flex;
              }
              .square-white {
                height: 34px;
              }
              .square-white {
                width: 34px;
              }
              .square-white {
                align-items: center;
              }
              .square-white {
                justify-content: center;
              }
              .square-white {
                border-radius: 0.125rem;
              }
              .square-white {
                background-color: rgba(var(--white-bg),1);
              }
              .square-white {
                --tw-shadow: 0px 0px 28px 6px rgba(235,235,235,0.4);
                --tw-shadow-colored: 0px 0px 28px 6px var(--tw-shadow-color);
                box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
              }
              .square-white {
                i {
                  height: 16px;
                }
                i {
                  width: 16px;
                }
                i {
                  color: rgba(var(--badge-light-color),0.8);
                }
              }
              &:nth-child(3) {
                min-width: 165px;
              }
            }
          }
        }
      }
    }
  }
}

.jsgrid-grid-header {
  .jsgrid-table {
    .jsgrid-header-row {
      .jsgrid-header-cell {
        .btn-delete {
          border-radius: 0.375rem;
        }
        .btn-delete {
          color: rgba(var(--white),1);
        }
      }
    }
  }
}

.user-datatable {
  .dt-container {
    .dt-layout-row {
      .dt-layout-cell {
        .dt-scroll {
          .dt-scroll-body {
            .table-striped {
              tbody {
                tr {
                  td {
                    img {
                      height: 2rem;
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}

.theme-form {
  .form-control-plaintext {
    border-top-right-radius: 0px;
  }
  .form-control-plaintext {
    border-bottom-right-radius: 0px;
  }
  @media (min-width: 1200px) {
     {
       {
         {
          .input-group {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          > .input-group {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > .input-group {
              width: 90%;
            }
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          > .input-group {
            width: 90%;
          }
        }
      }
    }

     {
       {
         {
           {
            > .input-group {
              width: 90%;
            }
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .input-group {
          }
        }
      }
    }
  }
  .input-group {
    position: relative;
  }
  .input-group {
    display: flex;
  }
  .input-group {
    width: 100%;
  }
  .input-group {
    align-items: stretch;
  }
  .input-group {
    span {
      border-top-left-radius: 0px !important;
    }
    span {
      border-bottom-left-radius: 0px !important;
    }
  }
}

.search-list {
  .tab-links {
    li {
      .tab-link {
        border-color: none;
      }
      .tab-link {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
      }
      .tab-link {
        padding-top: 0.7rem;
        padding-bottom: 0.7rem;
      }
    }
  }
}

.tabs {
  .nav-link {
    display: block;
  }
  .nav-link {
    border-width: 0 !important;
  }
  .nav-link {
    display: block;
  }
  .nav-link {
    border-width: 0px;
  }
  .nav-link {
    padding-top: (var(--tw-nav-link-padding-y));
  }
  .nav-link {
    padding-right: (var(--tw-nav-link-padding-x));
  }
  .nav-link {
    padding-bottom: (var(--tw-nav-link-padding-y));
  }
  .nav-link {
    padding-left: (var(--tw-nav-link-padding-x));
  }
  .nav-link {
    font-size: (var(--tw-nav-link-font-size));
  }
  .nav-link {
    font-weight: var(--tw-nav-link-font-weight);
  }
  .nav-link {
    text-decoration-line: none;
  }
  .nav-link {
    background: 0 0;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out;
  }
  .nav-tabs {
    .nav-link {
      margin-bottom: calc(-1 * var(--tw-nav-tabs-border-width));
    }
    .nav-link {
      border-top-left-radius: var(--tw-nav-tabs-border-radius);
    }
    .nav-link {
      border-top-right-radius: var(--tw-nav-tabs-border-radius);
    }
    .nav-link {
      border-width: var(--tw-nav-tabs-border-width);
    }
    .nav-link {
      border-style: solid;
    }
    .nav-link {
      border-color: transparent;
    }
  }
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  margin-top: 1rem;
  display: none;
  max-width: 100%;
  border-radius: var(--tw-border-radius);
  background-color: rgba(var(--danger-color),1);
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: rgba(var(--white),1);
}

.custom-sort-penal {
  @media (min-width: 1200px) {
     {
       {
         {
          .sort-panel {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .sort-panel {
          }
        }
      }
    }
  }
  .sort-panel {
    display: flex;
  }
  .sort-panel {
    gap: 0.5rem;
  }
  .sort-panel {
    select {
      color: rgba(var(--white),1);
    }
    .btn-secondary {
      color: rgba(var(--white),1);
    }
    button {
      padding-left: 1.25rem;
      padding-right: 1.25rem;
    }
    button {
      padding-top: 5px;
      padding-bottom: 5px;
    }
  }
}

.form-check-input[type="radio"] {
  position: relative;
  margin-top: 0.25em;
  height: 1em;
  width: 1em;
  flex-shrink: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--gray-60),0.7);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: top;
}

.form-check-input[type="radio"]::after {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 60%;
  width: 60%;
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-radius: 50%;
  background-color: rgba(var(--white),1);
  --tw-content: "";
  content: var(--tw-content);
}

.form-check-input[type="radio"] {
  --tw-form-check-bg: rgba(var(--white), 1);
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-print-color-adjust: exact;
  border-radius: 50%;
}

.form-check-input[type="checkbox"] {
  position: relative;
  margin-top: 0.25em;
  height: 1em;
  width: 1em;
  flex-shrink: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0.25rem;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--gray-60),0.7);
  background-color: rgba(var(--white),1);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: top;
}

.form-check-input[type="checkbox"]::after {
  position: absolute;
  left: 50%;
  top: 50%;
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  --tw-scale-x: 0;
  --tw-scale-y: 0;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  font-size: 11px;
  color: rgba(var(--white),1);
  --tw-content: "\f00c";
  content: var(--tw-content);
}

.form-check-input[type="checkbox"]:checked {
  background-color: rgba(var(--primary-color),1);
}

.form-check-input[type="checkbox"]:checked::after {
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  content: var(--tw-content);
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.form-check-input[type="checkbox"] {
  --tw-form-check-bg: rgba(var(--white), 1);
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-print-color-adjust: exact;
  &::after {
    font-weight: var(--font-awesome);
  }
}

.autofill-data-tables {
  .multi-level-table {
    .badge {
      color: rgba(var(--white),1);
    }
    .dt-buttons {
      display: block !important;
    }
    .dt-buttons {
      position: relative;
    }
    .dt-buttons {
      display: block !important;
    }
    .dt-buttons {
      > .dt-button {
        border-radius: 0.375rem !important;
      }
      > .dt-button {
        border-color: rgba(var(--theme-secondary),1);
      }
      > .dt-button {
        background-color: rgba(var(--theme-secondary),1);
      }
      > .dt-button {
        color: rgba(var(--white),1);
      }
      .dt-button-collection {
        @media (min-width: 1200px) {
           {
             {
               {
                div {
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                div {
                }
              }
            }
          }
        }
        div {
          position: absolute;
        }
        div {
          left: 0;
        }
        div {
          top: 100%;
        }
        div {
          z-index: 1;
        }
        div {
          display: flex;
        }
        div {
          flex-direction: column;
        }
        div {
          background-color: rgba(var(--white-bg),1);
        }
        div {
          padding: 6px;
        }
        div {
          .dt-button {
            border-width: 0 !important;
          }
          .dt-button {
            white-space: nowrap;
          }
          .dt-button {
            border-radius: 0px;
          }
          .dt-button {
            border-width: 0px;
          }
          .dt-button {
            border-bottom-width: 1px;
          }
          .dt-button {
            border-bottom-color: rgba(var(--light-widget-border),1);
          }
          .dt-button {
            padding: 0px;
          }
          .dt-button {
            color: rgba(var(--theme-body-font-color),1);
          }
          .dt-button:last-child {
            border-bottom-width: 0px;
          }
        }
      }
    }
  }
}

caption {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: left;
  color: rgba(var(--bs-secondary-color),1);
}

.basic_table {
  .table {
    border-collapse: collapse;
  }
  .table {
    caption-side: bottom;
  }
}

@media (min-width: 1200px) {
   {
     {
       {
        .input-group-text {
        }
      }
    }
  }
}

@media (max-width: 575px) {
   {
     {
       {
        .input-group-text {
        }
      }
    }
  }
}

.input-group-text {
  display: flex !important;
  --tw-bg-opacity: 1;
  background-color: rgb(248 249 250 / var(--tw-bg-opacity, 1));
}

.flex-column {
  flex-direction: column;
}

.table-bordered > :not(caption) > * > * {
  border-width: 0 1px;
}

.table-hover > tbody > tr:hover > * {
  --bs-table-color-state: var(--black);
  background-color: rgba(var(--course-light-btn),1) !important;
}

.todo-wrap {
  &.email-wrap {
    .todo-tasks {
      input {
        outline: unset;
      }
      button {
        outline: unset;
      }
    }
  }
}

.\!rounded-l-none {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}

.rounded-l-none {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}

.\!rounded-r-none {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

.rounded-r-none {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 16px;
}

.datepicker--nav-action {
  background-color: rgba(var(--theme-default),1) !important;
}

.datepicker--cell.-focus- {
  color: rgb(var(--white),1) !important;
  background-color: rgba(var(--theme-default),1) !important;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.datepicker--cell.-current-.-focus- {
  color: rgb(var(--white),1) !important;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

hr {
  border-width: 0 !important;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 1rem;
  margin-bottom: 1rem;
  border-width: 0px;
  border-style: solid;
  border-top-color: rgba(var(--bs-border-width),1);
  color: inherit;
  opacity: 0.25;
}

/* mixin css to user-profile scss */

.user-profile-wrapper {
  &.scope-bottom-wrapper {
    .project-teammate {
      ul {
        li {
          padding-bottom: 0 !important;
        }
        li {
          padding-bottom: 0px;
        }
        li {
          + li {
            margin-left: -0.75rem;
          }
        }
      }
    }
  }
}

.projects-wrapper {
  .card,
    .list-box {
    cursor: pointer;
  }
  .card,
    .list-box {
    background-color: rgba(var(--recent-chart-bg),1);
  }
  .card,
    .list-box {
    --tw-shadow: 0px 9px 20px 0px rgba(46,35,94,0.0705882353);
    --tw-shadow-colored: 0px 9px 20px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  .card,
    .list-box {
    padding: calc(16px + 2 * (100vw - 320px) / 1600);
  }
}

body {
  &.dark-only {
    .progress-project-box {
      .card,
        .list-box {
        --tw-shadow: 0px 9px 20px 0px #323846;
        --tw-shadow-colored: 0px 9px 20px 0px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
      }
      .card,
        .list-box {
        .project-body {
          span {
            color: rgba(var(--white),0.4);
          }
          .project-bottom {
            svg {
              stroke: rgba(var(--white),0.4);
            }
          }
        }
      }
    }
  }
}

.cke_button_label {
  display: none !important;
}

.cke_voice_label {
  display: none !important;
}

.toggle-sidebar {
  &:hover {
    &::before {
      content: unset;
    }
  }
}

.email-main-wrapper {
  .email-body {
    .light-square {
      width: 40px;
    }
  }
}

.scroll-reval-page {
  word-break: break-all;
}

@media (max-width: 1199px) {
  .product-report-wrapper {
    .top-body {
      ~ .product-report {
        .dt-container {
          .dt-layout-row {
            &:first-child {
              position: relative;
            }
            &:first-child {
              right: 10px;
            }
            &:first-child {
              top: 8px;
            }
            &:first-child {
              margin-bottom: 40px;
            }
          }
        }
      }
    }
  }
}

@media (min-width: 992px) {
  .sitemap-wrapper {
    .horizontal-sitemap {
      .tier-1 {
        li {
          padding-left: calc( 15px + (22 - 15) * ((100vw - 992px) / (1920 - 992)) );
        }
        .main-site {
          li {
            > a {
              width: calc(9.5rem + (10 - 8.3) * ((100vw - 992px) / (1920 - 992)));
            }
          }
        }
        .tier-2 {
          margin-left: calc(6px + (28 - 6) * ((100vw - 992px) / (1920 - 992)));
        }
        .tier-2 {
          .tier-3 {
            margin-left: calc( 6px + (56 - 6) * ((100vw - 992px) / (1920 - 992)) );
          }
        }
      }
    }
  }
}

.bootstrap-select[class*="col-"] .dropdown-toggle {
  width: 100%;
}

.\!dropdown{
  {
    {
      border: none !important;
    }
  }
}

.dropdown{
  .dropdown-toggle{
    &:focus{
      border: none;
    }
  }
}

/* .order-0{
    @apply order-none;
  } */

/* .order-1{
    @apply order-1;
  } */

.main-scope-project{
  .scope-bottom-wrapper{
    .btn-group{
      .dropdown-menu{
        &.show {
          left: unset;
        }
      }
    }
  }
}

.create-project-form{
  .custom-dropdown{
    .dropdown-menu {
      min-width: 100%;
    }
    button {
      display: block;
    }
    button {
      display: block;
    }
    button {
      margin-left: auto;
      margin-right: auto;
    }
    button {
      margin-top: 0px;
      margin-bottom: 0px;
    }
    button {
      display: block;
    }
    button {
      max-width: 100%;
    }
    button {
      overflow: hidden;
    }
    button {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
    }
    button {
      display: block;
    }
    button {
      overflow: hidden;
    }
    button {
      text-overflow: ellipsis;
    }
    button {
      white-space: nowrap;
    }
  }
}

.main-setting{
  .custom-dropdown{
    .dropdown-menu {
      min-width: 100%;
    }
  }
}

@media (max-width: 767px){
  .table-components{
    .alert-card-block{
      .overflow-x-auto{
        table{
          tbody{
            tr{
              td{
                &:first-child {
                  min-width: 150px;
                }
                &:nth-child(2) {
                  min-width: 300px;
                }
                &:nth-child(3) {
                  min-width: 363px;
                }
              }
            }
          }
        }
      }
    }
    .progress-table{
      .overflow-x-auto{
        table{
          tbody{
            tr{
              td{
                &:nth-child(2) {
                  min-width: 290px;
                }
                &:nth-child(3) {
                  min-width: 275px;
                }
              }
            }
          }
        }
      }
    }
    .checkbox-table{
      .overflow-x-auto{
        table{
          tbody{
            tr{
              td{
                &:nth-child(2) {
                  min-width: 290px;
                }
                &:nth-child(3) {
                  min-width: 288px;
                }
              }
            }
          }
        }
      }
    }
    .radio-checkbox{
      .overflow-x-auto{
        table{
          tbody{
            tr{
              td{
                &:nth-child(2) {
                  min-width: 290px;
                }
                &:nth-child(3) {
                  min-width: 288px;
                }
              }
            }
          }
        }
      }
    }
    .select-table{
      .overflow-x-auto{
        table{
          tbody{
            tr{
              td{
                &:first-child {
                  min-width: 200px;
                }
                &:nth-child(2) {
                  min-width: 290px;
                }
                &:nth-child(3) {
                  min-width: 260px;
                }
              }
            }
          }
        }
      }
    }
    .input-table{
      .overflow-x-auto{
        table{
          tbody{
            tr{
              td{
                &:first-child {
                  min-width: 250px;
                }
                &:nth-child(2) {
                  min-width: 240px;
                }
                &:nth-child(3) {
                  min-width: 280px;
                }
              }
            }
          }
        }
      }
    }
    .badge-table{
      .overflow-x-auto{
        table{
          tbody{
            tr{
              td{
                &:first-child {
                  min-width: 250px;
                }
                &:nth-child(2) {
                  min-width: 250px;
                }
                &:nth-child(3) {
                  min-width: 280px;
                }
              }
            }
          }
        }
      }
    }
    .tooltip-table{
      .overflow-x-auto{
        table{
          tbody{
            tr{
              td{
                &:first-child {
                  min-width: 250px;
                }
                &:nth-child(2) {
                  min-width: 250px;
                }
                &:nth-child(3) {
                  min-width: 280px;
                }
              }
            }
          }
        }
      }
    }
    .switch-table{
      .overflow-x-auto{
        table{
          tbody{
            tr{
              td{
                &:first-child {
                  min-width: 250px;
                }
                &:nth-child(2) {
                  min-width: 250px;
                }
                &:nth-child(3) {
                  min-width: 280px;
                }
              }
            }
          }
        }
      }
    }
  }
}

@media (min-width: 576px) {
  .ps-sm-1 {
    padding-left: 0.25rem;
  }
}

@media (max-width: 640px) {
  .subscribed-user
      .subscribed-user-wrapper
      .dt-container
      .dt-layout-row
      .dt-search {
    inset: 0px;
    margin: 0px;
  }
}

@media (max-width: 575px) {
  .table-components{
    .ui-table{
      .overflow-x-auto{
        table{
          tbody{
            tr{
              td{
                &:nth-child(3) {
                  min-width: 235px;
                }
              }
            }
          }
        }
      }
    }
  }

  .api-management {
    .recent-table {
      div.dt-container {
        .dt-layout-row {
          .dt-search {
            top: 0px;
          }
        }
      }
    }
  }
}

body {
  &.dark-only {
    background-color: rgba(var(--dark-body-background),1);
  }
  &.dark-only {
    color: rgba(var(--dark-all-font-color),1);
  }
  &.dark-only {
    .text-white {
      color: rgba(255,255,255,1) !important;
    }
    .\!bg-white {
      background-color: rgba(var(--dark-card-background),1) !important;
    }
    .card {
      --tw-card-title-color: rgba(var(--body-font-color), 1);
      --tw-card-subtitle-color: rgba(var(--body-font-color), 1);
      --tw-card-cap-color: rgba(var(--body-font-color), 1);
      --tw-card-color: rgba(var(--body-font-color), 1);
      --tw-body-color: rgba(var(--body-font-color), 1);
    }
    .frame-box {
      .frame-image {
        border-color: rgba(var(--recent-border),1) rgba(var(--dark-card-background),1) rgba(var(--dark-card-background),1) rgba(var(--recent-border),1);
      }
    }
    .card.full-card {
      border-color: rgba(var(--dark-card-border),1) !important;
    }
    .recent-order {
      .frame-box {
        background-color: rgba(var(--dark-body-background),1);
      }
    }
    .grid-showcase {
      .grid-wrapper {
        background-color: rgba(var(--dark-body-background),1);
      }
      span {
        border-color: rgba(var(--dark-card-border),1);
      }
    }
    .grid-vertical {
      color: rgba(var(--hite),0.8);
    }
    .customers {
      ul {
        li {
          img {
            border-color: rgba(var(--dark-card-background),1);
          }
        }
      }
    }
    .category-box {
      h6 {
        background-color: rgba(var(--dark-card-background),1);
      }
    }
    .arrow-round {
      .swiper-button-next,
        .swiper-button-prev {
        background-color: rgba(var(--dark-card-background),1);
      }
    }
    .tagify__dropdown__wrapper {
      background-color: rgba(var(--dark-card-background),1);
    }
    .page-wrapper {
      .page-header {
        .header-wrapper {
          .nav-right {
            .flip-card {
              .flip-card-inner {
                .back {
                  .flip-back-content {
                    input {
                      background-color: rgba(var(--dark-body-background),1);
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
    .rating-system3 {
      input:checked ~ label {
        --tw-shadow: 6px 0 rgba(var(--danger-color),1),3px 1px 0 7px rgba(var(--dark-card-background),1),3px 1px 0 9px rgba(var(--danger-color),1);
        --tw-shadow-colored: 6px 0 var(--tw-shadow-color), 3px 1px 0 7px var(--tw-shadow-color), 3px 1px 0 9px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
      }
    }
    .left-sidebar-wrapper,
      .right-sidebar-chat {
      border-color: rgba(var(--dark-border-color),1);
    }
    .basic-floating {
      .form-floating {
        label {
          color: rgba(var(--white),0.3);
        }
      }
    }
    .sidebar-left-wrapper {
      .sidebar-left-icons {
        .nav-item {
          .tab-link {
            .product-icons {
              svg {
                stroke: rgba(var(--dark-small-font-color),1);
              }
            }
          }
        }
      }
    }
    [data-bs-toggle="tooltip"] {
      .absolute {
        background-color: rgba(var(--dark-body-background),1) !important;
      }
      .absolute {
        div {
          background-color: rgba(var(--dark-body-background),1) !important;
        }
      }
    }
    .text-black {
      color: rgba(var(--white),0.8);
    }
    .contacts-tabs {
      .tab-links {
        .tab-link + .tab-link {
          border-color: rgba(var(--dark-card-border),0.5);
        }
      }
    }
    .contacts-tabs {
      .tab-links {
        border-color: rgba(var(--dark-card-border),0.5);
      }
    }
    .market-tabs {
      .border-tab.tab-links {
        .tab-link {
          &.active {
            background-color: rgba(var(--dark-card-background),1) !important;
          }
        }
      }
    }
    .form-control-plaintext {
      background-color: transparent;
    }
    .kanban-board {
      .kanban-drag {
        .kanban-box {
          h6 {
            color: rgba(var(--white),0.7);
          }
        }
      }
    }
    .recent-table {
      table {
        thead {
          background-color: rgba(var(--light2),1) !important;
        }
      }
    }
    .tabs {
      .tab-link {
        color: rgba(var(--secondary-color),1);
      }
    }
    .bg-navbar {
      .tab-links {
        background-color: rgba(var(--dark-body-background),1);
      }
    }
    .simple-wrapper {
      &.tab-links {
        .tab-link {
          &.active {
            background-color: transparent;
          }
        }
      }
    }
    .tab-links {
      border-bottom-color: rgba(var(--dark-card-border),1);
    }
    .search-items {
      .common-flex {
        .button-light-secondary {
          color: rgba(var(--white),0.8);
        }
      }
    }
    .dropdown .dropdown-menu,
      .btn-group .dropdown-menu {
      background-color: rgba(var(--dark-body-background),1);
    }
    .modal {
      --bs-modal-color: rgba(var(--white), 0.4);
      --bs-modal-footer-bg: rgba(var(--dark-card-background), 1);
    }
    .form-check-input[type="radio"] {
      &::after {
        background-color: rgba(var(--dark-body-background),1);
      }
    }
    .form-control {
      border-color: rgba(var(--dark-card-border),1);
    }
    .form-control {
      background-color: rgba(var(--dark-card-background),1);
    }
    .form-control {
      color: rgba(var(--white),0.8);
    }
    .form-control {
      &::-moz-placeholder {
        color: rgba(var(--white),0.3) !important;
      }
      &::placeholder {
        color: rgba(var(--white),0.3) !important;
      }
    }
    .c-light {
      color: rgba(var(--dark-small-font-color),1);
    }
    .c-o-light {
      color: rgba(255,255,255,0.5);
    }
    input:-webkit-autofill,
      input:-webkit-autofill:hover,
      input:-webkit-autofill:focus,
      input:-webkit-autofill:active {
      -webkit-background-clip: text;
      -webkit-text-fill-color: rgba(var(--dark-all-font-color), 1);
    }
    input[type="file"] {
      &::file-selector-button {
        background-color: rgba(var(--dark-card-background),1);
      }
      &::file-selector-button {
        color: rgba(var(--dark-all-font-color),1);
      }
      &::file-selector-button {
        &:hover {
          background-color: rgba(var(--dark-card-background),1);
        }
        &:hover {
          color: rgba(var(--dark-all-font-color),1);
        }
      }
    }
    .apexcharts-tooltip.light {
      .apexcharts-tooltip-title {
        background-color: rgba(var(--dark-body-background),1);
      }
      .apexcharts-tooltip-title {
        color: rgba(var(--white),1);
      }
    }
    .apexcharts-tooltip.apexcharts-theme-light {
      border-width: 1px;
    }
    .apexcharts-tooltip.apexcharts-theme-light {
      border-style: solid;
    }
    .apexcharts-tooltip.apexcharts-theme-light {
      border-color: rgba(var(--dark-card-border),1);
    }
    .apexcharts-tooltip.apexcharts-theme-light {
      background-color: rgba(var(--dark-body-background),1);
    }
    .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
      border-width: 1px;
    }
    .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
      border-style: solid;
    }
    .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
      border-color: rgba(var(--dark-card-border),1);
    }
    .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
      background-color: rgba(var(--dark-body-background),1);
    }
    .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
      color: rgba(var(--dark-all-font-color),1);
    }
    .apexcharts-tooltip-series-group {
      color: rgba(var(--dark-all-font-color),1);
    }
    .apexcharts-yaxistooltip,
      .apexcharts-xaxistooltip {
      border-width: 1px;
    }
    .apexcharts-yaxistooltip,
      .apexcharts-xaxistooltip {
      border-style: solid;
    }
    .apexcharts-yaxistooltip,
      .apexcharts-xaxistooltip {
      border-color: rgba(var(--dark-card-border),1);
    }
    .apexcharts-yaxistooltip,
      .apexcharts-xaxistooltip {
      background-color: rgba(var(--dark-body-background),1);
    }
    .apexcharts-yaxistooltip,
      .apexcharts-xaxistooltip {
      color: rgba(var(--dark-all-font-color),1);
    }
    .apexcharts-yaxistooltip-left {
      &::before,
        &::after {
        border-left-color: rgba(var(--dark-card-border),1);
      }
    }
    .apexcharts-xaxistooltip-bottom {
      &::before,
        &::after {
        border-bottom-color: rgba(var(--dark-card-border),1);
      }
    }
    .bottom-content {
      .apexcharts-canvas {
        span {
          color: rgba(var(--dark-all-font-color),1);
        }
      }
    }
    .main-setting {
      .tab-links {
        .tab-link {
          background-color: rgba(var(--dark-body-background),1);
        }
      }
    }
    .apexcharts-canvas {
      .apexcharts-tooltip {
        border-width: 1px;
      }
      .apexcharts-tooltip {
        border-style: solid;
      }
      .apexcharts-tooltip {
        border-color: rgba(var(--dark-card-border),1);
      }
      .apexcharts-tooltip {
        .apexcharts-tooltip-title {
          margin-bottom: 0 !important;
        }
        .apexcharts-tooltip-title {
          margin-bottom: 0px;
        }
        .apexcharts-tooltip-series-group {
          background-color: rgba(var(--dark-card-background),1);
        }
        .apexcharts-tooltip-series-group {
          color: rgba(var(--dark-all-font-color),1);
        }
      }
      .apexcharts-yaxis {
        text {
          fill: rgba(var(--dark-small-font-color),1);
        }
      }
    }
    .apexcharts-xaxistooltip {
      border-width: 1px;
    }
    .apexcharts-xaxistooltip {
      border-style: solid;
    }
    .apexcharts-xaxistooltip {
      border-color: rgba(var(--dark-card-border),1);
    }
    .apexcharts-xaxistooltip {
      background-color: rgba(var(--dark-body-background),1);
    }
    .apexcharts-xaxistooltip {
      color: rgba(var(--dark-all-font-color),1);
    }
    .apexcharts-xaxistooltip-bottom:before {
      border-bottom-color: rgba(var(--dark-card-border),1);
    }
    .apexcharts-xaxistooltip-bottom:after {
      border-bottom-color: rgba(var(--dark-card-border),1);
    }
    .apexcharts-tooltip.apexcharts-theme-light {
      border-width: 1px;
    }
    .apexcharts-tooltip.apexcharts-theme-light {
      border-style: solid;
    }
    .apexcharts-tooltip.apexcharts-theme-light {
      border-color: rgba(var(--dark-card-border),1);
    }
    .apexcharts-tooltip.apexcharts-theme-light {
      background-color: rgba(var(--dark-body-background),1);
    }
    .apexcharts-tooltip.apexcharts-theme-light {
      .apexcharts-tooltip-text {
        color: rgba(var(--dark-small-font-color),1);
      }
      .apexcharts-tooltip-title {
        border-bottom-width: 1px;
      }
      .apexcharts-tooltip-title {
        border-style: solid;
      }
      .apexcharts-tooltip-title {
        border-bottom-color: rgba(var(--dark-card-border),1);
      }
      .apexcharts-tooltip-title {
        background-color: rgba(var(--dark-card-background),1);
      }
      .apexcharts-tooltip-title {
        color: rgba(var(--dark-small-font-color),1);
      }
    }
    .apexcharts-yaxis {
      text {
        color: rgba(var(--dark-all-font-color),1);
      }
    }
    .theme-form input[type="text"] {
      border-width: 1px;
    }
    .theme-form input[type="text"] {
      border-style: solid;
    }
    .theme-form input[type="text"] {
      border-color: rgba(var(--dark-card-border),1);
    }
    .theme-form input[type="text"] {
      background-color: rgba(var(--dark-body-background),1);
    }
    .theme-form textarea {
      background-color: rgba(var(--dark-body-background),1);
    }
    .selectpicker {
      ~ .custom-dropdown {
        .dropdown-toggle {
          border-color: rgba(var(--dark-card-border),1);
        }
        .dropdown-toggle {
          background-color: rgba(var(--dark-body-background),1);
        }
        .dropdown-menu {
          background-color: rgba(var(--dark-body-background),1);
        }
        .dropdown-menu {
          input {
            border-color: rgba(var(--white),0.08);
          }
          input {
            background-color: rgba(var(--transparent-color),1);
          }
        }
      }
    }
    .page-body {
      .bg-light {
        background-color: rgba(var(--dark-body-background),1) !important;
      }
    }
    .basic-wizard {
      .stepper-horizontal {
        .step {
          .step-circle {
            border-color: rgba(var(--dark-card-inbox),1);
          }
          .step-bar-left {
            border-color: rgba(var(--dark-card-border),1);
          }
        }
      }
    }
    .wizard-4 {
      .step-container {
        @applyborder- [rgba(var(--dark-card-border),1)];
        background: rgba(var(--dark-card-background), 1);
      }
      .login-card {
        .login-main {
          background-color: rgba(var(--dark-body-background),1);
        }
      }
    }
    .total-balance {
      background-blend-mode: overlay;
    }
    .progress {
      background: rgba(var(--light-all-font-color), 1);
    }
    .icon-state {
      .switch-state {
        &:after {
          color: rgba(var(--dark-all-font-color),1);
        }
      }
    }
    .breadcrumb-item {
      + .breadcrumb-item {
        &::before {
          color: rgba(var(--white),0.6);
        }
      }
    }
    .social-widget {
      .social-icons {
        --tw-shadow: 0px 42.1092px 27.8569px rgba(var(--dark-body-background),1),0px 8.90772px 7.12618px rgba(var(--dark-body-background),1),0px 2.02448px 3.44162px rgba(var(--dark-body-background),1);
        --tw-shadow-colored: 0px 42.1092px 27.8569px var(--tw-shadow-color), 0px 8.90772px 7.12618px var(--tw-shadow-color), 0px 2.02448px 3.44162px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
      }
    }
    .calendar-basic {
      .md-sidebar-aside {
        background-color: rgba(var(--dark-card-background),1);
      }
      #external-events {
        border-color: rgba(var(--dark-card-border),1);
      }
      .calendar-default {
        .fc {
          .fc-daygrid-day-number,
            .fc-col-header-cell-cushion {
            color: rgba(var(--dark-all-font-color),1);
          }
        }
      }
    }
    .clockpicker-popover {
      .popover-title {
        border-bottom-color: rgba(var(--dark-card-background),1);
      }
      .popover-title {
        background-color: rgba(var(--dark-card-background),1);
      }
      &.bottom {
        > .arrow {
          border-bottom-color: rgba(var(--dark-body-background),1);
        }
        > .arrow::after {
          content: var(--tw-content);
          border-bottom-color: rgba(var(--dark-card-background),1);
        }
      }
      &.top {
        > .arrow {
          border-top-color: rgba(var(--dark-body-background),1);
        }
        > .arrow::after {
          content: var(--tw-content);
          border-top-color: rgba(var(--dark-card-background),1);
        }
      }
      &.left {
        > .arrow {
          border-left-color: rgba(var(--dark-body-background),1);
        }
        > .arrow::after {
          content: var(--tw-content);
          border-left-color: rgba(var(--dark-card-background),1);
        }
      }
    }
    .fc-theme-standard {
      .fc-scrollgrid,
        .fc-list {
        border-color: rgba(var(--dark-card-border),1);
      }
      .fc-list-day-cushion {
        background-color: rgba(var(--dark-body-background),1);
      }
    }
    .fc {
      .fc-list-event {
        &:hover {
          td {
            background-color: rgba(var(--dark-body-background),1);
          }
        }
      }
    }
    .currency-widget {
      div[class*="bg-light-"] {
        color: rgba(var(--dark-all-font-color),1);
      }
    }
    .btn {
      &.badge-light-primary {
        &:hover {
          color: rgba(var(--white),0.6);
        }
      }
    }
    .portfolio-chart-container {
      .apexcharts-canvas {
        .apexcharts-radialbar {
          image {
            display: none;
          }
        }
      }
    }
    svg.f-light {
      fill: rgba(var(--white),0.6);
    }
    svg.f-light {
      opacity: 1;
    }
    .course-widget {
      .btn-light {
        background-color: rgba(var(--dark-body-background),1);
      }
    }
    .schedule-list {
      > li {
        --tw-shadow: 4px 7px 17px 5px rgba(var(--dark-body-background),0.3);
        --tw-shadow-colored: 4px 7px 17px 5px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
      }
    }
    .upcoming-event-wrap {
      .apexcharts-canvas {
        .apexcharts-data-labels {
          rect {
            fill: none;
          }
          rect {
            stroke: none;
          }
        }
      }
    }
    .page-wrapper {
      &.material-type {
        &.compact-wrapper {
          .page-header {
            &.close_icon {
              .header-wrapper {
                border-bottom-width: 1px;
              }
              .header-wrapper {
                border-style: solid;
              }
              .header-wrapper {
                border-bottom-color: rgba(var(--dark-card-border),1);
              }
            }
          }
        }
      }
      &.advance-layout {
        .page-header {
          background-color: rgba(var(--dark-card-background),1);
        }
        .page-body-wrapper {
          .sidebar-wrapper {
            border-bottom-width: 1px;
          }
          .sidebar-wrapper {
            border-style: solid;
          }
          .sidebar-wrapper {
            border-bottom-color: rgba(var(--dark-card-border),1);
          }
        }
        .card {
          border-color: rgba(var(--dark-card-border),1);
        }
      }
      &.only-body {
        background-color: rgba(var(--dark-body-background),1);
      }
    }
    .balance-card {
      .svg-box {
        background-color: rgba(var(--dark-card-background),1);
      }
      .svg-box {
        --tw-shadow: 0 0 #0000;
        --tw-shadow-colored: 0 0 #0000;
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
      }
      .svg-box {
        svg {
          fill: rgba(var(--dark-all-font-color),1);
        }
      }
    }
    .f-light {
      color: rgba(var(--dark-all-font-color),1);
    }
    .apexcharts-tooltip.light {
      .apexcharts-tooltip-title {
        background-color: rgba(var(--dark-card-background),1);
      }
      .apexcharts-tooltip-title {
        color: rgba(var(--white),1);
      }
    }
    .card {
      background-color: rgba(var(--dark-card-background),1);
    }
    .ecommerce-widget {
      border-width: 1px;
    }
    .ecommerce-widget {
      border-style: solid;
    }
    .ecommerce-widget {
      border-color: rgba(var(--dark-card-border),1) !important;
    }
    .btn-light {
      color: rgba(var(--dark-all-font-color),1);
    }
    .form-select {
      color: rgba(var(--dark-all-font-color),1);
    }
    .knowledgebase-search {
      color: rgba(var(--theme-body-font-color),1);
    }
    .knowledgebase-search {
      .form-control-plaintext {
        color: rgba(var(--dark-all-font-color),0.4);
      }
    }
    .layout-color {
      span,
        h6 {
        color: rgba(var(--dark-all-font-color),1);
      }
    }
    .toast {
      border-width: 1px;
    }
    .toast {
      border-style: solid;
    }
    .toast {
      border-color: rgba(var(--dark-card-border),1);
    }
    .toast {
      --tw-shadow: 0 0.5rem 1rem rgb(38 41 50 / 50%);
      --tw-shadow-colored: 0 0.5rem 1rem var(--tw-shadow-color);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
    .toast {
      -webkit-box-shadow: 0 0.5rem 1rem rgb(38 41 50 / 50%);
      .toast-header {
        border-bottom-color: rgba(var(--dark-card-border),1);
      }
      .toast-header {
        background-color: rgba(var(--dark-card-background),1);
      }
      .toast-header {
        color: rgba(var(--dark-all-font-color),1);
      }
      .toast-dark {
        background-color: rgba(var(--dark-card-background),1);
      }
      .toast-dark {
        color: rgba(var(--dark-all-font-color),1);
      }
    }
    .animated-toast {
      .toast {
        background-color: rgba(var(--transparent-color),1);
      }
      .toast {
        .toast-header {
          border-color: rgba(var(--dark-card-border),1);
        }
        .toast-body {
          background-color: rgba(var(--dark-card-background),1);
        }
      }
    }
    .toast-container {
      .toast {
        background-color: rgba(var(--transparent-color),1);
      }
    }
    .default-toasts {
      .card-body {
        &.toast-rtl {
          .toast {
            background-color: rgba(var(--transparent-color),1);
          }
        }
      }
    }
    .btn-close {
      --tw-brightness: brightness(0.8);
      filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    }
    .btn-close {
      --tw-invert: invert(1);
      filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    }
    .product-price {
      del {
        color: rgba(var(--dark-small-font-color),1);
      }
    }
    .ProfileCard {
      border-width: 1px;
    }
    .ProfileCard {
      border-style: solid;
    }
    .ProfileCard {
      border-color: rgba(var(--dark-card-border),1);
    }
    .form-control-plaintext {
      color: rgba(var(--dark-all-font-color),1);
    }
    .form-select {
      border-width: 1px;
    }
    .form-select {
      border-style: solid;
    }
    .form-select {
      border-color: rgba(var(--dark-card-border),1);
    }
    .form-select {
      background-color: rgba(var(--dark-body-background),1);
    }
    .box-layout {
      background-color: rgba(var(--dark-body-background),1);
    }
    .box-layout {
      .page-wrapper,
        &.page-wrapper {
        .page-body-wrapper {
          background-color: rgba(var(--transparent-color),1);
        }
        .page-header {
          .header-wrapper {
            border-width: 1px;
          }
          .header-wrapper {
            border-style: solid;
          }
          .header-wrapper {
            border-color: rgba(var(--dark-border-color),1);
          }
        }
        &.only-body {
          .page-header {
            .header-wrapper {
              border-color: unset;
            }
          }
        }
      }
    }
    .form-check-input {
      border-color: rgba(var(--dark-card-border),1);
    }
    .form-check-input {
      background-color: rgba(var(--dark-body-background),1);
    }
    .common-toasts {
      .toast {
        border-width: 1px;
      }
      .toast {
        border-style: solid;
      }
      .toast {
        border-color: rgba(var(--dark-card-border),1);
      }
      .toast {
        .btn-close {
          filter: grayscale(1);
        }
      }
      .toast-body {
        color: rgba(var(--dark-editor-document),1);
      }
    }
    .dt-button-collection {
      background-color: rgba(var(--dark-body-background),1);
    }
    .dt-button-collection {
      .dropdown-item {
        background-color: rgba(var(--dark-body-background),1);
      }
    }
    .dt-autofill-list {
      &.dtaf-popover-closeable {
        background-color: rgba(var(--dark-card-background),1);
      }
      &.dtaf-popover-closeable {
        .dt-autofill-list-items {
          button {
            background-color: rgba(var(--dark-card-inbox),1);
          }
          button {
            color: rgba(var(--dark-all-font-color),1);
          }
          button:hover {
            background-color: rgba(var(--dark-body-background),1);
          }
        }
      }
    }
    .form-floating {
      .form-control,
        .form-select {
        &:not(:-moz-placeholder) {
          ~ label {
            color: rgba(var(--dark-all-font-color),0.4);
          }
          ~ label {
            &::after {
              background-color: rgba(var(--dark-body-background),1);
            }
          }
        }
        &:not(:placeholder-shown) {
          ~ label {
            color: rgba(var(--dark-all-font-color),0.4);
          }
          ~ label {
            &::after {
              background-color: rgba(var(--dark-body-background),1);
            }
          }
        }
        &:focus {
          ~ label {
            color: rgba(var(--dark-all-font-color),0.4);
          }
          ~ label {
            &::after {
              background-color: rgba(var(--dark-body-background),1);
            }
          }
        }
      }
    }
    .radio,
      .checkbox {
      label {
        &::before {
          background-color: rgba(var(--dark-body-background),1);
        }
      }
    }
    .checkbox-wrapper,
      .radio-wrapper {
      li {
        .form-check-input {
          background-color: transparent;
        }
      }
    }
    .switch-state {
      &:before {
        background-color: rgba(var(--dark-card-background),1);
      }
    }
    .main-radio-toggle {
      label {
        color: rgba(var(--dark-all-font-color),1);
      }
      label:hover {
        color: rgba(var(--dark-all-font-color),1);
      }
    }
    .main-icon-checkbox {
      .checkbox-wrapper {
        label {
          &::before {
            background-color: rgba(var(--transparent-color),1);
          }
        }
      }
    }
    .dropdown {
      &.custom-dropdown {
        .dropdown-menu {
          .dropdown-item {
            &:hover {
              background-color: rgba(var(--dark-card-background),1);
            }
          }
        }
      }
    }
    .tooltip {
      &[data-popper-placement="left"] {
        .tooltip-arrow {
          &::before {
            border-left-color: rgba(var(--dark-card-inbox),1);
          }
        }
      }
      &[data-popper-placement="right"] {
        .tooltip-arrow {
          &::before {
            border-right-color: rgba(var(--dark-card-inbox),1);
          }
        }
      }
      &[data-popper-placement="top"] {
        .tooltip-arrow {
          &::before {
            border-top-color: rgba(var(--dark-card-inbox),1);
          }
        }
      }
      &[data-popper-placement="bottom"] {
        .tooltip-arrow {
          &::before {
            border-bottom-color: rgba(var(--dark-card-inbox),1);
          }
        }
      }
      &.bs-tooltip-top {
        .tooltip-arrow {
          &:before {
            border-top-color: rgba(var(--dark-card-inbox),1);
          }
        }
      }
      &.bs-tooltip-bottom {
        .tooltip-arrow {
          &:before {
            border-bottom-color: rgba(var(--dark-card-inbox),1);
          }
          &:before {
            border-top-color: rgba(var(--transparent-color),1);
          }
        }
      }
      &.bs-tooltip-start {
        .tooltip-arrow {
          &:before {
            border-left-color: rgba(var(--dark-card-inbox),1);
          }
          &:before {
            border-top-color: rgba(var(--transparent-color),1);
          }
        }
      }
      &.bs-tooltip-end {
        .tooltip-arrow {
          &:before {
            border-right-color: rgba(var(--dark-card-inbox),1);
          }
          &:before {
            border-top-color: rgba(var(--transparent-color),1);
          }
        }
      }
      .tooltip-inner {
        background-color: rgba(var(--dark-card-inbox),1) !important;
      }
      .tooltip-inner {
        color: rgba(var(--white),1) !important;
      }
      .tooltip-arrow {
        &:before {
          border-top-color: rgba(var(--dark-card-inbox),1);
        }
      }
    }
    .svg-tooltip {
      .common-flex {
        [class*="bg-light-"] {
          border: var(--transparent-color);
        }
      }
    }
    .page-wrapper {
      &.only-body {
        .page-body-wrapper {
          .page-title {
            > .grid {
              .col-span-6 {
                &:first-child {
                  h6 {
                    color: rgba(var(--dark-all-font-color),0.5);
                  }
                }
              }
            }
          }
        }
        .page-header {
          .header-wrapper {
            .search-full {
              .form-group {
                .Typeahead {
                  .u-posRelative {
                    background-color: rgba(var(--dark-card-background),1);
                  }
                }
              }
            }
          }
        }
        .page-header {
          .header-wrapper {
            .nav-right {
              .notification-dropdown {
                ul {
                  li {
                    .btn-close {
                      --tw-brightness: brightness(0.8);
                      filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
                    }
                    .btn-close {
                      --tw-invert: invert(1);
                      filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
                    }
                  }
                }
              }
              .profile-dropdown li span {
                color: rgba(var(--white),1) !important;
              }
              .flip-card .flip-card-inner {
                .back {
                  background-color: rgba(var(--dark-body-background),1);
                }
                .back {
                  .flip-back-content {
                    input {
                      border-width: 1px;
                    }
                    input {
                      border-style: solid;
                    }
                    input {
                      border-color: rgba(var(--dark-card-border),1);
                    }
                    input {
                      background-color: rgba(var(--dark-body-background),1);
                    }
                    input {
                      color: rgba(var(--dark-all-font-color),1);
                    }
                  }
                  li {
                    &:last-child {
                      border-top-width: 1px;
                    }
                    &:last-child {
                      border-style: solid;
                    }
                    &:last-child {
                      border-top-color: rgba(var(--dark-card-border),1);
                    }
                  }
                }
                .front {
                  --tw-bg-opacity: 1 !important;
                  background-color: rgb(29 30 38 / var(--tw-bg-opacity, 1)) !important;
                }
                .front {
                  svg {
                    stroke: rgba(var(--white),1);
                  }
                }
              }
              .cart-dropdown {
                .total {
                  background-color: rgba(var(--dark-card-background),1);
                }
                .qty-box {
                  .input-group {
                    .btn {
                      border-color: rgba(var(--dark-card-background),1);
                    }
                    .btn {
                      background-color: rgba(var(--dark-card-background),1);
                    }
                    .btn {
                      color: rgba(var(--white),0.4);
                    }
                  }
                }
              }
            }
          }
        }
      }
      .page-header {
        .header-wrapper {
          .nav-right {
            .profile-dropdown {
              li {
                span {
                  color: rgba(var(--white),1);
                }
              }
            }
          }
        }
      }
    }
    .qty-box {
      input {
        color: rgba(var(--white),0.5);
      }
    }
    .customizer-contain {
      color: rgba(var(--dark-body-background),1);
    }
    .customizer-contain {
      .customizer-header {
        p {
          color: rgba(var(--dark-editor-document),1);
        }
      }
      .customizer-body {
        .main-layout {
          .box-layout {
            background-color: rgba(var(--white),1);
          }
        }
      }
    }
    .login-dark {
      background-color: rgba(var(--dark-card-background),1);
    }
    .login-dark {
      background-blend-mode: overlay;
    }
    .login-dark {
      .login-main {
        background-color: rgba(var(--dark-card-inbox),1);
      }
      &.login-card {
        .login-main {
          .text-muted {
            color: rgba(var(--dark-all-font-color),0.4);
          }
        }
      }
    }
    .login-card {
      .btn-showcase .btn {
        border-color: rgba(var(--dark-card-background),1) !important;
      }
      .btn-showcase .btn {
        background-color: rgba(var(--dark-card-background),1) !important;
      }
      .btn-showcase .btn {
        color: rgba(var(--white),1);
      }
      .login-main {
        --tw-shadow: 0 0 37px rgba(var(--white),0.05);
        --tw-shadow-colored: 0 0 37px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
      }
      .login-main {
        .theme-form {
          input {
            background-color: rgba(var(--dark-card-background),1) !important;
          }
          .or {
            &:before {
              background-color: rgba(var(--dark-card-background),1);
            }
          }
          .checkbox label::before {
            border-color: rgba(var(--dark-card-background),1);
          }
          .checkbox label::before {
            background-color: rgba(var(--dark-card-background),1);
          }
        }
      }
    }
    .wizard-4 {
      .action-bar {
        .buttonDisabled {
          border-color: rgba(var(--dark-body-background),1);
        }
        .buttonDisabled {
          background-color: rgba(var(--dark-body-background),1);
        }
        .buttonDisabled {
          color: rgba(var(--dark-all-font-color),1);
        }
      }
    }
    .H_ui {
      ~ div {
        background-color: rgba(var(--dark-body-background),1);
      }
    }
    .swal-icon--success:after,
      .swal-icon--success:before {
      background-color: rgba(var(--dark-card-background),1);
    }
    .swal-icon--success__hide-corners {
      background-color: rgba(var(--dark-card-background),1);
    }
    .note-editor.note-frame {
      .note-status-output {
        border-top-width: 1px;
      }
      .note-status-output {
        border-style: solid;
      }
      .note-status-output {
        border-top-color: rgba(var(--dark-card-background),1);
      }
      .note-statusbar {
        border-top-width: 1px;
      }
      .note-statusbar {
        border-style: solid;
      }
      .note-statusbar {
        border-top-color: rgba(var(--dark-card-background),1);
      }
      .note-statusbar {
        .note-resizebar {
          background-color: rgba(var(--dark-card-background),1);
        }
      }
    }
    .page-link {
      border-width: 1px;
    }
    .page-link {
      border-style: solid;
    }
    .page-link {
      border-color: rgba(var(--dark-card-border),1);
    }
    .page-link {
      background-color: rgba(var(--dark-body-background),1);
    }
    .b-r-light {
      border-right-width: 1px;
    }
    .b-r-light {
      border-style: solid;
    }
    .b-r-light {
      border-right-color: rgba(var(--dark-card-border),1);
    }
    .history-details {
      .flex {
        border-top-width: 1px;
      }
      .flex {
        border-style: solid;
      }
      .flex {
        border-top-color: rgba(var(--dark-card-border),1);
      }
      > div {
        i {
          color: rgba(var(--dark-all-font-color),1);
        }
      }
    }
    .modal-header {
      border-bottom-width: 1px;
    }
    .modal-header {
      border-style: solid;
    }
    .modal-header {
      border-bottom-color: rgba(var(--dark-card-border),1);
    }
    .placeholder-light {
      background-color: rgba(var(--white),1);
    }
    #right-history {
      background-color: rgba(var(--dark-card-background),1);
    }
    #right-history {
      --tw-shadow: 0 0 9px rgba(var(--dark-body-background),1);
      --tw-shadow-colored: 0 0 9px var(--tw-shadow-color);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
    #right-history {
      h6 {
        span {
          a {
            color: rgba(var(--dark-all-font-color),1);
          }
        }
      }
    }
    .setting-sidebar,
      .layout-sidebar {
      --tw-shadow: 0 0 10px 1px rgba(var(--dark-card-inbox),1);
      --tw-shadow-colored: 0 0 10px 1px var(--tw-shadow-color);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
    .setting-sidebar,
      .layout-sidebar {
      .customizer-body {
        .bg-light {
          background-color: rgba(var(--dark-body-background),1) !important;
        }
        h6 {
          color: rgba(var(--dark-all-font-color),0.7);
        }
        .main-layout {
          > li {
            border-color: rgba(var(--dark-card-border),1);
          }
        }
        .layout-grid {
          &.customizer-mix {
            .color-layout {
              border-color: rgba(var(--dark-card-border),1);
            }
          }
        }
        .layout-grid:not(.customizer-color) {
          li {
            > .body {
              ul {
                background-color: rgba(var(--dark-card-background),1);
              }
            }
          }
        }
        .layout-link {
          li {
            background-color: rgba(var(--dark-body-background),1);
          }
          li {
            a {
              color: rgba(var(--dark-all-font-color),1);
            }
            a {
              i {
                color: rgba(var(--dark-all-font-color),1);
              }
            }
          }
        }
      }
      .sidebar-type,
        .sidebar-setting {
        > li {
          border-color: rgba(var(--dark-card-border),1);
        }
        > li {
          a,
            i {
            color: rgba(var(--dark-all-font-color),1);
          }
        }
      }
    }
    .customizer-contain {
      color: rgba(var(--dark-body-background),1);
    }
    .customizer-contain {
      .customizer-header {
        p {
          color: rgba(var(--dark-editor-document),1);
        }
      }
      .customizer-body {
        .main-layout {
          .box-layout {
            background-color: rgba(var(--white),1);
          }
        }
      }
    }
    .ProfileCard {
      &:hover {
        background-color: rgba(var(--dark-card-background),1);
      }
      &:hover {
        color: rgba(var(--dark-all-font-color),1);
      }
    }
    .translate_wrapper.active .more_lang {
      &:before {
        border-bottom-width: 7px;
      }
      &:before {
        border-style: solid;
      }
      &:before {
        border-bottom-color: rgba(var(--dark-card-background),1);
      }
      .lang {
        border-bottom-width: 1px;
      }
      .lang {
        border-style: solid;
      }
      .lang {
        border-bottom-color: rgba(var(--dark-body-background),1);
      }
      .lang {
        &:hover {
          background-color: rgba(var(--theme-default),1) !important;
        }
      }
    }
    .toggle-sidebar {
      svg {
        stroke: rgba(var(--theme-default),1);
      }
    }
    .page-wrapper {
      .page-body-wrapper {
        background-color: rgba(var(--dark-body-background),1);
      }
      .page-body-wrapper {
        .page-title {
          background-color: rgba(var(--dark-card-background),1);
        }
        .page-title {
          --tw-shadow: rgba(0,0,0,0.07) 0px 4px 40px;
          --tw-shadow-colored: 0px 4px 40px var(--tw-shadow-color);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
        }
        div.sidebar-wrapper {
          .sidebar-main {
            .sidebar-links {
              .simplebar-wrapper {
                .simplebar-mask {
                  .simplebar-content-wrapper {
                    .simplebar-content {
                      > li {
                        a {
                          svg {
                            &.stroke-icon {
                              stroke: rgba(var(--white),1);
                            }
                            &.fill-icon {
                              fill: rgba(var(--white),0.5);
                            }
                            &.fill-icon {
                              stroke: transparent;
                            }
                          }
                          &.active {
                            svg {
                              &.stroke-icon {
                                stroke: rgba(var(--theme-default),1);
                              }
                              &.fill-icon {
                                fill: rgba(var(--theme-default),1);
                              }
                              &.fill-icon {
                                stroke: transparent;
                              }
                            }
                          }
                        }
                      }
                    }
                  }
                }
              }
            }
          }
        }
        .sidebar-main {
          .sidebar-links {
            .sidebar-link.active {
              svg {
                &.stroke-icon {
                  stroke: rgba(var(--theme-default),1);
                }
              }
            }
            li {
              a {
                span {
                  color: rgba(var(--dark-all-font-color),1);
                }
              }
            }
            .simplebar-wrapper {
              .simplebar-mask {
                .simplebar-content-wrapper {
                  .simplebar-content {
                    > li {
                      .sidebar-link {
                        &.active {
                          background-color: rgba(var(--primary-color),0.2);
                        }
                      }
                      .sidebar-submenu {
                        li {
                          a {
                            color: rgba(var(--dark-all-font-color),1);
                          }
                          a {
                            &.active {
                              color: rgba(var(--theme-default),1);
                            }
                          }
                        }
                      }
                    }
                  }
                }
              }
            }
            .sidebar-list {
              ul.sidebar-submenu {
                li {
                  a {
                    span {
                      color: rgba(var(--dark-all-font-color),1);
                    }
                    &.active {
                      color: rgba(var(--theme-default),1);
                    }
                  }
                }
              }
            }
          }
        }
        .page-body {
          .animate-wrapper {
            .card {
              box-shadow: 1px 1px 2px 1px rgba(var(--dark-body-background), 0.9) !important;
            }
          }
        }
      }
      .page-header {
        --tw-shadow: 0px 3px 28px rgb(50 56 70);
        --tw-shadow-colored: 0px 3px 28px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
      }
      .badge-b-light {
        border-color: rgba(var(--white),0.4);
      }
      .badge-b-light {
        &.txt-dark {
          color: rgba(var(--white),0.6) !important;
        }
      }
      .badge-b-dark {
        border-color: rgba(var(--dark-all-font-color),1);
      }
      .badge-b-dark {
        &.txt-dark {
          color: rgba(var(--dark-all-font-color),1) !important;
        }
      }
      &.modern-type {
        .page-body-wrapper {
          &.default-menu {
            background-color: rgba(var(--dark-body-background),1);
          }
          &.default-menu {
            .page-title {
              border-color: none;
            }
            .page-title {
              background-color: transparent;
            }
          }
          .page-body {
            .page-title {
              background-color: unset;
            }
          }
        }
      }
      .sidebar-main-title {
        p {
          color: rgba(var(--dark-all-font-color),1);
        }
      }
      &.compact-wrapper {
        .page-body-wrapper {
          div.sidebar-wrapper {
            background-color: rgba(var(--dark-card-background),1);
          }
          div.sidebar-wrapper {
            .sidebar-main {
              .sidebar-links {
                .sidebar-link.active {
                  svg {
                    stroke: rgba(var(--theme-default),1);
                  }
                }
                li {
                  a {
                    span {
                      color: rgba(var(--dark-all-font-color),1);
                    }
                  }
                }
                .simplebar-wrapper {
                  .simplebar-mask {
                    .simplebar-content-wrapper {
                      .simplebar-content {
                        > li {
                          .sidebar-link {
                            &.active {
                              background-color: rgba(var(--primary-color),0.2);
                            }
                          }
                          .sidebar-submenu {
                            li {
                              a {
                                color: rgba(var(--dark-all-font-color),1);
                              }
                              a {
                                &.active {
                                  color: rgba(var(--theme-default),1);
                                }
                              }
                            }
                          }
                        }
                      }
                    }
                  }
                }
                .sidebar-list {
                  ul.sidebar-submenu {
                    li {
                      a {
                        span {
                          color: rgba(var(--dark-all-font-color),1);
                        }
                        &.active {
                          color: rgba(var(--theme-default),1);
                        }
                      }
                    }
                  }
                }
              }
            }
          }
          .according-menu {
            i {
              color: rgba(var(--dark-all-font-color),1);
            }
          }
        }
      }
      &.horizontal-wrapper {
        .page-body-wrapper {
          .sidebar-wrapper {
            border-top-width: 1px;
          }
          .sidebar-wrapper {
            border-style: solid;
          }
          .sidebar-wrapper {
            border-top-color: rgba(var(--dark-card-border),1);
          }
          .sidebar-wrapper {
            background-color: rgba(var(--dark-card-background),1);
          }
          .sidebar-wrapper {
            --tw-shadow: 0px 9px 24px rgb(50,56,70);
            --tw-shadow-colored: 0px 9px 24px var(--tw-shadow-color);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          }
          .sidebar-wrapper {
            .sidebar-main {
              .sidebar-links {
                .simplebar-wrapper {
                  .simplebar-mask {
                    .simplebar-content-wrapper {
                      .simplebar-content {
                        > li {
                          > a {
                            color: rgba(var(--dark-all-font-color),1);
                          }
                          .sidebar-submenu {
                            background-color: rgba(var(--dark-card-background),1);
                          }
                          .sidebar-submenu {
                            li {
                              a {
                                color: rgba(var(--dark-all-font-color),1);
                              }
                              a {
                                &.active,
                                  &:hover {
                                  color: rgba(var(--theme-default),1);
                                }
                              }
                              .sidebar-submenu {
                                background-color: rgba(var(--dark-card-background),1);
                              }
                            }
                          }
                        }
                      }
                    }
                  }
                }
              }
              .left-arrow,
                .right-arrow {
                background-color: rgba(var(--dark-card-background),1);
              }
              .left-arrow,
                .right-arrow {
                color: rgba(var(--dark-all-font-color),1);
              }
            }
          }
        }
      }
      &.compact-sidebar {
        .page-body-wrapper {
          div {
            &.sidebar-wrapper {
              > div {
                background-color: rgba(var(--dark-card-background),1);
              }
              .sidebar-main {
                .sidebar-links {
                  li {
                    .sidebar-title {
                      border-bottom-width: 1px;
                    }
                    .sidebar-title {
                      border-style: solid;
                    }
                    .sidebar-title {
                      border-bottom-color: rgba(var(--dark-card-border),1);
                    }
                    a {
                      span {
                        color: rgba(var(--dark-all-font-color),1);
                      }
                      svg {
                        stroke: rgba(var(--dark-all-font-color),1);
                      }
                    }
                    .sidebar-submenu {
                      background-color: rgba(var(--dark-card-background),1);
                    }
                    .sidebar-submenu {
                      li {
                        a {
                          border-bottom-width: 1px;
                        }
                        a {
                          border-style: solid;
                        }
                        a {
                          border-bottom-color: rgba(var(--dark-card-border),1);
                        }
                      }
                    }
                  }
                  .simplebar-wrapper {
                    .simplebar-mask {
                      .simplebar-content-wrapper {
                        .simplebar-content {
                          > li {
                            .sidebar-link {
                              &.active {
                                background-color: rgba(var(--theme-default),0.2);
                              }
                              &.active {
                                span {
                                  color: rgba(var(--theme-default),1);
                                }
                                svg {
                                  stroke: rgba(var(--theme-default),1);
                                }
                                svg {
                                  color: rgba(var(--theme-default),1);
                                }
                              }
                            }
                            .sidebar-submenu {
                              li {
                                a {
                                  color: rgba(var(--dark-all-font-color),1);
                                }
                              }
                            }
                          }
                        }
                      }
                    }
                  }
                  .sidebar-list {
                    ul.sidebar-submenu {
                      li {
                        a {
                          span {
                            color: rgba(var(--dark-all-font-color),1);
                          }
                          &.active {
                            color: rgba(var(--theme-default),1);
                          }
                        }
                      }
                    }
                  }
                }
              }
            }
          }
          .according-menu {
            i {
              color: rgba(var(--dark-all-font-color),1);
            }
          }
        }
      }
      &.compact-small {
        &.material-icon {
          .page-header {
            --tw-shadow-color: unset;
            --tw-shadow: var(--tw-shadow-colored);
          }
        }
      }
      &.material-type {
        .page-header {
          .header-wrapper {
            border-radius: 15px 15px 0 0;
          }
        }
      }
      &.material-icon {
        .page-header {
          .header-wrapper {
            background-color: rgba(var(--transparent-color),1);
          }
          .header-wrapper {
            .nav-right {
              .language-nav {
                .more_lang {
                  color: rgba(var(--white),1);
                }
              }
              .onhover-show-div {
                color: rgba(var(--white),1);
              }
              .flip-card {
                .flip-card-inner {
                  .back {
                    .flip-back-content {
                      input {
                        border-width: 1px;
                      }
                      input {
                        border-style: solid;
                      }
                      input {
                        border-color: rgba(var(--dark-border-color),1);
                      }
                      input {
                        background-color: rgba(var(--dark-body-background),1);
                      }
                      input {
                        color: rgba(var(--white),1);
                      }
                    }
                  }
                }
              }
            }
          }
          .header-logo-wrapper {
            background-color: rgba(var(--transparent-color),1);
          }
        }
        .page-body-wrapper {
          .page-body {
            background-color: rgba(var(--transparent-color),1);
          }
        }
      }
      &.advance-layout {
        background-color: rgba(var(--dark-body-background),1);
      }
      &.advance-layout {
        .page-header {
          .header-wrapper {
            background-color: rgba(var(--transparent-color),1);
          }
          .header-wrapper {
            .header-logo-wrapper {
              background-color: rgba(var(--transparent-color),1);
            }
          }
        }
        .page-body-wrapper {
          background-color: rgba(var(--transparent-color),1);
        }
        .page-body-wrapper {
          .page-body {
            background-color: rgba(var(--transparent-color),1);
          }
        }
      }
      &.material-icon {
        .page-body-wrapper {
          .page-title {
            border-color: none;
          }
          .page-title {
            background-color: transparent;
          }
          .page-title {
            --tw-shadow: 0 0 #0000;
            --tw-shadow-colored: 0 0 #0000;
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          }
        }
      }
      .page-header {
        .header-wrapper {
          .search-full {
            background-color: rgba(var(--dark-card-background),1);
          }
          .search-full {
            input {
              color: rgba(var(--dark-all-font-color),1);
            }
          }
        }
      }
    }
    ::-webkit-calendar-picker-indicator {
      --tw-contrast: contrast(0.2);
      filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    }
    .kanban-item {
      background-color: rgba(var(--dark-card-background),1);
    }
    .kanban-board-header {
      border-bottom-width: 1px;
    }
    .kanban-board-header {
      border-style: solid;
    }
    .kanban-board-header {
      border-bottom-color: rgba(var(--dark-card-border),1);
    }
    .kanban-board-header {
      background-color: rgba(var(--dark-body-background),1);
    }
    .kanban-board .kanban-drag {
      background-color: rgba(var(--dark-body-background),1);
    }
    .kanban-container {
      .kanban-board {
        background-color: rgba(var(--dark-body-background),1);
      }
      .kanban-board {
        .kanban-item {
          .kanban-box {
            .date {
              color: rgba(var(--dark-all-font-color),0.4);
            }
          }
        }
        footer {
          .btn {
            background-color: rgba(var(--dark-card-inbox),1);
          }
          .btn:hover {
            background-color: rgba(var(--dark-card-inbox),0.8);
          }
        }
      }
    }
    .project-box {
      border-width: 1px;
    }
    .project-box {
      border-style: solid;
    }
    .project-box {
      border-color: rgba(var(--theme-default),0.15);
    }
    .project-box {
      background-color: rgba(var(--dark-body-background),1);
    }
    .file-content {
      .form-inline {
        border-width: 1px;
      }
      .form-inline {
        border-style: solid;
      }
      .form-inline {
        border-color: rgba(var(--dark-body-background),1);
      }
      .folder .folder-box {
        border-width: 1px;
      }
      .folder .folder-box {
        border-style: solid;
      }
      .folder .folder-box {
        border-color: rgba(var(--theme-default),0.15);
      }
      .folder .folder-box {
        background-color: rgba(var(--dark-body-background),1);
      }
    }
    .file-sidebar {
      .pricing-plan {
        border-width: 1px;
      }
      .pricing-plan {
        border-style: solid;
      }
      .pricing-plan {
        border-color: rgba(var(--theme-default),0.15);
      }
      .btn-light {
        border-width: 1px;
      }
      .btn-light {
        border-style: solid;
      }
      .btn-light {
        border-color: rgba(var(--theme-default),0.15);
      }
      .btn-light {
        background-color: rgba(var(--dark-body-background),1);
      }
      .btn-light {
        color: rgba(var(--dark-all-font-color),1);
      }
    }
    #lnb {
      border-right-width: 1px;
    }
    #lnb {
      border-style: solid;
    }
    #lnb {
      border-right-color: rgba(var(--dark-card-border),1);
    }
    .lnb-new-schedule,
      .lnb-calendars > div {
      border-bottom-width: 1px;
    }
    .lnb-new-schedule,
      .lnb-calendars > div {
      border-style: solid;
    }
    .lnb-new-schedule,
      .lnb-calendars > div {
      border-bottom-color: rgba(var(--dark-card-border),1);
    }
    #menu .sidebar-list .btn-default {
      color: rgba(var(--dark-all-font-color),0.2);
    }
    .tui-full-calendar-timegrid-hour {
      background-color: rgba(var(--dark-card-background),1);
    }
    .tui-full-calendar-timegrid-hour {
      color: rgba(var(--white),1);
    }
    .tui-full-calendar-timegrid-gridline {
      border-bottom-width: 1px;
    }
    .tui-full-calendar-timegrid-gridline {
      border-style: solid;
    }
    .tui-full-calendar-timegrid-gridline {
      border-bottom-color: rgba(var(--dark-card-border),1);
    }
    .tui-full-calendar-time-date,
      .tui-full-calendar-weekday-grid-line,
      .tui-full-calendar-left,
      .tui-full-calendar-timegrid-timezone {
      border-right-color: rgba(var(--dark-card-border),1);
    }
    .tui-full-calendar-popup {
      color: rgba(var(--theme-body-font-color),1);
    }
    #menu {
      .btn-default {
        color: rgba(var(--dark-all-font-color),1);
      }
      .btn-default:hover {
        color: rgba(var(--theme-body-font-color),1);
      }
      .dropdown-menu {
        color: rgba(var(--dark-all-font-color),1);
      }
    }
    .tui-full-calendar-dayname-container,
      .tui-full-calendar-splitter {
      border-top-color: rgba(var(--dark-card-border),1);
    }
    .tui-full-calendar-dayname-container,
      .tui-full-calendar-splitter {
      border-bottom-color: rgba(var(--dark-card-border),1);
    }
    span.tui-full-calendar-dayname-date-area {
      color: rgba(var(--white),1);
    }
    .tui-full-calendar-layout {
      background-color: rgba(var(--dark-card-background),1);
    }
    .blockquote {
      border-left-width: 4px;
    }
    .blockquote {
      border-style: solid;
    }
    .blockquote {
      border-left-color: rgba(var(--dark-card-border),1);
    }
    .figure {
      &.text-end {
        blockquote {
          border-right-color: rgba(var(--dark-card-border),1);
        }
      }
    }
    .contacts-tabs {
      .nav-pills {
        border-right-width: 1px;
      }
      .nav-pills {
        border-style: solid;
      }
      .nav-pills {
        border-right-color: rgba(var(--dark-card-border),1);
      }
      .nav-pills {
        .nav-link {
          + .nav-link {
            border-top-width: 1px;
          }
          + .nav-link {
            border-style: solid;
          }
          + .nav-link {
            border-top-color: rgba(var(--dark-card-border),1);
          }
        }
      }
    }
    .product-wrapper {
      &.sidebaron {
        .product-sidebar {
          .filter-section {
            .card {
              .left-filter {
                background-color: rgba(var(--dark-card-background),1);
              }
            }
          }
        }
      }
    }
    .apexcharts-gridline {
      stroke: rgba(var(--dark-border-color),1);
    }
    .apexcharts-tooltip-title,
      .apexcharts-tooltip-series-group,
      .apexcharts-tooltip.light,
      .apexcharts-menu-item {
      color: rgba(var(--black),1);
    }
    .apexcharts-toolbar {
      .apexcharts-menu-open {
        border-color: rgba(var(--dark-card-inbox),1);
      }
      .apexcharts-menu-open {
        background-color: rgba(var(--dark-card-inbox),1);
      }
      .apexcharts-menu-open {
        .apexcharts-menu-item {
          color: rgba(var(--dark-all-font-color),1);
        }
        .apexcharts-menu-item {
          opacity: 0.9;
        }
        .apexcharts-menu-item {
          &:hover {
            background-color: rgba(var(--dark-body-background),1);
          }
        }
      }
    }
    .small-donut,
      .donut-peity2,
      .pie-peity {
      ~ svg,
        svg {
        path {
          &:nth-child(even) {
            fill: rgba(var(--dark-body-background),1);
          }
        }
      }
    }
    .appointment-table {
      table {
        tr {
          td {
            &.img-content-box {
              .font-roboto {
                color: rgba(var(--dark-all-font-color),1);
              }
            }
          }
        }
      }
    }
    .notification {
      .card {
        .flex {
          .w-full {
            p {
              span {
                color: rgba(var(--dark-all-font-color),1);
              }
            }
            span {
              color: rgba(var(--dark-all-font-color),1);
            }
          }
        }
      }
    }
    .datepicker {
      background-color: rgba(var(--dark-card-inbox),1);
    }
    .datepicker {
      color: rgba(var(--dark-all-font-color),1);
    }
    .datepicker {
      .datepicker--cell.-current- {
        color: rgba(var(--white),1);
      }
      .datepicker--cell.-current-.-focus- {
        color: rgba(var(--white),1);
      }
      .datepicker--cell-day.-other-month-,
        .datepicker--cell-year.-other-decade- {
        color: rgba(var(--white),0.4);
      }
      .datepicker--nav {
        border-bottom-width: 1px;
      }
      .datepicker--nav {
        border-style: solid;
      }
      .datepicker--nav {
        border-bottom-color: rgba(var(--dark-card-border),1);
      }
      .datepicker--pointer {
        border-top-color: rgba(var(--dark-card-inbox),1);
      }
      .datepicker--pointer {
        border-right-color: rgba(var(--dark-card-inbox),1);
      }
      .datepicker--pointer {
        background-color: rgba(var(--dark-card-inbox),1);
      }
    }
    [class*="activity-dot-"] {
      background-color: rgba(var(--dark-card-background),1);
    }
    .sm-progress-bar {
      background-color: rgba(var(--dark-body-background),1);
    }
    .alert-addition-content {
      .alert {
        &[class*="bg-light-"] {
          p {
            color: rgba(var(--white),0.6);
          }
        }
      }
    }
    .options {
      > div {
        border-width: 1px;
      }
      > div {
        border-style: solid;
      }
      > div {
        border-color: rgba(var(--dark-card-border),1);
      }
    }
    .was-validated {
      .custom-control-input {
        &:invalid {
          ~ .custom-control-label {
            &::before {
              background-color: rgba(var(--dark-body-background),1);
            }
          }
        }
      }
    }
    .pricing-simple {
      box-shadow: 1px 1px 2px 1px rgba(var(--dark-body-background), 1) !important;
    }
    .pricing-block {
      --tw-shadow: 0 0 10px 5px rgba(var(--theme-default),0.05);
      --tw-shadow-colored: 0 0 10px 5px var(--tw-shadow-color);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
    .search-page {
      .nav {
        &.nav-tabs {
          border-bottom-color: unset;
        }
      }
      ul {
        &.search-info {
          li {
            color: rgba(var(--dark-small-font-color),1);
          }
          li {
            + li {
              border-left-width: 1px;
            }
            + li {
              border-style: solid;
            }
            + li {
              border-left-color: rgba(var(--light-all-font-color),1);
            }
          }
        }
      }
      .info-block {
        border-color: rgba(var(--dark-card-border),1);
      }
      .info-block {
        a {
          color: rgba(var(--dark-all-font-color),1);
        }
      }
      p:not(.blog-details p) {
        color: rgba(var(--dark-all-font-color),0.4);
      }
      .audio-card {
        .audio-content {
          span {
            color: rgba(var(--dark-all-font-color),0.4);
          }
        }
      }
      .audio-wrapper {
        table {
          &.audio-table {
            &.table-hover {
              thead,
                tbody {
                tr {
                  &:hover {
                    background-color: rgba(var(--dark-datatable-sorting-even),1);
                  }
                }
              }
            }
          }
        }
      }
    }
    .browse {
      .browse-articles {
        h6 {
          border-bottom-width: 1px;
        }
        h6 {
          border-style: solid;
        }
        h6 {
          border-bottom-color: rgba(var(--dark-card-border),1);
        }
      }
    }
    .job-search {
      .job-description {
        ul:not(.job-apply-wrapper .job-search .job-description ul) {
          li {
            color: rgba(var(--dark-all-font-color),0.4);
          }
        }
        .theme-form {
          .grid {
            div[class^="col-"] {
              .input-group {
                .datepicker-here {
                  border-width: 1px;
                }
                .datepicker-here {
                  border-style: solid;
                }
                .datepicker-here {
                  border-color: rgba(var(--dark-body-background),1);
                }
              }
            }
          }
        }
        ul {
          li {
            color: rgba(var(--dark-all-font-color),0.4);
          }
        }
      }
    }
    .calendar-wrap {
      .fc-unthemed {
        td,
          th {
          border-color: rgba(var(--dark-body-background),1);
        }
      }
    }
    .mega-inline,
      .mega-horizontal,
      .mega-vertical {
      --bs-body-color: rgba(255, 255, 255, 0.6);
      .card {
        border-color: rgba(var(--dark-card-border),1);
      }
      .card {
        --tw-shadow: 1px 1px 7px 0 rgba(var(--dark-card-border),0.5) !important;
        --tw-shadow-colored: 1px 1px 7px 0 var(--tw-shadow-color) !important;
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
      }
      &.plain-style,
        &.border-style,
        &.offer-style {
        .card {
          --tw-shadow: 0 0 #0000;
          --tw-shadow-colored: 0 0 #0000;
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
        }
      }
      &.border-style {
        .card {
          border-width: 1px;
        }
        .card {
          border-style: solid;
        }
        .card {
          border-color: rgba(var(--dark-card-border),1);
        }
      }
      &.offer-style {
        .card {
          border-width: 1px;
        }
        .card {
          border-style: dashed;
        }
        .card {
          border-color: rgba(var(--dark-card-border),1);
        }
      }
    }
    .setting-dot {
      .setting-bg {
        background-color: rgba(var(--theme-secondary),1);
      }
    }
    .bookmark.pull-right {
      border-color: none;
    }
    .popover {
      background-color: rgba(var(--dark-body-background),1);
    }
    .popover {
      --bs-popover-header-bg: unset;
      &.bs-popover-bottom {
        .popover-arrow {
          &:after {
            border-bottom-color: rgba(var(--dark-body-background),1);
          }
          &:after {
            border-right-color: rgba(var(--transparent-color),1);
          }
        }
      }
      &.bs-popover-top {
        .popover-arrow {
          &:after {
            border-right-color: rgba(var(--transparent-color),1);
          }
          &:after {
            border-top-color: rgba(var(--dark-body-background),1);
          }
        }
      }
      &.bs-popover-start {
        .popover-arrow {
          &:after {
            border-left-color: rgba(var(--dark-body-background),1);
          }
        }
      }
      &[data-popper-placement="left"] {
        .popover-arrow {
          &:after {
            border-left-color: rgba(var(--dark-body-background),1);
          }
        }
      }
      &[data-popper-placement="right"] {
        .popover-arrow {
          &:after {
            border-right-color: rgba(var(--dark-body-background),1);
          }
        }
      }
      &[data-popper-placement="top"] {
        .popover-arrow {
          &:after {
            border-top-color: rgba(var(--dark-body-background),1);
          }
        }
      }
      &[data-popper-placement="bottom"] {
        .popover-arrow {
          &:after {
            border-bottom-color: rgba(var(--dark-body-background),1);
          }
        }
      }
      .popover-header {
        background-color: rgba(var(--dark-card-background),1);
      }
      .popover-body {
        color: rgba(255,255,255,0.6);
      }
      code {
        background-color: unset;
      }
    }
    .apex-chart-container {
      .apexcharts-legend {
        .apexcharts-legend-series {
          span {
            color: rgba(var(--dark-all-font-color),1);
          }
        }
      }
    }
    .order-container {
      .apexcharts-canvas {
        .apexcharts-marker {
          stroke: rgba(var(--dark-card-background),1);
        }
      }
    }
    .apexcharts-canvas {
      svg {
        .apexcharts-title-text {
          fill: rgba(var(--white),1);
        }
        .apexcharts-subtitle-text {
          fill: rgba(var(--white),1);
        }
        .apexcharts-yaxis {
          .apexcharts-yaxis-texts-g {
            .apexcharts-yaxis-label {
              fill: rgba(var(--white),1);
            }
          }
        }
        .apexcharts-xaxis {
          .apexcharts-xaxis-texts-g {
            .apexcharts-xaxis-label {
              fill: rgba(var(--white),1);
            }
          }
        }
        .apexcharts-legend-series {
          span {
            color: rgba(var(--dark-all-font-color),1) !important;
          }
        }
        .apexcharts-datalabels-group {
          .apexcharts-datalabel-label {
            fill: rgba(var(--white),1);
          }
          .apexcharts-datalabel-value {
            fill: rgba(var(--white),1);
          }
        }
      }
    }
    .our-product-wrapper {
      .our-product-content {
        .btn {
          border-color: rgba(var(--dark-card-border),1);
        }
      }
    }
    .Typeahead-menu {
      background-color: rgba(var(--dark-body-background),1);
    }
    .ecommerce-widget {
      border-width: 1px;
    }
    .ecommerce-widget {
      border-style: solid;
    }
    .ecommerce-widget {
      border-color: rgba(var(--dark-border-color),1);
    }
    .bookmark {
      ul {
        li {
          .search-form {
            .form-control-search {
              input {
                border-width: 1px;
              }
              input {
                border-style: solid;
              }
              input {
                border-color: rgba(var(--dark-border-color),1);
              }
              input {
                background-color: rgba(var(--dark-body-background),1);
              }
              input {
                color: rgba(var(--dark-all-font-color),1);
              }
              &:before {
                background-color: rgba(var(--dark-border-color),1);
              }
            }
          }
        }
      }
    }
    .cart {
      .qty-box {
        .input-group {
          .btn {
            border-color: rgba(var(--dark-card-border),1);
          }
          .btn {
            --tw-bg-opacity: 1;
            background-color: rgb(46 54 72 / var(--tw-bg-opacity, 1));
          }
        }
      }
    }
    .shopping-checkout-option {
      .checkbox_animated {
        &:after {
          border-width: 2px !important;
        }
        &:after {
          border-width: 2px;
        }
        &:after {
          border-style: solid;
        }
        &:after {
          border-color: rgba(var(--dark-card-background),1);
        }
      }
    }
    .animate-chk {
      .radio_animated {
        &:after {
          border-width: 2px !important;
        }
        &:after {
          border-width: 2px;
        }
        &:after {
          border-style: solid;
        }
        &:after {
          border-color: rgba(var(--dark-border-color),1);
        }
      }
    }
    .custom-scrollbar {
      &::-webkit-scrollbar-thumb {
        background-color: rgba(41,50,64,0.52);
      }
    }
    .product-box {
      .product-img {
        .product-hover {
          ul {
            li {
              .btn {
                color: rgba(var(--dark-small-font-color),1);
              }
              &:hover {
                .btn {
                  color: rgba(var(--white),1);
                }
              }
            }
            li:not(.product-wrapper-grid .product-box .product-hover li) {
              background-color: rgba(var(--dark-body-background),1);
            }
            i {
              color: rgba(var(--dark-all-font-color),1);
            }
          }
        }
      }
    }
    .radio_animated,
      .checkbox_animated {
      &:after {
        border-width: 2px !important;
      }
      &:after {
        border-width: 2px;
      }
      &:after {
        border-style: solid;
      }
      &:after {
        border-color: rgba(var(--dark-body-background),1);
      }
      &:after {
        background-color: rgba(var(--dark-body-background),1);
      }
    }
    .slider-product {
      border-top-width: 1px;
    }
    .slider-product {
      border-bottom-width: 1px;
    }
    .slider-product {
      border-style: solid;
    }
    .slider-product {
      border-top-color: rgba(var(--dark-border-color),1);
    }
    .slider-product {
      border-bottom-color: rgba(var(--dark-border-color),1);
    }
    .square-product-setting {
      .icon-grid {
        background-color: rgba(var(--dark-card-background),1);
      }
      .icon-grid {
        svg {
          color: rgba(var(--dark-all-font-color),1);
        }
      }
    }
    .active-order-table,
      .market-table {
      table {
        thead {
          tr {
            th {
              border-top-color: none;
            }
          }
        }
        tbody {
          tr {
            td {
              border-bottom-width: 1px;
            }
            td {
              border-style: solid;
            }
            td {
              border-bottom-color: rgba(var(--dark-border-color),1);
            }
            &:last-child {
              td {
                border-bottom-color: none;
              }
            }
          }
        }
      }
    }
    .pricing-card-design-2 {
      .pricing-block {
        .pricing-inner {
          ul {
            li {
              border-bottom-width: 1px;
            }
            li {
              border-style: solid;
            }
            li {
              border-bottom-color: rgba(var(--dark-border-color),1);
            }
          }
        }
      }
    }
    .flot-chart-container {
      .legend {
        .table {
          tbody {
            background-color: rgba(var(--dark-card-background),1);
          }
          tbody {
            color: rgba(var(--white),1);
          }
          tbody {
            .legendLabel {
              padding-left: 5px;
            }
          }
        }
      }
    }
    .google-visualization-tooltip {
      text {
        fill: rgba(0,0,0,0.7);
      }
    }
    .nav-dark,
      .nav-pills.nav-dark {
      .nav-link {
        color: rgba(var(--white),1);
      }
    }
    .loader-wrapper {
      background-color: rgba(var(--dark-body-background),1);
    }
    .loader-wrapper {
      .loader {
        background-color: rgba(var(--dark-body-background),1);
      }
    }
    .page-wrapper {
      .sidebar-main-title {
        h6 {
          color: rgba(var(--dark-all-font-color),1);
        }
      }
      .page-header {
        .translate_wrapper {
          .active {
            .more_lang {
              background-color: rgba(var(--dark-body-background),1) !important;
            }
            .lang {
              background-color: rgba(var(--dark-card-background),1);
            }
          }
        }
        form {
          background-color: rgba(var(--dark-body-background),1);
        }
        .header-wrapper {
          background-color: rgba(var(--dark-card-background),1);
        }
        .header-wrapper {
          li {
            i {
              color: rgba(var(--light-color),1);
            }
          }
          .nav-right {
            > ul {
              > li {
                svg {
                  stroke: rgba(var(--white),1);
                }
                .mode {
                  svg {
                    fill: rgba(var(--white),1);
                  }
                }
              }
            }
            &.right-header {
              > ul {
                > li {
                  .profile-media {
                    .grow {
                      p {
                        color: rgba(var(--dark-all-font-color),1);
                      }
                    }
                    .profile-content {
                      p {
                        color: rgba(var(--white),0.6);
                      }
                    }
                  }
                }
              }
            }
            .nav-menus {
              li {
                .flex {
                  .grow {
                    .txt-dark {
                      color: rgba(var(--dark-all-font-color),1);
                    }
                  }
                }
                .onhover-show-div {
                  background-color: rgba(var(--dark-body-background),1);
                }
                .onhover-show-div {
                  --tw-shadow: 0 0 14px rgba(var(--dark-body-background),1);
                  --tw-shadow-colored: 0 0 14px var(--tw-shadow-color);
                  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
                }
                .onhover-show-div::before {
                  content: var(--tw-content);
                  border-bottom-width: 7px;
                }
                .onhover-show-div::before {
                  content: var(--tw-content);
                  border-style: solid;
                }
                .onhover-show-div::before {
                  content: var(--tw-content);
                  border-bottom-color: rgba(var(--dark-body-background),1);
                }
                .onhover-show-div::after {
                  content: var(--tw-content);
                  border-bottom-width: 7px;
                }
                .onhover-show-div::after {
                  content: var(--tw-content);
                  border-style: solid;
                }
                .onhover-show-div::after {
                  content: var(--tw-content);
                  border-bottom-color: rgba(var(--dark-body-background),1);
                }
                .onhover-show-div {
                  li {
                    border-color: rgba(var(--dark-card-background),1);
                  }
                  p {
                    color: rgba(var(--dark-all-font-color),1);
                  }
                }
                .notification-dropdown.onhover-show-div {
                  li {
                    background-color: rgba(var(--dark-card-background),1);
                  }
                  li {
                    span {
                      color: rgba(var(--dark-small-font-color),1);
                    }
                  }
                  .bg-light {
                    --tw-bg-opacity: 1;
                    background-color: rgb(40 46 56 / var(--tw-bg-opacity, 1));
                  }
                  .bg-light {
                    color: rgba(var(--dark-all-font-color),1);
                  }
                }
              }
            }
            .profile-dropdown {
              li {
                a {
                  color: rgba(var(--dark-all-font-color),1);
                }
                a:hover {
                  color: rgba(var(--theme-default),1);
                }
                a {
                  svg {
                    path,
                      line,
                      circle {
                      color: rgba(var(--dark-all-font-color),1);
                    }
                  }
                  &:hover {
                    svg {
                      line,
                        path,
                        circle {
                        color: rgba(var(--theme-default),1);
                      }
                    }
                  }
                }
              }
            }
            > ul {
              > li {
                .flex {
                  .grow {
                    .txt-dark {
                      color: rgba(var(--dark-all-font-color),1);
                    }
                  }
                }
                .onhover-show-div {
                  background-color: rgba(var(--dark-body-background),1);
                }
                .onhover-show-div {
                  --tw-shadow: 0 0 2px 2px rgba(var(--dark-card-background),1);
                  --tw-shadow-colored: 0 0 2px 2px var(--tw-shadow-color);
                  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
                }
                .onhover-show-div::before {
                  content: var(--tw-content);
                  border-bottom-width: 7px;
                }
                .onhover-show-div::before {
                  content: var(--tw-content);
                  border-style: solid;
                }
                .onhover-show-div::before {
                  content: var(--tw-content);
                  border-bottom-color: rgba(var(--dark-body-background),1);
                }
                .onhover-show-div::after {
                  content: var(--tw-content);
                  border-bottom-width: 7px;
                }
                .onhover-show-div::after {
                  content: var(--tw-content);
                  border-style: solid;
                }
                .onhover-show-div::after {
                  content: var(--tw-content);
                  border-bottom-color: rgba(var(--dark-body-background),1);
                }
              }
            }
            .bookmark-flip {
              .bookmark-dropdown {
                .bookmark-content {
                  .bookmark-icon {
                    background-color: rgba(var(--dark-card-background),1);
                  }
                }
              }
            }
          }
        }
        .header-logo-wrapper {
          background-color: rgba(var(--dark-card-background),1);
        }
        .header-logo-wrapper {
          .logo-wrapper {
            a {
              .image-dark {
                display: none;
              }
              .image-light {
                display: block;
              }
              .image-light {
                display: block;
              }
            }
          }
        }
      }
      .page-body-wrapper {
        .page-body {
          .topper-lists {
            table {
              tbody {
                tr {
                  td {
                    p {
                      color: rgba(var(--dark-small-font-color),1);
                    }
                  }
                }
              }
            }
          }
          .header-small {
            color: rgba(var(--dark-small-font-color),1);
          }
          .statistics {
            p {
              color: rgba(var(--dark-small-font-color),1);
            }
          }
          .feather-main,
            .professor-table {
            .grow,
              .professor-block {
              p {
                color: rgba(var(--dark-small-font-color),1);
              }
            }
          }
          .logs-element {
            span {
              + span {
                color: rgba(var(--dark-small-font-color),1);
              }
            }
          }
          .progress-block {
            .progress-title {
              span {
                + span {
                  color: rgba(var(--dark-small-font-color),1);
                }
              }
            }
          }
          .ecommerce-icons {
            div {
              span {
                color: rgba(var(--dark-small-font-color), 1);
              }
            }
          }
          .new-users,
            .progress-media {
            .flex {
              .grow {
                span {
                  color: rgba(var(--dark-small-font-color), 1);
                }
              }
            }
            .progress-change {
              span {
                color: rgba(var(--dark-small-font-color), 1);
              }
            }
          }
          .topper-lists {
            table {
              tbody {
                tr {
                  td {
                    border-bottom-width: 1px;
                  }
                  td {
                    border-style: solid;
                  }
                  td {
                    border-bottom-color: rgba(var(--dark-card-border),1);
                  }
                  td {
                    border-top-color: none;
                  }
                  &:last-child {
                    td {
                      border-bottom-color: none;
                    }
                  }
                }
              }
            }
          }
          .notifiaction-media {
            .flex {
              .grow {
                .circle-left {
                  border-width: 5px;
                }
                .circle-left {
                  border-style: solid;
                }
                .circle-left {
                  --tw-border-opacity: 1;
                  border-color: rgb(51 65 84 / var(--tw-border-opacity, 1));
                }
              }
            }
          }
          .upcoming-event {
            .upcoming-innner {
              border-bottom-width: 1px;
            }
            .upcoming-innner {
              border-style: solid;
            }
            .upcoming-innner {
              border-bottom-color: rgba(var(--dark-border-color),1);
            }
            .upcoming-innner:last-child {
              border-bottom-color: none;
            }
          }
          .professor-table {
            table {
              tbody {
                tr {
                  td {
                    border-top-color: none;
                  }
                }
              }
            }
          }
          .number-widgets {
            .flex {
              .grow {
                h6 {
                  color: rgba(var(--dark-all-font-color),1);
                }
              }
            }
          }
          .activity {
            .flex {
              .grow {
                h6 {
                  span {
                    color: rgba(var(--dark-small-font-color),1);
                  }
                }
              }
            }
          }
          .card.custom-card {
            .card-header {
              border-bottom-color: none;
            }
          }
        }
        .custom-card .card-header img {
          background-color: rgba(var(--black),1);
        }
        .custom-card .card-header img {
          opacity: 0.8;
        }
        .page-title {
          .grid {
            h3 {
              color: rtgba(var(--dark-all-font-color),1);
            }
            h3 {
              small {
                color: rgba(var(--dark-small-font-color),1);
              }
            }
          }
          .breadcrumb {
            li {
              color: rgba(var(--dark-all-font-color),1);
            }
            .breadcrumb-item {
              a {
                svg {
                  stroke: rgba(var(--dark-all-font-color),1);
                }
              }
              & + .breadcrumb-item {
                &:before {
                  color: rgba(var(--dark-all-font-color),1);
                }
              }
            }
          }
        }
        .page-body {
          background-color: rgba(var(--dark-body-background),1);
        }
        .page-body {
          .card:not(.email-body) {
            box-shadow: 1px 1px 2px 1px rgba(29, 28, 28, 0.08);
            &.widget-1 {
              background-blend-mode: color-burn;
            }
            &.widget-1 {
              .widget-round {
                .bg-round {
                  --tw-shadow: 1px 2px 21px -2px rgba(14,14,16,0.83);
                  --tw-shadow-colored: 1px 2px 21px -2px var(--tw-shadow-color);
                  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
                }
                .bg-round {
                  .half-circle {
                    background-color: rgba(49,53,66,0);
                  }
                }
              }
            }
            &.social-profile {
              background-color: rgba(var(--dark-body-background),1);
            }
            &.social-profile {
              background-blend-mode: overlay;
            }
            .table {
              &.table-light {
                tr {
                  th,
                    td {
                    color: rgba(var(--theme-body-font-color),1);
                  }
                }
              }
              th,
                td {
                color: rgba(var(--dark-all-font-color),1) !important;
              }
            }
            table {
              thead {
                .border-bottom-light {
                  th {
                    &:not(.border-bottom-table thead .border-bottom-light th) {
                      border-bottom-width: 1px;
                    }
                    &:not(.border-bottom-table thead .border-bottom-light th) {
                      border-style: solid;
                    }
                    &:not(.border-bottom-table thead .border-bottom-light th) {
                      border-bottom-color: rgba(var(--dark-card-border),1) !important;
                    }
                  }
                }
              }
              tbody {
                .border-bottom-light {
                  td {
                    &:not(.border-bottom-table tbody .border-bottom-light td) {
                      border-bottom-width: 1px;
                    }
                    &:not(.border-bottom-table tbody .border-bottom-light td) {
                      border-style: solid;
                    }
                    &:not(.border-bottom-table tbody .border-bottom-light td) {
                      border-bottom-color: rgba(var(--dark-card-border),1);
                    }
                  }
                }
              }
            }
            &.trending-card {
              --tw-bg-opacity: 1;
              background-color: rgb(1 3 20 / var(--tw-bg-opacity, 1));
            }
            &.explore-card {
              background-color: rgba(var(--dark-card-background),1);
            }
            &.explore-card {
              background-blend-mode: overlay;
            }
            &.balance-box {
              border-color: transparent;
            }
            &.balance-box {
              --tw-bg-opacity: 1;
              background-color: rgb(22 23 28 / var(--tw-bg-opacity, 1));
            }
            &.balance-box {
              background-blend-mode: overlay;
            }
            .chart-block {
              #bar-chart2 {
                svg {
                  > rect {
                    fill: rgba(var(--dark-card-background),1);
                  }
                  > g {
                    text {
                      fill: rgba(var(--dark-all-font-color),1);
                    }
                  }
                }
              }
              .word-tree {
                svg {
                  > g {
                    > rect {
                      fill: rgba(var(--dark-card-background),1);
                    }
                    > text {
                      fill: rgba(var(--dark-all-font-color),1);
                    }
                  }
                }
              }
            }
            .card-header {
              border-bottom-width: 1px;
            }
            .card-header {
              border-style: solid;
            }
            .card-header {
              border-bottom-color: rgba(var(--dark-card-border),1);
            }
            .card-header {
              background-color: rgba(var(--transparent-color),1);
            }
            .card-header {
              > span {
                color: rgba(var(--dark-all-font-color),1);
              }
              p {
                color: rgba(var(--dark-all-font-color),0.4);
              }
              h1,
                h2,
                h3,
                h4,
                h5,
                h6 {
                color: rgba(var(--dark-all-font-color),1);
              }
              .card-header-right {
                background-color: rgba(var(--dark-card-background),1);
              }
              .card-header-right {
                i {
                  color: rgba(var(--dark-all-font-color),1);
                }
                i {
                  &.fa-cog {
                    color: rgba(var(--theme-default),1);
                  }
                }
              }
              &.note-toolbar {
                background-color: rgba(var(--dark-card-background),1);
              }
            }
            .alert-dark {
              color: rgba(var(--dark-small-font-color),1);
            }
            .alert-dark {
              a {
                color: rgba(var(--dark-small-font-color),1);
              }
            }
            .alert-primary {
              color: rgb(var(--white),1) !important;
            }
            .alert-primary {
              border-color: rgba(var(--theme-default),0.9) !important;
            }
            .alert-primary {
              background-color: rgba(var(--theme-default),0.8) !important;
            }
            .alert-primary {
              --tw-text-opacity: 1;
              color: rgb(255 255 255 / var(--tw-text-opacity, 1));
            }
            .alert-primary {
              &.inverse {
                border-width: 1px;
              }
              &.inverse {
                border-style: solid;
              }
              &.inverse {
                border-color: rgba(var(--theme-default),1);
              }
              &.inverse {
                color: rgba(var(--white),0.6);
              }
              &.inverse {
                background-color: transparent !important;
              }
            }
            .alert-light.outline,
              .alert-light.outline-2x,
              .alert-light.inverse {
              color: rgba(var(--dark-all-font-color),1);
            }
            #animation-box {
              .animate-widget {
                p {
                  color: rgba(var(--dark-small-font-color),1);
                }
              }
            }
            .grid-item {
              img {
                border-width: 1px;
              }
              img {
                border-style: solid;
              }
              img {
                border-color: rgba(var(--dark-card-border),1);
              }
              img {
                background-color: rgba(var(--dark-card-background),1);
              }
            }
            .line {
              color: rgba(var(--dark-all-font-color),1);
            }
            thead,
              tbody,
              tfoot,
              tr,
              td,
              th {
              border-color: rgba(var(--dark-card-border),1);
            }
            .table {
              th,
                td {
                color: rgba(var(--dark-all-font-color),1);
              }
              thead {
                th {
                  border-bottom-color: rgba(var(--dark-card-border),1);
                }
                .border-bottom-primary {
                  th {
                    border-bottom-color: var(--theme-default);
                  }
                }
              }
              .table-primary,
                .table-secondary,
                .table-success,
                .table-info,
                .table-warning,
                .table-light,
                .table-danger {
                th,
                  td {
                  color: rgba(var(--dark-card-background),1);
                }
              }
              .bg-primary,
                .bg-secondary,
                .bg-success,
                .bg-info,
                .bg-warning,
                .bg-danger {
                color: rgba(var(--white),1);
              }
              .bg-light {
                color: rgba(var(--black),1);
              }
              .thead-light {
                th {
                  color: rgba(var(--black),1);
                }
              }
              tbody {
                .border-bottom-primary {
                  th,
                    td {
                    border-bottom-width: 1px;
                  }
                  th,
                    td {
                    border-style: solid;
                  }
                  th,
                    td {
                    border-bottom-color: rgba(var(--theme-default),1);
                  }
                }
              }
            }
            .table[class*="bg-"] {
              th,
                td {
                color: rgba(var(--white),1);
              }
            }
            .table-striped {
              tbody {
                tr {
                  &:nth-of-type(odd) {
                    --bs-table-accent-bg: rgba(0, 0, 0, 0.05);
                    &:hover {
                      th,
                        td {
                        color: rgba(var(--white),1);
                      }
                    }
                  }
                }
              }
            }
            .table-double,
              .table-dotted,
              .table-dashed {
              border-left-color: rgba(var(--dark-card-border),1);
            }
            .table-double,
              .table-dotted,
              .table-dashed {
              border-right-color: rgba(var(--dark-card-border),1);
            }
            .table-bordered {
              border-color: rgba(var(--dark-card-border),1);
            }
            .table-bordered {
              td,
                th {
                border-color: rgba(var(--dark-card-border),1);
              }
            }
            .project-tabs{
              .tab-links{
                border-bottom: unset !important;
              }
            }
            .table-inverse {
              tbody {
                tr {
                  &:nth-of-type(odd) {
                    &:hover {
                      td {
                        color: rgba(var(--dark-all-font-color),1);
                      }
                    }
                  }
                }
              }
            }
            .table-border-vertical {
              tr,
                th,
                td {
                border-right-width: 1px;
              }
              tr,
                th,
                td {
                border-style: solid;
              }
              tr,
                th,
                td {
                border-right-color: rgba(var(--dark-border-color),1);
              }
            }
            .table-styling {
              thead,
                tbody {
                th,
                  td {
                  color: rgba(var(--white),1);
                }
              }
            }
            .card-footer {
              border-top-width: 1px;
            }
            .card-footer {
              border-style: solid;
            }
            .card-footer {
              border-top-color: rgba(var(--dark-card-border),1);
            }
            .card-footer {
              background-color: rgba(var(--dark-card-background),1);
            }
            .switch {
              .switch-state {
                background-color: rgba(var(--dark-body-background),1);
              }
              input {
                &:checked {
                  + .switch-state {
                    background-color: rgba(var(--theme-default),1);
                  }
                }
              }
            }
            .bg-white {
              background-color: rgba(var(--dark-card-background),1);
            }
            .bg-white {
              color: rgba(var(--white),0.6);
            }
            .ct-grid {
              stroke: rgba(var(--dark-border-color),1);
            }
            .ct-label {
              color: rgba(var(--dark-small-font-color),1);
            }
            hr {
              border-top-width: 1px !important;
            }
            hr {
              border-style: solid;
            }
            hr {
              border-top-color: rgba(var(--dark-card-inbox),0.8);
            }
            hr {
              &.dropdown-divider {
                border-color: rgba(var(--dark-border-color),1);
              }
            }
            .text-muted {
              color: rgba(var(--dark-all-font-color),1);
            }
            .btn-outline-light,
              .btn-outline-dark,
              .btn-outline-light-2x {
              border-width: 1px;
            }
            .btn-outline-light,
              .btn-outline-dark,
              .btn-outline-light-2x {
              border-style: solid;
            }
            .btn-outline-light,
              .btn-outline-dark,
              .btn-outline-light-2x {
              border-color: rgba(var(--dark-card-border),1);
            }
            .btn-outline-light,
              .btn-outline-dark,
              .btn-outline-light-2x {
              color: rgba(var(--white),1);
            }
            .btn-outline-light,
              .btn-outline-light-2x {
              &:hover,
                &:active {
                color: rgba(var(--black),1) !important;
              }
            }
            .border-right {
              border-right-width: 1px;
            }
            .border-right {
              border-style: solid;
            }
            .border-right {
              border-right-color: rgba(var(--dark-card-border),1);
            }
            .flot-chart-placeholder {
              .flot-text {
                color: rgba(var(--dark-all-font-color),1);
              }
              svg {
                text {
                  fill: rgba(var(--dark-all-font-color),1);
                }
              }
            }
            .dark-alert {
              &.alert-addition-content {
                .alert {
                  hr {
                    border-top-width: 1px;
                  }
                  hr {
                    border-style: solid;
                  }
                  hr {
                    border-top-color: rgba(var(--dark-card-border),1);
                  }
                }
              }
            }
            .chart-overflow {
              &#gantt_chart {
                svg {
                  g {
                    rect {
                      &:first-child {
                        fill: rgba(var(--dark-body-background),1);
                      }
                    }
                  }
                }
                rect {
                  &:nth-child(6) {
                    fill: rgba(var(--dark-body-background),1);
                  }
                }
              }
              &#line-chart,
                &#column-chart1,
                &#column-chart2 {
                rect {
                  fill: rgba(var(--dark-card-background),1);
                }
              }
              svg {
                > rect {
                  fill: rgba(var(--dark-card-background),1);
                }
                > g {
                  > g {
                    > g {
                      text {
                        fill: rgb(177,177,178);
                      }
                    }
                  }
                  > text {
                    fill: rgba(var(--dark-all-font-color),1);
                  }
                }
              }
            }
            .radial-bar {
              &:after {
                background-color: rgba(var(--dark-card-background),1);
              }
              &:after {
                color: rgba(var(--dark-all-font-color),1);
              }
            }
            .bar-chart-widget {
              .bottom-content {
                .num {
                  color: rgba(var(--dark-all-font-color),1);
                }
                .num {
                  .color-bottom {
                    color: rgba(var(--dark-all-font-color),1);
                  }
                }
              }
            }
            .chart-container {
              .live-products,
                .turnover,
                .monthly,
                .uses {
                .ct-labels {
                  .ct-label {
                    color: rgba(var(--white),1);
                  }
                }
                .ct-grid {
                  stroke: rgba(var(--white),1);
                }
              }
              #browser-uses-chart,
                #website-visiter-chart {
                svg {
                  text {
                    fill: rgba(var(--dark-all-font-color),1);
                  }
                }
              }
            }
            .status-details {
              h4 {
                color: rgba(var(--dark-all-font-color),1);
              }
              h4 {
                span {
                  color: rgba(var(--dark-all-font-color),1);
                }
              }
              span {
                color: rgba(var(--dark-small-font-color),1);
              }
            }
            .clipboaard-container {
              .form-control {
                border-width: 1px;
              }
              .form-control {
                border-style: solid;
              }
              .form-control {
                border-color: rgba(var(--dark-border-color),1);
              }
              .form-control {
                background-color: rgba(var(--dark-body-background),1);
              }
              .form-control {
                color: rgba(var(--dark-small-font-color),1);
              }
            }
            .img-thumbnail {
              border-width: 1px;
            }
            .img-thumbnail {
              border-style: solid;
            }
            .img-thumbnail {
              border-color: rgba(var(--dark-card-border),1);
            }
            .img-thumbnail {
              background-color: rgba(var(--white-bg),1);
            }
            .dataTables_wrapper {
              button {
                color: rgba(var(--black),1);
              }
              &.no-footer {
                .dataTables_scrollBody {
                  border-bottom-width: 1px;
                }
                .dataTables_scrollBody {
                  border-style: solid;
                }
                .dataTables_scrollBody {
                  border-bottom-color: rgba(var(--dark-body-background),1);
                }
              }
              .btn-danger,
                .btn-success,
                .btn-primary {
                color: rgba(var(--white),1);
              }
              .dataTables_length {
                select {
                  border-width: 1px;
                }
                select {
                  border-style: solid;
                }
                select {
                  border-color: rgba(var(--dark-border-color),1);
                }
                select {
                  background-color: rgba(var(--dark-body-background),1);
                }
                select {
                  color: rgba(var(--dark-all-font-color),1);
                }
              }
              .dataTables_length,
                .dataTables_filter,
                .dataTables_info,
                .dataTables_processing,
                .dataTables_paginate {
                color: rgba(var(--dark-all-font-color),1);
              }
              .dataTables_paginate {
                border-width: 1px;
              }
              .dataTables_paginate {
                border-style: solid;
              }
              .dataTables_paginate {
                border-color: rgba(var(--dark-border-color),1);
              }
              .dataTables_filter {
                input[type="search"] {
                  border-width: 1px;
                }
                input[type="search"] {
                  border-style: solid;
                }
                input[type="search"] {
                  border-color: rgba(var(--dark-border-color),1);
                }
                input[type="search"] {
                  background-color: rgba(var(--dark-body-background),1);
                }
                input[type="search"] {
                  color: rgba(var(--dark-all-font-color),1);
                }
              }
              table.dataTable.display,
                table.dataTable.order-column.stripe {
                tbody {
                  tr {
                    background-color: rgba(var(--dark-card-background),1);
                  }
                  tr {
                    &:hover {
                      > .sorting_1 {
                        background-color: rgba(var(--dark-datatable-sorting),1);
                      }
                    }
                  }
                  tr.odd {
                    background-color: rgba(var(--dark-datatable-odd),1);
                  }
                  tr.odd {
                    > .sorting_1 {
                      background-color: rgba(var(--dark-datatable-sorting),1);
                    }
                  }
                  tr.even {
                    > .sorting_1 {
                      background-color: rgba(var(--dark-datatable-sorting-even),1);
                    }
                  }
                }
              }
              table.dataTable {
                border-width: 1px;
              }
              table.dataTable {
                border-style: solid;
              }
              table.dataTable {
                border-color: rgba(var(--dark-border-color),1);
              }
              table.dataTable {
                thead {
                  th,
                    td {
                    border-bottom-width: 2px;
                  }
                  th,
                    td {
                    border-style: solid;
                  }
                  th,
                    td {
                    border-bottom-color: rgba(var(--dark-border-color),1);
                  }
                }
                input,
                  select {
                  border-width: 1px;
                }
                input,
                  select {
                  border-style: solid;
                }
                input,
                  select {
                  border-color: rgba(var(--dark-border-color),1);
                }
                input,
                  select {
                  background-color: rgba(var(--dark-body-background),1);
                }
                input,
                  select {
                  color: rgba(var(--dark-all-font-color),1);
                }
                tbody {
                  tr {
                    background-color: rgba(var(--dark-card-background),1);
                  }
                  td.select-checkbox,
                    th.select-checkbox {
                    &:before {
                      border-width: 1px;
                    }
                    &:before {
                      border-style: solid;
                    }
                    &:before {
                      border-color: rgba(var(--dark-small-font-color),1);
                    }
                  }
                }
              }
              .table-striped {
                tbody {
                  tr {
                    &:nth-of-type(odd) {
                      --bs-table-accent-bg: #1d1e26;
                    }
                  }
                }
              }
              .dataTables_paginate {
                .paginate_button {
                  color: rgba(var(--dark-all-font-color),1);
                }
                .paginate_button {
                  &.current,
                    &:active {
                    border-color: rgba(var(--theme-default),1);
                  }
                }
                .paginate_button.disabled {
                  color: rgba(var(--dark-small-font-color),1);
                }
                .paginate_button.disabled {
                  &:hover,
                    :active {
                    color: rgba(var(--dark-small-font-color),1);
                  }
                }
              }
              table.dataTable.row-border,
                table.dataTable.display {
                tbody {
                  th,
                    td {
                    border-top-width: 1px;
                  }
                  th,
                    td {
                    border-style: solid;
                  }
                  th,
                    td {
                    border-top-color: rgba(var(--dark-border-color),1);
                  }
                }
              }
              table.dataTable.display,
                table.dataTable.order-column.hover {
                tbody {
                  tr.even {
                    &:hover {
                      > .sorting_1 {
                        background-color: rgba(var(--dark-even-hover-sorting),1);
                      }
                    }
                  }
                }
              }
              table.dataTable.hover,
                table.dataTable.display {
                tbody {
                  tr {
                    &:hover {
                      background-color: rgba(var(--dark-datatable-sorting),1);
                    }
                  }
                }
              }
              table.dataTable.cell-border {
                th,
                  td {
                  border-top-width: 1px;
                }
                th,
                  td {
                  border-right-width: 1px;
                }
                th,
                  td {
                  border-style: solid;
                }
                th,
                  td {
                  border-top-color: rgba(var(--dark-border-color),1);
                }
                th,
                  td {
                  border-right-color: rgba(var(--dark-border-color),1);
                }
                th,
                  td {
                  &:first-child {
                    border-left-width: 1px;
                  }
                  &:first-child {
                    border-style: solid;
                  }
                  &:first-child {
                    border-left-color: rgba(var(--dark-border-color),1);
                  }
                }
              }
              table.dataTable.order-column,
                table.dataTable.display {
                tbody {
                  tr {
                    > .sorting_1,
                      > .sorting_2,
                      > .sorting_3 {
                      background-color: rgba(var(--dark-body-background),1);
                    }
                  }
                }
              }
            }
            #example-style-3_wrapper {
              #example-style-3 {
                tfoot {
                  border-top-width: 2px;
                }
                tfoot {
                  border-style: solid;
                }
                tfoot {
                  border-top-color: rgba(var(--dark-border-color),1);
                }
              }
            }
            .page-link {
              border-width: 1px;
            }
            .page-link {
              border-style: solid;
            }
            .page-link {
              border-color: rgba(var(--dark-card-border),1) !important;
            }
            .page-link {
              background-color: rgba(var(--dark-card-background),1);
            }
            .page-link {
              color: rgba(var(--dark-all-font-color),1);
            }
            .page-item.disabled {
              .page-link {
                border-color: rgba(var(--dark-border-color),1);
              }
              .page-link {
                background-color: rgba(var(--dark-card-background),1);
              }
            }
            .page-item {
              &:hover {
                .page-link {
                  background-color: rgba(var(--dark-body-background),1);
                }
              }
            }
            .page-item.active {
              .page-link {
                background-color: rgba(var(--dark-body-background),1);
              }
            }
            .ecommerce-widget {
              .icon {
                color: rgba(var(--dark-body-background),1);
              }
              .total-num {
                color: rgba(var(--dark-all-font-color),1);
              }
              .total-num {
                span {
                  color: rgba(var(--dark-all-font-color),1);
                }
              }
              span {
                color: rgba(var(--dark-small-font-color),1);
              }
            }
            .flot-chart-container-small {
              border-top-width: 1px;
            }
            .flot-chart-container-small {
              border-style: solid;
            }
            .flot-chart-container-small {
              border-top-color: rgba(var(--dark-border-color),1);
            }
            .flot-chart-container-small {
              background-color: rgba(var(--dark-card-background),1);
            }
            .product-table {
              #API-2_wrapper {
                #API-2 {
                  tbody {
                    td {
                      span,
                        p {
                        color: rgba(var(--dark-small-font-color),1);
                      }
                    }
                  }
                }
              }
              h6 {
                color: rgba(var(--dark-small-font-color),1);
              }
            }
            .border-tab {
              &.tab-links {
                border-bottom: 1px solid #1d1e26;
                .tab-link {
                  color: rgba(var(--dark-all-font-color),1);
                }
              }
              .tab-link {
                &.active,
                  &:focus,
                  &:hover {
                  color: rgba(var(--theme-default),1) !important;
                }
              }
            }
            .project-tabs {
              .nav-tabs {
                border-bottom-color: unset;
              }
            }
            .br-theme-bars-1to10,
              .br-theme-bars-movie,
              .br-theme-bars-pill,
              .br-theme-bars-reversed,
              .br-theme-bars-horizontal {
              .br-widget {
                a {
                  background-color: rgba(var(--dark-border-color),1);
                }
                a {
                  &.br-active,
                    &.br-selected {
                    background-color: rgba(var(--theme-default),1);
                  }
                }
              }
            }
            .br-theme-bars-square {
              .br-widget {
                a {
                  border-width: 2px !important;
                }
                a {
                  border-width: 2px;
                }
                a {
                  border-style: solid;
                }
                a {
                  border-color: rgba(var(--dark-border-color),1);
                }
                a {
                  background-color: rgba(var(--dark-card-background),1);
                }
                a {
                  color: rgba(var(--dark-all-font-color),1);
                }
                a {
                  &.br-active,
                    &.br-selected {
                    border-width: 2px !important;
                  }
                  &.br-active,
                    &.br-selected {
                    border-width: 2px;
                  }
                  &.br-active,
                    &.br-selected {
                    border-style: solid;
                  }
                  &.br-active,
                    &.br-selected {
                    border-color: rgba(var(--theme-default),1);
                  }
                  &.br-active,
                    &.br-selected {
                    color: rgba(var(--theme-default),1);
                  }
                }
              }
            }
            .br-theme-fontawesome-stars,
              .br-theme-fontawesome-stars-o {
              .br-widget {
                a {
                  &.br-selected,
                    &.br-active {
                    &:after {
                      color: rgba(var(--theme-default),1);
                    }
                  }
                }
              }
            }
            .scroll-demo {
              border-width: 1px;
            }
            .scroll-demo {
              border-style: solid;
            }
            .scroll-demo {
              border-color: rgba(var(--dark-card-border),1);
            }
            .vertical-scroll {
              &.scroll-demo {
                &:not(.default-scroll) {
                  border: unset;
                }
                .list-group {
                  .list-group-item {
                    &:hover {
                      z-index: 0;
                    }
                  }
                }
              }
            }
            .search-form {
              input {
                border-width: 1px;
              }
              input {
                border-style: solid;
              }
              input {
                border-color: rgba(var(--dark-border-color),1);
              }
              input {
                background-color: rgba(var(--dark-body-background),1);
              }
              input {
                color: rgba(var(--dark-all-font-color),1);
              }
              .form-group {
                &:before {
                  background-color: rgba(var(--dark-card-background),1);
                }
              }
            }
            .breadcrumb {
              &.bg-white {
                background-color: rgba(var(--dark-card-background),1);
              }
            }
            #donut-color-chart-morris-daily,
              #donut-color-chart-morris,
              #browser-uses-chart,
              #website-visiter-chart {
              svg {
                opacity: 0.5;
              }
            }
          }
          .collapse-horizontal {
            .card {
              background-color: rgba(var(--dark-body-background),1);
            }
          }
          .collapse-accordion {
            .btn-dark {
              &.show {
                .dark-accordion {
                  background-color: rgba(var(--dark-body-background),1);
                }
              }
            }
          }
          .social-app-profile1 {
            .social-app-profile {
              .common-user-image {
                background-color: rgba(var(--dark-body-background),1);
              }
            }
          }
          .modal-bookmark {
            .modal-content {
              .modal-body {
                .search-picker {
                  .dropdown-menu {
                    .dropdown-item {
                      border-color: rgba(var(--dark-card-border),1);
                    }
                  }
                }
              }
            }
          }
          .main-bookmark {
            .email-right-aside {
              .card-body {
                .details-bookmark {
                  .bookmark-card {
                    background-color: rgba(var(--dark-body-background),1);
                  }
                }
              }
            }
          }
          .email-wrap {
            .grow {
              h6 {
                color: rgba(var(--dark-all-font-color),1);
              }
            }
          }
          .bookmark-wrap {
            .main-bookmark {
              .bootstrap-select {
                .dropdown-toggle {
                  border-color: rgba(var(--dark-card-border),1);
                }
                .dropdown-menu {
                  li {
                    background-color: rgba(var(--dark-body-background),1);
                  }
                  li:hover {
                    background-color: rgba(var(--dark-card-inbox),1);
                  }
                  li {
                    &:hover {
                      .dropdown-item {
                        color: rgba(var(--dark-all-font-color),1);
                      }
                    }
                  }
                }
              }
            }
          }
          .contact-editform {
            .more-data {
              .bootstrap-select {
                .dropdown-toggle {
                  border-color: rgba(var(--transparent-color),1);
                }
                .dropdown-toggle {
                  background-color: rgba(var(--dark-body-background),1);
                }
                .dropdown-toggle {
                  .filter-option {
                    color: rgba(var(--light-all-font-color),1);
                  }
                }
              }
            }
          }
          .social-user-cards {
            .card {
              &.social-profile {
                background-blend-mode: overlay;
              }
              &.social-profile {
                .social-details {
                  .social-follow {
                    li {
                      + li {
                        &::before {
                          background-color: rgba(var(--light-all-font-color),1);
                        }
                      }
                    }
                  }
                }
              }
            }
          }
          .user-profile {
            .list-inline {
              .border-right {
                border-right-color: rgba(var(--dark-card-border),1);
              }
            }
            .common-user-image {
              .user-image {
                .avatar {
                  .common-align {
                    > div {
                      .icon-wrapper {
                        &#cancelButton {
                          i {
                            color: rgba(var(--dark-all-font-color),1);
                          }
                        }
                      }
                    }
                  }
                  .follow {
                    > div {
                      + div {
                        border-left-color: rgba(var(--dark-card-border),1);
                      }
                    }
                  }
                }
              }
            }
            .social-media {
              a {
                color: rgba(var(--white),0.8);
              }
            }
            .setting-wrapper {
              .common-flex {
                .btn {
                  color: rgba(var(--white),0.6) !important;
                }
              }
            }
          }
          .user-profile-wrapper {
            &.scope-bottom-wrapper {
              .sidebar-left-icons {
                .tab-link {
                  &.active {
                    .product-icons {
                      i {
                        color: rgba(var(--white),0.8);
                      }
                    }
                  }
                  .product-icons {
                    i {
                      color: rgba(var(--dark-all-font-color),0.4);
                    }
                  }
                }
              }
              .user-notifications {
                ul {
                  li {
                    > div {
                      p {
                        span {
                          color: rgba(var(--dark-all-font-color),0.3);
                        }
                      }
                      span {
                        color: rgba(var(--dark-all-font-color),0.4);
                      }
                    }
                  }
                }
              }
              .setting-wrapper {
                .form-label {
                  color: rgba(var(--dark-all-font-color),1);
                }
              }
            }
          }
          .product-sidebar {
            .filter-section {
              .card {
                border-color: unset;
              }
              .card {
                .card-header {
                  border-bottom-width: 0px;
                }
                .card-header {
                  background-color: rgba(var(--dark-card-background),1);
                }
              }
            }
          }
          #viewhtml {
            .render {
              border-color: rgba(var(--dark-border-color),1);
            }
            .render {
              background-color: rgba(var(--dark-card-background),1);
            }
            .render {
              color: rgba(var(--dark-all-font-color),1);
            }
          }
          .wizard-4 {
            ul.anchor {
              li {
                a.disabled {
                  color: rgba(var(--dark-body-background),1);
                }
              }
            }
          }
          .gallery-with-description {
            h4 {
              color: rgba(var(--white),0.8);
            }
            a {
              > div {
                border-width: 1px !important;
              }
              > div {
                border-style: solid !important;
              }
              > div {
                border-color: rgba(var(--dark-card-border),1) !important;
              }
              > div {
                border-top: none !important;
              }
            }
            p {
              color: rgba(var(--dark-all-font-color),1);
            }
          }
          .jsgrid-grid-header {
            border-width: 1px;
          }
          .jsgrid-grid-header {
            border-style: solid;
          }
          .jsgrid-grid-header {
            border-color: rgba(var(--dark-border-color),1);
          }
          .jsgrid-grid-header {
            background-color: rgba(var(--dark-card-background),1);
          }
          .jsgrid-header-row,
            .jsgrid-filter-row,
            .jsgrid-insert-row {
            > .jsgrid-header-cell,
              > .jsgrid-cell {
              border-width: 1px;
            }
            > .jsgrid-header-cell,
              > .jsgrid-cell {
              border-style: solid;
            }
            > .jsgrid-header-cell,
              > .jsgrid-cell {
              border-color: rgba(var(--dark-border-color),1);
            }
            > .jsgrid-header-cell,
              > .jsgrid-cell {
              background-color: rgba(var(--dark-card-background),1);
            }
            > .jsgrid-header-cell,
              > .jsgrid-cell {
              input:not(.jsgrid-button) {
                border-color: rgba(var(--dark-border-color),1);
              }
              input:not(.jsgrid-button) {
                background-color: rgba(var(--dark-body-background),1);
              }
              input:not(.jsgrid-button) {
                color: rgba(var(--dark-all-font-color),1);
              }
              input:not(.jsgrid-button) {
                &:focus {
                  outline: none;
                }
              }
            }
            select {
              border-color: rgba(var(--dark-border-color),1);
            }
            select {
              background-color: rgba(var(--dark-body-background),1);
            }
            select {
              color: rgba(var(--dark-all-font-color),1);
            }
          }
          .jsgrid-insert-row {
            > .jsgrid-cell {
              input:not(.jsgrid-button) {
                border-width: 1px;
              }
              input:not(.jsgrid-button) {
                border-style: solid;
              }
              input:not(.jsgrid-button) {
                border-color: rgba(var(--dark-border-color),1);
              }
              .jsgrid-button {
                background-color: unset;
              }
            }
          }
          .jsgrid-row {
            > .jsgrid-cell {
              background-color: rgba(var(--dark-card-background),1);
            }
          }
          .jsgrid-alt-row {
            > .jsgrid-cell {
              background-color: rgba(var(--dark-body-background),1);
            }
          }
          .jsgrid-cell,
            .jsgrid-grid-body {
            border-width: 1px;
          }
          .jsgrid-cell,
            .jsgrid-grid-body {
            border-style: solid;
          }
          .jsgrid-cell,
            .jsgrid-grid-body {
            border-color: rgba(var(--dark-border-color),1);
          }
          .jsgrid-selected-row {
            > .jsgrid-cell {
              background-color: rgba(var(--dark-datatable-sorting),1);
            }
          }
          .jsgrid {
            .jsgrid-pager {
              [class*="jsgrid-pager"] {
                border-width: 1px;
              }
              [class*="jsgrid-pager"] {
                border-style: solid;
              }
              [class*="jsgrid-pager"] {
                border-color: rgba(var(--dark-border-color),1);
              }
              .jsgrid-pager-page {
                a {
                  color: rgba(var(--dark-all-font-color),1);
                }
              }
            }
          }
          .jsgrid-pager-current-page {
            font-weight: 700;
          }
          .jsgrid-pager-current-page {
            color: rgba(var(--dark-all-font-color),1);
          }
          .sub-title {
            border-bottom-width: 1px;
          }
          .sub-title {
            border-style: solid;
          }
          .sub-title {
            border-bottom-color: rgba(var(--white),0.1);
          }
          .card {
            .sub-title {
              color: rgba(var(--dark-all-font-color),1);
            }
          }
          .navs-icon {
            li {
              a {
                color: rgba(var(--dark-all-font-color),1);
              }
              a:hover {
                color: rgba(var(--theme-default),1);
              }
            }
            .separator {
              border-bottom-width: 1px;
            }
            .separator {
              border-style: solid;
            }
            .separator {
              border-bottom-color: rgba(var(--dark-card-border),1);
            }
          }
          .default-according {
            li {
              .text-muted {
                color: rgba(var(--dark-all-font-color),1);
              }
            }
          }
          .navs-icon.default-according.style-1 {
            li {
              button {
                &:hover {
                  color: rgba(var(--theme-default),1);
                }
              }
            }
          }
          .nav-list {
            .nav-list-disc {
              li {
                a {
                  color: rgba(var(--dark-all-font-color),1);
                }
                &:hover {
                  color: rgba(var(--theme-default),1);
                }
                &:hover {
                  a {
                    color: rgba(var(--theme-default),1);
                  }
                }
              }
            }
          }
          .navs-dropdown {
            .onhover-show-div {
              background-color: rgba(var(--dark-body-background),1);
            }
            .onhover-show-div {
              --tw-shadow: 0 0 14px 0 rgba(var(--dark-body-background),1);
              --tw-shadow-colored: 0 0 14px 0 var(--tw-shadow-color);
              box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            }
            .onhover-show-div {
              .navs-icon {
                li {
                  p {
                    color: rgba(var(--white),1);
                  }
                  a {
                    svg {
                      path,
                        line,
                        polyline,
                        polygon,
                        rect {
                        color: rgba(var(--dark-all-font-color),1);
                      }
                    }
                    &:hover {
                      svg {
                        path,
                          line,
                          polyline,
                          polygon,
                          rect {
                          color: rgba(var(--theme-default),1);
                        }
                      }
                    }
                  }
                }
              }
            }
          }
          .onhover-dropdown {
            &:hover {
              .onhover-show-div {
                &:before {
                  border-bottom-width: 7px;
                }
                &:before {
                  border-style: solid;
                }
                &:before {
                  border-bottom-color: rgba(var(--dark-body-background),1);
                }
              }
            }
          }
          .default-according {
            .card {
              .btn-link {
                color: rgba(var(--dark-all-font-color),1);
              }
              .card-body {
                border-color: rgba(var(--dark-card-border),1);
              }
              .card-body {
                color: rgba(var(--dark-small-font-color),1);
              }
            }
          }
          .absolute {
            border: none;
          }
          .fill-wrapper {
            background-color: rgba(var(--dark-body-background),1);
          }
          .border-wrapper {
            border-width: 1px;
          }
          .border-wrapper {
            border-style: solid;
          }
          .border-wrapper {
            border-color: rgba(var(--dark-card-border),1);
          }
          .custom-border {
            border-color: rgba(var(--dark-card-border),1);
          }
          .custom-border-t {
            border-color: rgba(var(--dark-card-border),1);
          }
          .custom-border-l {
            border-color: rgba(var(--dark-card-border),1);
          }
          .custom-border-b {
            border-color: rgba(var(--dark-card-border),1);
          }
          .custom-border-r {
            border-color: rgba(var(--dark-card-border),1);
          }
          .border-1 {
            border-color: rgba(var(--dark-body-background),1);
          }
          .border-3 {
            border-width: 3px !important;
          }
          .border-3 {
            border-color: rgba(var(--dark-card-background),1);
          }
          .effective-card {
            .common-hover {
              .card-header {
                &.border-3 {
                  border-bottom-width: 1px !important;
                }
              }
            }
          }
          .subtract-border {
            &.border-wrapper {
              .helper-common-box {
                .basic_table {
                  .table {
                    thead,
                      tbody {
                      tr {
                        &[class*="table-"] {
                          th,
                            td {
                            color: rgba(var(--dark-all-font-color),1);
                          }
                        }
                      }
                    }
                  }
                }
                .border-opacity-wrapper {
                  .border {
                    border-color: rgba( var(--theme-default),var(--bs-border-opacity) );
                  }
                }
                .bg-opacity-wrapper {
                  .text-dark {
                    color: rgba(var(--dark-all-font-color),1);
                  }
                }
                .animate-wrapper {
                  .card {
                    --tw-shadow: 1px 1px 2px 1px rgba(var(--dark-body-background),0.9);
                    --tw-shadow-colored: 1px 1px 2px 1px var(--tw-shadow-color);
                    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
                  }
                }
              }
            }
          }
        }
        .sitemap-wrapper {
          .default-sitemap {
            .common-flex {
              a {
                color: rgba(var(--dark-all-font-color),0.4);
              }
            }
            .sub-title {
              border-bottom-width: thick;
            }
            .sub-title {
              border-style: solid;
            }
            .sub-title {
              border-bottom-color: rgba(var(--dark-card-inbox),1);
            }
          }
          .horizontal-sitemap {
            .main-site {
              li {
                > a {
                  background-color: rgba(var(--dark-body-background),0.29);
                }
                > a {
                  color: rgba(var(--dark-all-font-color),1);
                }
                .main-root {
                  background-color: rgba(var(--dark-body-background),1);
                }
                .main-root::after {
                  content: var(--tw-content);
                  border-color: rgba(var(--dark-card-border),1);
                }
              }
            }
            .tier-1 {
              border-color: rgba(var(--dark-card-border),1);
            }
            .tier-1::before {
              content: var(--tw-content);
              background-color: rgba(var(--dark-body-background),1);
            }
            .tier-1 {
              li {
                > a:not(.tier-2 li a) {
                  &:first-child {
                    background-color: rgba(var(--dark-body-background),0.6);
                  }
                  &:first-child {
                    &::before {
                      color: rgba(var(--dark-card-border),1);
                    }
                  }
                }
              }
              .tier-2 {
                border-color: rgba(var(--dark-card-border),1);
              }
              .tier-2 {
                li {
                  > a {
                    &::before {
                      color: rgba(var(--dark-card-border),1);
                    }
                  }
                  &:last-child {
                    &::after {
                      background-color: rgba(var(--dark-body-background),1);
                    }
                  }
                }
                .tier-3 {
                  border-color: rgba(var(--dark-card-border),1);
                }
              }
            }
          }
        }
        .footer {
          background-color: rgba(var(--dark-card-background),1);
        }
        .footer {
          p,
            span {
            color: rgba(var(--dark-all-font-color),1);
          }
        }
        .custom-select,
          .custom-file-label {
          background-color: rgba(var(--dark-body-background),1);
        }
        .custom-select,
          .custom-file-label {
          color: rgba(var(--dark-all-font-color),1);
        }
        .footer-fix {
          border-top-width: 1px;
        }
        .footer-fix {
          border-style: solid;
        }
        .footer-fix {
          border-top-color: rgba(var(--dark-border-color),1);
        }
        .footer-fix {
          background-color: rgba(var(--dark-card-background),1);
        }
      }
      .note {
        textarea {
          color: rgba(var(--dark-all-font-color),1);
        }
      }
      .dt-button-info {
        border-width: 1px;
      }
      .dt-button-info {
        border-style: solid;
      }
      .dt-button-info {
        border-color: rgba(var(--dark-small-font-color),1);
      }
      .dt-button-info {
        background-color: rgba(var(--dark-card-background),1);
      }
      .dt-button-info {
        h2 {
          background-color: rgba(var(--dark-card-background),1);
        }
      }
      pre {
        background-color: rgba(var(--dark-border-color),1);
      }
      pre {
        color: rgba(var(--dark-all-font-color),1);
      }
      .scorlled {
        background-color: rgba(var(--dark-body-background),1);
      }
      .input-group-air {
        --tw-shadow: 0 3px 20px 0 rgba(var(--dark-border-color),1);
        --tw-shadow-colored: 0 3px 20px 0 var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
      }
      .input-group-text {
        border-width: 1px;
      }
      .input-group-text {
        border-style: solid;
      }
      .input-group-text {
        border-color: rgba(var(--dark-card-border),1);
      }
      .input-group-text {
        background-color: rgba(var(--dark-card-background),1);
      }
      .input-group-text {
        color: rgba(var(--white),0.6);
      }
      .input-group-text {
        i {
          color: rgba(var(--white),0.6);
        }
      }
      .input-group-solid {
        .input-group-text,
          .form-control {
          border-width: 1px;
        }
        .input-group-text,
          .form-control {
          border-style: solid;
        }
        .input-group-text,
          .form-control {
          border-color: rgba(var(--dark-border-color),1);
        }
        .input-group-text,
          .form-control {
          background-color: rgba(var(--dark-body-background),1);
        }
        .input-group-text,
          .form-control {
          color: rgba(var(--dark-all-font-color),1);
        }
      }
      .semilight-bg-color,
        .header-bg-color {
        background-color: rgba(var(--white),1);
      }
      .list-group-item {
        border-width: 1px;
      }
      .list-group-item {
        border-style: solid;
      }
      .list-group-item {
        border-color: rgba(var(--white),0.3);
      }
      .list-group-item {
        background-color: rgba(var(--dark-card-background),1);
      }
      .list-group-item {
        color: rgba(var(--dark-all-font-color),1);
      }
      .list-group-item {
        + .list-group-item {
          border-top-width: 0px;
        }
        &.active {
          border-color: rgba(var(--theme-default),1);
        }
        &.active {
          background-color: rgba(var(--theme-default),1) !important;
        }
        &.active {
          color: rgba(var(--white),1);
        }
        &:hover,
          &:focus {
          z-index: 1;
        }
        &:hover,
          &:focus {
          text-decoration-line: none;
        }
      }
      .list-group-flush {
        .list-group-item {
          &:first-child {
            border-top: var(--transparent-color);
          }
          &:last-child {
            border-bottom: var(--transparent-color);
          }
        }
      }
      .list-group-item-action {
        &:hover:not(.active),
          &:focus {
          background-color: rgba(var(--dark-body-background),1);
        }
      }
      .contextual-wrapper {
        .list-group-item-action {
          &:hover {
            color: rgba(var(--white),0.6);
          }
        }
      }
      .list-group-flush {
        .list-group-item {
          border-radius: 0px;
        }
        .list-group-item {
          border-left-width: 0px;
          border-right-width: 0px;
        }
      }
      .dark-list {
        .list-group {
          .border-left-primary {
            border-left-width: 4px;
          }
          .border-left-primary {
            border-style: solid;
          }
          .border-left-primary {
            border-left-color: rgba(var(--theme-default),1);
          }
          .border-left-secondary {
            border-left-width: 4px;
          }
          .border-left-secondary {
            border-style: solid;
          }
          .border-left-secondary {
            border-left-color: rgba(var(--theme-secondary),1);
          }
          .border-left-warning {
            border-left-width: 4px;
          }
          .border-left-warning {
            border-style: solid;
          }
          .border-left-warning {
            border-left-color: rgba(var(--warning-color),1);
          }
          .border-left-success {
            border-left-width: 4px;
          }
          .border-left-success {
            border-style: solid;
          }
          .border-left-success {
            border-left-color: rgba(var(--success-color),1);
          }
          .border-left-info {
            border-left-width: 4px;
          }
          .border-left-info {
            border-style: solid;
          }
          .border-left-info {
            border-left-color: rgba(var(--info-color),1);
          }
          [dir="rtl"] & {
            [class*="border-left-"] {
              border-left-color: none;
            }
          }
        }
      }
      .list-group-item-primary {
        --tw-bg-opacity: 1;
        background-color: rgb(184 218 255 / var(--tw-bg-opacity, 1));
      }
      .list-group-item-primary {
        --tw-text-opacity: 1;
        color: rgb(0 64 133 / var(--tw-text-opacity, 1));
      }
      .list-group-item-secondary {
        --tw-bg-opacity: 1;
        background-color: rgb(214 216 219 / var(--tw-bg-opacity, 1));
      }
      .list-group-item-secondary {
        --tw-text-opacity: 1;
        color: rgb(56 61 65 / var(--tw-text-opacity, 1));
      }
      .list-group-item-success {
        --tw-bg-opacity: 1;
        background-color: rgb(195 230 203 / var(--tw-bg-opacity, 1));
      }
      .list-group-item-success {
        --tw-text-opacity: 1;
        color: rgb(21 87 36 / var(--tw-text-opacity, 1));
      }
      .list-group-item-danger {
        --tw-bg-opacity: 1;
        background-color: rgb(245 198 203 / var(--tw-bg-opacity, 1));
      }
      .list-group-item-danger {
        --tw-text-opacity: 1;
        color: rgb(114 28 36 / var(--tw-text-opacity, 1));
      }
      .list-group-item-warning {
        --tw-bg-opacity: 1;
        background-color: rgb(255 238 186 / var(--tw-bg-opacity, 1));
      }
      .list-group-item-warning {
        --tw-text-opacity: 1;
        color: rgb(133 100 4 / var(--tw-text-opacity, 1));
      }
      .list-group-item-info {
        --tw-bg-opacity: 1;
        background-color: rgb(190 229 235 / var(--tw-bg-opacity, 1));
      }
      .list-group-item-info {
        --tw-text-opacity: 1;
        color: rgb(12 84 96 / var(--tw-text-opacity, 1));
      }
      .list-group-item-light {
        --tw-bg-opacity: 1;
        background-color: rgb(253 253 254 / var(--tw-bg-opacity, 1));
      }
      .list-group-item-light {
        --tw-text-opacity: 1;
        color: rgb(129 129 130 / var(--tw-text-opacity, 1));
      }
      .list-group-item-dark {
        --tw-bg-opacity: 1;
        background-color: rgb(198 200 202 / var(--tw-bg-opacity, 1));
      }
      .list-group-item-dark {
        --tw-text-opacity: 1;
        color: rgb(27 30 33 / var(--tw-text-opacity, 1));
      }
      .auth-bg {
        background-color: rgba(54,64,74,0.9);
      }
      .auth-bg {
        background-blend-mode: overlay;
      }
      .auth-bg {
        .authentication-box {
          .card {
            background-color: rgba(var(--dark-card-background),1);
          }
          .card {
            .theme-form {
              .form-group {
                input {
                  border-width: 1px;
                }
                input {
                  border-style: solid;
                }
                input {
                  border-color: rgba(var(--dark-border-color),1);
                }
                input {
                  background-color: rgba(var(--dark-body-background),1);
                }
                input {
                  color: rgba(var(--dark-all-font-color),1);
                }
                label {
                  color: rgba(var(--dark-all-font-color),1);
                }
              }
              .checkbox {
                label {
                  color: rgba(var(--dark-all-font-color),1);
                }
                label::before {
                  content: var(--tw-content);
                  border-width: 1px;
                }
                label::before {
                  content: var(--tw-content);
                  border-style: solid;
                }
                label::before {
                  content: var(--tw-content);
                  border-color: rgba(var(--dark-border-color),1);
                }
                label::before {
                  content: var(--tw-content);
                  background-color: rgba(var(--dark-body-background),1);
                }
              }
            }
          }
          h3,
            h4,
            h6 {
            color: rgba(var(--white),1);
          }
        }
      }
      .auth-bg-video {
        background-color: rgba(54,64,74,0.7);
      }
      .auth-bg-video {
        background-blend-mode: overlay;
      }
      .auth-bg-video {
        .authentication-box {
          h4,
            h3 {
            color: rgba(var(--white),1);
          }
          h6 {
            color: rgba(var(--dark-small-font-color),1);
          }
          .card {
            background-color: rgba(var(--dark-card-background),1);
          }
          .card {
            .theme-form {
              .form-group {
                input[type="text"],
                  input[type="password"] {
                  border-width: 1px;
                }
                input[type="text"],
                  input[type="password"] {
                  border-style: solid;
                }
                input[type="text"],
                  input[type="password"] {
                  border-color: rgba(var(--dark-border-color),1);
                }
                input[type="text"],
                  input[type="password"] {
                  background-color: rgba(var(--dark-body-background),1);
                }
                input[type="text"],
                  input[type="password"] {
                  color: rgba(var(--dark-all-font-color),1);
                }
              }
              .checkbox {
                label {
                  &::before {
                    border-width: 1px;
                  }
                  &::before {
                    border-style: solid;
                  }
                  &::before {
                    border-color: rgba(var(--dark-border-color),1);
                  }
                  &::before {
                    background-color: rgba(var(--dark-body-background),1);
                  }
                }
              }
            }
          }
        }
      }
      .error-wrapper {
        .maintenance-icons {
          li {
            i {
              color: rgba(var(--dark-border-color),1);
            }
            &:nth-child(3) {
              i {
                color: rgba(var(--dark-border-color),1);
              }
            }
          }
        }
      }
      .modal-content {
        background-color: rgba(var(--dark-card-background),1);
      }
      .modal-content {
        .modal-header {
          border-bottom-width: 1px;
        }
        .modal-header {
          border-style: solid;
        }
        .modal-header {
          border-bottom-color: rgba(var(--dark-card-border),1);
        }
        .modal-header {
          .close {
            color: rgba(var(--dark-small-font-color),1);
          }
        }
        .modal-footer {
          border-top-width: 1px;
        }
        .modal-footer {
          border-style: solid;
        }
        .modal-footer {
          border-top-color: rgba(var(--dark-card-border),1);
        }
      }
      .comingsoon {
        background-color: rgba(54,64,74,0.9);
      }
      .comingsoon {
        background-blend-mode: overlay;
      }
      .comingsoon {
        .comingsoon-inner {
          h5 {
            color: rgba(var(--dark-all-font-color),1);
          }
          .countdown {
            border-color: rgba(var(--dark-card-border),1);
          }
          .countdown {
            .title {
              color: rgba(var(--dark-all-font-color),1);
            }
          }
          .coming-soon-bottom-link {
            a {
              color: rgba(var(--dark-all-font-color),1);
            }
          }
        }
      }
      .theme-form {
        .login-divider {
          border-top-width: 1px;
        }
        .login-divider {
          border-style: solid;
        }
        .login-divider {
          border-top-color: rgba(var(--dark-border-color),1);
        }
        .login-divider::before {
          content: var(--tw-content);
          background-color: rgba(var(--dark-border-color),1);
        }
        .login-divider::before {
          content: var(--tw-content);
          color: rgba(var(--dark-all-font-color),1);
        }
      }
      .authentication-main {
        background-color: rgba(var(--dark-border-color),1);
      }
      .authentication-main {
        .auth-innerright {
          .reset-password-box {
            .card {
              background-color: rgba(var(--dark-card-background),1);
            }
            .reset-password-link {
              color: rgba(var(--dark-small-font-color),1);
            }
            .theme-form {
              .form-group {
                label {
                  color: rgba(var(--dark-small-font-color),1);
                }
                .form-control {
                  border-color: rgba(var(--dark-border-color),1);
                }
                .form-control {
                  background-color: rgba(var(--dark-body-background),1);
                }
                .form-control {
                  color: rgba(var(--dark-all-font-color),1);
                }
              }
              .opt-box {
                background-color: rgba(var(--dark-border-color),1);
              }
            }
          }
          .authentication-box {
            h4 {
              color: rgba(var(--dark-all-font-color),1);
            }
            h6 {
              color: rgba(var(--dark-small-font-color),1);
            }
            h3 {
              color: rgba(var(--dark-all-font-color),1);
            }
            .card {
              background-color: rgba(var(--dark-card-background),1);
            }
            .card {
              .theme-form {
                .form-group {
                  input[type="text"],
                    input[type="password"] {
                    border-width: 1px;
                  }
                  input[type="text"],
                    input[type="password"] {
                    border-style: solid;
                  }
                  input[type="text"],
                    input[type="password"] {
                    border-color: rgba(var(--dark-border-color),1);
                  }
                  input[type="text"],
                    input[type="password"] {
                    background-color: rgba(var(--dark-body-background),1);
                  }
                  input[type="text"],
                    input[type="password"] {
                    color: rgba(var(--dark-all-font-color),1);
                  }
                }
                .checkbox {
                  label {
                    &::before {
                      border-width: 1px;
                    }
                    &::before {
                      border-style: solid;
                    }
                    &::before {
                      border-color: rgba(var(--dark-border-color),1);
                    }
                    &::before {
                      background-color: rgba(var(--dark-body-background),1);
                    }
                  }
                }
              }
            }
          }
        }
      }
      .vertical-menu-main {
        background-color: rgba(var(--dark-card-background),1);
      }
      .mega-menu {
        .title {
          border-bottom-width: 1px;
        }
        .title {
          border-style: solid;
        }
        .title {
          border-bottom-color: rgba(var(--dark-border-color),1);
        }
        .title {
          color: rgba(var(--dark-all-font-color),1);
        }
        .list-unstyled {
          div {
            a {
              &:hover {
                color: rgba(var(--theme-default),1);
              }
            }
          }
        }
      }
      .default-according {
        .card {
          background-color: rgba(var(--dark-card-background),1);
        }
        .card {
          .btn-link {
            border-width: 1px;
          }
          .btn-link {
            border-style: solid;
          }
          .btn-link {
            border-color: rgba(var(--dark-card-border),1);
          }
          .btn-link {
            background-color: rgba(var(--dark-card-background),1);
          }
          .btn-link {
            color: rgba(var(--white),1);
          }
          .btn-link {
            border-bottom: none;
          }
          .text-muted {
            color: rgba(var(--dark-small-font-color),1);
          }
        }
        .bg-primary {
          .btn-link {
            border-width: 1px;
          }
          .btn-link {
            border-style: solid;
          }
          .btn-link {
            border-color: rgba(var(--theme-default),1);
          }
          .btn-link {
            background-color: rgba(var(--theme-default),1);
          }
        }
        .bg-secondary {
          .btn-link {
            border-width: 1px;
          }
          .btn-link {
            border-style: solid;
          }
          .btn-link {
            border-color: rgba(var(--theme-secondary),1);
          }
          .btn-link {
            background-color: rgba(var(--theme-secondary),1);
          }
        }
      }
      .collapse {
        .card-body {
          background-color: rgba(var(--dark-card-background),1);
        }
      }
      .balance-widget.card-body {
        background-color: rgba(var(--dark-card-background),1);
      }
      .balance-widget.card-body {
        background-blend-mode: overlay;
      }
    }
    .lg-backdrop {
      background-color: rgba(var(--dark-body-background),1);
    }
    .lg-outer {
      .lg-thumb-outer {
        background-color: rgba(var(--dark-card-background),1);
      }
    }
    .drag {
      background-color: rgba(var(--dark-card-background),1);
    }
    .drag {
      form {
        border-width: 1px;
      }
      form {
        border-style: dotted;
      }
      form {
        border-color: rgba(var(--dark-border-color),1);
      }
      form {
        background-color: rgba(var(--dark-card-background),1);
      }
      form {
        --tw-shadow: 0 0 30px rgba(var(--dark-border-color),1);
        --tw-shadow-colored: 0 0 30px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
      }
      form {
        input {
          border-width: 1px;
        }
        input {
          border-style: solid;
        }
        input {
          border-color: rgba(var(--dark-border-color),1);
        }
        input {
          background-color: rgba(var(--dark-body-background),1);
        }
        input {
          color: rgba(var(--dark-all-font-color),1);
        }
        .help-block {
          text-transform: capitalize;
        }
        .help-block {
          color: rgba(var(--dark-small-font-color),1);
        }
      }
    }
    .draggable {
      input {
        border-width: 1px;
      }
      input {
        border-style: solid;
      }
      input {
        border-color: rgba(var(--dark-border-color),1);
      }
      input {
        background-color: rgba(var(--dark-body-background),1);
      }
      input {
        color: rgba(var(--dark-all-font-color),1);
      }
      p {
        color: rgba(var(--dark-small-font-color),1);
      }
      select {
        border-width: 1px;
      }
      select {
        border-style: solid;
      }
      select {
        border-color: rgba(var(--dark-border-color),1);
      }
      select {
        background-color: rgba(var(--dark-body-background),1);
      }
      select {
        color: rgba(var(--dark-all-font-color),1);
      }
      .radio,
        .checkbox {
        label {
          &::before {
            border-width: 1px;
          }
          &::before {
            border-style: solid;
          }
          &::before {
            border-color: rgba(var(--dark-border-color),1);
          }
          &::before {
            background-color: rgba(var(--dark-body-background),1);
          }
        }
      }
    }
    .select2-container--default {
      .select2-results__option[aria-selected="true"] {
        background-color: rgba(var(--dark-card-inbox),1);
      }
      .select2-selection--multiple,
        .select2-selection--single {
        border-width: 1px;
      }
      .select2-selection--multiple,
        .select2-selection--single {
        border-style: solid;
      }
      .select2-selection--multiple,
        .select2-selection--single {
        border-color: rgba(var(--dark-border-color),1) !important;
      }
      .select2-selection--multiple,
        .select2-selection--single {
        background-color: rgba(var(--dark-body-background),1);
      }
      .select2-search--inline {
        .select2-search__field {
          color: rgba(var(--dark-all-font-color),1);
        }
      }
      .select2-selection--single {
        .select2-selection__rendered {
          color: rgba(var(--dark-all-font-color),1);
        }
      }
      .select2-search--dropdown {
        .select2-search__field {
          border-width: 1px;
        }
        .select2-search__field {
          border-style: solid;
        }
        .select2-search__field {
          border-color: rgba(var(--dark-border-color),1);
        }
        .select2-search__field {
          background-color: rgba(var(--dark-body-background),1);
        }
        .select2-search__field {
          color: rgba(var(--dark-all-font-color),1);
        }
      }
      .select2-results__option--highlighted[aria-selected] {
        background-color: rgba(var(--dark-card-background),1);
      }
      .select2-results__option--highlighted[aria-selected] {
        color: rgba(var(--dark-all-font-color),1);
      }
    }
    .select2-dropdown {
      border-width: 1px;
    }
    .select2-dropdown {
      border-style: solid;
    }
    .select2-dropdown {
      border-color: rgba(var(--dark-border-color),1);
    }
    .select2-dropdown {
      background-color: rgba(var(--dark-body-background),1);
    }
    .select2-container--default.select2-container--disabled {
      .select2-selection--single {
        background-color: rgba(var(--dark-border-color),1);
      }
    }
    .theme-form {
      .form-group {
        select.form-control:not([size]):not([multiple]) {
          border-color: rgba(var(--dark-border-color),1);
        }
        select.form-control:not([size]):not([multiple]) {
          background-color: rgba(var(--dark-body-background),1);
        }
        select.form-control:not([size]):not([multiple]) {
          color: rgba(var(--dark-all-font-color),1);
        }
        input[type="text"],
          input[type="email"],
          input[type="search"],
          input[type="password"],
          input[type="number"],
          input[type="tel"],
          input[type="date"],
          input[type="datetime-local"],
          input[type="time"],
          input[type="datetime-local"],
          input[type="month"],
          input[type="week"],
          input[type="url"],
          input[type="file"],
          select {
          border-color: rgba(var(--dark-border-color),1);
        }
        input[type="text"],
          input[type="email"],
          input[type="search"],
          input[type="password"],
          input[type="number"],
          input[type="tel"],
          input[type="date"],
          input[type="datetime-local"],
          input[type="time"],
          input[type="datetime-local"],
          input[type="month"],
          input[type="week"],
          input[type="url"],
          input[type="file"],
          select {
          background-color: rgba(var(--dark-body-background),1);
        }
        input[type="text"],
          input[type="email"],
          input[type="search"],
          input[type="password"],
          input[type="number"],
          input[type="tel"],
          input[type="date"],
          input[type="datetime-local"],
          input[type="time"],
          input[type="datetime-local"],
          input[type="month"],
          input[type="week"],
          input[type="url"],
          input[type="file"],
          select {
          color: rgba(var(--dark-all-font-color),1);
        }
        input[type="text"],
          input[type="email"],
          input[type="search"],
          input[type="password"],
          input[type="number"],
          input[type="tel"],
          input[type="date"],
          input[type="datetime-local"],
          input[type="time"],
          input[type="datetime-local"],
          input[type="month"],
          input[type="week"],
          input[type="url"],
          input[type="file"],
          select {
          &::-webkit-input-placeholder {
            color: rgba(var(--dark-small-font-color),1);
          }
        }
        .form-control {
          background-color: rgba(var(--dark-body-background),1);
        }
        .form-control {
          color: rgba(var(--dark-all-font-color),1);
        }
        textarea {
          border-color: rgba(var(--dark-border-color),1);
        }
      }
    }
    .CodeMirror {
      border-width: 1px;
    }
    .CodeMirror {
      border-style: solid;
    }
    .CodeMirror {
      border-color: rgba(var(--dark-small-font-color),1);
    }
    .CodeMirror {
      background-color: rgba(var(--dark-card-background),1);
    }
    .CodeMirror {
      color: rgba(var(--dark-all-font-color),1);
    }
    .CodeMirror {
      .CodeMirror-code {
        pre {
          background-color: rgba(var(--dark-card-background),1);
        }
      }
    }
    .editor-toolbar {
      border-top-width: 1px;
    }
    .editor-toolbar {
      border-left-width: 1px;
    }
    .editor-toolbar {
      border-right-width: 1px;
    }
    .editor-toolbar {
      border-style: solid;
    }
    .editor-toolbar {
      border-top-color: rgba(var(--dark-small-font-color),1);
    }
    .editor-toolbar {
      border-left-color: rgba(var(--dark-small-font-color),1);
    }
    .editor-toolbar {
      border-right-color: rgba(var(--dark-small-font-color),1);
    }
    .editor-toolbar {
      a {
        color: rgba(var(--dark-all-font-color),1);
      }
      a {
        &:hover,
          &.active {
          background-color: rgba(var(--dark-border-color),1);
        }
      }
      i.separator {
        border-left-width: 1px;
      }
      i.separator {
        border-right-width: 1px;
      }
      i.separator {
        border-style: solid;
      }
      i.separator {
        border-left-color: rgba(var(--dark-small-font-color),1);
      }
      i.separator {
        border-right-color: rgba(var(--dark-small-font-color),1);
      }
      &.fullscreen {
        &::before {
          background: linear-gradient(to right, rgba(var(--dark-body-background), 1) 0, rgba(var(--black), 0) 100%);
        }
        &::after {
          background: linear-gradient(to right, rgba(var(--black), 0) 0, rgba(var(--dark-body-background), 1) 100%);
        }
      }
    }
    .editor-toolbar.disabled-for-preview {
      a {
        &:not(.no-disable) {
          background-color: rgba(var(--dark-border-color),1);
        }
      }
    }
    .editor-preview {
      background-color: rgba(var(--dark-card-background),1);
    }
    .editor-toolbar.fullscreen,
      .editor-preview-side {
      border-width: 1px;
    }
    .editor-toolbar.fullscreen,
      .editor-preview-side {
      border-style: solid;
    }
    .editor-toolbar.fullscreen,
      .editor-preview-side {
      border-color: rgba(var(--dark-small-font-color),1);
    }
    .editor-toolbar.fullscreen,
      .editor-preview-side {
      background-color: rgba(var(--dark-card-background),1);
    }
    .u-step {
      background-color: rgba(var(--dark-border-color),1);
    }
    .u-step {
      &.active,
        &.current {
        background-color: rgba(var(--theme-default),1);
      }
      &.active,
        &.current {
        color: rgba(var(--white),1);
      }
    }
    .u-step-title,
      .u-pearl-title {
      color: rgba(var(--dark-all-font-color),1);
    }
    .u-step-number {
      background-color: rgba(var(--dark-card-background),1);
    }
    .u-pearl {
      &:before {
        background-color: rgba(var(--dark-border-color),1);
      }
    }
    .u-pearl-number,
      .u-pearl-icon {
      border-width: 2px !important;
    }
    .u-pearl-number,
      .u-pearl-icon {
      border-width: 2px;
    }
    .u-pearl-number,
      .u-pearl-icon {
      border-style: solid;
    }
    .u-pearl-number,
      .u-pearl-icon {
      border-color: rgba(var(--dark-body-background),1);
    }
    .u-pearl-number,
      .u-pearl-icon {
      background-color: rgba(var(--dark-body-background),1);
    }
    .u-pearl.disabled {
      .u-pearl-icon,
        .u-pearl-number {
        border-width: 2px !important;
      }
      .u-pearl-icon,
        .u-pearl-number {
        border-width: 2px;
      }
      .u-pearl-icon,
        .u-pearl-number {
        border-style: solid;
      }
      .u-pearl-icon,
        .u-pearl-number {
        border-color: rgba(var(--dark-border-color),1);
      }
      .u-pearl-icon,
        .u-pearl-number {
        background-color: rgba(var(--dark-border-color),1);
      }
      &:after {
        --tw-bg-opacity: 1;
        background-color: rgb(51 64 83 / var(--tw-bg-opacity, 1));
      }
    }
    .u-pearl.error {
      &:after {
        background-color: rgba(var(--dark-body-background),1);
      }
    }
    .note-editor.note-frame {
      border-color: rgba(var(--dark-border-color),1);
    }
    .note-editor.note-frame {
      .note-editing-area {
        .note-editable {
          background-color: rgba(var(--dark-card-background),1);
        }
        .note-editable {
          color: rgba(var(--dark-all-font-color),1);
        }
      }
    }
    .swal-modal {
      background-color: rgba(var(--dark-card-background),1);
    }
    .swal-modal {
      .swal-title {
        color: rgba(var(--dark-all-font-color).1);
      }
      .swal-text {
        color: rgba(var(--dark-small-font-color),1);
      }
      .swal-content__input {
        background-color: rgba(var(--dark-body-background),1);
      }
      .swal-content__input {
        color: rgba(var(--dark-all-font-color),1);
      }
    }
    .html-expert-table {
      .dt-container {
        .dt-search {
          input {
            background-color: transparent;
          }
        }
      }
    }
    .search-list {
      &.tab-links {
        li {
          color: rgba(var(--white),0.3);
        }
      }
    }
    .tab-links {
      .tab-link {
        color: rgba(var(--dark-all-font-color),1);
      }
      .tab-link {
        &.active {
          color: rgba(var(--dark-all-font-color),1);
        }
        &.active {
          border-color: #374558 #374558 #262932;
        }
      }
      .nav-item.show {
        .nav-link {
          border-color: rgba(var(--dark-border-color),1) rgba(var(--dark-border-color),1) rgba(var(--dark-card-background),1);
        }
        .nav-link {
          background-color: rgba(var(--dark-card-background),1);
        }
        .nav-link {
          color: rgba(var(--dark-all-font-color),1);
        }
      }
    }
    .nav-primary {
      .nav-link {
        &.active {
          background-color: rgba(var(--theme-default),1);
        }
      }
      .nav-item.show {
        .nav-link {
          background-color: rgba(var(--theme-default),1);
        }
      }
    }
    .custom-tab {
      &.nav-tabs {
        border-bottom-color: none;
      }
    }
    .bg-navbar {
      .nav {
        background-color: rgba(var(--dark-body-background),1);
      }
    }
    .nav-tabs.nav-bottom {
      .tab-link {
        &.active,
          &.focus,
          &.hover {
          border-color: rgba(var(--dark-card-background),1) rgba(var(--dark-border-color),1) rgba(var(--dark-border-color),1);
        }
      }
    }
    .border-tab {
      .tab-link {
        &.active {
          background-color: transparent !important;
        }
      }
      .show {
        > .tab-link {
          background-color: transparent;
        }
      }
    }
    .border-tab.nav-left,
      .border-tab.nav-right {
      .tab-link {
        color: rgba(var(--dark-all-font-color),1);
      }
      .tab-link {
        &.active {
          color: rgba(var(--theme-default),1);
        }
      }
      .show {
        > .tab-link {
          color: rgba(var(--theme-default),1);
        }
      }
    }
    .border-tab.nav-left.nav-secondary {
      .tab-link {
        &.active,
          &:focus,
          &:hover {
          border-left-color: rgba(var(--theme-secondary),1);
        }
        &.active,
          &:focus,
          &:hover {
          color: rgba(var(--theme-secondary),1);
        }
      }
      .show > .nav-link {
        border-left-color: rgba(var(--theme-secondary),1);
      }
      .show > .nav-link {
        color: rgba(var(--theme-secondary),1);
      }
      .nav-item.show {
        border-left-color: rgba(var(--theme-secondary),1);
      }
      .nav-item.show {
        color: rgba(var(--theme-secondary),1);
      }
    }
    .border-tab.nav-left.nav-success {
      .nav-link {
        &.active,
          &:focus,
          &:hover {
          color: rgba(var(--success-color),1);
        }
      }
      .show > .nav-link {
        border-left-color: rgba(var(--success-color),1);
      }
      .show > .nav-link {
        color: rgba(var(--success-color),1);
      }
      .nav-item.show {
        border-left-color: rgba(var(--success-color),1);
      }
      .nav-item.show {
        color: rgba(var(--success-color),1);
      }
    }
    .border-tab.nav-right.nav-info {
      .nav-link {
        &.active,
          &:focus,
          &:hover {
          color: rgba(var(--info-color),1);
        }
      }
      .show > .nav-link {
        border-left-color: rgba(var(--info-color),1);
      }
      .show > .nav-link {
        color: rgba(var(--info-color),1);
      }
      .nav-item.show {
        border-left-color: rgba(var(--info-color),1);
      }
      .nav-item.show {
        color: rgba(var(--info-color),1);
      }
    }
    .border-tab.nav-secondary {
      .nav-link {
        &.active,
          &:focus,
          &:hover {
          color: rgba(var(--theme-secondary),1);
        }
      }
      .nav-item {
        &.show {
          color: rgba(var(--theme-secondary),1);
        }
      }
    }
    .border-tab.nav-success {
      .nav-link {
        &.active,
          &:focus,
          &:hover {
          color: rgba(var(--success-color),1);
        }
      }
      .nav-item {
        &.show {
          color: rgba(var(--success-color),1);
        }
      }
    }
    .dropdown-divider {
      border-top-width: 1px;
    }
    .dropdown-divider {
      border-style: solid;
    }
    .dropdown-divider {
      border-top-color: rgba(var(--dark-border-color),1);
    }
    .icon-hover-bottom {
      background-color: rgba(var(--dark-card-background),1);
    }
    .icon-hover-bottom {
      --tw-shadow: 0px 0px 1px 1px rgba(var(--dark-card-border),1);
      --tw-shadow-colored: 0px 0px 1px 1px var(--tw-shadow-color);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
    .icon-hover-bottom {
      .icon-title {
        color: rgba(var(--dark-all-font-color),1);
      }
      span {
        color: rgba(var(--dark-small-font-color),1);
      }
      .form-group {
        input {
          border-width: 1px;
        }
        input {
          border-style: solid;
        }
        input {
          border-color: rgba(var(--dark-border-color),1);
        }
        input {
          background-color: rgba(var(--dark-body-background),1);
        }
        input {
          color: rgba(var(--dark-all-font-color),1);
        }
      }
      .icon-first {
        i {
          color: rgba(var(--dark-small-font-color),1);
        }
      }
    }
    .horizontal-icons-tab {
      .nav-tabs {
        .nav-item {
          .nav-link {
            background-image: linear-gradient( 90deg,transparent 70%,rgba(255,255,255,0.08) 100% );
          }
        }
      }
    }
    .arrow-tabs {
      &.bg-navbar {
        i {
          color: rgba(var(--dark-all-font-color),1);
        }
      }
    }
    .bottom-navbar {
      .tab-content {
        .tab-paragraph {
          i {
            color: rgba(var(--dark-all-font-color),1);
          }
        }
      }
    }
    ul,
      ol,
      dl,
      p {
      color: rgba(var(--dark-all-font-color),1);
    }
    ul,
      ol,
      dl,
      p {
      li,
        dt,
        dd {
        color: rgba(var(--dark-all-font-color),1);
      }
    }
    #cd-timeline {
      &::before {
        background-color: rgba(var(--dark-border-color),1);
      }
    }
    .timeliny {
      border-top-width: 1px;
    }
    .timeliny {
      border-bottom-width: 1px;
    }
    .timeliny {
      border-style: solid;
    }
    .timeliny {
      border-top-color: rgba(var(--dark-border-color),1);
    }
    .timeliny {
      border-bottom-color: rgba(var(--dark-border-color),1);
    }
    .timeliny::before {
      content: var(--tw-content);
      background-color: rgba(var(--white),1);
    }
    .timeliny {
      .timeliny-dot {
        border-width: 1px;
      }
      .timeliny-dot {
        border-style: solid;
      }
      .timeliny-dot {
        border-color: rgba(var(--white),1);
      }
      .timeliny-dot {
        background-color: rgba(var(--dark-card-background),1);
      }
      .timeliny-dot::before {
        content: var(--tw-content);
        color: rgba(var(--dark-all-font-color),1);
      }
      .timeliny-timeline {
        .timeliny-timeblock {
          &.active {
            .timeliny-dot {
              &::before {
                color: rgba(var(--dark-all-font-color),1);
              }
              &::after {
                border-color: none;
              }
              &::after {
                background-color: rgba(var(--dark-border-color),1);
              }
              &::after {
                color: rgba(var(--dark-all-font-color),1);
              }
            }
          }
          &:not(.inactive):not(.active) {
            .timeliny-dot {
              &:hover {
                background-color: rgba(var(--white),1);
              }
              &:hover {
                &::before {
                  color: rgba(var(--dark-all-font-color),1);
                }
              }
            }
          }
          .timeliny-dot {
            &:hover {
              &::after {
                border-width: 1px;
              }
              &::after {
                border-style: solid;
              }
              &::after {
                border-color: rgba(var(--dark-border-color),1);
              }
              &::after {
                background-color: rgba(var(--dark-card-background),1);
              }
              &::after {
                color: rgba(var(--dark-all-font-color),1);
              }
            }
          }
        }
      }
    }
    .stroke-dark {
      stroke: rgba(var(--dark-all-font-color),1);
    }
    .taskadd {
      table {
        tr {
          td {
            .task_title_0 {
              color: rgba(var(--white),0.8);
            }
          }
        }
      }
    }
    .task-sidebar {
      .form-control {
        border-color: rgba(var(--dark-body-background),1);
      }
      .form-control {
        background-color: rgba(var(--dark-body-background),1);
      }
    }
    .todo-wrap {
      &.email-wrap {
        .todo-tasks {
          li {
            background-color: rgba(var(--dark-body-background),1);
          }
        }
      }
    }
    .user-profile {
      .ttl-info {
        h6 {
          color: rgba(var(--dark-small-font-color),1);
        }
        span {
          color: rgba(var(--dark-all-font-color),1);
        }
      }
      .hovercard {
        .info {
          .title {
            a {
              color: rgba(var(--dark-all-font-color),1);
            }
          }
        }
        .user-image {
          .avatar {
            img {
              border-color: rgba(var(--dark-card-background),1);
            }
          }
          .icon-wrapper {
            background-color: rgba(var(--dark-card-background),1);
          }
        }
        .tabs-social {
          border-bottom-color: none;
        }
      }
      .follow {
        .follow-num {
          color: rgba(var(--dark-all-font-color),1);
        }
      }
      .profile-img-style {
        .user-name {
          color: rgba(var(--dark-all-font-color),1);
        }
        p {
          color: rgba(var(--dark-small-font-color),1);
        }
      }
    }
    .introjs-helperLayer {
      border-color: rgba(var(--white),0.5);
    }
    .introjs-helperLayer {
      background-color: rgba(54,64,74,0.9);
    }
    .jstree-default {
      .jstree-node,
        .jstree-icon {
        --tw-text-opacity: 1;
        color: rgb(69 88 105 / var(--tw-text-opacity, 1));
      }
      .jstree-anchor {
        color: rgba(var(--dark-small-font-color),1);
      }
      .jstree-clicked {
        background-color: rgba(var(--transparent-color),1);
      }
      .jstree-clicked {
        color: rgba(var(--white),1);
      }
      .jstree-hovered {
        border-width: 1px;
      }
      .jstree-hovered {
        border-style: solid;
      }
      .jstree-hovered {
        border-color: rgba(var(--dark-border-color),1);
      }
      .jstree-hovered {
        background-color: rgba(var(--dark-body-background),1);
      }
    }
    span.twitter-typeahead {
      .tt-menu {
        background-color: rgba(var(--dark-body-background),1);
      }
      .tt-menu {
        color: rgba(var(--dark-all-font-color),1);
      }
      .tt-suggestion {
        border-top-width: 1px;
      }
      .tt-suggestion {
        border-style: solid;
      }
      .tt-suggestion {
        border-top-color: rgba(var(--dark-card-border),1);
      }
      .tt-suggestion {
        background-color: rgba(var(--dark-body-background),1);
      }
      .tt-suggestion {
        color: rgba(var(--dark-all-font-color),1);
      }
      .tt-suggestion {
        &:hover,
          &:focus {
          background-color: rgba(var(--dark-card-background),1);
        }
      }
    }
    .typography {
      small {
        color: rgba(var(--dark-all-font-color),1);
      }
    }
    .code-box-copy {
      pre {
        background-color: rgba(var(--dark-body-background),1);
      }
      pre {
        code {
          background-color: rgba(var(--dark-body-background),1);
        }
      }
      pre[class*="language-"],
        code[class*="language-"] {
        border-width: 1px;
      }
      pre[class*="language-"],
        code[class*="language-"] {
        border-style: solid;
      }
      pre[class*="language-"],
        code[class*="language-"] {
        border-color: rgba(var(--dark-border-color),1);
      }
      pre[class*="language-"],
        code[class*="language-"] {
        color: rgba(var(--white),1);
      }
      .code-box-copy__btn {
        border-width: 1px;
      }
      .code-box-copy__btn {
        border-style: solid;
      }
      .code-box-copy__btn {
        border-color: rgba(var(--dark-border-color),1);
      }
      .code-box-copy__btn {
        background-color: rgba(var(--dark-body-background),1);
      }
      .code-box-copy__btn {
        color: rgba(var(--white),1);
      }
    }
    table.fixedHeader-floating {
      background-color: rgba(var(--dark-body-background),1);
    }
    .note {
      textarea {
        color: rgba(var(--dark-all-font-color),1);
      }
    }
    .dt-button-info {
      border-width: 1px;
    }
    .dt-button-info {
      border-style: solid;
    }
    .dt-button-info {
      border-color: rgba(var(--dark-border-color),1);
    }
    .dt-button-info {
      background-color: rgba(var(--dark-card-background),1);
    }
    .dt-button-info {
      h2 {
        border-bottom-width: 1px;
      }
      h2 {
        border-style: solid;
      }
      h2 {
        border-bottom-color: rgba(var(--dark-border-color),1);
      }
      h2 {
        background-color: rgba(var(--dark-card-background),1);
      }
    }
    pre {
      background-color: rgba(var(--dark-body-background),1);
    }
    #keytable_wrapper .dataTables_paginate,
      #column-selector_wrapper .dataTables_paginate,
      #auto-fill_wrapper .dataTables_paginate,
      #custom-button_wrapper .dataTables_paginate,
      #class-button_wrapper .dataTables_paginate,
      #keyboard-btn_wrapper .dataTables_paginate,
      #multilevel-btn_wrapper .dataTables_paginate,
      #pagelength-btn_wrapper .dataTables_paginate,
      #basic-colreorder_wrapper .dataTables_paginate,
      #state-saving_wrapper .dataTables_paginate,
      #real-time_wrapper .dataTables_paginate,
      #basic-fixed-header_wrapper .dataTables_paginate,
      #fixed-header-footer_wrapper .dataTables_paginate,
      #export-button_wrapper .dataTables_paginate,
      #excel-cust-bolder_wrapper .dataTables_paginate,
      #cust-json_wrapper .dataTables_paginate,
      #basic-key-table_wrapper .dataTables_paginate,
      #focus-cell_wrapper .dataTables_paginate,
      #responsive_wrapper .dataTables_paginate,
      #new-cons_wrapper .dataTables_paginate,
      #show-hidden-row_wrapper .dataTables_paginate,
      #basic-row-reorder_wrapper .dataTables_paginate,
      #full-row_wrapper .dataTables_paginate,
      #rest-column_wrapper .dataTables_paginate {
      border-color: none;
    }
    #example-style-8_wrapper {
      table.dataTable.stripe,
        table.dataTable.display {
        tbody {
          tr.odd {
            background-color: rgba(var(--dark-border-color),1);
          }
        }
      }
    }
    .error-wrapper {
      background-color: rgba(54,64,74,0.8);
    }
    .error-wrapper {
      .sub-content {
        color: rgba(var(--dark-all-font-color),1);
      }
    }
    .b-light {
      border-width: 1px;
    }
    .b-light {
      border-style: solid;
    }
    .b-light {
      border-color: rgba(var(--dark-border-color),1);
    }
    .modal-content {
      background-color: rgba(var(--dark-card-background),1);
    }
    .modal-content {
      .modal-header {
        border-bottom-width: 1px;
      }
      .modal-header {
        border-style: solid;
      }
      .modal-header {
        border-bottom-color: rgba(var(--dark-card-border),1);
      }
      .modal-header {
        .close {
          font-weight: 400;
        }
        .close {
          color: rgba(var(--dark-all-font-color),1);
        }
      }
      .ui-front {
        .form-control {
          border-width: 1px;
        }
        .form-control {
          border-style: solid;
        }
        .form-control {
          border-color: rgba(var(--dark-card-border),1);
        }
        .form-control {
          background-color: rgba(var(--dark-card-background),1);
        }
        .form-control {
          color: rgba(var(--dark-all-font-color),1);
        }
      }
    }
    .modal {
      .theme-close {
        color: rgba(var(--light-all-font-color),1);
      }
    }
    .token.atrule,
      .token.attr-value,
      .token.keyword {
      color: rgba(var(--info-color),1);
    }
    .token {
      &.boolean,
        &.constant,
        &.deleted,
        &.number,
        &.property,
        &.symbol,
        &.tag {
        color: rgba(var(--danger-color),1);
      }
    }
    .loader-box {
      &.card-loader {
        background-color: rgba(var(--dark-card-background),1);
      }
    }
    .my-gallery {
      &.gallery-with-description {
        img {
          border: 1px solid rgba(var(--dark-card-border), 1) !important;
          border-bottom: none !important;
        }
      }
    }
    .alert-theme {
      span {
        + span {
          + span {
            background-color: rgba(var(--dark-body-background),1);
          }
        }
      }
      i {
        margin-right: 1.25rem;
      }
      i {
        padding: 1.25rem;
      }
    }
    .user-card {
      .user-deatils {
        h6 {
          color: rgba(var(--dark-small-font-color),1);
        }
      }
      .card-footer {
        > div {
          &:first-child {
            border-right-width: 1px;
          }
          &:first-child {
            border-style: solid;
          }
          &:first-child {
            border-right-color: rgba(var(--dark-border-color),1);
          }
        }
        .user-footer {
          h6 {
            color: rgba(var(--dark-small-font-color),1);
          }
          svg {
            path,
              rect {
              color: rgba(var(--dark-small-font-color),1);
            }
          }
        }
      }
    }
    .navigation-option {
      ul {
        li {
          a {
            color: rgba(var(--dark-all-font-color),1);
          }
          &:hover {
            background-color: rgba(var(--dark-body-background),1);
          }
        }
      }
    }
    .product-box {
      .product-details {
        h6 {
          color: rgba(var(--dark-all-font-color),1);
        }
        > a {
          color: rgba(var(--dark-all-font-color),1);
        }
        span {
          color: rgba(var(--dark-small-font-color),1);
        }
      }
      .product-img {
        .product-hover {
          ul {
            li {
              background-color: rgba(var(--dark-card-background),1);
            }
            li:hover {
              background-color: rgba(var(--black),1);
            }
            li:hover {
              color: rgba(var(--white),1);
            }
          }
        }
      }
    }
    .browse {
      .browse-articles {
        ul {
          li {
            a {
              color: rgba(var(--dark-all-font-color),1);
            }
            &:hover {
              background-color: rgba(var(--dark-body-background),1);
            }
          }
        }
      }
    }
    .bootstrap-datetimepicker-widget {
      ul {
        li {
          border-bottom-width: 1px;
        }
        li {
          border-style: solid;
        }
        li {
          border-bottom-color: rgba(var(--dark-border-color),1);
        }
        li {
          color: rgba(var(--dark-all-font-color),1);
        }
      }
      tr {
        th,
          td {
          &:hover {
            background-color: rgba(var(--dark-card-background),1);
          }
          span {
            &:hover {
              background-color: rgba(var(--dark-card-background),1);
            }
          }
          &.prev,
            &.next {
            &:hover {
              background-color: rgba(var(--dark-card-background),1);
            }
          }
        }
        &:first-child {
          th {
            &:hover {
              background-color: rgba(var(--dark-card-background),1);
            }
          }
        }
      }
    }
    .btn-transparent {
      color: rgba(var(--dark-all-font-color),1);
    }
    #cal-basic {
      .fc-toolbar {
        .fc-left,
          .fc-right {
          .fc-next-button {
            .fc-icon-right-single-arrow {
              &:after {
                color: rgba(var(--dark-small-font-color),1);
              }
            }
          }
          .fc-prev-button {
            .fc-icon-left-single-arrow {
              &:after {
                color: rgba(var(--dark-small-font-color),1);
              }
            }
          }
        }
        .fc-left {
          .fc-button-group {
            .fc-month-button {
              color: rgba(var(--white),1);
            }
          }
        }
      }
    }
    .fc-button-group {
      .fc-basicWeek-button,
        .fc-basicDay-button,
        .fc-agendaWeek-button,
        .fc-agendaDay-button {
        color: rgba(var(--black),1);
      }
      .fc-month-button {
        color: rgba(var(--white),1);
      }
    }
    .visual-button {
      .button-light-secondary,
        .button-light-warning,
        .button-light-success {
        color: rgba(var(--dark-all-font-color),1);
      }
    }
    .mix-hover-btn {
      .txt-dark {
        color: rgba(var(--white),0.6);
      }
    }
    .btn-light {
      &:not([disabled]):not(.disabled).active.active {
        background-color: rgba(var(--dark-body-background),1);
      }
      &.disabled,
        &:disabled {
        color: rgba(var(--theme-body-font-color),0.5);
      }
    }
    #cal-agenda-view {
      .fc-toolbar {
        .fc-right {
          .fc-button-group {
            .fc-month-button,
              .btn-light {
              color: rgba(var(--black),1);
            }
            .fc-agendaWeek-button {
              color: rgba(var(--white),1);
            }
            .fc-agendaWeek-button:hover {
              color: rgba(var(--black),1);
            }
            .fc-agendaWeek-button {
              &:hover {
                color: rgba(var(--black),1);
              }
            }
          }
        }
      }
    }
    .basic-calendar,
      #cal-bg-events,
      #cal-event-colors {
      .fc-toolbar {
        .fc-right {
          .fc-button-group {
            .fc-basicWeek-button,
              .btn-light {
              color: rgba(var(--black),1);
            }
            .fc-month-button {
              color: rgba(var(--white),1);
            }
            .fc-month-button {
              &:hover {
                color: rgba(var(--black),1);
              }
            }
          }
        }
      }
    }
    .categories {
      ul {
        li {
          a {
            color: rgba(var(--dark-small-font-color),1);
          }
          &:hover {
            background-color: rgba(var(--dark-body-background),1);
          }
        }
      }
    }
    .socialprofile {
      .badge {
        background-color: rgba(var(--dark-body-background),1);
      }
      .likes-profile {
        h5 {
          span {
            color: rgba(var(--dark-all-font-color),1);
          }
        }
      }
      span {
        color: rgba(var(--dark-small-font-color),1);
      }
    }
    .social-status {
      .flex {
        .grow {
          span {
            + span {
              color: rgba(var(--dark-all-font-color),0.4);
            }
          }
          p,
            .light-span {
            color: rgba(var(--dark-all-font-color),0.4);
          }
        }
      }
    }
    .filter-cards-view,
      .timeline-content {
      p {
        color: rgba(var(--dark-all-font-color),0.4);
      }
      .comment-number {
        i {
          color: rgba(var(--dark-small-font-color),1);
        }
      }
      .comments-box {
        .input-group {
          background-color: rgba(var(--dark-body-background),1);
        }
        .input-group {
          .form-control {
            border: none;
          }
          .input-group-append {
            background-color: rgba(var(--dark-body-background),1);
          }
          .input-txt-bx {
            background-color: rgba(var(--dark-body-background),1);
          }
        }
      }
    }
    .social-chat {
      .grow {
        border-width: 1px;
      }
      .grow {
        border-style: solid;
      }
      .grow {
        border-color: rgba(var(--dark-card-border),1);
      }
      .grow::after {
        content: var(--tw-content);
        border-right-width: 7px;
      }
      .grow::after {
        content: var(--tw-content);
        border-style: solid;
      }
      .grow::after {
        content: var(--tw-content);
        border-right-color: rgba(var(--dark-card-background),1);
      }
      span {
        span {
          color: rgba(var(--dark-all-font-color),0.4);
        }
      }
    }
    .details-about {
      .your-details {
        p {
          color: rgba(var(--white),0.4);
        }
      }
    }
    .activity-log {
      .my-activity {
        p {
          color: rgba(var(--dark-all-font-color),0.4);
        }
      }
    }
    .bookmark {
      ul {
        li {
          a {
            color: rgba(var(--dark-all-font-color),1);
          }
        }
      }
    }
    .email-wrap {
      .grow {
        p {
          color: rgba(var(--dark-all-font-color),0.3);
        }
      }
    }
    .apexcharts-tooltip.light {
      border-color: rgba(var(--dark-card-border),1);
    }
    .apexcharts-tooltip.light {
      background-color: rgba(var(--dark-body-background),1);
    }
    .apexcharts-tooltip.light {
      .apexcharts-tooltip-title {
        border-color: rgba(var(--dark-card-border),1);
      }
      .apexcharts-tooltip-text-label,
        .apexcharts-tooltip-text-value {
        color: rgba(var(--white),1);
      }
    }
    .faq-accordion {
      &.default-according {
        .card {
          .faq-header {
            border-width: 0 !important;
          }
          .faq-header {
            border-width: 0px;
          }
        }
      }
    }
    .seller-order-table {
      .recent-table {
        div.dt-container {
          .table {
            thead,
              tbody {
              tr {
                th,
                  td {
                  a {
                    color: rgba(var(--dark-all-font-color),0.4);
                  }
                  &:nth-child(4) {
                    a {
                      color: rgba(var(--dark-all-font-color),0.4);
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
    .seller-details-table {
      .recent-table {
        .table {
          thead,
            tbody {
            tr {
              th,
                td {
                .product-action {
                  .square-white {
                    background-color: rgba(var(--dark-body-background),1);
                  }
                  .square-white {
                    --tw-shadow-color: unset;
                    --tw-shadow: var(--tw-shadow-colored);
                  }
                  .square-white {
                    svg {
                      fill: rgba(var(--dark-all-font-color),1);
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
    .review-box {
      .seller-profile {
        .accordion-button {
          background-color: rgba(var(--dark-card-background),1);
        }
        .accordion-button {
          color: rgba(var(--dark-all-font-color),1);
        }
        .accordion-item {
          .accordion-body {
            background-color: rgba(var(--dark-card-inbox),1);
          }
          .accordion-body {
            li {
              > div {
                h6,
                  i:not(.fill) {
                  color: rgba(var(--dark-all-font-color),1);
                }
              }
            }
            .policies-wrapper {
              li {
                label {
                  color: rgba(var(--dark-all-font-color),1);
                }
              }
            }
            .notification-wrapper {
              .form-check-label {
                color: rgba(var(--dark-all-font-color),1);
              }
            }
            .checkbox-wrapper {
              li {
                .form-check-label {
                  i {
                    color: rgba(var(--dark-all-font-color),1);
                  }
                }
              }
            }
          }
        }
      }
      .review-people {
        .review-list {
          li {
            .people-box {
              .people-comment {
                h6 {
                  color: rgba(var(--dark-all-font-color),0.4);
                }
                .date-time {
                  h6 {
                    color: rgba(var(--dark-all-font-color),0.4);
                  }
                }
              }
            }
          }
        }
      }
    }
    .seller-details-wrapper {
      .review-box {
        .seller-profile {
          .accordion-item {
            background-color: rgba(var(--dark-card-background),1);
          }
          .accordion-item {
            .accordion-header {
              .accordion-button {
                &::after {
                  --tw-invert: invert(1);
                  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
                }
              }
            }
          }
        }
        .md-sidebar {
          .email-left-aside {
            .card {
              background-color: rgba(var(--dark-body-background),1);
            }
          }
        }
      }
      .seller-order-table {
        tr {
          td {
            .square-white {
              background-color: unset;
            }
          }
        }
      }
    }
    #radarchart {
      .apexcharts-canvas {
        .apexcharts-graphical {
          .apexcharts-plot-series {
            polygon {
              fill: rgba(var(--dark-body-background),1);
            }
            polygon {
              stroke: rgba(var(--bg-dark-color),1);
            }
            polygon {
              &:nth-child(odd) {
                fill: rgba(var(--dark-card-inbox),1);
              }
            }
            line {
              stroke: rgba(var(--bg-dark-color),1);
            }
          }
        }
      }
    }
    .apexcharts-radialbar-track {
      &.apexcharts-track {
        path {
          stroke: rgba(var(--dark-body-background),1);
        }
      }
    }
    .collection-filter-block {
      h6 {
        color: rgba(var(--dark-all-font-color),1);
      }
      ul {
        &.pro-services {
          li {
            span {
              color: rgba(var(--dark-all-font-color),0.3);
            }
          }
        }
      }
    }
    .rating-box {
      ul {
        li {
          .rating-list {
            .progress {
              background-color: rgba(var(--dark-body-background),1);
            }
          }
        }
      }
    }
    .product-rating-box {
      .review-title-2 {
        p {
          color: rgba(var(--dark-all-font-color),0.4);
        }
      }
    }
    .seller-wrapper {
      .form-check {
        .form-check-input {
          &:valid {
            ~ .form-check-label {
              color: rgba(var(--dark-all-font-color),0.3);
            }
          }
        }
      }
    }
    .megaoption-space {
      span:not(.pull-right) {
        &:last-child {
          color: rgba(var(--dark-all-font-color),0.4);
        }
      }
    }
    .main-upgrade {
      .variation-box {
        .selection-box {
          .flex {
            color: rgba(var(--bg-dark-color),1);
          }
        }
      }
    }
    .dark-alert {
      .alert {
        p {
          color: rgba(var(--dark-body-background),1);
        }
      }
    }
    .dark-alert-msg {
      .alert {
        &[class*="alert-bg-"] {
          p {
            color: rgba(var(--dark-all-font-color),1);
          }
        }
        &[class*="alert-bg-"] {
          .btn-close {
            --tw-invert: invert(1);
            filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
          }
        }
      }
    }
    .dark-txt {
      p {
        strong {
          color: rgba(var(--dark-all-font-color),1);
        }
      }
    }
    .live-dark {
      .btn-close {
        filter: initial;
      }
    }
    .alert-light {
      color: rgba(var(--dark-body-background),1);
    }
    .heart-rating {
      .rating-text {
        color: rgba(var(--dark-all-font-color),1);
      }
    }
    .main-animate {
      a {
        background-color: rgba(var(--dark-card-inbox),1);
      }
      svg {
        stroke: rgba(var(--dark-all-font-color),1);
      }
      svg {
        &.fill-icon,
          &.fill-secondary {
          fill: rgba(var(--dark-all-font-color),1);
        }
        &.fill-icon,
          &.fill-secondary {
          stroke: none;
        }
      }
      i {
        color: rgba(var(--dark-all-font-color),1);
      }
      &.heartbeat-wrapper {
        svg {
          stroke: rgba(var(--danger-color),1);
        }
        i {
          color: rgba(var(--danger-color),1);
        }
      }
      &.border-pulse-wrapper {
        a {
          border-color: rgba(var(--dark-card-border),1);
        }
      }
    }
    .pulse-wrapper {
      svg,
        i {
        animation: pulse-animate-dark 1s infinite ease;
      }
    }
    .mobile-app-card {
      &.social-empower,
        &.upgrade-plan {
        background: rgba(var(--dark-card-background), 1);
      }
    }
    .campaign-table {
      .badge-light-light {
        &.disabled {
          color: rgba(var(--dark-editor-document),1);
        }
      }
      .twitter {
        > div {
          border-color: rgba(var(--dark-all-font-color),1);
        }
        .social-circle {
          border-color: rgba(var(--dark-all-font-color),1);
        }
        .social-circle {
          background-color: rgba(var(--light-all-font-color),1);
        }
        .social-circle {
          color: rgba(var(--dark-all-font-color),1);
        }
      }
    }
    .live-auction-wrapper {
      .product-nft-content {
        > div {
          p {
            span {
              &.text-black {
                color: rgba(var(--dark-all-font-color),1) !important;
              }
            }
          }
        }
      }
    }
    .nft-collection {
      .nft-user-info {
        .user-desc {
          color: rgba(var(--dark-all-font-color),0.4);
        }
      }
    }
    .currency-table {
      &.task-table {
        .table {
          .main-task-wrapper {
            tr {
              td {
                .form-check-label {
                  &::before {
                    background-color: rgba(var(--dark-body-background),1);
                  }
                }
              }
              .icons-box {
                .square-white {
                  i {
                    color: rgba(var(--dark-all-font-color),0.4);
                  }
                }
              }
            }
            .square-white {
              i {
                color: rgba(var(--dark-all-font-color),0.4);
              }
            }
          }
        }
      }
    }
    .hovercard {
      .info {
        .follow {
          .border-end {
            border-color: rgba(var(--light-all-font-color),1);
          }
        }
      }
    }
    .tour-email {
      span {
        color: rgba(var(--dark-small-font-color),1);
      }
    }
    .dropdown-menu {
      li {
        &:first-child {
          .dropdown-item {
            border-top: var(--transparent-color);
          }
        }
      }
      .dropdown-item {
        border-top-color: rgba(var(--dark-card-border),1);
      }
      .dropdown-item {
        color: rgba(var(--dark-all-font-color),1);
      }
      .dropdown-item {
        opacity: 0.9;
      }
      .dropdown-item:hover {
        background-color: rgba(var(--dark-card-inbox),1);
      }
    }
    .split-dropdown {
      .dropdown-basic {
        .btn-group {
          .dropdown-menu {
            .dropdown-item {
              a {
                border-top-color: rgba(var(--dark-border-color),1);
              }
              a {
                color: rgba(var(--dark-all-font-color),1);
              }
              a {
                opacity: 0.9;
              }
              a:hover {
                background-color: rgba(var(--dark-card-inbox),1);
              }
            }
          }
        }
      }
    }
    .dropdown-basic {
      .dropdown {
        .dropdown-content {
          a {
            border-top-color: rgba(var(--dark-border-color),1);
          }
          a {
            color: rgba(var(--dark-all-font-color),1);
          }
          a {
            opacity: 0.9;
          }
          a:hover {
            background-color: rgba(var(--dark-card-inbox),1);
          }
        }
      }
    }
    .dark-input-type {
      .input-group {
        .input-group-text {
          border-color: unset;
        }
        .input-group-text {
          background-color: rgba(var(--transparent-color),1);
        }
      }
    }
    .heading-dropdown {
      .dropdown-menu {
        > li {
          &:first-child {
            > a {
              background-color: rgba(var(--dark-body-background),1);
            }
            > a {
              color: rgba(var(--dark-all-font-color),1);
            }
          }
        }
      }
    }
    btn-group {
      .dropdown-wrapper {
        .input-group {
          border-top-color: rgba(var(--dark-border-color),1);
        }
        .input-group {
          color: rgba(var(--dark-all-font-color),1);
        }
        .input-group {
          opacity: 0.9;
        }
        .input-group:hover {
          background-color: rgba(var(--dark-card-inbox),1);
        }
      }
    }
    .helper-cards {
      .dropdown-block {
        background-color: rgba(var(--dark-card-inbox),1);
      }
      .dropdown-block {
        li {
          h6 {
            color: rgba(var(--dark-all-font-color),1);
          }
          .dropdown-item {
            background-color: rgba(var(--transparent-color),1);
          }
        }
      }
    }
    .dark-dropdown-box {
      .btn-group {
        .dropdown-toggle {
          color: rgba(var(--dark-all-font-color),1);
        }
      }
    }
    .form-wrapper {
      &.dark-form,
        &.show {
        background-color: rgba(var(--dark-body-background),1);
      }
    }
    .dark-accordion {
      .accordion-item {
        border-width: 1px;
      }
      .accordion-item {
        border-style: solid;
      }
      .accordion-item {
        border-color: rgba(var(--dark-card-border),1);
      }
      .accordion-item {
        background-color: rgba(var(--transparent-color),1);
      }
      .accordion-item {
        .accordion-collapse {
          p {
            color: rgba(var(--dark-body-background),1);
          }
          .accordion-body {
            background-color: rgba(var(--dark-card-background),1);
          }
          .accordion-body {
            h6 {
              border-width: 0 !important;
            }
            h6 {
              border-width: 0px;
            }
          }
        }
      }
      .collapse-wrapper {
        color: rgba(var(--dark-body-background),1);
      }
      &.card {
        border-radius: unset;
      }
      &.card {
        &.card-body {
          &.mb-0 {
            border-radius: 15px;
          }
        }
      }
    }
    .accordion {
      &.dark-accordion {
        .accordion-item {
          .accordion-collapse {
            .accordion-body {
              .accordions-content {
                li {
                  color: rgba(var(--dark-small-font-color),1);
                }
              }
            }
            p {
              color: rgba(var(--dark-small-font-color),1);
            }
          }
        }
      }
    }
    .accordions-content {
      li {
        color: rgba(var(--dark-card-background),1);
      }
    }
    .dark-list {
      .list-group {
        .list-group-item {
          + .list-group-item {
            border-top-width: 1px;
          }
          .form-check-input {
            border-width: 1px;
          }
          .form-check-input {
            border-style: solid;
          }
          .form-check-input {
            border-color: rgba(var(--dark-all-font-color),1);
          }
          .form-check-input {
            background-color: transparent;
          }
        }
      }
      .list-light-dark {
        background-color: rgba(var(--dark-body-background),1);
      }
    }
    .card-wrapper {
      .sub-title {
        border-bottom: unset !important;
      }
    }
    .figure {
      &.dark-blockquote {
        .blockquote {
          border-left-color: rgba(var(--theme-default,1));
        }
        .blockquote {
          border-right-color: rgba(var(--theme-default,1));
        }
        .blockquote {
          p {
            color: rgba(var(--dark-all-font-color),1);
          }
        }
      }
    }
    .typography-list {
      .card-wrapper {
        dl {
          dt {
            color: rgba(var(--dark-all-font-color),0.8);
          }
        }
      }
    }
    .datatable-init,
      .datatable-advance-wrapper,
      .datatable-api-wrapper,
      .data-source-wrapper,
      .autofill-data-tables,
      .support-ticket-table {
      div.dt-container {
        table {
          tbody {
            tr {
              td {
                color: rgba(var(--dark-all-font-color),1) !important;
              }
            }
          }
        }
      }
    }
    .basic_table {
      .card-block {
        .table {
          &.light-card {
            background-color: rgba(var(--dark-card-inbox),1);
          }
        }
        table.table-light {
          --bs-table-bg: #22262f;
          thead,
            tbody {
            tr {
              th,
                td {
                color: rgba(var(--dark-all-font-color),1);
              }
            }
          }
          tbody {
            tr {
              td {
                background-color: rgba(var(--dark-card-inbox),1) !important;
              }
            }
          }
        }
      }
    }
    .dark-sign-up {
      .modal-body {
        form {
          .form-label {
            color: rgba(var(--bg-dark-color),1);
          }
          .form-check {
            .form-check-label {
              color: rgba(var(--bg-dark-color),1);
            }
          }
          .form-control {
            color: rgba(var(--dark-all-font-color),1);
          }
        }
      }
      &.social-profile {
        background-color: rgba(var(--dark-body-background),1);
      }
      &.social-profile {
        background-image: unset !important;
        .modal-body {
          form {
            .form-check {
              .form-check-label {
                color: rgba(var(--dark-all-font-color),1);
              }
            }
          }
          .form-label {
            color: rgba(var(--dark-all-font-color),1);
          }
        }
      }
    }
    .modal-dialog {
      .modal-content {
        .dark-modal {
          .large-modal-header {
            svg {
              color: rgba(var(--dark-all-font-color),1);
            }
            h6 {
              color: rgba(var(--dark-all-font-color),1);
            }
          }
          .large-modal-body {
            svg {
              color: rgba(var(--dark-all-font-color),1);
            }
            p {
              color: rgba(var(--dark-all-font-color),1);
            }
          }
        }
      }
    }
    .modal-toggle-wrapper {
      .dark-toggle-btn {
        color: rgba(var(--dark-all-font-color),1);
      }
    }
    .social-profile {
      background-attachment: fixed;
    }
    .social-profile {
      .social-details {
        h5 {
          a {
            color: rgba(var(--dark-all-font-color),1);
          }
        }
      }
    }
    .md-sidebar {
      .job-sidebar {
        --tw-shadow: 0px 9px 20px rgba(var(--dark-body-background),0.7);
        --tw-shadow-colored: 0px 9px 20px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
      }
    }
    .job-sidebar {
      .job-accordion {
        .card-body {
          &.animate-chk:not(.filter-cards-view) {
            .form-check {
              .form-check-label {
                .number {
                  color: rgba(var(--dark-all-font-color),0.4);
                }
              }
            }
          }
        }
      }
    }
    .popover {
      .popover-arrow {
        background-color: rgba(var(--dark-border-color),1);
      }
    }
    .main-file-sidebar {
      .md-sidebar {
        .md-sidebar-aside {
          .common-sort-card {
            background-color: rgba(var(--dark-body-background),1);
          }
        }
      }
    }
    .file-manager-grid {
      .freeze-ui {
        background-color: rgba(var(--dark-body-background),0.8);
      }
      .doc-icon {
        color: rgba(var(--dark-body-background),1);
      }
      .doc-icon {
        &::after {
          border-color: rgba(var(--dark-body-background),1);
        }
        &::after {
          --tw-border-opacity: 1;
          border-bottom-color: rgb(50 56 70 / var(--tw-border-opacity, 1));
        }
        &::after {
          --tw-border-opacity: 1;
          border-left-color: rgb(50 56 70 / var(--tw-border-opacity, 1));
        }
      }
      .file {
        &:hover {
          .doc-icon {
            &::after {
              border-color: rgba(var(--dark-body-background),1);
            }
            &::after {
              --tw-border-opacity: 1;
              border-bottom-color: rgb(50 56 70 / var(--tw-border-opacity, 1));
            }
            &::after {
              --tw-border-opacity: 1;
              border-left-color: rgb(50 56 70 / var(--tw-border-opacity, 1));
            }
          }
        }
      }
      .item-selected {
        background-color: rgba(var(--dark-card-inbox),1);
      }
      .item-selected {
        &.file {
          .doc-icon {
            &::after {
              border-color: rgba(var(--dark-body-background),1);
            }
            &::after {
              border-bottom-color: rgba(var(--dark-light-color),1);
            }
            &::after {
              border-left-color: rgba(var(--dark-light-color),1);
            }
          }
        }
        &:hover {
          background-color: rgba(var(--dark-card-inbox),1);
        }
      }
    }
    .common-file-manager {
      .filemanger {
        .top-menu {
          background-color: rgba(var(--dark-body-background),1);
        }
        .top-menu {
          button {
            background-color: rgba(var(--dark-card-inbox),1);
          }
          button {
            color: rgba(var(--dark-all-font-color),1);
          }
        }
        .top-folder-path {
          background-color: rgba(var(--dark-card-background),1);
        }
        .top-folder-path {
          .path-action-btns {
            button {
              background-color: rgba(var(--dark-card-background),1);
            }
            button {
              &:disabled {
                background-color: rgba(var(--dark-card-background),1);
              }
            }
          }
          .folder-path-write {
            background-color: rgba(var(--dark-body-background),1);
          }
          .folder-path-write {
            button {
              background-color: rgba(var(--dark-body-background),1);
            }
            input {
              color: rgba(var(--dark-all-font-color),0.4);
            }
          }
        }
      }
      .popup {
        .popup-content {
          background-color: rgba(var(--bg-dark-color),1);
        }
        .popup-content {
          form {
            input {
              background-color: rgba(var(--dark-card-inbox),1);
            }
            input {
              color: rgba(var(--dark-all-font-color),1);
            }
          }
        }
      }
      .folderEmpty {
        background-color: rgba(var(--dark-body-background),0.4);
      }
    }
    .bootstrap-select {
      .dropdown-toggle {
        border-color: rgba(var(--transparent-color),1);
      }
      .dropdown-toggle {
        background-color: rgba(var(--dark-body-background),1);
      }
      .dropdown-toggle {
        color: rgba(var(--dark-gray),1);
      }
      .bs-searchbox {
        background-color: rgba(var(--dark-card-inbox),1);
      }
      .no-results {
        background-color: rgba(var(--dark-body-background),1);
      }
      .dropdown-menu {
        .dropdown-header {
          background-color: rgba(var(--dark-body-background),1);
        }
        .dropdown-item {
          background-color: rgba(var(--dark-card-background),1);
        }
        .dropdown-item {
          color: rgba(var(--dark-all-font-color),1);
        }
        .dropdown-item:hover {
          background-color: rgba(var(--dark-body-background),1);
        }
        .form-control {
          border-color: rgba(var(--dark-card-border),1);
        }
      }
    }
    .discount-options {
      .nav-link {
        color: rgba(var(--dark-all-font-color),0.4);
      }
    }
    .filepond--drop-label {
      &.filepond--drop-label {
        label {
          color: rgba(var(--dark-all-font-color),1);
        }
      }
    }
    .filepond--root {
      .filepond--panel-root {
        background-color: rgba(var(--dark-body-background),1);
      }
    }
    .dropzone {
      &.dropzone-secondary {
        i {
          color: rgba(var(--dark-all-font-color),1);
        }
      }
      .dz-preview {
        &.dz-file-preview {
          .dz-image {
            background: linear-gradient(to bottom, rgba(var(--dark-card-inbox), 1), rgba(var(--dark-body-background), 1));
          }
        }
        &.dz-image-preview {
          background-color: rgba(var(--transparent-color),1);
        }
        .dz-details {
          .dz-size,
            .dz-filename {
            span {
              background-color: rgba(var(--transparent-color),1);
            }
            span {
              color: rgba(var(--dark-all-font-color),0.3);
            }
          }
        }
      }
    }
    .warning-alert {
      p {
        color: rgba(var(--dark-all-font-color),1);
      }
      .btn-close {
        --tw-invert: invert(1);
        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
      }
    }
    .dark-helper {
      background-color: rgba(var(--dark-body-background),0.4);
    }
    .dark-helper {
      h6,
        span {
        color: rgba(var(--dark-all-font-color),1);
      }
      .text-muted {
        color: rgba(var(--dark-card-background),1);
      }
    }
    .font-dark {
      color: rgba(var(--dark-all-font-color),1);
    }
    .helper-common-box {
      .border-common-box {
        border-color: rgba(var(--dark-card-border),1);
      }
      .radius-wrapper {
        background-color: rgba(var(--dark-body-background),1);
      }
    }
    .irs-min,
      .irs-max {
      background-color: rgba(var(--dark-card-inbox),1);
    }
    .irs-min,
      .irs-max {
      color: rgba(var(--dark-small-font-color),1);
    }
    .irs--flat,
      .irs--square,
      .irs--round {
      .irs-line {
        background-color: rgba(var(--dark-body-background),1);
      }
    }
    .irs--big,
      .irs--modern {
      .irs-line {
        border-color: rgba(var(--dark-card-border),1);
      }
      .irs-line {
        background: rgba(var(--dark-body-background),1);
      }
    }
    .irs--sharp {
      .irs-line {
        background-color: rgba(var(--dark-body-background),1);
      }
    }
    .jvectormap-container {
      .jvectormap-zoomin,
        .jvectormap-zoomout {
        background-color: rgba(var(--dark-card-inbox),1);
      }
    }
    .linear-divider {
      h6 {
        color: rgba(var(--white),0.5);
      }
    }
    .main-divider {
      .vertical-divider {
        .divider-dark-icon {
          stroke: rgba(var(--white),0.5);
        }
        .vertical-line {
          color: rgba(var(--dark-card-background),1);
        }
        .vertical-line {
          &.bg-dark {
            background-color: rgba(var(--dark-all-font-color),1) !important;
          }
        }
      }
      .divider-h-line,
        .vr {
        &.bg-dark {
          background-color: rgba(var(--dark-all-font-color),1) !important;
        }
      }
    }
    .animated-divider {
      &.animated-line {
        &:before {
          background: linear-gradient(90deg, rgba(var(--dark-card-background), 1) 0%, rgba(var(--dark-card-background), 1) 5%, rgba(var(--transparent-color), 1) 5%, rgba(var(--transparent-color), 1) 10%, rgba(var(--dark-card-background), 1) 10%, rgba(var(--dark-card-background), 1) 15%, rgba(var(--transparent-color), 1) 15%, rgba(var(--transparent-color), 1) 20%, rgba(var(--dark-card-background), 1) 20%, rgba(var(--dark-card-background), 1) 25%, rgba(var(--transparent-color), 1) 25%, rgba(var(--transparent-color), 1) 30%, rgba(var(--dark-card-background), 1) 30%, rgba(var(--dark-card-background), 1) 35%, rgba(var(--transparent-color), 1) 35%, rgba(var(--transparent-color), 1) 40%, rgba(var(--dark-card-background), 1) 40%, rgba(var(--dark-card-background), 1) 45%, rgba(var(--transparent-color), 1) 45%, rgba(var(--transparent-color), 1) 50%, rgba(var(--dark-card-background), 1) 50%, rgba(var(--dark-card-background), 1) 55%, rgba(var(--transparent-color), 1) 55%, rgba(var(--transparent-color), 1) 60%, rgba(var(--dark-card-background), 1) 60%, rgba(var(--dark-card-background), 1) 65%, rgba(var(--transparent-color), 1) 65%, rgba(var(--transparent-color), 1) 70%, rgba(var(--dark-card-background), 1) 70%, rgba(var(--dark-card-background), 1) 75%, rgba(var(--transparent-color), 1) 75%, rgba(var(--transparent-color), 1) 80%, rgba(var(--dark-card-background), 1) 80%, rgba(var(--dark-card-background), 1) 85%, rgba(var(--transparent-color), 1) 85%, rgba(var(--transparent-color), 1) 90%, rgba(var(--dark-card-background), 1) 90%, rgba(var(--dark-card-background), 1) 95%, rgba(var(--transparent-color), 1) 95%, rgba(var(--transparent-color), 1) 100%);
          background-size: 150px;
        }
      }
    }
    .ribbon-wrapper,
      .ribbon-wrapper-bottom,
      .ribbon-vertical-left-wrapper,
      .ribbon-wrapper-right,
      .ribbon-vertical-right-wrapper {
      &.alert-light-light {
        background-color: rgba(var(--dark-card-inbox),1);
      }
    }
    button {
      &.progress-btn {
        border-color: rgba(var(--dark-card-inbox),1);
      }
      &.progress-btn {
        background-color: rgba(var(--dark-card-inbox),1);
      }
    }
    .pagination {
      .page-item {
        .page-link {
          &.rounded-full {
            color: rgba(var(--dark-all-font-color),1);
          }
        }
        &.disabled {
          .page-link {
            border-color: rgba(var(--dark-card-border),1);
          }
        }
      }
    }
    .dark-timeline {
      .date-content {
        background-color: rgba(var(--dark-body-background),1);
      }
      .date-content {
        color: rgba(var(--dark-all-font-color),1) !important;
      }
    }
    .animated-timeline {
      .timeline-block {
        .title {
          color: rgba(var(--dark-all-font-color),1);
        }
        &::before {
          border-width: 1px;
        }
        &::before {
          border-style: dashed;
        }
        &::before {
          border-color: rgba(var(--dark-card-border),1);
        }
        .timeline-event {
          border-width: 1px;
        }
        .timeline-event {
          border-style: dashed;
        }
        .timeline-event {
          border-color: rgba(var(--dark-card-border),1);
        }
        .timeline-event {
          background-color: rgba(var(--dark-body-background),1);
        }
        .timeline-event::before {
          content: var(--tw-content);
          background-color: rgba(var(--dark-card-border),1);
        }
        .timeline-event {
          .timeline-desc {
            h6 {
              color: rgba(var(--dark-all-font-color),1);
            }
            span {
              color: rgba(var(--dark-all-font-color),0.4);
            }
          }
          &.non-focus {
            border-width: 1px;
          }
          &.non-focus {
            border-style: dashed;
          }
          &.non-focus {
            border-color: rgba(var(--dark-card-border),0.4);
          }
          &.non-focus {
            background-color: rgba(var(--dark-body-background),0.4);
          }
          &.non-focus {
            .timeline-desc {
              h6 {
                color: rgba(var(--dark-all-font-color),0.4);
              }
              span {
                color: rgba(var(--light-all-font-color),0.4);
              }
            }
          }
        }
      }
    }
    .timeline-list {
      &.timeline-border {
        border-bottom-color: rgba(var(--dark-card-border),1);
      }
    }
    .activity-log {
      &.main-timeline {
        &.notification {
          .basic-timeline {
            ul {
              li {
                .date-content {
                  background-color: rgba(var(--transparent-color),1);
                }
              }
            }
          }
        }
      }
    }
    .student-leader-wrapper {
      .student-leader-content {
        border-bottom-color: rgba(var(--dark-card-border),1);
      }
    }
    .attendance-card {
      .left-overview-content {
        .svg-box {
          border-width: 1px;
        }
        .svg-box {
          border-style: solid;
        }
        .svg-box {
          border-color: rgba(var(--dark-card-border),1);
        }
        .svg-box {
          --tw-shadow-color: unset;
          --tw-shadow: var(--tw-shadow-colored);
        }
      }
    }
    .task-table {
      .main-task-wrapper {
        .square-white {
          border-width: 1px;
        }
        .square-white {
          border-style: solid;
        }
        .square-white {
          border-color: transparent;
        }
        .square-white {
          background-color: rgba(var(--dark-body-background),1);
        }
        .square-white {
          --tw-shadow-color: unset;
          --tw-shadow: var(--tw-shadow-colored);
        }
      }
    }
    .income-wrapper {
      ul {
        li {
          + li {
            border-left-width: 1px;
          }
          + li {
            border-style: dashed;
          }
          + li {
            border-left-color: rgba(var(--dark-card-border),1);
          }
        }
      }
    }
    .icons-box-2 {
      .open-options {
        .dropdown-menu {
          background-color: rgba(var(--dark-body-background),1);
        }
        .dropdown-menu {
          .dropdown-item {
            &:hover {
              background-color: rgba(var(--dark-card-inbox),1);
            }
          }
        }
      }
    }
    .main-product-wrapper {
      .product-body {
        .product-search {
          &.input-group {
            > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
              color: rgba(var(--dark-small-font-color),1);
            }
            .input-group-text {
              border-width: 1px;
            }
            .input-group-text {
              border-right-width: 0px;
            }
            .input-group-text {
              border-style: solid;
            }
            .input-group-text {
              border-color: rgba(var(--dark-card-border),1);
            }
            .form-control {
              border-width: 1px;
            }
            .form-control {
              border-left-width: 0px;
            }
            .form-control {
              border-style: solid;
            }
            .form-control {
              border-color: rgba(var(--dark-card-border),1);
            }
            .form-control {
              border-left-color: unset;
            }
            .form-control {
              background-color: rgba(var(--dark-card-background),1);
            }
            .form-control {
              [dir="rtl"] & {
                border-width: 1px;
              }
              [dir="rtl"] & {
                border-style: solid;
              }
              [dir="rtl"] & {
                border-color: rgba(var(--dark-card-border),1);
              }
              [dir="rtl"] & {
                border-right-color: unset;
              }
            }
          }
        }
      }
    }
    .shop-category-slider {
      .swiper-wrapper {
        .category-title {
          color: rgba(var(--dark-all-font-color),1);
        }
      }
    }
    .our-product-wrapper {
      --tw-shadow: 0px 3px 17px rgb(113 113 137 / 18%);
      --tw-shadow-colored: 0px 3px 17px var(--tw-shadow-color);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
    .order-details {
      .search-items {
        .input-group-text {
          border-width: 1px;
        }
        .input-group-text {
          border-style: solid;
        }
        .input-group-text {
          border-color: rgba(var(--dark-card-border),1);
        }
      }
      .common-search {
        .input-group-text {
          border-width: 1px;
        }
        .input-group-text {
          border-right-width: 0px;
        }
        .input-group-text {
          border-style: solid;
        }
        .input-group-text {
          border-color: rgba(var(--dark-card-border),1);
        }
        &.input-group {
          .form-control {
            &:focus {
              border-color: rgba(var(--dark-card-border),1) !important;
            }
          }
        }
      }
    }
    .create-customers {
      .modal-body {
        .dark-sign-up {
          form {
            .form-label {
              color: rgba(var(--dark-all-font-color),1);
            }
            .form-control {
              color: rgba(var(--light-all-font-color),1);
            }
            .form-control {
              &::-moz-placeholder {
                color: rgba(var(--light-all-font-color),1);
              }
              &::placeholder {
                color: rgba(var(--light-all-font-color),1);
              }
            }
          }
        }
      }
    }
    .customer-sticky {
      .border-bottom {
        border-bottom-color: rgba(var(--dark-card-border),1);
      }
    }
    .compare-order {
      .card-body {
        .progress {
          background: rgba(var(--dark-body-background), 1);
        }
        .user-text {
          color: rgba(var(--dark-all-font-color),0.4);
        }
      }
      .compare-icon {
        &[class*="shadow-"] {
          --tw-shadow: 0px 10.511241px 12.4089927673px 0px rgba(var(--dark-card-inbox),1) !important;
          --tw-shadow-colored: 0px 10.511241px 12.4089927673px 0px var(--tw-shadow-color) !important;
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
        }
      }
    }
    .pipeline-data {
      .common-flex {
        span {
          color: rgba(var(--dark-all-font-color),0.4);
        }
      }
    }
    .crm-todo-list {
      li {
        span {
          color: rgba(var(--dark-all-font-color),0.4);
        }
      }
    }
    .analytics-widget {
      background-color: rgba(var(--dark-card-background),1);
    }
    .analytics-widget {
      background-blend-mode: darken;
    }
    .grid-showcase {
      span {
        background-color: rgba(var(--dark-body-background),1);
      }
    }
    .ribbon-wrapper,
      .ribbon-wrapper-bottom,
      .ribbon-vertical-left-wrapper,
      .ribbon-wrapper-right,
      .ribbon-vertical-right-wrapper {
      &.alert-light-light {
        background-color: rgba(var(--dark-body-background),1);
      }
    }
    .main-session-devices {
      .progress {
        background-color: rgba(var(--dark-body-background),1);
      }
    }
    .widget-11 {
      background-blend-mode: color-burn;
    }
    .project-finish-card {
      .project-left-content {
        .progress {
          background: linear-gradient(180.36deg, rgba(var(--dark-card-border), 1) -32.82%, rgba(var(--dark-body-background), 1) 99.69%);
        }
      }
    }
    .employee-list-table {
      &.recent-table {
        table {
          tbody {
            .square-white {
              --tw-shadow-color: unset;
              --tw-shadow: var(--tw-shadow-colored);
            }
            .square-white {
              svg {
                fill: rgba(var(--dark-all-font-color),1);
              }
            }
          }
        }
      }
    }
    .dashboard-12 {
      .tasks-card {
        .arrow-group {
          .next,
            .prev {
            background-color: rgba(var(--dark-body-background),1);
          }
        }
        .task-box {
          .progress {
            background: rgba(var(--light-all-font-color), 1);
          }
          .swiper-wrapper {
            .swiper-slide {
              + .swiper-slide {
                border-color: rgba(var(--dark-card-border),1);
              }
            }
          }
        }
      }
      .task-card {
        .common-space {
          &:nth-child(2),
            &:nth-child(3) {
            color: rgba(var(--dark-all-font-color),0.3);
          }
        }
      }
      .small-stats {
        .task-box {
          p,
            a {
            color: rgba(var(--dark-all-font-color),0.4);
          }
        }
      }
    }
    .dashboard-13 {
      .widget-13 {
        background-blend-mode: color-burn;
      }
      .shipping-details {
        .simple-timeline {
          ul {
            li {
              .shipment-details {
                p {
                  &:last-child {
                    border-bottom-color: rgba(var(--dark-card-border),0.5);
                  }
                }
              }
              .dots {
                border-color: rgba(var(--dark-body-background),1);
              }
              .dots {
                --tw-shadow: 0px 6px 18px 0px rgba(var(--dark-small-font-color),0.19);
                --tw-shadow-colored: 0px 6px 18px 0px var(--tw-shadow-color);
                box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
              }
            }
          }
        }
      }
    }
    input[type="file"]::file-selector-button {
      color: rgba(var(--white),0.6);
    }
    .main-setting {
      .tab-content {
        border-color: rgba(var(--dark-card-border),1);
      }
      .tab-content {
        .advance-options {
          .tab-link {
            background-color: rgba(var(--transparent-color),1);
          }
        }
      }
      .tab-link {
        background-color: rgba(var(--dark-body-background),1);
      }
      .tab-link {
        color: rgba(var(--dark-all-font-color),0.4);
      }
      .tab-link {
        svg {
          stroke: rgba(var(--dark-all-font-color),0.4);
        }
      }
      .form-label {
        color: rgba(var(--dark-all-font-color),1);
      }
      .form-control {
        border-color: rgba(var(--dark-body-background),1);
      }
      .form-control {
        background-color: rgba(var(--dark-body-background),1);
      }
      .form-control {
        color: rgba(var(--dark-all-font-color),1);
      }
    }
    .multiple-selects {
      select {
        option {
          &:checked {
            background-color: rgba(var(--dark-card-inbox),1);
          }
          &:checked {
            color: rgba(var(--dark-all-font-color),1);
          }
        }
      }
    }
    .autosize-textarea {
      .textarea {
        border-color: rgba(var(--dark-card-border),1);
      }
      .textarea {
        background-color: rgba(var(--dark-body-background),1);
      }
      .textarea {
        color: rgba(var(--dark-all-font-color),1);
      }
      .textarea[contenteditable]:empty::before {
        color: rgba(var(--dark-all-font-color),0.2);
      }
    }
    .square-timeline {
      &::before {
        border-color: rgba(var(--dark-card-border),1);
      }
      .timeline-event {
        .timeline-event-wrapper {
          .timeline-thumbnail {
            color: rgba(var(--dark-all-font-color),1);
          }
        }
        &:hover {
          .timeline-event-wrapper {
            .timeline-thumbnail {
              color: rgba(var(--dark-body-background),1);
            }
          }
        }
      }
    }
    .rounded-timeline {
      .container {
        &::before {
          background-color: rgba(var(--dark-card-border),1);
        }
        &::after {
          border-color: rgba(var(--dark-card-border),1);
        }
        &::after {
          background-color: rgba(var(--bg-dark-color),1);
        }
      }
      .timeline {
        &::after {
          background-color: rgba(var(--dark-card-border),1);
        }
      }
    }
    audio::-webkit-media-controls-play-button,
      audio::-webkit-media-controls-panel {
      background-color: rgba(var(--dark-card-background),1);
    }
    audio::-webkit-media-controls-play-button,
      audio::-webkit-media-controls-panel {
      color: rgba(var(--dark-all-font-color),1);
    }
    audio::-webkit-media-controls-current-time-display,
      audio::-webkit-media-controls-time-remaining-display {
      text-shadow: unset;
    }
    audio::-webkit-media-controls-enclosure {
      background: unset;
    }
    .project-cards {
      .project-list {
        .main-card-box {
          .cost-right-data {
            ul {
              li {
                &:first-child {
                  border-color: rgba(var(--dark-all-font-color),0.3);
                }
                span {
                  color: rgba(var(--dark-all-font-color),0.4);
                }
              }
            }
          }
          > .common-space {
            border-color: rgba(var(--dark-all-font-color),0.3);
          }
        }
      }
      .projects-wrapper {
        .list-box {
          .project-body {
            .progress {
              background-color: rgba(var(--light-all-font-color),1);
            }
          }
        }
      }
    }
    .gallery-description-skeleton {
      .skeleton-wrapper {
        border-color: rgba(var(--dark-card-border),1);
      }
    }
    .job-accordion {
      .location-checkbox {
        label {
          span {
            color: rgba(var(--dark-all-font-color),0.4);
          }
        }
      }
      span:not(.number) {
        color: rgba(var(--dark-all-font-color),1);
      }
      .filter-cards-view,
        .animate-chk {
        .form-check {
          .form-check-label {
            .number {
              color: rgba(var(--dark-all-font-color),0.4);
            }
          }
        }
      }
    }
    .job-apply-wrapper {
      .job-description {
        input[type="text"] {
          border-width: 1px;
        }
        input[type="text"] {
          border-style: solid;
        }
        input[type="text"] {
          border-color: transparent;
        }
      }
    }
    .social-app-profile {
      .tab-pane {
        .job-accordion {
          .filter-cards-view {
            p {
              color: rgba(var(--dark-all-font-color),0.4);
            }
          }
        }
      }
    }
    .social-app-profile1 {
      .social-app-profile {
        .social-friends {
          .social-profile {
            .card-social {
              &::before {
                border-top-color: rgba(var(--dark-card-border),1);
              }
            }
          }
          .social-follow {
            li {
              + li {
                &::before {
                  background-color: rgba(var(--light-all-font-color),1);
                }
              }
            }
          }
        }
        .gallery-with-description {
          .caption {
            ul {
              li {
                + li {
                  border-left-color: rgba(var(--dark-card-border),1);
                }
              }
            }
          }
        }
        .common-user-image {
          .tabs-social {
            .nav-item {
              .nav-link {
                &.active {
                  background-color: rgba(var(--dark-card-background),1);
                }
              }
            }
          }
        }
      }
    }
    .main-vertical-tab {
      .nav-link {
        .badge {
          background-color: rgba(var(--white),0.9);
        }
      }
    }
    .main-scope-project {
      .progress-project-box {
        .project-body {
          .progress {
            background-color: rgba(var(--light-all-font-color),1);
          }
        }
      }
    }
    .create-project-form {
      .bootstrap-select {
        .dropdown-toggle {
          border-color: rgba(var(--dark-body-background),1);
        }
        .dropdown-toggle {
          background-color: rgba(var(--dark-body-background),1);
        }
        .dropdown-toggle {
          color: rgba(var(--light-all-font-color),1);
        }
        .dropdown-menu {
          .bs-searchbox {
            background-color: rgba(var(--dark-body-background),1);
          }
        }
        .inner {
          background-color: rgba(var(--dark-body-background),1);
        }
        .inner {
          .dropdown-menu {
            .no-results {
              background-color: rgba(var(--dark-body-background),1);
            }
          }
        }
      }
      .form-control {
        &::-webkit-input-placeholder {
          color: rgba(var(--white),0.15);
        }
      }
    }
    .projects-wrapper {
      .project-body {
        .project-bottom {
          p {
            color: rgba(var(--dark-all-font-color),1);
          }
        }
      }
    }
    .budget-card {
      &.widget-2 {
        background-blend-mode: color-burn;
      }
    }
    .filter-header {
      .btn-group {
        .dropdown-toggle {
          border-color: rgba(var(--dark-card-border),0.4);
        }
        .dropdown-toggle {
          color: rgba(var(--dark-all-font-color),1);
        }
        .dropdown-menu {
          li {
            .dropdown-item {
              color: rgba(var(--dark-all-font-color),1);
            }
          }
        }
      }
    }
    .project-timeline {
      .notification {
        ul {
          li {
            span {
              color: rgba(var(--dark-all-font-color),1);
            }
            span {
              .activity-profile {
                border-color: rgba(var(--dark-card-border),1);
              }
            }
            .upload-doc {
              background-color: rgba(var(--dark-body-background),1);
            }
            .flowchart-wrapper {
              background-color: rgba(var(--dark-body-background),1);
            }
            .project-task-note {
              border-color: rgba(var(--dark-card-border),1);
            }
          }
        }
      }
    }
    .attach-files-wrapper {
      .upload-files-wrapper {
        > div {
          background-color: rgba(var(--dark-body-background),1);
        }
        > div {
          background: rgba(var(--dark-body-background),1);
          .common-space {
            p,
              span {
              color: rgba(var(--dark-all-font-color),0.4);
            }
          }
          .progress {
            background: rgba(var(--dark-card-inbox),1);
          }
        }
      }
    }
    .project-budget-wrapper {
      .form-check-input,
        .form-control {
        &:focus {
          border-color: rgba(var(--dark-card-border),1);
        }
      }
      .touchspin-wrapper {
        background-color: rgba(var(--dark-body-background),0.8);
      }
    }
    .common-searchbox {
      .input-group-text {
        border-width: 1px;
      }
      .input-group-text {
        border-style: solid;
      }
      .input-group-text {
        border-color: rgba(var(--dark-card-border),1);
      }
      .input-group-text {
        border-right: none;
      }
      .form-control {
        &:focus {
          border-color: rgba(var(--dark-card-border),1);
        }
        &:focus {
          color: rgba(var(--dark-all-font-color),0.4);
        }
      }
    }
    .progress-project {
      border-color: rgba(var(--dark-card-inbox),1);
    }
    .progress-project {
      .common-space {
        .common-align {
          .badge {
            background-color: rgba(var(--bg-dark-color),1);
          }
        }
      }
    }
    .summary-chart-box {
      background-color: rgba(var(--dark-body-background),1);
    }
    .summary-chart-box {
      .apexcharts-graphical {
        .apexcharts-radial-series {
          .apexcharts-text {
            fill: rgba(var(--dark-all-font-color),1);
          }
        }
      }
    }
    .scope-bottom-wrapper {
      .sidebar-left-icons {
        .tab-link {
          .nav-rounded {
            .product-icons {
              svg {
                fill: rgba(var(--dark-small-font-color),1);
              }
            }
          }
        }
        .nav-item{
          &:nth-child(4) {
            .tab-link{
              .product-icons{
                svg {
                  stroke: #98a6ad;
                }
              }
            }
          }
        }
      }
    }
    .common-project-header {
      .common-align {
        &:last-child {
          .common-align {
            li {
              span {
                color: rgba(var(--dark-all-font-color),1);
              }
              svg {
                stroke: rgba(var(--dark-small-font-color),1);
              }
            }
          }
        }
      }
    }
    .project-pending-table {
      &.recent-table {
        table {
          thead,
            tbody {
            tr {
              th,
                td {
                color: rgba(var(--dark-all-font-color),1) !important;
              }
            }
          }
        }
      }
    }
    .activity-wrapper {
      .schedule-wrapper {
        border-bottom-color: unset;
      }
      .tab-content {
        .activity-update {
          > li {
            border-left-color: rgba(var(--dark-card-border),1);
          }
        }
      }
    }
    .invite-member {
      ul {
        li {
          svg {
            stroke: rgba(var(--dark-all-font-color),1);
          }
        }
      }
    }
    .main-team-box {
      > div {
        background-color: rgba(var(--dark-card-inbox),1);
      }
    }
    .team-box {
      &-content {
        .common-space {
          > span {
            color: rgba(var(--dark-all-font-color),0.4);
          }
        }
      }
      &-footer {
        border-top-color: rgba(var(--dark-border-color),1);
      }
    }
    .cmt-box {
      .form-control {
        border-color: rgba(var(--dark-body-background),1);
      }
      .form-control {
        background-color: rgba(var(--dark-body-background),1);
      }
      .form-control {
        color: rgba(var(--dark-all-font-color),1);
      }
    }
    .main-scrollspy {
      .experience-section {
        h6 {
          color: rgba(var(--dark-all-font-color),0.4);
        }
      }
      .navbar-scrollspy {
        .nav-pills {
          .nav-item {
            &.dropdown {
              .dropdown-menu {
                li {
                  .dropdown-item {
                    &.active,
                      &:hover {
                      background-color: rgba(var(--dark-body-background),1);
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
    .blog-box {
      .blog-details {
        p {
          color: rgba(var(--dark-all-font-color),1);
        }
        .blog-social {
          li {
            color: rgba(var(--dark-all-font-color),0.4);
          }
        }
        .single-blog-content-top {
          border-color: rgba(var(--dark-card-border),1);
        }
      }
      .blog-date {
        color: rgba(var(--dark-all-font-color),0.8);
      }
      .blog-details-main {
        .blog-social {
          li {
            color: rgba(var(--dark-all-font-color),1);
          }
        }
        .blog-bottom-details {
          color: rgba(var(--dark-all-font-color),1);
        }
      }
    }
    .blog-list {
      .blog-details {
        h6 {
          color: rgba(var(--dark-all-font-color),0.4);
        }
      }
    }
    .comment-box {
      .flex {
        img {
          border-color: rgba(var(--dark-card-border),1);
        }
        h6 {
          span {
            color: rgba(var(--dark-all-font-color),0.3);
          }
        }
      }
      .comment-social {
        li {
          color: rgba(var(--dark-all-font-color),0.2);
        }
        li:first-child {
          border-right-color: rgba(var(--dark-card-border),1);
        }
        li {
          &:first-child {
            [dir="rtl"] & {
              border-left-color: rgba(var(--dark-card-border),1);
            }
            [dir="rtl"] & {
              border-right-color: unset;
            }
          }
        }
      }
    }
    .blog-single {
      .blog-details {
        .single-blog-content-top {
          p {
            color: rgba(var(--dark-all-font-color),0.4);
          }
        }
      }
      .comment-box {
        p {
          color: rgba(rgba(var(--dark-all-font-color),1),0.4);
        }
      }
    }
    .user-profile {
      .freeze-ui4,
        .freeze-ui7 {
        background-color: rgba(var(--dark-body-background),0.8);
      }
      .block-main-wrapper {
        .block-wrapper {
          .freeze-ui {
            background-color: rgba(var(--dark-body-background),0.8);
          }
        }
      }
      .overlay-bg {
        background-color: rgba(var(--dark-body-background),0.1) !important;
      }
      .overlay-bg {
        opacity: 0.3;
      }
    }
    .form-main-wrapper {
      .form-block-wrapper {
        .form-control {
          &::-moz-placeholder {
            color: rgba(var(--light-all-font-color),1);
          }
          &::placeholder {
            color: rgba(var(--light-all-font-color),1);
          }
        }
      }
    }
    div:where(.swal2-container) input:where(.swal2-input) {
      border-color: rgba(var(--dark-card-border),1);
    }
    .swal2-container {
      .swal2-popup {
        background-color: rgba(var(--dark-body-background),1);
      }
      .swal2-popup {
        .swal2-title {
          color: rgba(var(--dark-all-font-color),1);
        }
        .swal2-checkbox {
          background-color: rgba(var(--transparent-color),1);
        }
        .form-label,
          label {
          color: rgba(var(--dark-all-font-color),1);
        }
        .form-control {
          color: rgba(var(--light-all-font-color),1);
        }
        .swal2-html-container {
          color: rgba(var(--dark-all-font-color),0.4);
        }
      }
      .swal2-wrapper {
        .form-control,
          .form-select {
          border-color: rgba(var(--dark-card-border),1);
        }
        .form-control,
          .form-select {
          background-color: rgba(var(--dark-card-background),1);
        }
      }
      .swal2-timer-progress-bar-container {
        .swal2-timer-progress-bar {
          background-color: rgba(var(--dark-card-border),1);
        }
      }
    }
    .main-offcanvas-wrapper {
      .card-body {
        [class*="offcanvas-"] {
          .offcanvas-body {
            .input-group-text {
              border-color: rgba(var(--dark-card-border),1);
            }
            .form-select,
              .form-control {
              color: rgba(var(--white),0.3) !important;
            }
            .form-label {
              color: rgba(var(--dark-all-font-color),1);
            }
          }
        }
      }
    }
    .form-control[type="file"]:not(:disabled):not([readonly]) {
      border-color: rgba(var(--dark-card-border),1);
    }
    .form-control[type="file"]:not(:disabled):not([readonly]) {
      background-color: rgba(var(--dark-body-background),1);
    }
    .form-control[type="file"]:not(:disabled):not([readonly]) {
      color: rgba(var(--light-all-font-color),1);
    }
    .custom-input {
      .form-control,
        .form-select {
        border-color: rgba(var(--dark-card-border),1);
      }
      .form-control,
        .form-select {
        background-color: rgba(var(--dark-body-background),1);
      }
      .form-control,
        .form-select {
        color: rgba(var(--dark-all-font-color),1);
      }
    }
    .vertical-main-wizard {
      .header-vertical-wizard {
        .nav-link {
          .vertical-wizard {
            .stroke-icon-wizard {
              border-color: rgba(var(--dark-card-border),1);
            }
            .stroke-icon-wizard {
              i {
                color: rgba(var(--dark-all-font-color),1);
              }
            }
          }
          &:active,
            &.active {
            .vertical-wizard {
              .vertical-wizard-content {
                h6 {
                  color: rgba(var(--dark-small-font-color),1);
                }
              }
            }
          }
        }
      }
      .accordion {
        .accordion-item {
          .accordion-button {
            &.collapsed {
              background-color: rgba(var(--dark-body-background),1);
            }
          }
        }
      }
    }
    .dashboard-4 {
      .transaction-card {
        .active {
          background-color: rgba(var(--dark-card-background),1);
        }
      }
    }
    .default-dashboard,
      .dashboard-2,
      .dashboard-3,
      .dashboard-4,
      .dashboard-5,
      .dashboard-6,
      .dashboard-7,
      .dashboard-09,
      .dashboard-10,
      .dashboard-11,
      .dashboard-12,
      .dashboard-13,
      .main-scope-project,
      .e-category,
      .list-product-view,
      .seller-details-wrapper,
      .common-order-history,
      .common-cart,
      .role-permission-wrapper,
      .user-list-wrapper,
      .manage-review-wrapper,
      .candidate-wrapper,
      .product-report-wrapper,
      .sale-report-wrapper,
      .sale-return-wrapper,
      .customer-order-wrapper,
      .main-tasks,
      .subscribed-user,
      .api-manage {
      div.dt-container {
        .dt-layout-row {
          thead {
            background-color: rgba(var(--dark-body-background),1);
          }
          .dt-length {
            .dt-input {
              border-color: rgba(var(--dark-card-border),1);
            }
            .dt-input {
              background-color: rgba(var(--dark-body-background),1);
            }
            .dt-input {
              color: rgba(var(--dark-all-font-color),1);
            }
            .dt-input {
              &:focus-visible {
                outline: transparent;
              }
            }
          }
          .dataTable {
            input {
              &.dt-select-checkbox {
                &:indeterminate::after {
                  background-color: rgba(var(--white),0.8);
                }
              }
            }
          }
          tr {
            &.selected {
              td {
                --tw-shadow: inset 0 0 0 9999px rgba(var(--dark-card-inbox),1);
                --tw-shadow-colored: inset 0 0 0 9999px var(--tw-shadow-color);
                box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
              }
              a {
                color: rgba(var(--dark-all-font-color),0.4);
              }
            }
          }
          .dt-layout-cell {
            .dt-info {
              color: rgba(var(--dark-all-font-color),1);
            }
          }
          .dt-search {
            label {
              color: rgba(var(--dark-all-font-color),1);
            }
            .dt-input {
              background-color: rgba(var(--dark-body-background),1);
            }
            .dt-input {
              color: rgba(var(--dark-all-font-color),1);
            }
            .dt-input {
              outline: unset;
            }
          }
          .dt-paging {
            .dt-paging-button {
              background-color: rgba(var(--dark-body-background),1);
            }
            .dt-paging-button {
              &.current {
                background-color: rgba(var(--theme-default),1);
              }
              &.disabled {
                background-color: rgba(var(--dark-body-background),1);
              }
              &.disabled {
                color: rgba(var(--dark-all-font-color),1);
              }
            }
          }
        }
      }
      table {
        tbody {
          tr {
            td {
              .square-white {
                background-color: rgba(var(--dark-body-background),1);
              }
              .square-white {
                --tw-shadow-color: unset;
                --tw-shadow: var(--tw-shadow-colored);
              }
              .square-white {
                svg {
                  fill: rgba(var(--dark-all-font-color),0.4);
                }
              }
            }
          }
        }
      }
    }
    .product-report-wrapper,
      .sale-report-wrapper,
      .sale-return-wrapper,
      .customer-order-wrapper {
      .flatpickr-input {
        span {
          border-color: rgba(var(--dark-card-border),1);
        }
        span {
          color: rgba(var(--dark-all-font-color),1);
        }
        #rangeButtons {
          --tw-shadow: 0px 0px 28px 6px rgba(var(--dark-body-background),1);
          --tw-shadow-colored: 0px 0px 28px 6px var(--tw-shadow-color);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
        }
        #rangeButtons {
          button {
            background-color: rgba(var(--dark-body-background),1);
          }
          button {
            color: rgba(var(--dark-all-font-color),0.4);
          }
          button {
            &:hover {
              color: rgba(var(--theme-default),1);
            }
            &.active {
              background-color: rgba(var(--theme-default),1);
            }
            &.active {
              color: rgba(var(--white),1);
            }
          }
        }
      }
    }
    .cke {
      .cke_top {
        border-color: rgba(var(--dark-card-border),1);
      }
      .cke_top {
        background-color: rgba(var(--dark-body-background),1);
      }
      .cke_button {
        .cke_button_icon {
          --tw-invert: invert(1);
          filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
        }
        &:hover {
          .cke_button_icon {
            --tw-hue-rotate: hue-rotate(45deg);
            filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
          }
        }
      }
      .cke_combo_button {
        .cke_combo_text {
          color: rgba(var(--dark-all-font-color),1);
        }
        .cke_combo_arrow {
          border-top-color: rgba(var(--dark-all-font-color),1);
        }
        &:hover {
          .cke_combo_text {
            color: rgba(var(--dark-body-background),1);
          }
          .cke_combo_arrow {
            border-top-color: rgba(var(--dark-body-background),1);
          }
        }
      }
    }
    .customer-order-wrapper {
      .customer-order-report {
        .recent-table {
          table {
            thead,
              tbody {
              tr {
                th,
                  td {
                  .customer-details {
                    a {
                      color: rgba(var(--dark-all-font-color),1);
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
    .subscribed-user-wrapper {
      .recent-table {
        table {
          thead,
            tbody {
            tr {
              th,
                td {
                .square-white {
                  --tw-shadow: 0px 0px 28px 6px rgba(var(--dark-body-background),1);
                  --tw-shadow-colored: 0px 0px 28px 6px var(--tw-shadow-color);
                  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
                }
                .square-white {
                  i {
                    color: rgba(var(--dark-all-font-color),1);
                  }
                }
              }
            }
          }
        }
      }
    }
    .api-management {
      .recent-table {
        table {
          thead,
            tbody {
            tr {
              th,
                td {
                .square-l-white {
                  background-color: rgba(var(--dark-body-background),1);
                }
                .square-l-white {
                  i {
                    color: rgba(var(--light-all-font-color),1);
                  }
                }
              }
            }
          }
        }
      }
    }
    .role-permission-wrapper {
      .permission-form {
        ul {
          li {
            .form-check {
              .form-check-input {
                &:valid ~ .form-check-label {
                  color: rgba(var(--dark-all-font-color),0.4);
                }
              }
            }
          }
        }
      }
    }
    .user-list-wrapper {
      .user-list-table {
        a {
          color: rgba(var(--dark-all-font-color),1);
        }
      }
    }
    .manage-review-wrapper {
      .bootstrap-select {
        .dropdown-toggle {
          color: rgba(var(--dark-all-font-color),0.4);
        }
      }
      .manage-review {
        .recent-table {
          table {
            thead,
              tbody {
              tr {
                th,
                  td {
                  .common-f-start {
                    .user-details {
                      p {
                        color: rgba(var(--dark-all-font-color),0.4);
                      }
                    }
                  }
                  .customer-review {
                    span {
                      color: rgba(var(--dark-all-font-color),0.4);
                    }
                  }
                  [class*="square-"] {
                    --tw-shadow: 0px 0px 28px 6px rgba(var(--dark-body-background),1);
                    --tw-shadow-colored: 0px 0px 28px 6px var(--tw-shadow-color);
                    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
                  }
                }
                &.dt-hasChild {
                  ~ {
                    tr[data-dt-row] {
                      tbody {
                        background-color: rgba(var(--dark-body-background),1);
                      }
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
    td.highlight {
      background-color: rgba(var(--dark-datatable-odd),1);
    }
    .basic_table {
      &.jsgrid {
        .jsgrid-table {
          .jsgrid-edit-row {
            .jsgrid-cell {
              background-color: rgba(var(--dark-editor-document),1);
            }
            .jsgrid-cell {
              input {
                border-color: rgba(var(--transparent-color),1);
              }
              input {
                background-color: rgba(var(--dark-datatable-sorting),1);
              }
              input {
                color: rgba(var(--white),1);
              }
              input {
                &:focus,
                  &:focus-visible {
                  outline-color: rgba(var(--dark-card-border),1);
                }
              }
            }
          }
        }
      }
    }
    .card-wrapper,
      .dark-field {
      .form-control {
        border-color: rgba(var(--dark-card-border),1);
      }
      .form-control {
        background-color: rgba(var(--dark-body-background),1);
      }
      .form-control {
        color: rgba(var(--dark-all-font-color),1);
      }
      .form-control {
        &::-moz-placeholder {
          color: rgba(var(--darl-all-font-color),1);
        }
        &::placeholder {
          color: rgba(var(--darl-all-font-color),1);
        }
      }
    }
    .dt-input {
      border-color: rgba(var(--dark-card-border),1) !important;
    }
    .dt-input {
      background-color: rgba(var(--dark-body-background),1) !important;
    }
    .dark-inputs {
      .form-control {
        &.btn-square {
          border-color: rgba(var(--dark-card-border),1);
        }
        &.btn-square {
          background-color: rgba(var(--dark-body-background),1);
        }
        &.btn-pill {
          border-color: rgba(var(--dark-card-border),1);
        }
        &.btn-pill {
          background-color: rgba(var(--dark-body-background),1);
        }
        &.input-air-primary {
          border-color: rgba(var(--dark-card-border),1);
        }
        &.input-air-primary {
          background-color: rgba(var(--dark-body-background),1);
        }
      }
    }
    .horizontal-wizard-wrapper {
      .main-horizontal-header {
        .horizontal-options {
          .nav-link {
            .horizontal-wizard {
              .stroke-icon-wizard {
                color: rgba(var(--dark-all-font-color),1);
              }
            }
          }
        }
      }
    }
    .default-inline-calender {
      .main-inline-calender {
        .form-control {
          display: none;
        }
        .flatpickr-calendar {
          --tw-shadow-color: unset;
          --tw-shadow: var(--tw-shadow-colored);
        }
        .flatpickr-calendar {
          .flatpickr-months {
            .flatpickr-monthDropdown-months {
              option {
                background-color: rgba(var(--dark-body-background),1);
              }
            }
          }
        }
      }
    }
    .touchspin-wrapper,
      .pre-post-touchspin {
      input[type="number"] {
        &.input-touchspin {
          background-color: rgba(var(--dark-body-background),1);
        }
        &.input-touchspin {
          color: rgba(var(--dark-all-font-color),1);
        }
      }
    }
    .variation-box {
      .selection-box {
        input {
          &[type="checkbox"]:checked ~ div {
            color: rgba(var(--bg-dark-color),1);
          }
        }
      }
    }
    .flatpickr-calendar {
      box-shadow: unset;
      &.arrowTop {
        &::before {
          border-bottom-color: rgba(var(--dark-body-background),1);
        }
        &::after {
          border-bottom-color: rgba(var(--dark-body-background),1);
        }
      }
      &.arrowBottom {
        &::before {
          border-top-color: rgba(var(--dark-body-background),1);
        }
        &::after {
          border-top-color: rgba(var(--dark-body-background),1);
        }
      }
      &.animate {
        background-color: rgba(var(--dark-body-background),1);
      }
      .flatpickr-months {
        .flatpickr-prev-month,
          .flatpickr-next-month {
          fill: rgba(var(--dark-all-font-color),1);
        }
        .flatpickr-monthDropdown-months {
          color: rgba(var(--dark-all-font-color),1);
        }
        .flatpickr-monthDropdown-months {
          .flatpickr-monthDropdown-month {
            background-color: rgba(var(--dark-body-background),1);
          }
        }
        .flatpickr-current-month {
          color: rgba(var(--dark-all-font-color),1);
        }
      }
      .flatpickr-innerContainer {
        .flatpickr-days {
          .flatpickr-day {
            &.inRange {
              border-color: rgba(var(--dark-card-inbox),1);
            }
            &.inRange {
              background-color: rgba(var(--dark-card-inbox),1);
            }
            &.inRange {
              --tw-shadow: -5px 0 0 rgba(var(--dark-card-inbox),1),5px 0 0 rgba(var(--dark-card-inbox),1);
              --tw-shadow-colored: -5px 0 0 var(--tw-shadow-color), 5px 0 0 var(--tw-shadow-color);
              box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            }
          }
        }
      }
      .flatpickr-weekday {
        color: rgba(var(--dark-all-font-color),0.7);
      }
      .flatpickr-day {
        color: rgba(var(--dark-all-font-color),1);
      }
      .flatpickr-day {
        &.prevMonthDay {
          color: rgba(var(--light-all-font-color),1);
        }
        &.nextMonthDay {
          color: rgba(var(--light-all-font-color),1);
        }
        &:hover {
          background-color: rgba(var(--dark-card-inbox),1);
        }
      }
      .flatpickr-time {
        border-top-color: rgba(var(--dark-card-border),1);
      }
      .flatpickr-time {
        input {
          color: rgba(var(--dark-all-font-color),1);
        }
        .flatpickr-am-pm {
          background-color: rgba(var(--dark-body-background),1);
        }
        .flatpickr-am-pm {
          color: rgba(var(--light-all-font-color),1);
        }
        .flatpickr-am-pm:hover {
          color: rgba(var(--dark-all-font-color),1);
        }
      }
    }
    .flatpickr-time {
      border-width: 1px;
    }
    .flatpickr-time {
      border-style: solid;
    }
    .flatpickr-time {
      border-color: rgba(var(--dark-card-inbox),1);
    }
    .flatpickr-time {
      input {
        background-color: rgba(var(--dark-datatable-sorting-even),1);
      }
    }
    .main-inline-calender {
      &.input-group {
        .flatpickr-rContainer {
          .flatpickr-days {
            .dayContainer {
              .flatpickr-day {
                &:hover {
                  background-color: rgba(var(--dark-card-background),1);
                }
                &:hover {
                  color: rgba(var(--dark-all-font-color),1);
                }
              }
            }
          }
        }
      }
    }
    .tagify__dropdown__item--active {
      background-color: rgba(var(--dark-body-background),1);
    }
    .tagify__input {
      color: rgba(var(--dark-small-font-color),1);
    }
    .tagify__input::before {
      content: var(--tw-content);
      color: rgba(var(--dark-small-font-color),1);
    }
    .tagify__input:empty:focus::before {
      content: var(--tw-content);
      color: rgba(var(--light-all-font-color),1);
    }
    .tagify__input {
      &::before {
        content: attr(data-placeholder);
      }
    }
    .tagify {
      border-color: rgba(var(--dark-card-border),1);
    }
    .tagify {
      --tags-focus-border-color: #374558;
      .tagify__tag__removeBtn {
        color: rgba(var(--dark-all-font-color),1);
      }
    }
    .tagify__tag {
      --tag-bg: var(--light-bg);
      --tag-hover: var(--light-bg);
      background: rgba(var(--dark-body-background), 1);
      > div {
        color: rgba(var(--dark-all-font-color),1) !important;
      }
      &:hover {
        --tag-hover: var(--light-bg);
      }
    }
    .international-num {
      input {
        border-color: rgba(var(--dark-card-border),1);
      }
      input {
        background-color: rgba(var(--dark-card-background),1);
      }
      input {
        color: rgba(var(--dark-all-font-color),1);
      }
      input {
        &::-moz-placeholder {
          color: rgba(var(--white),0.4) !important;
        }
        &::placeholder {
          color: rgba(var(--white),0.4) !important;
        }
      }
      .results {
        ul {
          border-width: 1px;
        }
        ul {
          border-style: solid;
        }
        ul {
          border-color: rgba(var(--dark-card-border),1);
        }
      }
      .iti--allow-dropdown,
        input {
        &:focus {
          outline-color: unset;
        }
      }
    }
    .selected-box {
      color: rgba(var(--dark-all-font-color),1);
    }
    .iti__country-list {
      background-color: rgba(var(--dark-card-background),1);
    }
    .select-box {
      .selection-option {
        &:hover {
          background-color: rgba(var(--dark-datatable-sorting-even),1);
        }
      }
      .options-container {
        &.active {
          ~ .search-box input {
            background-color: rgba(var(--dark-card-background),1);
          }
        }
      }
    }
    .list-product-view {
      .list-product {
        .recent-table {
          table {
            thead,
              tbody {
              tr {
                th,
                  td {
                  .product-action {
                    .square-white {
                      background-color: rgba(var(--dark-body-background),1);
                    }
                    .square-white {
                      --tw-shadow-color: unset;
                      --tw-shadow: var(--tw-shadow-colored);
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
    .product-filter {
      .checkbox-animated {
        .form-check {
          .form-check-label {
            .number {
              color: rgba(var(--dark-all-font-color),0.4);
            }
          }
        }
      }
    }
    .feature-products {
      .filter-toggle {
        background-color: rgba(var(--dark-card-background),1);
      }
    }
    .product-wrapper {
      .product-grid {
        .form-select {
          background-color: rgba(var(--dark-card-background),1);
        }
        .form-select {
          background-blend-mode: screen;
        }
        .product-wrapper-grid {
          .product-box {
            &:hover {
              ul {
                li {
                  background-color: rgba(var(--transparent-color),1);
                }
              }
            }
          }
          .modal {
            .modal-header {
              .product-box {
                .product-details {
                  .product-size {
                    ul {
                      li {
                        background-color: rgba(var(--theme-default),0.1);
                      }
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
    .common-order-history {
      .order-history-wrapper {
        .recent-table {
          table {
            tbody {
              .square-white {
                background-color: rgba(var(--dark-body-background),1);
              }
              .square-white {
                --tw-shadow-color: unset;
                --tw-shadow: var(--tw-shadow-colored);
              }
              .square-white {
                svg {
                  fill: rgba(var(--dark-all-font-color),1);
                }
              }
            }
          }
        }
      }
    }
    .track-order-details {
      #order-status-timeline {
        .main-status-line {
          ul {
            li {
              .order-process {
                border-color: rgba(var(--dark-card-border),1);
              }
              .order-process {
                color: rgba(var(--dark-all-font-color),0.4);
              }
              .order-process {
                &.active {
                  color: rgba(var(--dark-all-font-color),0.8);
                }
              }
              h6 {
                color: rgba(var(--dark-all-font-color),1);
              }
            }
          }
        }
      }
    }
    .tracking-total {
      li {
        h6,
          span {
          color: rgba(var(--dark-all-font-color),1);
        }
        &:last-child {
          border-color: rgba(var(--dark-card-border),1);
        }
      }
    }
    .order-details-product {
      table {
        tbody {
          ul {
            li {
              &:last-child {
                p,
                  span {
                  color: rgba(var(--dark-all-font-color),0.4);
                }
              }
            }
          }
        }
      }
    }
    .customer-details {
      h6 {
        color: rgba(var(--dark-all-font-color),1);
      }
      span {
        color: rgba(var(--dark-all-font-color),0.4);
      }
    }
    .pricingtable {
      box-shadow: 0 0 40px rgba(var(--dark-body-background), 1) !important;
    }
    .pricing-simple {
      .pricing-content {
        li {
          color: rgba(var(--dark-all-font-color),0.4);
        }
      }
    }
    .checkout {
      .checkout-cart {
        form {
          .form-control {
            &::-moz-placeholder {
              color: rgba(var(--white),0.4);
            }
            &::placeholder {
              color: rgba(var(--white),0.4);
            }
          }
        }
      }
    }
    .shipping-form {
      .checkout-cart {
        .basic-wizard {
          .shipping-wizard {
            .shipping-address {
              span {
                strong {
                  color: rgba(var(--dark-all-font-color),1);
                }
              }
            }
            .form-select {
              border-color: unset;
            }
          }
        }
      }
    }
    .summery-contain {
      border-bottom-color: rgba(var(--dark-card-border),1);
    }
    .summery-contain {
      li {
        border-bottom-color: rgba(var(--light-all-font-color),1);
      }
      li {
        h6 {
          color: rgba(var(--dark-all-font-color),0.4);
        }
      }
    }
    .summary-total {
      li {
        h6 {
          color: rgba(var(--dark-all-font-color),1);
        }
        &:last-child {
          border-top-color: rgba(var(--dark-card-border),1);
        }
      }
    }
    .wishlist-box {
      .wishlist-footer {
        .brand-name {
          color: rgba(var(--dark-all-font-color),0.4);
        }
        .price {
          del {
            color: rgba(var(--dark-all-font-color),0.4);
          }
        }
      }
      .wishlist-image {
        .wishlist-close-btn {
          .btn {
            --tw-shadow: 0 3px 3px rgba(var(--light-all-font-color),0.1) !important;
            --tw-shadow-colored: 0 3px 3px var(--tw-shadow-color) !important;
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
          }
        }
      }
    }
    .candidate-wrapper {
      .candidates-box {
        .candidate-desc {
          li {
            p {
              color: rgba(var(--dark-all-font-color),0.4);
            }
            span {
              color: rgba(var(--dark-small-font-color),1);
            }
          }
        }
        .common-f-start {
          .attachment {
            background-color: rgba(var(--dark-body-background),1);
          }
          .attachment {
            color: rgba(var(--dark-all-font-color),0.4);
          }
        }
        .educations {
          p {
            color: rgba(var(--dark-all-font-color),0.4);
          }
        }
        .candidate-skill {
          p {
            color: rgba(var(--dark-all-font-color),0.4);
          }
          span:not(.badge) {
            color: rgba(var(--dark-all-font-color),1);
          }
        }
      }
    }
    [class*="button-light-"] {
      color: rgba(var(--dark-all-font-color),1);
    }
    [class*="dark-"] .for-dark {
      display: inline-block;
    }
    .button--winona {
      &:hover {
        background-color: rgba(var(--light-primary),0.08);
      }
    }
    .cart-buttons {
      li {
        .btn {
          &.btn-hover-effect {
            background-color: rgba(var(--dark-card-inbox),1);
          }
          &.btn-hover-effect {
            color: rgba(var(--dark-all-font-color),1);
          }
        }
      }
    }
    .shopping-cart-table {
      .recent-table {
        div {
          &.dt-container {
            .table {
              thead,
                tbody {
                tr,
                  td {
                  .product-names {
                    p,
                      span {
                      color: rgba(var(--dark-all-font-color),0.4);
                    }
                  }
                  .product-action {
                    .square-white {
                      background-color: rgba(var(--dark-body-background),1);
                    }
                    .square-white {
                      --tw-shadow-color: unset;
                      --tw-shadow: var(--tw-shadow-colored);
                    }
                    .square-white {
                      &:first-child {
                        svg {
                          opacity: 0.3;
                        }
                      }
                    }
                  }
                }
              }
              thead {
                tr {
                  th {
                    &:last-child {
                      span {
                        svg {
                          fill: rgba(var(--dark-small-font-color),1);
                        }
                      }
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
    .table-hover {
      > tbody {
        > tr {
          &:hover {
            --bs-table-accent-bg: #1d1e26;
          }
        }
      }
    }
    .main-qr-code {
      .modal-toggle-wrapper {
        .modal-img {
          .qr-content {
            .alert {
              border-color: rgba(var(--dark-card-inbox),1);
            }
            .alert {
              background-color: rgba(var(--dark-body-background),1);
            }
            .alert {
              i {
                color: rgba(var(--dark-all-font-color),1);
              }
              div {
                color: rgba(var(--dark-all-font-color),1);
              }
            }
          }
        }
        form {
          .form-control {
            border-color: rgba(var(--dark-card-inbox),1);
          }
          .form-control {
            background-color: rgba(var(--dark-body-background),1);
          }
        }
      }
    }
    .authentication-options {
      .radio-wrapper {
        li {
          .form-check-label {
            span {
              > span {
                color: rgba(var(--dark-small-font-color),1);
              }
            }
          }
        }
      }
    }
    .typeahead-wrapper {
      .theme-form {
        .form-control {
          border-color: rgba(var(--dark-body-background),1);
        }
        .form-control {
          background-color: rgba(var(--dark-body-background),1);
        }
      }
    }
    .email-main-wrapper {
      .email-right-aside {
        .freeze-ui {
          background-color: rgba(var(--dark-body-background),0.8);
        }
      }
      .email-app-sidebar {
        .nav-pills {
          .nav-item {
            ul {
              li {
                a {
                  color: rgba(var(--dark-all-font-color),0.4);
                }
              }
            }
          }
          .nav-link {
            color: rgba(var(--dark-all-font-color),0.4);
          }
          .nav-link {
            &.active,
              &:active {
              svg {
                stroke: rgba(var(--dark-all-font-color),1);
              }
            }
            svg {
              stroke: rgba(var(--dark-all-font-color),0.4);
            }
          }
        }
      }
    }
    .compose-modal {
      form {
        .form-control {
          border-color: rgba(var(--dark-card-border),1);
        }
        .form-control {
          background-color: rgba(var(--dark-body-background),1);
        }
        .form-control {
          color: rgba(var(--dark-small-font-color),1);
        }
      }
    }
    .toolbar-box {
      border-color: rgba(var(--dark-card-border),1);
    }
    .toolbar-box {
      .ql-snow {
        .ql-stroke {
          stroke: rgba(var(--dark-small-font-color),1);
        }
        .ql-tooltip {
          border-width: 0 !important;
        }
        .ql-tooltip {
          border-width: 0px;
        }
        .ql-tooltip {
          background-color: rgba(var(--dark-body-background),1);
        }
        .ql-tooltip {
          --tw-shadow-color: unset;
          --tw-shadow: var(--tw-shadow-colored);
        }
        .ql-tooltip {
          &.ql-editing {
            input[type="text"] {
              border-width: 0 !important;
            }
            input[type="text"] {
              border-width: 0px;
            }
            input[type="text"] {
              background-color: rgba(var(--dark-card-background),1);
            }
            input[type="text"] {
              color: rgba(var(--dark-small-font-color),1);
            }
          }
        }
        a {
          color: rgba(var(--light-all-font-color),1);
        }
      }
      .ql-editor {
        &.ql-blank {
          &::before {
            color: rgba(var(--light-all-font-color),1);
          }
        }
      }
    }
    .email-body {
      .mail-body-wrapper {
        ul {
          li {
            .inbox-message {
              .email-data {
                span {
                  color: rgba(var(--dark-all-font-color),0.4);
                }
              }
              .email-options {
                i {
                  color: rgba(var(--dark-all-font-color),0.4);
                }
              }
            }
          }
        }
        .important-mail {
          stroke: rgba(var(--dark-all-font-color),0.4);
        }
        .user-mail-wrapper {
          .user-title {
            .inbox-options {
              svg {
                stroke: rgba(var(--dark-all-font-color),0.4);
              }
            }
            .inbox-security {
              p {
                color: rgba(var(--dark-all-font-color),0.4);
              }
            }
          }
        }
        .mail-body {
          .mail-search {
            .form-control {
              border-width: 0 !important;
            }
            .form-control {
              border-width: 0px;
            }
            .form-control {
              background-color: rgba(var(--dark-body-background),1);
            }
            .form-control {
              color: rgba(var(--dark-all-font-color),1);
            }
            .form-control {
              &::-moz-placeholder {
                color: rgba(var(--light-all-font-color),1);
              }
              &::placeholder {
                color: rgba(var(--light-all-font-color),1);
              }
            }
            i {
              color: rgba(var(--light-all-font-color),1);
            }
          }
          .dropdown-menu {
            .dropdown-item {
              border-width: 0 !important;
            }
            .dropdown-item {
              border-width: 0px;
            }
            .dropdown-item {
              background-color: rgba(var(--dark-body-background),1);
            }
            .dropdown-item {
              color: rgba(var(--dark-all-font-color),1);
            }
            .dropdown-item {
              opacity: 1;
            }
            .dropdown-item:hover {
              background-color: rgba(var(--dark-card-background),1);
            }
          }
        }
        .mail-body1 {
          svg {
            stroke: rgba(var(--dark-all-font-color),0.6);
          }
        }
      }
      .mail-header-wrapper {
        .mail-body {
          .dropdown-menu {
            .dropdown-item {
              background: rgba(var(--light2), 1)
            }
            .dropdown-item {
              border-width: 0;
            }
            .dropdown-item {
              color: rgba(var(--white),0.6);
            }
            .dropdown-item {
              &:hover {
                background-color: rgba(var(--dark-card-background),1);
              }
            }
          }
        }
      }
    }
    .inbox-options {
      .light-square {
        &.btn-group {
          .dropdown-menu {
            background-color: rgba(var(--dark-editor-document),1);
          }
          .dropdown-menu {
            .dropdown-item {
              &:hover {
                background-color: rgba(var(--light-all-font-color),1);
              }
              &:hover {
                color: rgba(var(--dark-small-font-color),1);
              }
            }
          }
        }
      }
    }
    .mail-filters {
      svg {
        stroke: rgba(var(--dark-all-font-color),0.4);
      }
    }
    .inbox-security {
      background-color: rgba(var(--dark-body-background),1);
    }
    .flatpicker-calender {
      --tw-shadow-color: unset;
      --tw-shadow: var(--tw-shadow-colored);
    }
    .flatpicker-calender {
      &.product-date {
        .form-control {
          &.flatpickr-input {
            background-color: rgba(var(--dark-body-background),1);
          }
        }
      }
    }
    .price-wrapper {
      .radio-wrapper {
        li {
          .form-check-input {
            border-width: 1px;
          }
          .form-check-input {
            border-style: solid;
          }
          .form-check-input {
            border-color: rgba(var(--dark-card-border),1);
          }
          .form-check-input {
            ~ .form-check-label {
              span {
                color: rgba(var(--dark-small-font-color),1);
              }
            }
          }
        }
      }
    }
    .product-buttons {
      .btn {
        &:hover,
          &:active {
          color: rgba(var(--dark-all-font-color),0.8);
        }
        svg {
          stroke: rgba(var(--dark-all-font-color),0.8);
        }
      }
    }
    .ql-formats {
      .ql-picker-label {
        &::before {
          color: rgba(var(--dark-all-font-color),1);
        }
      }
    }
    .e-category {
      .form-label {
        color: rgba(var(--dark-all-font-color),1);
      }
      .form-control {
        &::-moz-placeholder {
          color: rgba(var(--light-all-font-color),1);
        }
        &::placeholder {
          color: rgba(var(--light-all-font-color),1);
        }
      }
      .main-divider {
        .divider-body {
          h6 {
            color: rgba(var(--dark-all-font-color),1);
          }
          &::before {
            border-color: rgba(var(--dark-card-border),1);
          }
        }
      }
    }
    .sidebar-left-wrapper {
      .sidebar-left-icons {
        .nav-item {
          .nav-link {
            .nav-rounded {
              --tw-shadow: inset 0px 9px 20px 0px rgba(var(--dark-all-font-color),0.1);
              --tw-shadow-colored: inset 0px 9px 20px 0px var(--tw-shadow-color);
              box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            }
            .product-icons {
              svg {
                stroke: rgba(var(--dark-all-font-color),1);
              }
            }
          }
          &::before {
            border-color: rgba(var(--dark-all-font-color),0.15);
          }
        }
      }
    }
    .common-form {
      .product-buttons {
        .btn {
          border-color: rgba(var(--dark-card-border),1);
        }
      }
    }
    .list-product {
      &.list-category {
        .square-white {
          svg {
            fill: rgba(var(--dark-all-font-color),1);
          }
        }
      }
      .datatable-pagination {
        .datatable-active {
          .datatable-pagination-list-item-link {
            background-color: rgba(var(--theme-default),1);
          }
          .datatable-pagination-list-item-link {
            color: rgba(var(--white),1);
          }
        }
        .datatable-pagination-list-item-link {
          background-color: rgba(var(--dark-body-background),1);
        }
        .datatable-pagination-list-item-link {
          color: rgba(var(--dark-small-font-color),1);
        }
      }
      .datatable-input {
        &:focus {
          outline: unset;
        }
      }
      .datatable-selector {
        background-color: rgba(var(--dark-body-background),1);
      }
      .datatable-selector {
        color: rgba(var(--dark-all-font-color),1);
      }
    }
    .table {
      --bs-table-bg: trasparnt;
      caption {
        color: rgba(var(--dark-all-font-color),0.4);
      }
      &.table-inverse {
        background-color: rgba(var(--bg-dark-color),1);
      }
    }
    .grid-footer {
      table {
        tbody {
          tr {
            color: rgba(var(--dark-all-font-color),1);
          }
        }
      }
    }
    .tree-view {
      .light-background {
        background-color: rgba(var(--dark-body-background),1);
      }
      .list-light-primary {
        background-color: rgba(var(--theme-default),0.2);
      }
      .nested-1 {
        background-color: rgba(var(--theme-default),0.03);
      }
      .nested-2 {
        background-color: rgba(var(--theme-default),0.05);
      }
      .nested-3 {
        background-color: rgba(var(--theme-default),0.07);
      }
      .nested-4 {
        background-color: rgba(var(--theme-default),0.09);
      }
    }
    .contact-edit {
      svg {
        stroke: rgba(var(--dark-all-font-color),1);
      }
    }
    .left-sidebar-wrapper {
      .left-sidebar-chat {
        .input-group {
          .input-group-text {
            background-color: rgba(var(--dark-body-background),1);
          }
          .form-control {
            background-color: rgba(var(--dark-body-background),1);
          }
          .form-control {
            color: rgba(var(--dark-all-font-color),1);
          }
          .form-control {
            border: unset;
            &::-moz-placeholder {
              color: rgba(var(--dark-all-font-color),1);
            }
            &::placeholder {
              color: rgba(var(--dark-all-font-color),1);
            }
          }
        }
      }
      .advance-options {
        .chats-user {
          span {
            color: rgba(var(--dark-all-font-color),1);
          }
        }
      }
    }
    .search-contacts {
      .form-control {
        border-color: rgba(var(--dark-card-border),1);
      }
      .form-control {
        background-color: rgba(var(--dark-body-background),1);
      }
      .form-control {
        color: rgba(var(--light-all-font-color),1);
      }
      .form-control {
        &::-moz-placeholder {
          color: rgba(var(--dark-small-font-color),1);
        }
        &::placeholder {
          color: rgba(var(--dark-small-font-color),1);
        }
      }
    }
    .right-sidebar-title {
      span {
        color: rgba(var(--dark-all-font-color),1);
      }
    }
    .msger-inputarea {
      .chat-icon {
        div {
          background-color: rgba(var(--dark-body-background),1);
        }
        div {
          opacity: 1;
        }
      }
    }
    .right-sidebar-Chats {
      .msger-inputarea {
        background: rgba(var(--dark-card-background), 1);
        .msger-input {
          background-color: rgba(var(--dark-body-background),1) !important;
        }
      }
    }
    .left-msg {
      .msg-bubble {
        background-color: rgba(var(--dark-body-background),1);
      }
    }
    .fg-emoji-picker-search {
      input,
        .fg-emoji-picker-search-icon {
        background-color: rgba(var(--dark-card-background),1);
      }
      input,
        .fg-emoji-picker-search-icon {
        color: rgba(var(--dark-all-font-color),1);
      }
    }
    .fg-emoji-picker-category-title {
      border-bottom-width: 1px;
    }
    .fg-emoji-picker-category-title {
      border-style: solid;
    }
    .fg-emoji-picker-category-title {
      border-bottom-color: rgba(var(--dark-card-border),1);
    }
    .fg-emoji-picker-category-title {
      background-color: rgba(var(--dark-body-background),1);
    }
    .fg-emoji-container {
      .fg-emoji-nav {
        background-color: rgba(var(--dark-body-background),1);
      }
      .fg-emoji-nav {
        ul {
          border-bottom-color: rgba(var(--dark-card-border),1);
        }
        li {
          &.emoji-picker-nav-active,
            &:hover {
            a {
              background-color: rgba(var(--dark-card-inbox),1);
            }
            a {
              svg {
                fill: rgba(var(--white),1);
              }
            }
          }
        }
      }
      .fg-emoji-list {
        background-color: rgba(var(--dark-body-background),1);
      }
      .fg-emoji-list {
        li {
          a {
            background-color: rgba(var(--dark-body-background),1);
          }
        }
      }
    }
    .main-companies {
      .filter-companies {
        .accordion-item {
          background-color: unset;
        }
        .accordion-item {
          .product-filter {
            label {
              color: rgba(var(--dark-all-font-color),0.4);
            }
          }
          .accordion-header {
            .accordion-button {
              &.collapsed {
                background-color: rgba(var(--dark-body-background),1);
              }
              &.collapsed {
                color: rgba(var(--dark-all-font-color),1);
              }
              &.collapsed {
                transition-property: all;
                transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                transition-duration: 150ms;
              }
              &.collapsed {
                transition-duration: 0.4s;
              }
              &.collapsed {
                transition-timing-function: ease;
              }
            }
          }
        }
        .accordion-body {
          background-color: rgba(var(--dark-card-background),1);
        }
      }
    }
    .company-box {
      .company-name {
        .company-desc {
          border-top-color: rgba(var(--dark-card-border),1);
        }
      }
    }
    .dt-container {
      .dt-layout-row {
        .dt-input {
          background-color: rgba(var(--dark-body-background),1) !important;
        }
        .dt-input {
          color: rgba(var(--white),1);
        }
      }
    }
    .add-post {
      form {
        label,
          .col-form-label {
          color: rgba(var(--dark-small-font-color),1);
        }
        .form-control {
          border-color: unset;
        }
        .form-control {
          background-color: rgba(var(--dark-body-background),1);
        }
        .form-control {
          color: rgba(var(--light-all-font-color),1);
        }
        .form-control {
          &::-moz-placeholder {
            color: rgba(var(--light-all-font-color),1);
          }
          &::placeholder {
            color: rgba(var(--light-all-font-color),1);
          }
        }
      }
    }
    .ql-container {
      &.ql-snow {
        .ql-editor {
          color: rgba(var(--light-all-font-color),1);
        }
      }
    }
    .box-layout {
      .page-wrapper {
        .page-header {
          background-color: rgba(var(--transparent-color),1);
        }
        .page-header {
          .header-wrapper {
            border-width: 1px;
          }
          .header-wrapper {
            border-style: solid;
          }
          .header-wrapper {
            border-color: rgba(var(--dark-card-background),1);
          }
        }
        .page-body-wrapper {
          background-color: rgba(var(--transparent-color),1);
        }
        .page-body-wrapper {
          --tw-shadow: 4px 11px 25px rgba(var(--dark-card-inbox),1);
          --tw-shadow-colored: 4px 11px 25px var(--tw-shadow-color);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
        }
        &.modern-type {
          .page-body-wrapper {
            background-color: rgba(var(--dark-body-background),1);
          }
        }
      }
    }
    .dropdown-menu {
      .dropdown-item {
        background-color: rgba(50,54,62,1);
      }
    }
    .dashboard-2,
      .dashboard-3,
      .dashboard-11 {
      .seller-table,
        .t-top-mentor,
        .completed-course-table,
        .leave-request-table {
        div {
          &.dt-container {
            .dt-layout-row {
              thead {
                background: rgba(var(--light2), 1);
              }
            }
          }
        }
      }
      .dashboard-3 {
        .seller-table,
          .t-top-mentor,
          .completed-course-table {
          div {
            &.dt-container {
              .dt-layout-row {
                thead {
                  background: rgba(var(--light2), 1);
                }
              }
            }
          }
        }
        .overall-card {
          .order-container {
            .apexcharts-canvas {
              .apexcharts-marker {
                stroke: #262932;
              }
            }
          }
        }
      }
      .dashboard-3,
        .dashboard-11 {
        .learning-wrap,
          .sales-report {
          .apexcharts-series-markers-wrap {
            .apexcharts-marker {
              stroke: #262932;
            }
          }
        }
      }
      .dashboard-3 {
        .learning-wrap {
          .apexcharts-marker {
            stroke: #2C2B40;
          }
        }
      }
      .dashboard-5,
        .dashboard-7,
        .dashboard-10,
        .dashboard-2 {
        .subscriber-chart-container,
          .school-performance-wrap,
          .main-income-chart,
          .analytics-tread-card,
          .learning-wrap {
          .apexcharts-marker {
            .dashboard-7 {
              .subscriber-chart-container,
                .school-performance-wrap {
                .apexcharts-marker {
                  stroke: #262932;
                }
              }
            }
            .dashboard-11 {
              .schedule-calender {
                .schedule-wrapper {
                  border-bottom: 1px solid rgba(var(--dark-card-border), 1);
                }
              }
            }
          }
        }
      }
    }
    @keyframes pulse-animate-dark {
      0% {
        box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.4);
      }

      100% {
        box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
      }
    }
    .text-muted {
      color: rgba(var(--dark-all-font-color),1);
    }
    .alert-primary {
      &.inverse {
        background-color: transparent !important;
      }
    }
    .for-dark {
      display: inline-block !important;
    }
    .for-light {
      display: none;
    }
    &.box-layout {
      .page-wrapper {
        .page-header {
          .header-wrapper {
            border-width: 1px;
          }
          .header-wrapper {
            border-style: solid;
          }
          .header-wrapper {
            border-color: rgba(var(--off-white),1);
          }
        }
      }
    }
    @media (max-width: 991px){
      .product-wrapper{
        .product-grid{
          .product-wrapper-grid{
            .modal{
              .modal-header{
                .btn-close{
                  filter: unset;
                }
              }
            }
          }
        }
      }
    }
    .starter-main {
      .alert {
        background-color: rgba(68,102,242,0.2) !important;
      }
    }
  }
  &.dark-sidebar {
    .toggle-sidebar {
      svg {
        stroke: rgba(var(--theme-default),1);
      }
    }
    .page-wrapper {
      .sidebar-main-title {
        p {
          color: rgba(var(--dark-all-font-color),1);
        }
      }
      &.compact-wrapper {
        .page-body-wrapper {
          div {
            &.sidebar-wrapper {
              background-color: rgba(var(--dark-card-background),1);
            }
            &.sidebar-wrapper {
              .sidebar-main {
                .sidebar-links {
                  li {
                    a {
                      span {
                        color: rgba(var(--dark-all-font-color),1);
                      }
                      svg {
                        stroke: rgba(var(--dark-all-font-color),1);
                      }
                    }
                  }
                  .simplebar-wrapper {
                    .simplebar-mask {
                      .simplebar-content-wrapper {
                        .simplebar-content {
                          > li {
                            .sidebar-links {
                              &.active {
                                background-color: rgba(var(--theme-default),0.2);
                              }
                              &.active {
                                svg {
                                  stroke: rgba(var(--theme-default),1);
                                }
                                svg {
                                  color: rgba(var(--theme-default),1);
                                }
                              }
                              .sidebar-list {
                                ul {
                                  &.sidebar-submenu {
                                    li {
                                      a {
                                        span {
                                          color: rgba(var(--dark-all-font-color),1);
                                        }
                                      }
                                      &.active {
                                        color: rgba(var(--theme-default),1);
                                      }
                                    }
                                  }
                                }
                              }
                            }
                            .sidebar-submenu {
                              li {
                                a {
                                  color: rgba(var(--dark-all-font-color),1);
                                }
                              }
                            }
                          }
                        }
                      }
                    }
                  }
                }
              }
            }
          }
          .according-menu {
            i {
              color: rgba(var(--dark-all-font-color),1);
            }
          }
        }
      }
      &.horizontal-wrapper {
        .page-body-wrapper {
          .sidebar-wrapper {
            background-color: rgba(var(--dark-card-background),1);
          }
          .sidebar-wrapper {
            .sidebar-main {
              background-color: rgba(var(--dark-card-background),1);
            }
            .sidebar-main {
              .sidebar-links {
                .simplebar-wrapper {
                  .simplebar-mask {
                    .simplebar-content-wrapper {
                      .simplebar-content {
                        > li {
                          > a {
                            color: rgba(var(--dark-all-font-color),1);
                          }
                          .sidebar-submenu {
                            background-color: rgba(var(--dark-card-background),1);
                          }
                          .sidebar-submenu {
                            li {
                              a {
                                color: rgba(var(--dark-all-font-color),1);
                              }
                              a {
                                &.active,
                                  &:hover {
                                  color: rgba(var(--theme-default),1);
                                }
                              }
                              .sidebar-submenu {
                                background-color: rgba(var(--dark-card-background),1);
                              }
                            }
                          }
                        }
                      }
                    }
                  }
                }
              }
              .left-arrow,
                .right-arrow {
                background-color: rgba(var(--dark-card-background),1);
              }
              .left-arrow,
                .right-arrow {
                color: rgba(var(--dark-all-font-color),1);
              }
            }
          }
        }
      }
      &.compact-sidebar {
        .page-body-wrapper {
          div {
            &.sidebar-wrapper {
              > div {
                background-color: rgba(var(--dark-card-background),1);
              }
              .sidebar-main {
                .sidebar-links {
                  li {
                    .sidebar-title {
                      border-bottom-width: 1px;
                    }
                    .sidebar-title {
                      border-style: solid;
                    }
                    .sidebar-title {
                      border-bottom-color: rgba(var(--dark-card-border),1);
                    }
                    a {
                      span {
                        color: rgba(var(--dark-all-font-color),1);
                      }
                      svg {
                        stroke: rgba(var(--dark-all-font-color),1);
                      }
                    }
                    .sidebar-submenu {
                      background-color: rgba(var(--dark-card-background),1);
                    }
                    .sidebar-submenu {
                      li {
                        a {
                          border-bottom-width: 1px;
                        }
                        a {
                          border-style: solid;
                        }
                        a {
                          border-bottom-color: rgba(var(--dark-card-border),1);
                        }
                      }
                    }
                  }
                  .simplebar-wrapper {
                    .simplebar-mask {
                      .simplebar-content-wrapper {
                        .simplebar-content {
                          > li {
                            .sidebar-link {
                              &.active {
                                background-color: rgba(var(--theme-default),0.2);
                              }
                              &.active {
                                span {
                                  color: rgba(var(--theme-default),1);
                                }
                                svg {
                                  stroke: rgba(var(--theme-default),1);
                                }
                                svg {
                                  color: rgba(var(--theme-default),1);
                                }
                              }
                            }
                            .sidebar-submenu {
                              li {
                                a {
                                  color: rgba(var(--dark-all-font-color),1);
                                }
                              }
                            }
                          }
                        }
                      }
                    }
                  }
                  .sidebar-list {
                    ul {
                      &.sidebar-submenu {
                        li {
                          a {
                            span {
                              color: rgba(var(--dark-all-font-color),1);
                            }
                            &.active {
                              color: rgba(var(--theme-default),1);
                            }
                          }
                        }
                      }
                    }
                  }
                }
              }
            }
          }
          .according-menu {
            i {
              color: rgba(var(--dark-all-font-color),1);
            }
          }
        }
      }
    }
    .for-light {
      display: inline-block !important;
    }
    .for-dark {
      display: none !important;
    }
  }
  &[class*="dark-"] {
    .for-dark {
      display: inline-block;
    }
    .for-light {
      display: none;
    }
  }
}

.sidebar-panel-main {
  position: fixed;
  right: 30px;
  bottom: 5rem;
  z-index: 9;
  @media (min-width: 1200px) {
     {
       {
         {
          ul {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          ul {
          }
        }
      }
    }
  }
  ul {
    display: flex;
  }
  ul {
    flex-direction: column;
  }
  ul {
    gap: 0.5rem;
  }
  ul {
    .icon-btn {
      display: inline-flex;
    }
    .icon-btn {
      height: 2.5rem;
    }
    .icon-btn {
      width: 2.5rem;
    }
    .icon-btn {
      align-items: center;
    }
    .icon-btn {
      justify-content: center;
    }
    .icon-btn {
      border-radius: 50%;
    }
    .icon-btn {
      --tw-shadow: 0 0 10px rgba(var(--primary-color),1);
      --tw-shadow-colored: 0 0 10px var(--tw-shadow-color);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
    .icon-btn {
      i {
        font-size: 1.125rem;
        line-height: 1.75rem;
      }
      i {
        line-height: 1;
      }
      i {
        color: rgba(var(--white),1);
      }
    }
    li {
      position: relative;
    }
    li::after {
      content: var(--tw-content);
      position: absolute;
    }
    li::after {
      content: var(--tw-content);
      left: -0.625rem;
    }
    li::after {
      content: var(--tw-content);
      top: 0.75rem;
    }
    li::after {
      content: var(--tw-content);
      z-index: 2;
    }
    li::after {
      content: var(--tw-content);
      height: 0px;
    }
    li::after {
      content: var(--tw-content);
      width: 0px;
    }
    li::after {
      content: var(--tw-content);
      --tw-scale-x: 0;
      --tw-scale-y: 0;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    li::after {
      content: var(--tw-content);
      border-style: solid;
    }
    li::after {
      content: var(--tw-content);
      border-color: transparent;
    }
    li::after {
      content: var(--tw-content);
      border-color: 5px 0 5px 5px;
    }
    li::after {
      content: var(--tw-content);
      border-left-color: rgba(var(--light-primary),1);
    }
    li::after {
      content: var(--tw-content);
      color: rgba(var(--white),1);
    }
    li::after {
      content: var(--tw-content);
      opacity: 0;
    }
    li::after {
      content: var(--tw-content);
      transition-property: all;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }
    li::after {
      content: var(--tw-content);
      transition-duration: 0.3s;
    }
    li::after {
      content: var(--tw-content);
      transition-timing-function: ease;
    }
    li::after {
      --tw-content: "";
      content: var(--tw-content);
    }
    li:hover::after {
      content: var(--tw-content);
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    li:hover::after {
      content: var(--tw-content);
      opacity: 1;
    }
    li:hover::after {
      content: var(--tw-content);
      transition-property: all;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }
    li:hover::after {
      content: var(--tw-content);
      transition-duration: 0.3s;
    }
    li:hover::after {
      content: var(--tw-content);
      transition-timing-function: ease;
    }
    li {
      span {
        display: block;
      }
      span {
        position: absolute;
      }
      span {
        right: -35px;
      }
      span {
        top: 0px;
      }
      span {
        display: block;
      }
      span {
        width: -moz-max-content;
        width: max-content;
      }
      span {
        --tw-scale-x: 0;
        --tw-scale-y: 0;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      }
      span {
        border-radius: 5px;
      }
      span {
        background-color: rgba(var(--light-primary),1);
      }
      span {
        padding-left: 0.625rem;
        padding-right: 0.625rem;
      }
      span {
        padding-top: 7px;
        padding-bottom: 7px;
      }
      span {
        text-align: right;
      }
      span {
        color: rgba(var(--theme-default),1);
      }
      span {
        opacity: 0;
      }
      span {
        --tw-shadow: 0 0 37px rgba(8,21,66,0.1);
        --tw-shadow-colored: 0 0 37px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
      }
      span {
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
      }
      span {
        transition-duration: 0.3s;
      }
      span {
        transition-timing-function: ease;
      }
      &:hover {
        span {
          right: 3rem;
        }
        span {
          --tw-scale-x: 1;
          --tw-scale-y: 1;
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        }
        span {
          opacity: 1;
        }
        span {
          transition-property: all;
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-duration: 150ms;
        }
        span {
          transition-duration: 0.3s;
        }
        span {
          transition-timing-function: ease;
        }
      }
    }
  }
}

.setting-sidebar,
  .layout-sidebar {
  position: fixed;
  right: -400px;
  top: 0px;
  z-index: 999;
  height: 100%;
  width: 370px;
  background-color: rgba(var(--white-bg),1);
  --tw-shadow: 0 0 10px 1px rgba(68,102,242,0.05);
  --tw-shadow-colored: 0 0 10px 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  &.open {
    right: 0px;
  }
  &.open {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  &.open {
    transition-duration: 0.3s;
  }
  &.open {
    transition-timing-function: ease;
  }
  h4 {
    font-weight: 500;
  }
  .customizer-header {
    background-color: rgba(var(--theme-default),1);
  }
  .customizer-header {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .customizer-header {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }
  .customizer-header {
    p {
      i {
        margin-left: 0.25rem;
      }
    }
    @media (min-width: 1200px) {
       {
         {
           {
            .theme-title {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            .theme-title {
            }
          }
        }
      }
    }
    .theme-title {
      display: flex;
    }
    .theme-title {
      align-items: center;
    }
    .theme-title {
      justify-content: space-between;
    }
    .theme-title {
      h4 {
        color: rgba(var(--white),1);
      }
      p {
        color: rgba(var(--white),1);
      }
      .flex-grow-1 {
        .icon-btn {
          &.btn-outline-light {
            display: inline-flex;
          }
          &.btn-outline-light {
            height: 37px;
          }
          &.btn-outline-light {
            width: 37px;
          }
          &.btn-outline-light {
            cursor: pointer;
          }
          &.btn-outline-light {
            align-items: center;
          }
          &.btn-outline-light {
            justify-content: center;
          }
          &.btn-outline-light {
            border-radius: 100%;
          }
          &.btn-outline-light {
            background-color: rgba(var(--white),1);
          }
          &.btn-outline-light {
            color: rgba(var(--primary-color),1);
          }
          &.btn-outline-light {
            transition-property: 1s;
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-duration: 150ms;
          }
          &.btn-outline-light {
            transition-duration: ease;
          }
          &.btn-outline-light {
            transition-timing-function: all;
          }
          &.btn-outline-light {
            &:hover {
              --tw-rotate: 360deg;
              transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            }
            i {
              font-size: 1.125rem;
              line-height: 1.75rem;
            }
            i {
              color: rgba(var(--theme-default),1);
            }
          }
        }
      }
    }
  }
  .customizer-body {
    max-height: calc(100vh - 68px);
  }
  .customizer-body {
    overflow-y: scroll;
  }
  .customizer-body {
    padding-left: 25px;
    padding-right: 25px;
  }
  .customizer-body {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .customizer-body {
    .color-body {
      .color-img {
        position: relative;
      }
      .color-img {
        border-radius: 10px;
      }
      .color-img {
        border-width: 5px;
      }
      .color-img {
        border-style: solid;
      }
      .color-img {
        border-color: rgba(var(--primary-color),0.3);
      }
      .color-img {
        img {
          left: 0px;
        }
        img {
          border-radius: 5px;
        }
        img {
          transition-property: all;
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-duration: 150ms;
        }
        img {
          transition-duration: 1s;
        }
        img {
          &:hover {
            --tw-scale-x: 1.1;
            --tw-scale-y: 1.1;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                > .customizer-overlay {
                  width: 90%;
                }
              }
            }
          }

           {
             {
               {
                 {
                  > .customizer-overlay {
                    width: 90%;
                  }
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                > .customizer-overlay {
                  width: 90%;
                }
              }
            }
          }

           {
             {
               {
                 {
                  > .customizer-overlay {
                    width: 90%;
                  }
                }
              }
            }
          }
        }
        .customizer-overlay {
          position: absolute;
        }
        .customizer-overlay {
          left: 0px;
        }
        .customizer-overlay {
          top: 0px;
        }
        .customizer-overlay {
          height: 100%;
        }
        .customizer-overlay {
          width: 100%;
        }
        .customizer-overlay {
          border-radius: 5px;
        }
        .customizer-overlay {
          background-color: rgba(var(--black),0);
        }
        .customizer-overlay {
          transition-property: background;
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-duration: 150ms;
        }
        .customizer-overlay {
          transition-duration: 0.5s;
        }
        .customizer-overlay {
          transition-timing-function: ease;
        }
        @media (min-width: 1200px) {
           {
             {
               {
                .color-btn {
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                > .color-btn {
                  width: 90%;
                }
              }
            }
          }

           {
             {
               {
                 {
                  > .color-btn {
                    width: 90%;
                  }
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                > .color-btn {
                  width: 90%;
                }
              }
            }
          }

           {
             {
               {
                 {
                  > .color-btn {
                    width: 90%;
                  }
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                .color-btn {
                }
              }
            }
          }
        }
        .color-btn {
          position: absolute;
        }
        .color-btn {
          left: 0px;
        }
        .color-btn {
          top: 0px;
        }
        .color-btn {
          display: flex;
        }
        .color-btn {
          height: 100%;
        }
        .color-btn {
          width: 100%;
        }
        .color-btn {
          align-items: center;
        }
        .color-btn {
          justify-content: center;
        }
        .color-btn {
          opacity: 0;
        }
        .color-btn {
          transition-property: opacity;
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-duration: 150ms;
        }
        .color-btn {
          transition-duration: 0.35s;
        }
        .color-btn {
          transition-timing-function: ease;
        }
        .color-btn {
          a {
            text-align: center;
          }
          @media (max-width: 767px) {
             {
              a {
              }
            }
          }
          a {
            z-index: 1;
          }
          a {
            border-style: solid;
          }
          a {
            border-color: rgba(var(--white),1);
          }
          a {
            padding-left: 0.375rem;
            padding-right: 0.375rem;
          }
          a {
            padding-top: 3px;
            padding-bottom: 3px;
          }
          a {
            text-align: center;
          }
          a {
            font-size: 0.75rem;
            line-height: 1rem;
          }
          a {
            color: rgba(var(--white),1);
          }
        }
        &:hover {
          .customizer-overlay {
            display: block;
          }
          .customizer-overlay {
            display: block;
          }
          .customizer-overlay {
            background-color: rgba(var(--black)0.3);
          }
          .color-btn {
            opacity: 1;
          }
        }
      }
    }
    .radio-form {
      align-items: center;
    }
    .radio-form {
      justify-content: space-evenly;
    }
    .radio-form {
      gap: 0px;
    }
    .sidebar-body {
      .radio-wrapper {
        li {
          height: unset;
        }
        li {
          width: unset;
        }
        li {
          padding-left: 15px;
          padding-right: 15px;
        }
        li {
          padding-top: 0.5rem;
          padding-bottom: 0.5rem;
        }
        li {
          .form-check-input {
            cursor: pointer;
          }
          .form-check-input {
            &:checked {
              ~ .form-check-label {
                .stroke-icon {
                  stroke: rgba(var(--theme-default),1);
                }
                .fill-icon {
                  fill: rgba(var(--primary-color),1);
                }
                span {
                  color: rgba(var(--theme-default),1);
                }
              }
            }
          }
          .form-check-label {
            margin-bottom: 0 !important;
          }
          @media (min-width: 1200px) {
             {
               {
                 {
                  .form-check-label {
                  }
                }
              }
            }
          }
          @media (max-width: 575px) {
             {
               {
                 {
                  .form-check-label {
                  }
                }
              }
            }
          }
          .form-check-label {
            margin-bottom: 0px;
          }
          .form-check-label {
            display: flex;
          }
          .form-check-label {
            align-items: center;
          }
          .form-check-label {
            .stroke-icon {
              stroke: rgba(var(--light-font),1);
            }
            .fill-icon {
              fill: rgba(var(--light-font),1);
            }
            span {
              color: rgba(var(--light-font),1);
            }
          }
        }
      }
    }
    .layout-grid {
      &.customizer-mix {
        .color-layout {
          height: 70px;
        }
        .color-layout {
          width: 5rem;
        }
        .color-layout {
          border-radius: 5px;
        }
        .color-layout {
          border-width: 1px;
        }
        .color-layout {
          border-style: solid;
        }
        .color-layout {
          --tw-border-opacity: 1;
          border-color: rgb(246 247 251 / var(--tw-border-opacity, 1));
        }
        .common-layout {
          position: relative;
        }
        .common-layout {
          span {
            &.badge {
              position: absolute;
            }
            &.badge {
              left: 50%;
            }
            &.badge {
              top: 50%;
            }
            &.badge {
              z-index: 1;
            }
            &.badge {
              --tw-translate-x: -50%;
              transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            }
            &.badge {
              --tw-translate-y: -50%;
              transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            }
            &.badge {
              padding: 0.25rem;
            }
            &.badge {
              line-height: normal;
            }
          }
        }
      }
      .box-layout {
        padding-left: 16px;
        padding-right: 16px;
      }
    }
    ul.customizer-mix {
      .color-layout {
        position: relative;
      }
      .color-layout {
        margin-right: 7px;
      }
      .color-layout {
        margin-bottom: 7px;
      }
      .color-layout {
        display: inline-block;
      }
      .color-layout {
        height: 35px;
      }
      .color-layout {
        width: 35px;
      }
      .color-layout {
        cursor: pointer;
      }
      .color-layout {
        border-radius: 0.375rem;
      }
      .color-layout {
        border-width: 1px;
      }
      .color-layout {
        border-style: solid;
      }
      .color-layout {
        --tw-border-opacity: 1;
        border-color: rgb(184 184 184 / var(--tw-border-opacity, 1));
      }
      .color-layout {
        padding: 3px;
      }
      .color-layout {
        opacity: 0.9;
      }
      .color-layout {
        &[data-attr="color-2"] {
          div {
            --tw-bg-opacity: 1;
            background-color: rgb(15 44 89 / var(--tw-bg-opacity, 1));
          }
        }
        &[data-attr="color-3"] {
          div {
            --tw-bg-opacity: 1;
            background-color: rgb(122 62 101 / var(--tw-bg-opacity, 1));
          }
        }
        &[data-attr="color-4"] {
          div {
            --tw-bg-opacity: 1;
            background-color: rgb(2 84 100 / var(--tw-bg-opacity, 1));
          }
        }
        &[data-attr="color-5"] {
          div {
            --tw-bg-opacity: 1;
            background-color: rgb(62 100 255 / var(--tw-bg-opacity, 1));
          }
        }
        &[data-attr="color-6"] {
          div {
            --tw-bg-opacity: 1;
            background-color: rgb(80 109 132 / var(--tw-bg-opacity, 1));
          }
        }
      }
    }
    li {
      cursor: pointer;
    }
    li {
      opacity: 0.9;
    }
    li {
      &.active {
        opacity: 1;
      }
    }
    .main-layout {
      > li {
        display: inline-block;
      }
      > li {
        height: 65px;
      }
      > li {
        width: 85px;
      }
      > li {
        border-radius: 10px;
      }
      > li {
        border-width: 1px;
      }
      > li {
        border-style: solid;
      }
      > li {
        border-color: rgba(var(--light-color),1);
      }
      > li {
        + li {
          margin-left: 7px;
        }
      }
      .box-layout {
        .body {
          .badge {
            left: 11px;
          }
        }
      }
    }
    h6 {
      margin-top: 0.75rem;
    }
    h6 {
      margin-bottom: 5px;
    }
    h6 {
      padding-top: 0.75rem;
    }
    h6 {
      font-weight: 500;
    }
    h6 {
      text-transform: uppercase;
    }
    h6 {
      letter-spacing: 0.5px;
    }
    h6 {
      color: rgba(var(--black),1);
    }
    h6 {
      &:first-child {
        margin-top: 0 !important;
      }
      &:first-child {
        margin-top: 0px;
      }
      &:first-child {
        padding-top: 0px;
      }
    }
    @media (min-width: 1200px) {
       {
         {
           {
            .layout-link {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            .layout-link {
            }
          }
        }
      }
    }
    .layout-link {
      display: flex;
    }
    .layout-link {
      flex-wrap: wrap;
    }
    .layout-link {
      align-items: center;
    }
    .layout-link {
      justify-content: flex-start;
    }
    .layout-link {
      gap: 0.75rem;
    }
    .layout-link {
      li {
        border-radius: 0.25rem;
      }
      li {
        background-color: rgba(var(--light-color),1);
      }
      li {
        a {
          display: block;
        }
        a {
          display: block;
        }
        a {
          padding-left: 1rem;
          padding-right: 1rem;
        }
        a {
          padding-top: 0.625rem;
          padding-bottom: 0.625rem;
        }
        a {
          color: rgba(var(--badge-light-color),1);
        }
        a {
          i {
            margin-right: 0.375rem;
          }
          i {
            font-size: 1.25rem;
            line-height: 1.75rem;
          }
          i {
            color: rgba(var(--badge-light-color),1);
          }
          i {
            vertical-align: -4px;
          }
        }
      }
    }
  }
  .sidebar-type,
    .sidebar-setting {
    > li {
      display: inline-block;
    }
    > li {
      height: 70px;
    }
    > li {
      width: 85px;
    }
    > li {
      border-radius: 5px;
    }
    > li {
      border-width: 1px;
    }
    > li {
      border-style: solid;
    }
    > li {
      border-color: rgba(var(--light-gray),1);
    }
    > li {
      + li {
        margin-left: 7px;
      }
    }
  }
  .sidebar-type {
    li {
      &[data-attr="normal-sidebar"] {
        .body {
          ul {
            li {
              &.bg-dark,
                &.sidebar {
                display: block;
              }
              @media (max-width: 575px) {
                 {
                   {
                     {
                      > &.bg-dark,> 
                &.sidebar {
                        width: 90%;
                      }
                    }
                  }
                }

                 {
                   {
                     {
                       {
                        > &.bg-dark,> 
                &.sidebar {
                          width: 90%;
                        }
                      }
                    }
                  }
                }
              }
              @media (max-width: 575px) {
                 {
                   {
                     {
                      > &.bg-dark,> 
                &.sidebar {
                        width: 90%;
                      }
                    }
                  }
                }

                 {
                   {
                     {
                       {
                        > &.bg-dark,> 
                &.sidebar {
                          width: 90%;
                        }
                      }
                    }
                  }
                }
              }
              &.bg-dark,
                &.sidebar {
                display: block;
              }
              &.bg-dark,
                &.sidebar {
                height: 0.625rem;
              }
              &.bg-dark,
                &.sidebar {
                width: 100%;
              }
              @media (max-width: 575px) {
                 {
                   {
                     {
                      > &.bg-light,> 
                &.body {
                        width: 90%;
                      }
                    }
                  }
                }

                 {
                   {
                     {
                       {
                        > &.bg-light,> 
                &.body {
                          width: 90%;
                        }
                      }
                    }
                  }
                }
              }
              @media (max-width: 575px) {
                 {
                   {
                     {
                      > &.bg-light,> 
                &.body {
                        width: 90%;
                      }
                    }
                  }
                }

                 {
                   {
                     {
                       {
                        > &.bg-light,> 
                &.body {
                          width: 90%;
                        }
                      }
                    }
                  }
                }
              }
              &.bg-light,
                &.body {
                height: calc(100% - 10px);
              }
              &.bg-light,
                &.body {
                width: 100%;
              }
            }
          }
        }
        &.body-compact {
          .body {
            ul {
              li {
                &.body {
                  width: calc(100% - 25px);
                }
              }
            }
          }
        }
      }
    }
  }
  .layout-types {
    > li {
      margin-bottom: 1.25rem;
    }
    > li {
      height: unset;
    }
    > li {
      width: unset;
    }
    > li {
      .layout-img {
        h6 {
          text-align: center;
        }
        @media (max-width: 767px) {
           {
            h6 {
            }
          }
        }
        h6 {
          padding-top: 0px;
        }
        h6 {
          text-align: center;
        }
        h6 {
          text-transform: inherit;
        }
      }
    }
    .box-layout {
      background-color: rgba(var(--transparent-color),1);
    }
  }
  .color-layout {
    margin-right: 0.625rem;
  }
  .color-layout {
    display: inline-block;
  }
  .color-layout {
    height: 35px;
  }
  .color-layout {
    width: 35px;
  }
  .color-layout {
    border-radius: 0.375rem;
  }
  .color-layout {
    border-width: 1px;
  }
  .color-layout {
    border-style: solid;
  }
  .color-layout {
    --tw-border-opacity: 1;
    border-color: rgb(184 184 184 / var(--tw-border-opacity, 1));
  }
  .color-layout {
    padding: 3px;
  }
  .color-layout {
    @media (max-width: 575px) {
       {
         {
           {
            > > div {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > > div {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > > div {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > > div {
                width: 90%;
              }
            }
          }
        }
      }
    }
    > div {
      height: 100%;
    }
    > div {
      width: 100%;
    }
    > div {
      border-radius: 5px;
    }
    &[data-attr="color-1"] > div {
      background-color: rgba(var(--theme-default),1);
    }
    &[data-attr="color-2"] > div {
      background-color: rgba(var(--theme-default),1);
    }
    &[data-attr="color-3"] > div {
      background-color: rgba(var(--theme-default),1);
    }
    &[data-attr="color-4"] > div {
      background-color: rgba(var(--theme-default),1);
    }
    &[data-attr="color-5"] > div {
      background-color: rgba(var(--theme-default),1);
    }
    &[data-attr="color-6"] > div {
      background-color: rgba(var(--theme-default),1);
    }
  }
  .dark {
    > li {
      --tw-bg-opacity: 1;
      background-color: rgb(47 60 78 / var(--tw-bg-opacity, 1));
    }
  }
  .fade {
    &:not(.show) {
      display: none;
    }
  }
  @media (min-width: 1200px) {
     {
       {
         {
          .unlimited-color-layout {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .unlimited-color-layout {
          }
        }
      }
    }
  }
  .unlimited-color-layout {
    display: flex;
  }
  .unlimited-color-layout {
    align-items: center;
  }
  .unlimited-color-layout {
    .btn {
      padding-left: 1.25rem;
      padding-right: 1.25rem;
    }
    .btn {
      padding-top: 0.25rem;
      padding-bottom: 0.25rem;
    }
    .btn {
      font-size: 15px;
    }
    input {
      margin-right: 5px;
    }
    input {
      height: 35px;
    }
    input {
      width: 35px;
    }
    input {
      border-radius: 5px;
    }
    input {
      border-width: 1px;
    }
    input {
      border-style: solid;
    }
    input {
      border-color: rgba(var(--gray-60),1);
    }
    input {
      background-color: rgba(var(--white),1);
    }
  }
}

.customizer-links {
  position: fixed;
  right: 00px;
  top: 50%;
  z-index: 8;
  --tw-translate-x: 0px;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-shadow: 0 0 37px rgba(8,21,66,0.1);
  --tw-shadow-colored: 0 0 37px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  > .nav {
    border-radius: 0.5rem;
  }
  > .nav {
    background-color: rgba(var(--white),1);
  }
  > .nav {
    padding: 0.625rem;
  }
  &.open {
    right: 330px;
  }
  &.open {
    border-radius: 8px 0 0 8px;
  }
  &.open {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  &.open {
    transition-duration: 0.3s;
  }
  &.open {
    transition-timing-function: ease;
  }
  .nav-link {
    padding: 0 !important;
  }
  .nav-link {
    position: relative;
  }
  .nav-link {
    padding: 0px;
  }
  @media (max-width: 575px) {
  }
  @media (max-width: 575px) {
  }
  .nav-link::before {
    content: var(--tw-content);
    position: absolute;
  }
  .nav-link::before {
    content: var(--tw-content);
    height: 100%;
  }
  .nav-link::before {
    content: var(--tw-content);
    width: 100%;
  }
  .nav-link::before {
    content: var(--tw-content);
    --tw-scale-x: 0;
    --tw-scale-y: 0;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .nav-link::before {
    content: var(--tw-content);
    border-radius: 5px;
  }
  .nav-link::before {
    content: var(--tw-content);
    background-color: rgba(115,102,255,0.1);
  }
  .nav-link::before {
    content: var(--tw-content);
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  .nav-link::before {
    content: var(--tw-content);
    transition-duration: 0.3s;
  }
  .nav-link::before {
    content: var(--tw-content);
    transition-timing-function: ease;
  }
  .nav-link::before {
    --tw-content: "";
    content: var(--tw-content);
  }
  .nav-link::after {
    content: var(--tw-content);
    position: absolute;
  }
  .nav-link::after {
    content: var(--tw-content);
    left: -0.625rem;
  }
  .nav-link::after {
    content: var(--tw-content);
    top: 0.75rem;
  }
  .nav-link::after {
    content: var(--tw-content);
    z-index: 2;
  }
  .nav-link::after {
    content: var(--tw-content);
    height: 0px;
  }
  .nav-link::after {
    content: var(--tw-content);
    width: 0px;
  }
  .nav-link::after {
    content: var(--tw-content);
    --tw-scale-x: 0;
    --tw-scale-y: 0;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .nav-link::after {
    content: var(--tw-content);
    border-style: solid;
  }
  .nav-link::after {
    content: var(--tw-content);
    border-color: transparent;
  }
  .nav-link::after {
    content: var(--tw-content);
    border-color: 5px 0 5px 5px;
  }
  .nav-link::after {
    content: var(--tw-content);
    border-left-color: rgba(var(--primary-color),0.25);
  }
  .nav-link::after {
    content: var(--tw-content);
    color: rgba(var(--white),1);
  }
  .nav-link::after {
    content: var(--tw-content);
    opacity: 0;
  }
  .nav-link::after {
    content: var(--tw-content);
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  .nav-link::after {
    content: var(--tw-content);
    transition-duration: 0.3s;
  }
  .nav-link::after {
    content: var(--tw-content);
    transition-timing-function: ease;
  }
  .nav-link::after {
    --tw-content: "";
    content: var(--tw-content);
  }
  .nav-link {
    &:hover {
      i {
        color: rgba(var(--theme-default),1);
      }
      &:before,
        &:after {
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      }
      &:before,
        &:after {
        opacity: 1;
      }
      &:before,
        &:after {
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
      }
      &:before,
        &:after {
        transition-duration: 0.3s;
      }
      &:before,
        &:after {
        transition-timing-function: ease;
      }
      span {
        right: 3rem;
      }
      span {
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      }
      span {
        opacity: 1;
      }
      span {
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
      }
      span {
        transition-duration: 0.3s;
      }
      span {
        transition-timing-function: ease;
      }
    }
    + .nav-link {
      margin-bottom: 5px;
    }
    span {
      display: block;
    }
    span {
      position: absolute;
    }
    span {
      right: -60px;
    }
    span {
      top: 0px;
    }
    span {
      display: block;
    }
    span {
      width: -moz-max-content;
      width: max-content;
    }
    span {
      --tw-scale-x: 0;
      --tw-scale-y: 0;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    span {
      border-radius: 5px;
    }
    span {
      background-color: rgba(var(--primary-color),0.25);
    }
    span {
      padding-left: 0.625rem;
      padding-right: 0.625rem;
    }
    span {
      padding-top: 7px;
      padding-bottom: 7px;
    }
    span {
      text-align: right;
    }
    span {
      color: rgba(var(--theme-default),1);
    }
    span {
      opacity: 0;
    }
    span {
      --tw-shadow: 0 0 37px rgba(8,21,66,0.1);
      --tw-shadow-colored: 0 0 37px var(--tw-shadow-color);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
    span {
      transition-property: all;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }
    span {
      transition-duration: 0.3s;
    }
    span {
      transition-timing-function: ease;
    }
    i {
      margin: 0px !important;
    }
    i {
      margin: 0px;
    }
    i {
      display: inline-block;
    }
    i {
      cursor: pointer;
    }
    i {
      border-radius: 5px;
    }
    i {
      padding-left: 0.625rem;
      padding-right: 0.625rem;
    }
    i {
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
    }
    i {
      font-size: 17px;
    }
    i {
      --tw-text-opacity: 1;
      color: rgb(128 128 128 / var(--tw-text-opacity, 1));
    }
  }
}

.customizer-contain {
  position: fixed;
  right: -335px;
  top: 79px;
  z-index: 8;
  height: calc(100vh);
  width: 333px;
  background-color: rgba(var(--white),1);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  direction: ltr;
  &.open {
    right: 0px;
  }
  &.open {
    --tw-shadow: 0 0 10px 1px rgba(68,102,242,0.05);
    --tw-shadow-colored: 0 0 10px 1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  &.open {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  &.open {
    transition-duration: 0.3s;
  }
  &.open {
    transition-timing-function: ease;
  }
  li {
    position: relative;
  }
  li {
    &.active {
      --tw-shadow: 0 0 11px 5px rgba(226,226,226,0.5);
      --tw-shadow-colored: 0 0 11px 5px var(--tw-shadow-color);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
  }
  .customizer-header {
    border-bottom-width: 1px;
  }
  .customizer-header {
    border-style: solid;
  }
  .customizer-header {
    border-bottom-color: rgba(var(--light-color),1);
  }
  .customizer-header {
    padding-left: 25px;
    padding-right: 25px;
  }
  .customizer-header {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .customizer-header {
    .icon-close {
      position: absolute;
    }
    .icon-close {
      right: 1.5rem;
    }
    .icon-close {
      cursor: pointer;
    }
    .icon-close {
      font-size: 1.125rem;
      line-height: 1.75rem;
    }
    .icon-close {
      font-weight: 900;
    }
    .icon-close {
      color: rgba(var(--theme-default),1);
    }
    h5 {
      text-transform: uppercase;
    }
    h5 {
      color: rgba(var(--black),1);
    }
  }
  .customizer-body {
    max-height: calc(100vh - 200px);
  }
  .customizer-body {
    overflow-y: scroll;
  }
  .customizer-body {
    padding-left: 25px;
    padding-right: 25px;
  }
  .customizer-body {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

.layout-grid {
  &:not(.customizer-color) {
    li {
      padding: 5px;
    }
    li {
      > .header {
        position: relative;
      }
      > .header {
        height: 9px;
      }
      > .header {
        border-radius: 3px;
      }
      > .header {
        ul {
          position: absolute;
        }
        ul {
          left: 5px;
        }
        ul {
          top: -0.5rem;
        }
        ul {
          > li {
            padding: 0 !important;
          }
          > li {
            top: calc(50% - 3px);
          }
          > li {
            margin-right: 0.125rem;
          }
          > li {
            display: inline-block;
          }
          > li {
            height: 0.25rem;
          }
          > li {
            width: 0.25rem;
          }
          > li {
            border-radius: 5px;
          }
          > li {
            background-color: rgba(var(--theme-default),1);
          }
          > li {
            padding: 0px;
          }
          > li {
            &:nth-child(2) {
              background-color: rgba(var(--theme-secondary),1);
            }
            &:nth-child(3) {
              background-color: rgba(var(--success-color),1);
            }
          }
        }
      }
      > .body {
        text-align: center;
      }
      @media (max-width: 767px) {
         {
          > .body {
          }
        }
      }
      > .body {
        position: relative;
      }
      > .body {
        margin-top: 5px;
      }
      > .body {
        height: calc(100% - 16px);
      }
      > .body {
        border-radius: 3px;
      }
      > .body {
        background-color: rgba(var(--light-color),1);
      }
      > .body {
        text-align: center;
      }
      > .body {
        line-height: 3.1;
      }
      > .body {
        ul {
          height: 100%;
        }
        ul {
          background-color: rgba(var(--white),1);
        }
        ul {
          .sidebar {
            padding: 0 !important;
          }
          .sidebar {
            margin-right: 3px;
          }
          .sidebar {
            display: inline-block;
          }
          .sidebar {
            height: 100%;
          }
          .sidebar {
            width: 18px;
          }
          .sidebar {
            border-radius: 3px;
          }
          .sidebar {
            padding: 0px;
          }
          .sidebar {
            &.compact {
              width: 0.75rem;
            }
            &.compact {
              ~ .body {
                width: calc(100% - 19px);
              }
            }
          }
          .body {
            margin: 0px !important;
          }
          .body {
            padding: 0 !important;
          }
          .body {
            margin: 0px;
          }
          .body {
            display: inline-flex;
          }
          .body {
            height: 100%;
          }
          .body {
            width: calc(100% - 25px);
          }
          .body {
            align-items: center;
          }
          .body {
            justify-content: center;
          }
          .body {
            border-radius: 3px;
          }
          .body {
            padding: 0px;
          }
          .body {
            .badge {
              position: absolute;
            }
            .badge {
              color: rgba(var(--white),1);
            }
          }
        }
      }
      &:nth-child(2) {
        > .body {
          ul {
            .sidebar {
              margin-left: 3px;
            }
          }
        }
      }
    }
  }
}

@media (max-width: 1800px) {
  .caller-img {
    display: none;
  }
}

@media (max-width: 1660px) {
  .photos {
    ul {
      li {
        width: 26%;
      }
    }
  }

  .bar-chart {
    @media (max-width: 575px) {
       {
         {
           {
            > canvas {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > canvas {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > canvas {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > canvas {
                width: 90%;
              }
            }
          }
        }
      }
    }
    canvas {
      width: 100%;
    }
  }

  .chat-left-aside {
    .people-list {
      height: 520px;
    }
  }

  @media (max-width: 575px) {
     {
       {
         {
          > .caller-img {
            width: 90%;
          }
        }
      }
       {
         {
           {
            > .caller-img {
              width: 90%;
            }
          }
        }
      }
       {
         {
          > .caller-img {
            width: 90%;
          }
        }
      }
       {
         {
           {
            > .caller-img {
              width: 90%;
            }
          }
        }
      }
    }
  }

  .caller-img {
    position: absolute;
    left: 15px;
    width: 100%;
    max-width: 100%;
    img {
      opacity: 0.7;
    }
  }
}

@media (max-width: 1600px) {
  .page-wrapper {
    &.horizontal-wrapper {
      &.material-type {
        .page-header {
          max-width: 1320px;
        }
        .page-body-wrapper {
          .sidebar-wrapper,
            .page-body {
            max-width: 1320px;
          }
        }
      }
    }
  }
}

@media (max-width: 1470px) {
  .basic_table {
    .overflow-x-auto {
      .table {
        tbody {
          tr {
            td {
              &:nth-child(n + 2) {
                min-width: 180px;
              }
            }
          }
        }
      }
    }
  }

  .signal-table {
    &.overflow-x-auto {
      .table {
        tbody {
          tr {
            td {
              &:nth-child(n + 2) {
                min-width: 240px;
              }
            }
          }
        }
      }
    }
  }
}

@media (max-width: 1400px) {
  .horizontal-wizard-wrapper {
    &.vertical-variations {
      .main-horizontal-header {
        .horizontal-options {
          justify-content: flex-start !important;
        }
      }
    }
  }

  .horizontal-timeline {
    display: none;
  }

  .page-wrapper {
    .page-header {
      .header-wrapper {
        padding-left: 20px;
        padding-right: 20px;
      }
      .header-wrapper {
        .nav-right {
          > ul {
            > li {
              padding-left: 9px;
              padding-right: 9px;
            }
            > li {
              &.profile-nav {
                .profile-content {
                  margin-left: 8px !important;
                }
              }
            }
          }
        }
      }
    }
  }
}

@media (max-width: 1660px) and (min-width: 1200px) {
  .sale-return-wrapper {
    .sale-return-report {
      .recent-table {
        table {
          thead,
            tbody {
            tr {
              th,
                td {
                &:nth-child(4) {
                  display: none;
                }
              }
            }
          }
        }
      }
    }
  }

  .xl-none {
    display: none;
  }

  .xl-66 {
    grid-column: span 8 / span 8 !important;
  }

  .xl-77 {
    max-width: 77%;
    flex: 0 0 77%;
  }

  @media (max-width: 1199px) {
    .xl-60.b-center.bg-size {
      position: fixed;
      top: 0px;
      height: 100vh;
      width: 100%;
      opacity: 0.5;
    }
  }

  .xl-60 {
    grid-column: span 7 / span 7 !important;
  }

  .xl-80 {
    grid-column: span 8 / span 8 !important;
  }

  .xl-50 {
    grid-column: span 6 / span 6 !important;
  }

  .xl-5 {
    grid-column: span 5 / span 5 !important;
  }

  @media (min-width: 576px) {
     {
       {
        .xl-100 {
          grid-column: span 12 / span 12 !important;
        }
      }
    }
  }

  .xl-100 {
    grid-column: span 12 / span 12 !important;
  }

  .xl-23 {
    max-width: 23%;
  }

  .xl-25 {
    grid-column: span 3 / span 3 !important;
  }

  .xl-40 {
    grid-column: span 4 / span 4 !important;
  }

  .xl-4 {
    grid-column: span 4 / span 4 !important;
  }
}

@media (max-width: 1280px) {
  .sale-return-wrapper {
    .top-body {
      ~ .sale-return-report {
        .dt-container {
          .dt-layout-row {
            &:first-child {
              position: relative;
            }
            &:first-child {
              top: 0px;
            }
            &:first-child {
              left: 15px;
            }
            &:first-child {
              margin-bottom: 15px;
            }
            &:first-child {
              justify-content: start;
            }
          }
        }
      }
    }
  }

  .sale-report-wrapper {
    .top-body {
      ~ .sale-report {
        .dt-container {
          .dt-layout-row {
            &:first-child {
              position: relative;
            }
            &:first-child {
              top: 0px;
            }
            &:first-child {
              left: 15px;
            }
            &:first-child {
              margin-bottom: 15px;
            }
            &:first-child {
              justify-content: start;
            }
          }
        }
      }
    }
  }

  .product-report-wrapper {
    .top-body {
      ~ .product-report {
        .dt-container {
          .dt-layout-row {
            &:first-child {
              position: relative;
            }
            &:first-child {
              top: 0px;
            }
            &:first-child {
              left: 15px;
            }
            &:first-child {
              margin-bottom: 15px;
            }
            &:first-child {
              justify-content: start;
            }
          }
        }
      }
    }
  }

  .customer-order-wrapper {
    .top-body {
      ~ .customer-order-report {
        .dt-container {
          .dt-layout-row {
            &:first-child {
              position: relative;
            }
            &:first-child {
              top: 0px;
            }
            &:first-child {
              left: 15px;
            }
            &:first-child {
              margin-bottom: 15px;
            }
            &:first-child {
              justify-content: start;
            }
          }
        }
      }
    }
  }

  .img-gallery-set1,
    .img-gallery-set5 {
    display: none;
  }

  .box-layout.page-wrapper.horizontal-wrapper {
    .page-header {
      left: unset;
    }
    .page-header {
      max-width: unset;
    }
    .page-header {
      padding-left: unset;
    }
    .page-body-wrapper {
      width: unset;
    }
  }
}

@media (max-width: 1580px) and (min-width: 1200px) {
  .smooth-animate {
    .label {
      top: -145px;
    }
  }

  .step-progress-wrapper {
    ul {
      li {
        margin-left: 5px;
        margin-right: 5px;
      }
      li {
        margin-top: 0px;
        margin-bottom: 0px;
      }
      li {
        .p-step::after {
          width: 120px;
        }
      }
    }
  }

  .docs-buttons,
    .docs-toggles {
    max-width: 100%;
    flex: 0 0 100%;
  }

  .badge-heading {
    h1,
      h2,
      h3,
      h4,
      h5 {
      margin-bottom: 38px;
    }
  }
}

@media (max-width: 1366px) and (min-width: 1200px) {
  .page-wrapper {
    &.horizontal-wrapper {
      &.material-type {
        .page-header {
          max-width: 1140px;
        }
        .page-body-wrapper {
          .sidebar-wrapper,
            .page-body {
            max-width: 1140px;
          }
        }
      }
    }
  }

  .flot-chart-container-small {
    height: 227px;
  }

  .progress-chart {
    #progress4 {
      display: none;
    }
  }

  .call-chat-sidebar {
    max-width: 262px;
  }

  .product-box {
    .product-details {
      padding: 15px;
    }
    .product-details {
      p {
        margin-bottom: 0.625rem;
      }
    }
  }

  .flot-chart-container {
    height: 130px;
    canvas {
      height: 130px;
    }
  }

  .custom-card {
    .card-profile {
      img {
        height: 115px;
      }
    }
    .profile-details {
      h4 {
        font-size: 1.125rem;
        line-height: 1.75rem;
      }
      h6 {
        margin-bottom: 1.5rem;
      }
    }
    .card-footer {
      > div {
        h3 {
          font-size: 1.125rem;
          line-height: 1.75rem;
        }
      }
    }
  }

  .chat-body {
    padding: 0.625rem;
  }

  .chat-left-aside {
    .people-list {
      height: 420px;
    }
    .people-list {
      ul {
        max-height: 376px;
      }
      ul {
        overflow-y: auto;
      }
    }
    .status-circle {
      left: 2.25rem;
    }
    .status-circle {
      top: 0.25rem;
    }
  }

  .blog-box {
    .blog-details-main {
      .blog-bottom-details {
        margin-left: 0.625rem;
        margin-right: 0.625rem;
      }
      .blog-bottom-details {
        margin-top: 1.25rem;
        margin-bottom: 1.25rem;
      }
      .blog-social {
        li {
          padding-top: 0 !important;
          padding-bottom: 0 !important;
        }
        li {
          padding-left: 0.625rem;
          padding-right: 0.625rem;
        }
        li {
          padding-top: 0px;
          padding-bottom: 0px;
        }
      }
    }
  }

  .blog-bottom-content {
    display: none;
  }

  .blog-box.blog-shadow {
    .blog-details {
      padding: 0.625rem;
    }
  }

  .taiwind-touchspin {
    .touchspin-vertical-tab {
      .input-group {
        width: 96%;
      }
    }
  }
}

@media (max-width: 1366px) {
  .bookmark-tabcontent {
    .details-bookmark {
      &.list-bookmark {
        .bookmark-card {
          img {
            width: 40%;
          }
        }
      }
    }
  }

  .page-body-wrapper .page-title {
    margin-right: -20px;
  }

  .bookmark-wrap {
    .task-sidebar {
      height: auto;
    }
  }

  .grid-options {
    ul {
      li {
        &:last-child {
          display: none;
        }
      }
    }
  }

  .product-wrapper-grid {
    &.list-view {
      .product-box {
        .product-img {
          width: 25%;
        }
      }
    }
  }

  .cart {
    .qty-box {
      width: 40%;
    }
  }

  .alert-dismissible {
    strong {
      & ~ p {
        display: inline;
      }
    }
  }

  .map-js-height {
    height: 350px;
  }

  .chat-right-aside {
    max-width: 60%;
    flex: 0 0 60%;
    overflow: hidden;
    .chat {
      .chat-message {
        .smiley-box {
          width: 45px;
        }
      }
    }
  }

  .equal-height-xl {
    height: 517px;
  }

  .authentication-main {
    .auth-innerright {
      background-size: cover;
    }
  }

  .grp-btns {
    display: inline-block;
  }

  .button-builder {
    @media (max-width: 575px) {
       {
         {
           {
            > .button-generator-bx {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > .button-generator-bx {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > .button-generator-bx {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > .button-generator-bx {
                width: 90%;
              }
            }
          }
        }
      }
    }
    .button-generator-bx {
      position: relative;
    }
    .button-generator-bx {
      width: 100%;
    }
  }

  .ecommerce-widget {
    .total-num {
      font-size: 23px;
    }
    .total-num {
      letter-spacing: 0px;
    }
  }

  .support-ticket-font {
    .total-num {
      font-size: 22px;
    }
  }

  .custom-card {
    padding: 15px;
    .card-social {
      li {
        a {
          padding: 1rem !important;
        }
        a {
          padding: 0.75rem;
        }
      }
    }
  }

  .map-chart {
    .chart-container {
      height: 300px;
    }
  }

  .speed-chart {
    .chart-container {
      margin-top: -2.5rem;
    }
    .chart-container {
      margin-bottom: 100px;
    }
    .chart-container {
      height: 250px;
    }
  }

  .candidcahrt {
    height: 360px;
  }

  .status-details {
    h3 {
      font-size: 1.125rem;
      line-height: 1.75rem;
    }
  }

  .chart-widget-top {
    .total-value {
      font-size: 1.25rem;
      line-height: 1.75rem;
    }
  }

  .status-widget {
    .card-body {
      padding: 0.625rem;
    }
  }

  .testimonial {
    i {
      font-size: 46px;
    }
    p {
      margin-top: 48px !important;
    }
    p {
      margin-top: 1.25rem;
    }
  }

  .chat-body {
    padding: 0.625rem;
  }

  .chat-left-aside {
    .people-list {
      height: 490px;
    }
    .people-list {
      ul {
        max-height: 434px;
      }
      ul {
        overflow-y: auto;
      }
    }
  }

  .status-circle {
    left: 37px;
    top: 0.25rem;
  }

  .img-cropper {
    .docs-toggles {
      margin-top: 0.5rem;
    }
  }

  .taiwind-touchspin {
    .dropdown-basic {
      .dropdown {
        .dropdown-content {
          left: -21px;
        }
      }
    }
  }

  #advance-5_wrapper {
    .dataTables_paginate {
      margin-bottom: 8px !important;
    }
    .dataTables_paginate {
      margin-bottom: 0.5rem;
    }
  }

  .reset-password-box {
    .theme-form {
      .form-group {
        .btn {
          padding-left: 22px;
          padding-right: 22px;
        }
        .btn {
          padding-top: 0.375rem;
          padding-bottom: 0.375rem;
        }
      }
    }
  }

   {
     {
       {
         {
           {
            width: 40%;
          }
        }
      }
    }
     {
      height: auto;
    }
     {
       {
         {
          display: none;
        }
      }
    }
     {
       {
         {
          width: 25%;
        }
      }
    }
     {
      width: 40%;
    }
     {
       {
        display: inline;
      }
    }
     {
       {
         {
          width: 45px;
        }
      }
    }
     {
      background-size: cover;
    }
    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }
     {
      position: relative;
    }
     {
      width: 100%;
    }
     {
      font-size: 23px;
    }
     {
      letter-spacing: 0px;
    }
     {
      font-size: 22px;
    }
     {
       {
         {
          padding: 1rem !important;
        }
         {
          padding: 0.75rem;
        }
      }
    }
     {
      height: 300px;
    }
     {
      margin-top: -2.5rem;
    }
     {
      margin-bottom: 100px;
    }
     {
      height: 250px;
    }
     {
      font-size: 1.125rem;
      line-height: 1.75rem;
    }
     {
      font-size: 1.25rem;
      line-height: 1.75rem;
    }
     {
      padding: 0.625rem;
    }
     {
      font-size: 46px;
    }
     {
      margin-top: 48px !important;
    }
     {
      margin-top: 1.25rem;
    }
     {
      height: 490px;
    }
     {
       {
        max-height: 434px;
      }
       {
        overflow-y: auto;
      }
    }
     {
      margin-top: 0.5rem;
    }
     {
      .\!dropdown {
         {
          left: -21px;
        }
      }
    }
     {
      margin-bottom: 8px !important;
    }
     {
      margin-bottom: 0.5rem;
    }
     {
       {
         {
          padding-left: 22px;
          padding-right: 22px;
        }
         {
          padding-top: 0.375rem;
          padding-bottom: 0.375rem;
        }
      }
    }
     {
       {
         {
           {
            width: 40%;
          }
        }
      }
    }
    margin-right: -20px;
     {
      height: auto;
    }
     {
       {
         {
          display: none;
        }
      }
    }
     {
       {
         {
          width: 25%;
        }
      }
    }
     {
      width: 40%;
    }
     {
       {
        display: inline;
      }
    }
    max-width: 60%;
    flex: 0 0 60%;
    overflow: hidden;
     {
       {
         {
          width: 45px;
        }
      }
    }
     {
      background-size: cover;
    }
    display: inline-block;
    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }
     {
      position: relative;
    }
     {
      width: 100%;
    }
     {
      font-size: 23px;
    }
     {
      letter-spacing: 0px;
    }
     {
      font-size: 22px;
    }
    padding: 15px;
     {
       {
         {
          padding: 1rem !important;
        }
         {
          padding: 0.75rem;
        }
      }
    }
     {
      height: 300px;
    }
     {
      margin-top: -2.5rem;
    }
     {
      margin-bottom: 100px;
    }
     {
      height: 250px;
    }
    height: 360px;
     {
      font-size: 1.125rem;
      line-height: 1.75rem;
    }
     {
      font-size: 1.25rem;
      line-height: 1.75rem;
    }
     {
      padding: 0.625rem;
    }
     {
      font-size: 46px;
    }
     {
      margin-top: 48px !important;
    }
     {
      margin-top: 1.25rem;
    }
    padding: 0.625rem;
     {
      height: 490px;
    }
     {
       {
        max-height: 434px;
      }
       {
        overflow-y: auto;
      }
    }
    left: 37px;
    top: 0.25rem;
     {
      margin-top: 0.5rem;
    }
     {
       {
         {
          left: -21px;
        }
      }
    }
     {
      margin-bottom: 8px !important;
    }
     {
      margin-bottom: 0.5rem;
    }
     {
       {
        .\!btn {
          padding-left: 22px;
          padding-right: 22px;
        }
        .\!btn {
          padding-top: 0.375rem;
          padding-bottom: 0.375rem;
        }
      }
    }
  }
}

@media (max-width: 1299px) {
  .progress-chart {
    #progress3 {
      display: none;
    }
  }

  .job-sidebar {
    .job-accordion {
      .card-body {
        &.animate-chk:not(.filter-cards-view) {
          .form-check {
            .form-check-label {
              span {
                &:first-child:not(.product-filter .product-rate span:first-child) {
                  display: block;
                }
                &:first-child:not(.product-filter .product-rate span:first-child) {
                  margin-left: auto;
                  margin-right: auto;
                }
                &:first-child:not(.product-filter .product-rate span:first-child) {
                  margin-top: 0px;
                  margin-bottom: 0px;
                }
                &:first-child:not(.product-filter .product-rate span:first-child) {
                  display: block;
                }
                &:first-child:not(.product-filter .product-rate span:first-child) {
                  max-width: 100%;
                }
                &:first-child:not(.product-filter .product-rate span:first-child) {
                  overflow: hidden;
                }
                &:first-child:not(.product-filter .product-rate span:first-child) {
                  display: -webkit-box;
                  -webkit-line-clamp: 2;
                  -webkit-box-orient: vertical;
                }
                &:first-child:not(.product-filter .product-rate span:first-child) {
                  margin-left: 0;
                }
                &:first-child:not(.product-filter .product-rate span:first-child) {
                  width: 100px;
                }
                &:first-child:not(.product-filter .product-rate span:first-child) {
                  overflow: hidden;
                }
                &:first-child:not(.product-filter .product-rate span:first-child) {
                  text-overflow: ellipsis;
                }
                &:first-child:not(.product-filter .product-rate span:first-child) {
                  white-space: nowrap;
                }
              }
            }
          }
        }
      }
    }
  }
}

@media (max-width: 1399px) {
  .widget-1 {
    .widget-content {
      h4 {
        font-size: calc(18px + (20 - 18) * ((100vw - 320px) / (1920 - 320)));
      }
      .bg-round {
        height: 40px;
      }
      .bg-round {
        width: 40px;
      }
      .bg-round {
        .half-circle {
          left: -10px;
        }
        .half-circle {
          bottom: -8px;
        }
        .half-circle {
          height: 40px;
        }
        .half-circle {
          width: 30px;
        }
      }
    }
  }

  .buy-card {
    img {
      height: 295px;
    }
  }

  .bookmark-wrap {
    .main-bookmark {
      .md-sidebar {
        .md-sidebar-toggle {
          display: block;
        }
        .md-sidebar-toggle {
          display: block;
        }
        .md-sidebar-aside {
          visibility: hidden;
        }
        .md-sidebar-aside {
          position: absolute;
        }
        .md-sidebar-aside {
          top: 40px;
        }
        .md-sidebar-aside {
          left: 0;
        }
        .md-sidebar-aside {
          z-index: 3;
        }
        .md-sidebar-aside {
          width: 290px;
        }
        .md-sidebar-aside {
          opacity: 0;
        }
        .md-sidebar-aside {
          &.open {
            visibility: visible;
          }
          &.open {
            opacity: 1;
          }
        }
      }
    }
  }

  .btn-groups {
    .button-wrapper {
      align-items: center;
    }
  }

  .main-bookmark {
    .email-left-aside {
      .card {
        .card-body {
          height: 500px;
        }
        .card-body {
          overflow-y: scroll;
        }
      }
    }
  }

  .effective-card {
    .effect-card {
      &:hover {
        @media (max-width: 575px) {
           {
             {
               {
                > &::before {
                  width: 90%;
                }
              }
            }
          }

           {
             {
               {
                 {
                  > &::before {
                    width: 90%;
                  }
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                > &::before {
                  width: 90%;
                }
              }
            }
          }

           {
             {
               {
                 {
                  > &::before {
                    width: 90%;
                  }
                }
              }
            }
          }
        }
        &::before {
          height: 82px;
        }
        &::before {
          width: 100%;
        }
      }
    }
  }

  .main-divider {
    .divider-body {
      &.divider-body-1 {
        margin-bottom: 26px;
      }
      &.divider-body-3 {
        margin-bottom: 2rem;
      }
      &:last-child {
        margin-bottom: 0 !important;
      }
      &:last-child {
        margin-bottom: 0px;
      }
    }
  }

   {
     {
       {
        font-size: calc(18px + (20 - 18) * ((100vw - 320px) / (1920 - 320)));
      }
       {
        height: 40px;
      }
       {
        width: 40px;
      }
       {
         {
          left: -10px;
        }
         {
          bottom: -8px;
        }
         {
          height: 40px;
        }
         {
          width: 30px;
        }
      }
    }
     {
      height: 295px;
    }
     {
       {
         {
          display: block;
        }
         {
          display: block;
        }
         {
          visibility: hidden;
        }
         {
          position: absolute;
        }
         {
          top: 40px;
        }
         {
          left: 0;
        }
         {
          z-index: 3;
        }
         {
          width: 290px;
        }
         {
          opacity: 0;
        }
         {
          &.\!open {
            visibility: visible;
          }
          &.\!open {
            opacity: 1;
          }
        }
      }
    }
     {
      align-items: center;
    }
     {
       {
         {
          height: 500px;
        }
         {
          overflow-y: scroll;
        }
      }
    }
     {
       {
        @media (max-width: 575px) {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }

           {
             {
               {
                 {
                  >  {
                    width: 90%;
                  }
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }

           {
             {
               {
                 {
                  >  {
                    width: 90%;
                  }
                }
              }
            }
          }
        }
         {
          height: 82px;
        }
         {
          width: 100%;
        }
      }
    }
     {
       {
        margin-bottom: 26px;
      }
       {
        margin-bottom: 2rem;
      }
       {
        margin-bottom: 0 !important;
      }
       {
        margin-bottom: 0px;
      }
    }
  }
}

@media (max-width: 1200px) {
  .radio-wrapper,
    .checkbox-wrapper {
    justify-content: unset;
  }
}

@media (min-width: 641px) {
  .project-pending-table {
    &.recent-table {
      div.dt-container {
        .dt-layout-row {
          .dt-layout-cell {
            .dt-search {
              top: 30px;
            }
            .dt-search {
              right: 55px;
            }
          }
        }
      }
    }
  }
}

@media (max-width: 1199px) {
  .main-tasks {
    .common-task-table {
      .overflow-x-auto {
        table {
          thead,
            tbody {
            tr {
              th,
                td {
                &:nth-child(2) {
                  min-width: 125px;
                }
                &:nth-child(4) {
                  min-width: 108px;
                }
                &:nth-child(5) {
                  min-width: 100px;
                }
              }
            }
          }
        }
      }
    }
  }

  .shopping-cart-table {
    .recent-table {
      div.dt-container {
        .table {
          thead,
            tbody {
            tr {
              th,
                td {
                .product-names {
                  .light-product-box {
                    min-height: calc(60px + (100 - 60) * ((100vw - 320px) / (1920 - 320)));
                  }
                  .light-product-box {
                    min-width: calc(70px + (140 - 70) * ((100vw - 320px) / (1920 - 320)));
                  }
                  .light-product-box {
                    img {
                      height: calc(35px + (68 - 35) * ((100vw - 320px) / (1920 - 320)));
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }

  .sidebar-left-wrapper {
    border-right: unset;
    margin-bottom: 25px;
  }

  .common-form {
    .product-buttons {
      width: 100%;
    }
    .product-buttons {
      position: unset;
      transform: unset;
    }
  }

  .scope-bottom-wrapper {
    @media (min-width: 1200px) {
       {
         {
           {
            .sidebar-left-icons {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            .sidebar-left-icons {
            }
          }
        }
      }
    }
    .sidebar-left-icons {
      display: flex;
    }
    .sidebar-left-icons {
      flex-wrap: wrap;
    }
    .sidebar-left-icons {
      align-items: center;
    }
    .sidebar-left-icons {
      justify-content: space-between;
    }
    .sidebar-left-icons {
      gap: 12px;
    }
    .sidebar-left-icons {
      li {
        &::before {
          content: none;
        }
      }
      .nav-item {
        padding-bottom: 0;
      }
    }
  }

  .user-list-wrapper {
    .user-list-table {
      table {
        thead,
          tbody {
          tr {
            th,
              td {
              &:nth-child(2) {
                min-width: 100px;
              }
              &:nth-child(4) {
                min-width: 130px;
              }
              &:nth-child(5) {
                min-width: 165px;
              }
            }
          }
        }
      }
    }
  }

  .role-permission-wrapper {
    .permission-table {
      table {
        thead,
          tbody {
          tr {
            th,
              td {
              &:nth-child(2) {
                min-width: 150px;
              }
              &:nth-child(3) {
                min-width: 160px;
              }
              &:nth-child(4) {
                min-width: 165px;
              }
            }
          }
        }
      }
    }
  }

  .customer-order-wrapper {
    .top-body {
      ~ .customer-order-report {
        .dt-container {
          .dt-layout-row {
            &:first-child {
              left: 19px;
            }
          }
        }
      }
    }
  }

  .sale-return-wrapper {
    .sale-return-report {
      .recent-table {
        table {
          thead,
            tbody {
            tr {
              th,
                td {
                &:nth-child(3) {
                  min-width: 85px;
                }
                &:nth-child(6) {
                  min-width: 175px;
                }
                &:nth-child(7) {
                  min-width: 100px;
                }
              }
            }
          }
        }
      }
    }
  }

  .customer-order-wrapper {
    .customer-order-report {
      .recent-table {
        table {
          thead,
            tbpdy {
            tr {
              th,
                td {
                &:nth-child(2) {
                  min-width: 190px;
                }
                &:nth-child(3) {
                  min-width: 122px;
                }
                &:nth-child(4) {
                  min-width: 100px;
                }
                &:nth-child(5) {
                  min-width: 118px;
                }
              }
            }
          }
        }
      }
    }
  }

  .bookmark-wrap {
    .left-bookmark {
      height: auto;
    }
  }

  .list-behavior-1 {
    .grow {
      margin-left: 0;
    }
  }

  .candidate-wrapper {
    .candidates-box {
      .overflow-x-auto {
        .dt-container {
          table.dataTable {
            thead,
              tbody {
              tr {
                th,
                  td {
                  &:nth-child(3) {
                    min-width: 225px;
                  }
                  &:nth-child(5) {
                    min-width: 230px;
                  }
                }
              }
            }
          }
        }
      }
    }
  }

  .blog-single {
    .comment-box {
      ul {
        .comment-social {
          margin-left: 0px;
        }
      }
    }
  }

  .page-body-wrapper .page-title {
    margin-right: -20px;
    margin-left: -20px;
  }

  .list-behavior-1 {
    gap: 12px;
  }

  .left-header {
    .notification-slider {
      .slick-list {
        .slick-track {
          &:before {
            display: none !important;
          }
        }
      }
    }
    h6 {
      display: block;
    }
    h6 {
      margin-left: auto;
      margin-right: auto;
    }
    h6 {
      margin-top: 0px;
      margin-bottom: 0px;
    }
    h6 {
      display: block;
    }
    h6 {
      max-width: 100%;
    }
    h6 {
      overflow: hidden;
    }
    h6 {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
    }
    h6 {
      margin: 0px !important;
    }
    h6 {
      width: 10rem;
    }
    h6 {
      overflow: hidden;
    }
    h6 {
      text-overflow: ellipsis;
    }
    h6 {
      white-space: nowrap;
    }
    h6 {
      -webkit-line-clamp: 1;
    }
  }

  .heart-rating {
    .rating-system3 {
      padding-top: 0.5rem;
    }
    .rating-system3 {
      padding-bottom: 50px;
    }
    .rating-system3 {
      .rating-text {
        top: 15px;
      }
    }
  }

  .md-sidebar {
    .md-sidebar-toggle {
      display: block;
    }
    .md-sidebar-toggle {
      display: block;
    }
    .md-sidebar-aside {
      visibility: hidden;
    }
    .md-sidebar-aside {
      position: absolute;
    }
    .md-sidebar-aside {
      left: 0px;
    }
    .md-sidebar-aside {
      top: 2.5rem;
    }
    .md-sidebar-aside {
      z-index: 3;
    }
    .md-sidebar-aside {
      width: 290px;
    }
    .md-sidebar-aside {
      opacity: 0;
    }
    .md-sidebar-aside {
      [dir="rtl"] & {
        left: unset;
      }
      [dir="rtl"] & {
        right: 0px;
      }
      &.open {
        visibility: visible;
      }
      &.open {
        opacity: 1;
      }
    }
    .job-sidebar {
      height: 600px;
    }
    .job-sidebar {
      overflow-y: auto;
    }
    .job-sidebar {
      background-color: rgba(var(--white-bg),1);
    }
    .job-sidebar {
      padding: 1.25rem;
    }
    .job-sidebar {
      --tw-shadow: 0px 9px 20px rgba(46,35,94,0.07);
      --tw-shadow-colored: 0px 9px 20px var(--tw-shadow-color);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
    .job-sidebar {
      .faq-accordion.default-according {
        margin-bottom: 0 !important;
      }
      .faq-accordion.default-according {
        margin-bottom: 0px;
      }
    }
  }

  .file-sidebar {
    padding-right: 0.75rem;
    [dir="rtl"] & {
      padding-right: 0px;
    }
  }

  .col-span-7.b-center.bg-size {
    position: fixed;
    top: 0px;
    height: 100vh;
    width: 100%;
    opacity: 0.5;
  }

  .login-card {
    background: transparent;
  }

  .knowledgebase-bg {
    height: 400px;
  }

  .knowledgebase-search {
    .form-inline {
      width: 400px;
    }
    .form-inline {
      padding-left: 45px;
      padding-right: 45px;
    }
    .form-inline {
      padding-top: 7px;
      padding-bottom: 7px;
    }
    .form-inline {
      svg {
        top: 0.875rem;
      }
    }
  }

  .btn-group {
    .btn {
      padding-left: 1.25rem;
      padding-right: 1.25rem;
    }
    .btn {
      padding-top: 0.375rem;
      padding-bottom: 0.375rem;
    }
  }

  .link-section > div {
    &.active {
      > h6 {
        &:before {
          transition-property: content;
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-duration: 150ms;
        }
        &:before {
          transition-duration: 0.3s;
        }
        &:before {
          transition-timing-function: ease;
        }
        &:before {
          --tw-content: "\f107";
          content: var(--tw-content);
        }
      }
    }
  }

  .alert-theme {
    min-width: 420px;
  }

  .page-wrapper {
    .page-header {
      .header-wrapper {
        .nav-right {
          padding: 0 !important;
        }
        .nav-right {
          padding: 0px;
        }
        .nav-right {
          position: unset;
          > ul {
            li {
              .submenu {
                li {
                  &:first-child {
                    padding-left: 15px;
                  }
                }
              }
            }
          }
        }
        .mobile-sidebar {
          .switch-sm {
            .switch {
              margin-top: 0.375rem;
            }
          }
        }
      }
    }
  }

  .photos {
    ul {
      li {
        width: auto;
      }
      li {
        &:nth-child(3n) {
          margin-right: 15px;
        }
      }
    }
  }

  .lg-mt-col {
    margin-top: 30px;
  }

  .xl-none {
    display: none;
  }

  .lg-mt {
    margin-top: 30px;
  }

  .product-wrapper-grid {
    &.list-view {
      .product-box {
        .product-img {
          width: 32%;
        }
      }
    }
  }

  .flot-chart-container {
    height: 200px;
    canvas {
      height: 200px;
    }
  }

  .img-cropper {
    #putData {
      margin-bottom: 0.625rem;
    }
    .docs-toggles {
      > .dropdown {
        margin-bottom: 0 !important;
      }
      > .dropdown {
        margin-bottom: 0px;
      }
    }
  }

  .error-wrapper {
    .maintenance-icons {
      li {
        i {
          font-size: 40px;
        }
        i {
          color: rgba(var(--light-color),1);
        }
        &:nth-child(2) {
          i {
            margin-left: 90px;
          }
          i {
            font-size: 80px;
          }
        }
        &:nth-child(3) {
          i {
            margin-top: -75px;
          }
          i {
            margin-right: 110px;
          }
          i {
            font-size: 120px;
          }
        }
      }
    }
  }

  div {
    &.dataTables_wrapper {
      div {
        &.dataTables_paginate {
          & ~ .dataTables_filter {
            margin-top: 48px !important;
          }
          & ~ .dataTables_filter {
            display: block;
          }
          & ~ .dataTables_filter {
            margin-bottom: 0 !important;
          }
          @media (max-width: 575px) {
             {
               {
                 {
                  > & ~ .dataTables_filter {
                    width: 90%;
                  }
                }
              }
            }

             {
               {
                 {
                   {
                    > & ~ .dataTables_filter {
                      width: 90%;
                    }
                  }
                }
              }
            }
          }
          @media (max-width: 575px) {
             {
               {
                 {
                  > & ~ .dataTables_filter {
                    width: 90%;
                  }
                }
              }
            }

             {
               {
                 {
                   {
                    > & ~ .dataTables_filter {
                      width: 90%;
                    }
                  }
                }
              }
            }
          }
          & ~ .dataTables_filter {
            margin-top: 1.25rem;
          }
          & ~ .dataTables_filter {
            margin-bottom: 0px;
          }
          & ~ .dataTables_filter {
            display: block;
          }
          & ~ .dataTables_filter {
            width: 100%;
          }
        }
      }
    }
  }

  .jvector-map-height {
    height: 280px;
  }

  .blog-list {
    .blog-details {
      p {
        margin-bottom: 5px;
      }
    }
  }

  .custom-card {
    .card-profile {
      .card-footer {
        > div {
          h3 {
            font-size: 1.125rem;
            line-height: 1.75rem;
          }
        }
      }
    }
  }

  .equal-height-lg {
    min-height: unset;
  }

  .button-builder {
    @media (max-width: 575px) {
       {
         {
           {
            > .button-generator-bx {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > .button-generator-bx {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > .button-generator-bx {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > .button-generator-bx {
                width: 90%;
              }
            }
          }
        }
      }
    }
    .button-generator-bx {
      position: relative;
    }
    .button-generator-bx {
      width: 100%;
    }
  }

  .blog-single {
    .comment-box {
      ul {
        .comment-social {
          margin-left: 0px;
        }
        .comment-social {
          [dir="rtl"] & {
            margin-left: unset;
          }
          [dir="rtl"] & {
            margin-right: 0px;
          }
        }
      }
    }
  }

  .error-wrapper {
    .maintenance-heading {
      margin-top: 30px;
    }
    .maintenance-heading {
      .headline {
        margin-bottom: 0 !important;
      }
      .headline {
        margin-top: -15%;
      }
      .headline {
        margin-bottom: 0px;
      }
      .headline {
        font-size: 50px;
      }
      .cloud-second {
        margin-top: -25px;
      }
    }
  }

  .testimonial {
    p {
      margin-top: 17px;
    }
  }

  .crm-overall {
    .overall-chart {
      height: 200px;
    }
  }

  .product-table {
    table.dataTable thead > tr > th {
      padding-right: 50px;
    }
  }

  .chat-menu-icons {
    clear: both;
    display: block;
  }

  .chat-menu {
    visibility: hidden;
    position: absolute;
    right: 0px;
    top: 60px;
    z-index: 3;
    --tw-translate-y: -30px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    border-top-width: 1px;
    border-style: solid;
    border-top-color: rgba(var(--light-semi-gray),1);
    background-color: rgba(var(--white),1);
    opacity: 0;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition-delay: 0.3s;
    transition-duration: linear;
    &.show {
      visibility: visible;
    }
    &.show {
      --tw-translate-y: 0px;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    &.show {
      padding-bottom: 25px;
    }
    &.show {
      opacity: 1;
    }
    &.show {
      transition-property: all;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }
    &.show {
      transition-delay: 0.3s;
    }
    &.show {
      transition-duration: linear;
    }
  }

  .chat-right-aside {
    max-width: calc(100% - 15px);
    flex: 0 0 100%;
    overflow: hidden;
  }

  .like-comment-lg-mb {
    margin-bottom: 16px !important;
    margin-bottom: 0.75rem;
  }

  .ribbon-space-bottom {
    top: 9px;
  }

  .taiwind-touchspin {
    .touchspin-vertical-tab {
      .input-group {
        width: 98.5%;
      }
    }
  }

  .profile-img-style {
    #aniimated-thumbnials-3 {
      text-align: center;
    }
    @media (max-width: 767px) {
       {
        #aniimated-thumbnials-3 {
        }
      }
    }
    #aniimated-thumbnials-3 {
      text-align: center;
    }
  }

  .vertical-menu-mt {
    margin-top: 5rem;
    .xl-none {
      display: block;
    }
    .xl-none {
      display: block;
    }
  }

  .calendar-wrap {
    .fc-day-grid-event {
      width: 87%;
    }
  }

  .product-page-main {
    .product-page-details {
      h3 {
        font-size: 26px;
      }
    }
  }

   {
     {
       {
         {
           {
             {
               {
                 {
                  min-width: 125px;
                }
                 {
                  min-width: 108px;
                }
                 {
                  min-width: 100px;
                }
              }
            }
          }
        }
      }
    }
     {
       {
         {
           {
             {
               {
                 {
                   {
                    min-height: calc(60px + (100 - 60) * ((100vw - 320px) / (1920 - 320)));
                  }
                   {
                    min-width: calc(70px + (140 - 70) * ((100vw - 320px) / (1920 - 320)));
                  }
                   {
                     {
                      height: calc(35px + (68 - 35) * ((100vw - 320px) / (1920 - 320)));
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
     {
      width: 100%;
    }
     {
      position: unset !important;
      transform: unset !important;
    }
    @media (min-width: 1200px) {
       {
         {
           {
             {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
             {
            }
          }
        }
      }
    }
     {
      display: flex;
    }
     {
      flex-wrap: wrap;
    }
     {
      align-items: center;
    }
     {
      justify-content: space-between;
    }
     {
      gap: 12px;
    }
     {
       {
         {
          content: none !important;
        }
      }
       {
        padding-bottom: 0;
      }
    }
     {
       {
         {
           {
             {
               {
                min-width: 100px;
              }
               {
                min-width: 130px;
              }
               {
                min-width: 165px;
              }
            }
          }
        }
      }
    }
     {
       {
         {
           {
             {
               {
                min-width: 150px;
              }
               {
                min-width: 160px;
              }
               {
                min-width: 165px;
              }
            }
          }
        }
      }
    }
     {
       {
         {
           {
             {
              left: 19px;
            }
          }
        }
      }
    }
     {
       {
         {
           {
             {
               {
                 {
                  min-width: 85px;
                }
                 {
                  min-width: 175px;
                }
                 {
                  min-width: 100px;
                }
              }
            }
          }
        }
      }
    }
     {
       {
         {
           {
             {
               {
                 {
                  min-width: 190px;
                }
                 {
                  min-width: 122px;
                }
                 {
                  min-width: 100px;
                }
                 {
                  min-width: 118px;
                }
              }
            }
          }
        }
      }
    }
     {
      height: auto;
    }
    .\!grow {
      margin-left: 0;
    }
     {
       {
         {
           {
             {
               {
                 {
                   {
                    min-width: 225px;
                  }
                   {
                    min-width: 230px;
                  }
                }
              }
            }
          }
        }
      }
    }
     {
       {
         {
          margin-left: 0px;
        }
      }
    }
     {
       {
         {
           {
            display: none !important;
          }
        }
      }
    }
     {
      display: block;
    }
     {
      margin-left: auto;
      margin-right: auto;
    }
     {
      margin-top: 0px;
      margin-bottom: 0px;
    }
     {
      display: block;
    }
     {
      max-width: 100%;
    }
     {
      overflow: hidden;
    }
     {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
    }
     {
      margin: 0px !important;
    }
     {
      width: 10rem;
    }
     {
      overflow: hidden;
    }
     {
      text-overflow: ellipsis;
    }
     {
      white-space: nowrap;
    }
     {
      -webkit-line-clamp: 1 !important;
    }
     {
      padding-top: 0.5rem;
    }
     {
      padding-bottom: 50px;
    }
     {
       {
        top: 15px;
      }
    }
     {
      display: block;
    }
     {
      display: block;
    }
     {
      visibility: hidden;
    }
     {
      position: absolute;
    }
     {
      left: 0px;
    }
     {
      top: 2.5rem;
    }
     {
      z-index: 3;
    }
     {
      width: 290px;
    }
     {
      opacity: 0;
    }
     {
       {
        left: unset;
      }
       {
        right: 0px;
      }
       {
        visibility: visible;
      }
       {
        opacity: 1;
      }
    }
     {
      height: 600px;
    }
     {
      overflow-y: auto;
    }
     {
      background-color: rgba(var(--white-bg),1);
    }
     {
      padding: 1.25rem;
    }
     {
      --tw-shadow: 0px 9px 20px rgba(46,35,94,0.07);
      --tw-shadow-colored: 0px 9px 20px var(--tw-shadow-color);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
     {
       {
        margin-bottom: 0 !important;
      }
       {
        margin-bottom: 0px;
      }
    }
     {
      padding-right: 0px;
    }
    position: fixed;
     {
      width: 400px;
    }
     {
      padding-left: 45px;
      padding-right: 45px;
    }
     {
      padding-top: 7px;
      padding-bottom: 7px;
    }
     {
       {
        top: 0.875rem;
      }
    }
     {
      padding-left: 1.25rem;
      padding-right: 1.25rem;
    }
     {
      padding-top: 0.375rem;
      padding-bottom: 0.375rem;
    }
     {
       {
         {
          transition-property: content;
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-duration: 150ms;
        }
         {
          transition-duration: 0.3s;
        }
         {
          transition-timing-function: ease;
        }
         {
          --tw-content: "\f107";
          content: var(--tw-content);
        }
      }
    }
     {
       {
         {
          padding: 0 !important;
        }
         {
          padding: 0px;
        }
         {
          position: unset !important;
           {
             {
               {
                 {
                   {
                    padding-left: 15px;
                  }
                }
              }
            }
          }
        }
         {
           {
             {
              margin-top: 0.375rem;
            }
          }
        }
      }
    }
     {
       {
        width: auto;
      }
       {
         {
          margin-right: 15px;
        }
      }
    }
    display: none;
     {
       {
         {
          width: 32%;
        }
      }
    }
     {
      height: 200px;
    }
     {
      margin-bottom: 0.625rem;
    }
     {
       {
        margin-bottom: 0 !important;
      }
       {
        margin-bottom: 0px;
      }
    }
     {
       {
         {
          font-size: 40px;
        }
         {
          color: rgba(var(--light-color),1);
        }
         {
           {
            margin-left: 90px;
          }
           {
            font-size: 80px;
          }
        }
         {
           {
            margin-top: -75px;
          }
           {
            margin-right: 110px;
          }
           {
            font-size: 120px;
          }
        }
      }
    }
     {
       {
         {
           {
            margin-top: 48px !important;
          }
           {
            display: block;
          }
           {
            margin-bottom: 0 !important;
          }
          @media (max-width: 575px) {
             {
               {
                 {
                  >  {
                    width: 90%;
                  }
                }
              }
            }

             {
               {
                 {
                   {
                    >  {
                      width: 90%;
                    }
                  }
                }
              }
            }
          }
          @media (max-width: 575px) {
             {
               {
                 {
                  >  {
                    width: 90%;
                  }
                }
              }
            }

             {
               {
                 {
                   {
                    >  {
                      width: 90%;
                    }
                  }
                }
              }
            }
          }
           {
            margin-top: 1.25rem;
          }
           {
            margin-bottom: 0px;
          }
           {
            display: block;
          }
           {
            width: 100%;
          }
        }
      }
    }
     {
       {
        margin-bottom: 5px;
      }
    }
     {
       {
         {
           {
            font-size: 1.125rem;
            line-height: 1.75rem;
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }
     {
      position: relative;
    }
     {
      width: 100%;
    }
     {
       {
         {
          margin-left: 0px;
        }
         {
           {
            margin-left: unset;
          }
           {
            margin-right: 0px;
          }
        }
      }
    }
     {
      margin-top: 30px;
    }
     {
       {
        margin-bottom: 0 !important;
      }
       {
        margin-top: -15%;
      }
       {
        margin-bottom: 0px;
      }
       {
        font-size: 50px;
      }
       {
        margin-top: -25px;
      }
    }
     {
      margin-top: 17px;
    }
     {
      height: 200px;
    }
     {
      padding-right: 50px;
    }
    display: block;
    position: absolute;
    transition-duration: linear;
     {
      visibility: visible;
    }
     {
      --tw-translate-y: 0px;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
     {
      padding-bottom: 25px;
    }
     {
      opacity: 1;
    }
     {
      transition-property: all;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }
     {
      transition-delay: 0.3s;
    }
     {
      transition-duration: linear;
    }
     {
       {
        width: 98.5%;
      }
    }
     {
      text-align: center;
    }
    @media (max-width: 767px) {
       {
         {
        }
      }
    }
     {
      text-align: center;
    }
     {
      display: block;
    }
     {
      display: block;
    }
     {
      width: 87%;
    }
     {
       {
        font-size: 26px;
      }
    }
     {
       {
         {
           {
             {
               {
                 {
                  min-width: 125px;
                }
                 {
                  min-width: 108px;
                }
                 {
                  min-width: 100px;
                }
              }
            }
          }
        }
      }
    }
     {
       {
         {
           {
             {
               {
                 {
                   {
                    min-height: calc(60px + (100 - 60) * ((100vw - 320px) / (1920 - 320)));
                  }
                   {
                    min-width: calc(70px + (140 - 70) * ((100vw - 320px) / (1920 - 320)));
                  }
                   {
                     {
                      height: calc(35px + (68 - 35) * ((100vw - 320px) / (1920 - 320)));
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
     {
      width: 100%;
    }
     {
      position: unset !important;
      transform: unset !important;
    }
    @media (min-width: 1200px) {
       {
         {
           {
             {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
             {
            }
          }
        }
      }
    }
     {
      display: flex;
    }
     {
      flex-wrap: wrap;
    }
     {
      align-items: center;
    }
     {
      justify-content: space-between;
    }
     {
      gap: 12px;
    }
     {
       {
         {
          content: none !important;
        }
      }
       {
        padding-bottom: 0;
      }
    }
     {
       {
         {
           {
             {
               {
                min-width: 100px;
              }
               {
                min-width: 130px;
              }
               {
                min-width: 165px;
              }
            }
          }
        }
      }
    }
     {
       {
         {
           {
             {
               {
                min-width: 150px;
              }
               {
                min-width: 160px;
              }
               {
                min-width: 165px;
              }
            }
          }
        }
      }
    }
     {
       {
         {
           {
             {
              left: 19px;
            }
          }
        }
      }
    }
     {
       {
         {
           {
             {
               {
                 {
                  min-width: 85px;
                }
                 {
                  min-width: 175px;
                }
                 {
                  min-width: 100px;
                }
              }
            }
          }
        }
      }
    }
     {
       {
         {
           {
             {
               {
                 {
                  min-width: 190px;
                }
                 {
                  min-width: 122px;
                }
                 {
                  min-width: 100px;
                }
                 {
                  min-width: 118px;
                }
              }
            }
          }
        }
      }
    }
     {
      height: auto;
    }
     {
      margin-left: 0;
    }
     {
       {
         {
           {
             {
               {
                 {
                   {
                    min-width: 225px;
                  }
                   {
                    min-width: 230px;
                  }
                }
              }
            }
          }
        }
      }
    }
     {
       {
         {
          margin-left: 0px;
        }
      }
    }
     {
       {
         {
           {
            display: none !important;
          }
        }
      }
    }
     {
      display: block;
    }
     {
      margin-left: auto;
      margin-right: auto;
    }
     {
      margin-top: 0px;
      margin-bottom: 0px;
    }
     {
      display: block;
    }
     {
      max-width: 100%;
    }
     {
      overflow: hidden;
    }
     {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
    }
     {
      margin: 0px !important;
    }
     {
      width: 10rem;
    }
     {
      overflow: hidden;
    }
     {
      text-overflow: ellipsis;
    }
     {
      white-space: nowrap;
    }
     {
      -webkit-line-clamp: 1 !important;
    }
     {
      padding-top: 0.5rem;
    }
     {
      padding-bottom: 50px;
    }
     {
       {
        top: 15px;
      }
    }
     {
      display: block;
    }
     {
      display: block;
    }
     {
      visibility: hidden;
    }
     {
      position: absolute;
    }
     {
      left: 0px;
    }
     {
      top: 2.5rem;
    }
     {
      z-index: 3;
    }
     {
      width: 290px;
    }
     {
      opacity: 0;
    }
     {
       {
        left: unset;
      }
       {
        right: 0px;
      }
      &.\!open {
        visibility: visible;
      }
      &.\!open {
        opacity: 1;
      }
    }
     {
      height: 600px;
    }
     {
      overflow-y: auto;
    }
     {
      background-color: rgba(var(--white-bg),1);
    }
     {
      padding: 1.25rem;
    }
     {
      --tw-shadow: 0px 9px 20px rgba(46,35,94,0.07);
      --tw-shadow-colored: 0px 9px 20px var(--tw-shadow-color);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
     {
       {
        margin-bottom: 0 !important;
      }
       {
        margin-bottom: 0px;
      }
    }
     {
      padding-right: 0px;
    }
    position: fixed;
     {
      width: 400px;
    }
     {
      padding-left: 45px;
      padding-right: 45px;
    }
     {
      padding-top: 7px;
      padding-bottom: 7px;
    }
     {
       {
        top: 0.875rem;
      }
    }
     {
      padding-left: 1.25rem;
      padding-right: 1.25rem;
    }
     {
      padding-top: 0.375rem;
      padding-bottom: 0.375rem;
    }
     {
       {
         {
          transition-property: content;
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-duration: 150ms;
        }
         {
          transition-duration: 0.3s;
        }
         {
          transition-timing-function: ease;
        }
         {
          --tw-content: "\f107";
          content: var(--tw-content);
        }
      }
    }
     {
       {
         {
          padding: 0 !important;
        }
         {
          padding: 0px;
        }
         {
          position: unset !important;
           {
             {
               {
                 {
                   {
                    padding-left: 15px;
                  }
                }
              }
            }
          }
        }
         {
           {
             {
              margin-top: 0.375rem;
            }
          }
        }
      }
    }
     {
       {
        width: auto;
      }
       {
         {
          margin-right: 15px;
        }
      }
    }
    display: none;
     {
       {
         {
          width: 32%;
        }
      }
    }
     {
      height: 200px;
    }
     {
      margin-bottom: 0.625rem;
    }
     {
       {
        margin-bottom: 0 !important;
      }
       {
        margin-bottom: 0px;
      }
    }
     {
       {
         {
          font-size: 40px;
        }
         {
          color: rgba(var(--light-color),1);
        }
         {
           {
            margin-left: 90px;
          }
           {
            font-size: 80px;
          }
        }
         {
           {
            margin-top: -75px;
          }
           {
            margin-right: 110px;
          }
           {
            font-size: 120px;
          }
        }
      }
    }
     {
       {
         {
           {
            margin-top: 48px !important;
          }
           {
            display: block;
          }
           {
            margin-bottom: 0 !important;
          }
          @media (max-width: 575px) {
             {
               {
                 {
                  >  {
                    width: 90%;
                  }
                }
              }
            }

             {
               {
                 {
                   {
                    >  {
                      width: 90%;
                    }
                  }
                }
              }
            }
          }
          @media (max-width: 575px) {
             {
               {
                 {
                  >  {
                    width: 90%;
                  }
                }
              }
            }

             {
               {
                 {
                   {
                    >  {
                      width: 90%;
                    }
                  }
                }
              }
            }
          }
           {
            margin-top: 1.25rem;
          }
           {
            margin-bottom: 0px;
          }
           {
            display: block;
          }
           {
            width: 100%;
          }
        }
      }
    }
     {
       {
        margin-bottom: 5px;
      }
    }
     {
       {
         {
           {
            font-size: 1.125rem;
            line-height: 1.75rem;
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }
     {
      position: relative;
    }
     {
      width: 100%;
    }
     {
       {
         {
          margin-left: 0px;
        }
         {
           {
            margin-left: unset;
          }
           {
            margin-right: 0px;
          }
        }
      }
    }
     {
      margin-top: 30px;
    }
     {
       {
        margin-bottom: 0 !important;
      }
       {
        margin-top: -15%;
      }
       {
        margin-bottom: 0px;
      }
       {
        font-size: 50px;
      }
       {
        margin-top: -25px;
      }
    }
     {
      margin-top: 17px;
    }
     {
      height: 200px;
    }
     {
      padding-right: 50px;
    }
    display: block;
    position: absolute;
    transition-duration: linear;
     {
      visibility: visible;
    }
     {
      --tw-translate-y: 0px;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
     {
      padding-bottom: 25px;
    }
     {
      opacity: 1;
    }
     {
      transition-property: all;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }
     {
      transition-delay: 0.3s;
    }
     {
      transition-duration: linear;
    }
     {
       {
        width: 98.5%;
      }
    }
     {
      text-align: center;
    }
    @media (max-width: 767px) {
       {
         {
        }
      }
    }
     {
      text-align: center;
    }
     {
      display: block;
    }
     {
      display: block;
    }
     {
      width: 87%;
    }
     {
       {
        font-size: 26px;
      }
    }
     {
       {
         {
           {
             {
               {
                 {
                  min-width: 125px;
                }
                 {
                  min-width: 108px;
                }
                 {
                  min-width: 100px;
                }
              }
            }
          }
        }
      }
    }
     {
       {
         {
           {
             {
               {
                 {
                   {
                    min-height: calc(60px + (100 - 60) * ((100vw - 320px) / (1920 - 320)));
                  }
                   {
                    min-width: calc(70px + (140 - 70) * ((100vw - 320px) / (1920 - 320)));
                  }
                   {
                     {
                      height: calc(35px + (68 - 35) * ((100vw - 320px) / (1920 - 320)));
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
     {
      width: 100%;
    }
     {
      position: unset !important;
      transform: unset !important;
    }
    @media (min-width: 1200px) {
       {
         {
           {
             {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
             {
            }
          }
        }
      }
    }
     {
      display: flex;
    }
     {
      flex-wrap: wrap;
    }
     {
      align-items: center;
    }
     {
      justify-content: space-between;
    }
     {
      gap: 12px;
    }
     {
       {
         {
          content: none !important;
        }
      }
       {
        padding-bottom: 0;
      }
    }
     {
       {
         {
           {
             {
               {
                min-width: 100px;
              }
               {
                min-width: 130px;
              }
               {
                min-width: 165px;
              }
            }
          }
        }
      }
    }
     {
       {
         {
           {
             {
               {
                min-width: 150px;
              }
               {
                min-width: 160px;
              }
               {
                min-width: 165px;
              }
            }
          }
        }
      }
    }
     {
       {
         {
           {
             {
              left: 19px;
            }
          }
        }
      }
    }
     {
       {
         {
           {
             {
               {
                 {
                  min-width: 85px;
                }
                 {
                  min-width: 175px;
                }
                 {
                  min-width: 100px;
                }
              }
            }
          }
        }
      }
    }
     {
       {
         {
           {
             {
               {
                 {
                  min-width: 190px;
                }
                 {
                  min-width: 122px;
                }
                 {
                  min-width: 100px;
                }
                 {
                  min-width: 118px;
                }
              }
            }
          }
        }
      }
    }
     {
      height: auto;
    }
     {
      margin-left: 0;
    }
     {
       {
         {
           {
             {
               {
                 {
                   {
                    min-width: 225px;
                  }
                   {
                    min-width: 230px;
                  }
                }
              }
            }
          }
        }
      }
    }
     {
       {
         {
          margin-left: 0px;
        }
      }
    }
     {
       {
         {
           {
            display: none !important;
          }
        }
      }
    }
     {
      display: block;
    }
     {
      margin-left: auto;
      margin-right: auto;
    }
     {
      margin-top: 0px;
      margin-bottom: 0px;
    }
     {
      display: block;
    }
     {
      max-width: 100%;
    }
     {
      overflow: hidden;
    }
     {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
    }
     {
      margin: 0px !important;
    }
     {
      width: 10rem;
    }
     {
      overflow: hidden;
    }
     {
      text-overflow: ellipsis;
    }
     {
      white-space: nowrap;
    }
     {
      -webkit-line-clamp: 1 !important;
    }
     {
      padding-top: 0.5rem;
    }
     {
      padding-bottom: 50px;
    }
     {
       {
        top: 15px;
      }
    }
     {
      display: block;
    }
     {
      display: block;
    }
     {
      visibility: hidden;
    }
     {
      position: absolute;
    }
     {
      left: 0px;
    }
     {
      top: 2.5rem;
    }
     {
      z-index: 3;
    }
     {
      width: 290px;
    }
     {
      opacity: 0;
    }
     {
       {
        left: unset;
      }
       {
        right: 0px;
      }
       {
        visibility: visible;
      }
       {
        opacity: 1;
      }
    }
     {
      height: 600px;
    }
     {
      overflow-y: auto;
    }
     {
      background-color: rgba(var(--white-bg),1);
    }
     {
      padding: 1.25rem;
    }
     {
      --tw-shadow: 0px 9px 20px rgba(46,35,94,0.07);
      --tw-shadow-colored: 0px 9px 20px var(--tw-shadow-color);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
     {
       {
        margin-bottom: 0 !important;
      }
       {
        margin-bottom: 0px;
      }
    }
     {
      padding-right: 0px;
    }
    position: fixed;
     {
      width: 400px;
    }
     {
      padding-left: 45px;
      padding-right: 45px;
    }
     {
      padding-top: 7px;
      padding-bottom: 7px;
    }
     {
       {
        top: 0.875rem;
      }
    }
    .\!btn {
      padding-left: 1.25rem;
      padding-right: 1.25rem;
    }
    .\!btn {
      padding-top: 0.375rem;
      padding-bottom: 0.375rem;
    }
     {
       {
         {
          transition-property: content;
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-duration: 150ms;
        }
         {
          transition-duration: 0.3s;
        }
         {
          transition-timing-function: ease;
        }
         {
          --tw-content: "\f107";
          content: var(--tw-content);
        }
      }
    }
     {
       {
         {
          padding: 0 !important;
        }
         {
          padding: 0px;
        }
         {
          position: unset !important;
           {
             {
               {
                 {
                   {
                    padding-left: 15px;
                  }
                }
              }
            }
          }
        }
         {
           {
             {
              margin-top: 0.375rem;
            }
          }
        }
      }
    }
     {
       {
        width: auto;
      }
       {
         {
          margin-right: 15px;
        }
      }
    }
    display: none;
     {
       {
         {
          width: 32%;
        }
      }
    }
     {
      height: 200px;
    }
     {
      margin-bottom: 0.625rem;
    }
     {
       {
        margin-bottom: 0 !important;
      }
       {
        margin-bottom: 0px;
      }
    }
     {
       {
         {
          font-size: 40px;
        }
         {
          color: rgba(var(--light-color),1);
        }
         {
           {
            margin-left: 90px;
          }
           {
            font-size: 80px;
          }
        }
         {
           {
            margin-top: -75px;
          }
           {
            margin-right: 110px;
          }
           {
            font-size: 120px;
          }
        }
      }
    }
     {
       {
         {
           {
            margin-top: 48px !important;
          }
           {
            display: block;
          }
           {
            margin-bottom: 0 !important;
          }
          @media (max-width: 575px) {
             {
               {
                 {
                  >  {
                    width: 90%;
                  }
                }
              }
            }

             {
               {
                 {
                   {
                    >  {
                      width: 90%;
                    }
                  }
                }
              }
            }
          }
          @media (max-width: 575px) {
             {
               {
                 {
                  >  {
                    width: 90%;
                  }
                }
              }
            }

             {
               {
                 {
                   {
                    >  {
                      width: 90%;
                    }
                  }
                }
              }
            }
          }
           {
            margin-top: 1.25rem;
          }
           {
            margin-bottom: 0px;
          }
           {
            display: block;
          }
           {
            width: 100%;
          }
        }
      }
    }
     {
       {
        margin-bottom: 5px;
      }
    }
     {
       {
         {
           {
            font-size: 1.125rem;
            line-height: 1.75rem;
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }
     {
      position: relative;
    }
     {
      width: 100%;
    }
     {
       {
         {
          margin-left: 0px;
        }
         {
           {
            margin-left: unset;
          }
           {
            margin-right: 0px;
          }
        }
      }
    }
     {
      margin-top: 30px;
    }
     {
       {
        margin-bottom: 0 !important;
      }
       {
        margin-top: -15%;
      }
       {
        margin-bottom: 0px;
      }
       {
        font-size: 50px;
      }
       {
        margin-top: -25px;
      }
    }
     {
      margin-top: 17px;
    }
     {
      height: 200px;
    }
     {
      padding-right: 50px;
    }
    display: block;
    position: absolute;
    transition-duration: linear;
     {
      visibility: visible;
    }
     {
      --tw-translate-y: 0px;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
     {
      padding-bottom: 25px;
    }
     {
      opacity: 1;
    }
     {
      transition-property: all;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }
     {
      transition-delay: 0.3s;
    }
     {
      transition-duration: linear;
    }
     {
       {
        width: 98.5%;
      }
    }
     {
      text-align: center;
    }
    @media (max-width: 767px) {
       {
         {
        }
      }
    }
     {
      text-align: center;
    }
     {
      display: block;
    }
     {
      display: block;
    }
     {
      width: 87%;
    }
     {
       {
        font-size: 26px;
      }
    }
     {
       {
         {
           {
             {
               {
                 {
                  min-width: 125px;
                }
                 {
                  min-width: 108px;
                }
                 {
                  min-width: 100px;
                }
              }
            }
          }
        }
      }
    }
     {
       {
         {
           {
             {
               {
                 {
                   {
                    min-height: calc(60px + (100 - 60) * ((100vw - 320px) / (1920 - 320)));
                  }
                   {
                    min-width: calc(70px + (140 - 70) * ((100vw - 320px) / (1920 - 320)));
                  }
                   {
                     {
                      height: calc(35px + (68 - 35) * ((100vw - 320px) / (1920 - 320)));
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
    border-right: unset !important;
     {
      width: 100%;
    }
     {
      position: unset !important;
      transform: unset !important;
    }
    @media (min-width: 1200px) {
       {
         {
           {
             {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
             {
            }
          }
        }
      }
    }
     {
      display: flex;
    }
     {
      flex-wrap: wrap;
    }
     {
      align-items: center;
    }
     {
      justify-content: space-between;
    }
     {
      gap: 12px;
    }
     {
       {
         {
          content: none !important;
        }
      }
       {
        padding-bottom: 0;
      }
    }
     {
       {
         {
           {
             {
               {
                min-width: 100px;
              }
               {
                min-width: 130px;
              }
               {
                min-width: 165px;
              }
            }
          }
        }
      }
    }
     {
       {
         {
           {
             {
               {
                min-width: 150px;
              }
               {
                min-width: 160px;
              }
               {
                min-width: 165px;
              }
            }
          }
        }
      }
    }
     {
       {
         {
           {
             {
              left: 19px;
            }
          }
        }
      }
    }
     {
       {
         {
           {
             {
               {
                 {
                  min-width: 85px;
                }
                 {
                  min-width: 175px;
                }
                 {
                  min-width: 100px;
                }
              }
            }
          }
        }
      }
    }
     {
       {
         {
           {
             {
               {
                 {
                  min-width: 190px;
                }
                 {
                  min-width: 122px;
                }
                 {
                  min-width: 100px;
                }
                 {
                  min-width: 118px;
                }
              }
            }
          }
        }
      }
    }
     {
      height: auto;
    }
     {
      margin-left: 0;
    }
     {
       {
         {
           {
             {
               {
                 {
                   {
                    min-width: 225px;
                  }
                   {
                    min-width: 230px;
                  }
                }
              }
            }
          }
        }
      }
    }
     {
       {
         {
          margin-left: 0px;
        }
      }
    }
    margin-right: -20px;
    margin-left: -20px;
    gap: 12px;
     {
       {
         {
           {
            display: none !important;
          }
        }
      }
    }
     {
      display: block;
    }
     {
      margin-left: auto;
      margin-right: auto;
    }
     {
      margin-top: 0px;
      margin-bottom: 0px;
    }
     {
      display: block;
    }
     {
      max-width: 100%;
    }
     {
      overflow: hidden;
    }
     {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
    }
     {
      margin: 0px !important;
    }
     {
      width: 10rem;
    }
     {
      overflow: hidden;
    }
     {
      text-overflow: ellipsis;
    }
     {
      white-space: nowrap;
    }
     {
      -webkit-line-clamp: 1 !important;
    }
     {
      padding-top: 0.5rem;
    }
     {
      padding-bottom: 50px;
    }
     {
       {
        top: 15px;
      }
    }
     {
      display: block;
    }
     {
      display: block;
    }
     {
      visibility: hidden;
    }
     {
      position: absolute;
    }
     {
      left: 0px;
    }
     {
      top: 2.5rem;
    }
     {
      z-index: 3;
    }
     {
      width: 290px;
    }
     {
      opacity: 0;
    }
     {
       {
        left: unset;
      }
       {
        right: 0px;
      }
       {
        visibility: visible;
      }
       {
        opacity: 1;
      }
    }
     {
      height: 600px;
    }
     {
      overflow-y: auto;
    }
     {
      background-color: rgba(var(--white-bg),1);
    }
     {
      padding: 1.25rem;
    }
     {
      --tw-shadow: 0px 9px 20px rgba(46,35,94,0.07);
      --tw-shadow-colored: 0px 9px 20px var(--tw-shadow-color);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
     {
       {
        margin-bottom: 0 !important;
      }
       {
        margin-bottom: 0px;
      }
    }
    padding-right: 0.75rem;
     {
      padding-right: 0px;
    }
    position: fixed;
    height: 100vh;
    width: 100%;
    background: transparent !important;
     {
      width: 400px;
    }
     {
      padding-left: 45px;
      padding-right: 45px;
    }
     {
      padding-top: 7px;
      padding-bottom: 7px;
    }
     {
       {
        top: 0.875rem;
      }
    }
     {
      padding-left: 1.25rem;
      padding-right: 1.25rem;
    }
     {
      padding-top: 0.375rem;
      padding-bottom: 0.375rem;
    }
     {
       {
         {
          transition-property: content;
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-duration: 150ms;
        }
         {
          transition-duration: 0.3s;
        }
         {
          transition-timing-function: ease;
        }
         {
          --tw-content: "\f107";
          content: var(--tw-content);
        }
      }
    }
    min-width: 420px;
     {
       {
         {
          padding: 0 !important;
        }
         {
          padding: 0px;
        }
         {
          position: unset !important;
           {
             {
               {
                 {
                   {
                    padding-left: 15px;
                  }
                }
              }
            }
          }
        }
         {
           {
             {
              margin-top: 0.375rem;
            }
          }
        }
      }
    }
     {
       {
        width: auto;
      }
       {
         {
          margin-right: 15px;
        }
      }
    }
    display: none;
    margin-top: 30px;
     {
       {
         {
          width: 32%;
        }
      }
    }
     {
      height: 200px;
    }
     {
      margin-bottom: 0.625rem;
    }
     {
      > .\!dropdown {
        margin-bottom: 0 !important;
      }
      > .\!dropdown {
        margin-bottom: 0px;
      }
    }
     {
       {
         {
          font-size: 40px;
        }
         {
          color: rgba(var(--light-color),1);
        }
         {
           {
            margin-left: 90px;
          }
           {
            font-size: 80px;
          }
        }
         {
           {
            margin-top: -75px;
          }
           {
            margin-right: 110px;
          }
           {
            font-size: 120px;
          }
        }
      }
    }
     {
       {
         {
           {
            margin-top: 48px !important;
          }
           {
            display: block;
          }
           {
            margin-bottom: 0 !important;
          }
          @media (max-width: 575px) {
             {
               {
                 {
                  >  {
                    width: 90%;
                  }
                }
              }
            }

             {
               {
                 {
                   {
                    >  {
                      width: 90%;
                    }
                  }
                }
              }
            }
          }
          @media (max-width: 575px) {
             {
               {
                 {
                  >  {
                    width: 90%;
                  }
                }
              }
            }

             {
               {
                 {
                   {
                    >  {
                      width: 90%;
                    }
                  }
                }
              }
            }
          }
           {
            margin-top: 1.25rem;
          }
           {
            margin-bottom: 0px;
          }
           {
            display: block;
          }
           {
            width: 100%;
          }
        }
      }
    }
    height: 280px;
     {
       {
        margin-bottom: 5px;
      }
    }
     {
       {
         {
           {
            font-size: 1.125rem;
            line-height: 1.75rem;
          }
        }
      }
    }
    min-height: unset;
    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }
     {
      position: relative;
    }
     {
      width: 100%;
    }
     {
       {
         {
          margin-left: 0px;
        }
         {
           {
            margin-left: unset;
          }
           {
            margin-right: 0px;
          }
        }
      }
    }
     {
      margin-top: 30px;
    }
     {
       {
        margin-bottom: 0 !important;
      }
       {
        margin-top: -15%;
      }
       {
        margin-bottom: 0px;
      }
       {
        font-size: 50px;
      }
       {
        margin-top: -25px;
      }
    }
     {
      margin-top: 17px;
    }
     {
      height: 200px;
    }
     {
      padding-right: 50px;
    }
    clear: both;
    display: block;
    visibility: hidden;
    position: absolute;
    right: 0px;
    z-index: 3;
    --tw-translate-y: -30px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    border-top-width: 1px;
    border-style: solid;
    border-top-color: rgba(var(--light-semi-gray),1);
    background-color: rgba(var(--white),1);
    opacity: 0;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition-delay: 0.3s;
    transition-duration: linear;
     {
      visibility: visible;
    }
     {
      --tw-translate-y: 0px;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
     {
      padding-bottom: 25px;
    }
     {
      opacity: 1;
    }
     {
      transition-property: all;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }
     {
      transition-delay: 0.3s;
    }
     {
      transition-duration: linear;
    }
    max-width: calc(100% - 15px);
    flex: 0 0 100%;
    overflow: hidden;
    margin-bottom: 16px !important;
    margin-bottom: 0.75rem;
    top: 9px;
     {
       {
        width: 98.5%;
      }
    }
     {
      text-align: center;
    }
    @media (max-width: 767px) {
       {
         {
        }
      }
    }
     {
      text-align: center;
    }
    margin-top: 5rem;
     {
      display: block;
    }
     {
      display: block;
    }
     {
      width: 87%;
    }
     {
       {
        font-size: 26px;
      }
    }
  }
}

@media (max-width: 1199px) and (min-width: 992px) {
  .page-wrapper {
    &.horizontal-wrapper {
      &.material-type {
        .page-header {
          max-width: 930px;
        }
        .page-body-wrapper {
          .sidebar-wrapper,
            .page-body {
            max-width: 930px;
          }
        }
      }
    }
  }
}

@media (max-width: 991px) {
  h5 {
    font-size: calc(15px + (18 - 15) * ((100vw - 320px) / (1200 - 320))) !important;
  }

  #right-history {
    top: 60px;
  }

  .list-persons {
    .profile-mail {
      padding: 20px !important;
    }
  }

  .subscribed-user {
    .subscribed-user-wrapper {
      .dt-container {
        .dt-layout-row {
          &:first-child {
            position: relative;
          }
          &:first-child {
            inset: 0;
          }
          &:first-child {
            flex-wrap: wrap;
          }
          &:first-child {
            justify-content: flex-end;
          }
          &:first-child {
            gap: 12px;
          }
          &:first-child {
            padding-left: 20px;
            padding-right: 20px;
          }
          &:first-child {
            padding-bottom: 20px;
          }
        }
      }
    }
  }

  .sitemap-wrapper {
    .horizontal-sitemap {
      .main-site {
        li {
          > a {
            background-color: unset;
          }
          > a {
            padding: 0;
          }
          > a {
            text-align: left;
          }
          .main-root {
            text-align: center;
          }
          @media (max-width: 767px) {
             {
              .main-root {
              }
            }
          }
          .main-root {
            background-color: unset;
          }
          .main-root {
            text-align: center;
          }
        }
      }
      .tier-1 {
        .tier-2 {
          margin-left: 0;
        }
        .tier-2 {
          gap: 12px;
        }
        .tier-2 {
          padding-top: 18px;
        }
        .tier-2 {
          padding-left: 20px;
        }
        .tier-2 {
          li {
            > a {
              &::before {
                font-size: 16px;
              }
            }
          }
          .tier-3 {
            margin-left: 0;
          }
          .tier-3 {
            gap: 12px;
          }
          .tier-3 {
            padding-top: 18px;
          }
          .tier-3 {
            li {
              padding-left: 20px;
            }
          }
        }
        li {
          padding-left: 0px;
        }
        li {
          > a:not(.tier-2 li a) {
            &:first-child {
              text-align: center;
            }
            @media (max-width: 767px) {
               {
                &:first-child {
                }
              }
            }
            &:first-child {
              background-color: unset;
            }
            &:first-child {
              text-align: center;
            }
          }
        }
      }
    }
  }

  .main {
    .langChoice {
      right: 20px;
    }
    .langChoice {
      top: 11px;
    }
    .langChoice {
      padding: 8px;
    }
  }

  .page-wrapper {
    .page-header {
      .header-wrapper {
        .nav-right {
          > ul {
            > li {
              padding: 6px;
            }
          }
        }
      }
    }
  }

  .simplebar-mask {
    top: 70px;
  }

  .project-box {
    margin-bottom: 1.25rem;
  }

  .page-wrapper {
    &.modern-type {
      .simplebar-mask {
        top: 70px;
      }
    }
    &.compact-sidebar {
      .simplebar-mask {
        top: 87px;
      }
      .page-header {
        margin-left: 0px;
      }
      .page-header {
        width: calc(100% - 0px);
      }
      .page-body-wrapper {
        div.sidebar-wrapper {
          &.close_icon {
            .sidebar-main {
              .sidebar-links {
                li {
                  .sidebar-link {
                    &.active {
                      ~ .sidebar-submenu {
                        display: none;
                      }
                    }
                  }
                }
              }
            }
          }
        }
        .page-body {
          margin-top: 60px;
        }
      }
    }
    &.only-body {
      .page-header {
        .header-wrapper {
          .search-full {
            .Typeahead-menu {
              top: 65px;
            }
          }
        }
      }
    }
    &.advance-layout {
      .page-body-wrapper {
        .sidebar-wrapper {
          position: fixed;
        }
        .sidebar-wrapper {
          top: 0px;
        }
      }
    }
    &.horizontal-wrapper {
      .page-header {
        .header-wrapper {
          .nav-right {
            width: 50%;
          }
        }
      }
      .page-body-wrapper {
        .sidebar-wrapper {
          .sidebar-main {
            .simplebar-mask {
              top: 0px;
            }
          }
        }
      }
    }
  }

  .product-box {
    .modal {
      .modal-header {
        .product-box {
          .product-details {
            padding-left: 15px;
            padding-right: 15px;
          }
        }
      }
    }
  }

  .search-form {
    .form-group {
      &:before {
        top: 33px;
      }
      &:after {
        top: 35px;
      }
    }
  }

  .card-absolute {
    .card-header {
      padding-top: 10px !important;
      padding-bottom: 10px !important;
    }
    .card-header {
      padding-left: 15px !important;
      padding-right: 15px !important;
    }
  }

  .page-wrapper {
    .page-header {
      .header-wrapper {
        .nav-right {
          .profile-dropdown {
            top: 50px;
          }
        }
        .search-full {
          input {
            line-height: 50px;
          }
          .form-group {
            .close-search {
              top: 0.75rem;
            }
            &:before {
              top: 18px;
            }
          }
        }
      }
    }
    .current_lang {
      .lang {
        span {
          &.lang-txt {
            display: none;
          }
        }
      }
    }
  }

  .customizer-contain {
    top: 62px;
  }

  .m-r-30 {
    margin-right: 1.25rem;
  }

  .card.full-card {
    top: 60px;
    width: calc(100vw - 0px);
  }

  .vertical-mobile-sidebar {
    right: 75px;
    top: 18px;
  }

  .gallery {
    margin-bottom: -1.25rem;
  }

  .my-gallery {
    figure {
      margin-bottom: 1.25rem;
    }
  }

  #aniimated-thumbnials {
    figure {
      &:nth-child(12),
        &:nth-child(11),
        &:nth-child(10),
        &:nth-child(9) {
        margin-bottom: 1.25rem;
      }
    }
  }

  .photoswipe-pb-responsive {
    padding-bottom: 25px;
  }

  .my-gallery {
    figure {
      margin-bottom: 1.25rem;
    }
  }

  #aniimated-thumbnials {
    figure {
      &:nth-child(12),
        &:nth-child(11),
        &:nth-child(10),
        &:nth-child(9) {
        margin-bottom: 1.25rem;
      }
    }
  }

  .photoswipe-pb-responsive {
    padding-bottom: 25px;
  }

  table {
    &.dataTable {
      @media (max-width: 575px) {
         {
           {
             {
              > &.fixedHeader-locked,> 
        &.fixedHeader-floating {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > &.fixedHeader-locked,> 
        &.fixedHeader-floating {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              > &.fixedHeader-locked,> 
        &.fixedHeader-floating {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > &.fixedHeader-locked,> 
        &.fixedHeader-floating {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      &.fixedHeader-locked,
        &.fixedHeader-floating {
        left: 0px;
      }
      &.fixedHeader-locked,
        &.fixedHeader-floating {
        width: 100%;
      }
      &.fixedHeader-locked,
        &.fixedHeader-floating {
        max-width: unset;
      }
    }
  }

  .page-wrapper {
    .section-space {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
    .section-space {
      padding-left: 0px;
      padding-right: 0px;
    }
    .section-space {
      padding-top: 60px;
      padding-bottom: 60px;
    }
    .card {
      margin-bottom: 1.25rem;
    }
    .card {
      .card-header,
        .card-body,
        .card-footer {
        padding: 1.25rem;
      }
      .card-header,
        .card-body,
        .card-footer {
        .tab-content {
          .m-t-30 {
            margin-top: 48px !important;
          }
          .m-t-30 {
            margin-top: 1.25rem;
          }
          .m-b-30 {
            margin-bottom: 1.25rem;
          }
        }
      }
    }
    .page-body-wrapper {
      .footer-fix {
        margin-left: 0px;
      }
      .footer-fix {
        width: calc(100% - 0px) !important;
      }
      .footer-fix {
        padding-right: 15px;
      }
    }
    &.compact-wrapper {
      .page-header {
        margin-left: 0px !important;
      }
      .page-header {
        width: calc(100% - 0px) !important;
      }
      .page-header {
        .header-wrapper {
          .maximize {
            display: none;
          }
          @media (min-width: 1200px) {
             {
               {
                 {
                  .header-logo-wrapper {
                  }
                }
              }
            }
          }
          @media (max-width: 575px) {
             {
               {
                 {
                  .header-logo-wrapper {
                  }
                }
              }
            }
          }
          .header-logo-wrapper {
            display: flex;
          }
          .toggle-sidebar {
            margin-right: 15px;
          }
          .toggle-sidebar {
            display: inline-block !important;
          }
          .toggle-sidebar {
            border-right-width: 1px;
          }
          .toggle-sidebar {
            border-style: solid;
          }
          .toggle-sidebar {
            border-right-color: rgba(var(--ps-light-border),1);
          }
          .toggle-sidebar {
            padding-right: 15px;
          }
          .toggle-sidebar {
            line-height: 1;
          }
          .toggle-sidebar {
            position: unset;
          }
          .toggle-nav {
            display: none;
          }
        }
      }
      .page-body-wrapper {
        .page-title {
          margin-left: -15px;
        }
        .page-title {
          margin-right: -15px;
        }
        div.sidebar-wrapper {
          top: 0px;
        }
        div.sidebar-wrapper {
          &.close_icon {
            &:hover {
              --tw-translate-x: -285px;
              transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            }
          }
          .logo-wrapper {
            padding-left: 30px;
            padding-right: 30px;
          }
          .logo-wrapper {
            padding-top: 17px;
            padding-bottom: 17px;
          }
          .logo-wrapper {
            .back-btn {
              position: absolute;
            }
            .back-btn {
              right: 26px;
            }
            .back-btn {
              top: 1.25rem;
            }
            .back-btn {
              float: right;
            }
            .back-btn {
              display: inline-block;
            }
            .back-btn {
              cursor: pointer;
            }
            .back-btn {
              font-size: 1.25rem;
              line-height: 1.75rem;
            }
            .toggle-sidebar {
              display: none;
            }
          }
          .sidebar-main {
            .sidebar-links {
              height: calc(100vh - 95px);
            }
          }
          &.close_icon {
            --tw-translate-x: -285px;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          }
          &.close_icon {
            .sidebar-main {
              .sidebar-links {
                height: unset;
              }
            }
          }
        }
        .page-body {
          padding-top: 0 !important;
          padding-bottom: 0 !important;
        }
        .page-body {
          margin-top: 60px;
        }
        .page-body {
          padding-left: 15px;
          padding-right: 15px;
        }
        .page-body {
          padding-top: 0px;
          padding-bottom: 0px;
        }
      }
    }
    &.compact-sidebar {
      .page-header {
        .header-wrapper {
          .maximize {
            display: none;
          }
        }
      }
    }
    &.modern-type {
      .page-header {
        .header-wrapper {
          .logo-wrapper {
            margin-right: 0px;
          }
          .logo-wrapper {
            display: none;
          }
        }
      }
      .page-body-wrapper {
        div.sidebar-wrapper {
          margin: 0px !important;
        }
        div.sidebar-wrapper {
          margin: 0px;
        }
        div.sidebar-wrapper {
          .logo-wrapper {
            display: block;
          }
          .logo-wrapper {
            display: block;
          }
        }
      }
    }
    &.material-icon {
      .page-header {
        padding-left: 0px;
      }
      .page-body-wrapper {
        .page-body {
          padding-left: 15px;
        }
      }
    }
    .page-header {
      .header-wrapper {
        margin: 0px !important;
      }
      .header-wrapper {
        margin: 0px;
      }
      .header-wrapper {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
      }
      .header-wrapper {
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
      }
      .header-wrapper {
        .nav-right {
          .notification {
            top: 0.625rem;
          }
        }
        @media (min-width: 1200px) {
           {
             {
               {
                > .mobile-toggle {
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                > .mobile-toggle {
                }
              }
            }
          }
        }
        > .mobile-toggle {
          display: flex;
        }
        > .mobile-toggle {
          cursor: pointer;
        }
        > .mobile-toggle {
          align-items: center;
        }
        .header-logo-wrapper {
          margin-right: 0px;
        }
      }
      .header-logo-wrapper {
        .logo-wrapper {
          img {
            margin-top: 0 !important;
          }
          img {
            margin-top: 0px;
          }
        }
      }
    }
  }

  .page-body-wrapper {
    .page-body,
      footer {
      margin-left: 0px !important;
    }
    .page-body,
      footer {
      #customer-review {
        @media (max-width: 575px) {
           {
             {
               {
                > .owl-stage-outer {
                  width: 90%;
                }
              }
            }
          }

           {
             {
               {
                 {
                  > .owl-stage-outer {
                    width: 90%;
                  }
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                > .owl-stage-outer {
                  width: 90%;
                }
              }
            }
          }

           {
             {
               {
                 {
                  > .owl-stage-outer {
                    width: 90%;
                  }
                }
              }
            }
          }
        }
        .owl-stage-outer {
          width: 100% !important;
        }
      }
    }
  }

  .default-according {
    .card {
      margin-bottom: 0.625rem;
    }
    .card {
      .card-header {
        padding: 0 !important;
      }
      .card-header {
        padding: 0px;
      }
    }
  }

  .faq-wrap {
    .faq-accordion {
      &.default-according {
        .card {
          .faq-header {
            padding-bottom: 0 !important;
          }
          .faq-header {
            padding-left: 1.25rem;
            padding-right: 1.25rem;
          }
          .faq-header {
            padding-top: 1.25rem;
          }
          .faq-header {
            padding-bottom: 0px;
          }
        }
      }
    }
  }

  .tabs-social {
    position: relative;
    padding-top: 60px;
    li {
      &:nth-child(3) {
        position: absolute;
      }
      &:nth-child(3) {
        left: 0px;
        right: 0px;
      }
      &:nth-child(3) {
        top: -25px;
      }
      &:nth-child(3) {
        margin-left: auto;
        margin-right: auto;
      }
      &:nth-child(3) {
        margin-top: 0px;
        margin-bottom: 0px;
      }
    }
  }

  .crm-activity {
    > {
      li {
        + li {
          margin-top: 0.625rem;
        }
        + li {
          padding-top: 0.625rem;
        }
      }
    }
  }

  .add-post {
    .dropzone {
      margin-bottom: 1.25rem;
    }
  }

  .customers {
    &.avatar-group {
      margin-right: 1.25rem;
    }
  }

  .socialprofile {
    .social-btngroup {
      margin-left: 0px;
      margin-right: 0px;
    }
    .social-btngroup {
      margin-top: 1.25rem;
      margin-bottom: 1.25rem;
    }
    .social-group {
      margin-top: 48px !important;
    }
    .social-group {
      margin-top: 1.25rem !important;
    }
  }

  .timeline-content {
    p,
      .comments-box {
      margin-top: 48px !important;
    }
    p,
      .comments-box {
      margin-top: 1.25rem;
    }
  }

  .social-chat {
    margin-top: 48px !important;
    margin-top: 1.25rem;
    .your-msg,
      .other-msg {
      margin-bottom: 1.25rem;
    }
  }

  .social-network {
    span {
      margin-bottom: 20px;
    }
  }

  .details-about {
    + .details-about {
      margin-top: 20px;
    }
  }

  .activity-log {
    .my-activity {
      + .my-activity {
        margin-top: 20px;
      }
    }
  }

  .new-users-social {
    margin-bottom: 1.25rem;
  }

  .helper-classes {
    padding: 1.25rem;
  }

  .floated-customizer-btn,
    .floated-customizer-panel {
    display: none;
  }

  .ecommerce-widget {
    .progress-showcase {
      margin-top: 48px !important;
    }
    .progress-showcase {
      margin-top: 1.25rem;
    }
  }

  .crm-overall {
    margin-top: 0 !important;
    margin-left: -1.25rem;
    margin-right: -1.25rem;
    margin-top: 0px;
    margin-bottom: -1.25rem;
  }

  .product-page-main {
    .tabs {
      padding: 1.25rem;
    }
  }

  .grid-options {
    ul {
      li {
        &:nth-child(3) {
          display: none;
        }
      }
    }
  }

  .feature-products {
    form {
      .form-group {
        i {
          right: 1.25rem;
        }
      }
    }
  }

  .tilt-showcase {
    .tilt-image {
      text-align: center;
    }
    @media (max-width: 767px) {
       {
        .tilt-image {
        }
      }
    }
    .tilt-image {
      text-align: center;
    }
  }

  .custom-card {
    padding-bottom: 0 !important;
    padding-bottom: 0px;
    .card-footer {
      padding-left: 15px;
      padding-right: 15px;
    }
    .card-footer {
      padding-top: 0px;
    }
    .card-footer {
      padding-bottom: 15px;
    }
    .card-header {
      border-color: none;
    }
    .dashboard-card {
      padding: 0 !important;
    }
    .dashboard-card {
      padding: 0px;
    }
    .card-profile {
      img {
        height: 155px;
      }
    }
  }

  .display-1 {
    font-size: calc(30px + (64 - 30) * ((100vw - 320px) / (1200 - 320)));
  }

  .display-2 {
    font-size: calc(25px + (56 - 25) * ((100vw - 320px) / (1200 - 320)));
  }

  .display-3 {
    font-size: calc(20px + (40 - 20) * ((100vw - 320px) / (1200 - 320)));
  }

  .display-4 {
    font-size: calc(18px + (33 - 18) * ((100vw - 320px) / (1200 - 320)));
  }

  .display-5 {
    font-size: calc(16px + (28 - 16) * ((100vw - 320px) / (1200 - 320)));
  }

  .display-6 {
    font-size: calc(14px + (22 - 14) * ((100vw - 320px) / (1200 - 320)));
  }

  .typography .h2 {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }

  .typography .h3 {
    font-size: 22px;
  }

  .typography .h4 {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .typography .h5 {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .typography .h6 {
    font-size: 15px;
  }

  h1 {
    font-size: calc(20px + (34 - 20) * ((100vw - 320px) / (1200 - 320)));
  }

  h2 {
    font-size: calc(18px + (28 - 18) * ((100vw - 320px) / (1200 - 320)));
  }

  h3 {
    font-size: calc(17px + (26 - 17) * ((100vw - 320px) / (1200 - 320)));
  }

  h4 {
    font-size: calc(17px + (22 - 17) * ((100vw - 320px) / (1200 - 320)));
  }

  h5 {
    font-size: calc(15px + (18 - 15) * ((100vw - 320px) / (1200 - 320)));
  }

  h6 {
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1200 - 320)));
  }

  .card-absolute {
    .card-header {
      padding-left: 15px;
      padding-right: 15px;
    }
    .card-header {
      padding-top: 0.625rem;
      padding-bottom: 0.625rem;
    }
  }

  .comingsoon {
    .comingsoon-inner {
      .countdown {
        .time {
          height: 5rem;
        }
        .time {
          width: 5rem;
        }
        .time {
          font-size: 26px;
        }
      }
    }
  }

  .calendar-wrap {
    .basic-calendar {
      .external-events {
        .fc-event {
          & + .fc-event {
            margin-top: 0.625rem;
          }
        }
      }
    }
  }

  .owl-theme {
    .owl-nav {
      &.disabled {
        & + .owl-dots {
          margin-top: 15px;
        }
        & + .owl-dots {
          margin-bottom: -0.625rem;
        }
      }
    }
  }

  .card {
    .card-header {
      h5 {
        font-size: 1.125rem;
        line-height: 1.75rem;
      }
      .card-header-right {
        right: 15px;
      }
      .card-header-right {
        top: 0.75rem;
      }
    }
  }

  .user-profile {
    .hovercard {
      .info {
        .user-designation {
          margin-bottom: 1.25rem;
        }
      }
    }
  }

  .search-list {
    flex-wrap: wrap;
    justify-content: center;
  }

  .blog-single {
    .comment-box {
      .comment-social {
        li {
          padding-left: 15px;
        }
      }
    }
  }

  .error-wrapper {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 35px;
    padding-bottom: 35px;
    .maintenance-heading {
      margin-top: 30px;
    }
  }

  .editor_container {
    .CodeMirror {
      height: 250px;
    }
    .CodeMirror {
      min-height: 250px;
    }
  }

  .xl-none {
    display: block;
  }

  @media (max-width: 575px) {
     {
       {
         {
          > .top-radius-blog {
            width: 90%;
          }
        }
      }
       {
         {
           {
            > .top-radius-blog {
              width: 90%;
            }
          }
        }
      }
       {
         {
          > .top-radius-blog {
            width: 90%;
          }
        }
      }
       {
         {
           {
            > .top-radius-blog {
              width: 90%;
            }
          }
        }
      }
    }
  }

  .top-radius-blog {
    width: 100%;
  }

  @media (max-width: 575px) {
     {
       {
         {
          > .sm-100-w {
            width: 90%;
          }
        }
      }
       {
         {
           {
            > .sm-100-w {
              width: 90%;
            }
          }
        }
      }
       {
         {
          > .sm-100-w {
            width: 90%;
          }
        }
      }
       {
         {
           {
            > .sm-100-w {
              width: 90%;
            }
          }
        }
      }
    }
  }

  .sm-100-w {
    height: 100%;
    width: 100%;
  }

  .form-wizard {
    .btn-mb {
      margin-bottom: 1.25rem;
    }
  }

  .f1 {
    .f1-steps {
      margin-top: 1.25rem;
      margin-bottom: 1.25rem;
    }
  }

  .api-management {
    .recent-table {
      table {
        thead,
          tbody {
          tr {
            th,
              td {
              &:nth-child(3) {
                min-width: 350px;
              }
              &:nth-child(2) {
                min-width: 365px;
              }
            }
          }
        }
      }
    }
  }

  .wizard-4 {
    ul.anchor {
      width: 40%;
    }
    ul.anchor {
      padding-right: 1.25rem;
    }
    ul.anchor {
      li {
        a {
          &.done {
            h4 {
              &:before {
                top: -0.5rem;
              }
            }
          }
        }
        h4 {
          width: 45px;
        }
        h4 {
          padding-left: 18px;
          padding-right: 18px;
        }
        h4 {
          padding-top: 11px;
          padding-bottom: 11px;
        }
        + li {
          a {
            padding-left: 65px;
          }
          a {
            [dir="rtl"] & {
              padding-right: 65px;
            }
          }
        }
      }
    }
    .step-container {
      width: 60%;
    }
    .step-container {
      div.content {
        .wizard-title {
          width: 380px;
        }
      }
    }
    .login-card {
      .login-main {
        width: 380px;
      }
    }
    .msg-box {
      top: 25px;
    }
  }

  .border-tab.nav-tabs {
    margin-bottom: 1.25rem;
  }

  .tab-content {
    ~ .nav-tabs {
      &.border-tab {
        margin-top: 48px !important;
      }
      &.border-tab {
        margin-top: 1.25rem;
      }
    }
  }

  .dataTables_wrapper {
    .dataTables_length {
      margin-bottom: 1.25rem;
    }
    table.dataTable {
      margin-bottom: 1.25rem;
    }
  }

  .search-page {
    .info-block {
      + .info-block {
        margin-top: 48px !important;
      }
      + .info-block {
        margin-top: 1.25rem;
      }
      + .info-block {
        padding-top: 1.25rem;
      }
    }
    #video-links {
      .embed-responsive + .embed-responsive {
        margin-top: 48px !important;
      }
      .embed-responsive + .embed-responsive {
        margin-top: 1.25rem;
      }
    }
  }

  .lg-mt {
    margin-top: 48px !important;
    margin-top: 1.25rem;
  }

  .gallery-with-description {
    margin-bottom: -1.25rem;
    a {
      > div {
        margin-bottom: 1.25rem;
      }
    }
  }

  .clipboaard-container {
    p {
      margin-bottom: 8px !important;
    }
    p {
      margin-bottom: 0.5rem;
    }
  }

  .m-b-30 {
    margin-bottom: 1.25rem;
  }

  .nav-md-mt {
    margin-top: 48px !important;
    margin-top: 1.25rem;
  }

  .navs-icon {
    padding: 1.25rem;
    .main-section {
      padding-top: 1.25rem;
    }
    .separator {
      margin-left: 0px;
      margin-right: 0px;
    }
    .separator {
      margin-top: 1.25rem;
      margin-bottom: 1.25rem;
    }
  }

  .nav-list {
    padding: 1.25rem;
  }

  .navs-dropdown {
    button {
      margin-top: 48px !important;
    }
    button {
      margin-top: 1.25rem;
    }
    .onhover-show-div {
      top: 68px;
    }
  }

  .animated-modal {
    .form-group {
      display: block;
    }
    @media (max-width: 575px) {
       {
         {
           {
            > .form-group {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > .form-group {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > .form-group {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > .form-group {
                width: 90%;
              }
            }
          }
        }
      }
    }
    .form-group {
      display: block;
    }
    .form-group {
      width: 100%;
    }
    .mr-4 {
      margin-right: 0px;
    }
  }

  .steps-md-mt {
    margin-top: 48px !important;
    margin-top: 1.25rem;
  }

  .btn-group-wrapper {
    .m-b-30 {
      &:last-child {
        margin-bottom: 0 !important;
      }
      &:last-child {
        margin-bottom: 0px;
      }
    }
  }

  #advance-5_wrapper {
    .dataTables_paginate {
      margin-bottom: 1.25rem;
    }
  }

  .card {
    .card-body {
      form {
        @media (min-width: 1200px) {
           {
             {
               {
                &.animated-modal {
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                &.animated-modal {
                }
              }
            }
          }
        }
        &.animated-modal {
          display: flex;
        }
        &.animated-modal {
          .animated-modal-md-mb {
            margin-bottom: 1.25rem;
          }
        }
      }
    }
  }

  .wizard-4 {
    .msg-box {
      left: unset;
    }
    .msg-box {
      right: 0%;
    }
    .msg-box {
      top: 2.5rem;
    }
    .msg-box {
      bottom: unset;
    }
  }

  .theme-form {
    @media (min-width: 1200px) {
       {
         {
           {
            &.form-inline {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            &.form-inline {
            }
          }
        }
      }
    }
    &.form-inline {
      display: flex;
    }
  }

   {
    font-size: calc(15px + (18 - 15) * ((100vw - 320px) / (1200 - 320))) !important;
     {
      padding: 20px !important;
    }
     {
       {
         {
           {
            position: relative;
          }
           {
            inset: 0;
          }
           {
            flex-wrap: wrap;
          }
           {
            justify-content: flex-end;
          }
           {
            gap: 12px;
          }
           {
            padding-left: 20px;
            padding-right: 20px;
          }
           {
            padding-bottom: 20px;
          }
        }
      }
    }
     {
       {
         {
           {
            background-color: unset;
          }
           {
            padding: 0;
          }
           {
            text-align: left;
          }
           {
            text-align: center;
          }
          @media (max-width: 767px) {
             {
               {
              }
            }
          }
           {
            background-color: unset;
          }
           {
            text-align: center;
          }
        }
      }
       {
         {
          margin-left: 0;
        }
         {
          gap: 12px;
        }
         {
          padding-top: 18px;
        }
         {
          padding-left: 20px;
        }
         {
           {
             {
               {
                font-size: 16px;
              }
            }
          }
           {
            margin-left: 0;
          }
           {
            gap: 12px;
          }
           {
            padding-top: 18px;
          }
           {
             {
              padding-left: 20px;
            }
          }
        }
         {
          padding-left: 0px;
        }
         {
           {
             {
              text-align: center;
            }
            @media (max-width: 767px) {
               {
                 {
                }
              }
            }
             {
              background-color: unset;
            }
             {
              text-align: center;
            }
          }
        }
      }
    }
     {
      right: 20px;
    }
     {
      top: 11px;
    }
     {
      padding: 8px;
    }
     {
       {
         {
           {
             {
              padding: 6px;
            }
          }
        }
      }
    }
     {
       {
        top: 70px;
      }
    }
     {
       {
        top: 87px;
      }
       {
        margin-left: 0px;
      }
       {
        width: calc(100% - 0px);
      }
       {
         {
           {
             {
               {
                 {
                   {
                     {
                       {
                        display: none;
                      }
                    }
                  }
                }
              }
            }
          }
        }
         {
          margin-top: 60px;
        }
      }
    }
     {
       {
         {
           {
             {
              top: 65px;
            }
          }
        }
      }
    }
     {
       {
         {
          position: fixed;
        }
         {
          top: 0px;
        }
      }
    }
     {
       {
         {
           {
            width: 50%;
          }
        }
      }
       {
         {
           {
             {
              top: 0px;
            }
          }
        }
      }
    }
    .\!modal {
       {
         {
           {
            padding-left: 15px;
            padding-right: 15px;
          }
        }
      }
    }
     {
       {
        top: 33px;
      }
       {
        top: 35px;
      }
    }
     {
      padding-top: 10px !important;
      padding-bottom: 10px !important;
    }
     {
      padding-left: 15px !important;
      padding-right: 15px !important;
    }
     {
       {
         {
           {
            top: 50px;
          }
        }
         {
           {
            line-height: 50px;
          }
           {
             {
              top: 0.75rem;
            }
             {
              top: 18px;
            }
          }
        }
      }
    }
     {
       {
         {
           {
            display: none;
          }
        }
      }
    }
    width: calc(100vw - 0px);
    right: 75px;
    top: 18px;
     {
      margin-bottom: 1.25rem;
    }
     {
       {
        margin-bottom: 1.25rem;
      }
    }
     {
      margin-bottom: 1.25rem;
    }
     {
       {
        margin-bottom: 1.25rem;
      }
    }
     {
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
       {
        left: 0px;
      }
       {
        width: 100%;
      }
       {
        max-width: unset;
      }
    }
     {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
     {
      padding-left: 0px;
      padding-right: 0px;
    }
     {
      padding-top: 60px;
      padding-bottom: 60px;
    }
     {
      margin-bottom: 1.25rem;
    }
     {
       {
        padding: 1.25rem;
      }
       {
         {
           {
            margin-top: 48px !important;
          }
           {
            margin-top: 1.25rem;
          }
           {
            margin-bottom: 1.25rem;
          }
        }
      }
    }
     {
       {
        margin-left: 0px;
      }
       {
        width: calc(100% - 0px) !important;
      }
       {
        padding-right: 15px;
      }
    }
     {
       {
        margin-left: 0px !important;
      }
       {
        width: calc(100% - 0px) !important;
      }
       {
         {
           {
            display: none;
          }
          @media (min-width: 1200px) {
             {
               {
                 {
                   {
                  }
                }
              }
            }
          }
          @media (max-width: 575px) {
             {
               {
                 {
                   {
                  }
                }
              }
            }
          }
           {
            display: flex;
          }
           {
            margin-right: 15px;
          }
           {
            display: inline-block !important;
          }
           {
            border-right-width: 1px;
          }
           {
            border-style: solid;
          }
           {
            border-right-color: rgba(var(--ps-light-border),1);
          }
           {
            padding-right: 15px;
          }
           {
            line-height: 1;
          }
           {
            position: unset !important;
          }
           {
            display: none;
          }
        }
      }
       {
         {
          margin-left: -15px;
        }
         {
          margin-right: -15px;
        }
         {
          top: 0px;
        }
         {
           {
             {
              --tw-translate-x: -285px;
              transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            }
          }
           {
            padding-left: 30px;
            padding-right: 30px;
          }
           {
            padding-top: 17px;
            padding-bottom: 17px;
          }
           {
             {
              position: absolute;
            }
             {
              right: 26px;
            }
             {
              top: 1.25rem;
            }
             {
              float: right;
            }
             {
              display: inline-block;
            }
             {
              cursor: pointer;
            }
             {
              font-size: 1.25rem;
              line-height: 1.75rem;
            }
             {
              display: none;
            }
          }
           {
             {
              height: calc(100vh - 95px);
            }
          }
           {
            --tw-translate-x: -285px;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          }
           {
             {
               {
                height: unset;
              }
            }
          }
        }
         {
          padding-top: 0 !important;
          padding-bottom: 0 !important;
        }
         {
          margin-top: 60px;
        }
         {
          padding-left: 15px;
          padding-right: 15px;
        }
         {
          padding-top: 0px;
          padding-bottom: 0px;
        }
      }
    }
     {
       {
         {
           {
            display: none;
          }
        }
      }
    }
     {
       {
         {
           {
            margin-right: 0px;
          }
           {
            display: none;
          }
        }
      }
       {
         {
          margin: 0px !important;
        }
         {
          margin: 0px;
        }
         {
           {
            display: block;
          }
           {
            display: block;
          }
        }
      }
    }
     {
       {
        padding-left: 0px;
      }
       {
         {
          padding-left: 15px;
        }
      }
    }
     {
       {
        margin: 0px !important;
      }
       {
        margin: 0px;
      }
       {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
      }
       {
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
      }
       {
         {
           {
            top: 0.625rem;
          }
        }
        @media (min-width: 1200px) {
           {
             {
               {
                 {
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                 {
                }
              }
            }
          }
        }
         {
          display: flex;
        }
         {
          cursor: pointer;
        }
         {
          align-items: center;
        }
         {
          margin-right: 0px;
        }
      }
       {
         {
           {
            margin-top: 0 !important;
          }
           {
            margin-top: 0px;
          }
        }
      }
    }
     {
      margin-left: 0px !important;
    }
     {
       {
        @media (max-width: 575px) {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }

           {
             {
               {
                 {
                  >  {
                    width: 90%;
                  }
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }

           {
             {
               {
                 {
                  >  {
                    width: 90%;
                  }
                }
              }
            }
          }
        }
         {
          width: 100% !important;
        }
      }
    }
     {
      margin-bottom: 0.625rem;
    }
     {
       {
        padding: 0 !important;
      }
       {
        padding: 0px;
      }
    }
     {
       {
         {
           {
            padding-bottom: 0 !important;
          }
           {
            padding-left: 1.25rem;
            padding-right: 1.25rem;
          }
           {
            padding-top: 1.25rem;
          }
           {
            padding-bottom: 0px;
          }
        }
      }
    }
    position: relative;
     {
       {
        position: absolute;
      }
       {
        left: 0px;
        right: 0px;
      }
       {
        top: -25px;
      }
       {
        margin-left: auto;
        margin-right: auto;
      }
       {
        margin-top: 0px;
        margin-bottom: 0px;
      }
    }
     {
       {
         {
          margin-top: 0.625rem;
        }
         {
          padding-top: 0.625rem;
        }
      }
    }
     {
      margin-bottom: 1.25rem;
    }
     {
      margin-right: 1.25rem;
    }
     {
      margin-left: 0px;
      margin-right: 0px;
    }
     {
      margin-top: 1.25rem;
      margin-bottom: 1.25rem;
    }
     {
      margin-top: 48px !important;
    }
     {
      margin-top: 1.25rem !important;
    }
     {
      margin-top: 48px !important;
    }
     {
      margin-top: 1.25rem;
    }
    margin-top: 1.25rem;
     {
      margin-bottom: 1.25rem;
    }
     {
      margin-bottom: 20px !important;
    }
     {
      margin-top: 20px !important;
    }
     {
       {
        margin-top: 20px !important;
      }
    }
    padding: 1.25rem;
    display: none;
     {
      margin-top: 48px !important;
    }
     {
      margin-top: 1.25rem;
    }
    margin-top: 0 !important;
    margin-left: -1.25rem;
    margin-right: -1.25rem;
    margin-top: 0px;
    margin-bottom: -1.25rem;
     {
      padding: 1.25rem;
    }
     {
       {
         {
          display: none;
        }
      }
    }
     {
       {
         {
          right: 1.25rem;
        }
      }
    }
     {
      text-align: center;
    }
    @media (max-width: 767px) {
       {
         {
        }
      }
    }
     {
      text-align: center;
    }
    padding-bottom: 0 !important;
     {
      padding-left: 15px;
      padding-right: 15px;
    }
     {
      padding-top: 0px;
    }
     {
      padding-bottom: 15px;
    }
     {
      border-color: none;
    }
     {
      padding: 0 !important;
    }
     {
      padding: 0px;
    }
     {
       {
        height: 155px;
      }
    }
    font-size: calc(30px + (64 - 30) * ((100vw - 320px) / (1200 - 320)));
    font-size: calc(25px + (56 - 25) * ((100vw - 320px) / (1200 - 320)));
    font-size: calc(20px + (40 - 20) * ((100vw - 320px) / (1200 - 320)));
    font-size: calc(18px + (33 - 18) * ((100vw - 320px) / (1200 - 320)));
    font-size: calc(16px + (28 - 16) * ((100vw - 320px) / (1200 - 320)));
    font-size: calc(14px + (22 - 14) * ((100vw - 320px) / (1200 - 320)));
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-size: 15px;
    font-size: calc(20px + (34 - 20) * ((100vw - 320px) / (1200 - 320)));
    font-size: calc(18px + (28 - 18) * ((100vw - 320px) / (1200 - 320)));
    font-size: calc(17px + (26 - 17) * ((100vw - 320px) / (1200 - 320)));
    font-size: calc(17px + (22 - 17) * ((100vw - 320px) / (1200 - 320)));
    font-size: calc(15px + (18 - 15) * ((100vw - 320px) / (1200 - 320)));
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1200 - 320)));
     {
      padding-left: 15px;
      padding-right: 15px;
    }
     {
      padding-top: 0.625rem;
      padding-bottom: 0.625rem;
    }
     {
       {
         {
          height: 5rem;
        }
         {
          width: 5rem;
        }
         {
          font-size: 26px;
        }
      }
    }
     {
       {
         {
           {
            margin-top: 0.625rem;
          }
        }
      }
    }
     {
       {
         {
          margin-top: 15px;
        }
         {
          margin-bottom: -0.625rem;
        }
      }
    }
     {
       {
        font-size: 1.125rem;
        line-height: 1.75rem;
      }
       {
        right: 15px;
      }
       {
        top: 0.75rem;
      }
    }
     {
       {
         {
          margin-bottom: 1.25rem;
        }
      }
    }
    flex-wrap: wrap;
    justify-content: center;
     {
       {
         {
          padding-left: 15px;
        }
      }
    }
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 35px;
    padding-bottom: 35px;
     {
      margin-top: 30px;
    }
     {
      height: 250px;
    }
     {
      min-height: 250px;
    }
    display: block;
  }

  @media (max-width: 575px) {
     {
       {
         {
          >  {
            width: 90%;
          }
        }
      }
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }
       {
         {
          >  {
            width: 90%;
          }
        }
      }
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }
    }

    width: 100%;

     {
       {
         {
          >  {
            width: 90%;
          }
        }
      }
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }
       {
         {
          >  {
            width: 90%;
          }
        }
      }
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }
    }

    height: 100%;

    width: 100%;

     {
      margin-top: 1.25rem;
      margin-bottom: 1.25rem;
       {
         {
           {
             {
               {
                min-width: 350px;
              }
               {
                min-width: 365px;
              }
            }
          }
        }
      }
      padding-right: 1.25rem;
       {
         {
           {
             {
               {
                top: -0.5rem;
              }
            }
          }
        }
         {
          width: 45px;
        }
         {
          padding-left: 18px;
          padding-right: 18px;
        }
         {
          padding-top: 11px;
          padding-bottom: 11px;
        }
         {
           {
            padding-left: 65px;
          }
           {
             {
              padding-right: 65px;
            }
          }
        }
      }
      width: 60%;
       {
         {
          width: 380px;
        }
      }
       {
        width: 380px;
      }
      top: 25px;
    }

    margin-bottom: 1.25rem;

     {
       {
        margin-top: 48px !important;
      }
       {
        margin-top: 1.25rem;
      }
      margin-bottom: 1.25rem;
       {
        margin-top: 48px !important;
      }
       {
        margin-top: 1.25rem;
      }
       {
        padding-top: 1.25rem;
      }
       {
        margin-top: 48px !important;
      }
       {
        margin-top: 1.25rem;
      }
    }

    margin-top: 48px !important;

    margin-top: 1.25rem;

    margin-bottom: -1.25rem;

     {
       {
        margin-bottom: 1.25rem;
      }
      margin-bottom: 8px !important;
      margin-bottom: 0.5rem
    }

    margin-bottom: 1.25rem;

    margin-top: 48px !important;

    margin-top: 1.25rem;

    padding: 1.25rem;

     {
      padding-top: 1.25rem;
      margin-left: 0px;
      margin-right: 0px;
      margin-top: 1.25rem;
      margin-bottom: 1.25rem;
    }

    padding: 1.25rem;

     {
      margin-top: 48px !important;
      margin-top: 1.25rem;
      top: 68px;
      display: block;
    }

    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }

      display: block;

      width: 100%;

      margin-right: 0px
    }

    margin-top: 48px !important;

    margin-top: 1.25rem;

     {
       {
        margin-bottom: 0 !important;
      }
       {
        margin-bottom: 0px;
      }
      margin-bottom: 1.25rem;
       {
        @media (min-width: 1200px) {
           {
             {
               {
                 {
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                 {
                }
              }
            }
          }
        }
         {
          display: flex;
        }
         {
           {
            margin-bottom: 1.25rem;
          }
        }
      }
      left: unset;
      right: 0%;
      top: 2.5rem;
      bottom: unset
    }

    @media (min-width: 1200px) {
       {
         {
           {
             {
            }
          }
        }
      }
    }

    @media (max-width: 575px) {
       {
         {
           {
             {
            }
          }
        }
      }

      display: flex
    }

    font-size: calc(15px + (18 - 15) * ((100vw - 320px) / (1200 - 320))) !important;

    top: 60px;

     {
       {
         {
           {
            position: relative;
          }
           {
            inset: 0;
          }
           {
            flex-wrap: wrap;
          }
           {
            justify-content: flex-end;
          }
           {
            gap: 12px;
          }
           {
            padding-left: 20px;
            padding-right: 20px;
          }
           {
            padding-bottom: 20px;
          }
        }
      }
       {
         {
           {
            background-color: unset;
          }
           {
            padding: 0;
          }
           {
            text-align: left;
          }
           {
            text-align: center;
          }
          @media (max-width: 767px) {
             {
               {
              }
            }
          }
           {
            background-color: unset;
          }
           {
            text-align: center;
          }
        }
      }
       {
         {
          margin-left: 0;
        }
         {
          gap: 12px;
        }
         {
          padding-top: 18px;
        }
         {
          padding-left: 20px;
        }
         {
           {
             {
               {
                font-size: 16px;
              }
            }
          }
           {
            margin-left: 0;
          }
           {
            gap: 12px;
          }
           {
            padding-top: 18px;
          }
           {
             {
              padding-left: 20px;
            }
          }
        }
         {
          padding-left: 0px;
        }
         {
           {
             {
              text-align: center;
            }
            @media (max-width: 767px) {
               {
                 {
                }
              }
            }
             {
              background-color: unset;
            }
             {
              text-align: center;
            }
          }
        }
      }
      right: 20px;
      top: 11px;
      padding: 8px;
       {
         {
           {
             {
              padding: 6px;
            }
          }
        }
      }
    }

    top: 70px;

    margin-bottom: 1.25rem;

     {
       {
        top: 70px;
      }
       {
        top: 87px;
      }
       {
        margin-left: 0px;
      }
       {
        width: calc(100% - 0px);
      }
       {
         {
           {
             {
               {
                 {
                   {
                     {
                       {
                        display: none;
                      }
                    }
                  }
                }
              }
            }
          }
        }
         {
          margin-top: 60px;
        }
      }
       {
         {
           {
             {
              top: 65px;
            }
          }
        }
      }
       {
         {
          position: fixed;
        }
         {
          top: 0px;
        }
      }
       {
         {
           {
            width: 50%;
          }
        }
      }
       {
         {
           {
             {
              top: 0px;
            }
          }
        }
      }
       {
         {
           {
            padding-left: 15px;
            padding-right: 15px;
          }
        }
      }
       {
        top: 33px;
      }
       {
        top: 35px;
      }
      padding-top: 10px !important;
      padding-bottom: 10px !important;
      padding-left: 15px !important;
      padding-right: 15px !important;
       {
         {
           {
            top: 50px;
          }
        }
         {
           {
            line-height: 50px;
          }
           {
             {
              top: 0.75rem;
            }
             {
              top: 18px;
            }
          }
        }
      }
      .\!lang {
         {
           {
            display: none;
          }
        }
      }
    }

    top: 62px;

    margin-right: 1.25rem;

    top: 60px;

    width: calc(100vw - 0px);

    right: 75px;

    top: 18px;

    margin-bottom: -1.25rem;

     {
      margin-bottom: 1.25rem;
       {
        margin-bottom: 1.25rem;
      }
    }

    padding-bottom: 25px;

     {
      margin-bottom: 1.25rem;
       {
        margin-bottom: 1.25rem;
      }
    }

    padding-bottom: 25px;

     {
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
       {
        left: 0px;
      }
       {
        width: 100%;
      }
       {
        max-width: unset;
      }
      padding-left: 0 !important;
      padding-right: 0 !important;
      padding-left: 0px;
      padding-right: 0px;
      padding-top: 60px;
      padding-bottom: 60px;
       {
        padding: 1.25rem;
      }
       {
         {
           {
            margin-top: 48px !important;
          }
           {
            margin-top: 1.25rem;
          }
           {
            margin-bottom: 1.25rem;
          }
        }
      }
       {
        margin-left: 0px;
      }
       {
        width: calc(100% - 0px) !important;
      }
       {
        padding-right: 15px;
      }
       {
        margin-left: 0px !important;
      }
       {
        width: calc(100% - 0px) !important;
      }
       {
         {
           {
            display: none;
          }
          @media (min-width: 1200px) {
             {
               {
                 {
                   {
                  }
                }
              }
            }
          }
          @media (max-width: 575px) {
             {
               {
                 {
                   {
                  }
                }
              }
            }
          }
           {
            display: flex;
          }
           {
            margin-right: 15px;
          }
           {
            display: inline-block !important;
          }
           {
            border-right-width: 1px;
          }
           {
            border-style: solid;
          }
           {
            border-right-color: rgba(var(--ps-light-border),1);
          }
           {
            padding-right: 15px;
          }
           {
            line-height: 1;
          }
           {
            position: unset !important;
          }
           {
            display: none;
          }
        }
      }
       {
         {
          margin-left: -15px;
        }
         {
          margin-right: -15px;
        }
         {
          top: 0px;
        }
         {
           {
             {
              --tw-translate-x: -285px;
              transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            }
          }
           {
            padding-left: 30px;
            padding-right: 30px;
          }
           {
            padding-top: 17px;
            padding-bottom: 17px;
          }
           {
             {
              position: absolute;
            }
             {
              right: 26px;
            }
             {
              top: 1.25rem;
            }
             {
              float: right;
            }
             {
              display: inline-block;
            }
             {
              cursor: pointer;
            }
             {
              font-size: 1.25rem;
              line-height: 1.75rem;
            }
             {
              display: none;
            }
          }
           {
             {
              height: calc(100vh - 95px);
            }
          }
           {
            --tw-translate-x: -285px;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          }
           {
             {
               {
                height: unset;
              }
            }
          }
        }
         {
          padding-top: 0 !important;
          padding-bottom: 0 !important;
        }
         {
          margin-top: 60px;
        }
         {
          padding-left: 15px;
          padding-right: 15px;
        }
         {
          padding-top: 0px;
          padding-bottom: 0px;
        }
      }
       {
         {
           {
            display: none;
          }
        }
      }
       {
         {
           {
            margin-right: 0px;
          }
           {
            display: none;
          }
        }
      }
       {
         {
          margin: 0px !important;
        }
         {
          margin: 0px;
        }
         {
           {
            display: block;
          }
           {
            display: block;
          }
        }
      }
       {
        padding-left: 0px;
      }
       {
         {
          padding-left: 15px;
        }
      }
       {
        margin: 0px !important;
      }
       {
        margin: 0px;
      }
       {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
      }
       {
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
      }
       {
         {
           {
            top: 0.625rem;
          }
        }
        @media (min-width: 1200px) {
           {
             {
               {
                 {
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                 {
                }
              }
            }
          }
        }
         {
          display: flex;
        }
         {
          cursor: pointer;
        }
         {
          align-items: center;
        }
         {
          margin-right: 0px;
        }
      }
       {
         {
           {
            margin-top: 0 !important;
          }
           {
            margin-top: 0px;
          }
        }
      }
      margin-left: 0px !important;
       {
        @media (max-width: 575px) {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }

           {
             {
               {
                 {
                  >  {
                    width: 90%;
                  }
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }

           {
             {
               {
                 {
                  >  {
                    width: 90%;
                  }
                }
              }
            }
          }
        }
         {
          width: 100% !important;
        }
      }
      margin-bottom: 0.625rem;
       {
        padding: 0 !important;
      }
       {
        padding: 0px;
      }
       {
         {
           {
            padding-bottom: 0 !important;
          }
           {
            padding-left: 1.25rem;
            padding-right: 1.25rem;
          }
           {
            padding-top: 1.25rem;
          }
           {
            padding-bottom: 0px;
          }
        }
      }
    }

    position: relative;

    padding-top: 60px;

     {
       {
        position: absolute;
      }
       {
        left: 0px;
        right: 0px;
      }
       {
        top: -25px;
      }
       {
        margin-left: auto;
        margin-right: auto;
      }
       {
        margin-top: 0px;
        margin-bottom: 0px;
      }
       {
         {
          margin-top: 0.625rem;
        }
         {
          padding-top: 0.625rem;
        }
      }
      margin-right: 1.25rem;
      margin-left: 0px;
      margin-right: 0px;
      margin-bottom: 1.25rem;
      margin-top: 48px !important;
      margin-top: 1.25rem
    }

    margin-top: 48px !important;

    margin-top: 1.25rem;

     {
      margin-bottom: 1.25rem;
      margin-bottom: 20px !important;
      margin-top: 20px !important;
       {
        margin-top: 20px !important;
      }
    }

    margin-bottom: 1.25rem;

    padding: 1.25rem;

    display: none;

     {
      margin-top: 48px !important;
      margin-top: 1.25rem;
    }

    margin-top: 0 !important;

    margin-left: -1.25rem;

    margin-right: -1.25rem;

    margin-top: 0px;

    margin-bottom: -1.25rem;

     {
      padding: 1.25rem;
       {
         {
          display: none;
        }
      }
       {
         {
          right: 1.25rem;
        }
      }
      text-align: center;
    }

    @media (max-width: 767px) {
       {
         {
        }
      }

      text-align: center
    }

    padding-bottom: 0 !important;

    padding-bottom: 0px;

     {
      padding-left: 15px;
      padding-right: 15px;
      padding-top: 0px;
      padding-bottom: 15px;
      border-color: none;
      padding: 0 !important;
      padding: 0px;
       {
        height: 155px;
      }
    }

    font-size: calc(30px + (64 - 30) * ((100vw - 320px) / (1200 - 320)));

    font-size: calc(25px + (56 - 25) * ((100vw - 320px) / (1200 - 320)));

    font-size: calc(20px + (40 - 20) * ((100vw - 320px) / (1200 - 320)));

    font-size: calc(18px + (33 - 18) * ((100vw - 320px) / (1200 - 320)));

    font-size: calc(16px + (28 - 16) * ((100vw - 320px) / (1200 - 320)));

    font-size: calc(14px + (22 - 14) * ((100vw - 320px) / (1200 - 320)));

    font-size: 1.875rem;

    line-height: 2.25rem;

    font-size: 22px;

    font-size: 1.25rem;

    line-height: 1.75rem;

    font-size: 1.125rem;

    line-height: 1.75rem;

    font-size: 15px;

    font-size: calc(20px + (34 - 20) * ((100vw - 320px) / (1200 - 320)));

    font-size: calc(18px + (28 - 18) * ((100vw - 320px) / (1200 - 320)));

    font-size: calc(17px + (26 - 17) * ((100vw - 320px) / (1200 - 320)));

    font-size: calc(17px + (22 - 17) * ((100vw - 320px) / (1200 - 320)));

    font-size: calc(15px + (18 - 15) * ((100vw - 320px) / (1200 - 320)));

    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1200 - 320)));

     {
      padding-left: 15px;
      padding-right: 15px;
      padding-top: 0.625rem;
      padding-bottom: 0.625rem;
       {
         {
          height: 5rem;
        }
         {
          width: 5rem;
        }
         {
          font-size: 26px;
        }
      }
       {
         {
           {
            margin-top: 0.625rem;
          }
        }
      }
       {
         {
          margin-top: 15px;
        }
         {
          margin-bottom: -0.625rem;
        }
      }
       {
        font-size: 1.125rem;
        line-height: 1.75rem;
      }
       {
        right: 15px;
      }
       {
        top: 0.75rem;
      }
       {
         {
          margin-bottom: 1.25rem;
        }
      }
    }

    flex-wrap: wrap;

    justify-content: center;

     {
       {
         {
          padding-left: 15px;
        }
      }
    }

    padding-left: 0 !important;

    padding-right: 0 !important;

    padding-left: 0px;

    padding-right: 0px;

    padding-top: 35px;

    padding-bottom: 35px;

     {
      margin-top: 30px;
      height: 250px;
      min-height: 250px;
    }

    display: block;

    display: block;

     {
       {
         {
          >  {
            width: 90%;
          }
        }
      }
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }
       {
         {
          >  {
            width: 90%;
          }
        }
      }
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }
    }

    width: 100%;

     {
       {
         {
          >  {
            width: 90%;
          }
        }
      }
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }
       {
         {
          >  {
            width: 90%;
          }
        }
      }
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }
    }

    height: 100%;

    width: 100%;

     {
      margin-top: 1.25rem;
      margin-bottom: 1.25rem;
       {
         {
           {
             {
               {
                min-width: 350px;
              }
               {
                min-width: 365px;
              }
            }
          }
        }
      }
      padding-right: 1.25rem;
       {
         {
           {
             {
               {
                top: -0.5rem;
              }
            }
          }
        }
         {
          width: 45px;
        }
         {
          padding-left: 18px;
          padding-right: 18px;
        }
         {
          padding-top: 11px;
          padding-bottom: 11px;
        }
         {
           {
            padding-left: 65px;
          }
           {
             {
              padding-right: 65px;
            }
          }
        }
      }
      width: 60%;
       {
         {
          width: 380px;
        }
      }
       {
        width: 380px;
      }
      top: 25px;
    }

    margin-bottom: 1.25rem;

     {
       {
        margin-top: 48px !important;
      }
       {
        margin-top: 1.25rem;
      }
      margin-bottom: 1.25rem;
       {
        margin-top: 48px !important;
      }
       {
        margin-top: 1.25rem;
      }
       {
        padding-top: 1.25rem;
      }
       {
        margin-top: 48px !important;
      }
       {
        margin-top: 1.25rem;
      }
    }

    margin-top: 48px !important;

    margin-top: 1.25rem;

    margin-bottom: -1.25rem;

     {
       {
        margin-bottom: 1.25rem;
      }
      margin-bottom: 8px !important;
      margin-bottom: 0.5rem
    }

    margin-bottom: 1.25rem;

    margin-top: 48px !important;

    margin-top: 1.25rem;

    padding: 1.25rem;

     {
      padding-top: 1.25rem;
      margin-left: 0px;
      margin-right: 0px;
      margin-top: 1.25rem;
      margin-bottom: 1.25rem;
    }

    padding: 1.25rem;

     {
      margin-top: 48px !important;
      margin-top: 1.25rem;
      top: 68px;
      display: block;
    }

    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }

      display: block;

      width: 100%;

      margin-right: 0px
    }

    margin-top: 48px !important;

    margin-top: 1.25rem;

     {
       {
        margin-bottom: 0 !important;
      }
       {
        margin-bottom: 0px;
      }
      margin-bottom: 1.25rem;
       {
        @media (min-width: 1200px) {
           {
             {
               {
                 {
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                 {
                }
              }
            }
          }
        }
         {
          display: flex;
        }
         {
           {
            margin-bottom: 1.25rem;
          }
        }
      }
      left: unset;
      right: 0%;
      top: 2.5rem;
      bottom: unset
    }

    @media (min-width: 1200px) {
       {
         {
           {
             {
            }
          }
        }
      }
    }

    @media (max-width: 575px) {
       {
         {
           {
             {
            }
          }
        }
      }

      display: flex
    }

    font-size: calc(15px + (18 - 15) * ((100vw - 320px) / (1200 - 320))) !important;

    top: 60px;

     {
       {
         {
           {
            position: relative;
          }
           {
            inset: 0;
          }
           {
            flex-wrap: wrap;
          }
           {
            justify-content: flex-end;
          }
           {
            gap: 12px;
          }
           {
            padding-left: 20px;
            padding-right: 20px;
          }
           {
            padding-bottom: 20px;
          }
        }
      }
       {
         {
           {
            background-color: unset;
          }
           {
            padding: 0;
          }
           {
            text-align: left;
          }
           {
            text-align: center;
          }
          @media (max-width: 767px) {
             {
               {
              }
            }
          }
           {
            background-color: unset;
          }
           {
            text-align: center;
          }
        }
      }
       {
         {
          margin-left: 0;
        }
         {
          gap: 12px;
        }
         {
          padding-top: 18px;
        }
         {
          padding-left: 20px;
        }
         {
           {
             {
               {
                font-size: 16px;
              }
            }
          }
           {
            margin-left: 0;
          }
           {
            gap: 12px;
          }
           {
            padding-top: 18px;
          }
           {
             {
              padding-left: 20px;
            }
          }
        }
         {
          padding-left: 0px;
        }
         {
           {
             {
              text-align: center;
            }
            @media (max-width: 767px) {
               {
                 {
                }
              }
            }
             {
              background-color: unset;
            }
             {
              text-align: center;
            }
          }
        }
      }
      right: 20px;
      top: 11px;
      padding: 8px;
       {
         {
           {
             {
              padding: 6px;
            }
          }
        }
      }
    }

    top: 70px;

    margin-bottom: 1.25rem;

     {
       {
        top: 70px;
      }
       {
        top: 87px;
      }
       {
        margin-left: 0px;
      }
       {
        width: calc(100% - 0px);
      }
       {
         {
           {
             {
               {
                 {
                   {
                     {
                       {
                        display: none;
                      }
                    }
                  }
                }
              }
            }
          }
        }
         {
          margin-top: 60px;
        }
      }
       {
         {
           {
             {
              top: 65px;
            }
          }
        }
      }
       {
         {
          position: fixed;
        }
         {
          top: 0px;
        }
      }
       {
         {
           {
            width: 50%;
          }
        }
      }
       {
         {
           {
             {
              top: 0px;
            }
          }
        }
      }
       {
         {
           {
            padding-left: 15px;
            padding-right: 15px;
          }
        }
      }
       {
        top: 33px;
      }
       {
        top: 35px;
      }
      padding-top: 10px !important;
      padding-bottom: 10px !important;
      padding-left: 15px !important;
      padding-right: 15px !important;
       {
         {
           {
            top: 50px;
          }
        }
         {
           {
            line-height: 50px;
          }
           {
             {
              top: 0.75rem;
            }
             {
              top: 18px;
            }
          }
        }
      }
       {
         {
           {
            display: none;
          }
        }
      }
    }

    top: 62px;

    margin-right: 1.25rem;

    top: 60px;

    width: calc(100vw - 0px);

    right: 75px;

    top: 18px;

    margin-bottom: -1.25rem;

     {
      margin-bottom: 1.25rem;
       {
        margin-bottom: 1.25rem;
      }
    }

    padding-bottom: 25px;

     {
      margin-bottom: 1.25rem;
       {
        margin-bottom: 1.25rem;
      }
    }

    padding-bottom: 25px;

     {
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
       {
        left: 0px;
      }
       {
        width: 100%;
      }
       {
        max-width: unset;
      }
      padding-left: 0 !important;
      padding-right: 0 !important;
      padding-left: 0px;
      padding-right: 0px;
      padding-top: 60px;
      padding-bottom: 60px;
       {
        padding: 1.25rem;
      }
       {
         {
           {
            margin-top: 48px !important;
          }
           {
            margin-top: 1.25rem;
          }
           {
            margin-bottom: 1.25rem;
          }
        }
      }
       {
        margin-left: 0px;
      }
       {
        width: calc(100% - 0px) !important;
      }
       {
        padding-right: 15px;
      }
       {
        margin-left: 0px !important;
      }
       {
        width: calc(100% - 0px) !important;
      }
       {
         {
           {
            display: none;
          }
          @media (min-width: 1200px) {
             {
               {
                 {
                   {
                  }
                }
              }
            }
          }
          @media (max-width: 575px) {
             {
               {
                 {
                   {
                  }
                }
              }
            }
          }
           {
            display: flex;
          }
           {
            margin-right: 15px;
          }
           {
            display: inline-block !important;
          }
           {
            border-right-width: 1px;
          }
           {
            border-style: solid;
          }
           {
            border-right-color: rgba(var(--ps-light-border),1);
          }
           {
            padding-right: 15px;
          }
           {
            line-height: 1;
          }
           {
            position: unset !important;
          }
           {
            display: none;
          }
        }
      }
       {
         {
          margin-left: -15px;
        }
         {
          margin-right: -15px;
        }
         {
          top: 0px;
        }
         {
           {
             {
              --tw-translate-x: -285px;
              transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            }
          }
           {
            padding-left: 30px;
            padding-right: 30px;
          }
           {
            padding-top: 17px;
            padding-bottom: 17px;
          }
           {
             {
              position: absolute;
            }
             {
              right: 26px;
            }
             {
              top: 1.25rem;
            }
             {
              float: right;
            }
             {
              display: inline-block;
            }
             {
              cursor: pointer;
            }
             {
              font-size: 1.25rem;
              line-height: 1.75rem;
            }
             {
              display: none;
            }
          }
           {
             {
              height: calc(100vh - 95px);
            }
          }
           {
            --tw-translate-x: -285px;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          }
           {
             {
               {
                height: unset;
              }
            }
          }
        }
         {
          padding-top: 0 !important;
          padding-bottom: 0 !important;
        }
         {
          margin-top: 60px;
        }
         {
          padding-left: 15px;
          padding-right: 15px;
        }
         {
          padding-top: 0px;
          padding-bottom: 0px;
        }
      }
       {
         {
           {
            display: none;
          }
        }
      }
       {
         {
           {
            margin-right: 0px;
          }
           {
            display: none;
          }
        }
      }
       {
         {
          margin: 0px !important;
        }
         {
          margin: 0px;
        }
         {
           {
            display: block;
          }
           {
            display: block;
          }
        }
      }
       {
        padding-left: 0px;
      }
       {
         {
          padding-left: 15px;
        }
      }
       {
        margin: 0px !important;
      }
       {
        margin: 0px;
      }
       {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
      }
       {
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
      }
       {
         {
           {
            top: 0.625rem;
          }
        }
        @media (min-width: 1200px) {
           {
             {
               {
                 {
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                 {
                }
              }
            }
          }
        }
         {
          display: flex;
        }
         {
          cursor: pointer;
        }
         {
          align-items: center;
        }
         {
          margin-right: 0px;
        }
      }
       {
         {
           {
            margin-top: 0 !important;
          }
           {
            margin-top: 0px;
          }
        }
      }
      margin-left: 0px !important;
       {
        @media (max-width: 575px) {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }

           {
             {
               {
                 {
                  >  {
                    width: 90%;
                  }
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }

           {
             {
               {
                 {
                  >  {
                    width: 90%;
                  }
                }
              }
            }
          }
        }
         {
          width: 100% !important;
        }
      }
      margin-bottom: 0.625rem;
       {
        padding: 0 !important;
      }
       {
        padding: 0px;
      }
       {
         {
           {
            padding-bottom: 0 !important;
          }
           {
            padding-left: 1.25rem;
            padding-right: 1.25rem;
          }
           {
            padding-top: 1.25rem;
          }
           {
            padding-bottom: 0px;
          }
        }
      }
    }

    position: relative;

    padding-top: 60px;

     {
       {
        position: absolute;
      }
       {
        left: 0px;
        right: 0px;
      }
       {
        top: -25px;
      }
       {
        margin-left: auto;
        margin-right: auto;
      }
       {
        margin-top: 0px;
        margin-bottom: 0px;
      }
       {
         {
          margin-top: 0.625rem;
        }
         {
          padding-top: 0.625rem;
        }
      }
      margin-right: 1.25rem;
      margin-left: 0px;
      margin-right: 0px;
      margin-bottom: 1.25rem;
      margin-top: 48px !important;
      margin-top: 1.25rem
    }

    margin-top: 48px !important;

    margin-top: 1.25rem;

     {
      margin-bottom: 1.25rem;
      margin-bottom: 20px !important;
      margin-top: 20px !important;
       {
        margin-top: 20px !important;
      }
    }

    margin-bottom: 1.25rem;

    padding: 1.25rem;

    display: none;

     {
      margin-top: 48px !important;
      margin-top: 1.25rem;
    }

    margin-top: 0 !important;

    margin-left: -1.25rem;

    margin-right: -1.25rem;

    margin-top: 0px;

    margin-bottom: -1.25rem;

     {
      padding: 1.25rem;
       {
         {
          display: none;
        }
      }
       {
         {
          right: 1.25rem;
        }
      }
      text-align: center;
    }

    @media (max-width: 767px) {
       {
         {
        }
      }

      text-align: center
    }

    padding-bottom: 0 !important;

    padding-bottom: 0px;

     {
      padding-left: 15px;
      padding-right: 15px;
      padding-top: 0px;
      padding-bottom: 15px;
      border-color: none;
      padding: 0 !important;
      padding: 0px;
       {
        height: 155px;
      }
    }

    font-size: calc(30px + (64 - 30) * ((100vw - 320px) / (1200 - 320)));

    font-size: calc(25px + (56 - 25) * ((100vw - 320px) / (1200 - 320)));

    font-size: calc(20px + (40 - 20) * ((100vw - 320px) / (1200 - 320)));

    font-size: calc(18px + (33 - 18) * ((100vw - 320px) / (1200 - 320)));

    font-size: calc(16px + (28 - 16) * ((100vw - 320px) / (1200 - 320)));

    font-size: calc(14px + (22 - 14) * ((100vw - 320px) / (1200 - 320)));

    font-size: 1.875rem;

    line-height: 2.25rem;

    font-size: 22px;

    font-size: 1.25rem;

    line-height: 1.75rem;

    font-size: 1.125rem;

    line-height: 1.75rem;

    font-size: 15px;

    font-size: calc(20px + (34 - 20) * ((100vw - 320px) / (1200 - 320)));

    font-size: calc(18px + (28 - 18) * ((100vw - 320px) / (1200 - 320)));

    font-size: calc(17px + (26 - 17) * ((100vw - 320px) / (1200 - 320)));

    font-size: calc(17px + (22 - 17) * ((100vw - 320px) / (1200 - 320)));

    font-size: calc(15px + (18 - 15) * ((100vw - 320px) / (1200 - 320)));

    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1200 - 320)));

     {
      padding-left: 15px;
      padding-right: 15px;
      padding-top: 0.625rem;
      padding-bottom: 0.625rem;
       {
         {
          height: 5rem;
        }
         {
          width: 5rem;
        }
         {
          font-size: 26px;
        }
      }
       {
         {
           {
            margin-top: 0.625rem;
          }
        }
      }
       {
         {
          margin-top: 15px;
        }
         {
          margin-bottom: -0.625rem;
        }
      }
       {
        font-size: 1.125rem;
        line-height: 1.75rem;
      }
       {
        right: 15px;
      }
       {
        top: 0.75rem;
      }
       {
         {
          margin-bottom: 1.25rem;
        }
      }
    }

    flex-wrap: wrap;

    justify-content: center;

     {
       {
         {
          padding-left: 15px;
        }
      }
    }

    padding-left: 0 !important;

    padding-right: 0 !important;

    padding-left: 0px;

    padding-right: 0px;

    padding-top: 35px;

    padding-bottom: 35px;

     {
      margin-top: 30px;
      height: 250px;
      min-height: 250px;
    }

    display: block;

    display: block;

     {
       {
         {
          >  {
            width: 90%;
          }
        }
      }
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }
       {
         {
          >  {
            width: 90%;
          }
        }
      }
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }
    }

    width: 100%;

     {
       {
         {
          >  {
            width: 90%;
          }
        }
      }
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }
       {
         {
          >  {
            width: 90%;
          }
        }
      }
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }
    }

    height: 100%;

    width: 100%;

     {
      margin-top: 1.25rem;
      margin-bottom: 1.25rem;
       {
         {
           {
             {
               {
                min-width: 350px;
              }
               {
                min-width: 365px;
              }
            }
          }
        }
      }
      padding-right: 1.25rem;
       {
         {
           {
             {
               {
                top: -0.5rem;
              }
            }
          }
        }
         {
          width: 45px;
        }
         {
          padding-left: 18px;
          padding-right: 18px;
        }
         {
          padding-top: 11px;
          padding-bottom: 11px;
        }
         {
           {
            padding-left: 65px;
          }
           {
             {
              padding-right: 65px;
            }
          }
        }
      }
      width: 60%;
      div.\!content {
         {
          width: 380px;
        }
      }
       {
        width: 380px;
      }
      top: 25px;
    }

    margin-bottom: 1.25rem;

     {
       {
        margin-top: 48px !important;
      }
       {
        margin-top: 1.25rem;
      }
      margin-bottom: 1.25rem;
       {
        margin-top: 48px !important;
      }
       {
        margin-top: 1.25rem;
      }
       {
        padding-top: 1.25rem;
      }
       {
        margin-top: 48px !important;
      }
       {
        margin-top: 1.25rem;
      }
    }

    margin-top: 48px !important;

    margin-top: 1.25rem;

    margin-bottom: -1.25rem;

     {
       {
        margin-bottom: 1.25rem;
      }
      margin-bottom: 8px !important;
      margin-bottom: 0.5rem
    }

    margin-bottom: 1.25rem;

    margin-top: 48px !important;

    margin-top: 1.25rem;

    padding: 1.25rem;

     {
      padding-top: 1.25rem;
      margin-left: 0px;
      margin-right: 0px;
      margin-top: 1.25rem;
      margin-bottom: 1.25rem;
    }

    padding: 1.25rem;

     {
      margin-top: 48px !important;
      margin-top: 1.25rem;
      top: 68px;
      display: block;
    }

    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }

      display: block;

      width: 100%;

      margin-right: 0px
    }

    margin-top: 48px !important;

    margin-top: 1.25rem;

     {
       {
        margin-bottom: 0 !important;
      }
       {
        margin-bottom: 0px;
      }
      margin-bottom: 1.25rem;
       {
        @media (min-width: 1200px) {
           {
             {
               {
                 {
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                 {
                }
              }
            }
          }
        }
         {
          display: flex;
        }
         {
           {
            margin-bottom: 1.25rem;
          }
        }
      }
      left: unset;
      right: 0%;
      top: 2.5rem;
      bottom: unset
    }

    @media (min-width: 1200px) {
       {
         {
           {
             {
            }
          }
        }
      }
    }

    @media (max-width: 575px) {
       {
         {
           {
             {
            }
          }
        }
      }

      display: flex
    }
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .page-wrapper {
    &.compact-wrapper {
      &.material-type {
        &::before {
          height: 230px;
        }
        .page-header {
          margin-bottom: 0 !important;
        }
        .page-header {
          margin-left: auto;
          margin-right: auto;
        }
        .page-header {
          margin-top: 50px;
        }
        .page-header {
          margin-bottom: 0px;
        }
        .page-header {
          width: calc(100% - 60px);
        }
        .page-body-wrapper {
          margin-left: 30px;
          margin-right: 30px;
        }
        .page-body-wrapper {
          margin-top: 0px;
          margin-bottom: 0px;
        }
        .page-body-wrapper {
          div.sidebar-wrapper {
            left: 0px;
          }
          .page-body {
            margin-top: 0 !important;
          }
          .page-body {
            margin-top: 0px;
          }
        }
      }
    }
  }
}

@media (max-width: 810px) {
  .page-wrapper {
    .page-header {
      .header-wrapper {
        .nav-right {
          > ul {
            > li {
              .profile-media {
                .profile-content {
                  display: none;
                }
              }
            }
          }
        }
      }
    }
  }
}

@media (max-width: 640px) {
  .sale-return-wrapper {
    .top-body {
      ~ .sale-return-report {
        .dt-container {
          .dt-layout-row {
            &:first-child {
              display: block;
            }
            &:first-child {
              display: block;
            }
            .dt-layout-cell {
              margin-bottom: 15px;
            }
          }
        }
      }
    }
  }

  .sale-report-wrapper {
    .top-body {
      ~ .sale-report {
        .dt-container {
          .dt-layout-row {
            &:first-child {
              display: block;
            }
            &:first-child {
              display: block;
            }
            .dt-layout-cell {
              margin-bottom: 15px;
            }
          }
        }
      }
    }
  }

  .product-report-wrapper {
    .top-body {
      ~ .product-report {
        .dt-container {
          .dt-layout-row {
            &:first-child {
              display: block;
            }
            &:first-child {
              display: block;
            }
            .dt-layout-cell {
              margin-bottom: 15px;
            }
          }
        }
      }
    }
  }

  .customer-order-wrapper {
    .top-body {
      ~ .customer-order-report {
        .dt-container {
          .dt-layout-row {
            &:first-child {
              display: block;
            }
            &:first-child {
              display: block;
            }
            .dt-layout-cell {
              margin-bottom: 15px;
            }
          }
        }
      }
    }
  }
}

@media (max-width: 767px) {
  .table-components{
    .table{
      tbody{
        tr{
          td{
            &:first-child {
              min-width: 180px;
            }
          }
        }
      }
    }
  }

  .bookmark-tabcontent{
    .details-bookmark{
      &.list-bookmark{
        .bookmark-card{
          img {
            width: 45%;
          }
        }
      }
    }
  }

  .invoice {
    .invoice-flex {
      padding-bottom: 8px;
    }
  }

  .product-info-table {
    .table {
      thead,
        tbody {
        tr {
          th,
            td {
            &:nth-child(3) {
              min-width: 108px;
            }
          }
        }
      }
    }
  }

  .email-body {
    .mail-header-wrapper {
      .mail-body {
        .mail-search {
          display: none;
        }
      }
    }
    .mail-body-wrapper {
      ul {
        li {
          &.inbox-data {
            display: block;
          }
          &.inbox-data {
            display: block;
          }
        }
      }
    }
  }

  .left-sidebar-wrapper {
    border-radius: 10px !important;
    .advance-options {
      ul {
        justify-content: flex-start !important;
      }
    }
  }

  .right-sidebar-chat {
    border-radius: 10px !important;
  }

  .user-profile-wrapper {
    &.scope-bottom-wrapper {
      .sidebar-left-icons {
        justify-content: flex-start;
      }
      .sidebar-left-icons {
        gap: 10px;
      }
    }
  }

  .contact-editform {
    padding-left: 20px !important;
  }

  .selected-box {
    max-width: calc(242px + (415 - 242) * ((100vw - 320px) / (767 - 320)));
  }

  .search-box {
    input {
      max-width: calc(242px + (415 - 242) * ((100vw - 320px) / (767 - 320)));
    }
    input {
      padding-top: 9px;
      padding-bottom: 9px;
    }
    input {
      padding-left: 16px;
      padding-right: 16px;
    }
  }

  .select-box {
    .options-container {
      &.active {
        margin-top: 46px;
      }
      &.active {
        max-width: calc(242px + (415 - 242) * ((100vw - 320px) / (767 - 320)));
      }
    }
  }

  .icon-hover-bottom {
    .icon-popup {
      display: block;
    }
    .icon-popup {
      display: block;
    }
    .icon-popup {
      > .icon-last {
        display: block;
      }
      > .icon-last {
        margin-top: 15px;
      }
      > .icon-last {
        display: block;
      }
      > .icon-last {
        .form-inline {
          @media (min-width: 1200px) {
             {
               {
                 {
                  .form-group {
                  }
                }
              }
            }
          }
          @media (max-width: 575px) {
             {
               {
                 {
                  .form-group {
                  }
                }
              }
            }
          }
          .form-group {
            display: flex;
          }
        }
      }
    }
    .form-group {
      input {
        display: block;
      }
      input {
        display: block;
      }
      input {
        width: auto !important;
      }
      input {
        min-width: 270px;
      }
    }
  }

  .icon-text-alert {
    p {
      display: block;
    }
    p {
      margin-left: auto;
      margin-right: auto;
    }
    p {
      margin-top: 0px;
      margin-bottom: 0px;
    }
    p {
      display: block;
    }
    p {
      max-width: 100%;
    }
    p {
      overflow: hidden;
    }
    p {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
    }
    p {
      max-width: 385px;
    }
    p {
      overflow: hidden;
    }
    p {
      text-overflow: ellipsis;
    }
    p {
      white-space: nowrap;
    }
  }

  .left-header {
    display: none !important;
  }

  .left-sidebar-wrapper {
    padding: 0.625rem;
    .advance-options .chats-user {
      height: 200px;
    }
  }

  .wizard-4 {
    @media (max-width: 575px) {
       {
         {
           {
            > ul.anchor {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > ul.anchor {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > ul.anchor {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > ul.anchor {
                width: 90%;
              }
            }
          }
        }
      }
    }
    ul.anchor {
      height: auto;
    }
    ul.anchor {
      width: 100%;
    }
    ul.anchor {
      padding: 30px;
    }
    @media (max-width: 575px) {
       {
         {
           {
            > .step-container {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > .step-container {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > .step-container {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > .step-container {
                width: 90%;
              }
            }
          }
        }
      }
    }
    .step-container {
      width: 100%;
    }
  }

  .contact-editform {
    padding-left: 1.25rem;
  }

  .event-calendar {
    display: block;
    @media (max-width: 575px) {
       {
         {
           {
            > #right {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > #right {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > #right {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > #right {
                width: 90%;
              }
            }
          }
        }
      }
    }
    #right {
      width: 100%;
    }
    #calendar {
      clear: both;
    }
  }

  .page-wrapper {
    &.material-type {
      &::before {
        display: none;
      }
      .page-header {
        margin-top: 0 !important;
      }
      .page-header {
        margin-top: 0px;
      }
      .page-header {
        border-radius: 0px;
      }
      .page-body-wrapper {
        .page-body {
          margin-top: 0 !important;
        }
        .page-body {
          margin-top: 0px;
        }
      }
    }
    &.only-body {
      .page-header {
        .header-wrapper {
          .nav-right {
            > ul {
              > li {
                margin-right: -0.125rem;
              }
            }
            .nav-menus {
              margin-right: -0.625rem;
            }
          }
        }
      }
    }
  }

  .profile-media {
    .profile-content {
      display: none;
    }
  }

  .form-inline {
    @media (max-width: 575px) {
       {
         {
           {
            > .form-group:not(.form-control-search) {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > .form-group:not(.form-control-search) {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > .form-group:not(.form-control-search) {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > .form-group:not(.form-control-search) {
                width: 90%;
              }
            }
          }
        }
      }
    }
    .form-group:not(.form-control-search) {
      width: 100%;
    }
    .form-group:not(.form-control-search) {
      + .form-group {
        margin-top: 0.625rem;
      }
      @media (max-width: 575px) {
         {
           {
             {
              > input {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > input {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              > input {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > input {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      input {
        width: 100%;
      }
    }
  }

  .credit-card {
    .text-center {
      img {
        margin-bottom: 1.25rem;
      }
    }
  }

  .starter-kit-fix {
    .page-body {
      margin-bottom: 78px;
    }
  }

  .blog-box {
    .blog-details-main {
      .blog-social {
        li {
          padding-top: 0 !important;
          padding-bottom: 0 !important;
        }
        li {
          padding-left: 0.75rem;
          padding-right: 0.75rem;
        }
        li {
          padding-top: 0px;
          padding-bottom: 0px;
        }
      }
    }
    .blog-details {
      .blog-social {
        li {
          &:first-child {
            padding-right: 25px;
          }
          &:first-child {
            [dir="rtl"] & {
              padding-left: 25px;
            }
            [dir="rtl"] & {
              padding-right: unset;
            }
          }
          + li {
            padding-left: 25px;
          }
          + li {
            [dir="rtl"] & {
              padding-left: unset;
            }
            [dir="rtl"] & {
              padding-right: 25px;
            }
          }
        }
      }
    }
  }

  .blog-single {
    .blog-box {
      .blog-details {
        .blog-social {
          li {
            &:first-child {
              padding-right: 0.75rem;
            }
            &:first-child {
              [dir="rtl"] & {
                padding-left: 0.75rem;
              }
              [dir="rtl"] & {
                padding-right: unset;
              }
            }
            + li {
              padding-left: 0.75rem;
            }
            + li {
              [dir="rtl"] & {
                margin: 0px !important;
              }
              [dir="rtl"] & {
                margin: 0px;
              }
              [dir="rtl"] & {
                padding-left: 0px;
              }
              [dir="rtl"] & {
                padding-right: 0.75rem;
              }
            }
          }
        }
      }
    }
  }

  .footer-copyright {
    ~ div {
      text-align: center;
    }
    @media (max-width: 767px) {
       {
        ~ div {
        }
      }
    }
    ~ div {
      text-align: center;
    }
    ~ div {
      p {
        float: none;
      }
      p {
        margin-top: 5px;
      }
    }
  }

  .tabs-social {
    &.border-tab {
      @media (min-width: 1200px) {
         {
           {
             {
              &.nav-tabs {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              &.nav-tabs {
              }
            }
          }
        }
      }
      &.nav-tabs {
        display: flex;
      }
      &.nav-tabs {
        flex-wrap: wrap;
      }
    }
  }

  .my-gallery {
    figure {
      &:nth-child(9),
        &:nth-child(10) {
        margin-bottom: 1.25rem;
      }
    }
  }

  .project-list {
    .btn {
      float: left;
    }
    .btn {
      margin-top: 5px;
    }
  }

  .chat-left-aside {
    .people-list {
      ul {
        max-height: 100px;
      }
    }
  }

  .clockpicker-align-top {
    left: 55px;
    top: 470px;
    .arrow {
      display: none;
    }
  }

  .form-builder-column {
    .form-body {
      min-height: 250px;
    }
  }

  .form-builder-2-header {
    flex-wrap: wrap;
    @media (max-width: 575px) {
       {
         {
           {
            > > div {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > > div {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > > div {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > > div {
                width: 90%;
              }
            }
          }
        }
      }
    }
    > div {
      margin-top: 0.625rem;
    }
    > div {
      width: 100%;
    }
    > div {
      nav {
        float: none;
      }
    }
  }

  .lg-mt-col {
    margin-top: 48px !important;
    margin-top: 1.25rem;
  }

  .form-builder {
    .drag-box {
      fieldset {
        margin-top: 48px !important;
      }
      fieldset {
        margin-top: 1.25rem;
      }
      fieldset {
        padding: 1.25rem;
      }
    }
    #components {
      margin-top: 48px !important;
    }
    #components {
      margin-top: 1.25rem;
    }
    .component {
      label {
        padding-top: 0px;
      }
    }
  }

  .range-slider {
    &.theme-form {
      .form-group {
        margin-bottom: 0 !important;
      }
      .form-group {
        margin-bottom: 0px;
      }
    }
  }

  .note-editor {
    .btn-group {
      .btn {
        font-size: 11px;
      }
    }
  }

  .text-md-right {
    text-align: right;
  }

  .star-ratings {
    .stars {
      padding: 0 !important;
    }
    .stars {
      padding: 0px;
    }
  }

  .form-inline {
    &.d-inline-block {
      display: block;
    }
    @media (max-width: 575px) {
       {
         {
           {
            > &.d-inline-block {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > &.d-inline-block {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > &.d-inline-block {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > &.d-inline-block {
                width: 90%;
              }
            }
          }
        }
      }
    }
    &.d-inline-block {
      display: block;
    }
    &.d-inline-block {
      width: 100%;
    }
    &.d-inline-block {
      .form-control {
        margin-bottom: 0.625rem;
      }
    }
  }

  {
    {
      {
        {
          {
             {
              min-width: 180px;
            }
          }
        }
      }
    }
    {
      {
        {
           {
            width: 45%;
          }
        }
      }
    }
     {
      padding-bottom: 8px;
    }
     {
       {
         {
           {
             {
              min-width: 108px;
            }
          }
        }
      }
    }
     {
       {
         {
          display: none;
        }
      }
    }
     {
       {
         {
           {
            display: block;
          }
           {
            display: block;
          }
        }
      }
    }
     {
       {
        justify-content: flex-start !important;
      }
    }
     {
       {
        justify-content: flex-start;
      }
       {
        gap: 10px;
      }
    }
     {
      max-width: calc(242px + (415 - 242) * ((100vw - 320px) / (767 - 320)));
    }
     {
      padding-top: 9px;
      padding-bottom: 9px;
    }
     {
      padding-left: 16px;
      padding-right: 16px;
    }
     {
       {
        margin-top: 46px;
      }
       {
        max-width: calc(242px + (415 - 242) * ((100vw - 320px) / (767 - 320)));
      }
    }
     {
      display: block;
    }
     {
      display: block;
    }
     {
       {
        display: block;
      }
       {
        margin-top: 15px;
      }
       {
        display: block;
      }
       {
         {
          @media (min-width: 1200px) {
             {
               {
                 {
                   {
                  }
                }
              }
            }
          }
          @media (max-width: 575px) {
             {
               {
                 {
                   {
                  }
                }
              }
            }
          }
           {
            display: flex;
          }
        }
      }
    }
     {
       {
        display: block;
      }
       {
        display: block;
      }
       {
        width: auto !important;
      }
       {
        min-width: 270px;
      }
    }
     {
      display: block;
    }
     {
      margin-left: auto;
      margin-right: auto;
    }
     {
      margin-top: 0px;
      margin-bottom: 0px;
    }
     {
      display: block;
    }
     {
      max-width: 100%;
    }
     {
      overflow: hidden;
    }
     {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
    }
     {
      max-width: 385px;
    }
     {
      overflow: hidden;
    }
     {
      text-overflow: ellipsis;
    }
     {
      white-space: nowrap;
    }
    display: none !important;
     {
      height: 200px;
    }
    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }
     {
      height: auto;
    }
     {
      width: 100%;
    }
     {
      padding: 30px;
    }
    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }
     {
      width: 100%;
    }
    display: block;
    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }
     {
      width: 100%;
    }
     {
      clear: both;
    }
     {
       {
        display: none;
      }
       {
        margin-top: 0 !important;
      }
       {
        margin-top: 0px;
      }
       {
        border-radius: 0px;
      }
       {
         {
          margin-top: 0 !important;
        }
         {
          margin-top: 0px;
        }
      }
    }
     {
       {
         {
           {
             {
               {
                margin-right: -0.125rem;
              }
            }
             {
              margin-right: -0.625rem;
            }
          }
        }
      }
    }
     {
      display: none;
    }
    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }
     {
      width: 100%;
    }
     {
       {
        margin-top: 0.625rem;
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
       {
        width: 100%;
      }
    }
    .\!text-center {
       {
        margin-bottom: 1.25rem;
      }
    }
     {
      margin-bottom: 78px;
    }
     {
       {
         {
          padding-top: 0 !important;
          padding-bottom: 0 !important;
        }
         {
          padding-left: 0.75rem;
          padding-right: 0.75rem;
        }
         {
          padding-top: 0px;
          padding-bottom: 0px;
        }
      }
    }
     {
       {
         {
           {
            padding-right: 25px;
          }
           {
             {
              padding-left: 25px;
            }
             {
              padding-right: unset;
            }
          }
           {
            padding-left: 25px;
          }
           {
             {
              padding-left: unset;
            }
             {
              padding-right: 25px;
            }
          }
        }
      }
    }
     {
       {
         {
           {
             {
              padding-right: 0.75rem;
            }
             {
               {
                padding-left: 0.75rem;
              }
               {
                padding-right: unset;
              }
            }
             {
              padding-left: 0.75rem;
            }
             {
               {
                margin: 0px !important;
              }
               {
                margin: 0px;
              }
               {
                padding-left: 0px;
              }
               {
                padding-right: 0.75rem;
              }
            }
          }
        }
      }
    }
     {
      text-align: center;
    }
    @media (max-width: 767px) {
       {
         {
        }
      }
    }
     {
      text-align: center;
    }
     {
       {
        float: none;
      }
       {
        margin-top: 5px;
      }
    }
     {
      @media (min-width: 1200px) {
         {
           {
             {
               {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
               {
              }
            }
          }
        }
      }
       {
        display: flex;
      }
       {
        flex-wrap: wrap;
      }
    }
     {
       {
        margin-bottom: 1.25rem;
      }
    }
     {
      float: left;
    }
     {
      margin-top: 5px;
    }
     {
       {
        max-height: 100px;
      }
    }
     {
      display: none;
    }
     {
      min-height: 250px;
    }
    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }
     {
      margin-top: 0.625rem;
    }
     {
      width: 100%;
    }
     {
       {
        float: none;
      }
    }
     {
       {
        margin-top: 48px !important;
      }
       {
        margin-top: 1.25rem;
      }
       {
        padding: 1.25rem;
      }
    }
     {
      margin-top: 48px !important;
    }
     {
      margin-top: 1.25rem;
    }
     {
       {
        padding-top: 0px;
      }
    }
     {
       {
        margin-bottom: 0 !important;
      }
       {
        margin-bottom: 0px;
      }
    }
     {
       {
        font-size: 11px;
      }
    }
     {
      padding: 0 !important;
    }
     {
      padding: 0px;
    }
     {
      display: block;
    }
    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }
     {
      display: block;
    }
     {
      width: 100%;
    }
     {
       {
        margin-bottom: 0.625rem;
      }
    }
    {
      {
        {
          {
             {
              min-width: 180px;
            }
          }
        }
      }
    }
    {
      {
        {
           {
            width: 45%;
          }
        }
      }
    }
     {
      padding-bottom: 8px;
    }
     {
       {
         {
           {
             {
              min-width: 108px;
            }
          }
        }
      }
    }
     {
       {
         {
          display: none;
        }
      }
    }
     {
       {
         {
           {
            display: block;
          }
           {
            display: block;
          }
        }
      }
    }
     {
       {
        justify-content: flex-start !important;
      }
    }
     {
       {
        justify-content: flex-start;
      }
       {
        gap: 10px;
      }
    }
     {
      max-width: calc(242px + (415 - 242) * ((100vw - 320px) / (767 - 320)));
    }
     {
      padding-top: 9px;
      padding-bottom: 9px;
    }
     {
      padding-left: 16px;
      padding-right: 16px;
    }
     {
       {
        margin-top: 46px;
      }
       {
        max-width: calc(242px + (415 - 242) * ((100vw - 320px) / (767 - 320)));
      }
    }
     {
      display: block;
    }
     {
      display: block;
    }
     {
       {
        display: block;
      }
       {
        margin-top: 15px;
      }
       {
        display: block;
      }
       {
         {
          @media (min-width: 1200px) {
             {
               {
                 {
                   {
                  }
                }
              }
            }
          }
          @media (max-width: 575px) {
             {
               {
                 {
                   {
                  }
                }
              }
            }
          }
           {
            display: flex;
          }
        }
      }
    }
     {
       {
        display: block;
      }
       {
        display: block;
      }
       {
        width: auto !important;
      }
       {
        min-width: 270px;
      }
    }
     {
      display: block;
    }
     {
      margin-left: auto;
      margin-right: auto;
    }
     {
      margin-top: 0px;
      margin-bottom: 0px;
    }
     {
      display: block;
    }
     {
      max-width: 100%;
    }
     {
      overflow: hidden;
    }
     {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
    }
     {
      max-width: 385px;
    }
     {
      overflow: hidden;
    }
     {
      text-overflow: ellipsis;
    }
     {
      white-space: nowrap;
    }
    display: none !important;
     {
      height: 200px;
    }
    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }
     {
      height: auto;
    }
     {
      width: 100%;
    }
     {
      padding: 30px;
    }
    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }
     {
      width: 100%;
    }
    display: block;
    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }
     {
      width: 100%;
    }
     {
      clear: both;
    }
     {
       {
        display: none;
      }
       {
        margin-top: 0 !important;
      }
       {
        margin-top: 0px;
      }
       {
        border-radius: 0px;
      }
       {
         {
          margin-top: 0 !important;
        }
         {
          margin-top: 0px;
        }
      }
    }
     {
       {
         {
           {
             {
               {
                margin-right: -0.125rem;
              }
            }
             {
              margin-right: -0.625rem;
            }
          }
        }
      }
    }
     {
      display: none;
    }
    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }
     {
      width: 100%;
    }
     {
       {
        margin-top: 0.625rem;
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
       {
        width: 100%;
      }
    }
     {
       {
        margin-bottom: 1.25rem;
      }
    }
     {
      margin-bottom: 78px;
    }
     {
       {
         {
          padding-top: 0 !important;
          padding-bottom: 0 !important;
        }
         {
          padding-left: 0.75rem;
          padding-right: 0.75rem;
        }
         {
          padding-top: 0px;
          padding-bottom: 0px;
        }
      }
    }
     {
       {
         {
           {
            padding-right: 25px;
          }
           {
             {
              padding-left: 25px;
            }
             {
              padding-right: unset;
            }
          }
           {
            padding-left: 25px;
          }
           {
             {
              padding-left: unset;
            }
             {
              padding-right: 25px;
            }
          }
        }
      }
    }
     {
       {
         {
           {
             {
              padding-right: 0.75rem;
            }
             {
               {
                padding-left: 0.75rem;
              }
               {
                padding-right: unset;
              }
            }
             {
              padding-left: 0.75rem;
            }
             {
               {
                margin: 0px !important;
              }
               {
                margin: 0px;
              }
               {
                padding-left: 0px;
              }
               {
                padding-right: 0.75rem;
              }
            }
          }
        }
      }
    }
     {
      text-align: center;
    }
    @media (max-width: 767px) {
       {
         {
        }
      }
    }
     {
      text-align: center;
    }
     {
       {
        float: none;
      }
       {
        margin-top: 5px;
      }
    }
     {
      @media (min-width: 1200px) {
         {
           {
             {
               {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
               {
              }
            }
          }
        }
      }
       {
        display: flex;
      }
       {
        flex-wrap: wrap;
      }
    }
     {
       {
        margin-bottom: 1.25rem;
      }
    }
    .\!btn {
      float: left;
    }
    .\!btn {
      margin-top: 5px;
    }
     {
       {
        max-height: 100px;
      }
    }
     {
      display: none;
    }
     {
      min-height: 250px;
    }
    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }
     {
      margin-top: 0.625rem;
    }
     {
      width: 100%;
    }
     {
       {
        float: none;
      }
    }
     {
       {
        margin-top: 48px !important;
      }
       {
        margin-top: 1.25rem;
      }
       {
        padding: 1.25rem;
      }
    }
     {
      margin-top: 48px !important;
    }
     {
      margin-top: 1.25rem;
    }
     {
       {
        padding-top: 0px;
      }
    }
     {
       {
        margin-bottom: 0 !important;
      }
       {
        margin-bottom: 0px;
      }
    }
     {
      .\!btn {
        font-size: 11px;
      }
    }
     {
      padding: 0 !important;
    }
     {
      padding: 0px;
    }
     {
      display: block;
    }
    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }
     {
      display: block;
    }
     {
      width: 100%;
    }
     {
       {
        margin-bottom: 0.625rem;
      }
    }
    {
      {
        {
          {
             {
              min-width: 180px;
            }
          }
        }
      }
    }
    {
      {
        {
           {
            width: 45%;
          }
        }
      }
    }
     {
      padding-bottom: 8px;
    }
     {
       {
         {
           {
             {
              min-width: 108px;
            }
          }
        }
      }
    }
     {
       {
         {
          display: none;
        }
      }
    }
     {
       {
         {
           {
            display: block;
          }
           {
            display: block;
          }
        }
      }
    }
     {
       {
        justify-content: flex-start !important;
      }
    }
    border-radius: 10px !important;
     {
       {
        justify-content: flex-start;
      }
       {
        gap: 10px;
      }
    }
    padding-left: 20px !important;
    max-width: calc(242px + (415 - 242) * ((100vw - 320px) / (767 - 320)));
     {
      max-width: calc(242px + (415 - 242) * ((100vw - 320px) / (767 - 320)));
    }
     {
      padding-top: 9px;
      padding-bottom: 9px;
    }
     {
      padding-left: 16px;
      padding-right: 16px;
    }
     {
       {
        margin-top: 46px;
      }
       {
        max-width: calc(242px + (415 - 242) * ((100vw - 320px) / (767 - 320)));
      }
    }
     {
      display: block;
    }
     {
      display: block;
    }
     {
       {
        display: block;
      }
       {
        margin-top: 15px;
      }
       {
        display: block;
      }
       {
         {
          @media (min-width: 1200px) {
             {
               {
                 {
                   {
                  }
                }
              }
            }
          }
          @media (max-width: 575px) {
             {
               {
                 {
                   {
                  }
                }
              }
            }
          }
           {
            display: flex;
          }
        }
      }
    }
     {
       {
        display: block;
      }
       {
        display: block;
      }
       {
        width: auto !important;
      }
       {
        min-width: 270px;
      }
    }
     {
      display: block;
    }
     {
      margin-left: auto;
      margin-right: auto;
    }
     {
      margin-top: 0px;
      margin-bottom: 0px;
    }
     {
      display: block;
    }
     {
      max-width: 100%;
    }
     {
      overflow: hidden;
    }
     {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
    }
     {
      max-width: 385px;
    }
     {
      overflow: hidden;
    }
     {
      text-overflow: ellipsis;
    }
     {
      white-space: nowrap;
    }
    display: none !important;
    padding: 0.625rem;
     {
      height: 200px;
    }
    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }
     {
      height: auto;
    }
     {
      width: 100%;
    }
     {
      padding: 30px;
    }
    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }
     {
      width: 100%;
    }
    padding-left: 1.25rem;
    display: block;
    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }
     {
      width: 100%;
    }
     {
      clear: both;
    }
     {
       {
        display: none;
      }
       {
        margin-top: 0 !important;
      }
       {
        margin-top: 0px;
      }
       {
        border-radius: 0px;
      }
       {
         {
          margin-top: 0 !important;
        }
         {
          margin-top: 0px;
        }
      }
    }
     {
       {
         {
           {
             {
               {
                margin-right: -0.125rem;
              }
            }
             {
              margin-right: -0.625rem;
            }
          }
        }
      }
    }
     {
      display: none;
    }
    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }
     {
      width: 100%;
    }
     {
       {
        margin-top: 0.625rem;
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
       {
        width: 100%;
      }
    }
     {
       {
        margin-bottom: 1.25rem;
      }
    }
     {
      margin-bottom: 78px;
    }
     {
       {
         {
          padding-top: 0 !important;
          padding-bottom: 0 !important;
        }
         {
          padding-left: 0.75rem;
          padding-right: 0.75rem;
        }
         {
          padding-top: 0px;
          padding-bottom: 0px;
        }
      }
    }
     {
       {
         {
           {
            padding-right: 25px;
          }
           {
             {
              padding-left: 25px;
            }
             {
              padding-right: unset;
            }
          }
           {
            padding-left: 25px;
          }
           {
             {
              padding-left: unset;
            }
             {
              padding-right: 25px;
            }
          }
        }
      }
    }
     {
       {
         {
           {
             {
              padding-right: 0.75rem;
            }
             {
               {
                padding-left: 0.75rem;
              }
               {
                padding-right: unset;
              }
            }
             {
              padding-left: 0.75rem;
            }
             {
               {
                margin: 0px !important;
              }
               {
                margin: 0px;
              }
               {
                padding-left: 0px;
              }
               {
                padding-right: 0.75rem;
              }
            }
          }
        }
      }
    }
     {
      text-align: center;
    }
    @media (max-width: 767px) {
       {
         {
        }
      }
    }
     {
      text-align: center;
    }
     {
       {
        float: none;
      }
       {
        margin-top: 5px;
      }
    }
     {
      @media (min-width: 1200px) {
         {
           {
             {
               {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
               {
              }
            }
          }
        }
      }
       {
        display: flex;
      }
       {
        flex-wrap: wrap;
      }
    }
     {
       {
        margin-bottom: 1.25rem;
      }
    }
    .\!btn {
      float: left;
    }
    .\!btn {
      margin-top: 5px;
    }
     {
       {
        max-height: 100px;
      }
    }
    left: 55px;
    top: 470px;
     {
      display: none;
    }
     {
      min-height: 250px;
    }
    flex-wrap: wrap;
    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }
     {
      margin-top: 0.625rem;
    }
     {
      width: 100%;
    }
     {
       {
        float: none;
      }
    }
    margin-top: 48px !important;
    margin-top: 1.25rem;
     {
       {
        margin-top: 48px !important;
      }
       {
        margin-top: 1.25rem;
      }
       {
        padding: 1.25rem;
      }
    }
     {
      margin-top: 48px !important;
    }
     {
      margin-top: 1.25rem;
    }
     {
       {
        padding-top: 0px;
      }
    }
     {
       {
        margin-bottom: 0 !important;
      }
       {
        margin-bottom: 0px;
      }
    }
     {
      .\!btn {
        font-size: 11px;
      }
    }
    text-align: right;
     {
      padding: 0 !important;
    }
     {
      padding: 0px;
    }
     {
      display: block;
    }
    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }
     {
      display: block;
    }
     {
      width: 100%;
    }
     {
       {
        margin-bottom: 0.625rem;
      }
    }
  }
}

@media (max-width: 575px) {
  .manage-review-wrapper{
    .top-body{
      ~ .manage-review{
        .dt-container{
          .dt-layout-row{
            &:first-child {
              top: 100px;
            }
            &:first-child {
              gap: 16px;
            }
          }
        }
      }
    }
  }

  .bookmark-tabcontent {
    .details-bookmark {
      &.list-bookmark {
        .bookmark-card {
          img {
            width: 100%;
          }
        }
      }
    }
  }

  .fg-emoji-container {
    left: 22px !important;
    width: 262px !important;
  }

  .seller-details-wrapper {
    .heading-space {
      .card-header {
        .header-top {
          margin-left: 63px;
        }
      }
    }
  }

  @media (min-width: 1200px) {
     {
       {
         {
          .discount-options {
          }
        }
      }
    }
  }

  @media (max-width: 575px) {
     {
       {
         {
          .discount-options {
          }
        }
      }
    }
  }

  .discount-options {
    display: flex;
  }

  .sidebar-left-wrapper {
    .sidebar-left-icons {
      .nav-item {
        .tab-link {
          .product-tab-content {
            h6 {
              text-align: left;
            }
            p {
              text-align: left;
            }
          }
        }
      }
    }
  }

  .role-permission-wrapper {
    .permission-form {
      @media (min-width: 1200px) {
         {
           {
             {
              ul {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              ul {
              }
            }
          }
        }
      }
      ul {
        display: flex;
      }
      ul {
        flex-wrap: nowrap;
      }
      ul {
        justify-content: flex-start;
      }
      ul {
        gap: 32px;
      }
    }
  }

  .email-main-wrapper {
    .tabs {
      .tab-links {
        flex-direction: row;
      }
    }
  }

  .list-persons {
    .tab-links {
      .tab-link {
        .flex {
          .grow {
            text-align: left;
          }
        }
      }
    }
  }

  .todo-wrap {
    &.email-wrap {
      .todo-tasks {
        li {
          flex-wrap: wrap;
        }
        li {
          gap: 8px;
        }
        li {
          span:not(.c-o-light) {
            padding: 0;
          }
        }
        .card-body {
          .task-date {
            margin: 0;
          }
          .task-date {
            width: 100%;
          }
          .task-date {
            justify-content: space-between;
          }
          .task-date {
            span {
              padding: 0;
            }
          }
        }
      }
    }
  }

  .datatable-advance-wrapper,
    .datatable-api-wrapper,
    .data-source-wrapper,
    .autofill-data-tables {
    .dt-container {
      .dt-layout-row {
        .dt-layout-cell {
          .dt-paging {
            .dt-paging-button {
              padding-top: 4px;
              padding-bottom: 4px;
            }
            .dt-paging-button {
              padding-left: 7px;
              padding-right: 7px;
            }
          }
        }
      }
    }
  }

  .add-post {
    form {
      .m-checkbox-inline {
        label {
          margin-right: 15px;
        }
      }
    }
  }

  .login-card {
    padding-top: 40px;
    padding-bottom: 40px;
    .logo {
      margin-bottom: 10px !important;
    }
  }

  .main {
    .langChoice {
      top: 14px;
    }
    .langChoice {
      padding-top: 4px;
      padding-bottom: 4px;
    }
    .langChoice {
      padding-left: 7px;
      padding-right: 7px;
    }
  }

  .modal {
    .modal-dialog {
      margin: 8px !important;
    }
    .modal-dialog {
      width: auto;
    }
  }

  .icon-hover-bottom {
    .form-group {
      display: block !important;
    }
    .form-group {
      margin-bottom: 0px;
    }
    .form-group {
      display: block !important;
    }
    .form-group {
      .btn {
        margin-top: 15px;
      }
      input {
        width: 100% !important;
      }
    }
  }

  .user-profile {
    .common-user-image {
      .user-image {
        .avatar {
          margin-bottom: 20px !important;
        }
        .avatar {
          flex-direction: column;
        }
        .avatar {
          flex-wrap: wrap;
        }
        .avatar {
          justify-content: center;
        }
        .avatar {
          .common-align {
            text-align: center;
          }
          @media (max-width: 767px) {
             {
              .common-align {
              }
            }
          }
          .common-align {
            flex-direction: column;
          }
          .common-align {
            flex-wrap: wrap;
          }
          .common-align {
            text-align: center;
          }
          .common-align {
            .user-designation {
              margin-bottom: 18px;
            }
            .user-designation {
              .desc {
                text-align: center;
              }
              @media (max-width: 767px) {
                 {
                  .desc {
                  }
                }
              }
              .desc {
                text-align: center;
              }
            }
          }
        }
      }
    }
  }

  .swap-wrapper {
    .list-group {
      .list-group-item {
        padding-top: 11px !important;
        padding-bottom: 11px !important;
      }
      .list-group-item {
        padding-left: 4px !important;
        padding-right: 4px !important;
      }
    }
  }

  .page-body-wrapper {
    .page-title {
      .breadcrumb {
        margin-top: 0.25rem;
      }
      .breadcrumb {
        justify-content: flex-start;
      }
    }
  }

  .sidebar-panel-main {
    display: none;
  }

  .border-tab {
    &.nav-tabs {
      display: block;
    }
    &.nav-tabs {
      display: block;
    }
  }

  .page-wrapper {
    &.compact-wrapper {
      .page-header {
        .header-wrapper {
          .toggle-sidebar {
            display: block;
          }
          .toggle-sidebar {
            margin-right: 8px;
          }
          .toggle-sidebar {
            display: block;
          }
          .toggle-sidebar {
            padding-right: 8px;
          }
          .toggle-sidebar {
            svg {
              height: 20px;
            }
            svg {
              width: 18px;
            }
          }
        }
      }
    }
    .page-header {
      .header-wrapper {
        padding-left: 15px;
        padding-right: 15px;
      }
      .header-wrapper {
        @media (min-width: 1200px) {
           {
             {
               {
                .header-logo-wrapper {
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                .header-logo-wrapper {
                }
              }
            }
          }
        }
        .header-logo-wrapper {
          display: flex !important;
        }
        .header-logo-wrapper {
          line-height: 1;
        }
        .search-full {
          input {
            padding-left: 30px;
          }
          input {
            line-height: 2.5rem;
          }
          .form-group {
            &::before {
              left: 0.625rem;
            }
            &::before {
              top: 0.875rem;
            }
            .close-search {
              right: 0.25rem;
            }
            .close-search {
              top: 9px;
            }
            .close-search {
              height: 18px;
            }
            .close-search {
              width: 18px;
            }
          }
        }
        .nav-right {
          > ul {
            margin-top: 0;
          }
          > ul {
            line-height: 1;
          }
          > ul {
            li {
              padding-top: 4px;
              padding-bottom: 4px;
            }
            li {
              line-height: 1;
            }
            li {
              .flag-icon {
                font-size: 14px;
              }
              .flag-icon {
                &:before {
                  display: block;
                }
                &:before {
                  display: block;
                }
                &:before {
                  padding: 0;
                }
              }
              svg {
                width: 18px;
              }
              svg {
                vertical-align: baseline;
              }
              .profile-media {
                img {
                  width: 25px;
                }
              }
            }
          }
        }
      }
    }
    .page-body-wrapper {
      .page-title {
        .grid {
          h3 {
            font-size: 20px;
          }
        }
      }
    }
  }

  .page-wrapper.only-body {
    .page-header {
      .header-wrapper {
        .nav-right {
          right: 30px;
        }
      }
    }
  }

  .search-page {
    .info-block {
      display: block;
    }
    .info-block {
      display: block;
    }
  }

  .btn {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
  }

  .alert-theme {
    min-width: 380px;
  }

  .knowledgebase-bg {
    height: 250px;
  }

  .login-card {
    .login-main {
      .theme-form {
        .or {
          &:before {
            width: 55%;
          }
        }
        .form-group {
          .link {
            position: relative;
          }
          .link {
            inset: 0px;
          }
        }
      }
      &.create-account {
        .theme-form {
          .or {
            &::before {
              width: 42%;
            }
          }
        }
      }
    }
  }

  .knowledgebase-search {
    left: 15px;
    height: calc(100% - 30px);
    width: calc(100% - 30px);
    border-radius: 15px;
    background-color: rgba(var(--white),0.7);
    .form-inline {
      width: 90%;
    }
    .form-inline {
      padding-left: 45px;
      padding-right: 45px;
    }
    .form-inline {
      padding-top: 3px;
      padding-bottom: 3px;
    }
    .form-inline {
      svg {
        top: 10px;
      }
    }
    > div {
      text-align: center;
    }
    @media (max-width: 575px) {
       {
         {
           {
            > > div {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > > div {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > > div {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > > div {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 767px) {
       {
        > div {
        }
      }
    }
    > div {
      width: 100%;
    }
    > div {
      border-right-width: 10px;
    }
    > div {
      padding: 15px;
    }
    > div {
      text-align: center;
    }
    > div {
      h3 {
        margin-bottom: 0 !important;
      }
      h3 {
        margin-bottom: 0px;
      }
      h3 {
        font-size: 1.25rem;
        line-height: 1.75rem;
      }
      .form-group {
        margin-bottom: 0 !important;
      }
      .form-group {
        margin-bottom: 0px;
      }
    }
  }

  .invoice {
    .text-md-end {
      margin-top: 0.625rem;
    }
    .text-xs-center {
      text-align: center;
    }
    @media (max-width: 767px) {
       {
        .text-xs-center {
        }
      }
    }
    .text-xs-center {
      text-align: center;
    }
  }

  .login-card {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    .logo {
      margin-bottom: 0.625rem;
    }
    .login-main {
      width: auto;
    }
    .login-main {
      padding: 1.25rem;
    }
    .login-main {
      .theme-form {
        .form-group {
          margin-bottom: 5px;
        }
        .form-group {
          p {
            margin-bottom: 5px;
          }
        }
      }
    }
  }

  .bookmark {
    ul {
      li {
        a {
          svg {
            height: 1rem;
          }
          svg {
            width: 1rem;
          }
        }
        & + li {
          margin-left: 5px;
        }
      }
    }
  }

  .alert-dismissible {
    padding-right: 30px;
    p {
      max-width: 160px;
    }
  }

  .customizer-links {
    display: none;
  }

  .m-r-30 {
    margin-right: 15px;
  }

  .faq-wrap {
    .faq-accordion {
      .card-header {
        .btn-link {
          padding-left: 0.75rem;
        }
        .btn-link {
          padding-right: 2.5rem;
        }
        .btn-link {
          padding-top: 0.75rem;
        }
        .btn-link {
          padding-bottom: 15px;
        }
      }
    }
  }

  .add-post {
    form {
      .m-checkbox-inline {
        label {
          margin-right: 15px;
        }
      }
    }
    .dropzone {
      margin-bottom: 15px;
    }
  }

  .wizard-4 {
    .msg-box {
      top: 0.625rem;
    }
    .login-card {
      .login-main {
        width: 280px;
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > .step-container {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > .step-container {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > .step-container {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > .step-container {
                width: 90%;
              }
            }
          }
        }
      }
    }
    .step-container {
      width: 100%;
    }
    .step-container {
      div {
        &.content {
          margin-top: 0.625rem;
        }
        &.content {
          .wizard-title {
            width: 280px;
          }
        }
      }
    }
    .action-bar {
      right: 0.625rem;
    }
    .action-bar {
      .btn {
        margin-left: 0.125rem;
        margin-right: 0.125rem;
      }
      .btn {
        margin-top: 0px;
        margin-bottom: 0px;
      }
    }
    ul {
      @media (max-width: 575px) {
         {
           {
             {
              > &.anchor {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > &.anchor {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              > &.anchor {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > &.anchor {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      &.anchor {
        width: 100%;
      }
      &.anchor {
        padding-bottom: 15px;
      }
    }
  }

  .customers {
    &.avatar-group {
      margin-right: 15px;
    }
  }

  .vertical-mobile-sidebar {
    top: 19px;
  }

  .alert-theme {
    i {
      margin-right: 0.625rem;
    }
    button {
      top: 0px;
    }
  }

  .bar-chart-widget {
    .earning-details {
      i {
        right: -30px;
      }
    }
  }

  .clockpicker-align-top {
    left: 45px;
    top: 406px;
  }

  .gallery {
    margin-bottom: -15px;
  }

  .my-gallery {
    figure {
      margin-bottom: 15px !important;
    }
    figure {
      &:nth-child(9),
        &:nth-child(10) {
        margin-bottom: 15px;
      }
    }
    &.gallery-with-description {
      figure {
        &:last-child {
          margin-bottom: 1.25rem;
        }
      }
    }
  }

  #aniimated-thumbnials {
    figure {
      &:nth-child(12),
        &:nth-child(11),
        &:nth-child(10),
        &:nth-child(9) {
        margin-bottom: 15px;
      }
    }
  }

  .photoswipe-pb-responsive {
    padding-bottom: 30px;
  }

  .avatar-showcase {
    .pepole-knows {
      text-align: center;
    }
    @media (max-width: 767px) {
       {
        .pepole-knows {
        }
      }
    }
    .pepole-knows {
      text-align: center;
    }
    .pepole-knows {
      ul {
        li {
          margin-right: 0.875rem;
        }
      }
    }
  }

  .social-app-profile {
    .hovercard {
      .user-image {
        .avatar {
          margin-top: -3.5rem;
        }
        .avatar {
          img {
            height: 100px;
          }
          img {
            width: 100px;
          }
        }
      }
      .info {
        .tabs-social {
          .user-designation {
            padding: 0 !important;
          }
          .user-designation {
            margin-bottom: 0 !important;
          }
          .user-designation {
            margin-bottom: 0px;
          }
          .user-designation {
            border-top-color: none;
            border-bottom-color: none;
          }
          .user-designation {
            padding: 0px;
          }
        }
      }
    }
    .tabs-social {
      margin-bottom: 0 !important;
    }
    .tabs-social {
      margin-bottom: 0px;
    }
  }

  .socialprofile {
    .social-btngroup {
      margin-left: 0px;
      margin-right: 0px;
    }
    .social-btngroup {
      margin-top: 15px;
      margin-bottom: 15px;
    }
    .social-group {
      margin-top: 15px;
    }
  }

  .social-status {
    form {
      .form-group {
        .form-control-social {
          margin-bottom: 15px;
        }
      }
    }
  }

  #cd-timeline {
    margin-right: 0px;
  }

  .social-chat {
    margin-top: 15px;
    .your-msg,
      .other-msg {
      margin-bottom: 15px;
    }
  }

  .social-network {
    span {
      margin-bottom: 15px;
    }
  }

  .details-about {
    + .details-about {
      margin-top: 15px;
    }
  }

  .your-details-xs {
    margin-top: 15px;
  }

  .social-header {
    h5 {
      span {
        &.pull-right {
          margin-top: 0 !important;
        }
        &.pull-right {
          float: right;
        }
        &.pull-right {
          margin-top: 0px;
        }
        &.pull-right {
          svg {
            height: 18px;
          }
          svg {
            width: 18px;
          }
        }
      }
    }
  }

  .activity-log {
    .my-activity {
      + .my-activity {
        margin-top: 15px;
      }
    }
  }

  .photos {
    ul {
      li {
        width: 26%;
      }
      li {
        &:nth-child(3n) {
          margin-right: 0px;
        }
      }
    }
  }

  .button-box {
    text-align: center;
  }

  @media (max-width: 767px) {
     {
      .button-box {
      }
    }
  }

  .button-box {
    text-align: center;
  }

  .helper-classes {
    padding: 15px;
  }

  .form-builder-2-header {
    ul {
      li {
        text-align: left;
      }
    }
    .form-inline {
      display: block;
    }
    @media (max-width: 575px) {
       {
         {
           {
            > .form-inline {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > .form-inline {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > .form-inline {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > .form-inline {
                width: 90%;
              }
            }
          }
        }
      }
    }
    .form-inline {
      display: block;
    }
    .form-inline {
      width: 100%;
    }
    .form-inline {
      @media (max-width: 575px) {
         {
           {
             {
              > .form-group {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > .form-group {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              > .form-group {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > .form-group {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      .form-group {
        margin-right: 0px;
      }
      .form-group {
        width: 100%;
      }
      @media (max-width: 575px) {
         {
           {
             {
              > button {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > button {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              > button {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > button {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      button {
        width: 100%;
      }
      button {
        text-align: left;
      }
    }
  }

  .nav-tabs {
    .nav-item {
      &.show {
        .nav-link {
          border-top-width: 0px;
          border-bottom-width: 0px;
        }
      }
    }
    .nav-link {
      border-top-width: 0px;
      border-bottom-width: 0px;
    }
    .nav-link {
      &:hover,
        &.active,
        &:focus {
        border-top-width: 0px;
        border-bottom-width: 0px;
      }
    }
  }

  .border-tab {
    &.nav-tabs {
      @media (max-width: 575px) {
         {
           {
             {
              > .nav-item {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > .nav-item {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              > .nav-item {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > .nav-item {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      .nav-item {
        width: 100%;
      }
    }
    .ecommerce-widget {
      .progress-showcase {
        margin-top: 15px;
      }
    }
    &.nav-left {
      .nav-link {
        text-align: center;
      }
      @media (max-width: 767px) {
         {
          .nav-link {
          }
        }
      }
      .nav-link {
        border-left-color: none;
      }
      .nav-link {
        text-align: center;
      }
    }
    &.nav-right {
      .nav-link {
        text-align: center;
      }
      @media (max-width: 767px) {
         {
          .nav-link {
          }
        }
      }
      .nav-link {
        border-right-color: none;
      }
      .nav-link {
        text-align: center;
      }
    }
  }

  .tabs {
    .tab-links {
      text-align: center;
    }
    @media (min-width: 1200px) {
       {
         {
           {
            .tab-links {
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > .tab-links {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > .tab-links {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > .tab-links {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > .tab-links {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 767px) {
       {
        .tab-links {
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            .tab-links {
            }
          }
        }
      }
    }
    .tab-links {
      display: flex;
    }
    .tab-links {
      width: 100%;
    }
    .tab-links {
      flex-direction: column;
    }
    .tab-links {
      text-align: center;
    }
    .tab-links {
      border-bottom: none;
      li {
        text-align: center;
      }
      @media (max-width: 575px) {
         {
           {
             {
              > li {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > li {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              > li {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > li {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 767px) {
         {
          li {
          }
        }
      }
      li {
        width: 100%;
      }
      li {
        text-align: center;
      }
    }
  }

  .main-inbox {
    .header-inbox {
      .header-right-inbox {
        display: none;
      }
    }
  }

  .pills-blogger {
    .blog-content {
      width: unset;
    }
  }

  .material-wrapper {
    flex-direction: column;
    align-items: center;
  }

  .editor_container {
    .CodeMirror {
      height: 190px;
    }
    .CodeMirror {
      min-height: 190px;
    }
  }

  .tab-content {
    ~ .nav-tabs {
      &.border-tab {
        margin-top: 0.625rem;
      }
    }
  }

  .nav-pills {
    text-align: center;
  }

  @media (max-width: 767px) {
     {
      .nav-pills {
      }
    }
  }

  .nav-pills {
    text-align: center;
  }

  .crm-overall {
    margin-top: 0 !important;
    margin-right: -15px;
    margin-bottom: -15px;
    margin-left: -15px;
    margin-top: 0px;
  }

  .product-color {
    li {
      height: 15px;
    }
    li {
      width: 15px;
    }
  }

  .product-social {
    li {
      a {
        height: 30px;
      }
      a {
        width: 30px;
      }
      a {
        font-size: 13px;
      }
      &:nth-child(n + 2) {
        margin-left: 5px;
      }
    }
  }

  .product-page-main {
    .tabs {
      padding: 15px;
    }
    .product-page-details {
      h3 {
        font-size: 1.5rem;
        line-height: 2rem;
      }
    }
  }

  .datetime-picker {
    label {
      text-align: left;
    }
  }

  .redial-chart-block {
    text-align: center;
  }

  @media (max-width: 767px) {
     {
      .redial-chart-block {
      }
    }
  }

  .redial-chart-block {
    text-align: center;
  }

  #nav-tabContent {
    margin-top: 15px;
  }

  .reset-password-box {
    width: 430px;
  }

  .auth-bg {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .auth-bg-effect {
    display: none;
  }

  .dataTables_wrapper {
    table {
      &.dataTable {
        margin-bottom: 15px;
      }
    }
  }

  ul {
    &.pagination {
      li {
        &:before {
          line-height: 3;
        }
      }
    }
  }

  div {
    &.dataTables_wrapper {
      div {
        &.dataTables_length {
          margin-bottom: 15px;
        }
        &.dataTables_length {
          select {
            min-height: 30px;
          }
        }
      }
      table {
        &.dataTable {
          th,
            td {
            padding: 0.5rem;
          }
        }
      }
      div {
        &.dataTables_paginate {
          margin-top: 15px;
        }
        &.dataTables_paginate {
          .paginate_button {
            padding-left: 7px;
            padding-right: 7px;
          }
          .paginate_button {
            padding-top: 1px;
            padding-bottom: 1px;
          }
          .paginate_button {
            &.previous {
              a {
                border-color: none;
              }
            }
            &.next {
              a {
                border-color: none;
              }
            }
          }
        }
      }
      .dataTables_filter {
        margin-bottom: 15px;
      }
      .dataTables_filter {
        input {
          &[type="search"] {
            height: 30px;
          }
        }
      }
    }
  }

  .page-wrapper {
    .page-body-wrapper {
      .user-profile {
        .profile-img-style {
          padding: 15px;
        }
        .profile-img-style {
          .img-container {
            margin-top: 15px;
          }
        }
        hr {
          margin-left: 0px;
          margin-right: 0px;
        }
        hr {
          margin-top: 15px;
          margin-bottom: 15px;
        }
        .like-comment {
          margin-top: 15px;
        }
      }
      .default-according {
        .card {
          .card-header,
            .card-body,
            .card-footer {
            padding-left: 1.25rem;
            padding-right: 1.25rem;
          }
          .card-header,
            .card-body,
            .card-footer {
            padding-top: 0.75rem;
            padding-bottom: 0.75rem;
          }
        }
      }
      .card {
        margin-bottom: 1.25rem !important;
      }
      .card {
        .card-header,
          .card-body,
          .card-footer {
          .tab-content {
            .m-t-30 {
              margin-top: 48px !important;
            }
            .m-t-30 {
              margin-top: 1.25rem;
            }
            .m-b-30 {
              margin-bottom: 1.25rem;
            }
          }
        }
      }
    }
    .page-header {
      .header-wrapper {
        .nav-right {
          .onhover-show-div {
            position: fixed;
          }
          .onhover-show-div {
            right: 0.75rem;
          }
          .onhover-show-div {
            top: 60px;
          }
          .onhover-show-div {
            width: calc(100vw - 30px);
          }
          .notification-dropdown {
            position: fixed;
          }
          .notification-dropdown {
            left: 15px;
          }
          .notification-dropdown {
            top: 60px;
          }
          .notification-dropdown {
            width: calc(100vw - 300px);
          }
          .cart-dropdown {
            left: 15px;
          }
          .profile-dropdown {
            top: 43px;
          }
        }
      }
    }
  }

  .jvector-map-height {
    height: 250px;
  }

  .user-profile {
    .order-sm-0 {
      order: -1;
    }
    .hovercard {
      .info {
        .ttl-info {
          text-align: center;
        }
        @media (max-width: 767px) {
           {
            .ttl-info {
            }
          }
        }
        .ttl-info {
          text-align: center;
        }
        .ttl-xs-mt {
          margin-top: 48px !important;
        }
        .ttl-xs-mt {
          margin-top: 1.25rem;
        }
      }
      .cardheader {
        height: 300px;
      }
      .cardheader {
        .info {
          padding: 1.25rem;
        }
        .info {
          .user-designation {
            padding-left: 0 !important;
            padding-right: 0 !important;
          }
          .user-designation {
            margin-top: 0.75rem;
          }
          .user-designation {
            margin-bottom: 15px;
          }
          .user-designation {
            border-bottom-width: 1px;
          }
          .user-designation {
            border-style: solid;
          }
          .user-designation {
            border-bottom-color: rgba(var(--chart-dashed-border),1);
          }
          .user-designation {
            padding-left: 0px;
            padding-right: 0px;
          }
          .user-designation {
            padding-top: 15px;
            padding-bottom: 15px;
          }
        }
      }
      .social-media {
        a {
          margin-right: 0px;
        }
        a {
          font-size: 1rem;
          line-height: 1.5rem;
        }
      }
      .follow {
        .follow-num {
          font-size: 1.25rem;
          line-height: 1.75rem;
        }
      }
    }
    hr {
      margin-left: 0px;
      margin-right: 0px;
    }
    hr {
      margin-top: 15px;
      margin-bottom: 15px;
    }
    .profile-img-style {
      .pictures {
        img {
          margin-bottom: 0.625rem;
        }
      }
    }
  }

  .icon-hover-bottom {
    .form-group {
      display: block;
    }
    .form-group {
      margin-bottom: 0 !important;
    }
    .form-group {
      margin-bottom: 0px;
    }
    .form-group {
      display: block;
    }
    .form-group {
      @media (max-width: 575px) {
         {
           {
             {
              > input {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > input {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              > input {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > input {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      input {
        width: 100%;
      }
      .btn {
        margin-top: 15px;
      }
    }
    .icon-popup {
      padding: 15px;
    }
    svg {
      &.climacon {
        height: 50px;
      }
      &.climacon {
        width: 50px;
      }
    }
  }

  .blog-box {
    &.blog-shadow {
      &:before {
        --tw-shadow: inset 0px -100px 100px -13px rgba(0,0,0,0.6);
        --tw-shadow-colored: inset 0px -100px 100px -13px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
      }
    }
    .blog-details {
      p,
        .single-blog-content-top {
        margin-top: 15px;
      }
      h4 {
        margin-top: 15px;
      }
      .blog-social {
        margin-top: 15px;
      }
      .blog-social {
        li {
          & + li {
            padding-left: 0.5rem;
          }
          & + li {
            > span {
              display: none;
            }
          }
          &:first-child {
            margin-right: 0.625rem;
          }
          &:first-child {
            padding-right: 1.25rem;
          }
        }
      }
    }
  }

  .comment-box {
    padding-bottom: 0 !important;
    padding-top: 2.5rem;
    padding-bottom: 0px;
    ul {
      ul {
        margin-left: 30px;
      }
    }
    li {
      .course-flex {
        display: block;
      }
      .course-flex {
        display: block;
      }
      .course-flex {
        img {
          margin-bottom: 0.625rem;
        }
        img {
          height: 50px;
        }
        img {
          width: 50px;
        }
        img {
          padding: 3px;
        }
      }
    }
  }

  .ace-editor {
    height: 20rem;
  }

  .gallery {
    > a {
      text-align: center;
    }
    @media (max-width: 767px) {
       {
        > a {
        }
      }
    }
    > a {
      margin-bottom: 15px;
    }
    > a {
      text-align: center;
    }
  }

  .card {
    .card-header {
      h5 {
        font-size: 17px;
      }
    }
  }

  .theme-form {
    .form-group {
      margin-bottom: 15px;
    }
  }

  .custom-card {
    .card-footer {
      > div {
        h6 {
          font-size: 0.875rem;
          line-height: 1.25rem;
        }
        h6 {
          font-weight: 600;
        }
        h3 {
          font-size: 1.5rem;
          line-height: 2rem;
        }
      }
    }
  }

  .calendar-wrap {
    .fc-toolbar {
      .fc-center {
        margin-top: 0.625rem;
      }
    }
    a {
      &.fc-more {
        font-size: 0.7em;
      }
    }
  }

  .mega-inline {
    display: block;
  }

  .megaoptions-border-space-sm {
    padding-bottom: 30px;
  }

  .blog-box {
    &.blog-shadow {
      .blog-details {
        padding: 15px;
      }
      .blog-details {
        p {
          margin-bottom: 0 !important;
        }
        p {
          margin-bottom: 0px;
        }
        h4 {
          margin-bottom: 0.625rem;
        }
      }
    }
    &.blog-list {
      .blog-details {
        padding-top: 0px;
      }
    }
    .blog-details {
      padding: 1.25rem;
    }
    .blog-date {
      span {
        font-size: 25px;
      }
    }
  }

  .blog-single {
    .blog-box {
      .blog-details {
        padding: 0 !important;
      }
      .blog-details {
        padding: 0px;
      }
    }
  }

  .error-wrapper {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    .btn {
      margin-top: 15px;
    }
    .img-100 {
      width: 65px;
    }
    .maintenance-heading {
      .cloud-second {
        display: none;
      }
      .headline {
        text-align: center !important;
      }
      @media (max-width: 767px) {
         {
          .headline {
          }
        }
      }
      .headline {
        margin-top: -10%;
      }
      .headline {
        text-align: center !important;
      }
      .headline {
        font-size: 25px;
      }
      .headline {
        letter-spacing: 2px;
      }
    }
  }

  .comingsoon {
    .comingsoon-inner {
      .coming-soon-bottom-link {
        margin-top: 48px !important;
      }
      .coming-soon-bottom-link {
        margin-top: 1.25rem;
      }
      .coming-soon-bottom-link {
        line-height: 1;
      }
      h5 {
        margin-top: 1.25rem;
        margin-bottom: 1.25rem;
      }
      .countdown {
        padding-left: 0 !important;
        padding-right: 0 !important;
      }
      .countdown {
        padding-left: 0px;
        padding-right: 0px;
      }
      .countdown {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
      }
      .countdown {
        ul {
          li {
            margin-left: 7px;
            margin-right: 7px;
          }
          li {
            margin-top: 0px;
            margin-bottom: 0px;
          }
        }
        .title {
          font-size: 0.75rem;
          line-height: 1rem;
        }
        .time {
          margin-left: auto;
          margin-right: auto;
        }
        .time {
          margin-top: 0px;
          margin-bottom: 0px;
        }
        .time {
          height: 45px;
        }
        .time {
          width: 45px;
        }
        .time {
          font-size: 1rem;
          line-height: 1.5rem;
        }
        .time {
          line-height: 45px;
        }
      }
    }
  }

  .stepwizard {
    margin-bottom: 15px;
  }

  .f1 {
    .f1-steps {
      margin-top: 15px;
      margin-bottom: 15px;
    }
  }

  .status-widget {
    .text-sm-right {
      text-align: right;
    }
  }

  .nav-md-mt {
    margin-top: 15px;
  }

  .navs-icon {
    padding: 15px;
    .main-section {
      padding-top: 15px;
    }
    .separator {
      margin-left: 0px;
      margin-right: 0px;
    }
    .separator {
      margin-top: 15px;
      margin-bottom: 15px;
    }
  }

  .nav-list {
    padding: 15px;
  }

  .navs-dropdown {
    button {
      margin-top: 15px;
    }
    .onhover-show-div {
      top: 4rem;
    }
  }

  .lg-mt {
    margin-top: 15px;
  }

  #aniimated-thumbnials {
    a {
      &:last-child {
        img {
          margin-bottom: 15px;
        }
      }
    }
  }

  .tilt-showcase {
    ol {
      .m-b-20 {
        margin-bottom: 15px;
      }
    }
  }

  .xs-mt {
    margin-top: 15px;
  }

  .animated-modal {
    .form-group {
      .form-control {
        margin-left: auto;
        margin-right: auto;
      }
      .form-control {
        margin-top: 0px;
        margin-bottom: 0px;
      }
      .form-control {
        width: 50%;
      }
    }
    .animated-modal-md-mb {
      margin-bottom: 15px;
    }
  }

  .steps-md-mt {
    margin-top: 15px;
  }

  .steps-sizing-sm-mb {
    margin-bottom: 15px;
  }

  .taiwind-touchspin {
    .touchspin-vertical-tab {
      .input-group {
        width: 96%;
      }
    }
  }

  #API-child-row_wrapper {
    #API-child-row {
      tbody {
        tr {
          td {
            &:first-child {
              min-width: 20px;
            }
          }
        }
      }
    }
  }

  .chart-block {
    .flot-chart-container {
      @media (max-width: 575px) {
         {
           {
             {
              > p#choices {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > p#choices {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              > p#choices {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > p#choices {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      p#choices {
        width: 100%;
      }
      @media (max-width: 575px) {
         {
           {
             {
              > #toggling-series-flot {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > #toggling-series-flot {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              > #toggling-series-flot {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > #toggling-series-flot {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      #toggling-series-flot {
        width: 100%;
      }
    }
  }

  .click2edit {
    & ~ .note-editor {
      &.note-frame {
        margin-bottom: 15px;
      }
    }
  }

  .ecommerce-widget {
    .progress-showcase {
      margin-top: 15px;
    }
  }

  .reset-password-box {
    .theme-form {
      .form-group {
        .btn {
          margin-top: 13px;
        }
      }
    }
  }

  .gallery-with-description {
    a {
      > div {
        margin-bottom: 15px;
      }
    }
  }

  .gallery-img-mb-sm {
    margin-bottom: 15px;
  }

  .xm-mb-peity {
    margin-bottom: 8px !important;
    margin-bottom: 0.5rem !important;
  }

  .authentication-main {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .translate_wrapper {
    &.active {
      .more_lang {
        &:before,
          &:after {
          display: none;
        }
        &.active {
          position: fixed;
        }
        &.active {
          left: 15px;
        }
        &.active {
          top: 60px;
        }
        &.active {
          width: calc(100vw - 30px);
        }
      }
    }
  }

  .dropdown-basic {
    .btn-group {
      margin-right: unset;
    }
  }

  {
    {
      {
        {
          {
             {
              top: 100px;
            }
             {
              gap: 16px;
            }
          }
        }
      }
    }
     {
       {
         {
           {
            width: 100%;
          }
        }
      }
    }
    left: 22px !important;
    width: 262px !important;
     {
       {
         {
          margin-left: 63px;
        }
      }
    }
  }

  @media (min-width: 1200px) {
     {
       {
         {
           {
          }
        }
      }
    }
  }

  @media (max-width: 575px) {
     {
       {
         {
           {
          }
        }
      }
    }

    display: flex;

     {
       {
         {
           {
             {
              text-align: left;
            }
             {
              text-align: left;
            }
          }
        }
      }
      @media (min-width: 1200px) {
         {
           {
             {
               {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
               {
              }
            }
          }
        }
      }
       {
        display: flex;
      }
       {
        flex-wrap: nowrap;
      }
       {
        justify-content: flex-start;
      }
       {
        gap: 32px;
      }
       {
        flex-direction: row;
      }
       {
        .\!flex {
           {
            text-align: left;
          }
        }
      }
       {
         {
          flex-wrap: wrap;
        }
         {
          gap: 8px;
        }
         {
           {
            padding: 0;
          }
        }
         {
           {
            margin: 0;
          }
           {
            width: 100%;
          }
           {
            justify-content: space-between;
          }
           {
             {
              padding: 0;
            }
          }
        }
      }
       {
         {
           {
             {
              padding-top: 4px;
              padding-bottom: 4px;
            }
             {
              padding-left: 7px;
              padding-right: 7px;
            }
          }
        }
      }
       {
         {
          margin-right: 15px;
        }
      }
    }

    padding-top: 40px;

    padding-bottom: 40px;

     {
      top: 14px;
      padding-top: 4px;
      padding-bottom: 4px;
      padding-left: 7px;
      padding-right: 7px;
      margin: 8px !important;
      width: auto;
      margin-bottom: 0px;
      display: block !important;
       {
        margin-top: 15px;
      }
       {
        width: 100% !important;
      }
       {
         {
          margin-bottom: 20px !important;
        }
         {
          flex-direction: column;
        }
         {
          flex-wrap: wrap;
        }
         {
          justify-content: center;
        }
         {
           {
            text-align: center;
          }
          @media (max-width: 767px) {
             {
               {
              }
            }
          }
           {
            flex-direction: column;
          }
           {
            flex-wrap: wrap;
          }
           {
            text-align: center;
          }
           {
             {
              margin-bottom: 18px;
            }
             {
               {
                text-align: center;
              }
              @media (max-width: 767px) {
                 {
                   {
                  }
                }
              }
               {
                text-align: center;
              }
            }
          }
        }
      }
       {
        padding-top: 11px !important;
        padding-bottom: 11px !important;
      }
       {
        padding-left: 4px !important;
        padding-right: 4px !important;
      }
       {
        margin-top: 0.25rem;
      }
       {
        justify-content: flex-start;
      }
    }

    display: none;

     {
       {
         {
           {
            display: block;
          }
           {
            margin-right: 8px;
          }
           {
            display: block;
          }
           {
            padding-right: 8px;
          }
           {
             {
              height: 20px;
            }
             {
              width: 18px;
            }
          }
        }
      }
       {
        padding-left: 15px;
        padding-right: 15px;
      }
       {
        @media (min-width: 1200px) {
           {
             {
               {
                 {
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                 {
                }
              }
            }
          }
        }
         {
          display: flex !important;
        }
         {
          line-height: 1;
        }
         {
           {
            padding-left: 30px;
          }
           {
            line-height: 2.5rem;
          }
           {
             {
              left: 0.625rem;
            }
             {
              top: 0.875rem;
            }
             {
              right: 0.25rem;
            }
             {
              top: 9px;
            }
             {
              height: 18px;
            }
             {
              width: 18px;
            }
          }
        }
         {
           {
            margin-top: 0;
          }
           {
            line-height: 1;
          }
           {
             {
              padding-top: 4px;
              padding-bottom: 4px;
            }
             {
              line-height: 1;
            }
             {
               {
                font-size: 14px;
              }
               {
                 {
                  display: block;
                }
                 {
                  display: block;
                }
                 {
                  padding: 0;
                }
              }
               {
                width: 18px;
              }
               {
                vertical-align: baseline;
              }
               {
                 {
                  width: 25px;
                }
              }
            }
          }
        }
      }
       {
         {
           {
            font-size: 20px;
          }
        }
      }
       {
         {
          right: 30px;
        }
      }
      display: block;
    }

    padding-left: 1rem;

    padding-right: 1rem;

    padding-top: 0.375rem;

    padding-bottom: 0.375rem;

    min-width: 380px;

    height: 250px;

     {
       {
         {
           {
            width: 55%;
          }
        }
         {
           {
            position: relative;
          }
           {
            inset: 0px;
          }
        }
      }
       {
         {
           {
             {
              width: 42%;
            }
          }
        }
      }
    }

    left: 15px;

    height: calc(100% - 30px);

    width: calc(100% - 30px);

    border-radius: 15px;

    background-color: rgba(var(--white),0.7);

     {
      width: 90%;
      padding-left: 45px;
      padding-right: 45px;
      padding-top: 3px;
      padding-bottom: 3px;
       {
        top: 10px;
      }
      text-align: center;
    }

    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }

    @media (max-width: 767px) {
       {
         {
        }
      }

      width: 100%;

      border-right-width: 10px;

      padding: 15px;

      text-align: center;

       {
        font-size: 1.25rem;
        line-height: 1.75rem;
        margin-bottom: 0 !important;
        margin-bottom: 0px;
      }

      margin-top: 0.625rem;

      text-align: center;

       {
         {
        }
      }

      text-align: center
    }

    padding-top: 2.5rem;

    padding-bottom: 2.5rem;

     {
      margin-bottom: 0.625rem;
      width: auto;
      padding: 1.25rem;
       {
         {
          margin-bottom: 5px;
        }
         {
           {
            margin-bottom: 5px;
          }
        }
      }
       {
         {
           {
            height: 1rem;
          }
           {
            width: 1rem;
          }
        }
         {
          margin-left: 5px;
        }
      }
    }

    padding-right: 30px;

     {
      max-width: 160px;
    }

    display: none;

    margin-right: 15px;

     {
       {
         {
          padding-left: 0.75rem;
        }
         {
          padding-right: 2.5rem;
        }
         {
          padding-top: 0.75rem;
        }
         {
          padding-bottom: 15px;
        }
      }
       {
         {
          margin-right: 15px;
        }
      }
      margin-bottom: 15px;
      top: 0.625rem;
       {
        width: 280px;
      }
    }

    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }

      width: 100%;

       {
         {
          margin-top: 0.625rem;
        }
         {
           {
            width: 280px;
          }
        }
      }

      right: 0.625rem;

       {
        margin-left: 0.125rem;
        margin-right: 0.125rem;
        margin-top: 0px;
        margin-bottom: 0px;
      }

      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }

        width: 100%;

        padding-bottom: 15px
      }

      margin-right: 15px
    }

    top: 19px;

     {
      margin-right: 0.625rem;
      top: 0px;
       {
        right: -30px;
      }
    }

    left: 45px;

    top: 406px;

    margin-bottom: -15px;

     {
      margin-bottom: 15px !important;
       {
        margin-bottom: 15px;
      }
       {
         {
          margin-bottom: 1.25rem;
        }
      }
       {
        margin-bottom: 15px;
      }
    }

    padding-bottom: 30px;

     {
      text-align: center;
    }

    @media (max-width: 767px) {
       {
         {
        }
      }

      text-align: center;

       {
         {
          margin-right: 0.875rem;
        }
         {
          margin-top: -3.5rem;
        }
         {
           {
            height: 100px;
          }
           {
            width: 100px;
          }
        }
         {
           {
            padding: 0 !important;
          }
           {
            margin-bottom: 0 !important;
          }
           {
            margin-bottom: 0px;
          }
           {
            border-top-color: none;
            border-bottom-color: none;
          }
           {
            padding: 0px;
          }
        }
      }

      margin-bottom: 0 !important;

      margin-bottom: 0px;

      margin-left: 0px;

      margin-right: 0px;

      margin-top: 15px;

      margin-bottom: 15px;

      margin-top: 15px;

       {
         {
          margin-bottom: 15px;
        }
      }
    }

    margin-right: 0px;

    margin-top: 15px;

     {
      margin-bottom: 15px;
      margin-top: 15px;
    }

    margin-top: 15px;

     {
       {
         {
          margin-top: 0 !important;
        }
         {
          float: right;
        }
         {
          margin-top: 0px;
        }
         {
           {
            height: 18px;
          }
           {
            width: 18px;
          }
        }
      }
       {
        margin-top: 15px;
      }
       {
        width: 26%;
      }
       {
         {
          margin-right: 0px;
        }
      }
    }

    text-align: center
  }

  @media (max-width: 767px) {
     {
       {
      }
    }

    text-align: center;

    padding: 15px;

     {
       {
        text-align: left;
      }
      display: block
    }

    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }

      display: block;

      width: 100%;

      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }

        margin-right: 0px;

        width: 100%;

         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }

        width: 100%;

        text-align: left;

         {
          border-top-width: 0px;
          border-bottom-width: 0px;
        }
      }

      border-top-width: 0px;

      border-bottom-width: 0px;

       {
        border-top-width: 0px;
        border-bottom-width: 0px;
      }

      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }

        width: 100%;

        margin-top: 15px;

        text-align: center
      }

      @media (max-width: 767px) {
         {
           {
          }
        }

        border-left-color: none;

        text-align: center;

        text-align: center;

         {
           {
          }
        }

        border-right-color: none;

        text-align: center
      }

      text-align: center
    }

    @media (min-width: 1200px) {
       {
         {
           {
             {
            }
          }
        }
      }
    }

    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }

    @media (max-width: 767px) {
       {
         {
        }
      }
    }

    @media (max-width: 575px) {
       {
         {
           {
             {
            }
          }
        }
      }

      display: flex;

      width: 100%;

      flex-direction: column;

      text-align: center;

      border-bottom: none !important;

       {
        text-align: center;
      }

      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }

      @media (max-width: 767px) {
         {
           {
          }
        }

        width: 100%;

        text-align: center;

        display: none
      }

      width: unset
    }

    flex-direction: column;

    align-items: center;

     {
      height: 190px;
      min-height: 190px;
       {
        margin-top: 0.625rem;
      }
    }

    text-align: center;

     {
       {
      }
    }

    text-align: center;

    margin-top: 0 !important;

    margin-right: -15px;

    margin-bottom: -15px;

    margin-left: -15px;

    margin-top: 0px;

     {
      height: 15px;
      width: 15px;
       {
        height: 30px;
      }
       {
        width: 30px;
      }
       {
        font-size: 13px;
      }
       {
        margin-left: 5px;
      }
      padding: 15px;
       {
        font-size: 1.5rem;
        line-height: 2rem;
      }
      text-align: left;
    }

    text-align: center;

     {
       {
      }
    }

    text-align: center;

    margin-top: 15px;

    width: 430px;

    padding-left: 15px;

    padding-right: 15px;

    padding-top: 25px;

    padding-bottom: 25px;

    display: none;

     {
       {
        margin-bottom: 15px;
      }
       {
         {
          line-height: 3;
        }
      }
       {
         {
          margin-bottom: 15px;
        }
         {
           {
            min-height: 30px;
          }
        }
      }
       {
         {
           {
            padding: 0.5rem;
          }
        }
      }
       {
         {
          margin-top: 15px;
        }
         {
           {
            padding-left: 7px;
            padding-right: 7px;
          }
           {
            padding-top: 1px;
            padding-bottom: 1px;
          }
           {
             {
               {
                border-color: none;
              }
            }
             {
               {
                border-color: none;
              }
            }
          }
        }
      }
       {
        margin-bottom: 15px;
      }
       {
         {
           {
            height: 30px;
          }
        }
      }
       {
         {
          padding: 15px;
        }
         {
           {
            margin-top: 15px;
          }
        }
         {
          margin-left: 0px;
          margin-right: 0px;
        }
         {
          margin-top: 15px;
          margin-bottom: 15px;
        }
         {
          margin-top: 15px;
        }
      }
       {
         {
           {
            padding-left: 1.25rem;
            padding-right: 1.25rem;
          }
           {
            padding-top: 0.75rem;
            padding-bottom: 0.75rem;
          }
        }
      }
       {
        margin-bottom: 1.25rem !important;
      }
       {
         {
           {
             {
              margin-top: 48px !important;
            }
             {
              margin-top: 1.25rem;
            }
             {
              margin-bottom: 1.25rem;
            }
          }
        }
      }
       {
         {
           {
            position: fixed;
          }
           {
            right: 0.75rem;
          }
           {
            top: 60px;
          }
           {
            width: calc(100vw - 30px);
          }
           {
            position: fixed;
          }
           {
            left: 15px;
          }
           {
            top: 60px;
          }
           {
            width: calc(100vw - 300px);
          }
           {
            left: 15px;
          }
           {
            top: 43px;
          }
        }
      }
    }

    height: 250px;

     {
      order: -1;
       {
         {
          text-align: center;
        }
        @media (max-width: 767px) {
           {
             {
            }
          }
        }
         {
          text-align: center;
        }
         {
          margin-top: 48px !important;
        }
         {
          margin-top: 1.25rem;
        }
      }
       {
        height: 300px;
      }
       {
         {
          padding: 1.25rem;
        }
         {
           {
            padding-left: 0 !important;
            padding-right: 0 !important;
          }
           {
            margin-top: 0.75rem;
          }
           {
            margin-bottom: 15px;
          }
           {
            border-bottom-width: 1px;
          }
           {
            border-style: solid;
          }
           {
            border-bottom-color: rgba(var(--chart-dashed-border),1);
          }
           {
            padding-left: 0px;
            padding-right: 0px;
          }
           {
            padding-top: 15px;
            padding-bottom: 15px;
          }
        }
      }
       {
         {
          margin-right: 0px;
        }
         {
          font-size: 1rem;
          line-height: 1.5rem;
        }
      }
       {
         {
          font-size: 1.25rem;
          line-height: 1.75rem;
        }
      }
      margin-left: 0px;
      margin-right: 0px;
      margin-top: 15px;
       {
         {
          margin-bottom: 0.625rem;
        }
      }
      margin-bottom: 0 !important;
      margin-bottom: 0px;
      display: block;
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
       {
        width: 100%;
      }
       {
        margin-top: 15px;
      }
      padding: 15px;
       {
        height: 50px;
      }
       {
        width: 50px;
      }
       {
        --tw-shadow: inset 0px -100px 100px -13px rgba(0,0,0,0.6);
        --tw-shadow-colored: inset 0px -100px 100px -13px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
      }
       {
        margin-top: 15px;
      }
       {
        margin-top: 15px;
      }
       {
        margin-top: 15px;
      }
       {
         {
           {
            padding-left: 0.5rem;
          }
           {
             {
              display: none;
            }
          }
           {
            margin-right: 0.625rem;
          }
           {
            padding-right: 1.25rem;
          }
        }
      }
    }

    padding-bottom: 0 !important;

    padding-top: 2.5rem;

    padding-bottom: 0px;

     {
       {
        margin-left: 30px;
      }
       {
        display: block;
      }
       {
        display: block;
      }
       {
         {
          margin-bottom: 0.625rem;
        }
         {
          height: 50px;
        }
         {
          width: 50px;
        }
         {
          padding: 3px;
        }
      }
    }

    height: 20rem;

     {
      text-align: center;
    }

    @media (max-width: 767px) {
       {
         {
        }
      }

      margin-bottom: 15px;

      text-align: center;

       {
        font-size: 17px;
      }

      margin-bottom: 15px;

       {
         {
          font-size: 0.875rem;
          line-height: 1.25rem;
        }
         {
          font-weight: 600;
        }
         {
          font-size: 1.5rem;
          line-height: 2rem;
        }
        margin-top: 0.625rem;
        font-size: 0.7em
      }
    }

    display: block;

    display: block;

    padding-bottom: 30px;

     {
       {
        padding: 15px;
      }
       {
         {
          margin-bottom: 0 !important;
        }
         {
          margin-bottom: 0px;
        }
         {
          margin-bottom: 0.625rem;
        }
      }
       {
        padding-top: 0px;
      }
      padding: 1.25rem;
       {
        font-size: 25px;
      }
       {
        padding: 0 !important;
      }
       {
        padding: 0px;
      }
    }

    padding-left: 0 !important;

    padding-right: 0 !important;

    padding-left: 0px;

    padding-right: 0px;

    padding-top: 1.25rem;

    padding-bottom: 1.25rem;

     {
      margin-top: 15px;
      width: 65px;
       {
        display: none;
      }
       {
        text-align: center !important;
      }
      @media (max-width: 767px) {
         {
           {
          }
        }
      }
       {
        margin-top: -10%;
      }
       {
        text-align: center !important;
      }
       {
        font-size: 25px;
      }
       {
        letter-spacing: 2px;
      }
       {
        margin-top: 48px !important;
      }
       {
        margin-top: 1.25rem;
      }
       {
        line-height: 1;
      }
       {
        margin-top: 1.25rem;
        margin-bottom: 1.25rem;
      }
       {
        padding-left: 0 !important;
        padding-right: 0 !important;
      }
       {
        padding-left: 0px;
        padding-right: 0px;
      }
       {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
      }
       {
         {
           {
            margin-left: 7px;
            margin-right: 7px;
          }
           {
            margin-top: 0px;
            margin-bottom: 0px;
          }
        }
         {
          font-size: 0.75rem;
          line-height: 1rem;
        }
         {
          margin-left: auto;
          margin-right: auto;
        }
         {
          margin-top: 0px;
          margin-bottom: 0px;
        }
         {
          height: 45px;
        }
         {
          width: 45px;
        }
         {
          font-size: 1rem;
          line-height: 1.5rem;
        }
         {
          line-height: 45px;
        }
      }
    }

    margin-bottom: 15px;

     {
      margin-top: 15px;
      margin-bottom: 15px;
      text-align: right;
    }

    margin-top: 15px;

    padding: 15px;

     {
      padding-top: 15px;
      margin-left: 0px;
      margin-right: 0px;
      margin-top: 15px;
      margin-bottom: 15px;
    }

    padding: 15px;

     {
      margin-top: 15px;
      top: 4rem;
    }

    margin-top: 15px;

     {
       {
         {
          margin-bottom: 15px;
        }
      }
       {
        margin-bottom: 15px;
      }
    }

    margin-top: 15px;

     {
       {
        margin-left: auto;
        margin-right: auto;
      }
       {
        margin-top: 0px;
        margin-bottom: 0px;
      }
       {
        width: 50%;
      }
      margin-bottom: 15px
    }

    margin-top: 15px;

    margin-bottom: 15px;

     {
       {
        width: 96%;
      }
       {
         {
           {
             {
              min-width: 20px;
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
       {
        width: 100%;
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
       {
        width: 100%;
      }
       {
        margin-bottom: 15px;
      }
      margin-top: 15px;
       {
         {
          margin-top: 13px;
        }
      }
       {
        margin-bottom: 15px;
      }
    }

    margin-bottom: 15px;

    margin-bottom: 8px !important;

    margin-bottom: 0.5rem !important;

    padding-left: 15px;

    padding-right: 15px;

    padding-top: 30px;

    padding-bottom: 30px;

     {
       {
         {
          display: none;
        }
         {
          position: fixed;
        }
         {
          left: 15px;
        }
         {
          top: 60px;
        }
         {
          width: calc(100vw - 30px);
        }
      }
      margin-right: unset;
      {
        {
          {
             {
              top: 100px;
            }
             {
              gap: 16px;
            }
          }
        }
      }
       {
         {
           {
            width: 100%;
          }
        }
      }
    }

    left: 22px !important;

    width: 262px !important;

     {
       {
         {
          margin-left: 63px;
        }
      }
    }
  }

  @media (min-width: 1200px) {
     {
       {
         {
           {
          }
        }
      }
    }
  }

  @media (max-width: 575px) {
     {
       {
         {
           {
          }
        }
      }
    }

    display: flex;

     {
       {
         {
           {
             {
              text-align: left;
            }
             {
              text-align: left;
            }
          }
        }
      }
      @media (min-width: 1200px) {
         {
           {
             {
               {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
               {
              }
            }
          }
        }
      }
       {
        display: flex;
      }
       {
        flex-wrap: nowrap;
      }
       {
        justify-content: flex-start;
      }
       {
        gap: 32px;
      }
       {
        flex-direction: row;
      }
       {
         {
          .\!grow {
            text-align: left;
          }
        }
      }
       {
         {
          flex-wrap: wrap;
        }
         {
          gap: 8px;
        }
         {
           {
            padding: 0;
          }
        }
         {
           {
            margin: 0;
          }
           {
            width: 100%;
          }
           {
            justify-content: space-between;
          }
           {
             {
              padding: 0;
            }
          }
        }
      }
       {
         {
           {
             {
              padding-top: 4px;
              padding-bottom: 4px;
            }
             {
              padding-left: 7px;
              padding-right: 7px;
            }
          }
        }
      }
       {
         {
          margin-right: 15px;
        }
      }
    }

    padding-top: 40px;

    padding-bottom: 40px;

     {
      top: 14px;
      padding-top: 4px;
      padding-bottom: 4px;
      padding-left: 7px;
      padding-right: 7px;
      margin: 8px !important;
      width: auto;
      margin-bottom: 0px;
      display: block !important;
       {
        margin-top: 15px;
      }
       {
        width: 100% !important;
      }
       {
         {
          margin-bottom: 20px !important;
        }
         {
          flex-direction: column;
        }
         {
          flex-wrap: wrap;
        }
         {
          justify-content: center;
        }
         {
           {
            text-align: center;
          }
          @media (max-width: 767px) {
             {
               {
              }
            }
          }
           {
            flex-direction: column;
          }
           {
            flex-wrap: wrap;
          }
           {
            text-align: center;
          }
           {
             {
              margin-bottom: 18px;
            }
             {
               {
                text-align: center;
              }
              @media (max-width: 767px) {
                 {
                   {
                  }
                }
              }
               {
                text-align: center;
              }
            }
          }
        }
      }
       {
        padding-top: 11px !important;
        padding-bottom: 11px !important;
      }
       {
        padding-left: 4px !important;
        padding-right: 4px !important;
      }
       {
        margin-top: 0.25rem;
      }
       {
        justify-content: flex-start;
      }
    }

    display: none;

     {
       {
         {
           {
            display: block;
          }
           {
            margin-right: 8px;
          }
           {
            display: block;
          }
           {
            padding-right: 8px;
          }
           {
             {
              height: 20px;
            }
             {
              width: 18px;
            }
          }
        }
      }
       {
        padding-left: 15px;
        padding-right: 15px;
      }
       {
        @media (min-width: 1200px) {
           {
             {
               {
                 {
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                 {
                }
              }
            }
          }
        }
         {
          display: flex !important;
        }
         {
          line-height: 1;
        }
         {
           {
            padding-left: 30px;
          }
           {
            line-height: 2.5rem;
          }
           {
             {
              left: 0.625rem;
            }
             {
              top: 0.875rem;
            }
             {
              right: 0.25rem;
            }
             {
              top: 9px;
            }
             {
              height: 18px;
            }
             {
              width: 18px;
            }
          }
        }
         {
           {
            margin-top: 0;
          }
           {
            line-height: 1;
          }
           {
             {
              padding-top: 4px;
              padding-bottom: 4px;
            }
             {
              line-height: 1;
            }
             {
               {
                font-size: 14px;
              }
               {
                 {
                  display: block;
                }
                 {
                  display: block;
                }
                 {
                  padding: 0;
                }
              }
               {
                width: 18px;
              }
               {
                vertical-align: baseline;
              }
               {
                 {
                  width: 25px;
                }
              }
            }
          }
        }
      }
       {
         {
           {
            font-size: 20px;
          }
        }
      }
       {
         {
          right: 30px;
        }
      }
      display: block;
    }

    padding-left: 1rem;

    padding-right: 1rem;

    padding-top: 0.375rem;

    padding-bottom: 0.375rem;

    min-width: 380px;

    height: 250px;

     {
       {
         {
           {
            width: 55%;
          }
        }
         {
           {
            position: relative;
          }
           {
            inset: 0px;
          }
        }
      }
       {
         {
           {
             {
              width: 42%;
            }
          }
        }
      }
    }

    left: 15px;

    height: calc(100% - 30px);

    width: calc(100% - 30px);

    border-radius: 15px;

    background-color: rgba(var(--white),0.7);

     {
      width: 90%;
      padding-left: 45px;
      padding-right: 45px;
      padding-top: 3px;
      padding-bottom: 3px;
       {
        top: 10px;
      }
      text-align: center;
    }

    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }

    @media (max-width: 767px) {
       {
         {
        }
      }

      width: 100%;

      border-right-width: 10px;

      padding: 15px;

      text-align: center;

       {
        font-size: 1.25rem;
        line-height: 1.75rem;
        margin-bottom: 0 !important;
        margin-bottom: 0px;
      }

      margin-top: 0.625rem;

      text-align: center;

       {
         {
        }
      }

      text-align: center
    }

    padding-top: 2.5rem;

    padding-bottom: 2.5rem;

     {
      margin-bottom: 0.625rem;
      width: auto;
      padding: 1.25rem;
       {
         {
          margin-bottom: 5px;
        }
         {
           {
            margin-bottom: 5px;
          }
        }
      }
       {
         {
           {
            height: 1rem;
          }
           {
            width: 1rem;
          }
        }
         {
          margin-left: 5px;
        }
      }
    }

    padding-right: 30px;

     {
      max-width: 160px;
    }

    display: none;

    margin-right: 15px;

     {
       {
         {
          padding-left: 0.75rem;
        }
         {
          padding-right: 2.5rem;
        }
         {
          padding-top: 0.75rem;
        }
         {
          padding-bottom: 15px;
        }
      }
       {
         {
          margin-right: 15px;
        }
      }
      margin-bottom: 15px;
      top: 0.625rem;
       {
        width: 280px;
      }
    }

    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }

      width: 100%;

       {
         {
          margin-top: 0.625rem;
        }
         {
           {
            width: 280px;
          }
        }
      }

      right: 0.625rem;

       {
        margin-left: 0.125rem;
        margin-right: 0.125rem;
        margin-top: 0px;
        margin-bottom: 0px;
      }

      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }

        width: 100%;

        padding-bottom: 15px
      }

      margin-right: 15px
    }

    top: 19px;

     {
      margin-right: 0.625rem;
      top: 0px;
       {
        right: -30px;
      }
    }

    left: 45px;

    top: 406px;

    margin-bottom: -15px;

     {
      margin-bottom: 15px !important;
       {
        margin-bottom: 15px;
      }
       {
         {
          margin-bottom: 1.25rem;
        }
      }
       {
        margin-bottom: 15px;
      }
    }

    padding-bottom: 30px;

     {
      text-align: center;
    }

    @media (max-width: 767px) {
       {
         {
        }
      }

      text-align: center;

       {
         {
          margin-right: 0.875rem;
        }
         {
          margin-top: -3.5rem;
        }
         {
           {
            height: 100px;
          }
           {
            width: 100px;
          }
        }
         {
           {
            padding: 0 !important;
          }
           {
            margin-bottom: 0 !important;
          }
           {
            margin-bottom: 0px;
          }
           {
            border-top-color: none;
            border-bottom-color: none;
          }
           {
            padding: 0px;
          }
        }
      }

      margin-bottom: 0 !important;

      margin-bottom: 0px;

      margin-left: 0px;

      margin-right: 0px;

      margin-top: 15px;

      margin-bottom: 15px;

      margin-top: 15px;

       {
         {
          margin-bottom: 15px;
        }
      }
    }

    margin-right: 0px;

    margin-top: 15px;

     {
      margin-bottom: 15px;
      margin-top: 15px;
    }

    margin-top: 15px;

     {
       {
         {
          margin-top: 0 !important;
        }
         {
          float: right;
        }
         {
          margin-top: 0px;
        }
         {
           {
            height: 18px;
          }
           {
            width: 18px;
          }
        }
      }
       {
        margin-top: 15px;
      }
       {
        width: 26%;
      }
       {
         {
          margin-right: 0px;
        }
      }
    }

    text-align: center
  }

  @media (max-width: 767px) {
     {
       {
      }
    }

    text-align: center;

    padding: 15px;

     {
       {
        text-align: left;
      }
      display: block
    }

    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }

      display: block;

      width: 100%;

      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }

        margin-right: 0px;

        width: 100%;

         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }

        width: 100%;

        text-align: left;

         {
          border-top-width: 0px;
          border-bottom-width: 0px;
        }
      }

      border-top-width: 0px;

      border-bottom-width: 0px;

       {
        border-top-width: 0px;
        border-bottom-width: 0px;
      }

      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }

        width: 100%;

        margin-top: 15px;

        text-align: center
      }

      @media (max-width: 767px) {
         {
           {
          }
        }

        border-left-color: none;

        text-align: center;

        text-align: center;

         {
           {
          }
        }

        border-right-color: none;

        text-align: center
      }

      text-align: center
    }

    @media (min-width: 1200px) {
       {
         {
           {
             {
            }
          }
        }
      }
    }

    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }

    @media (max-width: 767px) {
       {
         {
        }
      }
    }

    @media (max-width: 575px) {
       {
         {
           {
             {
            }
          }
        }
      }

      display: flex;

      width: 100%;

      flex-direction: column;

      text-align: center;

      border-bottom: none !important;

       {
        text-align: center;
      }

      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }

      @media (max-width: 767px) {
         {
           {
          }
        }

        width: 100%;

        text-align: center;

        display: none
      }

      width: unset
    }

    flex-direction: column;

    align-items: center;

     {
      height: 190px;
      min-height: 190px;
       {
        margin-top: 0.625rem;
      }
    }

    text-align: center;

     {
       {
      }
    }

    text-align: center;

    margin-top: 0 !important;

    margin-right: -15px;

    margin-bottom: -15px;

    margin-left: -15px;

    margin-top: 0px;

     {
      height: 15px;
      width: 15px;
       {
        height: 30px;
      }
       {
        width: 30px;
      }
       {
        font-size: 13px;
      }
       {
        margin-left: 5px;
      }
      padding: 15px;
       {
        font-size: 1.5rem;
        line-height: 2rem;
      }
      text-align: left;
    }

    text-align: center;

     {
       {
      }
    }

    text-align: center;

    margin-top: 15px;

    width: 430px;

    padding-left: 15px;

    padding-right: 15px;

    padding-top: 25px;

    padding-bottom: 25px;

    display: none;

     {
       {
        margin-bottom: 15px;
      }
       {
         {
          line-height: 3;
        }
      }
       {
         {
          margin-bottom: 15px;
        }
         {
           {
            min-height: 30px;
          }
        }
      }
       {
         {
           {
            padding: 0.5rem;
          }
        }
      }
       {
         {
          margin-top: 15px;
        }
         {
           {
            padding-left: 7px;
            padding-right: 7px;
          }
           {
            padding-top: 1px;
            padding-bottom: 1px;
          }
           {
             {
               {
                border-color: none;
              }
            }
             {
               {
                border-color: none;
              }
            }
          }
        }
      }
       {
        margin-bottom: 15px;
      }
       {
         {
           {
            height: 30px;
          }
        }
      }
       {
         {
          padding: 15px;
        }
         {
           {
            margin-top: 15px;
          }
        }
         {
          margin-left: 0px;
          margin-right: 0px;
        }
         {
          margin-top: 15px;
          margin-bottom: 15px;
        }
         {
          margin-top: 15px;
        }
      }
       {
         {
           {
            padding-left: 1.25rem;
            padding-right: 1.25rem;
          }
           {
            padding-top: 0.75rem;
            padding-bottom: 0.75rem;
          }
        }
      }
       {
        margin-bottom: 1.25rem !important;
      }
       {
         {
           {
             {
              margin-top: 48px !important;
            }
             {
              margin-top: 1.25rem;
            }
             {
              margin-bottom: 1.25rem;
            }
          }
        }
      }
       {
         {
           {
            position: fixed;
          }
           {
            right: 0.75rem;
          }
           {
            top: 60px;
          }
           {
            width: calc(100vw - 30px);
          }
           {
            position: fixed;
          }
           {
            left: 15px;
          }
           {
            top: 60px;
          }
           {
            width: calc(100vw - 300px);
          }
           {
            left: 15px;
          }
           {
            top: 43px;
          }
        }
      }
    }

    height: 250px;

     {
      order: -1;
       {
         {
          text-align: center;
        }
        @media (max-width: 767px) {
           {
             {
            }
          }
        }
         {
          text-align: center;
        }
         {
          margin-top: 48px !important;
        }
         {
          margin-top: 1.25rem;
        }
      }
       {
        height: 300px;
      }
       {
         {
          padding: 1.25rem;
        }
         {
           {
            padding-left: 0 !important;
            padding-right: 0 !important;
          }
           {
            margin-top: 0.75rem;
          }
           {
            margin-bottom: 15px;
          }
           {
            border-bottom-width: 1px;
          }
           {
            border-style: solid;
          }
           {
            border-bottom-color: rgba(var(--chart-dashed-border),1);
          }
           {
            padding-left: 0px;
            padding-right: 0px;
          }
           {
            padding-top: 15px;
            padding-bottom: 15px;
          }
        }
      }
       {
         {
          margin-right: 0px;
        }
         {
          font-size: 1rem;
          line-height: 1.5rem;
        }
      }
       {
         {
          font-size: 1.25rem;
          line-height: 1.75rem;
        }
      }
      margin-left: 0px;
      margin-right: 0px;
      margin-top: 15px;
       {
         {
          margin-bottom: 0.625rem;
        }
      }
      margin-bottom: 0 !important;
      margin-bottom: 0px;
      display: block;
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
       {
        width: 100%;
      }
       {
        margin-top: 15px;
      }
      padding: 15px;
       {
        height: 50px;
      }
       {
        width: 50px;
      }
       {
        --tw-shadow: inset 0px -100px 100px -13px rgba(0,0,0,0.6);
        --tw-shadow-colored: inset 0px -100px 100px -13px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
      }
       {
        margin-top: 15px;
      }
       {
        margin-top: 15px;
      }
       {
        margin-top: 15px;
      }
       {
         {
           {
            padding-left: 0.5rem;
          }
           {
             {
              display: none;
            }
          }
           {
            margin-right: 0.625rem;
          }
           {
            padding-right: 1.25rem;
          }
        }
      }
    }

    padding-bottom: 0 !important;

    padding-top: 2.5rem;

    padding-bottom: 0px;

     {
       {
        margin-left: 30px;
      }
       {
        display: block;
      }
       {
        display: block;
      }
       {
         {
          margin-bottom: 0.625rem;
        }
         {
          height: 50px;
        }
         {
          width: 50px;
        }
         {
          padding: 3px;
        }
      }
    }

    height: 20rem;

     {
      text-align: center;
    }

    @media (max-width: 767px) {
       {
         {
        }
      }

      margin-bottom: 15px;

      text-align: center;

       {
        font-size: 17px;
      }

      margin-bottom: 15px;

       {
         {
          font-size: 0.875rem;
          line-height: 1.25rem;
        }
         {
          font-weight: 600;
        }
         {
          font-size: 1.5rem;
          line-height: 2rem;
        }
        margin-top: 0.625rem;
        font-size: 0.7em
      }
    }

    display: block;

    display: block;

    padding-bottom: 30px;

     {
       {
        padding: 15px;
      }
       {
         {
          margin-bottom: 0 !important;
        }
         {
          margin-bottom: 0px;
        }
         {
          margin-bottom: 0.625rem;
        }
      }
       {
        padding-top: 0px;
      }
      padding: 1.25rem;
       {
        font-size: 25px;
      }
       {
        padding: 0 !important;
      }
       {
        padding: 0px;
      }
    }

    padding-left: 0 !important;

    padding-right: 0 !important;

    padding-left: 0px;

    padding-right: 0px;

    padding-top: 1.25rem;

    padding-bottom: 1.25rem;

     {
      margin-top: 15px;
      width: 65px;
       {
        display: none;
      }
       {
        text-align: center !important;
      }
      @media (max-width: 767px) {
         {
           {
          }
        }
      }
       {
        margin-top: -10%;
      }
       {
        text-align: center !important;
      }
       {
        font-size: 25px;
      }
       {
        letter-spacing: 2px;
      }
       {
        margin-top: 48px !important;
      }
       {
        margin-top: 1.25rem;
      }
       {
        line-height: 1;
      }
       {
        margin-top: 1.25rem;
        margin-bottom: 1.25rem;
      }
       {
        padding-left: 0 !important;
        padding-right: 0 !important;
      }
       {
        padding-left: 0px;
        padding-right: 0px;
      }
       {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
      }
       {
         {
           {
            margin-left: 7px;
            margin-right: 7px;
          }
           {
            margin-top: 0px;
            margin-bottom: 0px;
          }
        }
         {
          font-size: 0.75rem;
          line-height: 1rem;
        }
         {
          margin-left: auto;
          margin-right: auto;
        }
         {
          margin-top: 0px;
          margin-bottom: 0px;
        }
         {
          height: 45px;
        }
         {
          width: 45px;
        }
         {
          font-size: 1rem;
          line-height: 1.5rem;
        }
         {
          line-height: 45px;
        }
      }
    }

    margin-bottom: 15px;

     {
      margin-top: 15px;
      margin-bottom: 15px;
      text-align: right;
    }

    margin-top: 15px;

    padding: 15px;

     {
      padding-top: 15px;
      margin-left: 0px;
      margin-right: 0px;
      margin-top: 15px;
      margin-bottom: 15px;
    }

    padding: 15px;

     {
      margin-top: 15px;
      top: 4rem;
    }

    margin-top: 15px;

     {
       {
         {
          margin-bottom: 15px;
        }
      }
       {
        margin-bottom: 15px;
      }
    }

    margin-top: 15px;

     {
       {
        margin-left: auto;
        margin-right: auto;
      }
       {
        margin-top: 0px;
        margin-bottom: 0px;
      }
       {
        width: 50%;
      }
      margin-bottom: 15px
    }

    margin-top: 15px;

    margin-bottom: 15px;

     {
       {
        width: 96%;
      }
       {
         {
           {
             {
              min-width: 20px;
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
       {
        width: 100%;
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
       {
        width: 100%;
      }
       {
        margin-bottom: 15px;
      }
      margin-top: 15px;
       {
         {
          margin-top: 13px;
        }
      }
       {
        margin-bottom: 15px;
      }
    }

    margin-bottom: 15px;

    margin-bottom: 8px !important;

    margin-bottom: 0.5rem !important;

    padding-left: 15px;

    padding-right: 15px;

    padding-top: 30px;

    padding-bottom: 30px;

     {
       {
         {
          display: none;
        }
         {
          position: fixed;
        }
         {
          left: 15px;
        }
         {
          top: 60px;
        }
         {
          width: calc(100vw - 30px);
        }
      }
      margin-right: unset;
      {
        {
          {
             {
              top: 100px;
            }
             {
              gap: 16px;
            }
          }
        }
      }
       {
         {
           {
            width: 100%;
          }
        }
      }
    }

    left: 22px !important;

    width: 262px !important;

     {
       {
         {
          margin-left: 63px;
        }
      }
    }
  }

  @media (min-width: 1200px) {
     {
       {
         {
           {
          }
        }
      }
    }
  }

  @media (max-width: 575px) {
     {
       {
         {
           {
          }
        }
      }
    }

    display: flex;

     {
       {
         {
           {
             {
              text-align: left;
            }
             {
              text-align: left;
            }
          }
        }
      }
      @media (min-width: 1200px) {
         {
           {
             {
               {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
               {
              }
            }
          }
        }
      }
       {
        display: flex;
      }
       {
        flex-wrap: nowrap;
      }
       {
        justify-content: flex-start;
      }
       {
        gap: 32px;
      }
       {
        flex-direction: row;
      }
       {
         {
           {
            text-align: left;
          }
        }
      }
       {
         {
          flex-wrap: wrap;
        }
         {
          gap: 8px;
        }
         {
           {
            padding: 0;
          }
        }
         {
           {
            margin: 0;
          }
           {
            width: 100%;
          }
           {
            justify-content: space-between;
          }
           {
             {
              padding: 0;
            }
          }
        }
      }
       {
         {
           {
             {
              padding-top: 4px;
              padding-bottom: 4px;
            }
             {
              padding-left: 7px;
              padding-right: 7px;
            }
          }
        }
      }
       {
         {
          margin-right: 15px;
        }
      }
    }

    padding-top: 40px;

    padding-bottom: 40px;

     {
      margin-bottom: 10px !important;
      top: 14px;
      padding-top: 4px;
      padding-bottom: 4px;
      padding-left: 7px;
      padding-right: 7px;
    }
  }

  .\!modal {
     {
      margin: 8px !important;
    }
     {
      width: auto;
    }
  }

   {
     {
      display: block !important;
    }
     {
      margin-bottom: 0px;
    }
     {
      display: block !important;
    }
     {
       {
        margin-top: 15px;
      }
       {
        width: 100% !important;
      }
    }
     {
       {
         {
          margin-bottom: 20px !important;
        }
         {
          flex-direction: column;
        }
         {
          flex-wrap: wrap;
        }
         {
          justify-content: center;
        }
         {
           {
            text-align: center;
          }
          @media (max-width: 767px) {
             {
               {
              }
            }
          }
           {
            flex-direction: column;
          }
           {
            flex-wrap: wrap;
          }
           {
            text-align: center;
          }
           {
             {
              margin-bottom: 18px;
            }
             {
               {
                text-align: center;
              }
              @media (max-width: 767px) {
                 {
                   {
                  }
                }
              }
               {
                text-align: center;
              }
            }
          }
        }
      }
    }
     {
       {
        padding-top: 11px !important;
        padding-bottom: 11px !important;
      }
       {
        padding-left: 4px !important;
        padding-right: 4px !important;
      }
    }
     {
       {
        margin-top: 0.25rem;
      }
       {
        justify-content: flex-start;
      }
    }
     {
      display: block;
    }
     {
      display: block;
    }
     {
       {
         {
           {
            display: block;
          }
           {
            margin-right: 8px;
          }
           {
            display: block;
          }
           {
            padding-right: 8px;
          }
           {
             {
              height: 20px;
            }
             {
              width: 18px;
            }
          }
        }
      }
    }
     {
       {
        padding-left: 15px;
        padding-right: 15px;
      }
       {
        @media (min-width: 1200px) {
           {
             {
               {
                 {
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                 {
                }
              }
            }
          }
        }
         {
          display: flex !important;
        }
         {
          line-height: 1;
        }
         {
           {
            padding-left: 30px;
          }
           {
            line-height: 2.5rem;
          }
           {
             {
              left: 0.625rem;
            }
             {
              top: 0.875rem;
            }
             {
              right: 0.25rem;
            }
             {
              top: 9px;
            }
             {
              height: 18px;
            }
             {
              width: 18px;
            }
          }
        }
         {
           {
            margin-top: 0;
          }
           {
            line-height: 1;
          }
           {
             {
              padding-top: 4px;
              padding-bottom: 4px;
            }
             {
              line-height: 1;
            }
             {
               {
                font-size: 14px;
              }
               {
                 {
                  display: block;
                }
                 {
                  display: block;
                }
                 {
                  padding: 0;
                }
              }
               {
                width: 18px;
              }
               {
                vertical-align: baseline;
              }
               {
                 {
                  width: 25px;
                }
              }
            }
          }
        }
      }
    }
     {
       {
         {
           {
            font-size: 20px;
          }
        }
      }
    }
     {
       {
         {
          right: 30px;
        }
      }
    }
     {
      display: block;
    }
     {
      display: block;
    }
    padding-left: 1rem;
    padding-right: 1rem;
    min-width: 380px;
    height: 250px;
     {
       {
         {
           {
            width: 55%;
          }
        }
         {
           {
            position: relative;
          }
           {
            inset: 0px;
          }
        }
      }
       {
         {
           {
             {
              width: 42%;
            }
          }
        }
      }
    }
    height: calc(100% - 30px);
    width: calc(100% - 30px);
    border-radius: 15px;
    background-color: rgba(var(--white),0.7);
     {
      width: 90%;
    }
     {
      padding-left: 45px;
      padding-right: 45px;
    }
     {
      padding-top: 3px;
      padding-bottom: 3px;
    }
     {
       {
        top: 10px;
      }
    }
     {
      text-align: center;
    }
    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 767px) {
       {
         {
        }
      }
    }
     {
      width: 100%;
    }
     {
      border-right-width: 10px;
    }
     {
      padding: 15px;
    }
     {
      text-align: center;
    }
     {
       {
        margin-bottom: 0 !important;
      }
       {
        margin-bottom: 0px;
      }
       {
        font-size: 1.25rem;
        line-height: 1.75rem;
      }
       {
        margin-bottom: 0 !important;
      }
       {
        margin-bottom: 0px;
      }
    }
     {
      margin-top: 0.625rem;
    }
     {
      text-align: center;
    }
    @media (max-width: 767px) {
       {
         {
        }
      }
    }
     {
      text-align: center;
    }
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
     {
      margin-bottom: 0.625rem;
    }
     {
      width: auto;
    }
     {
      padding: 1.25rem;
    }
     {
       {
         {
          margin-bottom: 5px;
        }
         {
           {
            margin-bottom: 5px;
          }
        }
      }
    }
     {
       {
         {
           {
            height: 1rem;
          }
           {
            width: 1rem;
          }
        }
         {
          margin-left: 5px;
        }
      }
    }
    padding-right: 30px;
     {
      max-width: 160px;
    }
    display: none;
     {
       {
         {
          padding-left: 0.75rem;
        }
         {
          padding-right: 2.5rem;
        }
         {
          padding-top: 0.75rem;
        }
         {
          padding-bottom: 15px;
        }
      }
    }
     {
       {
         {
          margin-right: 15px;
        }
      }
    }
     {
      margin-bottom: 15px;
    }
     {
      top: 0.625rem;
    }
     {
       {
        width: 280px;
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }
     {
      width: 100%;
    }
     {
       {
         {
          margin-top: 0.625rem;
        }
         {
           {
            width: 280px;
          }
        }
      }
    }
     {
      right: 0.625rem;
    }
     {
       {
        margin-left: 0.125rem;
        margin-right: 0.125rem;
      }
       {
        margin-top: 0px;
        margin-bottom: 0px;
      }
    }
     {
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
       {
        width: 100%;
      }
       {
        padding-bottom: 15px;
      }
    }
     {
      margin-right: 15px;
    }
     {
      margin-right: 0.625rem;
    }
     {
      top: 0px;
    }
     {
       {
        right: -30px;
      }
    }
    left: 45px;
    top: 406px;
    margin-bottom: -15px;
     {
      margin-bottom: 15px !important;
    }
     {
       {
        margin-bottom: 15px;
      }
    }
     {
       {
         {
          margin-bottom: 1.25rem;
        }
      }
    }
     {
       {
        margin-bottom: 15px;
      }
    }
    padding-bottom: 30px;
     {
      text-align: center;
    }
    @media (max-width: 767px) {
       {
         {
        }
      }
    }
     {
      text-align: center;
    }
     {
       {
         {
          margin-right: 0.875rem;
        }
      }
    }
     {
       {
         {
          margin-top: -3.5rem;
        }
         {
           {
            height: 100px;
          }
           {
            width: 100px;
          }
        }
      }
       {
         {
           {
            padding: 0 !important;
          }
           {
            margin-bottom: 0 !important;
          }
           {
            margin-bottom: 0px;
          }
           {
            border-top-color: none;
            border-bottom-color: none;
          }
           {
            padding: 0px;
          }
        }
      }
    }
     {
      margin-bottom: 0 !important;
    }
     {
      margin-bottom: 0px;
    }
     {
      margin-left: 0px;
      margin-right: 0px;
    }
     {
      margin-top: 15px;
      margin-bottom: 15px;
    }
     {
      margin-top: 15px;
    }
     {
       {
         {
          margin-bottom: 15px;
        }
      }
    }
    margin-right: 0px;
     {
      margin-bottom: 15px;
    }
     {
      margin-bottom: 15px;
    }
     {
      margin-top: 15px;
    }
    margin-top: 15px;
     {
       {
         {
          margin-top: 0 !important;
        }
         {
          float: right;
        }
         {
          margin-top: 0px;
        }
         {
           {
            height: 18px;
          }
           {
            width: 18px;
          }
        }
      }
    }
     {
       {
        margin-top: 15px;
      }
    }
     {
       {
        width: 26%;
      }
       {
         {
          margin-right: 0px;
        }
      }
    }
    text-align: center
  }

  @media (max-width: 767px) {
     {
       {
      }
    }

    text-align: center;

    padding: 15px;

     {
       {
        text-align: left;
      }
      display: block
    }

    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }

      display: block;

      width: 100%;

      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }

        margin-right: 0px;

        width: 100%;

         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }

        width: 100%;

        text-align: left;

         {
          border-top-width: 0px;
          border-bottom-width: 0px;
        }
      }

      border-top-width: 0px;

      border-bottom-width: 0px;

       {
        border-top-width: 0px;
        border-bottom-width: 0px;
      }

      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }

        width: 100%;

        margin-top: 15px;

        text-align: center
      }

      @media (max-width: 767px) {
         {
           {
          }
        }

        border-left-color: none;

        text-align: center;

        text-align: center;

         {
           {
          }
        }

        border-right-color: none;

        text-align: center
      }

      text-align: center
    }

    @media (min-width: 1200px) {
       {
         {
           {
             {
            }
          }
        }
      }
    }

    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }

    @media (max-width: 767px) {
       {
         {
        }
      }
    }

    @media (max-width: 575px) {
       {
         {
           {
             {
            }
          }
        }
      }

      display: flex;

      width: 100%;

      flex-direction: column;

      text-align: center;

      border-bottom: none !important;

       {
        text-align: center;
      }

      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }

      @media (max-width: 767px) {
         {
           {
          }
        }

        width: 100%;

        text-align: center;

        display: none
      }

      width: unset
    }

    flex-direction: column;

    align-items: center;

     {
      height: 190px;
      min-height: 190px;
       {
        margin-top: 0.625rem;
      }
    }

    text-align: center;

     {
       {
      }
    }

    text-align: center;

    margin-top: 0 !important;

    margin-right: -15px;

    margin-bottom: -15px;

    margin-left: -15px;

    margin-top: 0px;

     {
      height: 15px;
      width: 15px;
       {
        height: 30px;
      }
       {
        width: 30px;
      }
       {
        font-size: 13px;
      }
       {
        margin-left: 5px;
      }
      padding: 15px;
       {
        font-size: 1.5rem;
        line-height: 2rem;
      }
      text-align: left;
    }

    text-align: center;

     {
       {
      }
    }

    text-align: center;

    margin-top: 15px;

    width: 430px;

    padding-left: 15px;

    padding-right: 15px;

    padding-top: 25px;

    padding-bottom: 25px;

    display: none;

     {
       {
        margin-bottom: 15px;
      }
       {
         {
          line-height: 3;
        }
      }
       {
         {
          margin-bottom: 15px;
        }
         {
           {
            min-height: 30px;
          }
        }
      }
       {
         {
           {
            padding: 0.5rem;
          }
        }
      }
       {
         {
          margin-top: 15px;
        }
         {
           {
            padding-left: 7px;
            padding-right: 7px;
          }
           {
            padding-top: 1px;
            padding-bottom: 1px;
          }
           {
             {
               {
                border-color: none;
              }
            }
             {
               {
                border-color: none;
              }
            }
          }
        }
      }
       {
        margin-bottom: 15px;
      }
       {
         {
           {
            height: 30px;
          }
        }
      }
       {
         {
          padding: 15px;
        }
         {
           {
            margin-top: 15px;
          }
        }
         {
          margin-left: 0px;
          margin-right: 0px;
        }
         {
          margin-top: 15px;
          margin-bottom: 15px;
        }
         {
          margin-top: 15px;
        }
      }
       {
         {
           {
            padding-left: 1.25rem;
            padding-right: 1.25rem;
          }
           {
            padding-top: 0.75rem;
            padding-bottom: 0.75rem;
          }
        }
      }
       {
        margin-bottom: 1.25rem !important;
      }
       {
         {
           {
             {
              margin-top: 48px !important;
            }
             {
              margin-top: 1.25rem;
            }
             {
              margin-bottom: 1.25rem;
            }
          }
        }
      }
       {
         {
           {
            position: fixed;
          }
           {
            right: 0.75rem;
          }
           {
            top: 60px;
          }
           {
            width: calc(100vw - 30px);
          }
           {
            position: fixed;
          }
           {
            left: 15px;
          }
           {
            top: 60px;
          }
           {
            width: calc(100vw - 300px);
          }
           {
            left: 15px;
          }
           {
            top: 43px;
          }
        }
      }
    }

    height: 250px;

     {
      order: -1;
       {
         {
          text-align: center;
        }
        @media (max-width: 767px) {
           {
             {
            }
          }
        }
         {
          text-align: center;
        }
         {
          margin-top: 48px !important;
        }
         {
          margin-top: 1.25rem;
        }
      }
       {
        height: 300px;
      }
       {
         {
          padding: 1.25rem;
        }
         {
           {
            padding-left: 0 !important;
            padding-right: 0 !important;
          }
           {
            margin-top: 0.75rem;
          }
           {
            margin-bottom: 15px;
          }
           {
            border-bottom-width: 1px;
          }
           {
            border-style: solid;
          }
           {
            border-bottom-color: rgba(var(--chart-dashed-border),1);
          }
           {
            padding-left: 0px;
            padding-right: 0px;
          }
           {
            padding-top: 15px;
            padding-bottom: 15px;
          }
        }
      }
       {
         {
          margin-right: 0px;
        }
         {
          font-size: 1rem;
          line-height: 1.5rem;
        }
      }
       {
         {
          font-size: 1.25rem;
          line-height: 1.75rem;
        }
      }
      margin-left: 0px;
      margin-right: 0px;
      margin-top: 15px;
       {
         {
          margin-bottom: 0.625rem;
        }
      }
      margin-bottom: 0 !important;
      margin-bottom: 0px;
      display: block;
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
       {
        width: 100%;
      }
       {
        margin-top: 15px;
      }
      padding: 15px;
       {
        height: 50px;
      }
       {
        width: 50px;
      }
       {
        --tw-shadow: inset 0px -100px 100px -13px rgba(0,0,0,0.6);
        --tw-shadow-colored: inset 0px -100px 100px -13px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
      }
       {
        margin-top: 15px;
      }
       {
        margin-top: 15px;
      }
       {
        margin-top: 15px;
      }
       {
         {
           {
            padding-left: 0.5rem;
          }
           {
             {
              display: none;
            }
          }
           {
            margin-right: 0.625rem;
          }
           {
            padding-right: 1.25rem;
          }
        }
      }
    }

    padding-bottom: 0 !important;

    padding-top: 2.5rem;

    padding-bottom: 0px;

     {
       {
        margin-left: 30px;
      }
       {
        display: block;
      }
       {
        display: block;
      }
       {
         {
          margin-bottom: 0.625rem;
        }
         {
          height: 50px;
        }
         {
          width: 50px;
        }
         {
          padding: 3px;
        }
      }
    }

    height: 20rem;

     {
      text-align: center;
    }

    @media (max-width: 767px) {
       {
         {
        }
      }

      margin-bottom: 15px;

      text-align: center;

       {
        font-size: 17px;
      }

      margin-bottom: 15px;

       {
         {
          font-size: 0.875rem;
          line-height: 1.25rem;
        }
         {
          font-weight: 600;
        }
         {
          font-size: 1.5rem;
          line-height: 2rem;
        }
        margin-top: 0.625rem;
        font-size: 0.7em
      }
    }

    display: block;

    display: block;

    padding-bottom: 30px;

     {
       {
        padding: 15px;
      }
       {
         {
          margin-bottom: 0 !important;
        }
         {
          margin-bottom: 0px;
        }
         {
          margin-bottom: 0.625rem;
        }
      }
       {
        padding-top: 0px;
      }
      padding: 1.25rem;
       {
        font-size: 25px;
      }
       {
        padding: 0 !important;
      }
       {
        padding: 0px;
      }
    }

    padding-left: 0 !important;

    padding-right: 0 !important;

    padding-left: 0px;

    padding-right: 0px;

    padding-top: 1.25rem;

    padding-bottom: 1.25rem;

     {
      margin-top: 15px;
      width: 65px;
       {
        display: none;
      }
       {
        text-align: center !important;
      }
      @media (max-width: 767px) {
         {
           {
          }
        }
      }
       {
        margin-top: -10%;
      }
       {
        text-align: center !important;
      }
       {
        font-size: 25px;
      }
       {
        letter-spacing: 2px;
      }
       {
        margin-top: 48px !important;
      }
       {
        margin-top: 1.25rem;
      }
       {
        line-height: 1;
      }
       {
        margin-top: 1.25rem;
        margin-bottom: 1.25rem;
      }
       {
        padding-left: 0 !important;
        padding-right: 0 !important;
      }
       {
        padding-left: 0px;
        padding-right: 0px;
      }
       {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
      }
       {
         {
           {
            margin-left: 7px;
            margin-right: 7px;
          }
           {
            margin-top: 0px;
            margin-bottom: 0px;
          }
        }
         {
          font-size: 0.75rem;
          line-height: 1rem;
        }
         {
          margin-left: auto;
          margin-right: auto;
        }
         {
          margin-top: 0px;
          margin-bottom: 0px;
        }
         {
          height: 45px;
        }
         {
          width: 45px;
        }
         {
          font-size: 1rem;
          line-height: 1.5rem;
        }
         {
          line-height: 45px;
        }
      }
    }

    margin-bottom: 15px;

     {
      margin-top: 15px;
      margin-bottom: 15px;
      text-align: right;
    }

    margin-top: 15px;

    padding: 15px;

     {
      padding-top: 15px;
      margin-left: 0px;
      margin-right: 0px;
      margin-top: 15px;
      margin-bottom: 15px;
    }

    padding: 15px;

     {
      margin-top: 15px;
      top: 4rem;
    }

    margin-top: 15px;

     {
       {
         {
          margin-bottom: 15px;
        }
      }
       {
        margin-bottom: 15px;
      }
    }

    margin-top: 15px;

     {
       {
        margin-left: auto;
        margin-right: auto;
      }
       {
        margin-top: 0px;
        margin-bottom: 0px;
      }
       {
        width: 50%;
      }
      margin-bottom: 15px
    }

    margin-top: 15px;

    margin-bottom: 15px;

     {
       {
        width: 96%;
      }
       {
         {
           {
             {
              min-width: 20px;
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
       {
        width: 100%;
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
       {
        width: 100%;
      }
       {
        margin-bottom: 15px;
      }
      margin-top: 15px;
       {
         {
          margin-top: 13px;
        }
      }
       {
        margin-bottom: 15px;
      }
    }

    margin-bottom: 15px;

    margin-bottom: 8px !important;

    margin-bottom: 0.5rem !important;

    padding-left: 15px;

    padding-right: 15px;

    padding-top: 30px;

    padding-bottom: 30px;

     {
       {
         {
          display: none;
        }
         {
          position: fixed;
        }
         {
          left: 15px;
        }
         {
          top: 60px;
        }
         {
          width: calc(100vw - 30px);
        }
      }
      margin-right: unset;
      {
        {
          {
             {
              top: 100px;
            }
             {
              gap: 16px;
            }
          }
        }
      }
       {
         {
           {
            width: 100%;
          }
        }
      }
    }

    left: 22px !important;

    width: 262px !important;

     {
       {
         {
          margin-left: 63px;
        }
      }
    }
  }

  @media (min-width: 1200px) {
     {
       {
         {
           {
          }
        }
      }
    }
  }

  @media (max-width: 575px) {
     {
       {
         {
           {
          }
        }
      }
    }

    display: flex;

     {
       {
         {
           {
             {
              text-align: left;
            }
             {
              text-align: left;
            }
          }
        }
      }
      @media (min-width: 1200px) {
         {
           {
             {
               {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
               {
              }
            }
          }
        }
      }
       {
        display: flex;
      }
       {
        flex-wrap: nowrap;
      }
       {
        justify-content: flex-start;
      }
       {
        gap: 32px;
      }
       {
        flex-direction: row;
      }
       {
         {
           {
            text-align: left;
          }
        }
      }
       {
         {
          flex-wrap: wrap;
        }
         {
          gap: 8px;
        }
         {
           {
            padding: 0;
          }
        }
         {
           {
            margin: 0;
          }
           {
            width: 100%;
          }
           {
            justify-content: space-between;
          }
           {
             {
              padding: 0;
            }
          }
        }
      }
       {
         {
           {
             {
              padding-top: 4px;
              padding-bottom: 4px;
            }
             {
              padding-left: 7px;
              padding-right: 7px;
            }
          }
        }
      }
       {
         {
          margin-right: 15px;
        }
      }
    }

    padding-top: 40px;

    padding-bottom: 40px;

     {
      top: 14px;
      padding-top: 4px;
      padding-bottom: 4px;
      padding-left: 7px;
      padding-right: 7px;
      margin: 8px !important;
      width: auto;
      margin-bottom: 0px;
      display: block !important;
      .\!btn {
        margin-top: 15px;
      }
       {
        width: 100% !important;
      }
       {
         {
          margin-bottom: 20px !important;
        }
         {
          flex-direction: column;
        }
         {
          flex-wrap: wrap;
        }
         {
          justify-content: center;
        }
         {
           {
            text-align: center;
          }
          @media (max-width: 767px) {
             {
               {
              }
            }
          }
           {
            flex-direction: column;
          }
           {
            flex-wrap: wrap;
          }
           {
            text-align: center;
          }
           {
             {
              margin-bottom: 18px;
            }
             {
               {
                text-align: center;
              }
              @media (max-width: 767px) {
                 {
                   {
                  }
                }
              }
               {
                text-align: center;
              }
            }
          }
        }
      }
       {
        padding-top: 11px !important;
        padding-bottom: 11px !important;
      }
       {
        padding-left: 4px !important;
        padding-right: 4px !important;
      }
       {
        margin-top: 0.25rem;
      }
       {
        justify-content: flex-start;
      }
    }

    display: none;

     {
       {
         {
           {
            display: block;
          }
           {
            margin-right: 8px;
          }
           {
            display: block;
          }
           {
            padding-right: 8px;
          }
           {
             {
              height: 20px;
            }
             {
              width: 18px;
            }
          }
        }
      }
       {
        padding-left: 15px;
        padding-right: 15px;
      }
       {
        @media (min-width: 1200px) {
           {
             {
               {
                 {
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                 {
                }
              }
            }
          }
        }
         {
          display: flex !important;
        }
         {
          line-height: 1;
        }
         {
           {
            padding-left: 30px;
          }
           {
            line-height: 2.5rem;
          }
           {
             {
              left: 0.625rem;
            }
             {
              top: 0.875rem;
            }
             {
              right: 0.25rem;
            }
             {
              top: 9px;
            }
             {
              height: 18px;
            }
             {
              width: 18px;
            }
          }
        }
         {
           {
            margin-top: 0;
          }
           {
            line-height: 1;
          }
           {
             {
              padding-top: 4px;
              padding-bottom: 4px;
            }
             {
              line-height: 1;
            }
             {
               {
                font-size: 14px;
              }
               {
                 {
                  display: block;
                }
                 {
                  display: block;
                }
                 {
                  padding: 0;
                }
              }
               {
                width: 18px;
              }
               {
                vertical-align: baseline;
              }
               {
                 {
                  width: 25px;
                }
              }
            }
          }
        }
      }
       {
         {
           {
            font-size: 20px;
          }
        }
      }
       {
         {
          right: 30px;
        }
      }
      display: block;
    }
  }

  .\!btn {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
  }

   {
    min-width: 380px;
    height: 250px;
     {
       {
         {
           {
            width: 55%;
          }
        }
         {
           {
            position: relative;
          }
           {
            inset: 0px;
          }
        }
      }
       {
         {
           {
             {
              width: 42%;
            }
          }
        }
      }
    }
    height: calc(100% - 30px);
    width: calc(100% - 30px);
    border-radius: 15px;
    background-color: rgba(var(--white),0.7);
     {
      width: 90%;
    }
     {
      padding-left: 45px;
      padding-right: 45px;
    }
     {
      padding-top: 3px;
      padding-bottom: 3px;
    }
     {
       {
        top: 10px;
      }
    }
     {
      text-align: center;
    }
    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 767px) {
       {
         {
        }
      }
    }
     {
      width: 100%;
    }
     {
      border-right-width: 10px;
    }
     {
      padding: 15px;
    }
     {
      text-align: center;
    }
     {
       {
        margin-bottom: 0 !important;
      }
       {
        margin-bottom: 0px;
      }
       {
        font-size: 1.25rem;
        line-height: 1.75rem;
      }
       {
        margin-bottom: 0 !important;
      }
       {
        margin-bottom: 0px;
      }
    }
     {
      margin-top: 0.625rem;
    }
     {
      text-align: center;
    }
    @media (max-width: 767px) {
       {
         {
        }
      }
    }
     {
      text-align: center;
    }
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
     {
      margin-bottom: 0.625rem;
    }
     {
      width: auto;
    }
     {
      padding: 1.25rem;
    }
     {
       {
         {
          margin-bottom: 5px;
        }
         {
           {
            margin-bottom: 5px;
          }
        }
      }
    }
     {
       {
         {
           {
            height: 1rem;
          }
           {
            width: 1rem;
          }
        }
         {
          margin-left: 5px;
        }
      }
    }
    padding-right: 30px;
     {
      max-width: 160px;
    }
    display: none;
     {
       {
         {
          padding-left: 0.75rem;
        }
         {
          padding-right: 2.5rem;
        }
         {
          padding-top: 0.75rem;
        }
         {
          padding-bottom: 15px;
        }
      }
    }
     {
       {
         {
          margin-right: 15px;
        }
      }
    }
     {
      margin-bottom: 15px;
    }
     {
      top: 0.625rem;
    }
     {
       {
        width: 280px;
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }
     {
      width: 100%;
    }
     {
       {
         {
          margin-top: 0.625rem;
        }
         {
           {
            width: 280px;
          }
        }
      }
    }
     {
      right: 0.625rem;
    }
     {
      .\!btn {
        margin-left: 0.125rem;
        margin-right: 0.125rem;
      }
      .\!btn {
        margin-top: 0px;
        margin-bottom: 0px;
      }
    }
     {
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
       {
        width: 100%;
      }
       {
        padding-bottom: 15px;
      }
    }
     {
      margin-right: 15px;
    }
     {
      margin-right: 0.625rem;
    }
     {
      top: 0px;
    }
     {
       {
        right: -30px;
      }
    }
    left: 45px;
    top: 406px;
    margin-bottom: -15px;
     {
      margin-bottom: 15px !important;
    }
     {
       {
        margin-bottom: 15px;
      }
    }
     {
       {
         {
          margin-bottom: 1.25rem;
        }
      }
    }
     {
       {
        margin-bottom: 15px;
      }
    }
    padding-bottom: 30px;
     {
      text-align: center;
    }
    @media (max-width: 767px) {
       {
         {
        }
      }
    }
     {
      text-align: center;
    }
     {
       {
         {
          margin-right: 0.875rem;
        }
      }
    }
     {
       {
         {
          margin-top: -3.5rem;
        }
         {
           {
            height: 100px;
          }
           {
            width: 100px;
          }
        }
      }
       {
         {
           {
            padding: 0 !important;
          }
           {
            margin-bottom: 0 !important;
          }
           {
            margin-bottom: 0px;
          }
           {
            border-top-color: none;
            border-bottom-color: none;
          }
           {
            padding: 0px;
          }
        }
      }
    }
     {
      margin-bottom: 0 !important;
    }
     {
      margin-bottom: 0px;
    }
     {
      margin-left: 0px;
      margin-right: 0px;
    }
     {
      margin-top: 15px;
      margin-bottom: 15px;
    }
     {
      margin-top: 15px;
    }
     {
       {
         {
          margin-bottom: 15px;
        }
      }
    }
    margin-right: 0px;
     {
      margin-bottom: 15px;
    }
     {
      margin-bottom: 15px;
    }
     {
      margin-top: 15px;
    }
    margin-top: 15px;
     {
       {
         {
          margin-top: 0 !important;
        }
         {
          float: right;
        }
         {
          margin-top: 0px;
        }
         {
           {
            height: 18px;
          }
           {
            width: 18px;
          }
        }
      }
    }
     {
       {
        margin-top: 15px;
      }
    }
     {
       {
        width: 26%;
      }
       {
         {
          margin-right: 0px;
        }
      }
    }
    text-align: center;
  }

  @media (max-width: 767px) {
     {
       {
      }
    }

    text-align: center;

    padding: 15px;

     {
       {
        text-align: left;
      }
      display: block
    }

    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }

      display: block;

      width: 100%;

      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }

        margin-right: 0px;

        width: 100%;

         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }

        width: 100%;

        text-align: left;

         {
          border-top-width: 0px;
          border-bottom-width: 0px;
        }
      }

      border-top-width: 0px;

      border-bottom-width: 0px;

       {
        border-top-width: 0px;
        border-bottom-width: 0px;
      }

      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }

        width: 100%;

        margin-top: 15px;

        text-align: center
      }

      @media (max-width: 767px) {
         {
           {
          }
        }

        border-left-color: none;

        text-align: center;

        text-align: center;

         {
           {
          }
        }

        border-right-color: none;

        text-align: center
      }

      text-align: center
    }

    @media (min-width: 1200px) {
       {
         {
           {
             {
            }
          }
        }
      }
    }

    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }

    @media (max-width: 767px) {
       {
         {
        }
      }
    }

    @media (max-width: 575px) {
       {
         {
           {
             {
            }
          }
        }
      }

      display: flex;

      width: 100%;

      flex-direction: column;

      text-align: center;

      border-bottom: none !important;

       {
        text-align: center;
      }

      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }

      @media (max-width: 767px) {
         {
           {
          }
        }

        width: 100%;

        text-align: center;

        display: none
      }

      width: unset
    }

    flex-direction: column;

    align-items: center;

     {
      height: 190px;
      min-height: 190px;
       {
        margin-top: 0.625rem;
      }
    }

    text-align: center;

     {
       {
      }
    }

    text-align: center;

    margin-top: 0 !important;

    margin-right: -15px;

    margin-bottom: -15px;

    margin-left: -15px;

    margin-top: 0px;

     {
      height: 15px;
      width: 15px;
       {
        height: 30px;
      }
       {
        width: 30px;
      }
       {
        font-size: 13px;
      }
       {
        margin-left: 5px;
      }
      padding: 15px;
       {
        font-size: 1.5rem;
        line-height: 2rem;
      }
      text-align: left;
    }

    text-align: center;

     {
       {
      }
    }

    text-align: center;

    margin-top: 15px;

    width: 430px;

    padding-left: 15px;

    padding-right: 15px;

    padding-top: 25px;

    padding-bottom: 25px;

    display: none;

     {
       {
        margin-bottom: 15px;
      }
       {
         {
          line-height: 3;
        }
      }
       {
         {
          margin-bottom: 15px;
        }
         {
           {
            min-height: 30px;
          }
        }
      }
       {
         {
           {
            padding: 0.5rem;
          }
        }
      }
       {
         {
          margin-top: 15px;
        }
         {
           {
            padding-left: 7px;
            padding-right: 7px;
          }
           {
            padding-top: 1px;
            padding-bottom: 1px;
          }
           {
             {
               {
                border-color: none;
              }
            }
             {
               {
                border-color: none;
              }
            }
          }
        }
      }
       {
        margin-bottom: 15px;
      }
       {
         {
           {
            height: 30px;
          }
        }
      }
       {
         {
          padding: 15px;
        }
         {
           {
            margin-top: 15px;
          }
        }
         {
          margin-left: 0px;
          margin-right: 0px;
        }
         {
          margin-top: 15px;
          margin-bottom: 15px;
        }
         {
          margin-top: 15px;
        }
      }
       {
         {
           {
            padding-left: 1.25rem;
            padding-right: 1.25rem;
          }
           {
            padding-top: 0.75rem;
            padding-bottom: 0.75rem;
          }
        }
      }
       {
        margin-bottom: 1.25rem !important;
      }
       {
         {
           {
             {
              margin-top: 48px !important;
            }
             {
              margin-top: 1.25rem;
            }
             {
              margin-bottom: 1.25rem;
            }
          }
        }
      }
       {
         {
           {
            position: fixed;
          }
           {
            right: 0.75rem;
          }
           {
            top: 60px;
          }
           {
            width: calc(100vw - 30px);
          }
           {
            position: fixed;
          }
           {
            left: 15px;
          }
           {
            top: 60px;
          }
           {
            width: calc(100vw - 300px);
          }
           {
            left: 15px;
          }
           {
            top: 43px;
          }
        }
      }
    }

    height: 250px;

     {
      order: -1;
       {
         {
          text-align: center;
        }
        @media (max-width: 767px) {
           {
             {
            }
          }
        }
         {
          text-align: center;
        }
         {
          margin-top: 48px !important;
        }
         {
          margin-top: 1.25rem;
        }
      }
       {
        height: 300px;
      }
       {
         {
          padding: 1.25rem;
        }
         {
           {
            padding-left: 0 !important;
            padding-right: 0 !important;
          }
           {
            margin-top: 0.75rem;
          }
           {
            margin-bottom: 15px;
          }
           {
            border-bottom-width: 1px;
          }
           {
            border-style: solid;
          }
           {
            border-bottom-color: rgba(var(--chart-dashed-border),1);
          }
           {
            padding-left: 0px;
            padding-right: 0px;
          }
           {
            padding-top: 15px;
            padding-bottom: 15px;
          }
        }
      }
       {
         {
          margin-right: 0px;
        }
         {
          font-size: 1rem;
          line-height: 1.5rem;
        }
      }
       {
         {
          font-size: 1.25rem;
          line-height: 1.75rem;
        }
      }
      margin-left: 0px;
      margin-right: 0px;
      margin-top: 15px;
       {
         {
          margin-bottom: 0.625rem;
        }
      }
      margin-bottom: 0 !important;
      margin-bottom: 0px;
      display: block;
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
       {
        width: 100%;
      }
      .\!btn {
        margin-top: 15px;
      }
      padding: 15px;
       {
        height: 50px;
      }
       {
        width: 50px;
      }
       {
        --tw-shadow: inset 0px -100px 100px -13px rgba(0,0,0,0.6);
        --tw-shadow-colored: inset 0px -100px 100px -13px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
      }
       {
        margin-top: 15px;
      }
       {
        margin-top: 15px;
      }
       {
        margin-top: 15px;
      }
       {
         {
           {
            padding-left: 0.5rem;
          }
           {
             {
              display: none;
            }
          }
           {
            margin-right: 0.625rem;
          }
           {
            padding-right: 1.25rem;
          }
        }
      }
    }

    padding-bottom: 0 !important;

    padding-top: 2.5rem;

    padding-bottom: 0px;

     {
       {
        margin-left: 30px;
      }
       {
        display: block;
      }
       {
        display: block;
      }
       {
         {
          margin-bottom: 0.625rem;
        }
         {
          height: 50px;
        }
         {
          width: 50px;
        }
         {
          padding: 3px;
        }
      }
    }

    height: 20rem;

     {
      text-align: center;
    }

    @media (max-width: 767px) {
       {
         {
        }
      }

      margin-bottom: 15px;

      text-align: center;

       {
        font-size: 17px;
      }

      margin-bottom: 15px;

       {
         {
          font-size: 0.875rem;
          line-height: 1.25rem;
        }
         {
          font-weight: 600;
        }
         {
          font-size: 1.5rem;
          line-height: 2rem;
        }
        margin-top: 0.625rem;
        font-size: 0.7em
      }
    }

    display: block;

    display: block;

    padding-bottom: 30px;

     {
       {
        padding: 15px;
      }
       {
         {
          margin-bottom: 0 !important;
        }
         {
          margin-bottom: 0px;
        }
         {
          margin-bottom: 0.625rem;
        }
      }
       {
        padding-top: 0px;
      }
      padding: 1.25rem;
       {
        font-size: 25px;
      }
       {
        padding: 0 !important;
      }
       {
        padding: 0px;
      }
    }

    padding-left: 0 !important;

    padding-right: 0 !important;

    padding-left: 0px;

    padding-right: 0px;

    padding-top: 1.25rem;

    padding-bottom: 1.25rem;

    .\!btn {
      margin-top: 15px;
    }

     {
      width: 65px;
       {
        display: none;
      }
       {
        text-align: center !important;
      }
      @media (max-width: 767px) {
         {
           {
          }
        }
      }
       {
        margin-top: -10%;
      }
       {
        text-align: center !important;
      }
       {
        font-size: 25px;
      }
       {
        letter-spacing: 2px;
      }
       {
        margin-top: 48px !important;
      }
       {
        margin-top: 1.25rem;
      }
       {
        line-height: 1;
      }
       {
        margin-top: 1.25rem;
        margin-bottom: 1.25rem;
      }
       {
        padding-left: 0 !important;
        padding-right: 0 !important;
      }
       {
        padding-left: 0px;
        padding-right: 0px;
      }
       {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
      }
       {
         {
           {
            margin-left: 7px;
            margin-right: 7px;
          }
           {
            margin-top: 0px;
            margin-bottom: 0px;
          }
        }
         {
          font-size: 0.75rem;
          line-height: 1rem;
        }
         {
          margin-left: auto;
          margin-right: auto;
        }
         {
          margin-top: 0px;
          margin-bottom: 0px;
        }
         {
          height: 45px;
        }
         {
          width: 45px;
        }
         {
          font-size: 1rem;
          line-height: 1.5rem;
        }
         {
          line-height: 45px;
        }
      }
    }

    margin-bottom: 15px;

     {
      margin-top: 15px;
      margin-bottom: 15px;
      text-align: right;
    }

    margin-top: 15px;

    padding: 15px;

     {
      padding-top: 15px;
      margin-left: 0px;
      margin-right: 0px;
      margin-top: 15px;
      margin-bottom: 15px;
    }

    padding: 15px;

     {
      margin-top: 15px;
      top: 4rem;
    }

    margin-top: 15px;

     {
       {
         {
          margin-bottom: 15px;
        }
      }
       {
        margin-bottom: 15px;
      }
    }

    margin-top: 15px;

     {
       {
        margin-left: auto;
        margin-right: auto;
      }
       {
        margin-top: 0px;
        margin-bottom: 0px;
      }
       {
        width: 50%;
      }
      margin-bottom: 15px
    }

    margin-top: 15px;

    margin-bottom: 15px;

     {
       {
        width: 96%;
      }
       {
         {
           {
             {
              min-width: 20px;
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
       {
        width: 100%;
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
       {
        width: 100%;
      }
       {
        margin-bottom: 15px;
      }
      margin-top: 15px;
       {
        .\!btn {
          margin-top: 13px;
        }
      }
       {
        margin-bottom: 15px;
      }
    }

    margin-bottom: 15px;

    margin-bottom: 8px !important;

    margin-bottom: 0.5rem !important;

    padding-left: 15px;

    padding-right: 15px;

    padding-top: 30px;

    padding-bottom: 30px;

     {
       {
         {
          display: none;
        }
         {
          position: fixed;
        }
         {
          left: 15px;
        }
         {
          top: 60px;
        }
         {
          width: calc(100vw - 30px);
        }
      }
      margin-right: unset;
      {
        {
          {
             {
              top: 100px;
            }
             {
              gap: 16px;
            }
          }
        }
      }
       {
         {
           {
            width: 100%;
          }
        }
      }
    }

    left: 22px !important;

    width: 262px !important;

     {
       {
         {
          margin-left: 63px;
        }
      }
    }
  }

  @media (min-width: 1200px) {
     {
       {
         {
           {
          }
        }
      }
    }
  }

  @media (max-width: 575px) {
     {
       {
         {
           {
          }
        }
      }
    }

    display: flex;

     {
       {
         {
           {
             {
              text-align: left;
            }
             {
              text-align: left;
            }
          }
        }
      }
      @media (min-width: 1200px) {
         {
           {
             {
               {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
               {
              }
            }
          }
        }
      }
       {
        display: flex;
      }
       {
        flex-wrap: nowrap;
      }
       {
        justify-content: flex-start;
      }
       {
        gap: 32px;
      }
       {
        flex-direction: row;
      }
       {
         {
           {
            text-align: left;
          }
        }
      }
       {
         {
          flex-wrap: wrap;
        }
         {
          gap: 8px;
        }
         {
           {
            padding: 0;
          }
        }
         {
           {
            margin: 0;
          }
           {
            width: 100%;
          }
           {
            justify-content: space-between;
          }
           {
             {
              padding: 0;
            }
          }
        }
      }
       {
         {
           {
             {
              padding-top: 4px;
              padding-bottom: 4px;
            }
             {
              padding-left: 7px;
              padding-right: 7px;
            }
          }
        }
      }
       {
         {
          margin-right: 15px;
        }
      }
    }

    padding-top: 40px;

    padding-bottom: 40px;

     {
      top: 14px;
      padding-top: 4px;
      padding-bottom: 4px;
      padding-left: 7px;
      padding-right: 7px;
      margin: 8px !important;
      width: auto;
      margin-bottom: 0px;
      display: block !important;
       {
        margin-top: 15px;
      }
       {
        width: 100% !important;
      }
       {
         {
          margin-bottom: 20px !important;
        }
         {
          flex-direction: column;
        }
         {
          flex-wrap: wrap;
        }
         {
          justify-content: center;
        }
         {
           {
            text-align: center;
          }
          @media (max-width: 767px) {
             {
               {
              }
            }
          }
           {
            flex-direction: column;
          }
           {
            flex-wrap: wrap;
          }
           {
            text-align: center;
          }
           {
             {
              margin-bottom: 18px;
            }
             {
              .\!desc {
                text-align: center;
              }
              @media (max-width: 767px) {
                 {
                  .\!desc {
                  }
                }
              }
              .\!desc {
                text-align: center;
              }
            }
          }
        }
      }
       {
        padding-top: 11px !important;
        padding-bottom: 11px !important;
      }
       {
        padding-left: 4px !important;
        padding-right: 4px !important;
      }
       {
        margin-top: 0.25rem;
      }
       {
        justify-content: flex-start;
      }
    }

    display: none;

     {
       {
         {
           {
            display: block;
          }
           {
            margin-right: 8px;
          }
           {
            display: block;
          }
           {
            padding-right: 8px;
          }
           {
             {
              height: 20px;
            }
             {
              width: 18px;
            }
          }
        }
      }
       {
        padding-left: 15px;
        padding-right: 15px;
      }
       {
        @media (min-width: 1200px) {
           {
             {
               {
                 {
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                 {
                }
              }
            }
          }
        }
         {
          display: flex !important;
        }
         {
          line-height: 1;
        }
         {
           {
            padding-left: 30px;
          }
           {
            line-height: 2.5rem;
          }
           {
             {
              left: 0.625rem;
            }
             {
              top: 0.875rem;
            }
             {
              right: 0.25rem;
            }
             {
              top: 9px;
            }
             {
              height: 18px;
            }
             {
              width: 18px;
            }
          }
        }
         {
           {
            margin-top: 0;
          }
           {
            line-height: 1;
          }
           {
             {
              padding-top: 4px;
              padding-bottom: 4px;
            }
             {
              line-height: 1;
            }
             {
               {
                font-size: 14px;
              }
               {
                 {
                  display: block;
                }
                 {
                  display: block;
                }
                 {
                  padding: 0;
                }
              }
               {
                width: 18px;
              }
               {
                vertical-align: baseline;
              }
               {
                 {
                  width: 25px;
                }
              }
            }
          }
        }
      }
       {
         {
           {
            font-size: 20px;
          }
        }
      }
       {
         {
          right: 30px;
        }
      }
      display: block;
    }

    padding-left: 1rem;

    padding-right: 1rem;

    padding-top: 0.375rem;

    padding-bottom: 0.375rem;

    min-width: 380px;

    height: 250px;

     {
       {
         {
           {
            width: 55%;
          }
        }
         {
           {
            position: relative;
          }
           {
            inset: 0px;
          }
        }
      }
       {
         {
           {
             {
              width: 42%;
            }
          }
        }
      }
    }

    left: 15px;

    height: calc(100% - 30px);

    width: calc(100% - 30px);

    border-radius: 15px;

    background-color: rgba(var(--white),0.7);

     {
      width: 90%;
      padding-left: 45px;
      padding-right: 45px;
      padding-top: 3px;
      padding-bottom: 3px;
       {
        top: 10px;
      }
      text-align: center;
    }

    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }

    @media (max-width: 767px) {
       {
         {
        }
      }

      width: 100%;

      border-right-width: 10px;

      padding: 15px;

      text-align: center;

       {
        font-size: 1.25rem;
        line-height: 1.75rem;
        margin-bottom: 0 !important;
        margin-bottom: 0px;
      }

      margin-top: 0.625rem;

      text-align: center;

       {
         {
        }
      }

      text-align: center
    }

    padding-top: 2.5rem;

    padding-bottom: 2.5rem;

     {
      margin-bottom: 0.625rem;
      width: auto;
      padding: 1.25rem;
       {
         {
          margin-bottom: 5px;
        }
         {
           {
            margin-bottom: 5px;
          }
        }
      }
       {
         {
           {
            height: 1rem;
          }
           {
            width: 1rem;
          }
        }
         {
          margin-left: 5px;
        }
      }
    }

    padding-right: 30px;

     {
      max-width: 160px;
    }

    display: none;

    margin-right: 15px;

     {
       {
         {
          padding-left: 0.75rem;
        }
         {
          padding-right: 2.5rem;
        }
         {
          padding-top: 0.75rem;
        }
         {
          padding-bottom: 15px;
        }
      }
       {
         {
          margin-right: 15px;
        }
      }
      margin-bottom: 15px;
      top: 0.625rem;
       {
        width: 280px;
      }
    }

    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }

      width: 100%;

       {
         {
          margin-top: 0.625rem;
        }
         {
           {
            width: 280px;
          }
        }
      }

      right: 0.625rem;

       {
        margin-left: 0.125rem;
        margin-right: 0.125rem;
        margin-top: 0px;
        margin-bottom: 0px;
      }

      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }

        width: 100%;

        padding-bottom: 15px
      }

      margin-right: 15px
    }

    top: 19px;

     {
      margin-right: 0.625rem;
      top: 0px;
       {
        right: -30px;
      }
    }

    left: 45px;

    top: 406px;

    margin-bottom: -15px;

     {
      margin-bottom: 15px !important;
       {
        margin-bottom: 15px;
      }
       {
         {
          margin-bottom: 1.25rem;
        }
      }
       {
        margin-bottom: 15px;
      }
    }

    padding-bottom: 30px;

     {
      text-align: center;
    }

    @media (max-width: 767px) {
       {
         {
        }
      }

      text-align: center;

       {
         {
          margin-right: 0.875rem;
        }
         {
          margin-top: -3.5rem;
        }
         {
           {
            height: 100px;
          }
           {
            width: 100px;
          }
        }
         {
           {
            padding: 0 !important;
          }
           {
            margin-bottom: 0 !important;
          }
           {
            margin-bottom: 0px;
          }
           {
            border-top-color: none;
            border-bottom-color: none;
          }
           {
            padding: 0px;
          }
        }
      }

      margin-bottom: 0 !important;

      margin-bottom: 0px;

      margin-left: 0px;

      margin-right: 0px;

      margin-top: 15px;

      margin-bottom: 15px;

      margin-top: 15px;

       {
         {
          margin-bottom: 15px;
        }
      }
    }

    margin-right: 0px;

    margin-top: 15px;

     {
      margin-bottom: 15px;
      margin-top: 15px;
    }

    margin-top: 15px;

     {
       {
         {
          margin-top: 0 !important;
        }
         {
          float: right;
        }
         {
          margin-top: 0px;
        }
         {
           {
            height: 18px;
          }
           {
            width: 18px;
          }
        }
      }
       {
        margin-top: 15px;
      }
       {
        width: 26%;
      }
       {
         {
          margin-right: 0px;
        }
      }
    }

    text-align: center
  }

  @media (max-width: 767px) {
     {
       {
      }
    }

    text-align: center;

    padding: 15px;

     {
       {
        text-align: left;
      }
      display: block
    }

    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }

      display: block;

      width: 100%;

      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }

        margin-right: 0px;

        width: 100%;

         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }

        width: 100%;

        text-align: left;

         {
          border-top-width: 0px;
          border-bottom-width: 0px;
        }
      }

      border-top-width: 0px;

      border-bottom-width: 0px;

       {
        border-top-width: 0px;
        border-bottom-width: 0px;
      }

      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }

        width: 100%;

        margin-top: 15px;

        text-align: center
      }

      @media (max-width: 767px) {
         {
           {
          }
        }

        border-left-color: none;

        text-align: center;

        text-align: center;

         {
           {
          }
        }

        border-right-color: none;

        text-align: center
      }

      text-align: center
    }

    @media (min-width: 1200px) {
       {
         {
           {
             {
            }
          }
        }
      }
    }

    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }

    @media (max-width: 767px) {
       {
         {
        }
      }
    }

    @media (max-width: 575px) {
       {
         {
           {
             {
            }
          }
        }
      }

      display: flex;

      width: 100%;

      flex-direction: column;

      text-align: center;

      border-bottom: none !important;

       {
        text-align: center;
      }

      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }

      @media (max-width: 767px) {
         {
           {
          }
        }

        width: 100%;

        text-align: center;

        display: none
      }

      width: unset
    }

    flex-direction: column;

    align-items: center;

     {
      height: 190px;
      min-height: 190px;
       {
        margin-top: 0.625rem;
      }
    }

    text-align: center;

     {
       {
      }
    }

    text-align: center;

    margin-top: 0 !important;

    margin-right: -15px;

    margin-bottom: -15px;

    margin-left: -15px;

    margin-top: 0px;

     {
      height: 15px;
      width: 15px;
       {
        height: 30px;
      }
       {
        width: 30px;
      }
       {
        font-size: 13px;
      }
       {
        margin-left: 5px;
      }
      padding: 15px;
       {
        font-size: 1.5rem;
        line-height: 2rem;
      }
      text-align: left;
    }

    text-align: center;

     {
       {
      }
    }

    text-align: center;

    margin-top: 15px;

    width: 430px;

    padding-left: 15px;

    padding-right: 15px;

    padding-top: 25px;

    padding-bottom: 25px;

    display: none;

     {
       {
        margin-bottom: 15px;
      }
       {
         {
          line-height: 3;
        }
      }
       {
         {
          margin-bottom: 15px;
        }
         {
           {
            min-height: 30px;
          }
        }
      }
       {
         {
           {
            padding: 0.5rem;
          }
        }
      }
       {
         {
          margin-top: 15px;
        }
         {
           {
            padding-left: 7px;
            padding-right: 7px;
          }
           {
            padding-top: 1px;
            padding-bottom: 1px;
          }
           {
             {
               {
                border-color: none;
              }
            }
             {
               {
                border-color: none;
              }
            }
          }
        }
      }
       {
        margin-bottom: 15px;
      }
       {
         {
           {
            height: 30px;
          }
        }
      }
       {
         {
          padding: 15px;
        }
         {
           {
            margin-top: 15px;
          }
        }
         {
          margin-left: 0px;
          margin-right: 0px;
        }
         {
          margin-top: 15px;
          margin-bottom: 15px;
        }
         {
          margin-top: 15px;
        }
      }
       {
         {
           {
            padding-left: 1.25rem;
            padding-right: 1.25rem;
          }
           {
            padding-top: 0.75rem;
            padding-bottom: 0.75rem;
          }
        }
      }
       {
        margin-bottom: 1.25rem !important;
      }
       {
         {
           {
             {
              margin-top: 48px !important;
            }
             {
              margin-top: 1.25rem;
            }
             {
              margin-bottom: 1.25rem;
            }
          }
        }
      }
       {
         {
           {
            position: fixed;
          }
           {
            right: 0.75rem;
          }
           {
            top: 60px;
          }
           {
            width: calc(100vw - 30px);
          }
           {
            position: fixed;
          }
           {
            left: 15px;
          }
           {
            top: 60px;
          }
           {
            width: calc(100vw - 300px);
          }
           {
            left: 15px;
          }
           {
            top: 43px;
          }
        }
      }
    }

    height: 250px;

     {
      order: -1;
       {
         {
          text-align: center;
        }
        @media (max-width: 767px) {
           {
             {
            }
          }
        }
         {
          text-align: center;
        }
         {
          margin-top: 48px !important;
        }
         {
          margin-top: 1.25rem;
        }
      }
       {
        height: 300px;
      }
       {
         {
          padding: 1.25rem;
        }
         {
           {
            padding-left: 0 !important;
            padding-right: 0 !important;
          }
           {
            margin-top: 0.75rem;
          }
           {
            margin-bottom: 15px;
          }
           {
            border-bottom-width: 1px;
          }
           {
            border-style: solid;
          }
           {
            border-bottom-color: rgba(var(--chart-dashed-border),1);
          }
           {
            padding-left: 0px;
            padding-right: 0px;
          }
           {
            padding-top: 15px;
            padding-bottom: 15px;
          }
        }
      }
       {
         {
          margin-right: 0px;
        }
         {
          font-size: 1rem;
          line-height: 1.5rem;
        }
      }
       {
         {
          font-size: 1.25rem;
          line-height: 1.75rem;
        }
      }
      margin-left: 0px;
      margin-right: 0px;
      margin-top: 15px;
       {
         {
          margin-bottom: 0.625rem;
        }
      }
      margin-bottom: 0 !important;
      margin-bottom: 0px;
      display: block;
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
       {
        width: 100%;
      }
       {
        margin-top: 15px;
      }
      padding: 15px;
       {
        height: 50px;
      }
       {
        width: 50px;
      }
       {
        --tw-shadow: inset 0px -100px 100px -13px rgba(0,0,0,0.6);
        --tw-shadow-colored: inset 0px -100px 100px -13px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
      }
       {
        margin-top: 15px;
      }
       {
        margin-top: 15px;
      }
       {
        margin-top: 15px;
      }
       {
         {
           {
            padding-left: 0.5rem;
          }
           {
             {
              display: none;
            }
          }
           {
            margin-right: 0.625rem;
          }
           {
            padding-right: 1.25rem;
          }
        }
      }
    }

    padding-bottom: 0 !important;

    padding-top: 2.5rem;

    padding-bottom: 0px;

     {
       {
        margin-left: 30px;
      }
       {
        display: block;
      }
       {
        display: block;
      }
       {
         {
          margin-bottom: 0.625rem;
        }
         {
          height: 50px;
        }
         {
          width: 50px;
        }
         {
          padding: 3px;
        }
      }
    }

    height: 20rem;

     {
      text-align: center;
    }

    @media (max-width: 767px) {
       {
         {
        }
      }

      margin-bottom: 15px;

      text-align: center;

       {
        font-size: 17px;
      }

      margin-bottom: 15px;

       {
         {
          font-size: 0.875rem;
          line-height: 1.25rem;
        }
         {
          font-weight: 600;
        }
         {
          font-size: 1.5rem;
          line-height: 2rem;
        }
        margin-top: 0.625rem;
        font-size: 0.7em
      }
    }

    display: block;

    display: block;

    padding-bottom: 30px;

     {
       {
        padding: 15px;
      }
       {
         {
          margin-bottom: 0 !important;
        }
         {
          margin-bottom: 0px;
        }
         {
          margin-bottom: 0.625rem;
        }
      }
       {
        padding-top: 0px;
      }
      padding: 1.25rem;
       {
        font-size: 25px;
      }
       {
        padding: 0 !important;
      }
       {
        padding: 0px;
      }
    }

    padding-left: 0 !important;

    padding-right: 0 !important;

    padding-left: 0px;

    padding-right: 0px;

    padding-top: 1.25rem;

    padding-bottom: 1.25rem;

     {
      margin-top: 15px;
      width: 65px;
       {
        display: none;
      }
       {
        text-align: center !important;
      }
      @media (max-width: 767px) {
         {
           {
          }
        }
      }
       {
        margin-top: -10%;
      }
       {
        text-align: center !important;
      }
       {
        font-size: 25px;
      }
       {
        letter-spacing: 2px;
      }
       {
        margin-top: 48px !important;
      }
       {
        margin-top: 1.25rem;
      }
       {
        line-height: 1;
      }
       {
        margin-top: 1.25rem;
        margin-bottom: 1.25rem;
      }
       {
        padding-left: 0 !important;
        padding-right: 0 !important;
      }
       {
        padding-left: 0px;
        padding-right: 0px;
      }
       {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
      }
       {
         {
           {
            margin-left: 7px;
            margin-right: 7px;
          }
           {
            margin-top: 0px;
            margin-bottom: 0px;
          }
        }
         {
          font-size: 0.75rem;
          line-height: 1rem;
        }
         {
          margin-left: auto;
          margin-right: auto;
        }
         {
          margin-top: 0px;
          margin-bottom: 0px;
        }
         {
          height: 45px;
        }
         {
          width: 45px;
        }
         {
          font-size: 1rem;
          line-height: 1.5rem;
        }
         {
          line-height: 45px;
        }
      }
    }

    margin-bottom: 15px;

     {
      margin-top: 15px;
      margin-bottom: 15px;
      text-align: right;
    }

    margin-top: 15px;

    padding: 15px;

     {
      padding-top: 15px;
      margin-left: 0px;
      margin-right: 0px;
      margin-top: 15px;
      margin-bottom: 15px;
    }

    padding: 15px;

     {
      margin-top: 15px;
      top: 4rem;
    }

    margin-top: 15px;

     {
       {
         {
          margin-bottom: 15px;
        }
      }
       {
        margin-bottom: 15px;
      }
    }

    margin-top: 15px;

     {
       {
        margin-left: auto;
        margin-right: auto;
      }
       {
        margin-top: 0px;
        margin-bottom: 0px;
      }
       {
        width: 50%;
      }
      margin-bottom: 15px
    }

    margin-top: 15px;

    margin-bottom: 15px;

     {
       {
        width: 96%;
      }
       {
         {
           {
             {
              min-width: 20px;
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
       {
        width: 100%;
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
       {
        width: 100%;
      }
       {
        margin-bottom: 15px;
      }
      margin-top: 15px;
       {
         {
          margin-top: 13px;
        }
      }
       {
        margin-bottom: 15px;
      }
    }

    margin-bottom: 15px;

    margin-bottom: 8px !important;

    margin-bottom: 0.5rem !important;

    padding-left: 15px;

    padding-right: 15px;

    padding-top: 30px;

    padding-bottom: 30px;

     {
       {
         {
          display: none;
        }
         {
          position: fixed;
        }
         {
          left: 15px;
        }
         {
          top: 60px;
        }
         {
          width: calc(100vw - 30px);
        }
      }
      margin-right: unset;
      {
        {
          {
             {
              top: 100px;
            }
             {
              gap: 16px;
            }
          }
        }
      }
       {
         {
           {
            width: 100%;
          }
        }
      }
    }

    left: 22px !important;

    width: 262px !important;

     {
       {
         {
          margin-left: 63px;
        }
      }
    }
  }

  @media (min-width: 1200px) {
     {
       {
         {
           {
          }
        }
      }
    }
  }

  @media (max-width: 575px) {
     {
       {
         {
           {
          }
        }
      }
    }

    display: flex;

     {
       {
         {
           {
             {
              text-align: left;
            }
             {
              text-align: left;
            }
          }
        }
      }
      @media (min-width: 1200px) {
         {
           {
             {
               {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
               {
              }
            }
          }
        }
      }
       {
        display: flex;
      }
       {
        flex-wrap: nowrap;
      }
       {
        justify-content: flex-start;
      }
       {
        gap: 32px;
      }
       {
        flex-direction: row;
      }
       {
         {
           {
            text-align: left;
          }
        }
      }
       {
         {
          flex-wrap: wrap;
        }
         {
          gap: 8px;
        }
         {
           {
            padding: 0;
          }
        }
         {
           {
            margin: 0;
          }
           {
            width: 100%;
          }
           {
            justify-content: space-between;
          }
           {
             {
              padding: 0;
            }
          }
        }
      }
       {
         {
           {
             {
              padding-top: 4px;
              padding-bottom: 4px;
            }
             {
              padding-left: 7px;
              padding-right: 7px;
            }
          }
        }
      }
       {
         {
          margin-right: 15px;
        }
      }
    }

    padding-top: 40px;

    padding-bottom: 40px;

     {
      top: 14px;
      padding-top: 4px;
      padding-bottom: 4px;
      padding-left: 7px;
      padding-right: 7px;
      margin: 8px !important;
      width: auto;
      margin-bottom: 0px;
      display: block !important;
       {
        margin-top: 15px;
      }
       {
        width: 100% !important;
      }
       {
         {
          margin-bottom: 20px !important;
        }
         {
          flex-direction: column;
        }
         {
          flex-wrap: wrap;
        }
         {
          justify-content: center;
        }
         {
           {
            text-align: center;
          }
          @media (max-width: 767px) {
             {
               {
              }
            }
          }
           {
            flex-direction: column;
          }
           {
            flex-wrap: wrap;
          }
           {
            text-align: center;
          }
           {
             {
              margin-bottom: 18px;
            }
             {
               {
                text-align: center;
              }
              @media (max-width: 767px) {
                 {
                   {
                  }
                }
              }
               {
                text-align: center;
              }
            }
          }
        }
      }
       {
        padding-top: 11px !important;
        padding-bottom: 11px !important;
      }
       {
        padding-left: 4px !important;
        padding-right: 4px !important;
      }
       {
        margin-top: 0.25rem;
      }
       {
        justify-content: flex-start;
      }
    }

    display: none;

     {
       {
         {
           {
            display: block;
          }
           {
            margin-right: 8px;
          }
           {
            display: block;
          }
           {
            padding-right: 8px;
          }
           {
             {
              height: 20px;
            }
             {
              width: 18px;
            }
          }
        }
      }
       {
        padding-left: 15px;
        padding-right: 15px;
      }
       {
        @media (min-width: 1200px) {
           {
             {
               {
                 {
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                 {
                }
              }
            }
          }
        }
         {
          display: flex !important;
        }
         {
          line-height: 1;
        }
         {
           {
            padding-left: 30px;
          }
           {
            line-height: 2.5rem;
          }
           {
             {
              left: 0.625rem;
            }
             {
              top: 0.875rem;
            }
             {
              right: 0.25rem;
            }
             {
              top: 9px;
            }
             {
              height: 18px;
            }
             {
              width: 18px;
            }
          }
        }
         {
           {
            margin-top: 0;
          }
           {
            line-height: 1;
          }
           {
             {
              padding-top: 4px;
              padding-bottom: 4px;
            }
             {
              line-height: 1;
            }
             {
               {
                font-size: 14px;
              }
               {
                 {
                  display: block;
                }
                 {
                  display: block;
                }
                 {
                  padding: 0;
                }
              }
               {
                width: 18px;
              }
               {
                vertical-align: baseline;
              }
               {
                 {
                  width: 25px;
                }
              }
            }
          }
        }
      }
       {
        .\!grid {
           {
            font-size: 20px;
          }
        }
      }
       {
         {
          right: 30px;
        }
      }
      display: block;
    }

    padding-left: 1rem;

    padding-right: 1rem;

    padding-top: 0.375rem;

    padding-bottom: 0.375rem;

    min-width: 380px;

    height: 250px;

     {
       {
         {
           {
            width: 55%;
          }
        }
         {
           {
            position: relative;
          }
           {
            inset: 0px;
          }
        }
      }
       {
         {
           {
             {
              width: 42%;
            }
          }
        }
      }
    }

    left: 15px;

    height: calc(100% - 30px);

    width: calc(100% - 30px);

    border-radius: 15px;

    background-color: rgba(var(--white),0.7);

     {
      width: 90%;
      padding-left: 45px;
      padding-right: 45px;
      padding-top: 3px;
      padding-bottom: 3px;
       {
        top: 10px;
      }
      text-align: center;
    }

    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }

    @media (max-width: 767px) {
       {
         {
        }
      }

      width: 100%;

      border-right-width: 10px;

      padding: 15px;

      text-align: center;

       {
        font-size: 1.25rem;
        line-height: 1.75rem;
        margin-bottom: 0 !important;
        margin-bottom: 0px;
      }

      margin-top: 0.625rem;

      text-align: center;

       {
         {
        }
      }

      text-align: center
    }

    padding-top: 2.5rem;

    padding-bottom: 2.5rem;

     {
      margin-bottom: 0.625rem;
      width: auto;
      padding: 1.25rem;
       {
         {
          margin-bottom: 5px;
        }
         {
           {
            margin-bottom: 5px;
          }
        }
      }
       {
         {
           {
            height: 1rem;
          }
           {
            width: 1rem;
          }
        }
         {
          margin-left: 5px;
        }
      }
    }

    padding-right: 30px;

     {
      max-width: 160px;
    }

    display: none;

    margin-right: 15px;

     {
       {
         {
          padding-left: 0.75rem;
        }
         {
          padding-right: 2.5rem;
        }
         {
          padding-top: 0.75rem;
        }
         {
          padding-bottom: 15px;
        }
      }
       {
         {
          margin-right: 15px;
        }
      }
      margin-bottom: 15px;
      top: 0.625rem;
       {
        width: 280px;
      }
    }

    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }

      width: 100%;

       {
         {
          margin-top: 0.625rem;
        }
         {
           {
            width: 280px;
          }
        }
      }

      right: 0.625rem;

       {
        margin-left: 0.125rem;
        margin-right: 0.125rem;
        margin-top: 0px;
        margin-bottom: 0px;
      }

      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }

        width: 100%;

        padding-bottom: 15px
      }

      margin-right: 15px
    }

    top: 19px;

     {
      margin-right: 0.625rem;
      top: 0px;
       {
        right: -30px;
      }
    }

    left: 45px;

    top: 406px;

    margin-bottom: -15px;

     {
      margin-bottom: 15px !important;
       {
        margin-bottom: 15px;
      }
       {
         {
          margin-bottom: 1.25rem;
        }
      }
       {
        margin-bottom: 15px;
      }
    }

    padding-bottom: 30px;

     {
      text-align: center;
    }

    @media (max-width: 767px) {
       {
         {
        }
      }

      text-align: center;

       {
         {
          margin-right: 0.875rem;
        }
         {
          margin-top: -3.5rem;
        }
         {
           {
            height: 100px;
          }
           {
            width: 100px;
          }
        }
         {
           {
            padding: 0 !important;
          }
           {
            margin-bottom: 0 !important;
          }
           {
            margin-bottom: 0px;
          }
           {
            border-top-color: none;
            border-bottom-color: none;
          }
           {
            padding: 0px;
          }
        }
      }

      margin-bottom: 0 !important;

      margin-bottom: 0px;

      margin-left: 0px;

      margin-right: 0px;

      margin-top: 15px;

      margin-bottom: 15px;

      margin-top: 15px;

       {
         {
          margin-bottom: 15px;
        }
      }
    }

    margin-right: 0px;

    margin-top: 15px;

     {
      margin-bottom: 15px;
      margin-top: 15px;
    }

    margin-top: 15px;

     {
       {
         {
          margin-top: 0 !important;
        }
         {
          float: right;
        }
         {
          margin-top: 0px;
        }
         {
           {
            height: 18px;
          }
           {
            width: 18px;
          }
        }
      }
       {
        margin-top: 15px;
      }
       {
        width: 26%;
      }
       {
         {
          margin-right: 0px;
        }
      }
    }

    text-align: center
  }

  @media (max-width: 767px) {
     {
       {
      }
    }

    text-align: center;

    padding: 15px;

     {
       {
        text-align: left;
      }
      display: block
    }

    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }

      display: block;

      width: 100%;

      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }

        margin-right: 0px;

        width: 100%;

         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }

        width: 100%;

        text-align: left;

         {
          border-top-width: 0px;
          border-bottom-width: 0px;
        }
      }

      border-top-width: 0px;

      border-bottom-width: 0px;

       {
        border-top-width: 0px;
        border-bottom-width: 0px;
      }

      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }

        width: 100%;

        margin-top: 15px;

        text-align: center
      }

      @media (max-width: 767px) {
         {
           {
          }
        }

        border-left-color: none;

        text-align: center;

        text-align: center;

         {
           {
          }
        }

        border-right-color: none;

        text-align: center
      }

      text-align: center
    }

    @media (min-width: 1200px) {
       {
         {
           {
             {
            }
          }
        }
      }
    }

    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }

    @media (max-width: 767px) {
       {
         {
        }
      }
    }

    @media (max-width: 575px) {
       {
         {
           {
             {
            }
          }
        }
      }

      display: flex;

      width: 100%;

      flex-direction: column;

      text-align: center;

      border-bottom: none !important;

       {
        text-align: center;
      }

      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }

      @media (max-width: 767px) {
         {
           {
          }
        }

        width: 100%;

        text-align: center;

        display: none
      }

      width: unset
    }

    flex-direction: column;

    align-items: center;

     {
      height: 190px;
      min-height: 190px;
       {
        margin-top: 0.625rem;
      }
    }

    text-align: center;

     {
       {
      }
    }

    text-align: center;

    margin-top: 0 !important;

    margin-right: -15px;

    margin-bottom: -15px;

    margin-left: -15px;

    margin-top: 0px;

     {
      height: 15px;
      width: 15px;
       {
        height: 30px;
      }
       {
        width: 30px;
      }
       {
        font-size: 13px;
      }
       {
        margin-left: 5px;
      }
      padding: 15px;
       {
        font-size: 1.5rem;
        line-height: 2rem;
      }
      text-align: left;
    }

    text-align: center;

     {
       {
      }
    }

    text-align: center;

    margin-top: 15px;

    width: 430px;

    padding-left: 15px;

    padding-right: 15px;

    padding-top: 25px;

    padding-bottom: 25px;

    display: none;

     {
       {
        margin-bottom: 15px;
      }
       {
         {
          line-height: 3;
        }
      }
       {
         {
          margin-bottom: 15px;
        }
         {
           {
            min-height: 30px;
          }
        }
      }
       {
         {
           {
            padding: 0.5rem;
          }
        }
      }
       {
         {
          margin-top: 15px;
        }
         {
           {
            padding-left: 7px;
            padding-right: 7px;
          }
           {
            padding-top: 1px;
            padding-bottom: 1px;
          }
           {
             {
               {
                border-color: none;
              }
            }
             {
               {
                border-color: none;
              }
            }
          }
        }
      }
       {
        margin-bottom: 15px;
      }
       {
         {
           {
            height: 30px;
          }
        }
      }
       {
         {
          padding: 15px;
        }
         {
           {
            margin-top: 15px;
          }
        }
         {
          margin-left: 0px;
          margin-right: 0px;
        }
         {
          margin-top: 15px;
          margin-bottom: 15px;
        }
         {
          margin-top: 15px;
        }
      }
       {
         {
           {
            padding-left: 1.25rem;
            padding-right: 1.25rem;
          }
           {
            padding-top: 0.75rem;
            padding-bottom: 0.75rem;
          }
        }
      }
       {
        margin-bottom: 1.25rem !important;
      }
       {
         {
           {
             {
              margin-top: 48px !important;
            }
             {
              margin-top: 1.25rem;
            }
             {
              margin-bottom: 1.25rem;
            }
          }
        }
      }
       {
         {
           {
            position: fixed;
          }
           {
            right: 0.75rem;
          }
           {
            top: 60px;
          }
           {
            width: calc(100vw - 30px);
          }
           {
            position: fixed;
          }
           {
            left: 15px;
          }
           {
            top: 60px;
          }
           {
            width: calc(100vw - 300px);
          }
           {
            left: 15px;
          }
           {
            top: 43px;
          }
        }
      }
    }

    height: 250px;

     {
      order: -1;
       {
         {
          text-align: center;
        }
        @media (max-width: 767px) {
           {
             {
            }
          }
        }
         {
          text-align: center;
        }
         {
          margin-top: 48px !important;
        }
         {
          margin-top: 1.25rem;
        }
      }
       {
        height: 300px;
      }
       {
         {
          padding: 1.25rem;
        }
         {
           {
            padding-left: 0 !important;
            padding-right: 0 !important;
          }
           {
            margin-top: 0.75rem;
          }
           {
            margin-bottom: 15px;
          }
           {
            border-bottom-width: 1px;
          }
           {
            border-style: solid;
          }
           {
            border-bottom-color: rgba(var(--chart-dashed-border),1);
          }
           {
            padding-left: 0px;
            padding-right: 0px;
          }
           {
            padding-top: 15px;
            padding-bottom: 15px;
          }
        }
      }
       {
         {
          margin-right: 0px;
        }
         {
          font-size: 1rem;
          line-height: 1.5rem;
        }
      }
       {
         {
          font-size: 1.25rem;
          line-height: 1.75rem;
        }
      }
      margin-left: 0px;
      margin-right: 0px;
      margin-top: 15px;
       {
         {
          margin-bottom: 0.625rem;
        }
      }
      margin-bottom: 0 !important;
      margin-bottom: 0px;
      display: block;
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
       {
        width: 100%;
      }
       {
        margin-top: 15px;
      }
      padding: 15px;
       {
        height: 50px;
      }
       {
        width: 50px;
      }
       {
        --tw-shadow: inset 0px -100px 100px -13px rgba(0,0,0,0.6);
        --tw-shadow-colored: inset 0px -100px 100px -13px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
      }
       {
        margin-top: 15px;
      }
       {
        margin-top: 15px;
      }
       {
        margin-top: 15px;
      }
       {
         {
           {
            padding-left: 0.5rem;
          }
           {
             {
              display: none;
            }
          }
           {
            margin-right: 0.625rem;
          }
           {
            padding-right: 1.25rem;
          }
        }
      }
    }

    padding-bottom: 0 !important;

    padding-top: 2.5rem;

    padding-bottom: 0px;

     {
       {
        margin-left: 30px;
      }
       {
        display: block;
      }
       {
        display: block;
      }
       {
         {
          margin-bottom: 0.625rem;
        }
         {
          height: 50px;
        }
         {
          width: 50px;
        }
         {
          padding: 3px;
        }
      }
    }

    height: 20rem;

     {
      text-align: center;
    }

    @media (max-width: 767px) {
       {
         {
        }
      }

      margin-bottom: 15px;

      text-align: center;

       {
        font-size: 17px;
      }

      margin-bottom: 15px;

       {
         {
          font-size: 0.875rem;
          line-height: 1.25rem;
        }
         {
          font-weight: 600;
        }
         {
          font-size: 1.5rem;
          line-height: 2rem;
        }
        margin-top: 0.625rem;
        font-size: 0.7em
      }
    }

    display: block;

    display: block;

    padding-bottom: 30px;

     {
       {
        padding: 15px;
      }
       {
         {
          margin-bottom: 0 !important;
        }
         {
          margin-bottom: 0px;
        }
         {
          margin-bottom: 0.625rem;
        }
      }
       {
        padding-top: 0px;
      }
      padding: 1.25rem;
       {
        font-size: 25px;
      }
       {
        padding: 0 !important;
      }
       {
        padding: 0px;
      }
    }

    padding-left: 0 !important;

    padding-right: 0 !important;

    padding-left: 0px;

    padding-right: 0px;

    padding-top: 1.25rem;

    padding-bottom: 1.25rem;

     {
      margin-top: 15px;
      width: 65px;
       {
        display: none;
      }
       {
        text-align: center !important;
      }
      @media (max-width: 767px) {
         {
           {
          }
        }
      }
       {
        margin-top: -10%;
      }
       {
        text-align: center !important;
      }
       {
        font-size: 25px;
      }
       {
        letter-spacing: 2px;
      }
       {
        margin-top: 48px !important;
      }
       {
        margin-top: 1.25rem;
      }
       {
        line-height: 1;
      }
       {
        margin-top: 1.25rem;
        margin-bottom: 1.25rem;
      }
       {
        padding-left: 0 !important;
        padding-right: 0 !important;
      }
       {
        padding-left: 0px;
        padding-right: 0px;
      }
       {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
      }
       {
         {
           {
            margin-left: 7px;
            margin-right: 7px;
          }
           {
            margin-top: 0px;
            margin-bottom: 0px;
          }
        }
         {
          font-size: 0.75rem;
          line-height: 1rem;
        }
         {
          margin-left: auto;
          margin-right: auto;
        }
         {
          margin-top: 0px;
          margin-bottom: 0px;
        }
         {
          height: 45px;
        }
         {
          width: 45px;
        }
         {
          font-size: 1rem;
          line-height: 1.5rem;
        }
         {
          line-height: 45px;
        }
      }
    }

    margin-bottom: 15px;

     {
      margin-top: 15px;
      margin-bottom: 15px;
      text-align: right;
    }

    margin-top: 15px;

    padding: 15px;

     {
      padding-top: 15px;
      margin-left: 0px;
      margin-right: 0px;
      margin-top: 15px;
      margin-bottom: 15px;
    }

    padding: 15px;

     {
      margin-top: 15px;
      top: 4rem;
    }

    margin-top: 15px;

     {
       {
         {
          margin-bottom: 15px;
        }
      }
       {
        margin-bottom: 15px;
      }
    }

    margin-top: 15px;

     {
       {
        margin-left: auto;
        margin-right: auto;
      }
       {
        margin-top: 0px;
        margin-bottom: 0px;
      }
       {
        width: 50%;
      }
      margin-bottom: 15px
    }

    margin-top: 15px;

    margin-bottom: 15px;

     {
       {
        width: 96%;
      }
       {
         {
           {
             {
              min-width: 20px;
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
       {
        width: 100%;
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
       {
        width: 100%;
      }
       {
        margin-bottom: 15px;
      }
      margin-top: 15px;
       {
         {
          margin-top: 13px;
        }
      }
       {
        margin-bottom: 15px;
      }
    }

    margin-bottom: 15px;

    margin-bottom: 8px !important;

    margin-bottom: 0.5rem !important;

    padding-left: 15px;

    padding-right: 15px;

    padding-top: 30px;

    padding-bottom: 30px;

     {
       {
         {
          display: none;
        }
         {
          position: fixed;
        }
         {
          left: 15px;
        }
         {
          top: 60px;
        }
         {
          width: calc(100vw - 30px);
        }
      }
      margin-right: unset;
      {
        {
          {
             {
              top: 100px;
            }
             {
              gap: 16px;
            }
          }
        }
      }
       {
         {
           {
            width: 100%;
          }
        }
      }
    }

    left: 22px !important;

    width: 262px !important;

     {
       {
         {
          margin-left: 63px;
        }
      }
    }
  }

  @media (min-width: 1200px) {
     {
       {
         {
           {
          }
        }
      }
    }
  }

  @media (max-width: 575px) {
     {
       {
         {
           {
          }
        }
      }
    }

    display: flex;

     {
       {
         {
           {
             {
              text-align: left;
            }
             {
              text-align: left;
            }
          }
        }
      }
      @media (min-width: 1200px) {
         {
           {
             {
               {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
               {
              }
            }
          }
        }
      }
       {
        display: flex;
      }
       {
        flex-wrap: nowrap;
      }
       {
        justify-content: flex-start;
      }
       {
        gap: 32px;
      }
       {
        flex-direction: row;
      }
       {
         {
           {
            text-align: left;
          }
        }
      }
       {
         {
          flex-wrap: wrap;
        }
         {
          gap: 8px;
        }
         {
           {
            padding: 0;
          }
        }
         {
           {
            margin: 0;
          }
           {
            width: 100%;
          }
           {
            justify-content: space-between;
          }
           {
             {
              padding: 0;
            }
          }
        }
      }
       {
         {
           {
             {
              padding-top: 4px;
              padding-bottom: 4px;
            }
             {
              padding-left: 7px;
              padding-right: 7px;
            }
          }
        }
      }
       {
         {
          margin-right: 15px;
        }
      }
    }

    padding-top: 40px;

    padding-bottom: 40px;

     {
      top: 14px;
      padding-top: 4px;
      padding-bottom: 4px;
      padding-left: 7px;
      padding-right: 7px;
      margin: 8px !important;
      width: auto;
      margin-bottom: 0px;
      display: block !important;
      .\!btn {
        margin-top: 15px;
      }
       {
        width: 100% !important;
      }
       {
         {
          margin-bottom: 20px !important;
        }
         {
          flex-direction: column;
        }
         {
          flex-wrap: wrap;
        }
         {
          justify-content: center;
        }
         {
           {
            text-align: center;
          }
          @media (max-width: 767px) {
             {
               {
              }
            }
          }
           {
            flex-direction: column;
          }
           {
            flex-wrap: wrap;
          }
           {
            text-align: center;
          }
           {
             {
              margin-bottom: 18px;
            }
             {
               {
                text-align: center;
              }
              @media (max-width: 767px) {
                 {
                   {
                  }
                }
              }
               {
                text-align: center;
              }
            }
          }
        }
      }
       {
        padding-top: 11px !important;
        padding-bottom: 11px !important;
      }
       {
        padding-left: 4px !important;
        padding-right: 4px !important;
      }
       {
        margin-top: 0.25rem;
      }
       {
        justify-content: flex-start;
      }
    }

    display: none;

     {
       {
         {
           {
            display: block;
          }
           {
            margin-right: 8px;
          }
           {
            display: block;
          }
           {
            padding-right: 8px;
          }
           {
             {
              height: 20px;
            }
             {
              width: 18px;
            }
          }
        }
      }
       {
        padding-left: 15px;
        padding-right: 15px;
      }
       {
        @media (min-width: 1200px) {
           {
             {
               {
                 {
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                 {
                }
              }
            }
          }
        }
         {
          display: flex !important;
        }
         {
          line-height: 1;
        }
         {
           {
            padding-left: 30px;
          }
           {
            line-height: 2.5rem;
          }
           {
             {
              left: 0.625rem;
            }
             {
              top: 0.875rem;
            }
             {
              right: 0.25rem;
            }
             {
              top: 9px;
            }
             {
              height: 18px;
            }
             {
              width: 18px;
            }
          }
        }
         {
           {
            margin-top: 0;
          }
           {
            line-height: 1;
          }
           {
             {
              padding-top: 4px;
              padding-bottom: 4px;
            }
             {
              line-height: 1;
            }
             {
               {
                font-size: 14px;
              }
               {
                 {
                  display: block;
                }
                 {
                  display: block;
                }
                 {
                  padding: 0;
                }
              }
               {
                width: 18px;
              }
               {
                vertical-align: baseline;
              }
               {
                 {
                  width: 25px;
                }
              }
            }
          }
        }
      }
       {
         {
           {
            font-size: 20px;
          }
        }
      }
       {
         {
          right: 30px;
        }
      }
      display: block;
    }
  }

  .\!btn {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
  }

   {
    min-width: 380px;
    height: 250px;
     {
       {
         {
           {
            width: 55%;
          }
        }
         {
           {
            position: relative;
          }
           {
            inset: 0px;
          }
        }
      }
       {
         {
           {
             {
              width: 42%;
            }
          }
        }
      }
    }
    height: calc(100% - 30px);
    width: calc(100% - 30px);
    border-radius: 15px;
    background-color: rgba(var(--white),0.7);
     {
      width: 90%;
    }
     {
      padding-left: 45px;
      padding-right: 45px;
    }
     {
      padding-top: 3px;
      padding-bottom: 3px;
    }
     {
       {
        top: 10px;
      }
    }
     {
      text-align: center;
    }
    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 767px) {
       {
         {
        }
      }
    }
     {
      width: 100%;
    }
     {
      border-right-width: 10px;
    }
     {
      padding: 15px;
    }
     {
      text-align: center;
    }
     {
       {
        margin-bottom: 0 !important;
      }
       {
        margin-bottom: 0px;
      }
       {
        font-size: 1.25rem;
        line-height: 1.75rem;
      }
       {
        margin-bottom: 0 !important;
      }
       {
        margin-bottom: 0px;
      }
    }
     {
      margin-top: 0.625rem;
    }
     {
      text-align: center;
    }
    @media (max-width: 767px) {
       {
         {
        }
      }
    }
     {
      text-align: center;
    }
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
     {
      margin-bottom: 0.625rem;
    }
     {
      width: auto;
    }
     {
      padding: 1.25rem;
    }
     {
       {
         {
          margin-bottom: 5px;
        }
         {
           {
            margin-bottom: 5px;
          }
        }
      }
    }
     {
       {
         {
           {
            height: 1rem;
          }
           {
            width: 1rem;
          }
        }
         {
          margin-left: 5px;
        }
      }
    }
    padding-right: 30px;
     {
      max-width: 160px;
    }
    display: none;
     {
       {
         {
          padding-left: 0.75rem;
        }
         {
          padding-right: 2.5rem;
        }
         {
          padding-top: 0.75rem;
        }
         {
          padding-bottom: 15px;
        }
      }
    }
     {
       {
         {
          margin-right: 15px;
        }
      }
    }
     {
      margin-bottom: 15px;
    }
     {
      top: 0.625rem;
    }
     {
       {
        width: 280px;
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }
     {
      width: 100%;
    }
     {
       {
         {
          margin-top: 0.625rem;
        }
         {
           {
            width: 280px;
          }
        }
      }
    }
     {
      right: 0.625rem;
    }
     {
      .\!btn {
        margin-left: 0.125rem;
        margin-right: 0.125rem;
      }
      .\!btn {
        margin-top: 0px;
        margin-bottom: 0px;
      }
    }
     {
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
       {
        width: 100%;
      }
       {
        padding-bottom: 15px;
      }
    }
     {
      margin-right: 15px;
    }
     {
      margin-right: 0.625rem;
    }
     {
      top: 0px;
    }
     {
       {
        right: -30px;
      }
    }
    left: 45px;
    top: 406px;
    margin-bottom: -15px;
     {
      margin-bottom: 15px !important;
    }
     {
       {
        margin-bottom: 15px;
      }
    }
     {
       {
         {
          margin-bottom: 1.25rem;
        }
      }
    }
     {
       {
        margin-bottom: 15px;
      }
    }
    padding-bottom: 30px;
     {
      text-align: center;
    }
    @media (max-width: 767px) {
       {
         {
        }
      }
    }
     {
      text-align: center;
    }
     {
       {
         {
          margin-right: 0.875rem;
        }
      }
    }
     {
       {
         {
          margin-top: -3.5rem;
        }
         {
           {
            height: 100px;
          }
           {
            width: 100px;
          }
        }
      }
       {
         {
           {
            padding: 0 !important;
          }
           {
            margin-bottom: 0 !important;
          }
           {
            margin-bottom: 0px;
          }
           {
            border-top-color: none;
            border-bottom-color: none;
          }
           {
            padding: 0px;
          }
        }
      }
    }
     {
      margin-bottom: 0 !important;
    }
     {
      margin-bottom: 0px;
    }
     {
      margin-left: 0px;
      margin-right: 0px;
    }
     {
      margin-top: 15px;
      margin-bottom: 15px;
    }
     {
      margin-top: 15px;
    }
     {
       {
         {
          margin-bottom: 15px;
        }
      }
    }
    margin-right: 0px;
     {
      margin-bottom: 15px;
    }
     {
      margin-bottom: 15px;
    }
     {
      margin-top: 15px;
    }
    margin-top: 15px;
     {
       {
         {
          margin-top: 0 !important;
        }
         {
          float: right;
        }
         {
          margin-top: 0px;
        }
         {
           {
            height: 18px;
          }
           {
            width: 18px;
          }
        }
      }
    }
     {
       {
        margin-top: 15px;
      }
    }
     {
       {
        width: 26%;
      }
       {
         {
          margin-right: 0px;
        }
      }
    }
    text-align: center;
  }

  @media (max-width: 767px) {
     {
       {
      }
    }

    text-align: center;

    padding: 15px;

     {
       {
        text-align: left;
      }
      display: block
    }

    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }

      display: block;

      width: 100%;

      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }

        margin-right: 0px;

        width: 100%;

         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }

        width: 100%;

        text-align: left;

         {
          border-top-width: 0px;
          border-bottom-width: 0px;
        }
      }

      border-top-width: 0px;

      border-bottom-width: 0px;

       {
        border-top-width: 0px;
        border-bottom-width: 0px;
      }

      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }

        width: 100%;

        margin-top: 15px;

        text-align: center
      }

      @media (max-width: 767px) {
         {
           {
          }
        }

        border-left-color: none;

        text-align: center;

        text-align: center;

         {
           {
          }
        }

        border-right-color: none;

        text-align: center
      }

      text-align: center
    }

    @media (min-width: 1200px) {
       {
         {
           {
             {
            }
          }
        }
      }
    }

    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }

    @media (max-width: 767px) {
       {
         {
        }
      }
    }

    @media (max-width: 575px) {
       {
         {
           {
             {
            }
          }
        }
      }

      display: flex;

      width: 100%;

      flex-direction: column;

      text-align: center;

      border-bottom: none !important;

       {
        text-align: center;
      }

      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }

      @media (max-width: 767px) {
         {
           {
          }
        }

        width: 100%;

        text-align: center;

        display: none
      }

      width: unset
    }

    flex-direction: column;

    align-items: center;

     {
      height: 190px;
      min-height: 190px;
       {
        margin-top: 0.625rem;
      }
    }

    text-align: center;

     {
       {
      }
    }

    text-align: center;

    margin-top: 0 !important;

    margin-right: -15px;

    margin-bottom: -15px;

    margin-left: -15px;

    margin-top: 0px;

     {
      height: 15px;
      width: 15px;
       {
        height: 30px;
      }
       {
        width: 30px;
      }
       {
        font-size: 13px;
      }
       {
        margin-left: 5px;
      }
      padding: 15px;
       {
        font-size: 1.5rem;
        line-height: 2rem;
      }
      text-align: left;
    }

    text-align: center;

     {
       {
      }
    }

    text-align: center;

    margin-top: 15px;

    width: 430px;

    padding-left: 15px;

    padding-right: 15px;

    padding-top: 25px;

    padding-bottom: 25px;

    display: none;

     {
       {
        margin-bottom: 15px;
      }
       {
         {
          line-height: 3;
        }
      }
       {
         {
          margin-bottom: 15px;
        }
         {
           {
            min-height: 30px;
          }
        }
      }
       {
         {
           {
            padding: 0.5rem;
          }
        }
      }
       {
         {
          margin-top: 15px;
        }
         {
           {
            padding-left: 7px;
            padding-right: 7px;
          }
           {
            padding-top: 1px;
            padding-bottom: 1px;
          }
           {
             {
               {
                border-color: none;
              }
            }
             {
               {
                border-color: none;
              }
            }
          }
        }
      }
       {
        margin-bottom: 15px;
      }
       {
         {
           {
            height: 30px;
          }
        }
      }
       {
         {
          padding: 15px;
        }
         {
           {
            margin-top: 15px;
          }
        }
         {
          margin-left: 0px;
          margin-right: 0px;
        }
         {
          margin-top: 15px;
          margin-bottom: 15px;
        }
         {
          margin-top: 15px;
        }
      }
       {
         {
           {
            padding-left: 1.25rem;
            padding-right: 1.25rem;
          }
           {
            padding-top: 0.75rem;
            padding-bottom: 0.75rem;
          }
        }
      }
       {
        margin-bottom: 1.25rem !important;
      }
       {
         {
           {
             {
              margin-top: 48px !important;
            }
             {
              margin-top: 1.25rem;
            }
             {
              margin-bottom: 1.25rem;
            }
          }
        }
      }
       {
         {
           {
            position: fixed;
          }
           {
            right: 0.75rem;
          }
           {
            top: 60px;
          }
           {
            width: calc(100vw - 30px);
          }
           {
            position: fixed;
          }
           {
            left: 15px;
          }
           {
            top: 60px;
          }
           {
            width: calc(100vw - 300px);
          }
           {
            left: 15px;
          }
           {
            top: 43px;
          }
        }
      }
    }

    height: 250px;

     {
      order: -1;
       {
         {
          text-align: center;
        }
        @media (max-width: 767px) {
           {
             {
            }
          }
        }
         {
          text-align: center;
        }
         {
          margin-top: 48px !important;
        }
         {
          margin-top: 1.25rem;
        }
      }
       {
        height: 300px;
      }
       {
         {
          padding: 1.25rem;
        }
         {
           {
            padding-left: 0 !important;
            padding-right: 0 !important;
          }
           {
            margin-top: 0.75rem;
          }
           {
            margin-bottom: 15px;
          }
           {
            border-bottom-width: 1px;
          }
           {
            border-style: solid;
          }
           {
            border-bottom-color: rgba(var(--chart-dashed-border),1);
          }
           {
            padding-left: 0px;
            padding-right: 0px;
          }
           {
            padding-top: 15px;
            padding-bottom: 15px;
          }
        }
      }
       {
         {
          margin-right: 0px;
        }
         {
          font-size: 1rem;
          line-height: 1.5rem;
        }
      }
       {
         {
          font-size: 1.25rem;
          line-height: 1.75rem;
        }
      }
      margin-left: 0px;
      margin-right: 0px;
      margin-top: 15px;
       {
         {
          margin-bottom: 0.625rem;
        }
      }
      margin-bottom: 0 !important;
      margin-bottom: 0px;
      display: block;
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
       {
        width: 100%;
      }
      .\!btn {
        margin-top: 15px;
      }
      padding: 15px;
       {
        height: 50px;
      }
       {
        width: 50px;
      }
       {
        --tw-shadow: inset 0px -100px 100px -13px rgba(0,0,0,0.6);
        --tw-shadow-colored: inset 0px -100px 100px -13px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
      }
       {
        margin-top: 15px;
      }
       {
        margin-top: 15px;
      }
       {
        margin-top: 15px;
      }
       {
         {
           {
            padding-left: 0.5rem;
          }
           {
             {
              display: none;
            }
          }
           {
            margin-right: 0.625rem;
          }
           {
            padding-right: 1.25rem;
          }
        }
      }
    }

    padding-bottom: 0 !important;

    padding-top: 2.5rem;

    padding-bottom: 0px;

     {
       {
        margin-left: 30px;
      }
       {
        display: block;
      }
       {
        display: block;
      }
       {
         {
          margin-bottom: 0.625rem;
        }
         {
          height: 50px;
        }
         {
          width: 50px;
        }
         {
          padding: 3px;
        }
      }
    }

    height: 20rem;

     {
      text-align: center;
    }

    @media (max-width: 767px) {
       {
         {
        }
      }

      margin-bottom: 15px;

      text-align: center;

       {
        font-size: 17px;
      }

      margin-bottom: 15px;

       {
         {
          font-size: 0.875rem;
          line-height: 1.25rem;
        }
         {
          font-weight: 600;
        }
         {
          font-size: 1.5rem;
          line-height: 2rem;
        }
        margin-top: 0.625rem;
        font-size: 0.7em
      }
    }

    display: block;

    display: block;

    padding-bottom: 30px;

     {
       {
        padding: 15px;
      }
       {
         {
          margin-bottom: 0 !important;
        }
         {
          margin-bottom: 0px;
        }
         {
          margin-bottom: 0.625rem;
        }
      }
       {
        padding-top: 0px;
      }
      padding: 1.25rem;
       {
        font-size: 25px;
      }
       {
        padding: 0 !important;
      }
       {
        padding: 0px;
      }
    }

    padding-left: 0 !important;

    padding-right: 0 !important;

    padding-left: 0px;

    padding-right: 0px;

    padding-top: 1.25rem;

    padding-bottom: 1.25rem;

    .\!btn {
      margin-top: 15px;
    }

     {
      width: 65px;
       {
        display: none;
      }
       {
        text-align: center !important;
      }
      @media (max-width: 767px) {
         {
           {
          }
        }
      }
       {
        margin-top: -10%;
      }
       {
        text-align: center !important;
      }
       {
        font-size: 25px;
      }
       {
        letter-spacing: 2px;
      }
       {
        margin-top: 48px !important;
      }
       {
        margin-top: 1.25rem;
      }
       {
        line-height: 1;
      }
       {
        margin-top: 1.25rem;
        margin-bottom: 1.25rem;
      }
       {
        padding-left: 0 !important;
        padding-right: 0 !important;
      }
       {
        padding-left: 0px;
        padding-right: 0px;
      }
       {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
      }
       {
         {
           {
            margin-left: 7px;
            margin-right: 7px;
          }
           {
            margin-top: 0px;
            margin-bottom: 0px;
          }
        }
         {
          font-size: 0.75rem;
          line-height: 1rem;
        }
         {
          margin-left: auto;
          margin-right: auto;
        }
         {
          margin-top: 0px;
          margin-bottom: 0px;
        }
         {
          height: 45px;
        }
         {
          width: 45px;
        }
         {
          font-size: 1rem;
          line-height: 1.5rem;
        }
         {
          line-height: 45px;
        }
      }
    }

    margin-bottom: 15px;

     {
      margin-top: 15px;
      margin-bottom: 15px;
      text-align: right;
    }

    margin-top: 15px;

    padding: 15px;

     {
      padding-top: 15px;
      margin-left: 0px;
      margin-right: 0px;
      margin-top: 15px;
      margin-bottom: 15px;
    }

    padding: 15px;

     {
      margin-top: 15px;
      top: 4rem;
    }

    margin-top: 15px;

     {
       {
         {
          margin-bottom: 15px;
        }
      }
       {
        margin-bottom: 15px;
      }
    }

    margin-top: 15px;

     {
       {
        margin-left: auto;
        margin-right: auto;
      }
       {
        margin-top: 0px;
        margin-bottom: 0px;
      }
       {
        width: 50%;
      }
      margin-bottom: 15px
    }

    margin-top: 15px;

    margin-bottom: 15px;

     {
       {
        width: 96%;
      }
       {
         {
           {
             {
              min-width: 20px;
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
       {
        width: 100%;
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
       {
        width: 100%;
      }
       {
        margin-bottom: 15px;
      }
      margin-top: 15px;
       {
        .\!btn {
          margin-top: 13px;
        }
      }
       {
        margin-bottom: 15px;
      }
    }

    margin-bottom: 15px;

    margin-bottom: 8px !important;

    margin-bottom: 0.5rem !important;

    padding-left: 15px;

    padding-right: 15px;

    padding-top: 30px;

    padding-bottom: 30px;

     {
       {
         {
          display: none;
        }
         {
          position: fixed;
        }
         {
          left: 15px;
        }
         {
          top: 60px;
        }
         {
          width: calc(100vw - 30px);
        }
      }
      margin-right: unset;
      {
        {
          {
             {
              top: 100px;
            }
             {
              gap: 16px;
            }
          }
        }
      }
       {
         {
           {
            width: 100%;
          }
        }
      }
    }

    left: 22px !important;

    width: 262px !important;

     {
       {
         {
          margin-left: 63px;
        }
      }
    }
  }

  @media (min-width: 1200px) {
     {
       {
         {
           {
          }
        }
      }
    }
  }

  @media (max-width: 575px) {
     {
       {
         {
           {
          }
        }
      }
    }

    display: flex;

     {
       {
         {
           {
             {
              text-align: left;
            }
             {
              text-align: left;
            }
          }
        }
      }
      @media (min-width: 1200px) {
         {
           {
             {
               {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
               {
              }
            }
          }
        }
      }
       {
        display: flex;
      }
       {
        flex-wrap: nowrap;
      }
       {
        justify-content: flex-start;
      }
       {
        gap: 32px;
      }
       {
        flex-direction: row;
      }
       {
         {
           {
            text-align: left;
          }
        }
      }
       {
         {
          flex-wrap: wrap;
        }
         {
          gap: 8px;
        }
         {
           {
            padding: 0;
          }
        }
         {
           {
            margin: 0;
          }
           {
            width: 100%;
          }
           {
            justify-content: space-between;
          }
           {
             {
              padding: 0;
            }
          }
        }
      }
       {
         {
           {
             {
              padding-top: 4px;
              padding-bottom: 4px;
            }
             {
              padding-left: 7px;
              padding-right: 7px;
            }
          }
        }
      }
       {
         {
          margin-right: 15px;
        }
      }
    }

    padding-top: 40px;

    padding-bottom: 40px;

     {
      top: 14px;
      padding-top: 4px;
      padding-bottom: 4px;
      padding-left: 7px;
      padding-right: 7px;
      margin: 8px !important;
      width: auto;
      margin-bottom: 0px;
      display: block !important;
       {
        margin-top: 15px;
      }
       {
        width: 100% !important;
      }
       {
         {
          margin-bottom: 20px !important;
        }
         {
          flex-direction: column;
        }
         {
          flex-wrap: wrap;
        }
         {
          justify-content: center;
        }
         {
           {
            text-align: center;
          }
          @media (max-width: 767px) {
             {
               {
              }
            }
          }
           {
            flex-direction: column;
          }
           {
            flex-wrap: wrap;
          }
           {
            text-align: center;
          }
           {
             {
              margin-bottom: 18px;
            }
             {
               {
                text-align: center;
              }
              @media (max-width: 767px) {
                 {
                   {
                  }
                }
              }
               {
                text-align: center;
              }
            }
          }
        }
      }
       {
        padding-top: 11px !important;
        padding-bottom: 11px !important;
      }
       {
        padding-left: 4px !important;
        padding-right: 4px !important;
      }
       {
        margin-top: 0.25rem;
      }
       {
        justify-content: flex-start;
      }
    }

    display: none;

     {
       {
         {
           {
            display: block;
          }
           {
            margin-right: 8px;
          }
           {
            display: block;
          }
           {
            padding-right: 8px;
          }
           {
             {
              height: 20px;
            }
             {
              width: 18px;
            }
          }
        }
      }
       {
        padding-left: 15px;
        padding-right: 15px;
      }
       {
        @media (min-width: 1200px) {
           {
             {
               {
                 {
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                 {
                }
              }
            }
          }
        }
         {
          display: flex !important;
        }
         {
          line-height: 1;
        }
         {
           {
            padding-left: 30px;
          }
           {
            line-height: 2.5rem;
          }
           {
             {
              left: 0.625rem;
            }
             {
              top: 0.875rem;
            }
             {
              right: 0.25rem;
            }
             {
              top: 9px;
            }
             {
              height: 18px;
            }
             {
              width: 18px;
            }
          }
        }
         {
           {
            margin-top: 0;
          }
           {
            line-height: 1;
          }
           {
             {
              padding-top: 4px;
              padding-bottom: 4px;
            }
             {
              line-height: 1;
            }
             {
               {
                font-size: 14px;
              }
               {
                 {
                  display: block;
                }
                 {
                  display: block;
                }
                 {
                  padding: 0;
                }
              }
               {
                width: 18px;
              }
               {
                vertical-align: baseline;
              }
               {
                 {
                  width: 25px;
                }
              }
            }
          }
        }
      }
       {
         {
           {
            font-size: 20px;
          }
        }
      }
       {
         {
          right: 30px;
        }
      }
      display: block;
    }

    padding-left: 1rem;

    padding-right: 1rem;

    padding-top: 0.375rem;

    padding-bottom: 0.375rem;

    min-width: 380px;

    height: 250px;

     {
       {
         {
           {
            width: 55%;
          }
        }
         {
          .\!link {
            position: relative;
          }
          .\!link {
            inset: 0px;
          }
        }
      }
       {
         {
           {
             {
              width: 42%;
            }
          }
        }
      }
    }

    left: 15px;

    height: calc(100% - 30px);

    width: calc(100% - 30px);

    border-radius: 15px;

    background-color: rgba(var(--white),0.7);

     {
      width: 90%;
      padding-left: 45px;
      padding-right: 45px;
      padding-top: 3px;
      padding-bottom: 3px;
       {
        top: 10px;
      }
      text-align: center;
    }

    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }

    @media (max-width: 767px) {
       {
         {
        }
      }

      width: 100%;

      border-right-width: 10px;

      padding: 15px;

      text-align: center;

       {
        font-size: 1.25rem;
        line-height: 1.75rem;
        margin-bottom: 0 !important;
        margin-bottom: 0px;
      }

      margin-top: 0.625rem;

      text-align: center;

       {
         {
        }
      }

      text-align: center
    }

    padding-top: 2.5rem;

    padding-bottom: 2.5rem;

     {
      margin-bottom: 0.625rem;
      width: auto;
      padding: 1.25rem;
       {
         {
          margin-bottom: 5px;
        }
         {
           {
            margin-bottom: 5px;
          }
        }
      }
       {
         {
           {
            height: 1rem;
          }
           {
            width: 1rem;
          }
        }
         {
          margin-left: 5px;
        }
      }
    }

    padding-right: 30px;

     {
      max-width: 160px;
    }

    display: none;

    margin-right: 15px;

     {
       {
         {
          padding-left: 0.75rem;
        }
         {
          padding-right: 2.5rem;
        }
         {
          padding-top: 0.75rem;
        }
         {
          padding-bottom: 15px;
        }
      }
       {
         {
          margin-right: 15px;
        }
      }
      margin-bottom: 15px;
      top: 0.625rem;
       {
        width: 280px;
      }
    }

    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }

      width: 100%;

       {
         {
          margin-top: 0.625rem;
        }
         {
           {
            width: 280px;
          }
        }
      }

      right: 0.625rem;

       {
        margin-left: 0.125rem;
        margin-right: 0.125rem;
        margin-top: 0px;
        margin-bottom: 0px;
      }

      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }

        width: 100%;

        padding-bottom: 15px
      }

      margin-right: 15px
    }

    top: 19px;

     {
      margin-right: 0.625rem;
      top: 0px;
       {
        right: -30px;
      }
    }

    left: 45px;

    top: 406px;

    margin-bottom: -15px;

     {
      margin-bottom: 15px !important;
       {
        margin-bottom: 15px;
      }
       {
         {
          margin-bottom: 1.25rem;
        }
      }
       {
        margin-bottom: 15px;
      }
    }

    padding-bottom: 30px;

     {
      text-align: center;
    }

    @media (max-width: 767px) {
       {
         {
        }
      }

      text-align: center;

       {
         {
          margin-right: 0.875rem;
        }
         {
          margin-top: -3.5rem;
        }
         {
           {
            height: 100px;
          }
           {
            width: 100px;
          }
        }
         {
           {
            padding: 0 !important;
          }
           {
            margin-bottom: 0 !important;
          }
           {
            margin-bottom: 0px;
          }
           {
            border-top-color: none;
            border-bottom-color: none;
          }
           {
            padding: 0px;
          }
        }
      }

      margin-bottom: 0 !important;

      margin-bottom: 0px;

      margin-left: 0px;

      margin-right: 0px;

      margin-top: 15px;

      margin-bottom: 15px;

      margin-top: 15px;

       {
         {
          margin-bottom: 15px;
        }
      }
    }

    margin-right: 0px;

    margin-top: 15px;

     {
      margin-bottom: 15px;
      margin-top: 15px;
    }

    margin-top: 15px;

     {
       {
         {
          margin-top: 0 !important;
        }
         {
          float: right;
        }
         {
          margin-top: 0px;
        }
         {
           {
            height: 18px;
          }
           {
            width: 18px;
          }
        }
      }
       {
        margin-top: 15px;
      }
       {
        width: 26%;
      }
       {
         {
          margin-right: 0px;
        }
      }
    }

    text-align: center
  }

  @media (max-width: 767px) {
     {
       {
      }
    }

    text-align: center;

    padding: 15px;

     {
       {
        text-align: left;
      }
      display: block
    }

    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }

      display: block;

      width: 100%;

      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }

        margin-right: 0px;

        width: 100%;

         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }

        width: 100%;

        text-align: left;

         {
          border-top-width: 0px;
          border-bottom-width: 0px;
        }
      }

      border-top-width: 0px;

      border-bottom-width: 0px;

       {
        border-top-width: 0px;
        border-bottom-width: 0px;
      }

      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }

        width: 100%;

        margin-top: 15px;

        text-align: center
      }

      @media (max-width: 767px) {
         {
           {
          }
        }

        border-left-color: none;

        text-align: center;

        text-align: center;

         {
           {
          }
        }

        border-right-color: none;

        text-align: center
      }

      text-align: center
    }

    @media (min-width: 1200px) {
       {
         {
           {
             {
            }
          }
        }
      }
    }

    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }

    @media (max-width: 767px) {
       {
         {
        }
      }
    }

    @media (max-width: 575px) {
       {
         {
           {
             {
            }
          }
        }
      }

      display: flex;

      width: 100%;

      flex-direction: column;

      text-align: center;

      border-bottom: none !important;

       {
        text-align: center;
      }

      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }

      @media (max-width: 767px) {
         {
           {
          }
        }

        width: 100%;

        text-align: center;

        display: none
      }

      width: unset
    }

    flex-direction: column;

    align-items: center;

     {
      height: 190px;
      min-height: 190px;
       {
        margin-top: 0.625rem;
      }
    }

    text-align: center;

     {
       {
      }
    }

    text-align: center;

    margin-top: 0 !important;

    margin-right: -15px;

    margin-bottom: -15px;

    margin-left: -15px;

    margin-top: 0px;

     {
      height: 15px;
      width: 15px;
       {
        height: 30px;
      }
       {
        width: 30px;
      }
       {
        font-size: 13px;
      }
       {
        margin-left: 5px;
      }
      padding: 15px;
       {
        font-size: 1.5rem;
        line-height: 2rem;
      }
      text-align: left;
    }

    text-align: center;

     {
       {
      }
    }

    text-align: center;

    margin-top: 15px;

    width: 430px;

    padding-left: 15px;

    padding-right: 15px;

    padding-top: 25px;

    padding-bottom: 25px;

    display: none;

     {
       {
        margin-bottom: 15px;
      }
       {
         {
          line-height: 3;
        }
      }
       {
         {
          margin-bottom: 15px;
        }
         {
           {
            min-height: 30px;
          }
        }
      }
       {
         {
           {
            padding: 0.5rem;
          }
        }
      }
       {
         {
          margin-top: 15px;
        }
         {
           {
            padding-left: 7px;
            padding-right: 7px;
          }
           {
            padding-top: 1px;
            padding-bottom: 1px;
          }
           {
             {
               {
                border-color: none;
              }
            }
             {
               {
                border-color: none;
              }
            }
          }
        }
      }
       {
        margin-bottom: 15px;
      }
       {
         {
           {
            height: 30px;
          }
        }
      }
       {
         {
          padding: 15px;
        }
         {
           {
            margin-top: 15px;
          }
        }
         {
          margin-left: 0px;
          margin-right: 0px;
        }
         {
          margin-top: 15px;
          margin-bottom: 15px;
        }
         {
          margin-top: 15px;
        }
      }
       {
         {
           {
            padding-left: 1.25rem;
            padding-right: 1.25rem;
          }
           {
            padding-top: 0.75rem;
            padding-bottom: 0.75rem;
          }
        }
      }
       {
        margin-bottom: 1.25rem !important;
      }
       {
         {
           {
             {
              margin-top: 48px !important;
            }
             {
              margin-top: 1.25rem;
            }
             {
              margin-bottom: 1.25rem;
            }
          }
        }
      }
       {
         {
           {
            position: fixed;
          }
           {
            right: 0.75rem;
          }
           {
            top: 60px;
          }
           {
            width: calc(100vw - 30px);
          }
           {
            position: fixed;
          }
           {
            left: 15px;
          }
           {
            top: 60px;
          }
           {
            width: calc(100vw - 300px);
          }
           {
            left: 15px;
          }
           {
            top: 43px;
          }
        }
      }
    }

    height: 250px;

     {
      order: -1;
       {
         {
          text-align: center;
        }
        @media (max-width: 767px) {
           {
             {
            }
          }
        }
         {
          text-align: center;
        }
         {
          margin-top: 48px !important;
        }
         {
          margin-top: 1.25rem;
        }
      }
       {
        height: 300px;
      }
       {
         {
          padding: 1.25rem;
        }
         {
           {
            padding-left: 0 !important;
            padding-right: 0 !important;
          }
           {
            margin-top: 0.75rem;
          }
           {
            margin-bottom: 15px;
          }
           {
            border-bottom-width: 1px;
          }
           {
            border-style: solid;
          }
           {
            border-bottom-color: rgba(var(--chart-dashed-border),1);
          }
           {
            padding-left: 0px;
            padding-right: 0px;
          }
           {
            padding-top: 15px;
            padding-bottom: 15px;
          }
        }
      }
       {
         {
          margin-right: 0px;
        }
         {
          font-size: 1rem;
          line-height: 1.5rem;
        }
      }
       {
         {
          font-size: 1.25rem;
          line-height: 1.75rem;
        }
      }
      margin-left: 0px;
      margin-right: 0px;
      margin-top: 15px;
       {
         {
          margin-bottom: 0.625rem;
        }
      }
      margin-bottom: 0 !important;
      margin-bottom: 0px;
      display: block;
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
       {
        width: 100%;
      }
       {
        margin-top: 15px;
      }
      padding: 15px;
       {
        height: 50px;
      }
       {
        width: 50px;
      }
       {
        --tw-shadow: inset 0px -100px 100px -13px rgba(0,0,0,0.6);
        --tw-shadow-colored: inset 0px -100px 100px -13px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
      }
       {
        margin-top: 15px;
      }
       {
        margin-top: 15px;
      }
       {
        margin-top: 15px;
      }
       {
         {
           {
            padding-left: 0.5rem;
          }
           {
             {
              display: none;
            }
          }
           {
            margin-right: 0.625rem;
          }
           {
            padding-right: 1.25rem;
          }
        }
      }
    }

    padding-bottom: 0 !important;

    padding-top: 2.5rem;

    padding-bottom: 0px;

     {
       {
        margin-left: 30px;
      }
       {
        display: block;
      }
       {
        display: block;
      }
       {
         {
          margin-bottom: 0.625rem;
        }
         {
          height: 50px;
        }
         {
          width: 50px;
        }
         {
          padding: 3px;
        }
      }
    }

    height: 20rem;

     {
      text-align: center;
    }

    @media (max-width: 767px) {
       {
         {
        }
      }

      margin-bottom: 15px;

      text-align: center;

       {
        font-size: 17px;
      }

      margin-bottom: 15px;

       {
         {
          font-size: 0.875rem;
          line-height: 1.25rem;
        }
         {
          font-weight: 600;
        }
         {
          font-size: 1.5rem;
          line-height: 2rem;
        }
        margin-top: 0.625rem;
        font-size: 0.7em
      }
    }

    display: block;

    display: block;

    padding-bottom: 30px;

     {
       {
        padding: 15px;
      }
       {
         {
          margin-bottom: 0 !important;
        }
         {
          margin-bottom: 0px;
        }
         {
          margin-bottom: 0.625rem;
        }
      }
       {
        padding-top: 0px;
      }
      padding: 1.25rem;
       {
        font-size: 25px;
      }
       {
        padding: 0 !important;
      }
       {
        padding: 0px;
      }
    }

    padding-left: 0 !important;

    padding-right: 0 !important;

    padding-left: 0px;

    padding-right: 0px;

    padding-top: 1.25rem;

    padding-bottom: 1.25rem;

     {
      margin-top: 15px;
      width: 65px;
       {
        display: none;
      }
       {
        text-align: center !important;
      }
      @media (max-width: 767px) {
         {
           {
          }
        }
      }
       {
        margin-top: -10%;
      }
       {
        text-align: center !important;
      }
       {
        font-size: 25px;
      }
       {
        letter-spacing: 2px;
      }
       {
        margin-top: 48px !important;
      }
       {
        margin-top: 1.25rem;
      }
       {
        line-height: 1;
      }
       {
        margin-top: 1.25rem;
        margin-bottom: 1.25rem;
      }
       {
        padding-left: 0 !important;
        padding-right: 0 !important;
      }
       {
        padding-left: 0px;
        padding-right: 0px;
      }
       {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
      }
       {
         {
           {
            margin-left: 7px;
            margin-right: 7px;
          }
           {
            margin-top: 0px;
            margin-bottom: 0px;
          }
        }
         {
          font-size: 0.75rem;
          line-height: 1rem;
        }
         {
          margin-left: auto;
          margin-right: auto;
        }
         {
          margin-top: 0px;
          margin-bottom: 0px;
        }
         {
          height: 45px;
        }
         {
          width: 45px;
        }
         {
          font-size: 1rem;
          line-height: 1.5rem;
        }
         {
          line-height: 45px;
        }
      }
    }

    margin-bottom: 15px;

     {
      margin-top: 15px;
      margin-bottom: 15px;
      text-align: right;
    }

    margin-top: 15px;

    padding: 15px;

     {
      padding-top: 15px;
      margin-left: 0px;
      margin-right: 0px;
      margin-top: 15px;
      margin-bottom: 15px;
    }

    padding: 15px;

     {
      margin-top: 15px;
      top: 4rem;
    }

    margin-top: 15px;

     {
       {
         {
          margin-bottom: 15px;
        }
      }
       {
        margin-bottom: 15px;
      }
    }

    margin-top: 15px;

     {
       {
        margin-left: auto;
        margin-right: auto;
      }
       {
        margin-top: 0px;
        margin-bottom: 0px;
      }
       {
        width: 50%;
      }
      margin-bottom: 15px
    }

    margin-top: 15px;

    margin-bottom: 15px;

     {
       {
        width: 96%;
      }
       {
         {
           {
             {
              min-width: 20px;
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
       {
        width: 100%;
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
       {
        width: 100%;
      }
       {
        margin-bottom: 15px;
      }
      margin-top: 15px;
       {
         {
          margin-top: 13px;
        }
      }
       {
        margin-bottom: 15px;
      }
    }

    margin-bottom: 15px;

    margin-bottom: 8px !important;

    margin-bottom: 0.5rem !important;

    padding-left: 15px;

    padding-right: 15px;

    padding-top: 30px;

    padding-bottom: 30px;

     {
       {
         {
          display: none;
        }
         {
          position: fixed;
        }
         {
          left: 15px;
        }
         {
          top: 60px;
        }
         {
          width: calc(100vw - 30px);
        }
      }
      margin-right: unset;
      {
        {
          {
             {
              top: 100px;
            }
             {
              gap: 16px;
            }
          }
        }
      }
       {
         {
           {
            width: 100%;
          }
        }
      }
    }

    left: 22px !important;

    width: 262px !important;

     {
       {
         {
          margin-left: 63px;
        }
      }
    }
  }

  @media (min-width: 1200px) {
     {
       {
         {
           {
          }
        }
      }
    }
  }

  @media (max-width: 575px) {
     {
       {
         {
           {
          }
        }
      }
    }

    display: flex;

     {
       {
         {
           {
             {
              text-align: left;
            }
             {
              text-align: left;
            }
          }
        }
      }
      @media (min-width: 1200px) {
         {
           {
             {
               {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
               {
              }
            }
          }
        }
      }
       {
        display: flex;
      }
       {
        flex-wrap: nowrap;
      }
       {
        justify-content: flex-start;
      }
       {
        gap: 32px;
      }
       {
        flex-direction: row;
      }
       {
         {
           {
            text-align: left;
          }
        }
      }
       {
         {
          flex-wrap: wrap;
        }
         {
          gap: 8px;
        }
         {
           {
            padding: 0;
          }
        }
         {
           {
            margin: 0;
          }
           {
            width: 100%;
          }
           {
            justify-content: space-between;
          }
           {
             {
              padding: 0;
            }
          }
        }
      }
       {
         {
           {
             {
              padding-top: 4px;
              padding-bottom: 4px;
            }
             {
              padding-left: 7px;
              padding-right: 7px;
            }
          }
        }
      }
       {
         {
          margin-right: 15px;
        }
      }
    }

    padding-top: 40px;

    padding-bottom: 40px;

     {
      top: 14px;
      padding-top: 4px;
      padding-bottom: 4px;
      padding-left: 7px;
      padding-right: 7px;
      margin: 8px !important;
      width: auto;
      margin-bottom: 0px;
      display: block !important;
       {
        margin-top: 15px;
      }
       {
        width: 100% !important;
      }
       {
         {
          margin-bottom: 20px !important;
        }
         {
          flex-direction: column;
        }
         {
          flex-wrap: wrap;
        }
         {
          justify-content: center;
        }
         {
           {
            text-align: center;
          }
          @media (max-width: 767px) {
             {
               {
              }
            }
          }
           {
            flex-direction: column;
          }
           {
            flex-wrap: wrap;
          }
           {
            text-align: center;
          }
           {
             {
              margin-bottom: 18px;
            }
             {
               {
                text-align: center;
              }
              @media (max-width: 767px) {
                 {
                   {
                  }
                }
              }
               {
                text-align: center;
              }
            }
          }
        }
      }
       {
        padding-top: 11px !important;
        padding-bottom: 11px !important;
      }
       {
        padding-left: 4px !important;
        padding-right: 4px !important;
      }
       {
        margin-top: 0.25rem;
      }
       {
        justify-content: flex-start;
      }
    }

    display: none;

     {
       {
         {
           {
            display: block;
          }
           {
            margin-right: 8px;
          }
           {
            display: block;
          }
           {
            padding-right: 8px;
          }
           {
             {
              height: 20px;
            }
             {
              width: 18px;
            }
          }
        }
      }
       {
        padding-left: 15px;
        padding-right: 15px;
      }
       {
        @media (min-width: 1200px) {
           {
             {
               {
                 {
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                 {
                }
              }
            }
          }
        }
         {
          display: flex !important;
        }
         {
          line-height: 1;
        }
         {
           {
            padding-left: 30px;
          }
           {
            line-height: 2.5rem;
          }
           {
             {
              left: 0.625rem;
            }
             {
              top: 0.875rem;
            }
             {
              right: 0.25rem;
            }
             {
              top: 9px;
            }
             {
              height: 18px;
            }
             {
              width: 18px;
            }
          }
        }
         {
           {
            margin-top: 0;
          }
           {
            line-height: 1;
          }
           {
             {
              padding-top: 4px;
              padding-bottom: 4px;
            }
             {
              line-height: 1;
            }
             {
               {
                font-size: 14px;
              }
               {
                 {
                  display: block;
                }
                 {
                  display: block;
                }
                 {
                  padding: 0;
                }
              }
               {
                width: 18px;
              }
               {
                vertical-align: baseline;
              }
               {
                 {
                  width: 25px;
                }
              }
            }
          }
        }
      }
       {
         {
           {
            font-size: 20px;
          }
        }
      }
       {
         {
          right: 30px;
        }
      }
      display: block;
    }

    padding-left: 1rem;

    padding-right: 1rem;

    padding-top: 0.375rem;

    padding-bottom: 0.375rem;

    min-width: 380px;

    height: 250px;

     {
       {
         {
           {
            width: 55%;
          }
        }
         {
           {
            position: relative;
          }
           {
            inset: 0px;
          }
        }
      }
       {
         {
           {
             {
              width: 42%;
            }
          }
        }
      }
    }

    left: 15px;

    height: calc(100% - 30px);

    width: calc(100% - 30px);

    border-radius: 15px;

    background-color: rgba(var(--white),0.7);

     {
      width: 90%;
      padding-left: 45px;
      padding-right: 45px;
      padding-top: 3px;
      padding-bottom: 3px;
       {
        top: 10px;
      }
      text-align: center;
    }

    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }

    @media (max-width: 767px) {
       {
         {
        }
      }

      width: 100%;

      border-right-width: 10px;

      padding: 15px;

      text-align: center;

       {
        font-size: 1.25rem;
        line-height: 1.75rem;
        margin-bottom: 0 !important;
        margin-bottom: 0px;
      }

      margin-top: 0.625rem;

      text-align: center;

       {
         {
        }
      }

      text-align: center
    }

    padding-top: 2.5rem;

    padding-bottom: 2.5rem;

     {
      margin-bottom: 0.625rem;
      width: auto;
      padding: 1.25rem;
       {
         {
          margin-bottom: 5px;
        }
         {
           {
            margin-bottom: 5px;
          }
        }
      }
       {
         {
           {
            height: 1rem;
          }
           {
            width: 1rem;
          }
        }
         {
          margin-left: 5px;
        }
      }
    }

    padding-right: 30px;

     {
      max-width: 160px;
    }

    display: none;

    margin-right: 15px;

     {
       {
         {
          padding-left: 0.75rem;
        }
         {
          padding-right: 2.5rem;
        }
         {
          padding-top: 0.75rem;
        }
         {
          padding-bottom: 15px;
        }
      }
       {
         {
          margin-right: 15px;
        }
      }
      margin-bottom: 15px;
      top: 0.625rem;
       {
        width: 280px;
      }
    }

    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }

      width: 100%;

       {
        &.\!content {
          margin-top: 0.625rem;
        }
        &.\!content {
           {
            width: 280px;
          }
        }
      }

      right: 0.625rem;

       {
        margin-left: 0.125rem;
        margin-right: 0.125rem;
        margin-top: 0px;
        margin-bottom: 0px;
      }

      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }

        width: 100%;

        padding-bottom: 15px
      }

      margin-right: 15px
    }

    top: 19px;

     {
      margin-right: 0.625rem;
      top: 0px;
       {
        right: -30px;
      }
    }

    left: 45px;

    top: 406px;

    margin-bottom: -15px;

     {
      margin-bottom: 15px !important;
       {
        margin-bottom: 15px;
      }
       {
         {
          margin-bottom: 1.25rem;
        }
      }
       {
        margin-bottom: 15px;
      }
    }

    padding-bottom: 30px;

     {
      text-align: center;
    }

    @media (max-width: 767px) {
       {
         {
        }
      }

      text-align: center;

       {
         {
          margin-right: 0.875rem;
        }
         {
          margin-top: -3.5rem;
        }
         {
           {
            height: 100px;
          }
           {
            width: 100px;
          }
        }
         {
           {
            padding: 0 !important;
          }
           {
            margin-bottom: 0 !important;
          }
           {
            margin-bottom: 0px;
          }
           {
            border-top-color: none;
            border-bottom-color: none;
          }
           {
            padding: 0px;
          }
        }
      }

      margin-bottom: 0 !important;

      margin-bottom: 0px;

      margin-left: 0px;

      margin-right: 0px;

      margin-top: 15px;

      margin-bottom: 15px;

      margin-top: 15px;

       {
         {
          margin-bottom: 15px;
        }
      }
    }

    margin-right: 0px;

    margin-top: 15px;

     {
      margin-bottom: 15px;
      margin-top: 15px;
    }

    margin-top: 15px;

     {
       {
         {
          margin-top: 0 !important;
        }
         {
          float: right;
        }
         {
          margin-top: 0px;
        }
         {
           {
            height: 18px;
          }
           {
            width: 18px;
          }
        }
      }
       {
        margin-top: 15px;
      }
       {
        width: 26%;
      }
       {
         {
          margin-right: 0px;
        }
      }
    }

    text-align: center
  }

  @media (max-width: 767px) {
     {
       {
      }
    }

    text-align: center;

    padding: 15px;

     {
       {
        text-align: left;
      }
      display: block
    }

    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }

      display: block;

      width: 100%;

      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }

        margin-right: 0px;

        width: 100%;

         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }

        width: 100%;

        text-align: left;

         {
          border-top-width: 0px;
          border-bottom-width: 0px;
        }
      }

      border-top-width: 0px;

      border-bottom-width: 0px;

       {
        border-top-width: 0px;
        border-bottom-width: 0px;
      }

      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }

        width: 100%;

        margin-top: 15px;

        text-align: center
      }

      @media (max-width: 767px) {
         {
           {
          }
        }

        border-left-color: none;

        text-align: center;

        text-align: center;

         {
           {
          }
        }

        border-right-color: none;

        text-align: center
      }

      text-align: center
    }

    @media (min-width: 1200px) {
       {
         {
           {
             {
            }
          }
        }
      }
    }

    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }

    @media (max-width: 767px) {
       {
         {
        }
      }
    }

    @media (max-width: 575px) {
       {
         {
           {
             {
            }
          }
        }
      }

      display: flex;

      width: 100%;

      flex-direction: column;

      text-align: center;

      border-bottom: none !important;

       {
        text-align: center;
      }

      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }

      @media (max-width: 767px) {
         {
           {
          }
        }

        width: 100%;

        text-align: center;

        display: none
      }

      width: unset
    }

    flex-direction: column;

    align-items: center;

     {
      height: 190px;
      min-height: 190px;
       {
        margin-top: 0.625rem;
      }
    }

    text-align: center;

     {
       {
      }
    }

    text-align: center;

    margin-top: 0 !important;

    margin-right: -15px;

    margin-bottom: -15px;

    margin-left: -15px;

    margin-top: 0px;

     {
      height: 15px;
      width: 15px;
       {
        height: 30px;
      }
       {
        width: 30px;
      }
       {
        font-size: 13px;
      }
       {
        margin-left: 5px;
      }
      padding: 15px;
       {
        font-size: 1.5rem;
        line-height: 2rem;
      }
      text-align: left;
    }

    text-align: center;

     {
       {
      }
    }

    text-align: center;

    margin-top: 15px;

    width: 430px;

    padding-left: 15px;

    padding-right: 15px;

    padding-top: 25px;

    padding-bottom: 25px;

    display: none;

     {
       {
        margin-bottom: 15px;
      }
       {
         {
          line-height: 3;
        }
      }
       {
         {
          margin-bottom: 15px;
        }
         {
           {
            min-height: 30px;
          }
        }
      }
       {
         {
           {
            padding: 0.5rem;
          }
        }
      }
       {
         {
          margin-top: 15px;
        }
         {
           {
            padding-left: 7px;
            padding-right: 7px;
          }
           {
            padding-top: 1px;
            padding-bottom: 1px;
          }
           {
             {
               {
                border-color: none;
              }
            }
             {
               {
                border-color: none;
              }
            }
          }
        }
      }
       {
        margin-bottom: 15px;
      }
       {
         {
           {
            height: 30px;
          }
        }
      }
       {
         {
          padding: 15px;
        }
         {
           {
            margin-top: 15px;
          }
        }
         {
          margin-left: 0px;
          margin-right: 0px;
        }
         {
          margin-top: 15px;
          margin-bottom: 15px;
        }
         {
          margin-top: 15px;
        }
      }
       {
         {
           {
            padding-left: 1.25rem;
            padding-right: 1.25rem;
          }
           {
            padding-top: 0.75rem;
            padding-bottom: 0.75rem;
          }
        }
      }
       {
        margin-bottom: 1.25rem !important;
      }
       {
         {
           {
             {
              margin-top: 48px !important;
            }
             {
              margin-top: 1.25rem;
            }
             {
              margin-bottom: 1.25rem;
            }
          }
        }
      }
       {
         {
           {
            position: fixed;
          }
           {
            right: 0.75rem;
          }
           {
            top: 60px;
          }
           {
            width: calc(100vw - 30px);
          }
           {
            position: fixed;
          }
           {
            left: 15px;
          }
           {
            top: 60px;
          }
           {
            width: calc(100vw - 300px);
          }
           {
            left: 15px;
          }
           {
            top: 43px;
          }
        }
      }
    }

    height: 250px;

     {
      order: -1;
       {
         {
          text-align: center;
        }
        @media (max-width: 767px) {
           {
             {
            }
          }
        }
         {
          text-align: center;
        }
         {
          margin-top: 48px !important;
        }
         {
          margin-top: 1.25rem;
        }
      }
       {
        height: 300px;
      }
       {
         {
          padding: 1.25rem;
        }
         {
           {
            padding-left: 0 !important;
            padding-right: 0 !important;
          }
           {
            margin-top: 0.75rem;
          }
           {
            margin-bottom: 15px;
          }
           {
            border-bottom-width: 1px;
          }
           {
            border-style: solid;
          }
           {
            border-bottom-color: rgba(var(--chart-dashed-border),1);
          }
           {
            padding-left: 0px;
            padding-right: 0px;
          }
           {
            padding-top: 15px;
            padding-bottom: 15px;
          }
        }
      }
       {
         {
          margin-right: 0px;
        }
         {
          font-size: 1rem;
          line-height: 1.5rem;
        }
      }
       {
         {
          font-size: 1.25rem;
          line-height: 1.75rem;
        }
      }
      margin-left: 0px;
      margin-right: 0px;
      margin-top: 15px;
       {
         {
          margin-bottom: 0.625rem;
        }
      }
      margin-bottom: 0 !important;
      margin-bottom: 0px;
      display: block;
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
       {
        width: 100%;
      }
       {
        margin-top: 15px;
      }
      padding: 15px;
       {
        height: 50px;
      }
       {
        width: 50px;
      }
       {
        --tw-shadow: inset 0px -100px 100px -13px rgba(0,0,0,0.6);
        --tw-shadow-colored: inset 0px -100px 100px -13px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
      }
       {
        margin-top: 15px;
      }
       {
        margin-top: 15px;
      }
       {
        margin-top: 15px;
      }
       {
         {
           {
            padding-left: 0.5rem;
          }
           {
             {
              display: none;
            }
          }
           {
            margin-right: 0.625rem;
          }
           {
            padding-right: 1.25rem;
          }
        }
      }
    }

    padding-bottom: 0 !important;

    padding-top: 2.5rem;

    padding-bottom: 0px;

     {
       {
        margin-left: 30px;
      }
       {
        display: block;
      }
       {
        display: block;
      }
       {
         {
          margin-bottom: 0.625rem;
        }
         {
          height: 50px;
        }
         {
          width: 50px;
        }
         {
          padding: 3px;
        }
      }
    }

    height: 20rem;

     {
      text-align: center;
    }

    @media (max-width: 767px) {
       {
         {
        }
      }

      margin-bottom: 15px;

      text-align: center;

       {
        font-size: 17px;
      }

      margin-bottom: 15px;

       {
         {
          font-size: 0.875rem;
          line-height: 1.25rem;
        }
         {
          font-weight: 600;
        }
         {
          font-size: 1.5rem;
          line-height: 2rem;
        }
        margin-top: 0.625rem;
        font-size: 0.7em
      }
    }

    display: block;

    display: block;

    padding-bottom: 30px;

     {
       {
        padding: 15px;
      }
       {
         {
          margin-bottom: 0 !important;
        }
         {
          margin-bottom: 0px;
        }
         {
          margin-bottom: 0.625rem;
        }
      }
       {
        padding-top: 0px;
      }
      padding: 1.25rem;
       {
        font-size: 25px;
      }
       {
        padding: 0 !important;
      }
       {
        padding: 0px;
      }
    }

    padding-left: 0 !important;

    padding-right: 0 !important;

    padding-left: 0px;

    padding-right: 0px;

    padding-top: 1.25rem;

    padding-bottom: 1.25rem;

     {
      margin-top: 15px;
      width: 65px;
       {
        display: none;
      }
       {
        text-align: center !important;
      }
      @media (max-width: 767px) {
         {
           {
          }
        }
      }
       {
        margin-top: -10%;
      }
       {
        text-align: center !important;
      }
       {
        font-size: 25px;
      }
       {
        letter-spacing: 2px;
      }
       {
        margin-top: 48px !important;
      }
       {
        margin-top: 1.25rem;
      }
       {
        line-height: 1;
      }
       {
        margin-top: 1.25rem;
        margin-bottom: 1.25rem;
      }
       {
        padding-left: 0 !important;
        padding-right: 0 !important;
      }
       {
        padding-left: 0px;
        padding-right: 0px;
      }
       {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
      }
       {
         {
           {
            margin-left: 7px;
            margin-right: 7px;
          }
           {
            margin-top: 0px;
            margin-bottom: 0px;
          }
        }
         {
          font-size: 0.75rem;
          line-height: 1rem;
        }
         {
          margin-left: auto;
          margin-right: auto;
        }
         {
          margin-top: 0px;
          margin-bottom: 0px;
        }
         {
          height: 45px;
        }
         {
          width: 45px;
        }
         {
          font-size: 1rem;
          line-height: 1.5rem;
        }
         {
          line-height: 45px;
        }
      }
    }

    margin-bottom: 15px;

     {
      margin-top: 15px;
      margin-bottom: 15px;
      text-align: right;
    }

    margin-top: 15px;

    padding: 15px;

     {
      padding-top: 15px;
      margin-left: 0px;
      margin-right: 0px;
      margin-top: 15px;
      margin-bottom: 15px;
    }

    padding: 15px;

     {
      margin-top: 15px;
      top: 4rem;
    }

    margin-top: 15px;

     {
       {
         {
          margin-bottom: 15px;
        }
      }
       {
        margin-bottom: 15px;
      }
    }

    margin-top: 15px;

     {
       {
        margin-left: auto;
        margin-right: auto;
      }
       {
        margin-top: 0px;
        margin-bottom: 0px;
      }
       {
        width: 50%;
      }
      margin-bottom: 15px
    }

    margin-top: 15px;

    margin-bottom: 15px;

     {
       {
        width: 96%;
      }
       {
         {
           {
             {
              min-width: 20px;
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
       {
        width: 100%;
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
       {
        width: 100%;
      }
       {
        margin-bottom: 15px;
      }
      margin-top: 15px;
       {
         {
          margin-top: 13px;
        }
      }
       {
        margin-bottom: 15px;
      }
    }

    margin-bottom: 15px;

    margin-bottom: 8px !important;

    margin-bottom: 0.5rem !important;

    padding-left: 15px;

    padding-right: 15px;

    padding-top: 30px;

    padding-bottom: 30px;

     {
       {
         {
          display: none;
        }
         {
          position: fixed;
        }
         {
          left: 15px;
        }
         {
          top: 60px;
        }
         {
          width: calc(100vw - 30px);
        }
      }
      margin-right: unset;
      {
        {
          {
             {
              top: 100px;
            }
             {
              gap: 16px;
            }
          }
        }
      }
       {
         {
           {
            width: 100%;
          }
        }
      }
    }

    left: 22px !important;

    width: 262px !important;

     {
       {
         {
          margin-left: 63px;
        }
      }
    }
  }

  @media (min-width: 1200px) {
     {
       {
         {
           {
          }
        }
      }
    }
  }

  @media (max-width: 575px) {
     {
       {
         {
           {
          }
        }
      }
    }

    display: flex;

     {
       {
         {
           {
             {
              text-align: left;
            }
             {
              text-align: left;
            }
          }
        }
      }
      @media (min-width: 1200px) {
         {
           {
             {
               {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
               {
              }
            }
          }
        }
      }
       {
        display: flex;
      }
       {
        flex-wrap: nowrap;
      }
       {
        justify-content: flex-start;
      }
       {
        gap: 32px;
      }
       {
        flex-direction: row;
      }
       {
         {
           {
            text-align: left;
          }
        }
      }
       {
         {
          flex-wrap: wrap;
        }
         {
          gap: 8px;
        }
         {
           {
            padding: 0;
          }
        }
         {
           {
            margin: 0;
          }
           {
            width: 100%;
          }
           {
            justify-content: space-between;
          }
           {
             {
              padding: 0;
            }
          }
        }
      }
       {
         {
           {
             {
              padding-top: 4px;
              padding-bottom: 4px;
            }
             {
              padding-left: 7px;
              padding-right: 7px;
            }
          }
        }
      }
       {
         {
          margin-right: 15px;
        }
      }
    }

    padding-top: 40px;

    padding-bottom: 40px;

     {
      top: 14px;
      padding-top: 4px;
      padding-bottom: 4px;
      padding-left: 7px;
      padding-right: 7px;
      margin: 8px !important;
      width: auto;
      margin-bottom: 0px;
      display: block !important;
       {
        margin-top: 15px;
      }
       {
        width: 100% !important;
      }
       {
         {
          margin-bottom: 20px !important;
        }
         {
          flex-direction: column;
        }
         {
          flex-wrap: wrap;
        }
         {
          justify-content: center;
        }
         {
           {
            text-align: center;
          }
          @media (max-width: 767px) {
             {
               {
              }
            }
          }
           {
            flex-direction: column;
          }
           {
            flex-wrap: wrap;
          }
           {
            text-align: center;
          }
           {
             {
              margin-bottom: 18px;
            }
             {
               {
                text-align: center;
              }
              @media (max-width: 767px) {
                 {
                   {
                  }
                }
              }
               {
                text-align: center;
              }
            }
          }
        }
      }
       {
        padding-top: 11px !important;
        padding-bottom: 11px !important;
      }
       {
        padding-left: 4px !important;
        padding-right: 4px !important;
      }
       {
        margin-top: 0.25rem;
      }
       {
        justify-content: flex-start;
      }
    }

    display: none;

     {
       {
         {
           {
            display: block;
          }
           {
            margin-right: 8px;
          }
           {
            display: block;
          }
           {
            padding-right: 8px;
          }
           {
             {
              height: 20px;
            }
             {
              width: 18px;
            }
          }
        }
      }
       {
        padding-left: 15px;
        padding-right: 15px;
      }
       {
        @media (min-width: 1200px) {
           {
             {
               {
                 {
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                 {
                }
              }
            }
          }
        }
         {
          display: flex !important;
        }
         {
          line-height: 1;
        }
         {
           {
            padding-left: 30px;
          }
           {
            line-height: 2.5rem;
          }
           {
             {
              left: 0.625rem;
            }
             {
              top: 0.875rem;
            }
             {
              right: 0.25rem;
            }
             {
              top: 9px;
            }
             {
              height: 18px;
            }
             {
              width: 18px;
            }
          }
        }
         {
           {
            margin-top: 0;
          }
           {
            line-height: 1;
          }
           {
             {
              padding-top: 4px;
              padding-bottom: 4px;
            }
             {
              line-height: 1;
            }
             {
               {
                font-size: 14px;
              }
               {
                 {
                  display: block;
                }
                 {
                  display: block;
                }
                 {
                  padding: 0;
                }
              }
               {
                width: 18px;
              }
               {
                vertical-align: baseline;
              }
               {
                 {
                  width: 25px;
                }
              }
            }
          }
        }
      }
       {
         {
           {
            font-size: 20px;
          }
        }
      }
       {
         {
          right: 30px;
        }
      }
      display: block;
    }

    padding-left: 1rem;

    padding-right: 1rem;

    padding-top: 0.375rem;

    padding-bottom: 0.375rem;

    min-width: 380px;

    height: 250px;

     {
       {
         {
           {
            width: 55%;
          }
        }
         {
           {
            position: relative;
          }
           {
            inset: 0px;
          }
        }
      }
       {
         {
           {
             {
              width: 42%;
            }
          }
        }
      }
    }

    left: 15px;

    height: calc(100% - 30px);

    width: calc(100% - 30px);

    border-radius: 15px;

    background-color: rgba(var(--white),0.7);

     {
      width: 90%;
      padding-left: 45px;
      padding-right: 45px;
      padding-top: 3px;
      padding-bottom: 3px;
       {
        top: 10px;
      }
      text-align: center;
    }

    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }

    @media (max-width: 767px) {
       {
         {
        }
      }

      width: 100%;

      border-right-width: 10px;

      padding: 15px;

      text-align: center;

       {
        font-size: 1.25rem;
        line-height: 1.75rem;
        margin-bottom: 0 !important;
        margin-bottom: 0px;
      }

      margin-top: 0.625rem;

      text-align: center;

       {
         {
        }
      }

      text-align: center
    }

    padding-top: 2.5rem;

    padding-bottom: 2.5rem;

     {
      margin-bottom: 0.625rem;
      width: auto;
      padding: 1.25rem;
       {
         {
          margin-bottom: 5px;
        }
         {
           {
            margin-bottom: 5px;
          }
        }
      }
       {
         {
           {
            height: 1rem;
          }
           {
            width: 1rem;
          }
        }
         {
          margin-left: 5px;
        }
      }
    }

    padding-right: 30px;

     {
      max-width: 160px;
    }

    display: none;

    margin-right: 15px;

     {
       {
         {
          padding-left: 0.75rem;
        }
         {
          padding-right: 2.5rem;
        }
         {
          padding-top: 0.75rem;
        }
         {
          padding-bottom: 15px;
        }
      }
       {
         {
          margin-right: 15px;
        }
      }
      margin-bottom: 15px;
      top: 0.625rem;
       {
        width: 280px;
      }
    }

    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }

      width: 100%;

       {
        &.\!content {
          margin-top: 0.625rem;
        }
        &.\!content {
           {
            width: 280px;
          }
        }
      }

      right: 0.625rem;

       {
        margin-left: 0.125rem;
        margin-right: 0.125rem;
        margin-top: 0px;
        margin-bottom: 0px;
      }

      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }

        width: 100%;

        padding-bottom: 15px
      }

      margin-right: 15px
    }

    top: 19px;

     {
      margin-right: 0.625rem;
      top: 0px;
       {
        right: -30px;
      }
    }

    left: 45px;

    top: 406px;

    margin-bottom: -15px;

     {
      margin-bottom: 15px !important;
       {
        margin-bottom: 15px;
      }
       {
         {
          margin-bottom: 1.25rem;
        }
      }
       {
        margin-bottom: 15px;
      }
    }

    padding-bottom: 30px;

     {
      text-align: center;
    }

    @media (max-width: 767px) {
       {
         {
        }
      }

      text-align: center;

       {
         {
          margin-right: 0.875rem;
        }
         {
          margin-top: -3.5rem;
        }
         {
           {
            height: 100px;
          }
           {
            width: 100px;
          }
        }
         {
           {
            padding: 0 !important;
          }
           {
            margin-bottom: 0 !important;
          }
           {
            margin-bottom: 0px;
          }
           {
            border-top-color: none;
            border-bottom-color: none;
          }
           {
            padding: 0px;
          }
        }
      }

      margin-bottom: 0 !important;

      margin-bottom: 0px;

      margin-left: 0px;

      margin-right: 0px;

      margin-top: 15px;

      margin-bottom: 15px;

      margin-top: 15px;

       {
         {
          margin-bottom: 15px;
        }
      }
    }

    margin-right: 0px;

    margin-top: 15px;

     {
      margin-bottom: 15px;
      margin-top: 15px;
    }

    margin-top: 15px;

     {
       {
         {
          margin-top: 0 !important;
        }
         {
          float: right;
        }
         {
          margin-top: 0px;
        }
         {
           {
            height: 18px;
          }
           {
            width: 18px;
          }
        }
      }
       {
        margin-top: 15px;
      }
       {
        width: 26%;
      }
       {
         {
          margin-right: 0px;
        }
      }
    }

    text-align: center
  }

  @media (max-width: 767px) {
     {
       {
      }
    }

    text-align: center;

    padding: 15px;

     {
       {
        text-align: left;
      }
      display: block
    }

    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }

      display: block;

      width: 100%;

      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }

        margin-right: 0px;

        width: 100%;

         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }

        width: 100%;

        text-align: left;

         {
          border-top-width: 0px;
          border-bottom-width: 0px;
        }
      }

      border-top-width: 0px;

      border-bottom-width: 0px;

       {
        border-top-width: 0px;
        border-bottom-width: 0px;
      }

      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }

        width: 100%;

        margin-top: 15px;

        text-align: center
      }

      @media (max-width: 767px) {
         {
           {
          }
        }

        border-left-color: none;

        text-align: center;

        text-align: center;

         {
           {
          }
        }

        border-right-color: none;

        text-align: center
      }

      text-align: center
    }

    @media (min-width: 1200px) {
       {
         {
           {
             {
            }
          }
        }
      }
    }

    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }

    @media (max-width: 767px) {
       {
         {
        }
      }
    }

    @media (max-width: 575px) {
       {
         {
           {
             {
            }
          }
        }
      }

      display: flex;

      width: 100%;

      flex-direction: column;

      text-align: center;

      border-bottom: none !important;

       {
        text-align: center;
      }

      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }

      @media (max-width: 767px) {
         {
           {
          }
        }

        width: 100%;

        text-align: center;

        display: none
      }

      width: unset
    }

    flex-direction: column;

    align-items: center;

     {
      height: 190px;
      min-height: 190px;
       {
        margin-top: 0.625rem;
      }
    }

    text-align: center;

     {
       {
      }
    }

    text-align: center;

    margin-top: 0 !important;

    margin-right: -15px;

    margin-bottom: -15px;

    margin-left: -15px;

    margin-top: 0px;

     {
      height: 15px;
      width: 15px;
       {
        height: 30px;
      }
       {
        width: 30px;
      }
       {
        font-size: 13px;
      }
       {
        margin-left: 5px;
      }
      padding: 15px;
       {
        font-size: 1.5rem;
        line-height: 2rem;
      }
      text-align: left;
    }

    text-align: center;

     {
       {
      }
    }

    text-align: center;

    margin-top: 15px;

    width: 430px;

    padding-left: 15px;

    padding-right: 15px;

    padding-top: 25px;

    padding-bottom: 25px;

    display: none;

     {
       {
        margin-bottom: 15px;
      }
       {
         {
          line-height: 3;
        }
      }
       {
         {
          margin-bottom: 15px;
        }
         {
           {
            min-height: 30px;
          }
        }
      }
       {
         {
           {
            padding: 0.5rem;
          }
        }
      }
       {
         {
          margin-top: 15px;
        }
         {
           {
            padding-left: 7px;
            padding-right: 7px;
          }
           {
            padding-top: 1px;
            padding-bottom: 1px;
          }
           {
             {
               {
                border-color: none;
              }
            }
             {
               {
                border-color: none;
              }
            }
          }
        }
      }
       {
        margin-bottom: 15px;
      }
       {
         {
           {
            height: 30px;
          }
        }
      }
       {
         {
          padding: 15px;
        }
         {
           {
            margin-top: 15px;
          }
        }
         {
          margin-left: 0px;
          margin-right: 0px;
        }
         {
          margin-top: 15px;
          margin-bottom: 15px;
        }
         {
          margin-top: 15px;
        }
      }
       {
         {
           {
            padding-left: 1.25rem;
            padding-right: 1.25rem;
          }
           {
            padding-top: 0.75rem;
            padding-bottom: 0.75rem;
          }
        }
      }
       {
        margin-bottom: 1.25rem !important;
      }
       {
         {
           {
             {
              margin-top: 48px !important;
            }
             {
              margin-top: 1.25rem;
            }
             {
              margin-bottom: 1.25rem;
            }
          }
        }
      }
       {
         {
           {
            position: fixed;
          }
           {
            right: 0.75rem;
          }
           {
            top: 60px;
          }
           {
            width: calc(100vw - 30px);
          }
           {
            position: fixed;
          }
           {
            left: 15px;
          }
           {
            top: 60px;
          }
           {
            width: calc(100vw - 300px);
          }
           {
            left: 15px;
          }
           {
            top: 43px;
          }
        }
      }
    }

    height: 250px;

     {
      order: -1;
       {
         {
          text-align: center;
        }
        @media (max-width: 767px) {
           {
             {
            }
          }
        }
         {
          text-align: center;
        }
         {
          margin-top: 48px !important;
        }
         {
          margin-top: 1.25rem;
        }
      }
       {
        height: 300px;
      }
       {
         {
          padding: 1.25rem;
        }
         {
           {
            padding-left: 0 !important;
            padding-right: 0 !important;
          }
           {
            margin-top: 0.75rem;
          }
           {
            margin-bottom: 15px;
          }
           {
            border-bottom-width: 1px;
          }
           {
            border-style: solid;
          }
           {
            border-bottom-color: rgba(var(--chart-dashed-border),1);
          }
           {
            padding-left: 0px;
            padding-right: 0px;
          }
           {
            padding-top: 15px;
            padding-bottom: 15px;
          }
        }
      }
       {
         {
          margin-right: 0px;
        }
         {
          font-size: 1rem;
          line-height: 1.5rem;
        }
      }
       {
         {
          font-size: 1.25rem;
          line-height: 1.75rem;
        }
      }
      margin-left: 0px;
      margin-right: 0px;
      margin-top: 15px;
       {
         {
          margin-bottom: 0.625rem;
        }
      }
      margin-bottom: 0 !important;
      margin-bottom: 0px;
      display: block;
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
       {
        width: 100%;
      }
       {
        margin-top: 15px;
      }
      padding: 15px;
       {
        height: 50px;
      }
       {
        width: 50px;
      }
       {
        --tw-shadow: inset 0px -100px 100px -13px rgba(0,0,0,0.6);
        --tw-shadow-colored: inset 0px -100px 100px -13px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
      }
       {
        margin-top: 15px;
      }
       {
        margin-top: 15px;
      }
       {
        margin-top: 15px;
      }
       {
         {
           {
            padding-left: 0.5rem;
          }
           {
             {
              display: none;
            }
          }
           {
            margin-right: 0.625rem;
          }
           {
            padding-right: 1.25rem;
          }
        }
      }
    }

    padding-bottom: 0 !important;

    padding-top: 2.5rem;

    padding-bottom: 0px;

     {
       {
        margin-left: 30px;
      }
       {
        display: block;
      }
       {
        display: block;
      }
       {
         {
          margin-bottom: 0.625rem;
        }
         {
          height: 50px;
        }
         {
          width: 50px;
        }
         {
          padding: 3px;
        }
      }
    }

    height: 20rem;

     {
      text-align: center;
    }

    @media (max-width: 767px) {
       {
         {
        }
      }

      margin-bottom: 15px;

      text-align: center;

       {
        font-size: 17px;
      }

      margin-bottom: 15px;

       {
         {
          font-size: 0.875rem;
          line-height: 1.25rem;
        }
         {
          font-weight: 600;
        }
         {
          font-size: 1.5rem;
          line-height: 2rem;
        }
        margin-top: 0.625rem;
        font-size: 0.7em
      }
    }

    display: block;

    display: block;

    padding-bottom: 30px;

     {
       {
        padding: 15px;
      }
       {
         {
          margin-bottom: 0 !important;
        }
         {
          margin-bottom: 0px;
        }
         {
          margin-bottom: 0.625rem;
        }
      }
       {
        padding-top: 0px;
      }
      padding: 1.25rem;
       {
        font-size: 25px;
      }
       {
        padding: 0 !important;
      }
       {
        padding: 0px;
      }
    }

    padding-left: 0 !important;

    padding-right: 0 !important;

    padding-left: 0px;

    padding-right: 0px;

    padding-top: 1.25rem;

    padding-bottom: 1.25rem;

     {
      margin-top: 15px;
      width: 65px;
       {
        display: none;
      }
       {
        text-align: center !important;
      }
      @media (max-width: 767px) {
         {
           {
          }
        }
      }
       {
        margin-top: -10%;
      }
       {
        text-align: center !important;
      }
       {
        font-size: 25px;
      }
       {
        letter-spacing: 2px;
      }
       {
        margin-top: 48px !important;
      }
       {
        margin-top: 1.25rem;
      }
       {
        line-height: 1;
      }
       {
        margin-top: 1.25rem;
        margin-bottom: 1.25rem;
      }
       {
        padding-left: 0 !important;
        padding-right: 0 !important;
      }
       {
        padding-left: 0px;
        padding-right: 0px;
      }
       {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
      }
       {
         {
           {
            margin-left: 7px;
            margin-right: 7px;
          }
           {
            margin-top: 0px;
            margin-bottom: 0px;
          }
        }
         {
          font-size: 0.75rem;
          line-height: 1rem;
        }
         {
          margin-left: auto;
          margin-right: auto;
        }
         {
          margin-top: 0px;
          margin-bottom: 0px;
        }
         {
          height: 45px;
        }
         {
          width: 45px;
        }
         {
          font-size: 1rem;
          line-height: 1.5rem;
        }
         {
          line-height: 45px;
        }
      }
    }

    margin-bottom: 15px;

     {
      margin-top: 15px;
      margin-bottom: 15px;
      text-align: right;
    }

    margin-top: 15px;

    padding: 15px;

     {
      padding-top: 15px;
      margin-left: 0px;
      margin-right: 0px;
      margin-top: 15px;
      margin-bottom: 15px;
    }

    padding: 15px;

     {
      margin-top: 15px;
      top: 4rem;
    }

    margin-top: 15px;

     {
       {
         {
          margin-bottom: 15px;
        }
      }
       {
        margin-bottom: 15px;
      }
    }

    margin-top: 15px;

     {
       {
        margin-left: auto;
        margin-right: auto;
      }
       {
        margin-top: 0px;
        margin-bottom: 0px;
      }
       {
        width: 50%;
      }
      margin-bottom: 15px
    }

    margin-top: 15px;

    margin-bottom: 15px;

     {
       {
        width: 96%;
      }
       {
         {
           {
             {
              min-width: 20px;
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
       {
        width: 100%;
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
       {
        width: 100%;
      }
       {
        margin-bottom: 15px;
      }
      margin-top: 15px;
       {
         {
          margin-top: 13px;
        }
      }
       {
        margin-bottom: 15px;
      }
    }

    margin-bottom: 15px;

    margin-bottom: 8px !important;

    margin-bottom: 0.5rem !important;

    padding-left: 15px;

    padding-right: 15px;

    padding-top: 30px;

    padding-bottom: 30px;

     {
       {
         {
          display: none;
        }
         {
          position: fixed;
        }
         {
          left: 15px;
        }
         {
          top: 60px;
        }
         {
          width: calc(100vw - 30px);
        }
      }
      margin-right: unset;
      {
        {
          {
             {
              top: 100px;
            }
             {
              gap: 16px;
            }
          }
        }
      }
       {
         {
           {
            width: 100%;
          }
        }
      }
    }

    left: 22px !important;

    width: 262px !important;

     {
       {
         {
          margin-left: 63px;
        }
      }
    }
  }

  @media (min-width: 1200px) {
     {
       {
         {
           {
          }
        }
      }
    }
  }

  @media (max-width: 575px) {
     {
       {
         {
           {
          }
        }
      }
    }

    display: flex;

     {
       {
         {
           {
             {
              text-align: left;
            }
             {
              text-align: left;
            }
          }
        }
      }
      @media (min-width: 1200px) {
         {
           {
             {
               {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
               {
              }
            }
          }
        }
      }
       {
        display: flex;
      }
       {
        flex-wrap: nowrap;
      }
       {
        justify-content: flex-start;
      }
       {
        gap: 32px;
      }
       {
        flex-direction: row;
      }
       {
         {
           {
            text-align: left;
          }
        }
      }
       {
         {
          flex-wrap: wrap;
        }
         {
          gap: 8px;
        }
         {
           {
            padding: 0;
          }
        }
         {
           {
            margin: 0;
          }
           {
            width: 100%;
          }
           {
            justify-content: space-between;
          }
           {
             {
              padding: 0;
            }
          }
        }
      }
       {
         {
           {
             {
              padding-top: 4px;
              padding-bottom: 4px;
            }
             {
              padding-left: 7px;
              padding-right: 7px;
            }
          }
        }
      }
       {
         {
          margin-right: 15px;
        }
      }
    }

    padding-top: 40px;

    padding-bottom: 40px;

     {
      top: 14px;
      padding-top: 4px;
      padding-bottom: 4px;
      padding-left: 7px;
      padding-right: 7px;
      margin: 8px !important;
      width: auto;
      margin-bottom: 0px;
      display: block !important;
      .\!btn {
        margin-top: 15px;
      }
       {
        width: 100% !important;
      }
       {
         {
          margin-bottom: 20px !important;
        }
         {
          flex-direction: column;
        }
         {
          flex-wrap: wrap;
        }
         {
          justify-content: center;
        }
         {
           {
            text-align: center;
          }
          @media (max-width: 767px) {
             {
               {
              }
            }
          }
           {
            flex-direction: column;
          }
           {
            flex-wrap: wrap;
          }
           {
            text-align: center;
          }
           {
             {
              margin-bottom: 18px;
            }
             {
               {
                text-align: center;
              }
              @media (max-width: 767px) {
                 {
                   {
                  }
                }
              }
               {
                text-align: center;
              }
            }
          }
        }
      }
       {
        padding-top: 11px !important;
        padding-bottom: 11px !important;
      }
       {
        padding-left: 4px !important;
        padding-right: 4px !important;
      }
       {
        margin-top: 0.25rem;
      }
       {
        justify-content: flex-start;
      }
    }

    display: none;

     {
       {
         {
           {
            display: block;
          }
           {
            margin-right: 8px;
          }
           {
            display: block;
          }
           {
            padding-right: 8px;
          }
           {
             {
              height: 20px;
            }
             {
              width: 18px;
            }
          }
        }
      }
       {
        padding-left: 15px;
        padding-right: 15px;
      }
       {
        @media (min-width: 1200px) {
           {
             {
               {
                 {
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                 {
                }
              }
            }
          }
        }
         {
          display: flex !important;
        }
         {
          line-height: 1;
        }
         {
           {
            padding-left: 30px;
          }
           {
            line-height: 2.5rem;
          }
           {
             {
              left: 0.625rem;
            }
             {
              top: 0.875rem;
            }
             {
              right: 0.25rem;
            }
             {
              top: 9px;
            }
             {
              height: 18px;
            }
             {
              width: 18px;
            }
          }
        }
         {
           {
            margin-top: 0;
          }
           {
            line-height: 1;
          }
           {
             {
              padding-top: 4px;
              padding-bottom: 4px;
            }
             {
              line-height: 1;
            }
             {
               {
                font-size: 14px;
              }
               {
                 {
                  display: block;
                }
                 {
                  display: block;
                }
                 {
                  padding: 0;
                }
              }
               {
                width: 18px;
              }
               {
                vertical-align: baseline;
              }
               {
                 {
                  width: 25px;
                }
              }
            }
          }
        }
      }
       {
         {
           {
            font-size: 20px;
          }
        }
      }
       {
         {
          right: 30px;
        }
      }
      display: block;
    }
  }

  .\!btn {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
  }

   {
    min-width: 380px;
    height: 250px;
     {
       {
         {
           {
            width: 55%;
          }
        }
         {
           {
            position: relative;
          }
           {
            inset: 0px;
          }
        }
      }
       {
         {
           {
             {
              width: 42%;
            }
          }
        }
      }
    }
    height: calc(100% - 30px);
    width: calc(100% - 30px);
    border-radius: 15px;
    background-color: rgba(var(--white),0.7);
     {
      width: 90%;
    }
     {
      padding-left: 45px;
      padding-right: 45px;
    }
     {
      padding-top: 3px;
      padding-bottom: 3px;
    }
     {
       {
        top: 10px;
      }
    }
     {
      text-align: center;
    }
    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 767px) {
       {
         {
        }
      }
    }
     {
      width: 100%;
    }
     {
      border-right-width: 10px;
    }
     {
      padding: 15px;
    }
     {
      text-align: center;
    }
     {
       {
        margin-bottom: 0 !important;
      }
       {
        margin-bottom: 0px;
      }
       {
        font-size: 1.25rem;
        line-height: 1.75rem;
      }
       {
        margin-bottom: 0 !important;
      }
       {
        margin-bottom: 0px;
      }
    }
     {
      margin-top: 0.625rem;
    }
     {
      text-align: center;
    }
    @media (max-width: 767px) {
       {
         {
        }
      }
    }
     {
      text-align: center;
    }
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
     {
      margin-bottom: 0.625rem;
    }
     {
      width: auto;
    }
     {
      padding: 1.25rem;
    }
     {
       {
         {
          margin-bottom: 5px;
        }
         {
           {
            margin-bottom: 5px;
          }
        }
      }
    }
     {
       {
         {
           {
            height: 1rem;
          }
           {
            width: 1rem;
          }
        }
         {
          margin-left: 5px;
        }
      }
    }
    padding-right: 30px;
     {
      max-width: 160px;
    }
    display: none;
     {
       {
         {
          padding-left: 0.75rem;
        }
         {
          padding-right: 2.5rem;
        }
         {
          padding-top: 0.75rem;
        }
         {
          padding-bottom: 15px;
        }
      }
    }
     {
       {
         {
          margin-right: 15px;
        }
      }
    }
     {
      margin-bottom: 15px;
    }
     {
      top: 0.625rem;
    }
     {
       {
        width: 280px;
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }
     {
      width: 100%;
    }
     {
       {
         {
          margin-top: 0.625rem;
        }
         {
           {
            width: 280px;
          }
        }
      }
    }
     {
      right: 0.625rem;
    }
     {
      .\!btn {
        margin-left: 0.125rem;
        margin-right: 0.125rem;
      }
      .\!btn {
        margin-top: 0px;
        margin-bottom: 0px;
      }
    }
     {
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
       {
        width: 100%;
      }
       {
        padding-bottom: 15px;
      }
    }
     {
      margin-right: 15px;
    }
     {
      margin-right: 0.625rem;
    }
     {
      top: 0px;
    }
     {
       {
        right: -30px;
      }
    }
    left: 45px;
    top: 406px;
    margin-bottom: -15px;
     {
      margin-bottom: 15px !important;
    }
     {
       {
        margin-bottom: 15px;
      }
    }
     {
       {
         {
          margin-bottom: 1.25rem;
        }
      }
    }
     {
       {
        margin-bottom: 15px;
      }
    }
    padding-bottom: 30px;
     {
      text-align: center;
    }
    @media (max-width: 767px) {
       {
         {
        }
      }
    }
     {
      text-align: center;
    }
     {
       {
         {
          margin-right: 0.875rem;
        }
      }
    }
     {
       {
         {
          margin-top: -3.5rem;
        }
         {
           {
            height: 100px;
          }
           {
            width: 100px;
          }
        }
      }
       {
         {
           {
            padding: 0 !important;
          }
           {
            margin-bottom: 0 !important;
          }
           {
            margin-bottom: 0px;
          }
           {
            border-top-color: none;
            border-bottom-color: none;
          }
           {
            padding: 0px;
          }
        }
      }
    }
     {
      margin-bottom: 0 !important;
    }
     {
      margin-bottom: 0px;
    }
     {
      margin-left: 0px;
      margin-right: 0px;
    }
     {
      margin-top: 15px;
      margin-bottom: 15px;
    }
     {
      margin-top: 15px;
    }
     {
       {
         {
          margin-bottom: 15px;
        }
      }
    }
    margin-right: 0px;
     {
      margin-bottom: 15px;
    }
     {
      margin-bottom: 15px;
    }
     {
      margin-top: 15px;
    }
    margin-top: 15px;
     {
       {
         {
          margin-top: 0 !important;
        }
         {
          float: right;
        }
         {
          margin-top: 0px;
        }
         {
           {
            height: 18px;
          }
           {
            width: 18px;
          }
        }
      }
    }
     {
       {
        margin-top: 15px;
      }
    }
     {
       {
        width: 26%;
      }
       {
         {
          margin-right: 0px;
        }
      }
    }
    text-align: center;
  }

  @media (max-width: 767px) {
     {
       {
      }
    }

    text-align: center;

    padding: 15px;

     {
       {
        text-align: left;
      }
      display: block
    }

    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }

      display: block;

      width: 100%;

      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }

        margin-right: 0px;

        width: 100%;

         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }

        width: 100%;

        text-align: left;

         {
          border-top-width: 0px;
          border-bottom-width: 0px;
        }
      }

      border-top-width: 0px;

      border-bottom-width: 0px;

       {
        border-top-width: 0px;
        border-bottom-width: 0px;
      }

      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }

        width: 100%;

        margin-top: 15px;

        text-align: center
      }

      @media (max-width: 767px) {
         {
           {
          }
        }

        border-left-color: none;

        text-align: center;

        text-align: center;

         {
           {
          }
        }

        border-right-color: none;

        text-align: center
      }

      text-align: center
    }

    @media (min-width: 1200px) {
       {
         {
           {
             {
            }
          }
        }
      }
    }

    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }

    @media (max-width: 767px) {
       {
         {
        }
      }
    }

    @media (max-width: 575px) {
       {
         {
           {
             {
            }
          }
        }
      }

      display: flex;

      width: 100%;

      flex-direction: column;

      text-align: center;

      border-bottom: none !important;

       {
        text-align: center;
      }

      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }

      @media (max-width: 767px) {
         {
           {
          }
        }

        width: 100%;

        text-align: center;

        display: none
      }

      width: unset
    }

    flex-direction: column;

    align-items: center;

     {
      height: 190px;
      min-height: 190px;
       {
        margin-top: 0.625rem;
      }
    }

    text-align: center;

     {
       {
      }
    }

    text-align: center;

    margin-top: 0 !important;

    margin-right: -15px;

    margin-bottom: -15px;

    margin-left: -15px;

    margin-top: 0px;

     {
      height: 15px;
      width: 15px;
       {
        height: 30px;
      }
       {
        width: 30px;
      }
       {
        font-size: 13px;
      }
       {
        margin-left: 5px;
      }
      padding: 15px;
       {
        font-size: 1.5rem;
        line-height: 2rem;
      }
      text-align: left;
    }

    text-align: center;

     {
       {
      }
    }

    text-align: center;

    margin-top: 15px;

    width: 430px;

    padding-left: 15px;

    padding-right: 15px;

    padding-top: 25px;

    padding-bottom: 25px;

    display: none;

     {
       {
        margin-bottom: 15px;
      }
       {
         {
          line-height: 3;
        }
      }
       {
         {
          margin-bottom: 15px;
        }
         {
           {
            min-height: 30px;
          }
        }
      }
       {
         {
           {
            padding: 0.5rem;
          }
        }
      }
       {
         {
          margin-top: 15px;
        }
         {
           {
            padding-left: 7px;
            padding-right: 7px;
          }
           {
            padding-top: 1px;
            padding-bottom: 1px;
          }
           {
             {
               {
                border-color: none;
              }
            }
             {
               {
                border-color: none;
              }
            }
          }
        }
      }
       {
        margin-bottom: 15px;
      }
       {
         {
           {
            height: 30px;
          }
        }
      }
       {
         {
          padding: 15px;
        }
         {
           {
            margin-top: 15px;
          }
        }
         {
          margin-left: 0px;
          margin-right: 0px;
        }
         {
          margin-top: 15px;
          margin-bottom: 15px;
        }
         {
          margin-top: 15px;
        }
      }
       {
         {
           {
            padding-left: 1.25rem;
            padding-right: 1.25rem;
          }
           {
            padding-top: 0.75rem;
            padding-bottom: 0.75rem;
          }
        }
      }
       {
        margin-bottom: 1.25rem !important;
      }
       {
         {
           {
             {
              margin-top: 48px !important;
            }
             {
              margin-top: 1.25rem;
            }
             {
              margin-bottom: 1.25rem;
            }
          }
        }
      }
       {
         {
           {
            position: fixed;
          }
           {
            right: 0.75rem;
          }
           {
            top: 60px;
          }
           {
            width: calc(100vw - 30px);
          }
           {
            position: fixed;
          }
           {
            left: 15px;
          }
           {
            top: 60px;
          }
           {
            width: calc(100vw - 300px);
          }
           {
            left: 15px;
          }
           {
            top: 43px;
          }
        }
      }
    }

    height: 250px;

     {
      order: -1;
       {
         {
          text-align: center;
        }
        @media (max-width: 767px) {
           {
             {
            }
          }
        }
         {
          text-align: center;
        }
         {
          margin-top: 48px !important;
        }
         {
          margin-top: 1.25rem;
        }
      }
       {
        height: 300px;
      }
       {
         {
          padding: 1.25rem;
        }
         {
           {
            padding-left: 0 !important;
            padding-right: 0 !important;
          }
           {
            margin-top: 0.75rem;
          }
           {
            margin-bottom: 15px;
          }
           {
            border-bottom-width: 1px;
          }
           {
            border-style: solid;
          }
           {
            border-bottom-color: rgba(var(--chart-dashed-border),1);
          }
           {
            padding-left: 0px;
            padding-right: 0px;
          }
           {
            padding-top: 15px;
            padding-bottom: 15px;
          }
        }
      }
       {
         {
          margin-right: 0px;
        }
         {
          font-size: 1rem;
          line-height: 1.5rem;
        }
      }
       {
         {
          font-size: 1.25rem;
          line-height: 1.75rem;
        }
      }
      margin-left: 0px;
      margin-right: 0px;
      margin-top: 15px;
       {
         {
          margin-bottom: 0.625rem;
        }
      }
      margin-bottom: 0 !important;
      margin-bottom: 0px;
      display: block;
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
       {
        width: 100%;
      }
      .\!btn {
        margin-top: 15px;
      }
      padding: 15px;
       {
        height: 50px;
      }
       {
        width: 50px;
      }
       {
        --tw-shadow: inset 0px -100px 100px -13px rgba(0,0,0,0.6);
        --tw-shadow-colored: inset 0px -100px 100px -13px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
      }
       {
        margin-top: 15px;
      }
       {
        margin-top: 15px;
      }
       {
        margin-top: 15px;
      }
       {
         {
           {
            padding-left: 0.5rem;
          }
           {
             {
              display: none;
            }
          }
           {
            margin-right: 0.625rem;
          }
           {
            padding-right: 1.25rem;
          }
        }
      }
    }

    padding-bottom: 0 !important;

    padding-top: 2.5rem;

    padding-bottom: 0px;

     {
       {
        margin-left: 30px;
      }
       {
        display: block;
      }
       {
        display: block;
      }
       {
         {
          margin-bottom: 0.625rem;
        }
         {
          height: 50px;
        }
         {
          width: 50px;
        }
         {
          padding: 3px;
        }
      }
    }

    height: 20rem;

     {
      text-align: center;
    }

    @media (max-width: 767px) {
       {
         {
        }
      }

      margin-bottom: 15px;

      text-align: center;

       {
        font-size: 17px;
      }

      margin-bottom: 15px;

       {
         {
          font-size: 0.875rem;
          line-height: 1.25rem;
        }
         {
          font-weight: 600;
        }
         {
          font-size: 1.5rem;
          line-height: 2rem;
        }
        margin-top: 0.625rem;
        font-size: 0.7em
      }
    }

    display: block;

    display: block;

    padding-bottom: 30px;

     {
       {
        padding: 15px;
      }
       {
         {
          margin-bottom: 0 !important;
        }
         {
          margin-bottom: 0px;
        }
         {
          margin-bottom: 0.625rem;
        }
      }
       {
        padding-top: 0px;
      }
      padding: 1.25rem;
       {
        font-size: 25px;
      }
       {
        padding: 0 !important;
      }
       {
        padding: 0px;
      }
    }

    padding-left: 0 !important;

    padding-right: 0 !important;

    padding-left: 0px;

    padding-right: 0px;

    padding-top: 1.25rem;

    padding-bottom: 1.25rem;

    .\!btn {
      margin-top: 15px;
    }

     {
      width: 65px;
       {
        display: none;
      }
       {
        text-align: center !important;
      }
      @media (max-width: 767px) {
         {
           {
          }
        }
      }
       {
        margin-top: -10%;
      }
       {
        text-align: center !important;
      }
       {
        font-size: 25px;
      }
       {
        letter-spacing: 2px;
      }
       {
        margin-top: 48px !important;
      }
       {
        margin-top: 1.25rem;
      }
       {
        line-height: 1;
      }
       {
        margin-top: 1.25rem;
        margin-bottom: 1.25rem;
      }
       {
        padding-left: 0 !important;
        padding-right: 0 !important;
      }
       {
        padding-left: 0px;
        padding-right: 0px;
      }
       {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
      }
       {
         {
           {
            margin-left: 7px;
            margin-right: 7px;
          }
           {
            margin-top: 0px;
            margin-bottom: 0px;
          }
        }
         {
          font-size: 0.75rem;
          line-height: 1rem;
        }
         {
          margin-left: auto;
          margin-right: auto;
        }
         {
          margin-top: 0px;
          margin-bottom: 0px;
        }
         {
          height: 45px;
        }
         {
          width: 45px;
        }
         {
          font-size: 1rem;
          line-height: 1.5rem;
        }
         {
          line-height: 45px;
        }
      }
    }

    margin-bottom: 15px;

     {
      margin-top: 15px;
      margin-bottom: 15px;
      text-align: right;
    }

    margin-top: 15px;

    padding: 15px;

     {
      padding-top: 15px;
      margin-left: 0px;
      margin-right: 0px;
      margin-top: 15px;
      margin-bottom: 15px;
    }

    padding: 15px;

     {
      margin-top: 15px;
      top: 4rem;
    }

    margin-top: 15px;

     {
       {
         {
          margin-bottom: 15px;
        }
      }
       {
        margin-bottom: 15px;
      }
    }

    margin-top: 15px;

     {
       {
        margin-left: auto;
        margin-right: auto;
      }
       {
        margin-top: 0px;
        margin-bottom: 0px;
      }
       {
        width: 50%;
      }
      margin-bottom: 15px
    }

    margin-top: 15px;

    margin-bottom: 15px;

     {
       {
        width: 96%;
      }
       {
         {
           {
             {
              min-width: 20px;
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
       {
        width: 100%;
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
       {
        width: 100%;
      }
       {
        margin-bottom: 15px;
      }
      margin-top: 15px;
       {
        .\!btn {
          margin-top: 13px;
        }
      }
       {
        margin-bottom: 15px;
      }
    }

    margin-bottom: 15px;

    margin-bottom: 8px !important;

    margin-bottom: 0.5rem !important;

    padding-left: 15px;

    padding-right: 15px;

    padding-top: 30px;

    padding-bottom: 30px;

     {
       {
         {
          display: none;
        }
         {
          position: fixed;
        }
         {
          left: 15px;
        }
         {
          top: 60px;
        }
         {
          width: calc(100vw - 30px);
        }
      }
      margin-right: unset;
      {
        {
          {
             {
              top: 100px;
            }
             {
              gap: 16px;
            }
          }
        }
      }
       {
         {
           {
            width: 100%;
          }
        }
      }
    }

    left: 22px !important;

    width: 262px !important;

     {
       {
         {
          margin-left: 63px;
        }
      }
    }
  }

  @media (min-width: 1200px) {
     {
       {
         {
           {
          }
        }
      }
    }
  }

  @media (max-width: 575px) {
     {
       {
         {
           {
          }
        }
      }
    }

    display: flex;

     {
       {
         {
           {
             {
              text-align: left;
            }
             {
              text-align: left;
            }
          }
        }
      }
      @media (min-width: 1200px) {
         {
           {
             {
               {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
               {
              }
            }
          }
        }
      }
       {
        display: flex;
      }
       {
        flex-wrap: nowrap;
      }
       {
        justify-content: flex-start;
      }
       {
        gap: 32px;
      }
       {
        flex-direction: row;
      }
       {
         {
           {
            text-align: left;
          }
        }
      }
       {
         {
          flex-wrap: wrap;
        }
         {
          gap: 8px;
        }
         {
           {
            padding: 0;
          }
        }
         {
           {
            margin: 0;
          }
           {
            width: 100%;
          }
           {
            justify-content: space-between;
          }
           {
             {
              padding: 0;
            }
          }
        }
      }
       {
         {
           {
             {
              padding-top: 4px;
              padding-bottom: 4px;
            }
             {
              padding-left: 7px;
              padding-right: 7px;
            }
          }
        }
      }
       {
         {
          margin-right: 15px;
        }
      }
    }

    padding-top: 40px;

    padding-bottom: 40px;

     {
      top: 14px;
      padding-top: 4px;
      padding-bottom: 4px;
      padding-left: 7px;
      padding-right: 7px;
      margin: 8px !important;
      width: auto;
      margin-bottom: 0px;
      display: block !important;
      .\!btn {
        margin-top: 15px;
      }
       {
        width: 100% !important;
      }
       {
         {
          margin-bottom: 20px !important;
        }
         {
          flex-direction: column;
        }
         {
          flex-wrap: wrap;
        }
         {
          justify-content: center;
        }
         {
           {
            text-align: center;
          }
          @media (max-width: 767px) {
             {
               {
              }
            }
          }
           {
            flex-direction: column;
          }
           {
            flex-wrap: wrap;
          }
           {
            text-align: center;
          }
           {
             {
              margin-bottom: 18px;
            }
             {
               {
                text-align: center;
              }
              @media (max-width: 767px) {
                 {
                   {
                  }
                }
              }
               {
                text-align: center;
              }
            }
          }
        }
      }
       {
        padding-top: 11px !important;
        padding-bottom: 11px !important;
      }
       {
        padding-left: 4px !important;
        padding-right: 4px !important;
      }
       {
        margin-top: 0.25rem;
      }
       {
        justify-content: flex-start;
      }
    }

    display: none;

     {
       {
         {
           {
            display: block;
          }
           {
            margin-right: 8px;
          }
           {
            display: block;
          }
           {
            padding-right: 8px;
          }
           {
             {
              height: 20px;
            }
             {
              width: 18px;
            }
          }
        }
      }
       {
        padding-left: 15px;
        padding-right: 15px;
      }
       {
        @media (min-width: 1200px) {
           {
             {
               {
                 {
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                 {
                }
              }
            }
          }
        }
         {
          display: flex !important;
        }
         {
          line-height: 1;
        }
         {
           {
            padding-left: 30px;
          }
           {
            line-height: 2.5rem;
          }
           {
             {
              left: 0.625rem;
            }
             {
              top: 0.875rem;
            }
             {
              right: 0.25rem;
            }
             {
              top: 9px;
            }
             {
              height: 18px;
            }
             {
              width: 18px;
            }
          }
        }
         {
           {
            margin-top: 0;
          }
           {
            line-height: 1;
          }
           {
             {
              padding-top: 4px;
              padding-bottom: 4px;
            }
             {
              line-height: 1;
            }
             {
               {
                font-size: 14px;
              }
               {
                 {
                  display: block;
                }
                 {
                  display: block;
                }
                 {
                  padding: 0;
                }
              }
               {
                width: 18px;
              }
               {
                vertical-align: baseline;
              }
               {
                 {
                  width: 25px;
                }
              }
            }
          }
        }
      }
       {
         {
           {
            font-size: 20px;
          }
        }
      }
       {
         {
          right: 30px;
        }
      }
      display: block;
    }
  }

  .\!btn {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
  }

   {
    min-width: 380px;
    height: 250px;
     {
       {
         {
           {
            width: 55%;
          }
        }
         {
           {
            position: relative;
          }
           {
            inset: 0px;
          }
        }
      }
       {
         {
           {
             {
              width: 42%;
            }
          }
        }
      }
    }
    height: calc(100% - 30px);
    width: calc(100% - 30px);
    border-radius: 15px;
    background-color: rgba(var(--white),0.7);
     {
      width: 90%;
    }
     {
      padding-left: 45px;
      padding-right: 45px;
    }
     {
      padding-top: 3px;
      padding-bottom: 3px;
    }
     {
       {
        top: 10px;
      }
    }
     {
      text-align: center;
    }
    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 767px) {
       {
         {
        }
      }
    }
     {
      width: 100%;
    }
     {
      border-right-width: 10px;
    }
     {
      padding: 15px;
    }
     {
      text-align: center;
    }
     {
       {
        margin-bottom: 0 !important;
      }
       {
        margin-bottom: 0px;
      }
       {
        font-size: 1.25rem;
        line-height: 1.75rem;
      }
       {
        margin-bottom: 0 !important;
      }
       {
        margin-bottom: 0px;
      }
    }
     {
      margin-top: 0.625rem;
    }
     {
      text-align: center;
    }
    @media (max-width: 767px) {
       {
         {
        }
      }
    }
     {
      text-align: center;
    }
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
     {
      margin-bottom: 0.625rem;
    }
     {
      width: auto;
    }
     {
      padding: 1.25rem;
    }
     {
       {
         {
          margin-bottom: 5px;
        }
         {
           {
            margin-bottom: 5px;
          }
        }
      }
    }
     {
       {
         {
           {
            height: 1rem;
          }
           {
            width: 1rem;
          }
        }
         {
          margin-left: 5px;
        }
      }
    }
    padding-right: 30px;
     {
      max-width: 160px;
    }
    display: none;
     {
       {
         {
          padding-left: 0.75rem;
        }
         {
          padding-right: 2.5rem;
        }
         {
          padding-top: 0.75rem;
        }
         {
          padding-bottom: 15px;
        }
      }
    }
     {
       {
         {
          margin-right: 15px;
        }
      }
    }
     {
      margin-bottom: 15px;
    }
     {
      top: 0.625rem;
    }
     {
       {
        width: 280px;
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }
     {
      width: 100%;
    }
     {
       {
         {
          margin-top: 0.625rem;
        }
         {
           {
            width: 280px;
          }
        }
      }
    }
     {
      right: 0.625rem;
    }
     {
      .\!btn {
        margin-left: 0.125rem;
        margin-right: 0.125rem;
      }
      .\!btn {
        margin-top: 0px;
        margin-bottom: 0px;
      }
    }
     {
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
       {
        width: 100%;
      }
       {
        padding-bottom: 15px;
      }
    }
     {
      margin-right: 15px;
    }
     {
      margin-right: 0.625rem;
    }
     {
      top: 0px;
    }
     {
       {
        right: -30px;
      }
    }
    left: 45px;
    top: 406px;
    margin-bottom: -15px;
     {
      margin-bottom: 15px !important;
    }
     {
       {
        margin-bottom: 15px;
      }
    }
     {
       {
         {
          margin-bottom: 1.25rem;
        }
      }
    }
     {
       {
        margin-bottom: 15px;
      }
    }
    padding-bottom: 30px;
     {
      text-align: center;
    }
    @media (max-width: 767px) {
       {
         {
        }
      }
    }
     {
      text-align: center;
    }
     {
       {
         {
          margin-right: 0.875rem;
        }
      }
    }
     {
       {
         {
          margin-top: -3.5rem;
        }
         {
           {
            height: 100px;
          }
           {
            width: 100px;
          }
        }
      }
       {
         {
           {
            padding: 0 !important;
          }
           {
            margin-bottom: 0 !important;
          }
           {
            margin-bottom: 0px;
          }
           {
            border-top-color: none;
            border-bottom-color: none;
          }
           {
            padding: 0px;
          }
        }
      }
    }
     {
      margin-bottom: 0 !important;
    }
     {
      margin-bottom: 0px;
    }
     {
      margin-left: 0px;
      margin-right: 0px;
    }
     {
      margin-top: 15px;
      margin-bottom: 15px;
    }
     {
      margin-top: 15px;
    }
     {
       {
         {
          margin-bottom: 15px;
        }
      }
    }
    margin-right: 0px;
     {
      margin-bottom: 15px;
    }
     {
      margin-bottom: 15px;
    }
     {
      margin-top: 15px;
    }
    margin-top: 15px;
     {
       {
         {
          margin-top: 0 !important;
        }
         {
          float: right;
        }
         {
          margin-top: 0px;
        }
         {
           {
            height: 18px;
          }
           {
            width: 18px;
          }
        }
      }
    }
     {
       {
        margin-top: 15px;
      }
    }
     {
       {
        width: 26%;
      }
       {
         {
          margin-right: 0px;
        }
      }
    }
    text-align: center;
  }

  @media (max-width: 767px) {
     {
       {
      }
    }

    text-align: center;

    padding: 15px;

     {
       {
        text-align: left;
      }
      display: block
    }

    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }

      display: block;

      width: 100%;

      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }

        margin-right: 0px;

        width: 100%;

         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }

        width: 100%;

        text-align: left;

         {
          border-top-width: 0px;
          border-bottom-width: 0px;
        }
      }

      border-top-width: 0px;

      border-bottom-width: 0px;

       {
        border-top-width: 0px;
        border-bottom-width: 0px;
      }

      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }

        width: 100%;

        margin-top: 15px;

        text-align: center
      }

      @media (max-width: 767px) {
         {
           {
          }
        }

        border-left-color: none;

        text-align: center;

        text-align: center;

         {
           {
          }
        }

        border-right-color: none;

        text-align: center
      }

      text-align: center
    }

    @media (min-width: 1200px) {
       {
         {
           {
             {
            }
          }
        }
      }
    }

    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }

    @media (max-width: 767px) {
       {
         {
        }
      }
    }

    @media (max-width: 575px) {
       {
         {
           {
             {
            }
          }
        }
      }

      display: flex;

      width: 100%;

      flex-direction: column;

      text-align: center;

      border-bottom: none !important;

       {
        text-align: center;
      }

      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }

      @media (max-width: 767px) {
         {
           {
          }
        }

        width: 100%;

        text-align: center;

        display: none
      }

      width: unset
    }

    flex-direction: column;

    align-items: center;

     {
      height: 190px;
      min-height: 190px;
       {
        margin-top: 0.625rem;
      }
    }

    text-align: center;

     {
       {
      }
    }

    text-align: center;

    margin-top: 0 !important;

    margin-right: -15px;

    margin-bottom: -15px;

    margin-left: -15px;

    margin-top: 0px;

     {
      height: 15px;
      width: 15px;
       {
        height: 30px;
      }
       {
        width: 30px;
      }
       {
        font-size: 13px;
      }
       {
        margin-left: 5px;
      }
      padding: 15px;
       {
        font-size: 1.5rem;
        line-height: 2rem;
      }
      text-align: left;
    }

    text-align: center;

     {
       {
      }
    }

    text-align: center;

    margin-top: 15px;

    width: 430px;

    padding-left: 15px;

    padding-right: 15px;

    padding-top: 25px;

    padding-bottom: 25px;

    display: none;

     {
       {
        margin-bottom: 15px;
      }
       {
         {
          line-height: 3;
        }
      }
       {
         {
          margin-bottom: 15px;
        }
         {
           {
            min-height: 30px;
          }
        }
      }
       {
         {
           {
            padding: 0.5rem;
          }
        }
      }
       {
         {
          margin-top: 15px;
        }
         {
           {
            padding-left: 7px;
            padding-right: 7px;
          }
           {
            padding-top: 1px;
            padding-bottom: 1px;
          }
           {
             {
               {
                border-color: none;
              }
            }
             {
               {
                border-color: none;
              }
            }
          }
        }
      }
       {
        margin-bottom: 15px;
      }
       {
         {
           {
            height: 30px;
          }
        }
      }
       {
         {
          padding: 15px;
        }
         {
           {
            margin-top: 15px;
          }
        }
         {
          margin-left: 0px;
          margin-right: 0px;
        }
         {
          margin-top: 15px;
          margin-bottom: 15px;
        }
         {
          margin-top: 15px;
        }
      }
       {
         {
           {
            padding-left: 1.25rem;
            padding-right: 1.25rem;
          }
           {
            padding-top: 0.75rem;
            padding-bottom: 0.75rem;
          }
        }
      }
       {
        margin-bottom: 1.25rem !important;
      }
       {
         {
           {
             {
              margin-top: 48px !important;
            }
             {
              margin-top: 1.25rem;
            }
             {
              margin-bottom: 1.25rem;
            }
          }
        }
      }
       {
         {
           {
            position: fixed;
          }
           {
            right: 0.75rem;
          }
           {
            top: 60px;
          }
           {
            width: calc(100vw - 30px);
          }
           {
            position: fixed;
          }
           {
            left: 15px;
          }
           {
            top: 60px;
          }
           {
            width: calc(100vw - 300px);
          }
           {
            left: 15px;
          }
           {
            top: 43px;
          }
        }
      }
    }

    height: 250px;

     {
      order: -1;
       {
         {
          text-align: center;
        }
        @media (max-width: 767px) {
           {
             {
            }
          }
        }
         {
          text-align: center;
        }
         {
          margin-top: 48px !important;
        }
         {
          margin-top: 1.25rem;
        }
      }
       {
        height: 300px;
      }
       {
         {
          padding: 1.25rem;
        }
         {
           {
            padding-left: 0 !important;
            padding-right: 0 !important;
          }
           {
            margin-top: 0.75rem;
          }
           {
            margin-bottom: 15px;
          }
           {
            border-bottom-width: 1px;
          }
           {
            border-style: solid;
          }
           {
            border-bottom-color: rgba(var(--chart-dashed-border),1);
          }
           {
            padding-left: 0px;
            padding-right: 0px;
          }
           {
            padding-top: 15px;
            padding-bottom: 15px;
          }
        }
      }
       {
         {
          margin-right: 0px;
        }
         {
          font-size: 1rem;
          line-height: 1.5rem;
        }
      }
       {
         {
          font-size: 1.25rem;
          line-height: 1.75rem;
        }
      }
      margin-left: 0px;
      margin-right: 0px;
      margin-top: 15px;
       {
         {
          margin-bottom: 0.625rem;
        }
      }
      margin-bottom: 0 !important;
      margin-bottom: 0px;
      display: block;
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
       {
        width: 100%;
      }
      .\!btn {
        margin-top: 15px;
      }
      padding: 15px;
       {
        height: 50px;
      }
       {
        width: 50px;
      }
       {
        --tw-shadow: inset 0px -100px 100px -13px rgba(0,0,0,0.6);
        --tw-shadow-colored: inset 0px -100px 100px -13px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
      }
       {
        margin-top: 15px;
      }
       {
        margin-top: 15px;
      }
       {
        margin-top: 15px;
      }
       {
         {
           {
            padding-left: 0.5rem;
          }
           {
             {
              display: none;
            }
          }
           {
            margin-right: 0.625rem;
          }
           {
            padding-right: 1.25rem;
          }
        }
      }
    }

    padding-bottom: 0 !important;

    padding-top: 2.5rem;

    padding-bottom: 0px;

     {
       {
        margin-left: 30px;
      }
       {
        display: block;
      }
       {
        display: block;
      }
       {
         {
          margin-bottom: 0.625rem;
        }
         {
          height: 50px;
        }
         {
          width: 50px;
        }
         {
          padding: 3px;
        }
      }
    }

    height: 20rem;

     {
      text-align: center;
    }

    @media (max-width: 767px) {
       {
         {
        }
      }

      margin-bottom: 15px;

      text-align: center;

       {
        font-size: 17px;
      }

      margin-bottom: 15px;

       {
         {
          font-size: 0.875rem;
          line-height: 1.25rem;
        }
         {
          font-weight: 600;
        }
         {
          font-size: 1.5rem;
          line-height: 2rem;
        }
        margin-top: 0.625rem;
        font-size: 0.7em
      }
    }

    display: block;

    display: block;

    padding-bottom: 30px;

     {
       {
        padding: 15px;
      }
       {
         {
          margin-bottom: 0 !important;
        }
         {
          margin-bottom: 0px;
        }
         {
          margin-bottom: 0.625rem;
        }
      }
       {
        padding-top: 0px;
      }
      padding: 1.25rem;
       {
        font-size: 25px;
      }
       {
        padding: 0 !important;
      }
       {
        padding: 0px;
      }
    }

    padding-left: 0 !important;

    padding-right: 0 !important;

    padding-left: 0px;

    padding-right: 0px;

    padding-top: 1.25rem;

    padding-bottom: 1.25rem;

    .\!btn {
      margin-top: 15px;
    }

     {
      width: 65px;
       {
        display: none;
      }
       {
        text-align: center !important;
      }
      @media (max-width: 767px) {
         {
           {
          }
        }
      }
       {
        margin-top: -10%;
      }
       {
        text-align: center !important;
      }
       {
        font-size: 25px;
      }
       {
        letter-spacing: 2px;
      }
       {
        margin-top: 48px !important;
      }
       {
        margin-top: 1.25rem;
      }
       {
        line-height: 1;
      }
       {
        margin-top: 1.25rem;
        margin-bottom: 1.25rem;
      }
       {
        padding-left: 0 !important;
        padding-right: 0 !important;
      }
       {
        padding-left: 0px;
        padding-right: 0px;
      }
       {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
      }
       {
         {
           {
            margin-left: 7px;
            margin-right: 7px;
          }
           {
            margin-top: 0px;
            margin-bottom: 0px;
          }
        }
         {
          font-size: 0.75rem;
          line-height: 1rem;
        }
         {
          margin-left: auto;
          margin-right: auto;
        }
         {
          margin-top: 0px;
          margin-bottom: 0px;
        }
         {
          height: 45px;
        }
         {
          width: 45px;
        }
         {
          font-size: 1rem;
          line-height: 1.5rem;
        }
         {
          line-height: 45px;
        }
      }
    }

    margin-bottom: 15px;

     {
      margin-top: 15px;
      margin-bottom: 15px;
      text-align: right;
    }

    margin-top: 15px;

    padding: 15px;

     {
      padding-top: 15px;
      margin-left: 0px;
      margin-right: 0px;
      margin-top: 15px;
      margin-bottom: 15px;
    }

    padding: 15px;

     {
      margin-top: 15px;
      top: 4rem;
    }

    margin-top: 15px;

     {
       {
         {
          margin-bottom: 15px;
        }
      }
       {
        margin-bottom: 15px;
      }
    }

    margin-top: 15px;

     {
       {
        margin-left: auto;
        margin-right: auto;
      }
       {
        margin-top: 0px;
        margin-bottom: 0px;
      }
       {
        width: 50%;
      }
      margin-bottom: 15px
    }

    margin-top: 15px;

    margin-bottom: 15px;

     {
       {
        width: 96%;
      }
       {
         {
           {
             {
              min-width: 20px;
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
       {
        width: 100%;
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
       {
        width: 100%;
      }
       {
        margin-bottom: 15px;
      }
      margin-top: 15px;
       {
        .\!btn {
          margin-top: 13px;
        }
      }
       {
        margin-bottom: 15px;
      }
    }

    margin-bottom: 15px;

    margin-bottom: 8px !important;

    margin-bottom: 0.5rem !important;

    padding-left: 15px;

    padding-right: 15px;

    padding-top: 30px;

    padding-bottom: 30px;

     {
       {
         {
          display: none;
        }
         {
          position: fixed;
        }
         {
          left: 15px;
        }
         {
          top: 60px;
        }
         {
          width: calc(100vw - 30px);
        }
      }
      margin-right: unset;
      {
        {
          {
             {
              top: 100px;
            }
             {
              gap: 16px;
            }
          }
        }
      }
       {
         {
           {
            width: 100%;
          }
        }
      }
    }

    left: 22px !important;

    width: 262px !important;

     {
       {
         {
          margin-left: 63px;
        }
      }
    }
  }

  @media (min-width: 1200px) {
     {
       {
         {
           {
          }
        }
      }
    }
  }

  @media (max-width: 575px) {
     {
       {
         {
           {
          }
        }
      }
    }

    display: flex;

     {
       {
         {
           {
             {
              text-align: left;
            }
             {
              text-align: left;
            }
          }
        }
      }
      @media (min-width: 1200px) {
         {
           {
             {
               {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
               {
              }
            }
          }
        }
      }
       {
        display: flex;
      }
       {
        flex-wrap: nowrap;
      }
       {
        justify-content: flex-start;
      }
       {
        gap: 32px;
      }
       {
        flex-direction: row;
      }
       {
         {
           {
            text-align: left;
          }
        }
      }
       {
         {
          flex-wrap: wrap;
        }
         {
          gap: 8px;
        }
         {
           {
            padding: 0;
          }
        }
         {
           {
            margin: 0;
          }
           {
            width: 100%;
          }
           {
            justify-content: space-between;
          }
           {
             {
              padding: 0;
            }
          }
        }
      }
       {
         {
           {
             {
              padding-top: 4px;
              padding-bottom: 4px;
            }
             {
              padding-left: 7px;
              padding-right: 7px;
            }
          }
        }
      }
       {
         {
          margin-right: 15px;
        }
      }
    }

    padding-top: 40px;

    padding-bottom: 40px;

     {
      top: 14px;
      padding-top: 4px;
      padding-bottom: 4px;
      padding-left: 7px;
      padding-right: 7px;
      margin: 8px !important;
      width: auto;
      margin-bottom: 0px;
      display: block !important;
      .\!btn {
        margin-top: 15px;
      }
       {
        width: 100% !important;
      }
       {
         {
          margin-bottom: 20px !important;
        }
         {
          flex-direction: column;
        }
         {
          flex-wrap: wrap;
        }
         {
          justify-content: center;
        }
         {
           {
            text-align: center;
          }
          @media (max-width: 767px) {
             {
               {
              }
            }
          }
           {
            flex-direction: column;
          }
           {
            flex-wrap: wrap;
          }
           {
            text-align: center;
          }
           {
             {
              margin-bottom: 18px;
            }
             {
               {
                text-align: center;
              }
              @media (max-width: 767px) {
                 {
                   {
                  }
                }
              }
               {
                text-align: center;
              }
            }
          }
        }
      }
       {
        padding-top: 11px !important;
        padding-bottom: 11px !important;
      }
       {
        padding-left: 4px !important;
        padding-right: 4px !important;
      }
       {
        margin-top: 0.25rem;
      }
       {
        justify-content: flex-start;
      }
    }

    display: none;

     {
       {
         {
           {
            display: block;
          }
           {
            margin-right: 8px;
          }
           {
            display: block;
          }
           {
            padding-right: 8px;
          }
           {
             {
              height: 20px;
            }
             {
              width: 18px;
            }
          }
        }
      }
       {
        padding-left: 15px;
        padding-right: 15px;
      }
       {
        @media (min-width: 1200px) {
           {
             {
               {
                 {
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                 {
                }
              }
            }
          }
        }
         {
          display: flex !important;
        }
         {
          line-height: 1;
        }
         {
           {
            padding-left: 30px;
          }
           {
            line-height: 2.5rem;
          }
           {
             {
              left: 0.625rem;
            }
             {
              top: 0.875rem;
            }
             {
              right: 0.25rem;
            }
             {
              top: 9px;
            }
             {
              height: 18px;
            }
             {
              width: 18px;
            }
          }
        }
         {
           {
            margin-top: 0;
          }
           {
            line-height: 1;
          }
           {
             {
              padding-top: 4px;
              padding-bottom: 4px;
            }
             {
              line-height: 1;
            }
             {
               {
                font-size: 14px;
              }
               {
                 {
                  display: block;
                }
                 {
                  display: block;
                }
                 {
                  padding: 0;
                }
              }
               {
                width: 18px;
              }
               {
                vertical-align: baseline;
              }
               {
                 {
                  width: 25px;
                }
              }
            }
          }
        }
      }
       {
         {
           {
            font-size: 20px;
          }
        }
      }
       {
         {
          right: 30px;
        }
      }
      display: block;
    }
  }

  .\!btn {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
  }

   {
    min-width: 380px;
    height: 250px;
     {
       {
         {
           {
            width: 55%;
          }
        }
         {
           {
            position: relative;
          }
           {
            inset: 0px;
          }
        }
      }
       {
         {
           {
             {
              width: 42%;
            }
          }
        }
      }
    }
    height: calc(100% - 30px);
    width: calc(100% - 30px);
    border-radius: 15px;
    background-color: rgba(var(--white),0.7);
     {
      width: 90%;
    }
     {
      padding-left: 45px;
      padding-right: 45px;
    }
     {
      padding-top: 3px;
      padding-bottom: 3px;
    }
     {
       {
        top: 10px;
      }
    }
     {
      text-align: center;
    }
    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 767px) {
       {
         {
        }
      }
    }
     {
      width: 100%;
    }
     {
      border-right-width: 10px;
    }
     {
      padding: 15px;
    }
     {
      text-align: center;
    }
     {
       {
        margin-bottom: 0 !important;
      }
       {
        margin-bottom: 0px;
      }
       {
        font-size: 1.25rem;
        line-height: 1.75rem;
      }
       {
        margin-bottom: 0 !important;
      }
       {
        margin-bottom: 0px;
      }
    }
     {
      margin-top: 0.625rem;
    }
     {
      text-align: center;
    }
    @media (max-width: 767px) {
       {
         {
        }
      }
    }
     {
      text-align: center;
    }
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
     {
      margin-bottom: 0.625rem;
    }
     {
      width: auto;
    }
     {
      padding: 1.25rem;
    }
     {
       {
         {
          margin-bottom: 5px;
        }
         {
           {
            margin-bottom: 5px;
          }
        }
      }
    }
     {
       {
         {
           {
            height: 1rem;
          }
           {
            width: 1rem;
          }
        }
         {
          margin-left: 5px;
        }
      }
    }
    padding-right: 30px;
     {
      max-width: 160px;
    }
    display: none;
     {
       {
         {
          padding-left: 0.75rem;
        }
         {
          padding-right: 2.5rem;
        }
         {
          padding-top: 0.75rem;
        }
         {
          padding-bottom: 15px;
        }
      }
    }
     {
       {
         {
          margin-right: 15px;
        }
      }
    }
     {
      margin-bottom: 15px;
    }
     {
      top: 0.625rem;
    }
     {
       {
        width: 280px;
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }
     {
      width: 100%;
    }
     {
       {
         {
          margin-top: 0.625rem;
        }
         {
           {
            width: 280px;
          }
        }
      }
    }
     {
      right: 0.625rem;
    }
     {
      .\!btn {
        margin-left: 0.125rem;
        margin-right: 0.125rem;
      }
      .\!btn {
        margin-top: 0px;
        margin-bottom: 0px;
      }
    }
     {
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
       {
        width: 100%;
      }
       {
        padding-bottom: 15px;
      }
    }
     {
      margin-right: 15px;
    }
     {
      margin-right: 0.625rem;
    }
     {
      top: 0px;
    }
     {
       {
        right: -30px;
      }
    }
    left: 45px;
    top: 406px;
    margin-bottom: -15px;
     {
      margin-bottom: 15px !important;
    }
     {
       {
        margin-bottom: 15px;
      }
    }
     {
       {
         {
          margin-bottom: 1.25rem;
        }
      }
    }
     {
       {
        margin-bottom: 15px;
      }
    }
    padding-bottom: 30px;
     {
      text-align: center;
    }
    @media (max-width: 767px) {
       {
         {
        }
      }
    }
     {
      text-align: center;
    }
     {
       {
         {
          margin-right: 0.875rem;
        }
      }
    }
     {
       {
         {
          margin-top: -3.5rem;
        }
         {
           {
            height: 100px;
          }
           {
            width: 100px;
          }
        }
      }
       {
         {
           {
            padding: 0 !important;
          }
           {
            margin-bottom: 0 !important;
          }
           {
            margin-bottom: 0px;
          }
           {
            border-top-color: none;
            border-bottom-color: none;
          }
           {
            padding: 0px;
          }
        }
      }
    }
     {
      margin-bottom: 0 !important;
    }
     {
      margin-bottom: 0px;
    }
     {
      margin-left: 0px;
      margin-right: 0px;
    }
     {
      margin-top: 15px;
      margin-bottom: 15px;
    }
     {
      margin-top: 15px;
    }
     {
       {
         {
          margin-bottom: 15px;
        }
      }
    }
    margin-right: 0px;
     {
      margin-bottom: 15px;
    }
     {
      margin-bottom: 15px;
    }
     {
      margin-top: 15px;
    }
    margin-top: 15px;
     {
       {
         {
          margin-top: 0 !important;
        }
         {
          float: right;
        }
         {
          margin-top: 0px;
        }
         {
           {
            height: 18px;
          }
           {
            width: 18px;
          }
        }
      }
    }
     {
       {
        margin-top: 15px;
      }
    }
     {
       {
        width: 26%;
      }
       {
         {
          margin-right: 0px;
        }
      }
    }
    text-align: center;
  }

  @media (max-width: 767px) {
     {
       {
      }
    }

    text-align: center;

    padding: 15px;

     {
       {
        text-align: left;
      }
      display: block
    }

    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }

      display: block;

      width: 100%;

      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }

        margin-right: 0px;

        width: 100%;

         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }

        width: 100%;

        text-align: left;

         {
          border-top-width: 0px;
          border-bottom-width: 0px;
        }
      }

      border-top-width: 0px;

      border-bottom-width: 0px;

       {
        border-top-width: 0px;
        border-bottom-width: 0px;
      }

      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }

        width: 100%;

        margin-top: 15px;

        text-align: center
      }

      @media (max-width: 767px) {
         {
           {
          }
        }

        border-left-color: none;

        text-align: center;

        text-align: center;

         {
           {
          }
        }

        border-right-color: none;

        text-align: center
      }

      text-align: center
    }

    @media (min-width: 1200px) {
       {
         {
           {
             {
            }
          }
        }
      }
    }

    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }

    @media (max-width: 767px) {
       {
         {
        }
      }
    }

    @media (max-width: 575px) {
       {
         {
           {
             {
            }
          }
        }
      }

      display: flex;

      width: 100%;

      flex-direction: column;

      text-align: center;

      border-bottom: none !important;

       {
        text-align: center;
      }

      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }

      @media (max-width: 767px) {
         {
           {
          }
        }

        width: 100%;

        text-align: center;

        display: none
      }

      width: unset
    }

    flex-direction: column;

    align-items: center;

     {
      height: 190px;
      min-height: 190px;
       {
        margin-top: 0.625rem;
      }
    }

    text-align: center;

     {
       {
      }
    }

    text-align: center;

    margin-top: 0 !important;

    margin-right: -15px;

    margin-bottom: -15px;

    margin-left: -15px;

    margin-top: 0px;

     {
      height: 15px;
      width: 15px;
       {
        height: 30px;
      }
       {
        width: 30px;
      }
       {
        font-size: 13px;
      }
       {
        margin-left: 5px;
      }
      padding: 15px;
       {
        font-size: 1.5rem;
        line-height: 2rem;
      }
      text-align: left;
    }

    text-align: center;

     {
       {
      }
    }

    text-align: center;

    margin-top: 15px;

    width: 430px;

    padding-left: 15px;

    padding-right: 15px;

    padding-top: 25px;

    padding-bottom: 25px;

    display: none;

     {
       {
        margin-bottom: 15px;
      }
       {
         {
          line-height: 3;
        }
      }
       {
         {
          margin-bottom: 15px;
        }
         {
           {
            min-height: 30px;
          }
        }
      }
       {
         {
           {
            padding: 0.5rem;
          }
        }
      }
       {
         {
          margin-top: 15px;
        }
         {
           {
            padding-left: 7px;
            padding-right: 7px;
          }
           {
            padding-top: 1px;
            padding-bottom: 1px;
          }
           {
             {
               {
                border-color: none;
              }
            }
             {
               {
                border-color: none;
              }
            }
          }
        }
      }
       {
        margin-bottom: 15px;
      }
       {
         {
           {
            height: 30px;
          }
        }
      }
       {
         {
          padding: 15px;
        }
         {
           {
            margin-top: 15px;
          }
        }
         {
          margin-left: 0px;
          margin-right: 0px;
        }
         {
          margin-top: 15px;
          margin-bottom: 15px;
        }
         {
          margin-top: 15px;
        }
      }
       {
         {
           {
            padding-left: 1.25rem;
            padding-right: 1.25rem;
          }
           {
            padding-top: 0.75rem;
            padding-bottom: 0.75rem;
          }
        }
      }
       {
        margin-bottom: 1.25rem !important;
      }
       {
         {
           {
             {
              margin-top: 48px !important;
            }
             {
              margin-top: 1.25rem;
            }
             {
              margin-bottom: 1.25rem;
            }
          }
        }
      }
       {
         {
           {
            position: fixed;
          }
           {
            right: 0.75rem;
          }
           {
            top: 60px;
          }
           {
            width: calc(100vw - 30px);
          }
           {
            position: fixed;
          }
           {
            left: 15px;
          }
           {
            top: 60px;
          }
           {
            width: calc(100vw - 300px);
          }
           {
            left: 15px;
          }
           {
            top: 43px;
          }
        }
      }
    }

    height: 250px;

     {
      order: -1;
       {
         {
          text-align: center;
        }
        @media (max-width: 767px) {
           {
             {
            }
          }
        }
         {
          text-align: center;
        }
         {
          margin-top: 48px !important;
        }
         {
          margin-top: 1.25rem;
        }
      }
       {
        height: 300px;
      }
       {
         {
          padding: 1.25rem;
        }
         {
           {
            padding-left: 0 !important;
            padding-right: 0 !important;
          }
           {
            margin-top: 0.75rem;
          }
           {
            margin-bottom: 15px;
          }
           {
            border-bottom-width: 1px;
          }
           {
            border-style: solid;
          }
           {
            border-bottom-color: rgba(var(--chart-dashed-border),1);
          }
           {
            padding-left: 0px;
            padding-right: 0px;
          }
           {
            padding-top: 15px;
            padding-bottom: 15px;
          }
        }
      }
       {
         {
          margin-right: 0px;
        }
         {
          font-size: 1rem;
          line-height: 1.5rem;
        }
      }
       {
         {
          font-size: 1.25rem;
          line-height: 1.75rem;
        }
      }
      margin-left: 0px;
      margin-right: 0px;
      margin-top: 15px;
       {
         {
          margin-bottom: 0.625rem;
        }
      }
      margin-bottom: 0 !important;
      margin-bottom: 0px;
      display: block;
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
       {
        width: 100%;
      }
      .\!btn {
        margin-top: 15px;
      }
      padding: 15px;
       {
        height: 50px;
      }
       {
        width: 50px;
      }
       {
        --tw-shadow: inset 0px -100px 100px -13px rgba(0,0,0,0.6);
        --tw-shadow-colored: inset 0px -100px 100px -13px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
      }
       {
        margin-top: 15px;
      }
       {
        margin-top: 15px;
      }
       {
        margin-top: 15px;
      }
       {
         {
           {
            padding-left: 0.5rem;
          }
           {
             {
              display: none;
            }
          }
           {
            margin-right: 0.625rem;
          }
           {
            padding-right: 1.25rem;
          }
        }
      }
    }

    padding-bottom: 0 !important;

    padding-top: 2.5rem;

    padding-bottom: 0px;

     {
       {
        margin-left: 30px;
      }
       {
        display: block;
      }
       {
        display: block;
      }
       {
         {
          margin-bottom: 0.625rem;
        }
         {
          height: 50px;
        }
         {
          width: 50px;
        }
         {
          padding: 3px;
        }
      }
    }

    height: 20rem;

     {
      text-align: center;
    }

    @media (max-width: 767px) {
       {
         {
        }
      }

      margin-bottom: 15px;

      text-align: center;

       {
        font-size: 17px;
      }

      margin-bottom: 15px;

       {
         {
          font-size: 0.875rem;
          line-height: 1.25rem;
        }
         {
          font-weight: 600;
        }
         {
          font-size: 1.5rem;
          line-height: 2rem;
        }
        margin-top: 0.625rem;
        font-size: 0.7em
      }
    }

    display: block;

    display: block;

    padding-bottom: 30px;

     {
       {
        padding: 15px;
      }
       {
         {
          margin-bottom: 0 !important;
        }
         {
          margin-bottom: 0px;
        }
         {
          margin-bottom: 0.625rem;
        }
      }
       {
        padding-top: 0px;
      }
      padding: 1.25rem;
       {
        font-size: 25px;
      }
       {
        padding: 0 !important;
      }
       {
        padding: 0px;
      }
    }

    padding-left: 0 !important;

    padding-right: 0 !important;

    padding-left: 0px;

    padding-right: 0px;

    padding-top: 1.25rem;

    padding-bottom: 1.25rem;

    .\!btn {
      margin-top: 15px;
    }

     {
      width: 65px;
       {
        display: none;
      }
       {
        text-align: center !important;
      }
      @media (max-width: 767px) {
         {
           {
          }
        }
      }
       {
        margin-top: -10%;
      }
       {
        text-align: center !important;
      }
       {
        font-size: 25px;
      }
       {
        letter-spacing: 2px;
      }
       {
        margin-top: 48px !important;
      }
       {
        margin-top: 1.25rem;
      }
       {
        line-height: 1;
      }
       {
        margin-top: 1.25rem;
        margin-bottom: 1.25rem;
      }
       {
        padding-left: 0 !important;
        padding-right: 0 !important;
      }
       {
        padding-left: 0px;
        padding-right: 0px;
      }
       {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
      }
       {
         {
           {
            margin-left: 7px;
            margin-right: 7px;
          }
           {
            margin-top: 0px;
            margin-bottom: 0px;
          }
        }
         {
          font-size: 0.75rem;
          line-height: 1rem;
        }
         {
          margin-left: auto;
          margin-right: auto;
        }
         {
          margin-top: 0px;
          margin-bottom: 0px;
        }
         {
          height: 45px;
        }
         {
          width: 45px;
        }
         {
          font-size: 1rem;
          line-height: 1.5rem;
        }
         {
          line-height: 45px;
        }
      }
    }

    margin-bottom: 15px;

     {
      margin-top: 15px;
      margin-bottom: 15px;
      text-align: right;
    }

    margin-top: 15px;

    padding: 15px;

     {
      padding-top: 15px;
      margin-left: 0px;
      margin-right: 0px;
      margin-top: 15px;
      margin-bottom: 15px;
    }

    padding: 15px;

     {
      margin-top: 15px;
      top: 4rem;
    }

    margin-top: 15px;

     {
       {
         {
          margin-bottom: 15px;
        }
      }
       {
        margin-bottom: 15px;
      }
    }

    margin-top: 15px;

     {
       {
        margin-left: auto;
        margin-right: auto;
      }
       {
        margin-top: 0px;
        margin-bottom: 0px;
      }
       {
        width: 50%;
      }
      margin-bottom: 15px
    }

    margin-top: 15px;

    margin-bottom: 15px;

     {
       {
        width: 96%;
      }
       {
         {
           {
             {
              min-width: 20px;
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
       {
        width: 100%;
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
       {
        width: 100%;
      }
       {
        margin-bottom: 15px;
      }
      margin-top: 15px;
       {
        .\!btn {
          margin-top: 13px;
        }
      }
       {
        margin-bottom: 15px;
      }
    }

    margin-bottom: 15px;

    margin-bottom: 8px !important;

    margin-bottom: 0.5rem !important;

    padding-left: 15px;

    padding-right: 15px;

    padding-top: 30px;

    padding-bottom: 30px;

     {
       {
         {
          display: none;
        }
         {
          position: fixed;
        }
         {
          left: 15px;
        }
         {
          top: 60px;
        }
         {
          width: calc(100vw - 30px);
        }
      }
      margin-right: unset;
      {
        {
          {
             {
              top: 100px;
            }
             {
              gap: 16px;
            }
          }
        }
      }
       {
         {
           {
            width: 100%;
          }
        }
      }
    }

    left: 22px !important;

    width: 262px !important;

     {
       {
         {
          margin-left: 63px;
        }
      }
    }
  }

  @media (min-width: 1200px) {
     {
       {
         {
           {
          }
        }
      }
    }
  }

  @media (max-width: 575px) {
     {
       {
         {
           {
          }
        }
      }
    }

    display: flex;

     {
       {
         {
           {
             {
              text-align: left;
            }
             {
              text-align: left;
            }
          }
        }
      }
      @media (min-width: 1200px) {
         {
           {
             {
               {
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
               {
              }
            }
          }
        }
      }
       {
        display: flex;
      }
       {
        flex-wrap: nowrap;
      }
       {
        justify-content: flex-start;
      }
       {
        gap: 32px;
      }
       {
        flex-direction: row;
      }
       {
         {
           {
            text-align: left;
          }
        }
      }
       {
         {
          flex-wrap: wrap;
        }
         {
          gap: 8px;
        }
         {
           {
            padding: 0;
          }
        }
         {
           {
            margin: 0;
          }
           {
            width: 100%;
          }
           {
            justify-content: space-between;
          }
           {
             {
              padding: 0;
            }
          }
        }
      }
       {
         {
           {
             {
              padding-top: 4px;
              padding-bottom: 4px;
            }
             {
              padding-left: 7px;
              padding-right: 7px;
            }
          }
        }
      }
       {
         {
          margin-right: 15px;
        }
      }
    }

    padding-top: 40px;

    padding-bottom: 40px;

     {
      top: 14px;
      padding-top: 4px;
      padding-bottom: 4px;
      padding-left: 7px;
      padding-right: 7px;
      margin: 8px !important;
      width: auto;
      margin-bottom: 0px;
      display: block !important;
      .\!btn {
        margin-top: 15px;
      }
       {
        width: 100% !important;
      }
       {
         {
          margin-bottom: 20px !important;
        }
         {
          flex-direction: column;
        }
         {
          flex-wrap: wrap;
        }
         {
          justify-content: center;
        }
         {
           {
            text-align: center;
          }
          @media (max-width: 767px) {
             {
               {
              }
            }
          }
           {
            flex-direction: column;
          }
           {
            flex-wrap: wrap;
          }
           {
            text-align: center;
          }
           {
             {
              margin-bottom: 18px;
            }
             {
               {
                text-align: center;
              }
              @media (max-width: 767px) {
                 {
                   {
                  }
                }
              }
               {
                text-align: center;
              }
            }
          }
        }
      }
       {
        padding-top: 11px !important;
        padding-bottom: 11px !important;
      }
       {
        padding-left: 4px !important;
        padding-right: 4px !important;
      }
       {
        margin-top: 0.25rem;
      }
       {
        justify-content: flex-start;
      }
    }

    display: none;

     {
       {
         {
           {
            display: block;
          }
           {
            margin-right: 8px;
          }
           {
            display: block;
          }
           {
            padding-right: 8px;
          }
           {
             {
              height: 20px;
            }
             {
              width: 18px;
            }
          }
        }
      }
       {
        padding-left: 15px;
        padding-right: 15px;
      }
       {
        @media (min-width: 1200px) {
           {
             {
               {
                 {
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                 {
                }
              }
            }
          }
        }
         {
          display: flex !important;
        }
         {
          line-height: 1;
        }
         {
           {
            padding-left: 30px;
          }
           {
            line-height: 2.5rem;
          }
           {
             {
              left: 0.625rem;
            }
             {
              top: 0.875rem;
            }
             {
              right: 0.25rem;
            }
             {
              top: 9px;
            }
             {
              height: 18px;
            }
             {
              width: 18px;
            }
          }
        }
         {
           {
            margin-top: 0;
          }
           {
            line-height: 1;
          }
           {
             {
              padding-top: 4px;
              padding-bottom: 4px;
            }
             {
              line-height: 1;
            }
             {
               {
                font-size: 14px;
              }
               {
                 {
                  display: block;
                }
                 {
                  display: block;
                }
                 {
                  padding: 0;
                }
              }
               {
                width: 18px;
              }
               {
                vertical-align: baseline;
              }
               {
                 {
                  width: 25px;
                }
              }
            }
          }
        }
      }
       {
         {
           {
            font-size: 20px;
          }
        }
      }
       {
         {
          right: 30px;
        }
      }
      display: block;
    }
  }

  .\!btn {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
  }

   {
    min-width: 380px;
    height: 250px;
     {
       {
         {
           {
            width: 55%;
          }
        }
         {
           {
            position: relative;
          }
           {
            inset: 0px;
          }
        }
      }
       {
         {
           {
             {
              width: 42%;
            }
          }
        }
      }
    }
    height: calc(100% - 30px);
    width: calc(100% - 30px);
    border-radius: 15px;
    background-color: rgba(var(--white),0.7);
     {
      width: 90%;
    }
     {
      padding-left: 45px;
      padding-right: 45px;
    }
     {
      padding-top: 3px;
      padding-bottom: 3px;
    }
     {
       {
        top: 10px;
      }
    }
     {
      text-align: center;
    }
    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 767px) {
       {
         {
        }
      }
    }
     {
      width: 100%;
    }
     {
      border-right-width: 10px;
    }
     {
      padding: 15px;
    }
     {
      text-align: center;
    }
     {
       {
        margin-bottom: 0 !important;
      }
       {
        margin-bottom: 0px;
      }
       {
        font-size: 1.25rem;
        line-height: 1.75rem;
      }
       {
        margin-bottom: 0 !important;
      }
       {
        margin-bottom: 0px;
      }
    }
     {
      margin-top: 0.625rem;
    }
     {
      text-align: center;
    }
    @media (max-width: 767px) {
       {
         {
        }
      }
    }
     {
      text-align: center;
    }
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
     {
      margin-bottom: 0.625rem;
    }
     {
      width: auto;
    }
     {
      padding: 1.25rem;
    }
     {
       {
         {
          margin-bottom: 5px;
        }
         {
           {
            margin-bottom: 5px;
          }
        }
      }
    }
     {
       {
         {
           {
            height: 1rem;
          }
           {
            width: 1rem;
          }
        }
         {
          margin-left: 5px;
        }
      }
    }
    padding-right: 30px;
     {
      max-width: 160px;
    }
    display: none;
     {
       {
         {
          padding-left: 0.75rem;
        }
         {
          padding-right: 2.5rem;
        }
         {
          padding-top: 0.75rem;
        }
         {
          padding-bottom: 15px;
        }
      }
    }
     {
       {
         {
          margin-right: 15px;
        }
      }
    }
     {
      margin-bottom: 15px;
    }
     {
      top: 0.625rem;
    }
     {
       {
        width: 280px;
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }
     {
      width: 100%;
    }
     {
       {
         {
          margin-top: 0.625rem;
        }
         {
           {
            width: 280px;
          }
        }
      }
    }
     {
      right: 0.625rem;
    }
     {
      .\!btn {
        margin-left: 0.125rem;
        margin-right: 0.125rem;
      }
      .\!btn {
        margin-top: 0px;
        margin-bottom: 0px;
      }
    }
     {
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
       {
        width: 100%;
      }
       {
        padding-bottom: 15px;
      }
    }
     {
      margin-right: 15px;
    }
     {
      margin-right: 0.625rem;
    }
     {
      top: 0px;
    }
     {
       {
        right: -30px;
      }
    }
    left: 45px;
    top: 406px;
    margin-bottom: -15px;
     {
      margin-bottom: 15px !important;
    }
     {
       {
        margin-bottom: 15px;
      }
    }
     {
       {
         {
          margin-bottom: 1.25rem;
        }
      }
    }
     {
       {
        margin-bottom: 15px;
      }
    }
    padding-bottom: 30px;
     {
      text-align: center;
    }
    @media (max-width: 767px) {
       {
         {
        }
      }
    }
     {
      text-align: center;
    }
     {
       {
         {
          margin-right: 0.875rem;
        }
      }
    }
     {
       {
         {
          margin-top: -3.5rem;
        }
         {
           {
            height: 100px;
          }
           {
            width: 100px;
          }
        }
      }
       {
         {
           {
            padding: 0 !important;
          }
           {
            margin-bottom: 0 !important;
          }
           {
            margin-bottom: 0px;
          }
           {
            border-top-color: none;
            border-bottom-color: none;
          }
           {
            padding: 0px;
          }
        }
      }
    }
     {
      margin-bottom: 0 !important;
    }
     {
      margin-bottom: 0px;
    }
     {
      margin-left: 0px;
      margin-right: 0px;
    }
     {
      margin-top: 15px;
      margin-bottom: 15px;
    }
     {
      margin-top: 15px;
    }
     {
       {
         {
          margin-bottom: 15px;
        }
      }
    }
    margin-right: 0px;
     {
      margin-bottom: 15px;
    }
     {
      margin-bottom: 15px;
    }
     {
      margin-top: 15px;
    }
    margin-top: 15px;
     {
       {
         {
          margin-top: 0 !important;
        }
         {
          float: right;
        }
         {
          margin-top: 0px;
        }
         {
           {
            height: 18px;
          }
           {
            width: 18px;
          }
        }
      }
    }
     {
       {
        margin-top: 15px;
      }
    }
     {
       {
        width: 26%;
      }
       {
         {
          margin-right: 0px;
        }
      }
    }
    text-align: center;
  }

  @media (max-width: 767px) {
     {
       {
      }
    }

    text-align: center;

    padding: 15px;

     {
       {
        text-align: left;
      }
      display: block
    }

    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }

      display: block;

      width: 100%;

      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }

        margin-right: 0px;

        width: 100%;

         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }

        width: 100%;

        text-align: left;

         {
          border-top-width: 0px;
          border-bottom-width: 0px;
        }
      }

      border-top-width: 0px;

      border-bottom-width: 0px;

       {
        border-top-width: 0px;
        border-bottom-width: 0px;
      }

      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }

        width: 100%;

        margin-top: 15px;

        text-align: center
      }

      @media (max-width: 767px) {
         {
           {
          }
        }

        border-left-color: none;

        text-align: center;

        text-align: center;

         {
           {
          }
        }

        border-right-color: none;

        text-align: center
      }

      text-align: center
    }

    @media (min-width: 1200px) {
       {
         {
           {
             {
            }
          }
        }
      }
    }

    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }

    @media (max-width: 767px) {
       {
         {
        }
      }
    }

    @media (max-width: 575px) {
       {
         {
           {
             {
            }
          }
        }
      }

      display: flex;

      width: 100%;

      flex-direction: column;

      text-align: center;

      border-bottom: none !important;

       {
        text-align: center;
      }

      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
           {
             {
              >  {
                width: 90%;
              }
            }
          }
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }

      @media (max-width: 767px) {
         {
           {
          }
        }

        width: 100%;

        text-align: center;

        display: none
      }

      width: unset
    }

    flex-direction: column;

    align-items: center;

     {
      height: 190px;
      min-height: 190px;
       {
        margin-top: 0.625rem;
      }
    }

    text-align: center;

     {
       {
      }
    }

    text-align: center;

    margin-top: 0 !important;

    margin-right: -15px;

    margin-bottom: -15px;

    margin-left: -15px;

    margin-top: 0px;

     {
      height: 15px;
      width: 15px;
       {
        height: 30px;
      }
       {
        width: 30px;
      }
       {
        font-size: 13px;
      }
       {
        margin-left: 5px;
      }
      padding: 15px;
       {
        font-size: 1.5rem;
        line-height: 2rem;
      }
      text-align: left;
    }

    text-align: center;

     {
       {
      }
    }

    text-align: center;

    margin-top: 15px;

    width: 430px;

    padding-left: 15px;

    padding-right: 15px;

    padding-top: 25px;

    padding-bottom: 25px;

    display: none;

     {
       {
        margin-bottom: 15px;
      }
       {
         {
          line-height: 3;
        }
      }
       {
         {
          margin-bottom: 15px;
        }
         {
           {
            min-height: 30px;
          }
        }
      }
       {
         {
           {
            padding: 0.5rem;
          }
        }
      }
       {
         {
          margin-top: 15px;
        }
         {
           {
            padding-left: 7px;
            padding-right: 7px;
          }
           {
            padding-top: 1px;
            padding-bottom: 1px;
          }
           {
             {
               {
                border-color: none;
              }
            }
             {
               {
                border-color: none;
              }
            }
          }
        }
      }
       {
        margin-bottom: 15px;
      }
       {
         {
           {
            height: 30px;
          }
        }
      }
       {
         {
          padding: 15px;
        }
         {
           {
            margin-top: 15px;
          }
        }
         {
          margin-left: 0px;
          margin-right: 0px;
        }
         {
          margin-top: 15px;
          margin-bottom: 15px;
        }
         {
          margin-top: 15px;
        }
      }
       {
         {
           {
            padding-left: 1.25rem;
            padding-right: 1.25rem;
          }
           {
            padding-top: 0.75rem;
            padding-bottom: 0.75rem;
          }
        }
      }
       {
        margin-bottom: 1.25rem !important;
      }
       {
         {
           {
             {
              margin-top: 48px !important;
            }
             {
              margin-top: 1.25rem;
            }
             {
              margin-bottom: 1.25rem;
            }
          }
        }
      }
       {
         {
           {
            position: fixed;
          }
           {
            right: 0.75rem;
          }
           {
            top: 60px;
          }
           {
            width: calc(100vw - 30px);
          }
           {
            position: fixed;
          }
           {
            left: 15px;
          }
           {
            top: 60px;
          }
           {
            width: calc(100vw - 300px);
          }
           {
            left: 15px;
          }
           {
            top: 43px;
          }
        }
      }
    }

    height: 250px;

     {
      order: -1;
       {
         {
          text-align: center;
        }
        @media (max-width: 767px) {
           {
             {
            }
          }
        }
         {
          text-align: center;
        }
         {
          margin-top: 48px !important;
        }
         {
          margin-top: 1.25rem;
        }
      }
       {
        height: 300px;
      }
       {
         {
          padding: 1.25rem;
        }
         {
           {
            padding-left: 0 !important;
            padding-right: 0 !important;
          }
           {
            margin-top: 0.75rem;
          }
           {
            margin-bottom: 15px;
          }
           {
            border-bottom-width: 1px;
          }
           {
            border-style: solid;
          }
           {
            border-bottom-color: rgba(var(--chart-dashed-border),1);
          }
           {
            padding-left: 0px;
            padding-right: 0px;
          }
           {
            padding-top: 15px;
            padding-bottom: 15px;
          }
        }
      }
       {
         {
          margin-right: 0px;
        }
         {
          font-size: 1rem;
          line-height: 1.5rem;
        }
      }
       {
         {
          font-size: 1.25rem;
          line-height: 1.75rem;
        }
      }
      margin-left: 0px;
      margin-right: 0px;
      margin-top: 15px;
       {
         {
          margin-bottom: 0.625rem;
        }
      }
      margin-bottom: 0 !important;
      margin-bottom: 0px;
      display: block;
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
       {
        width: 100%;
      }
      .\!btn {
        margin-top: 15px;
      }
      padding: 15px;
       {
        height: 50px;
      }
       {
        width: 50px;
      }
       {
        --tw-shadow: inset 0px -100px 100px -13px rgba(0,0,0,0.6);
        --tw-shadow-colored: inset 0px -100px 100px -13px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
      }
       {
        margin-top: 15px;
      }
       {
        margin-top: 15px;
      }
       {
        margin-top: 15px;
      }
       {
         {
           {
            padding-left: 0.5rem;
          }
           {
             {
              display: none;
            }
          }
           {
            margin-right: 0.625rem;
          }
           {
            padding-right: 1.25rem;
          }
        }
      }
    }

    padding-bottom: 0 !important;

    padding-top: 2.5rem;

    padding-bottom: 0px;

     {
       {
        margin-left: 30px;
      }
       {
        display: block;
      }
       {
        display: block;
      }
       {
         {
          margin-bottom: 0.625rem;
        }
         {
          height: 50px;
        }
         {
          width: 50px;
        }
         {
          padding: 3px;
        }
      }
    }

    height: 20rem;

     {
      text-align: center;
    }

    @media (max-width: 767px) {
       {
         {
        }
      }

      margin-bottom: 15px;

      text-align: center;

       {
        font-size: 17px;
      }

      margin-bottom: 15px;

       {
         {
          font-size: 0.875rem;
          line-height: 1.25rem;
        }
         {
          font-weight: 600;
        }
         {
          font-size: 1.5rem;
          line-height: 2rem;
        }
        margin-top: 0.625rem;
        font-size: 0.7em
      }
    }

    display: block;

    display: block;

    padding-bottom: 30px;

     {
       {
        padding: 15px;
      }
       {
         {
          margin-bottom: 0 !important;
        }
         {
          margin-bottom: 0px;
        }
         {
          margin-bottom: 0.625rem;
        }
      }
       {
        padding-top: 0px;
      }
      padding: 1.25rem;
       {
        font-size: 25px;
      }
       {
        padding: 0 !important;
      }
       {
        padding: 0px;
      }
    }

    padding-left: 0 !important;

    padding-right: 0 !important;

    padding-left: 0px;

    padding-right: 0px;

    padding-top: 1.25rem;

    padding-bottom: 1.25rem;

    .\!btn {
      margin-top: 15px;
    }

     {
      width: 65px;
       {
        display: none;
      }
       {
        text-align: center !important;
      }
      @media (max-width: 767px) {
         {
           {
          }
        }
      }
       {
        margin-top: -10%;
      }
       {
        text-align: center !important;
      }
       {
        font-size: 25px;
      }
       {
        letter-spacing: 2px;
      }
       {
        margin-top: 48px !important;
      }
       {
        margin-top: 1.25rem;
      }
       {
        line-height: 1;
      }
       {
        margin-top: 1.25rem;
        margin-bottom: 1.25rem;
      }
       {
        padding-left: 0 !important;
        padding-right: 0 !important;
      }
       {
        padding-left: 0px;
        padding-right: 0px;
      }
       {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
      }
       {
         {
           {
            margin-left: 7px;
            margin-right: 7px;
          }
           {
            margin-top: 0px;
            margin-bottom: 0px;
          }
        }
         {
          font-size: 0.75rem;
          line-height: 1rem;
        }
         {
          margin-left: auto;
          margin-right: auto;
        }
         {
          margin-top: 0px;
          margin-bottom: 0px;
        }
         {
          height: 45px;
        }
         {
          width: 45px;
        }
         {
          font-size: 1rem;
          line-height: 1.5rem;
        }
         {
          line-height: 45px;
        }
      }
    }

    margin-bottom: 15px;

     {
      margin-top: 15px;
      margin-bottom: 15px;
      text-align: right;
    }

    margin-top: 15px;

    padding: 15px;

     {
      padding-top: 15px;
      margin-left: 0px;
      margin-right: 0px;
      margin-top: 15px;
      margin-bottom: 15px;
    }

    padding: 15px;

     {
      margin-top: 15px;
      top: 4rem;
    }

    margin-top: 15px;

     {
       {
         {
          margin-bottom: 15px;
        }
      }
       {
        margin-bottom: 15px;
      }
    }

    margin-top: 15px;

     {
       {
        margin-left: auto;
        margin-right: auto;
      }
       {
        margin-top: 0px;
        margin-bottom: 0px;
      }
       {
        width: 50%;
      }
      margin-bottom: 15px
    }

    margin-top: 15px;

    margin-bottom: 15px;

     {
       {
        width: 96%;
      }
       {
         {
           {
             {
              min-width: 20px;
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
       {
        width: 100%;
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
       {
        width: 100%;
      }
       {
        margin-bottom: 15px;
      }
      margin-top: 15px;
       {
        .\!btn {
          margin-top: 13px;
        }
      }
       {
        margin-bottom: 15px;
      }
    }

    margin-bottom: 15px;

    margin-bottom: 8px !important;

    margin-bottom: 0.5rem !important;

    padding-left: 15px;

    padding-right: 15px;

    padding-top: 30px;

    padding-bottom: 30px;

     {
       {
         {
          display: none;
        }
         {
          position: fixed;
        }
         {
          left: 15px;
        }
         {
          top: 60px;
        }
         {
          width: calc(100vw - 30px);
        }
      }
      margin-right: unset
    }
  }
}

@media (min-width: 1400px) {
  .list-group-horizontal-xxl {
    flex-direction: row;
  }
}

@media (max-width: 1399px) and (min-width: 1200px) {
  .email-body {
    .mail-header-wrapper {
      .mail-body {
        .mail-search {
          display: none;
        }
      }
    }
  }

  .user-profile-wrapper {
    &.scope-bottom-wrapper {
      .projects-wrapper {
        .list-box {
          .project-body {
            .common-f-start {
              margin-bottom: 16px;
            }
            .common-f-start {
              flex-wrap: wrap;
            }
            .common-f-start {
              gap: 12px;
            }
          }
        }
      }
    }
  }

  .candidate-wrapper {
    .candidates-box {
      .overflow-x-auto {
        .dt-container {
          table.dataTable {
            thead,
              tbody {
              tr {
                th,
                  td {
                  &:nth-child(4) {
                    display: none !important;
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}

@media (min-width: 1200px) {
  .order-xl-0 {
    order: 0 !important;
  }

  .list-group-horizontal-xl {
    flex-direction: row;
  }
}

@media (min-width: 992px) {
  .sitemap-wrapper {
    .horizontal-sitemap {
      .tier-1 {
        .tier-2 {
          li {
            > a {
              &::before {
                left: calc(-16px + ((-22) - (-16)) * ((100vw - 992px) / (1920 - 992)));
              }
              &::before {
                font-size: calc(16px + (22 - 16) * ((100vw - 992px) / (1920 - 992)));
              }
            }
          }
        }
      }
      .main-site {
        li {
          > a {
            width: calc(9.5rem + (10 - 8.3) * ((100vw - 992px) / (1920 - 992)));
          }
        }
      }
    }
  }

  .order-lg-2 {
    order: 2 !important;
  }

  .order-lg-3 {
    order: 3 !important;
  }

  .order-lg-1 {
    order: 1 !important;
  }

  .order-lg-4 {
    order: 4 !important;
  }

  .order-lg-5 {
    order: 5;
  }

  .list-group-horizontal-lg {
    flex-direction: row;
  }
}

@media (max-width: 480px) {
  .mail-header-wrapper {
    .mail-body1 {
      svg {
        height: 18px;
      }
      svg {
        width: 18px;
      }
    }
  }

  .btn-radio {
    .btn-group {
      .btn {
        padding-left: 10px !important;
        padding-right: 10px !important;
      }
    }
  }

  .card-wrapper {
    .btn-group {
      flex-wrap: wrap;
    }
    .btn-group {
      gap: 0.5rem;
    }
  }

  .horizontal-variations-box {
    .btn-group {
      .btn {
        padding-left: 10px !important;
        padding-right: 10px !important;
      }
    }
  }

  .email-body {
    .mail-header-wrapper {
      .mail-header-option {
        &::before {
          bottom: -12px;
        }
      }
    }
  }

  .main-lists-content {
    small {
      display: none;
    }
  }

  .page-wrapper {
    .page-header {
      .header-wrapper {
        .nav-right {
          .onhover-show-div {
            width: 280px;
          }
        }
      }
    }
    &.only-body {
      .page-header {
        .header-wrapper {
          .nav-right {
            display: none;
          }
        }
      }
    }
  }

  .chat-menu {
    top: 120px;
  }

  .product-wrapper-grid {
    &.list-view {
      .product-box {
        display: block;
      }
      .product-box {
        display: block;
      }
      .product-box {
        @media (max-width: 575px) {
           {
             {
               {
                > .product-img {
                  width: 90%;
                }
              }
            }
          }

           {
             {
               {
                 {
                  > .product-img {
                    width: 90%;
                  }
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                > .product-img {
                  width: 90%;
                }
              }
            }
          }

           {
             {
               {
                 {
                  > .product-img {
                    width: 90%;
                  }
                }
              }
            }
          }
        }
        .product-img {
          width: 100%;
        }
      }
    }
  }

  .pagination-lg {
    .page-link {
      padding-left: 0.65rem;
      padding-right: 0.65rem;
    }
    .page-link {
      padding-top: 0.3rem;
      padding-bottom: 0.3rem;
    }
    .page-link {
      font-size: 1rem;
      line-height: 1.5rem;
    }
  }

  h6 {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .knob-block {
    .chart-clock-main {
      margin: auto;
    }
    .chart-clock-main {
      width: auto;
    }
    .chart-clock-main {
      .clock-medium {
        position: absolute;
      }
      .clock-medium {
        left: 33px;
      }
      .clock-medium {
        top: 33px;
      }
      .clock-medium {
        canvas {
          height: 180px;
        }
        canvas {
          width: 180px;
        }
      }
      .clock-small {
        left: 74px;
      }
      .clock-small {
        top: 74px;
      }
      .clock-large {
        left: 0px;
      }
      .clock-large {
        top: 0px;
      }
      .clock-large {
        margin-left: auto;
        margin-right: auto;
      }
      .clock-large {
        margin-top: 0px;
        margin-bottom: 0px;
      }
      .clock-large {
        canvas {
          height: 245px;
        }
        canvas {
          width: 245px;
        }
      }
    }
    > div:not(.chart-clock-main) {
      canvas {
        height: 200px;
      }
      canvas {
        width: 200px;
      }
    }
  }

  .wizard-4 {
    .action-bar {
      @media (max-width: 575px) {
         {
           {
             {
              > .btn {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > .btn {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              > .btn {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > .btn {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      .btn {
        width: 100%;
      }
      .btn {
        & + .btn {
          margin-top: 0.625rem;
        }
      }
    }
  }

  ul {
    &.notification-dropdown {
      &.onhover-show-div {
        right: -5rem;
      }
      &.onhover-show-div {
        width: 260px;
      }
      &.onhover-show-div {
        &:before,
          &:after {
          right: 89px;
        }
      }
    }
  }

  .inline-block-sm {
    display: inline-block;
  }

  .nav-pills {
    @media (max-width: 575px) {
       {
         {
           {
            > li {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > li {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            > li {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              > li {
                width: 90%;
              }
            }
          }
        }
      }
    }
    li {
      width: 100%;
    }
  }

  .reset-password-box {
    width: 290px;
  }

  .icon-hover-bottom {
    .icon-first {
      margin-right: 0.625rem;
    }
    .icon-popup {
      .icon-class {
        display: none;
      }
    }
  }

  .error-wrapper {
    .maintenance-heading {
      margin-top: 0 !important;
    }
    .maintenance-heading {
      margin-top: 0px;
    }
  }

  .custom-card {
    padding: 0 !important;
    padding: 0px;
    .card-footer {
      > div {
        h3 {
          font-size: 1.25rem;
          line-height: 1.75rem;
        }
      }
    }
    .card-social {
      li {
        padding-left: 0 !important;
        padding-right: 0 !important;
      }
      li {
        padding-left: 0px;
        padding-right: 0px;
      }
      li {
        padding-top: 5px;
        padding-bottom: 5px;
      }
    }
    .profile-details {
      h6 {
        margin-bottom: 15px;
      }
      h4 {
        font-size: 1.25rem;
        line-height: 1.75rem;
      }
    }
    .card-profile {
      img {
        height: 93px;
      }
    }
  }

  .card {
    .card-header {
      .card-header-right {
        i {
          margin-left: 3px;
          margin-right: 3px;
        }
        i {
          margin-top: 0px;
          margin-bottom: 0px;
        }
        i {
          font-size: 0.875rem;
          line-height: 1.25rem;
        }
      }
      > span {
        & + span {
          display: none;
        }
      }
    }
  }

  .loading-card-wrapper {
    .card {
      .card-body {
        padding: 18px;
      }
    }
  }

  .dropdown-basic {
    text-align: center;
  }

  @media (max-width: 767px) {
     {
      .dropdown-basic {
      }
    }
  }

  .dropdown-basic {
    text-align: center;
  }

  .blog-box {
    &.blog-shadow {
      .blog-details {
        padding: 0.625rem;
      }
      .blog-details {
        h4 {
          font-size: 0.875rem;
          line-height: 1.25rem;
        }
      }
    }
  }

  .badge {
    padding-left: 0.7em;
    padding-right: 0.7em;
    padding-top: 0.42em;
    padding-bottom: 0.42em;
  }

  .alert-dismissible {
    .close {
      top: -1px;
    }
    .close {
      span {
        font-size: 19px;
      }
    }
  }

  .notify-alert {
    width: 90%;
  }

   {
     {
       {
        height: 18px;
      }
       {
        width: 18px;
      }
    }
     {
      .\!btn {
        padding-left: 10px !important;
        padding-right: 10px !important;
      }
    }
     {
      flex-wrap: wrap;
    }
     {
      gap: 0.5rem;
    }
     {
      .\!btn {
        padding-left: 10px !important;
        padding-right: 10px !important;
      }
    }
     {
       {
         {
          bottom: -12px;
        }
      }
    }
     {
      display: none;
    }
     {
       {
         {
           {
            width: 280px;
          }
        }
      }
    }
     {
       {
         {
           {
            display: none;
          }
        }
      }
    }
    top: 120px;
     {
       {
        display: block;
      }
       {
        display: block;
      }
       {
        @media (max-width: 575px) {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }

           {
             {
               {
                 {
                  >  {
                    width: 90%;
                  }
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }

           {
             {
               {
                 {
                  >  {
                    width: 90%;
                  }
                }
              }
            }
          }
        }
         {
          width: 100%;
        }
      }
    }
     {
      padding-left: 0.65rem;
      padding-right: 0.65rem;
    }
     {
      padding-top: 0.3rem;
      padding-bottom: 0.3rem;
    }
     {
      font-size: 1rem;
      line-height: 1.5rem;
    }
    font-size: 0.875rem;
    line-height: 1.25rem;
     {
      margin: auto;
    }
     {
      width: auto;
    }
     {
       {
        position: absolute;
      }
       {
        left: 33px;
      }
       {
        top: 33px;
      }
       {
         {
          height: 180px;
        }
         {
          width: 180px;
        }
      }
       {
        left: 74px;
      }
       {
        top: 74px;
      }
       {
        left: 0px;
      }
       {
        top: 0px;
      }
       {
        margin-left: auto;
        margin-right: auto;
      }
       {
        margin-top: 0px;
        margin-bottom: 0px;
      }
       {
         {
          height: 245px;
        }
         {
          width: 245px;
        }
      }
    }
     {
       {
        height: 200px;
      }
       {
        width: 200px;
      }
    }
     {
      @media (max-width: 575px) {
         {
           {
             {
              > .\!btn {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > .\!btn {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              > .\!btn {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > .\!btn {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      .\!btn {
        width: 100%;
      }
      .\!btn {
        & + .\!btn {
          margin-top: 0.625rem;
        }
      }
    }
     {
       {
        right: -5rem;
      }
       {
        width: 260px;
      }
       {
         {
          right: 89px;
        }
      }
    }
    display: inline-block;
    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }
    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
      }

       {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }
    }
     {
      width: 100%;
    }
    width: 290px;
     {
      margin-right: 0.625rem;
    }
     {
       {
        display: none;
      }
    }
     {
      margin-top: 0 !important;
    }
     {
      margin-top: 0px;
    }
    padding: 0 !important;
    padding: 0px;
     {
       {
         {
          font-size: 1.25rem;
          line-height: 1.75rem;
        }
      }
    }
     {
       {
        padding-left: 0 !important;
        padding-right: 0 !important;
      }
       {
        padding-left: 0px;
        padding-right: 0px;
      }
       {
        padding-top: 5px;
        padding-bottom: 5px;
      }
    }
     {
       {
        margin-bottom: 15px;
      }
       {
        font-size: 1.25rem;
        line-height: 1.75rem;
      }
    }
     {
       {
        height: 93px;
      }
    }
     {
       {
         {
          margin-left: 3px;
          margin-right: 3px;
        }
         {
          margin-top: 0px;
          margin-bottom: 0px;
        }
         {
          font-size: 0.875rem;
          line-height: 1.25rem;
        }
      }
       {
         {
          display: none;
        }
      }
    }
     {
       {
        padding: 18px;
      }
    }
    text-align: center
  }

  @media (max-width: 767px) {
     {
       {
      }
    }

    text-align: center;

     {
       {
        padding: 0.625rem;
      }
       {
         {
          font-size: 0.875rem;
          line-height: 1.25rem;
        }
      }
    }

    padding-left: 0.7em;

    padding-right: 0.7em;

    padding-top: 0.42em;

    padding-bottom: 0.42em;

     {
      top: -1px;
       {
        font-size: 19px;
      }
    }

    width: 90%;

     {
       {
        height: 18px;
      }
       {
        width: 18px;
      }
      .\!btn {
        padding-left: 10px !important;
        padding-right: 10px !important;
      }
      flex-wrap: wrap;
      gap: 0.5rem;
      .\!btn {
        padding-left: 10px !important;
        padding-right: 10px !important;
      }
       {
         {
          bottom: -12px;
        }
      }
      display: none;
       {
         {
           {
            width: 280px;
          }
        }
      }
       {
         {
           {
            display: none;
          }
        }
      }
    }

    top: 120px;

     {
       {
        display: block;
      }
       {
        display: block;
      }
       {
        @media (max-width: 575px) {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }

           {
             {
               {
                 {
                  >  {
                    width: 90%;
                  }
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }

           {
             {
               {
                 {
                  >  {
                    width: 90%;
                  }
                }
              }
            }
          }
        }
         {
          width: 100%;
        }
      }
      padding-left: 0.65rem;
      padding-right: 0.65rem;
      padding-top: 0.3rem;
      padding-bottom: 0.3rem;
      font-size: 1rem;
      line-height: 1.5rem
    }

    font-size: 0.875rem;

    line-height: 1.25rem;

     {
      margin: auto;
      width: auto;
       {
        position: absolute;
      }
       {
        left: 33px;
      }
       {
        top: 33px;
      }
       {
         {
          height: 180px;
        }
         {
          width: 180px;
        }
      }
       {
        left: 74px;
      }
       {
        top: 74px;
      }
       {
        left: 0px;
      }
       {
        top: 0px;
      }
       {
        margin-left: auto;
        margin-right: auto;
      }
       {
        margin-top: 0px;
        margin-bottom: 0px;
      }
       {
         {
          height: 245px;
        }
         {
          width: 245px;
        }
      }
       {
        height: 200px;
      }
       {
        width: 200px;
      }
      @media (max-width: 575px) {
         {
           {
             {
              > .\!btn {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > .\!btn {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              > .\!btn {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > .\!btn {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      .\!btn {
        width: 100%;
      }
      .\!btn {
        & + .\!btn {
          margin-top: 0.625rem;
        }
      }
       {
        right: -5rem;
      }
       {
        width: 260px;
      }
       {
         {
          right: 89px;
        }
      }
    }

    display: inline-block;

    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }

      width: 100%
    }

    width: 290px;

     {
      margin-right: 0.625rem;
       {
        display: none;
      }
      margin-top: 0 !important;
      margin-top: 0px;
    }

    padding: 0 !important;

    padding: 0px;

     {
       {
         {
          font-size: 1.25rem;
          line-height: 1.75rem;
        }
      }
       {
        padding-left: 0 !important;
        padding-right: 0 !important;
      }
       {
        padding-left: 0px;
        padding-right: 0px;
      }
       {
        padding-top: 5px;
        padding-bottom: 5px;
      }
       {
        margin-bottom: 15px;
      }
       {
        font-size: 1.25rem;
        line-height: 1.75rem;
      }
       {
        height: 93px;
      }
       {
         {
          margin-left: 3px;
          margin-right: 3px;
        }
         {
          margin-top: 0px;
          margin-bottom: 0px;
        }
         {
          font-size: 0.875rem;
          line-height: 1.25rem;
        }
      }
       {
         {
          display: none;
        }
      }
       {
        padding: 18px;
      }
    }

    text-align: center;

     {
       {
      }
    }

    text-align: center;

     {
       {
        padding: 0.625rem;
      }
       {
         {
          font-size: 0.875rem;
          line-height: 1.25rem;
        }
      }
    }

    padding-left: 0.7em;

    padding-right: 0.7em;

    padding-top: 0.42em;

    padding-bottom: 0.42em;

     {
      top: -1px;
       {
        font-size: 19px;
      }
    }

    width: 90%;

     {
       {
        height: 18px;
      }
       {
        width: 18px;
      }
      .\!btn {
        padding-left: 10px !important;
        padding-right: 10px !important;
      }
      flex-wrap: wrap;
      gap: 0.5rem;
      .\!btn {
        padding-left: 10px !important;
        padding-right: 10px !important;
      }
       {
         {
          bottom: -12px;
        }
      }
      display: none;
       {
         {
           {
            width: 280px;
          }
        }
      }
       {
         {
           {
            display: none;
          }
        }
      }
    }

    top: 120px;

     {
       {
        display: block;
      }
       {
        display: block;
      }
       {
        @media (max-width: 575px) {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }

           {
             {
               {
                 {
                  >  {
                    width: 90%;
                  }
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }

           {
             {
               {
                 {
                  >  {
                    width: 90%;
                  }
                }
              }
            }
          }
        }
         {
          width: 100%;
        }
      }
      padding-left: 0.65rem;
      padding-right: 0.65rem;
      padding-top: 0.3rem;
      padding-bottom: 0.3rem;
      font-size: 1rem;
      line-height: 1.5rem
    }

    font-size: 0.875rem;

    line-height: 1.25rem;

     {
      margin: auto;
      width: auto;
       {
        position: absolute;
      }
       {
        left: 33px;
      }
       {
        top: 33px;
      }
       {
         {
          height: 180px;
        }
         {
          width: 180px;
        }
      }
       {
        left: 74px;
      }
       {
        top: 74px;
      }
       {
        left: 0px;
      }
       {
        top: 0px;
      }
       {
        margin-left: auto;
        margin-right: auto;
      }
       {
        margin-top: 0px;
        margin-bottom: 0px;
      }
       {
         {
          height: 245px;
        }
         {
          width: 245px;
        }
      }
       {
        height: 200px;
      }
       {
        width: 200px;
      }
      @media (max-width: 575px) {
         {
           {
             {
              > .\!btn {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > .\!btn {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              > .\!btn {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > .\!btn {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      .\!btn {
        width: 100%;
      }
      .\!btn {
        & + .\!btn {
          margin-top: 0.625rem;
        }
      }
       {
        right: -5rem;
      }
       {
        width: 260px;
      }
       {
         {
          right: 89px;
        }
      }
    }

    display: inline-block;

    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }

      width: 100%
    }

    width: 290px;

     {
      margin-right: 0.625rem;
       {
        display: none;
      }
      margin-top: 0 !important;
      margin-top: 0px;
    }

    padding: 0 !important;

    padding: 0px;

     {
       {
         {
          font-size: 1.25rem;
          line-height: 1.75rem;
        }
      }
       {
        padding-left: 0 !important;
        padding-right: 0 !important;
      }
       {
        padding-left: 0px;
        padding-right: 0px;
      }
       {
        padding-top: 5px;
        padding-bottom: 5px;
      }
       {
        margin-bottom: 15px;
      }
       {
        font-size: 1.25rem;
        line-height: 1.75rem;
      }
       {
        height: 93px;
      }
       {
         {
          margin-left: 3px;
          margin-right: 3px;
        }
         {
          margin-top: 0px;
          margin-bottom: 0px;
        }
         {
          font-size: 0.875rem;
          line-height: 1.25rem;
        }
      }
       {
         {
          display: none;
        }
      }
       {
        padding: 18px;
      }
    }

    text-align: center;

     {
       {
      }
    }

    text-align: center;

     {
       {
        padding: 0.625rem;
      }
       {
         {
          font-size: 0.875rem;
          line-height: 1.25rem;
        }
      }
    }

    padding-left: 0.7em;

    padding-right: 0.7em;

    padding-top: 0.42em;

    padding-bottom: 0.42em;

     {
      top: -1px;
       {
        font-size: 19px;
      }
    }

    width: 90%;

     {
       {
        height: 18px;
      }
       {
        width: 18px;
      }
      .\!btn {
        padding-left: 10px !important;
        padding-right: 10px !important;
      }
      flex-wrap: wrap;
      gap: 0.5rem;
      .\!btn {
        padding-left: 10px !important;
        padding-right: 10px !important;
      }
       {
         {
          bottom: -12px;
        }
      }
      display: none;
       {
         {
           {
            width: 280px;
          }
        }
      }
       {
         {
           {
            display: none;
          }
        }
      }
    }

    top: 120px;

     {
       {
        display: block;
      }
       {
        display: block;
      }
       {
        @media (max-width: 575px) {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }

           {
             {
               {
                 {
                  >  {
                    width: 90%;
                  }
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }

           {
             {
               {
                 {
                  >  {
                    width: 90%;
                  }
                }
              }
            }
          }
        }
         {
          width: 100%;
        }
      }
      padding-left: 0.65rem;
      padding-right: 0.65rem;
      padding-top: 0.3rem;
      padding-bottom: 0.3rem;
      font-size: 1rem;
      line-height: 1.5rem
    }

    font-size: 0.875rem;

    line-height: 1.25rem;

     {
      margin: auto;
      width: auto;
       {
        position: absolute;
      }
       {
        left: 33px;
      }
       {
        top: 33px;
      }
       {
         {
          height: 180px;
        }
         {
          width: 180px;
        }
      }
       {
        left: 74px;
      }
       {
        top: 74px;
      }
       {
        left: 0px;
      }
       {
        top: 0px;
      }
       {
        margin-left: auto;
        margin-right: auto;
      }
       {
        margin-top: 0px;
        margin-bottom: 0px;
      }
       {
         {
          height: 245px;
        }
         {
          width: 245px;
        }
      }
       {
        height: 200px;
      }
       {
        width: 200px;
      }
      @media (max-width: 575px) {
         {
           {
             {
              > .\!btn {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > .\!btn {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              > .\!btn {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > .\!btn {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      .\!btn {
        width: 100%;
      }
      .\!btn {
        & + .\!btn {
          margin-top: 0.625rem;
        }
      }
       {
        right: -5rem;
      }
       {
        width: 260px;
      }
       {
         {
          right: 89px;
        }
      }
    }

    display: inline-block;

    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }

      width: 100%
    }

    width: 290px;

     {
      margin-right: 0.625rem;
       {
        display: none;
      }
      margin-top: 0 !important;
      margin-top: 0px;
    }

    padding: 0 !important;

    padding: 0px;

     {
       {
         {
          font-size: 1.25rem;
          line-height: 1.75rem;
        }
      }
       {
        padding-left: 0 !important;
        padding-right: 0 !important;
      }
       {
        padding-left: 0px;
        padding-right: 0px;
      }
       {
        padding-top: 5px;
        padding-bottom: 5px;
      }
       {
        margin-bottom: 15px;
      }
       {
        font-size: 1.25rem;
        line-height: 1.75rem;
      }
       {
        height: 93px;
      }
       {
         {
          margin-left: 3px;
          margin-right: 3px;
        }
         {
          margin-top: 0px;
          margin-bottom: 0px;
        }
         {
          font-size: 0.875rem;
          line-height: 1.25rem;
        }
      }
       {
         {
          display: none;
        }
      }
       {
        padding: 18px;
      }
    }

    text-align: center;

     {
       {
      }
    }

    text-align: center;

     {
       {
        padding: 0.625rem;
      }
       {
         {
          font-size: 0.875rem;
          line-height: 1.25rem;
        }
      }
    }

    padding-left: 0.7em;

    padding-right: 0.7em;

    padding-top: 0.42em;

    padding-bottom: 0.42em;

     {
      top: -1px;
       {
        font-size: 19px;
      }
    }

    width: 90%;

     {
       {
        height: 18px;
      }
       {
        width: 18px;
      }
      .\!btn {
        padding-left: 10px !important;
        padding-right: 10px !important;
      }
      flex-wrap: wrap;
      gap: 0.5rem;
      .\!btn {
        padding-left: 10px !important;
        padding-right: 10px !important;
      }
       {
         {
          bottom: -12px;
        }
      }
      display: none;
       {
         {
           {
            width: 280px;
          }
        }
      }
       {
         {
           {
            display: none;
          }
        }
      }
    }

    top: 120px;

     {
       {
        display: block;
      }
       {
        display: block;
      }
       {
        @media (max-width: 575px) {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }

           {
             {
               {
                 {
                  >  {
                    width: 90%;
                  }
                }
              }
            }
          }
        }
        @media (max-width: 575px) {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }

           {
             {
               {
                 {
                  >  {
                    width: 90%;
                  }
                }
              }
            }
          }
        }
         {
          width: 100%;
        }
      }
      padding-left: 0.65rem;
      padding-right: 0.65rem;
      padding-top: 0.3rem;
      padding-bottom: 0.3rem;
      font-size: 1rem;
      line-height: 1.5rem
    }

    font-size: 0.875rem;

    line-height: 1.25rem;

     {
      margin: auto;
      width: auto;
       {
        position: absolute;
      }
       {
        left: 33px;
      }
       {
        top: 33px;
      }
       {
         {
          height: 180px;
        }
         {
          width: 180px;
        }
      }
       {
        left: 74px;
      }
       {
        top: 74px;
      }
       {
        left: 0px;
      }
       {
        top: 0px;
      }
       {
        margin-left: auto;
        margin-right: auto;
      }
       {
        margin-top: 0px;
        margin-bottom: 0px;
      }
       {
         {
          height: 245px;
        }
         {
          width: 245px;
        }
      }
       {
        height: 200px;
      }
       {
        width: 200px;
      }
      @media (max-width: 575px) {
         {
           {
             {
              > .\!btn {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > .\!btn {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              > .\!btn {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > .\!btn {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      .\!btn {
        width: 100%;
      }
      .\!btn {
        & + .\!btn {
          margin-top: 0.625rem;
        }
      }
       {
        right: -5rem;
      }
       {
        width: 260px;
      }
       {
         {
          right: 89px;
        }
      }
    }

    display: inline-block;

    @media (max-width: 575px) {
       {
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
         {
           {
            >  {
              width: 90%;
            }
          }
        }
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }
      }

      width: 100%
    }

    width: 290px;

     {
      margin-right: 0.625rem;
       {
        display: none;
      }
      margin-top: 0 !important;
      margin-top: 0px;
    }

    padding: 0 !important;

    padding: 0px;

     {
       {
         {
          font-size: 1.25rem;
          line-height: 1.75rem;
        }
      }
       {
        padding-left: 0 !important;
        padding-right: 0 !important;
      }
       {
        padding-left: 0px;
        padding-right: 0px;
      }
       {
        padding-top: 5px;
        padding-bottom: 5px;
      }
       {
        margin-bottom: 15px;
      }
       {
        font-size: 1.25rem;
        line-height: 1.75rem;
      }
       {
        height: 93px;
      }
       {
         {
          margin-left: 3px;
          margin-right: 3px;
        }
         {
          margin-top: 0px;
          margin-bottom: 0px;
        }
         {
          font-size: 0.875rem;
          line-height: 1.25rem;
        }
      }
       {
         {
          display: none;
        }
      }
       {
        padding: 18px;
      }
    }

    text-align: center;

     {
       {
      }
    }

    text-align: center;

     {
       {
        padding: 0.625rem;
      }
       {
         {
          font-size: 0.875rem;
          line-height: 1.25rem;
        }
      }
    }

    padding-left: 0.7em;

    padding-right: 0.7em;

    padding-top: 0.42em;

    padding-bottom: 0.42em;

     {
      top: -1px;
       {
        font-size: 19px;
      }
    }

    width: 90%
  }
}

@media (max-width: 420px) {
  .login-card {
    .login-main {
      &.create-account {
        .theme-form {
          .or {
            &::before {
              width: 32%;
            }
          }
        }
      }
    }
  }

  .product-sidebar {
    &.open {
      top: -75px;
    }
  }

  .alert-theme {
    min-width: 270px;
    font-size: 0.75rem;
    line-height: 1rem;
    button {
      right: 30px;
    }
    i {
      display: none;
    }
    span {
      + span {
        + span {
          padding: 15px;
        }
      }
    }
  }

  .and-many-more {
    font-size: 37px;
  }

  .page-wrapper {
    &.compact-sidebar {
      .page-body-wrapper {
        div {
          &.sidebar-wrapper {
            > div {
              width: 7rem;
            }
            .sidebar-main {
              .sidebar-links {
                li {
                  .sidebar-submenu {
                    left: 7rem;
                  }
                  .sidebar-submenu {
                    width: 190px;
                  }
                }
              }
            }
          }
        }
      }
    }
    &.compact-small {
      .page-body-wrapper {
        div {
          &.sidebar-wrapper {
            > div {
              width: 5rem;
            }
            .sidebar-main {
              .sidebar-links {
                li {
                  .sidebar-submenu {
                    left: 5rem;
                  }
                  .sidebar-submenu {
                    width: 210px;
                  }
                }
              }
            }
          }
        }
      }
    }
  }

  .login-card {
    .login-main {
      .theme-form {
        .link {
          position: unset;
        }
      }
    }
  }

   {
     {
       {
         {
           {
             {
              width: 32%;
            }
          }
        }
      }
    }
    &.\!open {
      top: -75px;
    }
     {
      right: 30px;
    }
     {
      display: none;
    }
     {
       {
         {
          padding: 15px;
        }
      }
    }
     {
       {
         {
           {
             {
              width: 7rem;
            }
             {
               {
                 {
                   {
                    left: 7rem;
                  }
                   {
                    width: 190px;
                  }
                }
              }
            }
          }
        }
      }
    }
     {
       {
         {
           {
             {
              width: 5rem;
            }
             {
               {
                 {
                   {
                    left: 5rem;
                  }
                   {
                    width: 210px;
                  }
                }
              }
            }
          }
        }
      }
    }
     {
       {
         {
          position: unset !important;
        }
      }
    }
     {
       {
         {
           {
             {
              width: 32%;
            }
          }
        }
      }
    }
     {
      top: -75px;
    }
    min-width: 270px;
    font-size: 0.75rem;
    line-height: 1rem;
     {
      right: 30px;
    }
     {
      display: none;
    }
     {
       {
         {
          padding: 15px;
        }
      }
    }
    font-size: 37px;
     {
       {
         {
           {
             {
              width: 7rem;
            }
             {
               {
                 {
                   {
                    left: 7rem;
                  }
                   {
                    width: 190px;
                  }
                }
              }
            }
          }
        }
      }
    }
     {
       {
         {
           {
             {
              width: 5rem;
            }
             {
               {
                 {
                   {
                    left: 5rem;
                  }
                   {
                    width: 210px;
                  }
                }
              }
            }
          }
        }
      }
    }
     {
       {
        .\!link {
          position: unset !important;
        }
      }
    }
  }
}

@media (max-width: 360px) {
  .mail-body-wrapper {
    .user-mail-wrapper {
      .user-title {
        justify-content: unset;
        align-items: unset;
      }
    }
  }

  .main-upgrade {
    .variation-box {
      grid-template-columns: unset;
    }
  }

  .language-header {
    padding-bottom: 60px !important;
  }

  .main {
    .langChoice {
      left: 0;
    }
    .langChoice {
      top: 50px;
    }
    .langChoice {
      right: 20px;
    }
    .langChoice {
      margin-left: auto;
    }
    .langChoice {
      width: 30%;
    }
  }

  .popover {
    width: 255px;
  }

  .main-divider {
    .common-align {
      .vr {
        margin-left: 16px;
      }
      .vr {
        margin-right: 17px;
      }
    }
  }

  .login-card {
    .login-main {
      &.create-account {
        .theme-form {
          .or {
            &::before {
              width: 22%;
            }
          }
        }
      }
    }
  }

  .browse {
    .browse-articles {
      ul {
        li {
          a {
            span {
              &:nth-child(2) {
                display: block;
              }
              &:nth-child(2) {
                margin-left: auto;
                margin-right: auto;
              }
              &:nth-child(2) {
                margin-top: 0px;
                margin-bottom: 0px;
              }
              &:nth-child(2) {
                display: block;
              }
              &:nth-child(2) {
                max-width: 100%;
              }
              &:nth-child(2) {
                overflow: hidden;
              }
              &:nth-child(2) {
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
              }
              &:nth-child(2) {
                margin-left: 0;
                margin-right: 0;
              }
              &:nth-child(2) {
                display: inline-block;
              }
              &:nth-child(2) {
                width: 158px;
              }
              &:nth-child(2) {
                overflow: hidden;
              }
              &:nth-child(2) {
                text-overflow: ellipsis;
              }
              &:nth-child(2) {
                white-space: nowrap;
              }
            }
          }
        }
      }
    }
  }

  .modal {
    .modal-header {
      .product-box {
        .product-details {
          .product-qnty {
            fieldset {
              .input-group {
                width: 45%;
              }
            }
          }
        }
      }
    }
  }

  .dropzone {
    .note {
      min-width: unset;
    }
  }

  .datepicker--nav-action {
    margin-left: -0.625rem;
    width: 1.25rem;
    background-color: transparent;
    path {
      stroke: rgba(var(--theme-default),1);
    }
  }

  .clockpicker-align-top {
    top: 426px;
  }

  .note {
    min-width: 250px;
  }

  .datepicker {
    width: 239px;
  }

  .add-post {
    form {
      .m-checkbox-inline {
        label {
          margin-bottom: 8px !important;
        }
        label {
          margin-bottom: 0.5rem;
        }
        label:last-child {
          margin-bottom: 0 !important;
        }
        label:last-child {
          margin-bottom: 0px;
        }
      }
    }
  }

  .map-js-height {
    height: 250px;
  }

  .bar-chart-widget {
    .earning-details {
      i {
        right: -73px;
      }
    }
  }

  .status-widget {
    svg {
      height: 18px;
    }
    svg {
      width: 18px;
    }
  }

  .tabs-social {
    &.border-tab {
      &.tab-links {
        li {
          .tab-link {
            padding-left: 5px;
            padding-right: 5px;
          }
          .tab-link {
            padding-top: 0.625rem;
            padding-bottom: 0.625rem;
          }
          .tab-link {
            font-size: 0.875rem;
            line-height: 1.25rem;
          }
        }
      }
    }
  }

  .social-chat {
    .other-msg {
      margin-left: 15px;
    }
  }

  .social-header {
    h5 {
      span {
        &.pull-right {
          display: none;
        }
      }
    }
  }

  .custom-card {
    .dashboard-card {
      padding-top: 0px;
    }
    .card-profile {
      img {
        bottom: 25px;
      }
    }
    .card-footer {
      > div {
        h6 {
          font-size: 0.75rem;
          line-height: 1rem;
        }
      }
    }
  }

  .flot-chart-container {
    height: 230px;
    canvas {
      height: 30px;
    }
  }

  .map-block {
    height: 250px;
  }

  .img-cropper {
    .docs-tooltip {
      font-size: 11px;
    }
    .docs-toggles {
      .btn-group {
        .btn {
          padding-left: 0.2rem;
          padding-right: 0.2rem;
        }
        .btn {
          padding-top: 0.375rem;
          padding-bottom: 0.375rem;
        }
      }
    }
  }

  .blog-box {
    .blog-details {
      p {
        line-height: 1.5;
      }
      .blog-social {
        li {
          &:last-child {
            padding-left: 0px;
          }
        }
      }
    }
    .blog-details-main {
      .blog-social {
        li {
          padding-top: 0 !important;
          padding-bottom: 0 !important;
        }
        li {
          padding-left: 0.625rem;
          padding-right: 0.625rem;
        }
        li {
          padding-top: 0px;
          padding-bottom: 0px;
        }
      }
    }
  }

  .button-builder-wrap {
    .btn-lg {
      font-size: 1.125rem;
      line-height: 1.75rem;
    }
  }

  .tabs-responsive-side {
    max-width: 100%;
  }

  .bar-chart-widget {
    .bottom-content {
      .num {
        font-size: 17px;
      }
    }
  }

  .search-page {
    .theme-form {
      .input-group {
        .form-control-plaintext {
          padding-left: 0.625rem;
        }
      }
    }
    .info-block {
      padding: 1.25rem;
    }
  }

  .wizard-4 {
    ul {
      &.anchor {
        padding-top: 15px;
      }
    }
    .msg-box {
      top: 2.5rem;
    }
  }

  .xs-width-100 {
    min-width: 100%;
  }

  .form-builder {
    #components {
      .component {
        .form-group {
          #button1id {
            margin-bottom: 15px;
          }
        }
      }
    }
  }

  .default-according {
    .card {
      .card-header {
        i {
          top: 1.5rem;
        }
        i {
          font-size: 0.875rem;
          line-height: 1.25rem;
        }
      }
      .btn-link {
        display: block;
      }
      @media (max-width: 575px) {
         {
           {
             {
              > .btn-link {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > .btn-link {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              > .btn-link {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                > .btn-link {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      .btn-link {
        display: block;
      }
      .btn-link {
        width: 100%;
      }
      .btn-link {
        padding-left: 17px;
      }
    }
  }

  .star-ratings {
    .stars {
      .title {
        line-height: 1;
      }
    }
  }

  .user-profile {
    .hovercard {
      .social-media {
        a {
          padding-top: 0 !important;
          padding-bottom: 0 !important;
        }
        a {
          padding-left: 0.375rem;
          padding-right: 0.375rem;
        }
        a {
          padding-top: 0px;
          padding-bottom: 0px;
        }
      }
    }
  }

  .taiwind-touchspin {
    .touchspin-vertical-tab {
      .input-group {
        width: 93%;
      }
    }
  }

  .step-container {
    height: 280px;
  }

  .sort-panel {
    .d-inline {
      .btn {
        margin-left: 50px;
      }
    }
  }

  .jsgrid {
    .jsgrid-pager-container {
      .jsgrid-pager {
        .jsgrid-pager-page {
          padding-left: 0.62em;
          padding-right: 0.62em;
        }
        .jsgrid-pager-page {
          padding-top: 0.5em;
          padding-bottom: 0.5em;
        }
      }
    }
  }

  .lg-toolbar {
    .lg-icon {
      width: 2.5rem;
    }
  }

  .calendar-wrap {
    a {
      &.fc-more {
        font-size: 0.59em;
      }
    }
    .fc {
      th {
        font-size: 10px;
      }
    }
  }

  .modal-footer {
    text-align: center;
    display: block;
  }

  @media (max-width: 767px) {
     {
      .modal-footer {
      }
    }
  }

  .modal-footer {
    display: block;
    text-align: center;
  }

  .order-box {
    ul {
      li {
        span {
          text-align: right;
        }
        label {
          text-align: right;
        }
        label {
          font-size: 0.875rem;
          line-height: 1.25rem;
        }
      }
    }
  }

  .landing-title {
    margin-bottom: 30px !important;
  }

   {
     {
       {
        justify-content: unset !important;
        align-items: unset !important;
      }
    }
     {
      grid-template-columns: unset !important;
    }
    padding-bottom: 60px !important;
     {
      left: 0;
    }
     {
      top: 50px;
    }
     {
      right: 20px;
    }
     {
      margin-left: auto;
    }
     {
      width: 30%;
    }
    width: 255px;
     {
       {
        margin-left: 16px;
      }
       {
        margin-right: 17px;
      }
    }
     {
       {
         {
           {
             {
              width: 22%;
            }
          }
        }
      }
    }
     {
       {
         {
           {
             {
               {
                display: block;
              }
               {
                margin-left: auto;
                margin-right: auto;
              }
               {
                margin-top: 0px;
                margin-bottom: 0px;
              }
               {
                display: block;
              }
               {
                max-width: 100%;
              }
               {
                overflow: hidden;
              }
               {
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
              }
               {
                margin-left: 0;
                margin-right: 0;
              }
               {
                display: inline-block;
              }
               {
                width: 158px;
              }
               {
                overflow: hidden;
              }
               {
                text-overflow: ellipsis;
              }
               {
                white-space: nowrap;
              }
            }
          }
        }
      }
    }
  }

  .\!modal {
     {
       {
         {
           {
             {
               {
                width: 45%;
              }
            }
          }
        }
      }
    }
  }

   {
     {
      min-width: unset;
    }
    margin-left: -0.625rem;
    width: 1.25rem;
    background-color: transparent;
     {
      stroke: rgba(var(--theme-default),1);
    }
    top: 426px;
    min-width: 250px;
    width: 239px;
     {
       {
         {
          margin-bottom: 8px !important;
        }
         {
          margin-bottom: 0.5rem;
        }
        :last-child {
          margin-bottom: 0 !important;
        }
        :last-child {
          margin-bottom: 0px;
        }
      }
    }
     {
       {
        right: -73px;
      }
    }
     {
      height: 18px;
    }
     {
      width: 18px;
    }
     {
       {
         {
           {
            padding-left: 5px;
            padding-right: 5px;
          }
           {
            padding-top: 0.625rem;
            padding-bottom: 0.625rem;
          }
           {
            font-size: 0.875rem;
            line-height: 1.25rem;
          }
        }
      }
    }
     {
      margin-left: 15px;
    }
     {
       {
         {
          display: none;
        }
      }
    }
     {
      padding-top: 0px;
    }
     {
       {
        bottom: 25px;
      }
    }
     {
       {
         {
          font-size: 0.75rem;
          line-height: 1rem;
        }
      }
    }
     {
      height: 30px;
    }
     {
      font-size: 11px;
    }
     {
       {
         {
          padding-left: 0.2rem;
          padding-right: 0.2rem;
        }
         {
          padding-top: 0.375rem;
          padding-bottom: 0.375rem;
        }
      }
    }
     {
       {
        line-height: 1.5;
      }
       {
         {
           {
            padding-left: 0px;
          }
        }
      }
    }
     {
       {
         {
          padding-top: 0 !important;
          padding-bottom: 0 !important;
        }
         {
          padding-left: 0.625rem;
          padding-right: 0.625rem;
        }
         {
          padding-top: 0px;
          padding-bottom: 0px;
        }
      }
    }
     {
      font-size: 1.125rem;
      line-height: 1.75rem;
    }
    max-width: 100%;
     {
       {
        font-size: 17px;
      }
    }
     {
       {
         {
          padding-left: 0.625rem;
        }
      }
    }
     {
      padding: 1.25rem;
    }
     {
       {
        padding-top: 15px;
      }
    }
     {
      top: 2.5rem;
    }
    min-width: 100%;
     {
       {
         {
           {
            margin-bottom: 15px;
          }
        }
      }
    }
     {
       {
         {
          top: 1.5rem;
        }
         {
          font-size: 0.875rem;
          line-height: 1.25rem;
        }
      }
       {
        display: block;
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
       {
        display: block;
      }
       {
        width: 100%;
      }
       {
        padding-left: 17px;
      }
    }
     {
       {
        line-height: 1;
      }
    }
     {
       {
         {
          padding-top: 0 !important;
          padding-bottom: 0 !important;
        }
         {
          padding-left: 0.375rem;
          padding-right: 0.375rem;
        }
         {
          padding-top: 0px;
          padding-bottom: 0px;
        }
      }
    }
     {
       {
        width: 93%;
      }
    }
    height: 280px;
     {
       {
        margin-left: 50px;
      }
    }
     {
       {
         {
          padding-left: 0.62em;
          padding-right: 0.62em;
        }
         {
          padding-top: 0.5em;
          padding-bottom: 0.5em;
        }
      }
    }
     {
      width: 2.5rem;
    }
     {
       {
        font-size: 0.59em;
      }
    }
     {
       {
        font-size: 10px;
      }
    }
    text-align: center;
    display: block
  }

  @media (max-width: 767px) {
     {
       {
      }
    }

    display: block;

    text-align: center;

     {
       {
         {
          text-align: right;
        }
         {
          text-align: right;
        }
         {
          font-size: 0.875rem;
          line-height: 1.25rem;
        }
      }
    }

    margin-bottom: 30px !important;

     {
       {
        justify-content: unset !important;
        align-items: unset !important;
      }
      grid-template-columns: unset !important
    }

    padding-bottom: 60px !important;

     {
      left: 0;
      top: 50px;
      right: 20px;
      margin-left: auto;
      width: 30%;
    }

    width: 255px;

     {
       {
        margin-left: 16px;
      }
       {
        margin-right: 17px;
      }
       {
         {
           {
             {
              width: 22%;
            }
          }
        }
      }
       {
         {
           {
             {
               {
                display: block;
              }
               {
                margin-left: auto;
                margin-right: auto;
              }
               {
                margin-top: 0px;
                margin-bottom: 0px;
              }
               {
                display: block;
              }
               {
                max-width: 100%;
              }
               {
                overflow: hidden;
              }
               {
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
              }
               {
                margin-left: 0;
                margin-right: 0;
              }
               {
                display: inline-block;
              }
               {
                width: 158px;
              }
               {
                overflow: hidden;
              }
               {
                text-overflow: ellipsis;
              }
               {
                white-space: nowrap;
              }
            }
          }
        }
      }
       {
         {
           {
             {
               {
                width: 45%;
              }
            }
          }
        }
      }
      min-width: unset
    }

    margin-left: -0.625rem;

    width: 1.25rem;

    background-color: transparent;

     {
      stroke: rgba(var(--theme-default),1);
    }

    top: 426px;

    min-width: 250px;

    width: 239px;

     {
       {
         {
          margin-bottom: 8px !important;
        }
         {
          margin-bottom: 0.5rem;
        }
        :last-child {
          margin-bottom: 0 !important;
        }
        :last-child {
          margin-bottom: 0px;
        }
      }
    }

    height: 250px;

     {
       {
        right: -73px;
      }
      height: 18px;
      width: 18px;
       {
         {
           {
            padding-left: 5px;
            padding-right: 5px;
          }
           {
            padding-top: 0.625rem;
            padding-bottom: 0.625rem;
          }
           {
            font-size: 0.875rem;
            line-height: 1.25rem;
          }
        }
      }
      margin-left: 15px;
       {
         {
          display: none;
        }
      }
      padding-top: 0px;
       {
        bottom: 25px;
      }
       {
         {
          font-size: 0.75rem;
          line-height: 1rem;
        }
      }
    }

    height: 230px;

     {
      height: 30px;
    }

    height: 250px;

     {
      font-size: 11px;
       {
        .\!btn {
          padding-left: 0.2rem;
          padding-right: 0.2rem;
        }
        .\!btn {
          padding-top: 0.375rem;
          padding-bottom: 0.375rem;
        }
      }
       {
        line-height: 1.5;
      }
       {
         {
           {
            padding-left: 0px;
          }
        }
      }
       {
         {
          padding-top: 0 !important;
          padding-bottom: 0 !important;
        }
         {
          padding-left: 0.625rem;
          padding-right: 0.625rem;
        }
         {
          padding-top: 0px;
          padding-bottom: 0px;
        }
      }
      font-size: 1.125rem;
      line-height: 1.75rem;
    }

    max-width: 100%;

     {
       {
        font-size: 17px;
      }
       {
         {
          padding-left: 0.625rem;
        }
      }
      padding: 1.25rem;
       {
        padding-top: 15px;
      }
      top: 2.5rem
    }

    min-width: 100%;

     {
       {
         {
           {
            margin-bottom: 15px;
          }
        }
      }
       {
         {
          top: 1.5rem;
        }
         {
          font-size: 0.875rem;
          line-height: 1.25rem;
        }
      }
       {
        display: block;
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
       {
        display: block;
      }
       {
        width: 100%;
      }
       {
        padding-left: 17px;
      }
       {
        line-height: 1;
      }
       {
         {
          padding-top: 0 !important;
          padding-bottom: 0 !important;
        }
         {
          padding-left: 0.375rem;
          padding-right: 0.375rem;
        }
         {
          padding-top: 0px;
          padding-bottom: 0px;
        }
      }
       {
        width: 93%;
      }
    }

    height: 280px;

     {
      .\!btn {
        margin-left: 50px;
      }
       {
         {
          padding-left: 0.62em;
          padding-right: 0.62em;
        }
         {
          padding-top: 0.5em;
          padding-bottom: 0.5em;
        }
      }
      width: 2.5rem;
       {
        font-size: 0.59em;
      }
       {
        font-size: 10px;
      }
    }

    text-align: center;

    display: block;

     {
       {
      }
    }

    display: block;

    text-align: center;

     {
       {
         {
          text-align: right;
        }
         {
          text-align: right;
        }
         {
          font-size: 0.875rem;
          line-height: 1.25rem;
        }
      }
    }

    margin-bottom: 30px !important;

     {
       {
        justify-content: unset !important;
        align-items: unset !important;
      }
      grid-template-columns: unset !important
    }

    padding-bottom: 60px !important;

     {
      left: 0;
      top: 50px;
      right: 20px;
      margin-left: auto;
      width: 30%;
    }

    width: 255px;

     {
       {
        margin-left: 16px;
      }
       {
        margin-right: 17px;
      }
       {
         {
           {
             {
              width: 22%;
            }
          }
        }
      }
       {
         {
           {
             {
               {
                display: block;
              }
               {
                margin-left: auto;
                margin-right: auto;
              }
               {
                margin-top: 0px;
                margin-bottom: 0px;
              }
               {
                display: block;
              }
               {
                max-width: 100%;
              }
               {
                overflow: hidden;
              }
               {
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
              }
               {
                margin-left: 0;
                margin-right: 0;
              }
               {
                display: inline-block;
              }
               {
                width: 158px;
              }
               {
                overflow: hidden;
              }
               {
                text-overflow: ellipsis;
              }
               {
                white-space: nowrap;
              }
            }
          }
        }
      }
       {
         {
           {
             {
               {
                width: 45%;
              }
            }
          }
        }
      }
      min-width: unset
    }

    margin-left: -0.625rem;

    width: 1.25rem;

    background-color: transparent;

     {
      stroke: rgba(var(--theme-default),1);
    }

    top: 426px;

    min-width: 250px;

    width: 239px;

     {
       {
         {
          margin-bottom: 8px !important;
        }
         {
          margin-bottom: 0.5rem;
        }
        :last-child {
          margin-bottom: 0 !important;
        }
        :last-child {
          margin-bottom: 0px;
        }
      }
    }

    height: 250px;

     {
       {
        right: -73px;
      }
      height: 18px;
      width: 18px;
       {
         {
           {
            padding-left: 5px;
            padding-right: 5px;
          }
           {
            padding-top: 0.625rem;
            padding-bottom: 0.625rem;
          }
           {
            font-size: 0.875rem;
            line-height: 1.25rem;
          }
        }
      }
      margin-left: 15px;
       {
         {
          display: none;
        }
      }
      padding-top: 0px;
       {
        bottom: 25px;
      }
       {
         {
          font-size: 0.75rem;
          line-height: 1rem;
        }
      }
    }

    height: 230px;

     {
      height: 30px;
    }

    height: 250px;

     {
      font-size: 11px;
       {
        .\!btn {
          padding-left: 0.2rem;
          padding-right: 0.2rem;
        }
        .\!btn {
          padding-top: 0.375rem;
          padding-bottom: 0.375rem;
        }
      }
       {
        line-height: 1.5;
      }
       {
         {
           {
            padding-left: 0px;
          }
        }
      }
       {
         {
          padding-top: 0 !important;
          padding-bottom: 0 !important;
        }
         {
          padding-left: 0.625rem;
          padding-right: 0.625rem;
        }
         {
          padding-top: 0px;
          padding-bottom: 0px;
        }
      }
      font-size: 1.125rem;
      line-height: 1.75rem;
    }

    max-width: 100%;

     {
       {
        font-size: 17px;
      }
       {
         {
          padding-left: 0.625rem;
        }
      }
      padding: 1.25rem;
       {
        padding-top: 15px;
      }
      top: 2.5rem
    }

    min-width: 100%;

     {
       {
         {
           {
            margin-bottom: 15px;
          }
        }
      }
       {
         {
          top: 1.5rem;
        }
         {
          font-size: 0.875rem;
          line-height: 1.25rem;
        }
      }
       {
        display: block;
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
      @media (max-width: 575px) {
         {
           {
             {
              >  {
                width: 90%;
              }
            }
          }
        }

         {
           {
             {
               {
                >  {
                  width: 90%;
                }
              }
            }
          }
        }
      }
       {
        display: block;
      }
       {
        width: 100%;
      }
       {
        padding-left: 17px;
      }
       {
        line-height: 1;
      }
       {
         {
          padding-top: 0 !important;
          padding-bottom: 0 !important;
        }
         {
          padding-left: 0.375rem;
          padding-right: 0.375rem;
        }
         {
          padding-top: 0px;
          padding-bottom: 0px;
        }
      }
       {
        width: 93%;
      }
    }

    height: 280px;

     {
      .\!btn {
        margin-left: 50px;
      }
       {
         {
          padding-left: 0.62em;
          padding-right: 0.62em;
        }
         {
          padding-top: 0.5em;
          padding-bottom: 0.5em;
        }
      }
      width: 2.5rem;
       {
        font-size: 0.59em;
      }
       {
        font-size: 10px;
      }
    }

    text-align: center;

    display: block;

     {
       {
      }
    }

    display: block;

    text-align: center;

     {
       {
         {
          text-align: right;
        }
         {
          text-align: right;
        }
         {
          font-size: 0.875rem;
          line-height: 1.25rem;
        }
      }
    }

    margin-bottom: 30px !important
  }
}

@media (max-width: 404px){
  .horizontal-wizard-wrapper{
    &.vertical-variations{
      .select-account{
        .radio-wrapper{
          li{
            .form-check-label{
              span{
                > span{
                  +span {
                    display: none !important;
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}

@media (min-width: 576px) {
  .order-sm-1 {
    order: 1;
  }

  .product-wrapper-grid {
    &.list-view {
      .col-span-12 {
        grid-column: span 12 / span 12;
      }
    }
  }

  .sidebar-wrapper {
    .back-btn {
      display: none;
    }
  }

  .list-group-horizontal-sm {
    > .list-group-item {
      &:first-child:not(:last-child) {
        border-top-right-radius: 0 !important;
        border-top-right-radius: 6px;
      }
      &:last-child:not(:first-child) {
        border-top-right-radius: 6px;
        border-bottom-left-radius: 0 !important;
      }
    }
    flex-direction: row
  }
}

@media (min-width: 767px) {
  .list-group-horizontal-md {
    flex-direction: row;
  }
}

@media (width: 768px) and (height: 1024px) {
  .page-wrapper {
    &.compact-wrapper {
      .page-body-wrapper {
        div {
          &.sidebar-wrapper {
            .sidebar-main {
              .sidebar-links {
                height: calc(100vh - 210px);
              }
            }
          }
        }
      }
    }
  }
}

@media (max-width: 439px) {
  .job-sidebar {
    .job-accordion {
      .card-body.animate-chk:not(.filter-cards-view) .form-check .form-check-label {
        width: 88%;
      }
    }
  }
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.pointer-events-none {
  pointer-events: none;
}

.pointer-events-auto {
  pointer-events: auto;
}

.\!visible {
  visibility: visible !important;
}

.visible {
  visibility: visible;
}

.\!invisible {
  visibility: hidden !important;
}

.invisible {
  visibility: hidden;
}

.collapse {
  visibility: collapse;
}

.\!static {
  position: static !important;
}

.static {
  position: static;
}

.fixed {
  position: fixed;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.sticky {
  position: sticky;
}

.\!inset-\[unset\] {
  inset: unset !important;
}

.inset-0 {
  inset: 0px;
}

.inset-\[0\] {
  inset: 0;
}

.inset-\[unset\] {
  inset: unset;
}

.inset-x-0 {
  left: 0px;
  right: 0px;
}

.inset-y-\[5px\] {
  top: 5px;
  bottom: 5px;
}

.\!bottom-\[50px\] {
  bottom: 50px !important;
}

.\!bottom-\[unset\] {
  bottom: unset !important;
}

.\!left-0 {
  left: 0px !important;
}

.\!left-\[-47px\] {
  left: -47px !important;
}

.\!left-\[-61px\] {
  left: -61px !important;
}

.\!left-\[-75px\] {
  left: -75px !important;
}

.\!left-\[0\%\] {
  left: 0% !important;
}

.\!left-\[0\] {
  left: 0 !important;
}

.\!left-\[0px\] {
  left: 0px !important;
}

.\!left-\[135px\] {
  left: 135px !important;
}

.\!left-\[15px\] {
  left: 15px !important;
}

.\!left-\[214px\] {
  left: 214px !important;
}

.\!left-\[22px\] {
  left: 22px !important;
}

.\!left-\[42\%\] {
  left: 42% !important;
}

.\!left-\[45\%\] {
  left: 45% !important;
}

.\!left-\[47px\] {
  left: 47px !important;
}

.\!left-\[50\%\] {
  left: 50% !important;
}

.\!left-\[75px\] {
  left: 75px !important;
}

.\!left-\[79rem\] {
  left: 79rem !important;
}

.\!left-\[8px\] {
  left: 8px !important;
}

.\!left-\[calc\(10px_\+_\(1405_-_10\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  left: calc(10px + (1405 - 10) * ((100vw - 320px) / (1920 - 320))) !important;
}

.\!left-\[unset\] {
  left: unset !important;
}

.\!right-0 {
  right: 0px !important;
}

.\!right-\[-47px\] {
  right: -47px !important;
}

.\!right-\[-75px\] {
  right: -75px !important;
}

.\!right-\[0\] {
  right: 0 !important;
}

.\!right-\[42\%\] {
  right: 42% !important;
}

.\!right-\[45\%\] {
  right: 45% !important;
}

.\!right-\[50px\] {
  right: 50px !important;
}

.\!right-\[unset\] {
  right: unset !important;
}

.\!top-0 {
  top: 0px !important;
}

.\!top-1 {
  top: 0.25rem !important;
}

.\!top-\[-27rem\] {
  top: -27rem !important;
}

.\!top-\[-35px\] {
  top: -35px !important;
}

.\!top-\[0\] {
  top: 0 !important;
}

.\!top-\[105\%\] {
  top: 105% !important;
}

.\!top-\[5px\] {
  top: 5px !important;
}

.-bottom-0 {
  bottom: -0px;
}

.-bottom-1 {
  bottom: -0.25rem;
}

.-bottom-2 {
  bottom: -0.5rem;
}

.-left-0\.5 {
  left: -0.125rem;
}

.-left-1\.5 {
  left: -0.375rem;
}

.-left-10 {
  left: -2.5rem;
}

.-left-2 {
  left: -0.5rem;
}

.-left-2\.5 {
  left: -0.625rem;
}

.-left-3 {
  left: -0.75rem;
}

.-left-3\.5 {
  left: -0.875rem;
}

.-left-4 {
  left: -1rem;
}

.-left-40 {
  left: -10rem;
}

.-left-5 {
  left: -1.25rem;
}

.-left-6 {
  left: -1.5rem;
}

.-left-80 {
  left: -20rem;
}

.-left-px {
  left: -1px;
}

.-right-0 {
  right: -0px;
}

.-right-0\.5 {
  right: -0.125rem;
}

.-right-1 {
  right: -0.25rem;
}

.-right-1\.5 {
  right: -0.375rem;
}

.-right-10 {
  right: -2.5rem;
}

.-right-2 {
  right: -0.5rem;
}

.-right-2\.5 {
  right: -0.625rem;
}

.-right-3 {
  right: -0.75rem;
}

.-right-3\.5 {
  right: -0.875rem;
}

.-right-4 {
  right: -1rem;
}

.-right-40 {
  right: -10rem;
}

.-right-5 {
  right: -1.25rem;
}

.-right-6 {
  right: -1.5rem;
}

.-right-80 {
  right: -20rem;
}

.-right-px {
  right: -1px;
}

.-top-0\.5 {
  top: -0.125rem;
}

.-top-1 {
  top: -0.25rem;
}

.-top-2 {
  top: -0.5rem;
}

.-top-3 {
  top: -0.75rem;
}

.bottom-0 {
  bottom: 0px;
}

.bottom-1 {
  bottom: 0.25rem;
}

.bottom-2 {
  bottom: 0.5rem;
}

.bottom-2\.5 {
  bottom: 0.625rem;
}

.bottom-4 {
  bottom: 1rem;
}

.bottom-\[-0\.8px\] {
  bottom: -0.8px;
}

.bottom-\[-12px\] {
  bottom: -12px;
}

.bottom-\[-140px\] {
  bottom: -140px;
}

.bottom-\[-15px\] {
  bottom: -15px;
}

.bottom-\[-18px\] {
  bottom: -18px;
}

.bottom-\[-22px\] {
  bottom: -22px;
}

.bottom-\[-25px\] {
  bottom: -25px;
}

.bottom-\[-26px\] {
  bottom: -26px;
}

.bottom-\[-30px\] {
  bottom: -30px;
}

.bottom-\[-3px\] {
  bottom: -3px;
}

.bottom-\[-57px\] {
  bottom: -57px;
}

.bottom-\[-5px\] {
  bottom: -5px;
}

.bottom-\[-60px\] {
  bottom: -60px;
}

.bottom-\[-75px\] {
  bottom: -75px;
}

.bottom-\[-7px\] {
  bottom: -7px;
}

.bottom-\[-8px\] {
  bottom: -8px;
}

.bottom-\[11px\] {
  bottom: 11px;
}

.bottom-\[12\%\] {
  bottom: 12%;
}

.bottom-\[125\%\] {
  bottom: 125%;
}

.bottom-\[13\%\] {
  bottom: 13%;
}

.bottom-\[15\%\] {
  bottom: 15%;
}

.bottom-\[20\%\] {
  bottom: 20%;
}

.bottom-\[22px\] {
  bottom: 22px;
}

.bottom-\[25px\] {
  bottom: 25px;
}

.bottom-\[30px\] {
  bottom: 30px;
}

.bottom-\[34px\] {
  bottom: 34px;
}

.bottom-\[45px\] {
  bottom: 45px;
}

.bottom-\[5\%\] {
  bottom: 5%;
}

.bottom-\[50px\] {
  bottom: 50px;
}

.bottom-\[5px\] {
  bottom: 5px;
}

.bottom-\[63px\] {
  bottom: 63px;
}

.bottom-\[auto\] {
  bottom: auto;
}

.bottom-\[calc\(-2px_\+_\(0_-_\(-2\)\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  bottom: calc(-2px + (0 - (-2)) * ((100vw - 320px) / (1920 - 320)));
}

.bottom-\[unset\] {
  bottom: unset;
}

.bottom-full {
  bottom: 100%;
}

.end-0 {
  inset-inline-end: 0px;
}

.left-0 {
  left: 0px;
}

.left-0\.5 {
  left: 0.125rem;
}

.left-1 {
  left: 0.25rem;
}

.left-10 {
  left: 2.5rem;
}

.left-11 {
  left: 2.75rem;
}

.left-2 {
  left: 0.5rem;
}

.left-2\.5 {
  left: 0.625rem;
}

.left-2\/4 {
  left: 50%;
}

.left-3 {
  left: 0.75rem;
}

.left-3\.5 {
  left: 0.875rem;
}

.left-4 {
  left: 1rem;
}

.left-5 {
  left: 1.25rem;
}

.left-7 {
  left: 1.75rem;
}

.left-9 {
  left: 2.25rem;
}

.left-\[-10px\] {
  left: -10px;
}

.left-\[-115px\] {
  left: -115px;
}

.left-\[-125px\] {
  left: -125px;
}

.left-\[-127px\] {
  left: -127px;
}

.left-\[-130px\] {
  left: -130px;
}

.left-\[-13px\] {
  left: -13px;
}

.left-\[-147px\] {
  left: -147px;
}

.left-\[-15\%\] {
  left: -15%;
}

.left-\[-150px\] {
  left: -150px;
}

.left-\[-15px\] {
  left: -15px;
}

.left-\[-18px\] {
  left: -18px;
}

.left-\[-2\%\] {
  left: -2%;
}

.left-\[-213px\] {
  left: -213px;
}

.left-\[-21px\] {
  left: -21px;
}

.left-\[-23px\] {
  left: -23px;
}

.left-\[-24px\] {
  left: -24px;
}

.left-\[-25px\] {
  left: -25px;
}

.left-\[-30px\] {
  left: -30px;
}

.left-\[-330px\] {
  left: -330px;
}

.left-\[-35\%\] {
  left: -35%;
}

.left-\[-400px\] {
  left: -400px;
}

.left-\[-50px\] {
  left: -50px;
}

.left-\[-55px\] {
  left: -55px;
}

.left-\[-5px\] {
  left: -5px;
}

.left-\[-60px\] {
  left: -60px;
}

.left-\[-65\%\] {
  left: -65%;
}

.left-\[-75px\] {
  left: -75px;
}

.left-\[-85\%\] {
  left: -85%;
}

.left-\[-85px\] {
  left: -85px;
}

.left-\[-8px\] {
  left: -8px;
}

.left-\[-90\%\] {
  left: -90%;
}

.left-\[-9px\] {
  left: -9px;
}

.left-\[0\%\] {
  left: 0%;
}

.left-\[0\.6em\] {
  left: 0.6em;
}

.left-\[0\.75em\] {
  left: 0.75em;
}

.left-\[0\] {
  left: 0;
}

.left-\[0px\] {
  left: 0px;
}

.left-\[1\.8em\] {
  left: 1.8em;
}

.left-\[10\%\] {
  left: 10%;
}

.left-\[100\%\] {
  left: 100%;
}

.left-\[100px\] {
  left: 100px;
}

.left-\[103px\] {
  left: 103px;
}

.left-\[109px\] {
  left: 109px;
}

.left-\[115px\] {
  left: 115px;
}

.left-\[11px\] {
  left: 11px;
}

.left-\[12\%\] {
  left: 12%;
}

.left-\[121px\] {
  left: 121px;
}

.left-\[127px\] {
  left: 127px;
}

.left-\[12px\] {
  left: 12px;
}

.left-\[133px\] {
  left: 133px;
}

.left-\[13px\] {
  left: 13px;
}

.left-\[14\%\] {
  left: 14%;
}

.left-\[145px\] {
  left: 145px;
}

.left-\[146px\] {
  left: 146px;
}

.left-\[150px\] {
  left: 150px;
}

.left-\[15px\] {
  left: 15px;
}

.left-\[16\%\] {
  left: 16%;
}

.left-\[17px\] {
  left: 17px;
}

.left-\[185px\] {
  left: 185px;
}

.left-\[18px\] {
  left: 18px;
}

.left-\[19\%\] {
  left: 19%;
}

.left-\[19px\] {
  left: 19px;
}

.left-\[1em\] {
  left: 1em;
}

.left-\[2\%\] {
  left: 2%;
}

.left-\[20\%\] {
  left: 20%;
}

.left-\[200px\] {
  left: 200px;
}

.left-\[21\%\] {
  left: 21%;
}

.left-\[214px\] {
  left: 214px;
}

.left-\[22\%\] {
  left: 22%;
}

.left-\[234px\] {
  left: 234px;
}

.left-\[25px\] {
  left: 25px;
}

.left-\[26px\] {
  left: 26px;
}

.left-\[27px\] {
  left: 27px;
}

.left-\[3\%\] {
  left: 3%;
}

.left-\[30px\] {
  left: 30px;
}

.left-\[330px\] {
  left: 330px;
}

.left-\[33px\] {
  left: 33px;
}

.left-\[35\.9688px\] {
  left: 35.9688px;
}

.left-\[35px\] {
  left: 35px;
}

.left-\[37px\] {
  left: 37px;
}

.left-\[38px\] {
  left: 38px;
}

.left-\[3px\] {
  left: 3px;
}

.left-\[410px\] {
  left: 410px;
}

.left-\[42px\] {
  left: 42px;
}

.left-\[45px\] {
  left: 45px;
}

.left-\[470px\] {
  left: 470px;
}

.left-\[48\%\] {
  left: 48%;
}

.left-\[5\%\] {
  left: 5%;
}

.left-\[50px\] {
  left: 50px;
}

.left-\[53px\] {
  left: 53px;
}

.left-\[54px\] {
  left: 54px;
}

.left-\[55\%\] {
  left: 55%;
}

.left-\[55px\] {
  left: 55px;
}

.left-\[5px\] {
  left: 5px;
}

.left-\[60\.375px\] {
  left: 60.375px;
}

.left-\[60px\] {
  left: 60px;
}

.left-\[61px\] {
  left: 61px;
}

.left-\[66px\] {
  left: 66px;
}

.left-\[68\%\] {
  left: 68%;
}

.left-\[7\%\] {
  left: 7%;
}

.left-\[70px\] {
  left: 70px;
}

.left-\[72px\] {
  left: 72px;
}

.left-\[74px\] {
  left: 74px;
}

.left-\[75px\] {
  left: 75px;
}

.left-\[77px\] {
  left: 77px;
}

.left-\[78px\] {
  left: 78px;
}

.left-\[7px\] {
  left: 7px;
}

.left-\[8\%\] {
  left: 8%;
}

.left-\[82px\] {
  left: 82px;
}

.left-\[84\%\] {
  left: 84%;
}

.left-\[84px\] {
  left: 84px;
}

.left-\[88\%\] {
  left: 88%;
}

.left-\[8px\] {
  left: 8px;
}

.left-\[90px\] {
  left: 90px;
}

.left-\[94px\] {
  left: 94px;
}

.left-\[calc\(-16px_\+_\(\(-22\)_-_\(-16\)\)_\*_\(\(100vw_-_992px\)_\/_\(1920_-_992\)\)\)\] {
  left: calc(-16px + ((-22) - (-16)) * ((100vw - 992px) / (1920 - 992)));
}

.left-\[calc\(-2px_\+_\(0_-_\(-2\)\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  left: calc(-2px + (0 - (-2)) * ((100vw - 320px) / (1920 - 320)));
}

.left-\[calc\(43\%_\+_\(50_-_43\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  left: calc(43% + (50 - 43) * ((100vw - 320px) / (1920 - 320)));
}

.left-\[calc\(50\%_-_68px\)\] {
  left: calc(50% - 68px);
}

.left-\[calc\(55px_\+_\(60_-_55\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  left: calc(55px + (60 - 55) * ((100vw - 320px) / (1920 - 320)));
}

.left-\[calc\(73\%_\+_\(80_-_73\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  left: calc(73% + (80 - 73) * ((100vw - 320px) / (1920 - 320)));
}

.left-\[inherit\] {
  left: inherit;
}

.left-\[unset\] {
  left: unset;
}

.left-\[var\(--l\2c 9px\)\] {
  left: var(--l,9px);
}

.left-auto {
  left: auto;
}

.left-full {
  left: 100%;
}

.right-0 {
  right: 0px;
}

.right-0\.5 {
  right: 0.125rem;
}

.right-1 {
  right: 0.25rem;
}

.right-10 {
  right: 2.5rem;
}

.right-14 {
  right: 3.5rem;
}

.right-2 {
  right: 0.5rem;
}

.right-2\.5 {
  right: 0.625rem;
}

.right-2\/4 {
  right: 50%;
}

.right-3 {
  right: 0.75rem;
}

.right-4 {
  right: 1rem;
}

.right-5 {
  right: 1.25rem;
}

.right-\[-10\%\] {
  right: -10%;
}

.right-\[-130px\] {
  right: -130px;
}

.right-\[-15\%\] {
  right: -15%;
}

.right-\[-15px\] {
  right: -15px;
}

.right-\[-170px\] {
  right: -170px;
}

.right-\[-18\%\] {
  right: -18%;
}

.right-\[-18px\] {
  right: -18px;
}

.right-\[-213px\] {
  right: -213px;
}

.right-\[-21px\] {
  right: -21px;
}

.right-\[-22px\] {
  right: -22px;
}

.right-\[-23px\] {
  right: -23px;
}

.right-\[-25px\] {
  right: -25px;
}

.right-\[-27\%\] {
  right: -27%;
}

.right-\[-27px\] {
  right: -27px;
}

.right-\[-30px\] {
  right: -30px;
}

.right-\[-335px\] {
  right: -335px;
}

.right-\[-35\%\] {
  right: -35%;
}

.right-\[-35px\] {
  right: -35px;
}

.right-\[-40\%\] {
  right: -40%;
}

.right-\[-400px\] {
  right: -400px;
}

.right-\[-50px\] {
  right: -50px;
}

.right-\[-5px\] {
  right: -5px;
}

.right-\[-60px\] {
  right: -60px;
}

.right-\[-65\%\] {
  right: -65%;
}

.right-\[-73px\] {
  right: -73px;
}

.right-\[-75px\] {
  right: -75px;
}

.right-\[-90\%\] {
  right: -90%;
}

.right-\[-9px\] {
  right: -9px;
}

.right-\[0\%\] {
  right: 0%;
}

.right-\[0\.6em\] {
  right: 0.6em;
}

.right-\[00px\] {
  right: 00px;
}

.right-\[0\] {
  right: 0;
}

.right-\[1\%\] {
  right: 1%;
}

.right-\[10\%\] {
  right: 10%;
}

.right-\[103px\] {
  right: 103px;
}

.right-\[109px\] {
  right: 109px;
}

.right-\[10px\] {
  right: 10px;
}

.right-\[115px\] {
  right: 115px;
}

.right-\[121px\] {
  right: 121px;
}

.right-\[127px\] {
  right: 127px;
}

.right-\[12px\] {
  right: 12px;
}

.right-\[133px\] {
  right: 133px;
}

.right-\[145px\] {
  right: 145px;
}

.right-\[15\%\] {
  right: 15%;
}

.right-\[150px\] {
  right: 150px;
}

.right-\[15px\] {
  right: 15px;
}

.right-\[17\%\] {
  right: 17%;
}

.right-\[17px\] {
  right: 17px;
}

.right-\[180px\] {
  right: 180px;
}

.right-\[183px\] {
  right: 183px;
}

.right-\[185px\] {
  right: 185px;
}

.right-\[18px\] {
  right: 18px;
}

.right-\[2\%\] {
  right: 2%;
}

.right-\[20\%\] {
  right: 20%;
}

.right-\[200px\] {
  right: 200px;
}

.right-\[20px\] {
  right: 20px;
}

.right-\[214px\] {
  right: 214px;
}

.right-\[22px\] {
  right: 22px;
}

.right-\[234px\] {
  right: 234px;
}

.right-\[25px\] {
  right: 25px;
}

.right-\[26px\] {
  right: 26px;
}

.right-\[27px\] {
  right: 27px;
}

.right-\[3\%\] {
  right: 3%;
}

.right-\[30px\] {
  right: 30px;
}

.right-\[312px\] {
  right: 312px;
}

.right-\[330px\] {
  right: 330px;
}

.right-\[35\.9688px\] {
  right: 35.9688px;
}

.right-\[35px\] {
  right: 35px;
}

.right-\[38px\] {
  right: 38px;
}

.right-\[3px\] {
  right: 3px;
}

.right-\[4\%\] {
  right: 4%;
}

.right-\[42px\] {
  right: 42px;
}

.right-\[44px\] {
  right: 44px;
}

.right-\[45px\] {
  right: 45px;
}

.right-\[5\%\] {
  right: 5%;
}

.right-\[50px\] {
  right: 50px;
}

.right-\[53\%\] {
  right: 53%;
}

.right-\[53px\] {
  right: 53px;
}

.right-\[54px\] {
  right: 54px;
}

.right-\[55px\] {
  right: 55px;
}

.right-\[5px\] {
  right: 5px;
}

.right-\[60\.375px\] {
  right: 60.375px;
}

.right-\[60px\] {
  right: 60px;
}

.right-\[61px\] {
  right: 61px;
}

.right-\[66px\] {
  right: 66px;
}

.right-\[70px\] {
  right: 70px;
}

.right-\[72px\] {
  right: 72px;
}

.right-\[75px\] {
  right: 75px;
}

.right-\[77px\] {
  right: 77px;
}

.right-\[78px\] {
  right: 78px;
}

.right-\[7px\] {
  right: 7px;
}

.right-\[82px\] {
  right: 82px;
}

.right-\[84px\] {
  right: 84px;
}

.right-\[89px\] {
  right: 89px;
}

.right-\[8px\] {
  right: 8px;
}

.right-\[90px\] {
  right: 90px;
}

.right-\[calc\(-16px_\+_\(\(-22\)_-_\(-16\)\)_\*_\(\(100vw_-_992px\)_\/_\(1920_-_992\)\)\)\] {
  right: calc(-16px + ((-22) - (-16)) * ((100vw - 992px) / (1920 - 992)));
}

.right-\[calc\(-2px_\+_\(0_-_\(-2\)\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  right: calc(-2px + (0 - (-2)) * ((100vw - 320px) / (1920 - 320)));
}

.right-\[calc\(100\%_\+_33px\)\] {
  right: calc(100% + 33px);
}

.right-\[calc\(50\%_-_68px\)\] {
  right: calc(50% - 68px);
}

.right-\[calc\(55px_\+_\(60_-_55\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  right: calc(55px + (60 - 55) * ((100vw - 320px) / (1920 - 320)));
}

.right-\[calc\(6\%_\+_\(10_-_6\)_\*_\(\(100vw_-_768px\)_\/_\(1920_-_768\)\)\)\] {
  right: calc(6% + (10 - 6) * ((100vw - 768px) / (1920 - 768)));
}

.right-\[calc\(9\%_\+_\(12_-_9\)_\*_\(\(100vw_-_1200px\)_\/_\(1920_-_1200\)\)\)\] {
  right: calc(9% + (12 - 9) * ((100vw - 1200px) / (1920 - 1200)));
}

.right-\[calc\(_73\%_\+_\(80_-_73\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)_\)\] {
  right: calc( 73% + (80 - 73) * ((100vw - 320px) / (1920 - 320)) );
}

.right-\[initial\] {
  right: initial;
}

.right-\[unset\] {
  right: unset;
}

.start-0 {
  inset-inline-start: 0px;
}

.start-1 {
  inset-inline-start: 0.25rem;
}

.start-\[0px\] {
  inset-inline-start: 0px;
}

.start-\[100\%\] {
  inset-inline-start: 100%;
}

.start-\[50\%\] {
  inset-inline-start: 50%;
}

.top-0 {
  top: 0px;
}

.top-1 {
  top: 0.25rem;
}

.top-1\.5 {
  top: 0.375rem;
}

.top-10 {
  top: 2.5rem;
}

.top-2 {
  top: 0.5rem;
}

.top-2\.5 {
  top: 0.625rem;
}

.top-2\/4 {
  top: 50%;
}

.top-20 {
  top: 5rem;
}

.top-3 {
  top: 0.75rem;
}

.top-5 {
  top: 1.25rem;
}

.top-9 {
  top: 2.25rem;
}

.top-\[-0px\] {
  top: -0px;
}

.top-\[-11\%\] {
  top: -11%;
}

.top-\[-11px\] {
  top: -11px;
}

.top-\[-132px\] {
  top: -132px;
}

.top-\[-145px\] {
  top: -145px;
}

.top-\[-175px\] {
  top: -175px;
}

.top-\[-17px\] {
  top: -17px;
}

.top-\[-2\%\] {
  top: -2%;
}

.top-\[-25px\] {
  top: -25px;
}

.top-\[-26px\] {
  top: -26px;
}

.top-\[-3\%\] {
  top: -3%;
}

.top-\[-30px\] {
  top: -30px;
}

.top-\[-35px\] {
  top: -35px;
}

.top-\[-3px\] {
  top: -3px;
}

.top-\[-42px\] {
  top: -42px;
}

.top-\[-43px\] {
  top: -43px;
}

.top-\[-45px\] {
  top: -45px;
}

.top-\[-5\%\] {
  top: -5%;
}

.top-\[-50px\] {
  top: -50px;
}

.top-\[-55px\] {
  top: -55px;
}

.top-\[-5px\] {
  top: -5px;
}

.top-\[-72px\] {
  top: -72px;
}

.top-\[-75px\] {
  top: -75px;
}

.top-\[-7px\] {
  top: -7px;
}

.top-\[0\.75em\] {
  top: 0.75em;
}

.top-\[0px\] {
  top: 0px;
}

.top-\[1\%\] {
  top: 1%;
}

.top-\[1\.75em\] {
  top: 1.75em;
}

.top-\[10\%\] {
  top: 10%;
}

.top-\[100\%\] {
  top: 100%;
}

.top-\[100px\] {
  top: 100px;
}

.top-\[10px\] {
  top: 10px;
}

.top-\[11px\] {
  top: 11px;
}

.top-\[12\%\] {
  top: 12%;
}

.top-\[120px\] {
  top: 120px;
}

.top-\[125px\] {
  top: 125px;
}

.top-\[14\.5px\] {
  top: 14.5px;
}

.top-\[14px\] {
  top: 14px;
}

.top-\[15\%\] {
  top: 15%;
}

.top-\[15px\] {
  top: 15px;
}

.top-\[18px\] {
  top: 18px;
}

.top-\[19\%\] {
  top: 19%;
}

.top-\[19px\] {
  top: 19px;
}

.top-\[2\.5px\] {
  top: 2.5px;
}

.top-\[20\%\] {
  top: 20%;
}

.top-\[22\%\] {
  top: 22%;
}

.top-\[220px\] {
  top: 220px;
}

.top-\[22px\] {
  top: 22px;
}

.top-\[23\%\] {
  top: 23%;
}

.top-\[23px\] {
  top: 23px;
}

.top-\[25px\] {
  top: 25px;
}

.top-\[27px\] {
  top: 27px;
}

.top-\[28\%\] {
  top: 28%;
}

.top-\[3\%\] {
  top: 3%;
}

.top-\[30px\] {
  top: 30px;
}

.top-\[32\%\] {
  top: 32%;
}

.top-\[33px\] {
  top: 33px;
}

.top-\[35px\] {
  top: 35px;
}

.top-\[37\%\] {
  top: 37%;
}

.top-\[37px\] {
  top: 37px;
}

.top-\[38px\] {
  top: 38px;
}

.top-\[39px\] {
  top: 39px;
}

.top-\[406px\] {
  top: 406px;
}

.top-\[40px\] {
  top: 40px;
}

.top-\[41px\] {
  top: 41px;
}

.top-\[426px\] {
  top: 426px;
}

.top-\[42px\] {
  top: 42px;
}

.top-\[43px\] {
  top: 43px;
}

.top-\[45px\] {
  top: 45px;
}

.top-\[46px\] {
  top: 46px;
}

.top-\[470px\] {
  top: 470px;
}

.top-\[47px\] {
  top: 47px;
}

.top-\[48\%\] {
  top: 48%;
}

.top-\[48px\] {
  top: 48px;
}

.top-\[50\%\] {
  top: 50%;
}

.top-\[50px\] {
  top: 50px;
}

.top-\[52px\] {
  top: 52px;
}

.top-\[53px\] {
  top: 53px;
}

.top-\[55px\] {
  top: 55px;
}

.top-\[57px\] {
  top: 57px;
}

.top-\[58px\] {
  top: 58px;
}

.top-\[5px\] {
  top: 5px;
}

.top-\[6\%\] {
  top: 6%;
}

.top-\[60\%\] {
  top: 60%;
}

.top-\[60px\] {
  top: 60px;
}

.top-\[62px\] {
  top: 62px;
}

.top-\[65px\] {
  top: 65px;
}

.top-\[68px\] {
  top: 68px;
}

.top-\[7\%\] {
  top: 7%;
}

.top-\[70px\] {
  top: 70px;
}

.top-\[74px\] {
  top: 74px;
}

.top-\[78px\] {
  top: 78px;
}

.top-\[79px\] {
  top: 79px;
}

.top-\[7px\] {
  top: 7px;
}

.top-\[8\%\] {
  top: 8%;
}

.top-\[81px\] {
  top: 81px;
}

.top-\[87px\] {
  top: 87px;
}

.top-\[8px\] {
  top: 8px;
}

.top-\[9\%\] {
  top: 9%;
}

.top-\[90px\] {
  top: 90px;
}

.top-\[92px\] {
  top: 92px;
}

.top-\[9px\] {
  top: 9px;
}

.top-\[calc\(-1\*12px\)\] {
  top: calc(-1 * 12px);
}

.top-\[calc\(32px_-_18px\)\] {
  top: calc(32px - 18px);
}

.top-\[calc\(50\%_-_20px\)\] {
  top: calc(50% - 20px);
}

.top-\[calc\(50\%_-_3px\)\] {
  top: calc(50% - 3px);
}

.top-\[calc\(50\%_-_8px\)\] {
  top: calc(50% - 8px);
}

.top-\[unset\] {
  top: unset;
}

.top-\[var\(--box-layout-space\)\] {
  top: var(--box-layout-space);
}

.top-\[var\(--main-header-top\)\] {
  top: var(--main-header-top);
}

.top-\[var\(--t\2c 13px\)\] {
  top: var(--t,13px);
}

.top-auto {
  top: auto;
}

.top-full {
  top: 100%;
}

.isolate {
  isolation: isolate;
}

.\!z-\[9\] {
  z-index: 9 !important;
}

.z-0 {
  z-index: 0;
}

.z-10 {
  z-index: 10;
}

.z-50 {
  z-index: 50;
}

.z-\[-100\] {
  z-index: -100;
}

.z-\[-1\] {
  z-index: -1;
}

.z-\[10000\] {
  z-index: 10000;
}

.z-\[1000\] {
  z-index: 1000;
}

.z-\[100\] {
  z-index: 100;
}

.z-\[1030\] {
  z-index: 1030;
}

.z-\[1040\] {
  z-index: 1040;
}

.z-\[1045\] {
  z-index: 1045;
}

.z-\[1050\] {
  z-index: 1050;
}

.z-\[1055\] {
  z-index: 1055;
}

.z-\[1075\] {
  z-index: 1075;
}

.z-\[111\] {
  z-index: 111;
}

.z-\[112\] {
  z-index: 112;
}

.z-\[11\] {
  z-index: 11;
}

.z-\[12\] {
  z-index: 12;
}

.z-\[1\] {
  z-index: 1;
}

.z-\[2003\] {
  z-index: 2003;
}

.z-\[2\] {
  z-index: 2;
}

.z-\[3\] {
  z-index: 3;
}

.z-\[4\] {
  z-index: 4;
}

.z-\[5\] {
  z-index: 5;
}

.z-\[6\] {
  z-index: 6;
}

.z-\[7\] {
  z-index: 7;
}

.z-\[8\] {
  z-index: 8;
}

.z-\[99999\] {
  z-index: 99999;
}

.z-\[9999\] {
  z-index: 9999;
}

.z-\[999\] {
  z-index: 999;
}

.z-\[99\] {
  z-index: 99;
}

.z-\[9\] {
  z-index: 9;
}

.z-\[var\(--main-header-z-index\)\] {
  z-index: var(--main-header-z-index);
}

.-order-1 {
  order: -1;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-\[1\] {
  order: 1;
}

.order-first {
  order: -9999;
}

.order-last {
  order: 9999;
}

.order-none {
  order: 0;
}

.col-auto {
  grid-column: auto;
}

.col-span-1 {
  grid-column: span 1 / span 1;
}

.col-span-10 {
  grid-column: span 10 / span 10;
}

.col-span-12 {
  grid-column: span 12 / span 12;
}

.col-span-2 {
  grid-column: span 2 / span 2;
}

.col-span-3 {
  grid-column: span 3 / span 3;
}

.col-span-4 {
  grid-column: span 4 / span 4;
}

.col-span-5 {
  grid-column: span 5 / span 5;
}

.col-span-6 {
  grid-column: span 6 / span 6;
}

.col-span-7 {
  grid-column: span 7 / span 7;
}

.col-span-8 {
  grid-column: span 8 / span 8;
}

.col-span-9 {
  grid-column: span 9 / span 9;
}

.col-start-10 {
  grid-column-start: 10;
}

.col-start-2 {
  grid-column-start: 2;
}

.col-start-3 {
  grid-column-start: 3;
}

.col-start-4 {
  grid-column-start: 4;
}

.col-start-8 {
  grid-column-start: 8;
}

.float-start {
  float: inline-start;
}

.float-end {
  float: inline-end;
}

.float-right {
  float: right;
}

.float-left {
  float: left;
}

.float-none {
  float: none;
}

.clear-left {
  clear: left;
}

.clear-right {
  clear: right;
}

.clear-both {
  clear: both;
}

.clear-none {
  clear: none;
}

.\!m-0 {
  margin: 0px !important;
}

.\!m-\[0px\] {
  margin: 0px !important;
}

.\!m-\[8px\] {
  margin: 8px !important;
}

.m-0 {
  margin: 0px;
}

.m-0\.5 {
  margin: 0.125rem;
}

.m-1 {
  margin: 0.25rem;
}

.m-1\.5 {
  margin: 0.375rem;
}

.m-10 {
  margin: 2.5rem;
}

.m-2\.5 {
  margin: 0.625rem;
}

.m-20 {
  margin: 5rem;
}

.m-3 {
  margin: 0.75rem;
}

.m-40 {
  margin: 10rem;
}

.m-5 {
  margin: 1.25rem;
}

.m-\[0\] {
  margin: 0;
}

.m-\[0px\] {
  margin: 0px;
}

.m-\[10px\] {
  margin: 10px;
}

.m-\[15px\] {
  margin: 15px;
}

.m-\[20px\] {
  margin: 20px;
}

.m-\[25px\] {
  margin: 25px;
}

.m-\[30px\] {
  margin: 30px;
}

.m-\[35px\] {
  margin: 35px;
}

.m-\[40px\] {
  margin: 40px;
}

.m-\[45px\] {
  margin: 45px;
}

.m-\[50px\] {
  margin: 50px;
}

.m-\[7px\] {
  margin: 7px;
}

.m-\[auto\] {
  margin: auto;
}

.m-\[initial\] {
  margin: initial;
}

.m-auto {
  margin: auto;
}

.\!mx-1\.5 {
  margin-left: 0.375rem !important;
  margin-right: 0.375rem !important;
}

.\!mx-2 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}

.\!my-\[0px\] {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.\!my-\[15px\] {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}

.\!my-\[20px\] {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.\!my-\[30px\] {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}

.\!my-\[5px\] {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

.-mx-2 {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

.-mx-2\.5 {
  margin-left: -0.625rem;
  margin-right: -0.625rem;
}

.-mx-7 {
  margin-left: -1.75rem;
  margin-right: -1.75rem;
}

.mx-0 {
  margin-left: 0px;
  margin-right: 0px;
}

.mx-0\.5 {
  margin-left: 0.125rem;
  margin-right: 0.125rem;
}

.mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.mx-1\.5 {
  margin-left: 0.375rem;
  margin-right: 0.375rem;
}

.mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.mx-2\.5 {
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}

.mx-5 {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}

.mx-\[0\] {
  margin-left: 0;
  margin-right: 0;
}

.mx-\[15px\] {
  margin-left: 15px;
  margin-right: 15px;
}

.mx-\[18px\] {
  margin-left: 18px;
  margin-right: 18px;
}

.mx-\[30px\] {
  margin-left: 30px;
  margin-right: 30px;
}

.mx-\[3px\] {
  margin-left: 3px;
  margin-right: 3px;
}

.mx-\[50px\] {
  margin-left: 50px;
  margin-right: 50px;
}

.mx-\[5px\] {
  margin-left: 5px;
  margin-right: 5px;
}

.mx-\[6px\] {
  margin-left: 6px;
  margin-right: 6px;
}

.mx-\[7px\] {
  margin-left: 7px;
  margin-right: 7px;
}

.mx-\[auto\] {
  margin-left: auto;
  margin-right: auto;
}

.mx-\[calc\(10px_\+_\(28_-_10\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  margin-left: calc(10px + (28 - 10) * ((100vw - 320px) / (1920 - 320)));
  margin-right: calc(10px + (28 - 10) * ((100vw - 320px) / (1920 - 320)));
}

.mx-\[unset\] {
  margin-left: unset;
  margin-right: unset;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.my-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}

.my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.my-2\.5 {
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
}

.my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.my-\[0\.1em\] {
  margin-top: 0.1em;
  margin-bottom: 0.1em;
}

.my-\[0\.25em\] {
  margin-top: 0.25em;
  margin-bottom: 0.25em;
}

.my-\[10px\] {
  margin-top: 10px;
  margin-bottom: 10px;
}

.my-\[12px\] {
  margin-top: 12px;
  margin-bottom: 12px;
}

.my-\[15px\] {
  margin-top: 15px;
  margin-bottom: 15px;
}

.my-\[16px\] {
  margin-top: 16px;
  margin-bottom: 16px;
}

.my-\[18px\] {
  margin-top: 18px;
  margin-bottom: 18px;
}

.my-\[20px\] {
  margin-top: 20px;
  margin-bottom: 20px;
}

.my-\[21px\] {
  margin-top: 21px;
  margin-bottom: 21px;
}

.my-\[22px\] {
  margin-top: 22px;
  margin-bottom: 22px;
}

.my-\[23px\] {
  margin-top: 23px;
  margin-bottom: 23px;
}

.my-\[28px\] {
  margin-top: 28px;
  margin-bottom: 28px;
}

.my-\[30px\] {
  margin-top: 30px;
  margin-bottom: 30px;
}

.my-\[36px\] {
  margin-top: 36px;
  margin-bottom: 36px;
}

.my-\[45px\] {
  margin-top: 45px;
  margin-bottom: 45px;
}

.my-\[50px\] {
  margin-top: 50px;
  margin-bottom: 50px;
}

.my-\[55px\] {
  margin-top: 55px;
  margin-bottom: 55px;
}

.my-\[5px\] {
  margin-top: 5px;
  margin-bottom: 5px;
}

.my-\[64px\] {
  margin-top: 64px;
  margin-bottom: 64px;
}

.my-\[6px\] {
  margin-top: 6px;
  margin-bottom: 6px;
}

.my-\[82px\] {
  margin-top: 82px;
  margin-bottom: 82px;
}

.my-\[8px\] {
  margin-top: 8px;
  margin-bottom: 8px;
}

.my-\[calc\(18px_\+_\(18_-_18\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  margin-top: calc(18px + (18 - 18) * ((100vw - 320px) / (1920 - 320)));
  margin-bottom: calc(18px + (18 - 18) * ((100vw - 320px) / (1920 - 320)));
}

.my-px {
  margin-top: 1px;
  margin-bottom: 1px;
}

.\!-mt-\[12px\] {
  margin-top: -12px !important;
}

.\!mb-0 {
  margin-bottom: 0px !important;
}

.\!mb-10 {
  margin-bottom: 2.5rem !important;
}

.\!mb-2 {
  margin-bottom: 0.5rem !important;
}

.\!mb-3 {
  margin-bottom: 0.75rem !important;
}

.\!mb-5 {
  margin-bottom: 1.25rem !important;
}

.\!mb-\[-30px\] {
  margin-bottom: -30px !important;
}

.\!mb-\[-54px\] {
  margin-bottom: -54px !important;
}

.\!mb-\[0\] {
  margin-bottom: 0 !important;
}

.\!mb-\[0px\] {
  margin-bottom: 0px !important;
}

.\!mb-\[10px\] {
  margin-bottom: 10px !important;
}

.\!mb-\[11px\] {
  margin-bottom: 11px !important;
}

.\!mb-\[15px\] {
  margin-bottom: 15px !important;
}

.\!mb-\[16px\] {
  margin-bottom: 16px !important;
}

.\!mb-\[18px\] {
  margin-bottom: 18px !important;
}

.\!mb-\[20px\] {
  margin-bottom: 20px !important;
}

.\!mb-\[24px\] {
  margin-bottom: 24px !important;
}

.\!mb-\[25px\] {
  margin-bottom: 25px !important;
}

.\!mb-\[28px\] {
  margin-bottom: 28px !important;
}

.\!mb-\[30px\] {
  margin-bottom: 30px !important;
}

.\!mb-\[50px\] {
  margin-bottom: 50px !important;
}

.\!mb-\[5px\] {
  margin-bottom: 5px !important;
}

.\!mb-\[70px\] {
  margin-bottom: 70px !important;
}

.\!mb-\[8px\] {
  margin-bottom: 8px !important;
}

.\!mb-\[calc\(15px_\+_\(30_-_15\)_\*_\(\(100vw_-_300px\)_\/_\(1920_-_300\)\)\)\] {
  margin-bottom: calc(15px + (30 - 15) * ((100vw - 300px) / (1920 - 300))) !important;
}

.\!ml-0 {
  margin-left: 0px !important;
}

.\!ml-2 {
  margin-left: 0.5rem !important;
}

.\!ml-2\.5 {
  margin-left: 0.625rem !important;
}

.\!ml-5 {
  margin-left: 1.25rem !important;
}

.\!ml-\[0\] {
  margin-left: 0 !important;
}

.\!ml-\[10px\] {
  margin-left: 10px !important;
}

.\!ml-\[58px\] {
  margin-left: 58px !important;
}

.\!ml-\[8px\] {
  margin-left: 8px !important;
}

.\!ml-\[unset\] {
  margin-left: unset !important;
}

.\!mr-\[0\] {
  margin-right: 0 !important;
}

.\!mr-\[0px\] {
  margin-right: 0px !important;
}

.\!mr-\[20px\] {
  margin-right: 20px !important;
}

.\!mr-\[35px\] {
  margin-right: 35px !important;
}

.\!mr-\[58px\] {
  margin-right: 58px !important;
}

.\!mr-\[unset\] {
  margin-right: unset !important;
}

.\!mt-0 {
  margin-top: 0px !important;
}

.\!mt-2\.5 {
  margin-top: 0.625rem !important;
}

.\!mt-5 {
  margin-top: 1.25rem !important;
}

.\!mt-\[-3px\] {
  margin-top: -3px !important;
}

.\!mt-\[0\] {
  margin-top: 0 !important;
}

.\!mt-\[15px\] {
  margin-top: 15px !important;
}

.\!mt-\[20px\] {
  margin-top: 20px !important;
}

.\!mt-\[24px\] {
  margin-top: 24px !important;
}

.\!mt-\[48px\] {
  margin-top: 48px !important;
}

.-mb-0 {
  margin-bottom: -0px;
}

.-mb-10 {
  margin-bottom: -2.5rem;
}

.-mb-12 {
  margin-bottom: -3rem;
}

.-mb-2 {
  margin-bottom: -0.5rem;
}

.-mb-3 {
  margin-bottom: -0.75rem;
}

.-mb-5 {
  margin-bottom: -1.25rem;
}

.-mb-6 {
  margin-bottom: -1.5rem;
}

.-mb-px {
  margin-bottom: -1px;
}

.-ml-1 {
  margin-left: -0.25rem;
}

.-ml-1\.5 {
  margin-left: -0.375rem;
}

.-ml-12 {
  margin-left: -3rem;
}

.-ml-2 {
  margin-left: -0.5rem;
}

.-ml-2\.5 {
  margin-left: -0.625rem;
}

.-ml-3 {
  margin-left: -0.75rem;
}

.-ml-4 {
  margin-left: -1rem;
}

.-ml-5 {
  margin-left: -1.25rem;
}

.-ml-7 {
  margin-left: -1.75rem;
}

.-ml-px {
  margin-left: -1px;
}

.-mr-0 {
  margin-right: -0px;
}

.-mr-1 {
  margin-right: -0.25rem;
}

.-mr-1\.5 {
  margin-right: -0.375rem;
}

.-mr-2 {
  margin-right: -0.5rem;
}

.-mr-2\.5 {
  margin-right: -0.625rem;
}

.-mr-3 {
  margin-right: -0.75rem;
}

.-mr-4 {
  margin-right: -1rem;
}

.-mr-5 {
  margin-right: -1.25rem;
}

.-mr-px {
  margin-right: -1px;
}

.-mt-0 {
  margin-top: -0px;
}

.-mt-1 {
  margin-top: -0.25rem;
}

.-mt-10 {
  margin-top: -2.5rem;
}

.-mt-2 {
  margin-top: -0.5rem;
}

.-mt-2\.5 {
  margin-top: -0.625rem;
}

.-mt-3 {
  margin-top: -0.75rem;
}

.-mt-3\.5 {
  margin-top: -0.875rem;
}

.-mt-5 {
  margin-top: -1.25rem;
}

.-mt-7 {
  margin-top: -1.75rem;
}

.mb-0 {
  margin-bottom: 0px;
}

.mb-1 {
  margin-bottom: 0.25rem;
}

.mb-1\.5 {
  margin-bottom: 0.375rem;
}

.mb-10 {
  margin-bottom: 2.5rem;
}

.mb-2 {
  margin-bottom: 0.5rem;
}

.mb-2\.5 {
  margin-bottom: 0.625rem;
}

.mb-20 {
  margin-bottom: 5rem;
}

.mb-3 {
  margin-bottom: 0.75rem;
}

.mb-3\.5 {
  margin-bottom: 0.875rem;
}

.mb-4 {
  margin-bottom: 1rem;
}

.mb-40 {
  margin-bottom: 10rem;
}

.mb-5 {
  margin-bottom: 1.25rem;
}

.mb-6 {
  margin-bottom: 1.5rem;
}

.mb-7 {
  margin-bottom: 1.75rem;
}

.mb-\[-0\.5rem\] {
  margin-bottom: -0.5rem;
}

.mb-\[-11px\] {
  margin-bottom: -11px;
}

.mb-\[-13px\] {
  margin-bottom: -13px;
}

.mb-\[-15px\] {
  margin-bottom: -15px;
}

.mb-\[-18px\] {
  margin-bottom: -18px;
}

.mb-\[-22px\] {
  margin-bottom: -22px;
}

.mb-\[-23px\] {
  margin-bottom: -23px;
}

.mb-\[-25px\] {
  margin-bottom: -25px;
}

.mb-\[-26px\] {
  margin-bottom: -26px;
}

.mb-\[-27px\] {
  margin-bottom: -27px;
}

.mb-\[-30px\] {
  margin-bottom: -30px;
}

.mb-\[-33px\] {
  margin-bottom: -33px;
}

.mb-\[-39px\] {
  margin-bottom: -39px;
}

.mb-\[-3px\] {
  margin-bottom: -3px;
}

.mb-\[-43px\] {
  margin-bottom: -43px;
}

.mb-\[-45px\] {
  margin-bottom: -45px;
}

.mb-\[-48px\] {
  margin-bottom: -48px;
}

.mb-\[-50px\] {
  margin-bottom: -50px;
}

.mb-\[-58px\] {
  margin-bottom: -58px;
}

.mb-\[-5px\] {
  margin-bottom: -5px;
}

.mb-\[-63px\] {
  margin-bottom: -63px;
}

.mb-\[-65px\] {
  margin-bottom: -65px;
}

.mb-\[-70px\] {
  margin-bottom: -70px;
}

.mb-\[0\] {
  margin-bottom: 0;
}

.mb-\[0px\] {
  margin-bottom: 0px;
}

.mb-\[1\.2rem\] {
  margin-bottom: 1.2rem;
}

.mb-\[1\.6rem\] {
  margin-bottom: 1.6rem;
}

.mb-\[100px\] {
  margin-bottom: 100px;
}

.mb-\[11px\] {
  margin-bottom: 11px;
}

.mb-\[13px\] {
  margin-bottom: 13px;
}

.mb-\[15px\] {
  margin-bottom: 15px;
}

.mb-\[16px\] {
  margin-bottom: 16px;
}

.mb-\[18px\] {
  margin-bottom: 18px;
}

.mb-\[19px\] {
  margin-bottom: 19px;
}

.mb-\[20px\] {
  margin-bottom: 20px;
}

.mb-\[22px\] {
  margin-bottom: 22px;
}

.mb-\[24px\] {
  margin-bottom: 24px;
}

.mb-\[25px\] {
  margin-bottom: 25px;
}

.mb-\[26px\] {
  margin-bottom: 26px;
}

.mb-\[2em\] {
  margin-bottom: 2em;
}

.mb-\[30px\] {
  margin-bottom: 30px;
}

.mb-\[31px\] {
  margin-bottom: 31px;
}

.mb-\[33px\] {
  margin-bottom: 33px;
}

.mb-\[35px\] {
  margin-bottom: 35px;
}

.mb-\[38px\] {
  margin-bottom: 38px;
}

.mb-\[3px\] {
  margin-bottom: 3px;
}

.mb-\[40px\] {
  margin-bottom: 40px;
}

.mb-\[45px\] {
  margin-bottom: 45px;
}

.mb-\[4px\] {
  margin-bottom: 4px;
}

.mb-\[50px\] {
  margin-bottom: 50px;
}

.mb-\[52px\] {
  margin-bottom: 52px;
}

.mb-\[5px\] {
  margin-bottom: 5px;
}

.mb-\[60px\] {
  margin-bottom: 60px;
}

.mb-\[65px\] {
  margin-bottom: 65px;
}

.mb-\[70px\] {
  margin-bottom: 70px;
}

.mb-\[78px\] {
  margin-bottom: 78px;
}

.mb-\[79px\] {
  margin-bottom: 79px;
}

.mb-\[7px\] {
  margin-bottom: 7px;
}

.mb-\[calc\(-1_\*_var\(--tw-nav-tabs-border-width\)\)\] {
  margin-bottom: calc(-1 * var(--tw-nav-tabs-border-width));
}

.mb-\[calc\(12px_\+_\(18_-_12\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  margin-bottom: calc(12px + (18 - 12) * ((100vw - 320px) / (1920 - 320)));
}

.mb-\[calc\(14px_\+_\(24_-_14\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  margin-bottom: calc(14px + (24 - 14) * ((100vw - 320px) / (1920 - 320)));
}

.mb-\[calc\(25px_\+_\(60_-_25\)_\*_\(\(100vw_-_300px\)_\/_\(1920_-_300\)\)\)\] {
  margin-bottom: calc(25px + (60 - 25) * ((100vw - 300px) / (1920 - 300)));
}

.mb-\[calc\(2px_\+_\(8_-_2\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  margin-bottom: calc(2px + (8 - 2) * ((100vw - 320px) / (1920 - 320)));
}

.mb-\[calc\(7px_\+_6_\*_\(100vw_-_320px\)_\/_1600\)\] {
  margin-bottom: calc(7px + 6 * (100vw - 320px) / 1600);
}

.mb-\[calc\(8px_\+_\(18_-_8\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  margin-bottom: calc(8px + (18 - 8) * ((100vw - 320px) / (1920 - 320)));
}

.mb-\[calc\(8px_\+_\(22_-_8\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  margin-bottom: calc(8px + (22 - 8) * ((100vw - 320px) / (1920 - 320)));
}

.mb-\[calc\(_-10px_\+_\(-22_-_\(-10\)\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)_\)\] {
  margin-bottom: calc( -10px + (-22 - (-10)) * ((100vw - 320px) / (1920 - 320)) );
}

.mb-\[var\(--card-margin-bottom\)\] {
  margin-bottom: var(--card-margin-bottom);
}

.mb-\[var\(--page-small-title-margin-bottom\)\] {
  margin-bottom: var(--page-small-title-margin-bottom);
}

.mb-\[var\(--page-title-margin-bottom\)\] {
  margin-bottom: var(--page-title-margin-bottom);
}

.me-0 {
  margin-inline-end: 0px;
}

.me-1 {
  margin-inline-end: 0.25rem;
}

.me-16 {
  margin-inline-end: 4rem;
}

.me-2 {
  margin-inline-end: 0.5rem;
}

.me-3 {
  margin-inline-end: 0.75rem;
}

.me-4 {
  margin-inline-end: 1rem;
}

.me-5 {
  margin-inline-end: 1.25rem;
}

.me-7 {
  margin-inline-end: 1.75rem;
}

.me-auto {
  margin-inline-end: auto;
}

.ml-0 {
  margin-left: 0px;
}

.ml-0\.5 {
  margin-left: 0.125rem;
}

.ml-1 {
  margin-left: 0.25rem;
}

.ml-1\.5 {
  margin-left: 0.375rem;
}

.ml-10 {
  margin-left: 2.5rem;
}

.ml-12 {
  margin-left: 3rem;
}

.ml-2 {
  margin-left: 0.5rem;
}

.ml-2\.5 {
  margin-left: 0.625rem;
}

.ml-20 {
  margin-left: 5rem;
}

.ml-3 {
  margin-left: 0.75rem;
}

.ml-3\.5 {
  margin-left: 0.875rem;
}

.ml-4 {
  margin-left: 1rem;
}

.ml-40 {
  margin-left: 10rem;
}

.ml-5 {
  margin-left: 1.25rem;
}

.ml-6 {
  margin-left: 1.5rem;
}

.ml-\[-0\.5rem\] {
  margin-left: -0.5rem;
}

.ml-\[-100px\] {
  margin-left: -100px;
}

.ml-\[-13\%\] {
  margin-left: -13%;
}

.ml-\[-14px\] {
  margin-left: -14px;
}

.ml-\[-15px\] {
  margin-left: -15px;
}

.ml-\[-17px\] {
  margin-left: -17px;
}

.ml-\[-185px\] {
  margin-left: -185px;
}

.ml-\[-1ch\] {
  margin-left: -1ch;
}

.ml-\[-1rem\] {
  margin-left: -1rem;
}

.ml-\[-2\.5px\] {
  margin-left: -2.5px;
}

.ml-\[-200px\] {
  margin-left: -200px;
}

.ml-\[-20px\] {
  margin-left: -20px;
}

.ml-\[-22px\] {
  margin-left: -22px;
}

.ml-\[-25px\] {
  margin-left: -25px;
}

.ml-\[-27px\] {
  margin-left: -27px;
}

.ml-\[-3\%\] {
  margin-left: -3%;
}

.ml-\[-30px\] {
  margin-left: -30px;
}

.ml-\[-38px\] {
  margin-left: -38px;
}

.ml-\[-39px\] {
  margin-left: -39px;
}

.ml-\[-3ch\] {
  margin-left: -3ch;
}

.ml-\[-3px\] {
  margin-left: -3px;
}

.ml-\[-4\%\] {
  margin-left: -4%;
}

.ml-\[-42px\] {
  margin-left: -42px;
}

.ml-\[-46px\] {
  margin-left: -46px;
}

.ml-\[-50px\] {
  margin-left: -50px;
}

.ml-\[-54px\] {
  margin-left: -54px;
}

.ml-\[-5px\] {
  margin-left: -5px;
}

.ml-\[-7\%\] {
  margin-left: -7%;
}

.ml-\[0\.5em\] {
  margin-left: 0.5em;
}

.ml-\[0\] {
  margin-left: 0;
}

.ml-\[0px\] {
  margin-left: 0px;
}

.ml-\[110px\] {
  margin-left: 110px;
}

.ml-\[150px\] {
  margin-left: 150px;
}

.ml-\[15px\] {
  margin-left: 15px;
}

.ml-\[16px\] {
  margin-left: 16px;
}

.ml-\[18px\] {
  margin-left: 18px;
}

.ml-\[20px\] {
  margin-left: 20px;
}

.ml-\[21px\] {
  margin-left: 21px;
}

.ml-\[230px\] {
  margin-left: 230px;
}

.ml-\[25px\] {
  margin-left: 25px;
}

.ml-\[260px\] {
  margin-left: 260px;
}

.ml-\[265px\] {
  margin-left: 265px;
}

.ml-\[296px\] {
  margin-left: 296px;
}

.ml-\[30px\] {
  margin-left: 30px;
}

.ml-\[31px\] {
  margin-left: 31px;
}

.ml-\[34px\] {
  margin-left: 34px;
}

.ml-\[35px\] {
  margin-left: 35px;
}

.ml-\[360px\] {
  margin-left: 360px;
}

.ml-\[3px\] {
  margin-left: 3px;
}

.ml-\[4\.6666666667px\] {
  margin-left: 4.6666666667px;
}

.ml-\[45px\] {
  margin-left: 45px;
}

.ml-\[46px\] {
  margin-left: 46px;
}

.ml-\[4px\] {
  margin-left: 4px;
}

.ml-\[50px\] {
  margin-left: 50px;
}

.ml-\[55px\] {
  margin-left: 55px;
}

.ml-\[5px\] {
  margin-left: 5px;
}

.ml-\[63px\] {
  margin-left: 63px;
}

.ml-\[6px\] {
  margin-left: 6px;
}

.ml-\[74px\] {
  margin-left: 74px;
}

.ml-\[7px\] {
  margin-left: 7px;
}

.ml-\[8px\] {
  margin-left: 8px;
}

.ml-\[90px\] {
  margin-left: 90px;
}

.ml-\[auto\] {
  margin-left: auto;
}

.ml-\[calc\(1px_\*_-1\)\] {
  margin-left: calc(1px * -1);
}

.ml-\[calc\(50\%_\+_20px\)\] {
  margin-left: calc(50% + 20px);
}

.ml-\[calc\(50\%_-_321px\)\] {
  margin-left: calc(50% - 321px);
}

.ml-\[calc\(6px_\+_\(28_-_6\)_\*_\(\(100vw_-_992px\)_\/_\(1920_-_992\)\)\)\] {
  margin-left: calc(6px + (28 - 6) * ((100vw - 992px) / (1920 - 992)));
}

.ml-\[calc\(90px_\+_\(135_-_90\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  margin-left: calc(90px + (135 - 90) * ((100vw - 320px) / (1920 - 320)));
}

.ml-\[calc\(_6px_\+_\(56_-_6\)_\*_\(\(100vw_-_992px\)_\/_\(1920_-_992\)\)_\)\] {
  margin-left: calc( 6px + (56 - 6) * ((100vw - 992px) / (1920 - 992)) );
}

.ml-\[calc\(var\(--bs-border-width\)_\*_-1\)\] {
  margin-left: calc(var(--bs-border-width) * -1);
}

.ml-\[unset\] {
  margin-left: unset;
}

.ml-\[var\(--sidebar-compact-width\)\] {
  margin-left: var(--sidebar-compact-width);
}

.ml-auto {
  margin-left: auto;
}

.ml-px {
  margin-left: 1px;
}

.mr-0 {
  margin-right: 0px;
}

.mr-0\.5 {
  margin-right: 0.125rem;
}

.mr-1 {
  margin-right: 0.25rem;
}

.mr-1\.5 {
  margin-right: 0.375rem;
}

.mr-10 {
  margin-right: 2.5rem;
}

.mr-2 {
  margin-right: 0.5rem;
}

.mr-2\.5 {
  margin-right: 0.625rem;
}

.mr-20 {
  margin-right: 5rem;
}

.mr-3 {
  margin-right: 0.75rem;
}

.mr-3\.5 {
  margin-right: 0.875rem;
}

.mr-4 {
  margin-right: 1rem;
}

.mr-40 {
  margin-right: 10rem;
}

.mr-5 {
  margin-right: 1.25rem;
}

.mr-6 {
  margin-right: 1.5rem;
}

.mr-\[-1\.5em\] {
  margin-right: -1.5em;
}

.mr-\[-100px\] {
  margin-right: -100px;
}

.mr-\[-13\%\] {
  margin-right: -13%;
}

.mr-\[-15px\] {
  margin-right: -15px;
}

.mr-\[-2\%\] {
  margin-right: -2%;
}

.mr-\[-20px\] {
  margin-right: -20px;
}

.mr-\[-22px\] {
  margin-right: -22px;
}

.mr-\[-25px\] {
  margin-right: -25px;
}

.mr-\[-27px\] {
  margin-right: -27px;
}

.mr-\[-39px\] {
  margin-right: -39px;
}

.mr-\[-3px\] {
  margin-right: -3px;
}

.mr-\[-42px\] {
  margin-right: -42px;
}

.mr-\[-46px\] {
  margin-right: -46px;
}

.mr-\[-5\%\] {
  margin-right: -5%;
}

.mr-\[-58px\] {
  margin-right: -58px;
}

.mr-\[-5px\] {
  margin-right: -5px;
}

.mr-\[-78px\] {
  margin-right: -78px;
}

.mr-\[0\] {
  margin-right: 0;
}

.mr-\[0px\] {
  margin-right: 0px;
}

.mr-\[10px\] {
  margin-right: 10px;
}

.mr-\[110px\] {
  margin-right: 110px;
}

.mr-\[120px\] {
  margin-right: 120px;
}

.mr-\[150px\] {
  margin-right: 150px;
}

.mr-\[15px\] {
  margin-right: 15px;
}

.mr-\[16\.66666667\%\] {
  margin-right: 16.66666667%;
}

.mr-\[17px\] {
  margin-right: 17px;
}

.mr-\[18px\] {
  margin-right: 18px;
}

.mr-\[1em\] {
  margin-right: 1em;
}

.mr-\[230px\] {
  margin-right: 230px;
}

.mr-\[25\%\] {
  margin-right: 25%;
}

.mr-\[265px\] {
  margin-right: 265px;
}

.mr-\[296px\] {
  margin-right: 296px;
}

.mr-\[2em\] {
  margin-right: 2em;
}

.mr-\[30px\] {
  margin-right: 30px;
}

.mr-\[35px\] {
  margin-right: 35px;
}

.mr-\[360px\] {
  margin-right: 360px;
}

.mr-\[3px\] {
  margin-right: 3px;
}

.mr-\[45px\] {
  margin-right: 45px;
}

.mr-\[46px\] {
  margin-right: 46px;
}

.mr-\[50px\] {
  margin-right: 50px;
}

.mr-\[5px\] {
  margin-right: 5px;
}

.mr-\[6px\] {
  margin-right: 6px;
}

.mr-\[70px\] {
  margin-right: 70px;
}

.mr-\[74px\] {
  margin-right: 74px;
}

.mr-\[7px\] {
  margin-right: 7px;
}

.mr-\[8px\] {
  margin-right: 8px;
}

.mr-\[90px\] {
  margin-right: 90px;
}

.mr-\[calc\(-0\.5_\*_12px\)\] {
  margin-right: calc(-0.5 * 12px);
}

.mr-\[calc\(50\%_\+_20px\)\] {
  margin-right: calc(50% + 20px);
}

.mr-\[calc\(50\%_-_321px\)\] {
  margin-right: calc(50% - 321px);
}

.mr-\[calc\(6px_\+_\(28_-_6\)_\*_\(\(100vw_-_992px\)_\/_\(1920_-_992\)\)\)\] {
  margin-right: calc(6px + (28 - 6) * ((100vw - 992px) / (1920 - 992)));
}

.mr-\[calc\(6px_\+_\(56_-_6\)_\*_\(\(100vw_-_992px\)_\/_\(1920_-_992\)\)\)\] {
  margin-right: calc(6px + (56 - 6) * ((100vw - 992px) / (1920 - 992)));
}

.mr-\[calc\(_6px_\+_\(10_-_6\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)_\)\] {
  margin-right: calc( 6px + (10 - 6) * ((100vw - 320px) / (1920 - 320)) );
}

.mr-\[calc\(_90px_\+_\(135_-_90\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)_\)\] {
  margin-right: calc( 90px + (135 - 90) * ((100vw - 320px) / (1920 - 320)) );
}

.mr-\[px\] {
  margin-right: px;
}

.mr-\[unset\] {
  margin-right: unset;
}

.mr-\[var\(--list-group-margin\)\] {
  margin-right: var(--list-group-margin);
}

.mr-auto {
  margin-right: auto;
}

.mr-px {
  margin-right: 1px;
}

.ms-0 {
  margin-inline-start: 0px;
}

.ms-1 {
  margin-inline-start: 0.25rem;
}

.ms-2 {
  margin-inline-start: 0.5rem;
}

.ms-3 {
  margin-inline-start: 0.75rem;
}

.ms-auto {
  margin-inline-start: auto;
}

.mt-0 {
  margin-top: 0px;
}

.mt-0\.5 {
  margin-top: 0.125rem;
}

.mt-1 {
  margin-top: 0.25rem;
}

.mt-10 {
  margin-top: 2.5rem;
}

.mt-2 {
  margin-top: 0.5rem;
}

.mt-2\.5 {
  margin-top: 0.625rem;
}

.mt-20 {
  margin-top: 5rem;
}

.mt-3 {
  margin-top: 0.75rem;
}

.mt-3\.5 {
  margin-top: 0.875rem;
}

.mt-4 {
  margin-top: 1rem;
}

.mt-40 {
  margin-top: 10rem;
}

.mt-5 {
  margin-top: 1.25rem;
}

.mt-6 {
  margin-top: 1.5rem;
}

.mt-7 {
  margin-top: 1.75rem;
}

.mt-8 {
  margin-top: 2rem;
}

.mt-\[-0\.5rem\] {
  margin-top: -0.5rem;
}

.mt-\[-10\%\] {
  margin-top: -10%;
}

.mt-\[-100px\] {
  margin-top: -100px;
}

.mt-\[-10px\] {
  margin-top: -10px;
}

.mt-\[-11px\] {
  margin-top: -11px;
}

.mt-\[-130px\] {
  margin-top: -130px;
}

.mt-\[-15\%\] {
  margin-top: -15%;
}

.mt-\[-15px\] {
  margin-top: -15px;
}

.mt-\[-172px\] {
  margin-top: -172px;
}

.mt-\[-18px\] {
  margin-top: -18px;
}

.mt-\[-1rem\] {
  margin-top: -1rem;
}

.mt-\[-200px\] {
  margin-top: -200px;
}

.mt-\[-20px\] {
  margin-top: -20px;
}

.mt-\[-22px\] {
  margin-top: -22px;
}

.mt-\[-232px\] {
  margin-top: -232px;
}

.mt-\[-23px\] {
  margin-top: -23px;
}

.mt-\[-24\%\] {
  margin-top: -24%;
}

.mt-\[-25px\] {
  margin-top: -25px;
}

.mt-\[-30px\] {
  margin-top: -30px;
}

.mt-\[-34px\] {
  margin-top: -34px;
}

.mt-\[-35px\] {
  margin-top: -35px;
}

.mt-\[-38px\] {
  margin-top: -38px;
}

.mt-\[-3px\] {
  margin-top: -3px;
}

.mt-\[-42px\] {
  margin-top: -42px;
}

.mt-\[-47px\] {
  margin-top: -47px;
}

.mt-\[-50px\] {
  margin-top: -50px;
}

.mt-\[-54px\] {
  margin-top: -54px;
}

.mt-\[-55px\] {
  margin-top: -55px;
}

.mt-\[-5px\] {
  margin-top: -5px;
}

.mt-\[-65px\] {
  margin-top: -65px;
}

.mt-\[-70px\] {
  margin-top: -70px;
}

.mt-\[-73px\] {
  margin-top: -73px;
}

.mt-\[-75px\] {
  margin-top: -75px;
}

.mt-\[-82px\] {
  margin-top: -82px;
}

.mt-\[-85px\] {
  margin-top: -85px;
}

.mt-\[-89px\] {
  margin-top: -89px;
}

.mt-\[-90px\] {
  margin-top: -90px;
}

.mt-\[-9px\] {
  margin-top: -9px;
}

.mt-\[0\.25em\] {
  margin-top: 0.25em;
}

.mt-\[0\] {
  margin-top: 0;
}

.mt-\[100px\] {
  margin-top: 100px;
}

.mt-\[108px\] {
  margin-top: 108px;
}

.mt-\[10px\] {
  margin-top: 10px;
}

.mt-\[135px\] {
  margin-top: 135px;
}

.mt-\[13px\] {
  margin-top: 13px;
}

.mt-\[140px\] {
  margin-top: 140px;
}

.mt-\[15px\] {
  margin-top: 15px;
}

.mt-\[170px\] {
  margin-top: 170px;
}

.mt-\[17px\] {
  margin-top: 17px;
}

.mt-\[18px\] {
  margin-top: 18px;
}

.mt-\[19px\] {
  margin-top: 19px;
}

.mt-\[200px\] {
  margin-top: 200px;
}

.mt-\[20px\] {
  margin-top: 20px;
}

.mt-\[21px\] {
  margin-top: 21px;
}

.mt-\[22px\] {
  margin-top: 22px;
}

.mt-\[23px\] {
  margin-top: 23px;
}

.mt-\[24px\] {
  margin-top: 24px;
}

.mt-\[25px\] {
  margin-top: 25px;
}

.mt-\[30px\] {
  margin-top: 30px;
}

.mt-\[34px\] {
  margin-top: 34px;
}

.mt-\[38px\] {
  margin-top: 38px;
}

.mt-\[3px\] {
  margin-top: 3px;
}

.mt-\[42px\] {
  margin-top: 42px;
}

.mt-\[45px\] {
  margin-top: 45px;
}

.mt-\[46px\] {
  margin-top: 46px;
}

.mt-\[50px\] {
  margin-top: 50px;
}

.mt-\[53px\] {
  margin-top: 53px;
}

.mt-\[58px\] {
  margin-top: 58px;
}

.mt-\[5px\] {
  margin-top: 5px;
}

.mt-\[60px\] {
  margin-top: 60px;
}

.mt-\[6px\] {
  margin-top: 6px;
}

.mt-\[70px\] {
  margin-top: 70px;
}

.mt-\[7px\] {
  margin-top: 7px;
}

.mt-\[8px\] {
  margin-top: 8px;
}

.mt-\[90px\] {
  margin-top: 90px;
}

.mt-\[9px\] {
  margin-top: 9px;
}

.mt-\[calc\(12px_\+_\(20_-_12\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  margin-top: calc(12px + (20 - 12) * ((100vw - 320px) / (1920 - 320)));
}

.mt-\[calc\(13px_\+_12_\*_\(100vw_-_320px\)_\/_1600\)\] {
  margin-top: calc(13px + 12 * (100vw - 320px) / 1600);
}

.mt-\[calc\(18px_\+_\(30_-_18\)_\*_\(\(100vw_-_576px\)_\/_\(1920_-_576\)\)\)\] {
  margin-top: calc(18px + (30 - 18) * ((100vw - 576px) / (1920 - 576)));
}

.mt-\[calc\(40px_\+_\(50_-_40\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  margin-top: calc(40px + (50 - 40) * ((100vw - 320px) / (1920 - 320)));
}

.mt-\[calc\(_-15px_\+_\(-32_-_-15\)_\*_\(\(100vw_-_300px\)_\/_\(1920_-_300\)\)_\)\] {
  margin-top: calc( -15px + (-32 - -15) * ((100vw - 300px) / (1920 - 300)) );
}

.mt-\[var\(--according-card-top-margin\)\] {
  margin-top: var(--according-card-top-margin);
}

.mt-\[var\(--alert-padding\)\] {
  margin-top: var(--alert-padding);
}

.mt-\[var\(--box-layout-space\)\] {
  margin-top: var(--box-layout-space);
}

.mt-\[var\(--header-size\)\] {
  margin-top: var(--header-size);
}

.mt-auto {
  margin-top: auto;
}

.mt-px {
  margin-top: 1px;
}

.box-border {
  box-sizing: border-box;
}

.box-content {
  box-sizing: content-box;
}

.\!line-clamp-\[1\] {
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 1 !important;
}

.\!line-clamp-\[2\] {
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

.line-clamp-\[1\] {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.line-clamp-\[2\] {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.\!block {
  display: block !important;
}

.block {
  display: block;
}

.\!inline-block {
  display: inline-block !important;
}

.inline-block {
  display: inline-block;
}

.\!inline {
  display: inline !important;
}

.inline {
  display: inline;
}

.\!flex {
  display: flex !important;
}

.flex {
  display: flex;
}

.inline-flex {
  display: inline-flex;
}

.table {
  display: table;
}

.inline-table {
  display: inline-table;
}

.table-caption {
  display: table-caption;
}

.table-cell {
  display: table-cell;
}

.table-column {
  display: table-column;
}

.table-column-group {
  display: table-column-group;
}

.table-footer-group {
  display: table-footer-group;
}

.table-header-group {
  display: table-header-group;
}

.table-row-group {
  display: table-row-group;
}

.table-row {
  display: table-row;
}

.\!grid {
  display: grid !important;
}

.grid {
  display: grid;
}

.inline-grid {
  display: inline-grid;
}

.contents {
  display: contents;
}

.list-item {
  display: list-item;
}

.\!hidden {
  display: none !important;
}

.hidden {
  display: none;
}

.aspect-\[1\/1\] {
  aspect-ratio: 1/1;
}

.aspect-\[16\/9\] {
  aspect-ratio: 16/9;
}

.aspect-\[21\/9\] {
  aspect-ratio: 21/9;
}

.aspect-\[4\/3\] {
  aspect-ratio: 4/3;
}

.size-1 {
  width: 0.25rem;
  height: 0.25rem;
}

.\!h-\[100\%\] {
  height: 100% !important;
}

.\!h-\[18px\] {
  height: 18px !important;
}

.\!h-\[1em\] {
  height: 1em !important;
}

.\!h-\[22px\] {
  height: 22px !important;
}

.\!h-\[24px\] {
  height: 24px !important;
}

.\!h-\[38px\] {
  height: 38px !important;
}

.\!h-\[400px\] {
  height: 400px !important;
}

.\!h-\[40px\] {
  height: 40px !important;
}

.\!h-\[50px\] {
  height: 50px !important;
}

.\!h-\[61px\] {
  height: 61px !important;
}

.\!h-\[71px\] {
  height: 71px !important;
}

.\!h-\[calc\(70px\+50\*\(100vw-320px\)\/1600\)\] {
  height: calc(70px + 50 * (100vw - 320px) / 1600) !important;
}

.\!h-full {
  height: 100% !important;
}

.h-0 {
  height: 0px;
}

.h-0\.5 {
  height: 0.125rem;
}

.h-1 {
  height: 0.25rem;
}

.h-1\.5 {
  height: 0.375rem;
}

.h-1\/5 {
  height: 20%;
}

.h-10 {
  height: 2.5rem;
}

.h-11 {
  height: 2.75rem;
}

.h-12 {
  height: 3rem;
}

.h-14 {
  height: 3.5rem;
}

.h-2 {
  height: 0.5rem;
}

.h-2\.5 {
  height: 0.625rem;
}

.h-20 {
  height: 5rem;
}

.h-24 {
  height: 6rem;
}

.h-3 {
  height: 0.75rem;
}

.h-3\.5 {
  height: 0.875rem;
}

.h-4 {
  height: 1rem;
}

.h-40 {
  height: 10rem;
}

.h-5 {
  height: 1.25rem;
}

.h-6 {
  height: 1.5rem;
}

.h-8 {
  height: 2rem;
}

.h-9 {
  height: 2.25rem;
}

.h-\[0\.6em\] {
  height: 0.6em;
}

.h-\[0\.75em\] {
  height: 0.75em;
}

.h-\[0px\] {
  height: 0px;
}

.h-\[1\.5em\] {
  height: 1.5em;
}

.h-\[1\.65em\] {
  height: 1.65em;
}

.h-\[100\%\] {
  height: 100%;
}

.h-\[100px\] {
  height: 100px;
}

.h-\[105px\] {
  height: 105px;
}

.h-\[10px\] {
  height: 10px;
}

.h-\[110px\] {
  height: 110px;
}

.h-\[115px\] {
  height: 115px;
}

.h-\[118px\] {
  height: 118px;
}

.h-\[11px\] {
  height: 11px;
}

.h-\[12\%\] {
  height: 12%;
}

.h-\[120px\] {
  height: 120px;
}

.h-\[122px\] {
  height: 122px;
}

.h-\[127px\] {
  height: 127px;
}

.h-\[12px\] {
  height: 12px;
}

.h-\[130px\] {
  height: 130px;
}

.h-\[136px\] {
  height: 136px;
}

.h-\[138px\] {
  height: 138px;
}

.h-\[13px\] {
  height: 13px;
}

.h-\[140px\] {
  height: 140px;
}

.h-\[147px\] {
  height: 147px;
}

.h-\[14px\] {
  height: 14px;
}

.h-\[150px\] {
  height: 150px;
}

.h-\[155px\] {
  height: 155px;
}

.h-\[158px\] {
  height: 158px;
}

.h-\[15px\] {
  height: 15px;
}

.h-\[166px\] {
  height: 166px;
}

.h-\[168px\] {
  height: 168px;
}

.h-\[16px\] {
  height: 16px;
}

.h-\[170\%\] {
  height: 170%;
}

.h-\[170px\] {
  height: 170px;
}

.h-\[180px\] {
  height: 180px;
}

.h-\[187px\] {
  height: 187px;
}

.h-\[18px\] {
  height: 18px;
}

.h-\[190px\] {
  height: 190px;
}

.h-\[1em\] {
  height: 1em;
}

.h-\[1px\] {
  height: 1px;
}

.h-\[2\.7142em\] {
  height: 2.7142em;
}

.h-\[2\.75rem\] {
  height: 2.75rem;
}

.h-\[200px\] {
  height: 200px;
}

.h-\[206px\] {
  height: 206px;
}

.h-\[20px\] {
  height: 20px;
}

.h-\[21px\] {
  height: 21px;
}

.h-\[220px\] {
  height: 220px;
}

.h-\[227px\] {
  height: 227px;
}

.h-\[22px\] {
  height: 22px;
}

.h-\[230px\] {
  height: 230px;
}

.h-\[238px\] {
  height: 238px;
}

.h-\[23px\] {
  height: 23px;
}

.h-\[245px\] {
  height: 245px;
}

.h-\[24px\] {
  height: 24px;
}

.h-\[250px\] {
  height: 250px;
}

.h-\[252px\] {
  height: 252px;
}

.h-\[25px\] {
  height: 25px;
}

.h-\[260px\] {
  height: 260px;
}

.h-\[268px\] {
  height: 268px;
}

.h-\[26px\] {
  height: 26px;
}

.h-\[27px\] {
  height: 27px;
}

.h-\[280px\] {
  height: 280px;
}

.h-\[28px\] {
  height: 28px;
}

.h-\[295px\] {
  height: 295px;
}

.h-\[29px\] {
  height: 29px;
}

.h-\[2em\] {
  height: 2em;
}

.h-\[2px\] {
  height: 2px;
}

.h-\[300px\] {
  height: 300px;
}

.h-\[30px\] {
  height: 30px;
}

.h-\[30vh\] {
  height: 30vh;
}

.h-\[310px\] {
  height: 310px;
}

.h-\[311px\] {
  height: 311px;
}

.h-\[32px\] {
  height: 32px;
}

.h-\[33px\] {
  height: 33px;
}

.h-\[345px\] {
  height: 345px;
}

.h-\[34px\] {
  height: 34px;
}

.h-\[350px\] {
  height: 350px;
}

.h-\[35px\] {
  height: 35px;
}

.h-\[360px\] {
  height: 360px;
}

.h-\[36px\] {
  height: 36px;
}

.h-\[370px\] {
  height: 370px;
}

.h-\[37px\] {
  height: 37px;
}

.h-\[38px\] {
  height: 38px;
}

.h-\[390px\] {
  height: 390px;
}

.h-\[39px\] {
  height: 39px;
}

.h-\[3px\] {
  height: 3px;
}

.h-\[400px\] {
  height: 400px;
}

.h-\[40px\] {
  height: 40px;
}

.h-\[420px\] {
  height: 420px;
}

.h-\[42px\] {
  height: 42px;
}

.h-\[43px\] {
  height: 43px;
}

.h-\[44px\] {
  height: 44px;
}

.h-\[45px\] {
  height: 45px;
}

.h-\[46px\] {
  height: 46px;
}

.h-\[470px\] {
  height: 470px;
}

.h-\[47px\] {
  height: 47px;
}

.h-\[48px\] {
  height: 48px;
}

.h-\[490px\] {
  height: 490px;
}

.h-\[49px\] {
  height: 49px;
}

.h-\[4px\] {
  height: 4px;
}

.h-\[500\%\] {
  height: 500%;
}

.h-\[500px\] {
  height: 500px;
}

.h-\[503px\] {
  height: 503px;
}

.h-\[50px\] {
  height: 50px;
}

.h-\[517px\] {
  height: 517px;
}

.h-\[520px\] {
  height: 520px;
}

.h-\[52px\] {
  height: 52px;
}

.h-\[530px\] {
  height: 530px;
}

.h-\[53px\] {
  height: 53px;
}

.h-\[541px\] {
  height: 541px;
}

.h-\[54px\] {
  height: 54px;
}

.h-\[55px\] {
  height: 55px;
}

.h-\[57px\] {
  height: 57px;
}

.h-\[58px\] {
  height: 58px;
}

.h-\[5px\] {
  height: 5px;
}

.h-\[6\.875rem\] {
  height: 6.875rem;
}

.h-\[600px\] {
  height: 600px;
}

.h-\[60px\] {
  height: 60px;
}

.h-\[644px\] {
  height: 644px;
}

.h-\[65px\] {
  height: 65px;
}

.h-\[67px\] {
  height: 67px;
}

.h-\[68px\] {
  height: 68px;
}

.h-\[6px\] {
  height: 6px;
}

.h-\[700px\] {
  height: 700px;
}

.h-\[70px\] {
  height: 70px;
}

.h-\[73px\] {
  height: 73px;
}

.h-\[74px\] {
  height: 74px;
}

.h-\[75vh\] {
  height: 75vh;
}

.h-\[76px\] {
  height: 76px;
}

.h-\[7px\] {
  height: 7px;
}

.h-\[80\%\] {
  height: 80%;
}

.h-\[80px\] {
  height: 80px;
}

.h-\[81px\] {
  height: 81px;
}

.h-\[82px\] {
  height: 82px;
}

.h-\[85px\] {
  height: 85px;
}

.h-\[88px\] {
  height: 88px;
}

.h-\[8px\] {
  height: 8px;
}

.h-\[90px\] {
  height: 90px;
}

.h-\[92px\] {
  height: 92px;
}

.h-\[93px\] {
  height: 93px;
}

.h-\[94px\] {
  height: 94px;
}

.h-\[95px\] {
  height: 95px;
}

.h-\[9px\] {
  height: 9px;
}

.h-\[auto\] {
  height: auto;
}

.h-\[calc\(1\.5em_\+_0\.75rem_\+_calc\(var\(--bs-border-width\)_\*_2\)\)\] {
  height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
}

.h-\[calc\(100\%_-_10px\)\] {
  height: calc(100% - 10px);
}

.h-\[calc\(100\%_-_16px\)\] {
  height: calc(100% - 16px);
}

.h-\[calc\(100\%_-_20px\)\] {
  height: calc(100% - 20px);
}

.h-\[calc\(100\%_-_30px\)\] {
  height: calc(100% - 30px);
}

.h-\[calc\(100\%_-_55px_-_18px\)\] {
  height: calc(100% - 55px - 18px);
}

.h-\[calc\(100\%_-_8px\)\] {
  height: calc(100% - 8px);
}

.h-\[calc\(100px_\+_\(300_-_100\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  height: calc(100px + (300 - 100) * ((100vw - 320px) / (1920 - 320)));
}

.h-\[calc\(100vh\)\] {
  height: calc(100vh);
}

.h-\[calc\(100vh_-_0px\)\] {
  height: calc(100vh - 0px);
}

.h-\[calc\(100vh_-_113px\)\] {
  height: calc(100vh - 113px);
}

.h-\[calc\(100vh_-_118px\)\] {
  height: calc(100vh - 118px);
}

.h-\[calc\(100vh_-_160px\)\] {
  height: calc(100vh - 160px);
}

.h-\[calc\(100vh_-_166px\)\] {
  height: calc(100vh - 166px);
}

.h-\[calc\(100vh_-_209px\)\] {
  height: calc(100vh - 209px);
}

.h-\[calc\(100vh_-_210px\)\] {
  height: calc(100vh - 210px);
}

.h-\[calc\(100vh_-_300px\)\] {
  height: calc(100vh - 300px);
}

.h-\[calc\(100vh_-_311px\)\] {
  height: calc(100vh - 311px);
}

.h-\[calc\(100vh_-_316px\)\] {
  height: calc(100vh - 316px);
}

.h-\[calc\(100vh_-_80px\)\] {
  height: calc(100vh - 80px);
}

.h-\[calc\(100vh_-_84px\)\] {
  height: calc(100vh - 84px);
}

.h-\[calc\(100vh_-_95px\)\] {
  height: calc(100vh - 95px);
}

.h-\[calc\(104px_\+_\(138_-_104\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  height: calc(104px + (138 - 104) * ((100vw - 320px) / (1920 - 320)));
}

.h-\[calc\(10px_\+_\(12_-_10\)_\*_\(\(100vw_-_1400px\)_\/_\(1920_-_1400\)\)\)\] {
  height: calc(10px + (12 - 10) * ((100vw - 1400px) / (1920 - 1400)));
}

.h-\[calc\(125px_\+_\(200_-_125\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  height: calc(125px + (200 - 125) * ((100vw - 320px) / (1920 - 320)));
}

.h-\[calc\(130px_\+_\(200_-_130\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  height: calc(130px + (200 - 130) * ((100vw - 320px) / (1920 - 320)));
}

.h-\[calc\(140px_\+_\(230_-_140\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  height: calc(140px + (230 - 140) * ((100vw - 320px) / (1920 - 320)));
}

.h-\[calc\(145px_\+_\(200_-_145\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  height: calc(145px + (200 - 145) * ((100vw - 320px) / (1920 - 320)));
}

.h-\[calc\(14px_\+_\(16_-_14\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  height: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
}

.h-\[calc\(160px_\+_\(245_-_160\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  height: calc(160px + (245 - 160) * ((100vw - 320px) / (1920 - 320)));
}

.h-\[calc\(16px_\+_\(18_-_16\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  height: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
}

.h-\[calc\(16px_\+_\(20_-_16\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  height: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
}

.h-\[calc\(170px_\+_\(500_-_170\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  height: calc(170px + (500 - 170) * ((100vw - 320px) / (1920 - 320)));
}

.h-\[calc\(18px_\+_\(20_-_18\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  height: calc(18px + (20 - 18) * ((100vw - 320px) / (1920 - 320)));
}

.h-\[calc\(190px_\+_\(350_-_190\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  height: calc(190px + (350 - 190) * ((100vw - 320px) / (1920 - 320)));
}

.h-\[calc\(200px_\+_\(345_-_200\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  height: calc(200px + (345 - 200) * ((100vw - 320px) / (1920 - 320)));
}

.h-\[calc\(200px_\+_\(420_-_200\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  height: calc(200px + (420 - 200) * ((100vw - 320px) / (1920 - 320)));
}

.h-\[calc\(20px_\+_\(28_-_20\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  height: calc(20px + (28 - 20) * ((100vw - 320px) / (1920 - 320)));
}

.h-\[calc\(20px_\+_\(35_-_20\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  height: calc(20px + (35 - 20) * ((100vw - 320px) / (1920 - 320)));
}

.h-\[calc\(22px_\+_\(30_-_22\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  height: calc(22px + (30 - 22) * ((100vw - 320px) / (1920 - 320)));
}

.h-\[calc\(23px_\+_\(32_-_23\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  height: calc(23px + (32 - 23) * ((100vw - 320px) / (1920 - 320)));
}

.h-\[calc\(240px_\+_\(440_-_240\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  height: calc(240px + (440 - 240) * ((100vw - 320px) / (1920 - 320)));
}

.h-\[calc\(24px_\+_\(30_-_24\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  height: calc(24px + (30 - 24) * ((100vw - 320px) / (1920 - 320)));
}

.h-\[calc\(24px_\+_\(33_-_24\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  height: calc(24px + (33 - 24) * ((100vw - 320px) / (1920 - 320)));
}

.h-\[calc\(24px_\+_\(35_-_24\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  height: calc(24px + (35 - 24) * ((100vw - 320px) / (1920 - 320)));
}

.h-\[calc\(25px_\+_\(30_-_25\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  height: calc(25px + (30 - 25) * ((100vw - 320px) / (1920 - 320)));
}

.h-\[calc\(25px_\+_\(35_-_25\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  height: calc(25px + (35 - 25) * ((100vw - 320px) / (1920 - 320)));
}

.h-\[calc\(25px_\+_\(37_-_25\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  height: calc(25px + (37 - 25) * ((100vw - 320px) / (1920 - 320)));
}

.h-\[calc\(25px_\+_\(40_-_25\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  height: calc(25px + (40 - 25) * ((100vw - 320px) / (1920 - 320)));
}

.h-\[calc\(28px_\+_\(35_-_28\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  height: calc(28px + (35 - 28) * ((100vw - 320px) / (1920 - 320)));
}

.h-\[calc\(28px_\+_\(40_-_28\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  height: calc(28px + (40 - 28) * ((100vw - 320px) / (1920 - 320)));
}

.h-\[calc\(30px_\+_\(34_-_30\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  height: calc(30px + (34 - 30) * ((100vw - 320px) / (1920 - 320)));
}

.h-\[calc\(30px_\+_\(35_-_30\)_\*_\(\(100vw_-_1400px\)_\/_\(1920_-_1400\)\)\)\] {
  height: calc(30px + (35 - 30) * ((100vw - 1400px) / (1920 - 1400)));
}

.h-\[calc\(32px_\+_\(40_-_32\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  height: calc(32px + (40 - 32) * ((100vw - 320px) / (1920 - 320)));
}

.h-\[calc\(32px_\+_\(50_-_32\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  height: calc(32px + (50 - 32) * ((100vw - 320px) / (1920 - 320)));
}

.h-\[calc\(34px_\+_\(40_-_34\)_\*_\(100vw_-_320px\)_\/_\(1920_-_320\)\)\] {
  height: calc(34px + (40 - 34) * (100vw - 320px) / (1920 - 320));
}

.h-\[calc\(35px_\+_\(45_-_35\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  height: calc(35px + (45 - 35) * ((100vw - 320px) / (1920 - 320)));
}

.h-\[calc\(35px_\+_\(68_-_35\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  height: calc(35px + (68 - 35) * ((100vw - 320px) / (1920 - 320)));
}

.h-\[calc\(36px_\+_\(42_-_36\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  height: calc(36px + (42 - 36) * ((100vw - 320px) / (1920 - 320)));
}

.h-\[calc\(36px_\+_\(46_-_36\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  height: calc(36px + (46 - 36) * ((100vw - 320px) / (1920 - 320)));
}

.h-\[calc\(38px_\+_\(45_-_38\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  height: calc(38px + (45 - 38) * ((100vw - 320px) / (1920 - 320)));
}

.h-\[calc\(38px_\+_\(50_-_38\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  height: calc(38px + (50 - 38) * ((100vw - 320px) / (1920 - 320)));
}

.h-\[calc\(40px_\+_\(45_-_40\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  height: calc(40px + (45 - 40) * ((100vw - 320px) / (1920 - 320)));
}

.h-\[calc\(40px_\+_\(48_-_40\)_\*_\(100vw_-_320px\)_\/_\(1920_-_320\)\)\] {
  height: calc(40px + (48 - 40) * (100vw - 320px) / (1920 - 320));
}

.h-\[calc\(40px_\+_\(50_-_40\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  height: calc(40px + (50 - 40) * ((100vw - 320px) / (1920 - 320)));
}

.h-\[calc\(40px_\+_\(55_-_40\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  height: calc(40px + (55 - 40) * ((100vw - 320px) / (1920 - 320)));
}

.h-\[calc\(40px_\+_\(62_-_40\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  height: calc(40px + (62 - 40) * ((100vw - 320px) / (1920 - 320)));
}

.h-\[calc\(45px_\+_\(52_-_45\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  height: calc(45px + (52 - 45) * ((100vw - 320px) / (1920 - 320)));
}

.h-\[calc\(45px_\+_\(58_-_45\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  height: calc(45px + (58 - 45) * ((100vw - 320px) / (1920 - 320)));
}

.h-\[calc\(45px_\+_\(64_-_45\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  height: calc(45px + (64 - 45) * ((100vw - 320px) / (1920 - 320)));
}

.h-\[calc\(48px_\+_\(55_-_48\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  height: calc(48px + (55 - 48) * ((100vw - 320px) / (1920 - 320)));
}

.h-\[calc\(48px_\+_\(58_-_48\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  height: calc(48px + (58 - 48) * ((100vw - 320px) / (1920 - 320)));
}

.h-\[calc\(49px_\+_\(67_-_49\)_\*_\(\(100vw_-_1400px\)_\/_\(1920_-_1400\)\)\)\] {
  height: calc(49px + (67 - 49) * ((100vw - 1400px) / (1920 - 1400)));
}

.h-\[calc\(49px_\+_\(67_-_49\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  height: calc(49px + (67 - 49) * ((100vw - 320px) / (1920 - 320)));
}

.h-\[calc\(50px_\+_\(60_-_50\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  height: calc(50px + (60 - 50) * ((100vw - 320px) / (1920 - 320)));
}

.h-\[calc\(50px_\+_\(67_-_50\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  height: calc(50px + (67 - 50) * ((100vw - 320px) / (1920 - 320)));
}

.h-\[calc\(58px_\+_\(70_-_58\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  height: calc(58px + (70 - 58) * ((100vw - 320px) / (1920 - 320)));
}

.h-\[calc\(68px_\+_\(100_-_68\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  height: calc(68px + (100 - 68) * ((100vw - 320px) / (1920 - 320)));
}

.h-\[calc\(6px_\+_\(8_-_6\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  height: calc(6px + (8 - 6) * ((100vw - 320px) / (1920 - 320)));
}

.h-\[calc\(70px_\+_\(90_-_70\)_\*_\(\(100vw_-_1400px\)_\/_\(1920_-_1400\)\)\)\] {
  height: calc(70px + (90 - 70) * ((100vw - 1400px) / (1920 - 1400)));
}

.h-\[calc\(75px_\+_\(100_-_75\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  height: calc(75px + (100 - 75) * ((100vw - 320px) / (1920 - 320)));
}

.h-\[calc\(78px_\+_\(90_-_78\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  height: calc(78px + (90 - 78) * ((100vw - 320px) / (1920 - 320)));
}

.h-\[calc\(80px_\+_50_\*_\(100vw_-_320px\)_\/_1600\)\] {
  height: calc(80px + 50 * (100vw - 320px) / 1600);
}

.h-\[calc\(95px_\+_\(140_-_95\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  height: calc(95px + (140 - 95) * ((100vw - 320px) / (1920 - 320)));
}

.h-\[calc\(95px_\+_\(150_-_95\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  height: calc(95px + (150 - 95) * ((100vw - 320px) / (1920 - 320)));
}

.h-\[calc\(_22px_\+_\(33_-_22\)_\*_\(\(100vw_-_1400px\)_\/_\(1920_-_1400\)\)_\)\] {
  height: calc( 22px + (33 - 22) * ((100vw - 1400px) / (1920 - 1400)) );
}

.h-\[calc\(_230px_\+_\(330_-_230\)_\*_\(\(100vw_-_1200px\)_\/_\(1920_-_1200\)\)_\)\] {
  height: calc( 230px + (330 - 230) * ((100vw - 1200px) / (1920 - 1200)) );
}

.h-\[calc\(_28px_\+_\(39_-_28\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)_\)\] {
  height: calc( 28px + (39 - 28) * ((100vw - 320px) / (1920 - 320)) );
}

.h-\[calc\(_30px_\+_\(39_-_30\)_\*_\(\(100vw_-_1200px\)_\/_\(1920_-_1200\)\)_\)\] {
  height: calc( 30px + (39 - 30) * ((100vw - 1200px) / (1920 - 1200)) );
}

.h-\[calc\(_30px_\+_\(40_-_30\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)_\)\] {
  height: calc( 30px + (40 - 30) * ((100vw - 320px) / (1920 - 320)) );
}

.h-\[calc\(_34px_\+_\(40_-_34\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)_\)\] {
  height: calc( 34px + (40 - 34) * ((100vw - 320px) / (1920 - 320)) );
}

.h-\[calc\(_35px_\+_\(68_-_35\)_\*_\(\(100vw_-_1200px\)_\/_\(1920_-_1200\)\)_\)\] {
  height: calc( 35px + (68 - 35) * ((100vw - 1200px) / (1920 - 1200)) );
}

.h-\[calc\(_38px_\+_\(54_-_38\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)_\)\] {
  height: calc( 38px + (54 - 38) * ((100vw - 320px) / (1920 - 320)) );
}

.h-\[calc\(_40px_\+_\(50_-_40\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)_\)\] {
  height: calc( 40px + (50 - 40) * ((100vw - 320px) / (1920 - 320)) );
}

.h-\[calc\(_80px_\+_\(120_-_80\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)_\)\] {
  height: calc( 80px + (120 - 80) * ((100vw - 320px) / (1920 - 320)) );
}

.h-\[inherit\] {
  height: inherit;
}

.h-\[unset\] {
  height: unset;
}

.h-\[var\(--h\2c 2px\)\] {
  height: var(--h,2px);
}

.h-\[var\(--header-wrapper-nav-icon-size\)\] {
  height: var(--header-wrapper-nav-icon-size);
}

.h-\[var\(--tw-progress-height\)\] {
  height: var(--tw-progress-height);
}

.h-auto {
  height: auto;
}

.h-full {
  height: 100%;
}

.h-px {
  height: 1px;
}

.h-screen {
  height: 100vh;
}

.max-h-0 {
  max-height: 0px;
}

.max-h-12 {
  max-height: 3rem;
}

.max-h-60 {
  max-height: 15rem;
}

.max-h-\[100px\] {
  max-height: 100px;
}

.max-h-\[155px\] {
  max-height: 155px;
}

.max-h-\[165px\] {
  max-height: 165px;
}

.max-h-\[178px\] {
  max-height: 178px;
}

.max-h-\[200px\] {
  max-height: 200px;
}

.max-h-\[270px\] {
  max-height: 270px;
}

.max-h-\[295px\] {
  max-height: 295px;
}

.max-h-\[300px\] {
  max-height: 300px;
}

.max-h-\[330px\] {
  max-height: 330px;
}

.max-h-\[35px\] {
  max-height: 35px;
}

.max-h-\[376px\] {
  max-height: 376px;
}

.max-h-\[37px\] {
  max-height: 37px;
}

.max-h-\[434px\] {
  max-height: 434px;
}

.max-h-\[43px\] {
  max-height: 43px;
}

.max-h-\[98vh\] {
  max-height: 98vh;
}

.max-h-\[calc\(100vh_-_170px\)\] {
  max-height: calc(100vh - 170px);
}

.max-h-\[calc\(100vh_-_200px\)\] {
  max-height: calc(100vh - 200px);
}

.max-h-\[calc\(100vh_-_220px\)\] {
  max-height: calc(100vh - 220px);
}

.max-h-\[calc\(100vh_-_230px\)\] {
  max-height: calc(100vh - 230px);
}

.max-h-\[calc\(100vh_-_68px\)\] {
  max-height: calc(100vh - 68px);
}

.max-h-\[calc\(80px_\+_75_\*_\(100vw_-_320px\)_\/_1600\)\] {
  max-height: calc(80px + 75 * (100vw - 320px) / 1600);
}

.max-h-full {
  max-height: 100%;
}

.\!min-h-0 {
  min-height: 0px !important;
}

.min-h-0 {
  min-height: 0px;
}

.min-h-\[1\.5rem\] {
  min-height: 1.5rem;
}

.min-h-\[100px\] {
  min-height: 100px;
}

.min-h-\[12\.8px\] {
  min-height: 12.8px;
}

.min-h-\[12px\] {
  min-height: 12px;
}

.min-h-\[150px\] {
  min-height: 150px;
}

.min-h-\[15px\] {
  min-height: 15px;
}

.min-h-\[160px\] {
  min-height: 160px;
}

.min-h-\[16px\] {
  min-height: 16px;
}

.min-h-\[19\.2px\] {
  min-height: 19.2px;
}

.min-h-\[190px\] {
  min-height: 190px;
}

.min-h-\[1em\] {
  min-height: 1em;
}

.min-h-\[1rem\] {
  min-height: 1rem;
}

.min-h-\[20px\] {
  min-height: 20px;
}

.min-h-\[250px\] {
  min-height: 250px;
}

.min-h-\[255px\] {
  min-height: 255px;
}

.min-h-\[30px\] {
  min-height: 30px;
}

.min-h-\[359px\] {
  min-height: 359px;
}

.min-h-\[35px\] {
  min-height: 35px;
}

.min-h-\[400px\] {
  min-height: 400px;
}

.min-h-\[40px\] {
  min-height: 40px;
}

.min-h-\[430px\] {
  min-height: 430px;
}

.min-h-\[50px\] {
  min-height: 50px;
}

.min-h-\[68px\] {
  min-height: 68px;
}

.min-h-\[78px\] {
  min-height: 78px;
}

.min-h-\[7rem\] {
  min-height: 7rem;
}

.min-h-\[80px\] {
  min-height: 80px;
}

.min-h-\[9\.6px\] {
  min-height: 9.6px;
}

.min-h-\[90px\] {
  min-height: 90px;
}

.min-h-\[auto\] {
  min-height: auto;
}

.min-h-\[calc\(1\.5em_\+_0\.75rem_\+_1px\)\] {
  min-height: calc(1.5em + 0.75rem + 1px);
}

.min-h-\[calc\(100\%_-_1\.75rem_\*_2\)\] {
  min-height: calc(100% - 1.75rem * 2);
}

.min-h-\[calc\(100vh_-_0px\)\] {
  min-height: calc(100vh - 0px);
}

.min-h-\[calc\(100vh_-_130px\)\] {
  min-height: calc(100vh - 130px);
}

.min-h-\[calc\(100vh_-_170px\)\] {
  min-height: calc(100vh - 170px);
}

.min-h-\[calc\(100vh_-_220px\)\] {
  min-height: calc(100vh - 220px);
}

.min-h-\[calc\(100vh_-_310px\)\] {
  min-height: calc(100vh - 310px);
}

.min-h-\[calc\(100vh_-_60px\)\] {
  min-height: calc(100vh - 60px);
}

.min-h-\[calc\(100vh_-_80px\)\] {
  min-height: calc(100vh - 80px);
}

.min-h-\[calc\(100vh_-_90px\)\] {
  min-height: calc(100vh - 90px);
}

.min-h-\[calc\(100vh_-_var\(--header-size\)\)\] {
  min-height: calc(100vh - var(--header-size));
}

.min-h-\[calc\(48px_\+_\(58_-_48\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  min-height: calc(48px + (58 - 48) * ((100vw - 320px) / (1920 - 320)));
}

.min-h-\[calc\(60px_\+_\(100_-_60\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  min-height: calc(60px + (100 - 60) * ((100vw - 320px) / (1920 - 320)));
}

.min-h-\[calc\(_70px_\+_\(100_-_70\)_\*_\(\(100vw_-_1200px\)_\/_\(1920_-_1200\)\)_\)\] {
  min-height: calc( 70px + (100 - 70) * ((100vw - 1200px) / (1920 - 1200)) );
}

.min-h-\[unset\] {
  min-height: unset;
}

.min-h-full {
  min-height: 100%;
}

.min-h-screen {
  min-height: 100vh;
}

.\!w-10 {
  width: 2.5rem !important;
}

.\!w-3 {
  width: 0.75rem !important;
}

.\!w-\[100\%\] {
  width: 100% !important;
}

.\!w-\[1140px\] {
  width: 1140px !important;
}

.\!w-\[130px\] {
  width: 130px !important;
}

.\!w-\[262px\] {
  width: 262px !important;
}

.\!w-\[2em\] {
  width: 2em !important;
}

.\!w-\[300px\] {
  width: 300px !important;
}

.\!w-\[30px\] {
  width: 30px !important;
}

.\!w-\[36px\] {
  width: 36px !important;
}

.\!w-\[38px\] {
  width: 38px !important;
}

.\!w-\[40px\] {
  width: 40px !important;
}

.\!w-\[44px\] {
  width: 44px !important;
}

.\!w-\[50px\] {
  width: 50px !important;
}

.\!w-\[52\%\] {
  width: 52% !important;
}

.\!w-\[58\%\] {
  width: 58% !important;
}

.\!w-\[59\%\] {
  width: 59% !important;
}

.\!w-\[60px\] {
  width: 60px !important;
}

.\!w-\[61px\] {
  width: 61px !important;
}

.\!w-\[63\%\] {
  width: 63% !important;
}

.\!w-\[70px\] {
  width: 70px !important;
}

.\!w-\[75\%\] {
  width: 75% !important;
}

.\!w-\[75px\] {
  width: 75px !important;
}

.\!w-\[800px\] {
  width: 800px !important;
}

.\!w-\[85\%\] {
  width: 85% !important;
}

.\!w-\[auto\] {
  width: auto !important;
}

.\!w-\[calc\(100\%_-_0px\)\] {
  width: calc(100% - 0px) !important;
}

.\!w-\[calc\(100\%_\/_1_-_20px\)\] {
  width: calc(100% / 1 - 20px) !important;
}

.\!w-\[calc\(100\%_\/_1_-_30px\)\] {
  width: calc(100% / 1 - 30px) !important;
}

.\!w-\[calc\(100\%_\/_2_-_30px\)\] {
  width: calc(100% / 2 - 30px) !important;
}

.\!w-\[calc\(100\%_\/_4_-_30px\)\] {
  width: calc(100% / 4 - 30px) !important;
}

.\!w-\[calc\(70px\+50\*\(100vw-320px\)\/1600\)\] {
  width: calc(70px + 50 * (100vw - 320px) / 1600) !important;
}

.\!w-\[unset\] {
  width: unset !important;
}

.\!w-auto {
  width: auto !important;
}

.\!w-full {
  width: 100% !important;
}

.w-0 {
  width: 0px;
}

.w-1 {
  width: 0.25rem;
}

.w-1\.5 {
  width: 0.375rem;
}

.w-10 {
  width: 2.5rem;
}

.w-11 {
  width: 2.75rem;
}

.w-12 {
  width: 3rem;
}

.w-14 {
  width: 3.5rem;
}

.w-2 {
  width: 0.5rem;
}

.w-2\.5 {
  width: 0.625rem;
}

.w-2\/5 {
  width: 40%;
}

.w-20 {
  width: 5rem;
}

.w-3 {
  width: 0.75rem;
}

.w-3\.5 {
  width: 0.875rem;
}

.w-3\/12 {
  width: 25%;
}

.w-3\/5 {
  width: 60%;
}

.w-36 {
  width: 9rem;
}

.w-4 {
  width: 1rem;
}

.w-4\/5 {
  width: 80%;
}

.w-40 {
  width: 10rem;
}

.w-44 {
  width: 11rem;
}

.w-5 {
  width: 1.25rem;
}

.w-6 {
  width: 1.5rem;
}

.w-6\/12 {
  width: 50%;
}

.w-7 {
  width: 1.75rem;
}

.w-8 {
  width: 2rem;
}

.w-80 {
  width: 20rem;
}

.w-9 {
  width: 2.25rem;
}

.w-9\/12 {
  width: 75%;
}

.w-\[0\%\] {
  width: 0%;
}

.w-\[0\.6em\] {
  width: 0.6em;
}

.w-\[0\] {
  width: 0;
}

.w-\[0px\] {
  width: 0px;
}

.w-\[1\%\] {
  width: 1%;
}

.w-\[1\.5em\] {
  width: 1.5em;
}

.w-\[1\.65em\] {
  width: 1.65em;
}

.w-\[10\%\] {
  width: 10%;
}

.w-\[100\%\] {
  width: 100%;
}

.w-\[100px\] {
  width: 100px;
}

.w-\[105px\] {
  width: 105px;
}

.w-\[10px\] {
  width: 10px;
}

.w-\[110px\] {
  width: 110px;
}

.w-\[115px\] {
  width: 115px;
}

.w-\[117px\] {
  width: 117px;
}

.w-\[118px\] {
  width: 118px;
}

.w-\[11px\] {
  width: 11px;
}

.w-\[12\%\] {
  width: 12%;
}

.w-\[1200px\] {
  width: 1200px;
}

.w-\[120px\] {
  width: 120px;
}

.w-\[125px\] {
  width: 125px;
}

.w-\[127px\] {
  width: 127px;
}

.w-\[1280px\] {
  width: 1280px;
}

.w-\[12px\] {
  width: 12px;
}

.w-\[130px\] {
  width: 130px;
}

.w-\[132px\] {
  width: 132px;
}

.w-\[135px\] {
  width: 135px;
}

.w-\[13px\] {
  width: 13px;
}

.w-\[14\%\] {
  width: 14%;
}

.w-\[14\.2857142857\%\] {
  width: 14.2857142857%;
}

.w-\[140px\] {
  width: 140px;
}

.w-\[145px\] {
  width: 145px;
}

.w-\[147px\] {
  width: 147px;
}

.w-\[14px\] {
  width: 14px;
}

.w-\[150px\] {
  width: 150px;
}

.w-\[155px\] {
  width: 155px;
}

.w-\[158px\] {
  width: 158px;
}

.w-\[15px\] {
  width: 15px;
}

.w-\[160px\] {
  width: 160px;
}

.w-\[165px\] {
  width: 165px;
}

.w-\[16px\] {
  width: 16px;
}

.w-\[17\%\] {
  width: 17%;
}

.w-\[170px\] {
  width: 170px;
}

.w-\[180px\] {
  width: 180px;
}

.w-\[185px\] {
  width: 185px;
}

.w-\[18px\] {
  width: 18px;
}

.w-\[190px\] {
  width: 190px;
}

.w-\[1em\] {
  width: 1em;
}

.w-\[200px\] {
  width: 200px;
}

.w-\[20px\] {
  width: 20px;
}

.w-\[210px\] {
  width: 210px;
}

.w-\[215px\] {
  width: 215px;
}

.w-\[216px\] {
  width: 216px;
}

.w-\[218px\] {
  width: 218px;
}

.w-\[21px\] {
  width: 21px;
}

.w-\[22\%\] {
  width: 22%;
}

.w-\[220px\] {
  width: 220px;
}

.w-\[226px\] {
  width: 226px;
}

.w-\[22px\] {
  width: 22px;
}

.w-\[230px\] {
  width: 230px;
}

.w-\[236px\] {
  width: 236px;
}

.w-\[239px\] {
  width: 239px;
}

.w-\[23px\] {
  width: 23px;
}

.w-\[245px\] {
  width: 245px;
}

.w-\[24px\] {
  width: 24px;
}

.w-\[25\%\] {
  width: 25%;
}

.w-\[255px\] {
  width: 255px;
}

.w-\[25px\] {
  width: 25px;
}

.w-\[26\%\] {
  width: 26%;
}

.w-\[260px\] {
  width: 260px;
}

.w-\[265px\] {
  width: 265px;
}

.w-\[26px\] {
  width: 26px;
}

.w-\[27\%\] {
  width: 27%;
}

.w-\[27px\] {
  width: 27px;
}

.w-\[280px\] {
  width: 280px;
}

.w-\[28px\] {
  width: 28px;
}

.w-\[290px\] {
  width: 290px;
}

.w-\[29px\] {
  width: 29px;
}

.w-\[2em\] {
  width: 2em;
}

.w-\[30\%\] {
  width: 30%;
}

.w-\[300px\] {
  width: 300px;
}

.w-\[308px\] {
  width: 308px;
}

.w-\[30px\] {
  width: 30px;
}

.w-\[31\%\] {
  width: 31%;
}

.w-\[32\%\] {
  width: 32%;
}

.w-\[325px\] {
  width: 325px;
}

.w-\[32px\] {
  width: 32px;
}

.w-\[330px\] {
  width: 330px;
}

.w-\[333px\] {
  width: 333px;
}

.w-\[33px\] {
  width: 33px;
}

.w-\[34px\] {
  width: 34px;
}

.w-\[35\%\] {
  width: 35%;
}

.w-\[350px\] {
  width: 350px;
}

.w-\[35px\] {
  width: 35px;
}

.w-\[36\%\] {
  width: 36%;
}

.w-\[360px\] {
  width: 360px;
}

.w-\[36px\] {
  width: 36px;
}

.w-\[370px\] {
  width: 370px;
}

.w-\[37px\] {
  width: 37px;
}

.w-\[38\%\] {
  width: 38%;
}

.w-\[380px\] {
  width: 380px;
}

.w-\[38px\] {
  width: 38px;
}

.w-\[3px\] {
  width: 3px;
}

.w-\[40\%\] {
  width: 40%;
}

.w-\[400px\] {
  width: 400px;
}

.w-\[40px\] {
  width: 40px;
}

.w-\[42\%\] {
  width: 42%;
}

.w-\[42px\] {
  width: 42px;
}

.w-\[430px\] {
  width: 430px;
}

.w-\[43px\] {
  width: 43px;
}

.w-\[44\%\] {
  width: 44%;
}

.w-\[45\%\] {
  width: 45%;
}

.w-\[450px\] {
  width: 450px;
}

.w-\[45px\] {
  width: 45px;
}

.w-\[46\%\] {
  width: 46%;
}

.w-\[46px\] {
  width: 46px;
}

.w-\[47px\] {
  width: 47px;
}

.w-\[48\%\] {
  width: 48%;
}

.w-\[48px\] {
  width: 48px;
}

.w-\[4em\] {
  width: 4em;
}

.w-\[4px\] {
  width: 4px;
}

.w-\[50\%\] {
  width: 50%;
}

.w-\[500px\] {
  width: 500px;
}

.w-\[50px\] {
  width: 50px;
}

.w-\[52px\] {
  width: 52px;
}

.w-\[53\%\] {
  width: 53%;
}

.w-\[54px\] {
  width: 54px;
}

.w-\[55\%\] {
  width: 55%;
}

.w-\[58px\] {
  width: 58px;
}

.w-\[5px\] {
  width: 5px;
}

.w-\[60px\] {
  width: 60px;
}

.w-\[62\%\] {
  width: 62%;
}

.w-\[62px\] {
  width: 62px;
}

.w-\[64\%\] {
  width: 64%;
}

.w-\[65\%\] {
  width: 65%;
}

.w-\[65px\] {
  width: 65px;
}

.w-\[66px\] {
  width: 66px;
}

.w-\[67\%\] {
  width: 67%;
}

.w-\[68\%\] {
  width: 68%;
}

.w-\[68px\] {
  width: 68px;
}

.w-\[70\%\] {
  width: 70%;
}

.w-\[70px\] {
  width: 70px;
}

.w-\[71px\] {
  width: 71px;
}

.w-\[75\%\] {
  width: 75%;
}

.w-\[75px\] {
  width: 75px;
}

.w-\[76px\] {
  width: 76px;
}

.w-\[79\%\] {
  width: 79%;
}

.w-\[80\%\] {
  width: 80%;
}

.w-\[80px\] {
  width: 80px;
}

.w-\[85\%\] {
  width: 85%;
}

.w-\[85px\] {
  width: 85px;
}

.w-\[87\%\] {
  width: 87%;
}

.w-\[88\%\] {
  width: 88%;
}

.w-\[88px\] {
  width: 88px;
}

.w-\[8px\] {
  width: 8px;
}

.w-\[9\.5rem\] {
  width: 9.5rem;
}

.w-\[90\%\] {
  width: 90%;
}

.w-\[901\.781px\] {
  width: 901.781px;
}

.w-\[90px\] {
  width: 90px;
}

.w-\[92px\] {
  width: 92px;
}

.w-\[93\%\] {
  width: 93%;
}

.w-\[95\%\] {
  width: 95%;
}

.w-\[95px\] {
  width: 95px;
}

.w-\[96\%\] {
  width: 96%;
}

.w-\[98\.5\%\] {
  width: 98.5%;
}

.w-\[9px\] {
  width: 9px;
}

.w-\[auto\] {
  width: auto;
}

.w-\[calc\(100\%_\+_100px\)\] {
  width: calc(100% + 100px);
}

.w-\[calc\(100\%_\+_20px\)\] {
  width: calc(100% + 20px);
}

.w-\[calc\(100\%_\+_210px\)\] {
  width: calc(100% + 210px);
}

.w-\[calc\(100\%_-_0px\)\] {
  width: calc(100% - 0px);
}

.w-\[calc\(100\%_-_100px\)\] {
  width: calc(100% - 100px);
}

.w-\[calc\(100\%_-_100px_-_12px\)\] {
  width: calc(100% - 100px - 12px);
}

.w-\[calc\(100\%_-_13px_-_18px\)\] {
  width: calc(100% - 13px - 18px);
}

.w-\[calc\(100\%_-_150px\)\] {
  width: calc(100% - 150px);
}

.w-\[calc\(100\%_-_19px\)\] {
  width: calc(100% - 19px);
}

.w-\[calc\(100\%_-_1px\)\] {
  width: calc(100% - 1px);
}

.w-\[calc\(100\%_-_20px\)\] {
  width: calc(100% - 20px);
}

.w-\[calc\(100\%_-_23px_-_16px\)\] {
  width: calc(100% - 23px - 16px);
}

.w-\[calc\(100\%_-_25px\)\] {
  width: calc(100% - 25px);
}

.w-\[calc\(100\%_-_265px\)\] {
  width: calc(100% - 265px);
}

.w-\[calc\(100\%_-_28px_-_8px\)\] {
  width: calc(100% - 28px - 8px);
}

.w-\[calc\(100\%_-_30px\)\] {
  width: calc(100% - 30px);
}

.w-\[calc\(100\%_-_33px\)\] {
  width: calc(100% - 33px);
}

.w-\[calc\(100\%_-_40px_-_20px\)\] {
  width: calc(100% - 40px - 20px);
}

.w-\[calc\(100\%_-_40px_-_2px\)\] {
  width: calc(100% - 40px - 2px);
}

.w-\[calc\(100\%_-_43px_-_15px\)\] {
  width: calc(100% - 43px - 15px);
}

.w-\[calc\(100\%_-_48px\)\] {
  width: calc(100% - 48px);
}

.w-\[calc\(100\%_-_50px\)\] {
  width: calc(100% - 50px);
}

.w-\[calc\(100\%_-_60px\)\] {
  width: calc(100% - 60px);
}

.w-\[calc\(100\%_-_61px_-_4px\)\] {
  width: calc(100% - 61px - 4px);
}

.w-\[calc\(100\%_-_64px\)\] {
  width: calc(100% - 64px);
}

.w-\[calc\(100\%_-_80px\)\] {
  width: calc(100% - 80px);
}

.w-\[calc\(100\%_-_90px\)\] {
  width: calc(100% - 90px);
}

.w-\[calc\(100\%_-_var\(--sidebar-compact-width\)\)\] {
  width: calc(100% - var(--sidebar-compact-width));
}

.w-\[calc\(100px_\+_\(300_-_100\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  width: calc(100px + (300 - 100) * ((100vw - 320px) / (1920 - 320)));
}

.w-\[calc\(100vw_-_0px\)\] {
  width: calc(100vw - 0px);
}

.w-\[calc\(100vw_-_12px\)\] {
  width: calc(100vw - 12px);
}

.w-\[calc\(100vw_-_250px\)\] {
  width: calc(100vw - 250px);
}

.w-\[calc\(100vw_-_300px\)\] {
  width: calc(100vw - 300px);
}

.w-\[calc\(100vw_-_30px\)\] {
  width: calc(100vw - 30px);
}

.w-\[calc\(130px_\+_\(200_-_130\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  width: calc(130px + (200 - 130) * ((100vw - 320px) / (1920 - 320)));
}

.w-\[calc\(140px_\+_\(174_-_140\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  width: calc(140px + (174 - 140) * ((100vw - 320px) / (1920 - 320)));
}

.w-\[calc\(140px_\+_\(230_-_140\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  width: calc(140px + (230 - 140) * ((100vw - 320px) / (1920 - 320)));
}

.w-\[calc\(16px_\+_\(18_-_16\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  width: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
}

.w-\[calc\(16px_\+_\(20_-_16\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  width: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
}

.w-\[calc\(18px_\+_\(20_-_18\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  width: calc(18px + (20 - 18) * ((100vw - 320px) / (1920 - 320)));
}

.w-\[calc\(20px_\+_\(28_-_20\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  width: calc(20px + (28 - 20) * ((100vw - 320px) / (1920 - 320)));
}

.w-\[calc\(22px_\+_\(30_-_22\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  width: calc(22px + (30 - 22) * ((100vw - 320px) / (1920 - 320)));
}

.w-\[calc\(234px_\+_\(305_-_234\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  width: calc(234px + (305 - 234) * ((100vw - 320px) / (1920 - 320)));
}

.w-\[calc\(23px_\+_\(32_-_23\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  width: calc(23px + (32 - 23) * ((100vw - 320px) / (1920 - 320)));
}

.w-\[calc\(240px_\+_\(250_-_240\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  width: calc(240px + (250 - 240) * ((100vw - 320px) / (1920 - 320)));
}

.w-\[calc\(24px_\+_\(30_-_24\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  width: calc(24px + (30 - 24) * ((100vw - 320px) / (1920 - 320)));
}

.w-\[calc\(24px_\+_\(33_-_24\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  width: calc(24px + (33 - 24) * ((100vw - 320px) / (1920 - 320)));
}

.w-\[calc\(25\%_-_15px\)\] {
  width: calc(25% - 15px);
}

.w-\[calc\(255px_\+_\(277_-_255\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  width: calc(255px + (277 - 255) * ((100vw - 320px) / (1920 - 320)));
}

.w-\[calc\(25px_\+_\(30_-_25\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  width: calc(25px + (30 - 25) * ((100vw - 320px) / (1920 - 320)));
}

.w-\[calc\(25px_\+_\(35_-_25\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  width: calc(25px + (35 - 25) * ((100vw - 320px) / (1920 - 320)));
}

.w-\[calc\(25px_\+_\(40_-_25\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  width: calc(25px + (40 - 25) * ((100vw - 320px) / (1920 - 320)));
}

.w-\[calc\(26px_\+_\(39_-_26\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  width: calc(26px + (39 - 26) * ((100vw - 320px) / (1920 - 320)));
}

.w-\[calc\(28px_\+_\(35_-_28\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  width: calc(28px + (35 - 28) * ((100vw - 320px) / (1920 - 320)));
}

.w-\[calc\(295px_\+_\(325_-_295\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  width: calc(295px + (325 - 295) * ((100vw - 320px) / (1920 - 320)));
}

.w-\[calc\(30px_\+_\(34_-_30\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  width: calc(30px + (34 - 30) * ((100vw - 320px) / (1920 - 320)));
}

.w-\[calc\(30px_\+_\(35_-_30\)_\*_\(\(100vw_-_1400px\)_\/_\(1920_-_1400\)\)\)\] {
  width: calc(30px + (35 - 30) * ((100vw - 1400px) / (1920 - 1400)));
}

.w-\[calc\(30px_\+_\(60_-_30\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  width: calc(30px + (60 - 30) * ((100vw - 320px) / (1920 - 320)));
}

.w-\[calc\(32px_\+_\(40_-_32\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  width: calc(32px + (40 - 32) * ((100vw - 320px) / (1920 - 320)));
}

.w-\[calc\(32px_\+_\(50_-_32\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  width: calc(32px + (50 - 32) * ((100vw - 320px) / (1920 - 320)));
}

.w-\[calc\(32px_\+_8_\*_\(100vw_-_320px\)_\/_1600\)\] {
  width: calc(32px + 8 * (100vw - 320px) / 1600);
}

.w-\[calc\(35px_\+_\(48_-_35\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  width: calc(35px + (48 - 35) * ((100vw - 320px) / (1920 - 320)));
}

.w-\[calc\(36px_\+_\(42_-_36\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  width: calc(36px + (42 - 36) * ((100vw - 320px) / (1920 - 320)));
}

.w-\[calc\(36px_\+_\(46_-_36\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  width: calc(36px + (46 - 36) * ((100vw - 320px) / (1920 - 320)));
}

.w-\[calc\(38px_\+_\(45_-_38\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  width: calc(38px + (45 - 38) * ((100vw - 320px) / (1920 - 320)));
}

.w-\[calc\(40px_\+_\(45_-_40\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  width: calc(40px + (45 - 40) * ((100vw - 320px) / (1920 - 320)));
}

.w-\[calc\(40px_\+_\(48_-_40\)_\*_\(100vw_-_320px\)_\/_\(1920_-_320\)\)\] {
  width: calc(40px + (48 - 40) * (100vw - 320px) / (1920 - 320));
}

.w-\[calc\(40px_\+_\(50_-_40\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  width: calc(40px + (50 - 40) * ((100vw - 320px) / (1920 - 320)));
}

.w-\[calc\(40px_\+_\(55_-_40\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  width: calc(40px + (55 - 40) * ((100vw - 320px) / (1920 - 320)));
}

.w-\[calc\(40px_\+_\(60_-_40\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  width: calc(40px + (60 - 40) * ((100vw - 320px) / (1920 - 320)));
}

.w-\[calc\(45px_\+_\(58_-_45\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  width: calc(45px + (58 - 45) * ((100vw - 320px) / (1920 - 320)));
}

.w-\[calc\(45px_\+_\(64_-_45\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  width: calc(45px + (64 - 45) * ((100vw - 320px) / (1920 - 320)));
}

.w-\[calc\(48px_\+_\(58_-_48\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  width: calc(48px + (58 - 48) * ((100vw - 320px) / (1920 - 320)));
}

.w-\[calc\(48px_\+_\(66_-_48\)_\*_\(\(100vw_-_1400px\)_\/_\(1920_-_1400\)\)\)\] {
  width: calc(48px + (66 - 48) * ((100vw - 1400px) / (1920 - 1400)));
}

.w-\[calc\(48px_\+_\(66_-_48\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  width: calc(48px + (66 - 48) * ((100vw - 320px) / (1920 - 320)));
}

.w-\[calc\(50px_\+_\(60_-_50\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  width: calc(50px + (60 - 50) * ((100vw - 320px) / (1920 - 320)));
}

.w-\[calc\(56\%_\+_\(68_-_56\)_\*_\(\(100vw_-_1400px\)_\/_\(1920_-_1400\)\)\)\] {
  width: calc(56% + (68 - 56) * ((100vw - 1400px) / (1920 - 1400)));
}

.w-\[calc\(62px_\+_\(70_-_62\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  width: calc(62px + (70 - 62) * ((100vw - 320px) / (1920 - 320)));
}

.w-\[calc\(68px_\+_\(100_-_68\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  width: calc(68px + (100 - 68) * ((100vw - 320px) / (1920 - 320)));
}

.w-\[calc\(6px_\+_\(8_-_6\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  width: calc(6px + (8 - 6) * ((100vw - 320px) / (1920 - 320)));
}

.w-\[calc\(75px_\+_\(100_-_75\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  width: calc(75px + (100 - 75) * ((100vw - 320px) / (1920 - 320)));
}

.w-\[calc\(78px_\+_\(180_-_78\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  width: calc(78px + (180 - 78) * ((100vw - 320px) / (1920 - 320)));
}

.w-\[calc\(78px_\+_\(90_-_78\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  width: calc(78px + (90 - 78) * ((100vw - 320px) / (1920 - 320)));
}

.w-\[calc\(80px_\+_50_\*_\(100vw_-_320px\)_\/_1600\)\] {
  width: calc(80px + 50 * (100vw - 320px) / 1600);
}

.w-\[calc\(9\.5rem_\+_\(10_-_8\.3\)_\*_\(\(100vw_-_992px\)_\/_\(1920_-_992\)\)\)\] {
  width: calc(9.5rem + (10 - 8.3) * ((100vw - 992px) / (1920 - 992)));
}

.w-\[calc\(95px_\+_\(150_-_95\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  width: calc(95px + (150 - 95) * ((100vw - 320px) / (1920 - 320)));
}

.w-\[calc\(_100px_\+_\(530_-_100\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)_\)\] {
  width: calc( 100px + (530 - 100) * ((100vw - 320px) / (1920 - 320)) );
}

.w-\[calc\(_22px_\+_\(33_-_22\)_\*_\(\(100vw_-_1400px\)_\/_\(1920_-_1400\)\)_\)\] {
  width: calc( 22px + (33 - 22) * ((100vw - 1400px) / (1920 - 1400)) );
}

.w-\[calc\(_230px_\+_\(330_-_230\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)_\)\] {
  width: calc( 230px + (330 - 230) * ((100vw - 320px) / (1920 - 320)) );
}

.w-\[calc\(_38px_\+_\(54_-_38\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)_\)\] {
  width: calc( 38px + (54 - 38) * ((100vw - 320px) / (1920 - 320)) );
}

.w-\[calc\(_80px_\+_\(120_-_80\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)_\)\] {
  width: calc( 80px + (120 - 80) * ((100vw - 320px) / (1920 - 320)) );
}

.w-\[inherit\] {
  width: inherit;
}

.w-\[unset\] {
  width: unset;
}

.w-\[var\(--bs-border-width\)\] {
  width: var(--bs-border-width);
}

.w-\[var\(--header-wrapper-nav-icon-size\)\] {
  width: var(--header-wrapper-nav-icon-size);
}

.w-\[var\(--w\2c 8px\)\] {
  width: var(--w,8px);
}

.w-auto {
  width: auto;
}

.w-fit {
  width: -moz-fit-content;
  width: fit-content;
}

.w-full {
  width: 100%;
}

.w-max {
  width: -moz-max-content;
  width: max-content;
}

.w-px {
  width: 1px;
}

.w-screen {
  width: 100vw;
}

.\!min-w-\[108px\] {
  min-width: 108px !important;
}

.\!min-w-\[128px\] {
  min-width: 128px !important;
}

.\!min-w-\[130px\] {
  min-width: 130px !important;
}

.\!min-w-\[147px\] {
  min-width: 147px !important;
}

.\!min-w-\[50px\] {
  min-width: 50px !important;
}

.\!min-w-\[auto\] {
  min-width: auto !important;
}

.min-w-0 {
  min-width: 0px;
}

.min-w-\[1\.5em\] {
  min-width: 1.5em;
}

.min-w-\[100\%\] {
  min-width: 100%;
}

.min-w-\[100px\] {
  min-width: 100px;
}

.min-w-\[104px\] {
  min-width: 104px;
}

.min-w-\[105px\] {
  min-width: 105px;
}

.min-w-\[108px\] {
  min-width: 108px;
}

.min-w-\[10px\] {
  min-width: 10px;
}

.min-w-\[10rem\] {
  min-width: 10rem;
}

.min-w-\[110px\] {
  min-width: 110px;
}

.min-w-\[112px\] {
  min-width: 112px;
}

.min-w-\[114px\] {
  min-width: 114px;
}

.min-w-\[116px\] {
  min-width: 116px;
}

.min-w-\[118px\] {
  min-width: 118px;
}

.min-w-\[120px\] {
  min-width: 120px;
}

.min-w-\[121px\] {
  min-width: 121px;
}

.min-w-\[122px\] {
  min-width: 122px;
}

.min-w-\[124px\] {
  min-width: 124px;
}

.min-w-\[125px\] {
  min-width: 125px;
}

.min-w-\[126px\] {
  min-width: 126px;
}

.min-w-\[128px\] {
  min-width: 128px;
}

.min-w-\[12px\] {
  min-width: 12px;
}

.min-w-\[130px\] {
  min-width: 130px;
}

.min-w-\[132px\] {
  min-width: 132px;
}

.min-w-\[133px\] {
  min-width: 133px;
}

.min-w-\[135px\] {
  min-width: 135px;
}

.min-w-\[137px\] {
  min-width: 137px;
}

.min-w-\[138px\] {
  min-width: 138px;
}

.min-w-\[140px\] {
  min-width: 140px;
}

.min-w-\[142px\] {
  min-width: 142px;
}

.min-w-\[145px\] {
  min-width: 145px;
}

.min-w-\[148px\] {
  min-width: 148px;
}

.min-w-\[150px\] {
  min-width: 150px;
}

.min-w-\[152px\] {
  min-width: 152px;
}

.min-w-\[154px\] {
  min-width: 154px;
}

.min-w-\[155px\] {
  min-width: 155px;
}

.min-w-\[157px\] {
  min-width: 157px;
}

.min-w-\[15px\] {
  min-width: 15px;
}

.min-w-\[160px\] {
  min-width: 160px;
}

.min-w-\[162px\] {
  min-width: 162px;
}

.min-w-\[165px\] {
  min-width: 165px;
}

.min-w-\[168px\] {
  min-width: 168px;
}

.min-w-\[16px\] {
  min-width: 16px;
}

.min-w-\[170px\] {
  min-width: 170px;
}

.min-w-\[173px\] {
  min-width: 173px;
}

.min-w-\[174px\] {
  min-width: 174px;
}

.min-w-\[175px\] {
  min-width: 175px;
}

.min-w-\[180px\] {
  min-width: 180px;
}

.min-w-\[18px\] {
  min-width: 18px;
}

.min-w-\[190px\] {
  min-width: 190px;
}

.min-w-\[195px\] {
  min-width: 195px;
}

.min-w-\[198px\] {
  min-width: 198px;
}

.min-w-\[199px\] {
  min-width: 199px;
}

.min-w-\[200px\] {
  min-width: 200px;
}

.min-w-\[208px\] {
  min-width: 208px;
}

.min-w-\[20px\] {
  min-width: 20px;
}

.min-w-\[210px\] {
  min-width: 210px;
}

.min-w-\[212px\] {
  min-width: 212px;
}

.min-w-\[215px\] {
  min-width: 215px;
}

.min-w-\[218px\] {
  min-width: 218px;
}

.min-w-\[220px\] {
  min-width: 220px;
}

.min-w-\[224px\] {
  min-width: 224px;
}

.min-w-\[225px\] {
  min-width: 225px;
}

.min-w-\[228px\] {
  min-width: 228px;
}

.min-w-\[230px\] {
  min-width: 230px;
}

.min-w-\[235px\] {
  min-width: 235px;
}

.min-w-\[240px\] {
  min-width: 240px;
}

.min-w-\[245px\] {
  min-width: 245px;
}

.min-w-\[250px\] {
  min-width: 250px;
}

.min-w-\[258px\] {
  min-width: 258px;
}

.min-w-\[25px\] {
  min-width: 25px;
}

.min-w-\[260px\] {
  min-width: 260px;
}

.min-w-\[265px\] {
  min-width: 265px;
}

.min-w-\[270px\] {
  min-width: 270px;
}

.min-w-\[275px\] {
  min-width: 275px;
}

.min-w-\[280px\] {
  min-width: 280px;
}

.min-w-\[285px\] {
  min-width: 285px;
}

.min-w-\[288px\] {
  min-width: 288px;
}

.min-w-\[290px\] {
  min-width: 290px;
}

.min-w-\[300px\] {
  min-width: 300px;
}

.min-w-\[30px\] {
  min-width: 30px;
}

.min-w-\[310px\] {
  min-width: 310px;
}

.min-w-\[312px\] {
  min-width: 312px;
}

.min-w-\[320px\] {
  min-width: 320px;
}

.min-w-\[330px\] {
  min-width: 330px;
}

.min-w-\[33px\] {
  min-width: 33px;
}

.min-w-\[34px\] {
  min-width: 34px;
}

.min-w-\[350px\] {
  min-width: 350px;
}

.min-w-\[35px\] {
  min-width: 35px;
}

.min-w-\[360px\] {
  min-width: 360px;
}

.min-w-\[363px\] {
  min-width: 363px;
}

.min-w-\[365px\] {
  min-width: 365px;
}

.min-w-\[36px\] {
  min-width: 36px;
}

.min-w-\[380px\] {
  min-width: 380px;
}

.min-w-\[3px\] {
  min-width: 3px;
}

.min-w-\[40px\] {
  min-width: 40px;
}

.min-w-\[420px\] {
  min-width: 420px;
}

.min-w-\[42px\] {
  min-width: 42px;
}

.min-w-\[45px\] {
  min-width: 45px;
}

.min-w-\[490px\] {
  min-width: 490px;
}

.min-w-\[49px\] {
  min-width: 49px;
}

.min-w-\[510px\] {
  min-width: 510px;
}

.min-w-\[52px\] {
  min-width: 52px;
}

.min-w-\[55px\] {
  min-width: 55px;
}

.min-w-\[57px\] {
  min-width: 57px;
}

.min-w-\[60px\] {
  min-width: 60px;
}

.min-w-\[62px\] {
  min-width: 62px;
}

.min-w-\[65px\] {
  min-width: 65px;
}

.min-w-\[66px\] {
  min-width: 66px;
}

.min-w-\[67\%\] {
  min-width: 67%;
}

.min-w-\[68px\] {
  min-width: 68px;
}

.min-w-\[6px\] {
  min-width: 6px;
}

.min-w-\[70px\] {
  min-width: 70px;
}

.min-w-\[72px\] {
  min-width: 72px;
}

.min-w-\[74px\] {
  min-width: 74px;
}

.min-w-\[75px\] {
  min-width: 75px;
}

.min-w-\[76px\] {
  min-width: 76px;
}

.min-w-\[78px\] {
  min-width: 78px;
}

.min-w-\[80px\] {
  min-width: 80px;
}

.min-w-\[81px\] {
  min-width: 81px;
}

.min-w-\[82px\] {
  min-width: 82px;
}

.min-w-\[85px\] {
  min-width: 85px;
}

.min-w-\[88px\] {
  min-width: 88px;
}

.min-w-\[90px\] {
  min-width: 90px;
}

.min-w-\[92px\] {
  min-width: 92px;
}

.min-w-\[95px\] {
  min-width: 95px;
}

.min-w-\[96px\] {
  min-width: 96px;
}

.min-w-\[97px\] {
  min-width: 97px;
}

.min-w-\[98px\] {
  min-width: 98px;
}

.min-w-\[99px\] {
  min-width: 99px;
}

.min-w-\[auto\] {
  min-width: auto;
}

.min-w-\[calc\(255px_\+_\(277_-_255\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  min-width: calc(255px + (277 - 255) * ((100vw - 320px) / (1920 - 320)));
}

.min-w-\[calc\(275px_\+_\(310_-_275\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  min-width: calc(275px + (310 - 275) * ((100vw - 320px) / (1920 - 320)));
}

.min-w-\[calc\(40px_\+_\(55_-_40\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  min-width: calc(40px + (55 - 40) * ((100vw - 320px) / (1920 - 320)));
}

.min-w-\[calc\(48px_\+_\(58_-_48\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  min-width: calc(48px + (58 - 48) * ((100vw - 320px) / (1920 - 320)));
}

.min-w-\[calc\(70px_\+_\(140_-_70\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  min-width: calc(70px + (140 - 70) * ((100vw - 320px) / (1920 - 320)));
}

.min-w-\[calc\(74px_\+_\(100_-_74\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  min-width: calc(74px + (100 - 74) * ((100vw - 320px) / (1920 - 320)));
}

.min-w-\[calc\(_234px_\+_\(305_-_234\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)_\)\] {
  min-width: calc( 234px + (305 - 234) * ((100vw - 320px) / (1920 - 320)) );
}

.min-w-\[calc\(_72px_\+_\(140_-_72\)_\*_\(\(100vw_-_1200px\)_\/_\(1920_-_1200\)\)_\)\] {
  min-width: calc( 72px + (140 - 72) * ((100vw - 1200px) / (1920 - 1200)) );
}

.min-w-\[unset\] {
  min-width: unset;
}

.min-w-full {
  min-width: 100%;
}

.\!max-w-\[540px\] {
  max-width: 540px !important;
}

.\!max-w-\[720px\] {
  max-width: 720px !important;
}

.\!max-w-\[960px\] {
  max-width: 960px !important;
}

.\!max-w-fit {
  max-width: -moz-fit-content !important;
  max-width: fit-content !important;
}

.max-w-\[100px\] {
  max-width: 100px;
}

.max-w-\[100vw\] {
  max-width: 100vw;
}

.max-w-\[105px\] {
  max-width: 105px;
}

.max-w-\[1140px\] {
  max-width: 1140px;
}

.max-w-\[116px\] {
  max-width: 116px;
}

.max-w-\[120px\] {
  max-width: 120px;
}

.max-w-\[1280px\] {
  max-width: 1280px;
}

.max-w-\[130px\] {
  max-width: 130px;
}

.max-w-\[1320px\] {
  max-width: 1320px;
}

.max-w-\[140px\] {
  max-width: 140px;
}

.max-w-\[1500px\] {
  max-width: 1500px;
}

.max-w-\[150px\] {
  max-width: 150px;
}

.max-w-\[155px\] {
  max-width: 155px;
}

.max-w-\[1560px\] {
  max-width: 1560px;
}

.max-w-\[160px\] {
  max-width: 160px;
}

.max-w-\[1660px\] {
  max-width: 1660px;
}

.max-w-\[180px\] {
  max-width: 180px;
}

.max-w-\[200px\] {
  max-width: 200px;
}

.max-w-\[205px\] {
  max-width: 205px;
}

.max-w-\[225px\] {
  max-width: 225px;
}

.max-w-\[228px\] {
  max-width: 228px;
}

.max-w-\[23\%\] {
  max-width: 23%;
}

.max-w-\[238px\] {
  max-width: 238px;
}

.max-w-\[245px\] {
  max-width: 245px;
}

.max-w-\[250px\] {
  max-width: 250px;
}

.max-w-\[262px\] {
  max-width: 262px;
}

.max-w-\[275px\] {
  max-width: 275px;
}

.max-w-\[370px\] {
  max-width: 370px;
}

.max-w-\[385px\] {
  max-width: 385px;
}

.max-w-\[3px\] {
  max-width: 3px;
}

.max-w-\[400px\] {
  max-width: 400px;
}

.max-w-\[420px\] {
  max-width: 420px;
}

.max-w-\[443px\] {
  max-width: 443px;
}

.max-w-\[44px\] {
  max-width: 44px;
}

.max-w-\[450px\] {
  max-width: 450px;
}

.max-w-\[45px\] {
  max-width: 45px;
}

.max-w-\[50\%\] {
  max-width: 50%;
}

.max-w-\[50px\] {
  max-width: 50px;
}

.max-w-\[60\%\] {
  max-width: 60%;
}

.max-w-\[65px\] {
  max-width: 65px;
}

.max-w-\[670px\] {
  max-width: 670px;
}

.max-w-\[70\%\] {
  max-width: 70%;
}

.max-w-\[70rem\] {
  max-width: 70rem;
}

.max-w-\[720px\] {
  max-width: 720px;
}

.max-w-\[77\%\] {
  max-width: 77%;
}

.max-w-\[86px\] {
  max-width: 86px;
}

.max-w-\[90px\] {
  max-width: 90px;
}

.max-w-\[92\%\] {
  max-width: 92%;
}

.max-w-\[930px\] {
  max-width: 930px;
}

.max-w-\[960px\] {
  max-width: 960px;
}

.max-w-\[calc\(100\%_-_15px\)\] {
  max-width: calc(100% - 15px);
}

.max-w-\[calc\(100vw_-_250px\)\] {
  max-width: calc(100vw - 250px);
}

.max-w-\[calc\(242px_\+_\(415_-_242\)_\*_\(\(100vw_-_320px\)_\/_\(767_-_320\)\)\)\] {
  max-width: calc(242px + (415 - 242) * ((100vw - 320px) / (767 - 320)));
}

.max-w-\[calc\(70px_\+_\(90_-_70\)_\*_\(\(100vw_-_1400px\)_\/_\(1920_-_1400\)\)\)\] {
  max-width: calc(70px + (90 - 70) * ((100vw - 1400px) / (1920 - 1400)));
}

.max-w-\[calc\(80px_\+_75_\*_\(100vw_-_320px\)_\/_1600\)\] {
  max-width: calc(80px + 75 * (100vw - 320px) / 1600);
}

.max-w-\[unset\] {
  max-width: unset;
}

.max-w-full {
  max-width: 100%;
}

.max-w-none {
  max-width: none;
}

.flex-1 {
  flex: 1 1 0%;
}

.flex-\[0_0_100\%\] {
  flex: 0 0 100%;
}

.flex-\[0_0_50\%\] {
  flex: 0 0 50%;
}

.flex-\[0_0_60\%\] {
  flex: 0 0 60%;
}

.flex-\[0_0_70\%\] {
  flex: 0 0 70%;
}

.flex-\[0_0_77\%\] {
  flex: 0 0 77%;
}

.flex-\[0_0_auto\] {
  flex: 0 0 auto;
}

.flex-\[100\%\] {
  flex: 100%;
}

.flex-\[1\] {
  flex: 1;
}

.flex-\[auto\] {
  flex: auto;
}

.flex-auto {
  flex: 1 1 auto;
}

.flex-shrink {
  flex-shrink: 1;
}

.flex-shrink-0 {
  flex-shrink: 0;
}

.shrink {
  flex-shrink: 1;
}

.shrink-0 {
  flex-shrink: 0;
}

.flex-grow {
  flex-grow: 1;
}

.\!grow {
  flex-grow: 1 !important;
}

.grow {
  flex-grow: 1;
}

.grow-\[hidden\] {
  flex-grow: hidden;
}

.border-collapse {
  border-collapse: collapse;
}

.border-spacing-\[0_10px\] {
  --tw-border-spacing-x: 0 10px;
  --tw-border-spacing-y: 0 10px;
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}

.border-spacing-\[5px\] {
  --tw-border-spacing-x: 5px;
  --tw-border-spacing-y: 5px;
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}

.origin-\[0\%_100\%\] {
  transform-origin: 0% 100%;
}

.origin-\[100\%_0\%\] {
  transform-origin: 100% 0%;
}

.origin-\[300px_300px\] {
  transform-origin: 300px 300px;
}

.origin-\[center_center\] {
  transform-origin: center center;
}

.origin-left {
  transform-origin: left;
}

.-translate-x-1\.5 {
  --tw-translate-x: -0.375rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-x-2\/4 {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-x-full {
  --tw-translate-x: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-y-1 {
  --tw-translate-y: -0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-y-2 {
  --tw-translate-y: -0.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-y-2\/4 {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-y-5 {
  --tw-translate-y: -1.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-y-full {
  --tw-translate-y: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-0 {
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-10 {
  --tw-translate-x: 2.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-2\/4 {
  --tw-translate-x: 50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-\[-150px\] {
  --tw-translate-x: -150px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-\[-285px\] {
  --tw-translate-x: -285px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-\[-7px\] {
  --tw-translate-x: -7px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-\[150\%\] {
  --tw-translate-x: 150%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-\[150px\] {
  --tw-translate-x: 150px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-\[183px\] {
  --tw-translate-x: 183px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-\[20deg\] {
  --tw-translate-x: 20deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-\[285px\] {
  --tw-translate-x: 285px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-\[50px\] {
  --tw-translate-x: 50px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-\[5px\] {
  --tw-translate-x: 5px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-\[7em\] {
  --tw-translate-x: 7em;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-full {
  --tw-translate-x: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-0 {
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-10 {
  --tw-translate-y: 2.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-2\/4 {
  --tw-translate-y: 50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-\[-0px\] {
  --tw-translate-y: -0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-\[-30px\] {
  --tw-translate-y: -30px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-\[-50\%\] {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-\[-50px\] {
  --tw-translate-y: -50px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-\[-5px\] {
  --tw-translate-y: -5px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-\[30px\] {
  --tw-translate-y: 30px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-\[8\%\] {
  --tw-translate-y: 8%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-full {
  --tw-translate-y: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.\!rotate-0 {
  --tw-rotate: 0deg !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}

.-rotate-45 {
  --tw-rotate: -45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-rotate-90 {
  --tw-rotate: -90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-0 {
  --tw-rotate: 0deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-45 {
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-90 {
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-\[-105deg\] {
  --tw-rotate: -105deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-\[-135deg\] {
  --tw-rotate: -135deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-\[-185deg\] {
  --tw-rotate: -185deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-\[-40deg\] {
  --tw-rotate: -40deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-\[-90deg\] {
  --tw-rotate: -90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-\[0\] {
  --tw-rotate: 0;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-\[13\.97deg\] {
  --tw-rotate: 13.97deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-\[135deg\] {
  --tw-rotate: 135deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-\[15deg\] {
  --tw-rotate: 15deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-\[270deg\] {
  --tw-rotate: 270deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-\[315deg\] {
  --tw-rotate: 315deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-\[360deg\] {
  --tw-rotate: 360deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-\[90deg\] {
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.skew-x-\[-10deg\] {
  --tw-skew-x: -10deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.skew-x-\[10deg\] {
  --tw-skew-x: 10deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.skew-y-\[-30deg\] {
  --tw-skew-y: -30deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-0 {
  --tw-scale-x: 0;
  --tw-scale-y: 0;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-100 {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-50 {
  --tw-scale-x: .5;
  --tw-scale-y: .5;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-95 {
  --tw-scale-x: .95;
  --tw-scale-y: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-\[-1\] {
  --tw-scale-x: -1;
  --tw-scale-y: -1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-\[0\.67\] {
  --tw-scale-x: 0.67;
  --tw-scale-y: 0.67;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-\[0\.68\] {
  --tw-scale-x: 0.68;
  --tw-scale-y: 0.68;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-\[0\.6\] {
  --tw-scale-x: 0.6;
  --tw-scale-y: 0.6;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-\[0\.7\] {
  --tw-scale-x: 0.7;
  --tw-scale-y: 0.7;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-\[0\.8\] {
  --tw-scale-x: 0.8;
  --tw-scale-y: 0.8;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-\[1\.01\] {
  --tw-scale-x: 1.01;
  --tw-scale-y: 1.01;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-\[1\.02\] {
  --tw-scale-x: 1.02;
  --tw-scale-y: 1.02;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-\[1\.08\] {
  --tw-scale-x: 1.08;
  --tw-scale-y: 1.08;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-\[1\.2\] {
  --tw-scale-x: 1.2;
  --tw-scale-y: 1.2;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-\[1\.3\] {
  --tw-scale-x: 1.3;
  --tw-scale-y: 1.3;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-\[1\.4\] {
  --tw-scale-x: 1.4;
  --tw-scale-y: 1.4;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-\[1\] {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-scale-x-100 {
  --tw-scale-x: -1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-x-0 {
  --tw-scale-x: 0;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-x-\[-1\] {
  --tw-scale-x: -1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-x-\[1\.2\] {
  --tw-scale-x: 1.2;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.animate-\[animloader14_2s_linear_infinite\] {
  animation: animloader14 2s linear infinite;
}

.animate-\[bounce-effect_3s_infinite_ease-in\] {
  animation: bounce-effect 3s infinite ease-in;
}

.animate-\[bounce-effect_3s_infinite_ease\] {
  animation: bounce-effect 3s infinite ease;
}

.animate-\[bounce-effect_5s_infinite_ease-in\] {
  animation: bounce-effect 5s infinite ease-in;
}

.animate-\[content-loading_2s_linear\] {
  animation: content-loading 2s linear;
}

.animate-\[dash_1\.5s_linear_infinite\] {
  animation: dash 1.5s linear infinite;
}

.animate-\[displayTransition_0s\] {
  animation: displayTransition 0s;
}

.animate-\[displayTransition_1s\] {
  animation: displayTransition 1s;
}

.animate-\[displayTransition_2s\] {
  animation: displayTransition 2s;
}

.animate-\[dot-animation1_5s_ease_infinite\] {
  animation: dot-animation1 5s ease infinite;
}

.animate-\[dot-animation_5s_ease_infinite\] {
  animation: dot-animation 5s ease infinite;
}

.animate-\[fade-slide-in_0\.6s_ease-out\] {
  animation: fade-slide-in 0.6s ease-out;
}

.animate-\[fadeIn-out_4s_infinite_ease-in-out\] {
  animation: fadeIn-out 4s infinite ease-in-out;
}

.animate-\[fadeInLeft_300ms_ease-in-out\] {
  animation: fadeInLeft 300ms ease-in-out;
}

.animate-\[flash_1\.5s\] {
  animation: flash 1.5s;
}

.animate-\[hand-move_5s_infinite_ease-in\] {
  animation: hand-move 5s infinite ease-in;
}

.animate-\[hide_0\.3s_ease_0s_1_normal_forwards\] {
  animation: hide 0.3s ease 0s 1 normal forwards;
}

.animate-\[left-eye_1s_var\(--delay-left\)_linear_paused\] {
  animation: left-eye 1s var(--delay-left) linear paused;
}

.animate-\[linear-line_16s_linear_infinite\] {
  animation: linear-line 16s linear infinite;
}

.animate-\[mesh_3s_ease-in-out_infinite_-1\.5s\] {
  animation: mesh 3s ease-in-out infinite -1.5s;
}

.animate-\[mouth-lower_1s_var\(--delay-mouth-lower\)_linear_paused\] {
  animation: mouth-lower 1s var(--delay-mouth-lower) linear paused;
}

.animate-\[mouth-upper_1s_var\(--delay-mouth-upper\)_linear_paused\] {
  animation: mouth-upper 1s var(--delay-mouth-upper) linear paused;
}

.animate-\[move_4s_ease-in-out_infinite\] {
  animation: move 4s ease-in-out infinite;
}

.animate-\[pulse-dot_1\.25s_cubic-bezier\(0\.455\2c 0\.03\2c 0\.515\2c 0\.955\)_-0\.4s_infinite\] {
  animation: pulse-dot 1.25s cubic-bezier(0.455,0.03,0.515,0.955) -0.4s infinite;
}

.animate-\[push_0\.5s_linear_1\] {
  animation: push 0.5s linear 1;
}

.animate-\[right-eye_1s_var\(--delay-right\)_linear_paused\] {
  animation: right-eye 1s var(--delay-right) linear paused;
}

.animate-\[ripple_0\.7s_linear\] {
  animation: ripple 0.7s linear;
}

.animate-\[rotate-effect_30s_infinite_linear\] {
  animation: rotate-effect 30s infinite linear;
}

.animate-\[rotate-effect_40s_infinite_linear_reverse\] {
  animation: rotate-effect 40s infinite linear reverse;
}

.animate-\[rotate-effect_40s_linear_infinite_reverse\] {
  animation: rotate-effect 40s linear infinite reverse;
}

.animate-\[rotated_50s_infinite_linear\] {
  animation: rotated 50s infinite linear;
}

.animate-\[show_0\.3s_ease_0s_1_normal_forwards\] {
  animation: show 0.3s ease 0s 1 normal forwards;
}

.animate-\[swing_1\.5s_ease_infinite\] {
  animation: swing 1.5s ease infinite;
}

.animate-\[tada_1\.5s_ease_infinite\] {
  animation: tada 1.5s ease infinite;
}

.animate-\[tada_2\.4s_ease_infinite\] {
  animation: tada 2.4s ease infinite;
}

.animate-\[tear_0\.6s_linear_forwards\] {
  animation: tear 0.6s linear forwards;
}

.animate-\[toggle_0\.2s_linear_forwards\] {
  animation: toggle 0.2s linear forwards;
}

.animate-\[toggle_0\.7s_linear_forwards\] {
  animation: toggle 0.7s linear forwards;
}

.animate-\[toggle_0\.8s_linear_forwards\] {
  animation: toggle 0.8s linear forwards;
}

.animate-\[unset\] {
  animation: unset;
}

.animate-\[up-down_2\.9s_ease-in-out_infinite\] {
  animation: up-down 2.9s ease-in-out infinite;
}

.animate-\[up-down_4s_infinite_ease-in-out\] {
  animation: up-down 4s infinite ease-in-out;
}

.animate-\[wave-speaker_2s_ease_infinite\] {
  animation: wave-speaker 2s ease infinite;
}

.animate-\[wave-square-lines_2s_infinite_ease-out\] {
  animation: wave-square-lines 2s infinite ease-out;
}

.animate-\[zoomIn_0\.5s_ease-in-out\] {
  animation: zoomIn 0.5s ease-in-out;
}

.animate-\[zoomIn_300ms_ease-in-out\] {
  animation: zoomIn 300ms ease-in-out;
}

.cursor-default {
  cursor: default;
}

.cursor-not-allowed {
  cursor: not-allowed;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-text {
  cursor: text;
}

.cursor-wait {
  cursor: wait;
}

.touch-none {
  touch-action: none;
}

.select-none {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.resize {
  resize: both;
}

.list-\[circle\] {
  list-style-type: circle;
}

.list-\[none\] {
  list-style-type: none;
}

.list-decimal {
  list-style-type: decimal;
}

.list-disc {
  list-style-type: disc;
}

.list-none {
  list-style-type: none;
}

.appearance-none {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.columns-1 {
  -moz-columns: 1;
       columns: 1;
}

.grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.grid-cols-\[1fr\] {
  grid-template-columns: 1fr;
}

.grid-cols-\[1fr_1fr\] {
  grid-template-columns: 1fr 1fr;
}

.grid-cols-\[1fr_1fr_1fr\] {
  grid-template-columns: 1fr 1fr 1fr;
}

.grid-cols-\[1fr_1fr_1fr_1fr\] {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.grid-cols-\[1fr_1fr_1fr_1fr_1fr\] {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.grid-rows-\[1fr_2fr_2fr_1fr\] {
  grid-template-rows: 1fr 2fr 2fr 1fr;
}

.\!flex-row {
  flex-direction: row !important;
}

.flex-row {
  flex-direction: row;
}

.flex-row-reverse {
  flex-direction: row-reverse;
}

.\!flex-col {
  flex-direction: column !important;
}

.flex-col {
  flex-direction: column;
}

.flex-col-reverse {
  flex-direction: column-reverse;
}

.\!flex-wrap {
  flex-wrap: wrap !important;
}

.flex-wrap {
  flex-wrap: wrap;
}

.\!flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap;
}

.place-content-center {
  place-content: center;
}

.place-content-baseline {
  place-content: baseline;
}

.place-items-center {
  place-items: center;
}

.content-center {
  align-content: center;
}

.content-start {
  align-content: flex-start;
}

.\!items-start {
  align-items: flex-start !important;
}

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

.items-end {
  align-items: flex-end;
}

.\!items-center {
  align-items: center !important;
}

.items-center {
  align-items: center;
}

.items-baseline {
  align-items: baseline;
}

.items-stretch {
  align-items: stretch;
}

.justify-start {
  justify-content: flex-start;
}

.justify-end {
  justify-content: flex-end;
}

.\!justify-center {
  justify-content: center !important;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.justify-around {
  justify-content: space-around;
}

.\!gap-\[24px\] {
  gap: 24px !important;
}

.gap-0 {
  gap: 0px;
}

.gap-0\.5 {
  gap: 0.125rem;
}

.gap-1 {
  gap: 0.25rem;
}

.gap-1\.5 {
  gap: 0.375rem;
}

.gap-2 {
  gap: 0.5rem;
}

.gap-2\.5 {
  gap: 0.625rem;
}

.gap-3 {
  gap: 0.75rem;
}

.gap-3\.5 {
  gap: 0.875rem;
}

.gap-4 {
  gap: 1rem;
}

.gap-5 {
  gap: 1.25rem;
}

.gap-6 {
  gap: 1.5rem;
}

.gap-7 {
  gap: 1.75rem;
}

.gap-8 {
  gap: 2rem;
}

.gap-\[10px\] {
  gap: 10px;
}

.gap-\[11px\] {
  gap: 11px;
}

.gap-\[12px\] {
  gap: 12px;
}

.gap-\[13px\] {
  gap: 13px;
}

.gap-\[15px\] {
  gap: 15px;
}

.gap-\[16px\] {
  gap: 16px;
}

.gap-\[18px\] {
  gap: 18px;
}

.gap-\[22px\] {
  gap: 22px;
}

.gap-\[23px\] {
  gap: 23px;
}

.gap-\[24px\] {
  gap: 24px;
}

.gap-\[25px\] {
  gap: 25px;
}

.gap-\[26px\] {
  gap: 26px;
}

.gap-\[30px\] {
  gap: 30px;
}

.gap-\[32px\] {
  gap: 32px;
}

.gap-\[35px\] {
  gap: 35px;
}

.gap-\[3px\] {
  gap: 3px;
}

.gap-\[40px\] {
  gap: 40px;
}

.gap-\[50px\] {
  gap: 50px;
}

.gap-\[5px\] {
  gap: 5px;
}

.gap-\[7px\] {
  gap: 7px;
}

.gap-\[8px\] {
  gap: 8px;
}

.gap-\[9px\] {
  gap: 9px;
}

.gap-\[calc\(0px_\+_\(28_-_0\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  gap: calc(0px + (28 - 0) * ((100vw - 320px) / (1920 - 320)));
}

.gap-\[calc\(10px_\+_\(16_-_10\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  gap: calc(10px + (16 - 10) * ((100vw - 320px) / (1920 - 320)));
}

.gap-\[calc\(12px_\+_\(24_-_12\)_\*_\(\(100vw_-_1400px\)_\/_\(1920_-_1400\)\)\)\] {
  gap: calc(12px + (24 - 12) * ((100vw - 1400px) / (1920 - 1400)));
}

.gap-\[calc\(12px_\+_\(26_-_12\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  gap: calc(12px + (26 - 12) * ((100vw - 320px) / (1920 - 320)));
}

.gap-\[calc\(12px_\+_\(30_-_12\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  gap: calc(12px + (30 - 12) * ((100vw - 320px) / (1920 - 320)));
}

.gap-\[calc\(14px_\+_\(20_-_14\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  gap: calc(14px + (20 - 14) * ((100vw - 320px) / (1920 - 320)));
}

.gap-\[calc\(14px_\+_\(30_-_14\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  gap: calc(14px + (30 - 14) * ((100vw - 320px) / (1920 - 320)));
}

.gap-\[calc\(15px_\+_\(30_-_15\)_\*_\(\(100vw_-_300px\)_\/_\(1920_-_300\)\)\)\] {
  gap: calc(15px + (30 - 15) * ((100vw - 300px) / (1920 - 300)));
}

.gap-\[calc\(15px_\+_\(35_-_15\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  gap: calc(15px + (35 - 15) * ((100vw - 320px) / (1920 - 320)));
}

.gap-\[calc\(16px_\+_\(25_-_16\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  gap: calc(16px + (25 - 16) * ((100vw - 320px) / (1920 - 320)));
}

.gap-\[calc\(22px_\+_\(35_-_22\)_\*_\(\(100vw_-_1400px\)_\/_\(1920_-_1400\)\)\)\] {
  gap: calc(22px + (35 - 22) * ((100vw - 1400px) / (1920 - 1400)));
}

.gap-\[calc\(25px_\+_\(40_-_25\)_\*_\(\(100vw_-_300px\)_\/_\(1920_-_300\)\)\)\] {
  gap: calc(25px + (40 - 25) * ((100vw - 300px) / (1920 - 300)));
}

.gap-\[calc\(3px_\+_\(6_-_3\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  gap: calc(3px + (6 - 3) * ((100vw - 320px) / (1920 - 320)));
}

.gap-\[calc\(6px_\+_\(12_-_6\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  gap: calc(6px + (12 - 6) * ((100vw - 320px) / (1920 - 320)));
}

.gap-\[calc\(8px_\+_\(12_-_8\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  gap: calc(8px + (12 - 8) * ((100vw - 320px) / (1920 - 320)));
}

.gap-\[calc\(8px_\+_\(16_-_8\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  gap: calc(8px + (16 - 8) * ((100vw - 320px) / (1920 - 320)));
}

.gap-\[calc\(8px_\+_8_\*_\(100vw_-_320px\)_\/_1600\)\] {
  gap: calc(8px + 8 * (100vw - 320px) / 1600);
}

.gap-x-12 {
  -moz-column-gap: 3rem;
       column-gap: 3rem;
}

.gap-x-2 {
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}

.gap-x-3\.5 {
  -moz-column-gap: 0.875rem;
       column-gap: 0.875rem;
}

.gap-x-5 {
  -moz-column-gap: 1.25rem;
       column-gap: 1.25rem;
}

.gap-x-\[30px\] {
  -moz-column-gap: 30px;
       column-gap: 30px;
}

.gap-y-2 {
  row-gap: 0.5rem;
}

.gap-y-3 {
  row-gap: 0.75rem;
}

.gap-y-\[10px\] {
  row-gap: 10px;
}

.gap-y-\[18px\] {
  row-gap: 18px;
}

.gap-y-\[25px\] {
  row-gap: 25px;
}

.self-center {
  align-self: center;
}

.self-stretch {
  align-self: stretch;
}

.justify-self-center {
  justify-self: center;
}

.overflow-auto {
  overflow: auto;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-visible {
  overflow: visible;
}

.overflow-scroll {
  overflow: scroll;
}

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

.overflow-y-auto {
  overflow-y: auto;
}

.overflow-x-hidden {
  overflow-x: hidden;
}

.overflow-y-visible {
  overflow-y: visible;
}

.overflow-y-scroll {
  overflow-y: scroll;
}

.scroll-smooth {
  scroll-behavior: smooth;
}

.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-ellipsis {
  text-overflow: ellipsis;
}

.whitespace-normal {
  white-space: normal;
}

.whitespace-nowrap {
  white-space: nowrap;
}

.whitespace-pre-line {
  white-space: pre-line;
}

.whitespace-pre-wrap {
  white-space: pre-wrap;
}

.text-wrap {
  text-wrap: wrap;
}

.text-nowrap {
  text-wrap: nowrap;
}

.break-all {
  word-break: break-all;
}

.\!rounded {
  border-radius: 0.25rem !important;
}

.\!rounded-\[0\] {
  border-radius: 0 !important;
}

.\!rounded-\[0_10px_10px_0\] {
  border-radius: 0 10px 10px 0 !important;
}

.\!rounded-\[0_6px_6px_0\] {
  border-radius: 0 6px 6px 0 !important;
}

.\!rounded-\[0px\] {
  border-radius: 0px !important;
}

.\!rounded-\[100\%\] {
  border-radius: 100% !important;
}

.\!rounded-\[10px\] {
  border-radius: 10px !important;
}

.\!rounded-\[10px_0_0_10px\] {
  border-radius: 10px 0 0 10px !important;
}

.\!rounded-\[3px\] {
  border-radius: 3px !important;
}

.\!rounded-\[50\%\] {
  border-radius: 50% !important;
}

.\!rounded-\[5px\] {
  border-radius: 5px !important;
}

.\!rounded-\[60px\] {
  border-radius: 60px !important;
}

.\!rounded-\[6px_0_0_6px\] {
  border-radius: 6px 0 0 6px !important;
}

.\!rounded-\[var\(--card-border-radius\)\] {
  border-radius: var(--card-border-radius) !important;
}

.\!rounded-full {
  border-radius: 9999px !important;
}

.\!rounded-lg {
  border-radius: 0.5rem !important;
}

.\!rounded-md {
  border-radius: 0.375rem !important;
}

.\!rounded-none {
  border-radius: 0px !important;
}

.rounded {
  border-radius: 0.25rem;
}

.rounded-2xl {
  border-radius: 1rem;
}

.rounded-\[0\%\] {
  border-radius: 0%;
}

.rounded-\[0\.25em\] {
  border-radius: 0.25em;
}

.rounded-\[0\.2em_0_0_0\.2em\] {
  border-radius: 0.2em 0 0 0.2em;
}

.rounded-\[0\.75em\] {
  border-radius: 0.75em;
}

.rounded-\[0\] {
  border-radius: 0;
}

.rounded-\[0_0_0_10px\] {
  border-radius: 0 0 0 10px;
}

.rounded-\[0_0_0_15px\] {
  border-radius: 0 0 0 15px;
}

.rounded-\[0_0_0_7px\] {
  border-radius: 0 0 0 7px;
}

.rounded-\[0_0_10px\] {
  border-radius: 0 0 10px;
}

.rounded-\[0_0_10px_0\] {
  border-radius: 0 0 10px 0;
}

.rounded-\[0_0_10px_10px\] {
  border-radius: 0 0 10px 10px;
}

.rounded-\[0_0_15px_0\] {
  border-radius: 0 0 15px 0;
}

.rounded-\[0_0_15px_15px\] {
  border-radius: 0 0 15px 15px;
}

.rounded-\[0_0_4px_4px\] {
  border-radius: 0 0 4px 4px;
}

.rounded-\[0_0_50\%_50\%\] {
  border-radius: 0 0 50% 50%;
}

.rounded-\[0_0_50\%_50\%_\/_0_0_100\%_100\%\] {
  border-radius: 0 0 50% 50% / 0 0 100% 100%;
}

.rounded-\[0_0_5px_5px\] {
  border-radius: 0 0 5px 5px;
}

.rounded-\[0_0_6px_6px\] {
  border-radius: 0 0 6px 6px;
}

.rounded-\[0_100px_100px_0\] {
  border-radius: 0 100px 100px 0;
}

.rounded-\[0_10px_10px_0\] {
  border-radius: 0 10px 10px 0;
}

.rounded-\[0_15px_15px_0\] {
  border-radius: 0 15px 15px 0;
}

.rounded-\[0_200px_200px_0\] {
  border-radius: 0 200px 200px 0;
}

.rounded-\[0_4px_0_32px\] {
  border-radius: 0 4px 0 32px;
}

.rounded-\[0_5px_5px_0\] {
  border-radius: 0 5px 5px 0;
}

.rounded-\[0_6px_6px_0\] {
  border-radius: 0 6px 6px 0;
}

.rounded-\[0_8px_8px_0\] {
  border-radius: 0 8px 8px 0;
}

.rounded-\[0px\] {
  border-radius: 0px;
}

.rounded-\[0px_0_0_3px\] {
  border-radius: 0px 0 0 3px;
}

.rounded-\[0px_0px_5px_5px\] {
  border-radius: 0px 0px 5px 5px;
}

.rounded-\[0px_10px_0_0\] {
  border-radius: 0px 10px 0 0;
}

.rounded-\[0px_10px_0px_0px\] {
  border-radius: 0px 10px 0px 0px;
}

.rounded-\[0px_5px_5px_0px\] {
  border-radius: 0px 5px 5px 0px;
}

.rounded-\[0px_6px_6px_0px\] {
  border-radius: 0px 6px 6px 0px;
}

.rounded-\[1\%\] {
  border-radius: 1%;
}

.rounded-\[100\%\] {
  border-radius: 100%;
}

.rounded-\[100px\] {
  border-radius: 100px;
}

.rounded-\[100px_0_0_100px\] {
  border-radius: 100px 0 0 100px;
}

.rounded-\[10px\] {
  border-radius: 10px;
}

.rounded-\[10px_0_0_10px\] {
  border-radius: 10px 0 0 10px;
}

.rounded-\[10px_0px_0px_0px\] {
  border-radius: 10px 0px 0px 0px;
}

.rounded-\[10px_0px_0px_10px\] {
  border-radius: 10px 0px 0px 10px;
}

.rounded-\[10px_10px_0_0\] {
  border-radius: 10px 10px 0 0;
}

.rounded-\[14px\] {
  border-radius: 14px;
}

.rounded-\[15px\] {
  border-radius: 15px;
}

.rounded-\[15px_0_0_15px\] {
  border-radius: 15px 0 0 15px;
}

.rounded-\[15px_15px_0_0\] {
  border-radius: 15px 15px 0 0;
}

.rounded-\[16px\] {
  border-radius: 16px;
}

.rounded-\[1px\] {
  border-radius: 1px;
}

.rounded-\[200px_0_0_200px\] {
  border-radius: 200px 0 0 200px;
}

.rounded-\[20px\] {
  border-radius: 20px;
}

.rounded-\[25\%\] {
  border-radius: 25%;
}

.rounded-\[25px\] {
  border-radius: 25px;
}

.rounded-\[2em\] {
  border-radius: 2em;
}

.rounded-\[2px\] {
  border-radius: 2px;
}

.rounded-\[2px_2px_0px_0px\] {
  border-radius: 2px 2px 0px 0px;
}

.rounded-\[2px_5px_0px_2px\] {
  border-radius: 2px 5px 0px 2px;
}

.rounded-\[30px\] {
  border-radius: 30px;
}

.rounded-\[32px\] {
  border-radius: 32px;
}

.rounded-\[35px\] {
  border-radius: 35px;
}

.rounded-\[3px\] {
  border-radius: 3px;
}

.rounded-\[40px\] {
  border-radius: 40px;
}

.rounded-\[4px\] {
  border-radius: 4px;
}

.rounded-\[4px_0_32px_0\] {
  border-radius: 4px 0 32px 0;
}

.rounded-\[50\%\] {
  border-radius: 50%;
}

.rounded-\[50\%_50\%_0_0_\/_100\%_100\%_0_0\] {
  border-radius: 50% 50% 0 0 / 100% 100% 0 0;
}

.rounded-\[50px\] {
  border-radius: 50px;
}

.rounded-\[50px_16px_16px_50px\] {
  border-radius: 50px 16px 16px 50px;
}

.rounded-\[5px\] {
  border-radius: 5px;
}

.rounded-\[5px_2px_2px_0px\] {
  border-radius: 5px 2px 2px 0px;
}

.rounded-\[5px_5px_0_0\] {
  border-radius: 5px 5px 0 0;
}

.rounded-\[60px\] {
  border-radius: 60px;
}

.rounded-\[6px\] {
  border-radius: 6px;
}

.rounded-\[6px_0_0_6px\] {
  border-radius: 6px 0 0 6px;
}

.rounded-\[6px_0px_0px_6px\] {
  border-radius: 6px 0px 0px 6px;
}

.rounded-\[6px_6px_0_0\] {
  border-radius: 6px 6px 0 0;
}

.rounded-\[70px\] {
  border-radius: 70px;
}

.rounded-\[7px\] {
  border-radius: 7px;
}

.rounded-\[83px\] {
  border-radius: 83px;
}

.rounded-\[8px\] {
  border-radius: 8px;
}

.rounded-\[8px_0_0_8px\] {
  border-radius: 8px 0 0 8px;
}

.rounded-\[9px\] {
  border-radius: 9px;
}

.rounded-\[unset\] {
  border-radius: unset;
}

.rounded-\[var\(--alert-border-radius\)\] {
  border-radius: var(--alert-border-radius);
}

.rounded-\[var\(--code-tag-border-radius\)\] {
  border-radius: var(--code-tag-border-radius);
}

.rounded-\[var\(--tw-border-radius\)\] {
  border-radius: var(--tw-border-radius);
}

.rounded-\[var\(--tw-breadcrumb-border-radius\)\] {
  border-radius: var(--tw-breadcrumb-border-radius);
}

.rounded-full {
  border-radius: 9999px;
}

.rounded-lg {
  border-radius: 0.5rem;
}

.rounded-md {
  border-radius: 0.375rem;
}

.rounded-none {
  border-radius: 0px;
}

.rounded-sm {
  border-radius: 0.125rem;
}

.rounded-xl {
  border-radius: 0.75rem;
}

.\!rounded-b-lg {
  border-bottom-right-radius: 0.5rem !important;
  border-bottom-left-radius: 0.5rem !important;
}

.\!rounded-b-none {
  border-bottom-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}

.\!rounded-l-lg {
  border-top-left-radius: 0.5rem !important;
  border-bottom-left-radius: 0.5rem !important;
}

.\!rounded-l-md {
  border-top-left-radius: 0.375rem !important;
  border-bottom-left-radius: 0.375rem !important;
}

.\!rounded-l-none {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}

.\!rounded-r-lg {
  border-top-right-radius: 0.5rem !important;
  border-bottom-right-radius: 0.5rem !important;
}

.\!rounded-r-md {
  border-top-right-radius: 0.375rem !important;
  border-bottom-right-radius: 0.375rem !important;
}

.\!rounded-r-none {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

.\!rounded-t-\[5px\] {
  border-top-left-radius: 5px !important;
  border-top-right-radius: 5px !important;
}

.\!rounded-t-lg {
  border-top-left-radius: 0.5rem !important;
  border-top-right-radius: 0.5rem !important;
}

.\!rounded-t-none {
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}

.rounded-b-\[6px\] {
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}

.rounded-b-\[inherit\] {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}

.rounded-b-md {
  border-bottom-right-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}

.rounded-e-\[6px\] {
  border-start-end-radius: 6px;
  border-end-end-radius: 6px;
}

.rounded-e-none {
  border-start-end-radius: 0px;
  border-end-end-radius: 0px;
}

.rounded-l-lg {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}

.rounded-l-md {
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}

.rounded-l-none {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.rounded-r-lg {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

.rounded-r-md {
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}

.rounded-r-none {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.rounded-s-\[6px\] {
  border-start-start-radius: 6px;
  border-end-start-radius: 6px;
}

.rounded-s-lg {
  border-start-start-radius: 0.5rem;
  border-end-start-radius: 0.5rem;
}

.rounded-s-none {
  border-start-start-radius: 0px;
  border-end-start-radius: 0px;
}

.rounded-t-\[5px\] {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.rounded-t-\[6px\] {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.rounded-t-\[inherit\] {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}

.rounded-t-\[unset\] {
  border-top-left-radius: unset;
  border-top-right-radius: unset;
}

.rounded-t-lg {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}

.rounded-t-md {
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
}

.rounded-t-none {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.\!rounded-bl-\[15px\] {
  border-bottom-left-radius: 15px !important;
}

.\!rounded-bl-\[5px\] {
  border-bottom-left-radius: 5px !important;
}

.\!rounded-bl-none {
  border-bottom-left-radius: 0px !important;
}

.\!rounded-br-\[5px\] {
  border-bottom-right-radius: 5px !important;
}

.\!rounded-br-\[unset\] {
  border-bottom-right-radius: unset !important;
}

.\!rounded-br-md {
  border-bottom-right-radius: 0.375rem !important;
}

.\!rounded-br-none {
  border-bottom-right-radius: 0px !important;
}

.\!rounded-tl {
  border-top-left-radius: 0.25rem !important;
}

.\!rounded-tl-\[15px\] {
  border-top-left-radius: 15px !important;
}

.\!rounded-tl-\[var\(--card-border-radius\)\] {
  border-top-left-radius: var(--card-border-radius) !important;
}

.\!rounded-tl-md {
  border-top-left-radius: 0.375rem !important;
}

.\!rounded-tl-none {
  border-top-left-radius: 0px !important;
}

.\!rounded-tr {
  border-top-right-radius: 0.25rem !important;
}

.\!rounded-tr-\[5px\] {
  border-top-right-radius: 5px !important;
}

.\!rounded-tr-\[unset\] {
  border-top-right-radius: unset !important;
}

.\!rounded-tr-\[var\(--card-border-radius\)\] {
  border-top-right-radius: var(--card-border-radius) !important;
}

.\!rounded-tr-lg {
  border-top-right-radius: 0.5rem !important;
}

.\!rounded-tr-md {
  border-top-right-radius: 0.375rem !important;
}

.\!rounded-tr-none {
  border-top-right-radius: 0px !important;
}

.rounded-bl {
  border-bottom-left-radius: 0.25rem;
}

.rounded-bl-\[1\.3rem\] {
  border-bottom-left-radius: 1.3rem;
}

.rounded-bl-\[25px\] {
  border-bottom-left-radius: 25px;
}

.rounded-bl-\[5px\] {
  border-bottom-left-radius: 5px;
}

.rounded-bl-\[6px\] {
  border-bottom-left-radius: 6px;
}

.rounded-bl-\[7px\] {
  border-bottom-left-radius: 7px;
}

.rounded-bl-\[unset\] {
  border-bottom-left-radius: unset;
}

.rounded-bl-\[var\(--card-border-radius\)\] {
  border-bottom-left-radius: var(--card-border-radius);
}

.rounded-bl-none {
  border-bottom-left-radius: 0px;
}

.rounded-br {
  border-bottom-right-radius: 0.25rem;
}

.rounded-br-\[1\.3rem\] {
  border-bottom-right-radius: 1.3rem;
}

.rounded-br-\[25px\] {
  border-bottom-right-radius: 25px;
}

.rounded-br-\[5px\] {
  border-bottom-right-radius: 5px;
}

.rounded-br-\[6px\] {
  border-bottom-right-radius: 6px;
}

.rounded-br-\[7px\] {
  border-bottom-right-radius: 7px;
}

.rounded-br-\[unset\] {
  border-bottom-right-radius: unset;
}

.rounded-br-\[var\(--card-border-radius\)\] {
  border-bottom-right-radius: var(--card-border-radius);
}

.rounded-br-lg {
  border-bottom-right-radius: 0.5rem;
}

.rounded-br-md {
  border-bottom-right-radius: 0.375rem;
}

.rounded-br-none {
  border-bottom-right-radius: 0px;
}

.rounded-es-lg {
  border-end-start-radius: 0.5rem;
}

.rounded-es-md {
  border-end-start-radius: 0.375rem;
}

.rounded-tl {
  border-top-left-radius: 0.25rem;
}

.rounded-tl-\[1\.3rem\] {
  border-top-left-radius: 1.3rem;
}

.rounded-tl-\[25px\] {
  border-top-left-radius: 25px;
}

.rounded-tl-\[5px\] {
  border-top-left-radius: 5px;
}

.rounded-tl-\[6px\] {
  border-top-left-radius: 6px;
}

.rounded-tl-\[7px\] {
  border-top-left-radius: 7px;
}

.rounded-tl-\[unset\] {
  border-top-left-radius: unset;
}

.rounded-tl-\[var\(--tw-nav-tabs-border-radius\)\] {
  border-top-left-radius: var(--tw-nav-tabs-border-radius);
}

.rounded-tl-lg {
  border-top-left-radius: 0.5rem;
}

.rounded-tl-md {
  border-top-left-radius: 0.375rem;
}

.rounded-tl-none {
  border-top-left-radius: 0px;
}

.rounded-tr {
  border-top-right-radius: 0.25rem;
}

.rounded-tr-\[1\.3rem\] {
  border-top-right-radius: 1.3rem;
}

.rounded-tr-\[25px\] {
  border-top-right-radius: 25px;
}

.rounded-tr-\[5px\] {
  border-top-right-radius: 5px;
}

.rounded-tr-\[6px\] {
  border-top-right-radius: 6px;
}

.rounded-tr-\[7px\] {
  border-top-right-radius: 7px;
}

.rounded-tr-\[unset\] {
  border-top-right-radius: unset;
}

.rounded-tr-\[var\(--tw-nav-tabs-border-radius\)\] {
  border-top-right-radius: var(--tw-nav-tabs-border-radius);
}

.rounded-tr-lg {
  border-top-right-radius: 0.5rem;
}

.rounded-tr-md {
  border-top-right-radius: 0.375rem;
}

.rounded-tr-none {
  border-top-right-radius: 0px;
}

.\!border {
  border-width: 1px !important;
}

.\!border-0 {
  border-width: 0px !important;
}

.\!border-\[0\] {
  border-width: 0 !important;
}

.\!border-\[0px\] {
  border-width: 0px !important;
}

.\!border-\[10px\] {
  border-width: 10px !important;
}

.\!border-\[2px\] {
  border-width: 2px !important;
}

.\!border-\[3px\] {
  border-width: 3px !important;
}

.\!border-\[4px\] {
  border-width: 4px !important;
}

.\!border-\[5px\] {
  border-width: 5px !important;
}

.\!border-\[6px\] {
  border-width: 6px !important;
}

.\!border-\[7px\] {
  border-width: 7px !important;
}

.\!border-\[8px\] {
  border-width: 8px !important;
}

.\!border-\[9px\] {
  border-width: 9px !important;
}

.border {
  border-width: 1px;
}

.border-0 {
  border-width: 0px;
}

.border-2 {
  border-width: 2px;
}

.border-4 {
  border-width: 4px;
}

.border-8 {
  border-width: 8px;
}

.border-\[0\.25em\] {
  border-width: 0.25em;
}

.border-\[0\] {
  border-width: 0;
}

.border-\[0px\] {
  border-width: 0px;
}

.border-\[10px\] {
  border-width: 10px;
}

.border-\[12px\] {
  border-width: 12px;
}

.border-\[14px\] {
  border-width: 14px;
}

.border-\[15px\] {
  border-width: 15px;
}

.border-\[1px\] {
  border-width: 1px;
}

.border-\[2px\] {
  border-width: 2px;
}

.border-\[3px\] {
  border-width: 3px;
}

.border-\[4px\] {
  border-width: 4px;
}

.border-\[5px\] {
  border-width: 5px;
}

.border-\[6px\] {
  border-width: 6px;
}

.border-\[7px\] {
  border-width: 7px;
}

.border-\[8px\] {
  border-width: 8px;
}

.border-\[9px\] {
  border-width: 9px;
}

.border-\[calc\(5px\)\] {
  border-width: calc(5px);
}

.border-\[length\:var\(--tw-nav-tabs-border-width\)\] {
  border-width: var(--tw-nav-tabs-border-width);
}

.\!border-x-0 {
  border-left-width: 0px !important;
  border-right-width: 0px !important;
}

.\!border-y-0 {
  border-top-width: 0px !important;
  border-bottom-width: 0px !important;
}

.border-x-0 {
  border-left-width: 0px;
  border-right-width: 0px;
}

.border-x-2 {
  border-left-width: 2px;
  border-right-width: 2px;
}

.border-x-4 {
  border-left-width: 4px;
  border-right-width: 4px;
}

.border-x-\[6px\] {
  border-left-width: 6px;
  border-right-width: 6px;
}

.border-y-4 {
  border-top-width: 4px;
  border-bottom-width: 4px;
}

.\!border-b {
  border-bottom-width: 1px !important;
}

.\!border-b-0 {
  border-bottom-width: 0px !important;
}

.\!border-b-\[0\] {
  border-bottom-width: 0 !important;
}

.\!border-b-\[0px\] {
  border-bottom-width: 0px !important;
}

.\!border-l-0 {
  border-left-width: 0px !important;
}

.\!border-l-4 {
  border-left-width: 4px !important;
}

.\!border-l-\[0px\] {
  border-left-width: 0px !important;
}

.\!border-l-\[1px\] {
  border-left-width: 1px !important;
}

.\!border-l-\[4px\] {
  border-left-width: 4px !important;
}

.\!border-r-0 {
  border-right-width: 0px !important;
}

.\!border-r-2 {
  border-right-width: 2px !important;
}

.\!border-r-\[0px\] {
  border-right-width: 0px !important;
}

.\!border-t {
  border-top-width: 1px !important;
}

.\!border-t-\[0px\] {
  border-top-width: 0px !important;
}

.\!border-t-\[1\.5px\] {
  border-top-width: 1.5px !important;
}

.\!border-t-\[1px\] {
  border-top-width: 1px !important;
}

.border-b {
  border-bottom-width: 1px;
}

.border-b-0 {
  border-bottom-width: 0px;
}

.border-b-2 {
  border-bottom-width: 2px;
}

.border-b-4 {
  border-bottom-width: 4px;
}

.border-b-\[0\] {
  border-bottom-width: 0;
}

.border-b-\[0px\] {
  border-bottom-width: 0px;
}

.border-b-\[10px\] {
  border-bottom-width: 10px;
}

.border-b-\[14px\] {
  border-bottom-width: 14px;
}

.border-b-\[1px\] {
  border-bottom-width: 1px;
}

.border-b-\[2px\] {
  border-bottom-width: 2px;
}

.border-b-\[6px\] {
  border-bottom-width: 6px;
}

.border-b-\[7px\] {
  border-bottom-width: 7px;
}

.border-b-\[thick\] {
  border-bottom-width: thick;
}

.border-e-0 {
  border-inline-end-width: 0px;
}

.border-l {
  border-left-width: 1px;
}

.border-l-0 {
  border-left-width: 0px;
}

.border-l-2 {
  border-left-width: 2px;
}

.border-l-4 {
  border-left-width: 4px;
}

.border-l-\[0px\] {
  border-left-width: 0px;
}

.border-l-\[10px\] {
  border-left-width: 10px;
}

.border-l-\[12px\] {
  border-left-width: 12px;
}

.border-l-\[15px\] {
  border-left-width: 15px;
}

.border-l-\[1px\] {
  border-left-width: 1px;
}

.border-l-\[3px\] {
  border-left-width: 3px;
}

.border-l-\[7px\] {
  border-left-width: 7px;
}

.border-r {
  border-right-width: 1px;
}

.border-r-0 {
  border-right-width: 0px;
}

.border-r-2 {
  border-right-width: 2px;
}

.border-r-4 {
  border-right-width: 4px;
}

.border-r-\[0px\] {
  border-right-width: 0px;
}

.border-r-\[10px\] {
  border-right-width: 10px;
}

.border-r-\[15px\] {
  border-right-width: 15px;
}

.border-r-\[1px\] {
  border-right-width: 1px;
}

.border-r-\[2px\] {
  border-right-width: 2px;
}

.border-r-\[3px\] {
  border-right-width: 3px;
}

.border-r-\[4px\] {
  border-right-width: 4px;
}

.border-s-0 {
  border-inline-start-width: 0px;
}

.border-t {
  border-top-width: 1px;
}

.border-t-0 {
  border-top-width: 0px;
}

.border-t-2 {
  border-top-width: 2px;
}

.border-t-4 {
  border-top-width: 4px;
}

.border-t-8 {
  border-top-width: 8px;
}

.border-t-\[0px\] {
  border-top-width: 0px;
}

.border-t-\[1px\] {
  border-top-width: 1px;
}

.border-t-\[6px\] {
  border-top-width: 6px;
}

.border-solid {
  border-style: solid;
}

.\!border-dashed {
  border-style: dashed !important;
}

.border-dashed {
  border-style: dashed;
}

.border-dotted {
  border-style: dotted;
}

.border-double {
  border-style: double;
}

.\!border-none {
  border-style: none !important;
}

.border-none {
  border-style: none;
}

.\!border-\[rgba\(var\(--chart-dashed-border\)\2c 1\)\] {
  border-color: rgba(var(--chart-dashed-border),1) !important;
}

.\!border-\[rgba\(var\(--danger-color\)\2c 1\)\] {
  border-color: rgba(var(--danger-color),1) !important;
}

.\!border-\[rgba\(var\(--dark-border-color\)\2c 1\)\] {
  border-color: rgba(var(--dark-border-color),1) !important;
}

.\!border-\[rgba\(var\(--dark-card-background\)\2c 1\)\] {
  border-color: rgba(var(--dark-card-background),1) !important;
}

.\!border-\[rgba\(var\(--dark-card-border\)\2c 1\)\] {
  border-color: rgba(var(--dark-card-border),1) !important;
}

.\!border-\[rgba\(var\(--dark-color\)\2c 1\)\] {
  border-color: rgba(var(--dark-color),1) !important;
}

.\!border-\[rgba\(var\(--gray-60\)\2c 0\.6\)\] {
  border-color: rgba(var(--gray-60),0.6) !important;
}

.\!border-\[rgba\(var\(--gray-60\)\2c 1\)\] {
  border-color: rgba(var(--gray-60),1) !important;
}

.\!border-\[rgba\(var\(--info-color\)\2c 1\)\] {
  border-color: rgba(var(--info-color),1) !important;
}

.\!border-\[rgba\(var\(--light-color\)\2c 1\)\] {
  border-color: rgba(var(--light-color),1) !important;
}

.\!border-\[rgba\(var\(--recent-dashed-border\)\2c 1\)\] {
  border-color: rgba(var(--recent-dashed-border),1) !important;
}

.\!border-\[rgba\(var\(--semi-dark\)\2c 0\.05\)\] {
  border-color: rgba(var(--semi-dark),0.05) !important;
}

.\!border-\[rgba\(var\(--success-color\)\2c 1\)\] {
  border-color: rgba(var(--success-color),1) !important;
}

.\!border-\[rgba\(var\(--theme-default\)\2c 0\.06\)\] {
  border-color: rgba(var(--theme-default),0.06) !important;
}

.\!border-\[rgba\(var\(--theme-default\)\2c 0\.1\)\] {
  border-color: rgba(var(--theme-default),0.1) !important;
}

.\!border-\[rgba\(var\(--theme-default\)\2c 0\.9\)\] {
  border-color: rgba(var(--theme-default),0.9) !important;
}

.\!border-\[rgba\(var\(--theme-default\)\2c 1\)\] {
  border-color: rgba(var(--theme-default),1) !important;
}

.\!border-\[rgba\(var\(--theme-secondary\)\2c 1\)\] {
  border-color: rgba(var(--theme-secondary),1) !important;
}

.\!border-\[rgba\(var\(--warning-color\)\2c 1\)\] {
  border-color: rgba(var(--warning-color),1) !important;
}

.border-\[\#0000001a\] {
  border-color: #0000001a;
}

.border-\[\#024e6a\] {
  --tw-border-opacity: 1;
  border-color: rgb(2 78 106 / var(--tw-border-opacity, 1));
}

.border-\[\#334154\] {
  --tw-border-opacity: 1;
  border-color: rgb(51 65 84 / var(--tw-border-opacity, 1));
}

.border-\[\#3f475a\] {
  --tw-border-opacity: 1;
  border-color: rgb(63 71 90 / var(--tw-border-opacity, 1));
}

.border-\[\#b8b8b8\] {
  --tw-border-opacity: 1;
  border-color: rgb(184 184 184 / var(--tw-border-opacity, 1));
}

.border-\[\#cccccc\] {
  --tw-border-opacity: 1;
  border-color: rgb(204 204 204 / var(--tw-border-opacity, 1));
}

.border-\[\#ced4da\] {
  --tw-border-opacity: 1;
  border-color: rgb(206 212 218 / var(--tw-border-opacity, 1));
}

.border-\[\#dee2e6\] {
  --tw-border-opacity: 1;
  border-color: rgb(222 226 230 / var(--tw-border-opacity, 1));
}

.border-\[\#dfdfdf\] {
  --tw-border-opacity: 1;
  border-color: rgb(223 223 223 / var(--tw-border-opacity, 1));
}

.border-\[\#e6e6e6\] {
  --tw-border-opacity: 1;
  border-color: rgb(230 230 230 / var(--tw-border-opacity, 1));
}

.border-\[\#e8ebf2\] {
  --tw-border-opacity: 1;
  border-color: rgb(232 235 242 / var(--tw-border-opacity, 1));
}

.border-\[\#ecf3fa\] {
  --tw-border-opacity: 1;
  border-color: rgb(236 243 250 / var(--tw-border-opacity, 1));
}

.border-\[\#f1f1f1\] {
  --tw-border-opacity: 1;
  border-color: rgb(241 241 241 / var(--tw-border-opacity, 1));
}

.border-\[\#f1f3ff\] {
  --tw-border-opacity: 1;
  border-color: rgb(241 243 255 / var(--tw-border-opacity, 1));
}

.border-\[\#f3f3f3\] {
  --tw-border-opacity: 1;
  border-color: rgb(243 243 243 / var(--tw-border-opacity, 1));
}

.border-\[\#f5f8fa\] {
  --tw-border-opacity: 1;
  border-color: rgb(245 248 250 / var(--tw-border-opacity, 1));
}

.border-\[\#f6f7fb\] {
  --tw-border-opacity: 1;
  border-color: rgb(246 247 251 / var(--tw-border-opacity, 1));
}

.border-\[\#f8f8f8\] {
  --tw-border-opacity: 1;
  border-color: rgb(248 248 248 / var(--tw-border-opacity, 1));
}

.border-\[0\.0625rem_0\] {
  border-color: 0.0625rem 0;
}

.border-\[2_\*_\(100vw_-_320px\)_\/_1600_solid\] {
  border-color: 2 * (100vw - 320px) / 1600 solid;
}

.border-\[2px_0\] {
  border-color: 2px 0;
}

.border-\[5px_5px_5px_0\] {
  border-color: 5px 5px 5px 0;
}

.border-\[color\:var\(--course-light-btn\)\] {
  border-color: var(--course-light-btn);
}

.border-\[hidden\] {
  border-color: hidden;
}

.border-\[lighten\(rgba\(var\(--primary-color\)\2c 22\%\)\)\] {
  border-color: lighten(rgba(var(--primary-color),22%));
}

.border-\[none\] {
  border-color: none;
}

.border-\[rgb\(var\(--dark-color\)\2c 1\)\] {
  border-color: rgb(var(--dark-color),1);
}

.border-\[rgba\(0\2c 2\2c 72\2c 0\.2\)\] {
  border-color: rgba(0,2,72,0.2);
}

.border-\[rgba\(146\2c 146\2c 146\2c 0\.36\)\] {
  border-color: rgba(146,146,146,0.36);
}

.border-\[rgba\(229\2c 229\2c 243\2c 0\.8\)\] {
  border-color: rgba(229,229,243,0.8);
}

.border-\[rgba\(49\2c 49\2c 49\2c 0\.75\)\] {
  border-color: rgba(49,49,49,0.75);
}

.border-\[rgba\(60\2c 60\2c 60\2c 0\.27\)\] {
  border-color: rgba(60,60,60,0.27);
}

.border-\[rgba\(60\2c 60\2c 60\2c 0\.57\)\] {
  border-color: rgba(60,60,60,0.57);
}

.border-\[rgba\(_var\(--theme-default\)\2c var\(--bs-border-opacity\)_\)\] {
  border-color: rgba( var(--theme-default),var(--bs-border-opacity) );
}

.border-\[rgba\(var\(--auth-bg-color\)\2c 1\)\] {
  border-color: rgba(var(--auth-bg-color),1);
}

.border-\[rgba\(var\(--badge-light-color\)\2c 0\.05\)\] {
  border-color: rgba(var(--badge-light-color),0.05);
}

.border-\[rgba\(var\(--badge-light-color\)\2c 0\.1\)\] {
  border-color: rgba(var(--badge-light-color),0.1);
}

.border-\[rgba\(var\(--badge-light-color\)\2c 0\.2\)\] {
  border-color: rgba(var(--badge-light-color),0.2);
}

.border-\[rgba\(var\(--badge-light-color\)\2c 0\.3\)\] {
  border-color: rgba(var(--badge-light-color),0.3);
}

.border-\[rgba\(var\(--badge-light-color\)\2c 0\.8\)\] {
  border-color: rgba(var(--badge-light-color),0.8);
}

.border-\[rgba\(var\(--badge-light-color\)\2c 1\)\] {
  border-color: rgba(var(--badge-light-color),1);
}

.border-\[rgba\(var\(--badge-light-color\)\2c 20\%\)\] {
  border-color: rgba(var(--badge-light-color),20%);
}

.border-\[rgba\(var\(--badge-light-color\)\2c 30\%\)\] {
  border-color: rgba(var(--badge-light-color),30%);
}

.border-\[rgba\(var\(--badge-light-color\)\2c 80\%\)\] {
  border-color: rgba(var(--badge-light-color),80%);
}

.border-\[rgba\(var\(--black\)\2c 0\.05\)\] {
  border-color: rgba(var(--black),0.05);
}

.border-\[rgba\(var\(--black\)\2c 0\.06\)\] {
  border-color: rgba(var(--black),0.06);
}

.border-\[rgba\(var\(--black\)\2c 0\.07\)\] {
  border-color: rgba(var(--black),0.07);
}

.border-\[rgba\(var\(--black\)\2c 0\.1\)\] {
  border-color: rgba(var(--black),0.1);
}

.border-\[rgba\(var\(--black\)\2c 0\.4\)\] {
  border-color: rgba(var(--black),0.4);
}

.border-\[rgba\(var\(--black\)\2c 0\.5\)\] {
  border-color: rgba(var(--black),0.5);
}

.border-\[rgba\(var\(--black\)\2c 1\)\] {
  border-color: rgba(var(--black),1);
}

.border-\[rgba\(var\(--black\)\.04\)\] {
  border-color: rgba(var(--black).04);
}

.border-\[rgba\(var\(--body-font-color\)\2c 1\)\] {
  border-color: rgba(var(--body-font-color),1);
}

.border-\[rgba\(var\(--chart-border\)\2c 1\)\] {
  border-color: rgba(var(--chart-border),1);
}

.border-\[rgba\(var\(--chart-dashed-border\)\2c 1\)\] {
  border-color: rgba(var(--chart-dashed-border),1);
}

.border-\[rgba\(var\(--chart-progress-light\)\2c 1\)\] {
  border-color: rgba(var(--chart-progress-light),1);
}

.border-\[rgba\(var\(--chart-text-color\)\2c 1\)\] {
  border-color: rgba(var(--chart-text-color),1);
}

.border-\[rgba\(var\(--course-light-btn\)\2c 1\)\] {
  border-color: rgba(var(--course-light-btn),1);
}

.border-\[rgba\(var\(--danger-color\)\2c 0\.9\)\] {
  border-color: rgba(var(--danger-color),0.9);
}

.border-\[rgba\(var\(--danger-color\)\2c 1\)\] {
  border-color: rgba(var(--danger-color),1);
}

.border-\[rgba\(var\(--dark-all-font-color\)\2c 0\.15\)\] {
  border-color: rgba(var(--dark-all-font-color),0.15);
}

.border-\[rgba\(var\(--dark-all-font-color\)\2c 0\.3\)\] {
  border-color: rgba(var(--dark-all-font-color),0.3);
}

.border-\[rgba\(var\(--dark-all-font-color\)\2c 1\)\] {
  border-color: rgba(var(--dark-all-font-color),1);
}

.border-\[rgba\(var\(--dark-body-background\)\2c 1\)\] {
  border-color: rgba(var(--dark-body-background),1);
}

.border-\[rgba\(var\(--dark-border-color\)\2c 1\)\] {
  border-color: rgba(var(--dark-border-color),1);
}

.border-\[rgba\(var\(--dark-border-color\)\2c 1\)_rgba\(var\(--dark-border-color\)\2c 1\)_rgba\(var\(--dark-card-background\)\2c 1\)\] {
  border-color: rgba(var(--dark-border-color),1) rgba(var(--dark-border-color),1) rgba(var(--dark-card-background),1);
}

.border-\[rgba\(var\(--dark-card-background\)\2c 1\)\] {
  border-color: rgba(var(--dark-card-background),1);
}

.border-\[rgba\(var\(--dark-card-background\)\2c 1\)_rgba\(var\(--dark-border-color\)\2c 1\)_rgba\(var\(--dark-border-color\)\2c 1\)\] {
  border-color: rgba(var(--dark-card-background),1) rgba(var(--dark-border-color),1) rgba(var(--dark-border-color),1);
}

.border-\[rgba\(var\(--dark-card-border\)\2c 0\.4\)\] {
  border-color: rgba(var(--dark-card-border),0.4);
}

.border-\[rgba\(var\(--dark-card-border\)\2c 0\.5\)\] {
  border-color: rgba(var(--dark-card-border),0.5);
}

.border-\[rgba\(var\(--dark-card-border\)\2c 1\)\] {
  border-color: rgba(var(--dark-card-border),1);
}

.border-\[rgba\(var\(--dark-card-inbox\)\2c 1\)\] {
  border-color: rgba(var(--dark-card-inbox),1);
}

.border-\[rgba\(var\(--dark-color\)\2c 0\.15\)\] {
  border-color: rgba(var(--dark-color),0.15);
}

.border-\[rgba\(var\(--dark-color\)\2c 0\.9\)\] {
  border-color: rgba(var(--dark-color),0.9);
}

.border-\[rgba\(var\(--dark-color\)\2c 1\)\] {
  border-color: rgba(var(--dark-color),1);
}

.border-\[rgba\(var\(--dark-color-light\)\2c 0\.2\)\] {
  border-color: rgba(var(--dark-color-light),0.2);
}

.border-\[rgba\(var\(--dark-color-light\)\2c 1\)\] {
  border-color: rgba(var(--dark-color-light),1);
}

.border-\[rgba\(var\(--dark-small-font-color\)\2c 1\)\] {
  border-color: rgba(var(--dark-small-font-color),1);
}

.border-\[rgba\(var\(--fb-color\)\2c 1\)\] {
  border-color: rgba(var(--fb-color),1);
}

.border-\[rgba\(var\(--form-control-border-color\)\2c 1\)\] {
  border-color: rgba(var(--form-control-border-color),1);
}

.border-\[rgba\(var\(--form-input-border-color\)\2c 1\)\] {
  border-color: rgba(var(--form-input-border-color),1);
}

.border-\[rgba\(var\(--gray-60\)\2c 0\.4\)\] {
  border-color: rgba(var(--gray-60),0.4);
}

.border-\[rgba\(var\(--gray-60\)\2c 0\.5\)\] {
  border-color: rgba(var(--gray-60),0.5);
}

.border-\[rgba\(var\(--gray-60\)\2c 0\.7\)\] {
  border-color: rgba(var(--gray-60),0.7);
}

.border-\[rgba\(var\(--gray-60\)\2c 1\)\] {
  border-color: rgba(var(--gray-60),1);
}

.border-\[rgba\(var\(--horizontal-border-color\)\2c 1\)\] {
  border-color: rgba(var(--horizontal-border-color),1);
}

.border-\[rgba\(var\(--info-color\)\2c 0\.9\)\] {
  border-color: rgba(var(--info-color),0.9);
}

.border-\[rgba\(var\(--info-color\)\2c 1\)\] {
  border-color: rgba(var(--info-color),1);
}

.border-\[rgba\(var\(--insta-color\)\2c 1\)\] {
  border-color: rgba(var(--insta-color),1);
}

.border-\[rgba\(var\(--light-all-font-color\)\2c 1\)\] {
  border-color: rgba(var(--light-all-font-color),1);
}

.border-\[rgba\(var\(--light-background\)\2c 1\)\] {
  border-color: rgba(var(--light-background),1);
}

.border-\[rgba\(var\(--light-bg\)\2c 1\)\] {
  border-color: rgba(var(--light-bg),1);
}

.border-\[rgba\(var\(--light-chartist-grid-color\)\2c 1\)\] {
  border-color: rgba(var(--light-chartist-grid-color),1);
}

.border-\[rgba\(var\(--light-color\)\2c 0\.9\)\] {
  border-color: rgba(var(--light-color),0.9);
}

.border-\[rgba\(var\(--light-color\)\2c 1\)\] {
  border-color: rgba(var(--light-color),1);
}

.border-\[rgba\(var\(--light-danger\)\2c 1\)\] {
  border-color: rgba(var(--light-danger),1);
}

.border-\[rgba\(var\(--light-dark\)\2c 1\)\] {
  border-color: rgba(var(--light-dark),1);
}

.border-\[rgba\(var\(--light-gray\)\2c 1\)\] {
  border-color: rgba(var(--light-gray),1);
}

.border-\[rgba\(var\(--light-gray\)\2c 1\)_rgba\(var\(--light-gray\)\2c 1\)_rgba\(var\(--white\)\2c 1\)\] {
  border-color: rgba(var(--light-gray),1) rgba(var(--light-gray),1) rgba(var(--white),1);
}

.border-\[rgba\(var\(--light-info\)\2c 1\)\] {
  border-color: rgba(var(--light-info),1);
}

.border-\[rgba\(var\(--light-paragraph\)\2c 1\)_rgba\(var\(--black\)\2c 0\)_rgba\(var\(--light-paragraph\)\2c 1\)_rgba\(var\(--black\)\2c 0\)\] {
  border-color: rgba(var(--light-paragraph),1) rgba(var(--black),0) rgba(var(--light-paragraph),1) rgba(var(--black),0);
}

.border-\[rgba\(var\(--light-primary\)\2c 1\)\] {
  border-color: rgba(var(--light-primary),1);
}

.border-\[rgba\(var\(--light-secondary\)\2c 1\)\] {
  border-color: rgba(var(--light-secondary),1);
}

.border-\[rgba\(var\(--light-semi-gray\)\2c 1\)\] {
  border-color: rgba(var(--light-semi-gray),1);
}

.border-\[rgba\(var\(--light-success\)\2c 1\)\] {
  border-color: rgba(var(--light-success),1);
}

.border-\[rgba\(var\(--light-warning\)\2c 1\)\] {
  border-color: rgba(var(--light-warning),1);
}

.border-\[rgba\(var\(--light-white\)\2c 1\)\] {
  border-color: rgba(var(--light-white),1);
}

.border-\[rgba\(var\(--linkedin\)\2c 1\)\] {
  border-color: rgba(var(--linkedin),1);
}

.border-\[rgba\(var\(--off-white\)\2c 1\)\] {
  border-color: rgba(var(--off-white),1);
}

.border-\[rgba\(var\(--pintrest-color\)\2c 1\)\] {
  border-color: rgba(var(--pintrest-color),1);
}

.border-\[rgba\(var\(--primary-color\)\2c 0\.3\)\] {
  border-color: rgba(var(--primary-color),0.3);
}

.border-\[rgba\(var\(--primary-color\)\2c 1\)\] {
  border-color: rgba(var(--primary-color),1);
}

.border-\[rgba\(var\(--ps-light-border\)\2c 1\)\] {
  border-color: rgba(var(--ps-light-border),1);
}

.border-\[rgba\(var\(--recent-border\)\2c 1\)\] {
  border-color: rgba(var(--recent-border),1);
}

.border-\[rgba\(var\(--recent-border\)\2c 1\)_rgba\(var\(--dark-card-background\)\2c 1\)_rgba\(var\(--dark-card-background\)\2c 1\)_rgba\(var\(--recent-border\)\2c 1\)\] {
  border-color: rgba(var(--recent-border),1) rgba(var(--dark-card-background),1) rgba(var(--dark-card-background),1) rgba(var(--recent-border),1);
}

.border-\[rgba\(var\(--recent-border\)\2c 1\)_rgba\(var\(--white\)\2c 1\)_rgba\(var\(--white\)\2c 1\)_rgba\(var\(--recent-border\)\2c 1\)\] {
  border-color: rgba(var(--recent-border),1) rgba(var(--white),1) rgba(var(--white),1) rgba(var(--recent-border),1);
}

.border-\[rgba\(var\(--recent-dashed-border\)\2c 1\)\] {
  border-color: rgba(var(--recent-dashed-border),1);
}

.border-\[rgba\(var\(--secondary-color\)\2c 1\)\] {
  border-color: rgba(var(--secondary-color),1);
}

.border-\[rgba\(var\(--semi-dark\)\2c 1\)\] {
  border-color: rgba(var(--semi-dark),1);
}

.border-\[rgba\(var\(--semi-dark\)\2c 35\%\)\] {
  border-color: rgba(var(--semi-dark),35%);
}

.border-\[rgba\(var\(--success-color\)\2c 0\.3\)\] {
  border-color: rgba(var(--success-color),0.3);
}

.border-\[rgba\(var\(--success-color\)\2c 0\.62\)\] {
  border-color: rgba(var(--success-color),0.62);
}

.border-\[rgba\(var\(--success-color\)\2c 0\.9\)\] {
  border-color: rgba(var(--success-color),0.9);
}

.border-\[rgba\(var\(--success-color\)\2c 1\)\] {
  border-color: rgba(var(--success-color),1);
}

.border-\[rgba\(var\(--theme-body-sub-title-color\)\2c 0\.2\)\] {
  border-color: rgba(var(--theme-body-sub-title-color),0.2);
}

.border-\[rgba\(var\(--theme-body-sub-title-color\)\2c 1\)\] {
  border-color: rgba(var(--theme-body-sub-title-color),1);
}

.border-\[rgba\(var\(--theme-default\)\)\] {
  border-color: rgba(var(--theme-default));
}

.border-\[rgba\(var\(--theme-default\)\2c 0\.1\)\] {
  border-color: rgba(var(--theme-default),0.1);
}

.border-\[rgba\(var\(--theme-default\)\2c 0\.15\)\] {
  border-color: rgba(var(--theme-default),0.15);
}

.border-\[rgba\(var\(--theme-default\)\2c 0\.25\)\] {
  border-color: rgba(var(--theme-default),0.25);
}

.border-\[rgba\(var\(--theme-default\)\2c 0\.5\)\] {
  border-color: rgba(var(--theme-default),0.5);
}

.border-\[rgba\(var\(--theme-default\)\2c 0\.75\)\] {
  border-color: rgba(var(--theme-default),0.75);
}

.border-\[rgba\(var\(--theme-default\)\2c 0\.9\)\] {
  border-color: rgba(var(--theme-default),0.9);
}

.border-\[rgba\(var\(--theme-default\)\2c 1\)\] {
  border-color: rgba(var(--theme-default),1);
}

.border-\[rgba\(var\(--theme-secondary\)\2c 0\.1\)\] {
  border-color: rgba(var(--theme-secondary),0.1);
}

.border-\[rgba\(var\(--theme-secondary\)\2c 0\.9\)\] {
  border-color: rgba(var(--theme-secondary),0.9);
}

.border-\[rgba\(var\(--theme-secondary\)\2c 1\)\] {
  border-color: rgba(var(--theme-secondary),1);
}

.border-\[rgba\(var\(--tour-color\)\2c 1\)\] {
  border-color: rgba(var(--tour-color),1);
}

.border-\[rgba\(var\(--transparent-color\)\2c 1\)\] {
  border-color: rgba(var(--transparent-color),1);
}

.border-\[rgba\(var\(--tw-border-color\)\2c 1\)\] {
  border-color: rgba(var(--tw-border-color),1);
}

.border-\[rgba\(var\(--twitter-color\)\2c 1\)\] {
  border-color: rgba(var(--twitter-color),1);
}

.border-\[rgba\(var\(--warning-color\)\2c 0\.3\)\] {
  border-color: rgba(var(--warning-color),0.3);
}

.border-\[rgba\(var\(--warning-color\)\2c 0\.9\)\] {
  border-color: rgba(var(--warning-color),0.9);
}

.border-\[rgba\(var\(--warning-color\)\2c 1\)\] {
  border-color: rgba(var(--warning-color),1);
}

.border-\[rgba\(var\(--white\)\2c 0\.08\)\] {
  border-color: rgba(var(--white),0.08);
}

.border-\[rgba\(var\(--white\)\2c 0\.3\)\] {
  border-color: rgba(var(--white),0.3);
}

.border-\[rgba\(var\(--white\)\2c 0\.4\)\] {
  border-color: rgba(var(--white),0.4);
}

.border-\[rgba\(var\(--white\)\2c 0\.5\)\] {
  border-color: rgba(var(--white),0.5);
}

.border-\[rgba\(var\(--white\)\2c 0\.6\)\] {
  border-color: rgba(var(--white),0.6);
}

.border-\[rgba\(var\(--white\)\2c 1\)\] {
  border-color: rgba(var(--white),1);
}

.border-\[rgba\(var\(--white\)\2c 1\)_\#dee2e6_\#dee2e6\] {
  border-color: rgba(var(--white),1) #dee2e6 #dee2e6;
}

.border-\[rgba\(var\(--white-bg\)\2c 1\)\] {
  border-color: rgba(var(--white-bg),1);
}

.border-\[rgba\(var\(--youtube-color\)\2c 1\)\] {
  border-color: rgba(var(--youtube-color),1);
}

.border-\[solid\] {
  border-color: solid;
}

.border-\[transparent\] {
  border-color: transparent;
}

.border-\[unset\] {
  border-color: unset;
}

.border-\[var\(--card-border-color\)\] {
  border-color: var(--card-border-color);
}

.border-\[var\(--transparent-color\)\] {
  border-color: var(--transparent-color);
}

.border-danger {
  --tw-border-opacity: 1;
  border-color: rgb(255 76 82 / var(--tw-border-opacity, 1));
}

.border-dark {
  --tw-border-opacity: 1;
  border-color: rgb(52 58 64 / var(--tw-border-opacity, 1));
}

.border-info {
  --tw-border-opacity: 1;
  border-color: rgb(64 184 244 / var(--tw-border-opacity, 1));
}

.border-light {
  --tw-border-opacity: 1;
  border-color: rgb(248 249 250 / var(--tw-border-opacity, 1));
}

.border-primary {
  --tw-border-opacity: 1;
  border-color: rgb(115 102 255 / var(--tw-border-opacity, 1));
}

.border-secondary {
  --tw-border-opacity: 1;
  border-color: rgb(131 131 131 / var(--tw-border-opacity, 1));
}

.border-success {
  --tw-border-opacity: 1;
  border-color: rgb(101 193 92 / var(--tw-border-opacity, 1));
}

.border-transparent {
  border-color: transparent;
}

.border-warning {
  --tw-border-opacity: 1;
  border-color: rgb(243 208 79 / var(--tw-border-opacity, 1));
}

.border-x-\[\#dee2e6\] {
  --tw-border-opacity: 1;
  border-left-color: rgb(222 226 230 / var(--tw-border-opacity, 1));
  border-right-color: rgb(222 226 230 / var(--tw-border-opacity, 1));
}

.border-x-transparent {
  border-left-color: transparent;
  border-right-color: transparent;
}

.border-y-\[none\] {
  border-top-color: none;
  border-bottom-color: none;
}

.border-y-\[rgba\(var\(--light-semi-gray\)\2c 1\)\] {
  border-top-color: rgba(var(--light-semi-gray),1);
  border-bottom-color: rgba(var(--light-semi-gray),1);
}

.border-y-transparent {
  border-top-color: transparent;
  border-bottom-color: transparent;
}

.\!border-b-\[\#1d1e26\] {
  --tw-border-opacity: 1 !important;
  border-bottom-color: rgb(29 30 38 / var(--tw-border-opacity, 1)) !important;
}

.\!border-b-\[rgba\(var\(--danger-color\)\2c 1\)\] {
  border-bottom-color: rgba(var(--danger-color),1) !important;
}

.\!border-b-\[rgba\(var\(--dark-card-border\)\2c 1\)\] {
  border-bottom-color: rgba(var(--dark-card-border),1) !important;
}

.\!border-b-\[rgba\(var\(--dark-color\)\2c 1\)\] {
  border-bottom-color: rgba(var(--dark-color),1) !important;
}

.\!border-b-\[rgba\(var\(--info-color\)\2c 1\)\] {
  border-bottom-color: rgba(var(--info-color),1) !important;
}

.\!border-b-\[rgba\(var\(--light-color\)\2c 1\)\] {
  border-bottom-color: rgba(var(--light-color),1) !important;
}

.\!border-b-\[rgba\(var\(--success-color\)\2c 1\)\] {
  border-bottom-color: rgba(var(--success-color),1) !important;
}

.\!border-b-\[rgba\(var\(--theme-default\)\2c 1\)\] {
  border-bottom-color: rgba(var(--theme-default),1) !important;
}

.\!border-b-\[rgba\(var\(--theme-secondary\)\2c 1\)\] {
  border-bottom-color: rgba(var(--theme-secondary),1) !important;
}

.\!border-b-\[rgba\(var\(--warning-color\)\2c 1\)\] {
  border-bottom-color: rgba(var(--warning-color),1) !important;
}

.\!border-l-\[rgba\(var\(--danger-color\)\2c 1\)\] {
  border-left-color: rgba(var(--danger-color),1) !important;
}

.\!border-l-\[rgba\(var\(--dark-color\)\2c 1\)\] {
  border-left-color: rgba(var(--dark-color),1) !important;
}

.\!border-l-\[rgba\(var\(--info-color\)\2c 1\)\] {
  border-left-color: rgba(var(--info-color),1) !important;
}

.\!border-l-\[rgba\(var\(--light-color\)\2c 1\)\] {
  border-left-color: rgba(var(--light-color),1) !important;
}

.\!border-l-\[rgba\(var\(--success-color\)\2c 1\)\] {
  border-left-color: rgba(var(--success-color),1) !important;
}

.\!border-l-\[rgba\(var\(--theme-default\)\2c 1\)\] {
  border-left-color: rgba(var(--theme-default),1) !important;
}

.\!border-l-\[rgba\(var\(--theme-secondary\)\2c 1\)\] {
  border-left-color: rgba(var(--theme-secondary),1) !important;
}

.\!border-l-\[rgba\(var\(--warning-color\)\2c 1\)\] {
  border-left-color: rgba(var(--warning-color),1) !important;
}

.\!border-r-\[rgba\(var\(--danger-color\)\2c 1\)\] {
  border-right-color: rgba(var(--danger-color),1) !important;
}

.\!border-r-\[rgba\(var\(--dark-color\)\2c 1\)\] {
  border-right-color: rgba(var(--dark-color),1) !important;
}

.\!border-r-\[rgba\(var\(--info-color\)\2c 1\)\] {
  border-right-color: rgba(var(--info-color),1) !important;
}

.\!border-r-\[rgba\(var\(--light-color\)\2c 1\)\] {
  border-right-color: rgba(var(--light-color),1) !important;
}

.\!border-r-\[rgba\(var\(--success-color\)\2c 1\)\] {
  border-right-color: rgba(var(--success-color),1) !important;
}

.\!border-r-\[rgba\(var\(--theme-default\)\2c 1\)\] {
  border-right-color: rgba(var(--theme-default),1) !important;
}

.\!border-r-\[rgba\(var\(--theme-secondary\)\2c 1\)\] {
  border-right-color: rgba(var(--theme-secondary),1) !important;
}

.\!border-r-\[rgba\(var\(--warning-color\)\2c 1\)\] {
  border-right-color: rgba(var(--warning-color),1) !important;
}

.\!border-t-\[\#1d1e26\] {
  --tw-border-opacity: 1 !important;
  border-top-color: rgb(29 30 38 / var(--tw-border-opacity, 1)) !important;
}

.\!border-t-\[rgba\(var\(--danger-color\)\2c 1\)\] {
  border-top-color: rgba(var(--danger-color),1) !important;
}

.\!border-t-\[rgba\(var\(--dark-color\)\2c 1\)\] {
  border-top-color: rgba(var(--dark-color),1) !important;
}

.\!border-t-\[rgba\(var\(--info-color\)\2c 1\)\] {
  border-top-color: rgba(var(--info-color),1) !important;
}

.\!border-t-\[rgba\(var\(--light-color\)\2c 1\)\] {
  border-top-color: rgba(var(--light-color),1) !important;
}

.\!border-t-\[rgba\(var\(--success-color\)\2c 1\)\] {
  border-top-color: rgba(var(--success-color),1) !important;
}

.\!border-t-\[rgba\(var\(--theme-default\)\2c 1\)\] {
  border-top-color: rgba(var(--theme-default),1) !important;
}

.\!border-t-\[rgba\(var\(--theme-secondary\)\2c 1\)\] {
  border-top-color: rgba(var(--theme-secondary),1) !important;
}

.\!border-t-\[rgba\(var\(--warning-color\)\2c 1\)\] {
  border-top-color: rgba(var(--warning-color),1) !important;
}

.\!border-t-\[rgba\(var\(--white\)\2c 0\.6\)\] {
  border-top-color: rgba(var(--white),0.6) !important;
}

.border-b-\[\#0000\] {
  border-bottom-color: #0000;
}

.border-b-\[\#10a6f2\] {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(16 166 242 / var(--tw-border-opacity, 1));
}

.border-b-\[\#2a2f3c\] {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(42 47 60 / var(--tw-border-opacity, 1));
}

.border-b-\[\#323846\] {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(50 56 70 / var(--tw-border-opacity, 1));
}

.border-b-\[\#4433ff\] {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(68 51 255 / var(--tw-border-opacity, 1));
}

.border-b-\[\#4aaa40\] {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(74 170 64 / var(--tw-border-opacity, 1));
}

.border-b-\[\#6a6a6a\] {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(106 106 106 / var(--tw-border-opacity, 1));
}

.border-b-\[\#dbdbdb\] {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(219 219 219 / var(--tw-border-opacity, 1));
}

.border-b-\[\#eaeaea\] {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(234 234 234 / var(--tw-border-opacity, 1));
}

.border-b-\[\#efefef\] {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(239 239 239 / var(--tw-border-opacity, 1));
}

.border-b-\[\#f1f1f1\] {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(241 241 241 / var(--tw-border-opacity, 1));
}

.border-b-\[\#f3f3f3\] {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(243 243 243 / var(--tw-border-opacity, 1));
}

.border-b-\[\#f5a400\] {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(245 164 0 / var(--tw-border-opacity, 1));
}

.border-b-\[\#fb2718\] {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(251 39 24 / var(--tw-border-opacity, 1));
}

.border-b-\[color\:var\(--theme-default\)\] {
  border-bottom-color: var(--theme-default);
}

.border-b-\[none\] {
  border-bottom-color: none;
}

.border-b-\[rgba\(0\2c 0\2c 0\2c 0\.1\)\] {
  border-bottom-color: rgba(0,0,0,0.1);
}

.border-b-\[rgba\(82\2c 82\2c 108\2c 0\.1\)\] {
  border-bottom-color: rgba(82,82,108,0.1);
}

.border-b-\[rgba\(var\(--badge-light-color\)\2c 0\.1\)\] {
  border-bottom-color: rgba(var(--badge-light-color),0.1);
}

.border-b-\[rgba\(var\(--badge-light-color\)\2c 10\%\)\] {
  border-bottom-color: rgba(var(--badge-light-color),10%);
}

.border-b-\[rgba\(var\(--badge-light-color\)\2c 20\%\)\] {
  border-bottom-color: rgba(var(--badge-light-color),20%);
}

.border-b-\[rgba\(var\(--badge-light-color\)\2c 30\%\)\] {
  border-bottom-color: rgba(var(--badge-light-color),30%);
}

.border-b-\[rgba\(var\(--black\)\2c 0\.04\)\] {
  border-bottom-color: rgba(var(--black),0.04);
}

.border-b-\[rgba\(var\(--black\)\2c 0\.07\)\] {
  border-bottom-color: rgba(var(--black),0.07);
}

.border-b-\[rgba\(var\(--black\)\2c 0\.1\)\] {
  border-bottom-color: rgba(var(--black),0.1);
}

.border-b-\[rgba\(var\(--body-font-color\)\2c 1\)\] {
  border-bottom-color: rgba(var(--body-font-color),1);
}

.border-b-\[rgba\(var\(--chart-border\)\2c 1\)\] {
  border-bottom-color: rgba(var(--chart-border),1);
}

.border-b-\[rgba\(var\(--chart-dashed-border\)\2c 1\)\] {
  border-bottom-color: rgba(var(--chart-dashed-border),1);
}

.border-b-\[rgba\(var\(--chart-progress-light\)\2c 1\)\] {
  border-bottom-color: rgba(var(--chart-progress-light),1);
}

.border-b-\[rgba\(var\(--danger-color\)\2c 1\)\] {
  border-bottom-color: rgba(var(--danger-color),1);
}

.border-b-\[rgba\(var\(--dark-body-background\)\2c 1\)\] {
  border-bottom-color: rgba(var(--dark-body-background),1);
}

.border-b-\[rgba\(var\(--dark-border-color\)\2c 1\)\] {
  border-bottom-color: rgba(var(--dark-border-color),1);
}

.border-b-\[rgba\(var\(--dark-card-background\)\2c 1\)\] {
  border-bottom-color: rgba(var(--dark-card-background),1);
}

.border-b-\[rgba\(var\(--dark-card-border\)\2c 0\.5\)\] {
  border-bottom-color: rgba(var(--dark-card-border),0.5);
}

.border-b-\[rgba\(var\(--dark-card-border\)\2c 1\)\] {
  border-bottom-color: rgba(var(--dark-card-border),1);
}

.border-b-\[rgba\(var\(--dark-card-inbox\)\2c 1\)\] {
  border-bottom-color: rgba(var(--dark-card-inbox),1);
}

.border-b-\[rgba\(var\(--dark-color\)\2c 1\)\] {
  border-bottom-color: rgba(var(--dark-color),1);
}

.border-b-\[rgba\(var\(--dark-gray\)\2c 0\.1\)\] {
  border-bottom-color: rgba(var(--dark-gray),0.1);
}

.border-b-\[rgba\(var\(--dark-light-color\)\2c 1\)\] {
  border-bottom-color: rgba(var(--dark-light-color),1);
}

.border-b-\[rgba\(var\(--dropdown-border-color\)\2c 0\.3\)\] {
  border-bottom-color: rgba(var(--dropdown-border-color),0.3);
}

.border-b-\[rgba\(var\(--gray-60\)\2c 0\.2\)\] {
  border-bottom-color: rgba(var(--gray-60),0.2);
}

.border-b-\[rgba\(var\(--gray-60\)\2c 0\.3\)\] {
  border-bottom-color: rgba(var(--gray-60),0.3);
}

.border-b-\[rgba\(var\(--gray-60\)\2c 0\.4\)\] {
  border-bottom-color: rgba(var(--gray-60),0.4);
}

.border-b-\[rgba\(var\(--gray-60\)\2c 1\)\] {
  border-bottom-color: rgba(var(--gray-60),1);
}

.border-b-\[rgba\(var\(--info-color\)\2c 1\)\] {
  border-bottom-color: rgba(var(--info-color),1);
}

.border-b-\[rgba\(var\(--light-all-font-color\)\2c 1\)\] {
  border-bottom-color: rgba(var(--light-all-font-color),1);
}

.border-b-\[rgba\(var\(--light-border\)\2c 1\)\] {
  border-bottom-color: rgba(var(--light-border),1);
}

.border-b-\[rgba\(var\(--light-color\)\2c 1\)\] {
  border-bottom-color: rgba(var(--light-color),1);
}

.border-b-\[rgba\(var\(--light-gray\)\2c 1\)\] {
  border-bottom-color: rgba(var(--light-gray),1);
}

.border-b-\[rgba\(var\(--light-semi-gray\)\2c 1\)\] {
  border-bottom-color: rgba(var(--light-semi-gray),1);
}

.border-b-\[rgba\(var\(--light-text\)\2c 1\)\] {
  border-bottom-color: rgba(var(--light-text),1);
}

.border-b-\[rgba\(var\(--light-widget-border\)\2c 1\)\] {
  border-bottom-color: rgba(var(--light-widget-border),1);
}

.border-b-\[rgba\(var\(--primary-color\)\2c 1\)\] {
  border-bottom-color: rgba(var(--primary-color),1);
}

.border-b-\[rgba\(var\(--ps-light-border\)\2c 1\)\] {
  border-bottom-color: rgba(var(--ps-light-border),1);
}

.border-b-\[rgba\(var\(--recent-border\)\2c 1\)\] {
  border-bottom-color: rgba(var(--recent-border),1);
}

.border-b-\[rgba\(var\(--recent-dashed-border\)\2c 1\)\] {
  border-bottom-color: rgba(var(--recent-dashed-border),1);
}

.border-b-\[rgba\(var\(--success-color\)\2c 1\)\] {
  border-bottom-color: rgba(var(--success-color),1);
}

.border-b-\[rgba\(var\(--theme-default\)\2c 1\)\] {
  border-bottom-color: rgba(var(--theme-default),1);
}

.border-b-\[rgba\(var\(--theme-medium-color\)\2c 1\)\] {
  border-bottom-color: rgba(var(--theme-medium-color),1);
}

.border-b-\[rgba\(var\(--theme-secondary\)\2c 1\)\] {
  border-bottom-color: rgba(var(--theme-secondary),1);
}

.border-b-\[rgba\(var\(--tour-color\)\2c 1\)\] {
  border-bottom-color: rgba(var(--tour-color),1);
}

.border-b-\[rgba\(var\(--transparent-color\)\2c 1\)\] {
  border-bottom-color: rgba(var(--transparent-color),1);
}

.border-b-\[rgba\(var\(--warning-color\)\2c 1\)\] {
  border-bottom-color: rgba(var(--warning-color),1);
}

.border-b-\[rgba\(var\(--white\)\2c 0\.1\)\] {
  border-bottom-color: rgba(var(--white),0.1);
}

.border-b-\[ridge\] {
  border-bottom-color: ridge;
}

.border-b-\[solid\] {
  border-bottom-color: solid;
}

.border-b-\[unset\] {
  border-bottom-color: unset;
}

.border-b-\[var\(--transparent-color\)\] {
  border-bottom-color: var(--transparent-color);
}

.border-b-danger {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(255 76 82 / var(--tw-border-opacity, 1));
}

.border-b-dark {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(52 58 64 / var(--tw-border-opacity, 1));
}

.border-b-info {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(64 184 244 / var(--tw-border-opacity, 1));
}

.border-b-light {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(248 249 250 / var(--tw-border-opacity, 1));
}

.border-b-primary {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(115 102 255 / var(--tw-border-opacity, 1));
}

.border-b-secondary {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(131 131 131 / var(--tw-border-opacity, 1));
}

.border-b-success {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(101 193 92 / var(--tw-border-opacity, 1));
}

.border-b-transparent {
  border-bottom-color: transparent;
}

.border-b-warning {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(243 208 79 / var(--tw-border-opacity, 1));
}

.border-l-\[\#0005\] {
  border-left-color: #0005;
}

.border-l-\[\#007bff\] {
  --tw-border-opacity: 1;
  border-left-color: rgb(0 123 255 / var(--tw-border-opacity, 1));
}

.border-l-\[\#10a6f2\] {
  --tw-border-opacity: 1;
  border-left-color: rgb(16 166 242 / var(--tw-border-opacity, 1));
}

.border-l-\[\#2a2f3c\] {
  --tw-border-opacity: 1;
  border-left-color: rgb(42 47 60 / var(--tw-border-opacity, 1));
}

.border-l-\[\#2a3142\] {
  --tw-border-opacity: 1;
  border-left-color: rgb(42 49 66 / var(--tw-border-opacity, 1));
}

.border-l-\[\#323846\] {
  --tw-border-opacity: 1;
  border-left-color: rgb(50 56 70 / var(--tw-border-opacity, 1));
}

.border-l-\[\#4433ff\] {
  --tw-border-opacity: 1;
  border-left-color: rgb(68 51 255 / var(--tw-border-opacity, 1));
}

.border-l-\[\#4aaa40\] {
  --tw-border-opacity: 1;
  border-left-color: rgb(74 170 64 / var(--tw-border-opacity, 1));
}

.border-l-\[\#6a6a6a\] {
  --tw-border-opacity: 1;
  border-left-color: rgb(106 106 106 / var(--tw-border-opacity, 1));
}

.border-l-\[\#dbdbdb\] {
  --tw-border-opacity: 1;
  border-left-color: rgb(219 219 219 / var(--tw-border-opacity, 1));
}

.border-l-\[\#dee2e6\] {
  --tw-border-opacity: 1;
  border-left-color: rgb(222 226 230 / var(--tw-border-opacity, 1));
}

.border-l-\[\#eeeeee\] {
  --tw-border-opacity: 1;
  border-left-color: rgb(238 238 238 / var(--tw-border-opacity, 1));
}

.border-l-\[\#f1f3f5\] {
  --tw-border-opacity: 1;
  border-left-color: rgb(241 243 245 / var(--tw-border-opacity, 1));
}

.border-l-\[\#f5a400\] {
  --tw-border-opacity: 1;
  border-left-color: rgb(245 164 0 / var(--tw-border-opacity, 1));
}

.border-l-\[\#fb2718\] {
  --tw-border-opacity: 1;
  border-left-color: rgb(251 39 24 / var(--tw-border-opacity, 1));
}

.border-l-\[\#ff850d\] {
  --tw-border-opacity: 1;
  border-left-color: rgb(255 133 13 / var(--tw-border-opacity, 1));
}

.border-l-\[none\] {
  border-left-color: none;
}

.border-l-\[rgba\(229\2c 229\2c 243\2c 0\.8\)\] {
  border-left-color: rgba(229,229,243,0.8);
}

.border-l-\[rgba\(var\(--badge-light-color\)\2c 0\.38\)\] {
  border-left-color: rgba(var(--badge-light-color),0.38);
}

.border-l-\[rgba\(var\(--badge-light-color\)\2c 1\)\] {
  border-left-color: rgba(var(--badge-light-color),1);
}

.border-l-\[rgba\(var\(--badge-light-color\)\2c 20\%\)\] {
  border-left-color: rgba(var(--badge-light-color),20%);
}

.border-l-\[rgba\(var\(--badge-light-color\)\2c 30\%\)\] {
  border-left-color: rgba(var(--badge-light-color),30%);
}

.border-l-\[rgba\(var\(--badge-light-color\)\2c 80\%\)\] {
  border-left-color: rgba(var(--badge-light-color),80%);
}

.border-l-\[rgba\(var\(--black\)\2c 0\.3\)\] {
  border-left-color: rgba(var(--black),0.3);
}

.border-l-\[rgba\(var\(--blockquote-border\)\2c 1\)\] {
  border-left-color: rgba(var(--blockquote-border),1);
}

.border-l-\[rgba\(var\(--chart-dashed-border\)\2c 1\)\] {
  border-left-color: rgba(var(--chart-dashed-border),1);
}

.border-l-\[rgba\(var\(--chart-progress-light\)\2c 1\)\] {
  border-left-color: rgba(var(--chart-progress-light),1);
}

.border-l-\[rgba\(var\(--dander-color\)\2c 1\)\] {
  border-left-color: rgba(var(--dander-color),1);
}

.border-l-\[rgba\(var\(--danger-color\)\2c 1\)\] {
  border-left-color: rgba(var(--danger-color),1);
}

.border-l-\[rgba\(var\(--dark-body-background\)\2c 1\)\] {
  border-left-color: rgba(var(--dark-body-background),1);
}

.border-l-\[rgba\(var\(--dark-border-color\)\2c 1\)\] {
  border-left-color: rgba(var(--dark-border-color),1);
}

.border-l-\[rgba\(var\(--dark-card-background\)\2c 1\)\] {
  border-left-color: rgba(var(--dark-card-background),1);
}

.border-l-\[rgba\(var\(--dark-card-border\)\2c 1\)\] {
  border-left-color: rgba(var(--dark-card-border),1);
}

.border-l-\[rgba\(var\(--dark-card-inbox\)\2c 1\)\] {
  border-left-color: rgba(var(--dark-card-inbox),1);
}

.border-l-\[rgba\(var\(--dark-color\)\2c 1\)\] {
  border-left-color: rgba(var(--dark-color),1);
}

.border-l-\[rgba\(var\(--dark-color\)\2c 50\%\)\] {
  border-left-color: rgba(var(--dark-color),50%);
}

.border-l-\[rgba\(var\(--dark-gray\)\2c 1\)\] {
  border-left-color: rgba(var(--dark-gray),1);
}

.border-l-\[rgba\(var\(--dark-light-color\)\2c 1\)\] {
  border-left-color: rgba(var(--dark-light-color),1);
}

.border-l-\[rgba\(var\(--dark-small-font-color\)\2c 1\)\] {
  border-left-color: rgba(var(--dark-small-font-color),1);
}

.border-l-\[rgba\(var\(--fb-color\)\2c 1\)\] {
  border-left-color: rgba(var(--fb-color),1);
}

.border-l-\[rgba\(var\(--gray-60\)\2c 1\)\] {
  border-left-color: rgba(var(--gray-60),1);
}

.border-l-\[rgba\(var\(--info-color\)\2c 1\)\] {
  border-left-color: rgba(var(--info-color),1);
}

.border-l-\[rgba\(var\(--insta-color\)\2c 1\)\] {
  border-left-color: rgba(var(--insta-color),1);
}

.border-l-\[rgba\(var\(--light-all-font-color\)\2c 1\)\] {
  border-left-color: rgba(var(--light-all-font-color),1);
}

.border-l-\[rgba\(var\(--light-color\)\2c 1\)\] {
  border-left-color: rgba(var(--light-color),1);
}

.border-l-\[rgba\(var\(--light-gray\)\2c 1\)\] {
  border-left-color: rgba(var(--light-gray),1);
}

.border-l-\[rgba\(var\(--light-semi-gray\)\2c 0\.2\)\] {
  border-left-color: rgba(var(--light-semi-gray),0.2);
}

.border-l-\[rgba\(var\(--linkedin\)\2c 1\)\] {
  border-left-color: rgba(var(--linkedin),1);
}

.border-l-\[rgba\(var\(--pintrest-color\)\2c 1\)\] {
  border-left-color: rgba(var(--pintrest-color),1);
}

.border-l-\[rgba\(var\(--primary-color\)\2c 1\)\] {
  border-left-color: rgba(var(--primary-color),1);
}

.border-l-\[rgba\(var\(--ps-light-border\)\2c 1\)\] {
  border-left-color: rgba(var(--ps-light-border),1);
}

.border-l-\[rgba\(var\(--recent-dashed-border\)\2c 1\)\] {
  border-left-color: rgba(var(--recent-dashed-border),1);
}

.border-l-\[rgba\(var\(--success-color\)\2c 1\)\] {
  border-left-color: rgba(var(--success-color),1);
}

.border-l-\[rgba\(var\(--theme-body-sub-title-color\)\2c 0\.7\)\] {
  border-left-color: rgba(var(--theme-body-sub-title-color),0.7);
}

.border-l-\[rgba\(var\(--theme-default\)\2c 1\)\] {
  border-left-color: rgba(var(--theme-default),1);
}

.border-l-\[rgba\(var\(--theme-default\2c 1\)\)\] {
  border-left-color: rgba(var(--theme-default,1));
}

.border-l-\[rgba\(var\(--theme-medium-color\)\2c 1\)\] {
  border-left-color: rgba(var(--theme-medium-color),1);
}

.border-l-\[rgba\(var\(--theme-secondary\)\2c 1\)\] {
  border-left-color: rgba(var(--theme-secondary),1);
}

.border-l-\[rgba\(var\(--tour-color\)\2c 1\)\] {
  border-left-color: rgba(var(--tour-color),1);
}

.border-l-\[rgba\(var\(--tw-border-color\)\2c 1\)\] {
  border-left-color: rgba(var(--tw-border-color),1);
}

.border-l-\[rgba\(var\(--twitter-color\)\2c 1\)\] {
  border-left-color: rgba(var(--twitter-color),1);
}

.border-l-\[rgba\(var\(--warning-color\)\2c 1\)\] {
  border-left-color: rgba(var(--warning-color),1);
}

.border-l-\[rgba\(var\(--white\)\2c 1\)\] {
  border-left-color: rgba(var(--white),1);
}

.border-l-\[rgba\(var\(--youtube-color\)\2c 1\)\] {
  border-left-color: rgba(var(--youtube-color),1);
}

.border-l-\[unset\] {
  border-left-color: unset;
}

.border-l-\[var\(--transparent-color\)\] {
  border-left-color: var(--transparent-color);
}

.border-l-danger {
  --tw-border-opacity: 1;
  border-left-color: rgb(255 76 82 / var(--tw-border-opacity, 1));
}

.border-l-dark {
  --tw-border-opacity: 1;
  border-left-color: rgb(52 58 64 / var(--tw-border-opacity, 1));
}

.border-l-info {
  --tw-border-opacity: 1;
  border-left-color: rgb(64 184 244 / var(--tw-border-opacity, 1));
}

.border-l-light {
  --tw-border-opacity: 1;
  border-left-color: rgb(248 249 250 / var(--tw-border-opacity, 1));
}

.border-l-primary {
  --tw-border-opacity: 1;
  border-left-color: rgb(115 102 255 / var(--tw-border-opacity, 1));
}

.border-l-secondary {
  --tw-border-opacity: 1;
  border-left-color: rgb(131 131 131 / var(--tw-border-opacity, 1));
}

.border-l-success {
  --tw-border-opacity: 1;
  border-left-color: rgb(101 193 92 / var(--tw-border-opacity, 1));
}

.border-l-transparent {
  border-left-color: transparent;
}

.border-l-warning {
  --tw-border-opacity: 1;
  border-left-color: rgb(243 208 79 / var(--tw-border-opacity, 1));
}

.border-r-\[\#10a6f2\] {
  --tw-border-opacity: 1;
  border-right-color: rgb(16 166 242 / var(--tw-border-opacity, 1));
}

.border-r-\[\#2a2f3c\] {
  --tw-border-opacity: 1;
  border-right-color: rgb(42 47 60 / var(--tw-border-opacity, 1));
}

.border-r-\[\#4433ff\] {
  --tw-border-opacity: 1;
  border-right-color: rgb(68 51 255 / var(--tw-border-opacity, 1));
}

.border-r-\[\#4aaa40\] {
  --tw-border-opacity: 1;
  border-right-color: rgb(74 170 64 / var(--tw-border-opacity, 1));
}

.border-r-\[\#6a6a6a\] {
  --tw-border-opacity: 1;
  border-right-color: rgb(106 106 106 / var(--tw-border-opacity, 1));
}

.border-r-\[\#a5afc6\] {
  --tw-border-opacity: 1;
  border-right-color: rgb(165 175 198 / var(--tw-border-opacity, 1));
}

.border-r-\[\#dbdbdb\] {
  --tw-border-opacity: 1;
  border-right-color: rgb(219 219 219 / var(--tw-border-opacity, 1));
}

.border-r-\[\#f5a400\] {
  --tw-border-opacity: 1;
  border-right-color: rgb(245 164 0 / var(--tw-border-opacity, 1));
}

.border-r-\[\#fb2718\] {
  --tw-border-opacity: 1;
  border-right-color: rgb(251 39 24 / var(--tw-border-opacity, 1));
}

.border-r-\[none\] {
  border-right-color: none;
}

.border-r-\[rgba\(var\(--badge-light-color\)\2c 0\.38\)\] {
  border-right-color: rgba(var(--badge-light-color),0.38);
}

.border-r-\[rgba\(var\(--badge-light-color\)\2c 0\.8\)\] {
  border-right-color: rgba(var(--badge-light-color),0.8);
}

.border-r-\[rgba\(var\(--badge-light-color\)\2c 20\%\)\] {
  border-right-color: rgba(var(--badge-light-color),20%);
}

.border-r-\[rgba\(var\(--badge-light-color\)\2c 30\%\)\] {
  border-right-color: rgba(var(--badge-light-color),30%);
}

.border-r-\[rgba\(var\(--black\)\2c 0\.04\)\] {
  border-right-color: rgba(var(--black),0.04);
}

.border-r-\[rgba\(var\(--blockquote-border\)\2c 1\)\] {
  border-right-color: rgba(var(--blockquote-border),1);
}

.border-r-\[rgba\(var\(--chart-dashed-border\)\2c 1\)\] {
  border-right-color: rgba(var(--chart-dashed-border),1);
}

.border-r-\[rgba\(var\(--chart-progress-light\)\2c 1\)\] {
  border-right-color: rgba(var(--chart-progress-light),1);
}

.border-r-\[rgba\(var\(--dander-color\)\2c 1\)\] {
  border-right-color: rgba(var(--dander-color),1);
}

.border-r-\[rgba\(var\(--danger-color\)\2c 1\)\] {
  border-right-color: rgba(var(--danger-color),1);
}

.border-r-\[rgba\(var\(--dark-body-background\)\2c 1\)\] {
  border-right-color: rgba(var(--dark-body-background),1);
}

.border-r-\[rgba\(var\(--dark-border-color\)\2c 1\)\] {
  border-right-color: rgba(var(--dark-border-color),1);
}

.border-r-\[rgba\(var\(--dark-card-border\)\2c 1\)\] {
  border-right-color: rgba(var(--dark-card-border),1);
}

.border-r-\[rgba\(var\(--dark-card-inbox\)\2c 1\)\] {
  border-right-color: rgba(var(--dark-card-inbox),1);
}

.border-r-\[rgba\(var\(--dark-color\)\)\2c 1\] {
  border-right-color: rgba(var(--dark-color)),1;
}

.border-r-\[rgba\(var\(--dark-color\)\2c 1\)\] {
  border-right-color: rgba(var(--dark-color),1);
}

.border-r-\[rgba\(var\(--dark-gray\)\2c 0\.1\)\] {
  border-right-color: rgba(var(--dark-gray),0.1);
}

.border-r-\[rgba\(var\(--dark-gray\)\2c 1\)\] {
  border-right-color: rgba(var(--dark-gray),1);
}

.border-r-\[rgba\(var\(--dark-light-color\)\2c 1\)\] {
  border-right-color: rgba(var(--dark-light-color),1);
}

.border-r-\[rgba\(var\(--dark-small-font-color\)\2c 1\)\] {
  border-right-color: rgba(var(--dark-small-font-color),1);
}

.border-r-\[rgba\(var\(--fb-color\)\2c 1\)\] {
  border-right-color: rgba(var(--fb-color),1);
}

.border-r-\[rgba\(var\(--gray-60\)\2c 0\.6\)\] {
  border-right-color: rgba(var(--gray-60),0.6);
}

.border-r-\[rgba\(var\(--gray-60\)\2c 1\)\] {
  border-right-color: rgba(var(--gray-60),1);
}

.border-r-\[rgba\(var\(--horizontal-border-color\)\2c 1\)\] {
  border-right-color: rgba(var(--horizontal-border-color),1);
}

.border-r-\[rgba\(var\(--info-color\)\2c 1\)\] {
  border-right-color: rgba(var(--info-color),1);
}

.border-r-\[rgba\(var\(--insta-color\)\2c 1\)\] {
  border-right-color: rgba(var(--insta-color),1);
}

.border-r-\[rgba\(var\(--light-color\)\2c 1\)\] {
  border-right-color: rgba(var(--light-color),1);
}

.border-r-\[rgba\(var\(--light-gray\)\2c 1\)\] {
  border-right-color: rgba(var(--light-gray),1);
}

.border-r-\[rgba\(var\(--light-semi-gray\)\2c 0\.2\)\] {
  border-right-color: rgba(var(--light-semi-gray),0.2);
}

.border-r-\[rgba\(var\(--light-semi-gray\)\2c 1\)\] {
  border-right-color: rgba(var(--light-semi-gray),1);
}

.border-r-\[rgba\(var\(--linkedin\)\2c 1\)\] {
  border-right-color: rgba(var(--linkedin),1);
}

.border-r-\[rgba\(var\(--pintrest-color\)\2c 1\)\] {
  border-right-color: rgba(var(--pintrest-color),1);
}

.border-r-\[rgba\(var\(--primary-color\)\2c 0\.25\)\] {
  border-right-color: rgba(var(--primary-color),0.25);
}

.border-r-\[rgba\(var\(--primary-color\)\2c 1\)\] {
  border-right-color: rgba(var(--primary-color),1);
}

.border-r-\[rgba\(var\(--primary-color\)\2c 25\%\)\] {
  border-right-color: rgba(var(--primary-color),25%);
}

.border-r-\[rgba\(var\(--ps-light-border\)\2c 1\)\] {
  border-right-color: rgba(var(--ps-light-border),1);
}

.border-r-\[rgba\(var\(--recent-dashed-border\)\2c 1\)\] {
  border-right-color: rgba(var(--recent-dashed-border),1);
}

.border-r-\[rgba\(var\(--success-color\)\2c 1\)\] {
  border-right-color: rgba(var(--success-color),1);
}

.border-r-\[rgba\(var\(--theme-default\)\2c 1\)\] {
  border-right-color: rgba(var(--theme-default),1);
}

.border-r-\[rgba\(var\(--theme-default\2c 1\)\)\] {
  border-right-color: rgba(var(--theme-default,1));
}

.border-r-\[rgba\(var\(--theme-medium-color\)\2c 1\)\] {
  border-right-color: rgba(var(--theme-medium-color),1);
}

.border-r-\[rgba\(var\(--theme-secondary\)\2c 1\)\] {
  border-right-color: rgba(var(--theme-secondary),1);
}

.border-r-\[rgba\(var\(--tour-color\)\2c 1\)\] {
  border-right-color: rgba(var(--tour-color),1);
}

.border-r-\[rgba\(var\(--transparent-color\)\2c 1\)\] {
  border-right-color: rgba(var(--transparent-color),1);
}

.border-r-\[rgba\(var\(--twitter-color\)\2c 1\)\] {
  border-right-color: rgba(var(--twitter-color),1);
}

.border-r-\[rgba\(var\(--warning-color\)\)\] {
  border-right-color: rgba(var(--warning-color));
}

.border-r-\[rgba\(var\(--warning-color\)\2c 1\)\] {
  border-right-color: rgba(var(--warning-color),1);
}

.border-r-\[rgba\(var\(--youtube-color\)\2c 1\)\] {
  border-right-color: rgba(var(--youtube-color),1);
}

.border-r-\[unset\] {
  border-right-color: unset;
}

.border-r-\[var\(--transparent-color\)\] {
  border-right-color: var(--transparent-color);
}

.border-r-danger {
  --tw-border-opacity: 1;
  border-right-color: rgb(255 76 82 / var(--tw-border-opacity, 1));
}

.border-r-dark {
  --tw-border-opacity: 1;
  border-right-color: rgb(52 58 64 / var(--tw-border-opacity, 1));
}

.border-r-info {
  --tw-border-opacity: 1;
  border-right-color: rgb(64 184 244 / var(--tw-border-opacity, 1));
}

.border-r-light {
  --tw-border-opacity: 1;
  border-right-color: rgb(248 249 250 / var(--tw-border-opacity, 1));
}

.border-r-primary {
  --tw-border-opacity: 1;
  border-right-color: rgb(115 102 255 / var(--tw-border-opacity, 1));
}

.border-r-secondary {
  --tw-border-opacity: 1;
  border-right-color: rgb(131 131 131 / var(--tw-border-opacity, 1));
}

.border-r-success {
  --tw-border-opacity: 1;
  border-right-color: rgb(101 193 92 / var(--tw-border-opacity, 1));
}

.border-r-transparent {
  border-right-color: transparent;
}

.border-r-warning {
  --tw-border-opacity: 1;
  border-right-color: rgb(243 208 79 / var(--tw-border-opacity, 1));
}

.border-t-\[\#10a6f2\] {
  --tw-border-opacity: 1;
  border-top-color: rgb(16 166 242 / var(--tw-border-opacity, 1));
}

.border-t-\[\#2a2f3c\] {
  --tw-border-opacity: 1;
  border-top-color: rgb(42 47 60 / var(--tw-border-opacity, 1));
}

.border-t-\[\#4433ff\] {
  --tw-border-opacity: 1;
  border-top-color: rgb(68 51 255 / var(--tw-border-opacity, 1));
}

.border-t-\[\#4aaa40\] {
  --tw-border-opacity: 1;
  border-top-color: rgb(74 170 64 / var(--tw-border-opacity, 1));
}

.border-t-\[\#6a6a6a\] {
  --tw-border-opacity: 1;
  border-top-color: rgb(106 106 106 / var(--tw-border-opacity, 1));
}

.border-t-\[\#ccd6dd\] {
  --tw-border-opacity: 1;
  border-top-color: rgb(204 214 221 / var(--tw-border-opacity, 1));
}

.border-t-\[\#dbdbdb\] {
  --tw-border-opacity: 1;
  border-top-color: rgb(219 219 219 / var(--tw-border-opacity, 1));
}

.border-t-\[\#f5a400\] {
  --tw-border-opacity: 1;
  border-top-color: rgb(245 164 0 / var(--tw-border-opacity, 1));
}

.border-t-\[\#fb2718\] {
  --tw-border-opacity: 1;
  border-top-color: rgb(251 39 24 / var(--tw-border-opacity, 1));
}

.border-t-\[none\] {
  border-top-color: none;
}

.border-t-\[rgba\(var\(--badge-light-color\)\2c 0\.3\)\] {
  border-top-color: rgba(var(--badge-light-color),0.3);
}

.border-t-\[rgba\(var\(--badge-light-color\)\2c 0\.5\)\] {
  border-top-color: rgba(var(--badge-light-color),0.5);
}

.border-t-\[rgba\(var\(--badge-light-color\)\2c 10\%\)\] {
  border-top-color: rgba(var(--badge-light-color),10%);
}

.border-t-\[rgba\(var\(--badge-light-color\)\2c 20\%\)\] {
  border-top-color: rgba(var(--badge-light-color),20%);
}

.border-t-\[rgba\(var\(--black\)\2c 0\.1\)\] {
  border-top-color: rgba(var(--black),0.1);
}

.border-t-\[rgba\(var\(--bs-border-width\)\2c 1\)\] {
  border-top-color: rgba(var(--bs-border-width),1);
}

.border-t-\[rgba\(var\(--chart-border\)\2c 1\)\] {
  border-top-color: rgba(var(--chart-border),1);
}

.border-t-\[rgba\(var\(--chart-dashed-border\)\2c 1\)\] {
  border-top-color: rgba(var(--chart-dashed-border),1);
}

.border-t-\[rgba\(var\(--chart-progress-light\)\2c 1\)\] {
  border-top-color: rgba(var(--chart-progress-light),1);
}

.border-t-\[rgba\(var\(--danger-color\)\2c 1\)\] {
  border-top-color: rgba(var(--danger-color),1);
}

.border-t-\[rgba\(var\(--dark-all-font-color\)\2c 1\)\] {
  border-top-color: rgba(var(--dark-all-font-color),1);
}

.border-t-\[rgba\(var\(--dark-body-background\)\2c 1\)\] {
  border-top-color: rgba(var(--dark-body-background),1);
}

.border-t-\[rgba\(var\(--dark-border-color\)\2c 1\)\] {
  border-top-color: rgba(var(--dark-border-color),1);
}

.border-t-\[rgba\(var\(--dark-card-background\)\2c 1\)\] {
  border-top-color: rgba(var(--dark-card-background),1);
}

.border-t-\[rgba\(var\(--dark-card-border\)\2c 1\)\] {
  border-top-color: rgba(var(--dark-card-border),1);
}

.border-t-\[rgba\(var\(--dark-card-inbox\)\2c 0\.8\)\] {
  border-top-color: rgba(var(--dark-card-inbox),0.8);
}

.border-t-\[rgba\(var\(--dark-card-inbox\)\2c 1\)\] {
  border-top-color: rgba(var(--dark-card-inbox),1);
}

.border-t-\[rgba\(var\(--dark-color\)\2c 1\)\] {
  border-top-color: rgba(var(--dark-color),1);
}

.border-t-\[rgba\(var\(--dark-small-font-color\)\2c 1\)\] {
  border-top-color: rgba(var(--dark-small-font-color),1);
}

.border-t-\[rgba\(var\(--dropdown-border-color\)\2c 0\.1\)\] {
  border-top-color: rgba(var(--dropdown-border-color),0.1);
}

.border-t-\[rgba\(var\(--gray-60\)\2c 1\)\] {
  border-top-color: rgba(var(--gray-60),1);
}

.border-t-\[rgba\(var\(--horizontal-border-color\)\2c 1\)\] {
  border-top-color: rgba(var(--horizontal-border-color),1);
}

.border-t-\[rgba\(var\(--info-color\)\2c 1\)\] {
  border-top-color: rgba(var(--info-color),1);
}

.border-t-\[rgba\(var\(--light-color\)\2c 1\)\] {
  border-top-color: rgba(var(--light-color),1);
}

.border-t-\[rgba\(var\(--light-gray\)\2c 1\)\] {
  border-top-color: rgba(var(--light-gray),1);
}

.border-t-\[rgba\(var\(--light-semi-gray\)\2c 1\)\] {
  border-top-color: rgba(var(--light-semi-gray),1);
}

.border-t-\[rgba\(var\(--primary-color\)\2c 1\)\] {
  border-top-color: rgba(var(--primary-color),1);
}

.border-t-\[rgba\(var\(--ps-light-border\)\2c 1\)\] {
  border-top-color: rgba(var(--ps-light-border),1);
}

.border-t-\[rgba\(var\(--recent-dashed-border\)\2c 1\)\] {
  border-top-color: rgba(var(--recent-dashed-border),1);
}

.border-t-\[rgba\(var\(--secondary-color\)\2c 1\)\] {
  border-top-color: rgba(var(--secondary-color),1);
}

.border-t-\[rgba\(var\(--success-color\)\2c 1\)\] {
  border-top-color: rgba(var(--success-color),1);
}

.border-t-\[rgba\(var\(--theme-body-sub-title-color\)\2c 0\.4\)\] {
  border-top-color: rgba(var(--theme-body-sub-title-color),0.4);
}

.border-t-\[rgba\(var\(--theme-default\)\2c 1\)\] {
  border-top-color: rgba(var(--theme-default),1);
}

.border-t-\[rgba\(var\(--theme-medium-color\)\2c 1\)\] {
  border-top-color: rgba(var(--theme-medium-color),1);
}

.border-t-\[rgba\(var\(--theme-secondary\)\2c 1\)\] {
  border-top-color: rgba(var(--theme-secondary),1);
}

.border-t-\[rgba\(var\(--transparent-color\)\2c 1\)\] {
  border-top-color: rgba(var(--transparent-color),1);
}

.border-t-\[rgba\(var\(--warning-color\)\2c 1\)\] {
  border-top-color: rgba(var(--warning-color),1);
}

.border-t-\[rgba\(var\(--white\)\2c 0\.1\)\] {
  border-top-color: rgba(var(--white),0.1);
}

.border-t-\[var\(--transparent-color\)\] {
  border-top-color: var(--transparent-color);
}

.border-t-danger {
  --tw-border-opacity: 1;
  border-top-color: rgb(255 76 82 / var(--tw-border-opacity, 1));
}

.border-t-dark {
  --tw-border-opacity: 1;
  border-top-color: rgb(52 58 64 / var(--tw-border-opacity, 1));
}

.border-t-info {
  --tw-border-opacity: 1;
  border-top-color: rgb(64 184 244 / var(--tw-border-opacity, 1));
}

.border-t-light {
  --tw-border-opacity: 1;
  border-top-color: rgb(248 249 250 / var(--tw-border-opacity, 1));
}

.border-t-primary {
  --tw-border-opacity: 1;
  border-top-color: rgb(115 102 255 / var(--tw-border-opacity, 1));
}

.border-t-secondary {
  --tw-border-opacity: 1;
  border-top-color: rgb(131 131 131 / var(--tw-border-opacity, 1));
}

.border-t-success {
  --tw-border-opacity: 1;
  border-top-color: rgb(101 193 92 / var(--tw-border-opacity, 1));
}

.border-t-transparent {
  border-top-color: transparent;
}

.border-t-warning {
  --tw-border-opacity: 1;
  border-top-color: rgb(243 208 79 / var(--tw-border-opacity, 1));
}

.border-opacity-10 {
  --tw-border-opacity: 0.1;
}

.border-opacity-25 {
  --tw-border-opacity: 0.25;
}

.border-opacity-50 {
  --tw-border-opacity: 0.5;
}

.border-opacity-75 {
  --tw-border-opacity: 0.75;
}

.\!bg-\[\#1d1e26\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(29 30 38 / var(--tw-bg-opacity, 1)) !important;
}

.\!bg-\[\#dbf2fd\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(219 242 253 / var(--tw-bg-opacity, 1)) !important;
}

.\!bg-\[\(var\(--transparent-color\)\2c 1\)\] {
  background-color: (var(--transparent-color),1) !important;
}

.\!bg-\[rgb\(var\(--dark-color\)\2c 1\)\] {
  background-color: rgb(var(--dark-color),1) !important;
}

.\!bg-\[rgb\(var\(--success-color\)\2c 1\)\] {
  background-color: rgb(var(--success-color),1) !important;
}

.\!bg-\[rgb\(var\(--theme-default\)\2c 1\)\] {
  background-color: rgb(var(--theme-default),1) !important;
}

.\!bg-\[rgb\(var\(--warning-color\)\2c 1\)\] {
  background-color: rgb(var(--warning-color),1) !important;
}

.\!bg-\[rgba\(115\2c 102\2c 255\2c 0\.4\)\] {
  background-color: rgba(115,102,255,0.4) !important;
}

.\!bg-\[rgba\(68\2c 102\2c 242\2c 0\.2\)\] {
  background-color: rgba(68,102,242,0.2) !important;
}

.\!bg-\[rgba\(var\(--course-light-btn\)\2c 1\)\] {
  background-color: rgba(var(--course-light-btn),1) !important;
}

.\!bg-\[rgba\(var\(--danger-color\)\2c 0\.1\)\] {
  background-color: rgba(var(--danger-color),0.1) !important;
}

.\!bg-\[rgba\(var\(--danger-color\)\2c 0\.15\)\] {
  background-color: rgba(var(--danger-color),0.15) !important;
}

.\!bg-\[rgba\(var\(--danger-color\)\2c 0\.34\)\] {
  background-color: rgba(var(--danger-color),0.34) !important;
}

.\!bg-\[rgba\(var\(--danger-color\)\2c 0\.4\)\] {
  background-color: rgba(var(--danger-color),0.4) !important;
}

.\!bg-\[rgba\(var\(--danger-color\)\2c 1\)\] {
  background-color: rgba(var(--danger-color),1) !important;
}

.\!bg-\[rgba\(var\(--dark-all-font-color\)\2c 1\)\] {
  background-color: rgba(var(--dark-all-font-color),1) !important;
}

.\!bg-\[rgba\(var\(--dark-body-background\)\2c 0\.1\)\] {
  background-color: rgba(var(--dark-body-background),0.1) !important;
}

.\!bg-\[rgba\(var\(--dark-body-background\)\2c 1\)\] {
  background-color: rgba(var(--dark-body-background),1) !important;
}

.\!bg-\[rgba\(var\(--dark-card-background\)\2c 1\)\] {
  background-color: rgba(var(--dark-card-background),1) !important;
}

.\!bg-\[rgba\(var\(--dark-card-inbox\)\2c 1\)\] {
  background-color: rgba(var(--dark-card-inbox),1) !important;
}

.\!bg-\[rgba\(var\(--dark-color\)\2c 0\.1\)\] {
  background-color: rgba(var(--dark-color),0.1) !important;
}

.\!bg-\[rgba\(var\(--dark-color\)\2c 0\.4\)\] {
  background-color: rgba(var(--dark-color),0.4) !important;
}

.\!bg-\[rgba\(var\(--dark-color\)\2c 1\)\] {
  background-color: rgba(var(--dark-color),1) !important;
}

.\!bg-\[rgba\(var\(--dropdown-border-color\)\2c 0\.1\)\] {
  background-color: rgba(var(--dropdown-border-color),0.1) !important;
}

.\!bg-\[rgba\(var\(--info-color\)\2c 0\.1\)\] {
  background-color: rgba(var(--info-color),0.1) !important;
}

.\!bg-\[rgba\(var\(--info-color\)\2c 0\.4\)\] {
  background-color: rgba(var(--info-color),0.4) !important;
}

.\!bg-\[rgba\(var\(--info-color\)\2c 1\)\] {
  background-color: rgba(var(--info-color),1) !important;
}

.\!bg-\[rgba\(var\(--light-background\)\2c 1\)\] {
  background-color: rgba(var(--light-background),1) !important;
}

.\!bg-\[rgba\(var\(--light-color\)\2c 0\.4\)\] {
  background-color: rgba(var(--light-color),0.4) !important;
}

.\!bg-\[rgba\(var\(--light-color\)\2c 1\)\] {
  background-color: rgba(var(--light-color),1) !important;
}

.\!bg-\[rgba\(var\(--light2\)\2c 1\)\] {
  background-color: rgba(var(--light2),1) !important;
}

.\!bg-\[rgba\(var\(--semi-dark\)\2c 0\.05\)\] {
  background-color: rgba(var(--semi-dark),0.05) !important;
}

.\!bg-\[rgba\(var\(--success-color\)\2c 0\.07\)\] {
  background-color: rgba(var(--success-color),0.07) !important;
}

.\!bg-\[rgba\(var\(--success-color\)\2c 0\.1\)\] {
  background-color: rgba(var(--success-color),0.1) !important;
}

.\!bg-\[rgba\(var\(--success-color\)\2c 0\.15\)\] {
  background-color: rgba(var(--success-color),0.15) !important;
}

.\!bg-\[rgba\(var\(--success-color\)\2c 0\.4\)\] {
  background-color: rgba(var(--success-color),0.4) !important;
}

.\!bg-\[rgba\(var\(--success-color\)\2c 1\)\] {
  background-color: rgba(var(--success-color),1) !important;
}

.\!bg-\[rgba\(var\(--theme-default\)\2c 0\.06\)\] {
  background-color: rgba(var(--theme-default),0.06) !important;
}

.\!bg-\[rgba\(var\(--theme-default\)\2c 0\.07\)\] {
  background-color: rgba(var(--theme-default),0.07) !important;
}

.\!bg-\[rgba\(var\(--theme-default\)\2c 0\.1\)\] {
  background-color: rgba(var(--theme-default),0.1) !important;
}

.\!bg-\[rgba\(var\(--theme-default\)\2c 0\.15\)\] {
  background-color: rgba(var(--theme-default),0.15) !important;
}

.\!bg-\[rgba\(var\(--theme-default\)\2c 0\.8\)\] {
  background-color: rgba(var(--theme-default),0.8) !important;
}

.\!bg-\[rgba\(var\(--theme-default\)\2c 1\)\] {
  background-color: rgba(var(--theme-default),1) !important;
}

.\!bg-\[rgba\(var\(--theme-secondary\)\2c 0\.1\)\] {
  background-color: rgba(var(--theme-secondary),0.1) !important;
}

.\!bg-\[rgba\(var\(--theme-secondary\)\2c 0\.2\)\] {
  background-color: rgba(var(--theme-secondary),0.2) !important;
}

.\!bg-\[rgba\(var\(--theme-secondary\)\2c 0\.34\)\] {
  background-color: rgba(var(--theme-secondary),0.34) !important;
}

.\!bg-\[rgba\(var\(--theme-secondary\)\2c 0\.4\)\] {
  background-color: rgba(var(--theme-secondary),0.4) !important;
}

.\!bg-\[rgba\(var\(--theme-secondary\)\2c 1\)\] {
  background-color: rgba(var(--theme-secondary),1) !important;
}

.\!bg-\[rgba\(var\(--transparent-color\)\2c 1\)\] {
  background-color: rgba(var(--transparent-color),1) !important;
}

.\!bg-\[rgba\(var\(--warning-color\)\2c 0\.07\)\] {
  background-color: rgba(var(--warning-color),0.07) !important;
}

.\!bg-\[rgba\(var\(--warning-color\)\2c 0\.1\)\] {
  background-color: rgba(var(--warning-color),0.1) !important;
}

.\!bg-\[rgba\(var\(--warning-color\)\2c 0\.15\)\] {
  background-color: rgba(var(--warning-color),0.15) !important;
}

.\!bg-\[rgba\(var\(--warning-color\)\2c 0\.34\)\] {
  background-color: rgba(var(--warning-color),0.34) !important;
}

.\!bg-\[rgba\(var\(--warning-color\)\2c 0\.4\)\] {
  background-color: rgba(var(--warning-color),0.4) !important;
}

.\!bg-\[rgba\(var\(--warning-color\)\2c 1\)\] {
  background-color: rgba(var(--warning-color),1) !important;
}

.\!bg-\[rgba\(var\(--white-bg\)\2c 1\)\] {
  background-color: rgba(var(--white-bg),1) !important;
}

.\!bg-\[transparent\] {
  background-color: transparent !important;
}

.\!bg-\[unset\] {
  background-color: unset !important;
}

.\!bg-transparent {
  background-color: transparent !important;
}

.\!bg-white {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
}

.bg-\[\#010314\] {
  --tw-bg-opacity: 1;
  background-color: rgb(1 3 20 / var(--tw-bg-opacity, 1));
}

.bg-\[\#025464\] {
  --tw-bg-opacity: 1;
  background-color: rgb(2 84 100 / var(--tw-bg-opacity, 1));
}

.bg-\[\#0f2c59\] {
  --tw-bg-opacity: 1;
  background-color: rgb(15 44 89 / var(--tw-bg-opacity, 1));
}

.bg-\[\#16171c\] {
  --tw-bg-opacity: 1;
  background-color: rgb(22 23 28 / var(--tw-bg-opacity, 1));
}

.bg-\[\#1b1c21\] {
  --tw-bg-opacity: 1;
  background-color: rgb(27 28 33 / var(--tw-bg-opacity, 1));
}

.bg-\[\#262932\] {
  --tw-bg-opacity: 1;
  background-color: rgb(38 41 50 / var(--tw-bg-opacity, 1));
}

.bg-\[\#282e38\] {
  --tw-bg-opacity: 1;
  background-color: rgb(40 46 56 / var(--tw-bg-opacity, 1));
}

.bg-\[\#293240\] {
  --tw-bg-opacity: 1;
  background-color: rgb(41 50 64 / var(--tw-bg-opacity, 1));
}

.bg-\[\#2e3648\] {
  --tw-bg-opacity: 1;
  background-color: rgb(46 54 72 / var(--tw-bg-opacity, 1));
}

.bg-\[\#2f3c4e\] {
  --tw-bg-opacity: 1;
  background-color: rgb(47 60 78 / var(--tw-bg-opacity, 1));
}

.bg-\[\#334053\] {
  --tw-bg-opacity: 1;
  background-color: rgb(51 64 83 / var(--tw-bg-opacity, 1));
}

.bg-\[\#374558\] {
  --tw-bg-opacity: 1;
  background-color: rgb(55 69 88 / var(--tw-bg-opacity, 1));
}

.bg-\[\#3e64ff\] {
  --tw-bg-opacity: 1;
  background-color: rgb(62 100 255 / var(--tw-bg-opacity, 1));
}

.bg-\[\#43bcff\] {
  --tw-bg-opacity: 1;
  background-color: rgb(67 188 255 / var(--tw-bg-opacity, 1));
}

.bg-\[\#4d4d4de6\] {
  background-color: #4d4d4de6;
}

.bg-\[\#506d84\] {
  --tw-bg-opacity: 1;
  background-color: rgb(80 109 132 / var(--tw-bg-opacity, 1));
}

.bg-\[\#555\] {
  --tw-bg-opacity: 1;
  background-color: rgb(85 85 85 / var(--tw-bg-opacity, 1));
}

.bg-\[\#60b158\] {
  --tw-bg-opacity: 1;
  background-color: rgb(96 177 88 / var(--tw-bg-opacity, 1));
}

.bg-\[\#6610f2\] {
  --tw-bg-opacity: 1;
  background-color: rgb(102 16 242 / var(--tw-bg-opacity, 1));
}

.bg-\[\#7366ff1a\] {
  background-color: #7366ff1a;
}

.bg-\[\#76bc6c\] {
  --tw-bg-opacity: 1;
  background-color: rgb(118 188 108 / var(--tw-bg-opacity, 1));
}

.bg-\[\#76bdf4\] {
  --tw-bg-opacity: 1;
  background-color: rgb(118 189 244 / var(--tw-bg-opacity, 1));
}

.bg-\[\#7a3e65\] {
  --tw-bg-opacity: 1;
  background-color: rgb(122 62 101 / var(--tw-bg-opacity, 1));
}

.bg-\[\#8d97af\] {
  --tw-bg-opacity: 1;
  background-color: rgb(141 151 175 / var(--tw-bg-opacity, 1));
}

.bg-\[\#a299ff\] {
  --tw-bg-opacity: 1;
  background-color: rgb(162 153 255 / var(--tw-bg-opacity, 1));
}

.bg-\[\#a6a6bb\] {
  --tw-bg-opacity: 1;
  background-color: rgb(166 166 187 / var(--tw-bg-opacity, 1));
}

.bg-\[\#b8daff\] {
  --tw-bg-opacity: 1;
  background-color: rgb(184 218 255 / var(--tw-bg-opacity, 1));
}

.bg-\[\#bee5eb\] {
  --tw-bg-opacity: 1;
  background-color: rgb(190 229 235 / var(--tw-bg-opacity, 1));
}

.bg-\[\#c3e6cb\] {
  --tw-bg-opacity: 1;
  background-color: rgb(195 230 203 / var(--tw-bg-opacity, 1));
}

.bg-\[\#c6c8ca\] {
  --tw-bg-opacity: 1;
  background-color: rgb(198 200 202 / var(--tw-bg-opacity, 1));
}

.bg-\[\#d5d5d5\] {
  --tw-bg-opacity: 1;
  background-color: rgb(213 213 213 / var(--tw-bg-opacity, 1));
}

.bg-\[\#d5eed2\] {
  --tw-bg-opacity: 1;
  background-color: rgb(213 238 210 / var(--tw-bg-opacity, 1));
}

.bg-\[\#d6d8db\] {
  --tw-bg-opacity: 1;
  background-color: rgb(214 216 219 / var(--tw-bg-opacity, 1));
}

.bg-\[\#dfdff4\] {
  --tw-bg-opacity: 1;
  background-color: rgb(223 223 244 / var(--tw-bg-opacity, 1));
}

.bg-\[\#e2e3e8\] {
  --tw-bg-opacity: 1;
  background-color: rgb(226 227 232 / var(--tw-bg-opacity, 1));
}

.bg-\[\#e74c88\] {
  --tw-bg-opacity: 1;
  background-color: rgb(231 76 136 / var(--tw-bg-opacity, 1));
}

.bg-\[\#e8ebf2\] {
  --tw-bg-opacity: 1;
  background-color: rgb(232 235 242 / var(--tw-bg-opacity, 1));
}

.bg-\[\#e9ecef\] {
  --tw-bg-opacity: 1;
  background-color: rgb(233 236 239 / var(--tw-bg-opacity, 1));
}

.bg-\[\#eaebf2\] {
  --tw-bg-opacity: 1;
  background-color: rgb(234 235 242 / var(--tw-bg-opacity, 1));
}

.bg-\[\#edf575\] {
  --tw-bg-opacity: 1;
  background-color: rgb(237 245 117 / var(--tw-bg-opacity, 1));
}

.bg-\[\#eee\] {
  --tw-bg-opacity: 1;
  background-color: rgb(238 238 238 / var(--tw-bg-opacity, 1));
}

.bg-\[\#efefee\] {
  --tw-bg-opacity: 1;
  background-color: rgb(239 239 238 / var(--tw-bg-opacity, 1));
}

.bg-\[\#eff5f8\] {
  --tw-bg-opacity: 1;
  background-color: rgb(239 245 248 / var(--tw-bg-opacity, 1));
}

.bg-\[\#f0e9fb\] {
  --tw-bg-opacity: 1;
  background-color: rgb(240 233 251 / var(--tw-bg-opacity, 1));
}

.bg-\[\#f0f5f7\] {
  --tw-bg-opacity: 1;
  background-color: rgb(240 245 247 / var(--tw-bg-opacity, 1));
}

.bg-\[\#f1edf3\] {
  --tw-bg-opacity: 1;
  background-color: rgb(241 237 243 / var(--tw-bg-opacity, 1));
}

.bg-\[\#f1f1f1\] {
  --tw-bg-opacity: 1;
  background-color: rgb(241 241 241 / var(--tw-bg-opacity, 1));
}

.bg-\[\#f2f0fa\] {
  --tw-bg-opacity: 1;
  background-color: rgb(242 240 250 / var(--tw-bg-opacity, 1));
}

.bg-\[\#f2f4f7\] {
  --tw-bg-opacity: 1;
  background-color: rgb(242 244 247 / var(--tw-bg-opacity, 1));
}

.bg-\[\#f3f3ff\] {
  --tw-bg-opacity: 1;
  background-color: rgb(243 243 255 / var(--tw-bg-opacity, 1));
}

.bg-\[\#f3f5f5\] {
  --tw-bg-opacity: 1;
  background-color: rgb(243 245 245 / var(--tw-bg-opacity, 1));
}

.bg-\[\#f5c6cb\] {
  --tw-bg-opacity: 1;
  background-color: rgb(245 198 203 / var(--tw-bg-opacity, 1));
}

.bg-\[\#f5f4f3\] {
  --tw-bg-opacity: 1;
  background-color: rgb(245 244 243 / var(--tw-bg-opacity, 1));
}

.bg-\[\#f6f7fb\] {
  --tw-bg-opacity: 1;
  background-color: rgb(246 247 251 / var(--tw-bg-opacity, 1));
}

.bg-\[\#f7f7f7\] {
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 247 / var(--tw-bg-opacity, 1));
}

.bg-\[\#f8f8f8\] {
  --tw-bg-opacity: 1;
  background-color: rgb(248 248 248 / var(--tw-bg-opacity, 1));
}

.bg-\[\#f8f8fa\] {
  --tw-bg-opacity: 1;
  background-color: rgb(248 248 250 / var(--tw-bg-opacity, 1));
}

.bg-\[\#f8f9fa\] {
  --tw-bg-opacity: 1;
  background-color: rgb(248 249 250 / var(--tw-bg-opacity, 1));
}

.bg-\[\#f8f9fe\] {
  --tw-bg-opacity: 1;
  background-color: rgb(248 249 254 / var(--tw-bg-opacity, 1));
}

.bg-\[\#f94646\] {
  --tw-bg-opacity: 1;
  background-color: rgb(249 70 70 / var(--tw-bg-opacity, 1));
}

.bg-\[\#f9f7f7\] {
  --tw-bg-opacity: 1;
  background-color: rgb(249 247 247 / var(--tw-bg-opacity, 1));
}

.bg-\[\#f9f9f9\] {
  --tw-bg-opacity: 1;
  background-color: rgb(249 249 249 / var(--tw-bg-opacity, 1));
}

.bg-\[\#fbecec\] {
  --tw-bg-opacity: 1;
  background-color: rgb(251 236 236 / var(--tw-bg-opacity, 1));
}

.bg-\[\#fc6773\] {
  --tw-bg-opacity: 1;
  background-color: rgb(252 103 115 / var(--tw-bg-opacity, 1));
}

.bg-\[\#fcfcfd\] {
  --tw-bg-opacity: 1;
  background-color: rgb(252 252 253 / var(--tw-bg-opacity, 1));
}

.bg-\[\#fdfdfe\] {
  --tw-bg-opacity: 1;
  background-color: rgb(253 253 254 / var(--tw-bg-opacity, 1));
}

.bg-\[\#fefeff\] {
  --tw-bg-opacity: 1;
  background-color: rgb(254 254 255 / var(--tw-bg-opacity, 1));
}

.bg-\[\#ff5c77\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 92 119 / var(--tw-bg-opacity, 1));
}

.bg-\[\#ff7a91\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 122 145 / var(--tw-bg-opacity, 1));
}

.bg-\[\#ff81ff\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 129 255 / var(--tw-bg-opacity, 1));
}

.bg-\[\#ff843e\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 132 62 / var(--tw-bg-opacity, 1));
}

.bg-\[\#ff9414\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 148 20 / var(--tw-bg-opacity, 1));
}

.bg-\[\#ffa666\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 166 102 / var(--tw-bg-opacity, 1));
}

.bg-\[\#ffa73b\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 167 59 / var(--tw-bg-opacity, 1));
}

.bg-\[\#ffd497\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 212 151 / var(--tw-bg-opacity, 1));
}

.bg-\[\#ffeceb\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 236 235 / var(--tw-bg-opacity, 1));
}

.bg-\[\#ffeeba\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 238 186 / var(--tw-bg-opacity, 1));
}

.bg-\[\#ffeecc\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 238 204 / var(--tw-bg-opacity, 1));
}

.bg-\[\#fffafa\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 250 250 / var(--tw-bg-opacity, 1));
}

.bg-\[\(90deg\2c rgba\(101\2c 193\2c 92\2c 0\.2\)_0\%\2c \#65c15c_76\.58\%\)\] {
  background-color: (90deg,rgba(101,193,92,0.2) 0%,#65c15c 76.58%);
}

.bg-\[color\:var\(--lt-gray\)\] {
  background-color: var(--lt-gray);
}

.bg-\[color\] {
  background-color: color;
}

.bg-\[currentcolor\] {
  background-color: currentcolor;
}

.bg-\[lighten\(rgba\(var\(--primary-color\)\2c 22\%\)\)\] {
  background-color: lighten(rgba(var(--primary-color),22%));
}

.bg-\[rgab\(var\(--light-color\)\2c 1\)\] {
  background-color: rgab(var(--light-color),1);
}

.bg-\[rgb\(var\(--theme-default\)\2c 0\.1\)\] {
  background-color: rgb(var(--theme-default),0.1);
}

.bg-\[rgba\(--theme-default\)\2c 1\] {
  background-color: rgba(--theme-default),1;
}

.bg-\[rgba\(115\2c 102\2c 255\2c 0\.08\)\] {
  background-color: rgba(115,102,255,0.08);
}

.bg-\[rgba\(136\2c 136\2c 136\2c 0\.24\)\] {
  background-color: rgba(136,136,136,0.24);
}

.bg-\[rgba\(244\2c 245\2c 248\2c 0\.5\)\] {
  background-color: rgba(244,245,248,0.5);
}

.bg-\[rgba\(255\2c 255\2c 255\2c 0\.7\)\] {
  background-color: rgba(255,255,255,0.7);
}

.bg-\[rgba\(41\2c 43\2c 44\2c 1\)\] {
  background-color: rgba(41,43,44,1);
}

.bg-\[rgba\(41\2c 50\2c 64\2c 0\.52\)\] {
  background-color: rgba(41,50,64,0.52);
}

.bg-\[rgba\(47\2c 132\2c 244\2c 0\.1\)\] {
  background-color: rgba(47,132,244,0.1);
}

.bg-\[rgba\(49\2c 53\2c 66\2c 0\)\] {
  background-color: rgba(49,53,66,0);
}

.bg-\[rgba\(50\2c 54\2c 62\2c 1\)\] {
  background-color: rgba(50,54,62,1);
}

.bg-\[rgba\(54\2c 64\2c 74\2c 0\.7\)\] {
  background-color: rgba(54,64,74,0.7);
}

.bg-\[rgba\(54\2c 64\2c 74\2c 0\.8\)\] {
  background-color: rgba(54,64,74,0.8);
}

.bg-\[rgba\(54\2c 64\2c 74\2c 0\.9\)\] {
  background-color: rgba(54,64,74,0.9);
}

.bg-\[rgba\(68\2c 102\2c 242\2c 0\.15\)\] {
  background-color: rgba(68,102,242,0.15);
}

.bg-\[rgba\(82\2c 82\2c 108\2c 0\.2\)\] {
  background-color: rgba(82,82,108,0.2);
}

.bg-\[rgba\(var\(--anchor-color\)\2c 1\)\] {
  background-color: rgba(var(--anchor-color),1);
}

.bg-\[rgba\(var\(--auth-bg-color\)\2c 1\)\] {
  background-color: rgba(var(--auth-bg-color),1);
}

.bg-\[rgba\(var\(--badge-light-color\)\2c 0\.1\)\] {
  background-color: rgba(var(--badge-light-color),0.1);
}

.bg-\[rgba\(var\(--badge-light-color\)\2c 0\.15\)\] {
  background-color: rgba(var(--badge-light-color),0.15);
}

.bg-\[rgba\(var\(--badge-light-color\)\2c 0\.8\)\] {
  background-color: rgba(var(--badge-light-color),0.8);
}

.bg-\[rgba\(var\(--badge-light-color\)\2c 1\)\] {
  background-color: rgba(var(--badge-light-color),1);
}

.bg-\[rgba\(var\(--badge-light-color\)\2c 10\%\)\] {
  background-color: rgba(var(--badge-light-color),10%);
}

.bg-\[rgba\(var\(--badge-light-color\)\2c 50\%\)\] {
  background-color: rgba(var(--badge-light-color),50%);
}

.bg-\[rgba\(var\(--balance-profile-bg\)\2c 1\)\] {
  background-color: rgba(var(--balance-profile-bg),1);
}

.bg-\[rgba\(var\(--bg-dark-color\)\2c 1\)\] {
  background-color: rgba(var(--bg-dark-color),1);
}

.bg-\[rgba\(var\(--black\)\2c 0\)\] {
  background-color: rgba(var(--black),0);
}

.bg-\[rgba\(var\(--black\)\2c 0\.05\)\] {
  background-color: rgba(var(--black),0.05);
}

.bg-\[rgba\(var\(--black\)\2c 0\.2\)\] {
  background-color: rgba(var(--black),0.2);
}

.bg-\[rgba\(var\(--black\)\2c 0\.24\)\] {
  background-color: rgba(var(--black),0.24);
}

.bg-\[rgba\(var\(--black\)\2c 0\.3\)\] {
  background-color: rgba(var(--black),0.3);
}

.bg-\[rgba\(var\(--black\)\2c 0\.4\)\] {
  background-color: rgba(var(--black),0.4);
}

.bg-\[rgba\(var\(--black\)\2c 0\.5\)\] {
  background-color: rgba(var(--black),0.5);
}

.bg-\[rgba\(var\(--black\)\2c 0\.6\)\] {
  background-color: rgba(var(--black),0.6);
}

.bg-\[rgba\(var\(--black\)\2c 1\)\] {
  background-color: rgba(var(--black),1);
}

.bg-\[rgba\(var\(--black\)0\.3\)\] {
  background-color: rgba(var(--black)0.3);
}

.bg-\[rgba\(var\(--body-color\)\2c 1\)\] {
  background-color: rgba(var(--body-color),1);
}

.bg-\[rgba\(var\(--body-font-color\)\2c 1\)\] {
  background-color: rgba(var(--body-font-color),1);
}

.bg-\[rgba\(var\(--bs-card-bg\)\2c 1\)\] {
  background-color: rgba(var(--bs-card-bg),1);
}

.bg-\[rgba\(var\(--card-body-bg-color\)\2c 1\)\] {
  background-color: rgba(var(--card-body-bg-color),1);
}

.bg-\[rgba\(var\(--card-body-color\)\)\] {
  background-color: rgba(var(--card-body-color));
}

.bg-\[rgba\(var\(--card-body-color\)\2c 1\)\] {
  background-color: rgba(var(--card-body-color),1);
}

.bg-\[rgba\(var\(--card-footer-bg-color\)\2c 1\)\] {
  background-color: rgba(var(--card-footer-bg-color),1);
}

.bg-\[rgba\(var\(--card-header-bg-color\)\2c 1\)\] {
  background-color: rgba(var(--card-header-bg-color),1);
}

.bg-\[rgba\(var\(--chart-progress-light\)\2c 1\)\] {
  background-color: rgba(var(--chart-progress-light),1);
}

.bg-\[rgba\(var\(--chart-text-color\)\2c 1\)\] {
  background-color: rgba(var(--chart-text-color),1);
}

.bg-\[rgba\(var\(--course-bg\)\2c 1\)\] {
  background-color: rgba(var(--course-bg),1);
}

.bg-\[rgba\(var\(--course-light-btn\)\2c 1\)\] {
  background-color: rgba(var(--course-light-btn),1);
}

.bg-\[rgba\(var\(--danger-color\)\2c 0\.07\)\] {
  background-color: rgba(var(--danger-color),0.07);
}

.bg-\[rgba\(var\(--danger-color\)\2c 0\.1\)\] {
  background-color: rgba(var(--danger-color),0.1);
}

.bg-\[rgba\(var\(--danger-color\)\2c 0\.6\)\] {
  background-color: rgba(var(--danger-color),0.6);
}

.bg-\[rgba\(var\(--danger-color\)\2c 0\.8\)\] {
  background-color: rgba(var(--danger-color),0.8);
}

.bg-\[rgba\(var\(--danger-color\)\2c 1\)\] {
  background-color: rgba(var(--danger-color),1);
}

.bg-\[rgba\(var\(--dark-body-background\)\2c 0\.29\)\] {
  background-color: rgba(var(--dark-body-background),0.29);
}

.bg-\[rgba\(var\(--dark-body-background\)\2c 0\.4\)\] {
  background-color: rgba(var(--dark-body-background),0.4);
}

.bg-\[rgba\(var\(--dark-body-background\)\2c 0\.6\)\] {
  background-color: rgba(var(--dark-body-background),0.6);
}

.bg-\[rgba\(var\(--dark-body-background\)\2c 0\.8\)\] {
  background-color: rgba(var(--dark-body-background),0.8);
}

.bg-\[rgba\(var\(--dark-body-background\)\2c 1\)\] {
  background-color: rgba(var(--dark-body-background),1);
}

.bg-\[rgba\(var\(--dark-border-color\)\2c 1\)\] {
  background-color: rgba(var(--dark-border-color),1);
}

.bg-\[rgba\(var\(--dark-card-background\)\2c 0\.51\)\] {
  background-color: rgba(var(--dark-card-background),0.51);
}

.bg-\[rgba\(var\(--dark-card-background\)\2c 1\)\] {
  background-color: rgba(var(--dark-card-background),1);
}

.bg-\[rgba\(var\(--dark-card-border\)\2c 1\)\] {
  background-color: rgba(var(--dark-card-border),1);
}

.bg-\[rgba\(var\(--dark-card-inbox\)\2c 1\)\] {
  background-color: rgba(var(--dark-card-inbox),1);
}

.bg-\[rgba\(var\(--dark-color\)\2c 0\.1\)\] {
  background-color: rgba(var(--dark-color),0.1);
}

.bg-\[rgba\(var\(--dark-color\)\2c 0\.6\)\] {
  background-color: rgba(var(--dark-color),0.6);
}

.bg-\[rgba\(var\(--dark-color\)\2c 0\.8\)\] {
  background-color: rgba(var(--dark-color),0.8);
}

.bg-\[rgba\(var\(--dark-color\)\2c 1\)\] {
  background-color: rgba(var(--dark-color),1);
}

.bg-\[rgba\(var\(--dark-color\)\.0\.2\)\] {
  background-color: rgba(var(--dark-color).0.2);
}

.bg-\[rgba\(var\(--dark-datatable-odd\)\2c 1\)\] {
  background-color: rgba(var(--dark-datatable-odd),1);
}

.bg-\[rgba\(var\(--dark-datatable-sorting\)\2c 1\)\] {
  background-color: rgba(var(--dark-datatable-sorting),1);
}

.bg-\[rgba\(var\(--dark-datatable-sorting-even\)\2c 1\)\] {
  background-color: rgba(var(--dark-datatable-sorting-even),1);
}

.bg-\[rgba\(var\(--dark-editor-document\)\2c 1\)\] {
  background-color: rgba(var(--dark-editor-document),1);
}

.bg-\[rgba\(var\(--dark-even-hover-sorting\)\2c 1\)\] {
  background-color: rgba(var(--dark-even-hover-sorting),1);
}

.bg-\[rgba\(var\(--dark-gray\)\2c 1\)\] {
  background-color: rgba(var(--dark-gray),1);
}

.bg-\[rgba\(var\(--dropdown-border-color\)\2c 0\.1\)\] {
  background-color: rgba(var(--dropdown-border-color),0.1);
}

.bg-\[rgba\(var\(--dropdown-border-color\)\2c 0\.3\)\] {
  background-color: rgba(var(--dropdown-border-color),0.3);
}

.bg-\[rgba\(var\(--f-lighter\)\2c 1\)\] {
  background-color: rgba(var(--f-lighter),1);
}

.bg-\[rgba\(var\(--fb\)\2c 1\)\] {
  background-color: rgba(var(--fb),1);
}

.bg-\[rgba\(var\(--fb-color\)\2c 0\.1\)\] {
  background-color: rgba(var(--fb-color),0.1);
}

.bg-\[rgba\(var\(--folder-color\)\2c 1\)\] {
  background-color: rgba(var(--folder-color),1);
}

.bg-\[rgba\(var\(--footer-dark-color\)\2c 1\)\] {
  background-color: rgba(var(--footer-dark-color),1);
}

.bg-\[rgba\(var\(--form-input-bg-color\)\2c 1\)\] {
  background-color: rgba(var(--form-input-bg-color),1);
}

.bg-\[rgba\(var\(--google-plus\)\2c 1\)\] {
  background-color: rgba(var(--google-plus),1);
}

.bg-\[rgba\(var\(--gray-60\)\2c 0\.2\)\] {
  background-color: rgba(var(--gray-60),0.2);
}

.bg-\[rgba\(var\(--gray-60\)\2c 0\.29\)\] {
  background-color: rgba(var(--gray-60),0.29);
}

.bg-\[rgba\(var\(--gray-60\)\2c 0\.3\)\] {
  background-color: rgba(var(--gray-60),0.3);
}

.bg-\[rgba\(var\(--gray-60\)\2c 0\.4\)\] {
  background-color: rgba(var(--gray-60),0.4);
}

.bg-\[rgba\(var\(--gray-60\)\2c 0\.5\)\] {
  background-color: rgba(var(--gray-60),0.5);
}

.bg-\[rgba\(var\(--gray-60\)\2c 0\.6\)\] {
  background-color: rgba(var(--gray-60),0.6);
}

.bg-\[rgba\(var\(--gray-60\)\2c 1\)\] {
  background-color: rgba(var(--gray-60),1);
}

.bg-\[rgba\(var\(--info-color\)\2c 0\.07\)\] {
  background-color: rgba(var(--info-color),0.07);
}

.bg-\[rgba\(var\(--info-color\)\2c 0\.1\)\] {
  background-color: rgba(var(--info-color),0.1);
}

.bg-\[rgba\(var\(--info-color\)\2c 0\.2\)\] {
  background-color: rgba(var(--info-color),0.2);
}

.bg-\[rgba\(var\(--info-color\)\2c 0\.34\)\] {
  background-color: rgba(var(--info-color),0.34);
}

.bg-\[rgba\(var\(--info-color\)\2c 0\.6\)\] {
  background-color: rgba(var(--info-color),0.6);
}

.bg-\[rgba\(var\(--info-color\)\2c 0\.8\)\] {
  background-color: rgba(var(--info-color),0.8);
}

.bg-\[rgba\(var\(--info-color\)\2c 1\)\] {
  background-color: rgba(var(--info-color),1);
}

.bg-\[rgba\(var\(--info-color\)\2c 10\%\)\] {
  background-color: rgba(var(--info-color),10%);
}

.bg-\[rgba\(var\(--insta-color\)\2c 0\.1\)\] {
  background-color: rgba(var(--insta-color),0.1);
}

.bg-\[rgba\(var\(--light\)\2c 1\)\] {
  background-color: rgba(var(--light),1);
}

.bg-\[rgba\(var\(--light-all-font-color\)\2c 1\)\] {
  background-color: rgba(var(--light-all-font-color),1);
}

.bg-\[rgba\(var\(--light-background\)\2c 0\.65\)\] {
  background-color: rgba(var(--light-background),0.65);
}

.bg-\[rgba\(var\(--light-background\)\2c 1\)\] {
  background-color: rgba(var(--light-background),1);
}

.bg-\[rgba\(var\(--light-bg\)\2c 1\)\] {
  background-color: rgba(var(--light-bg),1);
}

.bg-\[rgba\(var\(--light-chartist-grid-color\)\2c 1\)\] {
  background-color: rgba(var(--light-chartist-grid-color),1);
}

.bg-\[rgba\(var\(--light-color\)\2c 0\.1\)\] {
  background-color: rgba(var(--light-color),0.1);
}

.bg-\[rgba\(var\(--light-color\)\2c 0\.18\)\] {
  background-color: rgba(var(--light-color),0.18);
}

.bg-\[rgba\(var\(--light-color\)\2c 0\.3\)\] {
  background-color: rgba(var(--light-color),0.3);
}

.bg-\[rgba\(var\(--light-color\)\2c 0\.4\)\] {
  background-color: rgba(var(--light-color),0.4);
}

.bg-\[rgba\(var\(--light-color\)\2c 0\.5\)\] {
  background-color: rgba(var(--light-color),0.5);
}

.bg-\[rgba\(var\(--light-color\)\2c 0\.51\)\] {
  background-color: rgba(var(--light-color),0.51);
}

.bg-\[rgba\(var\(--light-color\)\2c 0\.6\)\] {
  background-color: rgba(var(--light-color),0.6);
}

.bg-\[rgba\(var\(--light-color\)\2c 0\.8\)\] {
  background-color: rgba(var(--light-color),0.8);
}

.bg-\[rgba\(var\(--light-color\)\2c 1\)\] {
  background-color: rgba(var(--light-color),1);
}

.bg-\[rgba\(var\(--light-color\)\2c 2\%\)\] {
  background-color: rgba(var(--light-color),2%);
}

.bg-\[rgba\(var\(--light-color\)\2c 4\%\)\] {
  background-color: rgba(var(--light-color),4%);
}

.bg-\[rgba\(var\(--light-danger\)\2c 1\)\] {
  background-color: rgba(var(--light-danger),1);
}

.bg-\[rgba\(var\(--light-dark\)\2c 1\)\] {
  background-color: rgba(var(--light-dark),1);
}

.bg-\[rgba\(var\(--light-gray\)\2c 1\)\] {
  background-color: rgba(var(--light-gray),1);
}

.bg-\[rgba\(var\(--light-info\)\2c 1\)\] {
  background-color: rgba(var(--light-info),1);
}

.bg-\[rgba\(var\(--light-primary\)\2c 0\.08\)\] {
  background-color: rgba(var(--light-primary),0.08);
}

.bg-\[rgba\(var\(--light-primary\)\2c 1\)\] {
  background-color: rgba(var(--light-primary),1);
}

.bg-\[rgba\(var\(--light-secondary\)\2c 1\)\] {
  background-color: rgba(var(--light-secondary),1);
}

.bg-\[rgba\(var\(--light-semi-gray\)\2c 0\.1\)\] {
  background-color: rgba(var(--light-semi-gray),0.1);
}

.bg-\[rgba\(var\(--light-semi-gray\)\2c 0\.4\)\] {
  background-color: rgba(var(--light-semi-gray),0.4);
}

.bg-\[rgba\(var\(--light-semi-gray\)\2c 1\)\] {
  background-color: rgba(var(--light-semi-gray),1);
}

.bg-\[rgba\(var\(--light-shade-primary\)\2c 0\.02\)\] {
  background-color: rgba(var(--light-shade-primary),0.02);
}

.bg-\[rgba\(var\(--light-shade-primary\)\2c 0\.3\)\] {
  background-color: rgba(var(--light-shade-primary),0.3);
}

.bg-\[rgba\(var\(--light-shade-primary\)\2c 1\)\] {
  background-color: rgba(var(--light-shade-primary),1);
}

.bg-\[rgba\(var\(--light-slate\)\2c 1\)\] {
  background-color: rgba(var(--light-slate),1);
}

.bg-\[rgba\(var\(--light-success\)\2c 1\)\] {
  background-color: rgba(var(--light-success),1);
}

.bg-\[rgba\(var\(--light-warning\)\2c 1\)\] {
  background-color: rgba(var(--light-warning),1);
}

.bg-\[rgba\(var\(--light-white\)\2c 1\)\] {
  background-color: rgba(var(--light-white),1);
}

.bg-\[rgba\(var\(--light2\)\2c 1\)\] {
  background-color: rgba(var(--light2),1);
}

.bg-\[rgba\(var\(--lighter-white\)\2c 0\.7\)\] {
  background-color: rgba(var(--lighter-white),0.7);
}

.bg-\[rgba\(var\(--lighter-white\)\2c 1\)\] {
  background-color: rgba(var(--lighter-white),1);
}

.bg-\[rgba\(var\(--linkedin\)\2c 0\.1\)\] {
  background-color: rgba(var(--linkedin),0.1);
}

.bg-\[rgba\(var\(--linkedin\)\2c 1\)\] {
  background-color: rgba(var(--linkedin),1);
}

.bg-\[rgba\(var\(--main-body-color\)\2c 0\.9\)\] {
  background-color: rgba(var(--main-body-color),0.9);
}

.bg-\[rgba\(var\(--main-body-color\)\2c 1\)\] {
  background-color: rgba(var(--main-body-color),1);
}

.bg-\[rgba\(var\(--off-white\)\2c 1\)\] {
  background-color: rgba(var(--off-white),1);
}

.bg-\[rgba\(var\(--pintrest-color\)\2c 0\.1\)\] {
  background-color: rgba(var(--pintrest-color),0.1);
}

.bg-\[rgba\(var\(--pitch-color\)\)\] {
  background-color: rgba(var(--pitch-color));
}

.bg-\[rgba\(var\(--primary-color\)\2c 0\.08\)\] {
  background-color: rgba(var(--primary-color),0.08);
}

.bg-\[rgba\(var\(--primary-color\)\2c 0\.1\)\] {
  background-color: rgba(var(--primary-color),0.1);
}

.bg-\[rgba\(var\(--primary-color\)\2c 0\.15\%\)\] {
  background-color: rgba(var(--primary-color),0.15%);
}

.bg-\[rgba\(var\(--primary-color\)\2c 0\.2\)\] {
  background-color: rgba(var(--primary-color),0.2);
}

.bg-\[rgba\(var\(--primary-color\)\2c 0\.25\)\] {
  background-color: rgba(var(--primary-color),0.25);
}

.bg-\[rgba\(var\(--primary-color\)\2c 0\.3\)\] {
  background-color: rgba(var(--primary-color),0.3);
}

.bg-\[rgba\(var\(--primary-color\)\2c 1\)\] {
  background-color: rgba(var(--primary-color),1);
}

.bg-\[rgba\(var\(--ps-light-border\)\2c 1\)\] {
  background-color: rgba(var(--ps-light-border),1);
}

.bg-\[rgba\(var\(--recent-box-bg\)\2c 1\)\] {
  background-color: rgba(var(--recent-box-bg),1);
}

.bg-\[rgba\(var\(--recent-chart-bg\)\2c 1\)\] {
  background-color: rgba(var(--recent-chart-bg),1);
}

.bg-\[rgba\(var\(--recent-dashed-border\)\2c 1\)\] {
  background-color: rgba(var(--recent-dashed-border),1);
}

.bg-\[rgba\(var\(--secondary-color\)\2c 1\)\] {
  background-color: rgba(var(--secondary-color),1);
}

.bg-\[rgba\(var\(--semi-dark\)\2c 0\.15\)\] {
  background-color: rgba(var(--semi-dark),0.15);
}

.bg-\[rgba\(var\(--semi-dark\)\2c 1\)\] {
  background-color: rgba(var(--semi-dark),1);
}

.bg-\[rgba\(var\(--success-color\)\)\] {
  background-color: rgba(var(--success-color));
}

.bg-\[rgba\(var\(--success-color\)\2c 0\.1\)\] {
  background-color: rgba(var(--success-color),0.1);
}

.bg-\[rgba\(var\(--success-color\)\2c 0\.15\)\] {
  background-color: rgba(var(--success-color),0.15);
}

.bg-\[rgba\(var\(--success-color\)\2c 0\.2\)\] {
  background-color: rgba(var(--success-color),0.2);
}

.bg-\[rgba\(var\(--success-color\)\2c 0\.3\)\] {
  background-color: rgba(var(--success-color),0.3);
}

.bg-\[rgba\(var\(--success-color\)\2c 0\.34\)\] {
  background-color: rgba(var(--success-color),0.34);
}

.bg-\[rgba\(var\(--success-color\)\2c 0\.6\)\] {
  background-color: rgba(var(--success-color),0.6);
}

.bg-\[rgba\(var\(--success-color\)\2c 0\.8\)\] {
  background-color: rgba(var(--success-color),0.8);
}

.bg-\[rgba\(var\(--success-color\)\2c 0\.9\)\] {
  background-color: rgba(var(--success-color),0.9);
}

.bg-\[rgba\(var\(--success-color\)\2c 1\)\] {
  background-color: rgba(var(--success-color),1);
}

.bg-\[rgba\(var\(--success-color\)\2c 10\%\)\] {
  background-color: rgba(var(--success-color),10%);
}

.bg-\[rgba\(var\(--theme-body-sub-title-color\)\2c 0\.6\)\] {
  background-color: rgba(var(--theme-body-sub-title-color),0.6);
}

.bg-\[rgba\(var\(--theme-default\)\2c 0\.03\)\] {
  background-color: rgba(var(--theme-default),0.03);
}

.bg-\[rgba\(var\(--theme-default\)\2c 0\.05\)\] {
  background-color: rgba(var(--theme-default),0.05);
}

.bg-\[rgba\(var\(--theme-default\)\2c 0\.06\)\] {
  background-color: rgba(var(--theme-default),0.06);
}

.bg-\[rgba\(var\(--theme-default\)\2c 0\.07\)\] {
  background-color: rgba(var(--theme-default),0.07);
}

.bg-\[rgba\(var\(--theme-default\)\2c 0\.08\)\] {
  background-color: rgba(var(--theme-default),0.08);
}

.bg-\[rgba\(var\(--theme-default\)\2c 0\.09\)\] {
  background-color: rgba(var(--theme-default),0.09);
}

.bg-\[rgba\(var\(--theme-default\)\2c 0\.1\)\] {
  background-color: rgba(var(--theme-default),0.1);
}

.bg-\[rgba\(var\(--theme-default\)\2c 0\.15\)\] {
  background-color: rgba(var(--theme-default),0.15);
}

.bg-\[rgba\(var\(--theme-default\)\2c 0\.2\)\] {
  background-color: rgba(var(--theme-default),0.2);
}

.bg-\[rgba\(var\(--theme-default\)\2c 0\.25\)\] {
  background-color: rgba(var(--theme-default),0.25);
}

.bg-\[rgba\(var\(--theme-default\)\2c 0\.34\)\] {
  background-color: rgba(var(--theme-default),0.34);
}

.bg-\[rgba\(var\(--theme-default\)\2c 0\.4\)\] {
  background-color: rgba(var(--theme-default),0.4);
}

.bg-\[rgba\(var\(--theme-default\)\2c 0\.5\)\] {
  background-color: rgba(var(--theme-default),0.5);
}

.bg-\[rgba\(var\(--theme-default\)\2c 0\.6\)\] {
  background-color: rgba(var(--theme-default),0.6);
}

.bg-\[rgba\(var\(--theme-default\)\2c 0\.7\)\] {
  background-color: rgba(var(--theme-default),0.7);
}

.bg-\[rgba\(var\(--theme-default\)\2c 0\.75\)\] {
  background-color: rgba(var(--theme-default),0.75);
}

.bg-\[rgba\(var\(--theme-default\)\2c 0\.9\)\] {
  background-color: rgba(var(--theme-default),0.9);
}

.bg-\[rgba\(var\(--theme-default\)\2c 1\)\] {
  background-color: rgba(var(--theme-default),1);
}

.bg-\[rgba\(var\(--theme-default\)\2c 10\%\)\] {
  background-color: rgba(var(--theme-default),10%);
}

.bg-\[rgba\(var\(--theme-default\)\2c 38\%\)\] {
  background-color: rgba(var(--theme-default),38%);
}

.bg-\[rgba\(var\(--theme-medium-color\)\2c 1\)\] {
  background-color: rgba(var(--theme-medium-color),1);
}

.bg-\[rgba\(var\(--theme-secondary\)\2c 0\.07\)\] {
  background-color: rgba(var(--theme-secondary),0.07);
}

.bg-\[rgba\(var\(--theme-secondary\)\2c 0\.08\)\] {
  background-color: rgba(var(--theme-secondary),0.08);
}

.bg-\[rgba\(var\(--theme-secondary\)\2c 0\.1\)\] {
  background-color: rgba(var(--theme-secondary),0.1);
}

.bg-\[rgba\(var\(--theme-secondary\)\2c 0\.2\)\] {
  background-color: rgba(var(--theme-secondary),0.2);
}

.bg-\[rgba\(var\(--theme-secondary\)\2c 0\.6\)\] {
  background-color: rgba(var(--theme-secondary),0.6);
}

.bg-\[rgba\(var\(--theme-secondary\)\2c 0\.8\)\] {
  background-color: rgba(var(--theme-secondary),0.8);
}

.bg-\[rgba\(var\(--theme-secondary\)\2c 1\)\] {
  background-color: rgba(var(--theme-secondary),1);
}

.bg-\[rgba\(var\(--tour-color\)\2c 1\)\] {
  background-color: rgba(var(--tour-color),1);
}

.bg-\[rgba\(var\(--transparent\)\2c 1\)\] {
  background-color: rgba(var(--transparent),1);
}

.bg-\[rgba\(var\(--transparent-color\)\)\] {
  background-color: rgba(var(--transparent-color));
}

.bg-\[rgba\(var\(--transparent-color\)\2c 1\)\] {
  background-color: rgba(var(--transparent-color),1);
}

.bg-\[rgba\(var\(--tw-emphasis-color-rgb\)\2c 1\)\] {
  background-color: rgba(var(--tw-emphasis-color-rgb),1);
}

.bg-\[rgba\(var\(--tw-heading-color\)\2c 1\)\] {
  background-color: rgba(var(--tw-heading-color),1);
}

.bg-\[rgba\(var\(--twitter\)\2c 1\)\] {
  background-color: rgba(var(--twitter),1);
}

.bg-\[rgba\(var\(--twitter-color\)\2c 0\.1\)\] {
  background-color: rgba(var(--twitter-color),0.1);
}

.bg-\[rgba\(var\(--view-border-marker\)\2c 1\)\] {
  background-color: rgba(var(--view-border-marker),1);
}

.bg-\[rgba\(var\(--warning-color\)\2c 0\.1\)\] {
  background-color: rgba(var(--warning-color),0.1);
}

.bg-\[rgba\(var\(--warning-color\)\2c 0\.15\)\] {
  background-color: rgba(var(--warning-color),0.15);
}

.bg-\[rgba\(var\(--warning-color\)\2c 0\.2\)\] {
  background-color: rgba(var(--warning-color),0.2);
}

.bg-\[rgba\(var\(--warning-color\)\2c 0\.3\)\] {
  background-color: rgba(var(--warning-color),0.3);
}

.bg-\[rgba\(var\(--warning-color\)\2c 0\.34\)\] {
  background-color: rgba(var(--warning-color),0.34);
}

.bg-\[rgba\(var\(--warning-color\)\2c 0\.6\)\] {
  background-color: rgba(var(--warning-color),0.6);
}

.bg-\[rgba\(var\(--warning-color\)\2c 0\.8\)\] {
  background-color: rgba(var(--warning-color),0.8);
}

.bg-\[rgba\(var\(--warning-color\)\2c 0\.9\)\] {
  background-color: rgba(var(--warning-color),0.9);
}

.bg-\[rgba\(var\(--warning-color\)\2c 1\)\] {
  background-color: rgba(var(--warning-color),1);
}

.bg-\[rgba\(var\(--white\)\2c 0\.08\)\] {
  background-color: rgba(var(--white),0.08);
}

.bg-\[rgba\(var\(--white\)\2c 0\.15\)\] {
  background-color: rgba(var(--white),0.15);
}

.bg-\[rgba\(var\(--white\)\2c 0\.2\)\] {
  background-color: rgba(var(--white),0.2);
}

.bg-\[rgba\(var\(--white\)\2c 0\.45\)\] {
  background-color: rgba(var(--white),0.45);
}

.bg-\[rgba\(var\(--white\)\2c 0\.5\)\] {
  background-color: rgba(var(--white),0.5);
}

.bg-\[rgba\(var\(--white\)\2c 0\.6\)\] {
  background-color: rgba(var(--white),0.6);
}

.bg-\[rgba\(var\(--white\)\2c 0\.7\)\] {
  background-color: rgba(var(--white),0.7);
}

.bg-\[rgba\(var\(--white\)\2c 0\.8\)\] {
  background-color: rgba(var(--white),0.8);
}

.bg-\[rgba\(var\(--white\)\2c 0\.85\)\] {
  background-color: rgba(var(--white),0.85);
}

.bg-\[rgba\(var\(--white\)\2c 0\.9\)\] {
  background-color: rgba(var(--white),0.9);
}

.bg-\[rgba\(var\(--white\)\2c 0\.98\)\] {
  background-color: rgba(var(--white),0.98);
}

.bg-\[rgba\(var\(--white\)\2c 1\)\] {
  background-color: rgba(var(--white),1);
}

.bg-\[rgba\(var\(--white-bg\)\2c 1\)\] {
  background-color: rgba(var(--white-bg),1);
}

.bg-\[rgba\(var\(--youtube-color\)\2c 0\.1\)\] {
  background-color: rgba(var(--youtube-color),0.1);
}

.bg-\[right_1\.25rem_center\2c center_right_2\.25rem\] {
  background-color: right 1.25rem center,center right 2.25rem;
}

.bg-\[transparent\] {
  background-color: transparent;
}

.bg-\[unset\] {
  background-color: unset;
}

.bg-\[var\(--transparent-color\)\] {
  background-color: var(--transparent-color);
}

.bg-\[var\(--tw-breadcrumb-bg\)\] {
  background-color: var(--tw-breadcrumb-bg);
}

.bg-\[white\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.bg-danger {
  --tw-bg-opacity: 1;
  background-color: rgb(255 76 82 / var(--tw-bg-opacity, 1));
}

.bg-dark {
  --tw-bg-opacity: 1;
  background-color: rgb(52 58 64 / var(--tw-bg-opacity, 1));
}

.bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}

.bg-info {
  --tw-bg-opacity: 1;
  background-color: rgb(64 184 244 / var(--tw-bg-opacity, 1));
}

.bg-light {
  --tw-bg-opacity: 1;
  background-color: rgb(248 249 250 / var(--tw-bg-opacity, 1));
}

.bg-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(115 102 255 / var(--tw-bg-opacity, 1));
}

.bg-secondary {
  --tw-bg-opacity: 1;
  background-color: rgb(131 131 131 / var(--tw-bg-opacity, 1));
}

.bg-success {
  --tw-bg-opacity: 1;
  background-color: rgb(101 193 92 / var(--tw-bg-opacity, 1));
}

.bg-transparent {
  background-color: transparent;
}

.bg-warning {
  --tw-bg-opacity: 1;
  background-color: rgb(243 208 79 / var(--tw-bg-opacity, 1));
}

.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.bg-opacity-10 {
  --tw-bg-opacity: 0.1;
}

.bg-opacity-25 {
  --tw-bg-opacity: 0.25;
}

.bg-opacity-50 {
  --tw-bg-opacity: 0.5;
}

.bg-opacity-75 {
  --tw-bg-opacity: 0.75;
}

.\!bg-\[url\(\.\.\/images\/chats\/chat-bg\.png\)\] {
  background-image: url(../images/chats/chat-bg.png) !important;
}

.\!bg-\[url\(\.\.\/images\/dashboard-11\/bg\.png\)\] {
  background-image: url(../images/dashboard-11/bg.png) !important;
}

.\!bg-\[url\(\.\.\/images\/dashboard-4\/bg-balance\.png\)\] {
  background-image: url(../images/dashboard-4/bg-balance.png) !important;
}

.\!bg-\[url\(\.\.\/images\/dashboard-5\/profile-bg\.png\)\] {
  background-image: url(../images/dashboard-5/profile-bg.png) !important;
}

.\!bg-\[url\(\.\.\/images\/dashboard-6\/bg-1\.png\)\] {
  background-image: url(../images/dashboard-6/bg-1.png) !important;
}

.\!bg-\[url\(\.\.\/images\/dashboard-6\/bg-2\.png\)\] {
  background-image: url(../images/dashboard-6/bg-2.png) !important;
}

.\!bg-\[url\(\.\.\/images\/dashboard-9\/bg\.jpg\)\] {
  background-image: url(../images/dashboard-9/bg.jpg) !important;
}

.\!bg-\[url\(\.\.\/images\/dashboard\/widget-bg\.png\)\] {
  background-image: url(../images/dashboard/widget-bg.png) !important;
}

.\!bg-\[url\(\.\.\/images\/project\/widget-bg\.png\)\] {
  background-image: url(../images/project/widget-bg.png) !important;
}

.bg-\[image\:var\(--bs-accordion-btn-icon\)\] {
  background-image: var(--bs-accordion-btn-icon);
}

.bg-\[linear-gradient\(144\.16deg\2c rgba\(var\(--success-color\)\2c 0\.1\)_19\.06\%\2c rgba\(var\(--success-color\)\2c 0\)_79\.03\%\)\] {
  background-image: linear-gradient(144.16deg,rgba(var(--success-color),0.1) 19.06%,rgba(var(--success-color),0) 79.03%);
}

.bg-\[linear-gradient\(144\.16deg\2c rgba\(var\(--theme-default\)\2c 0\.1\)_19\.06\%\2c rgba\(var\(--theme-default\)\2c 0\)_79\.03\%\)\] {
  background-image: linear-gradient(144.16deg,rgba(var(--theme-default),0.1) 19.06%,rgba(var(--theme-default),0) 79.03%);
}

.bg-\[linear-gradient\(144\.16deg\2c rgba\(var\(--theme-secondary\)\2c 0\.1\)_19\.06\%\2c rgba\(var\(--theme-secondary\)\2c 0\)_79\.03\%\)\] {
  background-image: linear-gradient(144.16deg,rgba(var(--theme-secondary),0.1) 19.06%,rgba(var(--theme-secondary),0) 79.03%);
}

.bg-\[linear-gradient\(144\.16deg\2c rgba\(var\(--warning-color\)\2c 0\.1\)_19\.06\%\2c rgba\(var\(--warning-color\)\2c 0\)_79\.03\%\)\] {
  background-image: linear-gradient(144.16deg,rgba(var(--warning-color),0.1) 19.06%,rgba(var(--warning-color),0) 79.03%);
}

.bg-\[linear-gradient\(_135deg\2c hsl\(var\(--face-hue1\)\2c 90\%\2c 55\%\)\2c hsl\(var\(--face-hue2\)\2c 90\%\2c 45\%\)_\)\] {
  background-image: linear-gradient( 135deg,hsl(var(--face-hue1),90%,55%),hsl(var(--face-hue2),90%,45%) );
}

.bg-\[linear-gradient\(_135deg\2c rgba\(var\(--light-bg\)\2c 1\)_0\%\2c rgba\(var\(--light-bg\)\2c 1\)_100\%_\)\] {
  background-image: linear-gradient( 135deg,rgba(var(--light-bg),1) 0%,rgba(var(--light-bg),1) 100% );
}

.bg-\[linear-gradient\(_45deg\2c _rgba\(231\2c 252\2c 255\2c 1\)_25\%\2c _transparent_25\%\2c _transparent_50\%\2c _rgba\(255\2c 255\2c 255\2c 0\.8\)_50\%\2c _rgba\(231\2c 252\2c 255\2c 1\)_75\%\2c _transparent_75\%\2c _transparent\)\] {
  background-image: linear-gradient( 45deg, rgba(231,252,255,1) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.8) 50%, rgba(231,252,255,1) 75%, transparent 75%, transparent);
}

.bg-\[linear-gradient\(_45deg\2c rgba\(255\2c 255\2c 255\2c 0\.8\)_25\%\2c transparent_25\%\2c transparent_50\%\2c rgba\(255\2c 255\2c 255\2c 0\.8\)_50\%\2c rgba\(255\2c 255\2c 255\2c 0\.8\)_75\%\2c transparent_75\%\2c transparent_\)\] {
  background-image: linear-gradient( 45deg,rgba(255,255,255,0.8) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.8) 50%,rgba(255,255,255,0.8) 75%,transparent 75%,transparent );
}

.bg-\[linear-gradient\(_90deg\2c rgba\(var\(--light-semi-gray\)\2c 1\)_50\%\2c transparent_50\%\2c transparent_\)\2c linear-gradient\(_162deg\2c rgba\(var\(--danger-color\)\2c 1\)_50\%\2c rgba\(var\(--light-semi-gray\)\2c 1\)_50\%\2c rgba\(var\(--light-semi-gray\)\2c 1\)_\)\] {
  background-image: linear-gradient( 90deg,rgba(var(--light-semi-gray),1) 50%,transparent 50%,transparent ),linear-gradient( 162deg,rgba(var(--danger-color),1) 50%,rgba(var(--light-semi-gray),1) 50%,rgba(var(--light-semi-gray),1) );
}

.bg-\[linear-gradient\(_90deg\2c transparent_70\%\2c rgba\(255\2c 255\2c 255\2c 0\.08\)_100\%_\)\] {
  background-image: linear-gradient( 90deg,transparent 70%,rgba(255,255,255,0.08) 100% );
}

.bg-\[linear-gradient\(_90deg\2c transparent_70\%\2c rgba\(var\(--white\)\2c 0\.2\)_100\%_\)\] {
  background-image: linear-gradient( 90deg,transparent 70%,rgba(var(--white),0.2) 100% );
}

.bg-\[linear-gradient\(_hsl\(var\(--input-hue\)\2c 90\%\2c 46\%\)\2c hsl\(var\(--input-hue\)\2c 90\%\2c 46\%\)_\)\] {
  background-image: linear-gradient( hsl(var(--input-hue),90%,46%),hsl(var(--input-hue),90%,46%) );
}

.bg-\[linear-gradient\(_to_right\2c rgba\(var\(--success-color\)\2c 1\)_80\%\2c rgba\(var\(--success-color\)\2c 0\.2\)_\)\] {
  background-image: linear-gradient( to right,rgba(var(--success-color),1) 80%,rgba(var(--success-color),0.2) );
}

.bg-\[linear-gradient\(_to_right\2c rgba\(var\(--theme-default\)\2c 1\)_80\%\2c rgba\(var\(--primary-color\)\2c 0\.2\)_\)\] {
  background-image: linear-gradient( to right,rgba(var(--theme-default),1) 80%,rgba(var(--primary-color),0.2) );
}

.bg-\[linear-gradient\(_to_right\2c rgba\(var\(--warning-color\)\2c 1\)_80\%\2c rgba\(var\(--warning-color\)\2c 0\.2\)_\)\] {
  background-image: linear-gradient( to right,rgba(var(--warning-color),1) 80%,rgba(var(--warning-color),0.2) );
}

.bg-\[linear-gradient\(rgba\(var\(--light-gray\)\2c 1\)\2c rgba\(var\(--light-semi-gray\)\2c 1\)\)\] {
  background-image: linear-gradient(rgba(var(--light-gray),1),rgba(var(--light-semi-gray),1));
}

.bg-\[linear-gradient\(rgba\(var\(--white\)\2c 1\)\2c rgba\(var\(--white\)\2c 1\)\)\] {
  background-image: linear-gradient(rgba(var(--white),1),rgba(var(--white),1));
}

.bg-\[linear-gradient\(to_bottom_right\2c \#5f3deb\2c \#ad79ff\)\] {
  background-image: linear-gradient(to bottom right,#5f3deb,#ad79ff);
}

.bg-\[linear-gradient\(to_right\2c \#f6086e\2c \#ff133a\)\] {
  background-image: linear-gradient(to right,#f6086e,#ff133a);
}

.bg-\[url\(\"\.\.\/images\/dashboard-12\/light-bg\.png\"\)\] {
  background-image: url("../images/dashboard-12/light-bg.png");
}

.bg-\[url\(\"\.\.\/images\/forms\/flags\.png\"\)\] {
  background-image: url("../images/forms/flags.png");
}

.bg-\[url\(\"\.\.\/images\/forms\/user\.png\"\)\] {
  background-image: url("../images/forms/user.png");
}

.bg-\[url\(\"\.\/\.\.\/images\/close\.svg\"\)\] {
  background-image: url("./../images/close.svg");
}

.bg-\[url\(\.\.\/images\/dashboard-10\/light-bg\.jpg\)\] {
  background-image: url(../images/dashboard-10/light-bg.jpg);
}

.bg-\[url\(\.\.\/images\/dashboard-11\/ring\.png\)\] {
  background-image: url(../images/dashboard-11/ring.png);
}

.bg-\[url\(\.\.\/images\/dashboard-11\/user\/10\.jpg\)\] {
  background-image: url(../images/dashboard-11/user/10.jpg);
}

.bg-\[url\(\.\.\/images\/dashboard-2\/balance-bg\.png\)\] {
  background-image: url(../images/dashboard-2/balance-bg.png);
}

.bg-\[url\(\.\.\/images\/dashboard-3\/bg\.jpg\)\] {
  background-image: url(../images/dashboard-3/bg.jpg);
}

.bg-\[url\(\.\.\/images\/dashboard-5\/profile-bg\.png\)\] {
  background-image: url(../images/dashboard-5/profile-bg.png);
}

.bg-\[url\(\.\.\/images\/dashboard-6\/bg-3\.png\)\] {
  background-image: url(../images/dashboard-6/bg-3.png);
}

.bg-\[url\(\.\.\/images\/dashboard\/user\/13\.jpg\)\] {
  background-image: url(../images/dashboard/user/13.jpg);
}

.bg-\[url\(\.\.\/images\/details_close\.png\)\] {
  background-image: url(../images/details_close.png);
}

.bg-\[url\(\.\.\/images\/details_open\.png\)\] {
  background-image: url(../images/details_open.png);
}

.bg-\[url\(\.\.\/images\/forms\/invalid\.svg\)\] {
  background-image: url(../images/forms/invalid.svg);
}

.bg-\[url\(\.\.\/images\/forms\/round-1\.svg\)\] {
  background-image: url(../images/forms/round-1.svg);
}

.bg-\[url\(\.\.\/images\/forms\/round-2\.svg\)\] {
  background-image: url(../images/forms/round-2.svg);
}

.bg-\[url\(\.\.\/images\/forms\/valid\.svg\)\] {
  background-image: url(../images/forms/valid.svg);
}

.bg-\[url\(\.\.\/images\/landing\/home-bg\.jpg\)\] {
  background-image: url(../images/landing/home-bg.jpg);
}

.bg-\[url\(\.\.\/images\/landing\/icon\/plus\.svg\)\] {
  background-image: url(../images/landing/icon/plus.svg);
}

.bg-\[url\(\.\.\/images\/masonry\/6\.jpg\)\] {
  background-image: url(../images/masonry/6.jpg);
}

.bg-\[url\(\.\.\/images\/other-images\/bg-profile\.png\)\] {
  background-image: url(../images/other-images/bg-profile.png);
}

.bg-\[url\(\.\.\/images\/other-images\/boxbg\.jpg\)\] {
  background-image: url(../images/other-images/boxbg.jpg);
}

.bg-\[url\(\.\.\/images\/other-images\/coming-soon-bg\.jpg\)\] {
  background-image: url(../images/other-images/coming-soon-bg.jpg);
}

.bg-\[url\(\.\.\/images\/other-images\/comingsoon\.png\)\] {
  background-image: url(../images/other-images/comingsoon.png);
}

.bg-\[url\(\.\.\/images\/other-images\/maintenance-bg\.jpg\)\] {
  background-image: url(../images/other-images/maintenance-bg.jpg);
}

.bg-\[url\(\.\.\/images\/switch\/square-gray\.png\)\] {
  background-image: url(../images/switch/square-gray.png);
}

.bg-none {
  background-image: none;
}

.\!bg-cover {
  background-size: cover !important;
}

.bg-\[length\:15px_10px\] {
  background-size: 15px 10px;
}

.bg-contain {
  background-size: contain;
}

.bg-cover {
  background-size: cover;
}

.bg-clip-padding {
  background-clip: padding-box;
}

.bg-clip-content {
  background-clip: content-box;
}

.\!bg-\[50\%_100\%\] {
  background-position: 50% 100% !important;
}

.\!bg-\[left_calc\(0\.375em_\+_0\.1875rem\)_center\] {
  background-position: left calc(0.375em + 0.1875rem) center !important;
}

.\!bg-right {
  background-position: right !important;
}

.bg-\[-292px_-4px\] {
  background-position: -292px -4px;
}

.bg-\[-2px_-122px\] {
  background-position: -2px -122px;
}

.bg-\[-2px_-160px\] {
  background-position: -2px -160px;
}

.bg-\[-3px_-202px\] {
  background-position: -3px -202px;
}

.bg-\[0_-78px\] {
  background-position: 0 -78px;
}

.bg-\[10\%\] {
  background-position: 10%;
}

.bg-\[16px\] {
  background-position: 16px;
}

.bg-\[50\%_100\%\] {
  background-position: 50% 100%;
}

.bg-\[50\%_50\%\] {
  background-position: 50% 50%;
}

.bg-\[800px_100px\] {
  background-position: 800px 100px;
}

.bg-\[8px\] {
  background-position: 8px;
}

.bg-\[calc\(0\.75em_\+_0\.375rem\)_calc\(0\.75em_\+_0\.375rem\)\] {
  background-position: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.bg-\[left_0\.75rem_center\] {
  background-position: left 0.75rem center;
}

.bg-\[left_center\] {
  background-position: left center;
}

.bg-\[right_0\.25rem_center\] {
  background-position: right 0.25rem center;
}

.bg-\[right_center\] {
  background-position: right center;
}

.bg-bottom {
  background-position: bottom;
}

.bg-center {
  background-position: center;
}

.bg-right {
  background-position: right;
}

.bg-top {
  background-position: top;
}

.\!bg-no-repeat {
  background-repeat: no-repeat !important;
}

.bg-no-repeat {
  background-repeat: no-repeat;
}

.bg-repeat-y {
  background-repeat: repeat-y;
}

.fill-\[\#038de7\] {
  fill: #038de7;
}

.fill-\[\#1ba27a\] {
  fill: #1ba27a;
}

.fill-\[rgb\(177\2c 177\2c 178\)\] {
  fill: rgb(177,177,178);
}

.fill-\[rgba\(0\2c 0\2c 0\2c 0\.7\)\] {
  fill: rgba(0,0,0,0.7);
}

.fill-\[rgba\(var\(--badge-light-color\)\2c 0\.8\)\] {
  fill: rgba(var(--badge-light-color),0.8);
}

.fill-\[rgba\(var\(--badge-light-color\)\2c 1\)\] {
  fill: rgba(var(--badge-light-color),1);
}

.fill-\[rgba\(var\(--badge-light-color\)\2c 50\%\)\] {
  fill: rgba(var(--badge-light-color),50%);
}

.fill-\[rgba\(var\(--black\)\2c 1\)\] {
  fill: rgba(var(--black),1);
}

.fill-\[rgba\(var\(--body-font-color\)\2c 1\)\] {
  fill: rgba(var(--body-font-color),1);
}

.fill-\[rgba\(var\(--chart-text-color\)\2c 1\)\] {
  fill: rgba(var(--chart-text-color),1);
}

.fill-\[rgba\(var\(--danger-color\)\2c 1\)\] {
  fill: rgba(var(--danger-color),1);
}

.fill-\[rgba\(var\(--dark-all-font-color\)\2c 0\.4\)\] {
  fill: rgba(var(--dark-all-font-color),0.4);
}

.fill-\[rgba\(var\(--dark-all-font-color\)\2c 1\)\] {
  fill: rgba(var(--dark-all-font-color),1);
}

.fill-\[rgba\(var\(--dark-body-background\)\2c 1\)\] {
  fill: rgba(var(--dark-body-background),1);
}

.fill-\[rgba\(var\(--dark-card-background\)\2c 1\)\] {
  fill: rgba(var(--dark-card-background),1);
}

.fill-\[rgba\(var\(--dark-card-inbox\)\2c 1\)\] {
  fill: rgba(var(--dark-card-inbox),1);
}

.fill-\[rgba\(var\(--dark-small-font-color\)\2c 1\)\] {
  fill: rgba(var(--dark-small-font-color),1);
}

.fill-\[rgba\(var\(--info-color\)\2c 1\)\] {
  fill: rgba(var(--info-color),1);
}

.fill-\[rgba\(var\(--light-font\)\2c 1\)\] {
  fill: rgba(var(--light-font),1);
}

.fill-\[rgba\(var\(--light-semi-gray\)\2c 1\)\] {
  fill: rgba(var(--light-semi-gray),1);
}

.fill-\[rgba\(var\(--primary-color\)\2c 0\.2\)\] {
  fill: rgba(var(--primary-color),0.2);
}

.fill-\[rgba\(var\(--primary-color\)\2c 1\)\] {
  fill: rgba(var(--primary-color),1);
}

.fill-\[rgba\(var\(--secondary-color\)\2c 1\)\] {
  fill: rgba(var(--secondary-color),1);
}

.fill-\[rgba\(var\(--sidebar-fill-icon-color\)\2c 1\)\] {
  fill: rgba(var(--sidebar-fill-icon-color),1);
}

.fill-\[rgba\(var\(--success-color\)\2c 1\)\] {
  fill: rgba(var(--success-color),1);
}

.fill-\[rgba\(var\(--theme-body-font-color\)\2c 0\.9\)\] {
  fill: rgba(var(--theme-body-font-color),0.9);
}

.fill-\[rgba\(var\(--theme-body-font-color\)\2c 1\)\] {
  fill: rgba(var(--theme-body-font-color),1);
}

.fill-\[rgba\(var\(--theme-body-sub-title-color\)\2c 0\.85\)\] {
  fill: rgba(var(--theme-body-sub-title-color),0.85);
}

.fill-\[rgba\(var\(--theme-default\)\2c 0\.1\)\] {
  fill: rgba(var(--theme-default),0.1);
}

.fill-\[rgba\(var\(--theme-default\)\2c 1\)\] {
  fill: rgba(var(--theme-default),1);
}

.fill-\[rgba\(var\(--theme-default\)\2c 38\%\)\] {
  fill: rgba(var(--theme-default),38%);
}

.fill-\[rgba\(var\(--theme-secondary\)\2c 1\)\] {
  fill: rgba(var(--theme-secondary),1);
}

.fill-\[rgba\(var\(--warning-color\)\2c 1\)\] {
  fill: rgba(var(--warning-color),1);
}

.fill-\[rgba\(var\(--white\)\2c 0\.5\)\] {
  fill: rgba(var(--white),0.5);
}

.fill-\[rgba\(var\(--white\)\2c 0\.6\)\] {
  fill: rgba(var(--white),0.6);
}

.fill-\[rgba\(var\(--white\)\2c 1\)\] {
  fill: rgba(var(--white),1);
}

.fill-\[var\(--transparent-color\)\] {
  fill: var(--transparent-color);
}

.fill-danger {
  fill: #ff4c52;
}

.fill-info {
  fill: #40b8f4;
}

.fill-none {
  fill: none;
}

.fill-primary {
  fill: #7366ff;
}

.fill-secondary {
  fill: #838383;
}

.fill-success {
  fill: #65c15c;
}

.fill-transparent {
  fill: transparent;
}

.fill-warning {
  fill: #f3d04f;
}

.\!stroke-\[rgba\(var\(--danger-color\)\2c 1\)\] {
  stroke: rgba(var(--danger-color),1) !important;
}

.\!stroke-\[rgba\(var\(--success-color\)\2c 1\)\] {
  stroke: rgba(var(--success-color),1) !important;
}

.\!stroke-\[rgba\(var\(--theme-default\)\2c 1\)\] {
  stroke: rgba(var(--theme-default),1) !important;
}

.\!stroke-\[rgba\(var\(--warning-color\)\2c 1\)\] {
  stroke: rgba(var(--warning-color),1) !important;
}

.\!stroke-\[rgba\(var\(--white\)\2c 1\)\] {
  stroke: rgba(var(--white),1) !important;
}

.stroke-\[\#262932\] {
  stroke: #262932;
}

.stroke-\[\#2C2B40\] {
  stroke: #2C2B40;
}

.stroke-\[\#98a6ad\] {
  stroke: #98a6ad;
}

.stroke-\[\#f8912b\] {
  stroke: #f8912b;
}

.stroke-\[\#ff7e00\] {
  stroke: #ff7e00;
}

.stroke-\[color\:var\(--s\)\] {
  stroke: var(--s);
}

.stroke-\[rgba\(255\2c 255\2c 255\2c 0\.4\)\] {
  stroke: rgba(255,255,255,0.4);
}

.stroke-\[rgba\(255\2c 255\2c 255\2c 0\.6\)\] {
  stroke: rgba(255,255,255,0.6);
}

.stroke-\[rgba\(255\2c 255\2c 255\2c 0\.7\)\] {
  stroke: rgba(255,255,255,0.7);
}

.stroke-\[rgba\(255\2c 255\2c 255\2c 0\.77\)\] {
  stroke: rgba(255,255,255,0.77);
}

.stroke-\[rgba\(var\(--badge-light-color\)\2c 0\.8\)\] {
  stroke: rgba(var(--badge-light-color),0.8);
}

.stroke-\[rgba\(var\(--badge-light-color\)\2c 1\)\] {
  stroke: rgba(var(--badge-light-color),1);
}

.stroke-\[rgba\(var\(--badge-light-color\)\2c 80\%\)\] {
  stroke: rgba(var(--badge-light-color),80%);
}

.stroke-\[rgba\(var\(--bg-dark-color\)\2c 1\)\] {
  stroke: rgba(var(--bg-dark-color),1);
}

.stroke-\[rgba\(var\(--body-font-color\)\2c 1\)\] {
  stroke: rgba(var(--body-font-color),1);
}

.stroke-\[rgba\(var\(--chart-text-color\)\2c 0\.8\)\] {
  stroke: rgba(var(--chart-text-color),0.8);
}

.stroke-\[rgba\(var\(--chart-text-color\)\2c 1\)\] {
  stroke: rgba(var(--chart-text-color),1);
}

.stroke-\[rgba\(var\(--danger-color\)\2c 1\)\] {
  stroke: rgba(var(--danger-color),1);
}

.stroke-\[rgba\(var\(--dark-all-font-color\)\2c 0\.4\)\] {
  stroke: rgba(var(--dark-all-font-color),0.4);
}

.stroke-\[rgba\(var\(--dark-all-font-color\)\2c 0\.6\)\] {
  stroke: rgba(var(--dark-all-font-color),0.6);
}

.stroke-\[rgba\(var\(--dark-all-font-color\)\2c 0\.8\)\] {
  stroke: rgba(var(--dark-all-font-color),0.8);
}

.stroke-\[rgba\(var\(--dark-all-font-color\)\2c 1\)\] {
  stroke: rgba(var(--dark-all-font-color),1);
}

.stroke-\[rgba\(var\(--dark-body-background\)\2c 1\)\] {
  stroke: rgba(var(--dark-body-background),1);
}

.stroke-\[rgba\(var\(--dark-border-color\)\2c 1\)\] {
  stroke: rgba(var(--dark-border-color),1);
}

.stroke-\[rgba\(var\(--dark-card-background\)\2c 1\)\] {
  stroke: rgba(var(--dark-card-background),1);
}

.stroke-\[rgba\(var\(--dark-color\)\2c 1\)\] {
  stroke: rgba(var(--dark-color),1);
}

.stroke-\[rgba\(var\(--dark-color-light\)\2c 1\)\] {
  stroke: rgba(var(--dark-color-light),1);
}

.stroke-\[rgba\(var\(--dark-small-font-color\)\2c 1\)\] {
  stroke: rgba(var(--dark-small-font-color),1);
}

.stroke-\[rgba\(var\(--gray-60\)\2c 1\)\] {
  stroke: rgba(var(--gray-60),1);
}

.stroke-\[rgba\(var\(--light\)\2c 1\)\] {
  stroke: rgba(var(--light),1);
}

.stroke-\[rgba\(var\(--light-font\)\2c 1\)\] {
  stroke: rgba(var(--light-font),1);
}

.stroke-\[rgba\(var\(--theme-body-font-color\)\2c 0\.9\)\] {
  stroke: rgba(var(--theme-body-font-color),0.9);
}

.stroke-\[rgba\(var\(--theme-body-font-color\)\2c 1\)\] {
  stroke: rgba(var(--theme-body-font-color),1);
}

.stroke-\[rgba\(var\(--theme-body-sub-title-color\)\2c 0\.8\)\] {
  stroke: rgba(var(--theme-body-sub-title-color),0.8);
}

.stroke-\[rgba\(var\(--theme-body-sub-title-color\)\2c 1\)\] {
  stroke: rgba(var(--theme-body-sub-title-color),1);
}

.stroke-\[rgba\(var\(--theme-default\)\2c 1\)\] {
  stroke: rgba(var(--theme-default),1);
}

.stroke-\[rgba\(var\(--theme-secondary\)\2c 1\)\] {
  stroke: rgba(var(--theme-secondary),1);
}

.stroke-\[rgba\(var\(--warning-color\)\2c 1\)\] {
  stroke: rgba(var(--warning-color),1);
}

.stroke-\[rgba\(var\(--white\)\2c 0\.4\)\] {
  stroke: rgba(var(--white),0.4);
}

.stroke-\[rgba\(var\(--white\)\2c 0\.5\)\] {
  stroke: rgba(var(--white),0.5);
}

.stroke-\[rgba\(var\(--white\)\2c 1\)\] {
  stroke: rgba(var(--white),1);
}

.stroke-\[rgba\(var\(--white-bg\)\2c 1\)\] {
  stroke: rgba(var(--white-bg),1);
}

.stroke-danger {
  stroke: #ff4c52;
}

.stroke-dark {
  stroke: #343a40;
}

.stroke-info {
  stroke: #40b8f4;
}

.stroke-light {
  stroke: #f8f9fa;
}

.stroke-none {
  stroke: none;
}

.stroke-primary {
  stroke: #7366ff;
}

.stroke-secondary {
  stroke: #838383;
}

.stroke-success {
  stroke: #65c15c;
}

.stroke-warning {
  stroke: #f3d04f;
}

.stroke-white {
  stroke: #fff;
}

.stroke-\[11\] {
  stroke-width: 11;
}

.stroke-\[15px\] {
  stroke-width: 15px;
}

.stroke-\[17\] {
  stroke-width: 17;
}

.stroke-\[1px\] {
  stroke-width: 1px;
}

.stroke-\[23px\] {
  stroke-width: 23px;
}

.stroke-\[2px\] {
  stroke-width: 2px;
}

.stroke-\[4\] {
  stroke-width: 4;
}

.stroke-\[80px\] {
  stroke-width: 80px;
}

.stroke-\[9\] {
  stroke-width: 9;
}

.object-contain {
  -o-object-fit: contain;
     object-fit: contain;
}

.object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}

.object-bottom {
  -o-object-position: bottom;
     object-position: bottom;
}

.object-center {
  -o-object-position: center;
     object-position: center;
}

.\!p-0 {
  padding: 0px !important;
}

.\!p-2\.5 {
  padding: 0.625rem !important;
}

.\!p-4 {
  padding: 1rem !important;
}

.\!p-5 {
  padding: 1.25rem !important;
}

.\!p-\[0\] {
  padding: 0 !important;
}

.\!p-\[10px\] {
  padding: 10px !important;
}

.\!p-\[11px\] {
  padding: 11px !important;
}

.\!p-\[15px\] {
  padding: 15px !important;
}

.\!p-\[20px\] {
  padding: 20px !important;
}

.\!p-\[24px\] {
  padding: 24px !important;
}

.\!p-\[25px\] {
  padding: 25px !important;
}

.\!p-\[2px\] {
  padding: 2px !important;
}

.\!p-\[30px\] {
  padding: 30px !important;
}

.\!p-\[35px\] {
  padding: 35px !important;
}

.\!p-\[40px\] {
  padding: 40px !important;
}

.\!p-\[45px\] {
  padding: 45px !important;
}

.\!p-\[50px\] {
  padding: 50px !important;
}

.\!p-\[6px_calc\(9px_\+_\(17_-_9\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  padding: 6px calc(9px + (17 - 9) * ((100vw - 320px) / (1920 - 320))) !important;
}

.\!p-\[8px\] {
  padding: 8px !important;
}

.p-0 {
  padding: 0px;
}

.p-0\.5 {
  padding: 0.125rem;
}

.p-1 {
  padding: 0.25rem;
}

.p-1\.5 {
  padding: 0.375rem;
}

.p-10 {
  padding: 2.5rem;
}

.p-2 {
  padding: 0.5rem;
}

.p-2\.5 {
  padding: 0.625rem;
}

.p-20 {
  padding: 5rem;
}

.p-3 {
  padding: 0.75rem;
}

.p-3\.5 {
  padding: 0.875rem;
}

.p-4 {
  padding: 1rem;
}

.p-40 {
  padding: 10rem;
}

.p-5 {
  padding: 1.25rem;
}

.p-6 {
  padding: 1.5rem;
}

.p-\[0\] {
  padding: 0;
}

.p-\[0px\] {
  padding: 0px;
}

.p-\[11px\] {
  padding: 11px;
}

.p-\[13px\] {
  padding: 13px;
}

.p-\[15px\] {
  padding: 15px;
}

.p-\[16px\] {
  padding: 16px;
}

.p-\[17px\] {
  padding: 17px;
}

.p-\[18px\] {
  padding: 18px;
}

.p-\[1em\] {
  padding: 1em;
}

.p-\[20px\] {
  padding: 20px;
}

.p-\[22px\] {
  padding: 22px;
}

.p-\[30px\] {
  padding: 30px;
}

.p-\[3px\] {
  padding: 3px;
}

.p-\[40px\] {
  padding: 40px;
}

.p-\[5px\] {
  padding: 5px;
}

.p-\[6px\] {
  padding: 6px;
}

.p-\[7px\] {
  padding: 7px;
}

.p-\[8px\] {
  padding: 8px;
}

.p-\[9px\] {
  padding: 9px;
}

.p-\[calc\(11px_\+_\(12_-_11\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  padding: calc(11px + (12 - 11) * ((100vw - 320px) / (1920 - 320)));
}

.p-\[calc\(16px_\+_\(25_-_16\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  padding: calc(16px + (25 - 16) * ((100vw - 320px) / (1920 - 320)));
}

.p-\[initial\] {
  padding: initial;
}

.p-\[var\(--according-card-header-padding\)\] {
  padding: var(--according-card-header-padding);
}

.p-\[var\(--card-padding\)\] {
  padding: var(--card-padding);
}

.p-\[var\(--horizontal-padding\)\] {
  padding: var(--horizontal-padding);
}

.p-\[var\(--page-body-padding\)\] {
  padding: var(--page-body-padding);
}

.p-\[var\(--page-title-padding\)\] {
  padding: var(--page-title-padding);
}

.p-\[var\(--pre-tag-padding\)\] {
  padding: var(--pre-tag-padding);
}

.p-\[var\(--table-de-padding\)\] {
  padding: var(--table-de-padding);
}

.p-\[var\(--table-lg-padding\)\] {
  padding: var(--table-lg-padding);
}

.p-\[var\(--table-sm-padding\)\] {
  padding: var(--table-sm-padding);
}

.p-\[var\(--table-xs-padding\)\] {
  padding: var(--table-xs-padding);
}

.\!px-0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.\!px-3 {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}

.\!px-4 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.\!px-\[0\.8em\] {
  padding-left: 0.8em !important;
  padding-right: 0.8em !important;
}

.\!px-\[0\] {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.\!px-\[10px\] {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.\!px-\[12px\] {
  padding-left: 12px !important;
  padding-right: 12px !important;
}

.\!px-\[15px\] {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.\!px-\[16px\] {
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.\!px-\[25px\] {
  padding-left: 25px !important;
  padding-right: 25px !important;
}

.\!px-\[30px\] {
  padding-left: 30px !important;
  padding-right: 30px !important;
}

.\!px-\[4px\] {
  padding-left: 4px !important;
  padding-right: 4px !important;
}

.\!px-\[50px\] {
  padding-left: 50px !important;
  padding-right: 50px !important;
}

.\!px-\[6\.4px\] {
  padding-left: 6.4px !important;
  padding-right: 6.4px !important;
}

.\!py-0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.\!py-3 {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}

.\!py-\[0\.8px\] {
  padding-top: 0.8px !important;
  padding-bottom: 0.8px !important;
}

.\!py-\[0\] {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.\!py-\[10px\] {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.\!py-\[11px\] {
  padding-top: 11px !important;
  padding-bottom: 11px !important;
}

.\!py-\[12px\] {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

.\!py-\[14px\] {
  padding-top: 14px !important;
  padding-bottom: 14px !important;
}

.\!py-\[30px\] {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

.\!py-\[40px\] {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.px-0 {
  padding-left: 0px;
  padding-right: 0px;
}

.px-0\.5 {
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}

.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.px-1\.5 {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}

.px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.px-2\.5 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.px-3\.5 {
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}

.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.px-7 {
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}

.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.px-\[0\.2rem\] {
  padding-left: 0.2rem;
  padding-right: 0.2rem;
}

.px-\[0\.4rem\] {
  padding-left: 0.4rem;
  padding-right: 0.4rem;
}

.px-\[0\.5em\] {
  padding-left: 0.5em;
  padding-right: 0.5em;
}

.px-\[0\.62em\] {
  padding-left: 0.62em;
  padding-right: 0.62em;
}

.px-\[0\.65rem\] {
  padding-left: 0.65rem;
  padding-right: 0.65rem;
}

.px-\[0\.75em\] {
  padding-left: 0.75em;
  padding-right: 0.75em;
}

.px-\[0\.7em\] {
  padding-left: 0.7em;
  padding-right: 0.7em;
}

.px-\[0\.8em\] {
  padding-left: 0.8em;
  padding-right: 0.8em;
}

.px-\[0\] {
  padding-left: 0;
  padding-right: 0;
}

.px-\[11px\] {
  padding-left: 11px;
  padding-right: 11px;
}

.px-\[12px\] {
  padding-left: 12px;
  padding-right: 12px;
}

.px-\[13px\] {
  padding-left: 13px;
  padding-right: 13px;
}

.px-\[15px\] {
  padding-left: 15px;
  padding-right: 15px;
}

.px-\[16px\] {
  padding-left: 16px;
  padding-right: 16px;
}

.px-\[17px\] {
  padding-left: 17px;
  padding-right: 17px;
}

.px-\[18px\] {
  padding-left: 18px;
  padding-right: 18px;
}

.px-\[19px\] {
  padding-left: 19px;
  padding-right: 19px;
}

.px-\[1em\] {
  padding-left: 1em;
  padding-right: 1em;
}

.px-\[20px\] {
  padding-left: 20px;
  padding-right: 20px;
}

.px-\[21px\] {
  padding-left: 21px;
  padding-right: 21px;
}

.px-\[22px\] {
  padding-left: 22px;
  padding-right: 22px;
}

.px-\[23px\] {
  padding-left: 23px;
  padding-right: 23px;
}

.px-\[24px\] {
  padding-left: 24px;
  padding-right: 24px;
}

.px-\[25px\] {
  padding-left: 25px;
  padding-right: 25px;
}

.px-\[26px\] {
  padding-left: 26px;
  padding-right: 26px;
}

.px-\[28px\] {
  padding-left: 28px;
  padding-right: 28px;
}

.px-\[2em\] {
  padding-left: 2em;
  padding-right: 2em;
}

.px-\[30px\] {
  padding-left: 30px;
  padding-right: 30px;
}

.px-\[35px\] {
  padding-left: 35px;
  padding-right: 35px;
}

.px-\[38px\] {
  padding-left: 38px;
  padding-right: 38px;
}

.px-\[45px\] {
  padding-left: 45px;
  padding-right: 45px;
}

.px-\[49px\] {
  padding-left: 49px;
  padding-right: 49px;
}

.px-\[50px\] {
  padding-left: 50px;
  padding-right: 50px;
}

.px-\[5px\] {
  padding-left: 5px;
  padding-right: 5px;
}

.px-\[60px\] {
  padding-left: 60px;
  padding-right: 60px;
}

.px-\[7px\] {
  padding-left: 7px;
  padding-right: 7px;
}

.px-\[8px\] {
  padding-left: 8px;
  padding-right: 8px;
}

.px-\[9px\] {
  padding-left: 9px;
  padding-right: 9px;
}

.px-\[calc\(12px_\+_\(13_-_12\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  padding-left: calc(12px + (13 - 12) * ((100vw - 320px) / (1920 - 320)));
  padding-right: calc(12px + (13 - 12) * ((100vw - 320px) / (1920 - 320)));
}

.px-\[calc\(4px_\+_\(6_-_4\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  padding-left: calc(4px + (6 - 4) * ((100vw - 320px) / (1920 - 320)));
  padding-right: calc(4px + (6 - 4) * ((100vw - 320px) / (1920 - 320)));
}

.px-\[calc\(8px_\+_\(12_-_8\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  padding-left: calc(8px + (12 - 8) * ((100vw - 320px) / (1920 - 320)));
  padding-right: calc(8px + (12 - 8) * ((100vw - 320px) / (1920 - 320)));
}

.px-px {
  padding-left: 1px;
  padding-right: 1px;
}

.py-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}

.py-0\.5 {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}

.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.py-1\.5 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.py-2\.5 {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.py-3\.5 {
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}

.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.py-\[0\.05rem\] {
  padding-top: 0.05rem;
  padding-bottom: 0.05rem;
}

.py-\[0\.15rem\] {
  padding-top: 0.15rem;
  padding-bottom: 0.15rem;
}

.py-\[0\.25em\] {
  padding-top: 0.25em;
  padding-bottom: 0.25em;
}

.py-\[0\.2em\] {
  padding-top: 0.2em;
  padding-bottom: 0.2em;
}

.py-\[0\.3rem\] {
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
}

.py-\[0\.42em\] {
  padding-top: 0.42em;
  padding-bottom: 0.42em;
}

.py-\[0\.4rem\] {
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
}

.py-\[0\.5em\] {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

.py-\[0\.6rem\] {
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
}

.py-\[0\.7rem\] {
  padding-top: 0.7rem;
  padding-bottom: 0.7rem;
}

.py-\[1\.563rem\] {
  padding-top: 1.563rem;
  padding-bottom: 1.563rem;
}

.py-\[10px\] {
  padding-top: 10px;
  padding-bottom: 10px;
}

.py-\[11px\] {
  padding-top: 11px;
  padding-bottom: 11px;
}

.py-\[120px\] {
  padding-top: 120px;
  padding-bottom: 120px;
}

.py-\[12px\] {
  padding-top: 12px;
  padding-bottom: 12px;
}

.py-\[130px\] {
  padding-top: 130px;
  padding-bottom: 130px;
}

.py-\[13px\] {
  padding-top: 13px;
  padding-bottom: 13px;
}

.py-\[15px\] {
  padding-top: 15px;
  padding-bottom: 15px;
}

.py-\[17px\] {
  padding-top: 17px;
  padding-bottom: 17px;
}

.py-\[18px\] {
  padding-top: 18px;
  padding-bottom: 18px;
}

.py-\[1vh\] {
  padding-top: 1vh;
  padding-bottom: 1vh;
}

.py-\[20px\] {
  padding-top: 20px;
  padding-bottom: 20px;
}

.py-\[22px\] {
  padding-top: 22px;
  padding-bottom: 22px;
}

.py-\[23px\] {
  padding-top: 23px;
  padding-bottom: 23px;
}

.py-\[25px\] {
  padding-top: 25px;
  padding-bottom: 25px;
}

.py-\[26px\] {
  padding-top: 26px;
  padding-bottom: 26px;
}

.py-\[27px\] {
  padding-top: 27px;
  padding-bottom: 27px;
}

.py-\[30px\] {
  padding-top: 30px;
  padding-bottom: 30px;
}

.py-\[35px\] {
  padding-top: 35px;
  padding-bottom: 35px;
}

.py-\[3px\] {
  padding-top: 3px;
  padding-bottom: 3px;
}

.py-\[40px\] {
  padding-top: 40px;
  padding-bottom: 40px;
}

.py-\[4px\] {
  padding-top: 4px;
  padding-bottom: 4px;
}

.py-\[50px\] {
  padding-top: 50px;
  padding-bottom: 50px;
}

.py-\[5px\] {
  padding-top: 5px;
  padding-bottom: 5px;
}

.py-\[60px\] {
  padding-top: 60px;
  padding-bottom: 60px;
}

.py-\[6px\] {
  padding-top: 6px;
  padding-bottom: 6px;
}

.py-\[7px\] {
  padding-top: 7px;
  padding-bottom: 7px;
}

.py-\[8px\] {
  padding-top: 8px;
  padding-bottom: 8px;
}

.py-\[9px\] {
  padding-top: 9px;
  padding-bottom: 9px;
}

.py-\[calc\(100\%_-_85\%\)\] {
  padding-top: calc(100% - 85%);
  padding-bottom: calc(100% - 85%);
}

.py-\[calc\(4px_\+_\(8_-_4\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  padding-top: calc(4px + (8 - 4) * ((100vw - 320px) / (1920 - 320)));
  padding-bottom: calc(4px + (8 - 4) * ((100vw - 320px) / (1920 - 320)));
}

.py-\[calc\(6px_\+_\(10_-_6\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  padding-top: calc(6px + (10 - 6) * ((100vw - 320px) / (1920 - 320)));
  padding-bottom: calc(6px + (10 - 6) * ((100vw - 320px) / (1920 - 320)));
}

.py-\[calc\(7px_\+_\(12_-_7\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  padding-top: calc(7px + (12 - 7) * ((100vw - 320px) / (1920 - 320)));
  padding-bottom: calc(7px + (12 - 7) * ((100vw - 320px) / (1920 - 320)));
}

.py-\[calc\(8px_\+_\(20_-_8\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  padding-top: calc(8px + (20 - 8) * ((100vw - 320px) / (1920 - 320)));
  padding-bottom: calc(8px + (20 - 8) * ((100vw - 320px) / (1920 - 320)));
}

.py-px {
  padding-top: 1px;
  padding-bottom: 1px;
}

.\!pb-0 {
  padding-bottom: 0px !important;
}

.\!pb-2 {
  padding-bottom: 0.5rem !important;
}

.\!pb-3 {
  padding-bottom: 0.75rem !important;
}

.\!pb-5 {
  padding-bottom: 1.25rem !important;
}

.\!pb-\[0\.33em\] {
  padding-bottom: 0.33em !important;
}

.\!pb-\[0\] {
  padding-bottom: 0 !important;
}

.\!pb-\[13px\] {
  padding-bottom: 13px !important;
}

.\!pb-\[16px\] {
  padding-bottom: 16px !important;
}

.\!pb-\[19px\] {
  padding-bottom: 19px !important;
}

.\!pb-\[60px\] {
  padding-bottom: 60px !important;
}

.\!pb-\[6px\] {
  padding-bottom: 6px !important;
}

.\!pb-\[8px\] {
  padding-bottom: 8px !important;
}

.\!pe-0 {
  padding-inline-end: 0px !important;
}

.\!pl-12 {
  padding-left: 3rem !important;
}

.\!pl-\[0\] {
  padding-left: 0 !important;
}

.\!pl-\[16px\] {
  padding-left: 16px !important;
}

.\!pl-\[20px\] {
  padding-left: 20px !important;
}

.\!pl-\[25px\] {
  padding-left: 25px !important;
}

.\!pl-\[30px\] {
  padding-left: 30px !important;
}

.\!pl-\[unset\] {
  padding-left: unset !important;
}

.\!pr-\[45px\] {
  padding-right: 45px !important;
}

.\!ps-0 {
  padding-inline-start: 0px !important;
}

.\!pt-0 {
  padding-top: 0px !important;
}

.\!pt-3\.5 {
  padding-top: 0.875rem !important;
}

.\!pt-\[0\.45em\] {
  padding-top: 0.45em !important;
}

.\!pt-\[0\] {
  padding-top: 0 !important;
}

.pb-0 {
  padding-bottom: 0px;
}

.pb-1 {
  padding-bottom: 0.25rem;
}

.pb-1\.5 {
  padding-bottom: 0.375rem;
}

.pb-10 {
  padding-bottom: 2.5rem;
}

.pb-2 {
  padding-bottom: 0.5rem;
}

.pb-2\.5 {
  padding-bottom: 0.625rem;
}

.pb-20 {
  padding-bottom: 5rem;
}

.pb-3 {
  padding-bottom: 0.75rem;
}

.pb-4 {
  padding-bottom: 1rem;
}

.pb-40 {
  padding-bottom: 10rem;
}

.pb-5 {
  padding-bottom: 1.25rem;
}

.pb-6 {
  padding-bottom: 1.5rem;
}

.pb-7 {
  padding-bottom: 1.75rem;
}

.pb-\[\(var\(--tw-nav-link-padding-y\)\)\] {
  padding-bottom: (var(--tw-nav-link-padding-y));
}

.pb-\[0\.33em\] {
  padding-bottom: 0.33em;
}

.pb-\[0\] {
  padding-bottom: 0;
}

.pb-\[0px\] {
  padding-bottom: 0px;
}

.pb-\[11px\] {
  padding-bottom: 11px;
}

.pb-\[12px\] {
  padding-bottom: 12px;
}

.pb-\[13px\] {
  padding-bottom: 13px;
}

.pb-\[150px\] {
  padding-bottom: 150px;
}

.pb-\[15px\] {
  padding-bottom: 15px;
}

.pb-\[16px\] {
  padding-bottom: 16px;
}

.pb-\[17px\] {
  padding-bottom: 17px;
}

.pb-\[18px\] {
  padding-bottom: 18px;
}

.pb-\[20px\] {
  padding-bottom: 20px;
}

.pb-\[22px\] {
  padding-bottom: 22px;
}

.pb-\[23px\] {
  padding-bottom: 23px;
}

.pb-\[25px\] {
  padding-bottom: 25px;
}

.pb-\[29px\] {
  padding-bottom: 29px;
}

.pb-\[2em\] {
  padding-bottom: 2em;
}

.pb-\[30px\] {
  padding-bottom: 30px;
}

.pb-\[31px\] {
  padding-bottom: 31px;
}

.pb-\[35px\] {
  padding-bottom: 35px;
}

.pb-\[3px\] {
  padding-bottom: 3px;
}

.pb-\[50px\] {
  padding-bottom: 50px;
}

.pb-\[58px\] {
  padding-bottom: 58px;
}

.pb-\[5px\] {
  padding-bottom: 5px;
}

.pb-\[66px\] {
  padding-bottom: 66px;
}

.pb-\[7px\] {
  padding-bottom: 7px;
}

.pb-\[8px\] {
  padding-bottom: 8px;
}

.pb-\[calc\(_12px_\+_\(15_-_12\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)_\)\] {
  padding-bottom: calc( 12px + (15 - 12) * ((100vw - 320px) / (1920 - 320)) );
}

.pb-\[unset\] {
  padding-bottom: unset;
}

.pe-0 {
  padding-inline-end: 0px;
}

.pe-2 {
  padding-inline-end: 0.5rem;
}

.pe-3 {
  padding-inline-end: 0.75rem;
}

.pe-4 {
  padding-inline-end: 1rem;
}

.pe-5 {
  padding-inline-end: 1.25rem;
}

.pl-0 {
  padding-left: 0px;
}

.pl-0\.5 {
  padding-left: 0.125rem;
}

.pl-1 {
  padding-left: 0.25rem;
}

.pl-1\.5 {
  padding-left: 0.375rem;
}

.pl-10 {
  padding-left: 2.5rem;
}

.pl-14 {
  padding-left: 3.5rem;
}

.pl-2 {
  padding-left: 0.5rem;
}

.pl-2\.5 {
  padding-left: 0.625rem;
}

.pl-20 {
  padding-left: 5rem;
}

.pl-3 {
  padding-left: 0.75rem;
}

.pl-3\.5 {
  padding-left: 0.875rem;
}

.pl-4 {
  padding-left: 1rem;
}

.pl-40 {
  padding-left: 10rem;
}

.pl-5 {
  padding-left: 1.25rem;
}

.pl-6 {
  padding-left: 1.5rem;
}

.pl-7 {
  padding-left: 1.75rem;
}

.pl-9 {
  padding-left: 2.25rem;
}

.pl-\[\(var\(--tw-nav-link-padding-x\)\)\] {
  padding-left: (var(--tw-nav-link-padding-x));
}

.pl-\[0\.75em\] {
  padding-left: 0.75em;
}

.pl-\[0\] {
  padding-left: 0;
}

.pl-\[0px\] {
  padding-left: 0px;
}

.pl-\[1\.8em\] {
  padding-left: 1.8em;
}

.pl-\[12px\] {
  padding-left: 12px;
}

.pl-\[148px\] {
  padding-left: 148px;
}

.pl-\[15px\] {
  padding-left: 15px;
}

.pl-\[17px\] {
  padding-left: 17px;
}

.pl-\[18px\] {
  padding-left: 18px;
}

.pl-\[1em\] {
  padding-left: 1em;
}

.pl-\[2\.5\] {
  padding-left: 2.5;
}

.pl-\[20px\] {
  padding-left: 20px;
}

.pl-\[22px\] {
  padding-left: 22px;
}

.pl-\[230px\] {
  padding-left: 230px;
}

.pl-\[25px\] {
  padding-left: 25px;
}

.pl-\[30px\] {
  padding-left: 30px;
}

.pl-\[32px\] {
  padding-left: 32px;
}

.pl-\[33px\] {
  padding-left: 33px;
}

.pl-\[34px\] {
  padding-left: 34px;
}

.pl-\[35px\] {
  padding-left: 35px;
}

.pl-\[50px\] {
  padding-left: 50px;
}

.pl-\[5px\] {
  padding-left: 5px;
}

.pl-\[65px\] {
  padding-left: 65px;
}

.pl-\[70px\] {
  padding-left: 70px;
}

.pl-\[8px\] {
  padding-left: 8px;
}

.pl-\[90px\] {
  padding-left: 90px;
}

.pl-\[calc\(1\.5em_\+_0\.75rem\)\] {
  padding-left: calc(1.5em + 0.75rem);
}

.pl-\[calc\(_10px_\+_\(20_-_10\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)_\)\] {
  padding-left: calc( 10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)) );
}

.pl-\[calc\(_15px_\+_\(22_-_15\)_\*_\(\(100vw_-_992px\)_\/_\(1920_-_992\)\)_\)\] {
  padding-left: calc( 15px + (22 - 15) * ((100vw - 992px) / (1920 - 992)) );
}

.pl-\[unset\] {
  padding-left: unset;
}

.pl-\[var\(--small-tag-padding\)\] {
  padding-left: var(--small-tag-padding);
}

.pl-\[var\(--ul-padding-left\)\] {
  padding-left: var(--ul-padding-left);
}

.pr-0 {
  padding-right: 0px;
}

.pr-1 {
  padding-right: 0.25rem;
}

.pr-1\.5 {
  padding-right: 0.375rem;
}

.pr-10 {
  padding-right: 2.5rem;
}

.pr-2 {
  padding-right: 0.5rem;
}

.pr-2\.5 {
  padding-right: 0.625rem;
}

.pr-20 {
  padding-right: 5rem;
}

.pr-3 {
  padding-right: 0.75rem;
}

.pr-3\.5 {
  padding-right: 0.875rem;
}

.pr-4 {
  padding-right: 1rem;
}

.pr-40 {
  padding-right: 10rem;
}

.pr-5 {
  padding-right: 1.25rem;
}

.pr-7 {
  padding-right: 1.75rem;
}

.pr-9 {
  padding-right: 2.25rem;
}

.pr-\[\(var\(--tw-nav-link-padding-x\)\)\] {
  padding-right: (var(--tw-nav-link-padding-x));
}

.pr-\[020px\] {
  padding-right: 020px;
}

.pr-\[0px\] {
  padding-right: 0px;
}

.pr-\[1\.5em\] {
  padding-right: 1.5em;
}

.pr-\[100px\] {
  padding-right: 100px;
}

.pr-\[10px\] {
  padding-right: 10px;
}

.pr-\[13px\] {
  padding-right: 13px;
}

.pr-\[15px\] {
  padding-right: 15px;
}

.pr-\[18px\] {
  padding-right: 18px;
}

.pr-\[1em\] {
  padding-right: 1em;
}

.pr-\[20px\] {
  padding-right: 20px;
}

.pr-\[22px\] {
  padding-right: 22px;
}

.pr-\[230px\] {
  padding-right: 230px;
}

.pr-\[250px\] {
  padding-right: 250px;
}

.pr-\[25px\] {
  padding-right: 25px;
}

.pr-\[30px\] {
  padding-right: 30px;
}

.pr-\[33px\] {
  padding-right: 33px;
}

.pr-\[34px\] {
  padding-right: 34px;
}

.pr-\[35px\] {
  padding-right: 35px;
}

.pr-\[4\.125rem\] {
  padding-right: 4.125rem;
}

.pr-\[48px\] {
  padding-right: 48px;
}

.pr-\[50px\] {
  padding-right: 50px;
}

.pr-\[5px\] {
  padding-right: 5px;
}

.pr-\[60px\] {
  padding-right: 60px;
}

.pr-\[65px\] {
  padding-right: 65px;
}

.pr-\[70px\] {
  padding-right: 70px;
}

.pr-\[7px\] {
  padding-right: 7px;
}

.pr-\[8px\] {
  padding-right: 8px;
}

.pr-\[90px\] {
  padding-right: 90px;
}

.pr-\[calc\(15px_\+_\(22_-_15\)_\*_\(\(100vw_-_992px\)_\/_\(1920_-_992\)\)\)\] {
  padding-right: calc(15px + (22 - 15) * ((100vw - 992px) / (1920 - 992)));
}

.pr-\[calc\(_10px_\+_\(20_-_10\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)_\)\] {
  padding-right: calc( 10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)) );
}

.pr-\[unset\] {
  padding-right: unset;
}

.ps-0 {
  padding-inline-start: 0px;
}

.ps-1 {
  padding-inline-start: 0.25rem;
}

.ps-2 {
  padding-inline-start: 0.5rem;
}

.ps-3 {
  padding-inline-start: 0.75rem;
}

.ps-4 {
  padding-inline-start: 1rem;
}

.pt-0 {
  padding-top: 0px;
}

.pt-1 {
  padding-top: 0.25rem;
}

.pt-1\.5 {
  padding-top: 0.375rem;
}

.pt-10 {
  padding-top: 2.5rem;
}

.pt-2 {
  padding-top: 0.5rem;
}

.pt-2\.5 {
  padding-top: 0.625rem;
}

.pt-20 {
  padding-top: 5rem;
}

.pt-3 {
  padding-top: 0.75rem;
}

.pt-3\.5 {
  padding-top: 0.875rem;
}

.pt-4 {
  padding-top: 1rem;
}

.pt-40 {
  padding-top: 10rem;
}

.pt-5 {
  padding-top: 1.25rem;
}

.pt-7 {
  padding-top: 1.75rem;
}

.pt-8 {
  padding-top: 2rem;
}

.pt-\[\(var\(--tw-nav-link-padding-y\)\)\] {
  padding-top: (var(--tw-nav-link-padding-y));
}

.pt-\[0\.45em\] {
  padding-top: 0.45em;
}

.pt-\[0\] {
  padding-top: 0;
}

.pt-\[1\.625rem\] {
  padding-top: 1.625rem;
}

.pt-\[10px\] {
  padding-top: 10px;
}

.pt-\[13px\] {
  padding-top: 13px;
}

.pt-\[15px\] {
  padding-top: 15px;
}

.pt-\[16px\] {
  padding-top: 16px;
}

.pt-\[17px\] {
  padding-top: 17px;
}

.pt-\[18px\] {
  padding-top: 18px;
}

.pt-\[1em\] {
  padding-top: 1em;
}

.pt-\[21px\] {
  padding-top: 21px;
}

.pt-\[22px\] {
  padding-top: 22px;
}

.pt-\[25px\] {
  padding-top: 25px;
}

.pt-\[30px\] {
  padding-top: 30px;
}

.pt-\[35px\] {
  padding-top: 35px;
}

.pt-\[3px\] {
  padding-top: 3px;
}

.pt-\[45px\] {
  padding-top: 45px;
}

.pt-\[58px\] {
  padding-top: 58px;
}

.pt-\[5px\] {
  padding-top: 5px;
}

.pt-\[60px\] {
  padding-top: 60px;
}

.pt-\[70px\] {
  padding-top: 70px;
}

.pt-\[7px\] {
  padding-top: 7px;
}

.pt-\[8px\] {
  padding-top: 8px;
}

.pt-\[9px\] {
  padding-top: 9px;
}

.pt-\[calc\(0\.375rem_\+_1px\)\] {
  padding-top: calc(0.375rem + 1px);
}

.pt-\[calc\(12px_\+_\(18_-_12\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  padding-top: calc(12px + (18 - 12) * ((100vw - 320px) / (1920 - 320)));
}

.pt-\[calc\(12px_\+_\(30_-_12\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  padding-top: calc(12px + (30 - 12) * ((100vw - 320px) / (1920 - 320)));
}

.pt-\[calc\(13px_\+_12_\*_\(100vw_-_320px\)_\/_1600\)\] {
  padding-top: calc(13px + 12 * (100vw - 320px) / 1600);
}

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

.\!text-center {
  text-align: center !important;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-justify {
  text-align: justify;
}

.\!text-start {
  text-align: start !important;
}

.text-start {
  text-align: start;
}

.text-end {
  text-align: end;
}

.indent-\[0px\] {
  text-indent: 0px;
}

.align-baseline {
  vertical-align: baseline;
}

.align-top {
  vertical-align: top;
}

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

.align-bottom {
  vertical-align: bottom;
}

.align-text-top {
  vertical-align: text-top;
}

.align-text-bottom {
  vertical-align: text-bottom;
}

.align-sub {
  vertical-align: sub;
}

.align-\[1px\] {
  vertical-align: 1px;
}

.align-\[2px\] {
  vertical-align: 2px;
}

.font-\[bold\] {
  font-family: bold;
}

.font-\[normal\] {
  font-family: normal;
}

.font-\[rgba\(var\(--form-placeholder-font-weight\)\2c 1\)\] {
  font-family: rgba(var(--form-placeholder-font-weight),1);
}

.font-\[themify\] {
  font-family: themify;
}

.font-roboto {
  font-family: var(--font-roboto);
}

.\!text-\[10px\] {
  font-size: 10px !important;
}

.\!text-\[12px\] {
  font-size: 12px !important;
}

.\!text-\[14px\] {
  font-size: 14px !important;
}

.\!text-\[18px\] {
  font-size: 18px !important;
}

.\!text-\[40px\] {
  font-size: 40px !important;
}

.\!text-\[calc\(14px_\+_\(16_-_14\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320))) !important;
}

.\!text-\[calc\(14px_\+_\(18_-_14\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320))) !important;
}

.\!text-\[calc\(15px_\+_\(18_-_15\)_\*_\(\(100vw_-_320px\)_\/_\(1200_-_320\)\)\)\] {
  font-size: calc(15px + (18 - 15) * ((100vw - 320px) / (1200 - 320))) !important;
}

.\!text-base {
  font-size: 1rem !important;
  line-height: 1.5rem !important;
}

.\!text-sm {
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}

.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}

.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}

.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}

.text-6xl {
  font-size: 3.75rem;
  line-height: 1;
}

.text-\[0\.59em\] {
  font-size: 0.59em;
}

.text-\[0\.7em\] {
  font-size: 0.7em;
}

.text-\[0\.85em\] {
  font-size: 0.85em;
}

.text-\[0\.875em\] {
  font-size: 0.875em;
}

.text-\[0\.8em\] {
  font-size: 0.8em;
}

.text-\[0\.9em\] {
  font-size: 0.9em;
}

.text-\[100px\] {
  font-size: 100px;
}

.text-\[10px\] {
  font-size: 10px;
}

.text-\[11\.5px\] {
  font-size: 11.5px;
}

.text-\[110px\] {
  font-size: 110px;
}

.text-\[11px\] {
  font-size: 11px;
}

.text-\[120px\] {
  font-size: 120px;
}

.text-\[12px\] {
  font-size: 12px;
}

.text-\[13\.5px\] {
  font-size: 13.5px;
}

.text-\[13px\] {
  font-size: 13px;
}

.text-\[14\.5px\] {
  font-size: 14.5px;
}

.text-\[140px\] {
  font-size: 140px;
}

.text-\[14px\] {
  font-size: 14px;
}

.text-\[150px\] {
  font-size: 150px;
}

.text-\[15px\] {
  font-size: 15px;
}

.text-\[16px\] {
  font-size: 16px;
}

.text-\[17px\] {
  font-size: 17px;
}

.text-\[18px\] {
  font-size: 18px;
}

.text-\[19px\] {
  font-size: 19px;
}

.text-\[1em\] {
  font-size: 1em;
}

.text-\[2\.5rem\] {
  font-size: 2.5rem;
}

.text-\[200px\] {
  font-size: 200px;
}

.text-\[20px\] {
  font-size: 20px;
}

.text-\[21px\] {
  font-size: 21px;
}

.text-\[22px\] {
  font-size: 22px;
}

.text-\[230px\] {
  font-size: 230px;
}

.text-\[23px\] {
  font-size: 23px;
}

.text-\[24px\] {
  font-size: 24px;
}

.text-\[25px\] {
  font-size: 25px;
}

.text-\[26px\] {
  font-size: 26px;
}

.text-\[28px\] {
  font-size: 28px;
}

.text-\[3\.5rem\] {
  font-size: 3.5rem;
}

.text-\[30px\] {
  font-size: 30px;
}

.text-\[32px\] {
  font-size: 32px;
}

.text-\[34px\] {
  font-size: 34px;
}

.text-\[35px\] {
  font-size: 35px;
}

.text-\[36px\] {
  font-size: 36px;
}

.text-\[37px\] {
  font-size: 37px;
}

.text-\[38px\] {
  font-size: 38px;
}

.text-\[3rem\] {
  font-size: 3rem;
}

.text-\[4\.5rem\] {
  font-size: 4.5rem;
}

.text-\[40px\] {
  font-size: 40px;
}

.text-\[42px\] {
  font-size: 42px;
}

.text-\[45px\] {
  font-size: 45px;
}

.text-\[46px\] {
  font-size: 46px;
}

.text-\[4rem\] {
  font-size: 4rem;
}

.text-\[50px\] {
  font-size: 50px;
}

.text-\[58px\] {
  font-size: 58px;
}

.text-\[5px\] {
  font-size: 5px;
}

.text-\[5rem\] {
  font-size: 5rem;
}

.text-\[6px\] {
  font-size: 6px;
}

.text-\[80\%\] {
  font-size: 80%;
}

.text-\[80px\] {
  font-size: 80px;
}

.text-\[8px\] {
  font-size: 8px;
}

.text-\[9\.5rem\] {
  font-size: 9.5rem;
}

.text-\[99px\] {
  font-size: 99px;
}

.text-\[9px\] {
  font-size: 9px;
}

.text-\[calc\(12px_\+_\(14_-_12\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320)));
}

.text-\[calc\(12px_\+_\(17_-_12\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  font-size: calc(12px + (17 - 12) * ((100vw - 320px) / (1920 - 320)));
}

.text-\[calc\(13px_\+_\(14_-_13\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  font-size: calc(13px + (14 - 13) * ((100vw - 320px) / (1920 - 320)));
}

.text-\[calc\(13px_\+_\(16_-_13\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  font-size: calc(13px + (16 - 13) * ((100vw - 320px) / (1920 - 320)));
}

.text-\[calc\(14px_\+_\(15_-_14\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  font-size: calc(14px + (15 - 14) * ((100vw - 320px) / (1920 - 320)));
}

.text-\[calc\(14px_\+_\(16_-_14\)_\*_\(\(100vw_-_320px\)_\/_\(1200_-_320\)\)\)\] {
  font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1200 - 320)));
}

.text-\[calc\(14px_\+_\(16_-_14\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
}

.text-\[calc\(14px_\+_\(18_-_14\)_\*_\(\(100vw_-_300px\)_\/_\(1920_-_300\)\)\)\] {
  font-size: calc(14px + (18 - 14) * ((100vw - 300px) / (1920 - 300)));
}

.text-\[calc\(14px_\+_\(18_-_14\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
}

.text-\[calc\(14px_\+_\(20_-_14\)_\*_\(\(100vw_-_300px\)_\/_\(1920_-_300\)\)\)\] {
  font-size: calc(14px + (20 - 14) * ((100vw - 300px) / (1920 - 300)));
}

.text-\[calc\(14px_\+_\(22_-_14\)_\*_\(\(100vw_-_320px\)_\/_\(1200_-_320\)\)\)\] {
  font-size: calc(14px + (22 - 14) * ((100vw - 320px) / (1200 - 320)));
}

.text-\[calc\(15px_\+_\(18_-_15\)_\*_\(\(100vw_-_320px\)_\/_\(1200_-_320\)\)\)\] {
  font-size: calc(15px + (18 - 15) * ((100vw - 320px) / (1200 - 320)));
}

.text-\[calc\(15px_\+_\(18_-_15\)_\*_\(\(100vw_-_320px\)_\/_\(1400_-_320\)\)\)\] {
  font-size: calc(15px + (18 - 15) * ((100vw - 320px) / (1400 - 320)));
}

.text-\[calc\(15px_\+_\(18_-_15\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  font-size: calc(15px + (18 - 15) * ((100vw - 320px) / (1920 - 320)));
}

.text-\[calc\(15px_\+_\(20_-_15\)_\*_\(\(100vw_-_300px\)_\/_\(1920_-_300\)\)\)\] {
  font-size: calc(15px + (20 - 15) * ((100vw - 300px) / (1920 - 300)));
}

.text-\[calc\(16px_\+_\(18_-_16\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
}

.text-\[calc\(16px_\+_\(20_-_16\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
}

.text-\[calc\(16px_\+_\(22_-_16\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  font-size: calc(16px + (22 - 16) * ((100vw - 320px) / (1920 - 320)));
}

.text-\[calc\(16px_\+_\(22_-_16\)_\*_\(\(100vw_-_992px\)_\/_\(1920_-_992\)\)\)\] {
  font-size: calc(16px + (22 - 16) * ((100vw - 992px) / (1920 - 992)));
}

.text-\[calc\(16px_\+_\(28_-_16\)_\*_\(\(100vw_-_320px\)_\/_\(1200_-_320\)\)\)\] {
  font-size: calc(16px + (28 - 16) * ((100vw - 320px) / (1200 - 320)));
}

.text-\[calc\(16px_\+_\(35_-_16\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  font-size: calc(16px + (35 - 16) * ((100vw - 320px) / (1920 - 320)));
}

.text-\[calc\(17px_\+_\(22_-_17\)_\*_\(\(100vw_-_320px\)_\/_\(1200_-_320\)\)\)\] {
  font-size: calc(17px + (22 - 17) * ((100vw - 320px) / (1200 - 320)));
}

.text-\[calc\(17px_\+_\(26_-_17\)_\*_\(\(100vw_-_320px\)_\/_\(1200_-_320\)\)\)\] {
  font-size: calc(17px + (26 - 17) * ((100vw - 320px) / (1200 - 320)));
}

.text-\[calc\(18px_\+_\(20_-_18\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  font-size: calc(18px + (20 - 18) * ((100vw - 320px) / (1920 - 320)));
}

.text-\[calc\(18px_\+_\(22_-_18\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  font-size: calc(18px + (22 - 18) * ((100vw - 320px) / (1920 - 320)));
}

.text-\[calc\(18px_\+_\(24_-_18\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  font-size: calc(18px + (24 - 18) * ((100vw - 320px) / (1920 - 320)));
}

.text-\[calc\(18px_\+_\(26_-_18\)_\*_\(\(100vw_-_300px\)_\/_\(1920_-_300\)\)\)\] {
  font-size: calc(18px + (26 - 18) * ((100vw - 300px) / (1920 - 300)));
}

.text-\[calc\(18px_\+_\(28_-_18\)_\*_\(\(100vw_-_320px\)_\/_\(1200_-_320\)\)\)\] {
  font-size: calc(18px + (28 - 18) * ((100vw - 320px) / (1200 - 320)));
}

.text-\[calc\(18px_\+_\(30_-_18\)_\*_\(\(100vw_-_300px\)_\/_\(1920_-_300\)\)\)\] {
  font-size: calc(18px + (30 - 18) * ((100vw - 300px) / (1920 - 300)));
}

.text-\[calc\(18px_\+_\(33_-_18\)_\*_\(\(100vw_-_320px\)_\/_\(1200_-_320\)\)\)\] {
  font-size: calc(18px + (33 - 18) * ((100vw - 320px) / (1200 - 320)));
}

.text-\[calc\(20px_\+_\(26_-_20\)_\*_\(\(100vw_-_1200px\)_\/_\(1920_-_1200\)\)\)\] {
  font-size: calc(20px + (26 - 20) * ((100vw - 1200px) / (1920 - 1200)));
}

.text-\[calc\(20px_\+_\(26_-_20\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  font-size: calc(20px + (26 - 20) * ((100vw - 320px) / (1920 - 320)));
}

.text-\[calc\(20px_\+_\(34_-_20\)_\*_\(\(100vw_-_320px\)_\/_\(1200_-_320\)\)\)\] {
  font-size: calc(20px + (34 - 20) * ((100vw - 320px) / (1200 - 320)));
}

.text-\[calc\(20px_\+_\(40_-_20\)_\*_\(\(100vw_-_320px\)_\/_\(1200_-_320\)\)\)\] {
  font-size: calc(20px + (40 - 20) * ((100vw - 320px) / (1200 - 320)));
}

.text-\[calc\(21px_\+_\(26_-_21\)_\*_\(\(100vw_-_1400px\)_\/_\(1920_-_1400\)\)\)\] {
  font-size: calc(21px + (26 - 21) * ((100vw - 1400px) / (1920 - 1400)));
}

.text-\[calc\(23px_\+_\(32_-_23\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  font-size: calc(23px + (32 - 23) * ((100vw - 320px) / (1920 - 320)));
}

.text-\[calc\(24px_\+_\(70_-_24\)_\*_\(\(100vw_-_300px\)_\/_\(1920_-_300\)\)\)\] {
  font-size: calc(24px + (70 - 24) * ((100vw - 300px) / (1920 - 300)));
}

.text-\[calc\(25px_\+_\(30_-_25\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  font-size: calc(25px + (30 - 25) * ((100vw - 320px) / (1920 - 320)));
}

.text-\[calc\(25px_\+_\(35_-_25\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  font-size: calc(25px + (35 - 25) * ((100vw - 320px) / (1920 - 320)));
}

.text-\[calc\(25px_\+_\(52_-_25\)_\*_\(\(100vw_-_300px\)_\/_\(1920_-_300\)\)\)\] {
  font-size: calc(25px + (52 - 25) * ((100vw - 300px) / (1920 - 300)));
}

.text-\[calc\(25px_\+_\(56_-_25\)_\*_\(\(100vw_-_320px\)_\/_\(1200_-_320\)\)\)\] {
  font-size: calc(25px + (56 - 25) * ((100vw - 320px) / (1200 - 320)));
}

.text-\[calc\(25px_\+_\(60_-_25\)_\*_\(\(100vw_-_300px\)_\/_\(1920_-_300\)\)\)\] {
  font-size: calc(25px + (60 - 25) * ((100vw - 300px) / (1920 - 300)));
}

.text-\[calc\(30px_\+_\(64_-_30\)_\*_\(\(100vw_-_320px\)_\/_\(1200_-_320\)\)\)\] {
  font-size: calc(30px + (64 - 30) * ((100vw - 320px) / (1200 - 320)));
}

.text-\[calc\(36px_\+_\(40_-_36\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  font-size: calc(36px + (40 - 36) * ((100vw - 320px) / (1920 - 320)));
}

.text-\[calc\(40px_\+_\(50_-_40\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  font-size: calc(40px + (50 - 40) * ((100vw - 320px) / (1920 - 320)));
}

.text-\[calc\(40px_\+_10_\*_\(100vw_-_320px\)_\/_1600\)\] {
  font-size: calc(40px + 10 * (100vw - 320px) / 1600);
}

.text-\[calc\(_100px_\+_\(250_-_100\)_\*_\(\(100vw_-_300px\)_\/_\(1920_-_300\)\)_\)\] {
  font-size: calc( 100px + (250 - 100) * ((100vw - 300px) / (1920 - 300)) );
}

.text-\[calc\(_12px_\+_\(14_-_12\)_\*_\(\(100vw_-_1400px\)_\/_\(1920_-_1400\)\)_\)\] {
  font-size: calc( 12px + (14 - 12) * ((100vw - 1400px) / (1920 - 1400)) );
}

.text-\[calc\(_12px_\+_\(14_-_12\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)_\)\] {
  font-size: calc( 12px + (14 - 12) * ((100vw - 320px) / (1920 - 320)) );
}

.text-\[calc\(_12px_\+_\(17_-_12\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)_\)\] {
  font-size: calc( 12px + (17 - 12) * ((100vw - 320px) / (1920 - 320)) );
}

.text-\[calc\(_13px_\+_\(14_-_13\)_\*_\(\(100vw_-_1400px\)_\/_\(1920_-_1400\)\)_\)\] {
  font-size: calc( 13px + (14 - 13) * ((100vw - 1400px) / (1920 - 1400)) );
}

.text-\[calc\(_13px_\+_\(16_-_13\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)_\)\] {
  font-size: calc( 13px + (16 - 13) * ((100vw - 320px) / (1920 - 320)) );
}

.text-\[calc\(_14px_\+_\(16_-_14\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)_\)\] {
  font-size: calc( 14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)) );
}

.text-\[calc\(_14px_\+_\(17_-_14\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)_\)\] {
  font-size: calc( 14px + (17 - 14) * ((100vw - 320px) / (1920 - 320)) );
}

.text-\[calc\(_14px_\+_\(18_-_14\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)_\)\] {
  font-size: calc( 14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)) );
}

.text-\[calc\(_15px_\+_\(16_-_15\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)_\)\] {
  font-size: calc( 15px + (16 - 15) * ((100vw - 320px) / (1920 - 320)) );
}

.text-\[calc\(_16px_\+_\(17_-_16\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)_\)\] {
  font-size: calc( 16px + (17 - 16) * ((100vw - 320px) / (1920 - 320)) );
}

.text-\[calc\(_16px_\+_\(18_-_16\)_\*_\(\(100vw_-_1200px\)_\/_\(1920_-_1200\)\)_\)\] {
  font-size: calc( 16px + (18 - 16) * ((100vw - 1200px) / (1920 - 1200)) );
}

.text-\[calc\(_16px_\+_\(18_-_16\)_\*_\(\(100vw_-_1400px\)_\/_\(1920_-_1400\)\)_\)\] {
  font-size: calc( 16px + (18 - 16) * ((100vw - 1400px) / (1920 - 1400)) );
}

.text-\[calc\(_18px_\+_\(20_-_18\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)_\)\] {
  font-size: calc( 18px + (20 - 18) * ((100vw - 320px) / (1920 - 320)) );
}

.text-\[calc\(_18px_\+_\(24_-_18\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)_\)\] {
  font-size: calc( 18px + (24 - 18) * ((100vw - 320px) / (1920 - 320)) );
}

.text-\[calc\(_18px_\+_\(25_-_18\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)_\)\] {
  font-size: calc( 18px + (25 - 18) * ((100vw - 320px) / (1920 - 320)) );
}

.text-\[length\:\(var\(--tw-nav-link-font-size\)\)\] {
  font-size: (var(--tw-nav-link-font-size));
}

.text-\[length\:var\(--card-header-span-size\)\] {
  font-size: var(--card-header-span-size);
}

.text-\[length\:var\(--page-small-title-font-size\)\] {
  font-size: var(--page-small-title-font-size);
}

.text-\[length\:var\(--page-title-font-size\)\] {
  font-size: var(--page-title-font-size);
}

.text-\[length\:var\(--tw-breadcrumb-font-size\)\] {
  font-size: var(--tw-breadcrumb-font-size);
}

.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}

.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}

.\!font-\[600\] {
  font-weight: 600 !important;
}

.\!font-medium {
  font-weight: 500 !important;
}

.font-\[100\] {
  font-weight: 100;
}

.font-\[300\] {
  font-weight: 300;
}

.font-\[500\] {
  font-weight: 500;
}

.font-\[700\] {
  font-weight: 700;
}

.font-\[900\] {
  font-weight: 900;
}

.font-\[number\:var\(--tw-nav-link-font-weight\)\] {
  font-weight: var(--tw-nav-link-font-weight);
}

.font-\[var\(--according-btn-weight\)\] {
  font-weight: var(--according-btn-weight);
}

.font-\[var\(--font-awesome\)\] {
  font-weight: var(--font-awesome);
}

.font-\[var\(--font-roboto\)\] {
  font-weight: var(--font-roboto);
}

.font-black {
  font-weight: 900;
}

.font-bold {
  font-weight: 700;
}

.font-light {
  font-weight: 300;
}

.font-medium {
  font-weight: 500;
}

.font-normal {
  font-weight: 400;
}

.font-semibold {
  font-weight: 600;
}

.font-thin {
  font-weight: 100;
}

.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

.\!capitalize {
  text-transform: capitalize !important;
}

.capitalize {
  text-transform: capitalize;
}

.italic {
  font-style: italic;
}

.ordinal {
  --tw-ordinal: ordinal;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}

.\!leading-8 {
  line-height: 2rem !important;
}

.\!leading-\[0\.8\] {
  line-height: 0.8 !important;
}

.\!leading-\[1\.1\] {
  line-height: 1.1 !important;
}

.\!leading-\[1\.4\] {
  line-height: 1.4 !important;
}

.\!leading-\[1\.5\] {
  line-height: 1.5 !important;
}

.\!leading-\[1\.6\] {
  line-height: 1.6 !important;
}

.\!leading-\[15px\] {
  line-height: 15px !important;
}

.\!leading-\[1\] {
  line-height: 1 !important;
}

.\!leading-\[34px\] {
  line-height: 34px !important;
}

.\!leading-normal {
  line-height: 1.5 !important;
}

.leading-10 {
  line-height: 2.5rem;
}

.leading-3 {
  line-height: .75rem;
}

.leading-4 {
  line-height: 1rem;
}

.leading-5 {
  line-height: 1.25rem;
}

.leading-8 {
  line-height: 2rem;
}

.leading-\[0\.8\] {
  line-height: 0.8;
}

.leading-\[0\.9\] {
  line-height: 0.9;
}

.leading-\[0\] {
  line-height: 0;
}

.leading-\[1\.1\] {
  line-height: 1.1;
}

.leading-\[1\.2\] {
  line-height: 1.2;
}

.leading-\[1\.2em\] {
  line-height: 1.2em;
}

.leading-\[1\.38\] {
  line-height: 1.38;
}

.leading-\[1\.3\] {
  line-height: 1.3;
}

.leading-\[1\.48\] {
  line-height: 1.48;
}

.leading-\[1\.4\] {
  line-height: 1.4;
}

.leading-\[1\.5\] {
  line-height: 1.5;
}

.leading-\[1\.6\] {
  line-height: 1.6;
}

.leading-\[1\.714\] {
  line-height: 1.714;
}

.leading-\[1\.7\] {
  line-height: 1.7;
}

.leading-\[1\.8\] {
  line-height: 1.8;
}

.leading-\[1\.9\] {
  line-height: 1.9;
}

.leading-\[100px\] {
  line-height: 100px;
}

.leading-\[140px\] {
  line-height: 140px;
}

.leading-\[14px\] {
  line-height: 14px;
}

.leading-\[15px\] {
  line-height: 15px;
}

.leading-\[16\.59px\] {
  line-height: 16.59px;
}

.leading-\[170px\] {
  line-height: 170px;
}

.leading-\[18\.69px\] {
  line-height: 18.69px;
}

.leading-\[18px\] {
  line-height: 18px;
}

.leading-\[19px\] {
  line-height: 19px;
}

.leading-\[1\] {
  line-height: 1;
}

.leading-\[1em\] {
  line-height: 1em;
}

.leading-\[2\.2\] {
  line-height: 2.2;
}

.leading-\[2\.35em\] {
  line-height: 2.35em;
}

.leading-\[2\.3\] {
  line-height: 2.3;
}

.leading-\[229px\] {
  line-height: 229px;
}

.leading-\[22px\] {
  line-height: 22px;
}

.leading-\[23px\] {
  line-height: 23px;
}

.leading-\[25px\] {
  line-height: 25px;
}

.leading-\[26px\] {
  line-height: 26px;
}

.leading-\[2em\] {
  line-height: 2em;
}

.leading-\[3\.1\] {
  line-height: 3.1;
}

.leading-\[30px\] {
  line-height: 30px;
}

.leading-\[34px\] {
  line-height: 34px;
}

.leading-\[35px\] {
  line-height: 35px;
}

.leading-\[3\] {
  line-height: 3;
}

.leading-\[45px\] {
  line-height: 45px;
}

.leading-\[49px\] {
  line-height: 49px;
}

.leading-\[50px\] {
  line-height: 50px;
}

.leading-\[56px\] {
  line-height: 56px;
}

.leading-\[5px\] {
  line-height: 5px;
}

.leading-\[60px\] {
  line-height: 60px;
}

.leading-\[65px\] {
  line-height: 65px;
}

.leading-\[70px\] {
  line-height: 70px;
}

.leading-\[93px\] {
  line-height: 93px;
}

.leading-\[9px\] {
  line-height: 9px;
}

.leading-\[inherit\] {
  line-height: inherit;
}

.leading-\[normal\] {
  line-height: normal;
}

.leading-\[unset\] {
  line-height: unset;
}

.leading-\[var\(--paragraph-line-height\)\] {
  line-height: var(--paragraph-line-height);
}

.leading-loose {
  line-height: 2;
}

.leading-none {
  line-height: 1;
}

.leading-normal {
  line-height: 1.5;
}

.leading-tight {
  line-height: 1.25;
}

.\!tracking-\[0\.8px\] {
  letter-spacing: 0.8px !important;
}

.\!tracking-\[1px\] {
  letter-spacing: 1px !important;
}

.tracking-\[-0\.045em\] {
  letter-spacing: -0.045em;
}

.tracking-\[0\.04em\] {
  letter-spacing: 0.04em;
}

.tracking-\[0\.06em\] {
  letter-spacing: 0.06em;
}

.tracking-\[0\.2px\] {
  letter-spacing: 0.2px;
}

.tracking-\[0\.3px\] {
  letter-spacing: 0.3px;
}

.tracking-\[0\.4px\] {
  letter-spacing: 0.4px;
}

.tracking-\[0\.5px\] {
  letter-spacing: 0.5px;
}

.tracking-\[0\.7px\] {
  letter-spacing: 0.7px;
}

.tracking-\[0\] {
  letter-spacing: 0;
}

.tracking-\[0px\] {
  letter-spacing: 0px;
}

.tracking-\[1\.2px\] {
  letter-spacing: 1.2px;
}

.tracking-\[1\.5px\] {
  letter-spacing: 1.5px;
}

.tracking-\[10px\] {
  letter-spacing: 10px;
}

.tracking-\[1px\] {
  letter-spacing: 1px;
}

.tracking-\[2px\] {
  letter-spacing: 2px;
}

.tracking-\[3px\] {
  letter-spacing: 3px;
}

.tracking-\[rgba\(var\(--form-placeholder-letter-spacing\)\2c 1\)\] {
  letter-spacing: rgba(var(--form-placeholder-letter-spacing),1);
}

.tracking-\[rgba\(var\(-form-placeholder-letter-spacing\)\2c 1\)\] {
  letter-spacing: rgba(var(-form-placeholder-letter-spacing),1);
}

.tracking-\[var\(--paragraph-letter-spacing\)\] {
  letter-spacing: var(--paragraph-letter-spacing);
}

.tracking-widest {
  letter-spacing: 0.1em;
}

.\!text-\[\#3f475a\] {
  --tw-text-opacity: 1 !important;
  color: rgb(63 71 90 / var(--tw-text-opacity, 1)) !important;
}

.\!text-\[rgb\(var\(--white\)\2c 1\)\] {
  color: rgb(var(--white),1) !important;
}

.\!text-\[rgba\(255\2c 255\2c 255\2c 1\)\] {
  color: rgba(255,255,255,1) !important;
}

.\!text-\[rgba\(var\(--badge-light-color\)\2c 80\%\)\] {
  color: rgba(var(--badge-light-color),80%) !important;
}

.\!text-\[rgba\(var\(--black\)\2c 1\)\] {
  color: rgba(var(--black),1) !important;
}

.\!text-\[rgba\(var\(--body-font-color\)\2c 1\)\] {
  color: rgba(var(--body-font-color),1) !important;
}

.\!text-\[rgba\(var\(--chart-text-color\)\2c 0\.8\)\] {
  color: rgba(var(--chart-text-color),0.8) !important;
}

.\!text-\[rgba\(var\(--danger-color\)\2c 1\)\] {
  color: rgba(var(--danger-color),1) !important;
}

.\!text-\[rgba\(var\(--dark-all-font-color\)\2c 1\)\] {
  color: rgba(var(--dark-all-font-color),1) !important;
}

.\!text-\[rgba\(var\(--dark-color\)\2c 1\)\] {
  color: rgba(var(--dark-color),1) !important;
}

.\!text-\[rgba\(var\(--info-color\)\2c 1\)\] {
  color: rgba(var(--info-color),1) !important;
}

.\!text-\[rgba\(var\(--light-color\)\2c 1\)\] {
  color: rgba(var(--light-color),1) !important;
}

.\!text-\[rgba\(var\(--primary-color\)\2c 1\)\] {
  color: rgba(var(--primary-color),1) !important;
}

.\!text-\[rgba\(var\(--semi-dark\)\2c 1\)\] {
  color: rgba(var(--semi-dark),1) !important;
}

.\!text-\[rgba\(var\(--success-color\)\2c 1\)\] {
  color: rgba(var(--success-color),1) !important;
}

.\!text-\[rgba\(var\(--theme-body-sub-title-color\)\2c 1\)\] {
  color: rgba(var(--theme-body-sub-title-color),1) !important;
}

.\!text-\[rgba\(var\(--theme-default\)\2c 1\)\] {
  color: rgba(var(--theme-default),1) !important;
}

.\!text-\[rgba\(var\(--theme-font-color\)\2c 1\)\] {
  color: rgba(var(--theme-font-color),1) !important;
}

.\!text-\[rgba\(var\(--theme-secondary\)\2c 1\)\] {
  color: rgba(var(--theme-secondary),1) !important;
}

.\!text-\[rgba\(var\(--warning-color\)\2c 1\)\] {
  color: rgba(var(--warning-color),1) !important;
}

.\!text-\[rgba\(var\(--white\)\2c 0\.3\)\] {
  color: rgba(var(--white),0.3) !important;
}

.\!text-\[rgba\(var\(--white\)\2c 0\.4\)\] {
  color: rgba(var(--white),0.4) !important;
}

.\!text-\[rgba\(var\(--white\)\2c 0\.6\)\] {
  color: rgba(var(--white),0.6) !important;
}

.\!text-\[rgba\(var\(--white\)\2c 1\)\] {
  color: rgba(var(--white),1) !important;
}

.\!text-white {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}

.text-\[\#000248\] {
  --tw-text-opacity: 1;
  color: rgb(0 2 72 / var(--tw-text-opacity, 1));
}

.text-\[\#004085\] {
  --tw-text-opacity: 1;
  color: rgb(0 64 133 / var(--tw-text-opacity, 1));
}

.text-\[\#0c5460\] {
  --tw-text-opacity: 1;
  color: rgb(12 84 96 / var(--tw-text-opacity, 1));
}

.text-\[\#155724\] {
  --tw-text-opacity: 1;
  color: rgb(21 87 36 / var(--tw-text-opacity, 1));
}

.text-\[\#1b1e21\] {
  --tw-text-opacity: 1;
  color: rgb(27 30 33 / var(--tw-text-opacity, 1));
}

.text-\[\#1e2832\] {
  --tw-text-opacity: 1;
  color: rgb(30 40 50 / var(--tw-text-opacity, 1));
}

.text-\[\#212529\] {
  --tw-text-opacity: 1;
  color: rgb(33 37 41 / var(--tw-text-opacity, 1));
}

.text-\[\#212529bf\] {
  color: #212529bf;
}

.text-\[\#222222\] {
  --tw-text-opacity: 1;
  color: rgb(34 34 34 / var(--tw-text-opacity, 1));
}

.text-\[\#29262b\] {
  --tw-text-opacity: 1;
  color: rgb(41 38 43 / var(--tw-text-opacity, 1));
}

.text-\[\#383d41\] {
  --tw-text-opacity: 1;
  color: rgb(56 61 65 / var(--tw-text-opacity, 1));
}

.text-\[\#455869\] {
  --tw-text-opacity: 1;
  color: rgb(69 88 105 / var(--tw-text-opacity, 1));
}

.text-\[\#52526c\] {
  --tw-text-opacity: 1;
  color: rgb(82 82 108 / var(--tw-text-opacity, 1));
}

.text-\[\#721c24\] {
  --tw-text-opacity: 1;
  color: rgb(114 28 36 / var(--tw-text-opacity, 1));
}

.text-\[\#7238ff\] {
  --tw-text-opacity: 1;
  color: rgb(114 56 255 / var(--tw-text-opacity, 1));
}

.text-\[\#7366FF\] {
  --tw-text-opacity: 1;
  color: rgb(115 102 255 / var(--tw-text-opacity, 1));
}

.text-\[\#777777\] {
  --tw-text-opacity: 1;
  color: rgb(119 119 119 / var(--tw-text-opacity, 1));
}

.text-\[\#797979\] {
  --tw-text-opacity: 1;
  color: rgb(121 121 121 / var(--tw-text-opacity, 1));
}

.text-\[\#7e7c7c\] {
  --tw-text-opacity: 1;
  color: rgb(126 124 124 / var(--tw-text-opacity, 1));
}

.text-\[\#818182\] {
  --tw-text-opacity: 1;
  color: rgb(129 129 130 / var(--tw-text-opacity, 1));
}

.text-\[\#856404\] {
  --tw-text-opacity: 1;
  color: rgb(133 100 4 / var(--tw-text-opacity, 1));
}

.text-\[\#8e8e8e\] {
  --tw-text-opacity: 1;
  color: rgb(142 142 142 / var(--tw-text-opacity, 1));
}

.text-\[\#999\] {
  --tw-text-opacity: 1;
  color: rgb(153 153 153 / var(--tw-text-opacity, 1));
}

.text-\[\#a3a3a3\] {
  --tw-text-opacity: 1;
  color: rgb(163 163 163 / var(--tw-text-opacity, 1));
}

.text-\[\#aaa\] {
  --tw-text-opacity: 1;
  color: rgb(170 170 170 / var(--tw-text-opacity, 1));
}

.text-\[\#ab8ce4\] {
  --tw-text-opacity: 1;
  color: rgb(171 140 228 / var(--tw-text-opacity, 1));
}

.text-\[\#c5c5c5\] {
  --tw-text-opacity: 1;
  color: rgb(197 197 197 / var(--tw-text-opacity, 1));
}

.text-\[\#ccd6dd\] {
  --tw-text-opacity: 1;
  color: rgb(204 214 221 / var(--tw-text-opacity, 1));
}

.text-\[\#ff3556\] {
  --tw-text-opacity: 1;
  color: rgb(255 53 86 / var(--tw-text-opacity, 1));
}

.text-\[\#ff3692\] {
  --tw-text-opacity: 1;
  color: rgb(255 54 146 / var(--tw-text-opacity, 1));
}

.text-\[\#ff5a82\] {
  --tw-text-opacity: 1;
  color: rgb(255 90 130 / var(--tw-text-opacity, 1));
}

.text-\[\#ffaa05\] {
  --tw-text-opacity: 1;
  color: rgb(255 170 5 / var(--tw-text-opacity, 1));
}

.text-\[\#ffb905\] {
  --tw-text-opacity: 1;
  color: rgb(255 185 5 / var(--tw-text-opacity, 1));
}

.text-\[RGBA\(VAR\(--text-gray\)\2c 1\)\] {
  color: RGBA(VAR(--text-gray),1);
}

.text-\[color\:var\(--body-font-color\)\] {
  color: var(--body-font-color);
}

.text-\[color\:var\(--white\)\] {
  color: var(--white);
}

.text-\[gray\] {
  --tw-text-opacity: 1;
  color: rgb(128 128 128 / var(--tw-text-opacity, 1));
}

.text-\[inherit\] {
  color: inherit;
}

.text-\[rgb\(var\(--badge-light-color\)\2c 1\)\] {
  color: rgb(var(--badge-light-color),1);
}

.text-\[rgb\(var\(--warning-color\)\2c 1\)\] {
  color: rgb(var(--warning-color),1);
}

.text-\[rgba\(0\2c 2\2c 72\2c 0\.5\)\] {
  color: rgba(0,2,72,0.5);
}

.text-\[rgba\(234\2c 235\2c 241\2c 0\.5\)\] {
  color: rgba(234,235,241,0.5);
}

.text-\[rgba\(255\2c 255\2c 255\2c 0\.5\)\] {
  color: rgba(255,255,255,0.5);
}

.text-\[rgba\(255\2c 255\2c 255\2c 0\.6\)\] {
  color: rgba(255,255,255,0.6);
}

.text-\[rgba\(43\2c 43\2c 43\2c 0\.6\)\] {
  color: rgba(43,43,43,0.6);
}

.text-\[rgba\(43\2c 43\2c 43\2c 0\.7\)\] {
  color: rgba(43,43,43,0.7);
}

.text-\[rgba\(52\2c 64\2c 84\2c 0\.6\)\] {
  color: rgba(52,64,84,0.6);
}

.text-\[rgba\(rgba\(var\(--dark-all-font-color\)\2c 1\)\2c 0\.4\)\] {
  color: rgba(rgba(var(--dark-all-font-color),1),0.4);
}

.text-\[rgba\(var\(--badge-light-color\)\2c 0\.4\)\] {
  color: rgba(var(--badge-light-color),0.4);
}

.text-\[rgba\(var\(--badge-light-color\)\2c 0\.5\)\] {
  color: rgba(var(--badge-light-color),0.5);
}

.text-\[rgba\(var\(--badge-light-color\)\2c 0\.6\)\] {
  color: rgba(var(--badge-light-color),0.6);
}

.text-\[rgba\(var\(--badge-light-color\)\2c 0\.7\)\] {
  color: rgba(var(--badge-light-color),0.7);
}

.text-\[rgba\(var\(--badge-light-color\)\2c 0\.8\)\] {
  color: rgba(var(--badge-light-color),0.8);
}

.text-\[rgba\(var\(--badge-light-color\)\2c 0\.9\)\] {
  color: rgba(var(--badge-light-color),0.9);
}

.text-\[rgba\(var\(--badge-light-color\)\2c 1\)\] {
  color: rgba(var(--badge-light-color),1);
}

.text-\[rgba\(var\(--badge-light-color\)\2c 50\%\)\] {
  color: rgba(var(--badge-light-color),50%);
}

.text-\[rgba\(var\(--badge-light-color\)\2c 80\%\)\] {
  color: rgba(var(--badge-light-color),80%);
}

.text-\[rgba\(var\(--bg-dark-color\)\2c 1\)\] {
  color: rgba(var(--bg-dark-color),1);
}

.text-\[rgba\(var\(--black\)\2c 0\)\] {
  color: rgba(var(--black),0);
}

.text-\[rgba\(var\(--black\)\2c 0\.55\)\] {
  color: rgba(var(--black),0.55);
}

.text-\[rgba\(var\(--black\)\2c 0\.8\)\] {
  color: rgba(var(--black),0.8);
}

.text-\[rgba\(var\(--black\)\2c 1\)\] {
  color: rgba(var(--black),1);
}

.text-\[rgba\(var\(--body-color\)\2c 1\)\] {
  color: rgba(var(--body-color),1);
}

.text-\[rgba\(var\(--body-font-color\)\2c 1\)\] {
  color: rgba(var(--body-font-color),1);
}

.text-\[rgba\(var\(--body-font-color_\)\2c 1\)\] {
  color: rgba(var(--body-font-color ),1);
}

.text-\[rgba\(var\(--body-font-size\)\2c 1\)\] {
  color: rgba(var(--body-font-size),1);
}

.text-\[rgba\(var\(--breadcrumb-anchor-color\)\2c 1\)\] {
  color: rgba(var(--breadcrumb-anchor-color),1);
}

.text-\[rgba\(var\(--breadcrumb-anchor-dark-color\)\2c 1\)\] {
  color: rgba(var(--breadcrumb-anchor-dark-color),1);
}

.text-\[rgba\(var\(--bs-btn-close-color\)\2c 1\)\] {
  color: rgba(var(--bs-btn-close-color),1);
}

.text-\[rgba\(var\(--bs-secondary-color\)\2c 1\)\] {
  color: rgba(var(--bs-secondary-color),1);
}

.text-\[rgba\(var\(--btn-lg-font-size\)\2c 1\)\] {
  color: rgba(var(--btn-lg-font-size),1);
}

.text-\[rgba\(var\(--card-header-span-color\)\2c 1\)\] {
  color: rgba(var(--card-header-span-color),1);
}

.text-\[rgba\(var\(--chart-text-color\)\2c 0\.8\)\] {
  color: rgba(var(--chart-text-color),0.8);
}

.text-\[rgba\(var\(--chart-text-color\)\2c 1\)\] {
  color: rgba(var(--chart-text-color),1);
}

.text-\[rgba\(var\(--color-fiord\)\2c 1\)\] {
  color: rgba(var(--color-fiord),1);
}

.text-\[rgba\(var\(--color-scarpa\)\2c 1\)\] {
  color: rgba(var(--color-scarpa),1);
}

.text-\[rgba\(var\(--color\\_1\)\2c 1\)\] {
  color: rgba(var(--color_1),1);
}

.text-\[rgba\(var\(--danger-color\)\)\] {
  color: rgba(var(--danger-color));
}

.text-\[rgba\(var\(--danger-color\)\2c 1\)\] {
  color: rgba(var(--danger-color),1);
}

.text-\[rgba\(var\(--dark-all-font-color\)\2c 0\.2\)\] {
  color: rgba(var(--dark-all-font-color),0.2);
}

.text-\[rgba\(var\(--dark-all-font-color\)\2c 0\.3\)\] {
  color: rgba(var(--dark-all-font-color),0.3);
}

.text-\[rgba\(var\(--dark-all-font-color\)\2c 0\.4\)\] {
  color: rgba(var(--dark-all-font-color),0.4);
}

.text-\[rgba\(var\(--dark-all-font-color\)\2c 0\.5\)\] {
  color: rgba(var(--dark-all-font-color),0.5);
}

.text-\[rgba\(var\(--dark-all-font-color\)\2c 0\.7\)\] {
  color: rgba(var(--dark-all-font-color),0.7);
}

.text-\[rgba\(var\(--dark-all-font-color\)\2c 0\.8\)\] {
  color: rgba(var(--dark-all-font-color),0.8);
}

.text-\[rgba\(var\(--dark-all-font-color\)\2c 1\)\] {
  color: rgba(var(--dark-all-font-color),1);
}

.text-\[rgba\(var\(--dark-all-font-color\)\.1\)\] {
  color: rgba(var(--dark-all-font-color).1);
}

.text-\[rgba\(var\(--dark-body-background\)\2c 1\)\] {
  color: rgba(var(--dark-body-background),1);
}

.text-\[rgba\(var\(--dark-border-color\)\2c 1\)\] {
  color: rgba(var(--dark-border-color),1);
}

.text-\[rgba\(var\(--dark-card-background\)\2c 1\)\] {
  color: rgba(var(--dark-card-background),1);
}

.text-\[rgba\(var\(--dark-card-border\)\2c 1\)\] {
  color: rgba(var(--dark-card-border),1);
}

.text-\[rgba\(var\(--dark-color\)\)\] {
  color: rgba(var(--dark-color));
}

.text-\[rgba\(var\(--dark-color\)\2c 0\.4\)\] {
  color: rgba(var(--dark-color),0.4);
}

.text-\[rgba\(var\(--dark-color\)\2c 0\.8\)\] {
  color: rgba(var(--dark-color),0.8);
}

.text-\[rgba\(var\(--dark-color\)\2c 1\)\] {
  color: rgba(var(--dark-color),1);
}

.text-\[rgba\(var\(--dark-color-light\)\2c 1\)\] {
  color: rgba(var(--dark-color-light),1);
}

.text-\[rgba\(var\(--dark-editor-document\)\2c 1\)\] {
  color: rgba(var(--dark-editor-document),1);
}

.text-\[rgba\(var\(--dark-gray\)\2c 0\.5\)\] {
  color: rgba(var(--dark-gray),0.5);
}

.text-\[rgba\(var\(--dark-gray\)\2c 1\)\] {
  color: rgba(var(--dark-gray),1);
}

.text-\[rgba\(var\(--dark-small-font-color\)\2c 1\)\] {
  color: rgba(var(--dark-small-font-color),1);
}

.text-\[rgba\(var\(--darl-all-font-color\)\2c 1\)\] {
  color: rgba(var(--darl-all-font-color),1);
}

.text-\[rgba\(var\(--f-lighter\)\2c 1\)\] {
  color: rgba(var(--f-lighter),1);
}

.text-\[rgba\(var\(--fb-color\)\2c 1\)\] {
  color: rgba(var(--fb-color),1);
}

.text-\[rgba\(var\(--font-gray-color\)\2c 0\.2\)\] {
  color: rgba(var(--font-gray-color),0.2);
}

.text-\[rgba\(var\(--font-gray-color\)\2c 1\)\] {
  color: rgba(var(--font-gray-color),1);
}

.text-\[rgba\(var\(--form-placeholder-color\)\2c 1\)\] {
  color: rgba(var(--form-placeholder-color),1);
}

.text-\[rgba\(var\(--form-placeholder-font-size\)\2c 1\)\] {
  color: rgba(var(--form-placeholder-font-size),1);
}

.text-\[rgba\(var\(--google-plus\)\2c 1\)\] {
  color: rgba(var(--google-plus),1);
}

.text-\[rgba\(var\(--gray-60\)\2c 1\)\] {
  color: rgba(var(--gray-60),1);
}

.text-\[rgba\(var\(--header-wrapper-nav-icon-color\)\2c 1\)\] {
  color: rgba(var(--header-wrapper-nav-icon-color),1);
}

.text-\[rgba\(var\(--hite\)\2c 0\.8\)\] {
  color: rgba(var(--hite),0.8);
}

.text-\[rgba\(var\(--info-color\)\)\] {
  color: rgba(var(--info-color));
}

.text-\[rgba\(var\(--info-color\)\2c 1\)\] {
  color: rgba(var(--info-color),1);
}

.text-\[rgba\(var\(--insta-color\)\2c 1\)\] {
  color: rgba(var(--insta-color),1);
}

.text-\[rgba\(var\(--light\)\2c 1\)\] {
  color: rgba(var(--light),1);
}

.text-\[rgba\(var\(--light-all-font-color\)\2c 0\.4\)\] {
  color: rgba(var(--light-all-font-color),0.4);
}

.text-\[rgba\(var\(--light-all-font-color\)\2c 1\)\] {
  color: rgba(var(--light-all-font-color),1);
}

.text-\[rgba\(var\(--light-color\)\)\] {
  color: rgba(var(--light-color));
}

.text-\[rgba\(var\(--light-color\)\2c 1\)\] {
  color: rgba(var(--light-color),1);
}

.text-\[rgba\(var\(--light-font\)\2c 1\)\] {
  color: rgba(var(--light-font),1);
}

.text-\[rgba\(var\(--light-paragraph\)\2c 1\)\] {
  color: rgba(var(--light-paragraph),1);
}

.text-\[rgba\(var\(--light-semi-font\)\2c 1\)\] {
  color: rgba(var(--light-semi-font),1);
}

.text-\[rgba\(var\(--light-semi-gray\)\2c 1\)\] {
  color: rgba(var(--light-semi-gray),1);
}

.text-\[rgba\(var\(--light-text\)\2c 1\)\] {
  color: rgba(var(--light-text),1);
}

.text-\[rgba\(var\(--light-warning\)\2c 1\)\] {
  color: rgba(var(--light-warning),1);
}

.text-\[rgba\(var\(--lighter-gray\)\2c 0\.75\)\] {
  color: rgba(var(--lighter-gray),0.75);
}

.text-\[rgba\(var\(--lighter-gray\)\2c 1\)\] {
  color: rgba(var(--lighter-gray),1);
}

.text-\[rgba\(var\(--linkedin\)\2c 1\)\] {
  color: rgba(var(--linkedin),1);
}

.text-\[rgba\(var\(--linkedin-color\)\2c 1\)\] {
  color: rgba(var(--linkedin-color),1);
}

.text-\[rgba\(var\(--paragraph-font-size\)\2c 1\)\] {
  color: rgba(var(--paragraph-font-size),1);
}

.text-\[rgba\(var\(--pintrest-color\)\2c 1\)\] {
  color: rgba(var(--pintrest-color),1);
}

.text-\[rgba\(var\(--primary-color\)\2c 1\)\] {
  color: rgba(var(--primary-color),1);
}

.text-\[rgba\(var\(--recent-dashed-border\)\2c 1\)\] {
  color: rgba(var(--recent-dashed-border),1);
}

.text-\[rgba\(var\(--secondary-color\)\2c 1\)\] {
  color: rgba(var(--secondary-color),1);
}

.text-\[rgba\(var\(--semi-dark\)\2c 1\)\] {
  color: rgba(var(--semi-dark),1);
}

.text-\[rgba\(var\(--small-tag-color\)\2c 1\)\] {
  color: rgba(var(--small-tag-color),1);
}

.text-\[rgba\(var\(--success-color\)\)\] {
  color: rgba(var(--success-color));
}

.text-\[rgba\(var\(--success-color\)\2c 1\)\] {
  color: rgba(var(--success-color),1);
}

.text-\[rgba\(var\(--table-heading-color\)\2c 1\)\] {
  color: rgba(var(--table-heading-color),1);
}

.text-\[rgba\(var\(--table-row-color\)\2c 1\)\] {
  color: rgba(var(--table-row-color),1);
}

.text-\[rgba\(var\(--theme-body-font-color\)\2c 0\.5\)\] {
  color: rgba(var(--theme-body-font-color),0.5);
}

.text-\[rgba\(var\(--theme-body-font-color\)\2c 0\.7\)\] {
  color: rgba(var(--theme-body-font-color),0.7);
}

.text-\[rgba\(var\(--theme-body-font-color\)\2c 0\.8\)\] {
  color: rgba(var(--theme-body-font-color),0.8);
}

.text-\[rgba\(var\(--theme-body-font-color\)\2c 0\.9\)\] {
  color: rgba(var(--theme-body-font-color),0.9);
}

.text-\[rgba\(var\(--theme-body-font-color\)\2c 1\)\] {
  color: rgba(var(--theme-body-font-color),1);
}

.text-\[rgba\(var\(--theme-body-font-color\)\2c 80\%\)\] {
  color: rgba(var(--theme-body-font-color),80%);
}

.text-\[rgba\(var\(--theme-body-sub-title-color\)\2c 0\.8\)\] {
  color: rgba(var(--theme-body-sub-title-color),0.8);
}

.text-\[rgba\(var\(--theme-body-sub-title-color\)\2c 1\)\] {
  color: rgba(var(--theme-body-sub-title-color),1);
}

.text-\[rgba\(var\(--theme-default\)\)\] {
  color: rgba(var(--theme-default));
}

.text-\[rgba\(var\(--theme-default\)\2c 0\.1\)\] {
  color: rgba(var(--theme-default),0.1);
}

.text-\[rgba\(var\(--theme-default\)\2c 1\)\] {
  color: rgba(var(--theme-default),1);
}

.text-\[rgba\(var\(--theme-font-color\)\2c 0\.8\)\] {
  color: rgba(var(--theme-font-color),0.8);
}

.text-\[rgba\(var\(--theme-font-color\)\2c 1\)\] {
  color: rgba(var(--theme-font-color),1);
}

.text-\[rgba\(var\(--theme-secondary\)\)\] {
  color: rgba(var(--theme-secondary));
}

.text-\[rgba\(var\(--theme-secondary\)\2c 1\)\] {
  color: rgba(var(--theme-secondary),1);
}

.text-\[rgba\(var\(--tour-color\)\2c 1\)\] {
  color: rgba(var(--tour-color),1);
}

.text-\[rgba\(var\(--tw-heading-color\)\2c 1\)\] {
  color: rgba(var(--tw-heading-color),1);
}

.text-\[rgba\(var\(--twitter-color\)\2c 0\.8\)\] {
  color: rgba(var(--twitter-color),0.8);
}

.text-\[rgba\(var\(--twitter-color\)\2c 1\)\] {
  color: rgba(var(--twitter-color),1);
}

.text-\[rgba\(var\(--warning-color\)\)\] {
  color: rgba(var(--warning-color));
}

.text-\[rgba\(var\(--warning-color\)\2c 1\)\] {
  color: rgba(var(--warning-color),1);
}

.text-\[rgba\(var\(--white\)\)\] {
  color: rgba(var(--white));
}

.text-\[rgba\(var\(--white\)\2c 0\.15\)\] {
  color: rgba(var(--white),0.15);
}

.text-\[rgba\(var\(--white\)\2c 0\.3\)\] {
  color: rgba(var(--white),0.3);
}

.text-\[rgba\(var\(--white\)\2c 0\.4\)\] {
  color: rgba(var(--white),0.4);
}

.text-\[rgba\(var\(--white\)\2c 0\.5\)\] {
  color: rgba(var(--white),0.5);
}

.text-\[rgba\(var\(--white\)\2c 0\.6\)\] {
  color: rgba(var(--white),0.6);
}

.text-\[rgba\(var\(--white\)\2c 0\.7\)\] {
  color: rgba(var(--white),0.7);
}

.text-\[rgba\(var\(--white\)\2c 0\.8\)\] {
  color: rgba(var(--white),0.8);
}

.text-\[rgba\(var\(--white\)\2c 0\.9\)\] {
  color: rgba(var(--white),0.9);
}

.text-\[rgba\(var\(--white\)\2c 1\)\] {
  color: rgba(var(--white),1);
}

.text-\[rgba\(var\(--white-bg\)\2c 1\)\] {
  color: rgba(var(--white-bg),1);
}

.text-\[rgba\(var\(--youtube-color\)\2c 1\)\] {
  color: rgba(var(--youtube-color),1);
}

.text-\[rgba\(var--badge-light-color\)\2c 0\.8\] {
  color: rgba(var--badge-light-color),0.8;
}

.text-\[rgba\(vsr\(--font-gray-color\)\2c 1\)\] {
  color: rgba(vsr(--font-gray-color),1);
}

.text-\[rtgba\(var\(--dark-all-font-color\)\2c 1\)\] {
  color: rtgba(var(--dark-all-font-color),1);
}

.text-\[unset\] {
  color: unset;
}

.text-\[var\(--alert-msg-icon-size\)\] {
  color: var(--alert-msg-icon-size);
}

.text-\[var\(--table-lg-font\)\] {
  color: var(--table-lg-font);
}

.text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.text-danger {
  --tw-text-opacity: 1;
  color: rgb(255 76 82 / var(--tw-text-opacity, 1));
}

.text-dark {
  --tw-text-opacity: 1;
  color: rgb(52 58 64 / var(--tw-text-opacity, 1));
}

.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}

.text-inherit {
  color: inherit;
}

.text-light {
  --tw-text-opacity: 1;
  color: rgb(248 249 250 / var(--tw-text-opacity, 1));
}

.text-primary {
  --tw-text-opacity: 1;
  color: rgb(115 102 255 / var(--tw-text-opacity, 1));
}

.text-success {
  --tw-text-opacity: 1;
  color: rgb(101 193 92 / var(--tw-text-opacity, 1));
}

.text-transparent {
  color: transparent;
}

.text-warning {
  --tw-text-opacity: 1;
  color: rgb(243 208 79 / var(--tw-text-opacity, 1));
}

.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.underline {
  text-decoration-line: underline;
}

.overline {
  text-decoration-line: overline;
}

.line-through {
  text-decoration-line: line-through;
}

.no-underline {
  text-decoration-line: none;
}

.decoration-\[rgba\(var\(--danger-color\)\)\] {
  text-decoration-color: rgba(var(--danger-color));
}

.decoration-\[rgba\(var\(--danger-color\)\2c 1\)\] {
  text-decoration-color: rgba(var(--danger-color),1);
}

.decoration-\[rgba\(var\(--dark-color\)\)\] {
  text-decoration-color: rgba(var(--dark-color));
}

.decoration-\[rgba\(var\(--dark-color\)\2c 1\)\] {
  text-decoration-color: rgba(var(--dark-color),1);
}

.decoration-\[rgba\(var\(--info-color\)\)\] {
  text-decoration-color: rgba(var(--info-color));
}

.decoration-\[rgba\(var\(--info-color\)\2c 1\)\] {
  text-decoration-color: rgba(var(--info-color),1);
}

.decoration-\[rgba\(var\(--light-color\)\)\] {
  text-decoration-color: rgba(var(--light-color));
}

.decoration-\[rgba\(var\(--light-color\)\2c 1\)\] {
  text-decoration-color: rgba(var(--light-color),1);
}

.decoration-\[rgba\(var\(--success-color\)\)\] {
  text-decoration-color: rgba(var(--success-color));
}

.decoration-\[rgba\(var\(--success-color\)\2c 1\)\] {
  text-decoration-color: rgba(var(--success-color),1);
}

.decoration-\[rgba\(var\(--theme-default\)\)\] {
  text-decoration-color: rgba(var(--theme-default));
}

.decoration-\[rgba\(var\(--theme-default\)\2c 0\.1\)\] {
  text-decoration-color: rgba(var(--theme-default),0.1);
}

.decoration-\[rgba\(var\(--theme-default\)\2c 0\.25\)\] {
  text-decoration-color: rgba(var(--theme-default),0.25);
}

.decoration-\[rgba\(var\(--theme-default\)\2c 0\.5\)\] {
  text-decoration-color: rgba(var(--theme-default),0.5);
}

.decoration-\[rgba\(var\(--theme-default\)\2c 0\.75\)\] {
  text-decoration-color: rgba(var(--theme-default),0.75);
}

.decoration-\[rgba\(var\(--theme-default\)\2c 1\)\] {
  text-decoration-color: rgba(var(--theme-default),1);
}

.decoration-\[rgba\(var\(--theme-secondary\)\)\] {
  text-decoration-color: rgba(var(--theme-secondary));
}

.decoration-\[rgba\(var\(--theme-secondary\)\2c 1\)\] {
  text-decoration-color: rgba(var(--theme-secondary),1);
}

.decoration-\[rgba\(var\(--warning-color\)\)\] {
  text-decoration-color: rgba(var(--warning-color));
}

.decoration-\[rgba\(var\(--warning-color\)\2c 1\)\] {
  text-decoration-color: rgba(var(--warning-color),1);
}

.placeholder-light::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(248 249 250 / var(--tw-placeholder-opacity, 1));
}

.placeholder-light::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(248 249 250 / var(--tw-placeholder-opacity, 1));
}

.opacity-0 {
  opacity: 0;
}

.opacity-10 {
  opacity: 0.1;
}

.opacity-100 {
  opacity: 1;
}

.opacity-25 {
  opacity: 0.25;
}

.opacity-30 {
  opacity: 0.3;
}

.opacity-40 {
  opacity: 0.4;
}

.opacity-50 {
  opacity: 0.5;
}

.opacity-60 {
  opacity: 0.6;
}

.opacity-70 {
  opacity: 0.7;
}

.opacity-75 {
  opacity: 0.75;
}

.opacity-80 {
  opacity: 0.8;
}

.opacity-90 {
  opacity: 0.9;
}

.opacity-\[0\.08\] {
  opacity: 0.08;
}

.opacity-\[0\.125\] {
  opacity: 0.125;
}

.opacity-\[0\.65\] {
  opacity: 0.65;
}

.opacity-\[0\.75\] {
  opacity: 0.75;
}

.opacity-\[25\] {
  opacity: 25;
}

.bg-blend-overlay {
  background-blend-mode: overlay;
}

.\!shadow-\[0_0_40px_rgba\(8\2c 21\2c 66\2c 0\.05\)\] {
  --tw-shadow: 0 0 40px rgba(8,21,66,0.05) !important;
  --tw-shadow-colored: 0 0 40px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.\!shadow-\[0_3px_3px_rgba\(var\(--light-all-font-color\)\2c 0\.1\)\] {
  --tw-shadow: 0 3px 3px rgba(var(--light-all-font-color),0.1) !important;
  --tw-shadow-colored: 0 3px 3px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.\!shadow-\[0px_10\.511241px_12\.4089927673px_0px_rgba\(var\(--dark-card-inbox\)\2c 1\)\] {
  --tw-shadow: 0px 10.511241px 12.4089927673px 0px rgba(var(--dark-card-inbox),1) !important;
  --tw-shadow-colored: 0px 10.511241px 12.4089927673px 0px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.\!shadow-\[0px_10\.511241px_12\.4089927673px_0px_rgba\(var\(--light-danger\)\2c 1\)\] {
  --tw-shadow: 0px 10.511241px 12.4089927673px 0px rgba(var(--light-danger),1) !important;
  --tw-shadow-colored: 0px 10.511241px 12.4089927673px 0px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.\!shadow-\[0px_10\.511241px_12\.4089927673px_0px_rgba\(var\(--light-dark\)\2c 1\)\] {
  --tw-shadow: 0px 10.511241px 12.4089927673px 0px rgba(var(--light-dark),1) !important;
  --tw-shadow-colored: 0px 10.511241px 12.4089927673px 0px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.\!shadow-\[0px_10\.511241px_12\.4089927673px_0px_rgba\(var\(--light-info\)\2c 1\)\] {
  --tw-shadow: 0px 10.511241px 12.4089927673px 0px rgba(var(--light-info),1) !important;
  --tw-shadow-colored: 0px 10.511241px 12.4089927673px 0px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.\!shadow-\[0px_10\.511241px_12\.4089927673px_0px_rgba\(var\(--light-primary\)\2c 1\)\] {
  --tw-shadow: 0px 10.511241px 12.4089927673px 0px rgba(var(--light-primary),1) !important;
  --tw-shadow-colored: 0px 10.511241px 12.4089927673px 0px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.\!shadow-\[0px_10\.511241px_12\.4089927673px_0px_rgba\(var\(--light-secondary\)\2c 1\)\] {
  --tw-shadow: 0px 10.511241px 12.4089927673px 0px rgba(var(--light-secondary),1) !important;
  --tw-shadow-colored: 0px 10.511241px 12.4089927673px 0px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.\!shadow-\[0px_10\.511241px_12\.4089927673px_0px_rgba\(var\(--light-success\)\2c 1\)\] {
  --tw-shadow: 0px 10.511241px 12.4089927673px 0px rgba(var(--light-success),1) !important;
  --tw-shadow-colored: 0px 10.511241px 12.4089927673px 0px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.\!shadow-\[0px_10\.511241px_12\.4089927673px_0px_rgba\(var\(--light-warning\)\2c 1\)\] {
  --tw-shadow: 0px 10.511241px 12.4089927673px 0px rgba(var(--light-warning),1) !important;
  --tw-shadow-colored: 0px 10.511241px 12.4089927673px 0px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.\!shadow-\[0px_10\.511241px_12\.4089927673px_0px_rgba\(var\(--light-white\)\2c 1\)\] {
  --tw-shadow: 0px 10.511241px 12.4089927673px 0px rgba(var(--light-white),1) !important;
  --tw-shadow-colored: 0px 10.511241px 12.4089927673px 0px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.\!shadow-\[1px_1px_7px_0_rgba\(var\(--dark-card-border\)\2c 0\.5\)\] {
  --tw-shadow: 1px 1px 7px 0 rgba(var(--dark-card-border),0.5) !important;
  --tw-shadow-colored: 1px 1px 7px 0 var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.\!shadow-\[inset_0_0_0_9999px_rgba\(0\2c 0\2c 0\2c 0\.02\)\] {
  --tw-shadow: inset 0 0 0 9999px rgba(0,0,0,0.02) !important;
  --tw-shadow-colored: inset 0 0 0 9999px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.\!shadow-\[inset_0_0_0_9999px_rgba\(0\2c 0\2c 0\2c 0\.082\)\] {
  --tw-shadow: inset 0 0 0 9999px rgba(0,0,0,0.082) !important;
  --tw-shadow-colored: inset 0 0 0 9999px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.\!shadow-\[inset_0_0_0_9999px_rgba\(82\2c 82\2c 108\2c 0\.2\)\] {
  --tw-shadow: inset 0 0 0 9999px rgba(82,82,108,0.2) !important;
  --tw-shadow-colored: inset 0 0 0 9999px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.\!shadow-\[inset_0_0_0_9999px_rgba\(var\(--badge-light-color\)\2c 20\%\)\] {
  --tw-shadow: inset 0 0 0 9999px rgba(var(--badge-light-color),20%) !important;
  --tw-shadow-colored: inset 0 0 0 9999px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.\!shadow-none {
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[-18px_15px_20px_rgba\(119\2c 119\2c 119\2c 0\.25\)\] {
  --tw-shadow: -18px 15px 20px rgba(119,119,119,0.25);
  --tw-shadow-colored: -18px 15px 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[-5px_0_0_rgba\(var\(--dark-card-inbox\)\2c 1\)\2c 5px_0_0_rgba\(var\(--dark-card-inbox\)\2c 1\)\] {
  --tw-shadow: -5px 0 0 rgba(var(--dark-card-inbox),1),5px 0 0 rgba(var(--dark-card-inbox),1);
  --tw-shadow-colored: -5px 0 0 var(--tw-shadow-color), 5px 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[-9px_0_20px_rgba\(var\(--semi-dark\)\2c 0\.1\)\] {
  --tw-shadow: -9px 0 20px rgba(var(--semi-dark),0.1);
  --tw-shadow-colored: -9px 0 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_-0\.125em_0_inset\] {
  --tw-shadow: 0 -0.125em 0 inset;
  --tw-shadow-colored: inset 0 -0.125em 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_-0\.6px_0_rgba\(var\(--theme-default\)\2c 1\)\2c 0_0\.6px_0_rgba\(var\(--theme-default\)\2c 1\)\] {
  --tw-shadow: 0 -0.6px 0 rgba(var(--theme-default),1),0 0.6px 0 rgba(var(--theme-default),1);
  --tw-shadow-colored: 0 -0.6px 0 var(--tw-shadow-color), 0 0.6px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_-1\.6px_0_rgba\(var\(--theme-secondary\)\2c 1\)\2c 0_1\.6px_0_rgba\(var\(--theme-secondary\)\2c 1\)\] {
  --tw-shadow: 0 -1.6px 0 rgba(var(--theme-secondary),1),0 1.6px 0 rgba(var(--theme-secondary),1);
  --tw-shadow-colored: 0 -1.6px 0 var(--tw-shadow-color), 0 1.6px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_-2\.6px_0_rgba\(var\(--success-color\)\2c 1\)\2c 0_2\.6px_0_rgba\(var\(--success-color\)\2c 1\)\] {
  --tw-shadow: 0 -2.6px 0 rgba(var(--success-color),1),0 2.6px 0 rgba(var(--success-color),1);
  --tw-shadow-colored: 0 -2.6px 0 var(--tw-shadow-color), 0 2.6px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_-3\.6px_0_rgba\(var\(--danger-color\)\2c 1\)\2c 0_3\.6px_0_rgba\(var\(--danger-color\)\2c 1\)\] {
  --tw-shadow: 0 -3.6px 0 rgba(var(--danger-color),1),0 3.6px 0 rgba(var(--danger-color),1);
  --tw-shadow-colored: 0 -3.6px 0 var(--tw-shadow-color), 0 3.6px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_-3\.6px_0_rgba\(var\(--info-color\)\2c 1\)\2c 0_3\.6px_0_rgba\(var\(--info-color\)\2c 1\)\] {
  --tw-shadow: 0 -3.6px 0 rgba(var(--info-color),1),0 3.6px 0 rgba(var(--info-color),1);
  --tw-shadow-colored: 0 -3.6px 0 var(--tw-shadow-color), 0 3.6px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_-3\.6px_0_rgba\(var\(--warning-color\)\2c 1\)\2c 0_3\.6px_0_rgba\(var\(--warning-color\)\2c 1\)\] {
  --tw-shadow: 0 -3.6px 0 rgba(var(--warning-color),1),0 3.6px 0 rgba(var(--warning-color),1);
  --tw-shadow-colored: 0 -3.6px 0 var(--tw-shadow-color), 0 3.6px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_0\.125em_0\.5em_hsl\(0\2c 0\%\2c 0\%\2c 0\.3\)\] {
  --tw-shadow: 0 0.125em 0.5em hsl(0,0%,0%,0.3);
  --tw-shadow-colored: 0 0.125em 0.5em var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_0\.125em_0_inset\] {
  --tw-shadow: 0 0.125em 0 inset;
  --tw-shadow-colored: inset 0 0.125em 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_0\.5em_0\.75em_hsla\(var\(--face-hue2\)\2c 90\%\2c 55\%\2c 0\.3\)\] {
  --tw-shadow: 0 0.5em 0.75em hsla(var(--face-hue2),90%,55%,0.3);
  --tw-shadow-colored: 0 0.5em 0.75em var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_0\.5rem_1rem_rgb\(38_41_50_\/_50\%\)\] {
  --tw-shadow: 0 0.5rem 1rem rgb(38 41 50 / 50%);
  --tw-shadow-colored: 0 0.5rem 1rem var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_0\.5rem_1rem_rgb\(var\(--black\)\2c 0\.15\)\] {
  --tw-shadow: 0 0.5rem 1rem rgb(var(--black),0.15);
  --tw-shadow-colored: 0 0.5rem 1rem var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_0\.5rem_1rem_rgba\(0\2c 0\2c 0\2c 0\.15\)\] {
  --tw-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15);
  --tw-shadow-colored: 0 0.5rem 1rem var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_0_0_0\.2rem_rgba\(var\(--theme-default\)\2c 0\.5\)\] {
  --tw-shadow: 0 0 0 0.2rem rgba(var(--theme-default),0.5);
  --tw-shadow-colored: 0 0 0 0.2rem var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_0_0_4px_rgba\(var\(--theme-default\)\2c 0\.25\)\] {
  --tw-shadow: 0 0 0 4px rgba(var(--theme-default),0.25);
  --tw-shadow-colored: 0 0 0 4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_0_10px_1px_rgba\(68\2c 102\2c 242\2c 0\.05\)\] {
  --tw-shadow: 0 0 10px 1px rgba(68,102,242,0.05);
  --tw-shadow-colored: 0 0 10px 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_0_10px_1px_rgba\(var\(--dark-card-inbox\)\2c 1\)\] {
  --tw-shadow: 0 0 10px 1px rgba(var(--dark-card-inbox),1);
  --tw-shadow-colored: 0 0 10px 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_0_10px_5px_rgba\(68\2c 102\2c 242\2c 0\.05\)\] {
  --tw-shadow: 0 0 10px 5px rgba(68,102,242,0.05);
  --tw-shadow-colored: 0 0 10px 5px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_0_10px_5px_rgba\(var\(--theme-default\)\2c 0\.05\)\] {
  --tw-shadow: 0 0 10px 5px rgba(var(--theme-default),0.05);
  --tw-shadow-colored: 0 0 10px 5px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_0_10px_rgba\(var\(--primary-color\)\2c 1\)\] {
  --tw-shadow: 0 0 10px rgba(var(--primary-color),1);
  --tw-shadow-colored: 0 0 10px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_0_10px_rgba\(var\(--theme-default\)\2c 1\)\] {
  --tw-shadow: 0 0 10px rgba(var(--theme-default),1);
  --tw-shadow-colored: 0 0 10px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_0_10px_var\(--theme-default\)\] {
  --tw-shadow: 0 0 10px var(--theme-default);
  --tw-shadow-colored: 0 0 10px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_0_11px_5px_rgba\(226\2c 226\2c 226\2c 0\.5\)\] {
  --tw-shadow: 0 0 11px 5px rgba(226,226,226,0.5);
  --tw-shadow-colored: 0 0 11px 5px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_0_14px_0_rgba\(var\(--dark-body-background\)\2c 1\)\] {
  --tw-shadow: 0 0 14px 0 rgba(var(--dark-body-background),1);
  --tw-shadow-colored: 0 0 14px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_0_14px_rgba\(var\(--dark-body-background\)\2c 1\)\] {
  --tw-shadow: 0 0 14px rgba(var(--dark-body-background),1);
  --tw-shadow-colored: 0 0 14px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_0_1px_0_\#898989\] {
  --tw-shadow: 0 0 1px 0 #898989;
  --tw-shadow-colored: 0 0 1px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_0_1px_0_rgba\(var\(--dark-gray\)\2c 1\)\] {
  --tw-shadow: 0 0 1px 0 rgba(var(--dark-gray),1);
  --tw-shadow-colored: 0 0 1px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_0_1px_var\(--theme-default\)\] {
  --tw-shadow: 0 0 1px var(--theme-default);
  --tw-shadow-colored: 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_0_20px_7px_rgba\(8\2c 21\2c 66\2c 0\.05\)\] {
  --tw-shadow: 0 0 20px 7px rgba(8,21,66,0.05);
  --tw-shadow-colored: 0 0 20px 7px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_0_20px_rgba\(89\2c 102\2c 122\2c 0\.1\)\] {
  --tw-shadow: 0 0 20px rgba(89,102,122,0.1);
  --tw-shadow-colored: 0 0 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_0_20px_rgba\(var\(--black\)\2c 0\.05\)\] {
  --tw-shadow: 0 0 20px rgba(var(--black),0.05);
  --tw-shadow-colored: 0 0 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_0_20px_rgba\(var\(--primary-color\)\2c 0\.1\)\] {
  --tw-shadow: 0 0 20px rgba(var(--primary-color),0.1);
  --tw-shadow-colored: 0 0 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_0_20px_rgba\(var\(--semi-dark\)\2c 0\.1\)\] {
  --tw-shadow: 0 0 20px rgba(var(--semi-dark),0.1);
  --tw-shadow-colored: 0 0 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_0_21px_0_rgba\(89\2c 102\2c 122\2c 0\.1\)\] {
  --tw-shadow: 0 0 21px 0 rgba(89,102,122,0.1);
  --tw-shadow-colored: 0 0 21px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_0_21px_0_rgba\(var\(--semi-dark\)\2c 0\.1\)\] {
  --tw-shadow: 0 0 21px 0 rgba(var(--semi-dark),0.1);
  --tw-shadow-colored: 0 0 21px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_0_2px_2px_rgba\(var\(--dark-card-background\)\2c 1\)\] {
  --tw-shadow: 0 0 2px 2px rgba(var(--dark-card-background),1);
  --tw-shadow-colored: 0 0 2px 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_0_30px_rgba\(var\(--dark-border-color\)\2c 1\)\] {
  --tw-shadow: 0 0 30px rgba(var(--dark-border-color),1);
  --tw-shadow-colored: 0 0 30px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_0_37px_rgba\(8\2c 21\2c 66\2c 0\.05\)\] {
  --tw-shadow: 0 0 37px rgba(8,21,66,0.05);
  --tw-shadow-colored: 0 0 37px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_0_37px_rgba\(8\2c 21\2c 66\2c 0\.1\)\] {
  --tw-shadow: 0 0 37px rgba(8,21,66,0.1);
  --tw-shadow-colored: 0 0 37px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_0_37px_rgba\(8\2c 21\2c 66\2c 0\.15\)\] {
  --tw-shadow: 0 0 37px rgba(8,21,66,0.15);
  --tw-shadow-colored: 0 0 37px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_0_37px_rgba\(var\(--white\)\2c 0\.05\)\] {
  --tw-shadow: 0 0 37px rgba(var(--white),0.05);
  --tw-shadow-colored: 0 0 37px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_0_4px_rgba\(var\(--black\)\2c 0\.1\)\] {
  --tw-shadow: 0 0 4px rgba(var(--black),0.1);
  --tw-shadow-colored: 0 0 4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_0_5px_1px_rgba\(5\2c 56\2c 111\2c 0\.1\)\] {
  --tw-shadow: 0 0 5px 1px rgba(5,56,111,0.1);
  --tw-shadow-colored: 0 0 5px 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_0_6px_3px_rgba\(68\2c 102\2c 242\2c 0\.1\)\] {
  --tw-shadow: 0 0 6px 3px rgba(68,102,242,0.1);
  --tw-shadow-colored: 0 0 6px 3px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_0_8px_rgba\(var\(--black\)\2c 0\.3\)\] {
  --tw-shadow: 0 0 8px rgba(var(--black),0.3);
  --tw-shadow-colored: 0 0 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_0_9px_rgba\(191\2c 191\2c 191\2c 0\.36\)\] {
  --tw-shadow: 0 0 9px rgba(191,191,191,0.36);
  --tw-shadow-colored: 0 0 9px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_0_9px_rgba\(var\(--dark-body-background\)\2c 1\)\] {
  --tw-shadow: 0 0 9px rgba(var(--dark-body-background),1);
  --tw-shadow-colored: 0 0 9px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_16px_15px_15px_rgba\(126\2c 55\2c 216\2c 0\.03\)\] {
  --tw-shadow: 0 16px 15px 15px rgba(126,55,216,0.03);
  --tw-shadow-colored: 0 16px 15px 15px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_1px_10px_rgba\(var\(--black\)\2c 0\.4\)\] {
  --tw-shadow: 0 1px 10px rgba(var(--black),0.4);
  --tw-shadow-colored: 0 1px 10px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_2px_14px_-3px_rgba\(var\(--black\)\2c 0\.2\)\] {
  --tw-shadow: 0 2px 14px -3px rgba(var(--black),0.2);
  --tw-shadow-colored: 0 2px 14px -3px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_2px_15px_rgba\(var\(--black\)\2c 0\.4\)\] {
  --tw-shadow: 0 2px 15px rgba(var(--black),0.4);
  --tw-shadow-colored: 0 2px 15px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_2px_5px_rgba\(var\(--black\)\2c 0\.4\)\] {
  --tw-shadow: 0 2px 5px rgba(var(--black),0.4);
  --tw-shadow-colored: 0 2px 5px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_3px_20px_0_rgba\(var\(--dark-border-color\)\2c 1\)\] {
  --tw-shadow: 0 3px 20px 0 rgba(var(--dark-border-color),1);
  --tw-shadow-colored: 0 3px 20px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_3px_20px_0_rgba\(var\(--light-semi-gray\)\2c 1\)\] {
  --tw-shadow: 0 3px 20px 0 rgba(var(--light-semi-gray),1);
  --tw-shadow-colored: 0 3px 20px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_3px_3px_rgba\(37\2c 37\2c 37\2c 0\.20\)\] {
  --tw-shadow: 0 3px 3px rgba(37,37,37,0.20);
  --tw-shadow-colored: 0 3px 3px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_5px_10px_rgba\(0\2c 0\2c 0\2c 0\.2\)\] {
  --tw-shadow: 0 5px 10px rgba(0,0,0,0.2);
  --tw-shadow-colored: 0 5px 10px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_8px_6px_-6px_rgba\(89\2c 102\2c 122\2c 0\.1\)\] {
  --tw-shadow: 0 8px 6px -6px rgba(89,102,122,0.1);
  --tw-shadow-colored: 0 8px 6px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0px_0px_10px_rgba\(var\(--black\)\2c 0\.07\)\] {
  --tw-shadow: 0px 0px 10px rgba(var(--black),0.07);
  --tw-shadow-colored: 0px 0px 10px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0px_0px_1px_1px_rgba\(var\(--dark-card-border\)\2c 1\)\] {
  --tw-shadow: 0px 0px 1px 1px rgba(var(--dark-card-border),1);
  --tw-shadow-colored: 0px 0px 1px 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0px_0px_1px_1px_rgba\(var\(--light-color\)\2c 1\)\] {
  --tw-shadow: 0px 0px 1px 1px rgba(var(--light-color),1);
  --tw-shadow-colored: 0px 0px 1px 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0px_0px_28px_6px_rgba\(235\2c 235\2c 235\2c 0\.4\)\] {
  --tw-shadow: 0px 0px 28px 6px rgba(235,235,235,0.4);
  --tw-shadow-colored: 0px 0px 28px 6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0px_0px_28px_6px_rgba\(var\(--dark-body-background\)\2c 1\)\] {
  --tw-shadow: 0px 0px 28px 6px rgba(var(--dark-body-background),1);
  --tw-shadow-colored: 0px 0px 28px 6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0px_10\.511241px_12\.4089927673px_0px_\#eaebf2\] {
  --tw-shadow: 0px 10.511241px 12.4089927673px 0px #eaebf2;
  --tw-shadow-colored: 0px 10.511241px 12.4089927673px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0px_10\.511241px_12\.4089927673px_0px_rgba\(var\(--danger-color\)\2c 0\.18\)\] {
  --tw-shadow: 0px 10.511241px 12.4089927673px 0px rgba(var(--danger-color),0.18);
  --tw-shadow-colored: 0px 10.511241px 12.4089927673px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0px_10\.511241px_12\.4089927673px_0px_rgba\(var\(--info-color\)\2c 0\.18\)\] {
  --tw-shadow: 0px 10.511241px 12.4089927673px 0px rgba(var(--info-color),0.18);
  --tw-shadow-colored: 0px 10.511241px 12.4089927673px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0px_10\.511241px_12\.4089927673px_0px_rgba\(var\(--light-color\)\2c 0\.18\)\] {
  --tw-shadow: 0px 10.511241px 12.4089927673px 0px rgba(var(--light-color),0.18);
  --tw-shadow-colored: 0px 10.511241px 12.4089927673px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0px_10\.511241px_12\.4089927673px_0px_rgba\(var\(--success-color\)\2c 0\.18\)\] {
  --tw-shadow: 0px 10.511241px 12.4089927673px 0px rgba(var(--success-color),0.18);
  --tw-shadow-colored: 0px 10.511241px 12.4089927673px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0px_10\.511241px_12\.4089927673px_0px_rgba\(var\(--theme-default\)\2c 0\.18\)\] {
  --tw-shadow: 0px 10.511241px 12.4089927673px 0px rgba(var(--theme-default),0.18);
  --tw-shadow-colored: 0px 10.511241px 12.4089927673px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0px_10\.511241px_12\.4089927673px_0px_rgba\(var\(--theme-secondary\)\2c 0\.18\)\] {
  --tw-shadow: 0px 10.511241px 12.4089927673px 0px rgba(var(--theme-secondary),0.18);
  --tw-shadow-colored: 0px 10.511241px 12.4089927673px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0px_10\.511241px_12\.4089927673px_0px_rgba\(var\(--warning-color\)\2c 0\.18\)\] {
  --tw-shadow: 0px 10.511241px 12.4089927673px 0px rgba(var(--warning-color),0.18);
  --tw-shadow-colored: 0px 10.511241px 12.4089927673px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0px_12px_13px_-17px_rgba\(131\2c 131\2c 131\2c 0\.67\)\] {
  --tw-shadow: 0px 12px 13px -17px rgba(131,131,131,0.67);
  --tw-shadow-colored: 0px 12px 13px -17px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0px_2px_0_rgba\(var\(--dark-color\)\2c 0\.1\)\] {
  --tw-shadow: 0px 2px 0 rgba(var(--dark-color),0.1);
  --tw-shadow-colored: 0px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0px_2px_4px_0px_rgba\(0\2c 0\2c 0\2c 0\.1\)\] {
  --tw-shadow: 0px 2px 4px 0px rgba(0,0,0,0.1);
  --tw-shadow-colored: 0px 2px 4px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0px_2px_4px_0px_rgba\(0\2c 0\2c 0\2c 0\.12\)\] {
  --tw-shadow: 0px 2px 4px 0px rgba(0,0,0,0.12);
  --tw-shadow-colored: 0px 2px 4px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0px_2px_8px_0px_rgba\(var\(--black\)\2c 0\.2\)\] {
  --tw-shadow: 0px 2px 8px 0px rgba(var(--black),0.2);
  --tw-shadow-colored: 0px 2px 8px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0px_3px_17px_rgb\(113_113_137_\/_18\%\)\] {
  --tw-shadow: 0px 3px 17px rgb(113 113 137 / 18%);
  --tw-shadow-colored: 0px 3px 17px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0px_3px_20px_rgba\(46\2c 35\2c 94\2c 0\.1\)\] {
  --tw-shadow: 0px 3px 20px rgba(46,35,94,0.1);
  --tw-shadow-colored: 0px 3px 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0px_3px_28px_rgb\(50_56_70\)\] {
  --tw-shadow: 0px 3px 28px rgb(50 56 70);
  --tw-shadow-colored: 0px 3px 28px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0px_42\.1092px_27\.8569px_rgba\(41\2c 72\2c 152\2c 0\.0303704\)\2c 0px_8\.90772px_7\.12618px_rgba\(41\2c 72\2c 152\2c 0\.0196296\)\2c 0px_2\.02448px_3\.44162px_rgba\(41\2c 72\2c 152\2c 0\.012037\)\] {
  --tw-shadow: 0px 42.1092px 27.8569px rgba(41,72,152,0.0303704),0px 8.90772px 7.12618px rgba(41,72,152,0.0196296),0px 2.02448px 3.44162px rgba(41,72,152,0.012037);
  --tw-shadow-colored: 0px 42.1092px 27.8569px var(--tw-shadow-color), 0px 8.90772px 7.12618px var(--tw-shadow-color), 0px 2.02448px 3.44162px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0px_42\.1092px_27\.8569px_rgba\(var\(--dark-body-background\)\2c 1\)\2c 0px_8\.90772px_7\.12618px_rgba\(var\(--dark-body-background\)\2c 1\)\2c 0px_2\.02448px_3\.44162px_rgba\(var\(--dark-body-background\)\2c 1\)\] {
  --tw-shadow: 0px 42.1092px 27.8569px rgba(var(--dark-body-background),1),0px 8.90772px 7.12618px rgba(var(--dark-body-background),1),0px 2.02448px 3.44162px rgba(var(--dark-body-background),1);
  --tw-shadow-colored: 0px 42.1092px 27.8569px var(--tw-shadow-color), 0px 8.90772px 7.12618px var(--tw-shadow-color), 0px 2.02448px 3.44162px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0px_4px_10px_rgba\(46\2c 35\2c 94\2c 0\.07\)\] {
  --tw-shadow: 0px 4px 10px rgba(46,35,94,0.07);
  --tw-shadow-colored: 0px 4px 10px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0px_4px_20px_rgba\(46\2c 35\2c 94\2c 0\.05\)\] {
  --tw-shadow: 0px 4px 20px rgba(46,35,94,0.05);
  --tw-shadow-colored: 0px 4px 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0px_4px_3px_rgba\(115\2c 102\2c 255\2c 0\.1\)\] {
  --tw-shadow: 0px 4px 3px rgba(115,102,255,0.1);
  --tw-shadow-colored: 0px 4px 3px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0px_4px_4px_rgba\(0\2c 0\2c 0\2c 0\.1\)\] {
  --tw-shadow: 0px 4px 4px rgba(0,0,0,0.1);
  --tw-shadow-colored: 0px 4px 4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0px_5\.04px_14\.96px_0px_rgba\(var\(--success-color\)\2c 0\.25\)_inset\] {
  --tw-shadow: 0px 5.04px 14.96px 0px rgba(var(--success-color),0.25) inset;
  --tw-shadow-colored: inset 0px 5.04px 14.96px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0px_5\.04px_14\.96px_0px_rgba\(var\(--theme-default\)\2c 0\.25\)_inset\] {
  --tw-shadow: 0px 5.04px 14.96px 0px rgba(var(--theme-default),0.25) inset;
  --tw-shadow-colored: inset 0px 5.04px 14.96px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0px_5\.04px_14\.96px_0px_rgba\(var\(--theme-secondary\)\2c 0\.25\)_inset\] {
  --tw-shadow: 0px 5.04px 14.96px 0px rgba(var(--theme-secondary),0.25) inset;
  --tw-shadow-colored: inset 0px 5.04px 14.96px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0px_5\.04px_14\.96px_0px_rgba\(var\(--warning-color\)\2c 0\.25\)_inset\] {
  --tw-shadow: 0px 5.04px 14.96px 0px rgba(var(--warning-color),0.25) inset;
  --tw-shadow-colored: inset 0px 5.04px 14.96px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0px_5px_10px_0px_rgba\(82\2c 82\2c 108\2c 0\.08\)\] {
  --tw-shadow: 0px 5px 10px 0px rgba(82,82,108,0.08);
  --tw-shadow-colored: 0px 5px 10px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0px_5px_20px_rgba\(46\2c 35\2c 94\2c 0\.12\)\] {
  --tw-shadow: 0px 5px 20px rgba(46,35,94,0.12);
  --tw-shadow-colored: 0px 5px 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0px_6px_10px_rgba\(70\2c 60\2c 175\2c 0\.05\)\] {
  --tw-shadow: 0px 6px 10px rgba(70,60,175,0.05);
  --tw-shadow-colored: 0px 6px 10px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0px_6px_12px_0px_rgb\(115_102_255_\/_20\%\)\] {
  --tw-shadow: 0px 6px 12px 0px rgb(115 102 255 / 20%);
  --tw-shadow-colored: 0px 6px 12px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0px_6px_18px_0px_rgba\(0\2c 0\2c 0\2c 0\.19\)\] {
  --tw-shadow: 0px 6px 18px 0px rgba(0,0,0,0.19);
  --tw-shadow-colored: 0px 6px 18px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0px_6px_18px_0px_rgba\(var\(--dark-small-font-color\)\2c 0\.19\)\] {
  --tw-shadow: 0px 6px 18px 0px rgba(var(--dark-small-font-color),0.19);
  --tw-shadow-colored: 0px 6px 18px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0px_71\.2527px_51\.5055px_rgb\(229_229_245_\/_19\%\)\2c 0px_42\.3445px_28\.0125px_rgb\(229_229_245_\/_15\%\)\2c 0px_21\.9866px_14\.2913px_rgb\(229_229_245_\/_13\%\)\2c 0px_8\.95749px_7\.16599px_rgb\(229_229_245_\/_10\%\)\2c 0px_2\.03579px_3\.46085px_rgb\(229_229_245_\/_6\%\)\] {
  --tw-shadow: 0px 71.2527px 51.5055px rgb(229 229 245 / 19%),0px 42.3445px 28.0125px rgb(229 229 245 / 15%),0px 21.9866px 14.2913px rgb(229 229 245 / 13%),0px 8.95749px 7.16599px rgb(229 229 245 / 10%),0px 2.03579px 3.46085px rgb(229 229 245 / 6%);
  --tw-shadow-colored: 0px 71.2527px 51.5055px var(--tw-shadow-color), 0px 42.3445px 28.0125px var(--tw-shadow-color), 0px 21.9866px 14.2913px var(--tw-shadow-color), 0px 8.95749px 7.16599px var(--tw-shadow-color), 0px 2.03579px 3.46085px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0px_71\.2527px_51\.5055px_rgba\(229\2c 229\2c 245\2c 0\.189815\)\2c 0px_42\.3445px_28\.0125px_rgba\(229\2c 229\2c 245\2c 0\.151852\)\2c 0px_21\.9866px_14\.2913px_rgba\(229\2c 229\2c 245\2c 0\.125\)\2c 0px_8\.95749px_7\.16599px_rgba\(229\2c 229\2c 245\2c 0\.0981481\)\2c 0px_2\.03579px_3\.46085px_rgba\(229\2c 229\2c 245\2c 0\.0601852\)\] {
  --tw-shadow: 0px 71.2527px 51.5055px rgba(229,229,245,0.189815),0px 42.3445px 28.0125px rgba(229,229,245,0.151852),0px 21.9866px 14.2913px rgba(229,229,245,0.125),0px 8.95749px 7.16599px rgba(229,229,245,0.0981481),0px 2.03579px 3.46085px rgba(229,229,245,0.0601852);
  --tw-shadow-colored: 0px 71.2527px 51.5055px var(--tw-shadow-color), 0px 42.3445px 28.0125px var(--tw-shadow-color), 0px 21.9866px 14.2913px var(--tw-shadow-color), 0px 8.95749px 7.16599px var(--tw-shadow-color), 0px 2.03579px 3.46085px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0px_7px_10px_rgba\(var\(--black\)\2c 0\.5\)\] {
  --tw-shadow: 0px 7px 10px rgba(var(--black),0.5);
  --tw-shadow-colored: 0px 7px 10px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0px_7px_15px_rgba\(46\2c 35\2c 94\2c 0\.06\)\] {
  --tw-shadow: 0px 7px 15px rgba(46,35,94,0.06);
  --tw-shadow-colored: 0px 7px 15px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0px_8px_16px_-4px_rgba\(var\(--black\)\2c 0\.25\)\] {
  --tw-shadow: 0px 8px 16px -4px rgba(var(--black),0.25);
  --tw-shadow-colored: 0px 8px 16px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0px_9px_16px_0px_rgba\(115\2c 102\2c 255\2c 0\.13\)\] {
  --tw-shadow: 0px 9px 16px 0px rgba(115,102,255,0.13);
  --tw-shadow-colored: 0px 9px 16px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0px_9px_20px_0px_\#323846\] {
  --tw-shadow: 0px 9px 20px 0px #323846;
  --tw-shadow-colored: 0px 9px 20px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0px_9px_20px_0px_rgba\(46\2c 35\2c 94\2c 0\.0705882353\)\] {
  --tw-shadow: 0px 9px 20px 0px rgba(46,35,94,0.0705882353);
  --tw-shadow-colored: 0px 9px 20px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0px_9px_20px_rgb\(46_35_94_\/_7\%\)\] {
  --tw-shadow: 0px 9px 20px rgb(46 35 94 / 7%);
  --tw-shadow-colored: 0px 9px 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0px_9px_20px_rgba\(46\2c 35\2c 94\2c 0\.07\)\] {
  --tw-shadow: 0px 9px 20px rgba(46,35,94,0.07);
  --tw-shadow-colored: 0px 9px 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0px_9px_20px_rgba\(46\2c 35\2c 94\2c 0\.08\)\] {
  --tw-shadow: 0px 9px 20px rgba(46,35,94,0.08);
  --tw-shadow-colored: 0px 9px 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0px_9px_20px_rgba\(var\(--dark-body-background\)\2c 0\.7\)\] {
  --tw-shadow: 0px 9px 20px rgba(var(--dark-body-background),0.7);
  --tw-shadow-colored: 0px 9px 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0px_9px_24px_rgb\(50\2c 56\2c 70\)\] {
  --tw-shadow: 0px 9px 24px rgb(50,56,70);
  --tw-shadow-colored: 0px 9px 24px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0px_9px_24px_rgba\(var\(--semi-dark\)\2c 0\.05\)\] {
  --tw-shadow: 0px 9px 24px rgba(var(--semi-dark),0.05);
  --tw-shadow-colored: 0px 9px 24px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0px_9px_40px_rgba\(46\2c 35\2c 94\2c 0\.15\)\] {
  --tw-shadow: 0px 9px 40px rgba(46,35,94,0.15);
  --tw-shadow-colored: 0px 9px 40px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[12px_0_0_var\(--e\2c rgba\(var\(--normal-eye\)\2c 1\)\)\] {
  --tw-shadow: 12px 0 0 var(--e,rgba(var(--normal-eye),1));
  --tw-shadow-colored: 12px 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[12px_12px_12px_rgba\(119\2c 119\2c 119\2c 0\.25\)\] {
  --tw-shadow: 12px 12px 12px rgba(119,119,119,0.25);
  --tw-shadow-colored: 12px 12px 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[16px_0_0_var\(--b\)\] {
  --tw-shadow: 16px 0 0 var(--b);
  --tw-shadow-colored: 16px 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[17px_17px_20px_rgba\(186\2c 186\2c 187\2c 0\.3\)\] {
  --tw-shadow: 17px 17px 20px rgba(186,186,187,0.3);
  --tw-shadow-colored: 17px 17px 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[1px_0px_1px\] {
  --tw-shadow: 1px 0px 1px;
  --tw-shadow-colored: 1px 0px 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[1px_1px_2px_1px_rgba\(0\2c 0\2c 0\2c 0\.08\)\] {
  --tw-shadow: 1px 1px 2px 1px rgba(0,0,0,0.08);
  --tw-shadow-colored: 1px 1px 2px 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[1px_1px_2px_1px_rgba\(var\(--dark-body-background\)\2c 0\.9\)\] {
  --tw-shadow: 1px 1px 2px 1px rgba(var(--dark-body-background),0.9);
  --tw-shadow-colored: 1px 1px 2px 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[1px_2px_21px_-2px_rgba\(14\2c 14\2c 16\2c 0\.83\)\] {
  --tw-shadow: 1px 2px 21px -2px rgba(14,14,16,0.83);
  --tw-shadow-colored: 1px 2px 21px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[1px_2px_6px\] {
  --tw-shadow: 1px 2px 6px;
  --tw-shadow-colored: 1px 2px 6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[1px_4px_16px_3px_rgba\(var\(--black\)\2c 0\.04\)\] {
  --tw-shadow: 1px 4px 16px 3px rgba(var(--black),0.04);
  --tw-shadow-colored: 1px 4px 16px 3px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[1px_5px_24px_0_rgba\(68\2c 102\2c 242\2c 0\.05\)\] {
  --tw-shadow: 1px 5px 24px 0 rgba(68,102,242,0.05);
  --tw-shadow-colored: 1px 5px 24px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[2px_2px_2px_rgba\(var\(--recent-border\)\2c 1\)\] {
  --tw-shadow: 2px 2px 2px rgba(var(--recent-border),1);
  --tw-shadow-colored: 2px 2px 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[30px_30px_33px_rgba\(119\2c 119\2c 119\2c 0\.25\)\] {
  --tw-shadow: 30px 30px 33px rgba(119,119,119,0.25);
  --tw-shadow-colored: 30px 30px 33px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[3px_4px_10px_1px_rgba\(0\2c 0\2c 0\2c 0\.8\)\] {
  --tw-shadow: 3px 4px 10px 1px rgba(0,0,0,0.8);
  --tw-shadow-colored: 3px 4px 10px 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[4px_11px_25px_rgba\(0\2c 0\2c 0\2c 0\.07\)\] {
  --tw-shadow: 4px 11px 25px rgba(0,0,0,0.07);
  --tw-shadow-colored: 4px 11px 25px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[4px_11px_25px_rgba\(var\(--dark-card-inbox\)\2c 1\)\] {
  --tw-shadow: 4px 11px 25px rgba(var(--dark-card-inbox),1);
  --tw-shadow-colored: 4px 11px 25px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[4px_7px_17px_5px_rgba\(46\2c 35\2c 94\2c 0\.05\)\] {
  --tw-shadow: 4px 7px 17px 5px rgba(46,35,94,0.05);
  --tw-shadow-colored: 4px 7px 17px 5px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[4px_7px_17px_5px_rgba\(var\(--dark-body-background\)\2c 0\.3\)\] {
  --tw-shadow: 4px 7px 17px 5px rgba(var(--dark-body-background),0.3);
  --tw-shadow-colored: 4px 7px 17px 5px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[6px_0_rgba\(var\(--danger-color\)\2c 1\)\2c 3px_1px_0_7px_rgba\(var\(--dark-card-background\)\2c 1\)\2c 3px_1px_0_9px_rgba\(var\(--danger-color\)\2c 1\)\] {
  --tw-shadow: 6px 0 rgba(var(--danger-color),1),3px 1px 0 7px rgba(var(--dark-card-background),1),3px 1px 0 9px rgba(var(--danger-color),1);
  --tw-shadow-colored: 6px 0 var(--tw-shadow-color), 3px 1px 0 7px var(--tw-shadow-color), 3px 1px 0 9px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[6px_0_rgba\(var\(--danger-color\)\2c 1\)\2c 3px_1px_0_7px_rgba\(var\(--white\)\2c 1\)\2c 3px_1px_0_9px_rgba\(var\(--danger-color\)\2c 1\)\] {
  --tw-shadow: 6px 0 rgba(var(--danger-color),1),3px 1px 0 7px rgba(var(--white),1),3px 1px 0 9px rgba(var(--danger-color),1);
  --tw-shadow-colored: 6px 0 var(--tw-shadow-color), 3px 1px 0 7px var(--tw-shadow-color), 3px 1px 0 9px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[7px_7px_5px_rgba\(192\2c 202\2c 216\2c 0\.22\)\] {
  --tw-shadow: 7px 7px 5px rgba(192,202,216,0.22);
  --tw-shadow-colored: 7px 7px 5px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[8px_0_8px_-2px_rgba\(var\(--dark-gray\)\2c 0\.1\)\] {
  --tw-shadow: 8px 0 8px -2px rgba(var(--dark-gray),0.1);
  --tw-shadow-colored: 8px 0 8px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[9px_0_20px_rgba\(var\(--semi-dark\)\2c 0\.1\)\] {
  --tw-shadow: 9px 0 20px rgba(var(--semi-dark),0.1);
  --tw-shadow-colored: 9px 0 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[inset_0_0_0_0em_rgba\(var\(--light-info\)\2c 1\)\] {
  --tw-shadow: inset 0 0 0 0em rgba(var(--light-info),1);
  --tw-shadow-colored: inset 0 0 0 0em var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[inset_0_0_0_9999px_rgba\(var\(--badge-light-color\)\2c 20\%\)\] {
  --tw-shadow: inset 0 0 0 9999px rgba(var(--badge-light-color),20%);
  --tw-shadow-colored: inset 0 0 0 9999px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[inset_0_0_0_9999px_rgba\(var\(--dark-card-inbox\)\2c 1\)\] {
  --tw-shadow: inset 0 0 0 9999px rgba(var(--dark-card-inbox),1);
  --tw-shadow-colored: inset 0 0 0 9999px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[inset_0px_-100px_100px_-13px_rgba\(0\2c 0\2c 0\2c 0\.6\)\] {
  --tw-shadow: inset 0px -100px 100px -13px rgba(0,0,0,0.6);
  --tw-shadow-colored: inset 0px -100px 100px -13px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[inset_0px_-200px_100px_-13px_rgba\(0\2c 0\2c 0\2c 0\.6\)\] {
  --tw-shadow: inset 0px -200px 100px -13px rgba(0,0,0,0.6);
  --tw-shadow-colored: inset 0px -200px 100px -13px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[inset_0px_-200px_100px_-13px_rgba\(0\2c 0\2c 0\2c 0\.65\)\] {
  --tw-shadow: inset 0px -200px 100px -13px rgba(0,0,0,0.65);
  --tw-shadow-colored: inset 0px -200px 100px -13px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[inset_0px_9px_20px_0px_rgb\(46_35_94_\/_7\%\)\] {
  --tw-shadow: inset 0px 9px 20px 0px rgb(46 35 94 / 7%);
  --tw-shadow-colored: inset 0px 9px 20px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[inset_0px_9px_20px_0px_rgba\(46\2c 35\2c 94\2c 0\.07\)\] {
  --tw-shadow: inset 0px 9px 20px 0px rgba(46,35,94,0.07);
  --tw-shadow-colored: inset 0px 9px 20px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[inset_0px_9px_20px_0px_rgba\(var\(--dark-all-font-color\)\2c 0\.1\)\] {
  --tw-shadow: inset 0px 9px 20px 0px rgba(var(--dark-all-font-color),0.1);
  --tw-shadow-colored: inset 0px 9px 20px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[inset_2\.66667px_-2\.66667px_2\.66667px_rgba\(194\2c 128\2c 49\2c 0\.1\)\2c inset_-2\.66667px_2\.66667px_2\.66667px_rgba\(var\(--white\)\2c 0\.1\)\] {
  --tw-shadow: inset 2.66667px -2.66667px 2.66667px rgba(194,128,49,0.1),inset -2.66667px 2.66667px 2.66667px rgba(var(--white),0.1);
  --tw-shadow-colored: inset 2.66667px -2.66667px 2.66667px var(--tw-shadow-color), inset -2.66667px 2.66667px 2.66667px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[inset_3px_-3px_4px_var\(--sh\2c rgba\(var\(--normal-shadow\)\2c 1\)\)\] {
  --tw-shadow: inset 3px -3px 4px var(--sh,rgba(var(--normal-shadow),1));
  --tw-shadow-colored: inset 3px -3px 4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[inset_40em_0_0_0_rgba\(var\(--light-warning\)\2c 1\)\] {
  --tw-shadow: inset 40em 0 0 0 rgba(var(--light-warning),1);
  --tw-shadow-colored: inset 40em 0 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[rgba\(0\2c 0\2c 0\2c 0\.07\)_0px_4px_40px\] {
  --tw-shadow: rgba(0,0,0,0.07) 0px 4px 40px;
  --tw-shadow-colored: 0px 4px 40px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[rgba\(100\2c 100\2c 111\2c 0\.2\)_0px_7px_29px_0px\] {
  --tw-shadow: rgba(100,100,111,0.2) 0px 7px 29px 0px;
  --tw-shadow-colored: 0px 7px 29px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-md {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-none {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.\!shadow-\[unset\] {
  --tw-shadow-color: unset !important;
  --tw-shadow: var(--tw-shadow-colored) !important;
}

.shadow-\[\(0px_9px_20px_0px_\#2e235e12\)\] {
  --tw-shadow-color: (0px 9px 20px 0px #2e235e12);
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-\[none\] {
  --tw-shadow-color: none;
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-\[rgba\(var\(--card-box-shadow\)\2c 1\)\] {
  --tw-shadow-color: rgba(var(--card-box-shadow),1);
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-\[rgba\(var\(--card-hover-box-shadow\)\2c 1\)\] {
  --tw-shadow-color: rgba(var(--card-hover-box-shadow),1);
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-\[transparent\] {
  --tw-shadow-color: transparent;
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-\[unset\] {
  --tw-shadow-color: unset;
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-\[var\(--btn-focus-box-shadow\)\] {
  --tw-shadow-color: var(--btn-focus-box-shadow);
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-\[var\(--product-shadow\)\] {
  --tw-shadow-color: var(--product-shadow);
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-\[var\(--widget-shadow\)\] {
  --tw-shadow-color: var(--widget-shadow);
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-danger {
  --tw-shadow-color: #ff4c52;
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-dark {
  --tw-shadow-color: #343a40;
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-info {
  --tw-shadow-color: #40b8f4;
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-light {
  --tw-shadow-color: #f8f9fa;
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-primary {
  --tw-shadow-color: #7366ff;
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-secondary {
  --tw-shadow-color: #838383;
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-success {
  --tw-shadow-color: #65c15c;
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-warning {
  --tw-shadow-color: #f3d04f;
  --tw-shadow: var(--tw-shadow-colored);
}

.outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.outline {
  outline-style: solid;
}

.outline-\[0\] {
  outline-width: 0;
}

.outline-offset-1 {
  outline-offset: 1px;
}

.outline-offset-4 {
  outline-offset: 4px;
}

.\!outline-\[hidden\] {
  outline-color: hidden !important;
}

.\!outline-\[unset\] {
  outline-color: unset !important;
}

.outline-\[none\] {
  outline-color: none;
}

.outline-\[rgba\(var\(--dark-card-border\)\2c 1\)\] {
  outline-color: rgba(var(--dark-card-border),1);
}

.outline-\[unset\] {
  outline-color: unset;
}

.ring {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.blur-\[1px\] {
  --tw-blur: blur(1px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.blur-\[2px\] {
  --tw-blur: blur(2px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.blur-\[3px\] {
  --tw-blur: blur(3px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.blur-\[5px\] {
  --tw-blur: blur(5px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.blur-none {
  --tw-blur:  ;
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.brightness-100 {
  --tw-brightness: brightness(1);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.brightness-\[0\.6\] {
  --tw-brightness: brightness(0.6);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.brightness-\[0\.8\] {
  --tw-brightness: brightness(0.8);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.brightness-\[1\] {
  --tw-brightness: brightness(1);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.brightness-\[200\%\] {
  --tw-brightness: brightness(200%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.contrast-\[0\.2\] {
  --tw-contrast: contrast(0.2);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.contrast-\[0\.6\] {
  --tw-contrast: contrast(0.6);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.drop-shadow {
  --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.drop-shadow-\[var\(--main-header-shadow-1\)\] {
  --tw-drop-shadow: drop-shadow(var(--main-header-shadow-1));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.grayscale {
  --tw-grayscale: grayscale(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.grayscale-0 {
  --tw-grayscale: grayscale(0);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.grayscale-\[1\] {
  --tw-grayscale: grayscale(1);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.hue-rotate-\[45deg\] {
  --tw-hue-rotate: hue-rotate(45deg);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.invert {
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.invert-\[1\] {
  --tw-invert: invert(1);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.sepia {
  --tw-sepia: sepia(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.\!filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}

.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.backdrop-blur-\[1\.5px\] {
  --tw-backdrop-blur: blur(1.5px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.backdrop-blur-\[6px\] {
  --tw-backdrop-blur: blur(6px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.\!transition-all {
  transition-property: all !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important;
}

.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-\[0\.12s\] {
  transition-property: 0.12s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-\[0\.1s\] {
  transition-property: 0.1s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-\[0\.2s\] {
  transition-property: 0.2s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-\[0\.3s\] {
  transition-property: 0.3s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-\[0\.4s\] {
  transition-property: 0.4s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-\[0\.5s\] {
  transition-property: 0.5s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-\[0\.8s\] {
  transition-property: 0.8s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-\[1\.5s\] {
  transition-property: 1.5s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-\[1s\] {
  transition-property: 1s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-\[background-color\] {
  transition-property: background-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-\[background-position\] {
  transition-property: background-position;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-\[background\] {
  transition-property: background;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-\[border-color\] {
  transition-property: border-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-\[color\] {
  transition-property: color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-\[content\] {
  transition-property: content;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-\[height\] {
  transition-property: height;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-\[left\] {
  transition-property: left;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-\[stroke\] {
  transition-property: stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-\[top\2c left\2c right\2c bottom\2c 100ms\] {
  transition-property: top,left,right,bottom,100ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-\[var\(--sidebar-transition\)\] {
  transition-property: var(--sidebar-transition);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-\[width\] {
  transition-property: width;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-none {
  transition-property: none;
}

.transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-shadow {
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.delay-\[0\.15s\] {
  transition-delay: 0.15s;
}

.delay-\[0\.1s\] {
  transition-delay: 0.1s;
}

.delay-\[0\.2s\] {
  transition-delay: 0.2s;
}

.delay-\[0\.35s\] {
  transition-delay: 0.35s;
}

.delay-\[0\.3s\] {
  transition-delay: 0.3s;
}

.delay-\[0\.45s\] {
  transition-delay: 0.45s;
}

.delay-\[0\.4s\] {
  transition-delay: 0.4s;
}

.delay-\[0s\] {
  transition-delay: 0s;
}

.delay-\[var\(--trans-dur\)\] {
  transition-delay: var(--trans-dur);
}

.duration-200 {
  transition-duration: 200ms;
}

.duration-300 {
  transition-duration: 300ms;
}

.duration-500 {
  transition-duration: 500ms;
}

.duration-\[0\.15s\] {
  transition-duration: 0.15s;
}

.duration-\[0\.1s\] {
  transition-duration: 0.1s;
}

.duration-\[0\.23s\] {
  transition-duration: 0.23s;
}

.duration-\[0\.2s\] {
  transition-duration: 0.2s;
}

.duration-\[0\.35s\] {
  transition-duration: 0.35s;
}

.duration-\[0\.3s\2c background-color\] {
  transition-duration: 0.3s,background-color;
}

.duration-\[0\.3s\] {
  transition-duration: 0.3s;
}

.duration-\[0\.4s\] {
  transition-duration: 0.4s;
}

.duration-\[0\.5s\] {
  transition-duration: 0.5s;
}

.duration-\[0\.6s\] {
  transition-duration: 0.6s;
}

.duration-\[0\.7s\] {
  transition-duration: 0.7s;
}

.duration-\[0\.8s\] {
  transition-duration: 0.8s;
}

.duration-\[1s\] {
  transition-duration: 1s;
}

.duration-\[all\] {
  transition-duration: all;
}

.duration-\[ease-in-out\] {
  transition-duration: ease-in-out;
}

.duration-\[ease-in\] {
  transition-duration: ease-in;
}

.duration-\[ease-out\] {
  transition-duration: ease-out;
}

.duration-\[ease\] {
  transition-duration: ease;
}

.duration-\[linear\] {
  transition-duration: linear;
}

.duration-\[opacity\] {
  transition-duration: opacity;
}

.duration-\[var\(--trans-dur\)\2c box-shadow\] {
  transition-duration: var(--trans-dur),box-shadow;
}

.duration-\[var\(--trans-dur\)\] {
  transition-duration: var(--trans-dur);
}

.ease-\[all\] {
  transition-timing-function: all;
}

.ease-\[cubic-bezier\(0\.2\2c 1\2c 0\.3\2c 1\)\] {
  transition-timing-function: cubic-bezier(0.2,1,0.3,1);
}

.ease-\[cubic-bezier\(0\.25\2c 1\.15\2c 0\.35\2c 1\.15\)\] {
  transition-timing-function: cubic-bezier(0.25,1.15,0.35,1.15);
}

.ease-\[ease-in-out\] {
  transition-timing-function: ease-in-out;
}

.ease-\[ease-in\] {
  transition-timing-function: ease-in;
}

.ease-\[ease-out\] {
  transition-timing-function: ease-out;
}

.ease-\[ease\] {
  transition-timing-function: ease;
}

.ease-\[var\(--trans-dur\)\2c color\] {
  transition-timing-function: var(--trans-dur),color;
}

.ease-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}

.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.ease-linear {
  transition-timing-function: linear;
}

.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.content-\[\"\"\] {
  --tw-content: "";
  content: var(--tw-content);
}

.content-\[\"-\"\] {
  --tw-content: "-";
  content: var(--tw-content);
}

.content-\[\"0_out_of_5\"\] {
  --tw-content: "0 out of 5";
  content: var(--tw-content);
}

.content-\[\"1_out_of_5\"\] {
  --tw-content: "1 out of 5";
  content: var(--tw-content);
}

.content-\[\"2_out_of_5\"\] {
  --tw-content: "2 out of 5";
  content: var(--tw-content);
}

.content-\[\"3_out_of_5\"\] {
  --tw-content: "3 out of 5";
  content: var(--tw-content);
}

.content-\[\"4_out_of_5\"\] {
  --tw-content: "4 out of 5";
  content: var(--tw-content);
}

.content-\[\"5_out_of_5\"\] {
  --tw-content: "5 out of 5";
  content: var(--tw-content);
}

.content-\[\"Delicious_and_satisfying\"\] {
  --tw-content: "Delicious and satisfying";
  content: var(--tw-content);
}

.content-\[\"Enter_your_message\.\.\.\"\] {
  --tw-content: "Enter your message...";
  content: var(--tw-content);
}

.content-\[\"Great_value\!_\"\] {
  --tw-content: "Great value! ";
  content: var(--tw-content);
}

.content-\[\"High-quality_product\"\] {
  --tw-content: "High-quality product";
  content: var(--tw-content);
}

.content-\[\"No_issues_detected\"\] {
  --tw-content: "No issues detected";
  content: var(--tw-content);
}

.content-\[\"Simple_and_effective_\"\] {
  --tw-content: "Simple and effective ";
  content: var(--tw-content);
}

.content-\[\"Task_successfully_finished\.\"\] {
  --tw-content: "Task successfully finished.";
  content: var(--tw-content);
}

.content-\[\"Thank_you_for_your_ongoing_assistance\.\"\] {
  --tw-content: "Thank you for your ongoing assistance.";
  content: var(--tw-content);
}

.content-\[\"We_have_observed_unacceptable_behavior\.\"\] {
  --tw-content: "We have observed unacceptable behavior.";
  content: var(--tw-content);
}

.content-\[\"Well_done\!_The_operation_was_successfully_finished\.\"\] {
  --tw-content: "Well done! The operation was successfully finished.";
  content: var(--tw-content);
}

.content-\[\"Will_definitely_order_again\"\] {
  --tw-content: "Will definitely order again";
  content: var(--tw-content);
}

.content-\[\"Your_request_cannot_be_processed\.\"\] {
  --tw-content: "Your request cannot be processed.";
  content: var(--tw-content);
}

.content-\[\"\\e64c\"\] {
  --tw-content: "\e64c";
  content: var(--tw-content);
}

.content-\[\"\\efad\"\] {
  --tw-content: "\efad";
  content: var(--tw-content);
}

.content-\[\"\\efb8\"\] {
  --tw-content: "\efb8";
  content: var(--tw-content);
}

.content-\[\"\\f002\"\] {
  --tw-content: "\f002";
  content: var(--tw-content);
}

.content-\[\"\\f00c\"\] {
  --tw-content: "\f00c";
  content: var(--tw-content);
}

.content-\[\"\\f06e\"\] {
  --tw-content: "\f06e";
  content: var(--tw-content);
}

.content-\[\"\\f107\"\] {
  --tw-content: "\f107";
  content: var(--tw-content);
}

.content-\[\"\\f175\"\] {
  --tw-content: "\f175";
  content: var(--tw-content);
}

.content-\[\"\25B2\"\] {
  --tw-content: "▲";
  content: var(--tw-content);
}

.content-\[\"\25B2\"_\/\"\"\] {
  --tw-content: "▲" /"";
  content: var(--tw-content);
}

.content-\[\"\25B2\"_\/_\"\"\] {
  --tw-content: "▲" / "";
  content: var(--tw-content);
}

.content-\[\"\25BC\"\] {
  --tw-content: "▼";
  content: var(--tw-content);
}

.content-\[\"\25BC\"_\/\"\"\] {
  --tw-content: "▼" /"";
  content: var(--tw-content);
}

.content-\[\"\25BC\"_\/_\"\"\] {
  --tw-content: "▼" / "";
  content: var(--tw-content);
}

.content-\[\'\'\] {
  --tw-content: '';
  content: var(--tw-content);
}

.content-\[attr\(data-text\)\] {
  --tw-content: attr(data-text);
  content: var(--tw-content);
}

.content-\[counters\(section\2c \"\.\"\)_\"\._\"\] {
  --tw-content: counters(section,".") ". ";
  content: var(--tw-content);
}

.content-\[unset\] {
  --tw-content: unset;
  content: var(--tw-content);
}

.content-\[var\(--bs-breadcrumb-divider\2c \"\/\"\)\] {
  --tw-content: var(--bs-breadcrumb-divider,"/");
  content: var(--tw-content);
}

/* base */

/* components */

/**=====================
    2.29 Table CSS Start
==========================**/

/**=====================
    2.29 Table CSS Ends
==========================**/

/* pages */

@keyframes push {
  50% {
    transform: scale(0.95);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes bounce-effect {
  0% {
    transform: translateY(0);
    transition: 0.5s;
  }

  50% {
    transform: translateY(-5px);
    transition: 0.5s;
  }

  100% {
    transform: translateY(0);
    transition: 0.5s;
  }
}

@keyframes round {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.2);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes am-moving-dashes {
  100% {
    stroke-dashoffset: -30px;
  }
}

@keyframes am-pulsating {
  0% {
    stroke-opacity: 1;
    stroke-width: 0;
  }

  100% {
    stroke-opacity: 0;
    stroke-width: 50px;
  }
}

@keyframes am-draw {
  0% {
    stroke-dashoffset: 500%;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes heart {
  0% {
    transform: scale(0);
    opacity: 0;
  }

  25% {
    transform: scale(0.1);
    opacity: 1;
  }

  50% {
    transform: scale(0.5);
    opacity: 0.3;
  }

  75% {
    transform: scale(0.8);
    opacity: 0.5;
  }

  100% {
    transform: scale(1);
    opacity: 0;
  }
}

@keyframes progress-bar-stripes {
  0% {
    background-position: 40px 0;
  }

  100% {
    background-position: 0 0;
  }
}

@keyframes wave-left-lines {
  0% {
    background-position: -460px 0;
  }

  100% {
    background-position: 460px 0;
  }
}

@keyframes wave-square-lines {
  0% {
    background-position: -460px 0;
  }

  100% {
    background-position: 460px 0;
  }
}

@keyframes placeholder-glow {
  50% {
    opacity: 0.1;
  }
}

@keyframes hand-move {
  0% {
    transform: rotate(0deg);
  }

  20% {
    transform: rotate(15deg);
  }

  50% {
    transform: rotate(0deg);
  }

  80% {
    transform: rotate(-15deg);
  }

  100% {
    transform: rotate(0deg);
  }
}

@keyframes wave-speaker {
  0% {
    transform: translateX(5px);
  }

  50% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(5px);
  }
}

@keyframes dot-animation {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(0.5) translateX(-10px);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes dot-animation1 {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.4) translateX(-10px);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes pulse-dot {
  0% {
    transform: scale(1.1);
  }

  50% {
    transform: scale(0.9);
  }

  100% {
    transform: scale(1.1);
  }
}

@keyframes mesh {
  0% {
    transform-origin: 50% -100%;
    transform: rotate(0);
  }

  50% {
    transform-origin: 50% -100%;
    transform: rotate(360deg);
  }

  50.1% {
    transform-origin: 50% 200%;
    transform: rotate(0deg);
  }

  100% {
    transform-origin: 50% 200%;
    transform: rotate(360deg);
  }
}

@keyframes animloader14 {
  0% {
    transform: scale(0);
    opacity: 1;
  }

  100% {
    transform: scale(1);
    opacity: 0;
  }
}

@keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes rotate {
  from {
    transform: rotate(-360deg);
  }

  to {
    transform: rotate(360deg);
  }
}

@keyframes animationtop {
  0% {
    transform: translate(-10px, -5px);
  }

  50% {
    transform: translate(0, 0);
  }

  100% {
    transform: translate(-10px, -5px);
  }
}

@keyframes animationleft {
  0% {
    transform: translate(0, 0px);
  }

  50% {
    transform: translate(20px, 0);
  }

  100% {
    transform: translate(0, 0px);
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes arrowsvg {
  0% {
    transform: scale(0);
    transform-origin: left;
  }

  100% {
    transform: scale(1);
    transform-origin: left;
  }
}

@keyframes move_wave {
  0% {
    transform: translateX(0) translateZ(0) scaleY(1);
  }

  50% {
    transform: translateX(-25%) translateZ(0) scaleY(0.55);
  }

  100% {
    transform: translateX(-50%) translateZ(0) scaleY(1);
  }
}

@keyframes animationFramesOne {
  0% {
    transform: translate(0px, 0px) rotate(0deg);
  }

  20% {
    transform: translate(73px, -1px) rotate(36deg);
  }

  40% {
    transform: translate(141px, 72px) rotate(72deg);
  }

  60% {
    transform: translate(83px, 122px) rotate(108deg);
  }

  80% {
    transform: translate(-40px, 72px) rotate(144deg);
  }

  100% {
    transform: translate(0px, 0px) rotate(0deg);
  }
}

@keyframes mover {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(-4px);
  }
}

/* layouts */

/* ========================
   ✅ Header Section
=========================== */

/* theme */

.\*\:disabled > * {
  cursor: not-allowed;
  opacity: 0.8;
  pointer-events: inherit !important;
}

.before\:border-2::before {
  content: var(--tw-content);
  border-width: 2px !important;
}

.before\:text-center::before {
  content: var(--tw-content);
  text-align: center !important;
}

.before\:py-0::before {
  content: var(--tw-content);
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.before\:block::before {
  content: var(--tw-content);
  display: block !important;
}

.before\:m-0::before {
  content: var(--tw-content);
  margin: 0px !important;
}

.after\:border-2::after {
  content: var(--tw-content);
  border-width: 2px !important;
}

.after\:border-8::after {
  content: var(--tw-content);
  border-width: 8px !important;
}

.after\:text-center::after {
  content: var(--tw-content);
  text-align: center !important;
}

.after\:block::after {
  content: var(--tw-content);
  display: block !important;
}

.after\:m-0::after {
  content: var(--tw-content);
  margin: 0px !important;
}

.first\:mt-0:first-child {
  margin-top: 0 !important;
}

.last\:text-center:last-child {
  text-align: center !important;
}

.last\:m-0:last-child {
  margin: 0px !important;
}

.last\:pb-0:last-child {
  padding-bottom: 0 !important;
}

.last\:mb-0:last-child {
  margin-bottom: 0 !important;
}

.indeterminate\:after\:block:indeterminate::after {
  content: var(--tw-content);
  display: block !important;
}

.hover\:text-white:hover {
  color: rgb(var(--white),1) !important;
}

.hover\:underline:hover {
  text-decoration-color: rgba(var(--theme-default),1);
}

.peer:checked ~ .peer-checked\:block {
  display: block !important;
}

@media (max-width: 1199px) {
  .xl\:block {
    display: block !important;
  }

  .xl\:\!grid {
    display: grid !important;
  }

  .xl\:\!grid > div {
    position: relative;
  }
}

@media (max-width: 991px) {
  .lg\:block {
    display: block !important;
  }
}

@media (max-width: 767px) {
  .md\:block {
    display: block !important;
  }
}

@media(max-width:1484px) and (min-width:1400px) {
  .\[\@media\(max-width\:1484px\)_and_\(min-width\:1400px\)\]\:text-center {
    text-align: center !important;
  }
}

@media(max-width:1535px) {
  .\[\@media\(max-width\:1535px\)\]\:text-center {
    text-align: center !important;
  }
}

@media(max-width:575px) {
  .\[\@media\(max-width\:575px\)\]\:text-center {
    text-align: center !important;
  }

  .\[\@media\(max-width\:575px\)\]\:block {
    display: block !important;
  }
}

@media(max-width:700px) {
  .\[\@media\(max-width\:700px\)\]\:grid {
    display: grid !important;
  }

  .\[\@media\(max-width\:700px\)\]\:grid > div {
    position: relative;
  }
}

@media(min-width:768px) and (max-width:1200px) {
  .\[\@media\(min-width\:768px\)_and_\(max-width\:1200px\)\]\:grid {
    display: grid !important;
  }

  .\[\@media\(min-width\:768px\)_and_\(max-width\:1200px\)\]\:grid > div {
    position: relative;
  }
}

@media (max-width: 991px) {
}

table.selection-deletion.dataTable tbody .marker\:selected *tr > *::marker {
  --tw-shadow: inset 0 0 0 9999px rgba(82,82,108,0.2) !important;
  --tw-shadow-colored: inset 0 0 0 9999px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

table.selection-deletion.dataTable tbody .marker\:selectedtr > *::marker {
  --tw-shadow: inset 0 0 0 9999px rgba(82,82,108,0.2) !important;
  --tw-shadow-colored: inset 0 0 0 9999px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.before\:table::before {
  content: var(--tw-content);
  margin-bottom: 0 !important;
}

@media (max-width: 575px) {
   {
     {
       {
        > .before\:table::before {
          width: 90%;
        }
      }
    }
     {
       {
         {
          > .before\:table::before {
            width: 90%;
          }
        }
      }
    }
     {
       {
        > .before\:table::before {
          width: 90%;
        }
      }
    }
     {
       {
         {
          > .before\:table::before {
            width: 90%;
          }
        }
      }
    }
  }
}

.before\:table::before {
  margin-bottom: 0px !important;
  width: 100%;
}

.before\:table > :not(caption) > * > *::before {
  content: var(--tw-content);
  border-bottom-width: 1px !important;
}

.before\:table thead th::before {
  content: var(--tw-content);
  border-bottom-width: 2px;
  border-style: solid;
  border-bottom-color: rgba(var(--light-gray),1);
}

.before\:table.align-middle::before {
  content: var(--tw-content);
  white-space: pre-wrap !important;
}

.before\:table::before {
  margin-bottom: 1.5rem;
  content: var(--tw-content)
}

.before\:table[class*="bg-"]::before {
  content: var(--tw-content)
}

@media (max-width: 1199px) {
  .main-customer-table .recent-table .before\:table tbody tr td:nth-child(2)::before {
    content: var(--tw-content);
    min-width: 135px;
  }
}

@media (max-width: 1800px) and (min-width: 1400px) {
}

@media (max-width: 767px) {
}

@media (max-width: 360px) {
}

@media (max-width: 1580px) and (min-width: 1200px) {
}

@media (max-width: 1366px) and (min-width: 1200px) {
}

@media (max-width: 640px) {
}

@media (max-width: 1199px) {
}

@media (max-width: 1660px) and (min-width: 1400px) {
}

@media (min-width: 1200px) {
}

@media (max-width: 575px) {
}

.before\:table::before {
  content: var(--tw-content)
}

@media (max-width: 1199px) {
}

@media (max-width: 1660px) {
}

.before\:table::before {
  content: var(--tw-content)
}

@media (max-width: 1470px) {
}

@media (max-width: 1199px) {
}

@media (max-width: 991px) {
}

@media (max-width: 767px) {
}

@media (max-width: 575px) {
}

.after\:table::after {
  content: var(--tw-content);
  margin-bottom: 0 !important;
}

@media (max-width: 575px) {
   {
     {
       {
        > .after\:table::after {
          width: 90%;
        }
      }
    }
     {
       {
         {
          > .after\:table::after {
            width: 90%;
          }
        }
      }
    }
     {
       {
        > .after\:table::after {
          width: 90%;
        }
      }
    }
     {
       {
         {
          > .after\:table::after {
            width: 90%;
          }
        }
      }
    }
  }
}

.after\:table::after {
  margin-bottom: 0px !important;
  width: 100%;
}

.after\:table > :not(caption) > * > *::after {
  content: var(--tw-content);
  border-bottom-width: 1px !important;
}

.after\:table thead th::after {
  content: var(--tw-content);
  border-bottom-width: 2px;
  border-style: solid;
  border-bottom-color: rgba(var(--light-gray),1);
}

.after\:table.align-middle::after {
  content: var(--tw-content);
  white-space: pre-wrap !important;
}

.after\:table::after {
  margin-bottom: 1.5rem;
  content: var(--tw-content)
}

.after\:table[class*="bg-"]::after {
  content: var(--tw-content)
}

@media (max-width: 1199px) {
  .main-customer-table .recent-table .after\:table tbody tr td:nth-child(2)::after {
    content: var(--tw-content);
    min-width: 135px;
  }
}

@media (max-width: 1800px) and (min-width: 1400px) {
}

@media (max-width: 767px) {
}

@media (max-width: 360px) {
}

@media (max-width: 1580px) and (min-width: 1200px) {
}

@media (max-width: 1366px) and (min-width: 1200px) {
}

@media (max-width: 640px) {
}

@media (max-width: 1199px) {
}

@media (max-width: 1660px) and (min-width: 1400px) {
}

@media (max-width: 575px) {
}

.after\:table::after {
  content: var(--tw-content)
}

@media (max-width: 1199px) {
}

@media (max-width: 1660px) {
}

.after\:table::after {
  content: var(--tw-content)
}

@media (max-width: 1470px) {
}

@media (max-width: 1199px) {
}

@media (max-width: 767px) {
}

@media (min-width: 1200px) {
}

@media (max-width: 767px) {
}

@media (max-width: 575px) {
}

.required\:h:required {
}

@media (max-width: 575px) {
}

@media (max-width: 1399px) {
  @media (max-width: 1199px) {
    .xxl\:col-span-7.b-center.bg-size {
      position: fixed;
      top: 0px;
      height: 100vh;
      width: 100%;
      opacity: 0.5;
    }
  }

  @media (min-width: 576px) {
  }
}

@media (max-width: 1199px) {
  @media (max-width: 575px) {
  }

  @media (max-width: 1199px) {
    .xl\:col-span-7.b-center.bg-size {
      position: fixed;
      top: 0px;
      height: 100vh;
      width: 100%;
      opacity: 0.5;
    }
  }

  @media (max-width: 575px) {
  }

  @media (min-width: 576px) {
  }
}

@media (max-width: 991px) {
  @media (max-width: 1199px) {
    .lg\:col-span-7.b-center.bg-size {
      position: fixed;
      top: 0px;
      height: 100vh;
      width: 100%;
      opacity: 0.5;
    }
  }

  @media (min-width: 576px) {
  }
}

@media (max-width: 767px) {
  @media (max-width: 1199px) {
    .md\:col-span-7.b-center.bg-size {
      position: fixed;
      top: 0px;
      height: 100vh;
      width: 100%;
      opacity: 0.5;
    }
  }

  @media (min-width: 576px) {
  }
}

@media (max-width: 575px) {
  @media (min-width: 576px) {
  }
}

@media(max-width:1484px) and (min-width:1400px) {
  @media (max-width: 767px) {
  }
}

@media(max-width:1529px) {
  @media (max-width: 1800px) and (min-width: 1400px) {
  }

  @media (max-width: 767px) {
  }

  @media (max-width: 360px) {
  }

  @media (max-width: 1280px) {
    .t-top-mentor .\[\@media\(max-width\:1529px\)\]\:overflow-x-auto div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
      position: relative;
      left: 0px;
      right: unset;
      top: 0.25rem;
      margin-bottom: 1.25rem;
      width: 80%;
    }

    .completed-course-table .\[\@media\(max-width\:1529px\)\]\:overflow-x-auto div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
      position: relative;
      left: 0px;
      right: unset;
      top: 0.25rem;
      margin-bottom: 1.25rem;
      width: 80%;
    }

    .t-top-mentor .\[\@media\(max-width\:1529px\)\]\:overflow-x-auto div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
      position: relative;
      left: 0px;
      right: unset;
      top: 0.25rem;
      margin-bottom: 1.25rem;
      width: 80%;
    }

    .completed-course-table .\[\@media\(max-width\:1529px\)\]\:overflow-x-auto div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
      position: relative;
      left: 0px;
      right: unset;
      top: 0.25rem;
      margin-bottom: 1.25rem;
      width: 80%;
    }

    .t-top-mentor .\[\@media\(max-width\:1529px\)\]\:overflow-x-auto div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
      position: relative;
      left: 0px;
      right: unset;
      top: 0.25rem;
      margin-bottom: 1.25rem;
      width: 80%;
    }

    .completed-course-table .\[\@media\(max-width\:1529px\)\]\:overflow-x-auto div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
      position: relative;
      left: 0px;
      right: unset;
      top: 0.25rem;
      margin-bottom: 1.25rem;
      width: 80%;
    }

    .t-top-mentor .\[\@media\(max-width\:1529px\)\]\:overflow-x-auto div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
      position: relative;
      left: 0px;
      right: unset;
      top: 0.25rem;
      margin-bottom: 1.25rem;
      width: 80%;
    }

    .completed-course-table .\[\@media\(max-width\:1529px\)\]\:overflow-x-auto div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
      position: relative;
      left: 0px;
      right: unset;
      top: 0.25rem;
      margin-bottom: 1.25rem;
      width: 80%;
    }
  }

  @media (max-width: 1600px) {
    .t-top-mentor .\[\@media\(max-width\:1529px\)\]\:overflow-x-auto div.dt-container .dt-layout-row:last-child {
      flex-direction: column;
    }

    .completed-course-table .\[\@media\(max-width\:1529px\)\]\:overflow-x-auto div.dt-container .dt-layout-row:last-child {
      flex-direction: column;
    }

    .t-top-mentor .\[\@media\(max-width\:1529px\)\]\:overflow-x-auto div.dt-container .dt-layout-row:last-child {
      flex-direction: column;
    }

    .completed-course-table .\[\@media\(max-width\:1529px\)\]\:overflow-x-auto div.dt-container .dt-layout-row:last-child {
      flex-direction: column;
    }
  }

  @media (max-width: 1660px) {
    .\[\@media\(max-width\:1529px\)\]\:overflow-x-auto.currency-table.recent-table.average-sale div.dt-container .dt-layout-row:last-child {
      flex-direction: column;
    }

    .\[\@media\(max-width\:1529px\)\]\:overflow-x-auto.currency-table.recent-table.performer-table div.dt-container .dt-layout-row:last-child {
      flex-direction: column;
    }

    .\[\@media\(max-width\:1529px\)\]\:overflow-x-auto.currency-table.recent-table.average-sale div.dt-container .dt-layout-row:last-child {
      flex-direction: column;
    }

    .\[\@media\(max-width\:1529px\)\]\:overflow-x-auto.currency-table.recent-table.performer-table div.dt-container .dt-layout-row:last-child {
      flex-direction: column;
    }
  }

  @media (max-width: 1199px) {
    .\[\@media\(max-width\:1529px\)\]\:overflow-x-auto.currency-table.recent-table.average-sale div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
      position: relative;
      left: 1.25rem;
      top: 0.25rem;
      margin-bottom: 1.25rem;
      width: -moz-fit-content;
      width: fit-content;
    }

    .\[\@media\(max-width\:1529px\)\]\:overflow-x-auto.currency-table.recent-table.performer-table div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
      position: relative;
      left: 1.25rem;
      top: 0.25rem;
      margin-bottom: 1.25rem;
      width: -moz-fit-content;
      width: fit-content;
    }

    .\[\@media\(max-width\:1529px\)\]\:overflow-x-auto.currency-table.recent-table.average-sale div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
      position: relative;
      left: 1.25rem;
      top: 0.25rem;
      margin-bottom: 1.25rem;
      width: -moz-fit-content;
      width: fit-content;
    }

    .\[\@media\(max-width\:1529px\)\]\:overflow-x-auto.currency-table.recent-table.performer-table div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
      position: relative;
      left: 1.25rem;
      top: 0.25rem;
      margin-bottom: 1.25rem;
      width: -moz-fit-content;
      width: fit-content;
    }

    .\[\@media\(max-width\:1529px\)\]\:overflow-x-auto.currency-table.recent-table.average-sale div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
      position: relative;
      left: 1.25rem;
      top: 0.25rem;
      margin-bottom: 1.25rem;
      width: -moz-fit-content;
      width: fit-content;
    }

    .\[\@media\(max-width\:1529px\)\]\:overflow-x-auto.currency-table.recent-table.performer-table div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
      position: relative;
      left: 1.25rem;
      top: 0.25rem;
      margin-bottom: 1.25rem;
      width: -moz-fit-content;
      width: fit-content;
    }
  }

  @media (max-width: 767px) {
  }

  @media (max-width: 1366px) and (min-width: 1200px) {
    .\[\@media\(max-width\:1529px\)\]\:overflow-x-auto.currency-table.recent-table.average-sale div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
      display: none;
    }
  }

  @media (max-width: 1580px) and (min-width: 1200px) {
  }

  @media (max-width: 1399px) and (min-width: 1200px) {
  }

  @media (max-width: 1399px) {
    .campaign-table .\[\@media\(max-width\:1529px\)\]\:overflow-x-auto.recent-table div.dt-container .dt-layout-row:last-child {
      flex-direction: column;
    }
  }

  @media (max-width: 1580px) and (min-width: 1200px) {
  }

  @media (max-width: 1660px) and (min-width: 1200px) {
  }

  @media (max-width: 1580px) and (min-width: 1200px) {
  }

  @media (max-width: 1366px) and (min-width: 1200px) {
  }

  @media (max-width: 1199px) {
    .unpaid-fees-table .\[\@media\(max-width\:1529px\)\]\:overflow-x-auto.recent-table div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
      position: relative;
      left: 1.25rem;
      top: 0.25rem;
      margin-bottom: 1.25rem;
    }

    .top-student-table .\[\@media\(max-width\:1529px\)\]\:overflow-x-auto.recent-table div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
      position: relative;
      left: 1.25rem;
      top: 0.25rem;
      margin-bottom: 1.25rem;
    }

    .unpaid-fees-table .\[\@media\(max-width\:1529px\)\]\:overflow-x-auto.recent-table div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
      position: relative;
      left: 1.25rem;
      top: 0.25rem;
      margin-bottom: 1.25rem;
    }

    .top-student-table .\[\@media\(max-width\:1529px\)\]\:overflow-x-auto.recent-table div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
      position: relative;
      left: 1.25rem;
      top: 0.25rem;
      margin-bottom: 1.25rem;
    }

    .unpaid-fees-table .\[\@media\(max-width\:1529px\)\]\:overflow-x-auto.recent-table div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
      position: relative;
      left: 1.25rem;
      top: 0.25rem;
      margin-bottom: 1.25rem;
    }

    .top-student-table .\[\@media\(max-width\:1529px\)\]\:overflow-x-auto.recent-table div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
      position: relative;
      left: 1.25rem;
      top: 0.25rem;
      margin-bottom: 1.25rem;
    }
  }

  @media (max-width: 1600px) {
  }

  @media (max-width: 1500px) {
    .new-enroll-student .\[\@media\(max-width\:1529px\)\]\:overflow-x-auto.recent-table div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
      position: relative;
      left: -1.25rem;
      top: 0.25rem;
      margin-bottom: 1.25rem;
      width: 75%;
    }
  }

  @media (max-width: 1199px) {
  }

  @media (max-width: 1660px) and (min-width: 1400px) {
  }

  @media (max-width: 1660px) {
    .\[\@media\(max-width\:1529px\)\]\:overflow-x-auto.leave-request-table div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
      display: none;
    }
  }

  @media (max-width: 640px) {
  }

  @media (max-width: 767px){
  }

  @media (max-width: 575px) {
  }

  @media (max-width: 1470px) {
  }

  @media (max-width: 1199px) {
  }

  @media (max-width: 1399px) and (min-width: 1200px) {
  }
}

@media(max-width:1535px) {
  @media (max-width: 767px) {
  }
}

@media(max-width:445px) {
  @media (max-width: 575px) {
  }
}

@media(max-width:575px) {
  @media (max-width: 767px) {
  }
}

@media(max-width:700px) {
  @media (max-width: 575px) {
  }
}

@media(min-width:320px) and (max-width:1818px) {
  @media (min-width: 1200px) {
  }

  @media (max-width: 575px) {
  }
}

@media(min-width:768px) and (max-width:1200px) {
  @media (max-width: 575px) {
  }
}

.marker\:text-xl *::marker {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.marker\:leading-\[0\.9\] *::marker {
  line-height: 0.9;
}

.marker\:text-xl::marker {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.marker\:leading-\[0\.9\]::marker {
  line-height: 0.9;
}

.file\:text-\[rgba\(var\(--font-gray-color\)\2c 1\)\]::file-selector-button {
  color: rgba(var(--font-gray-color),1);
}

.before\:visible::before {
  content: var(--tw-content);
  visibility: visible;
}

.before\:invisible::before {
  content: var(--tw-content);
  visibility: hidden;
}

.before\:absolute::before {
  content: var(--tw-content);
  position: absolute;
}

.before\:relative::before {
  content: var(--tw-content);
  position: relative;
}

.before\:-bottom-1::before {
  content: var(--tw-content);
  bottom: -0.25rem;
}

.before\:-bottom-2::before {
  content: var(--tw-content);
  bottom: -0.5rem;
}

.before\:-left-2\.5::before {
  content: var(--tw-content);
  left: -0.625rem;
}

.before\:-left-3\/4::before {
  content: var(--tw-content);
  left: -75%;
}

.before\:-right-0\.5::before {
  content: var(--tw-content);
  right: -0.125rem;
}

.before\:-top-0::before {
  content: var(--tw-content);
  top: -0px;
}

.before\:-top-2::before {
  content: var(--tw-content);
  top: -0.5rem;
}

.before\:-top-4::before {
  content: var(--tw-content);
  top: -1rem;
}

.before\:bottom-0::before {
  content: var(--tw-content);
  bottom: 0px;
}

.before\:bottom-\[-18px\]::before {
  content: var(--tw-content);
  bottom: -18px;
}

.before\:bottom-\[3px\]::before {
  content: var(--tw-content);
  bottom: 3px;
}

.before\:left-0::before {
  content: var(--tw-content);
  left: 0px;
}

.before\:left-0\.5::before {
  content: var(--tw-content);
  left: 0.125rem;
}

.before\:left-1::before {
  content: var(--tw-content);
  left: 0.25rem;
}

.before\:left-2\/4::before {
  content: var(--tw-content);
  left: 50%;
}

.before\:left-5::before {
  content: var(--tw-content);
  left: 1.25rem;
}

.before\:left-\[-22px\]::before {
  content: var(--tw-content);
  left: -22px;
}

.before\:left-\[-27px\]::before {
  content: var(--tw-content);
  left: -27px;
}

.before\:left-\[0\.75em\]::before {
  content: var(--tw-content);
  left: 0.75em;
}

.before\:left-\[18px\]::before {
  content: var(--tw-content);
  left: 18px;
}

.before\:left-\[1em\]::before {
  content: var(--tw-content);
  left: 1em;
}

.before\:left-\[25px\]::before {
  content: var(--tw-content);
  left: 25px;
}

.before\:left-\[35px\]::before {
  content: var(--tw-content);
  left: 35px;
}

.before\:left-\[38px\]::before {
  content: var(--tw-content);
  left: 38px;
}

.before\:left-\[3em\]::before {
  content: var(--tw-content);
  left: 3em;
}

.before\:left-\[40\%\]::before {
  content: var(--tw-content);
  left: 40%;
}

.before\:left-\[55px\]::before {
  content: var(--tw-content);
  left: 55px;
}

.before\:left-\[5px\]::before {
  content: var(--tw-content);
  left: 5px;
}

.before\:left-\[calc\(100\%_\+_16px\)\]::before {
  content: var(--tw-content);
  left: calc(100% + 16px);
}

.before\:left-\[unset\]::before {
  content: var(--tw-content);
  left: unset;
}

.before\:left-\[var\(--l\2c 9px\)\]::before {
  content: var(--tw-content);
  left: var(--l,9px);
}

.before\:right-0::before {
  content: var(--tw-content);
  right: 0px;
}

.before\:right-5::before {
  content: var(--tw-content);
  right: 1.25rem;
}

.before\:right-\[-2\%\]::before {
  content: var(--tw-content);
  right: -2%;
}

.before\:right-\[0px\]::before {
  content: var(--tw-content);
  right: 0px;
}

.before\:right-\[50px\]::before {
  content: var(--tw-content);
  right: 50px;
}

.before\:right-\[55px\]::before {
  content: var(--tw-content);
  right: 55px;
}

.before\:right-\[calc\(100\%_\+_16px\)\]::before {
  content: var(--tw-content);
  right: calc(100% + 16px);
}

.before\:right-\[inherit\]::before {
  content: var(--tw-content);
  right: inherit;
}

.before\:right-\[unset\]::before {
  content: var(--tw-content);
  right: unset;
}

.before\:right-full::before {
  content: var(--tw-content);
  right: 100%;
}

.before\:top-0::before {
  content: var(--tw-content);
  top: 0px;
}

.before\:top-1::before {
  content: var(--tw-content);
  top: 0.25rem;
}

.before\:top-2\/4::before {
  content: var(--tw-content);
  top: 50%;
}

.before\:top-\[-11px\]::before {
  content: var(--tw-content);
  top: -11px;
}

.before\:top-\[-23px\]::before {
  content: var(--tw-content);
  top: -23px;
}

.before\:top-\[-3px\]::before {
  content: var(--tw-content);
  top: -3px;
}

.before\:top-\[-7px\]::before {
  content: var(--tw-content);
  top: -7px;
}

.before\:top-\[0\.225rem\]::before {
  content: var(--tw-content);
  top: 0.225rem;
}

.before\:top-\[110\%\]::before {
  content: var(--tw-content);
  top: 110%;
}

.before\:top-\[19px\]::before {
  content: var(--tw-content);
  top: 19px;
}

.before\:top-\[2\.75em\]::before {
  content: var(--tw-content);
  top: 2.75em;
}

.before\:top-\[30px\]::before {
  content: var(--tw-content);
  top: 30px;
}

.before\:top-\[3px\]::before {
  content: var(--tw-content);
  top: 3px;
}

.before\:top-\[5px\]::before {
  content: var(--tw-content);
  top: 5px;
}

.before\:top-\[75px\]::before {
  content: var(--tw-content);
  top: 75px;
}

.before\:top-\[9px\]::before {
  content: var(--tw-content);
  top: 9px;
}

.before\:top-\[calc\(50\%_-_1px\)\]::before {
  content: var(--tw-content);
  top: calc(50% - 1px);
}

.before\:top-\[calc\(50\%_-_8px\)\]::before {
  content: var(--tw-content);
  top: calc(50% - 8px);
}

.before\:top-\[var\(--t\2c 13px\)\]::before {
  content: var(--tw-content);
  top: var(--t,13px);
}

.before\:z-0::before {
  content: var(--tw-content);
  z-index: 0;
}

.before\:z-\[-1\]::before {
  content: var(--tw-content);
  z-index: -1;
}

.before\:z-\[-2\]::before {
  content: var(--tw-content);
  z-index: -2;
}

.before\:z-\[1\]::before {
  content: var(--tw-content);
  z-index: 1;
}

.before\:z-\[2\]::before {
  content: var(--tw-content);
  z-index: 2;
}

.before\:z-\[var\(--zi\2c 1\)\]::before {
  content: var(--tw-content);
  z-index: var(--zi,1);
}

.before\:float-right::before {
  content: var(--tw-content);
  float: right;
}

.before\:m-0::before {
  content: var(--tw-content);
  margin: 0px;
}

.before\:-ml-2\.5::before {
  content: var(--tw-content);
  margin-left: -0.625rem;
}

.before\:-ml-4::before {
  content: var(--tw-content);
  margin-left: -1rem;
}

.before\:-ml-5::before {
  content: var(--tw-content);
  margin-left: -1.25rem;
}

.before\:-mr-4::before {
  content: var(--tw-content);
  margin-right: -1rem;
}

.before\:-mr-5::before {
  content: var(--tw-content);
  margin-right: -1.25rem;
}

.before\:-mt-2::before {
  content: var(--tw-content);
  margin-top: -0.5rem;
}

.before\:ml-0::before {
  content: var(--tw-content);
  margin-left: 0px;
}

.before\:ml-\[unset\]::before {
  content: var(--tw-content);
  margin-left: unset;
}

.before\:ml-px::before {
  content: var(--tw-content);
  margin-left: 1px;
}

.before\:mt-\[calc\(45px_\+_\(55_-_45\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\]::before {
  content: var(--tw-content);
  margin-top: calc(45px + (55 - 45) * ((100vw - 320px) / (1920 - 320)));
}

.before\:box-border::before {
  content: var(--tw-content);
  box-sizing: border-box;
}

.before\:block::before {
  content: var(--tw-content);
  display: block;
}

.before\:inline-block::before {
  content: var(--tw-content);
  display: inline-block;
}

.before\:flex::before {
  content: var(--tw-content);
  display: flex;
}

.before\:table::before {
  content: var(--tw-content);
  display: table;
}

.before\:hidden::before {
  content: var(--tw-content);
  display: none;
}

.before\:h-0::before {
  content: var(--tw-content);
  height: 0px;
}

.before\:h-0\.5::before {
  content: var(--tw-content);
  height: 0.125rem;
}

.before\:h-1\.5::before {
  content: var(--tw-content);
  height: 0.375rem;
}

.before\:h-10::before {
  content: var(--tw-content);
  height: 2.5rem;
}

.before\:h-2::before {
  content: var(--tw-content);
  height: 0.5rem;
}

.before\:h-3::before {
  content: var(--tw-content);
  height: 0.75rem;
}

.before\:h-4::before {
  content: var(--tw-content);
  height: 1rem;
}

.before\:h-\[19px\]::before {
  content: var(--tw-content);
  height: 19px;
}

.before\:h-\[200px\]::before {
  content: var(--tw-content);
  height: 200px;
}

.before\:h-\[2em\]::before {
  content: var(--tw-content);
  height: 2em;
}

.before\:h-\[2px\]::before {
  content: var(--tw-content);
  height: 2px;
}

.before\:h-\[300px\]::before {
  content: var(--tw-content);
  height: 300px;
}

.before\:h-\[50px\]::before {
  content: var(--tw-content);
  height: 50px;
}

.before\:h-\[5px\]::before {
  content: var(--tw-content);
  height: 5px;
}

.before\:h-\[calc\(100\%_-_10px\)\]::before {
  content: var(--tw-content);
  height: calc(100% - 10px);
}

.before\:h-\[calc\(100\%_-_12px\)\]::before {
  content: var(--tw-content);
  height: calc(100% - 12px);
}

.before\:h-\[calc\(100\%_-_40px\)\]::before {
  content: var(--tw-content);
  height: calc(100% - 40px);
}

.before\:h-\[calc\(100\%_-_42px\)\]::before {
  content: var(--tw-content);
  height: calc(100% - 42px);
}

.before\:h-\[calc\(36px_\+_\(48_-_36\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\]::before {
  content: var(--tw-content);
  height: calc(36px + (48 - 36) * ((100vw - 320px) / (1920 - 320)));
}

.before\:h-\[var\(--h\2c 2px\)\]::before {
  content: var(--tw-content);
  height: var(--h,2px);
}

.before\:h-full::before {
  content: var(--tw-content);
  height: 100%;
}

.before\:h-px::before {
  content: var(--tw-content);
  height: 1px;
}

.before\:w-0::before {
  content: var(--tw-content);
  width: 0px;
}

.before\:w-10::before {
  content: var(--tw-content);
  width: 2.5rem;
}

.before\:w-2::before {
  content: var(--tw-content);
  width: 0.5rem;
}

.before\:w-3::before {
  content: var(--tw-content);
  width: 0.75rem;
}

.before\:w-4::before {
  content: var(--tw-content);
  width: 1rem;
}

.before\:w-6\/12::before {
  content: var(--tw-content);
  width: 50%;
}

.before\:w-\[19px\]::before {
  content: var(--tw-content);
  width: 19px;
}

.before\:w-\[2\.5em\]::before {
  content: var(--tw-content);
  width: 2.5em;
}

.before\:w-\[2em\]::before {
  content: var(--tw-content);
  width: 2em;
}

.before\:w-\[50px\]::before {
  content: var(--tw-content);
  width: 50px;
}

.before\:w-\[5px\]::before {
  content: var(--tw-content);
  width: 5px;
}

.before\:w-\[65\%\]::before {
  content: var(--tw-content);
  width: 65%;
}

.before\:w-\[calc\(100\%_\+_40px\)\]::before {
  content: var(--tw-content);
  width: calc(100% + 40px);
}

.before\:w-\[calc\(100\%_-_40px\)\]::before {
  content: var(--tw-content);
  width: calc(100% - 40px);
}

.before\:w-\[calc\(20px_\+_\(28_-_20\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\]::before {
  content: var(--tw-content);
  width: calc(20px + (28 - 20) * ((100vw - 320px) / (1920 - 320)));
}

.before\:w-\[var\(--w\2c 8px\)\]::before {
  content: var(--tw-content);
  width: var(--w,8px);
}

.before\:w-full::before {
  content: var(--tw-content);
  width: 100%;
}

.before\:w-px::before {
  content: var(--tw-content);
  width: 1px;
}

.before\:max-w-\[125px\]::before {
  content: var(--tw-content);
  max-width: 125px;
}

.before\:origin-\[60\%_50\%\]::before {
  content: var(--tw-content);
  transform-origin: 60% 50%;
}

.before\:\!translate-x-\[26px\]::before {
  content: var(--tw-content);
  --tw-translate-x: 26px !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}

.before\:-translate-x-2\/4::before {
  content: var(--tw-content);
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.before\:-translate-y-2\/4::before {
  content: var(--tw-content);
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.before\:translate-x-\[0em\]::before {
  content: var(--tw-content);
  --tw-translate-x: 0em;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.before\:translate-x-\[26px\]::before {
  content: var(--tw-content);
  --tw-translate-x: 26px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.before\:-rotate-45::before {
  content: var(--tw-content);
  --tw-rotate: -45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.before\:skew-x-\[-25deg\]::before {
  content: var(--tw-content);
  --tw-skew-x: -25deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.before\:scale-0::before {
  content: var(--tw-content);
  --tw-scale-x: 0;
  --tw-scale-y: 0;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.before\:scale-100::before {
  content: var(--tw-content);
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.before\:animate-\[fadeIn_0\.5s_ease-in-out\]::before {
  content: var(--tw-content);
  animation: fadeIn 0.5s ease-in-out;
}

.before\:animate-\[shrink_2s_ease-in-out_infinite\]::before {
  content: var(--tw-content);
  animation: shrink 2s ease-in-out infinite;
}

.before\:items-center::before {
  content: var(--tw-content);
  align-items: center;
}

.before\:justify-center::before {
  content: var(--tw-content);
  justify-content: center;
}

.before\:rounded-\[100\%\]::before {
  content: var(--tw-content);
  border-radius: 100%;
}

.before\:rounded-\[15px\]::before {
  content: var(--tw-content);
  border-radius: 15px;
}

.before\:rounded-\[15px_0_0_15px\]::before {
  content: var(--tw-content);
  border-radius: 15px 0 0 15px;
}

.before\:rounded-\[25px_0_25px_0\]::before {
  content: var(--tw-content);
  border-radius: 25px 0 25px 0;
}

.before\:rounded-\[32px\]::before {
  content: var(--tw-content);
  border-radius: 32px;
}

.before\:rounded-\[3px\]::before {
  content: var(--tw-content);
  border-radius: 3px;
}

.before\:rounded-\[50\%\]::before {
  content: var(--tw-content);
  border-radius: 50%;
}

.before\:rounded-\[5px\]::before {
  content: var(--tw-content);
  border-radius: 5px;
}

.before\:rounded-\[var\(--br\2c 1px\)\]::before {
  content: var(--tw-content);
  border-radius: var(--br,1px);
}

.before\:border::before {
  content: var(--tw-content);
  border-width: 1px;
}

.before\:border-2::before {
  content: var(--tw-content);
  border-width: 2px;
}

.before\:border-\[7px\]::before {
  content: var(--tw-content);
  border-width: 7px;
}

.before\:border-x-\[7px\]::before {
  content: var(--tw-content);
  border-left-width: 7px;
  border-right-width: 7px;
}

.before\:border-y-\[7px\]::before {
  content: var(--tw-content);
  border-top-width: 7px;
  border-bottom-width: 7px;
}

.before\:border-b-\[7px\]::before {
  content: var(--tw-content);
  border-bottom-width: 7px;
}

.before\:border-l-0::before {
  content: var(--tw-content);
  border-left-width: 0px;
}

.before\:border-l-\[7px\]::before {
  content: var(--tw-content);
  border-left-width: 7px;
}

.before\:border-r-\[7px\]::before {
  content: var(--tw-content);
  border-right-width: 7px;
}

.before\:border-t::before {
  content: var(--tw-content);
  border-top-width: 1px;
}

.before\:border-solid::before {
  content: var(--tw-content);
  border-style: solid;
}

.before\:border-dashed::before {
  content: var(--tw-content);
  border-style: dashed;
}

.before\:border-\[rgba\(var\(--badge-light-color\)\2c 0\.1\)\]::before {
  content: var(--tw-content);
  border-color: rgba(var(--badge-light-color),0.1);
}

.before\:border-\[rgba\(var\(--badge-light-color\)\2c 0\.3\)\]::before {
  content: var(--tw-content);
  border-color: rgba(var(--badge-light-color),0.3);
}

.before\:border-\[rgba\(var\(--dark-border-color\)\2c 1\)\]::before {
  content: var(--tw-content);
  border-color: rgba(var(--dark-border-color),1);
}

.before\:border-\[rgba\(var\(--gray-60\)\2c 1\)\]::before {
  content: var(--tw-content);
  border-color: rgba(var(--gray-60),1);
}

.before\:border-\[rgba\(var\(--light-semi-gray\)\2c 1\)\]::before {
  content: var(--tw-content);
  border-color: rgba(var(--light-semi-gray),1);
}

.before\:border-\[rgba\(var\(--recent-dashed-border\)\2c 1\)\]::before {
  content: var(--tw-content);
  border-color: rgba(var(--recent-dashed-border),1);
}

.before\:border-\[rgba\(var\(--theme-body-sub-title-color\)\2c 1\)\]::before {
  content: var(--tw-content);
  border-color: rgba(var(--theme-body-sub-title-color),1);
}

.before\:border-\[rgba\(var\(--theme-default\)\2c 1\)\]::before {
  content: var(--tw-content);
  border-color: rgba(var(--theme-default),1);
}

.before\:border-transparent::before {
  content: var(--tw-content);
  border-color: transparent;
}

.before\:border-x-transparent::before {
  content: var(--tw-content);
  border-left-color: transparent;
  border-right-color: transparent;
}

.before\:border-y-transparent::before {
  content: var(--tw-content);
  border-top-color: transparent;
  border-bottom-color: transparent;
}

.before\:border-b-\[rgba\(var\(--dark-body-background\)\2c 1\)\]::before {
  content: var(--tw-content);
  border-bottom-color: rgba(var(--dark-body-background),1);
}

.before\:border-b-white::before {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}

.before\:border-l-\[rgba\(var\(--primary-color\)\2c 1\)\]::before {
  content: var(--tw-content);
  border-left-color: rgba(var(--primary-color),1);
}

.before\:border-r-\[rgba\(var\(--dark-color\)\2c 1\)\]::before {
  content: var(--tw-content);
  border-right-color: rgba(var(--dark-color),1);
}

.before\:border-r-\[rgba\(var\(--primary-color\)\2c 1\)\]::before {
  content: var(--tw-content);
  border-right-color: rgba(var(--primary-color),1);
}

.before\:border-r-\[rgba\(var\(--semi-dark\)\2c 1\)\]::before {
  content: var(--tw-content);
  border-right-color: rgba(var(--semi-dark),1);
}

.before\:border-r-\[unset\]::before {
  content: var(--tw-content);
  border-right-color: unset;
}

.before\:border-t-\[\#eee\]::before {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-top-color: rgb(238 238 238 / var(--tw-border-opacity, 1));
}

.before\:border-t-\[rgba\(var\(--chart-dashed-border\)\2c 1\)\]::before {
  content: var(--tw-content);
  border-top-color: rgba(var(--chart-dashed-border),1);
}

.before\:border-t-\[rgba\(var\(--dark-color\)\2c 1\)\]::before {
  content: var(--tw-content);
  border-top-color: rgba(var(--dark-color),1);
}

.before\:bg-\[\#f3f3ff\]::before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(243 243 255 / var(--tw-bg-opacity, 1));
}

.before\:bg-\[rgba\(115\2c 102\2c 255\2c 0\.1\)\]::before {
  content: var(--tw-content);
  background-color: rgba(115,102,255,0.1);
}

.before\:bg-\[rgba\(var\(--danger-color\)\2c 1\)\]::before {
  content: var(--tw-content);
  background-color: rgba(var(--danger-color),1);
}

.before\:bg-\[rgba\(var\(--dark-body-background\)\2c 1\)\]::before {
  content: var(--tw-content);
  background-color: rgba(var(--dark-body-background),1);
}

.before\:bg-\[rgba\(var\(--dark-border-color\)\2c 1\)\]::before {
  content: var(--tw-content);
  background-color: rgba(var(--dark-border-color),1);
}

.before\:bg-\[rgba\(var\(--dark-card-border\)\2c 1\)\]::before {
  content: var(--tw-content);
  background-color: rgba(var(--dark-card-border),1);
}

.before\:bg-\[rgba\(var\(--dark-color\)\2c 1\)\]::before {
  content: var(--tw-content);
  background-color: rgba(var(--dark-color),1);
}

.before\:bg-\[rgba\(var\(--gray-60\)\2c 1\)\]::before {
  content: var(--tw-content);
  background-color: rgba(var(--gray-60),1);
}

.before\:bg-\[rgba\(var\(--info-color\)\2c 1\)\]::before {
  content: var(--tw-content);
  background-color: rgba(var(--info-color),1);
}

.before\:bg-\[rgba\(var\(--light-color\)\2c 1\)\]::before {
  content: var(--tw-content);
  background-color: rgba(var(--light-color),1);
}

.before\:bg-\[rgba\(var\(--light-text\)\2c 1\)\]::before {
  content: var(--tw-content);
  background-color: rgba(var(--light-text),1);
}

.before\:bg-\[rgba\(var\(--success-color\)\2c 1\)\]::before {
  content: var(--tw-content);
  background-color: rgba(var(--success-color),1);
}

.before\:bg-\[rgba\(var\(--theme-default\)\2c 1\)\]::before {
  content: var(--tw-content);
  background-color: rgba(var(--theme-default),1);
}

.before\:bg-\[rgba\(var\(--theme-secondary\)\2c 1\)\]::before {
  content: var(--tw-content);
  background-color: rgba(var(--theme-secondary),1);
}

.before\:bg-\[rgba\(var\(--warning-color\)\2c 1\)\]::before {
  content: var(--tw-content);
  background-color: rgba(var(--warning-color),1);
}

.before\:bg-\[rgba\(var\(--white\)\2c 0\.27\)\]::before {
  content: var(--tw-content);
  background-color: rgba(var(--white),0.27);
}

.before\:bg-\[rgba\(var\(--white\)\2c 1\)\]::before {
  content: var(--tw-content);
  background-color: rgba(var(--white),1);
}

.before\:bg-transparent::before {
  content: var(--tw-content);
  background-color: transparent;
}

.before\:bg-\[linear-gradient\(_135deg\2c rgba\(var\(--theme-default\)\2c 1\)_0\%\2c rgba\(var\(--info-color\)\2c 1\)_100\%_\)\]::before {
  content: var(--tw-content);
  background-image: linear-gradient( 135deg,rgba(var(--theme-default),1) 0%,rgba(var(--info-color),1) 100% );
}

.before\:p-0\.5::before {
  content: var(--tw-content);
  padding: 0.125rem;
}

.before\:p-\[18px\]::before {
  content: var(--tw-content);
  padding: 18px;
}

.before\:px-\[5px\]::before {
  content: var(--tw-content);
  padding-left: 5px;
  padding-right: 5px;
}

.before\:py-0::before {
  content: var(--tw-content);
  padding-top: 0px;
  padding-bottom: 0px;
}

.before\:\!pr-\[unset\]::before {
  content: var(--tw-content);
  padding-right: unset !important;
}

.before\:pl-2::before {
  content: var(--tw-content);
  padding-left: 0.5rem;
}

.before\:pr-2::before {
  content: var(--tw-content);
  padding-right: 0.5rem;
}

.before\:text-center::before {
  content: var(--tw-content);
  text-align: center;
}

.before\:text-3xl::before {
  content: var(--tw-content);
  font-size: 1.875rem;
  line-height: 2.25rem;
}

.before\:text-\[0\.5em\]::before {
  content: var(--tw-content);
  font-size: 0.5em;
}

.before\:text-\[22px\]::before {
  content: var(--tw-content);
  font-size: 22px;
}

.before\:text-\[40px\]::before {
  content: var(--tw-content);
  font-size: 40px;
}

.before\:text-base::before {
  content: var(--tw-content);
  font-size: 1rem;
  line-height: 1.5rem;
}

.before\:text-xl::before {
  content: var(--tw-content);
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.before\:text-xs::before {
  content: var(--tw-content);
  font-size: 0.75rem;
  line-height: 1rem;
}

.before\:font-black::before {
  content: var(--tw-content);
  font-weight: 900;
}

.before\:font-normal::before {
  content: var(--tw-content);
  font-weight: 400;
}

.before\:font-semibold::before {
  content: var(--tw-content);
  font-weight: 600;
}

.before\:leading-none::before {
  content: var(--tw-content);
  line-height: 1;
}

.before\:text-\[\#343a40\]::before {
  content: var(--tw-content);
  --tw-text-opacity: 1;
  color: rgb(52 58 64 / var(--tw-text-opacity, 1));
}

.before\:text-\[rgba\(var\(--black\)\2c 1\)\]::before {
  content: var(--tw-content);
  color: rgba(var(--black),1);
}

.before\:text-\[rgba\(var\(--body-font-color\)\2c 1\)\]::before {
  content: var(--tw-content);
  color: rgba(var(--body-font-color),1);
}

.before\:text-\[rgba\(var\(--chart-text-color\)\2c 1\)\]::before {
  content: var(--tw-content);
  color: rgba(var(--chart-text-color),1);
}

.before\:text-\[rgba\(var\(--dark-all-font-color\)\2c 1\)\]::before {
  content: var(--tw-content);
  color: rgba(var(--dark-all-font-color),1);
}

.before\:text-\[rgba\(var\(--dark-color\)\2c 1\)\]::before {
  content: var(--tw-content);
  color: rgba(var(--dark-color),1);
}

.before\:text-\[rgba\(var\(--dark-small-font-color\)\2c 1\)\]::before {
  content: var(--tw-content);
  color: rgba(var(--dark-small-font-color),1);
}

.before\:text-\[rgba\(var\(--light-text\)\2c 1\)\]::before {
  content: var(--tw-content);
  color: rgba(var(--light-text),1);
}

.before\:text-\[rgba\(var\(--theme-default\)\2c 1\)\]::before {
  content: var(--tw-content);
  color: rgba(var(--theme-default),1);
}

.before\:text-\[rgba\(var\(--theme-font-color\)\2c 1\)\]::before {
  content: var(--tw-content);
  color: rgba(var(--theme-font-color),1);
}

.before\:text-\[rgba\(var\(--white\)\2c 1\)\]::before {
  content: var(--tw-content);
  color: rgba(var(--white),1);
}

.before\:opacity-0::before {
  content: var(--tw-content);
  opacity: 0;
}

.before\:opacity-10::before {
  content: var(--tw-content);
  opacity: 0.1;
}

.before\:opacity-100::before {
  content: var(--tw-content);
  opacity: 1;
}

.before\:opacity-30::before {
  content: var(--tw-content);
  opacity: 0.3;
}

.before\:opacity-40::before {
  content: var(--tw-content);
  opacity: 0.4;
}

.before\:opacity-70::before {
  content: var(--tw-content);
  opacity: 0.7;
}

.before\:shadow-\[3px_4px_5px_rgba\(46\2c 35\2c 94\2c 0\.11\)\2c inset_3px_0px_1px_rgba\(204\2c 204\2c 215\2c 0\.5\)\]::before {
  content: var(--tw-content);
  --tw-shadow: 3px 4px 5px rgba(46,35,94,0.11),inset 3px 0px 1px rgba(204,204,215,0.5);
  --tw-shadow-colored: 3px 4px 5px var(--tw-shadow-color), inset 3px 0px 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.before\:transition-\[0\.3s\]::before {
  content: var(--tw-content);
  transition-property: 0.3s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.before\:transition-\[0\.4s\]::before {
  content: var(--tw-content);
  transition-property: 0.4s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.before\:transition-\[0\.5s\]::before {
  content: var(--tw-content);
  transition-property: 0.5s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.before\:transition-\[1s\]::before {
  content: var(--tw-content);
  transition-property: 1s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.before\:transition-\[background\]::before {
  content: var(--tw-content);
  transition-property: background;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.before\:transition-\[border\]::before {
  content: var(--tw-content);
  transition-property: border;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.before\:transition-all::before {
  content: var(--tw-content);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.before\:transition-transform::before {
  content: var(--tw-content);
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.before\:duration-\[0\.15s\]::before {
  content: var(--tw-content);
  transition-duration: 0.15s;
}

.before\:duration-\[0\.25s\]::before {
  content: var(--tw-content);
  transition-duration: 0.25s;
}

.before\:duration-\[0\.3s\]::before {
  content: var(--tw-content);
  transition-duration: 0.3s;
}

.before\:duration-\[0\.4s\]::before {
  content: var(--tw-content);
  transition-duration: 0.4s;
}

.before\:duration-\[ease-in-out\]::before {
  content: var(--tw-content);
  transition-duration: ease-in-out;
}

.before\:duration-\[ease-out\]::before {
  content: var(--tw-content);
  transition-duration: ease-out;
}

.before\:ease-\[cubic-bezier\(0\.45\2c 1\.8\2c 0\.5\2c 0\.75\)\]::before {
  content: var(--tw-content);
  transition-timing-function: cubic-bezier(0.45,1.8,0.5,0.75);
}

.before\:ease-\[ease-in-out\]::before {
  content: var(--tw-content);
  transition-timing-function: ease-in-out;
}

.before\:ease-\[ease-out\]::before {
  content: var(--tw-content);
  transition-timing-function: ease-out;
}

.before\:ease-\[ease\]::before {
  content: var(--tw-content);
  transition-timing-function: ease;
}

.before\:content-\[\"\"\]::before {
  --tw-content: "";
  content: var(--tw-content);
}

.before\:content-\[\"Loading\.\.\.\"\]::before {
  --tw-content: "Loading...";
  content: var(--tw-content);
}

.before\:content-\[\"Or_Login_With\"\]::before {
  --tw-content: "Or Login With";
  content: var(--tw-content);
}

.before\:content-\[\"\\2b\"\]::before {
  --tw-content: "\2b";
  content: var(--tw-content);
}

.before\:content-\[\"\\e64c\"\]::before {
  --tw-content: "\e64c";
  content: var(--tw-content);
}

.before\:content-\[\"\\edee\"\]::before {
  --tw-content: "\edee";
  content: var(--tw-content);
}

.before\:content-\[\"\\f00c\"\]::before {
  --tw-content: "\f00c";
  content: var(--tw-content);
}

.before\:content-\[\"\\f070\"\]::before {
  --tw-content: "\f070";
  content: var(--tw-content);
}

.before\:content-\[\"\\f107\"\]::before {
  --tw-content: "\f107";
  content: var(--tw-content);
}

.before\:content-\[\"\\f118\"\]::before {
  --tw-content: "\f118";
  content: var(--tw-content);
}

.before\:content-\[\"\\f178\"\]::before {
  --tw-content: "\f178";
  content: var(--tw-content);
}

.before\:content-\[\"_\"\]::before {
  --tw-content: " ";
  content: var(--tw-content);
}

.before\:content-\[\"\2014_\"\]::before {
  --tw-content: "— ";
  content: var(--tw-content);
}

.before\:content-\[\'\'\]::before {
  --tw-content: '';
  content: var(--tw-content);
}

.before\:content-\[attr\(data-text\)\]::before {
  --tw-content: attr(data-text);
  content: var(--tw-content);
}

.before\:content-\[attr\(data-tg-off\)\]::before {
  --tw-content: attr(data-tg-off);
  content: var(--tw-content);
}

.before\:content-\[attr\(data-title\)\]::before {
  --tw-content: attr(data-title);
  content: var(--tw-content);
}

.before\:content-\[unset\]::before {
  --tw-content: unset;
  content: var(--tw-content);
}

.before\:content-\[var\(--breadcrumb-content\)\]::before {
  --tw-content: var(--breadcrumb-content);
  content: var(--tw-content);
}

.after\:visible::after {
  content: var(--tw-content);
  visibility: visible;
}

.after\:invisible::after {
  content: var(--tw-content);
  visibility: hidden;
}

.after\:absolute::after {
  content: var(--tw-content);
  position: absolute;
}

.after\:-bottom-1::after {
  content: var(--tw-content);
  bottom: -0.25rem;
}

.after\:-left-2::after {
  content: var(--tw-content);
  left: -0.5rem;
}

.after\:-left-2\.5::after {
  content: var(--tw-content);
  left: -0.625rem;
}

.after\:-left-40::after {
  content: var(--tw-content);
  left: -10rem;
}

.after\:-right-2::after {
  content: var(--tw-content);
  right: -0.5rem;
}

.after\:-right-px::after {
  content: var(--tw-content);
  right: -1px;
}

.after\:-top-0::after {
  content: var(--tw-content);
  top: -0px;
}

.after\:-top-px::after {
  content: var(--tw-content);
  top: -1px;
}

.after\:bottom-0::after {
  content: var(--tw-content);
  bottom: 0px;
}

.after\:bottom-\[-210px\]::after {
  content: var(--tw-content);
  bottom: -210px;
}

.after\:left-0::after {
  content: var(--tw-content);
  left: 0px;
}

.after\:left-2\.5::after {
  content: var(--tw-content);
  left: 0.625rem;
}

.after\:left-2\/4::after {
  content: var(--tw-content);
  left: 50%;
}

.after\:left-5::after {
  content: var(--tw-content);
  left: 1.25rem;
}

.after\:left-\[-0\.125rem\]::after {
  content: var(--tw-content);
  left: -0.125rem;
}

.after\:left-\[0\.5em\]::after {
  content: var(--tw-content);
  left: 0.5em;
}

.after\:left-\[27px\]::after {
  content: var(--tw-content);
  left: 27px;
}

.after\:left-\[35px\]::after {
  content: var(--tw-content);
  left: 35px;
}

.after\:left-\[3px\]::after {
  content: var(--tw-content);
  left: 3px;
}

.after\:left-\[5px\]::after {
  content: var(--tw-content);
  left: 5px;
}

.after\:left-\[unset\]::after {
  content: var(--tw-content);
  left: unset;
}

.after\:left-\[var\(--l\2c 9px\)\]::after {
  content: var(--tw-content);
  left: var(--l,9px);
}

.after\:left-full::after {
  content: var(--tw-content);
  left: 100%;
}

.after\:right-0::after {
  content: var(--tw-content);
  right: 0px;
}

.after\:right-2\.5::after {
  content: var(--tw-content);
  right: 0.625rem;
}

.after\:right-\[-9px\]::after {
  content: var(--tw-content);
  right: -9px;
}

.after\:right-\[0px\]::after {
  content: var(--tw-content);
  right: 0px;
}

.after\:right-\[26px\]::after {
  content: var(--tw-content);
  right: 26px;
}

.after\:right-\[3em\]::after {
  content: var(--tw-content);
  right: 3em;
}

.after\:right-\[inherit\]::after {
  content: var(--tw-content);
  right: inherit;
}

.after\:right-\[unset\]::after {
  content: var(--tw-content);
  right: unset;
}

.after\:right-auto::after {
  content: var(--tw-content);
  right: auto;
}

.after\:right-full::after {
  content: var(--tw-content);
  right: 100%;
}

.after\:top-2::after {
  content: var(--tw-content);
  top: 0.5rem;
}

.after\:top-2\/4::after {
  content: var(--tw-content);
  top: 50%;
}

.after\:top-\[-0\.125rem\]::after {
  content: var(--tw-content);
  top: -0.125rem;
}

.after\:top-\[-0\.25rem\]::after {
  content: var(--tw-content);
  top: -0.25rem;
}

.after\:top-\[-7px\]::after {
  content: var(--tw-content);
  top: -7px;
}

.after\:top-\[19px\]::after {
  content: var(--tw-content);
  top: 19px;
}

.after\:top-\[30\%\]::after {
  content: var(--tw-content);
  top: 30%;
}

.after\:top-\[48\%\]::after {
  content: var(--tw-content);
  top: 48%;
}

.after\:top-\[49\%\]::after {
  content: var(--tw-content);
  top: 49%;
}

.after\:top-\[5px\]::after {
  content: var(--tw-content);
  top: 5px;
}

.after\:top-\[calc\(50\%_-_8px\)\]::after {
  content: var(--tw-content);
  top: calc(50% - 8px);
}

.after\:top-\[var\(--t\2c 13px\)\]::after {
  content: var(--tw-content);
  top: var(--t,13px);
}

.after\:top-auto::after {
  content: var(--tw-content);
  top: auto;
}

.after\:z-\[1\]::after {
  content: var(--tw-content);
  z-index: 1;
}

.after\:z-\[2\]::after {
  content: var(--tw-content);
  z-index: 2;
}

.after\:z-\[var\(--zi\2c 1\)\]::after {
  content: var(--tw-content);
  z-index: var(--zi,1);
}

.after\:clear-both::after {
  content: var(--tw-content);
  clear: both;
}

.after\:m-0::after {
  content: var(--tw-content);
  margin: 0px;
}

.after\:m-auto::after {
  content: var(--tw-content);
  margin: auto;
}

.after\:-ml-5::after {
  content: var(--tw-content);
  margin-left: -1.25rem;
}

.after\:-ml-px::after {
  content: var(--tw-content);
  margin-left: -1px;
}

.after\:ml-3::after {
  content: var(--tw-content);
  margin-left: 0.75rem;
}

.after\:ml-\[-5px\]::after {
  content: var(--tw-content);
  margin-left: -5px;
}

.after\:mt-2\.5::after {
  content: var(--tw-content);
  margin-top: 0.625rem;
}

.after\:mt-3::after {
  content: var(--tw-content);
  margin-top: 0.75rem;
}

.after\:block::after {
  content: var(--tw-content);
  display: block;
}

.after\:inline-block::after {
  content: var(--tw-content);
  display: inline-block;
}

.after\:table::after {
  content: var(--tw-content);
  display: table;
}

.after\:hidden::after {
  content: var(--tw-content);
  display: none;
}

.after\:h-0::after {
  content: var(--tw-content);
  height: 0px;
}

.after\:h-14::after {
  content: var(--tw-content);
  height: 3.5rem;
}

.after\:h-2::after {
  content: var(--tw-content);
  height: 0.5rem;
}

.after\:h-3::after {
  content: var(--tw-content);
  height: 0.75rem;
}

.after\:h-3\.5::after {
  content: var(--tw-content);
  height: 0.875rem;
}

.after\:h-3\/5::after {
  content: var(--tw-content);
  height: 60%;
}

.after\:h-4::after {
  content: var(--tw-content);
  height: 1rem;
}

.after\:h-5::after {
  content: var(--tw-content);
  height: 1.25rem;
}

.after\:h-7::after {
  content: var(--tw-content);
  height: 1.75rem;
}

.after\:h-\[1\.3rem\]::after {
  content: var(--tw-content);
  height: 1.3rem;
}

.after\:h-\[2em\]::after {
  content: var(--tw-content);
  height: 2em;
}

.after\:h-\[30px\]::after {
  content: var(--tw-content);
  height: 30px;
}

.after\:h-\[35px\]::after {
  content: var(--tw-content);
  height: 35px;
}

.after\:h-\[4em\]::after {
  content: var(--tw-content);
  height: 4em;
}

.after\:h-\[5px\]::after {
  content: var(--tw-content);
  height: 5px;
}

.after\:h-\[calc\(100\%_\+_10px\)\]::after {
  content: var(--tw-content);
  height: calc(100% + 10px);
}

.after\:h-\[calc\(100\%_\+_4px\)\]::after {
  content: var(--tw-content);
  height: calc(100% + 4px);
}

.after\:h-\[calc\(28px_\+_\(40_-_28\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\]::after {
  content: var(--tw-content);
  height: calc(28px + (40 - 28) * ((100vw - 320px) / (1920 - 320)));
}

.after\:h-\[var\(--h\2c 2px\)\]::after {
  content: var(--tw-content);
  height: var(--h,2px);
}

.after\:h-full::after {
  content: var(--tw-content);
  height: 100%;
}

.after\:h-px::after {
  content: var(--tw-content);
  height: 1px;
}

.after\:w-0::after {
  content: var(--tw-content);
  width: 0px;
}

.after\:w-0\.5::after {
  content: var(--tw-content);
  width: 0.125rem;
}

.after\:w-1::after {
  content: var(--tw-content);
  width: 0.25rem;
}

.after\:w-1\.5::after {
  content: var(--tw-content);
  width: 0.375rem;
}

.after\:w-10::after {
  content: var(--tw-content);
  width: 2.5rem;
}

.after\:w-14::after {
  content: var(--tw-content);
  width: 3.5rem;
}

.after\:w-2::after {
  content: var(--tw-content);
  width: 0.5rem;
}

.after\:w-3::after {
  content: var(--tw-content);
  width: 0.75rem;
}

.after\:w-3\/5::after {
  content: var(--tw-content);
  width: 60%;
}

.after\:w-4::after {
  content: var(--tw-content);
  width: 1rem;
}

.after\:w-4\/5::after {
  content: var(--tw-content);
  width: 80%;
}

.after\:w-5::after {
  content: var(--tw-content);
  width: 1.25rem;
}

.after\:w-8::after {
  content: var(--tw-content);
  width: 2rem;
}

.after\:w-\[1\.3rem\]::after {
  content: var(--tw-content);
  width: 1.3rem;
}

.after\:w-\[2em\]::after {
  content: var(--tw-content);
  width: 2em;
}

.after\:w-\[4em\]::after {
  content: var(--tw-content);
  width: 4em;
}

.after\:w-\[54px\]::after {
  content: var(--tw-content);
  width: 54px;
}

.after\:w-\[5px\]::after {
  content: var(--tw-content);
  width: 5px;
}

.after\:w-\[calc\(100\%_\+_10px\)\]::after {
  content: var(--tw-content);
  width: calc(100% + 10px);
}

.after\:w-\[calc\(40px_\+_\(60_-_40\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\]::after {
  content: var(--tw-content);
  width: calc(40px + (60 - 40) * ((100vw - 320px) / (1920 - 320)));
}

.after\:w-\[var\(--w\2c 8px\)\]::after {
  content: var(--tw-content);
  width: var(--w,8px);
}

.after\:w-full::after {
  content: var(--tw-content);
  width: 100%;
}

.after\:w-px::after {
  content: var(--tw-content);
  width: 1px;
}

.after\:-translate-x-2\/4::after {
  content: var(--tw-content);
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.after\:-translate-y-2\/4::after {
  content: var(--tw-content);
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.after\:translate-x-\[-15px\]::after {
  content: var(--tw-content);
  --tw-translate-x: -15px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.after\:translate-x-\[0em\]::after {
  content: var(--tw-content);
  --tw-translate-x: 0em;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.after\:translate-x-\[15px\]::after {
  content: var(--tw-content);
  --tw-translate-x: 15px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.after\:translate-y-\[calc\(100\%_-_0px\)\]::after {
  content: var(--tw-content);
  --tw-translate-y: calc(100% - 0px);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.after\:-rotate-45::after {
  content: var(--tw-content);
  --tw-rotate: -45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.after\:skew-x-0::after {
  content: var(--tw-content);
  --tw-skew-x: 0deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.after\:scale-0::after {
  content: var(--tw-content);
  --tw-scale-x: 0;
  --tw-scale-y: 0;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.after\:scale-50::after {
  content: var(--tw-content);
  --tw-scale-x: .5;
  --tw-scale-y: .5;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.after\:scale-x-0::after {
  content: var(--tw-content);
  --tw-scale-x: 0;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.after\:scale-y-100::after {
  content: var(--tw-content);
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.after\:animate-\[grow_2s_cubic-bezier\(\.14\2c 0\.05\2c 0\.55\2c 0\.5\)_infinite_alternate\]::after {
  content: var(--tw-content);
  animation: grow 2s cubic-bezier(.14,0.05,0.55,0.5) infinite alternate;
}

.after\:animate-\[load_0\.85s_infinite_linear\]::after {
  content: var(--tw-content);
  animation: load 0.85s infinite linear;
}

.after\:animate-\[shrink_2s_ease-in-out_infinite\]::after {
  content: var(--tw-content);
  animation: shrink 2s ease-in-out infinite;
}

.after\:cursor-pointer::after {
  content: var(--tw-content);
  cursor: pointer;
}

.after\:rounded-2xl::after {
  content: var(--tw-content);
  border-radius: 1rem;
}

.after\:rounded-\[0_0_10px_10px\]::after {
  content: var(--tw-content);
  border-radius: 0 0 10px 10px;
}

.after\:rounded-\[100\%\]::after {
  content: var(--tw-content);
  border-radius: 100%;
}

.after\:rounded-\[10px\]::after {
  content: var(--tw-content);
  border-radius: 10px;
}

.after\:rounded-\[10px_10px_0_0\]::after {
  content: var(--tw-content);
  border-radius: 10px 10px 0 0;
}

.after\:rounded-\[50\%\]::after {
  content: var(--tw-content);
  border-radius: 50%;
}

.after\:rounded-\[50px\]::after {
  content: var(--tw-content);
  border-radius: 50px;
}

.after\:rounded-\[5px\]::after {
  content: var(--tw-content);
  border-radius: 5px;
}

.after\:rounded-\[5px_0_0_5px\]::after {
  content: var(--tw-content);
  border-radius: 5px 0 0 5px;
}

.after\:rounded-\[5px_0px_0px_5px\]::after {
  content: var(--tw-content);
  border-radius: 5px 0px 0px 5px;
}

.after\:rounded-\[var\(--br\2c 1px\)\]::after {
  content: var(--tw-content);
  border-radius: var(--br,1px);
}

.after\:rounded-bl-\[15\%\]::after {
  content: var(--tw-content);
  border-bottom-left-radius: 15%;
}

.after\:border::after {
  content: var(--tw-content);
  border-width: 1px;
}

.after\:border-2::after {
  content: var(--tw-content);
  border-width: 2px;
}

.after\:border-8::after {
  content: var(--tw-content);
  border-width: 8px;
}

.after\:border-\[5px\]::after {
  content: var(--tw-content);
  border-width: 5px;
}

.after\:border-\[7px\]::after {
  content: var(--tw-content);
  border-width: 7px;
}

.after\:border-\[calc\(7px_\+_\(10_-_7\)_\*_\(100vw_-_320px\)_\/_\(1920_-_320\)\)\]::after {
  content: var(--tw-content);
  border-width: calc(7px + (10 - 7) * (100vw - 320px) / (1920 - 320));
}

.after\:border-x-\[7px\]::after {
  content: var(--tw-content);
  border-left-width: 7px;
  border-right-width: 7px;
}

.after\:border-b::after {
  content: var(--tw-content);
  border-bottom-width: 1px;
}

.after\:border-b-0::after {
  content: var(--tw-content);
  border-bottom-width: 0px;
}

.after\:border-b-\[7px\]::after {
  content: var(--tw-content);
  border-bottom-width: 7px;
}

.after\:border-r::after {
  content: var(--tw-content);
  border-right-width: 1px;
}

.after\:border-r-\[7px\]::after {
  content: var(--tw-content);
  border-right-width: 7px;
}

.after\:border-t::after {
  content: var(--tw-content);
  border-top-width: 1px;
}

.after\:border-t-2::after {
  content: var(--tw-content);
  border-top-width: 2px;
}

.after\:border-solid::after {
  content: var(--tw-content);
  border-style: solid;
}

.after\:border-dashed::after {
  content: var(--tw-content);
  border-style: dashed;
}

.after\:border-\[\#555_transparent_transparent_transparent\]::after {
  content: var(--tw-content);
  border-color: #555 transparent transparent transparent;
}

.after\:border-\[5px_0_5px_5px\]::after {
  content: var(--tw-content);
  border-color: 5px 0 5px 5px;
}

.after\:border-\[none\]::after {
  content: var(--tw-content);
  border-color: none;
}

.after\:border-\[rgba\(var\(--dark-card-border\)\2c 1\)\]::after {
  content: var(--tw-content);
  border-color: rgba(var(--dark-card-border),1);
}

.after\:border-\[rgba\(var\(--dark-color\)\2c 1\)\]::after {
  content: var(--tw-content);
  border-color: rgba(var(--dark-color),1);
}

.after\:border-\[rgba\(var\(--gray-60\)\2c 1\)\]::after {
  content: var(--tw-content);
  border-color: rgba(var(--gray-60),1);
}

.after\:border-\[rgba\(var\(--light-color\)\2c 1\)\]::after {
  content: var(--tw-content);
  border-color: rgba(var(--light-color),1);
}

.after\:border-\[rgba\(var\(--light-gray\)\2c 1\)\]::after {
  content: var(--tw-content);
  border-color: rgba(var(--light-gray),1);
}

.after\:border-\[transparent_var\(--recent-dashed-border\)_var\(--recent-dashed-border\)_var\(--recent-dashed-border\)\]::after {
  content: var(--tw-content);
  border-color: transparent var(--recent-dashed-border) var(--recent-dashed-border) var(--recent-dashed-border);
}

.after\:border-transparent::after {
  content: var(--tw-content);
  border-color: transparent;
}

.after\:border-x-transparent::after {
  content: var(--tw-content);
  border-left-color: transparent;
  border-right-color: transparent;
}

.after\:border-y-\[rgba\(0\2c 2\2c 72\2c 0\.2\)\]::after {
  content: var(--tw-content);
  border-top-color: rgba(0,2,72,0.2);
  border-bottom-color: rgba(0,2,72,0.2);
}

.after\:border-b-\[\#bdc2c5\]::after {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-bottom-color: rgb(189 194 197 / var(--tw-border-opacity, 1));
}

.after\:border-b-\[rgba\(var\(--dark-body-background\)\2c 1\)\]::after {
  content: var(--tw-content);
  border-bottom-color: rgba(var(--dark-body-background),1);
}

.after\:border-b-\[rgba\(var\(--dark-card-background\)\2c 1\)\]::after {
  content: var(--tw-content);
  border-bottom-color: rgba(var(--dark-card-background),1);
}

.after\:border-b-\[rgba\(var\(--dark-light-color\)\2c 1\)\]::after {
  content: var(--tw-content);
  border-bottom-color: rgba(var(--dark-light-color),1);
}

.after\:border-l-\[rgba\(var\(--dark-card-background\)\2c 1\)\]::after {
  content: var(--tw-content);
  border-left-color: rgba(var(--dark-card-background),1);
}

.after\:border-l-\[rgba\(var\(--dark-light-color\)\2c 1\)\]::after {
  content: var(--tw-content);
  border-left-color: rgba(var(--dark-light-color),1);
}

.after\:border-l-\[rgba\(var\(--light-primary\)\2c 1\)\]::after {
  content: var(--tw-content);
  border-left-color: rgba(var(--light-primary),1);
}

.after\:border-l-\[rgba\(var\(--primary-color\)\2c 0\.25\)\]::after {
  content: var(--tw-content);
  border-left-color: rgba(var(--primary-color),0.25);
}

.after\:border-l-\[transparent\]::after {
  content: var(--tw-content);
  border-left-color: transparent;
}

.after\:border-r-\[rgba\(0\2c 2\2c 72\2c 0\.2\)\]::after {
  content: var(--tw-content);
  border-right-color: rgba(0,2,72,0.2);
}

.after\:border-r-\[rgba\(var\(--dark-card-background\)\2c 1\)\]::after {
  content: var(--tw-content);
  border-right-color: rgba(var(--dark-card-background),1);
}

.after\:border-r-\[rgba\(var\(--white\)\2c 1\)\]::after {
  content: var(--tw-content);
  border-right-color: rgba(var(--white),1);
}

.after\:border-r-\[transparent\]::after {
  content: var(--tw-content);
  border-right-color: transparent;
}

.after\:border-t-\[\#595c60\]::after {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-top-color: rgb(89 92 96 / var(--tw-border-opacity, 1));
}

.after\:border-t-\[rgba\(102\2c 112\2c 133\2c 0\.4\)\]::after {
  content: var(--tw-content);
  border-top-color: rgba(102,112,133,0.4);
}

.after\:border-t-\[rgba\(var\(--dark-card-background\)\2c 1\)\]::after {
  content: var(--tw-content);
  border-top-color: rgba(var(--dark-card-background),1);
}

.after\:border-t-\[rgba\(var\(--success-color\)\2c 1\)\]::after {
  content: var(--tw-content);
  border-top-color: rgba(var(--success-color),1);
}

.after\:bg-\[\#59667a\]::after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(89 102 122 / var(--tw-bg-opacity, 1));
}

.after\:bg-\[rgba\(var\(--badge-light-color\)\2c 80\%\)\]::after {
  content: var(--tw-content);
  background-color: rgba(var(--badge-light-color),80%);
}

.after\:bg-\[rgba\(var\(--danger-color\)\2c 1\)\]::after {
  content: var(--tw-content);
  background-color: rgba(var(--danger-color),1);
}

.after\:bg-\[rgba\(var\(--dark-gray\)\2c 1\)\]::after {
  content: var(--tw-content);
  background-color: rgba(var(--dark-gray),1);
}

.after\:bg-\[rgba\(var\(--folder-color\)\2c 1\)\]::after {
  content: var(--tw-content);
  background-color: rgba(var(--folder-color),1);
}

.after\:bg-\[rgba\(var\(--info-color\)\2c 1\)\]::after {
  content: var(--tw-content);
  background-color: rgba(var(--info-color),1);
}

.after\:bg-\[rgba\(var\(--theme-default\)\2c 1\)\]::after {
  content: var(--tw-content);
  background-color: rgba(var(--theme-default),1);
}

.after\:bg-\[rgba\(var\(--white\)\2c 1\)\]::after {
  content: var(--tw-content);
  background-color: rgba(var(--white),1);
}

.after\:bg-\[unset\]::after {
  content: var(--tw-content);
  background-color: unset;
}

.after\:bg-\[white\]::after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.after\:bg-\[url\(\.\.\/images\/landing\/icon\/minus\.svg\)\]::after {
  content: var(--tw-content);
  background-image: url(../images/landing/icon/minus.svg);
}

.after\:pl-\[3px\]::after {
  content: var(--tw-content);
  padding-left: 3px;
}

.after\:pt-px::after {
  content: var(--tw-content);
  padding-top: 1px;
}

.after\:text-center::after {
  content: var(--tw-content);
  text-align: center;
}

.after\:text-\[10px\]::after {
  content: var(--tw-content);
  font-size: 10px;
}

.after\:text-\[11px\]::after {
  content: var(--tw-content);
  font-size: 11px;
}

.after\:text-\[15px\]::after {
  content: var(--tw-content);
  font-size: 15px;
}

.after\:text-lg::after {
  content: var(--tw-content);
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.after\:font-black::after {
  content: var(--tw-content);
  font-weight: 900;
}

.after\:font-medium::after {
  content: var(--tw-content);
  font-weight: 500;
}

.after\:font-semibold::after {
  content: var(--tw-content);
  font-weight: 600;
}

.after\:leading-\[56px\]::after {
  content: var(--tw-content);
  line-height: 56px;
}

.after\:text-\[color\:var\(--body-font-color\)\]::after {
  content: var(--tw-content);
  color: var(--body-font-color);
}

.after\:text-\[rgba\(var\(--color-fiord\)\2c 1\)\]::after {
  content: var(--tw-content);
  color: rgba(var(--color-fiord),1);
}

.after\:text-\[rgba\(var\(--dark-color-light\)\2c 1\)\]::after {
  content: var(--tw-content);
  color: rgba(var(--dark-color-light),1);
}

.after\:text-\[rgba\(var\(--dark-gray\)\2c 1\)\]::after {
  content: var(--tw-content);
  color: rgba(var(--dark-gray),1);
}

.after\:text-\[rgba\(var\(--theme-font-color\)\2c 1\)\]::after {
  content: var(--tw-content);
  color: rgba(var(--theme-font-color),1);
}

.after\:text-\[rgba\(var\(--white\)\2c 1\)\]::after {
  content: var(--tw-content);
  color: rgba(var(--white),1);
}

.after\:opacity-0::after {
  content: var(--tw-content);
  opacity: 0;
}

.after\:opacity-10::after {
  content: var(--tw-content);
  opacity: 0.1;
}

.after\:opacity-100::after {
  content: var(--tw-content);
  opacity: 1;
}

.after\:opacity-30::after {
  content: var(--tw-content);
  opacity: 0.3;
}

.after\:transition-\[0\.2s\]::after {
  content: var(--tw-content);
  transition-property: 0.2s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.after\:transition-\[background\]::after {
  content: var(--tw-content);
  transition-property: background;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.after\:transition-\[border-width\]::after {
  content: var(--tw-content);
  transition-property: border-width;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.after\:transition-\[width\]::after {
  content: var(--tw-content);
  transition-property: width;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.after\:transition-all::after {
  content: var(--tw-content);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.after\:transition-opacity::after {
  content: var(--tw-content);
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.after\:transition-transform::after {
  content: var(--tw-content);
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.after\:delay-\[0\.35s\]::after {
  content: var(--tw-content);
  transition-delay: 0.35s;
}

.after\:duration-\[0\.1s\]::after {
  content: var(--tw-content);
  transition-duration: 0.1s;
}

.after\:duration-\[0\.35s\2c transform\]::after {
  content: var(--tw-content);
  transition-duration: 0.35s,transform;
}

.after\:duration-\[0\.3s\]::after {
  content: var(--tw-content);
  transition-duration: 0.3s;
}

.after\:duration-\[0\.4s\]::after {
  content: var(--tw-content);
  transition-duration: 0.4s;
}

.after\:duration-\[0\.5s\]::after {
  content: var(--tw-content);
  transition-duration: 0.5s;
}

.after\:ease-\[cubic-bezier\(0\.8\2c -0\.33\2c 0\.2\2c 1\.33\)\]::after {
  content: var(--tw-content);
  transition-timing-function: cubic-bezier(0.8,-0.33,0.2,1.33);
}

.after\:ease-\[ease-in-out\]::after {
  content: var(--tw-content);
  transition-timing-function: ease-in-out;
}

.after\:ease-\[ease\]::after {
  content: var(--tw-content);
  transition-timing-function: ease;
}

.after\:content-\[\"\"\]::after {
  --tw-content: "";
  content: var(--tw-content);
}

.after\:content-\[\"-\"\]::after {
  --tw-content: "-";
  content: var(--tw-content);
}

.after\:content-\[\"\\f00c\"\]::after {
  --tw-content: "\f00c";
  content: var(--tw-content);
}

.after\:content-\[\"\\f078\"\]::after {
  --tw-content: "\f078";
  content: var(--tw-content);
}

.after\:content-\[\"\\f107\"\]::after {
  --tw-content: "\f107";
  content: var(--tw-content);
}

.after\:content-\[\"\\f303\"\]::after {
  --tw-content: "\f303";
  content: var(--tw-content);
}

.after\:content-\[\"_\"\]::after {
  --tw-content: " ";
  content: var(--tw-content);
}

.after\:content-\[\'\'\]::after {
  --tw-content: '';
  content: var(--tw-content);
}

.after\:content-\[attr\(data-label\)\]::after {
  --tw-content: attr(data-label);
  content: var(--tw-content);
}

.after\:content-\[attr\(data-tg-on\)\]::after {
  --tw-content: attr(data-tg-on);
  content: var(--tw-content);
}

.after\:content-\[unset\]::after {
  --tw-content: unset;
  content: var(--tw-content);
}

.first\:ml-0:first-child {
  margin-left: 0px;
}

.first\:ml-\[30px\]:first-child {
  margin-left: 30px;
}

.first\:mt-0:first-child {
  margin-top: 0px;
}

.first\:hidden:first-child {
  display: none;
}

.first\:w-\[50px\]:first-child {
  width: 50px;
}

.first\:rounded-\[5px_0_0_5px\]:first-child {
  border-radius: 5px 0 0 5px;
}

.first\:rounded-\[6px_0_0_6px\]:first-child {
  border-radius: 6px 0 0 6px;
}

.first\:rounded-\[6px_6px_0_0\]:first-child {
  border-radius: 6px 6px 0 0;
}

.first\:rounded-tr:first-child {
  border-top-right-radius: 0.25rem;
}

.first\:border-l:first-child {
  border-left-width: 1px;
}

.first\:border-r:first-child {
  border-right-width: 1px;
}

.first\:border-r-\[0px\]:first-child {
  border-right-width: 0px;
}

.first\:border-t-0:first-child {
  border-top-width: 0px;
}

.first\:border-solid:first-child {
  border-style: solid;
}

.first\:border-\[none\]:first-child {
  border-color: none;
}

.first\:border-l-\[rgba\(var\(--light-gray\)\2c 1\)\]:first-child {
  border-left-color: rgba(var(--light-gray),1);
}

.first\:border-l-\[rgba\(var\(--light-semi-gray\)\2c 1\)\]:first-child {
  border-left-color: rgba(var(--light-semi-gray),1);
}

.first\:border-r-\[rgba\(var\(--badge-light-color\)\2c 0\.2\)\]:first-child {
  border-right-color: rgba(var(--badge-light-color),0.2);
}

.first\:border-r-\[rgba\(var\(--dark-card-border\)\2c 1\)\]:first-child {
  border-right-color: rgba(var(--dark-card-border),1);
}

.first\:border-r-\[rgba\(var\(--dark-gray\)\2c 1\)\]:first-child {
  border-right-color: rgba(var(--dark-gray),1);
}

.first\:border-t-\[none\]:first-child {
  border-top-color: none;
}

.first\:pl-0:first-child {
  padding-left: 0px;
}

.first\:pl-5:first-child {
  padding-left: 1.25rem;
}

.first\:pr-0:first-child {
  padding-right: 0px;
}

.first\:pr-1\.5:first-child {
  padding-right: 0.375rem;
}

.first\:pr-5:first-child {
  padding-right: 1.25rem;
}

.first\:pt-0:first-child {
  padding-top: 0px;
}

.last\:absolute:last-child {
  position: absolute;
}

.last\:left-\[calc\(9\%_\+_\(12_-_9\)_\*_\(\(100vw_-_1200px\)_\/_\(1920_-_1200\)\)\)\]:last-child {
  left: calc(9% + (12 - 9) * ((100vw - 1200px) / (1920 - 1200)));
}

.last\:m-0:last-child {
  margin: 0px;
}

.last\:mb-0:last-child {
  margin-bottom: 0px;
}

.last\:mb-\[unset\]:last-child {
  margin-bottom: unset;
}

.last\:ml-0:last-child {
  margin-left: 0px;
}

.last\:mr-0:last-child {
  margin-right: 0px;
}

.last\:mr-\[30px\]:last-child {
  margin-right: 30px;
}

.last\:mt-3:last-child {
  margin-top: 0.75rem;
}

.last\:flex:last-child {
  display: flex;
}

.last\:w-auto:last-child {
  width: auto;
}

.last\:items-center:last-child {
  align-items: center;
}

.last\:justify-center:last-child {
  justify-content: center;
}

.last\:gap-2\.5:last-child {
  gap: 0.625rem;
}

.last\:rounded-\[0_0_6px_6px\]:last-child {
  border-radius: 0 0 6px 6px;
}

.last\:rounded-\[0_6px_6px_0\]:last-child {
  border-radius: 0 6px 6px 0;
}

.last\:rounded-bl:last-child {
  border-bottom-left-radius: 0.25rem;
}

.last\:rounded-tl:last-child {
  border-top-left-radius: 0.25rem;
}

.last\:border-b-0:last-child {
  border-bottom-width: 0px;
}

.last\:border-b-\[0\]:last-child {
  border-bottom-width: 0;
}

.last\:border-l:last-child {
  border-left-width: 1px;
}

.last\:border-l-0:last-child {
  border-left-width: 0px;
}

.last\:border-l-\[0px\]:last-child {
  border-left-width: 0px;
}

.last\:border-r-\[0px\]:last-child {
  border-right-width: 0px;
}

.last\:border-t:last-child {
  border-top-width: 1px;
}

.last\:border-b-\[none\]:last-child {
  border-bottom-color: none;
}

.last\:border-l-\[rgba\(var\(--light-gray\)\2c 1\)\]:last-child {
  border-left-color: rgba(var(--light-gray),1);
}

.last\:border-t-\[none\]:last-child {
  border-top-color: none;
}

.last\:border-t-\[rgba\(var\(--badge-light-color\)\2c 0\.1\)\]:last-child {
  border-top-color: rgba(var(--badge-light-color),0.1);
}

.last\:border-t-\[rgba\(var\(--light-widget-border\)\2c 1\)\]:last-child {
  border-top-color: rgba(var(--light-widget-border),1);
}

.last\:px-2\.5:last-child {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

.last\:py-\[15px\]:last-child {
  padding-top: 15px;
  padding-bottom: 15px;
}

.last\:pb-0:last-child {
  padding-bottom: 0px;
}

.last\:pb-\[15px\]:last-child {
  padding-bottom: 15px;
}

.last\:pb-\[unset\]:last-child {
  padding-bottom: unset;
}

.last\:pl-0:last-child {
  padding-left: 0px;
}

.last\:pl-1:last-child {
  padding-left: 0.25rem;
}

.last\:pt-2:last-child {
  padding-top: 0.5rem;
}

.last\:pt-3:last-child {
  padding-top: 0.75rem;
}

.last\:text-center:last-child {
  text-align: center;
}

.last\:font-medium:last-child {
  font-weight: 500;
}

.last\:before\:content-\[unset\]:last-child::before {
  --tw-content: unset;
  content: var(--tw-content);
}

.last-of-type\:border-r-\[unset\]:last-of-type {
  border-right-color: unset;
}

.checked\:rounded-\[5px\]:checked {
  border-radius: 5px;
}

.checked\:border:checked {
  border-width: 1px;
}

.checked\:border-\[rgba\(var\(--theme-default\)\2c 1\)\]:checked {
  border-color: rgba(var(--theme-default),1);
}

.checked\:bg-\[rgba\(var\(--danger-color\)\2c 1\)\]:checked {
  background-color: rgba(var(--danger-color),1);
}

.checked\:bg-\[rgba\(var\(--dark-color\)\2c 1\)\]:checked {
  background-color: rgba(var(--dark-color),1);
}

.checked\:bg-\[rgba\(var\(--info-color\)\2c 1\)\]:checked {
  background-color: rgba(var(--info-color),1);
}

.checked\:bg-\[rgba\(var\(--light-background\)\2c 1\)\]:checked {
  background-color: rgba(var(--light-background),1);
}

.checked\:bg-\[rgba\(var\(--light-color\)\2c 1\)\]:checked {
  background-color: rgba(var(--light-color),1);
}

.checked\:bg-\[rgba\(var\(--primary-color\)\2c 1\)\]:checked {
  background-color: rgba(var(--primary-color),1);
}

.checked\:bg-\[rgba\(var\(--success-color\)\2c 1\)\]:checked {
  background-color: rgba(var(--success-color),1);
}

.checked\:bg-\[rgba\(var\(--theme-default\)\2c 1\)\]:checked {
  background-color: rgba(var(--theme-default),1);
}

.checked\:bg-\[rgba\(var\(--theme-secondary\)\2c 1\)\]:checked {
  background-color: rgba(var(--theme-secondary),1);
}

.checked\:bg-\[rgba\(var\(--warning-color\)\2c 1\)\]:checked {
  background-color: rgba(var(--warning-color),1);
}

.checked\:bg-\[url\(\.\.\/images\/switch\/square\.svg\)\]:checked {
  background-image: url(../images/switch/square.svg);
}

.checked\:text-\[rgba\(var\(--white\)\2c 1\)\]:checked {
  color: rgba(var(--white),1);
}

.checked\:before\:-rotate-45:checked::before {
  content: var(--tw-content);
  --tw-rotate: -45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.checked\:after\:-translate-x-2\/4:checked::after {
  content: var(--tw-content);
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.checked\:after\:-translate-y-2\/4:checked::after {
  content: var(--tw-content);
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.indeterminate\:after\:absolute:indeterminate::after {
  content: var(--tw-content);
  position: absolute;
}

.indeterminate\:after\:left-\[3px\]:indeterminate::after {
  content: var(--tw-content);
  left: 3px;
}

.indeterminate\:after\:top-\[3px\]:indeterminate::after {
  content: var(--tw-content);
  top: 3px;
}

.indeterminate\:after\:block:indeterminate::after {
  content: var(--tw-content);
  display: block;
}

.indeterminate\:after\:h-1:indeterminate::after {
  content: var(--tw-content);
  height: 0.25rem;
}

.indeterminate\:after\:w-1:indeterminate::after {
  content: var(--tw-content);
  width: 0.25rem;
}

.indeterminate\:after\:rounded-sm:indeterminate::after {
  content: var(--tw-content);
  border-radius: 0.125rem;
}

.indeterminate\:after\:bg-\[black\]:indeterminate::after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}

.indeterminate\:after\:content-\[\"_\"\]:indeterminate::after {
  --tw-content: " ";
  content: var(--tw-content);
}

.valid\:border-\[rgba\(var\(--badge-light-color\)\2c 1\)\]:valid {
  border-color: rgba(var(--badge-light-color),1);
}

.checked\:valid\:border-\[rgba\(var\(--theme-default\)\2c 1\)\]:valid:checked {
  border-color: rgba(var(--theme-default),1);
}

.invalid\:border-\[rgba\(var\(--danger-color\)\2c 1\)\]:invalid {
  border-color: rgba(var(--danger-color),1);
}

.hover\:w-\[265px\]:hover {
  width: 265px;
}

.hover\:-translate-y-1:hover {
  --tw-translate-y: -0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:translate-x-\[285px\]:hover {
  --tw-translate-x: 285px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:translate-y-\[-5px\]:hover {
  --tw-translate-y: -5px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:rotate-\[-5deg\]:hover {
  --tw-rotate: -5deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:scale-\[1\.02\]:hover {
  --tw-scale-x: 1.02;
  --tw-scale-y: 1.02;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:scale-\[1\.2\]:hover {
  --tw-scale-x: 1.2;
  --tw-scale-y: 1.2;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:cursor-pointer:hover {
  cursor: pointer;
}

.hover\:border:hover {
  border-width: 1px;
}

.hover\:border-\[rgba\(var\(--badge-light-color\)\2c 30\%\)\]:hover {
  border-color: rgba(var(--badge-light-color),30%);
}

.hover\:border-\[rgba\(var\(--light-semi-gray\)\2c 1\)\]:hover {
  border-color: rgba(var(--light-semi-gray),1);
}

.hover\:border-\[rgba\(var\(--theme-default\)\2c 0\.1\)\]:hover {
  border-color: rgba(var(--theme-default),0.1);
}

.hover\:border-\[rgba\(var\(--theme-default\)\2c 1\)\]:hover {
  border-color: rgba(var(--theme-default),1);
}

.hover\:border-\[rgba\(var\(--transparent-color\)\2c 1\)\]:hover {
  border-color: rgba(var(--transparent-color),1);
}

.hover\:\!bg-\[rgba\(var\(--theme-default\)\2c 1\)\]:hover {
  background-color: rgba(var(--theme-default),1) !important;
}

.hover\:bg-\[\#444\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(68 68 68 / var(--tw-bg-opacity, 1));
}

.hover\:bg-\[\#a6a6bb\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(166 166 187 / var(--tw-bg-opacity, 1));
}

.hover\:bg-\[rgba\(var\(--badge-light-color\)\2c 0\.15\)\]:hover {
  background-color: rgba(var(--badge-light-color),0.15);
}

.hover\:bg-\[rgba\(var\(--badge-light-color\)\2c 1\)\]:hover {
  background-color: rgba(var(--badge-light-color),1);
}

.hover\:bg-\[rgba\(var\(--black\)\2c 0\.096\)\]:hover {
  background-color: rgba(var(--black),0.096);
}

.hover\:bg-\[rgba\(var\(--black\)\2c 1\)\]:hover {
  background-color: rgba(var(--black),1);
}

.hover\:bg-\[rgba\(var\(--body-font-color\)\2c 1\)\]:hover {
  background-color: rgba(var(--body-font-color),1);
}

.hover\:bg-\[rgba\(var\(--course-bg\)\2c 1\)\]:hover {
  background-color: rgba(var(--course-bg),1);
}

.hover\:bg-\[rgba\(var\(--dark-body-background\)\2c 1\)\]:hover {
  background-color: rgba(var(--dark-body-background),1);
}

.hover\:bg-\[rgba\(var\(--dark-card-background\)\2c 1\)\]:hover {
  background-color: rgba(var(--dark-card-background),1);
}

.hover\:bg-\[rgba\(var\(--dark-card-inbox\)\2c 0\.8\)\]:hover {
  background-color: rgba(var(--dark-card-inbox),0.8);
}

.hover\:bg-\[rgba\(var\(--dark-card-inbox\)\2c 1\)\]:hover {
  background-color: rgba(var(--dark-card-inbox),1);
}

.hover\:bg-\[rgba\(var\(--gray-60\)\2c 0\.5\)\]:hover {
  background-color: rgba(var(--gray-60),0.5);
}

.hover\:bg-\[rgba\(var\(--gray-60\)\2c 0\.8\)\]:hover {
  background-color: rgba(var(--gray-60),0.8);
}

.hover\:bg-\[rgba\(var\(--gray-60\)\2c 1\)\]:hover {
  background-color: rgba(var(--gray-60),1);
}

.hover\:bg-\[rgba\(var\(--info-color\)\2c 0\.1\)\]:hover {
  background-color: rgba(var(--info-color),0.1);
}

.hover\:bg-\[rgba\(var\(--info-color\)\2c 0\.34\)\]:hover {
  background-color: rgba(var(--info-color),0.34);
}

.hover\:bg-\[rgba\(var\(--light\)\2c 1\)\]:hover {
  background-color: rgba(var(--light),1);
}

.hover\:bg-\[rgba\(var\(--light-background\)\2c 1\)\]:hover {
  background-color: rgba(var(--light-background),1);
}

.hover\:bg-\[rgba\(var\(--light-color\)\2c 1\)\]:hover {
  background-color: rgba(var(--light-color),1);
}

.hover\:bg-\[rgba\(var\(--light-primary\)\2c 0\.7\)\]:hover {
  background-color: rgba(var(--light-primary),0.7);
}

.hover\:bg-\[rgba\(var\(--light2\)\2c 1\)\]:hover {
  background-color: rgba(var(--light2),1);
}

.hover\:bg-\[rgba\(var\(--primary-color\)\2c 0\.1\)\]:hover {
  background-color: rgba(var(--primary-color),0.1);
}

.hover\:bg-\[rgba\(var\(--theme-default\)\2c 0\.1\)\]:hover {
  background-color: rgba(var(--theme-default),0.1);
}

.hover\:bg-\[rgba\(var\(--theme-default\)\2c 0\.34\)\]:hover {
  background-color: rgba(var(--theme-default),0.34);
}

.hover\:bg-\[rgba\(var\(--theme-default\)\2c 1\)\]:hover {
  background-color: rgba(var(--theme-default),1);
}

.hover\:bg-\[rgba\(var\(--theme-secondary\)\2c 1\)\]:hover {
  background-color: rgba(var(--theme-secondary),1);
}

.hover\:bg-\[rgba\(var\(--warning-color\)\2c 1\)\]:hover {
  background-color: rgba(var(--warning-color),1);
}

.hover\:bg-\[rgba\(var\(--white\)\2c 1\)\]:hover {
  background-color: rgba(var(--white),1);
}

.hover\:bg-\[var\(--transparent-color\)\]:hover {
  background-color: var(--transparent-color);
}

.hover\:bg-\[linear-gradient\(_to_right\2c rgba\(255\2c 0\2c 111\2c 0\.8\)\2c rgba\(247\2c 2\2c 43\2c 0\.8\)_\)\]:hover {
  background-image: linear-gradient( to right,rgba(255,0,111,0.8),rgba(247,2,43,0.8) );
}

.hover\:stroke-\[rgba\(var\(--theme-default\)\2c 1\)\]:hover {
  stroke: rgba(var(--theme-default),1);
}

.hover\:p-\[9px\]:hover {
  padding: 9px;
}

.hover\:tracking-\[1\.5px\]:hover {
  letter-spacing: 1.5px;
}

.hover\:\!text-\[rgba\(var\(--white\)\2c 1\)\]:hover {
  color: rgba(var(--white),1) !important;
}

.hover\:text-\[\#1e2832\]:hover {
  --tw-text-opacity: 1;
  color: rgb(30 40 50 / var(--tw-text-opacity, 1));
}

.hover\:text-\[\#414345\]:hover {
  --tw-text-opacity: 1;
  color: rgb(65 67 69 / var(--tw-text-opacity, 1));
}

.hover\:text-\[rgba\(var\(--black\)\2c 1\)\]:hover {
  color: rgba(var(--black),1);
}

.hover\:text-\[rgba\(var\(--body-font-color\)\2c 1\)\]:hover {
  color: rgba(var(--body-font-color),1);
}

.hover\:text-\[rgba\(var\(--dark-all-font-color\)\2c 1\)\]:hover {
  color: rgba(var(--dark-all-font-color),1);
}

.hover\:text-\[rgba\(var\(--dark-color\)\2c 1\)\]:hover {
  color: rgba(var(--dark-color),1);
}

.hover\:text-\[rgba\(var\(--info-color\)\2c 1\)\]:hover {
  color: rgba(var(--info-color),1);
}

.hover\:text-\[rgba\(var\(--theme-body-font-color\)\2c 1\)\]:hover {
  color: rgba(var(--theme-body-font-color),1);
}

.hover\:text-\[rgba\(var\(--theme-default\)\)\]:hover {
  color: rgba(var(--theme-default));
}

.hover\:text-\[rgba\(var\(--theme-default\)\2c 1\)\]:hover {
  color: rgba(var(--theme-default),1);
}

.hover\:text-\[rgba\(var\(--white\)\2c 1\)\]:hover {
  color: rgba(var(--white),1);
}

.hover\:text-white:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.hover\:underline:hover {
  text-decoration-line: underline;
}

.hover\:opacity-10:hover {
  opacity: 0.1;
}

.hover\:opacity-100:hover {
  opacity: 1;
}

.hover\:opacity-25:hover {
  opacity: 0.25;
}

.hover\:opacity-50:hover {
  opacity: 0.5;
}

.hover\:opacity-75:hover {
  opacity: 0.75;
}

.hover\:shadow-\[0_0_0_5px_inset_var\(--theme-default\)\]:hover {
  --tw-shadow: 0 0 0 5px inset var(--theme-default);
  --tw-shadow-colored: inset 0 0 0 5px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-\[0_20px_35px_0_rgba\(var\(--black\)\2c 0\.21\)\]:hover {
  --tw-shadow: 0 20px 35px 0 rgba(var(--black),0.21);
  --tw-shadow-colored: 0 20px 35px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-\[unset\]:hover {
  --tw-shadow-color: unset;
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:transition-\[0\.5s\]:hover {
  transition-property: 0.5s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.hover\:transition-all:hover {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.hover\:delay-\[0\.1s\]:hover {
  transition-delay: 0.1s;
}

.hover\:duration-\[0\.3s\]:hover {
  transition-duration: 0.3s;
}

.hover\:duration-\[0\.5s\]:hover {
  transition-duration: 0.5s;
}

.hover\:ease-\[all\]:hover {
  transition-timing-function: all;
}

.hover\:ease-\[ease\]:hover {
  transition-timing-function: ease;
}

.hover\:before\:h-10:hover::before {
  content: var(--tw-content);
  height: 2.5rem;
}

.hover\:before\:w-10:hover::before {
  content: var(--tw-content);
  width: 2.5rem;
}

.hover\:before\:scale-\[21\]:hover::before {
  content: var(--tw-content);
  --tw-scale-x: 21;
  --tw-scale-y: 21;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:before\:animate-\[circle_0\.75s\]:hover::before {
  content: var(--tw-content);
  animation: circle 0.75s;
}

.hover\:before\:animate-\[shine_0\.75s\]:hover::before {
  content: var(--tw-content);
  animation: shine 0.75s;
}

.hover\:before\:transition-all:hover::before {
  content: var(--tw-content);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.hover\:before\:duration-\[0\.3s\]:hover::before {
  content: var(--tw-content);
  transition-duration: 0.3s;
}

.hover\:before\:ease-\[ease\]:hover::before {
  content: var(--tw-content);
  transition-timing-function: ease;
}

.hover\:after\:w-full:hover::after {
  content: var(--tw-content);
  width: 100%;
}

.hover\:after\:scale-100:hover::after {
  content: var(--tw-content);
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:after\:bg-\[rgba\(var\(--theme-default\)\2c 1\)\]:hover::after {
  content: var(--tw-content);
  background-color: rgba(var(--theme-default),1);
}

.hover\:after\:opacity-100:hover::after {
  content: var(--tw-content);
  opacity: 1;
}

.hover\:after\:transition-\[width\]:hover::after {
  content: var(--tw-content);
  transition-property: width;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.hover\:after\:transition-all:hover::after {
  content: var(--tw-content);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.hover\:after\:duration-\[0\.3s\]:hover::after {
  content: var(--tw-content);
  transition-duration: 0.3s;
}

.hover\:after\:duration-\[0\.5s\]:hover::after {
  content: var(--tw-content);
  transition-duration: 0.5s;
}

.hover\:after\:ease-\[ease\]:hover::after {
  content: var(--tw-content);
  transition-timing-function: ease;
}

.focus\:border:focus {
  border-width: 1px;
}

.focus\:\!border-\[rgba\(var\(--chart-text-color\)\2c 0\.2\)\]:focus {
  border-color: rgba(var(--chart-text-color),0.2) !important;
}

.focus\:border-\[rgba\(var\(--chart-dashed-border\)\2c 1\)\]:focus {
  border-color: rgba(var(--chart-dashed-border),1);
}

.focus\:border-\[rgba\(var\(--chart-progress-light\)\2c 1\)\]:focus {
  border-color: rgba(var(--chart-progress-light),1);
}

.focus\:border-\[rgba\(var\(--form-input-border-color\)\2c 1\)\]:focus {
  border-color: rgba(var(--form-input-border-color),1);
}

.focus\:border-\[rgba\(var\(--light-gray\)\2c 1\)\]:focus {
  border-color: rgba(var(--light-gray),1);
}

.focus\:border-\[rgba\(var\(--recent-border\)\2c 1\)\]:focus {
  border-color: rgba(var(--recent-border),1);
}

.focus\:border-\[rgba\(var\(--theme-default\)\2c 1\)\]:focus {
  border-color: rgba(var(--theme-default),1);
}

.focus\:border-l-\[unset\]:focus {
  border-left-color: unset;
}

.focus\:pl-\[unset\]:focus {
  padding-left: unset;
}

.focus\:indent-\[0px\]:focus {
  text-indent: 0px;
}

.focus\:text-\[rgba\(var\(--badge-light-color\)\2c 80\%\)\]:focus {
  color: rgba(var(--badge-light-color),80%);
}

.focus\:shadow-none:focus {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.focus\:\!shadow-\[unset\]:focus {
  --tw-shadow-color: unset !important;
  --tw-shadow: var(--tw-shadow-colored) !important;
}

.focus\:shadow-\[unset\]:focus {
  --tw-shadow-color: unset;
  --tw-shadow: var(--tw-shadow-colored);
}

.focus\:outline-\[rgba\(var\(--gray-60\)\2c 1\)\]:focus {
  outline-color: rgba(var(--gray-60),1);
}

.focus\:transition-all:focus {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.focus\:duration-\[0\.3s\]:focus {
  transition-duration: 0.3s;
}

.focus\:ease-\[ease\]:focus {
  transition-timing-function: ease;
}

.focus\:empty\:before\:text-\[rgba\(var\(--light-all-font-color\)\2c 1\)\]:empty:focus::before {
  content: var(--tw-content);
  color: rgba(var(--light-all-font-color),1);
}

.active\:scale-\[0\.925\]:active {
  --tw-scale-x: 0.925;
  --tw-scale-y: 0.925;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.active\:border-\[rgba\(var\(--info-color\)\2c 0\.1\)\]:active {
  border-color: rgba(var(--info-color),0.1);
}

.active\:border-\[rgba\(var\(--transparent-color\)\2c 1\)\]:active {
  border-color: rgba(var(--transparent-color),1);
}

.active\:bg-\[rgba\(var\(--theme-default\)\2c 0\.5\)\]:active {
  background-color: rgba(var(--theme-default),0.5);
}

.active\:shadow-\[0_3px_3px_rgba\(37\2c 37\2c 37\2c 0\.20\)\]:active {
  --tw-shadow: 0 3px 3px rgba(37,37,37,0.20);
  --tw-shadow-colored: 0 3px 3px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.active\:before\:left-\[-10\%\]:active::before {
  content: var(--tw-content);
  left: -10%;
}

.disabled\:cursor-not-allowed:disabled {
  cursor: not-allowed;
}

.disabled\:bg-\[rgba\(var\(--white\)\2c 1\)\]:disabled {
  background-color: rgba(var(--white),1);
}

.disabled\:text-\[rgba\(var\(--light-text\)\2c 1\)\]:disabled {
  color: rgba(var(--light-text),1);
}

.disabled\:hover\:cursor-not-allowed:hover:disabled {
  cursor: not-allowed;
}

.disabled\:hover\:bg-\[rgba\(var\(--badge-light-color\)\2c 0\.15\)\]:hover:disabled {
  background-color: rgba(var(--badge-light-color),0.15);
}

.disabled\:hover\:bg-\[rgba\(var\(--white\)\2c 1\)\]:hover:disabled {
  background-color: rgba(var(--white),1);
}

.disabled\:hover\:text-\[rgba\(var\(--light-text\)\2c 1\)\]:hover:disabled {
  color: rgba(var(--light-text),1);
}

.peer:checked ~ .peer-checked\:block {
  display: block;
}

@media (max-width: 1399px) {
  .xxl\:order-1 {
    order: 1;
  }

  .xxl\:order-2 {
    order: 2;
  }

  .xxl\:order-3 {
    order: 3;
  }

  .xxl\:order-4 {
    order: 4;
  }

  .xxl\:order-5 {
    order: 5;
  }

  .xxl\:order-none {
    order: 0;
  }

  .xxl\:col-span-12 {
    grid-column: span 12 / span 12;
  }

  .xxl\:col-span-3 {
    grid-column: span 3 / span 3;
  }

  .xxl\:col-span-4 {
    grid-column: span 4 / span 4;
  }

  .xxl\:col-span-5 {
    grid-column: span 5 / span 5;
  }

  .xxl\:col-span-6 {
    grid-column: span 6 / span 6;
  }

  .xxl\:col-span-7 {
    grid-column: span 7 / span 7;
  }

  .xxl\:col-span-8 {
    grid-column: span 8 / span 8;
  }

  .xxl\:col-span-9 {
    grid-column: span 9 / span 9;
  }

  .xxl\:hidden {
    display: none;
  }

  .xxl\:gap-5 {
    gap: 1.25rem;
  }
}

@media (max-width: 1199px) {
  .xl\:order-1 {
    order: 1;
  }

  .xl\:order-2 {
    order: 2;
  }

  .xl\:order-3 {
    order: 3;
  }

  .xl\:col-span-12 {
    grid-column: span 12 / span 12;
  }

  .xl\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .xl\:col-span-4 {
    grid-column: span 4 / span 4;
  }

  .xl\:col-span-5 {
    grid-column: span 5 / span 5;
  }

  .xl\:col-span-6 {
    grid-column: span 6 / span 6;
  }

  .xl\:col-span-7 {
    grid-column: span 7 / span 7;
  }

  .xl\:col-span-8 {
    grid-column: span 8 / span 8;
  }

  .xl\:col-start-3 {
    grid-column-start: 3;
  }

  .xl\:block {
    display: block;
  }

  .xl\:\!grid {
    display: grid !important;
  }

  .xl\:hidden {
    display: none;
  }

  .xl\:gap-5 {
    gap: 1.25rem;
  }

  .xl\:gap-\[15px\] {
    gap: 15px;
  }
}

@media (max-width: 991px) {
  .lg\:col-span-12 {
    grid-column: span 12 / span 12;
  }

  .lg\:col-span-3 {
    grid-column: span 3 / span 3;
  }

  .lg\:col-span-4 {
    grid-column: span 4 / span 4;
  }

  .lg\:col-span-5 {
    grid-column: span 5 / span 5;
  }

  .lg\:col-span-6 {
    grid-column: span 6 / span 6;
  }

  .lg\:col-span-7 {
    grid-column: span 7 / span 7;
  }

  .lg\:col-span-8 {
    grid-column: span 8 / span 8;
  }

  .lg\:col-span-9 {
    grid-column: span 9 / span 9;
  }

  .lg\:block {
    display: block;
  }

  .lg\:gap-3 {
    gap: 0.75rem;
  }

  .lg\:justify-self-start {
    justify-self: start;
  }
}

@media (max-width: 767px) {
  .md\:col-span-1 {
    grid-column: span 1 / span 1;
  }

  .md\:col-span-10 {
    grid-column: span 10 / span 10;
  }

  .md\:col-span-11 {
    grid-column: span 11 / span 11;
  }

  .md\:col-span-12 {
    grid-column: span 12 / span 12;
  }

  .md\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .md\:col-span-3 {
    grid-column: span 3 / span 3;
  }

  .md\:col-span-4 {
    grid-column: span 4 / span 4;
  }

  .md\:col-span-5 {
    grid-column: span 5 / span 5;
  }

  .md\:col-span-6 {
    grid-column: span 6 / span 6;
  }

  .md\:col-span-7 {
    grid-column: span 7 / span 7;
  }

  .md\:col-span-8 {
    grid-column: span 8 / span 8;
  }

  .md\:col-span-9 {
    grid-column: span 9 / span 9;
  }

  .md\:float-start {
    float: inline-start;
  }

  .md\:block {
    display: block;
  }

  .md\:justify-start {
    justify-content: flex-start;
  }

  .md\:gap-3 {
    gap: 0.75rem;
  }

  .md\:text-start {
    text-align: start;
  }
}

@media (max-width: 575px) {
  .sm\:order-1 {
    order: 1;
  }

  .sm\:order-2 {
    order: 2;
  }

  .sm\:order-3 {
    order: 3;
  }

  .sm\:order-4 {
    order: 4;
  }

  .sm\:order-5 {
    order: 5;
  }

  .sm\:col-span-12 {
    grid-column: span 12 / span 12;
  }

  .sm\:col-span-4 {
    grid-column: span 4 / span 4;
  }

  .sm\:col-span-5 {
    grid-column: span 5 / span 5;
  }

  .sm\:col-span-6 {
    grid-column: span 6 / span 6;
  }

  .sm\:col-span-8 {
    grid-column: span 8 / span 8;
  }

  .sm\:col-start-2 {
    grid-column-start: 2;
  }

  .sm\:col-start-3 {
    grid-column-start: 3;
  }

  .sm\:hidden {
    display: none;
  }

  .sm\:justify-center {
    justify-content: center;
  }
}

.rtl\:\!pl-\[0px\]:where([dir="rtl"], [dir="rtl"] *) {
  padding-left: 0px !important;
}

.rtl\:\!pr-\[16px\]:where([dir="rtl"], [dir="rtl"] *) {
  padding-right: 16px !important;
}

@media(max-width:1024px) {
  .\[\@media\(max-width\:1024px\)\]\:\!justify-start {
    justify-content: flex-start !important;
  }
}

@media(max-width:1035px) {
  .\[\@media\(max-width\:1035px\)\]\:min-w-\[108px\] {
    min-width: 108px;
  }

  .\[\@media\(max-width\:1035px\)\]\:min-w-\[118px\] {
    min-width: 118px;
  }

  .\[\@media\(max-width\:1035px\)\]\:min-w-\[148px\] {
    min-width: 148px;
  }

  .\[\@media\(max-width\:1035px\)\]\:min-w-\[200px\] {
    min-width: 200px;
  }
}

@media(max-width:1045px) {
  .\[\@media\(max-width\:1045px\)\]\:\!hidden {
    display: none !important;
  }

  .\[\@media\(max-width\:1045px\)\]\:hidden {
    display: none;
  }
}

@media(max-width:1065px) {
  .\[\@media\(max-width\:1065px\)\]\:hidden {
    display: none;
  }
}

@media(max-width:1182px) {
  .\[\@media\(max-width\:1182px\)\]\:\!justify-start {
    justify-content: flex-start !important;
  }
}

@media(max-width:1199px) {
  .\[\@media\(max-width\:1199px\)\]\:line-clamp-\[3\] {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }

  .\[\@media\(max-width\:1199px\)\]\:\!table-cell {
    display: table-cell !important;
  }

  .\[\@media\(max-width\:1199px\)\]\:min-w-\[120px\] {
    min-width: 120px;
  }
}

@media(max-width:1199px) and (min-width:440px) {
  .\[\@media\(max-width\:1199px\)_and_\(min-width\:440px\)\]\:\!w-\[365px\] {
    width: 365px !important;
  }
}

@media(max-width:1199px) and (min-width:775px) {
  .\[\@media\(max-width\:1199px\)_and_\(min-width\:775px\)\]\:h-\[400px\] {
    height: 400px;
  }

  .\[\@media\(max-width\:1199px\)_and_\(min-width\:775px\)\]\:overflow-y-scroll {
    overflow-y: scroll;
  }
}

@media(max-width:1200px) {
  .\[\@media\(max-width\:1200px\)\]\:\!table-cell {
    display: table-cell !important;
  }
}

@media(max-width:1232px) {
  .\[\@media\(max-width\:1232px\)\]\:\!max-w-\[105px\] {
    max-width: 105px !important;
  }

  .\[\@media\(max-width\:1232px\)\]\:max-w-\[105px\] {
    max-width: 105px;
  }

  .\[\@media\(max-width\:1232px\)\]\:\!p-\[10px\] {
    padding: 10px !important;
  }
}

@media(max-width:1239px) and (min-width:1200px) {
  .\[\@media\(max-width\:1239px\)_and_\(min-width\:1200px\)\]\:hidden {
    display: none;
  }
}

@media(max-width:1248px) {
  .\[\@media\(max-width\:1248px\)\]\:\!px-\[7px\] {
    padding-left: 7px !important;
    padding-right: 7px !important;
  }

  .\[\@media\(max-width\:1248px\)\]\:\!py-\[0px\] {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }

  .\[\@media\(max-width\:1248px\)\]\:px-\[7px\] {
    padding-left: 7px;
    padding-right: 7px;
  }

  .\[\@media\(max-width\:1248px\)\]\:py-\[0px\] {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}

@media(max-width:1260px) {
  .\[\@media\(max-width\:1260px\)\]\:\!min-w-\[104px\] {
    min-width: 104px !important;
  }

  .\[\@media\(max-width\:1260px\)\]\:\!min-w-\[122px\] {
    min-width: 122px !important;
  }

  .\[\@media\(max-width\:1260px\)\]\:\!min-w-\[140px\] {
    min-width: 140px !important;
  }

  .\[\@media\(max-width\:1260px\)\]\:\!min-w-\[148px\] {
    min-width: 148px !important;
  }

  .\[\@media\(max-width\:1260px\)\]\:\!min-w-\[180px\] {
    min-width: 180px !important;
  }
}

@media(max-width:1293px) {
  .\[\@media\(max-width\:1293px\)\]\:\!mb-\[0px\] {
    margin-bottom: 0px !important;
  }
}

@media(max-width:1299px) {
  .\[\@media\(max-width\:1299px\)\]\:\!w-\[88\%\] {
    width: 88% !important;
  }
}

@media(max-width:1310px) and (min-width:992px) {
  .\[\@media\(max-width\:1310px\)_and_\(min-width\:992px\)\]\:\!line-clamp-\[1\] {
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 1 !important;
  }
}

@media(max-width:1316px) {
  .\[\@media\(max-width\:1316px\)\]\:\!hidden {
    display: none !important;
  }
}

@media(max-width:1335px) {
  .\[\@media\(max-width\:1335px\)\]\:\!max-w-\[113px\] {
    max-width: 113px !important;
  }

  .\[\@media\(max-width\:1335px\)\]\:max-w-\[113px\] {
    max-width: 113px;
  }

  .\[\@media\(max-width\:1335px\)\]\:p-\[10px\] {
    padding: 10px;
  }
}

@media(max-width:1344px) {
  .\[\@media\(max-width\:1344px\)\]\:\!h-\[40px\] {
    height: 40px !important;
  }
}

@media(max-width:1347px) and (min-width:1200px) {
  .\[\@media\(max-width\:1347px\)_and_\(min-width\:1200px\)\]\:hidden {
    display: none;
  }
}

@media(max-width:1382px) and (min-width:1200px) {
  .\[\@media\(max-width\:1382px\)_and_\(min-width\:1200px\)\]\:hidden {
    display: none;
  }
}

@media(max-width:1387px) {
  .\[\@media\(max-width\:1387px\)\]\:mb-\[30px\] {
    margin-bottom: 30px;
  }
}

@media(max-width:1399px) {
  .\[\@media\(max-width\:1399px\)\]\:w-\[56\%\] {
    width: 56%;
  }
}

@media(max-width:1399px) and (min-width:1200px) {
  .\[\@media\(max-width\:1399px\)_and_\(min-width\:1200px\)\]\:hidden {
    display: none;
  }
}

@media(max-width:1399px) and (min-width:576px) {
  .\[\@media\(max-width\:1399px\)_and_\(min-width\:576px\)\]\:h-\[45px\] {
    height: 45px;
  }

  .\[\@media\(max-width\:1399px\)_and_\(min-width\:576px\)\]\:w-\[45px\] {
    width: 45px;
  }
}

@media(max-width:1399px) and (min-width:630px) {
  .\[\@media\(max-width\:1399px\)_and_\(min-width\:630px\)\]\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media(max-width:1400px) {
  .\[\@media\(max-width\:1400px\)\]\:hidden {
    display: none;
  }
}

@media(max-width:1422px) {
  .\[\@media\(max-width\:1422px\)\]\:\!justify-start {
    justify-content: flex-start !important;
  }
}

@media(max-width:1423px) {
  .\[\@media\(max-width\:1423px\)\]\:\!px-\[28px\] {
    padding-left: 28px !important;
    padding-right: 28px !important;
  }

  .\[\@media\(max-width\:1423px\)\]\:\!py-\[16px\] {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
}

@media(max-width:1436px) and (min-width:1200px) {
  .\[\@media\(max-width\:1436px\)_and_\(min-width\:1200px\)\]\:hidden {
    display: none;
  }
}

@media(max-width:1440px) {
  .\[\@media\(max-width\:1440px\)\]\:\!px-\[7px\] {
    padding-left: 7px !important;
    padding-right: 7px !important;
  }

  .\[\@media\(max-width\:1440px\)\]\:\!py-3 {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }

  .\[\@media\(max-width\:1440px\)\]\:\!text-base {
    font-size: 1rem !important;
    line-height: 1.5rem !important;
  }

  .\[\@media\(max-width\:1440px\)\]\:\!leading-\[1\] {
    line-height: 1 !important;
  }
}

@media(max-width:1440px) and (min-width:1200px) {
  .\[\@media\(max-width\:1440px\)_and_\(min-width\:1200px\)\]\:\!mb-\[100px\] {
    margin-bottom: 100px !important;
  }
}

@media(max-width:1454px) {
  .\[\@media\(max-width\:1454px\)\]\:hidden {
    display: none;
  }
}

@media(max-width:1459px) and (min-width:1200px) {
  .\[\@media\(max-width\:1459px\)_and_\(min-width\:1200px\)\]\:line-clamp-\[1\] {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
}

@media(max-width:1468px) {
  .\[\@media\(max-width\:1468px\)\]\:\!px-\[16px\] {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .\[\@media\(max-width\:1468px\)\]\:\!py-\[12px\] {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
}

@media(max-width:1484px) and (min-width:1400px) {
  .\[\@media\(max-width\:1484px\)_and_\(min-width\:1400px\)\]\:justify-center {
    justify-content: center;
  }

  .\[\@media\(max-width\:1484px\)_and_\(min-width\:1400px\)\]\:text-center {
    text-align: center;
  }
}

@media(max-width:1485px) and (min-width:1200px) {
  .\[\@media\(max-width\:1485px\)_and_\(min-width\:1200px\)\]\:hidden {
    display: none;
  }
}

@media(max-width:1497px) {
  .\[\@media\(max-width\:1497px\)\]\:\!hidden {
    display: none !important;
  }
}

@media(max-width:1500px) {
  .\[\@media\(max-width\:1500px\)\]\:flex-nowrap {
    flex-wrap: nowrap;
  }

  .\[\@media\(max-width\:1500px\)\]\:justify-start {
    justify-content: flex-start;
  }

  .\[\@media\(max-width\:1500px\)\]\:justify-end {
    justify-content: flex-end;
  }
}

@media(max-width:1504px) {
  .\[\@media\(max-width\:1504px\)\]\:max-w-\[165px\] {
    max-width: 165px;
  }
}

@media(max-width:1505px) {
  .\[\@media\(max-width\:1505px\)\]\:\!gap-\[1px\] {
    gap: 1px !important;
  }
}

@media(max-width:1510px) {
  .\[\@media\(max-width\:1510px\)\]\:\!hidden {
    display: none !important;
  }
}

@media(max-width:1528px) {
  .\[\@media\(max-width\:1528px\)\]\:gap-\[12px\] {
    gap: 12px;
  }
}

@media(max-width:1529px) {
  .\[\@media\(max-width\:1529px\)\]\:\!w-\[100\%\] {
    width: 100% !important;
  }

  .\[\@media\(max-width\:1529px\)\]\:overflow-x-auto {
    overflow-x: auto;
  }

  .\[\@media\(max-width\:1529px\)\]\:overflow-y-hidden {
    overflow-y: hidden;
  }
}

@media(max-width:1535px) {
  .\[\@media\(max-width\:1535px\)\]\:flex-col {
    flex-direction: column;
  }

  .\[\@media\(max-width\:1535px\)\]\:justify-center {
    justify-content: center;
  }

  .\[\@media\(max-width\:1535px\)\]\:gap-\[2px\] {
    gap: 2px;
  }

  .\[\@media\(max-width\:1535px\)\]\:text-center {
    text-align: center;
  }
}

@media(max-width:1570px) {
  .\[\@media\(max-width\:1570px\)\]\:\!line-clamp-2 {
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
  }

  .\[\@media\(max-width\:1570px\)\]\:\!line-clamp-\[2\] {
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
  }
}

@media(max-width:1579px) {
  .\[\@media\(max-width\:1579px\)\]\:hidden {
    display: none;
  }
}

@media(max-width:1589px) {
  .\[\@media\(max-width\:1589px\)\]\:line-clamp-\[1\] {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
}

@media(max-width:1590px) {
  .\[\@media\(max-width\:1590px\)\]\:\!my-\[28px\] {
    margin-top: 28px !important;
    margin-bottom: 28px !important;
  }
}

@media(max-width:1590px) and (min-width:1400px) {
  .\[\@media\(max-width\:1590px\)_and_\(min-width\:1400px\)\]\:\!my-\[28px\] {
    margin-top: 28px !important;
    margin-bottom: 28px !important;
  }

  .\[\@media\(max-width\:1590px\)_and_\(min-width\:1400px\)\]\:\!h-\[92px\] {
    height: 92px !important;
  }
}

@media(max-width:1623px) and (min-width:1400px) {
  .\[\@media\(max-width\:1623px\)_and_\(min-width\:1400px\)\]\:hidden {
    display: none;
  }
}

@media(max-width:1660px) and (min-width:320px) {
  .\[\@media\(max-width\:1660px\)_and_\(min-width\:320px\)\]\:line-clamp-\[3\] {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
}

@media(max-width:1676px) {
  .\[\@media\(max-width\:1676px\)\]\:\!px-\[10px\] {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}

@media(max-width:1680px) {
  .\[\@media\(max-width\:1680px\)\]\:\!hidden {
    display: none !important;
  }
}

@media(max-width:1696px) {
  .\[\@media\(max-width\:1696px\)\]\:hidden {
    display: none;
  }
}

@media(max-width:1700px) {
  .\[\@media\(max-width\:1700px\)\]\:\!mx-\[0\] {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .\[\@media\(max-width\:1700px\)\]\:whitespace-nowrap {
    white-space: nowrap;
  }
}

@media(max-width:1747px) {
  .\[\@media\(max-width\:1747px\)\]\:\!h-\[134px\] {
    height: 134px !important;
  }
}

@media(max-width:1780px) and (min-width:576px) {
  .\[\@media\(max-width\:1780px\)_and_\(min-width\:576px\)\]\:w-\[218px\] {
    width: 218px;
  }

  .\[\@media\(max-width\:1780px\)_and_\(min-width\:576px\)\]\:min-w-\[218px\] {
    min-width: 218px;
  }

  .\[\@media\(max-width\:1780px\)_and_\(min-width\:576px\)\]\:gap-\[14px\] {
    gap: 14px;
  }
}

@media(max-width:1805px) {
  .\[\@media\(max-width\:1805px\)\]\:\!hidden {
    display: none !important;
  }
}

@media(max-width:1833px) {
  .\[\@media\(max-width\:1833px\)\]\:\!h-\[338px\] {
    height: 338px !important;
  }
}

@media(max-width:1855px) {
  .\[\@media\(max-width\:1855px\)\]\:\!py-\[16px\] {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }

  .\[\@media\(max-width\:1855px\)\]\:px-\[45px\] {
    padding-left: 45px;
    padding-right: 45px;
  }
}

@media(max-width:1875px) {
  .\[\@media\(max-width\:1875px\)\]\:\!mb-\[20px\] {
    margin-bottom: 20px !important;
  }
}

@media(max-width:1999px) {
  .\[\@media\(max-width\:1999px\)\]\:h-\[86px\] {
    height: 86px;
  }
}

@media(max-width:320px) {
  .\[\@media\(max-width\:320px\)\]\:left-\[30px\] {
    left: 30px;
  }

  .\[\@media\(max-width\:320px\)\]\:\!mb-\[10px\] {
    margin-bottom: 10px !important;
  }

  .\[\@media\(max-width\:320px\)\]\:\!mb-\[30px\] {
    margin-bottom: 30px !important;
  }

  .\[\@media\(max-width\:320px\)\]\:w-\[200px\] {
    width: 200px;
  }

  .\[\@media\(max-width\:320px\)\]\:w-\[242px\] {
    width: 242px;
  }

  .\[\@media\(max-width\:320px\)\]\:w-fit {
    width: -moz-fit-content;
    width: fit-content;
  }

  .\[\@media\(max-width\:320px\)\]\:\!flex-nowrap {
    flex-wrap: nowrap !important;
  }

  .\[\@media\(max-width\:320px\)\]\:gap-\[13px\] {
    gap: 13px;
  }

  .\[\@media\(max-width\:320px\)\]\:break-words {
    overflow-wrap: break-word;
  }

  .\[\@media\(max-width\:320px\)\]\:rtl\:right-\[30px\]:where([dir="rtl"], [dir="rtl"] *) {
    right: 30px;
  }
}

@media(max-width:330px) {
  .\[\@media\(max-width\:330px\)\]\:w-\[252px\] {
    width: 252px;
  }

  .\[\@media\(max-width\:330px\)\]\:text-\[12px\] {
    font-size: 12px;
  }
}

@media(max-width:338px) {
  .\[\@media\(max-width\:338px\)\]\:\!px-\[11px\] {
    padding-left: 11px !important;
    padding-right: 11px !important;
  }

  .\[\@media\(max-width\:338px\)\]\:\!py-\[6px\] {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }
}

@media(max-width:339px) {
  .\[\@media\(max-width\:339px\)\]\:justify-center {
    justify-content: center;
  }
}

@media(max-width:340px) {
  .\[\@media\(max-width\:340px\)\]\:\!hidden {
    display: none !important;
  }

  .\[\@media\(max-width\:340px\)\]\:hidden {
    display: none;
  }
}

@media(max-width:350px) {
  .\[\@media\(max-width\:350px\)\]\:p-\[8px\] {
    padding: 8px;
  }
}

@media(max-width:355px) {
  .\[\@media\(max-width\:355px\)\]\:\!h-\[80px\] {
    height: 80px !important;
  }
}

@media(max-width:360px) {
  .\[\@media\(max-width\:360px\)\]\:\!mb-\[15px\] {
    margin-bottom: 15px !important;
  }

  .\[\@media\(max-width\:360px\)\]\:\!mb-\[16px\] {
    margin-bottom: 16px !important;
  }

  .\[\@media\(max-width\:360px\)\]\:\!mb-\[30px\] {
    margin-bottom: 30px !important;
  }

  .\[\@media\(max-width\:360px\)\]\:\!h-\[32px\] {
    height: 32px !important;
  }

  .\[\@media\(max-width\:360px\)\]\:\!w-\[32px\] {
    width: 32px !important;
  }
}

@media(max-width:366px) {
  .\[\@media\(max-width\:366px\)\]\:pb-\[8px\] {
    padding-bottom: 8px;
  }
}

@media(max-width:370px) {
  .\[\@media\(max-width\:370px\)\]\:\!h-\[70px\] {
    height: 70px !important;
  }
}

@media(max-width:390px) {
  .\[\@media\(max-width\:390px\)\]\:flex-col {
    flex-direction: column;
  }

  .\[\@media\(max-width\:390px\)\]\:pb-\[12px\] {
    padding-bottom: 12px;
  }
}

@media(max-width:400px) {
  .\[\@media\(max-width\:400px\)\]\:hidden {
    display: none;
  }

  .\[\@media\(max-width\:400px\)\]\:\!px-\[8px\] {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .\[\@media\(max-width\:400px\)\]\:\!text-\[25px\] {
    font-size: 25px !important;
  }
}

@media(max-width:401px) {
  .\[\@media\(max-width\:401px\)\]\:justify-center {
    justify-content: center;
  }
}

@media(max-width:414px) {
  .\[\@media\(max-width\:414px\)\]\:\[flex-wrap\:unset\] {
    flex-wrap: unset;
  }

  .\[\@media\(max-width\:414px\)\]\:\[word-break\:break-word\] {
    word-break: break-word;
  }
}

@media(max-width:420px) {
  .\[\@media\(max-width\:420px\)\]\:flex-col {
    flex-direction: column;
  }

  .\[\@media\(max-width\:420px\)\]\:gap-\[10px\] {
    gap: 10px;
  }
}

@media(max-width:422px) {
  .\[\@media\(max-width\:422px\)\]\:\!hidden {
    display: none !important;
  }
}

@media(max-width:429px) {
  .\[\@media\(max-width\:429px\)\]\:line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
}

@media(max-width:435px) {
  .\[\@media\(max-width\:435px\)\]\:flex-col {
    flex-direction: column;
  }

  .\[\@media\(max-width\:435px\)\]\:\!border-l-\[0px\] {
    border-left-width: 0px !important;
  }

  .\[\@media\(max-width\:435px\)\]\:\!pl-0 {
    padding-left: 0px !important;
  }
}

@media(max-width:436px) {
  .\[\@media\(max-width\:436px\)\]\:\!h-\[90px\] {
    height: 90px !important;
  }
}

@media(max-width:440px) {
  .\[\@media\(max-width\:440px\)\]\:\!flex-col {
    flex-direction: column !important;
  }

  .\[\@media\(max-width\:440px\)\]\:\!items-end {
    align-items: flex-end !important;
  }

  .\[\@media\(max-width\:440px\)\]\:\!gap-\[10px\] {
    gap: 10px !important;
  }
}

@media(max-width:445px) {
  .\[\@media\(max-width\:445px\)\]\:m-auto {
    margin: auto;
  }

  .\[\@media\(max-width\:445px\)\]\:\!w-full {
    width: 100% !important;
  }
}

@media(max-width:479px) {
  .\[\@media\(max-width\:479px\)\]\:\!hidden {
    display: none !important;
  }

  .\[\@media\(max-width\:479px\)\]\:\!flex-col {
    flex-direction: column !important;
  }

  .\[\@media\(max-width\:479px\)\]\:items-start {
    align-items: flex-start;
  }

  .\[\@media\(max-width\:479px\)\]\:gap-\[23px\] {
    gap: 23px;
  }
}

@media(max-width:480px) {
  .\[\@media\(max-width\:480px\)\]\:\!line-clamp-\[1\] {
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 1 !important;
  }
}

@media(max-width:500px) {
  .\[\@media\(max-width\:500px\)\]\:flex-wrap {
    flex-wrap: wrap;
  }
}

@media(max-width:575px) {
  .\[\@media\(max-width\:575px\)\]\:ml-\[63px\] {
    margin-left: 63px;
  }

  .\[\@media\(max-width\:575px\)\]\:mt-\[10px\] {
    margin-top: 10px;
  }

  .\[\@media\(max-width\:575px\)\]\:block {
    display: block;
  }

  .\[\@media\(max-width\:575px\)\]\:\!flex-row {
    flex-direction: row !important;
  }

  .\[\@media\(max-width\:575px\)\]\:flex-row {
    flex-direction: row;
  }

  .\[\@media\(max-width\:575px\)\]\:\!justify-start {
    justify-content: flex-start !important;
  }

  .\[\@media\(max-width\:575px\)\]\:gap-\[20px\] {
    gap: 20px;
  }

  .\[\@media\(max-width\:575px\)\]\:\!pb-\[120px\] {
    padding-bottom: 120px !important;
  }

  .\[\@media\(max-width\:575px\)\]\:text-center {
    text-align: center;
  }
}

@media(max-width:576px) {
  .\[\@media\(max-width\:576px\)\]\:\!mb-\[20px\] {
    margin-bottom: 20px !important;
  }

  .\[\@media\(max-width\:576px\)\]\:flex-wrap {
    flex-wrap: wrap;
  }

  .\[\@media\(max-width\:576px\)\]\:items-start {
    align-items: flex-start;
  }

  .\[\@media\(max-width\:576px\)\]\:justify-center {
    justify-content: center;
  }

  .\[\@media\(max-width\:576px\)\]\:\!px-\[calc\(12px_\+_\(24_-_12\)_\*_\(\(100vw_-_320px\)_\/_\(576_-_320\)\)\)\] {
    padding-left: calc(12px + (24 - 12) * ((100vw - 320px) / (576 - 320))) !important;
    padding-right: calc(12px + (24 - 12) * ((100vw - 320px) / (576 - 320))) !important;
  }

  .\[\@media\(max-width\:576px\)\]\:\!py-\[calc\(12px_\+_\(12_-_12\)_\*_\(\(100vw_-_320px\)_\/_\(576_-_320\)\)\)\] {
    padding-top: calc(12px + (12 - 12) * ((100vw - 320px) / (576 - 320))) !important;
    padding-bottom: calc(12px + (12 - 12) * ((100vw - 320px) / (576 - 320))) !important;
  }

  .\[\@media\(max-width\:576px\)\]\:pb-\[12px\] {
    padding-bottom: 12px;
  }

  .\[\@media\(max-width\:576px\)\]\:\!text-\[calc\(_15px_\+_\(20_-_15\)_\*_\(\(100vw_-_320px\)_\/_\(576_-_320\)\)\)\] {
    font-size: calc( 15px + (20 - 15) * ((100vw - 320px) / (576 - 320))) !important;
  }

  .\[\@media\(max-width\:576px\)\]\:text-\[calc\(15px_\+_\(20_-_15\)_\*_\(\(100vw_-_320px\)_\/_\(576_-_320\)\)\)\] {
    font-size: calc(15px + (20 - 15) * ((100vw - 320px) / (576 - 320)));
  }
}

@media(max-width:599px) {
  .\[\@media\(max-width\:599px\)\]\:\!hidden {
    display: none !important;
  }
}

@media(max-width:606px) {
  .\[\@media\(max-width\:606px\)\]\:\!justify-center {
    justify-content: center !important;
  }
}

@media(max-width:618px) {
  .\[\@media\(max-width\:618px\)\]\:ml-\[0px\] {
    margin-left: 0px;
  }

  .\[\@media\(max-width\:618px\)\]\:flex-col {
    flex-direction: column;
  }

  .\[\@media\(max-width\:618px\)\]\:gap-\[12px\] {
    gap: 12px;
  }
}

@media(max-width:620px) {
  .\[\@media\(max-width\:620px\)\]\:ml-\[auto\] {
    margin-left: auto;
  }

  .\[\@media\(max-width\:620px\)\]\:flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }

  .\[\@media\(max-width\:620px\)\]\:gap-\[8px\] {
    gap: 8px;
  }
}

@media(max-width:621px) {
  .\[\@media\(max-width\:621px\)\]\:\!gap-\[18px\] {
    gap: 18px !important;
  }
}

@media(max-width:623px) {
  .\[\@media\(max-width\:623px\)\]\:\!hidden {
    display: none !important;
  }
}

@media(max-width:644px) {
  .\[\@media\(max-width\:644px\)\]\:\!h-\[30px\] {
    height: 30px !important;
  }

  .\[\@media\(max-width\:644px\)\]\:\!w-\[30px\] {
    width: 30px !important;
  }
}

@media(max-width:645px) and (min-width:576px) {
  .\[\@media\(max-width\:645px\)_and_\(min-width\:576px\)\]\:\!px-\[15px\] {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .\[\@media\(max-width\:645px\)_and_\(min-width\:576px\)\]\:\!py-\[10px\] {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}

@media(max-width:700px) {
  .\[\@media\(max-width\:700px\)\]\:grid {
    display: grid;
  }

  .\[\@media\(max-width\:700px\)\]\:grid-cols-\[auto_auto\] {
    grid-template-columns: auto auto;
  }

  .\[\@media\(max-width\:700px\)\]\:gap-\[18px\] {
    gap: 18px;
  }
}

@media(max-width:767.98px) {
  .\[\@media\(max-width\:767\.98px\)\]\:line-clamp-\[1\] {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
}

@media(max-width:767px) {
  .\[\@media\(max-width\:767px\)\]\:mt-\[0\] {
    margin-top: 0;
  }

  .\[\@media\(max-width\:767px\)\]\:line-clamp-\[1\] {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }

  .\[\@media\(max-width\:767px\)\]\:justify-start {
    justify-content: flex-start;
  }

  .\[\@media\(max-width\:767px\)\]\:px-\[15px\] {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media(max-width:768px) {
  .\[\@media\(max-width\:768px\)\]\:w-\[100px\] {
    width: 100px;
  }

  .\[\@media\(max-width\:768px\)\]\:\!min-w-\[98px\] {
    min-width: 98px !important;
  }

  .\[\@media\(max-width\:768px\)\]\:flex-col {
    flex-direction: column;
  }

  .\[\@media\(max-width\:768px\)\]\:\!items-start {
    align-items: flex-start !important;
  }

  .\[\@media\(max-width\:768px\)\]\:items-start {
    align-items: flex-start;
  }
}

@media(max-width:774px) {
  .\[\@media\(max-width\:774px\)\]\:h-\[275px\] {
    height: 275px;
  }

  .\[\@media\(max-width\:774px\)\]\:overflow-y-scroll {
    overflow-y: scroll;
  }
}

@media(max-width:920px) {
  .\[\@media\(max-width\:920px\)\]\:min-w-\[150px\] {
    min-width: 150px;
  }
}

@media(max-width:991px) {
  .\[\@media\(max-width\:991px\)\]\:\!hidden {
    display: none !important;
  }

  .\[\@media\(max-width\:991px\)\]\:\!gap-\[calc\(27px_\+_\(35_-_27\)_\*_\(\(100vw_-_1400px\)_\/_\(1920_-_1400\)\)\)\] {
    gap: calc(27px + (35 - 27) * ((100vw - 1400px) / (1920 - 1400))) !important;
  }
}

@media(max-width:991px) and (min-width:600px) {
  .\[\@media\(max-width\:991px\)_and_\(min-width\:600px\)\]\:\!pb-\[30px\] {
    padding-bottom: 30px !important;
  }
}

@media(max-width:992px) {
  .\[\@media\(max-width\:992px\)\]\:\!h-\[35px\] {
    height: 35px !important;
  }

  .\[\@media\(max-width\:992px\)\]\:h-\[64px\] {
    height: 64px;
  }

  .\[\@media\(max-width\:992px\)\]\:h-\[calc\(200px_\+_\(350_-_200\)_\*_\(\(100vw_-_320px\)_\/_\(992_-_320\)\)\)\] {
    height: calc(200px + (350 - 200) * ((100vw - 320px) / (992 - 320)));
  }

  .\[\@media\(max-width\:992px\)\]\:\!w-\[34px\] {
    width: 34px !important;
  }

  .\[\@media\(max-width\:992px\)\]\:justify-center {
    justify-content: center;
  }
}

@media(min-width:1200px) {
  .\[\@media\(min-width\:1200px\)\]\:\!max-w-\[1140px\] {
    max-width: 1140px !important;
  }
}

@media(min-width:1200px) and (max-width:1211px) {
  .\[\@media\(min-width\:1200px\)_and_\(max-width\:1211px\)\]\:\!hidden {
    display: none !important;
  }
}

@media(min-width:1200px) and (max-width:1230px) {
  .\[\@media\(min-width\:1200px\)_and_\(max-width\:1230px\)\]\:\!my-\[10px\] {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }

  .\[\@media\(min-width\:1200px\)_and_\(max-width\:1230px\)\]\:\!hidden {
    display: none !important;
  }
}

@media(min-width:1200px) and (max-width:1255px) {
  .\[\@media\(min-width\:1200px\)_and_\(max-width\:1255px\)\]\:\!hidden {
    display: none !important;
  }
}

@media(min-width:1200px) and (max-width:1290px) {
  .\[\@media\(min-width\:1200px\)_and_\(max-width\:1290px\)\]\:\!hidden {
    display: none !important;
  }
}

@media(min-width:1200px) and (max-width:1364px) {
  .\[\@media\(min-width\:1200px\)_and_\(max-width\:1364px\)\]\:\!hidden {
    display: none !important;
  }
}

@media(min-width:1200px) and (max-width:1425px) {
  .\[\@media\(min-width\:1200px\)_and_\(max-width\:1425px\)\]\:\!hidden {
    display: none !important;
  }
}

@media(min-width:1200px) and (max-width:1450px) {
  .\[\@media\(min-width\:1200px\)_and_\(max-width\:1450px\)\]\:hidden {
    display: none;
  }
}

@media(min-width:1200px) and (max-width:1455px) {
  .\[\@media\(min-width\:1200px\)_and_\(max-width\:1455px\)\]\:\!hidden {
    display: none !important;
  }
}

@media(min-width:1200px) and (max-width:1477px) {
  .\[\@media\(min-width\:1200px\)_and_\(max-width\:1477px\)\]\:\!hidden {
    display: none !important;
  }
}

@media(min-width:1200px) and (max-width:1480px) {
  .\[\@media\(min-width\:1200px\)_and_\(max-width\:1480px\)\]\:\!hidden {
    display: none !important;
  }
}

@media(min-width:1200px) and (max-width:1500px) {
  .\[\@media\(min-width\:1200px\)_and_\(max-width\:1500px\)\]\:\!mt-\[70px\] {
    margin-top: 70px !important;
  }

  .\[\@media\(min-width\:1200px\)_and_\(max-width\:1500px\)\]\:\!mt-\[90px\] {
    margin-top: 90px !important;
  }
}

@media(min-width:1200px) and (max-width:1570px) {
  .\[\@media\(min-width\:1200px\)_and_\(max-width\:1570px\)\]\:\!hidden {
    display: none !important;
  }
}

@media(min-width:1200px) and (max-width:1580px) {
  .\[\@media\(min-width\:1200px\)_and_\(max-width\:1580px\)\]\:\!hidden {
    display: none !important;
  }
}

@media(min-width:1200px) and (max-width:1656px) {
  .\[\@media\(min-width\:1200px\)_and_\(max-width\:1656px\)\]\:hidden {
    display: none;
  }
}

@media(min-width:1200px) and (max-width:1699px) {
  .\[\@media\(min-width\:1200px\)_and_\(max-width\:1699px\)\]\:\!hidden {
    display: none !important;
  }
}

@media(min-width:1200px) and (max-width:1767px) {
  .\[\@media\(min-width\:1200px\)_and_\(max-width\:1767px\)\]\:\!hidden {
    display: none !important;
  }
}

@media(min-width:1200px) and (max-width:1780px) {
  .\[\@media\(min-width\:1200px\)_and_\(max-width\:1780px\)\]\:\!hidden {
    display: none !important;
  }
}

@media(min-width:1200px) and (max-width:1920px) {
  .\[\@media\(min-width\:1200px\)_and_\(max-width\:1920px\)\]\:\!h-\[calc\(30px_\+_\(40_-_30\)_\*_\(\(100vw_-_1200px\)_\/_\(1920_-_1200\)\)\)\] {
    height: calc(30px + (40 - 30) * ((100vw - 1200px) / (1920 - 1200))) !important;
  }

  .\[\@media\(min-width\:1200px\)_and_\(max-width\:1920px\)\]\:\!w-\[calc\(30px_\+_\(40_-_30\)_\*_\(\(100vw_-_1200px\)_\/_\(1920_-_1200\)\)\)\] {
    width: calc(30px + (40 - 30) * ((100vw - 1200px) / (1920 - 1200))) !important;
  }

  .\[\@media\(min-width\:1200px\)_and_\(max-width\:1920px\)\]\:\!min-w-\[calc\(110px_\+_\(125_-_110\)_\*_\(\(100vw_-_1200px\)_\/_\(1920_-_1200\)\)\)\] {
    min-width: calc(110px + (125 - 110) * ((100vw - 1200px) / (1920 - 1200))) !important;
  }

  .\[\@media\(min-width\:1200px\)_and_\(max-width\:1920px\)\]\:\!px-\[calc\(6px_\+_\(16_-_6\)_\*_\(\(100vw_-_300px\)_\/_\(1920_-_300\)\)\)\] {
    padding-left: calc(6px + (16 - 6) * ((100vw - 300px) / (1920 - 300))) !important;
    padding-right: calc(6px + (16 - 6) * ((100vw - 300px) / (1920 - 300))) !important;
  }

  .\[\@media\(min-width\:1200px\)_and_\(max-width\:1920px\)\]\:\!py-\[calc\(8px_\+_\(8_-_8\)_\*_\(\(100vw_-_300px\)_\/_\(1920_-_300\)\)\)\] {
    padding-top: calc(8px + (8 - 8) * ((100vw - 300px) / (1920 - 300))) !important;
    padding-bottom: calc(8px + (8 - 8) * ((100vw - 300px) / (1920 - 300))) !important;
  }

  .\[\@media\(min-width\:1200px\)_and_\(max-width\:1920px\)\]\:\!text-\[calc\(14px_\+_\(18_-_14\)_\*_\(\(100vw_-_1200px\)_\/_\(1920_-_1200\)\)\)\] {
    font-size: calc(14px + (18 - 14) * ((100vw - 1200px) / (1920 - 1200))) !important;
  }
}

@media(min-width:1261px) and (max-width:1417px) {
  .\[\@media\(min-width\:1261px\)_and_\(max-width\:1417px\)\]\:hidden {
    display: none;
  }
}

@media(min-width:1399px) and (max-width:1700) {
  .\[\@media\(min-width\:1399px\)_and_\(max-width\:1700\)\]\:\!hidden {
    display: none !important;
  }
}

@media(min-width:1400px) {
  .\[\@media\(min-width\:1400px\)\]\:my-\[0px\] {
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .\[\@media\(min-width\:1400px\)\]\:\!max-w-\[1320px\] {
    max-width: 1320px !important;
  }
}

@media(min-width:1400px) and (max-width:1447px) {
  .\[\@media\(min-width\:1400px\)_and_\(max-width\:1447px\)\]\:\!my-\[60px\] {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
}

@media(min-width:1400px) and (max-width:1536px) {
  .\[\@media\(min-width\:1400px\)_and_\(max-width\:1536px\)\]\:\!hidden {
    display: none !important;
  }
}

@media(min-width:1400px) and (max-width:1550px) {
  .\[\@media\(min-width\:1400px\)_and_\(max-width\:1550px\)\]\:\!my-\[20px\] {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
}

@media(min-width:1400px) and (max-width:1596px) {
  .\[\@media\(min-width\:1400px\)_and_\(max-width\:1596px\)\]\:\!hidden {
    display: none !important;
  }
}

@media(min-width:1400px) and (max-width:1599px) {
  .\[\@media\(min-width\:1400px\)_and_\(max-width\:1599px\)\]\:\!hidden {
    display: none !important;
  }
}

@media(min-width:1400px) and (max-width:1673px) {
  .\[\@media\(min-width\:1400px\)_and_\(max-width\:1673px\)\]\:\!hidden {
    display: none !important;
  }
}

@media(min-width:1400px) and (max-width:1698px) {
  .\[\@media\(min-width\:1400px\)_and_\(max-width\:1698px\)\]\:\!hidden {
    display: none !important;
  }
}

@media(min-width:1400px) and (max-width:1700px) {
  .\[\@media\(min-width\:1400px\)_and_\(max-width\:1700px\)\]\:\!h-\[98px\] {
    height: 98px !important;
  }
}

@media(min-width:1400px) and (max-width:1704px) {
  .\[\@media\(min-width\:1400px\)_and_\(max-width\:1704px\)\]\:\!hidden {
    display: none !important;
  }

  .\[\@media\(min-width\:1400px\)_and_\(max-width\:1704px\)\]\:hidden {
    display: none;
  }
}

@media(min-width:1400px) and (max-width:1706px) {
  .\[\@media\(min-width\:1400px\)_and_\(max-width\:1706px\)\]\:\!hidden {
    display: none !important;
  }
}

@media(min-width:1400px) and (max-width:1755px) {
  .\[\@media\(min-width\:1400px\)_and_\(max-width\:1755px\)\]\:\!hidden {
    display: none !important;
  }
}

@media(min-width:1400px) and (max-width:1800px) {
  .\[\@media\(min-width\:1400px\)_and_\(max-width\:1800px\)\]\:\!line-clamp-\[1\] {
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 1 !important;
  }
}

@media(min-width:1400px) and (max-width:1920px) {
  .\[\@media\(min-width\:1400px\)_and_\(max-width\:1920px\)\]\:\!h-\[calc\(120px_\+_\(200_-_120\)_\*_\(\(100vw_-_1400px\)_\/_\(1920_-_1400\)\)\)\] {
    height: calc(120px + (200 - 120) * ((100vw - 1400px) / (1920 - 1400))) !important;
  }

  .\[\@media\(min-width\:1400px\)_and_\(max-width\:1920px\)\]\:\!h-\[calc\(45px_\+_\(100_-_45\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
    height: calc(45px + (100 - 45) * ((100vw - 320px) / (1920 - 320))) !important;
  }

  .\[\@media\(min-width\:1400px\)_and_\(max-width\:1920px\)\]\:\!h-\[calc\(70px_\+_\(100_-_70\)_\*_\(\(100vw_-_1400px\)_\/_\(1920_-_1400\)\)\)\] {
    height: calc(70px + (100 - 70) * ((100vw - 1400px) / (1920 - 1400))) !important;
  }

  .\[\@media\(min-width\:1400px\)_and_\(max-width\:1920px\)\]\:\!h-\[calc\(80px_\+_\(150_-_80\)_\*_\(\(100vw_-_1400px\)_\/_\(1920_-_1400\)\)\)\] {
    height: calc(80px + (150 - 80) * ((100vw - 1400px) / (1920 - 1400))) !important;
  }

  .\[\@media\(min-width\:1400px\)_and_\(max-width\:1920px\)\]\:\!w-\[calc\(120px_\+_\(200_-_120\)_\*_\(\(100vw_-_1400px\)_\/_\(1920_-_1400\)\)\)\] {
    width: calc(120px + (200 - 120) * ((100vw - 1400px) / (1920 - 1400))) !important;
  }

  .\[\@media\(min-width\:1400px\)_and_\(max-width\:1920px\)\]\:\!w-\[calc\(50px_\+_\(100_-_50\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
    width: calc(50px + (100 - 50) * ((100vw - 320px) / (1920 - 320))) !important;
  }

  .\[\@media\(min-width\:1400px\)_and_\(max-width\:1920px\)\]\:\!w-\[calc\(70px_\+_\(100_-_70\)_\*_\(\(100vw_-_1400px\)_\/_\(1920_-_1400\)\)\)\] {
    width: calc(70px + (100 - 70) * ((100vw - 1400px) / (1920 - 1400))) !important;
  }

  .\[\@media\(min-width\:1400px\)_and_\(max-width\:1920px\)\]\:\!w-\[calc\(80px_\+_\(150_-_80\)_\*_\(\(100vw_-_1400px\)_\/_\(1920_-_1400\)\)\)\] {
    width: calc(80px + (150 - 80) * ((100vw - 1400px) / (1920 - 1400))) !important;
  }
}

@media(min-width:1456px) and (max-width:1713px) {
  .\[\@media\(min-width\:1456px\)_and_\(max-width\:1713px\)\]\:\!hidden {
    display: none !important;
  }
}

@media(min-width:1661px) {
  .\[\@media\(min-width\:1661px\)\]\:\!w-\[100\%\] {
    width: 100% !important;
  }
}

@media(min-width:320px) and (max-width:1660px) {
  .\[\@media\(min-width\:320px\)_and_\(max-width\:1660px\)\]\:order-\[1\] {
    order: 1;
  }

  .\[\@media\(min-width\:320px\)_and_\(max-width\:1660px\)\]\:order-\[2\] {
    order: 2;
  }

  .\[\@media\(min-width\:320px\)_and_\(max-width\:1660px\)\]\:order-\[3\] {
    order: 3;
  }

  .\[\@media\(min-width\:320px\)_and_\(max-width\:1660px\)\]\:order-\[4\] {
    order: 4;
  }

  .\[\@media\(min-width\:320px\)_and_\(max-width\:1660px\)\]\:order-\[5\] {
    order: 5;
  }
}

@media(min-width:320px) and (max-width:1818px) {
  .\[\@media\(min-width\:320px\)_and_\(max-width\:1818px\)\]\:flex {
    display: flex;
  }

  .\[\@media\(min-width\:320px\)_and_\(max-width\:1818px\)\]\:justify-start {
    justify-content: flex-start;
  }
}

@media(min-width:341px) and (max-width:410px) {
  .\[\@media\(min-width\:341px\)_and_\(max-width\:410px\)\]\:hidden {
    display: none;
  }
}

@media(min-width:576px) {
  .\[\@media\(min-width\:576px\)\]\:\!order-\[1\] {
    order: 1 !important;
  }
}

@media(min-width:576px) and (max-width:1199px) {
  .\[\@media\(min-width\:576px\)_and_\(max-width\:1199px\)\]\:\!flex-row {
    flex-direction: row !important;
  }
}

@media(min-width:576px) and (max-width:650px) {
  .\[\@media\(min-width\:576px\)_and_\(max-width\:650px\)\]\:\!hidden {
    display: none !important;
  }
}

@media(min-width:576px) and (max-width:700px) {
  .\[\@media\(min-width\:576px\)_and_\(max-width\:700px\)\]\:\!hidden {
    display: none !important;
  }
}

@media(min-width:576px) and (max-width:767px) {
  .\[\@media\(min-width\:576px\)_and_\(max-width\:767px\)\]\:grid-cols-\[1fr_1fr\] {
    grid-template-columns: 1fr 1fr;
  }
}

@media(min-width:635px) {
  .\[\@media\(min-width\:635px\)\]\:\!w-\[550px\] {
    width: 550px !important;
  }
}

@media(min-width:768px) {
  .\[\@media\(min-width\:768px\)\]\:\!max-w-\[720px\] {
    max-width: 720px !important;
  }

  .\[\@media\(min-width\:768px\)\]\:justify-end {
    justify-content: flex-end;
  }
}

@media(min-width:768px) and (max-width:1006px) {
  .\[\@media\(min-width\:768px\)_and_\(max-width\:1006px\)\]\:max-w-\[calc\(295px_\+_\(350_-_295\)_\*_\(\(100vw_-_1007px\)_\/_\(1006_-_768\)\)\)\] {
    max-width: calc(295px + (350 - 295) * ((100vw - 1007px) / (1006 - 768)));
  }
}

@media(min-width:768px) and (max-width:1199px) {
  .\[\@media\(min-width\:768px\)_and_\(max-width\:1199px\)\]\:hidden {
    display: none;
  }

  .\[\@media\(min-width\:768px\)_and_\(max-width\:1199px\)\]\:\!h-\[26px\] {
    height: 26px !important;
  }
}

@media(min-width:768px) and (max-width:1200px) {
  .\[\@media\(min-width\:768px\)_and_\(max-width\:1200px\)\]\:\!mb-\[-53px\] {
    margin-bottom: -53px !important;
  }

  .\[\@media\(min-width\:768px\)_and_\(max-width\:1200px\)\]\:grid {
    display: grid;
  }

  .\[\@media\(min-width\:768px\)_and_\(max-width\:1200px\)\]\:grid-cols-\[auto_auto\] {
    grid-template-columns: auto auto;
  }

  .\[\@media\(min-width\:768px\)_and_\(max-width\:1200px\)\]\:gap-\[18px\] {
    gap: 18px;
  }
}

@media(min-width:768px) and (max-width:1399px) {
  .\[\@media\(min-width\:768px\)_and_\(max-width\:1399px\)\]\:\!flex-row {
    flex-direction: row !important;
  }

  .\[\@media\(min-width\:768px\)_and_\(max-width\:1399px\)\]\:\!flex-wrap {
    flex-wrap: wrap !important;
  }

  .\[\@media\(min-width\:768px\)_and_\(max-width\:1399px\)\]\:\!border-r-0 {
    border-right-width: 0px !important;
  }

  .\[\@media\(min-width\:768px\)_and_\(max-width\:1399px\)\]\:\!p-\[0\] {
    padding: 0 !important;
  }
}

@media(min-width:768px) and (max-width:1570px) {
  .\[\@media\(min-width\:768px\)_and_\(max-width\:1570px\)\]\:\!h-\[166px\] {
    height: 166px !important;
  }
}

@media(min-width:992px) {
  .\[\@media\(min-width\:992px\)\]\:\!max-w-\[960px\] {
    max-width: 960px !important;
  }
}

@media(min-width:992px) and (max-width:1399px) {
  .\[\@media\(min-width\:992px\)_and_\(max-width\:1399px\)\]\:\!my-\[40px\] {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
}