/* 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: 46, 125, 50;
  --primary-color: 46, 125, 50;
  --theme-secondary: 131, 131, 131;
  --secondary-color: 131, 131, 131;
  --success-color: 76, 175, 80;
  --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: 226, 241, 224;
  --dropdown-border-color: 145, 142, 153;
  --light-primary: 220, 241, 218;
  --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: 226, 241, 224;
  --dark-light-color: 61, 59, 130;
  --course-bg: 247, 247, 247;
  --light-slate: 245, 246, 249;
  --primary-70: 120, 170, 110;
  --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%, #4CAF50 100%);
  --gradient-bg-primary: linear-gradient(
    103.75deg,
    #66BB6A -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: 46, 125, 50;
  --btn-focus-box-shadow: none;
  --all-focus-outline-color: 46, 125, 50;
  --paragraph-font-size: 14px;
  --paragraph-line-height: 1.7;
  --paragraph-letter-spacing: 0.7px;
  --code-tag-color: 46, 125, 50;
  --code-tag-bg-color: 241, 248, 240;
  --code-tag-padding: 3px;
  --code-tag-margin: 0 3px;
  --code-tag-border-radius: 2px;
  --blockquote-padding: 8px;
  --blockquote-border: 46, 125, 50;
  --small-tag-padding: 10px;
  --small-tag-color: 63, 71, 90;
  --pre-tag-bg-color: 241, 248, 240;
  --pre-tag-padding: 20px 0;
  --list-group-active-bg-color: 46, 125, 50;
  --list-group-active-border-color: 46, 125, 50;
  --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: 46, 125, 50;

  /* sidebar main settings */
  --sidebar-width: 255px;
  --sidebar-position: fixed;
  --sidebar-background-color: 255, 255, 255;
  --sidebar-shadow: 0 0 11px rgba(46, 125, 50, 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: 46, 125, 50;
  --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(46, 125, 50, 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: 46, 125, 50;
  --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 custom utilities layer for fonts */
/* 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
=========================== */
.left-header{
  .swiper-autoheight {
    overflow: hidden;
  }
  .swiper-autoheight{
    .swiper-slide {
      height: auto !important;
    }
  }
}
/* theme */
/* @layer utilities {
  .font-roboto {
    font-family: Roboto, ui-sans-serif, system-ui, -apple-system, Segoe UI,
      Helvetica, Arial, Noto Sans, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  }
} */
*, ::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.19 | 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-secondary {
  background-color: rgba(var(--theme-secondary),1);
}
.badge-success {
  background-color: rgba(var(--success-color),1);
}
.badge-danger {
  background-color: rgba(var(--danger-color),1);
}
.badge-info {
  background-color: rgba(var(--info-color),1);
}
.badge-light {
  background-color: rgba(var(--light-color),1);
}
.badge-dark {
  background-color: rgba(var(--dark-color),1);
}
.badge-warning {
  background-color: rgba(var(--warning-color),1);
}
.border-bottom {
  border-bottom-width: 1px;
  border-style: solid;
  border-bottom-color: rgba(var(--light-gray),1);
}
.badge-light-primary,
  .badge-l-primary {
  background-color: #0094441a;
}
/*======= 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-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;
}
/*======= 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-dark {
  background-color: rgba(var(--dark-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-success {
  background-color: rgba(var(--light-success),1);
}
.alert-light-warning {
  background-color: rgba(var(--light-warning),1);
}
.alert-light-light {
  background-color: rgba(var(--light-color),0.18);
}
.alert-light-danger {
  background-color: rgba(var(--light-danger),1);
}
.alert-light-dark {
  --tw-bg-opacity: 1;
  background-color: rgb(234 235 242 / var(--tw-bg-opacity, 1));
}
/*======= alert light css ends ===========*/
/*======= All-Borders-color css starts  ======= */
.border-l-primary {
  border-left-width: 1px;
  border-style: solid;
  border-left-color: rgba(var(--theme-default),1) !important;
}
.border-l-secondary {
  border-left-width: 1px;
  border-style: solid;
  border-left-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;
}
.border-t-danger {
  border-top-width: 1px;
  border-style: solid;
  border-top-color: rgba(var(--danger-color),1) !important;
}
.border-b-info {
  border-bottom-width: 1px;
  border-style: solid;
  border-bottom-color: rgba(var(--info-color),1) !important;
}
.border-l-warning {
  border-left-width: 1px;
  border-style: solid;
  border-left-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;
}
/*====== Border dashed css ends ======*/
/*====== Border-style css starts ======*/
/*====== 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;
}
/*====== 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;
}
.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-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-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-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-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-dark {
  background-color: rgba(var(--dark-color),0.1);
}
/* ====== alert css end ====== */
/* ====== border left css start ====== */
.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-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);
}
.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;
}
/* Background Opacity Classes */
.bg-primary {
  background-color: rgba(var(--theme-default),1) !important;
}
/* Underline Opacity Classes */
.underline {
  text-decoration-color: rgba(var(--theme-default),1);
}
/* Link Emphasis Class */
.list-light-primary {
  background-color: rgba(var(--theme-default),0.1);
}
.list-light-secondary {
  background-color: rgba(var(--theme-secondary),0.1);
}
.list-light-dark {
  background-color: rgba(var(--dark-color),0.1);
}
.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(0,148,68,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-dark {
  color: rgba(var(--dark-color),1);
}
@media (min-width: 1200px) {
  }
@media (max-width: 575px) {
  }
.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-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.ribbon-right:before {
  border-left-color: transparent;
  border-right-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-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.ribbon-right:before {
  border-left-color: transparent;
  border-right-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-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.ribbon-right:before {
  border-left-color: transparent;
  border-right-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;
}
.mb-4 {
  margin-bottom: 24px !important;
}
.pb-2 {
  padding-bottom: 8px !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;
  }
  }
.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);
  }
  }

  .ql-editor .inner.\!show,
  .bootstrap-select .inner.\!show {
  }
.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;
  }
  }
@media (max-width: 1199px) {
  }
@media (max-width: 575px) {
  }
.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;
}
.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;
    > 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-500 {
  font-weight: 500;
}
.d-block {
    display: block !important;
  }
@media (max-width: 575px) {
    .media-dropdown .flex-grow-1 {
    margin-bottom: 15px;
  }
  }
@media (max-width: 1199px) {
  }
@media (max-width: 575px) {
  }
.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-t-20 {
  margin-top: 20px !important;
}
.p-fixed {
  position: fixed;
}
.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);
}
.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;
  }
  }
.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-10-primary {
  background-color: rgba(var(--theme-default),0.1);
}
.f-right {
  float: right;
}
.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);
}
.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);
    }
}
.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;
    }
    }
  }
.btn-hover-effect {
    &:hover {
    animation: push 0.5s linear 1;
  }
    &:hover {
    color: rgba(var(--white),1);
  }
  }
.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;
}
.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);
    }
  }
.input-group {
    .btn {
    position: relative;
  }
    .btn {
    z-index: 2;
  }
  }
.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-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.\!show {
    /* @apply text-[rgba(var(--black),1)] bg-[rgba(var(--white),1)]; */
    /* border: none; */
  }
.p-3 {
  padding: 1rem !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;
}
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;
}
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);
}
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;
  }
.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);
  }
  }
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;
  }
}
.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;
    }
    }
  }
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) {
  }
@media (max-width: 575px) {
  }
.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-20 {
  padding: 20px !important;
}
.p-25 {
  padding: 25px !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;
}
.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;
    &-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;
}
.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 {
    .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-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;
    }
    }
}
.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);
    }
    }
  }
.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: Rubik, sans-serif;
  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;
}
.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(0, 148, 68, 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-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;
    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 {
    .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;
        }
        }
      }
    }
  }
.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;
    }
    }
  }
.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 {
      .modal-dialog {
        &.modal-xl {
        width: 1140px !important;
      }
      }
    }
  }
@media (min-width: 992px) {
    .modal {
      .modal-dialog {
        &.modal-lg {
        width: 800px !important;
      }
      }
    }
  }
@media (min-width: 767px) {
    .modal {
      .modal-dialog {
        &.modal-md {
        width: 800px !important;
      }
      }
    }
  }
@media (min-width: 576px) {
    .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: Roboto, ui-sans-serif, system-ui, -apple-system, Segoe UI, Helvetica, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  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) {
  }
  @media (max-width: 575px) {
  }
    .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;
}
.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;
  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 {
    &.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;
  }
  }
.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,
  .btn-group {
  position: relative;
    .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: Rubik, sans-serif;
  }
    .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;
    }
    }
  }
.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);
  }
}
.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;
      }
      }
    }
  }
.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-secondary .\!show > a,
  .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;
}

  .nav-primary .\!show > .tab-link,
  .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-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;
}

  .border-tab.nav-secondary .tab-link.\!show {
  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-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-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-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;
        }
      }
    }
  }
[data-simplebar] {
    position: unset;
  }
.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);
}
.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;
  }
  }
@keyframes load {
    0% {
      transform: translate3d(-50%, -50%, 0) rotate(0deg);
    }
    100% {
      transform: translate3d(-50%, -50%, 0) rotate(360deg);
    }
  }
@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;
      }
      }
    }
}
/* 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;
  }
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 */
/*  Emoji expression rating */
/* 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;
  }
}
.reset-btn {
  cursor: pointer;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 28px;
  padding-right: 28px;
}
/* Half star rating */
.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;
    }
    }
}
.info {
    h6 {
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
  }
    h6 {
      span {
      font-size: calc(13px + (14 - 13) * ((100vw - 320px) / (1920 - 320)));
    }
    }
  }
.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);
    }
    }
  }
.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;
  }
}
.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;
}
.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;
  }
}
.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);
        }
        }
      }
    }
  }
.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);
          }
          }
        }
      }
    }
  }
.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;
    }
  }
.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);
    }
    }
  }
.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) {
  }
  @media (max-width: 575px) {
  }
      .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';
                }
              }
            }
          }
        }
      }
    }
    .top-body {
      .dataTables_filter {
      position: absolute;
    }
      .dataTables_filter {
      top: 20px;
    }
      .dataTables_filter {
      right: -10px;
    }
      .dataTables_filter {
      z-index: 0;
    }
      .dataTables_filter {
        label{
          input {
          margin-left: 6px;
        }
          input {
          width: 50%;
        }
          input {
          border-width: 1px;
        }
          input {
          border-style: solid;
        }
          input {
          border-color: rgba(var(--badge-light-color),0.3);
        }
          input {
          padding: 4px;
        }
          input {
          color: rgba(var(--semi-dark),0.3);
        }
          input{
            &:focus{
              outline: unset;
            }
          }
        }
      }
      select {
      position: absolute;
    }
      select {
      top: 17px;
    }
      select {
      left: 20px;
    }
      select {
      border-radius: 4px;
    }
      select {
      border-width: 1px;
    }
      select {
      border-color: rgba(var(--recent-dashed-border),1);
    }
      select {
      background-color: rgba(var(--body-color),1);
    }
      select {
      padding-top: 4px;
      padding-bottom: 4px;
    }
      select {
      padding-left: 6px;
      padding-right: 6px;
    }
    }
  @media (max-width: 575px) {
     {
       {
         {
          > .table {
            width: 90%;
          }
        }
      }
    }
     {
       {
         {
           {
            > .table {
              width: 90%;
            }
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          > .table {
            width: 90%;
          }
        }
      }
    }
     {
       {
         {
           {
            > .table {
              width: 90%;
            }
          }
        }
      }
    }
  }
    .table {
    width: 100%;
  }
    .table {
    border-collapse: collapse;
  }
    .table {

      thead {
      background-color: rgba(var(--light2),1);
    }

      thead {
        th:not(.cb-select-checkbox) {
        position: relative;
      }
        th:not(.cb-select-checkbox) {
        cursor: pointer;
      }
        th:not(.cb-select-checkbox) {
        padding-right: 1.75rem;
      }
        th:not(.cb-select-checkbox) {

          &.selected-checkbox {
            input {
  &::after {
    display: block;
  }
              &::after {
              position: absolute;
            }
              &::after {
              top: 4px;
            }
              &::after {
              left: 4px;
            }
              &::after {
              display: block;
            }
              &::after {
              height: 4px;
            }
              &::after {
              width: 4px;
            }
              &::after {
              border-radius: 2px;
            }
              &::after {
              --tw-bg-opacity: 1;
              background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
            }
              &::after {
              --tw-content: '';
              content: var(--tw-content);
            }
            }
          }

          .cb-accending-decending {
          position: absolute;
        }

          .cb-accending-decending {
          right: 0.75rem;
        }

          .cb-accending-decending {
          top: 0px;
        }

          .cb-accending-decending {
          bottom: 0px;
        }

          .cb-accending-decending {
          width: 0.75rem;
        }

          &:not(.asc, .desc) {
            .cb-accending-decending {
  &::before {
    display: block;
  }
              &::before {
              position: absolute;
            }
              &::before {
              bottom: 43%;
            }
              &::before {
              display: block;
            }
              &::before {
              font-size: 0.8em;
            }
              &::before {
              --tw-text-opacity: 1;
              color: rgb(156 163 175 / var(--tw-text-opacity, 1));
            }
              &::before {
              opacity: 0.125;
            }
              &::before {
              --tw-content: '▲';
              content: var(--tw-content);
            }
  &::after {
    display: block;
  }

              &::after {
              position: absolute;
            }

              &::after {
              top: 48%;
            }

              &::after {
              display: block;
            }

              &::after {
              font-size: 0.8em;
            }

              &::after {
              --tw-text-opacity: 1;
              color: rgb(156 163 175 / var(--tw-text-opacity, 1));
            }

              &::after {
              opacity: 0.125;
            }

              &::after {
              --tw-content: '▼';
              content: var(--tw-content);
            }
            }
          }

          &.asc {
            .cb-accending-decending {
  &::before {
    display: block;
  }
              &::before {
              position: absolute;
            }
              &::before {
              bottom: 43%;
            }
              &::before {
              display: block;
            }
              &::before {
              font-size: 0.8em;
            }
              &::before {
              --tw-text-opacity: 1;
              color: rgb(156 163 175 / var(--tw-text-opacity, 1));
            }
              &::before {
              opacity: 0.6;
            }
              &::before {
              --tw-content: '▲';
              content: var(--tw-content);
            }
  &::after {
    display: block;
  }

              &::after {
              position: absolute;
            }

              &::after {
              top: 46%;
            }

              &::after {
              display: block;
            }

              &::after {
              font-size: 0.8em;
            }

              &::after {
              --tw-text-opacity: 1;
              color: rgb(156 163 175 / var(--tw-text-opacity, 1));
            }

              &::after {
              opacity: 0.125;
            }

              &::after {
              --tw-content: '▼';
              content: var(--tw-content);
            }
            }
          }

          &.desc {
            .cb-accending-decending {
  &::before {
    display: block;
  }
              &::before {
              position: absolute;
            }
              &::before {
              bottom: 43%;
            }
              &::before {
              display: block;
            }
              &::before {
              font-size: 0.8em;
            }
              &::before {
              --tw-text-opacity: 1;
              color: rgb(156 163 175 / var(--tw-text-opacity, 1));
            }
              &::before {
              opacity: 0.125;
            }
              &::before {
              --tw-content: '▲';
              content: var(--tw-content);
            }
  &::after {
    display: block;
  }

              &::after {
              position: absolute;
            }

              &::after {
              top: 46%;
            }

              &::after {
              display: block;
            }

              &::after {
              font-size: 0.8em;
            }

              &::after {
              --tw-text-opacity: 1;
              color: rgb(156 163 175 / var(--tw-text-opacity, 1));
            }

              &::after {
              opacity: 0.6;
            }

              &::after {
              --tw-content: '▼';
              content: var(--tw-content);
            }
            }
          }
        }
      }

      thead,
      tbody {
        tr {

          th,
          td {
  input[type='checkbox'].table {
            white-space: pre-wrap !important;
          }
            input[type='checkbox'] {
            position: relative;
          }
            input[type='checkbox'] {
            display: inline-block;
          }
            input[type='checkbox'] {
            height: 14px;
          }
            input[type='checkbox'] {
            width: 14px;
          }
            input[type='checkbox'] {
            cursor: pointer;
          }
            input[type='checkbox'] {
            -webkit-appearance: none;
               -moz-appearance: none;
                    appearance: none;
          }
            input[type='checkbox'] {
            border-radius: 3px;
          }
            input[type='checkbox'] {
            border-width: 1px;
          }
            input[type='checkbox'] {
            border-color: #52526ccc;
          }
            input[type='checkbox'] {
            vertical-align: middle;
          }
            input[type='checkbox'] {
            font-size: 20px;
          }
            input[type='checkbox'] {
            line-height: 1em;
          }
            input[type='checkbox'] {
            color: inherit;
          }
            input[type='checkbox'] {

              &:checked {
              border-color: transparent;
            }

              &:checked {
              background-color: rgba(var(--theme-default),1);
            }

              &:checked {
  &::after {
                color: rgb(var(--white),1) !important;
              }
  &::after {
    display: block;
  }

                &::after {
                margin-top: -4px;
              }

                &::after {
                margin-left: 2px;
              }

                &::after {
                display: block;
              }

                &::after {
                font-family: 'Font Awesome 6 Free';
              }

                &::after {
                font-size: 9px;
              }

                &::after {
                font-weight: 600;
              }

                &::after {
                --tw-text-opacity: 1;
                color: rgb(255 255 255 / var(--tw-text-opacity, 1));
              }

                &::after {
                --tw-content: '\f00c';
                content: var(--tw-content);
              }
              }
            }
  &.datatable-checkbox {
    text-align: center;
  }
  @media (max-width: 767px) {
     {
      &.datatable-checkbox {
      }
    }
  }

            &.datatable-checkbox {
            padding-top: 10px !important;
            padding-bottom: 10px !important;
          }

            &.datatable-checkbox {
            padding-left: 10px !important;
            padding-right: 10px !important;
          }

            &.datatable-checkbox {
            text-align: center;
          }
  &.empty-data {
    text-align: center;
  }
  @media (max-width: 767px) {
     {
      &.empty-data {
      }
    }
  }

            &.empty-data {
            text-align: center;
          }
          }
          td{
  &.datatable-checkbox {
    text-align: center;
  }
  @media (max-width: 767px) {
     {
      &.datatable-checkbox {
      }
    }
  }
            &.datatable-checkbox {
            padding: 10px;
          }
            &.datatable-checkbox {
            text-align: center;
          }
          }
        }
      }

      tbody {
        tr {
          &.selected {
            td {
            --tw-bg-opacity: 1;
            background-color: rgb(247 247 247 / var(--tw-bg-opacity, 1));
          }
            td {
            --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);
          }
          }
        }
      }
    }
    .pagination {
    padding-left: 20px;
    padding-right: 20px;
  }
    .pagination {
    padding-top: 12px;
  }
    .pagination{
      .page-item{
        .page-link {
        margin-right: 12px;
      }
        .page-link {
        border-radius: 0.125rem !important;
      }
        .page-link {
        border-style: hidden;
      }
        .page-link {
        background-color: rgba(var(--light-semi-gray),1);
      }
        .page-link {
        padding-left: 10px;
        padding-right: 10px;
      }
        .page-link {
        padding-top: 2px;
        padding-bottom: 2px;
      }
        .page-link {
        font-size: 14px;
      }
        .page-link {
        color: rgba(var(--body-font-color),1);
      }
        &.active{
          .page-link {
          background-color: rgba(var(--theme-default),1);
        }
          .page-link {
          color: rgba(var(--white),1);
        }
        }
      }
    }
  @media (min-width: 1200px) {
     {
       {
         {
          .bottom-info {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .bottom-info {
          }
        }
      }
    }
  }
    .bottom-info {
    display: flex;
  }
    .bottom-info {
    align-items: center;
  }
    .bottom-info {
    justify-content: space-between;
  }
    .recent-table{
      .table{
        tbody,
        thead{
          tr{
            th,
            td{
              &:first-child {
              cursor: pointer;
            }
              &:first-child {
              padding-left: 20px !important;
            }
            }
          }
        }
      }
    }
  @media (min-width: 1200px) {
     {
       {
         {
          .cb-info {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .cb-info {
          }
        }
      }
    }
  }
    .cb-info {
    display: flex;
  }
    .cb-info {
    align-items: center;
  }
    .cb-info {
    gap: 12px;
  }
    .cb-info {
    padding-left: 20px;
    padding-right: 20px;
  }
    .cb-info {
    padding-top: 12px;
  }
    .cb-info{
  p {
      margin: 0px !important;
    }
      p {
      margin: 0px;
    }
      p {
      line-height: 1;
    }
      p {
      color: rgba(var(--dark-color),1);
    }
    }
  }
.recent-table{
    table{
      tr{
        th,
        td {
        padding-left: 8px !important;
        padding-right: 8px !important;
      }
        th,
        td {
        padding-top: 12px !important;
        padding-bottom: 12px !important;
      }
      }
    }
  }
.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;
          }
          }
        }
      }
    }
  }
/* 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;
}
.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);
          }
          }
        }
      }
    }
  }
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;
              }
              }
            }
          }
        }
      }
    }
  }
.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;
        }
        }
      }
    }
  }
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);
    }
    }
  }
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);
    }
    }
  }
.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);
  }
  }
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;
      }
      }
    }
  }
table {
    &.dataTable {
      &.display {
        tbody {
          tr {
            &.odd {
              > .sorting_1 {
              background-color: rgba(var(--light),1);
            }
              .badge {
              line-height: 15px;
            }
            }
            &.even {
              .badge {
              line-height: 15px;
            }
            }
          }
        }
      }
    }
    &.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);
      }
      }
    }
  }
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 {
          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-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-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);
}
.range-slider {
    .irs {
    width: 100% !important;
  }
  }
.form-group {
  .irs {
    display: block !important;
  }
    .irs {
    display: block !important;
  }
    .irs {
    width: 100% !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-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-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) {
  }
  @media (max-width: 575px) {
  }
  @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);
}
.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;
}
.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;
    }
    }
  }
.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);
        }
        }
      }
    }
  }
.datepicker {
  z-index: 99;
}
.bootstrap-calendar {
    .form-control {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
    .form-control {
    color: rgba(var(--dark-gray),1);
  }
  }
.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;
              }
            }
          }
        }
      }
    }
  }
.main-flatpickr {
    .form-control {
      &:-moz-read-only {
      background-color: unset;
    }
      &:read-only {
      background-color: unset;
    }
    }
  }
.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;
  }
}
.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;
    }
    }
  }
.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-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-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;
  }
}
.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 {
    &.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;
}
@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-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-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;
}
.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;
        }
        }
      }
    }
  }
.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;
  }
  }
.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 !important;
          padding-bottom: 0.625rem !important;
        }
          td {
            img {
            min-width: 40px;
          }
          }
        }
      }
    }
  }
@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);
    }
    }
}
.fill-primary {
  fill: rgba(var(--theme-default),1);
}
.fill-success {
  fill: rgba(var(--success-color),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;
    }
    }
}
.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-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%;
}
.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;
    }
    }
  }
.hovercard {
    .info {
      .social-media {
        ul {
          li {
          padding-top: 3px;
        }
        }
      }
    }
    .cardheader {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
  }
  }
#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);
  }
}
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-'] {
      left: 12px;
    }
      > [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;
      }
      }
      .bg-lighter-warning {
      background-color: rgba(var(--warning-color),0.6);
    }
      .bg-lighter-warning {
      color: rgba(var(--white),1);
    }
      .bg-lighter-success {
      background-color: rgba(var(--success-color),0.6);
    }
      .bg-lighter-success {
      color: rgba(var(--white),1);
    }
    }
}
.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-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;
  }
  }
@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;
  }
  }
.dark-timeline{
    &.basic-timeline{
      ul{
        .timeline-dot-primary {
        position: relative;
      }
        .timeline-dot-primary {
        z-index: 2;
      }
        .timeline-dot-primary {
        height: 12px;
      }
        .timeline-dot-primary {
        min-width: 12px;
      }
        .timeline-dot-primary {
        background-color: rgba(var(--theme-default),1);
      }
        .timeline-dot-primary {
          outline: 5px solid rgba(var(--theme-default), 0.25);
        }
        .timeline-dot-secondary {
        position: relative;
      }
        .timeline-dot-secondary {
        z-index: 2;
      }
        .timeline-dot-secondary {
        height: 0.75rem;
      }
        .timeline-dot-secondary {
        min-width: 12px;
      }
        .timeline-dot-secondary {
        background-color: rgba(var(--theme-secondary),1);
      }
        .timeline-dot-secondary {
          outline: 5px solid rgba(var(--theme-secondary), 0.25);
        }
        .timeline-dot-success {
        position: relative;
      }
        .timeline-dot-success {
        z-index: 2;
      }
        .timeline-dot-success {
        height: 0.75rem;
      }
        .timeline-dot-success {
        min-width: 12px;
      }
        .timeline-dot-success {
        background-color: rgba(var(--success-color),1);
      }
        .timeline-dot-success {
          outline: 5px solid rgba(var(--success-color), 0.25);
        }
        .timeline-dot-info {
        position: relative;
      }
        .timeline-dot-info {
        z-index: 2;
      }
        .timeline-dot-info {
        height: 0.75rem;
      }
        .timeline-dot-info {
        min-width: 12px;
      }
        .timeline-dot-info {
        background-color: rgba(var(--info-color),1);
      }
        .timeline-dot-info {
          outline: 5px solid rgba(var(--info-color), 0.25);
        }
        .timeline-dot-danger {
        position: relative;
      }
        .timeline-dot-danger {
        z-index: 2;
      }
        .timeline-dot-danger {
        height: 0.75rem;
      }
        .timeline-dot-danger {
        min-width: 12px;
      }
        .timeline-dot-danger {
        background-color: rgba(var(--danger-color),1);
      }
        .timeline-dot-danger {
          outline: 5px solid rgba(var(--danger-color), 0.25);
        }
        .timeline-dot-light {
        position: relative;
      }
        .timeline-dot-light {
        z-index: 2;
      }
        .timeline-dot-light {
        height: 0.75rem;
      }
        .timeline-dot-light {
        min-width: 12px;
      }
        .timeline-dot-light {
        background-color: rgba(var(--light-color),1);
      }
        .timeline-dot-light {
          outline: 5px solid rgba(var(--light-color), 0.25);
        }
        .timeline-dot-dark {
        position: relative;
      }
        .timeline-dot-dark {
        z-index: 2;
      }
        .timeline-dot-dark {
        height: 0.75rem;
      }
        .timeline-dot-dark {
        min-width: 12px;
      }
        .timeline-dot-dark {
        background-color: rgba(var(--dark-color),1);
      }
        .timeline-dot-dark {
          outline: 5px solid rgba(var(--dark-color), 0.25);
        }
        .timeline-dot-warning {
        position: relative;
      }
        .timeline-dot-warning {
        z-index: 2;
      }
        .timeline-dot-warning {
        height: 0.75rem;
      }
        .timeline-dot-warning {
        min-width: 12px;
      }
        .timeline-dot-warning {
        background-color: rgba(var(--warning-color),1);
      }
        .timeline-dot-warning {
          outline: 5px solid rgba(var(--warning-color), 0.25);
        }
      }
    }
  }
.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);
}
@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-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 {
    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;
}
.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.\!show:not(.hiding) {
    transform: none !important;
  }
.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) {
  }
@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;
  }
  }
.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;
  }
    .recent-order{
      .recent-sliders{
        .tab-links{
          /* overflow: unset; */
        }
      }
    }
  }
.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);
    }
      .group{
        app-tooltip{
          .custom-tooltip {
          background-color: rgba(var(--theme-medium-color),1);
        }
          .custom-tooltip {
          color: rgba(var(--theme-default),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;
    }
      ul{
        li{
          .activity-dot-primary {
          position: relative;
        }
          .activity-dot-primary {
          z-index: 2;
        }
          .activity-dot-primary {
          height: 0.375rem;
        }
          .activity-dot-primary {
          min-width: 6px;
        }
          .activity-dot-primary {
          border-radius: 100%;
        }
          .activity-dot-primary {
          background-color: rgba(var(--theme-default),1);
        }
          .activity-dot-primary {
            outline: 5px solid rgba(var(--theme-default), 0.25);
          }
          .activity-dot-secondary {
          position: relative;
        }
          .activity-dot-secondary {
          z-index: 2;
        }
          .activity-dot-secondary {
          height: 0.375rem;
        }
          .activity-dot-secondary {
          min-width: 6px;
        }
          .activity-dot-secondary {
          border-radius: 100%;
        }
          .activity-dot-secondary {
          background-color: rgba(var(--theme-secondary),1);
        }
          .activity-dot-secondary {
            outline: 5px solid rgba(var(--theme-secondary), 0.25);
          }

          .activity-dot-success {
          position: relative;
        }

          .activity-dot-success {
          z-index: 2;
        }

          .activity-dot-success {
          height: 0.375rem;
        }

          .activity-dot-success {
          min-width: 6px;
        }

          .activity-dot-success {
          border-radius: 100%;
        }

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

          .activity-dot-success {
            outline: 5px solid rgba(var(--success-color), 0.25);
          }

          .activity-dot-warning {
          position: relative;
        }

          .activity-dot-warning {
          z-index: 2;
        }

          .activity-dot-warning {
          height: 0.375rem;
        }

          .activity-dot-warning {
          min-width: 6px;
        }

          .activity-dot-warning {
          border-radius: 100%;
        }

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

          .activity-dot-warning {
            outline: 5px solid rgba(var(--warning-color), 0.25);
          }

          .activity-dot-danger {
          position: relative;
        }

          .activity-dot-danger {
          z-index: 2;
        }

          .activity-dot-danger {
          height: 0.375rem;
        }

          .activity-dot-danger {
          min-width: 6px;
        }

          .activity-dot-danger {
          border-radius: 100%;
        }

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

          .activity-dot-danger {
            outline: 5px solid rgba(var(--danger-color), 0.25);
          }

          .activity-dot-info {
          position: relative;
        }

          .activity-dot-info {
          z-index: 2;
        }

          .activity-dot-info {
          height: 0.375rem;
        }

          .activity-dot-info {
          min-width: 6px;
        }

          .activity-dot-info {
          border-radius: 100%;
        }

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

          .activity-dot-info {
            outline: 5px solid rgba(var(--info-color), 0.25);
          }

          .activity-dot-light {
          position: relative;
        }

          .activity-dot-light {
          z-index: 2;
        }

          .activity-dot-light {
          height: 0.375rem;
        }

          .activity-dot-light {
          min-width: 6px;
        }

          .activity-dot-light {
          border-radius: 100%;
        }

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

          .activity-dot-light {
            outline: 5px solid rgba(var(--light-color), 0.25);
          }

          .activity-dot-dark {
          position: relative;
        }

          .activity-dot-dark {
          z-index: 2;
        }

          .activity-dot-dark {
          height: 0.375rem;
        }

          .activity-dot-dark {
          min-width: 6px;
        }

          .activity-dot-dark {
          border-radius: 100%;
        }

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

          .activity-dot-dark {
            outline: 5px solid rgba(var(--dark-color), 0.25);
          }
        }
      }
    }
    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;
  }
}
.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;
        }
          svg {
            &.fill-secondary {
            fill: rgba(var(--theme-secondary),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);
          }
          }
        }
      }
      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);
            }
            }
          }
        }
      }
    }
  }
@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;
  }
    .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;
  }
  @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/dashboard3-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);
          }
          }
        }
      }
      .owl-dt-inline{
        /* @apply border border-[rgba(var(--tw-border-color),1)]; */
        .owl-dt-inline-container{
          box-shadow: unset
        }
        .owl-dt-inline-container {
        z-index: 1;
      }
        .owl-dt-inline-container {
        width: 100%;
      }
        .owl-dt-inline-container{
          .owl-dt-container-inner{
            .owl-dt-container-row{
              .owl-dt-calendar-main{
                .owl-dt-calendar-table{
                  tbody{
                    tr{
                      .owl-dt-calendar-cell{
  @media (min-width: 1200px) {
     {
       {
         {
          .owl-dt-calendar-cell-content {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .owl-dt-calendar-cell-content {
          }
        }
      }
    }
  }
                        .owl-dt-calendar-cell-content {
                        display: flex;
                      }
                        .owl-dt-calendar-cell-content {
                        height: 29px;
                      }
                        .owl-dt-calendar-cell-content {
                        width: 100%;
                      }
                        .owl-dt-calendar-cell-content {
                        align-items: center;
                      }
                        .owl-dt-calendar-cell-content {
                        justify-content: center;
                      }
                        .owl-dt-calendar-cell-content {
                        border-radius: 4px;
                      }
                        .owl-dt-calendar-cell-content{
                          &.owl-dt-calendar-cell-selected {
                          border-style: none;
                        }
                          &.owl-dt-calendar-cell-selected {
                          background-color: rgba(var(--theme-default),1);
                        }
                        }
                      }
                    }
                  }
                  .owl-dt-calendar-header{
                    .owl-dt-calendar-table-divider{
                      &:after {
                      --tw-content: none;
                      content: var(--tw-content);
                    }
                    }
                    .owl-dt-weekdays{
  th {
                      padding-bottom: 0 !important;
                    }
                      th {
                      padding-bottom: 0px;
                    }
                    }
                  }
                }
              }
              .owl-dt-calendar-control {
                button{
                  svg {
                  color: rgba(var(--theme-default),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;
  }
  }
@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 {
  @media (min-width: 1200px) {
     {
       {
         {
          svg {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          svg {
          }
        }
      }
    }
  }
        svg {
        display: flex;
      }
        svg {
        height: 14px;
      }
        svg {
        width: 14px;
      }
        svg {
        align-items: center !important;
      }
        svg {
        justify-content: center !important;
      }
        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;
  }
  }
@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;
            }
            }
          }
        }
      }
    }
  }
.social-widget{
  @media (min-width: 1200px) {
     {
       {
         {
          .social-content {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .social-content {
          }
        }
      }
    }
  }
      .social-content {
    margin-top: 20px;
  }
      .social-content {
    display: flex;
  }
      .social-content {
    justify-content: space-between;
  }
      .social-content {
        .social-chart {
      margin-left: -42px;
      margin-right: -42px;
    }
        .social-chart {
      margin-top: -34px;
    }
        .social-chart {
      margin-bottom: -13px;
    }
        .social-chart {
      width: 150px;
    }
        .social-chart {
          .apexcharts-canvas {
            .apexcharts-datalabels-group {
              .apexcharts-datalabel-label {
            display: none;
          }
            }
          }
        }
      }
      .social-icons{
        /* @apply min-w-[calc(40px_+_(55_-_40)_*_((100vw_-_320px)_/_(1920_-_320)))] h-[calc(40px_+_(55_-_40)_*_((100vw_-_320px)_/_(1920_-_320)))] bg-[rgba(var(--transparent-color),1)] 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)] flex items-center justify-center rounded-[10px]; */
      }
  @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 {
    --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{
        background: var(--white-bg);
      }
    }
.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;
}
.campaign-list {
  margin-bottom: 0.875rem !important;
  -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 {
    border-left-width: 2px;
  }
    .facebook {
    border-left-color: rgba(var(--fb-color),1);
  }
    .facebook {
    padding-left: 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 {
    border-left-width: 2px;
  }
    .instagram {
    border-left-color: rgba(var(--insta-color),1);
  }
    .instagram {
    padding-left: 15px;
  }
    .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 {
    border-left-width: 2px;
  }
    .pinterest {
    border-left-color: rgba(var(--pintrest-color),1);
  }
    .pinterest {
    padding-left: 15px;
  }
    .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 {
    line-height: 21px;
  }
    .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 {
    border-left-width: 2px;
  }
    .twitter {
    border-left-color: rgba(var(--twitter-color),1);
  }
    .twitter {
    padding-left: 15px;
  }
    .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 {
    border-left-width: 2px;
  }
    .you-tube {
    border-left-color: rgba(var(--youtube-color),1);
  }
    .you-tube {
    padding-left: 15px;
  }
    .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 {
    border-left-width: 2px;
  }
    .linked-in {
    border-left-color: rgba(var(--linkedin),1);
  }
    .linked-in {
    padding-left: 15px;
  }
    .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 !important;
          }
            [class*='fa-']:not(.fa-youtube-play) {
            width: 18px !important;
          }
            [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 !important;
          }
            .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;
  }
    #countryMap {
      .leaflet-container {
      z-index: 1;
    }
    }
  }
.follower-wrap {
    .card-header {
    padding-bottom: 1.25rem;
  }
    .papernote-wrap {
      > span {
      margin-bottom: 20px;
    }
    }
    .mb-1 {
    margin-bottom: 4px !important;
  }
  }
@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;
  }
  @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;
  }
  }
.dashboard-5{
    .sales-report{
      .analytics-data{
        .social-tabs{
          .tab-links{
            .bg-7-danger {
            background-color: rgba(var(--danger-color),0.07);
          }
            .bg-7-danger {
          
              &.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;
            }
              .frame-image{
                .outline-10-danger {
                  outline: 2px solid rgba(var(--danger-color),0.1);
                  .bg-10-danger {
                  background-color: rgba(var(--danger-color),0.1);
                }
                }
              }
            }
            .bg-7-primary {
            background-color: rgba(var(--theme-default),0.07) !important;
          }
            .bg-7-primary {

              &.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;
            }
              .frame-image{
                .outline-10-primary {
                  outline: 2px solid rgba(var(--theme-default),0.1);
                  .bg-10-primary {
                  background-color: rgb(var(--theme-default),0.1);
                }
                }
              }
            }
            .bg-7-warning {
            background-color: rgba(var(--warning-color),0.07) !important;
          }
            .bg-7-warning {

              &.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;
            }
              .frame-image{
                .outline-10-warning {
                  outline: 2px solid rgba(var(--warning-color),0.1);
                  .bg-10-warning {
                  background-color: rgba(var(--warning-color),0.1);
                }
                }
              }
            }
            .bg-7-info {
            background-color: rgba(var(--info-color),0.07);
          }
            .bg-7-info {

              &.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;
            }
              .frame-image{
                .outline-10-info {
                  outline: 2px solid rgba(var(--info-color),0.1);
                  .bg-10-info {
                  background-color: rgba(var(--info-color),0.1);
                }
                }
              }
            }
            .bg-7-secondary {
            background-color: rgba(var(--theme-secondary),0.07);
          }
            .bg-7-secondary {

              &.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;
            }
              .frame-image{
                .outline-10-secondary {
                  outline: 2px solid rgba(var(--theme-secondary),0.1);
                  .bg-10-secondary {
                  background-color: rgba(var(--theme-secondary),0.1);
                }
                }
              }
            }
          }
        }
      }
    }
  }
.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(0,148,68,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;
    }
    }
  @media (min-width: 1200px) {
  }
  @media (max-width: 575px) {
  }
    .owl-prev,
    .owl-next {
    position: absolute;
  }
    .owl-prev,
    .owl-next {
    top: -47px;
  }
    .owl-prev,
    .owl-next {
    z-index: 1;
  }
    .owl-prev,
    .owl-next {
    display: flex !important;
  }
    .owl-prev,
    .owl-next {
    height: 21px;
  }
    .owl-prev,
    .owl-next {
    width: 29px;
  }
    .owl-prev,
    .owl-next {
    cursor: pointer;
  }
    .owl-prev,
    .owl-next {
    align-items: center;
  }
    .owl-prev,
    .owl-next {
    justify-content: center;
  }
    .owl-prev,
    .owl-next {
    border-radius: 30px;
  }
    .owl-prev,
    .owl-next {
    background-color: rgba(var(--white-bg),1) !important;
  }
    .owl-prev,
    .owl-next{
      box-shadow: 0 4px 3px #0094441a;
      i {
      color: rgba(var(--theme-default),1);
    }
    }
    .owl-prev {
    left: unset;
  }
    .owl-prev {
    right: 32px;
  }
    .owl-next {
    right: -4px;
  }
  }
.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;
    }
      .author-img {
        img {
        margin-left: auto;
      }
        img {
        width: auto;
      }
      }
    }
    .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;
        }
        }
      }
    }
  }
.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.table {
        white-space: pre-wrap !important;
      }
        svg {
        height: 18px;
      }
        svg {
        width: 18px;
      }
        svg {
        fill: rgba(var(--theme-default),1);
      }
        svg {
        vertical-align: middle;
      }
  @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;
    }
      img {
      width: auto !important;
    }
      .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: auto;
    }
      img {
      width: auto !important;
    }
      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(0,148,68,0.08);
          }
            &:active {
            color: rgba(var(--theme-default),1);
          }
          }
        }
      }
      .card-body{
        table{
          thead {
          background-color: transparent;
        }
        }
      }
    }
  }
@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;
  }
  }
@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;
}
.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 {
      /* @apply gap-3 flex-wrap; */
    }
    .student-leader-wrapper .student-leader-content .leader-img {
      /* @apply hidden; */
    }
  }
@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: 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;
  }
  }
.notification{
    .notice-board{
      ul{
        li{
          .activity-dot-primary {
          position: relative;
        }
          .activity-dot-primary {
          z-index: 2;
        }
          .activity-dot-primary {
          height: 0.375rem;
        }
          .activity-dot-primary {
          min-width: 6px;
        }
          .activity-dot-primary {
          border-radius: 100%;
        }
          .activity-dot-primary {
          background-color: rgba(var(--theme-default),1);
        }
          .activity-dot-primary {
            outline: 5px solid rgba(var(--theme-default), 0.25);
          }
          
          .activity-dot-secondary {
          position: relative;
        }
          
          .activity-dot-secondary {
          z-index: 2;
        }
          
          .activity-dot-secondary {
          height: 0.375rem;
        }
          
          .activity-dot-secondary {
          min-width: 6px;
        }
          
          .activity-dot-secondary {
          border-radius: 100%;
        }
          
          .activity-dot-secondary {
          background-color: rgba(var(--theme-secondary),1);
        }
          
          .activity-dot-secondary {
            outline: 5px solid rgba(var(--theme-secondary), 0.25);
          }
          
          .activity-dot-success {
          position: relative;
        }
          
          .activity-dot-success {
          z-index: 2;
        }
          
          .activity-dot-success {
          height: 0.375rem;
        }
          
          .activity-dot-success {
          min-width: 6px;
        }
          
          .activity-dot-success {
          border-radius: 100%;
        }
          
          .activity-dot-success {
          background-color: rgba(var(--success-color),1);
        }
          
          .activity-dot-success {
            outline: 5px solid rgba(var(--success-color), 0.25);
          }
          
          .activity-dot-warning {
          position: relative;
        }
          
          .activity-dot-warning {
          z-index: 2;
        }
          
          .activity-dot-warning {
          height: 0.375rem;
        }
          
          .activity-dot-warning {
          min-width: 6px;
        }
          
          .activity-dot-warning {
          border-radius: 100%;
        }
          
          .activity-dot-warning {
          background-color: rgba(var(--warning-color),1);
        }
          
          .activity-dot-warning {
            outline: 5px solid rgba(var(--warning-color), 0.25);
          }
        }
      }
    }
  }
.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.table {
          white-space: pre-wrap !important;
        }
          .search-icon {
          height: 1.25rem;
        }
          .search-icon {
          width: 1.25rem;
        }
          .search-icon {
          vertical-align: middle;
        }
        }
        .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;
        }
        }
      }
    }
}
.shop-category-slider{
    .owl-carousel {
      .owl-item {
        .shop-box{
          img {
          width: auto;
        }
        }
      }
    }
  }
.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 (min-width: 1200px){
    .order-details{
      .order-quantity{
        >div:not(.coupon-code) {
        height: 218px;
      }
        >div:not(.coupon-code) {
        overflow: auto;
      }
      }
    }
  }
@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;
  }
  }
.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/dashboard9-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;
            }
            }
          }
        }
      }
      .dataTables_filter {
      right: 60px;
    }
      .dataTables_filter {
      top: 20px;
    }
    }
  }
@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;
  }
    .lead-source-3 {
    right: -90%;
  }
    .lead-source-3 {
    bottom: 20%;
  }
    .lead-source-3 {
    display: flex;
  }
    .lead-source-3 {
    height: 150px;
  }
    .lead-source-3 {
    width: 150px;
  }
    .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));
  }
    .lead-source-3 {
    align-items: center;
  }
    .lead-source-3 {
    justify-content: center;
  }
    .lead-source-3 {
    border-radius: 50%;
  }
    .lead-source-3 {
    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);
          }
          }
        }
      }
    }
  }
.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;
        }
      }
      .owl-prev {
      position: absolute;
    }
      .owl-prev {
      top: 50%;
    }
      .owl-prev {
      left: 0px;
    }
      .owl-prev {
      --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));
    }
      .owl-next {
      position: absolute;
    }
      .owl-next {
      top: 50%;
    }
      .owl-next {
      right: 0px;
    }
      .owl-next {
      --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));
    }
      .owl-prev,
      .owl-next {
      margin: 0;
    }
      .owl-prev,
      .owl-next {
      height: 23px;
    }
      .owl-prev,
      .owl-next {
      width: 26px;
    }
      .owl-prev,
      .owl-next {
      border-radius: 2px;
    }
      .owl-prev,
      .owl-next {
      background-color: #fff3 !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;
          }
          }
        }
      }
      .tab-pane{
        .activity-update{
          >li{
            div{
              &.b-l-primary {
              border-left-width: 4px;
            }
              &.b-l-primary {
              border-style: solid;
            }
              &.b-l-primary {
              border-left-color: rgba(var(--theme-default),1) !important;
            }
              &.b-l-secondary {
              border-left-width: 4px;
            }
              &.b-l-secondary {
              border-style: solid;
            }
              &.b-l-secondary {
              border-left-color: rgba(var(--theme-secondary),1) !important;
            }
              &.b-l-success {
              border-left-width: 4px;
            }
              &.b-l-success {
              border-style: solid;
            }
              &.b-l-success {
              border-left-color: rgba(var(--success-color),1) !important;
            }
              &.b-l-warning {
              border-left-width: 4px;
            }
              &.b-l-warning {
              border-style: solid;
            }
              &.b-l-warning {
              border-left-color: rgba(var(--warning-color),1) !important;
            }
              &.b-l-info {
              border-left-width: 4px;
            }
              &.b-l-info {
              border-style: solid;
            }
              &.b-l-info {
              border-left-color: rgba(var(--info-color),1) !important;
            }
            }
          }
        }
      }
    }
  }
.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.table {
            white-space: pre-wrap !important;
          }
            svg {
            height: 1rem;
          }
            svg {
            width: 1rem;
          }
            svg {
            fill: rgba(var(--badge-light-color),0.8);
          }
            svg {
            vertical-align: middle;
          }
          }
        }
      }
    }
  }
@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;
        }
        }
      }
      &.widget-hover{
        .common-space{
          .bg-light-warning {
          background-color: rgba(var(--warning-color),0.1);
        }
          .bg-light-warning {
            .fill-warning {
            fill: rgba(var(--warning-color),1);
          }
          }
          .bg-light-secondary {
          background-color: rgba(var(--theme-secondary),0.1);
        }
          .bg-light-secondary {
            .fill-secondary {
            fill: rgba(var(--theme-secondary),1);
          }
          }
        }
      }
    }
  }
.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;
    }
      .common-space {
        .badge-b-danger {
        border-width: 1px;
      }
        .badge-b-danger {
        border-style: solid;
      }
        .badge-b-danger {
        border-color: rgba(var(--danger-color),1);
      }
        .badge-b-warning {
        border-width: 1px;
      }
        .badge-b-warning {
        border-style: solid;
      }
        .badge-b-warning {
        border-color: rgba(var(--warning-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 {
        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;
    }
      .project-link {
        a {
        text-decoration-color: rgba(var(--theme-default),1);
      }
      }
      .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;
        }
          svg {
            &.fill-secondary {
            fill: rgba(var(--theme-secondary),1);
          }
            &.fill-warning {
            fill: rgba(var(--warning-color),1);
          }
          }
          &.bg-light-warning {
          background-color: rgba(var(--warning-color),0.1);
        }
        }
      }
      .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-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-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;
      }
      }
    }
}
.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 {
  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) {
  }
  @media (max-width: 575px) {
  }
                      .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);
          }
          }
        }
      }
    }
  }
.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) {
  }
  @media (max-width: 575px) {
  }
                  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;
  }
  }
.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);
        }
        }
      }
    }
  }
.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%;
            }
            }
          }
        }
      }
    }
  }
@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;
  }
  }
.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;
    }
  }
.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;
  }
}
.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;
      }
      }
    }
  }
.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,
              #009444 -175.57%,
              rgba(0, 148, 68, 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/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(0,148,68,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(0, 148, 68, 0.13);
        -moz-box-shadow: 0px 9px 16px 0px rgba(0, 148, 68, 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;
            }
            }
          }
        }
      }
    }
  }
.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;
  }
  }
@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)) );
            }
            }
          }
        }
      }
    }
  }
/* @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;
      }
      }
    }
  }
@media (max-width: 767px) {
    .rounded-timeline {
      .timeline {
        &::after {
        left: 8px;
      }
  @media (max-width: 575px) {
  }
  @media (max-width: 575px) {
  }
        > 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;
        }
        }
      }
    }
  }
@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%;
          }
          }
        }
      }
    }
  }
@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;
        }
        }
      }
  }
  }
@media (max-width: 360px) {
    .timeline {
      > div {
        .icon {
        left: 42% !important;
      }
        .icon {
        top: -1.25rem !important;
      }
      }
    }
  }
@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) {
  }
  @media (max-width: 575px) {
  }
    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) {
     {
       {
         {
          > .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%;
  }
}
p {
    &.data-attributes {
      svg {
      margin-right: 0.625rem;
    }
    }
  }
@media (min-width: 1200px) {
     {
       {
         {
          .apex-chart {
          }
        }
      }
    }
  }
@media (max-width: 575px) {
     {
       {
         {
          .apex-chart {
          }
        }
      }
    }
  }
.apex-chart {
  display: flex;
  justify-content: center;
}
.word-tree {
  height: 400px;
}
#dotted {
  height: 390px;
}
.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;
        }
        }
        .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(0,148,68,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;
          }
        }
      }
    }
  }
.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;
      }
      }
    }
  }
.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,
  .folder {
    h6 {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
    h6 {
    font-weight: 500;
  }
    h6 {
    opacity: 0.9;
  }
  }
.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 {
  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;
        }
        }
      }
    }
}
@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);
      }
      }
    }
  }
.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;
  }
  }
.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;
    }
    }
}
.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)));
    }
  }
.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);
  }
}
.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;
    }
}
.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);
  }
  }
.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;
          }
          }
        }
      }
    }
  }
.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;
          }
        }
      }
    }
  }
.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;
            }
            }
          }
        }
      }
    }
  }
.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) {
  }
  @media (max-width: 575px) {
  }
                  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) {
    .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 {
    &.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) {
  }
  @media (max-width: 575px) {
  }
        .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) {
  }
  @media (max-width: 575px) {
  }
        .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);
      }
      }
    }
  }
:root {
    --body-font-color: 0, 2, 72;
  }
.f-light {
  --tw-text-opacity: 1;
  color: rgb(82 82 108 / var(--tw-text-opacity, 1));
  opacity: 0.8;
}
.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);
}
.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);
}
.ratings {
    li {
      i {
      --tw-text-opacity: 1;
      color: rgb(255 170 5 / var(--tw-text-opacity, 1));
    }
    }
  }
.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 {
    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;
        }
        }
      }
    }
  }
.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;
          }
        }
      }
    }
}
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;
    }
}
#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: 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;
        }
        }
      }
    }
  }
@media (max-width: 1399px) {
    .components-section {
  @media (min-width: 1200px) {
  }
  @media (max-width: 575px) {
  }
      .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;
  }
  }
@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;
            }
            }
          }
        }
      }
    }
  }
@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) {
  }
  @media (max-width: 575px) {
  }
        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;
      }
      }
    }
  }
@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;
      }
      }
    }
  }
@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;
      }
      }
    }
  }
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 {
                > li {
                  .badge {
                  left: 50px;
                }
                  .badge {
                  right: unset !important;
                }
                }
                /* .simplebar-wrapper {
                  .simplebar-mask {
                    .simplebar-content-wrapper {
                      .simplebar-content {
                      }
                    }
                  }
                } */
              }
            }
            &.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 {
                  > li {
                    a {
                      svg {
                      margin-left: 0 !important;
                    }
                      svg {
                      margin-right: 0 !important;
                    }
                    }
                  }
                  /* .simplebar-wrapper {
                    .simplebar-mask {
                      .simplebar-content-wrapper {
                        .simplebar-content {
                        }
                      }
                    }
                  } */
                  .sidebar-list {
                    .sidebar-title {
                      &.active {
                        ~ .sidebar-submenu {
                        display: none;
                      }
                      }
                    }
                  }
                }
              }
              .according-menu {
              display: none;
            }
              &:hover {
                .sidebar-main {
                  .sidebar-links {
                    > li {
                      a {
                        svg {
                        margin-left: 8px !important;
                      }
                      }
                    }
                    /* .simplebar-wrapper {
                      .simplebar-mask {
                        .simplebar-content-wrapper {
                          .simplebar-content {
                          }
                        }
                      }
                    } */
                  }
                }
              }
            }
            &:hover {
              .sidebar-main {
                .sidebar-links {
                  .sidebar-list {
                    .sidebar-title {
                      &.active {
  ~ .sidebar-submenu {
    display: block;
  }
                        ~ .sidebar-submenu {
                        display: block;
                      }
                      }
                    }
                  }

                  > li {
                    a {
                      svg {
                      float: none;
                    }
                    }
                  }
                  /* .simplebar-wrapper {
                    .simplebar-mask {
                      .simplebar-content-wrapper {
                        .simplebar-content {
                        }
                      }
                    }
                  } */
                }
              }
  .according-menu {
    display: block;
  }

              .according-menu {
              display: block;
            }
            }
            .sidebar-main {
              .sidebar-links {
                > 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;
                  }
                  }
                }
                /* .simplebar-wrapper {
                  .simplebar-mask {
                    .simplebar-content-wrapper {
                      .simplebar-content {
                      }
                    }
                  }
                } */
              }
            }
          }
          .page-body {
          margin-left: unset;
        }
          .page-body {
          margin-right: 265px;
        }
          .sidebar-wrapper {
            .sidebar-main {
              .sidebar-links {
                > li {
                  a {
                    svg {
                    margin-left: 15px;
                  }
                    svg {
                    margin-right: unset;
                  }
                  }
                }
                /* .simplebar-wrapper {
                  .simplebar-mask {
                    .simplebar-content-wrapper {
                      .simplebar-content {
                      }
                    }
                  }
                } */
              }
            }
          }
          .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,
                  #009444 -175.57%,
                  rgba(0, 148, 68, 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;
      }
        >[class*=bg-lighter-] {
        left: unset;
      }
        >[class*=bg-lighter-] {
        right: 12px;
      }
      }
    }
    .recent-order-table {
      &.currency-table {
        &.recent-table {
          table {
            thead,
            tbody {
              tr {
                th,
                td {
                  &:first-child {
                  padding-left: unset !important;
                }
                  &:first-child {
                  padding-right: 1.25rem !important;
                }

                  &: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;
              }
              }
            }
          }
        }
      }
      .table{
        thead,
        tbody{
          tr{
            th,
            td{
              input[type=checkbox]{
                &:checked{
                  &::after {
                  margin-right: 2px;
                }
                  &::after {
                  margin-left: unset;
                }
                }
              }
            }
          }
        }
      }
      .top-body {
        .dataTables_filter {
        right: unset;
      }
        .dataTables_filter {
        left: -10px;
      }
      }
    }
    .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: 5px;
      }
      }
    }
    .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(0,148,68,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 {
        top: 0;
      }
        .search-full {
        right: 0px;
      }
        .search-full {
        z-index: 2;
      }
        .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) {
  }
  @media (max-width: 575px) {
  }
          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: Roboto, ui-sans-serif, system-ui, -apple-system, Segoe UI, Helvetica, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
            }
              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;
          }
            &.cart-dropdown{
              >ul{
                &.custom-scrollbar {
                height: 325px;
              }
                &.custom-scrollbar {
                overflow: auto;
              }
                &:last-child{
                  li{
  @media (min-width: 1200px) {
     {
       {
         {
          &:last-child {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          &:last-child {
          }
        }
      }
    }
  }
                    &:last-child {
                    display: flex;
                  }
                    &:last-child {
                    height: 100%;
                  }
                    &:last-child {
                    flex-direction: column;
                  }
                    &:last-child {
                    align-items: center;
                  }
                    &:last-child {
                    justify-content: center;
                  }
                    &:last-child {
                    gap: 10px;
                  }
                    &:last-child {
                    border-top-width: 0px;
                  }
                    &:last-child {
                    --tw-bg-opacity: 1;
                    background-color: rgb(248 248 248 / var(--tw-bg-opacity, 1));
                  }
                    &:last-child {
                    padding-top: 15px;
                    padding-bottom: 15px;
                  }
                    &:last-child {
                    padding-left: 10px;
                    padding-right: 10px;
                  }
                  }
                }
              }
            }
          }
          .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;
            }
              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: 14px;
            }
              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: Roboto, ui-sans-serif, system-ui, -apple-system, Segoe UI, Helvetica, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
              }
                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: Roboto, ui-sans-serif, system-ui, -apple-system, Segoe UI, Helvetica, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
            }
              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;
            }
            li{
              &.empty-cart {
              margin-top: 0;
              margin-bottom: 0;
            }
              &.empty-cart {
              margin-left: 15px;
              margin-right: 15px;
            }
            }
          }
          .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 {
                  > 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;
                    }
                    }
                  }
                  /* .simplebar-wrapper {
                    .simplebar-mask {
                      .simplebar-content-wrapper {
                        .simplebar-content {
                        }
                      }
                    }
                  } */
                }
              }
  .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 {
                  > li {
                    &.sidebar-main-title {
                    display: inline-block !important;
                  }
                  }
                  /* .simplebar-wrapper {
                    .simplebar-mask {
                      .simplebar-content-wrapper {
                        .simplebar-content {
                        }
                      }
                    }
                  } */
                }
              }
            }
            .sidebar-main {
              .sidebar-links {
              height: calc(100vh - 118px);
            }
              .sidebar-links {
  > 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;
                  }
                    &::before {
                    position: absolute;
                  }
                    &::before {
                    top: -10px;
                  }
                    &::before {
                    left: 27px;
                  }
                    &::before {
                    height: 0px;
                  }
                    &::before {
                    width: 1px;
                  }
                    &::before {
                    background-color: #75758a66;
                  }
                    &::before {
                    transition-property: height;
                    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                    transition-duration: 150ms;
                  }
                    &::before {
                    transition-duration: 500ms;
                  }
                    &::before {
                    --tw-content: '';
                    content: var(--tw-content);
                  }
                  }
  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;
                }
                }
                /* .simplebar-wrapper {
                  .simplebar-mask {
                    .simplebar-content-wrapper {
                      .simplebar-content {
                      }
                    }
                  }
                } */
                .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;
          }
  @media (min-width: 1200px) {
     {
       {
         {
          .sidebar-links {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          .sidebar-links {
          }
        }
      }
    }
  }
            .sidebar-links {
            z-index: 99;
          }
            .sidebar-links {
            margin-top: 1.25rem;
          }
            .sidebar-links {
            margin-bottom: 30px;
          }
            .sidebar-links {
            display: flex;
          }
            .sidebar-links {
            height: calc(100vh - 80px);
          }
            .sidebar-links {
            height: calc(100vh - 115px);
          }
            .sidebar-links {
            flex-direction: column;
          }
            .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 {
                  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;
              }
              }
  > 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;
                  }
                  }
                  &.enable-active {
                  position: relative;
                }
                  &.enable-active {
                  margin-bottom: 10px;
                }
                  &.enable-active {
                  --tw-bg-opacity: 1;
                  background-color: rgb(241 240 255 / var(--tw-bg-opacity, 1));
                }
                  &.enable-active {
                  transition-property: all;
                  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                  transition-duration: 150ms;
                }
                  &.enable-active {
                  transition-duration: 500ms;
                }
                  &.enable-active {
                  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                }
                  &.enable-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: 500ms;
                    }
                    }
                    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: 300ms;
                  }
                    span {
                    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                  }
                    svg{
                      &.stroke-icon {
                      stroke: rgba(var(--theme-default),1);
                    }
                    }
                    .according-menu{
                      i {
                      color: rgba(var(--theme-default),1);
                    }
                    }
                  }
                }
                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: Roboto, ui-sans-serif, system-ui, -apple-system, Segoe UI, Helvetica, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
                }
                  .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: Roboto, ui-sans-serif, system-ui, -apple-system, Segoe UI, Helvetica, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
                    }
                      .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;
                      }
                      }
                    }
                  }
                }
              }
              /* .simplebar-wrapper {
                .simplebar-mask {
                  .simplebar-content-wrapper {
                    .simplebar-content {
                    }
                  }
                }
              } */
              &.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 {
                > li {
                  a {
                    svg {
                      &.stroke-icon {
                        /* @apply 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));
                  }
                  }
                }
                /* .simplebar-wrapper {
                  .simplebar-mask {
                    .simplebar-content-wrapper {
                      .simplebar-content {
                      }
                    }
                  }
                } */
              }
            }
          }
        }
        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;
                  }
                  }
                }
              }
              > 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);
                  }
                  }
                }
              }
              /* .simplebar-wrapper {
                .simplebar-mask {
                  .simplebar-content-wrapper {
                    .simplebar-content {
                    }
                  }
                }
              } */
              .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);
                      }
                      }
                    }
                  }
                }
              }
            }
  .sidebar-links {
            padding-bottom: 0 !important;
          }
            .sidebar-links {
            padding-bottom: 0px;
          }
            .sidebar-links {
              > 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;
                  }
                  }
                }
              }
              /* .simplebar-wrapper {
                .simplebar-mask {
                  .simplebar-content-wrapper {
                    .simplebar-content {
                    }
                  }
                }
              } */
            }
          }
          &.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) {
  }
  @media (max-width: 575px) {
  }

        .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);
    }
    }
  @media (min-width: 1200px) {
     {
       {
         {
          &.compact-sidebar {
          }
        }
      }
    }
  }
  @media (max-width: 575px) {
     {
       {
         {
          &.compact-sidebar {
          }
        }
      }
    }
  }
    &.compact-sidebar {
    display: flex;
  }
    &.compact-sidebar {
    flex-direction: column;
  }
    &.compact-sidebar {
      /* .simplebar-wrapper {
        .simplebar-mask {
          .simplebar-content-wrapper {
            .simplebar-content {
            }
          }
        }
      } */
      .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) {
  }
  @media (max-width: 575px) {
  }

        .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) {
  }
  @media (max-width: 575px) {
  }
      .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: Roboto, ui-sans-serif, system-ui, -apple-system, Segoe UI, Helvetica, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
      }
        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 {
          > 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);
                }
                }
              }
            }
          }
          /* .simplebar-wrapper {
            .simplebar-mask {
              .simplebar-content-wrapper {
                .simplebar-content {
                }
              }
            }
          } */
        }
      }
    }
}
.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;
            }

              > 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;
                }
                }
              }
              /* .simplebar-wrapper {
                .simplebar-mask {
                  .simplebar-content-wrapper {
                    .simplebar-content {
                    }
                  }
                }
              } */
            }
          }

          .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;
            }

              > 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;
                }
                }
              }
              /* .simplebar-wrapper {
                .simplebar-mask {
                  .simplebar-content-wrapper {
                    .simplebar-content {
                    }
                  }
                }
              } */
            }
          }

          .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;
    }
  }
  }
.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-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,
  .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);
        }
        }
      }
    }
  }
.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 {
                  display: none !important;
                }
                  .sidebar-links {
                    /* .simplebar-wrapper {
                      .simplebar-mask {
                        .simplebar-content {
                          .sidebar-main-title {
                          }
                        }
                      }
                    } */
                  }
                }
                &:hover {
                  .sidebar-main {
                    .sidebar-links {
                    display: inline-block !important;
                  }
                    .sidebar-links {
                      /* .simplebar-wrapper {
                        .simplebar-mask {
                          .simplebar-content {
                            .sidebar-main-title {
                            }
                          }
                        }
                      } */
                    }
                  }
                }
              }
              .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;
    }
    }
  }
.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-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;
  }
  }
.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;
    }
    }
  }
@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;
  }
}
.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 */
.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);
          }
          }
        }
      }
    }
  }
.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 */
.carousel {
    .carousel-indicators {
    margin-bottom: 3px;
  }
    .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);
  }
  }
.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%;
    }
    }
  }
.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;
    }
    }
  }
.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;
}
.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;
    }
    }
  }
#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;
        }
        }
      }
    }
  }
.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;
}
.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;
      }
      }
    }
  }
.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;
              }
              }
            }
          }
        }
      }
    }
  }
.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);
}
.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);
  }
  }
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) {
  }
@media (max-width: 575px) {
  }
.input-group-text {
  display: flex !important;
  --tw-bg-opacity: 1;
  background-color: rgb(248 249 250 / var(--tw-bg-opacity, 1));
}
.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;
}
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);
            }
            }
          }
        }
      }
    }
  }
.toggle-sidebar {
    &:hover {
      &::before {
        content: unset;
      }
    }
  }
.email-main-wrapper {
    .email-body {
      .light-square {
      width: 40px;
    }
    }
  }
@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 {
    .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);
      }
        .frame-box {
          .group {
            app-tooltip {
              .custom-tooltip {
              --tw-bg-opacity: 1;
              background-color: rgb(50 56 70 / var(--tw-bg-opacity, 1));
            }
              .custom-tooltip {
              color: rgba(var(--white),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 {
                > 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;
                      }
                      }
                    }
                  }
                }
                /* .simplebar-wrapper {
                  .simplebar-mask {
                    .simplebar-content-wrapper {
                      .simplebar-content {
                      }
                    }
                  }
                } */
              }
            }
          }
          .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);
                }
                }
              }

              > 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);
                    }
                    }
                  }
                }
              }
              /* .simplebar-wrapper {
                .simplebar-mask {
                  .simplebar-content-wrapper {
                    .simplebar-content {
                    }
                  }
                }
              } */

              .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);
                    }
                    }
                  }

                  > li {
                    .sidebar-link {
                      &.active {
                      background-color: rgba(var(--primary-color),0.2);
                    }
                      &.enable-active {
                      background-color: rgba(var(--anchor-color),0.2);
                    }
                    } 

                    .sidebar-submenu {
                      li {
                        a {
                        color: rgba(var(--dark-all-font-color),1);
                      }
                        a {

                          &.active {
                          color: rgba(var(--theme-default),1);
                        }
                        }
                      }
                    }
                  }
                  /* .simplebar-wrapper {
                    .simplebar-mask {
                      .simplebar-content-wrapper {
                        .simplebar-content {
                        }
                      }
                    }
                  } */

                  .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 {
                  > 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);
                      }
                      }
                    }
                  }
                  /* .simplebar-wrapper {
                    .simplebar-mask {
                      .simplebar-content-wrapper {
                        .simplebar-content {
                        }
                      }
                    }
                  } */
                }

                .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);
                        }
                        }
                      }
                    }

                    > 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);
                        }
                        }
                      }
                    }
                    /* .simplebar-wrapper {
                      .simplebar-mask {
                        .simplebar-content-wrapper {
                          .simplebar-content {
                          }
                        }
                      }
                    } */

                    .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);
                  }
                  }
                }
              }
              .cart-dropdown{
                >ul{
                  &:last-child{
                    li{
                      &:last-child {
                      background-color: rgba(var(--white-bg),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);
                }
                }
              }
            }
          }
          thead,
          tbody{
            tr{
              &.selected{
                td {
                background-color: rgba(var(--dark-card-inbox),1);
              }
              }
            }
          }
          thead{
            th:not(th .cb-select-checkbox){
              &.selected-checkbox{
                input{
                  &::after {
                  background-color: rgba(var(--white),0.8);
                }
                }
              }
            }
          }
        }
        .top-body{
          .dataTables_filter{
            input {
            background-color: rgba(var(--dark-body-background),1);
          }
            input {
            color: rgba(var(--white),.6);
          }
          }
          select {
          border-color: rgba(var(--dark-card-border),1);
        }
          select {
          background-color: rgba(var(--dark-body-background),1);
        }
          select {
          color: #fff9;
        }
        }
        .pagination{
          .page-item{
            .page-link {
            border-color: transparent !important;
          }
            .page-link {
            background-color: rgba(var(--dark-body-background),1) !important;
          }
            &.active{
              .page-link {
              background-color: rgba(var(--theme-default),1) !important;
            }
              .page-link {
              color: rgba(var(--white),1) !important;
            }
            }
          }
        }
      }
      .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);
              }
              }
            }
          }
          .owl-dt-inline{
            .owl-dt-inline-container {
            background-color: rgba(var(--white-bg),1);
          }
            .owl-dt-inline-container{
              .owl-dt-container-inner {
                  .owl-dt-container-row {
                    .owl-dt-calendar-main {
                      .owl-dt-calendar-table {
                        tbody {
                          tr {
                            .owl-dt-calendar-cell {
                              .owl-dt-calendar-cell-content {
                            color: rgba(var(--white),1);
                          }
                            }
                          }
                        }
                        .owl-dt-weekdays{
                          .owl-dt-weekday{
                            span {
                          color: rgba(var(--white),0.8);
                        }
                          }
                        }
                        tr{
                          th {
                        color: rgba(var(--white),0.8);
                      }
                        }
                      }
                    }
                    .owl-dt-calendar-control{
                      .owl-dt-calendar-control-content {
                    color: rgba(var(--white),0.8);
                  }
                      .owl-dt-calendar-control-content{
                        .owl-dt-control{
                          .owl-dt-control-content {
                            .owl-dt-control-button-arrow {
                              svg {
                            fill: rgba(var(--white),0.8);
                          }
                            }
                          }
                        }
                      }
                    }
                  }
                }
            }
          }
        }
      }
      .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);
                      }
                      }
                    }
                    > 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);
                        }
                        }
                      }
                    }
                    /* .simplebar-wrapper {
                      .simplebar-mask {
                        .simplebar-content-wrapper {
                          .simplebar-content {
                          }
                        }
                      }
                    } */
                  }
                }
              }
            }
            .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 {
                  > 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);
                      }
                      }
                    }
                  }
                  /* .simplebar-wrapper {
                    .simplebar-mask {
                      .simplebar-content-wrapper {
                        .simplebar-content {
                        }
                      }
                    }
                  } */
                }
                .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);
                        }
                        }
                      }
                    }
                    > 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);
                        }
                        }
                      }
                    }
                    /* .simplebar-wrapper {
                      .simplebar-mask {
                        .simplebar-content-wrapper {
                          .simplebar-content {
                          }
                        }
                      }
                    } */
                    .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);
    }
    }
}
.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: 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-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;
        }
        }
      }
    }
  }
@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;
      }
      }
    }
  }
@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;
      }
      }
    }
  }
@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) {
  }
  @media (max-width: 575px) {
  }
          .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;
    }
    }
  }
@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;
      }
      }
    }
  }
@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) {
  }
  @media (max-width: 575px) {
  }
          .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 {
        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;
    }
    }
    .\!bookmark {
    }
  }
@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%;
  }
  }
@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;
          }
        }
      }
    }
  }
@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;
  }
  }
@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 (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;
}
.visible {
  visibility: visible;
}
.invisible {
  visibility: hidden;
}
.collapse {
  visibility: collapse;
}
.\!static {
  position: static !important;
}
.static {
  position: static;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.bottom-0 {
  bottom: 0px;
}
.bottom-\[60\%\] {
  bottom: 60%;
}
.bottom-full {
  bottom: 100%;
}
.end-0 {
  inset-inline-end: 0px;
}
.left-0 {
  left: 0px;
}
.left-1\/2 {
  left: 50%;
}
.left-\[100\%\] {
  left: 100%;
}
.left-\[96\%\] {
  left: 96%;
}
.left-full {
  left: 100%;
}
.right-0 {
  right: 0px;
}
.right-\[96\%\] {
  right: 96%;
}
.right-full {
  right: 100%;
}
.start-0 {
  inset-inline-start: 0px;
}
.start-\[0px\] {
  inset-inline-start: 0px;
}
.start-\[100\%\] {
  inset-inline-start: 100%;
}
.start-\[50\%\] {
  inset-inline-start: 50%;
}
.top-0 {
  top: 0px;
}
.top-1\/2 {
  top: 50%;
}
.top-\[-0px\] {
  top: -0px;
}
.top-\[-15px\] {
  top: -15px;
}
.top-\[0px\] {
  top: 0px;
}
.top-\[85\%\] {
  top: 85%;
}
.top-full {
  top: 100%;
}
.z-50 {
  z-index: 50;
}
.order-1 {
  order: 1;
}
.order-2 {
  order: 2;
}
.order-3 {
  order: 3;
}
.order-4 {
  order: 4;
}
.order-5 {
  order: 5;
}
.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-end {
  float: inline-end;
}
.float-right {
  float: right;
}
.\!m-0 {
  margin: 0px !important;
}
.m-0 {
  margin: 0px;
}
.m-1 {
  margin: 0.25rem;
}
.m-3 {
  margin: 0.75rem;
}
.m-5 {
  margin: 1.25rem;
}
.m-\[-2px\] {
  margin: -2px;
}
.m-auto {
  margin: auto;
}
.mx-0 {
  margin-left: 0px;
  margin-right: 0px;
}
.mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.mx-\[auto\] {
  margin-left: auto;
  margin-right: auto;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}
.my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.\!mb-0 {
  margin-bottom: 0px !important;
}
.\!mb-2 {
  margin-bottom: 0.5rem !important;
}
.\!mb-3 {
  margin-bottom: 0.75rem !important;
}
.\!mb-4 {
  margin-bottom: 1rem !important;
}
.\!mb-\[15px\] {
  margin-bottom: 15px !important;
}
.\!mb-\[20px\] {
  margin-bottom: 20px !important;
}
.\!mb-\[30px\] {
  margin-bottom: 30px !important;
}
.\!ml-0 {
  margin-left: 0px !important;
}
.\!mt-0 {
  margin-top: 0px !important;
}
.mb-0 {
  margin-bottom: 0px;
}
.mb-1 {
  margin-bottom: 0.25rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-3 {
  margin-bottom: 0.75rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mb-6 {
  margin-bottom: 1.5rem;
}
.mb-\[16px\] {
  margin-bottom: 16px;
}
.mb-\[24px\] {
  margin-bottom: 24px;
}
.mb-\[30px\] {
  margin-bottom: 30px;
}
.me-0 {
  margin-inline-end: 0px;
}
.me-1 {
  margin-inline-end: 0.25rem;
}
.me-2 {
  margin-inline-end: 0.5rem;
}
.me-3 {
  margin-inline-end: 0.75rem;
}
.me-auto {
  margin-inline-end: auto;
}
.ml-2 {
  margin-left: 0.5rem;
}
.ml-auto {
  margin-left: auto;
}
.mr-2 {
  margin-right: 0.5rem;
}
.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-4 {
  margin-inline-start: 1rem;
}
.ms-auto {
  margin-inline-start: auto;
}
.mt-0 {
  margin-top: 0px;
}
.mt-1 {
  margin-top: 0.25rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-3 {
  margin-top: 0.75rem;
}
.mt-4 {
  margin-top: 1rem;
}
.mt-5 {
  margin-top: 1.25rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.mt-7 {
  margin-top: 1.75rem;
}
.mt-\[-5px\] {
  margin-top: -5px;
}
.mt-\[24px\] {
  margin-top: 24px;
}
.\!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;
}
.\!flex {
  display: flex !important;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.table {
  display: table;
}
.grid {
  display: grid;
}
.contents {
  display: contents;
}
.\!hidden {
  display: none !important;
}
.hidden {
  display: none;
}
.aspect-\[16\/9\] {
  aspect-ratio: 16/9;
}
.aspect-\[4\/3\] {
  aspect-ratio: 4/3;
}
.h-\[100px\] {
  height: 100px;
}
.h-\[30px\] {
  height: 30px;
}
.h-\[40px\] {
  height: 40px;
}
.h-\[42px\] {
  height: 42px;
}
.h-\[50px\] {
  height: 50px;
}
.h-\[60px\] {
  height: 60px;
}
.h-\[70px\] {
  height: 70px;
}
.h-\[80px\] {
  height: 80px;
}
.h-\[90px\] {
  height: 90px;
}
.h-auto {
  height: auto;
}
.h-full {
  height: 100%;
}
.min-h-\[12\.8px\] {
  min-height: 12.8px;
}
.min-h-\[16px\] {
  min-height: 16px;
}
.min-h-\[19\.2px\] {
  min-height: 19.2px;
}
.min-h-\[9\.6px\] {
  min-height: 9.6px;
}
.\!w-auto {
  width: auto !important;
}
.\!w-full {
  width: 100% !important;
}
.w-14 {
  width: 3.5rem;
}
.w-44 {
  width: 11rem;
}
.w-52 {
  width: 13rem;
}
.w-\[100\%\] {
  width: 100%;
}
.w-\[100px\] {
  width: 100px;
}
.w-\[130px\] {
  width: 130px;
}
.w-\[22px\] {
  width: 22px;
}
.w-\[25\%\] {
  width: 25%;
}
.w-\[30px\] {
  width: 30px;
}
.w-\[40px\] {
  width: 40px;
}
.w-\[50\%\] {
  width: 50%;
}
.w-\[50px\] {
  width: 50px;
}
.w-\[60px\] {
  width: 60px;
}
.w-\[70px\] {
  width: 70px;
}
.w-\[75\%\] {
  width: 75%;
}
.w-\[80px\] {
  width: 80px;
}
.w-\[90px\] {
  width: 90px;
}
.w-\[calc\(100\%_-_100px_-_12px\)\] {
  width: calc(100% - 100px - 12px);
}
.w-\[calc\(100\%_-_40px_-_20px\)\] {
  width: calc(100% - 40px - 20px);
}
.w-fit {
  width: -moz-fit-content;
  width: fit-content;
}
.w-full {
  width: 100%;
}
.w-max {
  width: -moz-max-content;
  width: max-content;
}
.max-w-full {
  max-width: 100%;
}
.flex-1 {
  flex: 1 1 0%;
}
.shrink-0 {
  flex-shrink: 0;
}
.grow {
  flex-grow: 1;
}
.border-collapse {
  border-collapse: collapse;
}
.-translate-x-1\/2 {
  --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-y-1\/2 {
  --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));
}
.\!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;
}
.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));
}
.cursor-pointer {
  cursor: pointer;
}
.resize {
  resize: both;
}
.list-none {
  list-style-type: none;
}
.appearance-none {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.\!flex-row {
  flex-direction: row !important;
}
.flex-col {
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}
.\!flex-nowrap {
  flex-wrap: nowrap !important;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.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;
}
.gap-0 {
  gap: 0px;
}
.gap-1 {
  gap: 0.25rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-3 {
  gap: 0.75rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-8 {
  gap: 2rem;
}
.gap-\[10px\] {
  gap: 10px;
}
.gap-\[24px\] {
  gap: 24px;
}
.gap-\[40px\] {
  gap: 40px;
}
.gap-\[calc\(14px_\+_\(30_-_14\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
  gap: calc(14px + (30 - 14) * ((100vw - 320px) / (1920 - 320)));
}
.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-y-2 {
  row-gap: 0.5rem;
}
.gap-y-3 {
  row-gap: 0.75rem;
}
.gap-y-\[10px\] {
  row-gap: 10px;
}
.justify-self-center {
  justify-self: center;
}
.overflow-auto {
  overflow: auto;
}
.overflow-hidden {
  overflow: hidden;
}
.\!overflow-visible {
  overflow: visible !important;
}
.overflow-visible {
  overflow: visible;
}
.overflow-x-auto {
  overflow-x: auto;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.text-nowrap {
  text-wrap: nowrap;
}
.\!rounded {
  border-radius: 0.25rem !important;
}
.\!rounded-lg {
  border-radius: 0.5rem !important;
}
.\!rounded-none {
  border-radius: 0px !important;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-\[100\%\] {
  border-radius: 100%;
}
.rounded-\[10px\] {
  border-radius: 10px;
}
.rounded-\[16px\] {
  border-radius: 16px;
}
.rounded-\[1px\] {
  border-radius: 1px;
}
.rounded-\[25\%\] {
  border-radius: 25%;
}
.rounded-\[2px\] {
  border-radius: 2px;
}
.rounded-\[30px\] {
  border-radius: 30px;
}
.rounded-\[32px\] {
  border-radius: 32px;
}
.rounded-\[35px\] {
  border-radius: 35px;
}
.rounded-\[3px\] {
  border-radius: 3px;
}
.rounded-\[4px\] {
  border-radius: 4px;
}
.rounded-\[5px\] {
  border-radius: 5px;
}
.rounded-\[6px\] {
  border-radius: 6px;
}
.rounded-\[7px\] {
  border-radius: 7px;
}
.rounded-\[8px\] {
  border-radius: 8px;
}
.rounded-\[9px\] {
  border-radius: 9px;
}
.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-b-lg {
  border-bottom-right-radius: 0.5rem !important;
  border-bottom-left-radius: 0.5rem !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-lg {
  border-top-left-radius: 0.5rem !important;
  border-top-right-radius: 0.5rem !important;
}
.rounded-b-\[6px\] {
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}
.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-lg {
  border-start-end-radius: 0.5rem;
  border-end-end-radius: 0.5rem;
}
.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-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-\[6px\] {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.rounded-t-md {
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
}
.rounded-es-lg {
  border-end-start-radius: 0.5rem;
}
.rounded-es-md {
  border-end-start-radius: 0.375rem;
}
.\!border {
  border-width: 1px !important;
}
.\!border-0 {
  border-width: 0px !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-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-b-0 {
  border-bottom-width: 0px !important;
}
.\!border-l-4 {
  border-left-width: 4px !important;
}
.\!border-r-0 {
  border-right-width: 0px !important;
}
.border-b {
  border-bottom-width: 1px;
}
.border-l-0 {
  border-left-width: 0px;
}
.border-r {
  border-right-width: 1px;
}
.border-r-0 {
  border-right-width: 0px;
}
.\!border-none {
  border-style: none !important;
}
.border-danger {
  --tw-border-opacity: 1;
  border-color: rgb(255 76 82 / var(--tw-border-opacity, 1));
}
.border-gray-300 {
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / 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-warning {
  --tw-border-opacity: 1;
  border-color: rgb(243 208 79 / 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-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-warning {
  --tw-border-opacity: 1;
  border-left-color: rgb(243 208 79 / 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-t-danger {
  --tw-border-opacity: 1;
  border-top-color: rgb(255 76 82 / var(--tw-border-opacity, 1));
}
.\!bg-white {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
}
.bg-\[color\] {
  background-color: color;
}
.bg-blue-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / 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-green-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / 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-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-center {
  background-position: center;
}
.fill-primary {
  fill: #009444;
}
.fill-success {
  fill: #65c15c;
}
.stroke-danger {
  stroke: #ff4c52;
}
.stroke-dark {
  stroke: #343a40;
}
.stroke-info {
  stroke: #40b8f4;
}
.stroke-primary {
  stroke: #009444;
}
.stroke-success {
  stroke: #65c15c;
}
.stroke-warning {
  stroke: #f3d04f;
}
.\!p-0 {
  padding: 0px !important;
}
.\!p-\[2px\] {
  padding: 2px !important;
}
.p-0 {
  padding: 0px;
}
.p-1 {
  padding: 0.25rem;
}
.p-10 {
  padding: 2.5rem;
}
.p-2 {
  padding: 0.5rem;
}
.p-20 {
  padding: 5rem;
}
.p-3 {
  padding: 0.75rem;
}
.p-4 {
  padding: 1rem;
}
.p-5 {
  padding: 1.25rem;
}
.\!px-0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.\!py-0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.px-0 {
  padding-left: 0px;
  padding-right: 0px;
}
.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.py-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}
.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.\!pb-0 {
  padding-bottom: 0px !important;
}
.\!pe-0 {
  padding-inline-end: 0px !important;
}
.\!pl-\[16px\] {
  padding-left: 16px !important;
}
.\!ps-0 {
  padding-inline-start: 0px !important;
}
.\!pt-0 {
  padding-top: 0px !important;
}
.pb-0 {
  padding-bottom: 0px;
}
.pb-1 {
  padding-bottom: 0.25rem;
}
.pb-2 {
  padding-bottom: 0.5rem;
}
.pb-3 {
  padding-bottom: 0.75rem;
}
.pb-4 {
  padding-bottom: 1rem;
}
.pb-6 {
  padding-bottom: 1.5rem;
}
.pe-0 {
  padding-inline-end: 0px;
}
.pe-1 {
  padding-inline-end: 0.25rem;
}
.pe-2 {
  padding-inline-end: 0.5rem;
}
.pr-3 {
  padding-right: 0.75rem;
}
.ps-0 {
  padding-inline-start: 0px;
}
.ps-1 {
  padding-inline-start: 0.25rem;
}
.ps-2 {
  padding-inline-start: 0.5rem;
}
.ps-4 {
  padding-inline-start: 1rem;
}
.pt-0 {
  padding-top: 0px;
}
.pt-1 {
  padding-top: 0.25rem;
}
.pt-2 {
  padding-top: 0.5rem;
}
.pt-3 {
  padding-top: 0.75rem;
}
.pt-\[10px\] {
  padding-top: 10px;
}
.text-left {
  text-align: left;
}
.\!text-center {
  text-align: center !important;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.\!text-start {
  text-align: start !important;
}
.text-start {
  text-align: start;
}
.text-end {
  text-align: end;
}
.align-middle {
  vertical-align: middle;
}
.font-roboto {
  font-family: Roboto, ui-sans-serif, system-ui, -apple-system, Segoe UI, Helvetica, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
}
.\!text-\[10px\] {
  font-size: 10px !important;
}
.\!text-\[14px\] {
  font-size: 14px !important;
}
.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-\[10px\] {
  font-size: 10px;
}
.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-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;
}
.uppercase {
  text-transform: uppercase;
}
.lowercase {
  text-transform: lowercase;
}
.italic {
  font-style: italic;
}
.leading-tight {
  line-height: 1.25;
}
.\!text-black {
  --tw-text-opacity: 1 !important;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1)) !important;
}
.\!text-white {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}
.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-light {
  --tw-text-opacity: 1;
  color: rgb(248 249 250 / 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;
}
.decoration-\[\$primary-color\] {
  text-decoration-color: $primary-color;
}
.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-100 {
  opacity: 1;
}
.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-lg {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -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-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-sm {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 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);
}
.outline {
  outline-style: solid;
}
.outline-primary {
  outline-color: #009444;
}
.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);
}
.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);
}
.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-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.duration-300 {
  transition-duration: 300ms;
}
.hover\:text-white:hover {
  color: rgb(var(--white),1) !important;
}
.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\:text-center {
    text-align: center !important;
  }
  .md\:block {
    display: block !important;
  }
  .md\:gap-4 {
    gap: 24px !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: 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 (max-width: 767px) {
  }
  @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: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) {
  }
}
.hover\:text-white:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:visible {
  visibility: visible;
}
.group:hover .group-hover\:opacity-100 {
  opacity: 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;
  }
}
@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\:\!flex-col {
    flex-direction: column !important;
  }
  .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-4 {
    gap: 1rem;
  }
  .md\:text-center {
    text-align: center;
  }
  .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-2 {
    grid-column: span 2 / span 2;
  }
  .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\: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:1045px) {
  .\[\@media\(max-width\:1045px\)\]\:\!hidden {
    display: none !important;
  }
  .\[\@media\(max-width\:1045px\)\]\:hidden {
    display: none;
  }
}
@media(max-width:1182px) {
  .\[\@media\(max-width\:1182px\)\]\:\!justify-start {
    justify-content: flex-start !important;
  }
}
@media(max-width:1199px) and (min-width:440px) {
  .\[\@media\(max-width\:1199px\)_and_\(min-width\:440px\)\]\:\!w-\[365px\] {
    width: 365px !important;
  }
}
@media(max-width:1232px) {
  .\[\@media\(max-width\:1232px\)\]\:\!max-w-\[105px\] {
    max-width: 105px !important;
  }
  .\[\@media\(max-width\:1232px\)\]\:\!p-\[10px\] {
    padding: 10px !important;
  }
}
@media(max-width:1248px) {
  .\[\@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: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:1335px) {
  .\[\@media\(max-width\:1335px\)\]\:max-w-\[113px\] {
    max-width: 113px;
  }
}
@media(max-width:1344px) {
  .\[\@media\(max-width\:1344px\)\]\:\!h-\[40px\] {
    height: 40px !important;
  }
}
@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: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: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:1440px) and (min-width:1200px) {
  .\[\@media\(max-width\:1440px\)_and_\(min-width\:1200px\)\]\:\!mb-\[100px\] {
    margin-bottom: 100px !important;
  }
}
@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: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-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: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: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: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: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:1874px) and (min-width:1820px) {
  .\[\@media\(max-width\:1874px\)_and_\(min-width\:1820px\)\]\:\!bottom-\[16px\] {
    bottom: 16px !important;
  }
  .\[\@media\(max-width\:1874px\)_and_\(min-width\:1820px\)\]\:\!right-\[12px\] {
    right: 12px !important;
  }
  .\[\@media\(max-width\:1874px\)_and_\(min-width\:1820px\)\]\:\!h-\[125px\] {
    height: 125px !important;
  }
}
@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\)\]\:\!mb-\[10px\] {
    margin-bottom: 10px !important;
  }
  .\[\@media\(max-width\:320px\)\]\:\!mb-\[30px\] {
    margin-bottom: 30px !important;
  }
  .\[\@media\(max-width\:320px\)\]\:break-words {
    overflow-wrap: break-word;
  }
}
@media(max-width:330px) {
  .\[\@media\(max-width\:330px\)\]\:w-\[252px\] {
    width: 252px;
  }
}
@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:360px) {
  .\[\@media\(max-width\:360px\)\]\:\!mb-\[15px\] {
    margin-bottom: 15px !important;
  }
  .\[\@media\(max-width\:360px\)\]\:\!h-\[32px\] {
    height: 32px !important;
  }
  .\[\@media\(max-width\:360px\)\]\:\!w-\[32px\] {
    width: 32px !important;
  }
}
@media(max-width:370px) {
  .\[\@media\(max-width\:370px\)\]\:\!h-\[70px\] {
    height: 70px !important;
  }
}
@media(max-width:400px) {
  .\[\@media\(max-width\:400px\)\]\:hidden {
    display: none;
  }
}
@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: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: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:575px) {
  .\[\@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\)\]\:items-start {
    align-items: flex-start;
  }
  .\[\@media\(max-width\:576px\)\]\:pb-\[12px\] {
    padding-bottom: 12px;
  }
}
@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: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:767px) {
  .\[\@media\(max-width\:767px\)\]\:line-clamp-\[1\] {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
}
@media(max-width:768px) {
  .\[\@media\(max-width\:768px\)\]\:flex-col {
    flex-direction: column;
  }
  .\[\@media\(max-width\:768px\)\]\:\!items-start {
    align-items: flex-start !important;
  }
}
@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\)\]\:\!w-\[34px\] {
    width: 34px !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:1455px) {
  .\[\@media\(min-width\:1200px\)_and_\(max-width\:1455px\)\]\:\!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\)\]\:\!min-w-\[calc\(110px_\+_\(125_-_110\)_\*_\(\(100vw_-_1200px\)_\/_\(1920_-_1200\)\)\)\] {
    min-width: calc(110px + (125 - 110) * ((100vw - 1200px) / (1920 - 1200))) !important;
  }
}
@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) 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: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:1700px) {
  .\[\@media\(min-width\:1400px\)_and_\(max-width\:1700px\)\]\:\!h-\[98px\] {
    height: 98px !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\(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\)\]\:\!w-\[calc\(50px_\+_\(100_-_50\)_\*_\(\(100vw_-_320px\)_\/_\(1920_-_320\)\)\)\] {
    width: calc(50px + (100 - 50) * ((100vw - 320px) / (1920 - 320))) !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: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: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:700px) {
  .\[\@media\(min-width\:576px\)_and_\(max-width\:700px\)\]\:\!hidden {
    display: none !important;
  }
}
@media(min-width:768px) {
  .\[\@media\(min-width\:768px\)\]\:\!pl-\[0\] {
    padding-left: 0 !important;
  }
}
@media(min-width:768px) and (max-width:1199px) {
  .\[\@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:1570px) {
  .\[\@media\(min-width\:768px\)_and_\(max-width\:1570px\)\]\:\!h-\[166px\] {
    height: 166px !important;
  }
}