@charset "UTF-8";
     /*! * Version:  5.2.1 * Template: Ekjain - Responsive Bootstrap 5 Admin Dashboard Template * Author: iqonic.design * Design and Developed by: iqonic.design * NOTE: This file contains the styling for responsive Template. * */ /*! * Bootstrap v5.3.7 (https://getbootstrap.com/) * Copyright 2011-2025 The Bootstrap Authors * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */ .theme-fs-md  {
     font-size:  16px }
 @media (max-width:1601px)  {
     .theme-fs-md  {
     font-size:  14px }
 } :root  {
     --prefix:  bs-;
     --bs-heading-font-family:  Plus Jakarta Sans,  sans-serif;
     --bs-primary:  #2A2B78;
     --bs-primary-shade-80:  rgb(16,  36.2,  51);
     --bs-primary-shade-60:  rgb(32,  72.4,  102);
     --bs-primary-shade-40:  rgb(48,  108.6,  153);
     --bs-primary-shade-20:  rgb(64,  144.8,  204);
     --bs-primary-tint-90:  rgb(237.5,  247.6,  255);
     --bs-primary-tint-80:  rgb(220,  240.2,  255);
     --bs-primary-tint-60:  rgb(185,  225.4,  255);
     --bs-primary-tint-40:  rgb(150,  210.6,  255);
     --bs-primary-tint-20:  rgb(115,  195.8,  255);
     --bs-primary-rgb:  rgb(42,  43,  120);
     --bs-secondary:  #6c757d;
     --bs-secondary-shade-80:  rgb(21.6,  23.4,  25);
     --bs-secondary-shade-60:  rgb(43.2,  46.8,  50);
     --bs-secondary-shade-40:  rgb(64.8,  70.2,  75);
     --bs-secondary-shade-20:  rgb(86.4,  93.6,  100);
     --bs-secondary-tint-90:  rgb(240.3,  241.2,  242);
     --bs-secondary-tint-80:  rgb(225.6,  227.4,  229);
     --bs-secondary-tint-60:  rgb(196.2,  199.8,  203);
     --bs-secondary-tint-40:  rgb(166.8,  172.2,  177);
     --bs-secondary-tint-20:  rgb(137.4,  144.6,  151);
     --bs-secondary-rgb:  108,  117,  125 }
 :root,  [data-bs-theme=light]  {
     --bs-blue:  #2A2B78;
     --bs-indigo:  #6610f2;
     --bs-purple:  #6f42c1;
     --bs-pink:  #d63384;
     --bs-red:  #ff9b8a;
     --bs-orange:  #fd7e14;
     --bs-yellow:  #ffba68;
     --bs-green:  #2dcdb2;
     --bs-teal:  #20c997;
     --bs-cyan:  #d592ff;
     --bs-black:  #000;
     --bs-white:  #fff;
     --bs-gray:  #6c757d;
     --bs-gray-dark:  #343a40;
     --bs-gray-100:  #f8f9fa;
     --bs-gray-200:  #e9ecef;
     --bs-gray-300:  #dee2e6;
     --bs-gray-400:  #ced4da;
     --bs-gray-500:  #adb5bd;
     --bs-gray-600:  #6c757d;
     --bs-gray-700:  #495057;
     --bs-gray-800:  #343a40;
     --bs-gray-900:  #ffffff;
     --bs-primary:  #2A2B78;
     --bs-secondary:  #6c757d;
     --bs-success:  #2dcdb2;
     --bs-info:  #d592ff;
     --bs-warning:  #ffba68;
     --bs-danger:  #ff9b8a;
     --bs-light:  #dee2e6;
     --bs-dark:  #000;
     --bs-gray:  #6c757d;
     --bs-gray-dark:  #343a40;
     --bs-primary-rgb:  42,  43,  120;
     --bs-secondary-rgb:  108,  117,  125;
     --bs-success-rgb:  45,  205,  178;
     --bs-info-rgb:  213,  146,  255;
     --bs-warning-rgb:  255,  186,  104;
     --bs-danger-rgb:  255,  155,  138;
     --bs-light-rgb:  222,  226,  230;
     --bs-dark-rgb:  0,  0,  0;
     --bs-gray-rgb:  108,  117,  125;
     --bs-gray-dark-rgb:  52,  58,  64;
     --bs-primary-text-emphasis:  rgb(32,  72.4,  102);
     --bs-secondary-text-emphasis:  rgb(43.2,  46.8,  50);
     --bs-success-text-emphasis:  rgb(18,  82,  71.2);
     --bs-info-text-emphasis:  rgb(85.2,  58.4,  102);
     --bs-warning-text-emphasis:  rgb(102,  74.4,  41.6);
     --bs-danger-text-emphasis:  rgb(102,  62,  55.2);
     --bs-light-text-emphasis:  #495057;
     --bs-dark-text-emphasis:  #495057;
     --bs-primary-bg-subtle:  rgb(220,  240.2,  255);
     --bs-secondary-bg-subtle:  rgb(225.6,  227.4,  229);
     --bs-success-bg-subtle:  rgb(213,  245,  239.6);
     --bs-info-bg-subtle:  rgb(246.6,  233.2,  255);
     --bs-warning-bg-subtle:  rgb(255,  241.2,  224.8);
     --bs-danger-bg-subtle:  rgb(255,  235,  231.6);
     --bs-light-bg-subtle:  rgb(251.5,  252,  252.5);
     --bs-dark-bg-subtle:  #ced4da;
     --bs-primary-border-subtle:  rgb(185,  225.4,  255);
     --bs-secondary-border-subtle:  rgb(196.2,  199.8,  203);
     --bs-success-border-subtle:  rgb(171,  235,  224.2);
     --bs-info-border-subtle:  rgb(238.2,  211.4,  255);
     --bs-warning-border-subtle:  rgb(255,  227.4,  194.6);
     --bs-danger-border-subtle:  rgb(255,  215,  208.2);
     --bs-light-border-subtle:  #e9ecef;
     --bs-dark-border-subtle:  #adb5bd;
     --bs-white-rgb:  255,  255,  255;
     --bs-black-rgb:  0,  0,  0;
     --bs-font-sans-serif:  "Plus Jakarta Sans",  sans-serif,  "Apple Color Emoji",  "Segoe UI Emoji",  "Segoe UI Symbol",  "Noto Color Emoji";
     --bs-font-monospace:  "Plus Jakarta Sans",  SFMono-Regular,  Menlo,  Monaco,  Consolas,  "Liberation Mono",  "Courier New",  monospace;
     --bs-gradient:  linear-gradient(180deg,  rgba(255,  255,  255,  0.15),  rgba(255,  255,  255,  0));
     --bs-body-font-family:  var(--bs-font-sans-serif);
     --bs-body-font-size:  0.875rem;
     --bs-body-font-weight:  400;
     --bs-body-line-height:  1.8;
     --bs-body-color:  #7E8B9A;
     --bs-body-color-rgb:  126,  139,  154;
     --bs-body-bg:  #f8f9fa;
     --bs-body-bg-rgb:  248,  249,  250;
     --bs-emphasis-color:  #000;
     --bs-emphasis-color-rgb:  0,  0,  0;
     --bs-secondary-color:  rgba(126,  139,  154,  0.75);
     --bs-secondary-color-rgb:  126,  139,  154;
     --bs-secondary-bg:  #e9ecef;
     --bs-secondary-bg-rgb:  233,  236,  239;
     --bs-tertiary-color:  rgba(126,  139,  154,  0.5);
     --bs-tertiary-color-rgb:  126,  139,  154;
     --bs-tertiary-bg:  #f8f9fa;
     --bs-tertiary-bg-rgb:  248,  249,  250;
     --bs-heading-color:  #2B2D42;
     --bs-link-color:  #2A2B78;
     --bs-link-color-rgb:  80,  181,  255;
     --bs-link-decoration:  none;
     --bs-link-hover-color:  rgb(68,  153.85,  216.75);
     --bs-link-hover-color-rgb:  68,  154,  217;
     --bs-code-color:  #d63384;
     --bs-highlight-color:  #7E8B9A;
     --bs-highlight-bg:  rgb(255,  241.2,  224.8);
     --bs-border-width:  1px;
     --bs-border-style:  solid;
     --bs-border-color:  #f1f1f1;
     --bs-border-color-translucent:  rgba(0,  0,  0,  0.175);
     --bs-border-radius:  0.25rem;
     --bs-border-radius-sm:  0.125rem;
     --bs-border-radius-lg:  0.5rem;
     --bs-border-radius-xl:  1rem;
     --bs-border-radius-xxl:  2rem;
     --bs-border-radius-2xl:  var(--bs-border-radius-xxl);
     --bs-border-radius-pill:  50rem;
     --bs-box-shadow:  1rem 1rem 2.5rem 0 rgba(0,  0,  0,  0.05);
     --bs-box-shadow-sm:  0.5rem 0.5rem 2.5rem 0 rgba(0,  0,  0,  0.05);
     --bs-box-shadow-lg:  1.5rem 1.5rem 2.5rem 0 rgba(0,  0,  0,  0.175);
     --bs-box-shadow-inset:  inset 0 1px 2px rgba(0,  0,  0,  0.075);
     --bs-focus-ring-width:  0.25rem;
     --bs-focus-ring-opacity:  0.25;
     --bs-focus-ring-color:  rgba(80,  181,  255,  0.25);
     --bs-form-valid-color:  #2dcdb2;
     --bs-form-valid-border-color:  #2dcdb2;
     --bs-form-invalid-color:  #ff9b8a;
     --bs-form-invalid-border-color:  #ff9b8a }
 [data-bs-theme=dark]  {
     color-scheme:  dark;
     --bs-body-color:  #d7dbdf;
     --bs-body-color-rgb:  215,  219,  223;
     --bs-body-bg:  #1a1a1a;
     --bs-body-bg-rgb:  26,  26,  26;
     --bs-emphasis-color:  #fff;
     --bs-emphasis-color-rgb:  255,  255,  255;
     --bs-secondary-color:  rgba(215,  219,  223,  0.75);
     --bs-secondary-color-rgb:  215,  219,  223;
     --bs-secondary-bg:  #6c757d;
     --bs-secondary-bg-rgb:  108,  117,  125;
     --bs-tertiary-color:  rgba(215,  219,  223,  0.5);
     --bs-tertiary-color-rgb:  215,  219,  223;
     --bs-tertiary-bg:  rgb(153.5,  156.5,  159.5);
     --bs-tertiary-bg-rgb:  154,  157,  160;
     --bs-primary-text-emphasis:  rgb(150,  210.6,  255);
     --bs-secondary-text-emphasis:  rgb(166.8,  172.2,  177);
     --bs-success-text-emphasis:  rgb(129,  225,  208.8);
     --bs-info-text-emphasis:  rgb(229.8,  189.6,  255);
     --bs-warning-text-emphasis:  rgb(255,  213.6,  164.4);
     --bs-danger-text-emphasis:  rgb(255,  195,  184.8);
     --bs-light-text-emphasis:  #f8f9fa;
     --bs-dark-text-emphasis:  #dee2e6;
     --bs-primary-bg-subtle:  rgb(16,  36.2,  51);
     --bs-secondary-bg-subtle:  rgb(21.6,  23.4,  25);
     --bs-success-bg-subtle:  rgb(9,  41,  35.6);
     --bs-info-bg-subtle:  rgb(42.6,  29.2,  51);
     --bs-warning-bg-subtle:  rgb(51,  37.2,  20.8);
     --bs-danger-bg-subtle:  rgb(51,  31,  27.6);
     --bs-light-bg-subtle:  #343a40;
     --bs-dark-bg-subtle:  #1a1d20;
     --bs-primary-border-subtle:  rgb(48,  108.6,  153);
     --bs-secondary-border-subtle:  rgb(64.8,  70.2,  75);
     --bs-success-border-subtle:  rgb(27,  123,  106.8);
     --bs-info-border-subtle:  rgb(127.8,  87.6,  153);
     --bs-warning-border-subtle:  rgb(153,  111.6,  62.4);
     --bs-danger-border-subtle:  rgb(153,  93,  82.8);
     --bs-light-border-subtle:  #495057;
     --bs-dark-border-subtle:  #343a40;
     --bs-heading-color:  #ffffff;
     --bs-link-color:  rgb(150,  210.6,  255);
     --bs-link-hover-color:  rgb(165.75,  217.26,  255);
     --bs-link-color-rgb:  150,  211,  255;
     --bs-link-hover-color-rgb:  166,  217,  255;
     --bs-code-color:  rgb(230.4,  132.6,  181.2);
     --bs-highlight-color:  #d7dbdf;
     --bs-highlight-bg:  rgb(102,  74.4,  41.6);
     --bs-border-color:  #313131;
     --bs-border-color-translucent:  rgba(255,  255,  255,  0.15);
     --bs-form-valid-color:  rgb(129,  225,  208.8);
     --bs-form-valid-border-color:  rgb(129,  225,  208.8);
     --bs-form-invalid-color:  rgb(255,  195,  184.8);
     --bs-form-invalid-border-color:  rgb(255,  195,  184.8) }
 [data-bs-theme=dark]  {
     --bs-gray-900:  #0f0f0f;
     --bs-gray-900-rgb:  to-rgb($gray-900);
     --bs-gray-800:  #343a40;
     --bs-gray-100:  #181818;
     --bs-gray-100-rgb:  24,  24,  24;
     --bs-gray-200:  #181818;
     --bs-gray-300:  #202020;
     --bs-box-shadow:  1rem 1rem 2.5rem 0 rgba(255,  255,  255,  0.05);
     --bs-box-shadow-sm:  .5rem .5rem 2.5rem 0 rgba(255,  255,  255,  0.05);
     --bs-box-shadow-lg:  1.5rem 1.5rem 2.5rem 0 rgba(255,  255,  255,  .175);
     --bs-box-shadow-inset:  inset 0 1px 2px rgba(255,  255,  255,  .075) }
 [data-bs-theme=dark] .text-dark  {
     color:  var(--bs-white) !important }
 [data-bs-theme=dark] .form-control::file-selector-button,  [data-bs-theme=dark] .input-group .input-group-text  {
     background-color:  var(--bs-gray-200) }
 [data-bs-theme=dark] .form-control::placeholder  {
     color:  var(--bs-body-color) }
 [data-bs-theme=dark] .img-light  {
     display:  none }
 [data-bs-theme=dark] .img-dark  {
     display:  block }
 [data-bs-theme=dark] .form-control:hover:not(:disabled):not([readonly])::file-selector-button  {
     color:  var(--bs-gray-200);
     background-color:  var(--bs-heading-color) }
 *,  ::after,  ::before  {
     box-sizing:  border-box }
 @media (prefers-reduced-motion:no-preference)  {
     : root  {
     scroll-behavior:  smooth }
 } body  {
     margin:  0;
     font-family:  var(--bs-body-font-family);
     font-size:  var(--bs-body-font-size);
     font-weight:  var(--bs-body-font-weight);
     line-height:  var(--bs-body-line-height);
     color:  var(--bs-body-color);
     text-align:  var(--bs-body-text-align);
     background-color:  var(--bs-body-bg);
     -webkit-text-size-adjust:  100%;
     -webkit-tap-highlight-color:  transparent }
 hr  {
     margin:  1rem 0;
     color:  inherit;
     border:  0;
     border-top:  var(--bs-border-width) solid;
     opacity:  .25 }
 .h1,  .h2,  .h3,  .h4,  .h5,  .h6,  h1,  h2,  h3,  h4,  h5,  h6  {
     margin-top:  0;
     margin-bottom:  0;
     font-family:  "Plus Jakarta Sans",  sans-serif;
     font-weight:  500;
     line-height:  1.5;
     color:  var(--bs-heading-color) }
 .h1,  h1  {
     font-size:  calc(1.3rem + .6vw) }
 @media (min-width:1200px)  {
     .h1,  h1  {
     font-size:  1.75rem }
 } .h2,  h2  {
     font-size:  calc(1.28125rem + .375vw) }
 @media (min-width:1200px)  {
     .h2,  h2  {
     font-size:  1.5625rem }
 } .h3,  h3  {
     font-size:  calc(1.2625rem + .15vw) }
 @media (min-width:1200px)  {
     .h3,  h3  {
     font-size:  1.375rem }
 } .h4,  h4  {
     font-size:  1.25rem }
 .h5,  h5  {
     font-size:  1.125rem }
 .h6,  h6  {
     font-size:  1rem }
 p  {
     margin-top:  0;
     margin-bottom:  1rem }
 abbr[title]  {
     text-decoration:  underline dotted;
     cursor:  help;
     text-decoration-skip-ink:  none }
 address  {
     margin-bottom:  1rem;
     font-style:  normal;
     line-height:  inherit }
 ol,  ul  {
     padding-left:  2rem }
 dl,  ol,  ul  {
     margin-top:  0;
     margin-bottom:  1rem }
 ol ol,  ol ul,  ul ol,  ul ul  {
     margin-bottom:  0 }
 dt  {
     font-weight:  700 }
 dd  {
     margin-bottom:  .5rem;
     margin-left:  0 }
 blockquote  {
     margin:  0 0 1rem }
 b,  strong  {
     font-weight:  bolder }
 .small,  small  {
     font-size:  .875em }
 .mark,  mark  {
     padding:  .1875em;
     color:  var(--bs-highlight-color);
     background-color:  var(--bs-highlight-bg) }
 sub,  sup  {
     position:  relative;
     font-size:  .75em;
     line-height:  0;
     vertical-align:  baseline }
 sub  {
     bottom:  -.25em }
 sup  {
     top:  -.5em }
 a  {
     color:  rgba(var(--bs-link-color-rgb),  var(--bs-link-opacity,  1));
     text-decoration:  none }
 a:hover  {
     --bs-link-color-rgb:  var(--bs-link-hover-color-rgb) }
 a:not([href]):not([class]),  a:not([href]):not([class]):hover  {
     color:  inherit;
     text-decoration:  none }
 code,  kbd,  pre,  samp  {
     font-family:  var(--bs-font-monospace);
     font-size:  1em }
 pre  {
     display:  block;
     margin-top:  0;
     margin-bottom:  1rem;
     overflow:  auto;
     font-size:  .875em }
 pre code  {
     font-size:  inherit;
     color:  inherit;
     word-break:  normal }
 code  {
     font-size:  .875em;
     color:  var(--bs-code-color);
     word-wrap:  break-word }
 a>code  {
     color:  inherit }
 kbd  {
     padding:  .2rem .4rem;
     font-size:  .875em;
     color:  var(--bs-body-bg);
     background-color:  var(--bs-body-color);
     border-radius:  .125rem }
 kbd kbd  {
     padding:  0;
     font-size:  1em }
 figure  {
     margin:  0 0 1rem }
 img,  svg  {
     vertical-align:  middle }
 table  {
     caption-side:  bottom;
     border-collapse:  collapse }
 caption  {
     padding-top:  .5rem;
     padding-bottom:  .5rem;
     color:  var(--bs-secondary-color);
     text-align:  left }
 th  {
     text-align:  inherit;
     text-align:  -webkit-match-parent }
 tbody,  td,  tfoot,  th,  thead,  tr  {
     border-color:  inherit;
     border-style:  solid;
     border-width:  0 }
 label  {
     display:  inline-block }
 button  {
     border-radius:  0 }
 button:focus:not(:focus-visible)  {
     outline:  0 }
 button,  input,  optgroup,  select,  textarea  {
     margin:  0;
     font-family:  inherit;
     font-size:  inherit;
     line-height:  inherit }
 button,  select  {
     text-transform:  none }
 [role=button]  {
     cursor:  pointer }
 select  {
     word-wrap:  normal }
 select:disabled  {
     opacity:  1 }
 [list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator  {
     display:  none !important }
 [type=button],  [type=reset],  [type=submit],  button  {
     -webkit-appearance:  button }
 [type=button]:not(:disabled),  [type=reset]:not(:disabled),  [type=submit]:not(:disabled),  button:not(:disabled)  {
     cursor:  pointer }
 ::-moz-focus-inner  {
     padding:  0;
     border-style:  none }
 textarea  {
     resize:  vertical }
 fieldset  {
     min-width:  0;
     padding:  0;
     margin:  0;
     border:  0 }
 legend  {
     float:  left;
     width:  100%;
     padding:  0;
     margin-bottom:  .5rem;
     line-height:  inherit;
     font-size:  calc(1.275rem + .3vw) }
 @media (min-width:1200px)  {
     legend  {
     font-size:  1.5rem }
 } legend+*  {
     clear:  left }
 ::-webkit-datetime-edit-day-field,  ::-webkit-datetime-edit-fields-wrapper,  ::-webkit-datetime-edit-hour-field,  ::-webkit-datetime-edit-minute,  ::-webkit-datetime-edit-month-field,  ::-webkit-datetime-edit-text,  ::-webkit-datetime-edit-year-field  {
     padding:  0 }
 ::-webkit-inner-spin-button  {
     height:  auto }
 [type=search]  {
     -webkit-appearance:  textfield;
     outline-offset:  -2px }
 ::-webkit-search-decoration  {
     -webkit-appearance:  none }
 ::-webkit-color-swatch-wrapper  {
     padding:  0 }
 ::file-selector-button  {
     font:  inherit;
     -webkit-appearance:  button }
 output  {
     display:  inline-block }
 iframe  {
     border:  0 }
 summary  {
     display:  list-item;
     cursor:  pointer }
 progress  {
     vertical-align:  baseline }
 [hidden]  {
     display:  none !important }
 .lead  {
     font-size:  .875rem;
     font-weight:  300 }
 .display-1  {
     font-weight:  300;
     line-height:  1.5;
     font-size:  calc(1.625rem + 4.5vw) }
 @media (min-width:1200px)  {
     .display-1  {
     font-size:  5rem }
 } .display-2  {
     font-weight:  300;
     line-height:  1.5;
     font-size:  calc(1.575rem + 3.9vw) }
 @media (min-width:1200px)  {
     .display-2  {
     font-size:  4.5rem }
 } .display-3  {
     font-weight:  300;
     line-height:  1.5;
     font-size:  calc(1.525rem + 3.3vw) }
 @media (min-width:1200px)  {
     .display-3  {
     font-size:  4rem }
 } .display-4  {
     font-weight:  300;
     line-height:  1.5;
     font-size:  calc(1.475rem + 2.7vw) }
 @media (min-width:1200px)  {
     .display-4  {
     font-size:  3.5rem }
 } .display-5  {
     font-weight:  300;
     line-height:  1.5;
     font-size:  calc(1.425rem + 2.1vw) }
 @media (min-width:1200px)  {
     .display-5  {
     font-size:  3rem }
 } .display-6  {
     font-weight:  300;
     line-height:  1.5;
     font-size:  calc(1.375rem + 1.5vw) }
 @media (min-width:1200px)  {
     .display-6  {
     font-size:  2.5rem }
 } .list-unstyled  {
     padding-left:  0;
     list-style:  none }
 .list-inline  {
     padding-left:  0;
     list-style:  none }
 .list-inline-item  {
     display:  inline-block }
 .list-inline-item:not(:last-child)  {
     margin-right:  .5rem }
 .initialism  {
     font-size:  .875em;
     text-transform:  uppercase }
 .blockquote  {
     margin-bottom:  1rem;
     font-size:  1.09375rem }
 .blockquote>:last-child  {
     margin-bottom:  0 }
 .blockquote-footer  {
     margin-top:  -1rem;
     margin-bottom:  1rem;
     font-size:  .875em;
     color:  #6c757d }
 .blockquote-footer::before  {
     content:  "— " }
 .img-fluid  {
     max-width:  100%;
     height:  auto }
 .img-thumbnail  {
     padding:  .25rem;
     background-color:  var(--bs-body-bg);
     border:  var(--bs-border-width) solid var(--bs-border-color);
     border-radius:  var(--bs-border-radius);
     max-width:  100%;
     height:  auto }
 .figure  {
     display:  inline-block }
 .figure-img  {
     margin-bottom:  .5rem;
     line-height:  1 }
 .figure-caption  {
     font-size:  .875em;
     color:  var(--bs-secondary-color) }
 .container,  .container-fluid,  .container-lg,  .container-md,  .container-sm,  .container-xl,  .container-xxl  {
     --bs-gutter-x:  1rem;
     --bs-gutter-y:  0;
     width:  100%;
     padding-right:  calc(var(--bs-gutter-x) * .5);
     padding-left:  calc(var(--bs-gutter-x) * .5);
     margin-right:  auto;
     margin-left:  auto }
 @media (min-width:576px)  {
     .container,  .container-sm  {
     max-width:  540px }
 } @media (min-width:768px)  {
     .container,  .container-md,  .container-sm  {
     max-width:  720px }
 } @media (min-width:992px)  {
     .container,  .container-lg,  .container-md,  .container-sm  {
     max-width:  960px }
 } @media (min-width:1200px)  {
     .container,  .container-lg,  .container-md,  .container-sm,  .container-xl  {
     max-width:  1140px }
 } @media (min-width:1400px)  {
     .container,  .container-lg,  .container-md,  .container-sm,  .container-xl,  .container-xxl  {
     max-width:  1320px }
 } :root  {
     --bs-breakpoint-xs:  0;
     --bs-breakpoint-sm:  576px;
     --bs-breakpoint-md:  768px;
     --bs-breakpoint-lg:  992px;
     --bs-breakpoint-xl:  1200px;
     --bs-breakpoint-xxl:  1400px }
 .row  {
     --bs-gutter-x:  1rem;
     --bs-gutter-y:  0;
     display:  flex;
     flex-wrap:  wrap;
     margin-top:  calc(-1 * var(--bs-gutter-y));
     margin-right:  calc(-.5 * var(--bs-gutter-x));
     margin-left:  calc(-.5 * var(--bs-gutter-x)) }
 .row>*  {
     flex-shrink:  0;
     width:  100%;
     max-width:  100%;
     padding-right:  calc(var(--bs-gutter-x) * .5);
     padding-left:  calc(var(--bs-gutter-x) * .5);
     margin-top:  var(--bs-gutter-y) }
 .col  {
     flex:  1 0 0 }
 .row-cols-auto>*  {
     flex:  0 0 auto;
     width:  auto }
 .row-cols-1>*  {
     flex:  0 0 auto;
     width:  100% }
 .row-cols-2>*  {
     flex:  0 0 auto;
     width:  50% }
 .row-cols-3>*  {
     flex:  0 0 auto;
     width:  33.33333333% }
 .row-cols-4>*  {
     flex:  0 0 auto;
     width:  25% }
 .row-cols-5>*  {
     flex:  0 0 auto;
     width:  20% }
 .row-cols-6>*  {
     flex:  0 0 auto;
     width:  16.66666667% }
 .col-auto  {
     flex:  0 0 auto;
     width:  auto }
 .col-1  {
     flex:  0 0 auto;
     width:  8.33333333% }
 .col-2  {
     flex:  0 0 auto;
     width:  16.66666667% }
 .col-3  {
     flex:  0 0 auto;
     width:  25% }
 .col-4  {
     flex:  0 0 auto;
     width:  33.33333333% }
 .col-5  {
     flex:  0 0 auto;
     width:  41.66666667% }
 .col-6  {
     flex:  0 0 auto;
     width:  50% }
 .col-7  {
     flex:  0 0 auto;
     width:  58.33333333% }
 .col-8  {
     flex:  0 0 auto;
     width:  66.66666667% }
 .col-9  {
     flex:  0 0 auto;
     width:  75% }
 .col-10  {
     flex:  0 0 auto;
     width:  83.33333333% }
 .col-11  {
     flex:  0 0 auto;
     width:  91.66666667% }
 .col-12  {
     flex:  0 0 auto;
     width:  100% }
 .offset-1  {
     margin-left:  8.33333333% }
 .offset-2  {
     margin-left:  16.66666667% }
 .offset-3  {
     margin-left:  25% }
 .offset-4  {
     margin-left:  33.33333333% }
 .offset-5  {
     margin-left:  41.66666667% }
 .offset-6  {
     margin-left:  50% }
 .offset-7  {
     margin-left:  58.33333333% }
 .offset-8  {
     margin-left:  66.66666667% }
 .offset-9  {
     margin-left:  75% }
 .offset-10  {
     margin-left:  83.33333333% }
 .offset-11  {
     margin-left:  91.66666667% }
 .g-0,  .gx-0  {
     --bs-gutter-x:  0 }
 .g-0,  .gy-0  {
     --bs-gutter-y:  0 }
 .g-1,  .gx-1  {
     --bs-gutter-x:  0.25rem }
 .g-1,  .gy-1  {
     --bs-gutter-y:  0.25rem }
 .g-2,  .gx-2  {
     --bs-gutter-x:  0.5rem }
 .g-2,  .gy-2  {
     --bs-gutter-y:  0.5rem }
 .g-3,  .gx-3  {
     --bs-gutter-x:  1rem }
 .g-3,  .gy-3  {
     --bs-gutter-y:  1rem }
 .g-4,  .gx-4  {
     --bs-gutter-x:  1.5rem }
 .g-4,  .gy-4  {
     --bs-gutter-y:  1.5rem }
 .g-5,  .gx-5  {
     --bs-gutter-x:  2rem }
 .g-5,  .gy-5  {
     --bs-gutter-y:  2rem }
 @media (min-width:576px)  {
     .col-sm  {
     flex:  1 0 0 }
 .row-cols-sm-auto>*  {
     flex:  0 0 auto;
     width:  auto }
 .row-cols-sm-1>*  {
     flex:  0 0 auto;
     width:  100% }
 .row-cols-sm-2>*  {
     flex:  0 0 auto;
     width:  50% }
 .row-cols-sm-3>*  {
     flex:  0 0 auto;
     width:  33.33333333% }
 .row-cols-sm-4>*  {
     flex:  0 0 auto;
     width:  25% }
 .row-cols-sm-5>*  {
     flex:  0 0 auto;
     width:  20% }
 .row-cols-sm-6>*  {
     flex:  0 0 auto;
     width:  16.66666667% }
 .col-sm-auto  {
     flex:  0 0 auto;
     width:  auto }
 .col-sm-1  {
     flex:  0 0 auto;
     width:  8.33333333% }
 .col-sm-2  {
     flex:  0 0 auto;
     width:  16.66666667% }
 .col-sm-3  {
     flex:  0 0 auto;
     width:  25% }
 .col-sm-4  {
     flex:  0 0 auto;
     width:  33.33333333% }
 .col-sm-5  {
     flex:  0 0 auto;
     width:  41.66666667% }
 .col-sm-6  {
     flex:  0 0 auto;
     width:  50% }
 .col-sm-7  {
     flex:  0 0 auto;
     width:  58.33333333% }
 .col-sm-8  {
     flex:  0 0 auto;
     width:  66.66666667% }
 .col-sm-9  {
     flex:  0 0 auto;
     width:  75% }
 .col-sm-10  {
     flex:  0 0 auto;
     width:  83.33333333% }
 .col-sm-11  {
     flex:  0 0 auto;
     width:  91.66666667% }
 .col-sm-12  {
     flex:  0 0 auto;
     width:  100% }
 .offset-sm-0  {
     margin-left:  0 }
 .offset-sm-1  {
     margin-left:  8.33333333% }
 .offset-sm-2  {
     margin-left:  16.66666667% }
 .offset-sm-3  {
     margin-left:  25% }
 .offset-sm-4  {
     margin-left:  33.33333333% }
 .offset-sm-5  {
     margin-left:  41.66666667% }
 .offset-sm-6  {
     margin-left:  50% }
 .offset-sm-7  {
     margin-left:  58.33333333% }
 .offset-sm-8  {
     margin-left:  66.66666667% }
 .offset-sm-9  {
     margin-left:  75% }
 .offset-sm-10  {
     margin-left:  83.33333333% }
 .offset-sm-11  {
     margin-left:  91.66666667% }
 .g-sm-0,  .gx-sm-0  {
     --bs-gutter-x:  0 }
 .g-sm-0,  .gy-sm-0  {
     --bs-gutter-y:  0 }
 .g-sm-1,  .gx-sm-1  {
     --bs-gutter-x:  0.25rem }
 .g-sm-1,  .gy-sm-1  {
     --bs-gutter-y:  0.25rem }
 .g-sm-2,  .gx-sm-2  {
     --bs-gutter-x:  0.5rem }
 .g-sm-2,  .gy-sm-2  {
     --bs-gutter-y:  0.5rem }
 .g-sm-3,  .gx-sm-3  {
     --bs-gutter-x:  1rem }
 .g-sm-3,  .gy-sm-3  {
     --bs-gutter-y:  1rem }
 .g-sm-4,  .gx-sm-4  {
     --bs-gutter-x:  1.5rem }
 .g-sm-4,  .gy-sm-4  {
     --bs-gutter-y:  1.5rem }
 .g-sm-5,  .gx-sm-5  {
     --bs-gutter-x:  2rem }
 .g-sm-5,  .gy-sm-5  {
     --bs-gutter-y:  2rem }
 } @media (min-width:768px)  {
     .col-md  {
     flex:  1 0 0 }
 .row-cols-md-auto>*  {
     flex:  0 0 auto;
     width:  auto }
 .row-cols-md-1>*  {
     flex:  0 0 auto;
     width:  100% }
 .row-cols-md-2>*  {
     flex:  0 0 auto;
     width:  50% }
 .row-cols-md-3>*  {
     flex:  0 0 auto;
     width:  33.33333333% }
 .row-cols-md-4>*  {
     flex:  0 0 auto;
     width:  25% }
 .row-cols-md-5>*  {
     flex:  0 0 auto;
     width:  20% }
 .row-cols-md-6>*  {
     flex:  0 0 auto;
     width:  16.66666667% }
 .col-md-auto  {
     flex:  0 0 auto;
     width:  auto }
 .col-md-1  {
     flex:  0 0 auto;
     width:  8.33333333% }
 .col-md-2  {
     flex:  0 0 auto;
     width:  16.66666667% }
 .col-md-3  {
     flex:  0 0 auto;
     width:  25% }
 .col-md-4  {
     flex:  0 0 auto;
     width:  33.33333333% }
 .col-md-5  {
     flex:  0 0 auto;
     width:  41.66666667% }
 .col-md-6  {
     flex:  0 0 auto;
     width:  50% }
 .col-md-7  {
     flex:  0 0 auto;
     width:  58.33333333% }
 .col-md-8  {
     flex:  0 0 auto;
     width:  66.66666667% }
 .col-md-9  {
     flex:  0 0 auto;
     width:  75% }
 .col-md-10  {
     flex:  0 0 auto;
     width:  83.33333333% }
 .col-md-11  {
     flex:  0 0 auto;
     width:  91.66666667% }
 .col-md-12  {
     flex:  0 0 auto;
     width:  100% }
 .offset-md-0  {
     margin-left:  0 }
 .offset-md-1  {
     margin-left:  8.33333333% }
 .offset-md-2  {
     margin-left:  16.66666667% }
 .offset-md-3  {
     margin-left:  25% }
 .offset-md-4  {
     margin-left:  33.33333333% }
 .offset-md-5  {
     margin-left:  41.66666667% }
 .offset-md-6  {
     margin-left:  50% }
 .offset-md-7  {
     margin-left:  58.33333333% }
 .offset-md-8  {
     margin-left:  66.66666667% }
 .offset-md-9  {
     margin-left:  75% }
 .offset-md-10  {
     margin-left:  83.33333333% }
 .offset-md-11  {
     margin-left:  91.66666667% }
 .g-md-0,  .gx-md-0  {
     --bs-gutter-x:  0 }
 .g-md-0,  .gy-md-0  {
     --bs-gutter-y:  0 }
 .g-md-1,  .gx-md-1  {
     --bs-gutter-x:  0.25rem }
 .g-md-1,  .gy-md-1  {
     --bs-gutter-y:  0.25rem }
 .g-md-2,  .gx-md-2  {
     --bs-gutter-x:  0.5rem }
 .g-md-2,  .gy-md-2  {
     --bs-gutter-y:  0.5rem }
 .g-md-3,  .gx-md-3  {
     --bs-gutter-x:  1rem }
 .g-md-3,  .gy-md-3  {
     --bs-gutter-y:  1rem }
 .g-md-4,  .gx-md-4  {
     --bs-gutter-x:  1.5rem }
 .g-md-4,  .gy-md-4  {
     --bs-gutter-y:  1.5rem }
 .g-md-5,  .gx-md-5  {
     --bs-gutter-x:  2rem }
 .g-md-5,  .gy-md-5  {
     --bs-gutter-y:  2rem }
 } @media (min-width:992px)  {
     .col-lg  {
     flex:  1 0 0 }
 .row-cols-lg-auto>*  {
     flex:  0 0 auto;
     width:  auto }
 .row-cols-lg-1>*  {
     flex:  0 0 auto;
     width:  100% }
 .row-cols-lg-2>*  {
     flex:  0 0 auto;
     width:  50% }
 .row-cols-lg-3>*  {
     flex:  0 0 auto;
     width:  33.33333333% }
 .row-cols-lg-4>*  {
     flex:  0 0 auto;
     width:  25% }
 .row-cols-lg-5>*  {
     flex:  0 0 auto;
     width:  20% }
 .row-cols-lg-6>*  {
     flex:  0 0 auto;
     width:  16.66666667% }
 .col-lg-auto  {
     flex:  0 0 auto;
     width:  auto }
 .col-lg-1  {
     flex:  0 0 auto;
     width:  8.33333333% }
 .col-lg-2  {
     flex:  0 0 auto;
     width:  16.66666667% }
 .col-lg-3  {
     flex:  0 0 auto;
     width:  25% }
 .col-lg-4  {
     flex:  0 0 auto;
     width:  33.33333333% }
 .col-lg-5  {
     flex:  0 0 auto;
     width:  41.66666667% }
 .col-lg-6  {
     flex:  0 0 auto;
     width:  50% }
 .col-lg-7  {
     flex:  0 0 auto;
     width:  58.33333333% }
 .col-lg-8  {
     flex:  0 0 auto;
     width:  66.66666667% }
 .col-lg-9  {
     flex:  0 0 auto;
     width:  75% }
 .col-lg-10  {
     flex:  0 0 auto;
     width:  83.33333333% }
 .col-lg-11  {
     flex:  0 0 auto;
     width:  91.66666667% }
 .col-lg-12  {
     flex:  0 0 auto;
     width:  100% }
 .offset-lg-0  {
     margin-left:  0 }
 .offset-lg-1  {
     margin-left:  8.33333333% }
 .offset-lg-2  {
     margin-left:  16.66666667% }
 .offset-lg-3  {
     margin-left:  25% }
 .offset-lg-4  {
     margin-left:  33.33333333% }
 .offset-lg-5  {
     margin-left:  41.66666667% }
 .offset-lg-6  {
     margin-left:  50% }
 .offset-lg-7  {
     margin-left:  58.33333333% }
 .offset-lg-8  {
     margin-left:  66.66666667% }
 .offset-lg-9  {
     margin-left:  75% }
 .offset-lg-10  {
     margin-left:  83.33333333% }
 .offset-lg-11  {
     margin-left:  91.66666667% }
 .g-lg-0,  .gx-lg-0  {
     --bs-gutter-x:  0 }
 .g-lg-0,  .gy-lg-0  {
     --bs-gutter-y:  0 }
 .g-lg-1,  .gx-lg-1  {
     --bs-gutter-x:  0.25rem }
 .g-lg-1,  .gy-lg-1  {
     --bs-gutter-y:  0.25rem }
 .g-lg-2,  .gx-lg-2  {
     --bs-gutter-x:  0.5rem }
 .g-lg-2,  .gy-lg-2  {
     --bs-gutter-y:  0.5rem }
 .g-lg-3,  .gx-lg-3  {
     --bs-gutter-x:  1rem }
 .g-lg-3,  .gy-lg-3  {
     --bs-gutter-y:  1rem }
 .g-lg-4,  .gx-lg-4  {
     --bs-gutter-x:  1.5rem }
 .g-lg-4,  .gy-lg-4  {
     --bs-gutter-y:  1.5rem }
 .g-lg-5,  .gx-lg-5  {
     --bs-gutter-x:  2rem }
 .g-lg-5,  .gy-lg-5  {
     --bs-gutter-y:  2rem }
 } @media (min-width:1200px)  {
     .col-xl  {
     flex:  1 0 0 }
 .row-cols-xl-auto>*  {
     flex:  0 0 auto;
     width:  auto }
 .row-cols-xl-1>*  {
     flex:  0 0 auto;
     width:  100% }
 .row-cols-xl-2>*  {
     flex:  0 0 auto;
     width:  50% }
 .row-cols-xl-3>*  {
     flex:  0 0 auto;
     width:  33.33333333% }
 .row-cols-xl-4>*  {
     flex:  0 0 auto;
     width:  25% }
 .row-cols-xl-5>*  {
     flex:  0 0 auto;
     width:  20% }
 .row-cols-xl-6>*  {
     flex:  0 0 auto;
     width:  16.66666667% }
 .col-xl-auto  {
     flex:  0 0 auto;
     width:  auto }
 .col-xl-1  {
     flex:  0 0 auto;
     width:  8.33333333% }
 .col-xl-2  {
     flex:  0 0 auto;
     width:  16.66666667% }
 .col-xl-3  {
     flex:  0 0 auto;
     width:  25% }
 .col-xl-4  {
     flex:  0 0 auto;
     width:  33.33333333% }
 .col-xl-5  {
     flex:  0 0 auto;
     width:  41.66666667% }
 .col-xl-6  {
     flex:  0 0 auto;
     width:  50% }
 .col-xl-7  {
     flex:  0 0 auto;
     width:  58.33333333% }
 .col-xl-8  {
     flex:  0 0 auto;
     width:  66.66666667% }
 .col-xl-9  {
     flex:  0 0 auto;
     width:  75% }
 .col-xl-10  {
     flex:  0 0 auto;
     width:  83.33333333% }
 .col-xl-11  {
     flex:  0 0 auto;
     width:  91.66666667% }
 .col-xl-12  {
     flex:  0 0 auto;
     width:  100% }
 .offset-xl-0  {
     margin-left:  0 }
 .offset-xl-1  {
     margin-left:  8.33333333% }
 .offset-xl-2  {
     margin-left:  16.66666667% }
 .offset-xl-3  {
     margin-left:  25% }
 .offset-xl-4  {
     margin-left:  33.33333333% }
 .offset-xl-5  {
     margin-left:  41.66666667% }
 .offset-xl-6  {
     margin-left:  50% }
 .offset-xl-7  {
     margin-left:  58.33333333% }
 .offset-xl-8  {
     margin-left:  66.66666667% }
 .offset-xl-9  {
     margin-left:  75% }
 .offset-xl-10  {
     margin-left:  83.33333333% }
 .offset-xl-11  {
     margin-left:  91.66666667% }
 .g-xl-0,  .gx-xl-0  {
     --bs-gutter-x:  0 }
 .g-xl-0,  .gy-xl-0  {
     --bs-gutter-y:  0 }
 .g-xl-1,  .gx-xl-1  {
     --bs-gutter-x:  0.25rem }
 .g-xl-1,  .gy-xl-1  {
     --bs-gutter-y:  0.25rem }
 .g-xl-2,  .gx-xl-2  {
     --bs-gutter-x:  0.5rem }
 .g-xl-2,  .gy-xl-2  {
     --bs-gutter-y:  0.5rem }
 .g-xl-3,  .gx-xl-3  {
     --bs-gutter-x:  1rem }
 .g-xl-3,  .gy-xl-3  {
     --bs-gutter-y:  1rem }
 .g-xl-4,  .gx-xl-4  {
     --bs-gutter-x:  1.5rem }
 .g-xl-4,  .gy-xl-4  {
     --bs-gutter-y:  1.5rem }
 .g-xl-5,  .gx-xl-5  {
     --bs-gutter-x:  2rem }
 .g-xl-5,  .gy-xl-5  {
     --bs-gutter-y:  2rem }
 } @media (min-width:1400px)  {
     .col-xxl  {
     flex:  1 0 0 }
 .row-cols-xxl-auto>*  {
     flex:  0 0 auto;
     width:  auto }
 .row-cols-xxl-1>*  {
     flex:  0 0 auto;
     width:  100% }
 .row-cols-xxl-2>*  {
     flex:  0 0 auto;
     width:  50% }
 .row-cols-xxl-3>*  {
     flex:  0 0 auto;
     width:  33.33333333% }
 .row-cols-xxl-4>*  {
     flex:  0 0 auto;
     width:  25% }
 .row-cols-xxl-5>*  {
     flex:  0 0 auto;
     width:  20% }
 .row-cols-xxl-6>*  {
     flex:  0 0 auto;
     width:  16.66666667% }
 .col-xxl-auto  {
     flex:  0 0 auto;
     width:  auto }
 .col-xxl-1  {
     flex:  0 0 auto;
     width:  8.33333333% }
 .col-xxl-2  {
     flex:  0 0 auto;
     width:  16.66666667% }
 .col-xxl-3  {
     flex:  0 0 auto;
     width:  25% }
 .col-xxl-4  {
     flex:  0 0 auto;
     width:  33.33333333% }
 .col-xxl-5  {
     flex:  0 0 auto;
     width:  41.66666667% }
 .col-xxl-6  {
     flex:  0 0 auto;
     width:  50% }
 .col-xxl-7  {
     flex:  0 0 auto;
     width:  58.33333333% }
 .col-xxl-8  {
     flex:  0 0 auto;
     width:  66.66666667% }
 .col-xxl-9  {
     flex:  0 0 auto;
     width:  75% }
 .col-xxl-10  {
     flex:  0 0 auto;
     width:  83.33333333% }
 .col-xxl-11  {
     flex:  0 0 auto;
     width:  91.66666667% }
 .col-xxl-12  {
     flex:  0 0 auto;
     width:  100% }
 .offset-xxl-0  {
     margin-left:  0 }
 .offset-xxl-1  {
     margin-left:  8.33333333% }
 .offset-xxl-2  {
     margin-left:  16.66666667% }
 .offset-xxl-3  {
     margin-left:  25% }
 .offset-xxl-4  {
     margin-left:  33.33333333% }
 .offset-xxl-5  {
     margin-left:  41.66666667% }
 .offset-xxl-6  {
     margin-left:  50% }
 .offset-xxl-7  {
     margin-left:  58.33333333% }
 .offset-xxl-8  {
     margin-left:  66.66666667% }
 .offset-xxl-9  {
     margin-left:  75% }
 .offset-xxl-10  {
     margin-left:  83.33333333% }
 .offset-xxl-11  {
     margin-left:  91.66666667% }
 .g-xxl-0,  .gx-xxl-0  {
     --bs-gutter-x:  0 }
 .g-xxl-0,  .gy-xxl-0  {
     --bs-gutter-y:  0 }
 .g-xxl-1,  .gx-xxl-1  {
     --bs-gutter-x:  0.25rem }
 .g-xxl-1,  .gy-xxl-1  {
     --bs-gutter-y:  0.25rem }
 .g-xxl-2,  .gx-xxl-2  {
     --bs-gutter-x:  0.5rem }
 .g-xxl-2,  .gy-xxl-2  {
     --bs-gutter-y:  0.5rem }
 .g-xxl-3,  .gx-xxl-3  {
     --bs-gutter-x:  1rem }
 .g-xxl-3,  .gy-xxl-3  {
     --bs-gutter-y:  1rem }
 .g-xxl-4,  .gx-xxl-4  {
     --bs-gutter-x:  1.5rem }
 .g-xxl-4,  .gy-xxl-4  {
     --bs-gutter-y:  1.5rem }
 .g-xxl-5,  .gx-xxl-5  {
     --bs-gutter-x:  2rem }
 .g-xxl-5,  .gy-xxl-5  {
     --bs-gutter-y:  2rem }
 } .table  {
     --bs-table-color-type:  initial;
     --bs-table-bg-type:  initial;
     --bs-table-color-state:  initial;
     --bs-table-bg-state:  initial;
     --bs-table-color:  var(--bs-body-color);
     --bs-table-bg:  var(--bs-gray-900);
     --bs-table-border-color:  var(--bs-border-color);
     --bs-table-accent-bg:  transparent;
     --bs-table-striped-color:  var(--bs-body-color);
     --bs-table-striped-bg:  rgba(var(--bs-body-bg-rgb),  1);
     --bs-table-active-color:  var(--bs-body-color);
     --bs-table-active-bg:  rgba(var(--bs-emphasis-color-rgb),  0.1);
     --bs-table-hover-color:  var(--bs-body-color);
     --bs-table-hover-bg:  rgba(var(--bs-emphasis-color-rgb),  0.075);
     width:  100%;
     margin-bottom:  1rem;
     vertical-align:  top;
     border-color:  var(--bs-table-border-color) }
 .table>:not(caption)>*>*  {
     padding:  .5rem .5rem;
     color:  var(--bs-table-color-state,  var(--bs-table-color-type,  var(--bs-table-color)));
     background-color:  var(--bs-table-bg);
     border-bottom-width:  var(--bs-border-width);
     box-shadow:  inset 0 0 0 9999px var(--bs-table-bg-state,  var(--bs-table-bg-type,  var(--bs-table-accent-bg))) }
 .table>tbody  {
     vertical-align:  inherit }
 .table>thead  {
     vertical-align:  bottom }
 .table-group-divider  {
     border-top:  calc(var(--bs-border-width) * 2) solid currentcolor }
 .caption-top  {
     caption-side:  top }
 .table-sm>:not(caption)>*>*  {
     padding:  .25rem .25rem }
 .table-bordered>:not(caption)>*  {
     border-width:  var(--bs-border-width) 0 }
 .table-bordered>:not(caption)>*>*  {
     border-width:  0 var(--bs-border-width) }
 .table-borderless>:not(caption)>*>*  {
     border-bottom-width:  0 }
 .table-borderless>:not(:first-child)  {
     border-top-width:  0 }
 .table-striped>tbody>tr:nth-of-type(odd)>*  {
     --bs-table-color-type:  var(--bs-table-striped-color);
     --bs-table-bg-type:  var(--bs-table-striped-bg) }
 .table-striped-columns>:not(caption)>tr>:nth-child(even)  {
     --bs-table-color-type:  var(--bs-table-striped-color);
     --bs-table-bg-type:  var(--bs-table-striped-bg) }
 .table-active  {
     --bs-table-color-state:  var(--bs-table-active-color);
     --bs-table-bg-state:  var(--bs-table-active-bg) }
 .table-hover>tbody>tr:hover>*  {
     --bs-table-color-state:  var(--bs-table-hover-color);
     --bs-table-bg-state:  var(--bs-table-hover-bg) }
 .table-primary  {
     --bs-table-color:  #000;
     --bs-table-bg:  rgb(220,  240.2,  255);
     --bs-table-border-color:  rgb(176,  192.16,  204);
     --bs-table-striped-bg:  black;
     --bs-table-striped-color:  #fff;
     --bs-table-active-bg:  rgb(198,  216.18,  229.5);
     --bs-table-active-color:  #000;
     --bs-table-hover-bg:  rgb(203.5,  222.185,  235.875);
     --bs-table-hover-color:  #000;
     color:  var(--bs-table-color);
     border-color:  var(--bs-table-border-color) }
 .table-secondary  {
     --bs-table-color:  #000;
     --bs-table-bg:  rgb(225.6,  227.4,  229);
     --bs-table-border-color:  rgb(180.48,  181.92,  183.2);
     --bs-table-striped-bg:  black;
     --bs-table-striped-color:  #fff;
     --bs-table-active-bg:  rgb(203.04,  204.66,  206.1);
     --bs-table-active-color:  #000;
     --bs-table-hover-bg:  rgb(208.68,  210.345,  211.825);
     --bs-table-hover-color:  #000;
     color:  var(--bs-table-color);
     border-color:  var(--bs-table-border-color) }
 .table-success  {
     --bs-table-color:  #000;
     --bs-table-bg:  rgb(213,  245,  239.6);
     --bs-table-border-color:  rgb(170.4,  196,  191.68);
     --bs-table-striped-bg:  black;
     --bs-table-striped-color:  #fff;
     --bs-table-active-bg:  rgb(191.7,  220.5,  215.64);
     --bs-table-active-color:  #000;
     --bs-table-hover-bg:  rgb(197.025,  226.625,  221.63);
     --bs-table-hover-color:  #000;
     color:  var(--bs-table-color);
     border-color:  var(--bs-table-border-color) }
 .table-info  {
     --bs-table-color:  #000;
     --bs-table-bg:  rgb(246.6,  233.2,  255);
     --bs-table-border-color:  rgb(197.28,  186.56,  204);
     --bs-table-striped-bg:  black;
     --bs-table-striped-color:  #fff;
     --bs-table-active-bg:  rgb(221.94,  209.88,  229.5);
     --bs-table-active-color:  #000;
     --bs-table-hover-bg:  rgb(228.105,  215.71,  235.875);
     --bs-table-hover-color:  #000;
     color:  var(--bs-table-color);
     border-color:  var(--bs-table-border-color) }
 .table-warning  {
     --bs-table-color:  #000;
     --bs-table-bg:  rgb(255,  241.2,  224.8);
     --bs-table-border-color:  rgb(204,  192.96,  179.84);
     --bs-table-striped-bg:  black;
     --bs-table-striped-color:  #fff;
     --bs-table-active-bg:  rgb(229.5,  217.08,  202.32);
     --bs-table-active-color:  #000;
     --bs-table-hover-bg:  rgb(235.875,  223.11,  207.94);
     --bs-table-hover-color:  #000;
     color:  var(--bs-table-color);
     border-color:  var(--bs-table-border-color) }
 .table-danger  {
     --bs-table-color:  #000;
     --bs-table-bg:  rgb(255,  235,  231.6);
     --bs-table-border-color:  rgb(204,  188,  185.28);
     --bs-table-striped-bg:  black;
     --bs-table-striped-color:  #fff;
     --bs-table-active-bg:  rgb(229.5,  211.5,  208.44);
     --bs-table-active-color:  #000;
     --bs-table-hover-bg:  rgb(235.875,  217.375,  214.23);
     --bs-table-hover-color:  #000;
     color:  var(--bs-table-color);
     border-color:  var(--bs-table-border-color) }
 .table-light  {
     --bs-table-color:  #000;
     --bs-table-bg:  #dee2e6;
     --bs-table-border-color:  rgb(177.6,  180.8,  184);
     --bs-table-striped-bg:  black;
     --bs-table-striped-color:  #fff;
     --bs-table-active-bg:  rgb(199.8,  203.4,  207);
     --bs-table-active-color:  #000;
     --bs-table-hover-bg:  rgb(205.35,  209.05,  212.75);
     --bs-table-hover-color:  #000;
     color:  var(--bs-table-color);
     border-color:  var(--bs-table-border-color) }
 .table-dark  {
     --bs-table-color:  #fff;
     --bs-table-bg:  #000;
     --bs-table-border-color:  #333333;
     --bs-table-striped-bg:  white;
     --bs-table-striped-color:  #000;
     --bs-table-active-bg:  rgb(25.5,  25.5,  25.5);
     --bs-table-active-color:  #fff;
     --bs-table-hover-bg:  rgb(19.125,  19.125,  19.125);
     --bs-table-hover-color:  #fff;
     color:  var(--bs-table-color);
     border-color:  var(--bs-table-border-color) }
 .table-responsive  {
     overflow-x:  auto;
     -webkit-overflow-scrolling:  touch }
 @media (max-width:575.98px)  {
     .table-responsive-sm  {
     overflow-x:  auto;
     -webkit-overflow-scrolling:  touch }
 } @media (max-width:767.98px)  {
     .table-responsive-md  {
     overflow-x:  auto;
     -webkit-overflow-scrolling:  touch }
 } @media (max-width:991.98px)  {
     .table-responsive-lg  {
     overflow-x:  auto;
     -webkit-overflow-scrolling:  touch }
 } @media (max-width:1199.98px)  {
     .table-responsive-xl  {
     overflow-x:  auto;
     -webkit-overflow-scrolling:  touch }
 } @media (max-width:1399.98px)  {
     .table-responsive-xxl  {
     overflow-x:  auto;
     -webkit-overflow-scrolling:  touch }
 } .form-label  {
     margin-bottom:  .5rem }
 .col-form-label  {
     padding-top:  calc(.575rem + var(--bs-border-width));
     padding-bottom:  calc(.575rem + var(--bs-border-width));
     margin-bottom:  0;
     font-size:  inherit;
     line-height:  1.8 }
 .col-form-label-lg  {
     padding-top:  calc(.5rem + var(--bs-border-width));
     padding-bottom:  calc(.5rem + var(--bs-border-width));
     font-size:  1.09375rem }
 .col-form-label-sm  {
     padding-top:  calc(.25rem + var(--bs-border-width));
     padding-bottom:  calc(.25rem + var(--bs-border-width));
     font-size:  .765625rem }
 .form-text  {
     margin-top:  .25rem;
     font-size:  .875em;
     color:  var(--bs-body-color) }
 .form-control  {
     display:  block;
     width:  100%;
     padding:  .575rem .75rem;
     font-size:  .875rem;
     font-weight:  400;
     line-height:  1.8;
     color:  var(--bs-body-color);
     appearance:  none;
     background-color:  var(--bs-gray-900);
     background-clip:  padding-box;
     border:  var(--bs-border-width) solid var(--bs-border-color);
     border-radius:  var(--bs-border-radius);
     transition:  border-color .15s ease-in-out,  box-shadow .15s ease-in-out }
 @media (prefers-reduced-motion:reduce)  {
     .form-control  {
     transition:  none }
 } .form-control[type=file]  {
     overflow:  hidden }
 .form-control[type=file]:not(:disabled):not([readonly])  {
     cursor:  pointer }
 .form-control:focus  {
     color:  var(--bs-body-color);
     background-color:  var(--bs-gray-900);
     border-color:  var(--bs-primary);
     outline:  0;
     box-shadow:  0 0 0 .25rem rgba(80,  181,  255,  .25) }
 .form-control::-webkit-date-and-time-value  {
     min-width:  85px;
     height:  1.8em;
     margin:  0 }
 .form-control::-webkit-datetime-edit  {
     display:  block;
     padding:  0 }
 .form-control::placeholder  {
     color:  #6c757d;
     opacity:  1 }
 .form-control:disabled  {
     background-color:  var(--bs-gray-200);
     opacity:  1 }
 .form-control::file-selector-button  {
     padding:  .575rem .75rem;
     margin:  -.575rem -.75rem;
     margin-inline-end:  .75rem;
     color:  var(--bs-body-color);
     background-color:  #e9ecef;
     pointer-events:  none;
     border-color:  inherit;
     border-style:  solid;
     border-width:  0;
     border-inline-end-width:  var(--bs-border-width);
     border-radius:  0;
     transition:  color .15s ease-in-out,  background-color .15s ease-in-out,  border-color .15s ease-in-out,  box-shadow .15s ease-in-out }
 @media (prefers-reduced-motion:reduce)  {
     .form-control: :file-selector-button  {
     transition:  none }
 } .form-control:hover:not(:disabled):not([readonly])::file-selector-button  {
     background-color:  rgb(221.35,  224.2,  227.05) }
 .form-control-plaintext  {
     display:  block;
     width:  100%;
     padding:  .575rem 0;
     margin-bottom:  0;
     line-height:  1.8;
     color:  var(--bs-body-color);
     background-color:  transparent;
     border:  solid transparent;
     border-width:  var(--bs-border-width) 0 }
 .form-control-plaintext:focus  {
     outline:  0 }
 .form-control-plaintext.form-control-lg,  .form-control-plaintext.form-control-sm  {
     padding-right:  0;
     padding-left:  0 }
 .form-control-sm  {
     min-height:  calc(1.8em + .5rem + calc(var(--bs-border-width) * 2));
     padding:  .25rem .5rem;
     font-size:  .765625rem;
     border-radius:  var(--bs-border-radius-sm) }
 .form-control-sm::file-selector-button  {
     padding:  .25rem .5rem;
     margin:  -.25rem -.5rem;
     margin-inline-end:  .5rem }
 .form-control-lg  {
     min-height:  calc(1.8em + 1rem + calc(var(--bs-border-width) * 2));
     padding:  .5rem 1rem;
     font-size:  1.09375rem;
     border-radius:  var(--bs-border-radius-lg) }
 .form-control-lg::file-selector-button  {
     padding:  .5rem 1rem;
     margin:  -.5rem -1rem;
     margin-inline-end:  1rem }
 textarea.form-control  {
     min-height:  calc(3.6em + 1.15rem + calc(var(--bs-border-width) * 2)) }
 textarea.form-control-sm  {
     min-height:  calc(1.8em + .5rem + calc(var(--bs-border-width) * 2)) }
 textarea.form-control-lg  {
     min-height:  calc(1.8em + 1rem + calc(var(--bs-border-width) * 2)) }
 .form-control-color  {
     width:  3rem;
     height:  calc(3.6em + 1.15rem + calc(var(--bs-border-width) * 2));
     padding:  .575rem }
 .form-control-color:not(:disabled):not([readonly])  {
     cursor:  pointer }
 .form-control-color::-moz-color-swatch  {
     border:  0 !important;
     border-radius:  var(--bs-border-radius) }
 .form-control-color::-webkit-color-swatch  {
     border:  0 !important;
     border-radius:  var(--bs-border-radius) }
 .form-control-color.form-control-sm  {
     height:  calc(1.8em + .5rem + calc(var(--bs-border-width) * 2)) }
 .form-control-color.form-control-lg  {
     height:  calc(1.8em + 1rem + calc(var(--bs-border-width) * 2)) }
 .form-select  {
     --bs-form-select-bg-img:  url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
     display:  block;
     width:  100%;
     padding:  .575rem 2.25rem .575rem .75rem;
     font-size:  .875rem;
     font-weight:  400;
     line-height:  1.8;
     color:  var(--bs-body-color);
     appearance:  none;
     background-color:  var(--bs-gray-900);
     background-image:  var(--bs-form-select-bg-img),  var(--bs-form-select-bg-icon,  none);
     background-repeat:  no-repeat;
     background-position:  right .75rem center;
     background-size:  16px 12px;
     border:  var(--bs-border-width) solid var(--bs-border-color);
     border-radius:  var(--bs-border-radius);
     transition:  border-color .15s ease-in-out,  box-shadow .15s ease-in-out }
 @media (prefers-reduced-motion:reduce)  {
     .form-select  {
     transition:  none }
 } .form-select:focus  {
     border-color:  var(--bs-primary);
     outline:  0;
     box-shadow:  0 0 0 .25rem rgba(80,  181,  255,  .25) }
 .form-select[multiple],  .form-select[size]:not([size="1"])  {
     padding-right:  .75rem;
     background-image:  none }
 .form-select:disabled  {
     background-color:  #e9ecef }
 .form-select:-moz-focusring  {
     color:  transparent;
     text-shadow:  0 0 0 var(--bs-body-color) }
 .form-select-sm  {
     padding-top:  .25rem;
     padding-bottom:  .25rem;
     padding-left:  .5rem;
     font-size:  .765625rem;
     border-radius:  var(--bs-border-radius-sm) }
 .form-select-lg  {
     padding-top:  .5rem;
     padding-bottom:  .5rem;
     padding-left:  1rem;
     font-size:  1.09375rem;
     border-radius:  var(--bs-border-radius-lg) }
 [data-bs-theme=dark] .form-select  {
     --bs-form-select-bg-img:  url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23d7dbdf' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") }
 .form-check  {
     display:  block;
     min-height:  1em;
     padding-left:  1.5em;
     margin-bottom:  .125rem }
 .form-check .form-check-input  {
     float:  left;
     margin-left:  -1.5em }
 .form-check-reverse  {
     padding-right:  1.5em;
     padding-left:  0;
     text-align:  right }
 .form-check-reverse .form-check-input  {
     float:  right;
     margin-right:  -1.5em;
     margin-left:  0 }
 .form-check-input  {
     --bs-form-check-bg:  var(--bs-gray-900);
     flex-shrink:  0;
     width:  1em;
     height:  1em;
     margin-top:  .4em;
     vertical-align:  top;
     appearance:  none;
     background-color:  var(--bs-form-check-bg);
     background-image:  var(--bs-form-check-bg-image);
     background-repeat:  no-repeat;
     background-position:  center;
     background-size:  contain;
     border:  var(--bs-border-width) solid var(--bs-border-color);
     print-color-adjust:  exact }
 .form-check-input[type=checkbox]  {
     border-radius:  .25em }
 .form-check-input[type=radio]  {
     border-radius:  50% }
 .form-check-input:active  {
     filter:  brightness(90%) }
 .form-check-input:focus  {
     border-color:  var(--bs-primary);
     outline:  0;
     box-shadow:  0 0 0 .25rem rgba(80,  181,  255,  .25) }
 .form-check-input:checked  {
     background-color:  var(--bs-primary);
     border-color:  var(--bs-primary) }
 .form-check-input:checked[type=checkbox]  {
     --bs-form-check-bg-image:  url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e") }
 .form-check-input:checked[type=radio]  {
     --bs-form-check-bg-image:  url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e") }
 .form-check-input[type=checkbox]:indeterminate  {
     background-color:  #2A2B78;
     border-color:  #2A2B78;
     --bs-form-check-bg-image:  url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e") }
 .form-check-input:disabled  {
     pointer-events:  none;
     filter:  none;
     opacity:  .5 }
 .form-check-input:disabled~.form-check-label,  .form-check-input[disabled]~.form-check-label  {
     cursor:  default;
     opacity:  .5 }
 .form-switch  {
     padding-left:  2.5em }
 .form-switch .form-check-input  {
     --bs-form-switch-bg:  url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280,  0,  0,  0.25%29'/%3e%3c/svg%3e");
     width:  2em;
     margin-left:  -2.5em;
     background-image:  var(--bs-form-switch-bg);
     background-position:  left center;
     border-radius:  2em;
     transition:  background-position .15s ease-in-out }
 @media (prefers-reduced-motion:reduce)  {
     .form-switch .form-check-input  {
     transition:  none }
 } .form-switch .form-check-input:focus  {
     --bs-form-switch-bg:  url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='var%28--bs-primary%29'/%3e%3c/svg%3e") }
 .form-switch .form-check-input:checked  {
     background-position:  right center;
     --bs-form-switch-bg:  url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e") }
 .form-switch.form-check-reverse  {
     padding-right:  2.5em;
     padding-left:  0 }
 .form-switch.form-check-reverse .form-check-input  {
     margin-right:  -2.5em;
     margin-left:  0 }
 .form-check-inline  {
     display:  inline-block;
     margin-right:  1rem }
 .btn-check  {
     position:  absolute;
     clip:  rect(0,  0,  0,  0);
     pointer-events:  none }
 .btn-check:disabled+.btn,  .btn-check[disabled]+.btn  {
     pointer-events:  none;
     filter:  none;
     opacity:  .65 }
 [data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus)  {
     --bs-form-switch-bg:  url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255,  255,  255,  0.25%29'/%3e%3c/svg%3e") }
 .form-range  {
     width:  100%;
     height:  1.5rem;
     padding:  0;
     appearance:  none;
     background-color:  transparent }
 .form-range:focus  {
     outline:  0 }
 .form-range:focus::-webkit-slider-thumb  {
     box-shadow:  0 0 0 1px #f8f9fa,  0 0 0 .25rem rgba(80,  181,  255,  .25) }
 .form-range:focus::-moz-range-thumb  {
     box-shadow:  0 0 0 1px #f8f9fa,  0 0 0 .25rem rgba(80,  181,  255,  .25) }
 .form-range::-moz-focus-outer  {
     border:  0 }
 .form-range::-webkit-slider-thumb  {
     width:  1rem;
     height:  1rem;
     margin-top:  -.375rem;
     appearance:  none;
     background-color:  #2A2B78;
     border:  0;
     border-radius:  1rem;
     transition:  background-color .15s ease-in-out,  border-color .15s ease-in-out,  box-shadow .15s ease-in-out }
 @media (prefers-reduced-motion:reduce)  {
     .form-range: :-webkit-slider-thumb  {
     transition:  none }
 } .form-range::-webkit-slider-thumb:active  {
     background-color:  rgb(202.5,  232.8,  255) }
 .form-range::-webkit-slider-runnable-track  {
     width:  100%;
     height:  .25rem;
     color:  transparent;
     cursor:  pointer;
     background-color:  rgb(237.5,  247.6,  255);
     border-color:  transparent;
     border-radius:  1rem }
 .form-range::-moz-range-thumb  {
     width:  1rem;
     height:  1rem;
     appearance:  none;
     background-color:  #2A2B78;
     border:  0;
     border-radius:  1rem;
     transition:  background-color .15s ease-in-out,  border-color .15s ease-in-out,  box-shadow .15s ease-in-out }
 @media (prefers-reduced-motion:reduce)  {
     .form-range: :-moz-range-thumb  {
     transition:  none }
 } .form-range::-moz-range-thumb:active  {
     background-color:  rgb(202.5,  232.8,  255) }
 .form-range::-moz-range-track  {
     width:  100%;
     height:  .25rem;
     color:  transparent;
     cursor:  pointer;
     background-color:  rgb(237.5,  247.6,  255);
     border-color:  transparent;
     border-radius:  1rem }
 .form-range:disabled  {
     pointer-events:  none }
 .form-range:disabled::-webkit-slider-thumb  {
     background-color:  var(--bs-secondary-color) }
 .form-range:disabled::-moz-range-thumb  {
     background-color:  var(--bs-secondary-color) }
 .form-floating  {
     position:  relative }
 .form-floating>.form-control,  .form-floating>.form-control-plaintext,  .form-floating>.form-select  {
     height:  calc(3.5rem + calc(var(--bs-border-width) * 2));
     min-height:  calc(3.5rem + calc(var(--bs-border-width) * 2));
     line-height:  1.25 }
 .form-floating>label  {
     position:  absolute;
     top:  0;
     left:  0;
     z-index:  2;
     max-width:  100%;
     height:  100%;
     padding:  1rem .75rem;
     overflow:  hidden;
     color:  rgba(var(--bs-body-color-rgb),  .65);
     text-align:  start;
     text-overflow:  ellipsis;
     white-space:  nowrap;
     pointer-events:  none;
     border:  var(--bs-border-width) solid transparent;
     transform-origin:  0 0;
     transition:  opacity .1s ease-in-out,  transform .1s ease-in-out }
 @media (prefers-reduced-motion:reduce)  {
     .form-floating>label  {
     transition:  none }
 } .form-floating>.form-control,  .form-floating>.form-control-plaintext  {
     padding:  1rem .75rem }
 .form-floating>.form-control-plaintext::placeholder,  .form-floating>.form-control::placeholder  {
     color:  transparent }
 .form-floating>.form-control-plaintext:focus,  .form-floating>.form-control-plaintext:not(:placeholder-shown),  .form-floating>.form-control:focus,  .form-floating>.form-control:not(:placeholder-shown)  {
     padding-top:  1.625rem;
     padding-bottom:  .625rem }
 .form-floating>.form-control-plaintext:-webkit-autofill,  .form-floating>.form-control:-webkit-autofill  {
     padding-top:  1.625rem;
     padding-bottom:  .625rem }
 .form-floating>.form-select  {
     padding-top:  1.625rem;
     padding-bottom:  .625rem;
     padding-left:  .75rem }
 .form-floating>.form-control-plaintext~label,  .form-floating>.form-control:focus~label,  .form-floating>.form-control:not(:placeholder-shown)~label,  .form-floating>.form-select~label  {
     transform:  scale(.85) translateY(-.5rem) translateX(.15rem) }
 .form-floating>.form-control:-webkit-autofill~label  {
     transform:  scale(.85) translateY(-.5rem) translateX(.15rem) }
 .form-floating>textarea:focus~label::after,  .form-floating>textarea:not(:placeholder-shown)~label::after  {
     position:  absolute;
     inset:  1rem .375rem;
     z-index:  -1;
     height:  1.5em;
     content:  "";
     background-color:  var(--bs-gray-900);
     border-radius:  var(--bs-border-radius) }
 .form-floating>textarea:disabled~label::after  {
     background-color:  var(--bs-gray-200) }
 .form-floating>.form-control-plaintext~label  {
     border-width:  var(--bs-border-width) 0 }
 .form-floating>.form-control:disabled~label,  .form-floating>:disabled~label  {
     color:  #6c757d }
 .input-group  {
     position:  relative;
     display:  flex;
     flex-wrap:  wrap;
     align-items:  stretch;
     width:  100% }
 .input-group>.form-control,  .input-group>.form-floating,  .input-group>.form-select  {
     position:  relative;
     flex:  1 1 auto;
     width:  1%;
     min-width:  0 }
 .input-group>.form-control:focus,  .input-group>.form-floating:focus-within,  .input-group>.form-select:focus  {
     z-index:  5 }
 .input-group .btn  {
     position:  relative;
     z-index:  2 }
 .input-group .btn:focus  {
     z-index:  5 }
 .input-group-text  {
     display:  flex;
     align-items:  center;
     padding:  .575rem .75rem;
     font-size:  .875rem;
     font-weight:  400;
     line-height:  1.8;
     color:  var(--bs-body-color);
     text-align:  center;
     white-space:  nowrap;
     background-color:  #e9ecef;
     border:  var(--bs-border-width) solid var(--bs-border-color);
     border-radius:  var(--bs-border-radius) }
 .input-group-lg>.btn,  .input-group-lg>.form-control,  .input-group-lg>.form-select,  .input-group-lg>.input-group-text  {
     padding:  .5rem 1rem;
     font-size:  1.09375rem;
     border-radius:  var(--bs-border-radius-lg) }
 .input-group-sm>.btn,  .input-group-sm>.form-control,  .input-group-sm>.form-select,  .input-group-sm>.input-group-text  {
     padding:  .25rem .5rem;
     font-size:  .765625rem;
     border-radius:  var(--bs-border-radius-sm) }
 .input-group-lg>.form-select,  .input-group-sm>.form-select  {
     padding-right:  3rem }
 .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:  0;
     border-bottom-right-radius:  0 }
 .input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),  .input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control,  .input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select,  .input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating)  {
     border-top-right-radius:  0;
     border-bottom-right-radius:  0 }
 .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback)  {
     margin-left:  calc(-1 * var(--bs-border-width));
     border-top-left-radius:  0;
     border-bottom-left-radius:  0 }
 .input-group>.form-floating:not(:first-child)>.form-control,  .input-group>.form-floating:not(:first-child)>.form-select  {
     border-top-left-radius:  0;
     border-bottom-left-radius:  0 }
 .valid-feedback  {
     display:  none;
     width:  100%;
     margin-top:  .25rem;
     font-size:  .875em;
     color:  var(--bs-form-valid-color) }
 .valid-tooltip  {
     position:  absolute;
     top:  100%;
     z-index:  5;
     display:  none;
     max-width:  100%;
     padding:  .25rem .5rem;
     margin-top:  .1rem;
     font-size:  .765625rem;
     color:  #fff;
     background-color:  var(--bs-success);
     border-radius:  var(--bs-border-radius) }
 .is-valid~.valid-feedback,  .is-valid~.valid-tooltip,  .was-validated :valid~.valid-feedback,  .was-validated :valid~.valid-tooltip  {
     display:  block }
 .form-control.is-valid,  .was-validated .form-control:valid  {
     border-color:  var(--bs-form-valid-border-color);
     padding-right:  calc(1.8em + 1.15rem);
     background-image:  url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%232dcdb2' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");
     background-repeat:  no-repeat;
     background-position:  right calc(.45em + .2875rem) center;
     background-size:  calc(.9em + .575rem) calc(.9em + .575rem) }
 .form-control.is-valid:focus,  .was-validated .form-control:valid:focus  {
     border-color:  var(--bs-form-valid-border-color);
     box-shadow:  0 0 0 .25rem rgba(var(--bs-success-rgb),  .25) }
 .was-validated textarea.form-control:valid,  textarea.form-control.is-valid  {
     padding-right:  calc(1.8em + 1.15rem);
     background-position:  top calc(.45em + .2875rem) right calc(.45em + .2875rem) }
 .form-select.is-valid,  .was-validated .form-select:valid  {
     border-color:  var(--bs-form-valid-border-color) }
 .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"]  {
     --bs-form-select-bg-icon:  url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%232dcdb2' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");
     padding-right:  4.125rem;
     background-position:  right .75rem center,  center right 2.25rem;
     background-size:  16px 12px,  calc(.9em + .575rem) calc(.9em + .575rem) }
 .form-select.is-valid:focus,  .was-validated .form-select:valid:focus  {
     border-color:  var(--bs-form-valid-border-color);
     box-shadow:  0 0 0 .25rem rgba(var(--bs-success-rgb),  .25) }
 .form-control-color.is-valid,  .was-validated .form-control-color:valid  {
     width:  calc(3rem + calc(1.8em + 1.15rem)) }
 .form-check-input.is-valid,  .was-validated .form-check-input:valid  {
     border-color:  var(--bs-form-valid-border-color) }
 .form-check-input.is-valid:checked,  .was-validated .form-check-input:valid:checked  {
     background-color:  var(--bs-form-valid-color) }
 .form-check-input.is-valid:focus,  .was-validated .form-check-input:valid:focus  {
     box-shadow:  0 0 0 .25rem rgba(var(--bs-success-rgb),  .25) }
 .form-check-input.is-valid~.form-check-label,  .was-validated .form-check-input:valid~.form-check-label  {
     color:  var(--bs-form-valid-color) }
 .form-check-inline .form-check-input~.valid-feedback  {
     margin-left:  .5em }
 .input-group>.form-control:not(:focus).is-valid,  .input-group>.form-floating:not(:focus-within).is-valid,  .input-group>.form-select:not(:focus).is-valid,  .was-validated .input-group>.form-control:not(:focus):valid,  .was-validated .input-group>.form-floating:not(:focus-within):valid,  .was-validated .input-group>.form-select:not(:focus):valid  {
     z-index:  3 }
 .invalid-feedback  {
     display:  none;
     width:  100%;
     margin-top:  .25rem;
     font-size:  .875em;
     color:  var(--bs-form-invalid-color) }
 .invalid-tooltip  {
     position:  absolute;
     top:  100%;
     z-index:  5;
     display:  none;
     max-width:  100%;
     padding:  .25rem .5rem;
     margin-top:  .1rem;
     font-size:  .765625rem;
     color:  #fff;
     background-color:  var(--bs-danger);
     border-radius:  var(--bs-border-radius) }
 .is-invalid~.invalid-feedback,  .is-invalid~.invalid-tooltip,  .was-validated :invalid~.invalid-feedback,  .was-validated :invalid~.invalid-tooltip  {
     display:  block }
 .form-control.is-invalid,  .was-validated .form-control:invalid  {
     border-color:  var(--bs-form-invalid-border-color);
     padding-right:  calc(1.8em + 1.15rem);
     background-image:  url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23ff9b8a'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ff9b8a' stroke='none'/%3e%3c/svg%3e");
     background-repeat:  no-repeat;
     background-position:  right calc(.45em + .2875rem) center;
     background-size:  calc(.9em + .575rem) calc(.9em + .575rem) }
 .form-control.is-invalid:focus,  .was-validated .form-control:invalid:focus  {
     border-color:  var(--bs-form-invalid-border-color);
     box-shadow:  0 0 0 .25rem rgba(var(--bs-danger-rgb),  .25) }
 .was-validated textarea.form-control:invalid,  textarea.form-control.is-invalid  {
     padding-right:  calc(1.8em + 1.15rem);
     background-position:  top calc(.45em + .2875rem) right calc(.45em + .2875rem) }
 .form-select.is-invalid,  .was-validated .form-select:invalid  {
     border-color:  var(--bs-form-invalid-border-color) }
 .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]),  .was-validated .form-select:invalid:not([multiple])[size="1"]  {
     --bs-form-select-bg-icon:  url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23ff9b8a'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ff9b8a' stroke='none'/%3e%3c/svg%3e");
     padding-right:  4.125rem;
     background-position:  right .75rem center,  center right 2.25rem;
     background-size:  16px 12px,  calc(.9em + .575rem) calc(.9em + .575rem) }
 .form-select.is-invalid:focus,  .was-validated .form-select:invalid:focus  {
     border-color:  var(--bs-form-invalid-border-color);
     box-shadow:  0 0 0 .25rem rgba(var(--bs-danger-rgb),  .25) }
 .form-control-color.is-invalid,  .was-validated .form-control-color:invalid  {
     width:  calc(3rem + calc(1.8em + 1.15rem)) }
 .form-check-input.is-invalid,  .was-validated .form-check-input:invalid  {
     border-color:  var(--bs-form-invalid-border-color) }
 .form-check-input.is-invalid:checked,  .was-validated .form-check-input:invalid:checked  {
     background-color:  var(--bs-form-invalid-color) }
 .form-check-input.is-invalid:focus,  .was-validated .form-check-input:invalid:focus  {
     box-shadow:  0 0 0 .25rem rgba(var(--bs-danger-rgb),  .25) }
 .form-check-input.is-invalid~.form-check-label,  .was-validated .form-check-input:invalid~.form-check-label  {
     color:  var(--bs-form-invalid-color) }
 .form-check-inline .form-check-input~.invalid-feedback  {
     margin-left:  .5em }
 .input-group>.form-control:not(:focus).is-invalid,  .input-group>.form-floating:not(:focus-within).is-invalid,  .input-group>.form-select:not(:focus).is-invalid,  .was-validated .input-group>.form-control:not(:focus):invalid,  .was-validated .input-group>.form-floating:not(:focus-within):invalid,  .was-validated .input-group>.form-select:not(:focus):invalid  {
     z-index:  4 }
 .btn  {
     --bs-btn-padding-x:  0.75rem;
     --bs-btn-padding-y:  0.375rem;
     --bs-btn-font-size:  0.875rem;
     --bs-btn-font-weight:  400;
     --bs-btn-line-height:  1.8;
     --bs-btn-color:  var(--bs-white);
     --bs-btn-bg:  transparent;
     --bs-btn-border-width:  var(--bs-border-width);
     --bs-btn-border-color:  transparent;
     --bs-btn-border-radius:  var(--bs-border-radius);
     --bs-btn-hover-border-color:  transparent;
     --bs-btn-box-shadow:  inset 0 1px 0 rgba(255,  255,  255,  0.15),  0 1px 1px rgba(0,  0,  0,  0.075);
     --bs-btn-disabled-opacity:  0.65;
     --bs-btn-focus-box-shadow:  0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb),  .5);
     display:  inline-block;
     padding:  var(--bs-btn-padding-y) var(--bs-btn-padding-x);
     font-family:  var(--bs-btn-font-family);
     font-size:  var(--bs-btn-font-size);
     font-weight:  var(--bs-btn-font-weight);
     line-height:  var(--bs-btn-line-height);
     color:  var(--bs-btn-color);
     text-align:  center;
     vertical-align:  middle;
     cursor:  pointer;
     user-select:  none;
     border:  var(--bs-btn-border-width) solid var(--bs-btn-border-color);
     border-radius:  var(--bs-btn-border-radius);
     background-color:  var(--bs-btn-bg);
     transition:  color .15s ease-in-out,  background-color .15s ease-in-out,  border-color .15s ease-in-out,  box-shadow .15s ease-in-out }
 @media (prefers-reduced-motion:reduce)  {
     .btn  {
     transition:  none }
 } .btn:hover  {
     color:  var(--bs-btn-hover-color);
     background-color:  var(--bs-btn-hover-bg);
     border-color:  var(--bs-btn-hover-border-color) }
 .btn-check+.btn:hover  {
     color:  var(--bs-btn-color);
     background-color:  var(--bs-btn-bg);
     border-color:  var(--bs-btn-border-color) }
 .btn:focus-visible  {
     color:  var(--bs-btn-hover-color);
     background-color:  var(--bs-btn-hover-bg);
     border-color:  var(--bs-btn-hover-border-color);
     outline:  0;
     box-shadow:  var(--bs-btn-focus-box-shadow) }
 .btn-check:focus-visible+.btn  {
     border-color:  var(--bs-btn-hover-border-color);
     outline:  0;
     box-shadow:  var(--bs-btn-focus-box-shadow) }
 .btn-check:checked+.btn,  .btn.active,  .btn.show,  .btn:first-child:active,  :not(.btn-check)+.btn:active  {
     color:  var(--bs-btn-active-color);
     background-color:  var(--bs-btn-active-bg);
     border-color:  var(--bs-btn-active-border-color) }
 .btn-check:checked+.btn:focus-visible,  .btn.active:focus-visible,  .btn.show:focus-visible,  .btn:first-child:active:focus-visible,  :not(.btn-check)+.btn:active:focus-visible  {
     box-shadow:  var(--bs-btn-focus-box-shadow) }
 .btn-check:checked:focus-visible+.btn  {
     box-shadow:  var(--bs-btn-focus-box-shadow) }
 .btn.disabled,  .btn:disabled,  fieldset:disabled .btn  {
     color:  var(--bs-btn-disabled-color);
     pointer-events:  none;
     background-color:  var(--bs-btn-disabled-bg);
     border-color:  var(--bs-btn-disabled-border-color);
     opacity:  var(--bs-btn-disabled-opacity) }
 .btn-primary  {
     --bs-btn-color:  #fff;
     --bs-btn-bg:  #2A2B78;
     --bs-btn-border-color:  #2A2B78;
     --bs-btn-hover-color:  #fff;
     --bs-btn-hover-bg:  rgb(68,  153.85,  216.75);
     --bs-btn-hover-border-color:  rgb(64,  144.8,  204);
     --bs-btn-focus-shadow-rgb:  106,  192,  255;
     --bs-btn-active-color:  #fff;
     --bs-btn-active-bg:  rgb(64,  144.8,  204);
     --bs-btn-active-border-color:  rgb(60,  135.75,  191.25);
     --bs-btn-active-shadow:  inset 0 3px 5px rgba(0,  0,  0,  0.125);
     --bs-btn-disabled-color:  #fff;
     --bs-btn-disabled-bg:  #2A2B78;
     --bs-btn-disabled-border-color:  #2A2B78 }
 .btn-secondary  {
     --bs-btn-color:  #fff;
     --bs-btn-bg:  #6c757d;
     --bs-btn-border-color:  #6c757d;
     --bs-btn-hover-color:  #fff;
     --bs-btn-hover-bg:  rgb(91.8,  99.45,  106.25);
     --bs-btn-hover-border-color:  rgb(86.4,  93.6,  100);
     --bs-btn-focus-shadow-rgb:  130,  138,  145;
     --bs-btn-active-color:  #fff;
     --bs-btn-active-bg:  rgb(86.4,  93.6,  100);
     --bs-btn-active-border-color:  rgb(81,  87.75,  93.75);
     --bs-btn-active-shadow:  inset 0 3px 5px rgba(0,  0,  0,  0.125);
     --bs-btn-disabled-color:  #fff;
     --bs-btn-disabled-bg:  #6c757d;
     --bs-btn-disabled-border-color:  #6c757d }
 .btn-success  {
     --bs-btn-color:  #fff;
     --bs-btn-bg:  #2dcdb2;
     --bs-btn-border-color:  #2dcdb2;
     --bs-btn-hover-color:  #fff;
     --bs-btn-hover-bg:  rgb(38.25,  174.25,  151.3);
     --bs-btn-hover-border-color:  rgb(36,  164,  142.4);
     --bs-btn-focus-shadow-rgb:  77,  213,  190;
     --bs-btn-active-color:  #fff;
     --bs-btn-active-bg:  rgb(36,  164,  142.4);
     --bs-btn-active-border-color:  rgb(33.75,  153.75,  133.5);
     --bs-btn-active-shadow:  inset 0 3px 5px rgba(0,  0,  0,  0.125);
     --bs-btn-disabled-color:  #fff;
     --bs-btn-disabled-bg:  #2dcdb2;
     --bs-btn-disabled-border-color:  #2dcdb2 }
 .btn-info  {
     --bs-btn-color:  #fff;
     --bs-btn-bg:  #d592ff;
     --bs-btn-border-color:  #d592ff;
     --bs-btn-hover-color:  #fff;
     --bs-btn-hover-bg:  rgb(181.05,  124.1,  216.75);
     --bs-btn-hover-border-color:  rgb(170.4,  116.8,  204);
     --bs-btn-focus-shadow-rgb:  219,  162,  255;
     --bs-btn-active-color:  #fff;
     --bs-btn-active-bg:  rgb(170.4,  116.8,  204);
     --bs-btn-active-border-color:  rgb(159.75,  109.5,  191.25);
     --bs-btn-active-shadow:  inset 0 3px 5px rgba(0,  0,  0,  0.125);
     --bs-btn-disabled-color:  #fff;
     --bs-btn-disabled-bg:  #d592ff;
     --bs-btn-disabled-border-color:  #d592ff }
 .btn-warning  {
     --bs-btn-color:  #000;
     --bs-btn-bg:  #ffba68;
     --bs-btn-border-color:  #ffba68;
     --bs-btn-hover-color:  #000;
     --bs-btn-hover-bg:  rgb(255,  196.35,  126.65);
     --bs-btn-hover-border-color:  rgb(255,  192.9,  119.1);
     --bs-btn-focus-shadow-rgb:  217,  158,  88;
     --bs-btn-active-color:  #000;
     --bs-btn-active-bg:  rgb(255,  199.8,  134.2);
     --bs-btn-active-border-color:  rgb(255,  192.9,  119.1);
     --bs-btn-active-shadow:  inset 0 3px 5px rgba(0,  0,  0,  0.125);
     --bs-btn-disabled-color:  #000;
     --bs-btn-disabled-bg:  #ffba68;
     --bs-btn-disabled-border-color:  #ffba68 }
 .btn-danger  {
     --bs-btn-color:  #fff;
     --bs-btn-bg:  #ff9b8a;
     --bs-btn-border-color:  #ff9b8a;
     --bs-btn-hover-color:  #fff;
     --bs-btn-hover-bg:  rgb(216.75,  131.75,  117.3);
     --bs-btn-hover-border-color:  rgb(204,  124,  110.4);
     --bs-btn-focus-shadow-rgb:  255,  170,  156;
     --bs-btn-active-color:  #fff;
     --bs-btn-active-bg:  rgb(204,  124,  110.4);
     --bs-btn-active-border-color:  rgb(191.25,  116.25,  103.5);
     --bs-btn-active-shadow:  inset 0 3px 5px rgba(0,  0,  0,  0.125);
     --bs-btn-disabled-color:  #fff;
     --bs-btn-disabled-bg:  #ff9b8a;
     --bs-btn-disabled-border-color:  #ff9b8a }
 .btn-light  {
     --bs-btn-color:  #000;
     --bs-btn-bg:  #dee2e6;
     --bs-btn-border-color:  #dee2e6;
     --bs-btn-hover-color:  #000;
     --bs-btn-hover-bg:  rgb(188.7,  192.1,  195.5);
     --bs-btn-hover-border-color:  rgb(177.6,  180.8,  184);
     --bs-btn-focus-shadow-rgb:  189,  192,  196;
     --bs-btn-active-color:  #fff;
     --bs-btn-active-bg:  rgb(177.6,  180.8,  184);
     --bs-btn-active-border-color:  rgb(166.5,  169.5,  172.5);
     --bs-btn-active-shadow:  inset 0 3px 5px rgba(0,  0,  0,  0.125);
     --bs-btn-disabled-color:  #000;
     --bs-btn-disabled-bg:  #dee2e6;
     --bs-btn-disabled-border-color:  #dee2e6 }
 .btn-dark  {
     --bs-btn-color:  #fff;
     --bs-btn-bg:  #000;
     --bs-btn-border-color:  #000;
     --bs-btn-hover-color:  #fff;
     --bs-btn-hover-bg:  rgb(38.25,  38.25,  38.25);
     --bs-btn-hover-border-color:  rgb(25.5,  25.5,  25.5);
     --bs-btn-focus-shadow-rgb:  38,  38,  38;
     --bs-btn-active-color:  #fff;
     --bs-btn-active-bg:  #333333;
     --bs-btn-active-border-color:  rgb(25.5,  25.5,  25.5);
     --bs-btn-active-shadow:  inset 0 3px 5px rgba(0,  0,  0,  0.125);
     --bs-btn-disabled-color:  #fff;
     --bs-btn-disabled-bg:  #000;
     --bs-btn-disabled-border-color:  #000 }
 .btn-gray  {
     --bs-btn-color:  #fff;
     --bs-btn-bg:  #6c757d;
     --bs-btn-border-color:  #6c757d;
     --bs-btn-hover-color:  #fff;
     --bs-btn-hover-bg:  rgb(91.8,  99.45,  106.25);
     --bs-btn-hover-border-color:  rgb(86.4,  93.6,  100);
     --bs-btn-focus-shadow-rgb:  130,  138,  145;
     --bs-btn-active-color:  #fff;
     --bs-btn-active-bg:  rgb(86.4,  93.6,  100);
     --bs-btn-active-border-color:  rgb(81,  87.75,  93.75);
     --bs-btn-active-shadow:  inset 0 3px 5px rgba(0,  0,  0,  0.125);
     --bs-btn-disabled-color:  #fff;
     --bs-btn-disabled-bg:  #6c757d;
     --bs-btn-disabled-border-color:  #6c757d }
 .btn-gray-dark  {
     --bs-btn-color:  #fff;
     --bs-btn-bg:  #343a40;
     --bs-btn-border-color:  #343a40;
     --bs-btn-hover-color:  #fff;
     --bs-btn-hover-bg:  rgb(44.2,  49.3,  54.4);
     --bs-btn-hover-border-color:  rgb(41.6,  46.4,  51.2);
     --bs-btn-focus-shadow-rgb:  82,  88,  93;
     --bs-btn-active-color:  #fff;
     --bs-btn-active-bg:  rgb(41.6,  46.4,  51.2);
     --bs-btn-active-border-color:  rgb(39,  43.5,  48);
     --bs-btn-active-shadow:  inset 0 3px 5px rgba(0,  0,  0,  0.125);
     --bs-btn-disabled-color:  #fff;
     --bs-btn-disabled-bg:  #343a40;
     --bs-btn-disabled-border-color:  #343a40 }
 .btn-outline-primary  {
     --bs-btn-color:  #2A2B78;
     --bs-btn-border-color:  #2A2B78;
     --bs-btn-hover-color:  #fff;
     --bs-btn-hover-bg:  #2A2B78;
     --bs-btn-hover-border-color:  #2A2B78;
     --bs-btn-focus-shadow-rgb:  80,  181,  255;
     --bs-btn-active-color:  #fff;
     --bs-btn-active-bg:  #2A2B78;
     --bs-btn-active-border-color:  #2A2B78;
     --bs-btn-active-shadow:  inset 0 3px 5px rgba(0,  0,  0,  0.125);
     --bs-btn-disabled-color:  #2A2B78;
     --bs-btn-disabled-bg:  transparent;
     --bs-btn-disabled-border-color:  #2A2B78;
     --bs-gradient:  none }
 .btn-outline-secondary  {
     --bs-btn-color:  #6c757d;
     --bs-btn-border-color:  #6c757d;
     --bs-btn-hover-color:  #fff;
     --bs-btn-hover-bg:  #6c757d;
     --bs-btn-hover-border-color:  #6c757d;
     --bs-btn-focus-shadow-rgb:  108,  117,  125;
     --bs-btn-active-color:  #fff;
     --bs-btn-active-bg:  #6c757d;
     --bs-btn-active-border-color:  #6c757d;
     --bs-btn-active-shadow:  inset 0 3px 5px rgba(0,  0,  0,  0.125);
     --bs-btn-disabled-color:  #6c757d;
     --bs-btn-disabled-bg:  transparent;
     --bs-btn-disabled-border-color:  #6c757d;
     --bs-gradient:  none }
 .btn-outline-success  {
     --bs-btn-color:  #2dcdb2;
     --bs-btn-border-color:  #2dcdb2;
     --bs-btn-hover-color:  #fff;
     --bs-btn-hover-bg:  #2dcdb2;
     --bs-btn-hover-border-color:  #2dcdb2;
     --bs-btn-focus-shadow-rgb:  45,  205,  178;
     --bs-btn-active-color:  #fff;
     --bs-btn-active-bg:  #2dcdb2;
     --bs-btn-active-border-color:  #2dcdb2;
     --bs-btn-active-shadow:  inset 0 3px 5px rgba(0,  0,  0,  0.125);
     --bs-btn-disabled-color:  #2dcdb2;
     --bs-btn-disabled-bg:  transparent;
     --bs-btn-disabled-border-color:  #2dcdb2;
     --bs-gradient:  none }
 .btn-outline-info  {
     --bs-btn-color:  #d592ff;
     --bs-btn-border-color:  #d592ff;
     --bs-btn-hover-color:  #fff;
     --bs-btn-hover-bg:  #d592ff;
     --bs-btn-hover-border-color:  #d592ff;
     --bs-btn-focus-shadow-rgb:  213,  146,  255;
     --bs-btn-active-color:  #fff;
     --bs-btn-active-bg:  #d592ff;
     --bs-btn-active-border-color:  #d592ff;
     --bs-btn-active-shadow:  inset 0 3px 5px rgba(0,  0,  0,  0.125);
     --bs-btn-disabled-color:  #d592ff;
     --bs-btn-disabled-bg:  transparent;
     --bs-btn-disabled-border-color:  #d592ff;
     --bs-gradient:  none }
 .btn-outline-warning  {
     --bs-btn-color:  #ffba68;
     --bs-btn-border-color:  #ffba68;
     --bs-btn-hover-color:  #000;
     --bs-btn-hover-bg:  #ffba68;
     --bs-btn-hover-border-color:  #ffba68;
     --bs-btn-focus-shadow-rgb:  255,  186,  104;
     --bs-btn-active-color:  #000;
     --bs-btn-active-bg:  #ffba68;
     --bs-btn-active-border-color:  #ffba68;
     --bs-btn-active-shadow:  inset 0 3px 5px rgba(0,  0,  0,  0.125);
     --bs-btn-disabled-color:  #ffba68;
     --bs-btn-disabled-bg:  transparent;
     --bs-btn-disabled-border-color:  #ffba68;
     --bs-gradient:  none }
 .btn-outline-danger  {
     --bs-btn-color:  #ff9b8a;
     --bs-btn-border-color:  #ff9b8a;
     --bs-btn-hover-color:  #fff;
     --bs-btn-hover-bg:  #ff9b8a;
     --bs-btn-hover-border-color:  #ff9b8a;
     --bs-btn-focus-shadow-rgb:  255,  155,  138;
     --bs-btn-active-color:  #fff;
     --bs-btn-active-bg:  #ff9b8a;
     --bs-btn-active-border-color:  #ff9b8a;
     --bs-btn-active-shadow:  inset 0 3px 5px rgba(0,  0,  0,  0.125);
     --bs-btn-disabled-color:  #ff9b8a;
     --bs-btn-disabled-bg:  transparent;
     --bs-btn-disabled-border-color:  #ff9b8a;
     --bs-gradient:  none }
 .btn-outline-light  {
     --bs-btn-color:  #dee2e6;
     --bs-btn-border-color:  #dee2e6;
     --bs-btn-hover-color:  #000;
     --bs-btn-hover-bg:  #dee2e6;
     --bs-btn-hover-border-color:  #dee2e6;
     --bs-btn-focus-shadow-rgb:  222,  226,  230;
     --bs-btn-active-color:  #000;
     --bs-btn-active-bg:  #dee2e6;
     --bs-btn-active-border-color:  #dee2e6;
     --bs-btn-active-shadow:  inset 0 3px 5px rgba(0,  0,  0,  0.125);
     --bs-btn-disabled-color:  #dee2e6;
     --bs-btn-disabled-bg:  transparent;
     --bs-btn-disabled-border-color:  #dee2e6;
     --bs-gradient:  none }
 .btn-outline-dark  {
     --bs-btn-color:  #000;
     --bs-btn-border-color:  #000;
     --bs-btn-hover-color:  #fff;
     --bs-btn-hover-bg:  #000;
     --bs-btn-hover-border-color:  #000;
     --bs-btn-focus-shadow-rgb:  0,  0,  0;
     --bs-btn-active-color:  #fff;
     --bs-btn-active-bg:  #000;
     --bs-btn-active-border-color:  #000;
     --bs-btn-active-shadow:  inset 0 3px 5px rgba(0,  0,  0,  0.125);
     --bs-btn-disabled-color:  #000;
     --bs-btn-disabled-bg:  transparent;
     --bs-btn-disabled-border-color:  #000;
     --bs-gradient:  none }
 .btn-outline-gray  {
     --bs-btn-color:  #6c757d;
     --bs-btn-border-color:  #6c757d;
     --bs-btn-hover-color:  #fff;
     --bs-btn-hover-bg:  #6c757d;
     --bs-btn-hover-border-color:  #6c757d;
     --bs-btn-focus-shadow-rgb:  108,  117,  125;
     --bs-btn-active-color:  #fff;
     --bs-btn-active-bg:  #6c757d;
     --bs-btn-active-border-color:  #6c757d;
     --bs-btn-active-shadow:  inset 0 3px 5px rgba(0,  0,  0,  0.125);
     --bs-btn-disabled-color:  #6c757d;
     --bs-btn-disabled-bg:  transparent;
     --bs-btn-disabled-border-color:  #6c757d;
     --bs-gradient:  none }
 .btn-outline-gray-dark  {
     --bs-btn-color:  #343a40;
     --bs-btn-border-color:  #343a40;
     --bs-btn-hover-color:  #fff;
     --bs-btn-hover-bg:  #343a40;
     --bs-btn-hover-border-color:  #343a40;
     --bs-btn-focus-shadow-rgb:  52,  58,  64;
     --bs-btn-active-color:  #fff;
     --bs-btn-active-bg:  #343a40;
     --bs-btn-active-border-color:  #343a40;
     --bs-btn-active-shadow:  inset 0 3px 5px rgba(0,  0,  0,  0.125);
     --bs-btn-disabled-color:  #343a40;
     --bs-btn-disabled-bg:  transparent;
     --bs-btn-disabled-border-color:  #343a40;
     --bs-gradient:  none }
 .btn-link  {
     --bs-btn-font-weight:  400;
     --bs-btn-color:  var(--bs-primary);
     --bs-btn-bg:  transparent;
     --bs-btn-border-color:  transparent;
     --bs-btn-hover-color:  rgba(var(--bs-primary-rgb),  0.85);
     --bs-btn-hover-border-color:  transparent;
     --bs-btn-active-color:  rgba(var(--bs-primary-rgb),  0.85);
     --bs-btn-active-border-color:  transparent;
     --bs-btn-disabled-color:  #6c757d;
     --bs-btn-disabled-border-color:  transparent;
     --bs-btn-box-shadow:  0 0 0 #000;
     --bs-btn-focus-shadow-rgb:  106,  192,  255;
     text-decoration:  none }
 .btn-link:focus-visible  {
     color:  var(--bs-btn-color) }
 .btn-link:hover  {
     color:  var(--bs-btn-hover-color) }
 .btn-group-lg>.btn,  .btn-lg  {
     --bs-btn-padding-y:  0.5rem;
     --bs-btn-padding-x:  1rem;
     --bs-btn-font-size:  1.09375rem;
     --bs-btn-border-radius:  var(--bs-border-radius-lg) }
 .btn-group-sm>.btn,  .btn-sm  {
     --bs-btn-padding-y:  0.25rem;
     --bs-btn-padding-x:  0.5rem;
     --bs-btn-font-size:  0.765625rem;
     --bs-btn-border-radius:  var(--bs-border-radius-sm) }
 .fade  {
     transition:  opacity .15s linear }
 @media (prefers-reduced-motion:reduce)  {
     .fade  {
     transition:  none }
 } .fade:not(.show)  {
     opacity:  0 }
 .collapse:not(.show)  {
     display:  none }
 .collapsing  {
     height:  0;
     overflow:  hidden;
     transition:  height .35s ease }
 @media (prefers-reduced-motion:reduce)  {
     .collapsing  {
     transition:  none }
 } .collapsing.collapse-horizontal  {
     width:  0;
     height:  auto;
     transition:  width .35s ease }
 @media (prefers-reduced-motion:reduce)  {
     .collapsing.collapse-horizontal  {
     transition:  none }
 } .dropdown,  .dropdown-center,  .dropend,  .dropstart,  .dropup,  .dropup-center  {
     position:  relative }
 .dropdown-toggle  {
     white-space:  nowrap }
 .dropdown-toggle::after  {
     display:  inline-block;
     margin-left:  .255em;
     vertical-align:  .255em;
     content:  "";
     border-top:  .3em solid;
     border-right:  .3em solid transparent;
     border-bottom:  0;
     border-left:  .3em solid transparent }
 .dropdown-toggle:empty::after  {
     margin-left:  0 }
 .dropdown-menu  {
     --bs-dropdown-zindex:  1000;
     --bs-dropdown-min-width:  10rem;
     --bs-dropdown-padding-x:  0;
     --bs-dropdown-padding-y:  0.5rem;
     --bs-dropdown-spacer:  0.125rem;
     --bs-dropdown-font-size:  0.875rem;
     --bs-dropdown-color:  var(--bs-body-color);
     --bs-dropdown-bg:  var(--bs-gray-900);
     --bs-dropdown-border-color:  var(--bs-border-color);
     --bs-dropdown-border-radius:  var(--bs-border-radius);
     --bs-dropdown-border-width:  var(--bs-border-width);
     --bs-dropdown-inner-border-radius:  calc(var(--bs-border-radius) - var(--bs-border-width));
     --bs-dropdown-divider-bg:  var(--bs-border-color);
     --bs-dropdown-divider-margin-y:  0.5rem;
     --bs-dropdown-box-shadow:  var(--bs-box-shadow);
     --bs-dropdown-link-color:  var(--bs-body-color);
     --bs-dropdown-link-hover-color:  var(--bs-primary);
     --bs-dropdown-link-hover-bg:  transparent;
     --bs-dropdown-link-active-color:  var(--bs-primary);
     --bs-dropdown-link-active-bg:  transparent;
     --bs-dropdown-link-disabled-color:  var(--bs-body--color);
     --bs-dropdown-item-padding-x:  1rem;
     --bs-dropdown-item-padding-y:  0.25rem;
     --bs-dropdown-header-color:  #6c757d;
     --bs-dropdown-header-padding-x:  1rem;
     --bs-dropdown-header-padding-y:  0.5rem;
     position:  absolute;
     z-index:  var(--bs-dropdown-zindex);
     display:  none;
     min-width:  var(--bs-dropdown-min-width);
     padding:  var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
     margin:  0;
     font-size:  var(--bs-dropdown-font-size);
     color:  var(--bs-dropdown-color);
     text-align:  left;
     list-style:  none;
     background-color:  var(--bs-dropdown-bg);
     background-clip:  padding-box;
     border:  var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
     border-radius:  var(--bs-dropdown-border-radius) }
 .dropdown-menu[data-bs-popper]  {
     top:  100%;
     left:  0;
     margin-top:  var(--bs-dropdown-spacer) }
 .dropdown-menu-start  {
     --bs-position:  start }
 .dropdown-menu-start[data-bs-popper]  {
     right:  auto;
     left:  0 }
 .dropdown-menu-end  {
     --bs-position:  end }
 .dropdown-menu-end[data-bs-popper]  {
     right:  0;
     left:  auto }
 @media (min-width:576px)  {
     .dropdown-menu-sm-start  {
     --bs-position:  start }
 .dropdown-menu-sm-start[data-bs-popper]  {
     right:  auto;
     left:  0 }
 .dropdown-menu-sm-end  {
     --bs-position:  end }
 .dropdown-menu-sm-end[data-bs-popper]  {
     right:  0;
     left:  auto }
 } @media (min-width:768px)  {
     .dropdown-menu-md-start  {
     --bs-position:  start }
 .dropdown-menu-md-start[data-bs-popper]  {
     right:  auto;
     left:  0 }
 .dropdown-menu-md-end  {
     --bs-position:  end }
 .dropdown-menu-md-end[data-bs-popper]  {
     right:  0;
     left:  auto }
 } @media (min-width:992px)  {
     .dropdown-menu-lg-start  {
     --bs-position:  start }
 .dropdown-menu-lg-start[data-bs-popper]  {
     right:  auto;
     left:  0 }
 .dropdown-menu-lg-end  {
     --bs-position:  end }
 .dropdown-menu-lg-end[data-bs-popper]  {
     right:  0;
     left:  auto }
 } @media (min-width:1200px)  {
     .dropdown-menu-xl-start  {
     --bs-position:  start }
 .dropdown-menu-xl-start[data-bs-popper]  {
     right:  auto;
     left:  0 }
 .dropdown-menu-xl-end  {
     --bs-position:  end }
 .dropdown-menu-xl-end[data-bs-popper]  {
     right:  0;
     left:  auto }
 } @media (min-width:1400px)  {
     .dropdown-menu-xxl-start  {
     --bs-position:  start }
 .dropdown-menu-xxl-start[data-bs-popper]  {
     right:  auto;
     left:  0 }
 .dropdown-menu-xxl-end  {
     --bs-position:  end }
 .dropdown-menu-xxl-end[data-bs-popper]  {
     right:  0;
     left:  auto }
 } .dropup .dropdown-menu[data-bs-popper]  {
     top:  auto;
     bottom:  100%;
     margin-top:  0;
     margin-bottom:  var(--bs-dropdown-spacer) }
 .dropup .dropdown-toggle::after  {
     display:  inline-block;
     margin-left:  .255em;
     vertical-align:  .255em;
     content:  "";
     border-top:  0;
     border-right:  .3em solid transparent;
     border-bottom:  .3em solid;
     border-left:  .3em solid transparent }
 .dropup .dropdown-toggle:empty::after  {
     margin-left:  0 }
 .dropend .dropdown-menu[data-bs-popper]  {
     top:  0;
     right:  auto;
     left:  100%;
     margin-top:  0;
     margin-left:  var(--bs-dropdown-spacer) }
 .dropend .dropdown-toggle::after  {
     display:  inline-block;
     margin-left:  .255em;
     vertical-align:  .255em;
     content:  "";
     border-top:  .3em solid transparent;
     border-right:  0;
     border-bottom:  .3em solid transparent;
     border-left:  .3em solid }
 .dropend .dropdown-toggle:empty::after  {
     margin-left:  0 }
 .dropend .dropdown-toggle::after  {
     vertical-align:  0 }
 .dropstart .dropdown-menu[data-bs-popper]  {
     top:  0;
     right:  100%;
     left:  auto;
     margin-top:  0;
     margin-right:  var(--bs-dropdown-spacer) }
 .dropstart .dropdown-toggle::after  {
     display:  inline-block;
     margin-left:  .255em;
     vertical-align:  .255em;
     content:  "" }
 .dropstart .dropdown-toggle::after  {
     display:  none }
 .dropstart .dropdown-toggle::before  {
     display:  inline-block;
     margin-right:  .255em;
     vertical-align:  .255em;
     content:  "";
     border-top:  .3em solid transparent;
     border-right:  .3em solid;
     border-bottom:  .3em solid transparent }
 .dropstart .dropdown-toggle:empty::after  {
     margin-left:  0 }
 .dropstart .dropdown-toggle::before  {
     vertical-align:  0 }
 .dropdown-divider  {
     height:  0;
     margin:  var(--bs-dropdown-divider-margin-y) 0;
     overflow:  hidden;
     border-top:  1px solid var(--bs-dropdown-divider-bg);
     opacity:  1 }
 .dropdown-item  {
     display:  block;
     width:  100%;
     padding:  var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
     clear:  both;
     font-weight:  400;
     color:  var(--bs-dropdown-link-color);
     text-align:  inherit;
     white-space:  nowrap;
     background-color:  transparent;
     border:  0;
     border-radius:  var(--bs-dropdown-item-border-radius,  0) }
 .dropdown-item:focus,  .dropdown-item:hover  {
     color:  var(--bs-dropdown-link-hover-color);
     background-color:  var(--bs-dropdown-link-hover-bg) }
 .dropdown-item.active,  .dropdown-item:active  {
     color:  var(--bs-dropdown-link-active-color);
     text-decoration:  none;
     background-color:  var(--bs-dropdown-link-active-bg) }
 .dropdown-item.disabled,  .dropdown-item:disabled  {
     color:  var(--bs-dropdown-link-disabled-color);
     pointer-events:  none;
     background-color:  transparent }
 .dropdown-menu.show  {
     display:  block }
 .dropdown-header  {
     display:  block;
     padding:  var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
     margin-bottom:  0;
     font-size:  .765625rem;
     color:  var(--bs-dropdown-header-color);
     white-space:  nowrap }
 .dropdown-item-text  {
     display:  block;
     padding:  var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
     color:  var(--bs-dropdown-link-color) }
 .dropdown-menu-dark  {
     --bs-dropdown-color:  #dee2e6;
     --bs-dropdown-bg:  #343a40;
     --bs-dropdown-border-color:  var(--bs-border-color);
     --bs-dropdown-link-color:  #dee2e6;
     --bs-dropdown-link-hover-color:  #fff;
     --bs-dropdown-divider-bg:  var(--bs-border-color);
     --bs-dropdown-link-hover-bg:  rgba(255,  255,  255,  0.15);
     --bs-dropdown-link-active-color:  var(--bs-primary);
     --bs-dropdown-link-active-bg:  transparent;
     --bs-dropdown-link-disabled-color:  #adb5bd;
     --bs-dropdown-header-color:  #adb5bd }
 .btn-group,  .btn-group-vertical  {
     position:  relative;
     display:  inline-flex;
     vertical-align:  middle }
 .btn-group-vertical>.btn,  .btn-group>.btn  {
     position:  relative;
     flex:  1 1 auto }
 .btn-group-vertical>.btn-check:checked+.btn,  .btn-group-vertical>.btn-check:focus+.btn,  .btn-group-vertical>.btn.active,  .btn-group-vertical>.btn:active,  .btn-group-vertical>.btn:focus,  .btn-group-vertical>.btn:hover,  .btn-group>.btn-check:checked+.btn,  .btn-group>.btn-check:focus+.btn,  .btn-group>.btn.active,  .btn-group>.btn:active,  .btn-group>.btn:focus,  .btn-group>.btn:hover  {
     z-index:  1 }
 .btn-toolbar  {
     display:  flex;
     flex-wrap:  wrap;
     justify-content:  flex-start }
 .btn-toolbar .input-group  {
     width:  auto }
 .btn-group  {
     border-radius:  var(--bs-border-radius) }
 .btn-group>.btn-group:not(:first-child),  .btn-group>:not(.btn-check:first-child)+.btn  {
     margin-left:  calc(-1 * var(--bs-border-width)) }
 .btn-group>.btn-group:not(:last-child)>.btn,  .btn-group>.btn.dropdown-toggle-split:first-child,  .btn-group>.btn:not(:last-child):not(.dropdown-toggle)  {
     border-top-right-radius:  0;
     border-bottom-right-radius:  0 }
 .btn-group>.btn-group:not(:first-child)>.btn,  .btn-group>.btn:nth-child(n+3),  .btn-group>:not(.btn-check)+.btn  {
     border-top-left-radius:  0;
     border-bottom-left-radius:  0 }
 .dropdown-toggle-split  {
     padding-right:  .5625rem;
     padding-left:  .5625rem }
 .dropdown-toggle-split::after,  .dropend .dropdown-toggle-split::after,  .dropup .dropdown-toggle-split::after  {
     margin-left:  0 }
 .dropstart .dropdown-toggle-split::before  {
     margin-right:  0 }
 .btn-group-sm>.btn+.dropdown-toggle-split,  .btn-sm+.dropdown-toggle-split  {
     padding-right:  .375rem;
     padding-left:  .375rem }
 .btn-group-lg>.btn+.dropdown-toggle-split,  .btn-lg+.dropdown-toggle-split  {
     padding-right:  .75rem;
     padding-left:  .75rem }
 .btn-group-vertical  {
     flex-direction:  column;
     align-items:  flex-start;
     justify-content:  center }
 .btn-group-vertical>.btn,  .btn-group-vertical>.btn-group  {
     width:  100% }
 .btn-group-vertical>.btn-group:not(:first-child),  .btn-group-vertical>.btn:not(:first-child)  {
     margin-top:  calc(-1 * var(--bs-border-width)) }
 .btn-group-vertical>.btn-group:not(:last-child)>.btn,  .btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle)  {
     border-bottom-right-radius:  0;
     border-bottom-left-radius:  0 }
 .btn-group-vertical>.btn-group:not(:first-child)>.btn,  .btn-group-vertical>.btn:nth-child(n+3),  .btn-group-vertical>:not(.btn-check)+.btn  {
     border-top-left-radius:  0;
     border-top-right-radius:  0 }
 .nav  {
     --bs-nav-link-padding-x:  1rem;
     --bs-nav-link-padding-y:  0.5rem;
     --bs-nav-link-color:  var(--bs-link-color);
     --bs-nav-link-hover-color:  var(--bs-link-hover-color);
     --bs-nav-link-disabled-color:  var(--bs-secondary-color);
     display:  flex;
     flex-wrap:  wrap;
     padding-left:  0;
     margin-bottom:  0;
     list-style:  none }
 .nav-link  {
     display:  block;
     padding:  var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
     font-size:  var(--bs-nav-link-font-size);
     font-weight:  var(--bs-nav-link-font-weight);
     color:  var(--bs-nav-link-color);
     background:  0 0;
     border:  0;
     transition:  color .15s ease-in-out,  background-color .15s ease-in-out,  border-color .15s ease-in-out }
 @media (prefers-reduced-motion:reduce)  {
     .nav-link  {
     transition:  none }
 } .nav-link:focus,  .nav-link:hover  {
     color:  var(--bs-nav-link-hover-color) }
 .nav-link:focus-visible  {
     outline:  0;
     box-shadow:  0 0 0 .25rem rgba(80,  181,  255,  .25) }
 .nav-link.disabled,  .nav-link:disabled  {
     color:  var(--bs-nav-link-disabled-color);
     pointer-events:  none;
     cursor:  default }
 .nav-tabs  {
     --bs-nav-tabs-border-width:  var(--bs-border-width);
     --bs-nav-tabs-border-color:  var(--bs-border-color);
     --bs-nav-tabs-border-radius:  var(--bs-border-radius);
     --bs-nav-tabs-link-hover-border-color:  var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
     --bs-nav-tabs-link-active-color:  var(--bs-emphasis-color);
     --bs-nav-tabs-link-active-bg:  var(--bs-body-bg);
     --bs-nav-tabs-link-active-border-color:  var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
     border-bottom:  var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color) }
 .nav-tabs .nav-link  {
     margin-bottom:  calc(-1 * var(--bs-nav-tabs-border-width));
     border:  var(--bs-nav-tabs-border-width) solid transparent;
     border-top-left-radius:  var(--bs-nav-tabs-border-radius);
     border-top-right-radius:  var(--bs-nav-tabs-border-radius) }
 .nav-tabs .nav-link:focus,  .nav-tabs .nav-link:hover  {
     isolation:  isolate;
     border-color:  var(--bs-nav-tabs-link-hover-border-color) }
 .nav-tabs .nav-item.show .nav-link,  .nav-tabs .nav-link.active  {
     color:  var(--bs-nav-tabs-link-active-color);
     background-color:  var(--bs-nav-tabs-link-active-bg);
     border-color:  #f8a406;
 }
 .nav-tabs .dropdown-menu  {
     margin-top:  calc(-1 * var(--bs-nav-tabs-border-width));
     border-top-left-radius:  0;
     border-top-right-radius:  0 }
 .nav-pills  {
     --bs-nav-pills-border-radius:  var(--bs-border-radius);
     --bs-nav-pills-link-active-color:  #fff;
     --bs-nav-pills-link-active-bg:  #2A2B78 }
 .nav-pills .nav-link  {
     border-radius:  var(--bs-nav-pills-border-radius) }
 .nav-pills .nav-link.active,  .nav-pills .show>.nav-link  {
     color:  var(--bs-nav-pills-link-active-color);
     background-color:  var(--bs-nav-pills-link-active-bg) }
 .nav-underline  {
     --bs-nav-underline-gap:  1rem;
     --bs-nav-underline-border-width:  0.125rem;
     --bs-nav-underline-link-active-color:  var(--bs-emphasis-color);
     gap:  var(--bs-nav-underline-gap) }
 .nav-underline .nav-link  {
     padding-right:  0;
     padding-left:  0;
     border-bottom:  var(--bs-nav-underline-border-width) solid transparent }
 .nav-underline .nav-link:focus,  .nav-underline .nav-link:hover  {
     border-bottom-color:  currentcolor }
 .nav-underline .nav-link.active,  .nav-underline .show>.nav-link  {
     font-weight:  700;
     color:  var(--bs-nav-underline-link-active-color);
     border-bottom-color:  currentcolor }
 .nav-fill .nav-item,  .nav-fill>.nav-link  {
     flex:  1 1 auto;
     text-align:  center }
 .nav-justified .nav-item,  .nav-justified>.nav-link  {
     flex-grow:  1;
     flex-basis:  0;
     text-align:  center }
 .nav-fill .nav-item .nav-link,  .nav-justified .nav-item .nav-link  {
     width:  100% }
 .tab-content>.tab-pane  {
     display:  none }
 .tab-content>.active  {
     display:  block }
 .navbar  {
     --bs-navbar-padding-x:  0;
     --bs-navbar-padding-y:  0.5rem;
     --bs-navbar-color:  rgba(var(--bs-emphasis-color-rgb),  0.65);
     --bs-navbar-hover-color:  rgba(var(--bs-emphasis-color-rgb),  0.8);
     --bs-navbar-disabled-color:  rgba(var(--bs-emphasis-color-rgb),  0.3);
     --bs-navbar-active-color:  rgba(var(--bs-emphasis-color-rgb),  1);
     --bs-navbar-brand-padding-y:  0.303125rem;
     --bs-navbar-brand-margin-end:  1rem;
     --bs-navbar-brand-font-size:  1.09375rem;
     --bs-navbar-brand-color:  rgba(var(--bs-emphasis-color-rgb),  1);
     --bs-navbar-brand-hover-color:  rgba(var(--bs-emphasis-color-rgb),  1);
     --bs-navbar-nav-link-padding-x:  0.5rem;
     --bs-navbar-toggler-padding-y:  0.25rem;
     --bs-navbar-toggler-padding-x:  0.75rem;
     --bs-navbar-toggler-font-size:  1.09375rem;
     --bs-navbar-toggler-icon-bg:  url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28126,  139,  154,  0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
     --bs-navbar-toggler-border-color:  rgba(var(--bs-emphasis-color-rgb),  0.15);
     --bs-navbar-toggler-border-radius:  var(--bs-border-radius);
     --bs-navbar-toggler-focus-width:  0.25rem;
     --bs-navbar-toggler-transition:  box-shadow 0.15s ease-in-out;
     position:  relative;
     display:  flex;
     flex-wrap:  wrap;
     align-items:  center;
     justify-content:  space-between;
     padding:  var(--bs-navbar-padding-y) var(--bs-navbar-padding-x) }
 .navbar>.container,  .navbar>.container-fluid,  .navbar>.container-lg,  .navbar>.container-md,  .navbar>.container-sm,  .navbar>.container-xl,  .navbar>.container-xxl  {
     display:  flex;
     flex-wrap:  inherit;
     align-items:  center;
     justify-content:  space-between }
 .navbar-brand  {
     padding-top:  var(--bs-navbar-brand-padding-y);
     padding-bottom:  var(--bs-navbar-brand-padding-y);
     margin-right:  var(--bs-navbar-brand-margin-end);
     font-size:  var(--bs-navbar-brand-font-size);
     color:  var(--bs-navbar-brand-color);
     white-space:  nowrap }
 .navbar-brand:focus,  .navbar-brand:hover  {
     color:  var(--bs-navbar-brand-hover-color) }
 .navbar-nav  {
     --bs-nav-link-padding-x:  0;
     --bs-nav-link-padding-y:  0.5rem;
     --bs-nav-link-color:  var(--bs-navbar-color);
     --bs-nav-link-hover-color:  var(--bs-navbar-hover-color);
     --bs-nav-link-disabled-color:  var(--bs-navbar-disabled-color);
     display:  flex;
     flex-direction:  column;
     padding-left:  0;
     margin-bottom:  0;
     list-style:  none }
 .navbar-nav .nav-link.active,  .navbar-nav .nav-link.show  {
     color:  var(--bs-navbar-active-color) }
 .navbar-nav .dropdown-menu  {
     position:  static }
 .navbar-text  {
     padding-top:  .5rem;
     padding-bottom:  .5rem;
     color:  var(--bs-navbar-color) }
 .navbar-text a,  .navbar-text a:focus,  .navbar-text a:hover  {
     color:  var(--bs-navbar-active-color) }
 .navbar-collapse  {
     flex-grow:  1;
     flex-basis:  100%;
     align-items:  center }
 .navbar-toggler  {
     padding:  var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
     font-size:  var(--bs-navbar-toggler-font-size);
     line-height:  1;
     color:  var(--bs-navbar-color);
     background-color:  transparent;
     border:  var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
     border-radius:  var(--bs-navbar-toggler-border-radius);
     transition:  var(--bs-navbar-toggler-transition) }
 @media (prefers-reduced-motion:reduce)  {
     .navbar-toggler  {
     transition:  none }
 } .navbar-toggler:hover  {
     text-decoration:  none }
 .navbar-toggler:focus  {
     text-decoration:  none;
     outline:  0;
     box-shadow:  0 0 0 var(--bs-navbar-toggler-focus-width) }
 .navbar-toggler-icon  {
     display:  inline-block;
     width:  1.5em;
     height:  1.5em;
     vertical-align:  middle;
     background-image:  var(--bs-navbar-toggler-icon-bg);
     background-repeat:  no-repeat;
     background-position:  center;
     background-size:  100% }
 .navbar-nav-scroll  {
     max-height:  var(--bs-scroll-height,  75vh);
     overflow-y:  auto }
 @media (min-width:576px)  {
     .navbar-expand-sm  {
     flex-wrap:  nowrap;
     justify-content:  flex-start }
 .navbar-expand-sm .navbar-nav  {
     flex-direction:  row }
 .navbar-expand-sm .navbar-nav .dropdown-menu  {
     position:  absolute }
 .navbar-expand-sm .navbar-nav .nav-link  {
     padding-right:  var(--bs-navbar-nav-link-padding-x);
     padding-left:  var(--bs-navbar-nav-link-padding-x) }
 .navbar-expand-sm .navbar-nav-scroll  {
     overflow:  visible }
 .navbar-expand-sm .navbar-collapse  {
     display:  flex !important;
     flex-basis:  auto }
 .navbar-expand-sm .navbar-toggler  {
     display:  none }
 .navbar-expand-sm .offcanvas  {
     position:  static;
     z-index:  auto;
     flex-grow:  1;
     width:  auto !important;
     height:  auto !important;
     visibility:  visible !important;
     background-color:  transparent !important;
     border:  0 !important;
     transform:  none !important;
     transition:  none }
 .navbar-expand-sm .offcanvas .offcanvas-header  {
     display:  none }
 .navbar-expand-sm .offcanvas .offcanvas-body  {
     display:  flex;
     flex-grow:  0;
     padding:  0;
     overflow-y:  visible }
 } @media (min-width:768px)  {
     .navbar-expand-md  {
     flex-wrap:  nowrap;
     justify-content:  flex-start }
 .navbar-expand-md .navbar-nav  {
     flex-direction:  row }
 .navbar-expand-md .navbar-nav .dropdown-menu  {
     position:  absolute }
 .navbar-expand-md .navbar-nav .nav-link  {
     padding-right:  var(--bs-navbar-nav-link-padding-x);
     padding-left:  var(--bs-navbar-nav-link-padding-x) }
 .navbar-expand-md .navbar-nav-scroll  {
     overflow:  visible }
 .navbar-expand-md .navbar-collapse  {
     display:  flex !important;
     flex-basis:  auto }
 .navbar-expand-md .navbar-toggler  {
     display:  none }
 .navbar-expand-md .offcanvas  {
     position:  static;
     z-index:  auto;
     flex-grow:  1;
     width:  auto !important;
     height:  auto !important;
     visibility:  visible !important;
     background-color:  transparent !important;
     border:  0 !important;
     transform:  none !important;
     transition:  none }
 .navbar-expand-md .offcanvas .offcanvas-header  {
     display:  none }
 .navbar-expand-md .offcanvas .offcanvas-body  {
     display:  flex;
     flex-grow:  0;
     padding:  0;
     overflow-y:  visible }
 } @media (min-width:992px)  {
     .navbar-expand-lg  {
     flex-wrap:  nowrap;
     justify-content:  flex-start }
 .navbar-expand-lg .navbar-nav  {
     flex-direction:  row }
 .navbar-expand-lg .navbar-nav .dropdown-menu  {
     position:  absolute }
 .navbar-expand-lg .navbar-nav .nav-link  {
     padding-right:  var(--bs-navbar-nav-link-padding-x);
     padding-left:  var(--bs-navbar-nav-link-padding-x) }
 .navbar-expand-lg .navbar-nav-scroll  {
     overflow:  visible }
 .navbar-expand-lg .navbar-collapse  {
     display:  flex !important;
     flex-basis:  auto }
 .navbar-expand-lg .navbar-toggler  {
     display:  none }
 .navbar-expand-lg .offcanvas  {
     position:  static;
     z-index:  auto;
     flex-grow:  1;
     width:  auto !important;
     height:  auto !important;
     visibility:  visible !important;
     background-color:  transparent !important;
     border:  0 !important;
     transform:  none !important;
     transition:  none }
 .navbar-expand-lg .offcanvas .offcanvas-header  {
     display:  none }
 .navbar-expand-lg .offcanvas .offcanvas-body  {
     display:  flex;
     flex-grow:  0;
     padding:  0;
     overflow-y:  visible }
 } @media (min-width:1200px)  {
     .navbar-expand-xl  {
     flex-wrap:  nowrap;
     justify-content:  flex-start }
 .navbar-expand-xl .navbar-nav  {
     flex-direction:  row }
 .navbar-expand-xl .navbar-nav .dropdown-menu  {
     position:  absolute }
 .navbar-expand-xl .navbar-nav .nav-link  {
     padding-right:  var(--bs-navbar-nav-link-padding-x);
     padding-left:  var(--bs-navbar-nav-link-padding-x) }
 .navbar-expand-xl .navbar-nav-scroll  {
     overflow:  visible }
 .navbar-expand-xl .navbar-collapse  {
     display:  flex !important;
     flex-basis:  auto }
 .navbar-expand-xl .navbar-toggler  {
     display:  none }
 .navbar-expand-xl .offcanvas  {
     position:  static;
     z-index:  auto;
     flex-grow:  1;
     width:  auto !important;
     height:  auto !important;
     visibility:  visible !important;
     background-color:  transparent !important;
     border:  0 !important;
     transform:  none !important;
     transition:  none }
 .navbar-expand-xl .offcanvas .offcanvas-header  {
     display:  none }
 .navbar-expand-xl .offcanvas .offcanvas-body  {
     display:  flex;
     flex-grow:  0;
     padding:  0;
     overflow-y:  visible }
 } @media (min-width:1400px)  {
     .navbar-expand-xxl  {
     flex-wrap:  nowrap;
     justify-content:  flex-start }
 .navbar-expand-xxl .navbar-nav  {
     flex-direction:  row }
 .navbar-expand-xxl .navbar-nav .dropdown-menu  {
     position:  absolute }
 .navbar-expand-xxl .navbar-nav .nav-link  {
     padding-right:  var(--bs-navbar-nav-link-padding-x);
     padding-left:  var(--bs-navbar-nav-link-padding-x) }
 .navbar-expand-xxl .navbar-nav-scroll  {
     overflow:  visible }
 .navbar-expand-xxl .navbar-collapse  {
     display:  flex !important;
     flex-basis:  auto }
 .navbar-expand-xxl .navbar-toggler  {
     display:  none }
 .navbar-expand-xxl .offcanvas  {
     position:  static;
     z-index:  auto;
     flex-grow:  1;
     width:  auto !important;
     height:  auto !important;
     visibility:  visible !important;
     background-color:  transparent !important;
     border:  0 !important;
     transform:  none !important;
     transition:  none }
 .navbar-expand-xxl .offcanvas .offcanvas-header  {
     display:  none }
 .navbar-expand-xxl .offcanvas .offcanvas-body  {
     display:  flex;
     flex-grow:  0;
     padding:  0;
     overflow-y:  visible }
 } .navbar-expand  {
     flex-wrap:  nowrap;
     justify-content:  flex-start }
 .navbar-expand .navbar-nav  {
     flex-direction:  row }
 .navbar-expand .navbar-nav .dropdown-menu  {
     position:  absolute }
 .navbar-expand .navbar-nav .nav-link  {
     padding-right:  var(--bs-navbar-nav-link-padding-x);
     padding-left:  var(--bs-navbar-nav-link-padding-x) }
 .navbar-expand .navbar-nav-scroll  {
     overflow:  visible }
 .navbar-expand .navbar-collapse  {
     display:  flex !important;
     flex-basis:  auto }
 .navbar-expand .navbar-toggler  {
     display:  none }
 .navbar-expand .offcanvas  {
     position:  static;
     z-index:  auto;
     flex-grow:  1;
     width:  auto !important;
     height:  auto !important;
     visibility:  visible !important;
     background-color:  transparent !important;
     border:  0 !important;
     transform:  none !important;
     transition:  none }
 .navbar-expand .offcanvas .offcanvas-header  {
     display:  none }
 .navbar-expand .offcanvas .offcanvas-body  {
     display:  flex;
     flex-grow:  0;
     padding:  0;
     overflow-y:  visible }
 .navbar-dark,  .navbar[data-bs-theme=dark]  {
     --bs-navbar-color:  rgba(255,  255,  255,  0.55);
     --bs-navbar-hover-color:  rgba(255,  255,  255,  0.75);
     --bs-navbar-disabled-color:  rgba(255,  255,  255,  0.25);
     --bs-navbar-active-color:  #fff;
     --bs-navbar-brand-color:  #fff;
     --bs-navbar-brand-hover-color:  #fff;
     --bs-navbar-toggler-border-color:  rgba(255,  255,  255,  0.1);
     --bs-navbar-toggler-icon-bg:  url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255,  255,  255,  0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") }
 [data-bs-theme=dark] .navbar-toggler-icon  {
     --bs-navbar-toggler-icon-bg:  url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255,  255,  255,  0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") }
 .card  {
     --bs-card-spacer-y:  1.875rem;
     --bs-card-spacer-x:  1.875rem;
     --bs-card-title-spacer-y:  0.5rem;
     --bs-card-title-color:  var(--bs-heading-color);
     --bs-card-border-width:  0;
     --bs-card-border-color:  rgba(0,  0,  0,  0.125);
     --bs-card-border-radius:  var(--bs-border-radius-lg);
     --bs-card-inner-border-radius:  calc(var(--bs-border-radius-lg) - 0);
     --bs-card-cap-padding-y:  1.875rem;
     --bs-card-cap-padding-x:  1.875rem;
     --bs-card-cap-bg:  transparent;
     --bs-card-bg:  var(--bs-gray-900);
     --bs-card-img-overlay-padding:  1rem;
     --bs-card-group-margin:  0.5rem;
     position:  relative;
     display:  flex;
     flex-direction:  column;
     min-width:  0;
     height:  var(--bs-card-height);
     color:  var(--bs-body-color);
     word-wrap:  break-word;
     background-color:  var(--bs-card-bg);
     background-clip:  border-box;
     border:  var(--bs-card-border-width) solid var(--bs-card-border-color);
     border-radius:  var(--bs-card-border-radius) }
 .card>hr  {
     margin-right:  0;
     margin-left:  0 }
 .card>.list-group  {
     border-top:  inherit;
     border-bottom:  inherit }
 .card>.list-group:first-child  {
     border-top-width:  0;
     border-top-left-radius:  var(--bs-card-inner-border-radius);
     border-top-right-radius:  var(--bs-card-inner-border-radius) }
 .card>.list-group:last-child  {
     border-bottom-width:  0;
     border-bottom-right-radius:  var(--bs-card-inner-border-radius);
     border-bottom-left-radius:  var(--bs-card-inner-border-radius) }
 .card>.card-header+.list-group,  .card>.list-group+.card-footer  {
     border-top:  0 }
 .card-body  {
     flex:  1 1 auto;
     padding:  var(--bs-card-spacer-y) var(--bs-card-spacer-x);
     color:  var(--bs-card-color) }
 .card-title  {
     margin-bottom:  var(--bs-card-title-spacer-y);
     color:  var(--bs-card-title-color) }
 .card-subtitle  {
     margin-top:  calc(-.5 * var(--bs-card-title-spacer-y));
     margin-bottom:  0;
     color:  var(--bs-card-subtitle-color) }
 .card-text:last-child  {
     margin-bottom:  0 }
 .card-link+.card-link  {
     margin-left:  var(--bs-card-spacer-x) }
 .card-header  {
     padding:  var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
     margin-bottom:  0;
     color:  var(--bs-card-cap-color);
     background-color:  var(--bs-card-cap-bg);
     border-bottom:  var(--bs-card-border-width) solid var(--bs-card-border-color) }
 .card-header:first-child  {
     border-radius:  var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0 }
 .card-footer  {
     padding:  var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
     color:  var(--bs-card-cap-color);
     background-color:  var(--bs-card-cap-bg);
     border-top:  var(--bs-card-border-width) solid var(--bs-card-border-color) }
 .card-footer:last-child  {
     border-radius:  0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) }
 .card-header-tabs  {
     margin-right:  calc(-.5 * var(--bs-card-cap-padding-x));
     margin-bottom:  calc(-1 * var(--bs-card-cap-padding-y));
     margin-left:  calc(-.5 * var(--bs-card-cap-padding-x));
     border-bottom:  0 }
 .card-header-tabs .nav-link.active  {
     background-color:  var(--bs-card-bg);
     border-bottom-color:  var(--bs-card-bg) }
 .card-header-pills  {
     margin-right:  calc(-.5 * var(--bs-card-cap-padding-x));
     margin-left:  calc(-.5 * var(--bs-card-cap-padding-x)) }
 .card-img-overlay  {
     position:  absolute;
     top:  0;
     right:  0;
     bottom:  0;
     left:  0;
     padding:  var(--bs-card-img-overlay-padding);
     border-radius:  var(--bs-card-inner-border-radius) }
 .card-img,  .card-img-bottom,  .card-img-top  {
     width:  100% }
 .card-img,  .card-img-top  {
     border-top-left-radius:  var(--bs-card-inner-border-radius);
     border-top-right-radius:  var(--bs-card-inner-border-radius) }
 .card-img,  .card-img-bottom  {
     border-bottom-right-radius:  var(--bs-card-inner-border-radius);
     border-bottom-left-radius:  var(--bs-card-inner-border-radius) }
 .card-group>.card  {
     margin-bottom:  var(--bs-card-group-margin) }
 @media (min-width:576px)  {
     .card-group  {
     display:  flex;
     flex-flow:  row wrap }
 .card-group>.card  {
     flex:  1 0 0;
     margin-bottom:  0 }
 .card-group>.card+.card  {
     margin-left:  0;
     border-left:  0 }
 .card-group>.card:not(:last-child)  {
     border-top-right-radius:  0;
     border-bottom-right-radius:  0 }
 .card-group>.card:not(:last-child)>.card-header,  .card-group>.card:not(:last-child)>.card-img-top  {
     border-top-right-radius:  0 }
 .card-group>.card:not(:last-child)>.card-footer,  .card-group>.card:not(:last-child)>.card-img-bottom  {
     border-bottom-right-radius:  0 }
 .card-group>.card:not(:first-child)  {
     border-top-left-radius:  0;
     border-bottom-left-radius:  0 }
 .card-group>.card:not(:first-child)>.card-header,  .card-group>.card:not(:first-child)>.card-img-top  {
     border-top-left-radius:  0 }
 .card-group>.card:not(:first-child)>.card-footer,  .card-group>.card:not(:first-child)>.card-img-bottom  {
     border-bottom-left-radius:  0 }
 } .accordion  {
     --bs-accordion-color:  var(--bs-body-color);
     --bs-accordion-bg:  var(--bs-body-bg);
     --bs-accordion-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,  border-radius 0.15s ease;
     --bs-accordion-border-color:  rgba(0,  0,  0,  0.125);
     --bs-accordion-border-width:  var(--bs-border-width);
     --bs-accordion-border-radius:  var(--bs-border-radius);
     --bs-accordion-inner-border-radius:  calc(var(--bs-border-radius) - (var(--bs-border-width)));
     --bs-accordion-btn-padding-x:  1.5rem;
     --bs-accordion-btn-padding-y:  1rem;
     --bs-accordion-btn-color:  var(--bs-body-color);
     --bs-accordion-btn-bg:  var(--bs-gray-900);
     --bs-accordion-btn-icon:  url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='var%28--bs-heading-color%29' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
     --bs-accordion-btn-icon-width:  1.25rem;
     --bs-accordion-btn-icon-transform:  rotate(-180deg);
     --bs-accordion-btn-icon-transition:  transform 0.2s ease-in-out;
     --bs-accordion-btn-active-icon:  url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='var%28--bs-primary%29' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
     --bs-accordion-btn-focus-box-shadow:  0 0 0 0.25rem rgba(80,  181,  255,  0.25);
     --bs-accordion-body-padding-x:  1.5rem;
     --bs-accordion-body-padding-y:  1rem;
     --bs-accordion-active-color:  var(--bs-primary);
     --bs-accordion-active-bg:  var(--bs-primary-bg-subtle) }
 .accordion-button  {
     position:  relative;
     display:  flex;
     align-items:  center;
     width:  100%;
     padding:  var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
     font-size:  .875rem;
     color:  var(--bs-accordion-btn-color);
     text-align:  left;
     background-color:  var(--bs-accordion-btn-bg);
     border:  0;
     border-radius:  0;
     overflow-anchor:  none;
     transition:  var(--bs-accordion-transition) }
 @media (prefers-reduced-motion:reduce)  {
     .accordion-button  {
     transition:  none }
 } .accordion-button:not(.collapsed)  {
     color:  var(--bs-accordion-active-color);
     background-color:  var(--bs-accordion-active-bg);
     box-shadow:  inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color) }
 .accordion-button:not(.collapsed)::after  {
     background-image:  var(--bs-accordion-btn-active-icon);
     transform:  var(--bs-accordion-btn-icon-transform) }
 .accordion-button::after  {
     flex-shrink:  0;
     width:  var(--bs-accordion-btn-icon-width);
     height:  var(--bs-accordion-btn-icon-width);
     margin-left:  auto;
     content:  "";
     background-image:  var(--bs-accordion-btn-icon);
     background-repeat:  no-repeat;
     background-size:  var(--bs-accordion-btn-icon-width);
     transition:  var(--bs-accordion-btn-icon-transition) }
 @media (prefers-reduced-motion:reduce)  {
     .accordion-button: :after  {
     transition:  none }
 } .accordion-button:hover  {
     z-index:  2 }
 .accordion-button:focus  {
     z-index:  3;
     outline:  0;
     box-shadow:  var(--bs-accordion-btn-focus-box-shadow) }
 .accordion-header  {
     margin-bottom:  0 }
 .accordion-item  {
     color:  var(--bs-accordion-color);
     background-color:  var(--bs-accordion-bg);
     border:  var(--bs-accordion-border-width) solid var(--bs-accordion-border-color) }
 .accordion-item:first-of-type  {
     border-top-left-radius:  var(--bs-accordion-border-radius);
     border-top-right-radius:  var(--bs-accordion-border-radius) }
 .accordion-item:first-of-type>.accordion-header .accordion-button  {
     border-top-left-radius:  var(--bs-accordion-inner-border-radius);
     border-top-right-radius:  var(--bs-accordion-inner-border-radius) }
 .accordion-item:not(:first-of-type)  {
     border-top:  0 }
 .accordion-item:last-of-type  {
     border-bottom-right-radius:  var(--bs-accordion-border-radius);
     border-bottom-left-radius:  var(--bs-accordion-border-radius) }
 .accordion-item:last-of-type>.accordion-header .accordion-button.collapsed  {
     border-bottom-right-radius:  var(--bs-accordion-inner-border-radius);
     border-bottom-left-radius:  var(--bs-accordion-inner-border-radius) }
 .accordion-item:last-of-type>.accordion-collapse  {
     border-bottom-right-radius:  var(--bs-accordion-border-radius);
     border-bottom-left-radius:  var(--bs-accordion-border-radius) }
 .accordion-body  {
     padding:  var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x) }
 .accordion-flush>.accordion-item  {
     border-right:  0;
     border-left:  0;
     border-radius:  0 }
 .accordion-flush>.accordion-item:first-child  {
     border-top:  0 }
 .accordion-flush>.accordion-item:last-child  {
     border-bottom:  0 }
 .accordion-flush>.accordion-item>.accordion-collapse,  .accordion-flush>.accordion-item>.accordion-header .accordion-button,  .accordion-flush>.accordion-item>.accordion-header .accordion-button.collapsed  {
     border-radius:  0 }
 [data-bs-theme=dark] .accordion-button::after  {
     --bs-accordion-btn-icon:  url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb%28150,  210.6,  255%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
     --bs-accordion-btn-active-icon:  url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb%28150,  210.6,  255%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e") }
 .breadcrumb  {
     --bs-breadcrumb-padding-x:  1rem;
     --bs-breadcrumb-padding-y:  0.75rem;
     --bs-breadcrumb-margin-bottom:  1rem;
     --bs-breadcrumb-bg:  var(--bs-body-bg);
     --bs-breadcrumb-border-radius:  0.25rem;
     --bs-breadcrumb-divider-color:  #6c757d;
     --bs-breadcrumb-item-padding-x:  0.5rem;
     --bs-breadcrumb-item-active-color:  #6c757d;
     display:  flex;
     flex-wrap:  wrap;
     padding:  var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
     margin-bottom:  var(--bs-breadcrumb-margin-bottom);
     font-size:  var(--bs-breadcrumb-font-size);
     list-style:  none;
     background-color:  var(--bs-breadcrumb-bg);
     border-radius:  var(--bs-breadcrumb-border-radius) }
 .breadcrumb-item+.breadcrumb-item  {
     padding-left:  var(--bs-breadcrumb-item-padding-x) }
 .breadcrumb-item+.breadcrumb-item::before  {
     float:  left;
     padding-right:  var(--bs-breadcrumb-item-padding-x);
     color:  var(--bs-breadcrumb-divider-color);
     content:  var(--bs-breadcrumb-divider,  "/") }
 .breadcrumb-item.active  {
     color:  var(--bs-breadcrumb-item-active-color) }
 .pagination  {
     --bs-pagination-padding-x:  1rem;
     --bs-pagination-padding-y:  0.25rem;
     --bs-pagination-font-size:  0.875rem;
     --bs-pagination-color:  var(--bs-primary);
     --bs-pagination-bg:  var(--bs-gray-900);
     --bs-pagination-border-width:  var(--bs-border-width);
     --bs-pagination-border-color:  var(--bs-border-color);
     --bs-pagination-border-radius:  var(--bs-border-radius);
     --bs-pagination-hover-color:  var(--bs-primary);
     --bs-pagination-hover-bg:  var(--bs-gray-200);
     --bs-pagination-hover-border-color:  var(--bs-border-color);
     --bs-pagination-focus-color:  var(--bs-link-hover-color);
     --bs-pagination-focus-bg:  var(--bs-gray-200);
     --bs-pagination-focus-box-shadow:  0 0 0 0.25rem rgba(80,  181,  255,  0.25);
     --bs-pagination-active-color:  var(--bs-white);
     --bs-pagination-active-bg:  var(--bs-primary);
     --bs-pagination-active-border-color:  var(--bs-primary);
     --bs-pagination-disabled-color:  var(--bs-primary);
     --bs-pagination-disabled-bg:  var(--bs-gray-200);
     --bs-pagination-disabled-border-color:  var(--bs-border-color);
     display:  flex;
     padding-left:  0;
     list-style:  none }
 .page-link  {
     position:  relative;
     display:  block;
     padding:  var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
     font-size:  var(--bs-pagination-font-size);
     color:  var(--bs-pagination-color);
     background-color:  var(--bs-pagination-bg);
     border:  var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
     transition:  color .15s ease-in-out,  background-color .15s ease-in-out,  border-color .15s ease-in-out,  box-shadow .15s ease-in-out }
 @media (prefers-reduced-motion:reduce)  {
     .page-link  {
     transition:  none }
 } .page-link:hover  {
     z-index:  2;
     color:  var(--bs-pagination-hover-color);
     background-color:  var(--bs-pagination-hover-bg);
     border-color:  var(--bs-pagination-hover-border-color) }
 .page-link:focus  {
     z-index:  3;
     color:  var(--bs-pagination-focus-color);
     background-color:  var(--bs-pagination-focus-bg);
     outline:  0;
     box-shadow:  var(--bs-pagination-focus-box-shadow) }
 .active>.page-link,  .page-link.active  {
     z-index:  3;
     color:  var(--bs-pagination-active-color);
     background-color:  var(--bs-pagination-active-bg);
     border-color:  var(--bs-pagination-active-border-color) }
 .disabled>.page-link,  .page-link.disabled  {
     color:  var(--bs-pagination-disabled-color);
     pointer-events:  none;
     background-color:  var(--bs-pagination-disabled-bg);
     border-color:  var(--bs-pagination-disabled-border-color) }
 .page-item:not(:first-child) .page-link  {
     margin-left:  calc(-1 * var(--bs-border-width)) }
 .page-item:first-child .page-link  {
     border-top-left-radius:  var(--bs-pagination-border-radius);
     border-bottom-left-radius:  var(--bs-pagination-border-radius) }
 .page-item:last-child .page-link  {
     border-top-right-radius:  var(--bs-pagination-border-radius);
     border-bottom-right-radius:  var(--bs-pagination-border-radius) }
 .pagination-lg  {
     --bs-pagination-padding-x:  1.5rem;
     --bs-pagination-padding-y:  0.5rem;
     --bs-pagination-font-size:  1.09375rem;
     --bs-pagination-border-radius:  var(--bs-border-radius-lg) }
 .pagination-sm  {
     --bs-pagination-padding-x:  0.75rem;
     --bs-pagination-padding-y:  0.125rem;
     --bs-pagination-font-size:  0.765625rem;
     --bs-pagination-border-radius:  var(--bs-border-radius-sm) }
 .badge  {
     --bs-badge-padding-x:  0.5rem;
     --bs-badge-padding-y:  0.25rem;
     --bs-badge-font-size:  0.75em;
     --bs-badge-font-weight:  700;
     --bs-badge-color:  #fff;
     --bs-badge-border-radius:  0.25rem;
     display:  inline-block;
     padding:  var(--bs-badge-padding-y) var(--bs-badge-padding-x);
     font-size:  var(--bs-badge-font-size);
     font-weight:  var(--bs-badge-font-weight);
     line-height:  1;
     color:  var(--bs-badge-color);
     text-align:  center;
     white-space:  nowrap;
     vertical-align:  baseline;
     border-radius:  var(--bs-badge-border-radius) }
 .badge:empty  {
     display:  none }
 .btn .badge  {
     position:  relative;
     top:  -1px }
 .alert  {
     --bs-alert-bg:  transparent;
     --bs-alert-padding-x:  1rem;
     --bs-alert-padding-y:  1rem;
     --bs-alert-margin-bottom:  1rem;
     --bs-alert-color:  inherit;
     --bs-alert-border-color:  transparent;
     --bs-alert-border:  var(--bs-border-width) solid var(--bs-alert-border-color);
     --bs-alert-border-radius:  var(--bs-border-color-translucent);
     --bs-alert-link-color:  inherit;
     position:  relative;
     padding:  var(--bs-alert-padding-y) var(--bs-alert-padding-x);
     margin-bottom:  var(--bs-alert-margin-bottom);
     color:  var(--bs-alert-color);
     background-color:  var(--bs-alert-bg);
     border:  var(--bs-alert-border);
     border-radius:  var(--bs-alert-border-radius) }
 .alert-heading  {
     color:  inherit }
 .alert-link  {
     font-weight:  700;
     color:  var(--bs-alert-link-color) }
 .alert-dismissible  {
     padding-right:  3rem }
 .alert-dismissible .btn-close  {
     position:  absolute;
     top:  0;
     right:  0;
     z-index:  2;
     padding:  1.25rem 1rem }
 .alert-primary  {
     --bs-alert-color:  var(--bs-primary-text-emphasis);
     --bs-alert-bg:  var(--bs-primary-bg-subtle);
     --bs-alert-border-color:  var(--bs-primary-border-subtle);
     --bs-alert-link-color:  var(--bs-primary-text-emphasis) }
 .alert-secondary  {
     --bs-alert-color:  var(--bs-secondary-text-emphasis);
     --bs-alert-bg:  var(--bs-secondary-bg-subtle);
     --bs-alert-border-color:  var(--bs-secondary-border-subtle);
     --bs-alert-link-color:  var(--bs-secondary-text-emphasis) }
 .alert-success  {
     --bs-alert-color:  var(--bs-success-text-emphasis);
     --bs-alert-bg:  var(--bs-success-bg-subtle);
     --bs-alert-border-color:  var(--bs-success-border-subtle);
     --bs-alert-link-color:  var(--bs-success-text-emphasis) }
 .alert-info  {
     --bs-alert-color:  var(--bs-info-text-emphasis);
     --bs-alert-bg:  var(--bs-info-bg-subtle);
     --bs-alert-border-color:  var(--bs-info-border-subtle);
     --bs-alert-link-color:  var(--bs-info-text-emphasis) }
 .alert-warning  {
     --bs-alert-color:  var(--bs-warning-text-emphasis);
     --bs-alert-bg:  var(--bs-warning-bg-subtle);
     --bs-alert-border-color:  var(--bs-warning-border-subtle);
     --bs-alert-link-color:  var(--bs-warning-text-emphasis) }
 .alert-danger  {
     --bs-alert-color:  var(--bs-danger-text-emphasis);
     --bs-alert-bg:  var(--bs-danger-bg-subtle);
     --bs-alert-border-color:  var(--bs-danger-border-subtle);
     --bs-alert-link-color:  var(--bs-danger-text-emphasis) }
 .alert-light  {
     --bs-alert-color:  var(--bs-light-text-emphasis);
     --bs-alert-bg:  var(--bs-light-bg-subtle);
     --bs-alert-border-color:  var(--bs-light-border-subtle);
     --bs-alert-link-color:  var(--bs-light-text-emphasis) }
 .alert-dark  {
     --bs-alert-color:  var(--bs-dark-text-emphasis);
     --bs-alert-bg:  var(--bs-dark-bg-subtle);
     --bs-alert-border-color:  var(--bs-dark-border-subtle);
     --bs-alert-link-color:  var(--bs-dark-text-emphasis) }
 .alert-gray  {
     --bs-alert-color:  var(--bs-gray-text-emphasis);
     --bs-alert-bg:  var(--bs-gray-bg-subtle);
     --bs-alert-border-color:  var(--bs-gray-border-subtle);
     --bs-alert-link-color:  var(--bs-gray-text-emphasis) }
 .alert-gray-dark  {
     --bs-alert-color:  var(--bs-gray-dark-text-emphasis);
     --bs-alert-bg:  var(--bs-gray-dark-bg-subtle);
     --bs-alert-border-color:  var(--bs-gray-dark-border-subtle);
     --bs-alert-link-color:  var(--bs-gray-dark-text-emphasis) }
 @keyframes progress-bar-stripes  {
     0%  {
     background-position-x:  var(--bs-progress-height) }
 } .progress,  .progress-stacked  {
     --bs-progress-height:  1rem;
     --bs-progress-font-size:  0.65625rem;
     --bs-progress-bg:  var(--bs-secondary-bg);
     --bs-progress-border-radius:  var(--bs-border-radius);
     --bs-progress-box-shadow:  var(--bs-box-shadow-inset);
     --bs-progress-bar-color:  #fff;
     --bs-progress-bar-bg:  var(--bs-primary);
     --bs-progress-bar-transition:  width 0.6s ease;
     display:  flex;
     height:  var(--bs-progress-height);
     overflow:  hidden;
     font-size:  var(--bs-progress-font-size);
     background-color:  var(--bs-progress-bg);
     border-radius:  var(--bs-progress-border-radius) }
 .progress-bar  {
     display:  flex;
     flex-direction:  column;
     justify-content:  center;
     overflow:  hidden;
     color:  var(--bs-progress-bar-color);
     text-align:  center;
     white-space:  nowrap;
     background-color:  var(--bs-progress-bar-bg);
     transition:  var(--bs-progress-bar-transition) }
 @media (prefers-reduced-motion:reduce)  {
     .progress-bar  {
     transition:  none }
 } .progress-bar-striped  {
     background-image:  linear-gradient(45deg,  rgba(255,  255,  255,  .15) 25%,  transparent 25%,  transparent 50%,  rgba(255,  255,  255,  .15) 50%,  rgba(255,  255,  255,  .15) 75%,  transparent 75%,  transparent);
     background-size:  var(--bs-progress-height) var(--bs-progress-height) }
 .progress-stacked>.progress  {
     overflow:  visible }
 .progress-stacked>.progress>.progress-bar  {
     width:  100% }
 .progress-bar-animated  {
     animation:  1s linear infinite progress-bar-stripes }
 @media (prefers-reduced-motion:reduce)  {
     .progress-bar-animated  {
     animation:  none }
 } .list-group  {
     --bs-list-group-color:  var(--bs-heading-color);
     --bs-list-group-bg:  var(--bs-gray-900);
     --bs-list-group-border-color:  var(--bs-border-color);
     --bs-list-group-border-width:  var(--bs-border-width);
     --bs-list-group-border-radius:  var(--bs-border-radius);
     --bs-list-group-item-padding-x:  1rem;
     --bs-list-group-item-padding-y:  0.5rem;
     --bs-list-group-action-color:  var(--bs-gray-700);
     --bs-list-group-action-hover-color:  var(--bs-gray-700);
     --bs-list-group-action-hover-bg:  var(--bs-gray-100);
     --bs-list-group-action-active-color:  var(--bs-body-color);
     --bs-list-group-action-active-bg:  var(--bs-gray-200);
     --bs-list-group-disabled-color:  #6c757d;
     --bs-list-group-disabled-bg:  var(--bs-gray-900);
     --bs-list-group-active-color:  #fff;
     --bs-list-group-active-bg:  var(--bs-primary);
     --bs-list-group-active-border-color:  var(--bs-primary);
     display:  flex;
     flex-direction:  column;
     padding-left:  0;
     margin-bottom:  0;
     border-radius:  var(--bs-list-group-border-radius) }
 .list-group-numbered  {
     list-style-type:  none;
     counter-reset:  section }
 .list-group-numbered>.list-group-item::before  {
     content:  counters(section,  ".") ". ";
     counter-increment:  section }
 .list-group-item  {
     position:  relative;
     display:  block;
     padding:  var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
     color:  var(--bs-list-group-color);
     background-color:  var(--bs-list-group-bg);
     border:  var(--bs-list-group-border-width) solid var(--bs-list-group-border-color) }
 .list-group-item:first-child  {
     border-top-left-radius:  inherit;
     border-top-right-radius:  inherit }
 .list-group-item:last-child  {
     border-bottom-right-radius:  inherit;
     border-bottom-left-radius:  inherit }
 .list-group-item.disabled,  .list-group-item:disabled  {
     color:  var(--bs-list-group-disabled-color);
     pointer-events:  none;
     background-color:  var(--bs-list-group-disabled-bg) }
 .list-group-item.active  {
     z-index:  2;
     color:  var(--bs-list-group-active-color);
     background-color:  var(--bs-list-group-active-bg);
     border-color:  var(--bs-list-group-active-border-color) }
 .list-group-item+.list-group-item  {
     border-top-width:  0 }
 .list-group-item+.list-group-item.active  {
     margin-top:  calc(-1 * var(--bs-list-group-border-width));
     border-top-width:  var(--bs-list-group-border-width) }
 .list-group-item-action  {
     width:  100%;
     color:  var(--bs-list-group-action-color);
     text-align:  inherit }
 .list-group-item-action:not(.active):focus,  .list-group-item-action:not(.active):hover  {
     z-index:  1;
     color:  var(--bs-list-group-action-hover-color);
     text-decoration:  none;
     background-color:  var(--bs-list-group-action-hover-bg) }
 .list-group-item-action:not(.active):active  {
     color:  var(--bs-list-group-action-active-color);
     background-color:  var(--bs-list-group-action-active-bg) }
 .list-group-horizontal  {
     flex-direction:  row }
 .list-group-horizontal>.list-group-item:first-child:not(:last-child)  {
     border-bottom-left-radius:  var(--bs-list-group-border-radius);
     border-top-right-radius:  0 }
 .list-group-horizontal>.list-group-item:last-child:not(:first-child)  {
     border-top-right-radius:  var(--bs-list-group-border-radius);
     border-bottom-left-radius:  0 }
 .list-group-horizontal>.list-group-item.active  {
     margin-top:  0 }
 .list-group-horizontal>.list-group-item+.list-group-item  {
     border-top-width:  var(--bs-list-group-border-width);
     border-left-width:  0 }
 .list-group-horizontal>.list-group-item+.list-group-item.active  {
     margin-left:  calc(-1 * var(--bs-list-group-border-width));
     border-left-width:  var(--bs-list-group-border-width) }
 @media (min-width:576px)  {
     .list-group-horizontal-sm  {
     flex-direction:  row }
 .list-group-horizontal-sm>.list-group-item:first-child:not(:last-child)  {
     border-bottom-left-radius:  var(--bs-list-group-border-radius);
     border-top-right-radius:  0 }
 .list-group-horizontal-sm>.list-group-item:last-child:not(:first-child)  {
     border-top-right-radius:  var(--bs-list-group-border-radius);
     border-bottom-left-radius:  0 }
 .list-group-horizontal-sm>.list-group-item.active  {
     margin-top:  0 }
 .list-group-horizontal-sm>.list-group-item+.list-group-item  {
     border-top-width:  var(--bs-list-group-border-width);
     border-left-width:  0 }
 .list-group-horizontal-sm>.list-group-item+.list-group-item.active  {
     margin-left:  calc(-1 * var(--bs-list-group-border-width));
     border-left-width:  var(--bs-list-group-border-width) }
 } @media (min-width:768px)  {
     .list-group-horizontal-md  {
     flex-direction:  row }
 .list-group-horizontal-md>.list-group-item:first-child:not(:last-child)  {
     border-bottom-left-radius:  var(--bs-list-group-border-radius);
     border-top-right-radius:  0 }
 .list-group-horizontal-md>.list-group-item:last-child:not(:first-child)  {
     border-top-right-radius:  var(--bs-list-group-border-radius);
     border-bottom-left-radius:  0 }
 .list-group-horizontal-md>.list-group-item.active  {
     margin-top:  0 }
 .list-group-horizontal-md>.list-group-item+.list-group-item  {
     border-top-width:  var(--bs-list-group-border-width);
     border-left-width:  0 }
 .list-group-horizontal-md>.list-group-item+.list-group-item.active  {
     margin-left:  calc(-1 * var(--bs-list-group-border-width));
     border-left-width:  var(--bs-list-group-border-width) }
 } @media (min-width:992px)  {
     .list-group-horizontal-lg  {
     flex-direction:  row }
 .list-group-horizontal-lg>.list-group-item:first-child:not(:last-child)  {
     border-bottom-left-radius:  var(--bs-list-group-border-radius);
     border-top-right-radius:  0 }
 .list-group-horizontal-lg>.list-group-item:last-child:not(:first-child)  {
     border-top-right-radius:  var(--bs-list-group-border-radius);
     border-bottom-left-radius:  0 }
 .list-group-horizontal-lg>.list-group-item.active  {
     margin-top:  0 }
 .list-group-horizontal-lg>.list-group-item+.list-group-item  {
     border-top-width:  var(--bs-list-group-border-width);
     border-left-width:  0 }
 .list-group-horizontal-lg>.list-group-item+.list-group-item.active  {
     margin-left:  calc(-1 * var(--bs-list-group-border-width));
     border-left-width:  var(--bs-list-group-border-width) }
 } @media (min-width:1200px)  {
     .list-group-horizontal-xl  {
     flex-direction:  row }
 .list-group-horizontal-xl>.list-group-item:first-child:not(:last-child)  {
     border-bottom-left-radius:  var(--bs-list-group-border-radius);
     border-top-right-radius:  0 }
 .list-group-horizontal-xl>.list-group-item:last-child:not(:first-child)  {
     border-top-right-radius:  var(--bs-list-group-border-radius);
     border-bottom-left-radius:  0 }
 .list-group-horizontal-xl>.list-group-item.active  {
     margin-top:  0 }
 .list-group-horizontal-xl>.list-group-item+.list-group-item  {
     border-top-width:  var(--bs-list-group-border-width);
     border-left-width:  0 }
 .list-group-horizontal-xl>.list-group-item+.list-group-item.active  {
     margin-left:  calc(-1 * var(--bs-list-group-border-width));
     border-left-width:  var(--bs-list-group-border-width) }
 } @media (min-width:1400px)  {
     .list-group-horizontal-xxl  {
     flex-direction:  row }
 .list-group-horizontal-xxl>.list-group-item:first-child:not(:last-child)  {
     border-bottom-left-radius:  var(--bs-list-group-border-radius);
     border-top-right-radius:  0 }
 .list-group-horizontal-xxl>.list-group-item:last-child:not(:first-child)  {
     border-top-right-radius:  var(--bs-list-group-border-radius);
     border-bottom-left-radius:  0 }
 .list-group-horizontal-xxl>.list-group-item.active  {
     margin-top:  0 }
 .list-group-horizontal-xxl>.list-group-item+.list-group-item  {
     border-top-width:  var(--bs-list-group-border-width);
     border-left-width:  0 }
 .list-group-horizontal-xxl>.list-group-item+.list-group-item.active  {
     margin-left:  calc(-1 * var(--bs-list-group-border-width));
     border-left-width:  var(--bs-list-group-border-width) }
 } .list-group-flush  {
     border-radius:  0 }
 .list-group-flush>.list-group-item  {
     border-width:  0 0 var(--bs-list-group-border-width) }
 .list-group-flush>.list-group-item:last-child  {
     border-bottom-width:  0 }
 .list-group-item-primary  {
     --bs-list-group-color:  var(--bs-primary-text-emphasis);
     --bs-list-group-bg:  var(--bs-primary-bg-subtle);
     --bs-list-group-border-color:  var(--bs-primary-border-subtle);
     --bs-list-group-action-hover-color:  var(--bs-emphasis-color);
     --bs-list-group-action-hover-bg:  var(--bs-primary-border-subtle);
     --bs-list-group-action-active-color:  var(--bs-emphasis-color);
     --bs-list-group-action-active-bg:  var(--bs-primary-border-subtle);
     --bs-list-group-active-color:  var(--bs-primary-bg-subtle);
     --bs-list-group-active-bg:  var(--bs-primary-text-emphasis);
     --bs-list-group-active-border-color:  var(--bs-primary-text-emphasis) }
 .list-group-item-secondary  {
     --bs-list-group-color:  var(--bs-secondary-text-emphasis);
     --bs-list-group-bg:  var(--bs-secondary-bg-subtle);
     --bs-list-group-border-color:  var(--bs-secondary-border-subtle);
     --bs-list-group-action-hover-color:  var(--bs-emphasis-color);
     --bs-list-group-action-hover-bg:  var(--bs-secondary-border-subtle);
     --bs-list-group-action-active-color:  var(--bs-emphasis-color);
     --bs-list-group-action-active-bg:  var(--bs-secondary-border-subtle);
     --bs-list-group-active-color:  var(--bs-secondary-bg-subtle);
     --bs-list-group-active-bg:  var(--bs-secondary-text-emphasis);
     --bs-list-group-active-border-color:  var(--bs-secondary-text-emphasis) }
 .list-group-item-success  {
     --bs-list-group-color:  var(--bs-success-text-emphasis);
     --bs-list-group-bg:  var(--bs-success-bg-subtle);
     --bs-list-group-border-color:  var(--bs-success-border-subtle);
     --bs-list-group-action-hover-color:  var(--bs-emphasis-color);
     --bs-list-group-action-hover-bg:  var(--bs-success-border-subtle);
     --bs-list-group-action-active-color:  var(--bs-emphasis-color);
     --bs-list-group-action-active-bg:  var(--bs-success-border-subtle);
     --bs-list-group-active-color:  var(--bs-success-bg-subtle);
     --bs-list-group-active-bg:  var(--bs-success-text-emphasis);
     --bs-list-group-active-border-color:  var(--bs-success-text-emphasis) }
 .list-group-item-info  {
     --bs-list-group-color:  var(--bs-info-text-emphasis);
     --bs-list-group-bg:  var(--bs-info-bg-subtle);
     --bs-list-group-border-color:  var(--bs-info-border-subtle);
     --bs-list-group-action-hover-color:  var(--bs-emphasis-color);
     --bs-list-group-action-hover-bg:  var(--bs-info-border-subtle);
     --bs-list-group-action-active-color:  var(--bs-emphasis-color);
     --bs-list-group-action-active-bg:  var(--bs-info-border-subtle);
     --bs-list-group-active-color:  var(--bs-info-bg-subtle);
     --bs-list-group-active-bg:  var(--bs-info-text-emphasis);
     --bs-list-group-active-border-color:  var(--bs-info-text-emphasis) }
 .list-group-item-warning  {
     --bs-list-group-color:  var(--bs-warning-text-emphasis);
     --bs-list-group-bg:  var(--bs-warning-bg-subtle);
     --bs-list-group-border-color:  var(--bs-warning-border-subtle);
     --bs-list-group-action-hover-color:  var(--bs-emphasis-color);
     --bs-list-group-action-hover-bg:  var(--bs-warning-border-subtle);
     --bs-list-group-action-active-color:  var(--bs-emphasis-color);
     --bs-list-group-action-active-bg:  var(--bs-warning-border-subtle);
     --bs-list-group-active-color:  var(--bs-warning-bg-subtle);
     --bs-list-group-active-bg:  var(--bs-warning-text-emphasis);
     --bs-list-group-active-border-color:  var(--bs-warning-text-emphasis) }
 .list-group-item-danger  {
     --bs-list-group-color:  var(--bs-danger-text-emphasis);
     --bs-list-group-bg:  var(--bs-danger-bg-subtle);
     --bs-list-group-border-color:  var(--bs-danger-border-subtle);
     --bs-list-group-action-hover-color:  var(--bs-emphasis-color);
     --bs-list-group-action-hover-bg:  var(--bs-danger-border-subtle);
     --bs-list-group-action-active-color:  var(--bs-emphasis-color);
     --bs-list-group-action-active-bg:  var(--bs-danger-border-subtle);
     --bs-list-group-active-color:  var(--bs-danger-bg-subtle);
     --bs-list-group-active-bg:  var(--bs-danger-text-emphasis);
     --bs-list-group-active-border-color:  var(--bs-danger-text-emphasis) }
 .list-group-item-light  {
     --bs-list-group-color:  var(--bs-light-text-emphasis);
     --bs-list-group-bg:  var(--bs-light-bg-subtle);
     --bs-list-group-border-color:  var(--bs-light-border-subtle);
     --bs-list-group-action-hover-color:  var(--bs-emphasis-color);
     --bs-list-group-action-hover-bg:  var(--bs-light-border-subtle);
     --bs-list-group-action-active-color:  var(--bs-emphasis-color);
     --bs-list-group-action-active-bg:  var(--bs-light-border-subtle);
     --bs-list-group-active-color:  var(--bs-light-bg-subtle);
     --bs-list-group-active-bg:  var(--bs-light-text-emphasis);
     --bs-list-group-active-border-color:  var(--bs-light-text-emphasis) }
 .list-group-item-dark  {
     --bs-list-group-color:  var(--bs-dark-text-emphasis);
     --bs-list-group-bg:  var(--bs-dark-bg-subtle);
     --bs-list-group-border-color:  var(--bs-dark-border-subtle);
     --bs-list-group-action-hover-color:  var(--bs-emphasis-color);
     --bs-list-group-action-hover-bg:  var(--bs-dark-border-subtle);
     --bs-list-group-action-active-color:  var(--bs-emphasis-color);
     --bs-list-group-action-active-bg:  var(--bs-dark-border-subtle);
     --bs-list-group-active-color:  var(--bs-dark-bg-subtle);
     --bs-list-group-active-bg:  var(--bs-dark-text-emphasis);
     --bs-list-group-active-border-color:  var(--bs-dark-text-emphasis) }
 .list-group-item-gray  {
     --bs-list-group-color:  var(--bs-gray-text-emphasis);
     --bs-list-group-bg:  var(--bs-gray-bg-subtle);
     --bs-list-group-border-color:  var(--bs-gray-border-subtle);
     --bs-list-group-action-hover-color:  var(--bs-emphasis-color);
     --bs-list-group-action-hover-bg:  var(--bs-gray-border-subtle);
     --bs-list-group-action-active-color:  var(--bs-emphasis-color);
     --bs-list-group-action-active-bg:  var(--bs-gray-border-subtle);
     --bs-list-group-active-color:  var(--bs-gray-bg-subtle);
     --bs-list-group-active-bg:  var(--bs-gray-text-emphasis);
     --bs-list-group-active-border-color:  var(--bs-gray-text-emphasis) }
 .list-group-item-gray-dark  {
     --bs-list-group-color:  var(--bs-gray-dark-text-emphasis);
     --bs-list-group-bg:  var(--bs-gray-dark-bg-subtle);
     --bs-list-group-border-color:  var(--bs-gray-dark-border-subtle);
     --bs-list-group-action-hover-color:  var(--bs-emphasis-color);
     --bs-list-group-action-hover-bg:  var(--bs-gray-dark-border-subtle);
     --bs-list-group-action-active-color:  var(--bs-emphasis-color);
     --bs-list-group-action-active-bg:  var(--bs-gray-dark-border-subtle);
     --bs-list-group-active-color:  var(--bs-gray-dark-bg-subtle);
     --bs-list-group-active-bg:  var(--bs-gray-dark-text-emphasis);
     --bs-list-group-active-border-color:  var(--bs-gray-dark-text-emphasis) }
 .btn-close  {
     --bs-btn-close-color:  #000;
     --bs-btn-close-bg:  url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e");
     --bs-btn-close-opacity:  0.5;
     --bs-btn-close-hover-opacity:  0.75;
     --bs-btn-close-focus-shadow:  0 0 0 0.25rem rgba(80,  181,  255,  0.25);
     --bs-btn-close-focus-opacity:  1;
     --bs-btn-close-disabled-opacity:  0.25;
     box-sizing:  content-box;
     width:  1em;
     height:  1em;
     padding:  .25em .25em;
     color:  var(--bs-btn-close-color);
     background:  transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
     filter:  var(--bs-btn-close-filter);
     border:  0;
     border-radius:  .25rem;
     opacity:  var(--bs-btn-close-opacity) }
 .btn-close:hover  {
     color:  var(--bs-btn-close-color);
     text-decoration:  none;
     opacity:  var(--bs-btn-close-hover-opacity) }
 .btn-close:focus  {
     outline:  0;
     box-shadow:  var(--bs-btn-close-focus-shadow);
     opacity:  var(--bs-btn-close-focus-opacity) }
 .btn-close.disabled,  .btn-close:disabled  {
     pointer-events:  none;
     user-select:  none;
     opacity:  var(--bs-btn-close-disabled-opacity) }
 .btn-close-white  {
     --bs-btn-close-filter:  invert(1) grayscale(100%) brightness(200%) }
 [data-bs-theme=dark]  {
     --bs-btn-close-filter:  invert(1) grayscale(100%) brightness(200%) }
 .toast  {
     --bs-toast-zindex:  1090;
     --bs-toast-padding-x:  0.75rem;
     --bs-toast-padding-y:  0.5rem;
     --bs-toast-spacing:  1rem;
     --bs-toast-max-width:  350px;
     --bs-toast-font-size:  0.875rem;
     --bs-toast-bg:  rgba(var(--bs-body-bg-rgb),  0.85);
     --bs-toast-border-width:  var(--bs-border-width);
     --bs-toast-border-color:  var(--bs-border-color-translucent);
     --bs-toast-border-radius:  var(--bs-border-radius);
     --bs-toast-box-shadow:  var(--bs-box-shadow);
     --bs-toast-header-color:  var(--bs-secondary-color);
     --bs-toast-header-bg:  rgba(var(--bs-body-bg-rgb),  0.85);
     --bs-toast-header-border-color:  var(--bs-border-color-translucent);
     width:  var(--bs-toast-max-width);
     max-width:  100%;
     font-size:  var(--bs-toast-font-size);
     color:  var(--bs-toast-color);
     pointer-events:  auto;
     background-color:  var(--bs-toast-bg);
     background-clip:  padding-box;
     border:  var(--bs-toast-border-width) solid var(--bs-toast-border-color);
     box-shadow:  var(--bs-toast-box-shadow);
     border-radius:  var(--bs-toast-border-radius) }
 .toast.showing  {
     opacity:  0 }
 .toast:not(.show)  {
     display:  none }
 .toast-container  {
     --bs-toast-zindex:  1090;
     position:  absolute;
     z-index:  var(--bs-toast-zindex);
     width:  max-content;
     max-width:  100%;
     pointer-events:  none }
 .toast-container>:not(:last-child)  {
     margin-bottom:  var(--bs-toast-spacing) }
 .toast-header  {
     display:  flex;
     align-items:  center;
     padding:  var(--bs-toast-padding-y) var(--bs-toast-padding-x);
     color:  var(--bs-toast-header-color);
     background-color:  var(--bs-toast-header-bg);
     background-clip:  padding-box;
     border-bottom:  var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
     border-top-left-radius:  calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
     border-top-right-radius:  calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width)) }
 .toast-header .btn-close  {
     margin-right:  calc(-.5 * var(--bs-toast-padding-x));
     margin-left:  var(--bs-toast-padding-x) }
 .toast-body  {
     padding:  var(--bs-toast-padding-x);
     word-wrap:  break-word }
 .modal  {
     --bs-modal-zindex:  1055;
     --bs-modal-width:  500px;
     --bs-modal-padding:  1rem;
     --bs-modal-margin:  0.5rem;
     --bs-modal-color:  var(--bs-body-color);
     --bs-modal-bg:  var(--bs-gray-900);
     --bs-modal-border-color:  var(--bs-border-color-translucent);
     --bs-modal-border-width:  var(--bs-border-width);
     --bs-modal-border-radius:  var(--bs-border-radius-lg);
     --bs-modal-box-shadow:  var(--bs-box-shadow-sm);
     --bs-modal-inner-border-radius:  calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
     --bs-modal-header-padding-x:  1rem;
     --bs-modal-header-padding-y:  1rem;
     --bs-modal-header-padding:  1rem 1rem;
     --bs-modal-header-border-color:  var(--bs-border-color);
     --bs-modal-header-border-width:  var(--bs-border-width);
     --bs-modal-title-line-height:  1.8;
     --bs-modal-footer-gap:  0.5rem;
     --bs-modal-footer-border-color:  var(--bs-border-color);
     --bs-modal-footer-border-width:  var(--bs-border-width);
     position:  fixed;
     top:  0;
     left:  0;
     z-index:  var(--bs-modal-zindex);
     display:  none;
     width:  100%;
     height:  100%;
     overflow-x:  hidden;
     overflow-y:  auto;
     outline:  0 }
 .modal-dialog  {
     position:  relative;
     width:  auto;
     margin:  var(--bs-modal-margin);
     pointer-events:  none }
 .modal.fade .modal-dialog  {
     transform:  translate(0,  -50px);
     transition:  transform .3s ease-out }
 @media (prefers-reduced-motion:reduce)  {
     .modal.fade .modal-dialog  {
     transition:  none }
 } .modal.show .modal-dialog  {
     transform:  none }
 .modal.modal-static .modal-dialog  {
     transform:  scale(1.02) }
 .modal-dialog-scrollable  {
     height:  calc(100% - var(--bs-modal-margin) * 2) }
 .modal-dialog-scrollable .modal-content  {
     max-height:  100%;
     overflow:  hidden }
 .modal-dialog-scrollable .modal-body  {
     overflow-y:  auto }
 .modal-dialog-centered  {
     display:  flex;
     align-items:  center;
     min-height:  calc(100% - var(--bs-modal-margin) * 2) }
 .modal-content  {
     position:  relative;
     display:  flex;
     flex-direction:  column;
     width:  100%;
     color:  var(--bs-modal-color);
     pointer-events:  auto;
     background-color:  var(--bs-modal-bg);
     background-clip:  padding-box;
     border:  var(--bs-modal-border-width) solid var(--bs-modal-border-color);
     border-radius:  var(--bs-modal-border-radius);
     outline:  0 }
 .modal-backdrop  {
     --bs-backdrop-zindex:  1050;
     --bs-backdrop-bg:  #000;
     --bs-backdrop-opacity:  0.5;
     position:  fixed;
     top:  0;
     left:  0;
     z-index:  var(--bs-backdrop-zindex);
     width:  100vw;
     height:  100vh;
     background-color:  var(--bs-backdrop-bg) }
 .modal-backdrop.fade  {
     opacity:  0 }
 .modal-backdrop.show  {
     opacity:  var(--bs-backdrop-opacity) }
 .modal-header  {
     display:  flex;
     flex-shrink:  0;
     align-items:  center;
     padding:  var(--bs-modal-header-padding);
     border-bottom:  var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
     border-top-left-radius:  var(--bs-modal-inner-border-radius);
     border-top-right-radius:  var(--bs-modal-inner-border-radius) }
 .modal-header .btn-close  {
     padding:  calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);
     margin-top:  calc(-.5 * var(--bs-modal-header-padding-y));
     margin-right:  calc(-.5 * var(--bs-modal-header-padding-x));
     margin-bottom:  calc(-.5 * var(--bs-modal-header-padding-y));
     margin-left:  auto }
 .modal-title  {
     margin-bottom:  0;
     line-height:  var(--bs-modal-title-line-height) }
 .modal-body  {
     position:  relative;
     flex:  1 1 auto;
     padding:  var(--bs-modal-padding) }
 .modal-footer  {
     display:  flex;
     flex-shrink:  0;
     flex-wrap:  wrap;
     align-items:  center;
     justify-content:  flex-end;
     padding:  calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);
     background-color:  var(--bs-modal-footer-bg);
     border-top:  var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
     border-bottom-right-radius:  var(--bs-modal-inner-border-radius);
     border-bottom-left-radius:  var(--bs-modal-inner-border-radius) }
 .modal-footer>*  {
     margin:  calc(var(--bs-modal-footer-gap) * .5) }
 @media (min-width:576px)  {
     .modal  {
     --bs-modal-margin:  1.75rem;
     --bs-modal-box-shadow:  var(--bs-box-shadow) }
 .modal-dialog  {
     max-width:  var(--bs-modal-width);
     margin-right:  auto;
     margin-left:  auto }
 .modal-sm  {
     --bs-modal-width:  300px }
 } @media (min-width:992px)  {
     .modal-lg,  .modal-xl  {
     --bs-modal-width:  800px }
 } @media (min-width:1200px)  {
     .modal-xl  {
     --bs-modal-width:  1140px }
 } .modal-fullscreen  {
     width:  100vw;
     max-width:  none;
     height:  100%;
     margin:  0 }
 .modal-fullscreen .modal-content  {
     height:  100%;
     border:  0;
     border-radius:  0 }
 .modal-fullscreen .modal-footer,  .modal-fullscreen .modal-header  {
     border-radius:  0 }
 .modal-fullscreen .modal-body  {
     overflow-y:  auto }
 @media (max-width:575.98px)  {
     .modal-fullscreen-sm-down  {
     width:  100vw;
     max-width:  none;
     height:  100%;
     margin:  0 }
 .modal-fullscreen-sm-down .modal-content  {
     height:  100%;
     border:  0;
     border-radius:  0 }
 .modal-fullscreen-sm-down .modal-footer,  .modal-fullscreen-sm-down .modal-header  {
     border-radius:  0 }
 .modal-fullscreen-sm-down .modal-body  {
     overflow-y:  auto }
 } @media (max-width:767.98px)  {
     .modal-fullscreen-md-down  {
     width:  100vw;
     max-width:  none;
     height:  100%;
     margin:  0 }
 .modal-fullscreen-md-down .modal-content  {
     height:  100%;
     border:  0;
     border-radius:  0 }
 .modal-fullscreen-md-down .modal-footer,  .modal-fullscreen-md-down .modal-header  {
     border-radius:  0 }
 .modal-fullscreen-md-down .modal-body  {
     overflow-y:  auto }
 } @media (max-width:991.98px)  {
     .modal-fullscreen-lg-down  {
     width:  100vw;
     max-width:  none;
     height:  100%;
     margin:  0 }
 .modal-fullscreen-lg-down .modal-content  {
     height:  100%;
     border:  0;
     border-radius:  0 }
 .modal-fullscreen-lg-down .modal-footer,  .modal-fullscreen-lg-down .modal-header  {
     border-radius:  0 }
 .modal-fullscreen-lg-down .modal-body  {
     overflow-y:  auto }
 } @media (max-width:1199.98px)  {
     .modal-fullscreen-xl-down  {
     width:  100vw;
     max-width:  none;
     height:  100%;
     margin:  0 }
 .modal-fullscreen-xl-down .modal-content  {
     height:  100%;
     border:  0;
     border-radius:  0 }
 .modal-fullscreen-xl-down .modal-footer,  .modal-fullscreen-xl-down .modal-header  {
     border-radius:  0 }
 .modal-fullscreen-xl-down .modal-body  {
     overflow-y:  auto }
 } @media (max-width:1399.98px)  {
     .modal-fullscreen-xxl-down  {
     width:  100vw;
     max-width:  none;
     height:  100%;
     margin:  0 }
 .modal-fullscreen-xxl-down .modal-content  {
     height:  100%;
     border:  0;
     border-radius:  0 }
 .modal-fullscreen-xxl-down .modal-footer,  .modal-fullscreen-xxl-down .modal-header  {
     border-radius:  0 }
 .modal-fullscreen-xxl-down .modal-body  {
     overflow-y:  auto }
 } .tooltip  {
     --bs-tooltip-zindex:  1080;
     --bs-tooltip-max-width:  200px;
     --bs-tooltip-padding-x:  0.5rem;
     --bs-tooltip-padding-y:  0.25rem;
     --bs-tooltip-font-size:  0.765625rem;
     --bs-tooltip-color:  var(--bs-body-bg);
     --bs-tooltip-bg:  var(--bs-emphasis-color);
     --bs-tooltip-border-radius:  var(--bs-border-radius);
     --bs-tooltip-opacity:  0.9;
     --bs-tooltip-arrow-width:  0.8rem;
     --bs-tooltip-arrow-height:  0.4rem;
     z-index:  var(--bs-tooltip-zindex);
     display:  block;
     margin:  var(--bs-tooltip-margin);
     font-family:  var(--bs-font-sans-serif);
     font-style:  normal;
     font-weight:  400;
     line-height:  1.8;
     text-align:  left;
     text-align:  start;
     text-decoration:  none;
     text-shadow:  none;
     text-transform:  none;
     letter-spacing:  normal;
     word-break:  normal;
     white-space:  normal;
     word-spacing:  normal;
     line-break:  auto;
     font-size:  var(--bs-tooltip-font-size);
     word-wrap:  break-word;
     opacity:  0 }
 .tooltip.show  {
     opacity:  var(--bs-tooltip-opacity) }
 .tooltip .tooltip-arrow  {
     display:  block;
     width:  var(--bs-tooltip-arrow-width);
     height:  var(--bs-tooltip-arrow-height) }
 .tooltip .tooltip-arrow::before  {
     position:  absolute;
     content:  "";
     border-color:  transparent;
     border-style:  solid }
 .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,  .bs-tooltip-top .tooltip-arrow  {
     bottom:  calc(-1 * var(--bs-tooltip-arrow-height)) }
 .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,  .bs-tooltip-top .tooltip-arrow::before  {
     top:  -1px;
     border-width:  var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
     border-top-color:  var(--bs-tooltip-bg) }
 .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,  .bs-tooltip-end .tooltip-arrow  {
     left:  calc(-1 * var(--bs-tooltip-arrow-height));
     width:  var(--bs-tooltip-arrow-height);
     height:  var(--bs-tooltip-arrow-width) }
 .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,  .bs-tooltip-end .tooltip-arrow::before  {
     right:  -1px;
     border-width:  calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
     border-right-color:  var(--bs-tooltip-bg) }
 .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,  .bs-tooltip-bottom .tooltip-arrow  {
     top:  calc(-1 * var(--bs-tooltip-arrow-height)) }
 .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,  .bs-tooltip-bottom .tooltip-arrow::before  {
     bottom:  -1px;
     border-width:  0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
     border-bottom-color:  var(--bs-tooltip-bg) }
 .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,  .bs-tooltip-start .tooltip-arrow  {
     right:  calc(-1 * var(--bs-tooltip-arrow-height));
     width:  var(--bs-tooltip-arrow-height);
     height:  var(--bs-tooltip-arrow-width) }
 .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,  .bs-tooltip-start .tooltip-arrow::before  {
     left:  -1px;
     border-width:  calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
     border-left-color:  var(--bs-tooltip-bg) }
 .tooltip-inner  {
     max-width:  var(--bs-tooltip-max-width);
     padding:  var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
     color:  var(--bs-tooltip-color);
     text-align:  center;
     background-color:  var(--bs-tooltip-bg);
     border-radius:  var(--bs-tooltip-border-radius) }
 .popover  {
     --bs-popover-zindex:  1070;
     --bs-popover-max-width:  276px;
     --bs-popover-font-size:  0.765625rem;
     --bs-popover-bg:  var(--bs-body-bg);
     --bs-popover-border-width:  var(--bs-border-width);
     --bs-popover-border-color:  var(--bs-border-color-translucent);
     --bs-popover-border-radius:  var(--bs-border-radius-lg);
     --bs-popover-inner-border-radius:  calc(var(--bs-border-radius-lg) - var(--bs-border-width));
     --bs-popover-box-shadow:  var(--bs-box-shadow);
     --bs-popover-header-padding-x:  1rem;
     --bs-popover-header-padding-y:  0.5rem;
     --bs-popover-header-font-size:  0.875rem;
     --bs-popover-header-color:  var(--bs-heading-color);
     --bs-popover-header-bg:  var(--bs-gray-200);
     --bs-popover-body-padding-x:  1rem;
     --bs-popover-body-padding-y:  1rem;
     --bs-popover-body-color:  var(--bs-body-color);
     --bs-popover-arrow-width:  1rem;
     --bs-popover-arrow-height:  0.5rem;
     --bs-popover-arrow-border:  var(--bs-popover-border-color);
     z-index:  var(--bs-popover-zindex);
     display:  block;
     max-width:  var(--bs-popover-max-width);
     font-family:  var(--bs-font-sans-serif);
     font-style:  normal;
     font-weight:  400;
     line-height:  1.8;
     text-align:  left;
     text-align:  start;
     text-decoration:  none;
     text-shadow:  none;
     text-transform:  none;
     letter-spacing:  normal;
     word-break:  normal;
     white-space:  normal;
     word-spacing:  normal;
     line-break:  auto;
     font-size:  var(--bs-popover-font-size);
     word-wrap:  break-word;
     background-color:  var(--bs-popover-bg);
     background-clip:  padding-box;
     border:  var(--bs-popover-border-width) solid var(--bs-popover-border-color);
     border-radius:  var(--bs-popover-border-radius) }
 .popover .popover-arrow  {
     display:  block;
     width:  var(--bs-popover-arrow-width);
     height:  var(--bs-popover-arrow-height) }
 .popover .popover-arrow::after,  .popover .popover-arrow::before  {
     position:  absolute;
     display:  block;
     content:  "";
     border-color:  transparent;
     border-style:  solid;
     border-width:  0 }
 .bs-popover-auto[data-popper-placement^=top]>.popover-arrow,  .bs-popover-top>.popover-arrow  {
     bottom:  calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)) }
 .bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,  .bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,  .bs-popover-top>.popover-arrow::after,  .bs-popover-top>.popover-arrow::before  {
     border-width:  var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0 }
 .bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,  .bs-popover-top>.popover-arrow::before  {
     bottom:  0;
     border-top-color:  var(--bs-popover-arrow-border) }
 .bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,  .bs-popover-top>.popover-arrow::after  {
     bottom:  var(--bs-popover-border-width);
     border-top-color:  var(--bs-popover-bg) }
 .bs-popover-auto[data-popper-placement^=right]>.popover-arrow,  .bs-popover-end>.popover-arrow  {
     left:  calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
     width:  var(--bs-popover-arrow-height);
     height:  var(--bs-popover-arrow-width) }
 .bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,  .bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,  .bs-popover-end>.popover-arrow::after,  .bs-popover-end>.popover-arrow::before  {
     border-width:  calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0 }
 .bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,  .bs-popover-end>.popover-arrow::before  {
     left:  0;
     border-right-color:  var(--bs-popover-arrow-border) }
 .bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,  .bs-popover-end>.popover-arrow::after  {
     left:  var(--bs-popover-border-width);
     border-right-color:  var(--bs-popover-bg) }
 .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow,  .bs-popover-bottom>.popover-arrow  {
     top:  calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)) }
 .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,  .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,  .bs-popover-bottom>.popover-arrow::after,  .bs-popover-bottom>.popover-arrow::before  {
     border-width:  0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height) }
 .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,  .bs-popover-bottom>.popover-arrow::before  {
     top:  0;
     border-bottom-color:  var(--bs-popover-arrow-border) }
 .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,  .bs-popover-bottom>.popover-arrow::after  {
     top:  var(--bs-popover-border-width);
     border-bottom-color:  var(--bs-popover-bg) }
 .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,  .bs-popover-bottom .popover-header::before  {
     position:  absolute;
     top:  0;
     left:  50%;
     display:  block;
     width:  var(--bs-popover-arrow-width);
     margin-left:  calc(-.5 * var(--bs-popover-arrow-width));
     content:  "";
     border-bottom:  var(--bs-popover-border-width) solid var(--bs-popover-header-bg) }
 .bs-popover-auto[data-popper-placement^=left]>.popover-arrow,  .bs-popover-start>.popover-arrow  {
     right:  calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
     width:  var(--bs-popover-arrow-height);
     height:  var(--bs-popover-arrow-width) }
 .bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,  .bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,  .bs-popover-start>.popover-arrow::after,  .bs-popover-start>.popover-arrow::before  {
     border-width:  calc(var(--bs-popover-arrow-width) * .5) 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height) }
 .bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,  .bs-popover-start>.popover-arrow::before  {
     right:  0;
     border-left-color:  var(--bs-popover-arrow-border) }
 .bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,  .bs-popover-start>.popover-arrow::after  {
     right:  var(--bs-popover-border-width);
     border-left-color:  var(--bs-popover-bg) }
 .popover-header  {
     padding:  var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
     margin-bottom:  0;
     font-size:  var(--bs-popover-header-font-size);
     color:  var(--bs-popover-header-color);
     background-color:  var(--bs-popover-header-bg);
     border-bottom:  var(--bs-popover-border-width) solid var(--bs-popover-border-color);
     border-top-left-radius:  var(--bs-popover-inner-border-radius);
     border-top-right-radius:  var(--bs-popover-inner-border-radius) }
 .popover-header:empty  {
     display:  none }
 .popover-body  {
     padding:  var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
     color:  var(--bs-popover-body-color) }
 .carousel  {
     position:  relative }
 .carousel.pointer-event  {
     touch-action:  pan-y }
 .carousel-inner  {
     position:  relative;
     width:  100%;
     overflow:  hidden }
 .carousel-inner::after  {
     display:  block;
     clear:  both;
     content:  "" }
 .carousel-item  {
     position:  relative;
     display:  none;
     float:  left;
     width:  100%;
     margin-right:  -100%;
     backface-visibility:  hidden;
     transition:  transform .6s ease-in-out }
 @media (prefers-reduced-motion:reduce)  {
     .carousel-item  {
     transition:  none }
 } .carousel-item-next,  .carousel-item-prev,  .carousel-item.active  {
     display:  block }
 .active.carousel-item-end,  .carousel-item-next:not(.carousel-item-start)  {
     transform:  translateX(100%) }
 .active.carousel-item-start,  .carousel-item-prev:not(.carousel-item-end)  {
     transform:  translateX(-100%) }
 .carousel-fade .carousel-item  {
     opacity:  0;
     transition-property:  opacity;
     transform:  none }
 .carousel-fade .carousel-item-next.carousel-item-start,  .carousel-fade .carousel-item-prev.carousel-item-end,  .carousel-fade .carousel-item.active  {
     z-index:  1;
     opacity:  1 }
 .carousel-fade .active.carousel-item-end,  .carousel-fade .active.carousel-item-start  {
     z-index:  0;
     opacity:  0;
     transition:  opacity 0s .6s }
 @media (prefers-reduced-motion:reduce)  {
     .carousel-fade .active.carousel-item-end,  .carousel-fade .active.carousel-item-start  {
     transition:  none }
 } .carousel-control-next,  .carousel-control-prev  {
     position:  absolute;
     top:  0;
     bottom:  0;
     z-index:  1;
     display:  flex;
     align-items:  center;
     justify-content:  center;
     width:  15%;
     padding:  0;
     color:  #fff;
     text-align:  center;
     background:  0 0;
     filter:  var(--bs-carousel-control-icon-filter);
     border:  0;
     opacity:  .5;
     transition:  opacity .15s ease }
 @media (prefers-reduced-motion:reduce)  {
     .carousel-control-next,  .carousel-control-prev  {
     transition:  none }
 } .carousel-control-next:focus,  .carousel-control-next:hover,  .carousel-control-prev:focus,  .carousel-control-prev:hover  {
     color:  #fff;
     text-decoration:  none;
     outline:  0;
     opacity:  .9 }
 .carousel-control-prev  {
     left:  0 }
 .carousel-control-next  {
     right:  0 }
 .carousel-control-next-icon,  .carousel-control-prev-icon  {
     display:  inline-block;
     width:  2rem;
     height:  2rem;
     background-repeat:  no-repeat;
     background-position:  50%;
     background-size:  100% 100% }
 .carousel-control-prev-icon  {
     background-image:  url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3e%3c/svg%3e") }
 .carousel-control-next-icon  {
     background-image:  url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e") }
 .carousel-indicators  {
     position:  absolute;
     right:  0;
     bottom:  0;
     left:  0;
     z-index:  2;
     display:  flex;
     justify-content:  center;
     padding:  0;
     margin-right:  15%;
     margin-bottom:  1rem;
     margin-left:  15% }
 .carousel-indicators [data-bs-target]  {
     box-sizing:  content-box;
     flex:  0 1 auto;
     width:  20px;
     height:  20px;
     padding:  0;
     margin-right:  3px;
     margin-left:  3px;
     text-indent:  -999px;
     cursor:  pointer;
     background-color:  var(--bs-carousel-indicator-active-bg);
     background-clip:  padding-box;
     border:  0;
     border-top:  0 solid transparent;
     border-bottom:  0 solid transparent;
     opacity:  .5;
     transition:  opacity .6s ease }
 @media (prefers-reduced-motion:reduce)  {
     .carousel-indicators [data-bs-target]  {
     transition:  none }
 } .carousel-indicators .active  {
     opacity:  1 }
 .carousel-caption  {
     position:  absolute;
     right:  15%;
     bottom:  1.25rem;
     left:  15%;
     padding-top:  1.25rem;
     padding-bottom:  1.25rem;
     color:  var(--bs-carousel-caption-color);
     text-align:  center }
 .carousel-dark  {
     --bs-carousel-indicator-active-bg:  #000;
     --bs-carousel-caption-color:  #000;
     --bs-carousel-control-icon-filter:  invert(1) grayscale(100) }
 :root,  [data-bs-theme=light]  {
     --bs-carousel-indicator-active-bg:  #fff;
     --bs-carousel-caption-color:  #fff }
 [data-bs-theme=dark]  {
     --bs-carousel-indicator-active-bg:  #000;
     --bs-carousel-caption-color:  #000;
     --bs-carousel-control-icon-filter:  invert(1) grayscale(100) }
 .spinner-border,  .spinner-grow  {
     display:  inline-block;
     width:  var(--bs-spinner-width);
     height:  var(--bs-spinner-height);
     vertical-align:  var(--bs-spinner-vertical-align);
     border-radius:  50%;
     animation:  var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name) }
 @keyframes spinner-border  {
     to  {
     transform:  rotate(360deg) }
 } .spinner-border  {
     --bs-spinner-width:  2rem;
     --bs-spinner-height:  2rem;
     --bs-spinner-vertical-align:  -0.125em;
     --bs-spinner-border-width:  0.25em;
     --bs-spinner-animation-speed:  0.75s;
     --bs-spinner-animation-name:  spinner-border;
     border:  var(--bs-spinner-border-width) solid currentcolor;
     border-right-color:  transparent }
 .spinner-border-sm  {
     --bs-spinner-width:  1rem;
     --bs-spinner-height:  1rem;
     --bs-spinner-border-width:  0.2em }
 @keyframes spinner-grow  {
     0%  {
     transform:  scale(0) }
 50%  {
     opacity:  1;
     transform:  none }
 } .spinner-grow  {
     --bs-spinner-width:  2rem;
     --bs-spinner-height:  2rem;
     --bs-spinner-vertical-align:  -0.125em;
     --bs-spinner-animation-speed:  0.75s;
     --bs-spinner-animation-name:  spinner-grow;
     background-color:  currentcolor;
     opacity:  0 }
 .spinner-grow-sm  {
     --bs-spinner-width:  1rem;
     --bs-spinner-height:  1rem }
 @media (prefers-reduced-motion:reduce)  {
     .spinner-border,  .spinner-grow  {
     --bs-spinner-animation-speed:  1.5s }
 } .offcanvas,  .offcanvas-lg,  .offcanvas-md,  .offcanvas-sm,  .offcanvas-xl,  .offcanvas-xxl  {
     --bs-offcanvas-zindex:  1045;
     --bs-offcanvas-width:  400px;
     --bs-offcanvas-height:  30vh;
     --bs-offcanvas-padding-x:  1rem;
     --bs-offcanvas-padding-y:  1rem;
     --bs-offcanvas-color:  var(--bs-body-color);
     --bs-offcanvas-bg:  var(--bs-gray-900);
     --bs-offcanvas-border-width:  var(--bs-border-width);
     --bs-offcanvas-border-color:  var(--bs-border-color-translucent);
     --bs-offcanvas-box-shadow:  var(--bs-box-shadow-sm);
     --bs-offcanvas-transition:  transform 0.3s ease-in-out;
     --bs-offcanvas-title-line-height:  1.8 }
 @media (max-width:575.98px)  {
     .offcanvas-sm  {
     position:  fixed;
     bottom:  0;
     z-index:  var(--bs-offcanvas-zindex);
     display:  flex;
     flex-direction:  column;
     max-width:  100%;
     color:  var(--bs-offcanvas-color);
     visibility:  hidden;
     background-color:  var(--bs-offcanvas-bg);
     background-clip:  padding-box;
     outline:  0;
     transition:  var(--bs-offcanvas-transition) }
 } @media (max-width:575.98px) and (prefers-reduced-motion:reduce)  {
     .offcanvas-sm  {
     transition:  none }
 } @media (max-width:575.98px)  {
     .offcanvas-sm.offcanvas-start  {
     top:  0;
     left:  0;
     width:  var(--bs-offcanvas-width);
     border-right:  var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
     transform:  translateX(-100%) }
 .offcanvas-sm.offcanvas-end  {
     top:  0;
     right:  0;
     width:  var(--bs-offcanvas-width);
     border-left:  var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
     transform:  translateX(100%) }
 .offcanvas-sm.offcanvas-top  {
     top:  0;
     right:  0;
     left:  0;
     height:  var(--bs-offcanvas-height);
     max-height:  100%;
     border-bottom:  var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
     transform:  translateY(-100%) }
 .offcanvas-sm.offcanvas-bottom  {
     right:  0;
     left:  0;
     height:  var(--bs-offcanvas-height);
     max-height:  100%;
     border-top:  var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
     transform:  translateY(100%) }
 .offcanvas-sm.show:not(.hiding),  .offcanvas-sm.showing  {
     transform:  none }
 .offcanvas-sm.hiding,  .offcanvas-sm.show,  .offcanvas-sm.showing  {
     visibility:  visible }
 } @media (min-width:576px)  {
     .offcanvas-sm  {
     --bs-offcanvas-height:  auto;
     --bs-offcanvas-border-width:  0;
     background-color:  transparent !important }
 .offcanvas-sm .offcanvas-header  {
     display:  none }
 .offcanvas-sm .offcanvas-body  {
     display:  flex;
     flex-grow:  0;
     padding:  0;
     overflow-y:  visible;
     background-color:  transparent !important }
 } @media (max-width:767.98px)  {
     .offcanvas-md  {
     position:  fixed;
     bottom:  0;
     z-index:  var(--bs-offcanvas-zindex);
     display:  flex;
     flex-direction:  column;
     max-width:  100%;
     color:  var(--bs-offcanvas-color);
     visibility:  hidden;
     background-color:  var(--bs-offcanvas-bg);
     background-clip:  padding-box;
     outline:  0;
     transition:  var(--bs-offcanvas-transition) }
 } @media (max-width:767.98px) and (prefers-reduced-motion:reduce)  {
     .offcanvas-md  {
     transition:  none }
 } @media (max-width:767.98px)  {
     .offcanvas-md.offcanvas-start  {
     top:  0;
     left:  0;
     width:  var(--bs-offcanvas-width);
     border-right:  var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
     transform:  translateX(-100%) }
 .offcanvas-md.offcanvas-end  {
     top:  0;
     right:  0;
     width:  var(--bs-offcanvas-width);
     border-left:  var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
     transform:  translateX(100%) }
 .offcanvas-md.offcanvas-top  {
     top:  0;
     right:  0;
     left:  0;
     height:  var(--bs-offcanvas-height);
     max-height:  100%;
     border-bottom:  var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
     transform:  translateY(-100%) }
 .offcanvas-md.offcanvas-bottom  {
     right:  0;
     left:  0;
     height:  var(--bs-offcanvas-height);
     max-height:  100%;
     border-top:  var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
     transform:  translateY(100%) }
 .offcanvas-md.show:not(.hiding),  .offcanvas-md.showing  {
     transform:  none }
 .offcanvas-md.hiding,  .offcanvas-md.show,  .offcanvas-md.showing  {
     visibility:  visible }
 } @media (min-width:768px)  {
     .offcanvas-md  {
     --bs-offcanvas-height:  auto;
     --bs-offcanvas-border-width:  0;
     background-color:  transparent !important }
 .offcanvas-md .offcanvas-header  {
     display:  none }
 .offcanvas-md .offcanvas-body  {
     display:  flex;
     flex-grow:  0;
     padding:  0;
     overflow-y:  visible;
     background-color:  transparent !important }
 } @media (max-width:991.98px)  {
     .offcanvas-lg  {
     position:  fixed;
     bottom:  0;
     z-index:  var(--bs-offcanvas-zindex);
     display:  flex;
     flex-direction:  column;
     max-width:  100%;
     color:  var(--bs-offcanvas-color);
     visibility:  hidden;
     background-color:  var(--bs-offcanvas-bg);
     background-clip:  padding-box;
     outline:  0;
     transition:  var(--bs-offcanvas-transition) }
 } @media (max-width:991.98px) and (prefers-reduced-motion:reduce)  {
     .offcanvas-lg  {
     transition:  none }
 } @media (max-width:991.98px)  {
     .offcanvas-lg.offcanvas-start  {
     top:  0;
     left:  0;
     width:  var(--bs-offcanvas-width);
     border-right:  var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
     transform:  translateX(-100%) }
 .offcanvas-lg.offcanvas-end  {
     top:  0;
     right:  0;
     width:  var(--bs-offcanvas-width);
     border-left:  var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
     transform:  translateX(100%) }
 .offcanvas-lg.offcanvas-top  {
     top:  0;
     right:  0;
     left:  0;
     height:  var(--bs-offcanvas-height);
     max-height:  100%;
     border-bottom:  var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
     transform:  translateY(-100%) }
 .offcanvas-lg.offcanvas-bottom  {
     right:  0;
     left:  0;
     height:  var(--bs-offcanvas-height);
     max-height:  100%;
     border-top:  var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
     transform:  translateY(100%) }
 .offcanvas-lg.show:not(.hiding),  .offcanvas-lg.showing  {
     transform:  none }
 .offcanvas-lg.hiding,  .offcanvas-lg.show,  .offcanvas-lg.showing  {
     visibility:  visible }
 } @media (min-width:992px)  {
     .offcanvas-lg  {
     --bs-offcanvas-height:  auto;
     --bs-offcanvas-border-width:  0;
     background-color:  transparent !important }
 .offcanvas-lg .offcanvas-header  {
     display:  none }
 .offcanvas-lg .offcanvas-body  {
     display:  flex;
     flex-grow:  0;
     padding:  0;
     overflow-y:  visible;
     background-color:  transparent !important }
 } @media (max-width:1199.98px)  {
     .offcanvas-xl  {
     position:  fixed;
     bottom:  0;
     z-index:  var(--bs-offcanvas-zindex);
     display:  flex;
     flex-direction:  column;
     max-width:  100%;
     color:  var(--bs-offcanvas-color);
     visibility:  hidden;
     background-color:  var(--bs-offcanvas-bg);
     background-clip:  padding-box;
     outline:  0;
     transition:  var(--bs-offcanvas-transition) }
 } @media (max-width:1199.98px) and (prefers-reduced-motion:reduce)  {
     .offcanvas-xl  {
     transition:  none }
 } @media (max-width:1199.98px)  {
     .offcanvas-xl.offcanvas-start  {
     top:  0;
     left:  0;
     width:  var(--bs-offcanvas-width);
     border-right:  var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
     transform:  translateX(-100%) }
 .offcanvas-xl.offcanvas-end  {
     top:  0;
     right:  0;
     width:  var(--bs-offcanvas-width);
     border-left:  var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
     transform:  translateX(100%) }
 .offcanvas-xl.offcanvas-top  {
     top:  0;
     right:  0;
     left:  0;
     height:  var(--bs-offcanvas-height);
     max-height:  100%;
     border-bottom:  var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
     transform:  translateY(-100%) }
 .offcanvas-xl.offcanvas-bottom  {
     right:  0;
     left:  0;
     height:  var(--bs-offcanvas-height);
     max-height:  100%;
     border-top:  var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
     transform:  translateY(100%) }
 .offcanvas-xl.show:not(.hiding),  .offcanvas-xl.showing  {
     transform:  none }
 .offcanvas-xl.hiding,  .offcanvas-xl.show,  .offcanvas-xl.showing  {
     visibility:  visible }
 } @media (min-width:1200px)  {
     .offcanvas-xl  {
     --bs-offcanvas-height:  auto;
     --bs-offcanvas-border-width:  0;
     background-color:  transparent !important }
 .offcanvas-xl .offcanvas-header  {
     display:  none }
 .offcanvas-xl .offcanvas-body  {
     display:  flex;
     flex-grow:  0;
     padding:  0;
     overflow-y:  visible;
     background-color:  transparent !important }
 } @media (max-width:1399.98px)  {
     .offcanvas-xxl  {
     position:  fixed;
     bottom:  0;
     z-index:  var(--bs-offcanvas-zindex);
     display:  flex;
     flex-direction:  column;
     max-width:  100%;
     color:  var(--bs-offcanvas-color);
     visibility:  hidden;
     background-color:  var(--bs-offcanvas-bg);
     background-clip:  padding-box;
     outline:  0;
     transition:  var(--bs-offcanvas-transition) }
 } @media (max-width:1399.98px) and (prefers-reduced-motion:reduce)  {
     .offcanvas-xxl  {
     transition:  none }
 } @media (max-width:1399.98px)  {
     .offcanvas-xxl.offcanvas-start  {
     top:  0;
     left:  0;
     width:  var(--bs-offcanvas-width);
     border-right:  var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
     transform:  translateX(-100%) }
 .offcanvas-xxl.offcanvas-end  {
     top:  0;
     right:  0;
     width:  var(--bs-offcanvas-width);
     border-left:  var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
     transform:  translateX(100%) }
 .offcanvas-xxl.offcanvas-top  {
     top:  0;
     right:  0;
     left:  0;
     height:  var(--bs-offcanvas-height);
     max-height:  100%;
     border-bottom:  var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
     transform:  translateY(-100%) }
 .offcanvas-xxl.offcanvas-bottom  {
     right:  0;
     left:  0;
     height:  var(--bs-offcanvas-height);
     max-height:  100%;
     border-top:  var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
     transform:  translateY(100%) }
 .offcanvas-xxl.show:not(.hiding),  .offcanvas-xxl.showing  {
     transform:  none }
 .offcanvas-xxl.hiding,  .offcanvas-xxl.show,  .offcanvas-xxl.showing  {
     visibility:  visible }
 } @media (min-width:1400px)  {
     .offcanvas-xxl  {
     --bs-offcanvas-height:  auto;
     --bs-offcanvas-border-width:  0;
     background-color:  transparent !important }
 .offcanvas-xxl .offcanvas-header  {
     display:  none }
 .offcanvas-xxl .offcanvas-body  {
     display:  flex;
     flex-grow:  0;
     padding:  0;
     overflow-y:  visible;
     background-color:  transparent !important }
 } .offcanvas  {
     position:  fixed;
     bottom:  0;
     z-index:  var(--bs-offcanvas-zindex);
     display:  flex;
     flex-direction:  column;
     max-width:  100%;
     color:  var(--bs-offcanvas-color);
     visibility:  hidden;
     background-color:  var(--bs-offcanvas-bg);
     background-clip:  padding-box;
     outline:  0;
     transition:  var(--bs-offcanvas-transition) }
 @media (prefers-reduced-motion:reduce)  {
     .offcanvas  {
     transition:  none }
 } .offcanvas.offcanvas-start  {
     top:  0;
     left:  0;
     width:  var(--bs-offcanvas-width);
     border-right:  var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
     transform:  translateX(-100%) }
 .offcanvas.offcanvas-end  {
     top:  0;
     right:  0;
     width:  var(--bs-offcanvas-width);
     border-left:  var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
     transform:  translateX(100%) }
 .offcanvas.offcanvas-top  {
     top:  0;
     right:  0;
     left:  0;
     height:  var(--bs-offcanvas-height);
     max-height:  100%;
     border-bottom:  var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
     transform:  translateY(-100%) }
 .offcanvas.offcanvas-bottom  {
     right:  0;
     left:  0;
     height:  var(--bs-offcanvas-height);
     max-height:  100%;
     border-top:  var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
     transform:  translateY(100%) }
 .offcanvas.show:not(.hiding),  .offcanvas.showing  {
     transform:  none }
 .offcanvas.hiding,  .offcanvas.show,  .offcanvas.showing  {
     visibility:  visible }
 .offcanvas-backdrop  {
     position:  fixed;
     top:  0;
     left:  0;
     z-index:  1040;
     width:  100vw;
     height:  100vh;
     background-color:  #000 }
 .offcanvas-backdrop.fade  {
     opacity:  0 }
 .offcanvas-backdrop.show  {
     opacity:  .5 }
 .offcanvas-header  {
     display:  flex;
     align-items:  center;
     padding:  var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x) }
 .offcanvas-header .btn-close  {
     padding:  calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5);
     margin-top:  calc(-.5 * var(--bs-offcanvas-padding-y));
     margin-right:  calc(-.5 * var(--bs-offcanvas-padding-x));
     margin-bottom:  calc(-.5 * var(--bs-offcanvas-padding-y));
     margin-left:  auto }
 .offcanvas-title  {
     margin-bottom:  0;
     line-height:  var(--bs-offcanvas-title-line-height) }
 .offcanvas-body  {
     flex-grow:  1;
     padding:  var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
     overflow-y:  auto }
 .clearfix::after  {
     display:  block;
     clear:  both;
     content:  "" }
 .text-bg-primary  {
     color:  #fff !important;
     background-color:  RGBA(var(--bs-primary-rgb),  var(--bs-bg-opacity,  1)) !important }
 .text-bg-secondary  {
     color:  #fff !important;
     background-color:  RGBA(var(--bs-secondary-rgb),  var(--bs-bg-opacity,  1)) !important }
 .text-bg-success  {
     color:  #fff !important;
     background-color:  RGBA(var(--bs-success-rgb),  var(--bs-bg-opacity,  1)) !important }
 .text-bg-info  {
     color:  #fff !important;
     background-color:  RGBA(var(--bs-info-rgb),  var(--bs-bg-opacity,  1)) !important }
 .text-bg-warning  {
     color:  #000 !important;
     background-color:  RGBA(var(--bs-warning-rgb),  var(--bs-bg-opacity,  1)) !important }
 .text-bg-danger  {
     color:  #fff !important;
     background-color:  RGBA(var(--bs-danger-rgb),  var(--bs-bg-opacity,  1)) !important }
 .text-bg-light  {
     color:  #000 !important;
     background-color:  RGBA(var(--bs-light-rgb),  var(--bs-bg-opacity,  1)) !important }
 .text-bg-dark  {
     color:  #fff !important;
     background-color:  RGBA(var(--bs-dark-rgb),  var(--bs-bg-opacity,  1)) !important }
 .text-bg-gray  {
     color:  #fff !important;
     background-color:  RGBA(var(--bs-gray-rgb),  var(--bs-bg-opacity,  1)) !important }
 .text-bg-gray-dark  {
     color:  #fff !important;
     background-color:  RGBA(var(--bs-gray-dark-rgb),  var(--bs-bg-opacity,  1)) !important }
 .link-primary  {
     color:  RGBA(var(--bs-primary-rgb),  var(--bs-link-opacity,  1)) !important;
     text-decoration-color:  RGBA(var(--bs-primary-rgb),  var(--bs-link-underline-opacity,  1)) !important }
 .link-primary:focus,  .link-primary:hover  {
     color:  RGBA(68,  154,  217,  var(--bs-link-opacity,  1)) !important;
     text-decoration-color:  RGBA(68,  154,  217,  var(--bs-link-underline-opacity,  1)) !important }
 .link-secondary  {
     color:  RGBA(var(--bs-secondary-rgb),  var(--bs-link-opacity,  1)) !important;
     text-decoration-color:  RGBA(var(--bs-secondary-rgb),  var(--bs-link-underline-opacity,  1)) !important }
 .link-secondary:focus,  .link-secondary:hover  {
     color:  RGBA(92,  99,  106,  var(--bs-link-opacity,  1)) !important;
     text-decoration-color:  RGBA(92,  99,  106,  var(--bs-link-underline-opacity,  1)) !important }
 .link-success  {
     color:  RGBA(var(--bs-success-rgb),  var(--bs-link-opacity,  1)) !important;
     text-decoration-color:  RGBA(var(--bs-success-rgb),  var(--bs-link-underline-opacity,  1)) !important }
 .link-success:focus,  .link-success:hover  {
     color:  RGBA(38,  174,  151,  var(--bs-link-opacity,  1)) !important;
     text-decoration-color:  RGBA(38,  174,  151,  var(--bs-link-underline-opacity,  1)) !important }
 .link-info  {
     color:  RGBA(var(--bs-info-rgb),  var(--bs-link-opacity,  1)) !important;
     text-decoration-color:  RGBA(var(--bs-info-rgb),  var(--bs-link-underline-opacity,  1)) !important }
 .link-info:focus,  .link-info:hover  {
     color:  RGBA(181,  124,  217,  var(--bs-link-opacity,  1)) !important;
     text-decoration-color:  RGBA(181,  124,  217,  var(--bs-link-underline-opacity,  1)) !important }
 .link-warning  {
     color:  RGBA(var(--bs-warning-rgb),  var(--bs-link-opacity,  1)) !important;
     text-decoration-color:  RGBA(var(--bs-warning-rgb),  var(--bs-link-underline-opacity,  1)) !important }
 .link-warning:focus,  .link-warning:hover  {
     color:  RGBA(255,  196,  127,  var(--bs-link-opacity,  1)) !important;
     text-decoration-color:  RGBA(255,  196,  127,  var(--bs-link-underline-opacity,  1)) !important }
 .link-danger  {
     color:  RGBA(var(--bs-danger-rgb),  var(--bs-link-opacity,  1)) !important;
     text-decoration-color:  RGBA(var(--bs-danger-rgb),  var(--bs-link-underline-opacity,  1)) !important }
 .link-danger:focus,  .link-danger:hover  {
     color:  RGBA(217,  132,  117,  var(--bs-link-opacity,  1)) !important;
     text-decoration-color:  RGBA(217,  132,  117,  var(--bs-link-underline-opacity,  1)) !important }
 .link-light  {
     color:  RGBA(var(--bs-light-rgb),  var(--bs-link-opacity,  1)) !important;
     text-decoration-color:  RGBA(var(--bs-light-rgb),  var(--bs-link-underline-opacity,  1)) !important }
 .link-light:focus,  .link-light:hover  {
     color:  RGBA(227,  230,  234,  var(--bs-link-opacity,  1)) !important;
     text-decoration-color:  RGBA(227,  230,  234,  var(--bs-link-underline-opacity,  1)) !important }
 .link-dark  {
     color:  RGBA(var(--bs-dark-rgb),  var(--bs-link-opacity,  1)) !important;
     text-decoration-color:  RGBA(var(--bs-dark-rgb),  var(--bs-link-underline-opacity,  1)) !important }
 .link-dark:focus,  .link-dark:hover  {
     color:  RGBA(0,  0,  0,  var(--bs-link-opacity,  1)) !important;
     text-decoration-color:  RGBA(0,  0,  0,  var(--bs-link-underline-opacity,  1)) !important }
 .link-gray  {
     color:  RGBA(var(--bs-gray-rgb),  var(--bs-link-opacity,  1)) !important;
     text-decoration-color:  RGBA(var(--bs-gray-rgb),  var(--bs-link-underline-opacity,  1)) !important }
 .link-gray:focus,  .link-gray:hover  {
     color:  RGBA(92,  99,  106,  var(--bs-link-opacity,  1)) !important;
     text-decoration-color:  RGBA(92,  99,  106,  var(--bs-link-underline-opacity,  1)) !important }
 .link-gray-dark  {
     color:  RGBA(var(--bs-gray-dark-rgb),  var(--bs-link-opacity,  1)) !important;
     text-decoration-color:  RGBA(var(--bs-gray-dark-rgb),  var(--bs-link-underline-opacity,  1)) !important }
 .link-gray-dark:focus,  .link-gray-dark:hover  {
     color:  RGBA(44,  49,  54,  var(--bs-link-opacity,  1)) !important;
     text-decoration-color:  RGBA(44,  49,  54,  var(--bs-link-underline-opacity,  1)) !important }
 .link-body-emphasis  {
     color:  RGBA(var(--bs-emphasis-color-rgb),  var(--bs-link-opacity,  1)) !important;
     text-decoration-color:  RGBA(var(--bs-emphasis-color-rgb),  var(--bs-link-underline-opacity,  1)) !important }
 .link-body-emphasis:focus,  .link-body-emphasis:hover  {
     color:  RGBA(var(--bs-emphasis-color-rgb),  var(--bs-link-opacity,  .75)) !important;
     text-decoration-color:  RGBA(var(--bs-emphasis-color-rgb),  var(--bs-link-underline-opacity,  .75)) !important }
 .focus-ring:focus  {
     outline:  0;
     box-shadow:  var(--bs-focus-ring-x,  0) var(--bs-focus-ring-y,  0) var(--bs-focus-ring-blur,  0) var(--bs-focus-ring-width) var(--bs-focus-ring-color) }
 .icon-link  {
     display:  inline-flex;
     gap:  .375rem;
     align-items:  center;
     text-decoration-color:  rgba(var(--bs-link-color-rgb),  var(--bs-link-opacity,  .5));
     text-underline-offset:  .25em;
     backface-visibility:  hidden }
 .icon-link>.bi  {
     flex-shrink:  0;
     width:  1em;
     height:  1em;
     fill:  currentcolor;
     transition:  .2s ease-in-out transform }
 @media (prefers-reduced-motion:reduce)  {
     .icon-link>.bi  {
     transition:  none }
 } .icon-link-hover:focus-visible>.bi,  .icon-link-hover:hover>.bi  {
     transform:  var(--bs-icon-link-transform,  translate3d(.25em,  0,  0)) }
 .ratio  {
     position:  relative;
     width:  100% }
 .ratio::before  {
     display:  block;
     padding-top:  var(--bs-aspect-ratio);
     content:  "" }
 .ratio>*  {
     position:  absolute;
     top:  0;
     left:  0;
     width:  100%;
     height:  100% }
 .ratio-1x1  {
     --bs-aspect-ratio:  100% }
 .ratio-4x3  {
     --bs-aspect-ratio:  75% }
 .ratio-16x9  {
     --bs-aspect-ratio:  56.25% }
 .ratio-21x9  {
     --bs-aspect-ratio:  42.8571428571% }
 .fixed-top  {
     position:  fixed;
     top:  0;
     right:  0;
     left:  0;
     z-index:  1030 }
 .fixed-bottom  {
     position:  fixed;
     right:  0;
     bottom:  0;
     left:  0;
     z-index:  1030 }
 .sticky-top  {
     position:  sticky;
     top:  0;
     z-index:  1020 }
 .sticky-bottom  {
     position:  sticky;
     bottom:  0;
     z-index:  1020 }
 @media (min-width:576px)  {
     .sticky-sm-top  {
     position:  sticky;
     top:  0;
     z-index:  1020 }
 .sticky-sm-bottom  {
     position:  sticky;
     bottom:  0;
     z-index:  1020 }
 } @media (min-width:768px)  {
     .sticky-md-top  {
     position:  sticky;
     top:  0;
     z-index:  1020 }
 .sticky-md-bottom  {
     position:  sticky;
     bottom:  0;
     z-index:  1020 }
 } @media (min-width:992px)  {
     .sticky-lg-top  {
     position:  sticky;
     top:  0;
     z-index:  1020 }
 .sticky-lg-bottom  {
     position:  sticky;
     bottom:  0;
     z-index:  1020 }
 } @media (min-width:1200px)  {
     .sticky-xl-top  {
     position:  sticky;
     top:  0;
     z-index:  1020 }
 .sticky-xl-bottom  {
     position:  sticky;
     bottom:  0;
     z-index:  1020 }
 } @media (min-width:1400px)  {
     .sticky-xxl-top  {
     position:  sticky;
     top:  0;
     z-index:  1020 }
 .sticky-xxl-bottom  {
     position:  sticky;
     bottom:  0;
     z-index:  1020 }
 } .hstack  {
     display:  flex;
     flex-direction:  row;
     align-items:  center;
     align-self:  stretch }
 .vstack  {
     display:  flex;
     flex:  1 1 auto;
     flex-direction:  column;
     align-self:  stretch }
 .visually-hidden,  .visually-hidden-focusable:not(:focus):not(:focus-within)  {
     width:  1px !important;
     height:  1px !important;
     padding:  0 !important;
     margin:  -1px !important;
     overflow:  hidden !important;
     clip:  rect(0,  0,  0,  0) !important;
     white-space:  nowrap !important;
     border:  0 !important }
 .visually-hidden-focusable:not(:focus):not(:focus-within):not(caption),  .visually-hidden:not(caption)  {
     position:  absolute !important }
 .visually-hidden *,  .visually-hidden-focusable:not(:focus):not(:focus-within) *  {
     overflow:  hidden !important }
 .stretched-link::after  {
     position:  absolute;
     top:  0;
     right:  0;
     bottom:  0;
     left:  0;
     z-index:  1;
     content:  "" }
 .text-truncate  {
     overflow:  hidden;
     text-overflow:  ellipsis;
     white-space:  nowrap }
 .vr  {
     display:  inline-block;
     align-self:  stretch;
     width:  var(--bs-border-width);
     min-height:  1em;
     background-color:  currentcolor;
     opacity:  .25 }
 .align-baseline  {
     vertical-align:  baseline !important }
 .align-top  {
     vertical-align:  top !important }
 .align-middle  {
     vertical-align:  middle !important }
 .align-bottom  {
     vertical-align:  bottom !important }
 .align-text-bottom  {
     vertical-align:  text-bottom !important }
 .align-text-top  {
     vertical-align:  text-top !important }
 .float-start  {
     float:  left !important }
 .float-end  {
     float:  right !important }
 .float-none  {
     float:  none !important }
 .object-fit-contain  {
     object-fit:  contain !important }
 .object-fit-cover  {
     object-fit:  cover !important }
 .object-fit-fill  {
     object-fit:  fill !important }
 .object-fit-scale  {
     object-fit:  scale-down !important }
 .object-fit-none  {
     object-fit:  none !important }
 .opacity-0  {
     opacity:  0 !important }
 .opacity-25  {
     opacity:  .25 !important }
 .opacity-50  {
     opacity:  .5 !important }
 .opacity-75  {
     opacity:  .75 !important }
 .opacity-100  {
     opacity:  1 !important }
 .overflow-auto  {
     overflow:  auto !important }
 .overflow-hidden  {
     overflow:  hidden !important }
 .overflow-visible  {
     overflow:  visible !important }
 .overflow-scroll  {
     overflow:  scroll !important }
 .overflow-x-auto  {
     overflow-x:  auto !important }
 .overflow-x-hidden  {
     overflow-x:  hidden !important }
 .overflow-x-visible  {
     overflow-x:  visible !important }
 .overflow-x-scroll  {
     overflow-x:  scroll !important }
 .overflow-y-auto  {
     overflow-y:  auto !important }
 .overflow-y-hidden  {
     overflow-y:  hidden !important }
 .overflow-y-visible  {
     overflow-y:  visible !important }
 .overflow-y-scroll  {
     overflow-y:  scroll !important }
 .d-inline  {
     display:  inline !important }
 .d-inline-block  {
     display:  inline-block !important }
 .d-block  {
     display:  block !important }
 .d-grid  {
     display:  grid !important }
 .d-inline-grid  {
     display:  inline-grid !important }
 .d-table  {
     display:  table !important }
 .d-table-row  {
     display:  table-row !important }
 .d-table-cell  {
     display:  table-cell !important }
 .d-flex  {
     display:  flex !important }
 .d-inline-flex  {
     display:  inline-flex !important }
 .d-none  {
     display:  none !important }
 .shadow  {
     box-shadow:  var(--bs-box-shadow) !important }
 .shadow-sm  {
     box-shadow:  var(--bs-box-shadow-sm) !important }
 .shadow-lg  {
     box-shadow:  var(--bs-box-shadow-lg) !important }
 .shadow-none  {
     box-shadow:  none !important }
 .focus-ring-primary  {
     --bs-focus-ring-color:  rgba(var(--bs-primary-rgb),  var(--bs-focus-ring-opacity)) }
 .focus-ring-secondary  {
     --bs-focus-ring-color:  rgba(var(--bs-secondary-rgb),  var(--bs-focus-ring-opacity)) }
 .focus-ring-success  {
     --bs-focus-ring-color:  rgba(var(--bs-success-rgb),  var(--bs-focus-ring-opacity)) }
 .focus-ring-info  {
     --bs-focus-ring-color:  rgba(var(--bs-info-rgb),  var(--bs-focus-ring-opacity)) }
 .focus-ring-warning  {
     --bs-focus-ring-color:  rgba(var(--bs-warning-rgb),  var(--bs-focus-ring-opacity)) }
 .focus-ring-danger  {
     --bs-focus-ring-color:  rgba(var(--bs-danger-rgb),  var(--bs-focus-ring-opacity)) }
 .focus-ring-light  {
     --bs-focus-ring-color:  rgba(var(--bs-light-rgb),  var(--bs-focus-ring-opacity)) }
 .focus-ring-dark  {
     --bs-focus-ring-color:  rgba(var(--bs-dark-rgb),  var(--bs-focus-ring-opacity)) }
 .focus-ring-gray  {
     --bs-focus-ring-color:  rgba(var(--bs-gray-rgb),  var(--bs-focus-ring-opacity)) }
 .focus-ring-gray-dark  {
     --bs-focus-ring-color:  rgba(var(--bs-gray-dark-rgb),  var(--bs-focus-ring-opacity)) }
 .position-static  {
     position:  static !important }
 .position-relative  {
     position:  relative !important }
 .position-absolute  {
     position:  absolute !important }
 .position-fixed  {
     position:  fixed !important }
 .position-sticky  {
     position:  sticky !important }
 .top-0  {
     top:  0 !important }
 .top-50  {
     top:  50% !important }
 .top-100  {
     top:  100% !important }
 .bottom-0  {
     bottom:  0 !important }
 .bottom-50  {
     bottom:  50% !important }
 .bottom-100  {
     bottom:  100% !important }
 .start-0  {
     left:  0 !important }
 .start-50  {
     left:  50% !important }
 .start-100  {
     left:  100% !important }
 .end-0  {
     right:  0 !important }
 .end-50  {
     right:  50% !important }
 .end-100  {
     right:  100% !important }
 .translate-middle  {
     transform:  translate(-50%,  -50%) !important }
 .translate-middle-x  {
     transform:  translateX(-50%) !important }
 .translate-middle-y  {
     transform:  translateY(-50%) !important }
 .border  {
     border:  var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important }
 .border-0  {
     border:  0 !important }
 .border-top  {
     border-top:  var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important }
 .border-top-0  {
     border-top:  0 !important }
 .border-end  {
     border-right:  var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important }
 .border-end-0  {
     border-right:  0 !important }
 .border-bottom  {
     border-bottom:  var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important }
 .border-bottom-0  {
     border-bottom:  0 !important }
 .border-start  {
     border-left:  var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important }
 .border-start-0  {
     border-left:  0 !important }
 .border-primary  {
     --bs-border-opacity:  1;
     border-color:  rgba(var(--bs-primary-rgb),  var(--bs-border-opacity)) !important }
 .border-secondary  {
     --bs-border-opacity:  1;
     border-color:  rgba(var(--bs-secondary-rgb),  var(--bs-border-opacity)) !important }
 .border-success  {
     --bs-border-opacity:  1;
     border-color:  rgba(var(--bs-success-rgb),  var(--bs-border-opacity)) !important }
 .border-info  {
     --bs-border-opacity:  1;
     border-color:  rgba(var(--bs-info-rgb),  var(--bs-border-opacity)) !important }
 .border-warning  {
     --bs-border-opacity:  1;
     border-color:  rgba(var(--bs-warning-rgb),  var(--bs-border-opacity)) !important }
 .border-danger  {
     --bs-border-opacity:  1;
     border-color:  rgba(var(--bs-danger-rgb),  var(--bs-border-opacity)) !important }
 .border-light  {
     --bs-border-opacity:  1;
     border-color:  rgba(var(--bs-light-rgb),  var(--bs-border-opacity)) !important }
 .border-dark  {
     --bs-border-opacity:  1;
     border-color:  rgba(var(--bs-dark-rgb),  var(--bs-border-opacity)) !important }
 .border-gray  {
     --bs-border-opacity:  1;
     border-color:  rgba(var(--bs-gray-rgb),  var(--bs-border-opacity)) !important }
 .border-gray-dark  {
     --bs-border-opacity:  1;
     border-color:  rgba(var(--bs-gray-dark-rgb),  var(--bs-border-opacity)) !important }
 .border-black  {
     --bs-border-opacity:  1;
     border-color:  rgba(var(--bs-black-rgb),  var(--bs-border-opacity)) !important }
 .border-white  {
     --bs-border-opacity:  1;
     border-color:  rgba(var(--bs-white-rgb),  var(--bs-border-opacity)) !important }
 .border-primary-subtle  {
     border-color:  var(--bs-primary-border-subtle) !important }
 .border-secondary-subtle  {
     border-color:  var(--bs-secondary-border-subtle) !important }
 .border-success-subtle  {
     border-color:  var(--bs-success-border-subtle) !important }
 .border-info-subtle  {
     border-color:  var(--bs-info-border-subtle) !important }
 .border-warning-subtle  {
     border-color:  var(--bs-warning-border-subtle) !important }
 .border-danger-subtle  {
     border-color:  var(--bs-danger-border-subtle) !important }
 .border-light-subtle  {
     border-color:  var(--bs-light-border-subtle) !important }
 .border-dark-subtle  {
     border-color:  var(--bs-dark-border-subtle) !important }
 .border-1  {
     border-width:  1px !important }
 .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-opacity-10  {
     --bs-border-opacity:  0.1 }
 .border-opacity-25  {
     --bs-border-opacity:  0.25 }
 .border-opacity-50  {
     --bs-border-opacity:  0.5 }
 .border-opacity-75  {
     --bs-border-opacity:  0.75 }
 .border-opacity-100  {
     --bs-border-opacity:  1 }
 .w-25  {
     width:  25% !important }
 .w-50  {
     width:  50% !important }
 .w-75  {
     width:  75% !important }
 .w-100  {
     width:  100% !important }
 .w-auto  {
     width:  auto !important }
 .mw-100  {
     max-width:  100% !important }
 .vw-100  {
     width:  100vw !important }
 .min-vw-100  {
     min-width:  100vw !important }
 .h-25  {
     height:  25% !important }
 .h-50  {
     height:  50% !important }
 .h-75  {
     height:  75% !important }
 .h-100  {
     height:  100% !important }
 .h-auto  {
     height:  auto !important }
 .mh-100  {
     max-height:  100% !important }
 .vh-100  {
     height:  100vh !important }
 .min-vh-100  {
     min-height:  100vh !important }
 .flex-fill  {
     flex:  1 1 auto !important }
 .flex-row  {
     flex-direction:  row !important }
 .flex-column  {
     flex-direction:  column !important }
 .flex-row-reverse  {
     flex-direction:  row-reverse !important }
 .flex-column-reverse  {
     flex-direction:  column-reverse !important }
 .flex-grow-0  {
     flex-grow:  0 !important }
 .flex-grow-1  {
     flex-grow:  1 !important }
 .flex-shrink-0  {
     flex-shrink:  0 !important }
 .flex-shrink-1  {
     flex-shrink:  1 !important }
 .flex-wrap  {
     flex-wrap:  wrap !important }
 .flex-nowrap  {
     flex-wrap:  nowrap !important }
 .flex-wrap-reverse  {
     flex-wrap:  wrap-reverse !important }
 .justify-content-start  {
     justify-content:  flex-start !important }
 .justify-content-end  {
     justify-content:  flex-end !important }
 .justify-content-center  {
     justify-content:  center !important }
 .justify-content-between  {
     justify-content:  space-between !important }
 .justify-content-around  {
     justify-content:  space-around !important }
 .justify-content-evenly  {
     justify-content:  space-evenly !important }
 .align-items-start  {
     align-items:  flex-start !important }
 .align-items-end  {
     align-items:  flex-end !important }
 .align-items-center  {
     align-items:  center !important }
 .align-items-baseline  {
     align-items:  baseline !important }
 .align-items-stretch  {
     align-items:  stretch !important }
 .align-content-start  {
     align-content:  flex-start !important }
 .align-content-end  {
     align-content:  flex-end !important }
 .align-content-center  {
     align-content:  center !important }
 .align-content-between  {
     align-content:  space-between !important }
 .align-content-around  {
     align-content:  space-around !important }
 .align-content-stretch  {
     align-content:  stretch !important }
 .align-self-auto  {
     align-self:  auto !important }
 .align-self-start  {
     align-self:  flex-start !important }
 .align-self-end  {
     align-self:  flex-end !important }
 .align-self-center  {
     align-self:  center !important }
 .align-self-baseline  {
     align-self:  baseline !important }
 .align-self-stretch  {
     align-self:  stretch !important }
 .order-first  {
     order:  -1 !important }
 .order-0  {
     order:  0 !important }
 .order-1  {
     order:  1 !important }
 .order-2  {
     order:  2 !important }
 .order-3  {
     order:  3 !important }
 .order-4  {
     order:  4 !important }
 .order-5  {
     order:  5 !important }
 .order-last  {
     order:  6 !important }
 .m-0  {
     margin:  0 !important }
 .m-1  {
     margin:  .25rem !important }
 .m-2  {
     margin:  .5rem !important }
 .m-3  {
     margin:  1rem !important }
 .m-4  {
     margin:  1.5rem !important }
 .m-5  {
     margin:  2rem !important }
 .m-auto  {
     margin:  auto !important }
 .mx-0  {
     margin-right:  0 !important;
     margin-left:  0 !important }
 .mx-1  {
     margin-right:  .25rem !important;
     margin-left:  .25rem !important }
 .mx-2  {
     margin-right:  .5rem !important;
     margin-left:  .5rem !important }
 .mx-3  {
     margin-right:  1rem !important;
     margin-left:  1rem !important }
 .mx-4  {
     margin-right:  1.5rem !important;
     margin-left:  1.5rem !important }
 .mx-5  {
     margin-right:  2rem !important;
     margin-left:  2rem !important }
 .mx-auto  {
     margin-right:  auto !important;
     margin-left:  auto !important }
 .my-0  {
     margin-top:  0 !important;
     margin-bottom:  0 !important }
 .my-1  {
     margin-top:  .25rem !important;
     margin-bottom:  .25rem !important }
 .my-2  {
     margin-top:  .5rem !important;
     margin-bottom:  .5rem !important }
 .my-3  {
     margin-top:  1rem !important;
     margin-bottom:  1rem !important }
 .my-4  {
     margin-top:  1.5rem !important;
     margin-bottom:  1.5rem !important }
 .my-5  {
     margin-top:  2rem !important;
     margin-bottom:  2rem !important }
 .my-auto  {
     margin-top:  auto !important;
     margin-bottom:  auto !important }
 .mt-0  {
     margin-top:  0 !important }
 .mt-1  {
     margin-top:  .25rem !important }
 .mt-2  {
     margin-top:  .5rem !important }
 .mt-3  {
     margin-top:  1rem !important }
 .mt-4  {
     margin-top:  1.5rem !important }
 .mt-5  {
     margin-top:  2rem !important }
 .mt-auto  {
     margin-top:  auto !important }
 .me-0  {
     margin-right:  0 !important }
 .me-1  {
     margin-right:  .25rem !important }
 .me-2  {
     margin-right:  .5rem !important }
 .me-3  {
     margin-right:  1rem !important }
 .me-4  {
     margin-right:  1.5rem !important }
 .me-5  {
     margin-right:  2rem !important }
 .me-auto  {
     margin-right:  auto !important }
 .mb-0  {
     margin-bottom:  0 !important }
 .mb-1  {
     margin-bottom:  .25rem !important }
 .mb-2  {
     margin-bottom:  .5rem !important }
 .mb-3  {
     margin-bottom:  1rem !important }
 .mb-4  {
     margin-bottom:  1.5rem !important }
 .mb-5  {
     margin-bottom:  2rem !important }
 .mb-auto  {
     margin-bottom:  auto !important }
 .ms-0  {
     margin-left:  0 !important }
 .ms-1  {
     margin-left:  .25rem !important }
 .ms-2  {
     margin-left:  .5rem !important }
 .ms-3  {
     margin-left:  1rem !important }
 .ms-4  {
     margin-left:  1.5rem !important }
 .ms-5  {
     margin-left:  2rem !important }
 .ms-auto  {
     margin-left:  auto !important }
 .m-n1  {
     margin:  -.25rem !important }
 .m-n2  {
     margin:  -.5rem !important }
 .m-n3  {
     margin:  -1rem !important }
 .m-n4  {
     margin:  -1.5rem !important }
 .m-n5  {
     margin:  -2rem !important }
 .mx-n1  {
     margin-right:  -.25rem !important;
     margin-left:  -.25rem !important }
 .mx-n2  {
     margin-right:  -.5rem !important;
     margin-left:  -.5rem !important }
 .mx-n3  {
     margin-right:  -1rem !important;
     margin-left:  -1rem !important }
 .mx-n4  {
     margin-right:  -1.5rem !important;
     margin-left:  -1.5rem !important }
 .mx-n5  {
     margin-right:  -2rem !important;
     margin-left:  -2rem !important }
 .my-n1  {
     margin-top:  -.25rem !important;
     margin-bottom:  -.25rem !important }
 .my-n2  {
     margin-top:  -.5rem !important;
     margin-bottom:  -.5rem !important }
 .my-n3  {
     margin-top:  -1rem !important;
     margin-bottom:  -1rem !important }
 .my-n4  {
     margin-top:  -1.5rem !important;
     margin-bottom:  -1.5rem !important }
 .my-n5  {
     margin-top:  -2rem !important;
     margin-bottom:  -2rem !important }
 .mt-n1  {
     margin-top:  -.25rem !important }
 .mt-n2  {
     margin-top:  -.5rem !important }
 .mt-n3  {
     margin-top:  -1rem !important }
 .mt-n4  {
     margin-top:  -1.5rem !important }
 .mt-n5  {
     margin-top:  -2rem !important }
 .me-n1  {
     margin-right:  -.25rem !important }
 .me-n2  {
     margin-right:  -.5rem !important }
 .me-n3  {
     margin-right:  -1rem !important }
 .me-n4  {
     margin-right:  -1.5rem !important }
 .me-n5  {
     margin-right:  -2rem !important }
 .mb-n1  {
     margin-bottom:  -.25rem !important }
 .mb-n2  {
     margin-bottom:  -.5rem !important }
 .mb-n3  {
     margin-bottom:  -1rem !important }
 .mb-n4  {
     margin-bottom:  -1.5rem !important }
 .mb-n5  {
     margin-bottom:  -2rem !important }
 .ms-n1  {
     margin-left:  -.25rem !important }
 .ms-n2  {
     margin-left:  -.5rem !important }
 .ms-n3  {
     margin-left:  -1rem !important }
 .ms-n4  {
     margin-left:  -1.5rem !important }
 .ms-n5  {
     margin-left:  -2rem !important }
 .p-0  {
     padding:  0 !important }
 .p-1  {
     padding:  .25rem !important }
 .p-2  {
     padding:  .5rem !important }
 .p-3  {
     padding:  1rem !important }
 .p-4  {
     padding:  1.5rem !important }
 .p-5  {
     padding:  2rem !important }
 .px-0  {
     padding-right:  0 !important;
     padding-left:  0 !important }
 .px-1  {
     padding-right:  .25rem !important;
     padding-left:  .25rem !important }
 .px-2  {
     padding-right:  .5rem !important;
     padding-left:  .5rem !important }
 .px-3  {
     padding-right:  1rem !important;
     padding-left:  1rem !important }
 .px-4  {
     padding-right:  1.5rem !important;
     padding-left:  1.5rem !important }
 .px-5  {
     padding-right:  2rem !important;
     padding-left:  2rem !important }
 .py-0  {
     padding-top:  0 !important;
     padding-bottom:  0 !important }
 .py-1  {
     padding-top:  .25rem !important;
     padding-bottom:  .25rem !important }
 .py-2  {
     padding-top:  .5rem !important;
     padding-bottom:  .5rem !important }
 .py-3  {
     padding-top:  1rem !important;
     padding-bottom:  1rem !important }
 .py-4  {
     padding-top:  1.5rem !important;
     padding-bottom:  1.5rem !important }
 .py-5  {
     padding-top:  2rem !important;
     padding-bottom:  2rem !important }
 .pt-0  {
     padding-top:  0 !important }
 .pt-1  {
     padding-top:  .25rem !important }
 .pt-2  {
     padding-top:  .5rem !important }
 .pt-3  {
     padding-top:  1rem !important }
 .pt-4  {
     padding-top:  1.5rem !important }
 .pt-5  {
     padding-top:  2rem !important }
 .pe-0  {
     padding-right:  0 !important }
 .pe-1  {
     padding-right:  .25rem !important }
 .pe-2  {
     padding-right:  .5rem !important }
 .pe-3  {
     padding-right:  1rem !important }
 .pe-4  {
     padding-right:  1.5rem !important }
 .pe-5  {
     padding-right:  2rem !important }
 .pb-0  {
     padding-bottom:  0 !important }
 .pb-1  {
     padding-bottom:  .25rem !important }
 .pb-2  {
     padding-bottom:  .5rem !important }
 .pb-3  {
     padding-bottom:  1rem !important }
 .pb-4  {
     padding-bottom:  1.5rem !important }
 .pb-5  {
     padding-bottom:  2rem !important }
 .ps-0  {
     padding-left:  0 !important }
 .ps-1  {
     padding-left:  .25rem !important }
 .ps-2  {
     padding-left:  .5rem !important }
 .ps-3  {
     padding-left:  1rem !important }
 .ps-4  {
     padding-left:  1.5rem !important }
 .ps-5  {
     padding-left:  2rem !important }
 .gap-0  {
     gap:  0 !important }
 .gap-1  {
     gap:  .25rem !important }
 .gap-2  {
     gap:  .5rem !important }
 .gap-3  {
     gap:  1rem !important }
 .gap-4  {
     gap:  1.5rem !important }
 .gap-5  {
     gap:  2rem !important }
 .row-gap-0  {
     row-gap:  0 !important }
 .row-gap-1  {
     row-gap:  .25rem !important }
 .row-gap-2  {
     row-gap:  .5rem !important }
 .row-gap-3  {
     row-gap:  1rem !important }
 .row-gap-4  {
     row-gap:  1.5rem !important }
 .row-gap-5  {
     row-gap:  2rem !important }
 .column-gap-0  {
     column-gap:  0 !important }
 .column-gap-1  {
     column-gap:  .25rem !important }
 .column-gap-2  {
     column-gap:  .5rem !important }
 .column-gap-3  {
     column-gap:  1rem !important }
 .column-gap-4  {
     column-gap:  1.5rem !important }
 .column-gap-5  {
     column-gap:  2rem !important }
 .font-monospace  {
     font-family:  var(--bs-font-monospace) !important }
 .fs-1  {
     font-size:  calc(1.3rem + .6vw) !important }
 .fs-2  {
     font-size:  calc(1.28125rem + .375vw) !important }
 .fs-3  {
     font-size:  calc(1.2625rem + .15vw) !important }
 .fs-4  {
     font-size:  1.25rem !important }
 .fs-5  {
     font-size:  1.125rem !important }
 .fs-6  {
     font-size:  1rem !important }
 .fst-italic  {
     font-style:  italic !important }
 .fst-normal  {
     font-style:  normal !important }
 .fw-lighter  {
     font-weight:  lighter !important }
 .fw-light  {
     font-weight:  300 !important }
 .fw-normal  {
     font-weight:  400 !important }
 .fw-medium  {
     font-weight:  500 !important }
 .fw-semibold  {
     font-weight:  600 !important }
 .fw-bold  {
     font-weight:  700 !important }
 .fw-bolder  {
     font-weight:  bolder !important }
 .lh-1  {
     line-height:  1 !important }
 .lh-sm  {
     line-height:  1.25 !important }
 .lh-base  {
     line-height:  1.8 !important }
 .lh-lg  {
     line-height:  2 !important }
 .text-start  {
     text-align:  left !important }
 .text-end  {
     text-align:  right !important }
 .text-center  {
     text-align:  center !important }
 .text-decoration-none  {
     text-decoration:  none !important }
 .text-decoration-underline  {
     text-decoration:  underline !important }
 .text-decoration-line-through  {
     text-decoration:  line-through !important }
 .text-lowercase  {
     text-transform:  lowercase !important }
 .text-uppercase  {
     text-transform:  uppercase !important }
 .text-capitalize  {
     text-transform:  capitalize !important }
 .text-wrap  {
     white-space:  normal !important }
 .text-nowrap  {
     white-space:  nowrap !important }
 .text-break  {
     word-wrap:  break-word !important;
     word-break:  break-word !important }
 .text-primary  {
     --bs-text-opacity:  1;
     color:  #2A2B78 }
 .text-secondary  {
     --bs-text-opacity:  1;
     color:  rgba(var(--bs-secondary-rgb),  var(--bs-text-opacity)) !important }
 .text-success  {
     --bs-text-opacity:  1;
     color:  rgba(var(--bs-success-rgb),  var(--bs-text-opacity)) !important }
 .text-info  {
     --bs-text-opacity:  1;
     color:  rgba(var(--bs-info-rgb),  var(--bs-text-opacity)) !important }
 .text-warning  {
     --bs-text-opacity:  1;
     color:  rgba(var(--bs-warning-rgb),  var(--bs-text-opacity)) !important }
 .text-danger  {
     --bs-text-opacity:  1;
     color:  rgba(var(--bs-danger-rgb),  var(--bs-text-opacity)) !important }
 .text-light  {
     --bs-text-opacity:  1;
     color:  rgba(var(--bs-light-rgb),  var(--bs-text-opacity)) !important }
 .text-dark  {
     --bs-text-opacity:  1;
     color:  rgba(var(--bs-dark-rgb),  var(--bs-text-opacity)) !important }
 .text-gray  {
     --bs-text-opacity:  1;
     color:  rgba(var(--bs-gray-rgb),  var(--bs-text-opacity)) !important }
 .text-gray-dark  {
     --bs-text-opacity:  1;
     color:  rgba(var(--bs-gray-dark-rgb),  var(--bs-text-opacity)) !important }
 .text-black  {
     --bs-text-opacity:  1;
     color:  rgba(var(--bs-black-rgb),  var(--bs-text-opacity)) !important }
 .text-white  {
     --bs-text-opacity:  1;
     color:  rgba(var(--bs-white-rgb),  var(--bs-text-opacity)) !important }
 .text-body  {
     --bs-text-opacity:  1;
     color:  rgba(var(--bs-body-color-rgb),  var(--bs-text-opacity)) !important }
 .text-muted  {
     --bs-text-opacity:  1;
     color:  var(--bs-secondary-color) !important }
 .text-black-50  {
     --bs-text-opacity:  1;
     color:  rgba(0,  0,  0,  .5) !important }
 .text-white-50  {
     --bs-text-opacity:  1;
     color:  rgba(255,  255,  255,  .5) !important }
 .text-body-secondary  {
     --bs-text-opacity:  1;
     color:  var(--bs-secondary-color) !important }
 .text-body-tertiary  {
     --bs-text-opacity:  1;
     color:  var(--bs-tertiary-color) !important }
 .text-body-emphasis  {
     --bs-text-opacity:  1;
     color:  var(--bs-emphasis-color) !important }
 .text-reset  {
     --bs-text-opacity:  1;
     color:  inherit !important }
 .text-opacity-25  {
     --bs-text-opacity:  0.25 }
 .text-opacity-50  {
     --bs-text-opacity:  0.5 }
 .text-opacity-75  {
     --bs-text-opacity:  0.75 }
 .text-opacity-100  {
     --bs-text-opacity:  1 }
 .text-primary-emphasis  {
     color:  var(--bs-primary-text-emphasis) !important }
 .text-secondary-emphasis  {
     color:  var(--bs-secondary-text-emphasis) !important }
 .text-success-emphasis  {
     color:  var(--bs-success-text-emphasis) !important }
 .text-info-emphasis  {
     color:  var(--bs-info-text-emphasis) !important }
 .text-warning-emphasis  {
     color:  var(--bs-warning-text-emphasis) !important }
 .text-danger-emphasis  {
     color:  var(--bs-danger-text-emphasis) !important }
 .text-light-emphasis  {
     color:  var(--bs-light-text-emphasis) !important }
 .text-dark-emphasis  {
     color:  var(--bs-dark-text-emphasis) !important }
 .link-opacity-10  {
     --bs-link-opacity:  0.1 }
 .link-opacity-10-hover:hover  {
     --bs-link-opacity:  0.1 }
 .link-opacity-25  {
     --bs-link-opacity:  0.25 }
 .link-opacity-25-hover:hover  {
     --bs-link-opacity:  0.25 }
 .link-opacity-50  {
     --bs-link-opacity:  0.5 }
 .link-opacity-50-hover:hover  {
     --bs-link-opacity:  0.5 }
 .link-opacity-75  {
     --bs-link-opacity:  0.75 }
 .link-opacity-75-hover:hover  {
     --bs-link-opacity:  0.75 }
 .link-opacity-100  {
     --bs-link-opacity:  1 }
 .link-opacity-100-hover:hover  {
     --bs-link-opacity:  1 }
 .link-offset-1  {
     text-underline-offset:  .125em !important }
 .link-offset-1-hover:hover  {
     text-underline-offset:  .125em !important }
 .link-offset-2  {
     text-underline-offset:  .25em !important }
 .link-offset-2-hover:hover  {
     text-underline-offset:  .25em !important }
 .link-offset-3  {
     text-underline-offset:  .375em !important }
 .link-offset-3-hover:hover  {
     text-underline-offset:  .375em !important }
 .link-underline-primary  {
     --bs-link-underline-opacity:  1;
     text-decoration-color:  rgba(var(--bs-primary-rgb),  var(--bs-link-underline-opacity)) !important }
 .link-underline-secondary  {
     --bs-link-underline-opacity:  1;
     text-decoration-color:  rgba(var(--bs-secondary-rgb),  var(--bs-link-underline-opacity)) !important }
 .link-underline-success  {
     --bs-link-underline-opacity:  1;
     text-decoration-color:  rgba(var(--bs-success-rgb),  var(--bs-link-underline-opacity)) !important }
 .link-underline-info  {
     --bs-link-underline-opacity:  1;
     text-decoration-color:  rgba(var(--bs-info-rgb),  var(--bs-link-underline-opacity)) !important }
 .link-underline-warning  {
     --bs-link-underline-opacity:  1;
     text-decoration-color:  rgba(var(--bs-warning-rgb),  var(--bs-link-underline-opacity)) !important }
 .link-underline-danger  {
     --bs-link-underline-opacity:  1;
     text-decoration-color:  rgba(var(--bs-danger-rgb),  var(--bs-link-underline-opacity)) !important }
 .link-underline-light  {
     --bs-link-underline-opacity:  1;
     text-decoration-color:  rgba(var(--bs-light-rgb),  var(--bs-link-underline-opacity)) !important }
 .link-underline-dark  {
     --bs-link-underline-opacity:  1;
     text-decoration-color:  rgba(var(--bs-dark-rgb),  var(--bs-link-underline-opacity)) !important }
 .link-underline-gray  {
     --bs-link-underline-opacity:  1;
     text-decoration-color:  rgba(var(--bs-gray-rgb),  var(--bs-link-underline-opacity)) !important }
 .link-underline-gray-dark  {
     --bs-link-underline-opacity:  1;
     text-decoration-color:  rgba(var(--bs-gray-dark-rgb),  var(--bs-link-underline-opacity)) !important }
 .link-underline  {
     --bs-link-underline-opacity:  1;
     text-decoration-color:  rgba(var(--bs-link-color-rgb),  var(--bs-link-underline-opacity,  1)) !important }
 .link-underline-opacity-0  {
     --bs-link-underline-opacity:  0 }
 .link-underline-opacity-0-hover:hover  {
     --bs-link-underline-opacity:  0 }
 .link-underline-opacity-10  {
     --bs-link-underline-opacity:  0.1 }
 .link-underline-opacity-10-hover:hover  {
     --bs-link-underline-opacity:  0.1 }
 .link-underline-opacity-25  {
     --bs-link-underline-opacity:  0.25 }
 .link-underline-opacity-25-hover:hover  {
     --bs-link-underline-opacity:  0.25 }
 .link-underline-opacity-50  {
     --bs-link-underline-opacity:  0.5 }
 .link-underline-opacity-50-hover:hover  {
     --bs-link-underline-opacity:  0.5 }
 .link-underline-opacity-75  {
     --bs-link-underline-opacity:  0.75 }
 .link-underline-opacity-75-hover:hover  {
     --bs-link-underline-opacity:  0.75 }
 .link-underline-opacity-100  {
     --bs-link-underline-opacity:  1 }
 .link-underline-opacity-100-hover:hover  {
     --bs-link-underline-opacity:  1 }
 .bg-primary  {
     --bs-bg-opacity:  1;
     background-color:  rgba(var(--bs-primary-rgb),  var(--bs-bg-opacity)) !important }
 .bg-secondary  {
     --bs-bg-opacity:  1;
     background-color:  rgba(var(--bs-secondary-rgb),  var(--bs-bg-opacity)) !important }
 .bg-success  {
     --bs-bg-opacity:  1;
     background-color:  rgba(var(--bs-success-rgb),  var(--bs-bg-opacity)) !important }
 .bg-info  {
     --bs-bg-opacity:  1;
     background-color:  rgba(var(--bs-info-rgb),  var(--bs-bg-opacity)) !important }
 .bg-warning  {
     --bs-bg-opacity:  1;
     background-color:  rgba(var(--bs-warning-rgb),  var(--bs-bg-opacity)) !important }
 .bg-danger  {
     --bs-bg-opacity:  1;
     background-color:  rgba(var(--bs-danger-rgb),  var(--bs-bg-opacity)) !important }
 .bg-light  {
     --bs-bg-opacity:  1;
     background-color:  rgba(var(--bs-light-rgb),  var(--bs-bg-opacity)) !important }
 .bg-dark  {
     --bs-bg-opacity:  1;
     background-color:  rgba(var(--bs-dark-rgb),  var(--bs-bg-opacity)) !important }
 .bg-gray  {
     --bs-bg-opacity:  1;
     background-color:  rgba(var(--bs-gray-rgb),  var(--bs-bg-opacity)) !important }
 .bg-gray-dark  {
     --bs-bg-opacity:  1;
     background-color:  rgba(var(--bs-gray-dark-rgb),  var(--bs-bg-opacity)) !important }
 .bg-black  {
     --bs-bg-opacity:  1;
     background-color:  rgba(var(--bs-black-rgb),  var(--bs-bg-opacity)) !important }
 .bg-white  {
     --bs-bg-opacity:  1;
     background-color:  rgba(var(--bs-white-rgb),  var(--bs-bg-opacity)) !important }
 .bg-body  {
     --bs-bg-opacity:  1;
     background-color:  rgba(var(--bs-body-bg-rgb),  var(--bs-bg-opacity)) !important }
 .bg-transparent  {
     --bs-bg-opacity:  1;
     background-color:  transparent !important }
 .bg-body-secondary  {
     --bs-bg-opacity:  1;
     background-color:  rgba(var(--bs-secondary-bg-rgb),  var(--bs-bg-opacity)) !important }
 .bg-body-tertiary  {
     --bs-bg-opacity:  1;
     background-color:  rgba(var(--bs-tertiary-bg-rgb),  var(--bs-bg-opacity)) !important }
 .bg-opacity-10  {
     --bs-bg-opacity:  0.1 }
 .bg-opacity-25  {
     --bs-bg-opacity:  0.25 }
 .bg-opacity-50  {
     --bs-bg-opacity:  0.5 }
 .bg-opacity-75  {
     --bs-bg-opacity:  0.75 }
 .bg-opacity-100  {
     --bs-bg-opacity:  1 }
 .bg-primary-subtle  {
     background-color:  #2a2b7824 !important }
 .bg-secondary-subtle  {
     background-color:  var(--bs-secondary-bg-subtle) !important }
 .bg-success-subtle  {
     background-color:  var(--bs-success-bg-subtle) !important }
 .bg-info-subtle  {
     background-color:  var(--bs-info-bg-subtle) !important }
 .bg-warning-subtle  {
     background-color:  var(--bs-warning-bg-subtle) !important }
 .bg-danger-subtle  {
     background-color:  var(--bs-danger-bg-subtle) !important }
 .bg-light-subtle  {
     background-color:  var(--bs-light-bg-subtle) !important }
 .bg-dark-subtle  {
     background-color:  var(--bs-dark-bg-subtle) !important }
 .bg-gradient  {
     background-image:  var(--bs-gradient) !important }
 .user-select-all  {
     user-select:  all !important }
 .user-select-auto  {
     user-select:  auto !important }
 .user-select-none  {
     user-select:  none !important }
 .pe-none  {
     pointer-events:  none !important }
 .pe-auto  {
     pointer-events:  auto !important }
 .rounded  {
     border-radius:  var(--bs-border-radius) !important }
 .rounded-0  {
     border-radius:  0 !important }
 .rounded-1  {
     border-radius:  var(--bs-border-radius-sm) !important }
 .rounded-2  {
     border-radius:  var(--bs-border-radius) !important }
 .rounded-3  {
     border-radius:  var(--bs-border-radius-lg) !important }
 .rounded-4  {
     border-radius:  var(--bs-border-radius-xl) !important }
 .rounded-5  {
     border-radius:  var(--bs-border-radius-xxl) !important }
 .rounded-circle  {
     border-radius:  50% !important }
 .rounded-pill  {
     border-radius:  var(--bs-border-radius-pill) !important }
 .rounded-top  {
     border-top-left-radius:  var(--bs-border-radius) !important;
     border-top-right-radius:  var(--bs-border-radius) !important }
 .rounded-top-0  {
     border-top-left-radius:  0 !important;
     border-top-right-radius:  0 !important }
 .rounded-top-1  {
     border-top-left-radius:  var(--bs-border-radius-sm) !important;
     border-top-right-radius:  var(--bs-border-radius-sm) !important }
 .rounded-top-2  {
     border-top-left-radius:  var(--bs-border-radius) !important;
     border-top-right-radius:  var(--bs-border-radius) !important }
 .rounded-top-3  {
     border-top-left-radius:  var(--bs-border-radius-lg) !important;
     border-top-right-radius:  var(--bs-border-radius-lg) !important }
 .rounded-top-4  {
     border-top-left-radius:  var(--bs-border-radius-xl) !important;
     border-top-right-radius:  var(--bs-border-radius-xl) !important }
 .rounded-top-5  {
     border-top-left-radius:  var(--bs-border-radius-xxl) !important;
     border-top-right-radius:  var(--bs-border-radius-xxl) !important }
 .rounded-top-circle  {
     border-top-left-radius:  50% !important;
     border-top-right-radius:  50% !important }
 .rounded-top-pill  {
     border-top-left-radius:  var(--bs-border-radius-pill) !important;
     border-top-right-radius:  var(--bs-border-radius-pill) !important }
 .rounded-end  {
     border-top-right-radius:  var(--bs-border-radius) !important;
     border-bottom-right-radius:  var(--bs-border-radius) !important }
 .rounded-end-0  {
     border-top-right-radius:  0 !important;
     border-bottom-right-radius:  0 !important }
 .rounded-end-1  {
     border-top-right-radius:  var(--bs-border-radius-sm) !important;
     border-bottom-right-radius:  var(--bs-border-radius-sm) !important }
 .rounded-end-2  {
     border-top-right-radius:  var(--bs-border-radius) !important;
     border-bottom-right-radius:  var(--bs-border-radius) !important }
 .rounded-end-3  {
     border-top-right-radius:  var(--bs-border-radius-lg) !important;
     border-bottom-right-radius:  var(--bs-border-radius-lg) !important }
 .rounded-end-4  {
     border-top-right-radius:  var(--bs-border-radius-xl) !important;
     border-bottom-right-radius:  var(--bs-border-radius-xl) !important }
 .rounded-end-5  {
     border-top-right-radius:  var(--bs-border-radius-xxl) !important;
     border-bottom-right-radius:  var(--bs-border-radius-xxl) !important }
 .rounded-end-circle  {
     border-top-right-radius:  50% !important;
     border-bottom-right-radius:  50% !important }
 .rounded-end-pill  {
     border-top-right-radius:  var(--bs-border-radius-pill) !important;
     border-bottom-right-radius:  var(--bs-border-radius-pill) !important }
 .rounded-bottom  {
     border-bottom-right-radius:  var(--bs-border-radius) !important;
     border-bottom-left-radius:  var(--bs-border-radius) !important }
 .rounded-bottom-0  {
     border-bottom-right-radius:  0 !important;
     border-bottom-left-radius:  0 !important }
 .rounded-bottom-1  {
     border-bottom-right-radius:  var(--bs-border-radius-sm) !important;
     border-bottom-left-radius:  var(--bs-border-radius-sm) !important }
 .rounded-bottom-2  {
     border-bottom-right-radius:  var(--bs-border-radius) !important;
     border-bottom-left-radius:  var(--bs-border-radius) !important }
 .rounded-bottom-3  {
     border-bottom-right-radius:  var(--bs-border-radius-lg) !important;
     border-bottom-left-radius:  var(--bs-border-radius-lg) !important }
 .rounded-bottom-4  {
     border-bottom-right-radius:  var(--bs-border-radius-xl) !important;
     border-bottom-left-radius:  var(--bs-border-radius-xl) !important }
 .rounded-bottom-5  {
     border-bottom-right-radius:  var(--bs-border-radius-xxl) !important;
     border-bottom-left-radius:  var(--bs-border-radius-xxl) !important }
 .rounded-bottom-circle  {
     border-bottom-right-radius:  50% !important;
     border-bottom-left-radius:  50% !important }
 .rounded-bottom-pill  {
     border-bottom-right-radius:  var(--bs-border-radius-pill) !important;
     border-bottom-left-radius:  var(--bs-border-radius-pill) !important }
 .rounded-start  {
     border-bottom-left-radius:  var(--bs-border-radius) !important;
     border-top-left-radius:  var(--bs-border-radius) !important }
 .rounded-start-0  {
     border-bottom-left-radius:  0 !important;
     border-top-left-radius:  0 !important }
 .rounded-start-1  {
     border-bottom-left-radius:  var(--bs-border-radius-sm) !important;
     border-top-left-radius:  var(--bs-border-radius-sm) !important }
 .rounded-start-2  {
     border-bottom-left-radius:  var(--bs-border-radius) !important;
     border-top-left-radius:  var(--bs-border-radius) !important }
 .rounded-start-3  {
     border-bottom-left-radius:  var(--bs-border-radius-lg) !important;
     border-top-left-radius:  var(--bs-border-radius-lg) !important }
 .rounded-start-4  {
     border-bottom-left-radius:  var(--bs-border-radius-xl) !important;
     border-top-left-radius:  var(--bs-border-radius-xl) !important }
 .rounded-start-5  {
     border-bottom-left-radius:  var(--bs-border-radius-xxl) !important;
     border-top-left-radius:  var(--bs-border-radius-xxl) !important }
 .rounded-start-circle  {
     border-bottom-left-radius:  50% !important;
     border-top-left-radius:  50% !important }
 .rounded-start-pill  {
     border-bottom-left-radius:  var(--bs-border-radius-pill) !important;
     border-top-left-radius:  var(--bs-border-radius-pill) !important }
 .visible  {
     visibility:  visible !important }
 .invisible  {
     visibility:  hidden !important }
 .z-n1  {
     z-index:  -1 !important }
 .z-0  {
     z-index:  0 !important }
 .z-1  {
     z-index:  1 !important }
 .z-2  {
     z-index:  2 !important }
 .z-3  {
     z-index:  3 !important }
 @media (min-width:576px)  {
     .float-sm-start  {
     float:  left !important }
 .float-sm-end  {
     float:  right !important }
 .float-sm-none  {
     float:  none !important }
 .object-fit-sm-contain  {
     object-fit:  contain !important }
 .object-fit-sm-cover  {
     object-fit:  cover !important }
 .object-fit-sm-fill  {
     object-fit:  fill !important }
 .object-fit-sm-scale  {
     object-fit:  scale-down !important }
 .object-fit-sm-none  {
     object-fit:  none !important }
 .d-sm-inline  {
     display:  inline !important }
 .d-sm-inline-block  {
     display:  inline-block !important }
 .d-sm-block  {
     display:  block !important }
 .d-sm-grid  {
     display:  grid !important }
 .d-sm-inline-grid  {
     display:  inline-grid !important }
 .d-sm-table  {
     display:  table !important }
 .d-sm-table-row  {
     display:  table-row !important }
 .d-sm-table-cell  {
     display:  table-cell !important }
 .d-sm-flex  {
     display:  flex !important }
 .d-sm-inline-flex  {
     display:  inline-flex !important }
 .d-sm-none  {
     display:  none !important }
 .flex-sm-fill  {
     flex:  1 1 auto !important }
 .flex-sm-row  {
     flex-direction:  row !important }
 .flex-sm-column  {
     flex-direction:  column !important }
 .flex-sm-row-reverse  {
     flex-direction:  row-reverse !important }
 .flex-sm-column-reverse  {
     flex-direction:  column-reverse !important }
 .flex-sm-grow-0  {
     flex-grow:  0 !important }
 .flex-sm-grow-1  {
     flex-grow:  1 !important }
 .flex-sm-shrink-0  {
     flex-shrink:  0 !important }
 .flex-sm-shrink-1  {
     flex-shrink:  1 !important }
 .flex-sm-wrap  {
     flex-wrap:  wrap !important }
 .flex-sm-nowrap  {
     flex-wrap:  nowrap !important }
 .flex-sm-wrap-reverse  {
     flex-wrap:  wrap-reverse !important }
 .justify-content-sm-start  {
     justify-content:  flex-start !important }
 .justify-content-sm-end  {
     justify-content:  flex-end !important }
 .justify-content-sm-center  {
     justify-content:  center !important }
 .justify-content-sm-between  {
     justify-content:  space-between !important }
 .justify-content-sm-around  {
     justify-content:  space-around !important }
 .justify-content-sm-evenly  {
     justify-content:  space-evenly !important }
 .align-items-sm-start  {
     align-items:  flex-start !important }
 .align-items-sm-end  {
     align-items:  flex-end !important }
 .align-items-sm-center  {
     align-items:  center !important }
 .align-items-sm-baseline  {
     align-items:  baseline !important }
 .align-items-sm-stretch  {
     align-items:  stretch !important }
 .align-content-sm-start  {
     align-content:  flex-start !important }
 .align-content-sm-end  {
     align-content:  flex-end !important }
 .align-content-sm-center  {
     align-content:  center !important }
 .align-content-sm-between  {
     align-content:  space-between !important }
 .align-content-sm-around  {
     align-content:  space-around !important }
 .align-content-sm-stretch  {
     align-content:  stretch !important }
 .align-self-sm-auto  {
     align-self:  auto !important }
 .align-self-sm-start  {
     align-self:  flex-start !important }
 .align-self-sm-end  {
     align-self:  flex-end !important }
 .align-self-sm-center  {
     align-self:  center !important }
 .align-self-sm-baseline  {
     align-self:  baseline !important }
 .align-self-sm-stretch  {
     align-self:  stretch !important }
 .order-sm-first  {
     order:  -1 !important }
 .order-sm-0  {
     order:  0 !important }
 .order-sm-1  {
     order:  1 !important }
 .order-sm-2  {
     order:  2 !important }
 .order-sm-3  {
     order:  3 !important }
 .order-sm-4  {
     order:  4 !important }
 .order-sm-5  {
     order:  5 !important }
 .order-sm-last  {
     order:  6 !important }
 .m-sm-0  {
     margin:  0 !important }
 .m-sm-1  {
     margin:  .25rem !important }
 .m-sm-2  {
     margin:  .5rem !important }
 .m-sm-3  {
     margin:  1rem !important }
 .m-sm-4  {
     margin:  1.5rem !important }
 .m-sm-5  {
     margin:  2rem !important }
 .m-sm-auto  {
     margin:  auto !important }
 .mx-sm-0  {
     margin-right:  0 !important;
     margin-left:  0 !important }
 .mx-sm-1  {
     margin-right:  .25rem !important;
     margin-left:  .25rem !important }
 .mx-sm-2  {
     margin-right:  .5rem !important;
     margin-left:  .5rem !important }
 .mx-sm-3  {
     margin-right:  1rem !important;
     margin-left:  1rem !important }
 .mx-sm-4  {
     margin-right:  1.5rem !important;
     margin-left:  1.5rem !important }
 .mx-sm-5  {
     margin-right:  2rem !important;
     margin-left:  2rem !important }
 .mx-sm-auto  {
     margin-right:  auto !important;
     margin-left:  auto !important }
 .my-sm-0  {
     margin-top:  0 !important;
     margin-bottom:  0 !important }
 .my-sm-1  {
     margin-top:  .25rem !important;
     margin-bottom:  .25rem !important }
 .my-sm-2  {
     margin-top:  .5rem !important;
     margin-bottom:  .5rem !important }
 .my-sm-3  {
     margin-top:  1rem !important;
     margin-bottom:  1rem !important }
 .my-sm-4  {
     margin-top:  1.5rem !important;
     margin-bottom:  1.5rem !important }
 .my-sm-5  {
     margin-top:  2rem !important;
     margin-bottom:  2rem !important }
 .my-sm-auto  {
     margin-top:  auto !important;
     margin-bottom:  auto !important }
 .mt-sm-0  {
     margin-top:  0 !important }
 .mt-sm-1  {
     margin-top:  .25rem !important }
 .mt-sm-2  {
     margin-top:  .5rem !important }
 .mt-sm-3  {
     margin-top:  1rem !important }
 .mt-sm-4  {
     margin-top:  1.5rem !important }
 .mt-sm-5  {
     margin-top:  2rem !important }
 .mt-sm-auto  {
     margin-top:  auto !important }
 .me-sm-0  {
     margin-right:  0 !important }
 .me-sm-1  {
     margin-right:  .25rem !important }
 .me-sm-2  {
     margin-right:  .5rem !important }
 .me-sm-3  {
     margin-right:  1rem !important }
 .me-sm-4  {
     margin-right:  1.5rem !important }
 .me-sm-5  {
     margin-right:  2rem !important }
 .me-sm-auto  {
     margin-right:  auto !important }
 .mb-sm-0  {
     margin-bottom:  0 !important }
 .mb-sm-1  {
     margin-bottom:  .25rem !important }
 .mb-sm-2  {
     margin-bottom:  .5rem !important }
 .mb-sm-3  {
     margin-bottom:  1rem !important }
 .mb-sm-4  {
     margin-bottom:  1.5rem !important }
 .mb-sm-5  {
     margin-bottom:  2rem !important }
 .mb-sm-auto  {
     margin-bottom:  auto !important }
 .ms-sm-0  {
     margin-left:  0 !important }
 .ms-sm-1  {
     margin-left:  .25rem !important }
 .ms-sm-2  {
     margin-left:  .5rem !important }
 .ms-sm-3  {
     margin-left:  1rem !important }
 .ms-sm-4  {
     margin-left:  1.5rem !important }
 .ms-sm-5  {
     margin-left:  2rem !important }
 .ms-sm-auto  {
     margin-left:  auto !important }
 .m-sm-n1  {
     margin:  -.25rem !important }
 .m-sm-n2  {
     margin:  -.5rem !important }
 .m-sm-n3  {
     margin:  -1rem !important }
 .m-sm-n4  {
     margin:  -1.5rem !important }
 .m-sm-n5  {
     margin:  -2rem !important }
 .mx-sm-n1  {
     margin-right:  -.25rem !important;
     margin-left:  -.25rem !important }
 .mx-sm-n2  {
     margin-right:  -.5rem !important;
     margin-left:  -.5rem !important }
 .mx-sm-n3  {
     margin-right:  -1rem !important;
     margin-left:  -1rem !important }
 .mx-sm-n4  {
     margin-right:  -1.5rem !important;
     margin-left:  -1.5rem !important }
 .mx-sm-n5  {
     margin-right:  -2rem !important;
     margin-left:  -2rem !important }
 .my-sm-n1  {
     margin-top:  -.25rem !important;
     margin-bottom:  -.25rem !important }
 .my-sm-n2  {
     margin-top:  -.5rem !important;
     margin-bottom:  -.5rem !important }
 .my-sm-n3  {
     margin-top:  -1rem !important;
     margin-bottom:  -1rem !important }
 .my-sm-n4  {
     margin-top:  -1.5rem !important;
     margin-bottom:  -1.5rem !important }
 .my-sm-n5  {
     margin-top:  -2rem !important;
     margin-bottom:  -2rem !important }
 .mt-sm-n1  {
     margin-top:  -.25rem !important }
 .mt-sm-n2  {
     margin-top:  -.5rem !important }
 .mt-sm-n3  {
     margin-top:  -1rem !important }
 .mt-sm-n4  {
     margin-top:  -1.5rem !important }
 .mt-sm-n5  {
     margin-top:  -2rem !important }
 .me-sm-n1  {
     margin-right:  -.25rem !important }
 .me-sm-n2  {
     margin-right:  -.5rem !important }
 .me-sm-n3  {
     margin-right:  -1rem !important }
 .me-sm-n4  {
     margin-right:  -1.5rem !important }
 .me-sm-n5  {
     margin-right:  -2rem !important }
 .mb-sm-n1  {
     margin-bottom:  -.25rem !important }
 .mb-sm-n2  {
     margin-bottom:  -.5rem !important }
 .mb-sm-n3  {
     margin-bottom:  -1rem !important }
 .mb-sm-n4  {
     margin-bottom:  -1.5rem !important }
 .mb-sm-n5  {
     margin-bottom:  -2rem !important }
 .ms-sm-n1  {
     margin-left:  -.25rem !important }
 .ms-sm-n2  {
     margin-left:  -.5rem !important }
 .ms-sm-n3  {
     margin-left:  -1rem !important }
 .ms-sm-n4  {
     margin-left:  -1.5rem !important }
 .ms-sm-n5  {
     margin-left:  -2rem !important }
 .p-sm-0  {
     padding:  0 !important }
 .p-sm-1  {
     padding:  .25rem !important }
 .p-sm-2  {
     padding:  .5rem !important }
 .p-sm-3  {
     padding:  1rem !important }
 .p-sm-4  {
     padding:  1.5rem !important }
 .p-sm-5  {
     padding:  2rem !important }
 .px-sm-0  {
     padding-right:  0 !important;
     padding-left:  0 !important }
 .px-sm-1  {
     padding-right:  .25rem !important;
     padding-left:  .25rem !important }
 .px-sm-2  {
     padding-right:  .5rem !important;
     padding-left:  .5rem !important }
 .px-sm-3  {
     padding-right:  1rem !important;
     padding-left:  1rem !important }
 .px-sm-4  {
     padding-right:  1.5rem !important;
     padding-left:  1.5rem !important }
 .px-sm-5  {
     padding-right:  2rem !important;
     padding-left:  2rem !important }
 .py-sm-0  {
     padding-top:  0 !important;
     padding-bottom:  0 !important }
 .py-sm-1  {
     padding-top:  .25rem !important;
     padding-bottom:  .25rem !important }
 .py-sm-2  {
     padding-top:  .5rem !important;
     padding-bottom:  .5rem !important }
 .py-sm-3  {
     padding-top:  1rem !important;
     padding-bottom:  1rem !important }
 .py-sm-4  {
     padding-top:  1.5rem !important;
     padding-bottom:  1.5rem !important }
 .py-sm-5  {
     padding-top:  2rem !important;
     padding-bottom:  2rem !important }
 .pt-sm-0  {
     padding-top:  0 !important }
 .pt-sm-1  {
     padding-top:  .25rem !important }
 .pt-sm-2  {
     padding-top:  .5rem !important }
 .pt-sm-3  {
     padding-top:  1rem !important }
 .pt-sm-4  {
     padding-top:  1.5rem !important }
 .pt-sm-5  {
     padding-top:  2rem !important }
 .pe-sm-0  {
     padding-right:  0 !important }
 .pe-sm-1  {
     padding-right:  .25rem !important }
 .pe-sm-2  {
     padding-right:  .5rem !important }
 .pe-sm-3  {
     padding-right:  1rem !important }
 .pe-sm-4  {
     padding-right:  1.5rem !important }
 .pe-sm-5  {
     padding-right:  2rem !important }
 .pb-sm-0  {
     padding-bottom:  0 !important }
 .pb-sm-1  {
     padding-bottom:  .25rem !important }
 .pb-sm-2  {
     padding-bottom:  .5rem !important }
 .pb-sm-3  {
     padding-bottom:  1rem !important }
 .pb-sm-4  {
     padding-bottom:  1.5rem !important }
 .pb-sm-5  {
     padding-bottom:  2rem !important }
 .ps-sm-0  {
     padding-left:  0 !important }
 .ps-sm-1  {
     padding-left:  .25rem !important }
 .ps-sm-2  {
     padding-left:  .5rem !important }
 .ps-sm-3  {
     padding-left:  1rem !important }
 .ps-sm-4  {
     padding-left:  1.5rem !important }
 .ps-sm-5  {
     padding-left:  2rem !important }
 .gap-sm-0  {
     gap:  0 !important }
 .gap-sm-1  {
     gap:  .25rem !important }
 .gap-sm-2  {
     gap:  .5rem !important }
 .gap-sm-3  {
     gap:  1rem !important }
 .gap-sm-4  {
     gap:  1.5rem !important }
 .gap-sm-5  {
     gap:  2rem !important }
 .row-gap-sm-0  {
     row-gap:  0 !important }
 .row-gap-sm-1  {
     row-gap:  .25rem !important }
 .row-gap-sm-2  {
     row-gap:  .5rem !important }
 .row-gap-sm-3  {
     row-gap:  1rem !important }
 .row-gap-sm-4  {
     row-gap:  1.5rem !important }
 .row-gap-sm-5  {
     row-gap:  2rem !important }
 .column-gap-sm-0  {
     column-gap:  0 !important }
 .column-gap-sm-1  {
     column-gap:  .25rem !important }
 .column-gap-sm-2  {
     column-gap:  .5rem !important }
 .column-gap-sm-3  {
     column-gap:  1rem !important }
 .column-gap-sm-4  {
     column-gap:  1.5rem !important }
 .column-gap-sm-5  {
     column-gap:  2rem !important }
 .text-sm-start  {
     text-align:  left !important }
 .text-sm-end  {
     text-align:  right !important }
 .text-sm-center  {
     text-align:  center !important }
 } @media (min-width:768px)  {
     .float-md-start  {
     float:  left !important }
 .float-md-end  {
     float:  right !important }
 .float-md-none  {
     float:  none !important }
 .object-fit-md-contain  {
     object-fit:  contain !important }
 .object-fit-md-cover  {
     object-fit:  cover !important }
 .object-fit-md-fill  {
     object-fit:  fill !important }
 .object-fit-md-scale  {
     object-fit:  scale-down !important }
 .object-fit-md-none  {
     object-fit:  none !important }
 .d-md-inline  {
     display:  inline !important }
 .d-md-inline-block  {
     display:  inline-block !important }
 .d-md-block  {
     display:  block !important }
 .d-md-grid  {
     display:  grid !important }
 .d-md-inline-grid  {
     display:  inline-grid !important }
 .d-md-table  {
     display:  table !important }
 .d-md-table-row  {
     display:  table-row !important }
 .d-md-table-cell  {
     display:  table-cell !important }
 .d-md-flex  {
     display:  flex !important }
 .d-md-inline-flex  {
     display:  inline-flex !important }
 .d-md-none  {
     display:  none !important }
 .flex-md-fill  {
     flex:  1 1 auto !important }
 .flex-md-row  {
     flex-direction:  row !important }
 .flex-md-column  {
     flex-direction:  column !important }
 .flex-md-row-reverse  {
     flex-direction:  row-reverse !important }
 .flex-md-column-reverse  {
     flex-direction:  column-reverse !important }
 .flex-md-grow-0  {
     flex-grow:  0 !important }
 .flex-md-grow-1  {
     flex-grow:  1 !important }
 .flex-md-shrink-0  {
     flex-shrink:  0 !important }
 .flex-md-shrink-1  {
     flex-shrink:  1 !important }
 .flex-md-wrap  {
     flex-wrap:  wrap !important }
 .flex-md-nowrap  {
     flex-wrap:  nowrap !important }
 .flex-md-wrap-reverse  {
     flex-wrap:  wrap-reverse !important }
 .justify-content-md-start  {
     justify-content:  flex-start !important }
 .justify-content-md-end  {
     justify-content:  flex-end !important }
 .justify-content-md-center  {
     justify-content:  center !important }
 .justify-content-md-between  {
     justify-content:  space-between !important }
 .justify-content-md-around  {
     justify-content:  space-around !important }
 .justify-content-md-evenly  {
     justify-content:  space-evenly !important }
 .align-items-md-start  {
     align-items:  flex-start !important }
 .align-items-md-end  {
     align-items:  flex-end !important }
 .align-items-md-center  {
     align-items:  center !important }
 .align-items-md-baseline  {
     align-items:  baseline !important }
 .align-items-md-stretch  {
     align-items:  stretch !important }
 .align-content-md-start  {
     align-content:  flex-start !important }
 .align-content-md-end  {
     align-content:  flex-end !important }
 .align-content-md-center  {
     align-content:  center !important }
 .align-content-md-between  {
     align-content:  space-between !important }
 .align-content-md-around  {
     align-content:  space-around !important }
 .align-content-md-stretch  {
     align-content:  stretch !important }
 .align-self-md-auto  {
     align-self:  auto !important }
 .align-self-md-start  {
     align-self:  flex-start !important }
 .align-self-md-end  {
     align-self:  flex-end !important }
 .align-self-md-center  {
     align-self:  center !important }
 .align-self-md-baseline  {
     align-self:  baseline !important }
 .align-self-md-stretch  {
     align-self:  stretch !important }
 .order-md-first  {
     order:  -1 !important }
 .order-md-0  {
     order:  0 !important }
 .order-md-1  {
     order:  1 !important }
 .order-md-2  {
     order:  2 !important }
 .order-md-3  {
     order:  3 !important }
 .order-md-4  {
     order:  4 !important }
 .order-md-5  {
     order:  5 !important }
 .order-md-last  {
     order:  6 !important }
 .m-md-0  {
     margin:  0 !important }
 .m-md-1  {
     margin:  .25rem !important }
 .m-md-2  {
     margin:  .5rem !important }
 .m-md-3  {
     margin:  1rem !important }
 .m-md-4  {
     margin:  1.5rem !important }
 .m-md-5  {
     margin:  2rem !important }
 .m-md-auto  {
     margin:  auto !important }
 .mx-md-0  {
     margin-right:  0 !important;
     margin-left:  0 !important }
 .mx-md-1  {
     margin-right:  .25rem !important;
     margin-left:  .25rem !important }
 .mx-md-2  {
     margin-right:  .5rem !important;
     margin-left:  .5rem !important }
 .mx-md-3  {
     margin-right:  1rem !important;
     margin-left:  1rem !important }
 .mx-md-4  {
     margin-right:  1.5rem !important;
     margin-left:  1.5rem !important }
 .mx-md-5  {
     margin-right:  2rem !important;
     margin-left:  2rem !important }
 .mx-md-auto  {
     margin-right:  auto !important;
     margin-left:  auto !important }
 .my-md-0  {
     margin-top:  0 !important;
     margin-bottom:  0 !important }
 .my-md-1  {
     margin-top:  .25rem !important;
     margin-bottom:  .25rem !important }
 .my-md-2  {
     margin-top:  .5rem !important;
     margin-bottom:  .5rem !important }
 .my-md-3  {
     margin-top:  1rem !important;
     margin-bottom:  1rem !important }
 .my-md-4  {
     margin-top:  1.5rem !important;
     margin-bottom:  1.5rem !important }
 .my-md-5  {
     margin-top:  2rem !important;
     margin-bottom:  2rem !important }
 .my-md-auto  {
     margin-top:  auto !important;
     margin-bottom:  auto !important }
 .mt-md-0  {
     margin-top:  0 !important }
 .mt-md-1  {
     margin-top:  .25rem !important }
 .mt-md-2  {
     margin-top:  .5rem !important }
 .mt-md-3  {
     margin-top:  1rem !important }
 .mt-md-4  {
     margin-top:  1.5rem !important }
 .mt-md-5  {
     margin-top:  2rem !important }
 .mt-md-auto  {
     margin-top:  auto !important }
 .me-md-0  {
     margin-right:  0 !important }
 .me-md-1  {
     margin-right:  .25rem !important }
 .me-md-2  {
     margin-right:  .5rem !important }
 .me-md-3  {
     margin-right:  1rem !important }
 .me-md-4  {
     margin-right:  1.5rem !important }
 .me-md-5  {
     margin-right:  2rem !important }
 .me-md-auto  {
     margin-right:  auto !important }
 .mb-md-0  {
     margin-bottom:  0 !important }
 .mb-md-1  {
     margin-bottom:  .25rem !important }
 .mb-md-2  {
     margin-bottom:  .5rem !important }
 .mb-md-3  {
     margin-bottom:  1rem !important }
 .mb-md-4  {
     margin-bottom:  1.5rem !important }
 .mb-md-5  {
     margin-bottom:  2rem !important }
 .mb-md-auto  {
     margin-bottom:  auto !important }
 .ms-md-0  {
     margin-left:  0 !important }
 .ms-md-1  {
     margin-left:  .25rem !important }
 .ms-md-2  {
     margin-left:  .5rem !important }
 .ms-md-3  {
     margin-left:  1rem !important }
 .ms-md-4  {
     margin-left:  1.5rem !important }
 .ms-md-5  {
     margin-left:  2rem !important }
 .ms-md-auto  {
     margin-left:  auto !important }
 .m-md-n1  {
     margin:  -.25rem !important }
 .m-md-n2  {
     margin:  -.5rem !important }
 .m-md-n3  {
     margin:  -1rem !important }
 .m-md-n4  {
     margin:  -1.5rem !important }
 .m-md-n5  {
     margin:  -2rem !important }
 .mx-md-n1  {
     margin-right:  -.25rem !important;
     margin-left:  -.25rem !important }
 .mx-md-n2  {
     margin-right:  -.5rem !important;
     margin-left:  -.5rem !important }
 .mx-md-n3  {
     margin-right:  -1rem !important;
     margin-left:  -1rem !important }
 .mx-md-n4  {
     margin-right:  -1.5rem !important;
     margin-left:  -1.5rem !important }
 .mx-md-n5  {
     margin-right:  -2rem !important;
     margin-left:  -2rem !important }
 .my-md-n1  {
     margin-top:  -.25rem !important;
     margin-bottom:  -.25rem !important }
 .my-md-n2  {
     margin-top:  -.5rem !important;
     margin-bottom:  -.5rem !important }
 .my-md-n3  {
     margin-top:  -1rem !important;
     margin-bottom:  -1rem !important }
 .my-md-n4  {
     margin-top:  -1.5rem !important;
     margin-bottom:  -1.5rem !important }
 .my-md-n5  {
     margin-top:  -2rem !important;
     margin-bottom:  -2rem !important }
 .mt-md-n1  {
     margin-top:  -.25rem !important }
 .mt-md-n2  {
     margin-top:  -.5rem !important }
 .mt-md-n3  {
     margin-top:  -1rem !important }
 .mt-md-n4  {
     margin-top:  -1.5rem !important }
 .mt-md-n5  {
     margin-top:  -2rem !important }
 .me-md-n1  {
     margin-right:  -.25rem !important }
 .me-md-n2  {
     margin-right:  -.5rem !important }
 .me-md-n3  {
     margin-right:  -1rem !important }
 .me-md-n4  {
     margin-right:  -1.5rem !important }
 .me-md-n5  {
     margin-right:  -2rem !important }
 .mb-md-n1  {
     margin-bottom:  -.25rem !important }
 .mb-md-n2  {
     margin-bottom:  -.5rem !important }
 .mb-md-n3  {
     margin-bottom:  -1rem !important }
 .mb-md-n4  {
     margin-bottom:  -1.5rem !important }
 .mb-md-n5  {
     margin-bottom:  -2rem !important }
 .ms-md-n1  {
     margin-left:  -.25rem !important }
 .ms-md-n2  {
     margin-left:  -.5rem !important }
 .ms-md-n3  {
     margin-left:  -1rem !important }
 .ms-md-n4  {
     margin-left:  -1.5rem !important }
 .ms-md-n5  {
     margin-left:  -2rem !important }
 .p-md-0  {
     padding:  0 !important }
 .p-md-1  {
     padding:  .25rem !important }
 .p-md-2  {
     padding:  .5rem !important }
 .p-md-3  {
     padding:  1rem !important }
 .p-md-4  {
     padding:  1.5rem !important }
 .p-md-5  {
     padding:  2rem !important }
 .px-md-0  {
     padding-right:  0 !important;
     padding-left:  0 !important }
 .px-md-1  {
     padding-right:  .25rem !important;
     padding-left:  .25rem !important }
 .px-md-2  {
     padding-right:  .5rem !important;
     padding-left:  .5rem !important }
 .px-md-3  {
     padding-right:  1rem !important;
     padding-left:  1rem !important }
 .px-md-4  {
     padding-right:  1.5rem !important;
     padding-left:  1.5rem !important }
 .px-md-5  {
     padding-right:  2rem !important;
     padding-left:  2rem !important }
 .py-md-0  {
     padding-top:  0 !important;
     padding-bottom:  0 !important }
 .py-md-1  {
     padding-top:  .25rem !important;
     padding-bottom:  .25rem !important }
 .py-md-2  {
     padding-top:  .5rem !important;
     padding-bottom:  .5rem !important }
 .py-md-3  {
     padding-top:  1rem !important;
     padding-bottom:  1rem !important }
 .py-md-4  {
     padding-top:  1.5rem !important;
     padding-bottom:  1.5rem !important }
 .py-md-5  {
     padding-top:  2rem !important;
     padding-bottom:  2rem !important }
 .pt-md-0  {
     padding-top:  0 !important }
 .pt-md-1  {
     padding-top:  .25rem !important }
 .pt-md-2  {
     padding-top:  .5rem !important }
 .pt-md-3  {
     padding-top:  1rem !important }
 .pt-md-4  {
     padding-top:  1.5rem !important }
 .pt-md-5  {
     padding-top:  2rem !important }
 .pe-md-0  {
     padding-right:  0 !important }
 .pe-md-1  {
     padding-right:  .25rem !important }
 .pe-md-2  {
     padding-right:  .5rem !important }
 .pe-md-3  {
     padding-right:  1rem !important }
 .pe-md-4  {
     padding-right:  1.5rem !important }
 .pe-md-5  {
     padding-right:  2rem !important }
 .pb-md-0  {
     padding-bottom:  0 !important }
 .pb-md-1  {
     padding-bottom:  .25rem !important }
 .pb-md-2  {
     padding-bottom:  .5rem !important }
 .pb-md-3  {
     padding-bottom:  1rem !important }
 .pb-md-4  {
     padding-bottom:  1.5rem !important }
 .pb-md-5  {
     padding-bottom:  2rem !important }
 .ps-md-0  {
     padding-left:  0 !important }
 .ps-md-1  {
     padding-left:  .25rem !important }
 .ps-md-2  {
     padding-left:  .5rem !important }
 .ps-md-3  {
     padding-left:  1rem !important }
 .ps-md-4  {
     padding-left:  1.5rem !important }
 .ps-md-5  {
     padding-left:  2rem !important }
 .gap-md-0  {
     gap:  0 !important }
 .gap-md-1  {
     gap:  .25rem !important }
 .gap-md-2  {
     gap:  .5rem !important }
 .gap-md-3  {
     gap:  1rem !important }
 .gap-md-4  {
     gap:  1.5rem !important }
 .gap-md-5  {
     gap:  2rem !important }
 .row-gap-md-0  {
     row-gap:  0 !important }
 .row-gap-md-1  {
     row-gap:  .25rem !important }
 .row-gap-md-2  {
     row-gap:  .5rem !important }
 .row-gap-md-3  {
     row-gap:  1rem !important }
 .row-gap-md-4  {
     row-gap:  1.5rem !important }
 .row-gap-md-5  {
     row-gap:  2rem !important }
 .column-gap-md-0  {
     column-gap:  0 !important }
 .column-gap-md-1  {
     column-gap:  .25rem !important }
 .column-gap-md-2  {
     column-gap:  .5rem !important }
 .column-gap-md-3  {
     column-gap:  1rem !important }
 .column-gap-md-4  {
     column-gap:  1.5rem !important }
 .column-gap-md-5  {
     column-gap:  2rem !important }
 .text-md-start  {
     text-align:  left !important }
 .text-md-end  {
     text-align:  right !important }
 .text-md-center  {
     text-align:  center !important }
 } @media (min-width:992px)  {
     .float-lg-start  {
     float:  left !important }
 .float-lg-end  {
     float:  right !important }
 .float-lg-none  {
     float:  none !important }
 .object-fit-lg-contain  {
     object-fit:  contain !important }
 .object-fit-lg-cover  {
     object-fit:  cover !important }
 .object-fit-lg-fill  {
     object-fit:  fill !important }
 .object-fit-lg-scale  {
     object-fit:  scale-down !important }
 .object-fit-lg-none  {
     object-fit:  none !important }
 .d-lg-inline  {
     display:  inline !important }
 .d-lg-inline-block  {
     display:  inline-block !important }
 .d-lg-block  {
     display:  block !important }
 .d-lg-grid  {
     display:  grid !important }
 .d-lg-inline-grid  {
     display:  inline-grid !important }
 .d-lg-table  {
     display:  table !important }
 .d-lg-table-row  {
     display:  table-row !important }
 .d-lg-table-cell  {
     display:  table-cell !important }
 .d-lg-flex  {
     display:  flex !important }
 .d-lg-inline-flex  {
     display:  inline-flex !important }
 .d-lg-none  {
     display:  none !important }
 .flex-lg-fill  {
     flex:  1 1 auto !important }
 .flex-lg-row  {
     flex-direction:  row !important }
 .flex-lg-column  {
     flex-direction:  column !important }
 .flex-lg-row-reverse  {
     flex-direction:  row-reverse !important }
 .flex-lg-column-reverse  {
     flex-direction:  column-reverse !important }
 .flex-lg-grow-0  {
     flex-grow:  0 !important }
 .flex-lg-grow-1  {
     flex-grow:  1 !important }
 .flex-lg-shrink-0  {
     flex-shrink:  0 !important }
 .flex-lg-shrink-1  {
     flex-shrink:  1 !important }
 .flex-lg-wrap  {
     flex-wrap:  wrap !important }
 .flex-lg-nowrap  {
     flex-wrap:  nowrap !important }
 .flex-lg-wrap-reverse  {
     flex-wrap:  wrap-reverse !important }
 .justify-content-lg-start  {
     justify-content:  flex-start !important }
 .justify-content-lg-end  {
     justify-content:  flex-end !important }
 .justify-content-lg-center  {
     justify-content:  center !important }
 .justify-content-lg-between  {
     justify-content:  space-between !important }
 .justify-content-lg-around  {
     justify-content:  space-around !important }
 .justify-content-lg-evenly  {
     justify-content:  space-evenly !important }
 .align-items-lg-start  {
     align-items:  flex-start !important }
 .align-items-lg-end  {
     align-items:  flex-end !important }
 .align-items-lg-center  {
     align-items:  center !important }
 .align-items-lg-baseline  {
     align-items:  baseline !important }
 .align-items-lg-stretch  {
     align-items:  stretch !important }
 .align-content-lg-start  {
     align-content:  flex-start !important }
 .align-content-lg-end  {
     align-content:  flex-end !important }
 .align-content-lg-center  {
     align-content:  center !important }
 .align-content-lg-between  {
     align-content:  space-between !important }
 .align-content-lg-around  {
     align-content:  space-around !important }
 .align-content-lg-stretch  {
     align-content:  stretch !important }
 .align-self-lg-auto  {
     align-self:  auto !important }
 .align-self-lg-start  {
     align-self:  flex-start !important }
 .align-self-lg-end  {
     align-self:  flex-end !important }
 .align-self-lg-center  {
     align-self:  center !important }
 .align-self-lg-baseline  {
     align-self:  baseline !important }
 .align-self-lg-stretch  {
     align-self:  stretch !important }
 .order-lg-first  {
     order:  -1 !important }
 .order-lg-0  {
     order:  0 !important }
 .order-lg-1  {
     order:  1 !important }
 .order-lg-2  {
     order:  2 !important }
 .order-lg-3  {
     order:  3 !important }
 .order-lg-4  {
     order:  4 !important }
 .order-lg-5  {
     order:  5 !important }
 .order-lg-last  {
     order:  6 !important }
 .m-lg-0  {
     margin:  0 !important }
 .m-lg-1  {
     margin:  .25rem !important }
 .m-lg-2  {
     margin:  .5rem !important }
 .m-lg-3  {
     margin:  1rem !important }
 .m-lg-4  {
     margin:  1.5rem !important }
 .m-lg-5  {
     margin:  2rem !important }
 .m-lg-auto  {
     margin:  auto !important }
 .mx-lg-0  {
     margin-right:  0 !important;
     margin-left:  0 !important }
 .mx-lg-1  {
     margin-right:  .25rem !important;
     margin-left:  .25rem !important }
 .mx-lg-2  {
     margin-right:  .5rem !important;
     margin-left:  .5rem !important }
 .mx-lg-3  {
     margin-right:  1rem !important;
     margin-left:  1rem !important }
 .mx-lg-4  {
     margin-right:  1.5rem !important;
     margin-left:  1.5rem !important }
 .mx-lg-5  {
     margin-right:  2rem !important;
     margin-left:  2rem !important }
 .mx-lg-auto  {
     margin-right:  auto !important;
     margin-left:  auto !important }
 .my-lg-0  {
     margin-top:  0 !important;
     margin-bottom:  0 !important }
 .my-lg-1  {
     margin-top:  .25rem !important;
     margin-bottom:  .25rem !important }
 .my-lg-2  {
     margin-top:  .5rem !important;
     margin-bottom:  .5rem !important }
 .my-lg-3  {
     margin-top:  1rem !important;
     margin-bottom:  1rem !important }
 .my-lg-4  {
     margin-top:  1.5rem !important;
     margin-bottom:  1.5rem !important }
 .my-lg-5  {
     margin-top:  2rem !important;
     margin-bottom:  2rem !important }
 .my-lg-auto  {
     margin-top:  auto !important;
     margin-bottom:  auto !important }
 .mt-lg-0  {
     margin-top:  0 !important }
 .mt-lg-1  {
     margin-top:  .25rem !important }
 .mt-lg-2  {
     margin-top:  .5rem !important }
 .mt-lg-3  {
     margin-top:  1rem !important }
 .mt-lg-4  {
     margin-top:  1.5rem !important }
 .mt-lg-5  {
     margin-top:  2rem !important }
 .mt-lg-auto  {
     margin-top:  auto !important }
 .me-lg-0  {
     margin-right:  0 !important }
 .me-lg-1  {
     margin-right:  .25rem !important }
 .me-lg-2  {
     margin-right:  .5rem !important }
 .me-lg-3  {
     margin-right:  1rem !important }
 .me-lg-4  {
     margin-right:  1.5rem !important }
 .me-lg-5  {
     margin-right:  2rem !important }
 .me-lg-auto  {
     margin-right:  auto !important }
 .mb-lg-0  {
     margin-bottom:  0 !important }
 .mb-lg-1  {
     margin-bottom:  .25rem !important }
 .mb-lg-2  {
     margin-bottom:  .5rem !important }
 .mb-lg-3  {
     margin-bottom:  1rem !important }
 .mb-lg-4  {
     margin-bottom:  1.5rem !important }
 .mb-lg-5  {
     margin-bottom:  2rem !important }
 .mb-lg-auto  {
     margin-bottom:  auto !important }
 .ms-lg-0  {
     margin-left:  0 !important }
 .ms-lg-1  {
     margin-left:  .25rem !important }
 .ms-lg-2  {
     margin-left:  .5rem !important }
 .ms-lg-3  {
     margin-left:  1rem !important }
 .ms-lg-4  {
     margin-left:  1.5rem !important }
 .ms-lg-5  {
     margin-left:  2rem !important }
 .ms-lg-auto  {
     margin-left:  auto !important }
 .m-lg-n1  {
     margin:  -.25rem !important }
 .m-lg-n2  {
     margin:  -.5rem !important }
 .m-lg-n3  {
     margin:  -1rem !important }
 .m-lg-n4  {
     margin:  -1.5rem !important }
 .m-lg-n5  {
     margin:  -2rem !important }
 .mx-lg-n1  {
     margin-right:  -.25rem !important;
     margin-left:  -.25rem !important }
 .mx-lg-n2  {
     margin-right:  -.5rem !important;
     margin-left:  -.5rem !important }
 .mx-lg-n3  {
     margin-right:  -1rem !important;
     margin-left:  -1rem !important }
 .mx-lg-n4  {
     margin-right:  -1.5rem !important;
     margin-left:  -1.5rem !important }
 .mx-lg-n5  {
     margin-right:  -2rem !important;
     margin-left:  -2rem !important }
 .my-lg-n1  {
     margin-top:  -.25rem !important;
     margin-bottom:  -.25rem !important }
 .my-lg-n2  {
     margin-top:  -.5rem !important;
     margin-bottom:  -.5rem !important }
 .my-lg-n3  {
     margin-top:  -1rem !important;
     margin-bottom:  -1rem !important }
 .my-lg-n4  {
     margin-top:  -1.5rem !important;
     margin-bottom:  -1.5rem !important }
 .my-lg-n5  {
     margin-top:  -2rem !important;
     margin-bottom:  -2rem !important }
 .mt-lg-n1  {
     margin-top:  -.25rem !important }
 .mt-lg-n2  {
     margin-top:  -.5rem !important }
 .mt-lg-n3  {
     margin-top:  -1rem !important }
 .mt-lg-n4  {
     margin-top:  -1.5rem !important }
 .mt-lg-n5  {
     margin-top:  -2rem !important }
 .me-lg-n1  {
     margin-right:  -.25rem !important }
 .me-lg-n2  {
     margin-right:  -.5rem !important }
 .me-lg-n3  {
     margin-right:  -1rem !important }
 .me-lg-n4  {
     margin-right:  -1.5rem !important }
 .me-lg-n5  {
     margin-right:  -2rem !important }
 .mb-lg-n1  {
     margin-bottom:  -.25rem !important }
 .mb-lg-n2  {
     margin-bottom:  -.5rem !important }
 .mb-lg-n3  {
     margin-bottom:  -1rem !important }
 .mb-lg-n4  {
     margin-bottom:  -1.5rem !important }
 .mb-lg-n5  {
     margin-bottom:  -2rem !important }
 .ms-lg-n1  {
     margin-left:  -.25rem !important }
 .ms-lg-n2  {
     margin-left:  -.5rem !important }
 .ms-lg-n3  {
     margin-left:  -1rem !important }
 .ms-lg-n4  {
     margin-left:  -1.5rem !important }
 .ms-lg-n5  {
     margin-left:  -2rem !important }
 .p-lg-0  {
     padding:  0 !important }
 .p-lg-1  {
     padding:  .25rem !important }
 .p-lg-2  {
     padding:  .5rem !important }
 .p-lg-3  {
     padding:  1rem !important }
 .p-lg-4  {
     padding:  1.5rem !important }
 .p-lg-5  {
     padding:  2rem !important }
 .px-lg-0  {
     padding-right:  0 !important;
     padding-left:  0 !important }
 .px-lg-1  {
     padding-right:  .25rem !important;
     padding-left:  .25rem !important }
 .px-lg-2  {
     padding-right:  .5rem !important;
     padding-left:  .5rem !important }
 .px-lg-3  {
     padding-right:  1rem !important;
     padding-left:  1rem !important }
 .px-lg-4  {
     padding-right:  1.5rem !important;
     padding-left:  1.5rem !important }
 .px-lg-5  {
     padding-right:  2rem !important;
     padding-left:  2rem !important }
 .py-lg-0  {
     padding-top:  0 !important;
     padding-bottom:  0 !important }
 .py-lg-1  {
     padding-top:  .25rem !important;
     padding-bottom:  .25rem !important }
 .py-lg-2  {
     padding-top:  .5rem !important;
     padding-bottom:  .5rem !important }
 .py-lg-3  {
     padding-top:  1rem !important;
     padding-bottom:  1rem !important }
 .py-lg-4  {
     padding-top:  1.5rem !important;
     padding-bottom:  1.5rem !important }
 .py-lg-5  {
     padding-top:  2rem !important;
     padding-bottom:  2rem !important }
 .pt-lg-0  {
     padding-top:  0 !important }
 .pt-lg-1  {
     padding-top:  .25rem !important }
 .pt-lg-2  {
     padding-top:  .5rem !important }
 .pt-lg-3  {
     padding-top:  1rem !important }
 .pt-lg-4  {
     padding-top:  1.5rem !important }
 .pt-lg-5  {
     padding-top:  2rem !important }
 .pe-lg-0  {
     padding-right:  0 !important }
 .pe-lg-1  {
     padding-right:  .25rem !important }
 .pe-lg-2  {
     padding-right:  .5rem !important }
 .pe-lg-3  {
     padding-right:  1rem !important }
 .pe-lg-4  {
     padding-right:  1.5rem !important }
 .pe-lg-5  {
     padding-right:  2rem !important }
 .pb-lg-0  {
     padding-bottom:  0 !important }
 .pb-lg-1  {
     padding-bottom:  .25rem !important }
 .pb-lg-2  {
     padding-bottom:  .5rem !important }
 .pb-lg-3  {
     padding-bottom:  1rem !important }
 .pb-lg-4  {
     padding-bottom:  1.5rem !important }
 .pb-lg-5  {
     padding-bottom:  2rem !important }
 .ps-lg-0  {
     padding-left:  0 !important }
 .ps-lg-1  {
     padding-left:  .25rem !important }
 .ps-lg-2  {
     padding-left:  .5rem !important }
 .ps-lg-3  {
     padding-left:  1rem !important }
 .ps-lg-4  {
     padding-left:  1.5rem !important }
 .ps-lg-5  {
     padding-left:  2rem !important }
 .gap-lg-0  {
     gap:  0 !important }
 .gap-lg-1  {
     gap:  .25rem !important }
 .gap-lg-2  {
     gap:  .5rem !important }
 .gap-lg-3  {
     gap:  1rem !important }
 .gap-lg-4  {
     gap:  1.5rem !important }
 .gap-lg-5  {
     gap:  2rem !important }
 .row-gap-lg-0  {
     row-gap:  0 !important }
 .row-gap-lg-1  {
     row-gap:  .25rem !important }
 .row-gap-lg-2  {
     row-gap:  .5rem !important }
 .row-gap-lg-3  {
     row-gap:  1rem !important }
 .row-gap-lg-4  {
     row-gap:  1.5rem !important }
 .row-gap-lg-5  {
     row-gap:  2rem !important }
 .column-gap-lg-0  {
     column-gap:  0 !important }
 .column-gap-lg-1  {
     column-gap:  .25rem !important }
 .column-gap-lg-2  {
     column-gap:  .5rem !important }
 .column-gap-lg-3  {
     column-gap:  1rem !important }
 .column-gap-lg-4  {
     column-gap:  1.5rem !important }
 .column-gap-lg-5  {
     column-gap:  2rem !important }
 .text-lg-start  {
     text-align:  left !important }
 .text-lg-end  {
     text-align:  right !important }
 .text-lg-center  {
     text-align:  center !important }
 } @media (min-width:1200px)  {
     .float-xl-start  {
     float:  left !important }
 .float-xl-end  {
     float:  right !important }
 .float-xl-none  {
     float:  none !important }
 .object-fit-xl-contain  {
     object-fit:  contain !important }
 .object-fit-xl-cover  {
     object-fit:  cover !important }
 .object-fit-xl-fill  {
     object-fit:  fill !important }
 .object-fit-xl-scale  {
     object-fit:  scale-down !important }
 .object-fit-xl-none  {
     object-fit:  none !important }
 .d-xl-inline  {
     display:  inline !important }
 .d-xl-inline-block  {
     display:  inline-block !important }
 .d-xl-block  {
     display:  block !important }
 .d-xl-grid  {
     display:  grid !important }
 .d-xl-inline-grid  {
     display:  inline-grid !important }
 .d-xl-table  {
     display:  table !important }
 .d-xl-table-row  {
     display:  table-row !important }
 .d-xl-table-cell  {
     display:  table-cell !important }
 .d-xl-flex  {
     display:  flex !important }
 .d-xl-inline-flex  {
     display:  inline-flex !important }
 .d-xl-none  {
     display:  none !important }
 .flex-xl-fill  {
     flex:  1 1 auto !important }
 .flex-xl-row  {
     flex-direction:  row !important }
 .flex-xl-column  {
     flex-direction:  column !important }
 .flex-xl-row-reverse  {
     flex-direction:  row-reverse !important }
 .flex-xl-column-reverse  {
     flex-direction:  column-reverse !important }
 .flex-xl-grow-0  {
     flex-grow:  0 !important }
 .flex-xl-grow-1  {
     flex-grow:  1 !important }
 .flex-xl-shrink-0  {
     flex-shrink:  0 !important }
 .flex-xl-shrink-1  {
     flex-shrink:  1 !important }
 .flex-xl-wrap  {
     flex-wrap:  wrap !important }
 .flex-xl-nowrap  {
     flex-wrap:  nowrap !important }
 .flex-xl-wrap-reverse  {
     flex-wrap:  wrap-reverse !important }
 .justify-content-xl-start  {
     justify-content:  flex-start !important }
 .justify-content-xl-end  {
     justify-content:  flex-end !important }
 .justify-content-xl-center  {
     justify-content:  center !important }
 .justify-content-xl-between  {
     justify-content:  space-between !important }
 .justify-content-xl-around  {
     justify-content:  space-around !important }
 .justify-content-xl-evenly  {
     justify-content:  space-evenly !important }
 .align-items-xl-start  {
     align-items:  flex-start !important }
 .align-items-xl-end  {
     align-items:  flex-end !important }
 .align-items-xl-center  {
     align-items:  center !important }
 .align-items-xl-baseline  {
     align-items:  baseline !important }
 .align-items-xl-stretch  {
     align-items:  stretch !important }
 .align-content-xl-start  {
     align-content:  flex-start !important }
 .align-content-xl-end  {
     align-content:  flex-end !important }
 .align-content-xl-center  {
     align-content:  center !important }
 .align-content-xl-between  {
     align-content:  space-between !important }
 .align-content-xl-around  {
     align-content:  space-around !important }
 .align-content-xl-stretch  {
     align-content:  stretch !important }
 .align-self-xl-auto  {
     align-self:  auto !important }
 .align-self-xl-start  {
     align-self:  flex-start !important }
 .align-self-xl-end  {
     align-self:  flex-end !important }
 .align-self-xl-center  {
     align-self:  center !important }
 .align-self-xl-baseline  {
     align-self:  baseline !important }
 .align-self-xl-stretch  {
     align-self:  stretch !important }
 .order-xl-first  {
     order:  -1 !important }
 .order-xl-0  {
     order:  0 !important }
 .order-xl-1  {
     order:  1 !important }
 .order-xl-2  {
     order:  2 !important }
 .order-xl-3  {
     order:  3 !important }
 .order-xl-4  {
     order:  4 !important }
 .order-xl-5  {
     order:  5 !important }
 .order-xl-last  {
     order:  6 !important }
 .m-xl-0  {
     margin:  0 !important }
 .m-xl-1  {
     margin:  .25rem !important }
 .m-xl-2  {
     margin:  .5rem !important }
 .m-xl-3  {
     margin:  1rem !important }
 .m-xl-4  {
     margin:  1.5rem !important }
 .m-xl-5  {
     margin:  2rem !important }
 .m-xl-auto  {
     margin:  auto !important }
 .mx-xl-0  {
     margin-right:  0 !important;
     margin-left:  0 !important }
 .mx-xl-1  {
     margin-right:  .25rem !important;
     margin-left:  .25rem !important }
 .mx-xl-2  {
     margin-right:  .5rem !important;
     margin-left:  .5rem !important }
 .mx-xl-3  {
     margin-right:  1rem !important;
     margin-left:  1rem !important }
 .mx-xl-4  {
     margin-right:  1.5rem !important;
     margin-left:  1.5rem !important }
 .mx-xl-5  {
     margin-right:  2rem !important;
     margin-left:  2rem !important }
 .mx-xl-auto  {
     margin-right:  auto !important;
     margin-left:  auto !important }
 .my-xl-0  {
     margin-top:  0 !important;
     margin-bottom:  0 !important }
 .my-xl-1  {
     margin-top:  .25rem !important;
     margin-bottom:  .25rem !important }
 .my-xl-2  {
     margin-top:  .5rem !important;
     margin-bottom:  .5rem !important }
 .my-xl-3  {
     margin-top:  1rem !important;
     margin-bottom:  1rem !important }
 .my-xl-4  {
     margin-top:  1.5rem !important;
     margin-bottom:  1.5rem !important }
 .my-xl-5  {
     margin-top:  2rem !important;
     margin-bottom:  2rem !important }
 .my-xl-auto  {
     margin-top:  auto !important;
     margin-bottom:  auto !important }
 .mt-xl-0  {
     margin-top:  0 !important }
 .mt-xl-1  {
     margin-top:  .25rem !important }
 .mt-xl-2  {
     margin-top:  .5rem !important }
 .mt-xl-3  {
     margin-top:  1rem !important }
 .mt-xl-4  {
     margin-top:  1.5rem !important }
 .mt-xl-5  {
     margin-top:  2rem !important }
 .mt-xl-auto  {
     margin-top:  auto !important }
 .me-xl-0  {
     margin-right:  0 !important }
 .me-xl-1  {
     margin-right:  .25rem !important }
 .me-xl-2  {
     margin-right:  .5rem !important }
 .me-xl-3  {
     margin-right:  1rem !important }
 .me-xl-4  {
     margin-right:  1.5rem !important }
 .me-xl-5  {
     margin-right:  2rem !important }
 .me-xl-auto  {
     margin-right:  auto !important }
 .mb-xl-0  {
     margin-bottom:  0 !important }
 .mb-xl-1  {
     margin-bottom:  .25rem !important }
 .mb-xl-2  {
     margin-bottom:  .5rem !important }
 .mb-xl-3  {
     margin-bottom:  1rem !important }
 .mb-xl-4  {
     margin-bottom:  1.5rem !important }
 .mb-xl-5  {
     margin-bottom:  2rem !important }
 .mb-xl-auto  {
     margin-bottom:  auto !important }
 .ms-xl-0  {
     margin-left:  0 !important }
 .ms-xl-1  {
     margin-left:  .25rem !important }
 .ms-xl-2  {
     margin-left:  .5rem !important }
 .ms-xl-3  {
     margin-left:  1rem !important }
 .ms-xl-4  {
     margin-left:  1.5rem !important }
 .ms-xl-5  {
     margin-left:  2rem !important }
 .ms-xl-auto  {
     margin-left:  auto !important }
 .m-xl-n1  {
     margin:  -.25rem !important }
 .m-xl-n2  {
     margin:  -.5rem !important }
 .m-xl-n3  {
     margin:  -1rem !important }
 .m-xl-n4  {
     margin:  -1.5rem !important }
 .m-xl-n5  {
     margin:  -2rem !important }
 .mx-xl-n1  {
     margin-right:  -.25rem !important;
     margin-left:  -.25rem !important }
 .mx-xl-n2  {
     margin-right:  -.5rem !important;
     margin-left:  -.5rem !important }
 .mx-xl-n3  {
     margin-right:  -1rem !important;
     margin-left:  -1rem !important }
 .mx-xl-n4  {
     margin-right:  -1.5rem !important;
     margin-left:  -1.5rem !important }
 .mx-xl-n5  {
     margin-right:  -2rem !important;
     margin-left:  -2rem !important }
 .my-xl-n1  {
     margin-top:  -.25rem !important;
     margin-bottom:  -.25rem !important }
 .my-xl-n2  {
     margin-top:  -.5rem !important;
     margin-bottom:  -.5rem !important }
 .my-xl-n3  {
     margin-top:  -1rem !important;
     margin-bottom:  -1rem !important }
 .my-xl-n4  {
     margin-top:  -1.5rem !important;
     margin-bottom:  -1.5rem !important }
 .my-xl-n5  {
     margin-top:  -2rem !important;
     margin-bottom:  -2rem !important }
 .mt-xl-n1  {
     margin-top:  -.25rem !important }
 .mt-xl-n2  {
     margin-top:  -.5rem !important }
 .mt-xl-n3  {
     margin-top:  -1rem !important }
 .mt-xl-n4  {
     margin-top:  -1.5rem !important }
 .mt-xl-n5  {
     margin-top:  -2rem !important }
 .me-xl-n1  {
     margin-right:  -.25rem !important }
 .me-xl-n2  {
     margin-right:  -.5rem !important }
 .me-xl-n3  {
     margin-right:  -1rem !important }
 .me-xl-n4  {
     margin-right:  -1.5rem !important }
 .me-xl-n5  {
     margin-right:  -2rem !important }
 .mb-xl-n1  {
     margin-bottom:  -.25rem !important }
 .mb-xl-n2  {
     margin-bottom:  -.5rem !important }
 .mb-xl-n3  {
     margin-bottom:  -1rem !important }
 .mb-xl-n4  {
     margin-bottom:  -1.5rem !important }
 .mb-xl-n5  {
     margin-bottom:  -2rem !important }
 .ms-xl-n1  {
     margin-left:  -.25rem !important }
 .ms-xl-n2  {
     margin-left:  -.5rem !important }
 .ms-xl-n3  {
     margin-left:  -1rem !important }
 .ms-xl-n4  {
     margin-left:  -1.5rem !important }
 .ms-xl-n5  {
     margin-left:  -2rem !important }
 .p-xl-0  {
     padding:  0 !important }
 .p-xl-1  {
     padding:  .25rem !important }
 .p-xl-2  {
     padding:  .5rem !important }
 .p-xl-3  {
     padding:  1rem !important }
 .p-xl-4  {
     padding:  1.5rem !important }
 .p-xl-5  {
     padding:  2rem !important }
 .px-xl-0  {
     padding-right:  0 !important;
     padding-left:  0 !important }
 .px-xl-1  {
     padding-right:  .25rem !important;
     padding-left:  .25rem !important }
 .px-xl-2  {
     padding-right:  .5rem !important;
     padding-left:  .5rem !important }
 .px-xl-3  {
     padding-right:  1rem !important;
     padding-left:  1rem !important }
 .px-xl-4  {
     padding-right:  1.5rem !important;
     padding-left:  1.5rem !important }
 .px-xl-5  {
     padding-right:  2rem !important;
     padding-left:  2rem !important }
 .py-xl-0  {
     padding-top:  0 !important;
     padding-bottom:  0 !important }
 .py-xl-1  {
     padding-top:  .25rem !important;
     padding-bottom:  .25rem !important }
 .py-xl-2  {
     padding-top:  .5rem !important;
     padding-bottom:  .5rem !important }
 .py-xl-3  {
     padding-top:  1rem !important;
     padding-bottom:  1rem !important }
 .py-xl-4  {
     padding-top:  1.5rem !important;
     padding-bottom:  1.5rem !important }
 .py-xl-5  {
     padding-top:  2rem !important;
     padding-bottom:  2rem !important }
 .pt-xl-0  {
     padding-top:  0 !important }
 .pt-xl-1  {
     padding-top:  .25rem !important }
 .pt-xl-2  {
     padding-top:  .5rem !important }
 .pt-xl-3  {
     padding-top:  1rem !important }
 .pt-xl-4  {
     padding-top:  1.5rem !important }
 .pt-xl-5  {
     padding-top:  2rem !important }
 .pe-xl-0  {
     padding-right:  0 !important }
 .pe-xl-1  {
     padding-right:  .25rem !important }
 .pe-xl-2  {
     padding-right:  .5rem !important }
 .pe-xl-3  {
     padding-right:  1rem !important }
 .pe-xl-4  {
     padding-right:  1.5rem !important }
 .pe-xl-5  {
     padding-right:  2rem !important }
 .pb-xl-0  {
     padding-bottom:  0 !important }
 .pb-xl-1  {
     padding-bottom:  .25rem !important }
 .pb-xl-2  {
     padding-bottom:  .5rem !important }
 .pb-xl-3  {
     padding-bottom:  1rem !important }
 .pb-xl-4  {
     padding-bottom:  1.5rem !important }
 .pb-xl-5  {
     padding-bottom:  2rem !important }
 .ps-xl-0  {
     padding-left:  0 !important }
 .ps-xl-1  {
     padding-left:  .25rem !important }
 .ps-xl-2  {
     padding-left:  .5rem !important }
 .ps-xl-3  {
     padding-left:  1rem !important }
 .ps-xl-4  {
     padding-left:  1.5rem !important }
 .ps-xl-5  {
     padding-left:  2rem !important }
 .gap-xl-0  {
     gap:  0 !important }
 .gap-xl-1  {
     gap:  .25rem !important }
 .gap-xl-2  {
     gap:  .5rem !important }
 .gap-xl-3  {
     gap:  1rem !important }
 .gap-xl-4  {
     gap:  1.5rem !important }
 .gap-xl-5  {
     gap:  2rem !important }
 .row-gap-xl-0  {
     row-gap:  0 !important }
 .row-gap-xl-1  {
     row-gap:  .25rem !important }
 .row-gap-xl-2  {
     row-gap:  .5rem !important }
 .row-gap-xl-3  {
     row-gap:  1rem !important }
 .row-gap-xl-4  {
     row-gap:  1.5rem !important }
 .row-gap-xl-5  {
     row-gap:  2rem !important }
 .column-gap-xl-0  {
     column-gap:  0 !important }
 .column-gap-xl-1  {
     column-gap:  .25rem !important }
 .column-gap-xl-2  {
     column-gap:  .5rem !important }
 .column-gap-xl-3  {
     column-gap:  1rem !important }
 .column-gap-xl-4  {
     column-gap:  1.5rem !important }
 .column-gap-xl-5  {
     column-gap:  2rem !important }
 .text-xl-start  {
     text-align:  left !important }
 .text-xl-end  {
     text-align:  right !important }
 .text-xl-center  {
     text-align:  center !important }
 } @media (min-width:1400px)  {
     .float-xxl-start  {
     float:  left !important }
 .float-xxl-end  {
     float:  right !important }
 .float-xxl-none  {
     float:  none !important }
 .object-fit-xxl-contain  {
     object-fit:  contain !important }
 .object-fit-xxl-cover  {
     object-fit:  cover !important }
 .object-fit-xxl-fill  {
     object-fit:  fill !important }
 .object-fit-xxl-scale  {
     object-fit:  scale-down !important }
 .object-fit-xxl-none  {
     object-fit:  none !important }
 .d-xxl-inline  {
     display:  inline !important }
 .d-xxl-inline-block  {
     display:  inline-block !important }
 .d-xxl-block  {
     display:  block !important }
 .d-xxl-grid  {
     display:  grid !important }
 .d-xxl-inline-grid  {
     display:  inline-grid !important }
 .d-xxl-table  {
     display:  table !important }
 .d-xxl-table-row  {
     display:  table-row !important }
 .d-xxl-table-cell  {
     display:  table-cell !important }
 .d-xxl-flex  {
     display:  flex !important }
 .d-xxl-inline-flex  {
     display:  inline-flex !important }
 .d-xxl-none  {
     display:  none !important }
 .flex-xxl-fill  {
     flex:  1 1 auto !important }
 .flex-xxl-row  {
     flex-direction:  row !important }
 .flex-xxl-column  {
     flex-direction:  column !important }
 .flex-xxl-row-reverse  {
     flex-direction:  row-reverse !important }
 .flex-xxl-column-reverse  {
     flex-direction:  column-reverse !important }
 .flex-xxl-grow-0  {
     flex-grow:  0 !important }
 .flex-xxl-grow-1  {
     flex-grow:  1 !important }
 .flex-xxl-shrink-0  {
     flex-shrink:  0 !important }
 .flex-xxl-shrink-1  {
     flex-shrink:  1 !important }
 .flex-xxl-wrap  {
     flex-wrap:  wrap !important }
 .flex-xxl-nowrap  {
     flex-wrap:  nowrap !important }
 .flex-xxl-wrap-reverse  {
     flex-wrap:  wrap-reverse !important }
 .justify-content-xxl-start  {
     justify-content:  flex-start !important }
 .justify-content-xxl-end  {
     justify-content:  flex-end !important }
 .justify-content-xxl-center  {
     justify-content:  center !important }
 .justify-content-xxl-between  {
     justify-content:  space-between !important }
 .justify-content-xxl-around  {
     justify-content:  space-around !important }
 .justify-content-xxl-evenly  {
     justify-content:  space-evenly !important }
 .align-items-xxl-start  {
     align-items:  flex-start !important }
 .align-items-xxl-end  {
     align-items:  flex-end !important }
 .align-items-xxl-center  {
     align-items:  center !important }
 .align-items-xxl-baseline  {
     align-items:  baseline !important }
 .align-items-xxl-stretch  {
     align-items:  stretch !important }
 .align-content-xxl-start  {
     align-content:  flex-start !important }
 .align-content-xxl-end  {
     align-content:  flex-end !important }
 .align-content-xxl-center  {
     align-content:  center !important }
 .align-content-xxl-between  {
     align-content:  space-between !important }
 .align-content-xxl-around  {
     align-content:  space-around !important }
 .align-content-xxl-stretch  {
     align-content:  stretch !important }
 .align-self-xxl-auto  {
     align-self:  auto !important }
 .align-self-xxl-start  {
     align-self:  flex-start !important }
 .align-self-xxl-end  {
     align-self:  flex-end !important }
 .align-self-xxl-center  {
     align-self:  center !important }
 .align-self-xxl-baseline  {
     align-self:  baseline !important }
 .align-self-xxl-stretch  {
     align-self:  stretch !important }
 .order-xxl-first  {
     order:  -1 !important }
 .order-xxl-0  {
     order:  0 !important }
 .order-xxl-1  {
     order:  1 !important }
 .order-xxl-2  {
     order:  2 !important }
 .order-xxl-3  {
     order:  3 !important }
 .order-xxl-4  {
     order:  4 !important }
 .order-xxl-5  {
     order:  5 !important }
 .order-xxl-last  {
     order:  6 !important }
 .m-xxl-0  {
     margin:  0 !important }
 .m-xxl-1  {
     margin:  .25rem !important }
 .m-xxl-2  {
     margin:  .5rem !important }
 .m-xxl-3  {
     margin:  1rem !important }
 .m-xxl-4  {
     margin:  1.5rem !important }
 .m-xxl-5  {
     margin:  2rem !important }
 .m-xxl-auto  {
     margin:  auto !important }
 .mx-xxl-0  {
     margin-right:  0 !important;
     margin-left:  0 !important }
 .mx-xxl-1  {
     margin-right:  .25rem !important;
     margin-left:  .25rem !important }
 .mx-xxl-2  {
     margin-right:  .5rem !important;
     margin-left:  .5rem !important }
 .mx-xxl-3  {
     margin-right:  1rem !important;
     margin-left:  1rem !important }
 .mx-xxl-4  {
     margin-right:  1.5rem !important;
     margin-left:  1.5rem !important }
 .mx-xxl-5  {
     margin-right:  2rem !important;
     margin-left:  2rem !important }
 .mx-xxl-auto  {
     margin-right:  auto !important;
     margin-left:  auto !important }
 .my-xxl-0  {
     margin-top:  0 !important;
     margin-bottom:  0 !important }
 .my-xxl-1  {
     margin-top:  .25rem !important;
     margin-bottom:  .25rem !important }
 .my-xxl-2  {
     margin-top:  .5rem !important;
     margin-bottom:  .5rem !important }
 .my-xxl-3  {
     margin-top:  1rem !important;
     margin-bottom:  1rem !important }
 .my-xxl-4  {
     margin-top:  1.5rem !important;
     margin-bottom:  1.5rem !important }
 .my-xxl-5  {
     margin-top:  2rem !important;
     margin-bottom:  2rem !important }
 .my-xxl-auto  {
     margin-top:  auto !important;
     margin-bottom:  auto !important }
 .mt-xxl-0  {
     margin-top:  0 !important }
 .mt-xxl-1  {
     margin-top:  .25rem !important }
 .mt-xxl-2  {
     margin-top:  .5rem !important }
 .mt-xxl-3  {
     margin-top:  1rem !important }
 .mt-xxl-4  {
     margin-top:  1.5rem !important }
 .mt-xxl-5  {
     margin-top:  2rem !important }
 .mt-xxl-auto  {
     margin-top:  auto !important }
 .me-xxl-0  {
     margin-right:  0 !important }
 .me-xxl-1  {
     margin-right:  .25rem !important }
 .me-xxl-2  {
     margin-right:  .5rem !important }
 .me-xxl-3  {
     margin-right:  1rem !important }
 .me-xxl-4  {
     margin-right:  1.5rem !important }
 .me-xxl-5  {
     margin-right:  2rem !important }
 .me-xxl-auto  {
     margin-right:  auto !important }
 .mb-xxl-0  {
     margin-bottom:  0 !important }
 .mb-xxl-1  {
     margin-bottom:  .25rem !important }
 .mb-xxl-2  {
     margin-bottom:  .5rem !important }
 .mb-xxl-3  {
     margin-bottom:  1rem !important }
 .mb-xxl-4  {
     margin-bottom:  1.5rem !important }
 .mb-xxl-5  {
     margin-bottom:  2rem !important }
 .mb-xxl-auto  {
     margin-bottom:  auto !important }
 .ms-xxl-0  {
     margin-left:  0 !important }
 .ms-xxl-1  {
     margin-left:  .25rem !important }
 .ms-xxl-2  {
     margin-left:  .5rem !important }
 .ms-xxl-3  {
     margin-left:  1rem !important }
 .ms-xxl-4  {
     margin-left:  1.5rem !important }
 .ms-xxl-5  {
     margin-left:  2rem !important }
 .ms-xxl-auto  {
     margin-left:  auto !important }
 .m-xxl-n1  {
     margin:  -.25rem !important }
 .m-xxl-n2  {
     margin:  -.5rem !important }
 .m-xxl-n3  {
     margin:  -1rem !important }
 .m-xxl-n4  {
     margin:  -1.5rem !important }
 .m-xxl-n5  {
     margin:  -2rem !important }
 .mx-xxl-n1  {
     margin-right:  -.25rem !important;
     margin-left:  -.25rem !important }
 .mx-xxl-n2  {
     margin-right:  -.5rem !important;
     margin-left:  -.5rem !important }
 .mx-xxl-n3  {
     margin-right:  -1rem !important;
     margin-left:  -1rem !important }
 .mx-xxl-n4  {
     margin-right:  -1.5rem !important;
     margin-left:  -1.5rem !important }
 .mx-xxl-n5  {
     margin-right:  -2rem !important;
     margin-left:  -2rem !important }
 .my-xxl-n1  {
     margin-top:  -.25rem !important;
     margin-bottom:  -.25rem !important }
 .my-xxl-n2  {
     margin-top:  -.5rem !important;
     margin-bottom:  -.5rem !important }
 .my-xxl-n3  {
     margin-top:  -1rem !important;
     margin-bottom:  -1rem !important }
 .my-xxl-n4  {
     margin-top:  -1.5rem !important;
     margin-bottom:  -1.5rem !important }
 .my-xxl-n5  {
     margin-top:  -2rem !important;
     margin-bottom:  -2rem !important }
 .mt-xxl-n1  {
     margin-top:  -.25rem !important }
 .mt-xxl-n2  {
     margin-top:  -.5rem !important }
 .mt-xxl-n3  {
     margin-top:  -1rem !important }
 .mt-xxl-n4  {
     margin-top:  -1.5rem !important }
 .mt-xxl-n5  {
     margin-top:  -2rem !important }
 .me-xxl-n1  {
     margin-right:  -.25rem !important }
 .me-xxl-n2  {
     margin-right:  -.5rem !important }
 .me-xxl-n3  {
     margin-right:  -1rem !important }
 .me-xxl-n4  {
     margin-right:  -1.5rem !important }
 .me-xxl-n5  {
     margin-right:  -2rem !important }
 .mb-xxl-n1  {
     margin-bottom:  -.25rem !important }
 .mb-xxl-n2  {
     margin-bottom:  -.5rem !important }
 .mb-xxl-n3  {
     margin-bottom:  -1rem !important }
 .mb-xxl-n4  {
     margin-bottom:  -1.5rem !important }
 .mb-xxl-n5  {
     margin-bottom:  -2rem !important }
 .ms-xxl-n1  {
     margin-left:  -.25rem !important }
 .ms-xxl-n2  {
     margin-left:  -.5rem !important }
 .ms-xxl-n3  {
     margin-left:  -1rem !important }
 .ms-xxl-n4  {
     margin-left:  -1.5rem !important }
 .ms-xxl-n5  {
     margin-left:  -2rem !important }
 .p-xxl-0  {
     padding:  0 !important }
 .p-xxl-1  {
     padding:  .25rem !important }
 .p-xxl-2  {
     padding:  .5rem !important }
 .p-xxl-3  {
     padding:  1rem !important }
 .p-xxl-4  {
     padding:  1.5rem !important }
 .p-xxl-5  {
     padding:  2rem !important }
 .px-xxl-0  {
     padding-right:  0 !important;
     padding-left:  0 !important }
 .px-xxl-1  {
     padding-right:  .25rem !important;
     padding-left:  .25rem !important }
 .px-xxl-2  {
     padding-right:  .5rem !important;
     padding-left:  .5rem !important }
 .px-xxl-3  {
     padding-right:  1rem !important;
     padding-left:  1rem !important }
 .px-xxl-4  {
     padding-right:  1.5rem !important;
     padding-left:  1.5rem !important }
 .px-xxl-5  {
     padding-right:  2rem !important;
     padding-left:  2rem !important }
 .py-xxl-0  {
     padding-top:  0 !important;
     padding-bottom:  0 !important }
 .py-xxl-1  {
     padding-top:  .25rem !important;
     padding-bottom:  .25rem !important }
 .py-xxl-2  {
     padding-top:  .5rem !important;
     padding-bottom:  .5rem !important }
 .py-xxl-3  {
     padding-top:  1rem !important;
     padding-bottom:  1rem !important }
 .py-xxl-4  {
     padding-top:  1.5rem !important;
     padding-bottom:  1.5rem !important }
 .py-xxl-5  {
     padding-top:  2rem !important;
     padding-bottom:  2rem !important }
 .pt-xxl-0  {
     padding-top:  0 !important }
 .pt-xxl-1  {
     padding-top:  .25rem !important }
 .pt-xxl-2  {
     padding-top:  .5rem !important }
 .pt-xxl-3  {
     padding-top:  1rem !important }
 .pt-xxl-4  {
     padding-top:  1.5rem !important }
 .pt-xxl-5  {
     padding-top:  2rem !important }
 .pe-xxl-0  {
     padding-right:  0 !important }
 .pe-xxl-1  {
     padding-right:  .25rem !important }
 .pe-xxl-2  {
     padding-right:  .5rem !important }
 .pe-xxl-3  {
     padding-right:  1rem !important }
 .pe-xxl-4  {
     padding-right:  1.5rem !important }
 .pe-xxl-5  {
     padding-right:  2rem !important }
 .pb-xxl-0  {
     padding-bottom:  0 !important }
 .pb-xxl-1  {
     padding-bottom:  .25rem !important }
 .pb-xxl-2  {
     padding-bottom:  .5rem !important }
 .pb-xxl-3  {
     padding-bottom:  1rem !important }
 .pb-xxl-4  {
     padding-bottom:  1.5rem !important }
 .pb-xxl-5  {
     padding-bottom:  2rem !important }
 .ps-xxl-0  {
     padding-left:  0 !important }
 .ps-xxl-1  {
     padding-left:  .25rem !important }
 .ps-xxl-2  {
     padding-left:  .5rem !important }
 .ps-xxl-3  {
     padding-left:  1rem !important }
 .ps-xxl-4  {
     padding-left:  1.5rem !important }
 .ps-xxl-5  {
     padding-left:  2rem !important }
 .gap-xxl-0  {
     gap:  0 !important }
 .gap-xxl-1  {
     gap:  .25rem !important }
 .gap-xxl-2  {
     gap:  .5rem !important }
 .gap-xxl-3  {
     gap:  1rem !important }
 .gap-xxl-4  {
     gap:  1.5rem !important }
 .gap-xxl-5  {
     gap:  2rem !important }
 .row-gap-xxl-0  {
     row-gap:  0 !important }
 .row-gap-xxl-1  {
     row-gap:  .25rem !important }
 .row-gap-xxl-2  {
     row-gap:  .5rem !important }
 .row-gap-xxl-3  {
     row-gap:  1rem !important }
 .row-gap-xxl-4  {
     row-gap:  1.5rem !important }
 .row-gap-xxl-5  {
     row-gap:  2rem !important }
 .column-gap-xxl-0  {
     column-gap:  0 !important }
 .column-gap-xxl-1  {
     column-gap:  .25rem !important }
 .column-gap-xxl-2  {
     column-gap:  .5rem !important }
 .column-gap-xxl-3  {
     column-gap:  1rem !important }
 .column-gap-xxl-4  {
     column-gap:  1.5rem !important }
 .column-gap-xxl-5  {
     column-gap:  2rem !important }
 .text-xxl-start  {
     text-align:  left !important }
 .text-xxl-end  {
     text-align:  right !important }
 .text-xxl-center  {
     text-align:  center !important }
 } @media (min-width:1200px)  {
     .fs-1  {
     font-size:  1.75rem !important }
 .fs-2  {
     font-size:  1.5625rem !important }
 .fs-3  {
     font-size:  1.375rem !important }
 } @media print  {
     .d-print-inline  {
     display:  inline !important }
 .d-print-inline-block  {
     display:  inline-block !important }
 .d-print-block  {
     display:  block !important }
 .d-print-grid  {
     display:  grid !important }
 .d-print-inline-grid  {
     display:  inline-grid !important }
 .d-print-table  {
     display:  table !important }
 .d-print-table-row  {
     display:  table-row !important }
 .d-print-table-cell  {
     display:  table-cell !important }
 .d-print-flex  {
     display:  flex !important }
 .d-print-inline-flex  {
     display:  inline-flex !important }
 .d-print-none  {
     display:  none !important }
 } .avatar  {
     position:  relative;
     object-fit:  cover }
 .avatar-6  {
     height:  .375rem;
     width:  .375rem;
     min-width:  .375rem;
     text-align:  center;
     line-height:  .375rem;
     border-radius:  .25rem }
 .avatar-24  {
     height:  1.5rem;
     width:  1.5rem;
     min-width:  1.5rem;
     text-align:  center;
     line-height:  1.5rem;
     border-radius:  .25rem }
 .avatar-30  {
     height:  1.875rem;
     width:  1.875rem;
     min-width:  1.875rem;
     text-align:  center;
     line-height:  1.875rem;
     border-radius:  .25rem }
 .avatar-32  {
     height:  2rem;
     width:  2rem;
     min-width:  2rem;
     text-align:  center;
     line-height:  2rem;
     border-radius:  .25rem }
 .avatar-35  {
     height:  2.1875rem;
     width:  2.1875rem;
     min-width:  2.1875rem;
     text-align:  center;
     line-height:  2.1875rem;
     border-radius:  .25rem }
 .avatar-40  {
     height:  2.5rem;
     width:  2.5rem;
     min-width:  2.5rem;
     text-align:  center;
     line-height:  2.5rem;
     border-radius:  .25rem }
 .avatar-45  {
     height:  2.8125rem;
     width:  2.8125rem;
     min-width:  2.8125rem;
     text-align:  center;
     line-height:  2.8125rem;
     border-radius:  .25rem }
 .avatar-48  {
     height:  3rem;
     width:  3rem;
     min-width:  3rem;
     text-align:  center;
     line-height:  3rem;
     border-radius:  .25rem }
 .avatar-50  {
     height:  3.125rem;
     width:  3.125rem;
     min-width:  3.125rem;
     text-align:  center;
     line-height:  3.125rem;
     border-radius:  .25rem }
 .avatar-55  {
     height:  3.4375rem;
     width:  3.4375rem;
     min-width:  3.4375rem;
     text-align:  center;
     line-height:  3.4375rem;
     border-radius:  .25rem }
 .avatar-60  {
     height:  3.75rem;
     width:  3.75rem;
     min-width:  3.75rem;
     text-align:  center;
     line-height:  3.75rem;
     border-radius:  .25rem }
 .avatar-70  {
     height:  4.375rem;
     width:  4.375rem;
     min-width:  4.375rem;
     text-align:  center;
     line-height:  4.375rem;
     border-radius:  .25rem }
 .avatar-80  {
     height:  5rem;
     width:  5rem;
     min-width:  5rem;
     text-align:  center;
     line-height:  5rem;
     border-radius:  .25rem }
 .avatar-90  {
     height:  5.625rem;
     width:  5.625rem;
     min-width:  5.625rem;
     text-align:  center;
     line-height:  5.625rem;
     border-radius:  .25rem }
 .avatar-100  {
     height:  6.25rem;
     width:  6.25rem;
     min-width:  6.25rem;
     text-align:  center;
     line-height:  6.25rem;
     border-radius:  .25rem }
 .avatar-120  {
     height:  7.5rem;
     width:  7.5rem;
     min-width:  7.5rem;
     text-align:  center;
     line-height:  7.5rem;
     border-radius:  .25rem }
 .avatar-130  {
     height:  8.125rem;
     width:  8.125rem;
     min-width:  8.125rem;
     text-align:  center;
     line-height:  8.125rem;
     border-radius:  .25rem }
 .avatar-150  {
     height:  9.375rem;
     width:  9.375rem;
     min-width:  9.375rem;
     text-align:  center;
     line-height:  9.375rem;
     border-radius:  .25rem }
 .avatar-borderd  {
     border:  2px solid;
     border-color:  var(--bs-border-color) }
 .avatar-borderd-1  {
     border:  1px solid;
     border-color:  rgba(var(--bs-primary-rgb),  .2) }
 .avatar-borderd-2  {
     border:  2px solid;
     border-color:  rgba(var(--bs-primary-rgb),  .2) }
 .avatar-borderd-3  {
     border:  3px solid;
     border-color:  rgba(var(--bs-primary-rgb),  .2) }
 .avatar-borderd-4  {
     border:  4px solid;
     border-color:  rgba(var(--bs-primary-rgb),  .2) }
 .avatar-borderd-5  {
     border:  5px solid;
     border-color:  rgba(var(--bs-primary-rgb),  .2) }
 .avatar-rounded  {
     border-radius:  50rem;
     overflow:  hidden }
 .object-contain  {
     object-fit:  contain }
 .object-cover  {
     object-fit:  cover }
 .icon-10  {
     font-size:  .625rem !important }
 .icon-14  {
     font-size:  .875rem !important }
 .icon-16  {
     font-size:  1rem !important }
 .icon-18  {
     font-size:  1.125rem !important }
 .icon-20  {
     font-size:  1.25rem !important }
 .icon-22  {
     font-size:  1.375rem !important }
 .icon-24  {
     font-size:  1.5rem !important }
 .icon-30  {
     font-size:  1.875rem !important }
 .icon-32  {
     font-size:  2rem !important }
 .icon-35  {
     font-size:  2.1875rem !important }
 .icon-40  {
     font-size:  2.5rem !important }
 .icon-44  {
     font-size:  2.75rem !important }
 .text-ellipsis  {
     overflow:  hidden;
     text-overflow:  ellipsis;
     display:  -webkit-box }
 .text-ellipsis.short-1  {
     -webkit-line-clamp:  1 }
 .text-ellipsis.short-2  {
     -webkit-line-clamp:  2 }
 .text-ellipsis.short-3  {
     -webkit-line-clamp:  3 }
 .text-ellipsis.short-4  {
     -webkit-line-clamp:  4 }
 .text-ellipsis.short-5  {
     -webkit-line-clamp:  5 }
 .text-ellipsis.short-6  {
     -webkit-line-clamp:  6 }
 .text-ellipsis.short-7  {
     -webkit-line-clamp:  7 }
 .text-ellipsis.short-8  {
     -webkit-line-clamp:  8 }
 .text-ellipsis.short-9  {
     -webkit-line-clamp:  9 }
 .text-ellipsis.short-10  {
     -webkit-line-clamp:  10 }
 .iq-top-navbar  {
     position:  sticky;
     top:  0;
     min-height:  3rem;
     left:  auto;
     right:  0;
     width:  100%;
     display:  inline-block;
     background:  var(--bs-gray-900);
     z-index:  100;
     box-shadow:  none;
     transition:  all .3s ease-in-out }
 .iq-top-navbar .navbar-expand-lg  {
     justify-content:  space-between !important }
 .iq-top-navbar .navbar-collapse  {
     flex-grow:  unset }
 .iq-top-navbar .iq-navbar-custom .navbar-breadcrumb  {
     display:  block;
     margin-left:  1.875rem;
     padding:  .625rem 0 }
 .iq-top-navbar .breadcrumb  {
     background:  0 0;
     padding:  0;
     margin:  0 }
 .iq-top-navbar .breadcrumb .breadcrumb-item.active  {
     color:  var(--bs-body-color) }
 .iq-top-navbar .breadcrumb li  {
     list-style-type:  none;
     font-size:  .75rem }
 .iq-top-navbar .breadcrumb li a  {
     text-decoration:  none }
 .iq-top-navbar .breadcrumb li a:hover  {
     text-decoration:  none }
 .iq-top-navbar .breadcrumb-item+.breadcrumb-item::before  {
     content:  "\e88a";
     font-family:  "Material Design Icons";
     font-size:  .875rem;
     vertical-align:  sub;
     color:  var(--bs-body-color) }
 .iq-top-navbar .navbar-nav .notification-badge  {
     height:  .375rem;
     width:  .375rem;
     border-radius:  50rem;
     position:  absolute;
     top:  .125rem;
     left:  auto;
     right:  .25rem }
 .iq-top-navbar .navbar-nav .shopping-badge  {
     position:  absolute;
     border-radius:  50rem;
     height:  .875rem;
     width:  .875rem;
     line-height:  .8125rem;
     font-size:  .5rem;
     text-align:  center;
     top:  -.0625rem;
     left:  auto;
     right:  -.125rem }
 .iq-top-navbar .navbar-nav.navbar-list li.user-dropdown  {
     position:  static }
 .iq-top-navbar .navbar-nav.navbar-list li.user-dropdown .caption-menu  {
     background-color:  transparent }
 .iq-top-navbar .navbar-nav.navbar-list li.user-dropdown .caption-menu .link-wrapper  {
     background-color:  var(--bs-gray-900) }
 .iq-top-navbar .navbar-nav.navbar-list li.user-dropdown .caption-menu .link-wrapper .nav-links  {
     background-color:  transparent;
     transition:  all .3s ease }
 .iq-top-navbar .navbar-nav.navbar-list li.user-dropdown .caption-menu .link-wrapper .nav-links:hover a  {
     color:  var(--bs-primary) }
 .iq-top-navbar .navbar-nav.navbar-list li.user-dropdown .caption-menu .link-wrapper .nav-links:hover i  {
     color:  var(--bs-primary) }
 .iq-top-navbar .navbar-nav.navbar-list li.user-dropdown .caption-menu .link-wrapper .btn-logout  {
     background-color:  #e22b19;
 }
 .iq-top-navbar .navbar-nav.navbar-list li.user-dropdown .caption-menu .link-wrapper .btn-logout a  {
     color:  var(--bs-white) }
 .iq-top-navbar .navbar-nav.navbar-list li.user-dropdown .caption-menu .link-wrapper .btn-logout i  {
     color:  var(--bs-white) }
 .hamburger  {
     display:  none;
     padding:  8.5px 10.5px;
     background:  0 0;
     border:  1px solid var(--bs-gray-700);
     border-radius:  2px;
     height:  32px;
     transition:  all .3s ease }
 .hamburger .bar-line  {
     display:  block;
     position:  relative;
     width:  22px;
     height:  1px;
     border-radius:  1px;
     background:  var(--bs-gray-700);
     transition:  all .4s ease }
 .hamburger-close-btn  {
     display:  none;
     padding:  8.5px 10.5px;
     background:  0 0;
     border:  1px solid var(--bs-gray-700);
     border-radius:  2px;
     height:  32px }
 .hamburger-close-btn .bar-line  {
     display:  block;
     position:  relative;
     width:  22px;
     height:  1px;
     border-radius:  1px;
     background:  var(--bs-gray-700);
     transition:  all .4s ease }
 .hamburger-close-btn .top-bar  {
     transform:  rotate(45deg) translate(3px,  3px) }
 .hamburger-close-btn .bottom-bar  {
     transform:  rotate(-45deg) translate(1px,  -2px) }
 .iq-top-navbar.fixed-header  {
     margin:  0;
     right:  0;
     width:  calc(100% - 16.25rem);
     border-radius:  0;
     transition:  all .3s ease-in-out }
 .navbar-list  {
     margin:  0;
     padding:  0 }
 .navbar-list li  {
     list-style-type:  none;
     position:  relative }
 .navbar-list li>.dropdown  {
     line-height:  4.563rem;
     cursor:  pointer }
 .navbar-list li>.dropdown .dropdown-menu  {
     animation:  fade-in-bottom .6s cubic-bezier(.39,  .575,  .565,  1) both;
     transform:  translateY(100%) }
 .navbar-list li .dropdown-toggle::after  {
     display:  none }
 .navbar-list li>a.language-title  {
     font-size:  1rem }
 .navbar-list li>a  {
     font-size:  1.125rem;
     padding:  0 .5rem;
     color:  var(--bs-body-color);
     line-height:  4.563rem;
     display:  block;
     min-height:  4.688rem }
 .navbar-list li>a>img  {
     width:  3.125rem;
     height:  3.125rem }
 .navbar-list li:last-child>a  {
     padding-right:  0 }
 .navbar-list li a:hover  {
     text-decoration:  none }
 .navbar-list li .caption  {
     line-height:  1rem }
 .navbar-list li.iq-nav-user  {
     display:  flex;
     align-items:  flex-start }
 .navbar-list li.iq-nav-user span  {
     flex:  1;
     font-size:  .875rem }
 .navbar-light .navbar-brand  {
     color:  var(--bs-primary) }
 .iq-breadcrumb  {
     display:  none }
 .nav-item span.dots  {
     height:  .313rem;
     width:  .313rem;
     font-size:  0;
     text-align:  center;
     padding:  0;
     position:  absolute;
     top:  1.563rem;
     right:  .625rem;
     animation:  shadow-pulse-dots 1s infinite;
     border-radius:  50rem }
 .nav-item span.count-mail  {
     height:  .313rem;
     width:  .313rem;
     font-size:  .625rem;
     text-align:  center;
     line-height:  .938rem;
     padding:  0;
     position:  absolute;
     top:  1.25rem;
     right:  .625rem;
     animation:  shadow-pulse 1s infinite;
     border-radius:  50rem }
 .top-nav-bottom  {
     margin-left:  16.25rem;
     border-top:  1px solid rgba(var(--bs-primary-rgb),  .2) }
 .topnav-toolbar li a  {
     display:  block;
     padding:  .625rem .938rem;
     text-transform:  capitalize;
     color:  #6c757d;
     border-radius:  10px }
 .topnav-toolbar li.date-today  {
     background:  #dee2e6 }
 .topnav-toolbar li.active a  {
     background:  rgba(var(--bs-primary-rgb),  .2);
     color:  var(--bs-primary) }
 .topnav-toolbar ul li  {
     list-style:  none;
     padding:  .938rem 0 }
 .iq-search-bar .searchbox  {
     position:  relative }
 .iq-search-bar .searchbox .search-link  {
     position:  absolute;
     left:  1.25rem;
     top:  50%;
     transform:  translateY(-50%);
     display:  flex;
     color:  var(--bs-body-color) }
 .iq-search-bar .search-input  {
     width:  100%;
     height:  2.5rem;
     padding:  .8125rem 1.25rem .8125rem 3.125rem;
     border-radius:  .25rem;
     border:  none;
     border:  1px solid var(--bs-border-color);
     font-weight:  600;
     color:  var(--bs-body-color) }
 .iq-search-bar input.search-input::placeholder  {
     opacity:  .5 }
 .iq-navbar-logo  {
     padding:  1em;
     width:  auto;
     position:  relative;
     background:  #fff;
     transition:  all .3s ease-in-out;
     background:  0 0 }
 .iq-navbar-logo a  {
     display:  flex;
     align-items:  flex-start }
 .iq-navbar-logo a span  {
     font-family:  "Plus Jakarta Sans",  sans-serif;
     margin-left:  .625rem;
     font-size:  1.75rem;
     line-height:  2.813rem;
     color:  #2b2d42;
     flex:  1;
     transition:  all .3s ease-in-out }
 .iq-navbar-logo a:hover  {
     text-decoration:  none }
 .iq-navbar-logo a:focus  {
     text-decoration:  none }
 .iq-navbar-logo img  {
     height:  2.813rem }
 .iq-top-navbar .sub-drop  {
     width:  18.75rem;
     position:  absolute;
     border:  none;
     top:  100%;
     right:  0;
     left:  auto;
     animation:  fade-in-bottom .6s cubic-bezier(.39,  .575,  .565,  1) both;
     background-color:  #fff;
     padding:  0;
     border-radius:  .25rem;
     transition:  all .3s ease-in-out }
 .iq-top-navbar .sub-drop .card-body div  {
     border-radius:  5px 5px 0 0 }
 .iq-top-navbar .sub-drop .header-title  {
     line-height:  normal }
 .iq-top-navbar .sub-drop.header-notification  {
     width:  24.9801rem }
 .iq-top-navbar .sub-drop.shopping-popup  {
     width:  20rem }
 .iq-top-navbar .sub-drop.shopping-popup .highlight-text  {
     color:  var(--bs-primary) }
 .iq-top-navbar .sub-drop.shopping-popup i  {
     color:  var(--bs-primary) }
 .sub-drop.sub-drop-large  {
     width:  31.25rem }
 .navbar-list li .sub-drop .iq-sub-card.iq-sub-card-big  {
     width:  auto }
 .navbar-list li .sub-drop .iq-sub-card  {
     font-size:  inherit;
     padding:  1rem;
     line-height:  normal;
     color:  inherit;
     display:  inline-block;
     width:  100% }
 .iq-top-navbar .search-box  {
     display:  none;
     position:  absolute;
     top:  100%;
     right:  0;
     transform:  translateY(100%);
     background-color:  #fff;
     padding:  .938rem;
     transition:  all .3s ease-in-out;
     animation:  fade-in-bottom .6s cubic-bezier(.39,  .575,  .565,  1) both }
 .search-box .search-input  {
     width:  18.75rem;
     height:  4.688rem;
     padding:  0 .938rem;
     border:  1px solid rgba(var(--bs-primary-rgb),  .2);
     background-color:  rgba(var(--bs-primary-rgb),  .2);
     -webkit-opacity:  1;
     -moz-opacity:  1;
     -ms-opacity:  1;
     -o-opacity:  1;
     opacity:  1;
     border-radius:  .25rem }
 .sub-drop .card-icon  {
     width:  2.813rem;
     height:  2.813rem;
     line-height:  2.813rem;
     font-size:  1.375rem }
 .header-for-bg .title-on-header  {
     position:  absolute;
     top:  40%;
     left:  0;
     right:  0;
     text-align:  center;
     color:  #fff }
 .header-for-bg .data-block  {
     display:  inline-block;
     background:  var(--bs-gray-900);
     padding:  1.25rem;
     border-radius:  .25rem }
 .profile-header-image .profile-img  {
     margin-top:  -4.375rem;
     position:  relative }
 .nav-tabs  {
     margin-bottom:  .938rem }
 .members-search .searchbox .search-link  {
     top:  50% }
 .iq-bg-primary-hover:hover  {
     background:  rgba(var(--bs-primary-rgb),  .1) }
 .iq-bg-warning-hover:hover  {
     background:  rgba(255,  186,  104,  .1) }
 .iq-bg-info-hover:hover  {
     background:  rgba(213,  146,  255,  .1) }
 .iq-bg-danger-hover:hover  {
     background:  rgba(255,  155,  138,  .1) }
 .top-header-responsive  {
     bottom:  0;
     z-index:  10;
     position:  fixed;
     width:  100%;
     box-shadow:  0 -10px 30px rgba(0,  0,  0,  .08);
     left:  0;
     padding:  1em 0;
     background-color:  #fff }
 .top-header-responsive ul.menu-list  {
     display:  flex;
     flex-direction:  row;
     justify-content:  space-around;
     line-height:  normal }
 .top-header-responsive ul.menu-list li a  {
     color:  #2b2d42 }
 .top-header-responsive ul.menu-list li a.active  {
     color:  #2A2B78 }
 .iq-nav-menu  {
     display:  flex;
     flex-direction:  column }
 .iq-nav-menu li  {
     position:  relative }
 .iq-nav-menu li.active>a  {
     color:  var(--bs-primary) }
 .iq-nav-menu li .nav-link.active  {
     color:  var(--bs-primary);
     font-weight:  500 }
 .iq-nav-menu>li>a  {
     font-weight:  600;
     color:  var(--bs-body-color) }
 .iq-nav-menu a  {
     position:  relative;
     display:  block;
     padding:  .625rem 1.875rem;
     outline-width:  0;
     color:  var(--bs-body-color);
     text-decoration:  none;
     font-weight:  500 }
 .iq-nav-menu .menu-arrow  {
     display:  flex;
     justify-content:  space-between;
     align-items:  center;
     text-transform:  capitalize }
 .iq-nav-menu ul  {
     transition:  all .2s ease-in-out;
     position:  relative;
     z-index:  1;
     padding:  .5rem 0;
     margin-left:  1.5rem }
 .ecommbnav-scroll  {
     position:  relative;
     height:  100% }
 .iq-nav-menu .nav-item>.nav-link:hover  {
     color:  var(--bs-heading-color) }
 .screen-darken  {
     height:  100%;
     width:  0%;
     z-index:  30;
     position:  fixed;
     top:  0;
     right:  0;
     opacity:  0;
     visibility:  hidden;
     background-color:  rgba(33,  37,  41,  .6);
     transition:  opacity .2s linear,  visibility .2s,  width 2s ease-in }
 .screen-darken.active  {
     z-index:  10;
     transition:  opacity .3s ease,  width 0s;
     opacity:  1;
     width:  100%;
     visibility:  visible }
 .iq-font-style button .iq-heading-text  {
     color:  var(--bs-primary) !important }
 .iq-font-style button.btn-primary .iq-heading-text  {
     color:  #fff !important }
 .search-input .iq-header-search-icon  {
     top:  .5rem;
     right:  1rem }
 .iq-navbar .navbar-list .nav-list-icon svg  {
     color:  var(--bs-body-color) }
 .iq-navbar .navbar-list .nav-list-icon svg:hover  {
     color:  var(--bs-primary) }
 .product-offcanvas  {
     padding-left:  6.25rem;
     padding-right:  6.25rem }
 .menu-toggle .iq-product-menu-responsive  {
     position:  fixed;
     z-index:  100;
     display:  flex;
     padding:  50px 10px 0 10px;
     height:  100vh;
     width:  300px;
     background-color:  var(--bs-gray-900);
     top:  0;
     right:  -100%;
     transform:  translate(0,  0);
     visibility:  visible;
     transition:  all .3s ease-in-out }
 .menu-toggle .iq-product-menu-responsive .iq-nav-menu  {
     width:  100% }
 .menu-toggle .iq-product-menu-responsive .iq-nav-menu .nav-item .menu-arrow  {
     justify-content:  space-between }
 .menu-toggle .iq-product-menu-responsive .iq-nav-menu .nav-item .menu-arrow span  {
     font-size:  16px }
 .menu-toggle .iq-product-menu-responsive .iq-nav-menu .nav-item .menu-arrow .dropdown-arrow  {
     display:  inline-block;
     transition:  transform .3s ease }
 .menu-toggle .iq-product-menu-responsive .iq-nav-menu .nav-item .menu-arrow .dropdown-arrow svg  {
     display:  none;
     fill:  var(--bs-gray-700) }
 .menu-toggle .iq-product-menu-responsive .iq-nav-menu .nav-item .menu-arrow[aria-expanded=true] .dropdown-arrow  {
     transform:  rotate(180deg) }
 .menu-toggle .iq-product-menu-responsive .collapse  {
     transition:  height .3s ease }
 .menu-toggle.active .iq-product-menu-responsive  {
     right:  0 }
 nav .nav-item input.form-control  {
     height:  2.75rem }
 @keyframes menu-sub-dropdown-animation-fade-in  {
     from  {
     opacity:  0 }
 to  {
     opacity:  1 }
 } @keyframes menu-sub-dropdown-animation-move-up  {
     from  {
     margin-top:  .75rem }
 to  {
     margin-top:  0 }
 } @keyframes menu-sub-dropdown-animation-move-down  {
     from  {
     margin-bottom:  .75rem }
 to  {
     margin-bottom:  0 }
 } .item-header-scroll  {
     max-height:  25em;
     overflow-y:  auto;
     overflow-x:  hidden }
 .item-header-scroll::-webkit-scrollbar  {
     width:  6px;
     height:  6px }
 .item-header-scroll::-webkit-scrollbar-track  {
     background:  var(--bs-white) }
 .item-header-scroll::-webkit-scrollbar-thumb  {
     background-color:  var(--bs-primary);
     border-radius:  10px;
     border:  1px solid var(--bs-white) }
 .item-header-scroll.mt-2  {
     scrollbar-width:  thin;
     scrollbar-color:  var(--bs-primary) var(--bs-white) }
 .header-notification .thread  {
     padding:  .9375rem 1.875rem;
     transition:  all .4s ease }
 .header-notification a:hover .thread  {
     background-color:  var(--bs-light-bg-subtle) }
 .message-notification .item-header-scroll .group-message .group-img-collection  {
     width:  2.5rem;
     height:  2.5rem }
 .message-notification .item-header-scroll .group-message .group-img-collection img  {
     object-fit:  cover }
 .message-notification .item-header-scroll .group-message .group-img-collection img:nth-child(1)  {
     top:  1rem;
     left:  0 }
 .message-notification .item-header-scroll .group-message .group-img-collection img:nth-child(2)  {
     left:  .5rem }
 .message-notification .item-header-scroll .group-message .small img,  .message-notification .item-header-scroll .group-message small img  {
     width:  1rem;
     height:  1rem }
 .message-notification .item-header-scroll .no-alert  {
     background-color:  var(--bs-primary);
     width:  1.1rem;
     height:  1.1rem }
 .message-notification .item-header-scroll .no-alert p  {
     color:  var(--bs-white) }
 @media (max-width:1500px)  {
     .product-offcanvas  {
     padding-left:  3.125rem;
     padding-right:  3.125rem }
 } @media (min-width:992px)  {
     .iq-search-bar .searchbox  {
     width:  31em }
 } @media (min-width:1200px)  {
     .iq-nav-menu  {
     flex-direction:  row;
     margin-bottom:  0;
     display:  inline-flex;
     flex-wrap:  wrap }
 .iq-nav-menu li  {
     position:  relative;
     flex-direction:  column }
 .iq-nav-menu li>.iq-header-sub-menu  {
     position:  absolute;
     height:  auto !important;
     top:  100%;
     width:  100%;
     min-width:  17.75rem;
     z-index:  999;
     left:  auto;
     right:  auto;
     padding:  .5rem 0;
     display:  none;
     margin:  0;
     background:  var(--bs-gray-900);
     border-radius:  var(--bs-border-radius);
     animation:  menu-sub-dropdown-animation-fade-in .3s ease 1,  menu-sub-dropdown-animation-move-up .3s ease 1 }
 .iq-nav-menu li>.iq-header-sub-menu li  {
     padding:  0 }
 .iq-nav-menu li>.iq-header-sub-menu li a  {
     transition:  var(--sidebar-transition);
     transition-duration:  var(--sidebar-transition-duration);
     transition-timing-function:  var(--sidebar-transition-function-ease-in-out);
     padding:  .5rem 1.25rem .5rem 1.25rem }
 .iq-nav-menu li>.iq-header-sub-menu li ul  {
     left:  100%;
     top:  0;
     box-shadow:  0 .25rem 2rem 0 rgba(0,  0,  0,  .1) }
 .iq-nav-menu li .iq-header-sub-menu .nav-item>.nav-link:hover  {
     padding-left:  1.5rem;
     font-weight:  500;
     transition:  var(--sidebar-transition);
     transition-duration:  var(--sidebar-transition-duration);
     transition-timing-function:  var(--sidebar-transition-function-ease-in-out) }
 .iq-nav-menu li:hover>.iq-header-sub-menu  {
     display:  block }
 .iq-nav-menu li .nav-link.active  {
     color:  var(--bs-heading-color) }
 .iq-nav-menu li.active>a  {
     color:  var(--bs-heading-color) }
 .iq-nav-menu>li  {
     flex:  0 0 auto;
     position:  relative;
     flex:  0 0 auto;
     position:  relative }
 .iq-nav-menu>li>a  {
     padding:  .5rem 1rem }
 .iq-nav-menu>li:hover  {
     border-color:  transparent;
     padding:  0 }
 .iq-nav-menu>li:first-child>a  {
     padding-left:  0 }
 .iq-nav-menu ul  {
     border-left:  0 }
 .iq-nav-menu>li.iq-ecomm-active  {
     padding:  0 }
 .product-offcanvas .offcanvas-backdrop.show  {
     opacity:  0 }
 .iq-product-menu-responsive.offcanvas-end  {
     width:  auto }
 } @media (max-width:1199.98px)  {
     .iq-top-navbar .test a  {
     display:  none }
 .iq-nav-menu ul  {
     margin-left:  0 }
 .iq-nav-menu li.active  {
     color:  var(--bs-primary) }
 .iq-nav-menu li a  {
     padding-left:  1rem }
 .iq-nav-menu li a .right-icon  {
     transition:  all .1s ease-in-out }
 .iq-nav-menu li a:not(.collapsed)[aria-expanded=true]  {
     color:  var(--bs-primary) }
 .iq-nav-menu li a:not(.collapsed)[aria-expanded=true] .right-icon  {
     transition:  all .1s ease-in-out;
     transform:  rotate(90deg) }
 .offcanvas-end.iq-product-menu-responsive,  .offcanvas-start.iq-product-menu-responsive  {
     position:  fixed;
     padding-top:  3.7rem }
 .product-offcanvas  {
     position:  relative }
 .product-offcanvas .offcanvas-backdrop  {
     position:  fixed;
     top:  3.7rem !important }
 .iq-responsive-menu  {
     display:  block }
 .iq-navbar .navbar-collapse:not(.offcanvas-collapse)  {
     position:  absolute;
     top:  96%;
     left:  0;
     width:  100%;
     flex-grow:  unset;
     background:  var(--bs-gray-900);
     z-index:  1081;
     box-shadow:  .5rem .5rem 2.5rem 0 rgba(0,  0,  0,  .05);
     transition:  all .4s ease }
 .horizontal-nav.mobile-offcanvas  {
     background:  var(--bs-gray-900);
     visibility:  hidden;
     transform:  translateX(-100%);
     border-radius:  0;
     display:  block;
     position:  fixed;
     top:  0;
     left:  0;
     height:  100%;
     width:  80%;
     z-index:  1200;
     overflow-y:  scroll;
     overflow-x:  hidden;
     transition:  visibility .3s ease-in-out,  transform .3s ease-in-out }
 .iq-product-menu-responsive  {
     z-index:  100 }
 .iq-nav-menu .nav-item .menu-arrow span  {
     font-size:  16px }
 .iq-nav-menu .nav-item .menu-arrow .dropdown-arrow svg  {
     display:  inline-block }
 .iq-search-bar  {
     padding-left:  0 }
 .iq-top-navbar  {
     width:  100%;
     left:  0;
     right:  0;
     margin-left:  0 }
 .iq-top-navbar .iq-navbar-custom .navbar-breadcrumb  {
     display:  none }
 .iq-top-navbar.fixed-header  {
     width:  100%;
     left:  0 }
 .iq-sidebar  {
     display:  inline-block;
     z-index:  99;
     left:  -16.25rem }
 .iq-sidebar-logo  {
     width:  auto }
 .hamburger  {
     display:  flex;
     flex-direction:  column;
     align-items:  center;
     justify-content:  center;
     gap:  5px }
 .hamburger-close-btn  {
     display:  flex;
     flex-direction:  column;
     align-items:  center;
     justify-content:  center;
     gap:  5px;
     position:  absolute;
     top:  34px;
     transform:  translateY(-50%);
     right:  20px }
 } @media (max-width:991.98px)  {
     .iq-top-navbar .navbar  {
     position:  relative;
     padding-bottom:  0 }
 .iq-top-navbar .navbar .navbar-inner  {
     display:  block;
     padding:  0 1rem }
 .iq-top-navbar .iq-navbar-custom .iq-menu-bt  {
     right:  11.563rem;
     top:  1.125rem }
 .iq-top-navbar .navbar-nav.navbar-list li:first-child .sub-drop  {
     right:  auto;
     left:  0 }
 .navbar-collapse  {
     display:  flex;
     position:  absolute;
     top:  100%;
     left:  0;
     width:  100%;
     background:  #fff }
 .navbar-nav.navbar-list  {
     flex-direction:  row;
     justify-content:  space-between;
     align-items:  center;
     border-top:  1px solid var(--bs-border-color) }
 .navbar-nav.navbar-list li.user-dropdown  {
     position:  absolute;
     top:  0;
     left:  auto;
     right:  0 }
 .sub-drop.sub-drop-large  {
     width:  27.5rem }
 div.sidebar-toggle  {
     display:  block }
 .navbar-list li .caption  {
     margin-left:  1rem }
 .navbar-list li img  {
     margin-right:  14px !important }
 .navbar-list li:last-child>a  {
     padding-right:  1rem }
 .navbar-list li>a  {
     font-size:  1.125rem;
     padding:  .5rem 0;
     line-height:  3rem;
     display:  block;
     min-height:  0 }
 .iq-top-navbar .navbar-nav.navbar-list li.user-dropdown  {
     position:  absolute;
     right:  70px;
     top:  5px }
 .hamburger  {
     position:  absolute;
     top:  30%;
     transform:  translateY(-50%);
     right:  20px }
 li.nav-hambugrer-btn  {
     position:  absolute !important;
     top:  35px;
     left:  auto;
     right:  0 }
 } @media (max-width:767.98px)  {
     .iq-header-logo svg  {
     width:  3rem }
 .search-box .search-input  {
     width:  17.5rem }
 .iq-navbar-custom  {
     margin-top:  .938rem }
 .navbar-collapse  {
     margin-top:  .813rem }
 .navbar-list li>a  {
     font-size:  1.125rem;
     padding:  .5rem 0;
     line-height:  3rem;
     display:  block;
     min-height:  0 }
 .iq-sub-card.iq-sub-card-big div+div  {
     margin-top:  .625rem }
 .sub-drop.sub-drop-large  {
     width:  18.75rem }
 .navbar-list li  {
     position:  static }
 .iq-top-navbar .sub-drop  {
     width:  100%;
     right:  0;
     top:  100% !important }
 .iq-top-navbar .sub-drop.caption-menu  {
     right:  0 }
 .iq-top-navbar .sub-drop.header-notification  {
     width:  100% }
 } @media (max-width:575.98px)  {
     .iq-sub-card.iq-sub-card-big  {
     display:  block !important }
 .navbar-list li.user-dropdown .sub-drop  {
     width:  18.75rem }
 .iq-sidebar-logo a span  {
     display:  none }
 .iq-top-navbar .sub-drop.sub-drop-large  {
     right:  0;
     left:  0 }
 .iq-top-navbar .sub-drop.iq-user-dropdown  {
     right:  0 }
 .iq-product-menu-responsive  {
     width:  60% }
 .iq-nav-menu .nav-item .menu-arrow span  {
     font-size:  14px }
 } @media (max-width:400px)  {
     .iq-product-menu-responsive  {
     width:  80% }
 } .nav  {
     background:  var(--bs-gray-900) }
 .nav .navbar-inner  {
     padding:  0 calc(var(--bs-gutter-x,  1.25rem) * 1);
     background-color:  #e22b19;
     border-bottom:  6px solid #e1a55e;
     /* 👈 thick bottom border */ }
 .nav .sidebar-toggle  {
     height:  26px;
     width:  26px;
     line-height:  19px;
     text-align:  center;
     cursor:  pointer;
     display:  flex;
     align-items:  center;
     justify-content:  center;
     background:  0 0;
     color:  var(--bs-primary);
     z-index:  911;
     display:  none;
     padding:  .2rem;
     border-radius:  var(--bs-border-radius) }
 .nav .search-input.input-group .input-group-text  {
     padding-left:  0;
     border-left:  0 }
 .nav .search-input.input-group .form-control  {
     border-right:  0 }
 .nav .search-input.input-group .form-control:focus  {
     border-color:  var(--bs-border-color) }
 .nav .search-input.input-group:focus-within .form-control,  .nav .search-input.input-group:focus-within .input-group-text  {
     border-color:  var(--bs-primary) }
 .nav .navbar-brand  {
     display:  flex;
     align-items:  center }
 .nav .navbar-brand .logo-title  {
     margin-left:  1rem;
     color:  var(--bs-heading-color);
     margin-bottom:  0;
     z-index:  1 }
 .nav .navbar-toggler .navbar-toggler-icon  {
     background-image:  none }
 .nav .navbar-toggler .navbar-toggler-icon .navbar-toggler-bar  {
     display:  block;
     position:  relative;
     width:  22px;
     height:  1px;
     border-radius:  1px;
     background:  #7e8b9a;
     transition:  all .4s ease;
     margin:  0 auto }
 .nav .navbar-toggler .navbar-toggler-icon .navbar-toggler-bar.bar2  {
     margin-top:  7px }
 .nav .navbar-toggler .navbar-toggler-icon .navbar-toggler-bar.bar3  {
     margin-top:  7px }
 .nav .navbar-toggler[aria-expanded=true] .navbar-toggler-bar.bar1  {
     transform:  rotate(45deg);
     transform-origin:  10% 10%;
     margin-top:  4px }
 .nav .navbar-toggler[aria-expanded=true] .navbar-toggler-bar.bar2  {
     opacity:  0 }
 .nav .navbar-toggler[aria-expanded=true] .navbar-toggler-bar.bar3  {
     transform:  rotate(-45deg);
     transform-origin:  10% 90%;
     margin-top:  3px }
 .iq-navbar.navs-color  {
     background:  var(--bs-primary) }
 .iq-navbar.navs-color .navbar-nav .nav-item .nav-link  {
     color:  #fff }
 .iq-navbar.nav-glass  {
     background:  linear-gradient(120deg,  rgba(255,  255,  255,  .5) -8%,  rgba(255,  255,  255,  .01) 120%);
     backdrop-filter:  blur(10px);
     border-bottom:  1px solid #fff }
 .iq-navbar.nav-glass .navbar-nav .nav-item .nav-link  {
     color:  #fff }
 .iq-navbar.nav-glass .navbar-nav .nav-item .nav-link:active,  .iq-navbar.nav-glass .navbar-nav .nav-item .nav-link:hover  {
     color:  #dee2e6 }
 .iq-navbar.nav-glass .navbar-nav .caption .caption-title  {
     color:  #fff }
 .iq-navbar.nav-glass .navbar-nav .caption .caption-sub-title  {
     color:  #dee2e6 }
 .iq-navbar.navbar-expand-lg.navs-transparent  {
     background:  0 0 }
 .iq-navbar.navbar-expand-lg.navs-transparent .nav-item .nav-link  {
     color:  #fff }
 .iq-navbar.navbar-expand-lg.navs-transparent .nav-item .nav-link:active,  .iq-navbar.navbar-expand-lg.navs-transparent .nav-item .nav-link:hover  {
     color:  #dee2e6 }
 .iq-navbar.navbar-expand-lg.navs-transparent .caption .caption-title  {
     color:  #fff }
 .iq-navbar.navbar-expand-lg.navs-transparent .caption .caption-sub-title  {
     color:  #dee2e6 }
 .iq-navbar.navs-transparent  {
     background-color:  rgba(255,  255,  255,  0) }
 .iq-navbar .dropdown .dropdown-menu[data-bs-popper]  {
     top:  110%;
     animation:  fade-in-bottom .3s cubic-bezier(.39,  .575,  .565,  1) both }
 .iq-navbar .dropdown .dropdown-menu.sub-drop  {
     border-radius:  .25rem;
     animation:  fade-in-bottom .3s cubic-bezier(.39,  .575,  .565,  1) both;
     background:  var(--bs-gray-900) }
 .iq-navbar .dropdown .dropdown-menu.sub-drop li a  {
     color:  #7e8b9a }
 .iq-navbar .dropdown .dropdown-menu.sub-drop .iq-sub-card  {
     cursor:  pointer;
     padding:  .75rem 1.25rem !important;
     display:  inline-block;
     width:  100%;
     color:  #7e8b9a;
     transition:  all .4s ease }
 .iq-navbar .dropdown .dropdown-menu.sub-drop .iq-sub-card:hover  {
     background:  var(--bs-primary-tint-90) }
 .iq-navbar .dropdown .dropdown-menu.sub-drop .iq-sub-card:not(:last-child)  {
     border-bottom:  1px solid #f1f1f1 }
 .iq-navbar .dropdown .dropdown-menu.sub-drop .iq-sub-card:last-child  {
     border-bottom-left-radius:  .25rem;
     border-bottom-right-radius:  .25rem }
 @keyframes fade-in-bottom  {
     0%  {
     transform:  translateY(25px);
     opacity:  0 }
 100%  {
     transform:  translateY(0);
     opacity:  1 }
 } @media (max-width:1199.98px)  {
     .nav .sidebar-toggle  {
     display:  block;
     z-index:  1 }
 .nav .sidebar-toggle  {
     display:  flex;
     align-items:  center;
     justify-content:  center }
 } @media (max-width:991.98px)  {
     .iq-navbar .navbar-collapse: not(.offcanvas-collapse)  {
     position:  absolute;
     top:  100%;
     left:  0;
     width:  100%;
     flex-grow:  unset;
     background:  #fff;
     z-index:  1081;
     box-shadow:  .5rem .5rem 2.5rem 0 rgba(0,  0,  0,  .05);
     transition:  all .4s ease }
 .iq-navbar .navbar-collapse .navbar-nav.navbar-list:not(.offcanvas-collapse)  {
     flex-direction:  row;
     float:  right }
 .iq-navbar .dropdown .dropdown-menu[data-bs-popper]  {
     top:  126% }
 } @media (max-width:991.98px)  {
     .iq-navbar .navbar-collapse: not(.offcanvas-collapse)  {
     position:  absolute;
     top:  75% }
 } .header  {
     background-size:  cover;
     background-repeat:  no-repeat;
     height:  18.75rem }
 .header .navbar-light .navbar-brand  {
     color:  var(--bs-primary) }
 .header .navbar-light .navbar-toggler .navbar-toggler-icon  {
     background-image:  url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") }
 .header .navbar-light .navbar-nav .nav-item .nav-link  {
     color:  #6c757d }
 .header .navbar-light .navbar-nav .nav-item .nav-link:active,  .header .navbar-light .navbar-nav .nav-item .nav-link:focus,  .header .navbar-light .navbar-nav .nav-item .nav-link:hover  {
     color:  var(--bs-primary) }
 .iq-header-logo:hover  {
     color:  var(--bs-primary) !important }
 .iq-profile-menu-responsive.offcanvas-end  {
     flex-grow:  0 !important }
 @media (min-width:992px)  {
     .navbar-inner .offcanvas-backdrop.show  {
     opacity:  0 }
 } @media (min-width:768px)  {
     .iq-navbar .dropdown .dropdown-menu[data-bs-popper]  {
     top:  100% }
 } @media (max-width:575.98px)  {
     .iq-navbar .navbar-collapse .navbar-nav li  {
     position:  static }
 .iq-navbar .navbar-collapse .navbar-nav li .sub-drop.dropdown-menu  {
     margin:  auto;
     left:  0;
     right:  0 }
 } @media screen and (max-width:991px)  {
     .iq-logo-none  {
     display:  none !important }
 } .nav-tabs  {
     margin-bottom:  .5rem }
 .nav-tabs .nav-link:focus,  .nav-tabs .nav-link:hover  {
     color:  var(--bs-primary) }
 .nav-tabs .nav-link.active  {
     color:  var(--bs-white);
     background-color:  var(--bs-primary);
     border-color:  #f8a406;
 }
 .nav-pills  {
     border-radius:  var(--bs-border-radius);
     margin-bottom:  .5rem }
 .nav-tunnel  {
     padding:  .25rem;
     background:  #e9ecef;
     border:  1px solid var(--bs-primary) }
 .nav-tunnel .nav-link  {
     padding:  .25rem 1rem }
 .tab-bottom-bordered  {
     border-bottom:  4px solid rgba(var(--bs-primary-rgb),  .1) }
 .tab-bottom-bordered .nav-tabs .nav-link  {
     color:  #7e8b9a;
     position:  relative }
 .tab-bottom-bordered .nav-tabs .nav-link::after  {
     content:  "";
     position:  absolute;
     width:  0%;
     height:  3px;
     border-radius:  .25rem;
     background:  var(--bs-primary);
     bottom:  -3px;
     left:  50%;
     top:  unset;
     z-index:  1;
     transition:  all .4s ease }
 .tab-bottom-bordered .nav-tabs .nav-link::before  {
     content:  "";
     position:  absolute;
     width:  0%;
     height:  3px;
     border-radius:  .25rem;
     background:  var(--bs-primary);
     bottom:  -3px;
     right:  50%;
     top:  unset;
     z-index:  1;
     transition:  all .4s ease }
 .tab-bottom-bordered .nav-tabs .nav-link.active  {
     background-color:  unset;
     color:  var(--bs-primary);
     box-shadow:  unset }
 .tab-bottom-bordered .nav-tabs .nav-link.active::before  {
     width:  60%;
     right:  0;
     transition:  all .4s ease }
 .tab-bottom-bordered .nav-tabs .nav-link.active::after  {
     width:  60%;
     left:  0;
     transition:  all .4s ease }
 .tab-bottom-bordered.iq-custom-tab-border .nav-tabs .nav-link:nth-child(1)  {
     padding-left:  unset }
 .nav-iconly .nav-link  {
     display:  flex;
     flex-direction:  column;
     justify-content:  center;
     align-items:  center;
     flex:  1;
     border-radius:  .5rem;
     padding:  1rem;
     background:  rgba(108,  117,  125,  .1);
     color:  inherit }
 .tab-content.iq-tab-fade-up .tab-pane.fade  {
     opacity:  0;
     transform:  translateY(10px);
     transition:  opacity .3s ease-in-out,  transform .3s ease-in-out }
 .tab-content.iq-tab-fade-up .tab-pane.fade.active.show  {
     opacity:  1;
     transform:  translateY(0) }
 .liked-tabs  {
     align-items:  center;
     gap:  1rem;
     margin-bottom:  0;
     border:  none }
 .liked-tabs .nav-link  {
     padding:  0;
     background-color:  transparent;
     border:  none;
     color:  var(--bs-body-color) }
 .liked-tabs .nav-link .reaction-img  {
     height:  18px;
     width:  18px;
     object-fit:  cover }
 .liked-tabs .nav-link.active  {
     background-color:  transparent;
     color:  var(--bs-primary) }
 .reaction-user-container .reaction-img  {
     height:  18px;
     width:  18px;
     object-fit:  cover }
 .nav.nav-tab-bottom-border  {
     gap:  1.5rem }
 .nav.nav-tab-bottom-border .nav-link  {
     position:  relative;
     font-weight:  500;
     color:  var(--bs-body-color);
     padding:  .5rem 0;
     border-radius:  0;
     background:  0 0;
     transition:  color .3s ease }
 .nav.nav-tab-bottom-border .nav-link span  {
     color:  var(--bs-white) !important }
 .nav.nav-tab-bottom-border .nav-link::after  {
     position:  absolute;
     content:  "";
     width:  75%;
     height:  .04em;
     background:  currentColor;
     top:  100%;
     left:  0;
     right:  0;
     margin:  0 auto;
     pointer-events:  none;
     transform-origin:  50% 100%;
     transition:  clip-path .45s,  transform .45s cubic-bezier(.2,  1,  .8,  1);
     clip-path:  polygon(0 0,  0 100%,  0 100%,  0 0,  100% 0,  100% 100%,  0 100%,  0 100%,  100% 100%,  100% 0) }
 .nav.nav-tab-bottom-border .nav-link.active,  .nav.nav-tab-bottom-border .nav-link:hover  {
     color:  var(--bs-heading-color);
     background-color:  transparent }
 .nav.nav-tab-bottom-border .nav-link.active::after,  .nav.nav-tab-bottom-border .nav-link.active::before,  .nav.nav-tab-bottom-border .nav-link:hover::after,  .nav.nav-tab-bottom-border .nav-link:hover::before  {
     transform:  translate3d(0,  2px,  0) scale3d(1.08,  3,  1);
     clip-path:  polygon(0 0,  0 100%,  50% 100%,  50% 0,  50% 0,  50% 100%,  50% 100%,  0 100%,  100% 100%,  100% 0) }
 .custom-nav-slider  {
     overflow-x:  auto }
 .custom-nav-slider .scroll-container  {
     overflow-x:  auto;
     overflow-y:  hidden;
     white-space:  nowrap;
     -webkit-overflow-scrolling:  touch }
 .custom-nav-slider .scroll-container ul  {
     flex-wrap:  nowrap;
     overflow:  auto }
 .custom-nav-slider .scroll-container::-webkit-scrollbar  {
     height:  6px }
 .custom-nav-slider .scroll-container::-webkit-scrollbar-thumb  {
     background-color:  rgba(0,  0,  0,  .2);
     border-radius:  4px }
 .custom-nav-slider .scroll-container::-webkit-scrollbar-track  {
     background:  0 0 }
 .card  {
     margin-bottom:  1.5rem }
 .card .card-header  {
     margin-bottom:  0;
     align-items:  center !important;
     border:  0 }
 .card .card-header .header-title .card-title  {
     margin-bottom:  0 }
 .card.card-transparent  {
     background:  0 0;
     box-shadow:  none;
     border:  none }
 .card.card-transparent .card-header  {
     background:  0 0;
     border:  none }
 .card .card-img-overlay  {
     top:  50%;
     bottom:  auto;
     transform:  translateY(-50%) }
 .card-header-toolbar .nav-item a  {
     color:  var(--bs-body-color);
     padding:  .313rem .625rem;
     font-size:  var(--bs-body-font-size) }
 .card-header-toolbar .dropdown-toggle::after  {
     display:  none }
 .card-icon  {
     height:  3.75rem;
     width:  3.75rem;
     display:  inline-block;
     line-height:  3.75rem;
     text-align:  center;
     font-size:  1.375rem }
 .card-post-toolbar .dropdown-toggle i  {
     line-height:  normal;
     color:  var(--bs-body-color) }
 .card-post-toolbar .dropdown-toggle::after  {
     display:  none }
 .card-post-toolbar .dropdown-menu a  {
     border-bottom:  1px solid rgba(0,  0,  0,  .1) }
 .card-block.card-stretch  {
     align-items:  stretch }
 .card-block.card-height-half  {
     height:  calc(50% - 1rem) }
 .card-block.card-height  {
     height:  calc(100% - 1.5rem) }
 .card-block  {
     display:  flex;
     flex-grow:  1;
     flex-direction:  column }
 .user-post-data .user-post-profile  {
     height:  64px;
     width:  64px;
     object-fit:  cover }
 .group-box .top-bg-image img  {
     height:  8.25rem;
     object-fit:  cover }
 .top-bg-image>img  {
     border-radius:  5px 5px 0 0;
     border-radius:  5px 5px 0 0 }
 @media (max-width:991px)  {
     .card-body,  .card-header  {
     padding:  1rem }
 } .iq-right-fixed  {
     margin:  0 .938rem }
 .right-sidebar-mini  {
     top:  4.5rem;
     bottom:  0;
     z-index:  100;
     position:  fixed;
     width:  18.75rem;
     right:  0;
     z-index:  1;
     transform:  translateX(0);
     transition:  all .3s ease-in-out }
 .right-sidebar-mini .side-left-icon  {
     display:  none }
 .right-sidebar-mini .iq-search-bar .searchbox  {
     width:  100% }
 .right-sidebar-mini .iq-search-bar .search-input  {
     height:  48px }
 .right-sidebar-mini .right-sidebar-tabs  {
     justify-content:  center;
     margin-bottom:  32px }
 .right-sidebar-mini .right-sidebar-tabs .nav-link  {
     position:  relative;
     border-width:  2px;
     background-color:  transparent;
     padding:  .625rem;
     border:  none;
     flex:  1;
     flex-shrink:  0 }
 .right-sidebar-mini .right-sidebar-tabs .nav-link::after  {
     content:  "";
     background-color:  transparent;
     height:  2px;
     width:  100%;
     position:  absolute;
     left:  0;
     bottom:  0;
     transition:  all .3 ease-in }
 .right-sidebar-mini .right-sidebar-tabs .nav-link.active  {
     background-color:  transparent;
     border:  none }
 .right-sidebar-mini .right-sidebar-tabs .nav-link.active::after  {
     background-color:  var(--bs-primary) }
 .right-sidebar-mini .chat-tabs-content  {
     padding:  14px 16px;
     background-color:  transparent;
     cursor:  pointer;
     transition:  background-color .3s ease-in-out }
 .right-sidebar-mini .chat-tabs-content:hover  {
     background-color:  var(--bs-body-bg) }
 .right-sidebar-mini .card .card-body  {
     padding-bottom:  60px }
 .right-sidebar-mini .card .card-body .conversion-button  {
     position:  absolute;
     bottom:  0;
     left:  0;
     width:  100%;
     z-index:  1 }
 .right-sidebar-mini:hover .right-sidebar-toggle  {
     opacity:  1;
     margin-left:  -2.375rem;
     transition:  all .3s ease-in-out }
 .right-sidebar-toggle  {
     position:  absolute;
     margin-left:  -2.375rem;
     background:  var(--bs-gray-900);
     padding:  .5rem;
     display:  inline;
     top:  0;
     z-index:  99;
     border-radius:  30px 0 0 30px;
     cursor:  pointer }
 .right-sidebar-panel  {
     background-color:  var(--bs-gray-900);
     height:  100%;
     padding:  .938rem }
 .right-sidebar-panel .media-height  {
     height:  calc(100vh - 352px);
     overflow-y:  scroll }
 .right-sidebar  {
     transform:  translateX(100%) }
 .right-sidebar .side-right-icon  {
     display:  block }
 .right-sidebar .side-left-icon  {
     display:  none }
 .right-sidebar.right-sidebar-mini .side-right-icon  {
     display:  none }
 .right-sidebar.right-sidebar-mini .side-left-icon  {
     display:  block }
 .offcanvas.live-customizer  {
     z-index:  1111 }
 .chat-popup-modal  {
     background-color:  var(--bs-gray-900);
     display:  none;
     border-radius:  var(--bs-border-radius-lg);
     overflow:  hidden;
     width:  300px;
     position:  fixed;
     bottom:  0;
     right:  350px;
     z-index:  102;
     box-shadow:  var(--bs-box-shadow) }
 .chat-popup-modal.show  {
     display:  inline-block }
 .chat-popup-modal .chat-popup-body .chat  {
     height:  168px;
     overflow-y:  auto }
 .chat-popup-modal .chat-popup-form  {
     position:  relative }
 .chat-popup-modal .chat-popup-form input  {
     padding:  .575rem 50px .575rem .75rem }
 .chat-popup-modal .chat-popup-form .chat-popup-form-button  {
     line-height:  normal;
     position:  absolute;
     height:  100%;
     top:  50%;
     right:  0;
     border-top-left-radius:  0;
     border-bottom-left-radius:  0;
     transform:  translateY(-50%) }
 .chat-popup-modal .chat-popup-message  {
     border-radius:  var(--bs-border-radius-lg) var(--bs-border-radius-lg) var(--bs-border-radius-lg) 0 }
 .chat-popup-modal .chat-popup-message.message-right  {
     border-radius:  var(--bs-border-radius-lg) var(--bs-border-radius-lg) 0 var(--bs-border-radius-lg) }
 @media (max-width:1601px)  {
     .right-sidebar-panel .media-height  {
     height:  calc(100vh - 320px) }
 } @media (min-width:1599.98px)  {
     .right-sidebar-toggle  {
     z-index:  -1;
     margin-left:  -2.375rem;
     transition:  all .3s ease-in-out }
 .right-sidebar-mini .right-sidebar .right-sidebar-toggle  {
     margin-left:  -2.375rem;
     opacity:  1 }
 } @media (min-width:1300px) and (max-width:1499px)  {
     .right-sidebar-mini .media-body  {
     -webkit-opacity:  0;
     -moz-opacity:  0;
     -ms-opacity:  0;
     -o-opacity:  0;
     opacity:  0 }
 .right-sidebar-mini.right-sidebar .media-body  {
     -webkit-opacity:  0;
     -moz-opacity:  0;
     -ms-opacity:  0;
     -o-opacity:  0;
     opacity:  0 }
 } @media (max-width:991.98px)  {
     .right-sidebar-toggle  {
     position:  absolute;
     top:  50% }
 .right-sidebar-panel .media-height  {
     height:  calc(100vh - 256px) }
 .chat-popup-modal  {
     right:  310px }
 } @media (max-width:767.98px)  {
     .chat-popup-modal  {
     right:  50%;
     width:  285px;
     transform:  translateX(50%) }
 } .scroller  {
     overflow-y:  auto;
     scrollbar-color:  var(--bs-primary) rgba(var(--bs-primary-rgb),  .2);
     scrollbar-width:  thin }
 .scroller::-webkit-scrollbar-thumb  {
     background-color:  var(--bs-primary) }
 .scroller::-webkit-scrollbar-track  {
     background-color:  rgba(var(--bs-primary-rgb),  .2) }
 ::-webkit-scrollbar  {
     width:  .5rem;
     height:  .5rem;
     border-radius:  20px }
 ::-webkit-scrollbar-track  {
     background:  #f1f1f1;
     border-radius:  20px }
 ::-webkit-scrollbar-thumb  {
     background:  #6c757d;
     border-radius:  20px }
 ::-webkit-scrollbar-thumb:hover  {
     background:  #000;
     border-radius:  20px }
 .content-page  {
     overflow:  hidden;
     padding:  1rem .5rem 0 .5rem;
     min-height:  100vh;
     transition:  all .3s ease-in-out }
 .list-spacing li  {
     margin-bottom:  1rem }
 .list-spacing li:last-child  {
     margin-bottom:  0 }
 .list-user-action a  {
     font-size:  1rem;
     height:  1.563rem;
     width:  1.563rem;
     text-align:  center;
     line-height:  1.563rem;
     margin:  0 .188rem;
     display:  inline-block;
     border-radius:  .25rem }
 .user-list-files a  {
     padding:  .625rem .938rem;
     margin:  0 0 0 .625rem;
     border-radius:  .25rem;
     line-height:  normal }
 @media (min-width:1200px)  {
     .container,  .container-lg,  .container-md,  .container-sm,  .container-xl  {
     max-width:  73.5rem }
 } @media (max-width:767.98px)  {
     .iq-birthday-block .d-flex  {
     display:  block !important;
     text-align:  center;
     margin:  .625rem 0 }
 } @media (max-width:575.98px)  {
     .toast  {
     width:  auto }
 } .sign-in-detail  {
     color:  var(--bs-gray-900);
     padding:  6.25rem;
     height:  100vh;
     text-align:  center }
 .sign-in-detail .signin-img  {
     width:  28em;
     height:  15.75em;
     object-fit:  cover;
     margin:  0 auto }
 .sign-in-page  {
     overflow:  hidden;
     height:  100vh;
     width:  100%;
     background:  var(--bs-gray-900) }
 .sign-in-page .auth-page  {
     height:  100vh }
 .sign-in-logo  {
     display:  inline-block;
     width:  100% }
 .sign-in-logo img  {
     height:  3.125rem }
 .sign-in-from  {
     padding:  2rem;
     max-width:  35.375rem;
     margin:  0 auto;
     overflow-y:  auto;
     width:  100% }
 .sign-info  {
     border-top:  1px solid #f1f1f1;
     margin-top:  1.875rem;
     padding-top:  1.25rem }
 .iq-social-media  {
     margin:  0;
     padding:  0 }
 .iq-social-media li  {
     list-style:  none;
     float:  left }
 .iq-social-media li:last-child  {
     margin-right:  0 }
 .iq-social-media li a  {
     height:  1.875rem;
     width:  1.875rem;
     text-align:  center;
     font-size:  1.125rem;
     line-height:  1.875rem;
     display:  inline-block;
     background:  rgba(var(--bs-primary-rgb),  .2);
     color:  var(--bs-primary) !important;
     border-radius:  .25rem }
 .iq-social-media li a:hover  {
     text-decoration:  none }
 .container-inside  {
     height:  100vh;
     position:  relative;
     margin:  0 auto }
 .main-circle  {
     margin:  0 auto }
 .main-circle.circle-small  {
     animation-delay:  0s;
     position:  absolute;
     width:  18.75rem;
     height:  18.75rem;
     opacity:  .4;
     top:  34%;
     left:  0;
     bottom:  auto;
     right:  0 }
 .main-circle.circle-medium  {
     animation-delay:  .3s;
     position:  absolute;
     width:  31.25rem;
     height:  31.25rem;
     opacity:  .3;
     top:  24%;
     left:  0;
     bottom:  0;
     right:  0 }
 .main-circle.circle-large  {
     animation-delay:  .6s;
     position:  absolute;
     width:  40.625rem;
     height:  40.625rem;
     opacity:  .2;
     top:  16%;
     left:  0;
     bottom:  0;
     right:  0 }
 .main-circle.circle-xlarge  {
     animation-delay:  .9s;
     position:  absolute;
     width:  50rem;
     height:  50rem;
     opacity:  .1;
     top:  8%;
     left:  0;
     bottom:  0;
     right:  0 }
 .main-circle.circle-xxlarge  {
     animation-delay:  1.2s;
     position:  absolute;
     width:  60rem;
     height:  60rem;
     opacity:  .05;
     top:  0;
     left:  0;
     bottom:  0;
     right:  0 }
 .container-inside .main-circle  {
     animation:  circle-small-scale 3s ease-in-out infinite alternate;
     animation-timing-function:  cubic-bezier(.6,  0,  .4,  1);
     background:  var(--bs-primary-hover-bg);
     border-radius:  50rem }
 .container-inside-top  {
     display:  flex;
     flex-direction:  column;
     justify-content:  center;
     color:  var(--bs-gray-900);
     position:  absolute;
     top:  0;
     bottom:  0;
     left:  0;
     right:  0;
     z-index:  2 }
 @media (max-width:991.98px)  {
     .sign-in-page  {
     overflow-y:  scroll }
 .sign-in-detail  {
     padding-left:  1.25rem;
     padding-right:  1.25rem }
 } @media (max-width:767.98px)  {
     .sign-in-detail  {
     padding:  3.125rem 1.25rem }
 .sign-in-page .auth-page  {
     height:  auto }
 } @keyframes circle-small-scale  {
     0%  {
     transform:  scale(1) }
 100%  {
     transform:  scale(1.1) }
 } @media (max-width:575.98px)  {
     .container-inside  {
     display:  none }
 .container-inside-top  {
     position:  relative }
 .sign-in-detail  {
     height:  auto }
 } .feather-icon a  {
     color:  #6c757d;
     font-weight:  300 }
 .feather-icon a:hover  {
     color:  var(--bs-primary) }
 .message-icon a  {
     color:  #6c757d;
     font-weight:  300 }
 .message-icon a:hover  {
     color:  var(--bs-primary) }
 .form-group  {
     margin-bottom:  1rem }
 .form-group .input-group-text  {
     color:  #adb5bd }
 :focus-visible  {
     outline:  0 }
 #top-tab-list  {
     margin-bottom:  60px }
 #top-tab-list li a  {
     color:  var(--bs-primary);
     background:  rgba(var(--bs-primary-rgb),  .2);
     display:  block;
     padding:  .938rem;
     text-decoration:  none;
     font-size:  1.125rem;
     border-radius:  .25rem }
 #top-tab-list li a i  {
     display:  inline-block;
     text-align:  center;
     height:  3.125rem;
     width:  3.125rem;
     line-height:  3.125rem;
     font-size:  1.25rem;
     margin-right:  .938rem;
     border-radius:  50rem;
     background:  var(--bs-primary);
     color:  #fff }
 #top-tab-list li.active a  {
     background:  #e22b19;
     color:  #fff }
 #top-tab-list li.active a i  {
     background:  #fff;
     color:  var(--bs-primary) }
 #top-tab-list li.active.done a  {
     background:  #2dcdb2 }
 #top-tab-list li.active.done a i  {
     color:  #2dcdb2 }
 #top-tab-list li#confirm.active a  {
     background:  #2dcdb2 }
 #top-tab-list li#confirm.active a i  {
     color:  #2dcdb2 }
 #form-wizard1 fieldset:not(:first-of-type)  {
     display:  none }
 .stepwizard-row a.btn  {
     background:  var(--bs-gray-900);
     color:  #7e8b9a;
     font-size:  1.125rem;
     font-weight:  400;
     display:  block;
     width:  20%;
     padding:  3.125rem .938rem;
     margin:  .625rem 1.25rem;
     text-decoration:  none;
     border:  1px solid rgba(var(--bs-primary-rgb),  .2);
     border-radius:  .25rem }
 .stepwizard-row a i  {
     display:  block;
     text-align:  center;
     height:  4.063rem;
     width:  4.063rem;
     line-height:  4.063rem;
     font-size:  1.563rem;
     margin:  0 auto 1.25rem;
     background-color:  rgba(var(--bs-primary-rgb),  .2);
     color:  var(--bs-primary);
     border-radius:  50rem }
 .stepwizard-row.active a  {
     background-color:  rgba(var(--bs-primary-rgb),  .2);
     border-color:  var(--bs-primary) }
 .stepwizard-row.active a i  {
     background-color:  var(--bs-gray-900) }
 .stepwizard-row #document.active  {
     background-color:  rgba(255,  155,  138,  .2);
     border-color:  #ff9b8a }
 .stepwizard-row #bank.active  {
     background-color:  rgba(45,  205,  178,  .2);
     border-color:  #2dcdb2 }
 .stepwizard-row #confirm.active  {
     background-color:  rgba(255,  186,  104,  .2);
     border-color:  #ffba68 }
 .setup-content  {
     margin-top:  3.75rem }
 @media (max-width:991.98px)  {
     .stepwizard-row a.btn  {
     width:  44% }
 } @media (max-width:767.98px)  {
     .stepwizard-row a.btn  {
     width:  100% }
 } #top-tabbar-vertical  {
     overflow:  hidden;
     color:  #7e8b9a;
     margin:  0 -1.25rem 3.75rem }
 #top-tabbar-vertical li  {
     list-style-type:  none;
     font-size:  1.125rem;
     width:  100%;
     float:  left;
     position:  relative;
     font-weight:  400 }
 #top-tabbar-vertical li a  {
     background:  var(--bs-gray-900);
     color:  var(--bs-heading-color);
     display:  block;
     padding:  1.25rem .938rem;
     margin:  .625rem 1.25rem;
     text-decoration:  none;
     border:  1px solid rgba(var(--bs-primary-rgb),  .2);
     border-radius:  .25rem }
 #top-tabbar-vertical li a i  {
     display:  inline-block;
     text-align:  center;
     height:  3.125rem;
     width:  3.125rem;
     line-height:  3.125rem;
     font-size:  1.25rem;
     margin:  0 1.25rem 0 0;
     border-radius:  50rem }
 #top-tabbar-vertical li.active a  {
     border-color:  transparent }
 #top-tabbar-vertical li.active a i  {
     background:  var(--bs-gray-900) }
 #top-tabbar-vertical li.active#personal a  {
     background:  rgba(var(--bs-primary-rgb),  .2) }
 #top-tabbar-vertical li.active#contact a  {
     background:  rgba(255,  155,  138,  .2) }
 #top-tabbar-vertical li.active#official a  {
     background:  rgba(45,  205,  178,  .2) }
 #top-tabbar-vertical li.active#payment a  {
     background:  rgba(255,  186,  104,  .2) }
 #top-tabbar-vertical.active  {
     color:  var(--bs-primary) }
 #form-wizard3 fieldset:not(:first-of-type)  {
     display:  none }
 .form-control[type=date],  .form-control[type=datetime-local],  .form-control[type=month],  .form-control[type=time],  .form-control[type=week]  {
     position:  relative }
 .form-control[type=date]::-webkit-calendar-picker-indicator,  .form-control[type=datetime-local]::-webkit-calendar-picker-indicator,  .form-control[type=month]::-webkit-calendar-picker-indicator,  .form-control[type=time]::-webkit-calendar-picker-indicator,  .form-control[type=week]::-webkit-calendar-picker-indicator  {
     position:  absolute;
     right:  .75rem;
     margin:  0 }
 .custom-switch-inner  {
     display:  block;
     text-align:  center }
 .custom-switch .form-check-label  {
     width:  2.875rem }
 .form-check  {
     position:  relative;
     min-height:  1.5rem }
 .form-check.radio.form-check-inline  {
     display:  inline-flex;
     align-items:  center;
     gap:  .3125rem }
 .form-check-label  {
     position:  relative;
     margin-bottom:  0;
     vertical-align:  top }
 .form-check-label .switch-icon-left,  .form-check-label .switch-icon-right  {
     position:  absolute;
     cursor:  pointer;
     user-select:  none;
     top:  .313rem;
     font-size:  .75rem }
 .form-check-label .switch-icon-left  {
     left:  -3.688rem;
     right:  auto;
     color:  #fff }
 .form-check-label .switch-icon-right  {
     right:  .313rem;
     left:  auto }
 .custum-redio-btn.form-check-input  {
     height:  1.2em;
     width:  1.2em;
     margin-right:  .8em }
 .form-box .card .card-body .form-check .form-check-label  {
     color:  var(--bs-heading-color) }
 .form-box .card .card-body .form-group .control-label,  .form-box .card .card-body .form-group .form-check-label,  .form-box .card .card-body .form-group .form-label  {
     color:  var(--bs-heading-color) }
 .form-box .card .card-body input::placeholder  {
     color:  var(--bs-gray-400) }
 .form-box .card .card-body input  {
     color:  var(--bs-body-color) }
 .all-email-checkdropdown.show .form-check-input  {
     --bs-form-check-bg-image:  url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
     background-color:  var(--bs-primary);
     border-color:  var(--bs-primary) }
 .dropdown-menu  {
     animation:  fade .4s ease forwards }
 .dropdown-item  {
     padding:  .45rem 1.5rem }
 .dropdown-item.active  {
     color:  var(--bs-white);
     text-decoration:  none;
     background-color:  rgba(var(--bs-primary-rgb),  .2) }
 .dropdown-item:active  {
     color:  var(--bs-white);
     text-decoration:  none;
     background-color:  rgba(var(--bs-primary-rgb),  .2) }
 .dropdown  {
     cursor:  pointer }
 @keyframes fade  {
     0%  {
     opacity:  0 }
 100%  {
     opacity:  1 }
 } @keyframes fadeInUp  {
     from  {
     opacity:  0;
     transform:  translate3d(0,  100%,  0) }
 to  {
     opacity:  1;
     transform:  translate3d(0,  0,  0) }
 } @keyframes dropdownAnimation  {
     0%  {
     opacity:  0;
     transform:  scale(0) }
 80%  {
     transform:  scale(1) }
 100%  {
     opacity:  1 }
 } @keyframes fade-in-bottom  {
     0%  {
     transform:  translateY(50px);
     -webkit-opacity:  0;
     -moz-opacity:  0;
     -ms-opacity:  0;
     -o-opacity:  0;
     opacity:  0 }
 100%  {
     transform:  translateY(0);
     -webkit-opacity:  1;
     -moz-opacity:  1;
     -ms-opacity:  1;
     -o-opacity:  1;
     opacity:  1 }
 } .like-data .dropdown-toggle::after  {
     display:  none }
 .like-data .dropdown:hover>.dropdown-menu  {
     opacity:  1;
     visibility:  visible;
     transition:  all .45s ease-in-out }
 .like-data .dropdown-menu  {
     display:  block;
     visibility:  hidden;
     opacity:  0;
     width:  280px;
     top:  -3.125rem;
     border:  none;
     transition:  all .45s ease-in-out }
 .like-data:hover span  {
     color:  var(--bs-primary);
     transition:  all .45s ease-in-out }
 .comment-block:hover a  {
     color:  var(--bs-primary);
     transition:  all .45s ease-in-out }
 .like-block span  {
     cursor:  pointer }
 .like-block span:hover  {
     color:  var(--bs-primary) }
 .dropdown-menu  {
     animation:  fade .4s ease forwards }
 @keyframes fade  {
     0%  {
     opacity:  0 }
 100%  {
     opacity:  1 }
 } @keyframes fadeInUp  {
     from  {
     opacity:  0;
     transform:  translate3d(0,  100%,  0) }
 to  {
     opacity:  1;
     transform:  translate3d(0,  0,  0) }
 } @keyframes dropdownAnimation  {
     0%  {
     opacity:  0;
     transform:  scale(0) }
 80%  {
     transform:  scale(1) }
 100%  {
     opacity:  1 }
 } .modal  {
     z-index:  1111 }
 .modal-open  {
     overflow-x:  hidden }
 .suggestion-card  {
     overflow:  auto;
     -webkit-overflow-scrolling:  touch;
     display:  flex;
     gap:  2em }
 .suggestion-card::-webkit-scrollbar  {
     width:  .5rem;
     height:  .5rem;
     border-radius:  0 }
 .suggestion-card::-webkit-scrollbar-track  {
     background:  0 0;
     border-radius:  20px }
 .suggestion-card::-webkit-scrollbar  {
     width:  0;
     background:  0 0 }
 .suggestion-card::-webkit-scrollbar-thumb  {
     background:  0 0;
     border-radius:  20px }
 .suggestion-card::-webkit-scrollbar-thumb:hover  {
     border-radius:  20px }
 .suggestion-card:hover::-webkit-scrollbar-thumb  {
     background:  var(--bs-secondary) }
 .suggestion-card:hover::-webkit-scrollbar-track  {
     background:  var(--bs-border-color) }
 .likemodal .modal-body  {
     height:  280px }
 .sharemodal .modal-body,  .sharemodal .modal-header  {
     padding:  0;
     border:  none }
 .sharemodal .modal-content  {
     padding:  1.5rem }
 .sharemodal .share-form  {
     position:  relative }
 .sharemodal .share-form input  {
     font-size:  16px;
     padding:  .75rem 3.5rem .75rem 1rem;
     color:  var(--bs-primary);
     background-color:  var(--bs-gray-100) }
 .sharemodal .share-form .share-link-btn  {
     color:  var(--bs-heading-color);
     padding:  0;
     position:  absolute;
     right:  1rem;
     top:  50%;
     transform:  translateY(-50%) }
 .iq-top-navbar .search-modal-custom  {
     background:  var(--bs-gray-900);
     width:  100%;
     min-width:  300px;
     position:  absolute;
     height:  auto;
     top:  calc(100% + 1rem);
     border-radius:  .393em;
     overflow-x:  hidden;
     overflow-y:  auto;
     transform:  translateY(-30px);
     opacity:  0;
     visibility:  hidden;
     box-shadow:  var(--bs-box-shadow);
     transition:  opacity .3s ease-in-out,  visibility .3s ease-in-out,  transform .3s ease-in-out }
 .iq-top-navbar .search-modal-custom.open  {
     opacity:  1;
     visibility:  visible;
     transform:  translateY(0) }
 @media (min-width:576px)  {
     .sharemodal .modal-dialog  {
     max-width:  540px }
 } @media (min-width:992px)  {
     .iq-top-navbar .search-hover  {
     transition:  all .3s ease-in-out }
 .iq-top-navbar .search-hover:hover  {
     background-color:  rgba(var(--bs-primary-rgb),  .2) }
 } @media (max-width:991.98px)  {
     .search-hover  {
     transition:  all .3s ease-in-out }
 .search-hover:hover  {
     background-color:  rgba(var(--bs-primary-rgb),  .2) }
 .suggestion-card  {
     display:  block }
 .suggestion-card .story  {
     display:  flex;
     align-items:  center;
     justify-content:  space-between;
     border-bottom:  1px solid #f1f1f1;
     padding:  .5em }
 .suggestion-card .story .story-profile  {
     display:  flex;
     align-items:  center }
 .suggestion-card .story:hover  {
     background-color:  rgba(var(--bs-primary-rgb),  .2) }
 .suggestion-card .story:last-child  {
     border-bottom:  0 }
 } @media (max-width:991px)  {
     .iq-top-navbar .search-modal-custom  {
     overflow:  hidden;
     width:  100%;
     left:  0;
     right:  0;
     top:  100%;
     max-width:  100%;
     display:  block }
 } @media (min-width:576px)  {
     #post-modal-data .modal .modal-dialog  {
     max-width:  46.875rem }
 } .ratio  {
     position:  relative;
     width:  100% }
 .ratio::before  {
     display:  block;
     padding-top:  50%;
     content:  "" }
 .ratio>*  {
     position:  absolute;
     top:  0;
     left:  0;
     width:  100%;
     height:  100% }
 #loading  {
     background-color:  var(--bs-body-bg);
     height:  100%;
     width:  100%;
     position:  fixed;
     margin-top:  0;
     top:  0;
     left:  0;
     bottom:  0;
     overflow:  hidden !important;
     right:  0;
     z-index:  1080 }
 #loading-center  {
     background:  url(../images/loader1.jpeg) no-repeat scroll center center;
     background-size:  20%;
     width:  100%;
     height:  100%;
     position:  relative }
 .loader  {
     width:  3em;
     height:  3em;
     margin:  auto;
     left:  0;
     right:  0;
     top:  0;
     bottom:  0;
     position:  absolute }
 @keyframes loader1  {
     0%,  100%  {
     box-shadow:  0 -2.6em 0 0 #4788ff,  1.8em -1.8em 0 0 rgba(71,  136,  255,  .2),  2.5em 0 0 0 rgba(71,  136,  255,  .2),  1.75em 1.75em 0 0 rgba(71,  136,  255,  .2),  0 2.5em 0 0 rgba(71,  136,  255,  .2),  -1.8em 1.8em 0 0 rgba(71,  136,  255,  .2),  -2.6em 0 0 0 rgba(71,  136,  255,  .5),  -1.8em -1.8em 0 0 rgba(71,  136,  255,  .7) }
 12.5%  {
     box-shadow:  0 -2.6em 0 0 rgba(71,  136,  255,  .7),  1.8em -1.8em 0 0 #4788ff,  2.5em 0 0 0 rgba(71,  136,  255,  .2),  1.75em 1.75em 0 0 rgba(71,  136,  255,  .2),  0 2.5em 0 0 rgba(71,  136,  255,  .2),  -1.8em 1.8em 0 0 rgba(71,  136,  255,  .2),  -2.6em 0 0 0 rgba(71,  136,  255,  .2),  -1.8em -1.8em 0 0 rgba(71,  136,  255,  .5) }
 25%  {
     box-shadow:  0 -2.6em 0 0 rgba(71,  136,  255,  .5),  1.8em -1.8em 0 0 rgba(71,  136,  255,  .7),  2.5em 0 0 0 #4788ff,  1.75em 1.75em 0 0 rgba(71,  136,  255,  .2),  0 2.5em 0 0 rgba(71,  136,  255,  .2),  -1.8em 1.8em 0 0 rgba(71,  136,  255,  .2),  -2.6em 0 0 0 rgba(71,  136,  255,  .2),  -1.8em -1.8em 0 0 rgba(71,  136,  255,  .2) }
 37.5%  {
     box-shadow:  0 -2.6em 0 0 rgba(71,  136,  255,  .2),  1.8em -1.8em 0 0 rgba(71,  136,  255,  .5),  2.5em 0 0 0 rgba(71,  136,  255,  .7),  1.75em 1.75em 0 0 #4788ff,  0 2.5em 0 0 rgba(71,  136,  255,  .2),  -1.8em 1.8em 0 0 rgba(71,  136,  255,  .2),  -2.6em 0 0 0 rgba(71,  136,  255,  .2),  -1.8em -1.8em 0 0 rgba(71,  136,  255,  .2) }
 50%  {
     box-shadow:  0 -2.6em 0 0 rgba(71,  136,  255,  .2),  1.8em -1.8em 0 0 rgba(71,  136,  255,  .2),  2.5em 0 0 0 rgba(71,  136,  255,  .5),  1.75em 1.75em 0 0 rgba(71,  136,  255,  .7),  0 2.5em 0 0 #4788ff,  -1.8em 1.8em 0 0 rgba(71,  136,  255,  .2),  -2.6em 0 0 0 rgba(71,  136,  255,  .2),  -1.8em -1.8em 0 0 rgba(71,  136,  255,  .2) }
 62.5%  {
     box-shadow:  0 -2.6em 0 0 rgba(71,  136,  255,  .2),  1.8em -1.8em 0 0 rgba(71,  136,  255,  .2),  2.5em 0 0 0 rgba(71,  136,  255,  .2),  1.75em 1.75em 0 0 rgba(71,  136,  255,  .5),  0 2.5em 0 0 rgba(71,  136,  255,  .7),  -1.8em 1.8em 0 0 #4788ff,  -2.6em 0 0 0 rgba(71,  136,  255,  .2),  -1.8em -1.8em 0 0 rgba(71,  136,  255,  .2) }
 75%  {
     box-shadow:  0 -2.6em 0 0 rgba(71,  136,  255,  .2),  1.8em -1.8em 0 0 rgba(71,  136,  255,  .2),  2.5em 0 0 0 rgba(71,  136,  255,  .2),  1.75em 1.75em 0 0 rgba(71,  136,  255,  .2),  0 2.5em 0 0 rgba(71,  136,  255,  .5),  -1.8em 1.8em 0 0 rgba(71,  136,  255,  .7),  -2.6em 0 0 0 #4788ff,  -1.8em -1.8em 0 0 rgba(71,  136,  255,  .2) }
 87.5%  {
     box-shadow:  0 -2.6em 0 0 rgba(71,  136,  255,  .2),  1.8em -1.8em 0 0 rgba(71,  136,  255,  .2),  2.5em 0 0 0 rgba(71,  136,  255,  .2),  1.75em 1.75em 0 0 rgba(71,  136,  255,  .2),  0 2.5em 0 0 rgba(71,  136,  255,  .2),  -1.8em 1.8em 0 0 rgba(71,  136,  255,  .5),  -2.6em 0 0 0 rgba(71,  136,  255,  .7),  -1.8em -1.8em 0 0 #4788ff }
 } @keyframes loader2  {
     0%  {
     transform:  rotate(0) }
 100%  {
     transform:  rotate(360deg) }
 } @keyframes loader-3-outter  {
     0%  {
     transform:  rotate(0) }
 100%  {
     transform:  rotate(360deg) }
 } @keyframes loader-3-inner  {
     0%  {
     transform:  rotate(0) }
 100%  {
     transform:  rotate(-360deg) }
 } @keyframes loader4  {
     0%  {
     transform:  rotate(0) }
 100%  {
     transform:  rotate(360deg) }
 } @keyframes loader5  {
     0%,  100%  {
     transform:  translateX(0) }
 75%  {
     transform:  translateX(30px) }
 } @keyframes loader5_1  {
     0%,  100%  {
     transform:  translateY(0) }
 75%  {
     transform:  translateY(30px) }
 } @keyframes loader5_2  {
     0%,  100%  {
     transform:  translate(0,  0) }
 75%  {
     transform:  translate(30px,  30px) }
 } @keyframes inner1  {
     0%  {
     transform:  rotateX(35deg) rotateY(-45deg) rotateZ(0) }
 100%  {
     transform:  rotateX(35deg) rotateY(-45deg) rotateZ(360deg) }
 } @keyframes inner2  {
     0%  {
     transform:  rotateX(50deg) rotateY(10deg) rotateZ(0) }
 100%  {
     transform:  rotateX(50deg) rotateY(10deg) rotateZ(360deg) }
 } @keyframes inner3  {
     0%  {
     transform:  rotateX(35deg) rotateY(55deg) rotateZ(0) }
 100%  {
     transform:  rotateX(35deg) rotateY(55deg) rotateZ(360deg) }
 } @keyframes loader7  {
     0%  {
     transform:  rotate(0) }
 50%  {
     transform:  rotateY(180deg) }
 100%  {
     transform:  rotateY(180deg) rotateX(180deg) }
 } @keyframes loader8  {
     0%  {
     transform:  rotate(0) }
 100%  {
     transform:  rotate(360deg) }
 } @keyframes loader9  {
     0%  {
     transform:  rotate(0) }
 100%  {
     transform:  rotate(360deg) }
 } @keyframes loader10  {
     0%,  100%  {
     transform:  translate(0,  0) rotate(0) }
 25%  {
     transform:  translate(40px,  40px) rotate(45deg) }
 50%  {
     transform:  translate(0,  80px) rotate(0) }
 75%  {
     transform:  translate(-40px,  40px) rotate(45deg) }
 } @keyframes loader11  {
     0%  {
     transform:  rotate(0) }
 100%  {
     transform:  rotate(360deg) }
 } @keyframes loader12  {
     0%  {
     transform:  rotate(0);
     border-radius:  50rem }
 50%  {
     transform:  rotate(90deg);
     border-radius:  0 }
 100%  {
     transform:  rotate(180deg);
     border-radius:  50rem }
 } @keyframes loader13  {
     to  {
     transform:  rotate(360deg) }
 } @keyframes loader14  {
     0%  {
     transform:  scale(0);
     -webkit-opacity:  0;
     -moz-opacity:  0;
     -ms-opacity:  0;
     -o-opacity:  0;
     opacity:  0 }
 50%  {
     -webkit-opacity:  1;
     -moz-opacity:  1;
     -ms-opacity:  1;
     -o-opacity:  1;
     opacity:  1 }
 100%  {
     transform:  scale(1);
     -webkit-opacity:  0;
     -moz-opacity:  0;
     -ms-opacity:  0;
     -o-opacity:  0;
     opacity:  0 }
 } @keyframes loader15-inner  {
     0%  {
     transform:  rotate(0) }
 100%  {
     transform:  rotate(-360deg) }
 } @keyframes loader15  {
     0%  {
     border-width:  0 }
 100%  {
     border-width:  10px }
 } @keyframes loader16  {
     0%  {
     transform:  rotate(0) }
 100%  {
     transform:  rotate(360deg) }
 } .iq-loader-box  {
     height:  150px;
     text-align:  center;
     display:  flex;
     align-items:  center;
     vertical-align:  middle;
     justify-content:  center }
 .iq-loader-box [class*=loader-]  {
     display:  inline-block;
     width:  3.75rem;
     height:  3.75rem;
     color:  inherit;
     vertical-align:  middle;
     position:  relative;
     border-radius:  50rem }
 .iq-loader-box .iq-loader-1  {
     width:  1em;
     height:  1em;
     border-radius:  50rem;
     position:  relative;
     text-indent:  -9999em;
     animation:  loader1 1.1s infinite ease;
     transform:  translateZ(0) }
 .iq-loader-box .iq-loader-2  {
     border:  7px double #37e6b0;
     animation:  loader2 1s linear infinite }
 .iq-loader-box .iq-loader-2:before  {
     content:  "";
     position:  absolute;
     width:  12px;
     height:  12px;
     background:  #37e6b0;
     border-radius:  50rem;
     bottom:  0;
     right:  37px }
 .iq-loader-box .iq-loader-2:after  {
     content:  "";
     position:  absolute;
     width:  12px;
     height:  12px;
     background:  #37e6b0;
     border-radius:  50rem;
     bottom:  0;
     right:  37px;
     left:  37px;
     top:  0 }
 .iq-loader-box .iq-loader-3  {
     position:  relative;
     border-radius:  50rem;
     display:  inline-block;
     vertical-align:  middle }
 .iq-loader-box .iq-loader-3 .loader-outter  {
     position:  absolute;
     border:  4px solid #f50057;
     border-left-color:  transparent;
     border-bottom:  0;
     width:  100%;
     height:  100%;
     border-radius:  50rem;
     animation:  loader-3-outter 1s cubic-bezier(.42,  .61,  .58,  .41) infinite }
 .iq-loader-box .iq-loader-3 .loader-inner  {
     position:  absolute;
     border:  4px solid #f50057;
     border-radius:  50rem;
     width:  40px;
     height:  40px;
     left:  calc(50% - 1.25rem);
     top:  calc(50% - 1.25rem);
     border-right:  0;
     border-top-color:  transparent;
     animation:  loader-3-inner 1s cubic-bezier(.42,  .61,  .58,  .41) infinite }
 .iq-loader-box .iq-loader-4  {
     border:  .2em solid transparent;
     border-top-color:  #fe721c;
     border-bottom-color:  #fe721c;
     border-radius:  50rem;
     position:  relative;
     animation:  1s loader4 linear infinite }
 .iq-loader-box .iq-loader-4:before  {
     content:  "";
     display:  block;
     width:  0;
     height:  0;
     position:  absolute;
     border:  .2em solid transparent;
     border-bottom-color:  #fe721c;
     transform:  rotate(135deg);
     right:  -.3em;
     top:  -.05em }
 .iq-loader-box .iq-loader-4:after  {
     content:  "";
     display:  block;
     width:  0;
     height:  0;
     position:  absolute;
     border:  .2em solid transparent;
     border-bottom-color:  #fe721c;
     transform:  rotate(-45deg);
     left:  -.3em;
     bottom:  -.05em }
 .iq-loader-box .iq-loader-5  {
     width:  100px;
     height:  100px;
     border-radius:  100%;
     position:  relative;
     margin:  0 auto }
 .iq-loader-box .iq-loader-5 span  {
     display:  block;
     position:  absolute;
     left:  calc(50% - 1.25rem);
     top:  calc(50% - 1.25rem);
     width:  1.25rem;
     height:  1.25rem;
     background-color:  #d592ff }
 .iq-loader-box .iq-loader-5 span:nth-child(1)  {
     animation:  loader5 1s ease-in-out infinite }
 .iq-loader-box .iq-loader-5 span:nth-child(2)  {
     animation:  loader5_1 1s ease-in-out infinite }
 .iq-loader-box .iq-loader-5 span:nth-child(3)  {
     animation:  loader5_2 1s ease-in-out infinite }
 .iq-loader-box .iq-loader-6 .inner  {
     position:  absolute;
     box-sizing:  border-box;
     width:  100%;
     height:  100%;
     border-radius:  50rem }
 .iq-loader-box .iq-loader-6 .inner1  {
     left:  0;
     top:  0;
     animation:  inner1 1s linear infinite;
     border-bottom:  3px solid #ff4b4b }
 .iq-loader-box .iq-loader-6 .inner2  {
     right:  0;
     top:  0;
     animation:  inner2 1s linear infinite;
     border-right:  3px solid #ff4b4b }
 .iq-loader-box .iq-loader-6 .inner3  {
     right:  0;
     bottom:  0;
     animation:  inner3 1s linear infinite;
     border-top:  3px solid #ff4b4b }
 .iq-loader-box .iq-loader-7:before  {
     content:  "";
     position:  absolute;
     left:  0;
     width:  50px;
     height:  50px;
     background-color:  #3498db;
     animation:  loader7 1s infinite }
 .iq-loader-box .iq-loader-8  {
     border:  1.2em solid transparent;
     border-left-color:  #d0bac2;
     border-right-color:  #d0bac2;
     border-radius:  50rem;
     animation:  1s loader8 linear infinite }
 .iq-loader-box .iq-loader-9  {
     border-radius:  50rem;
     width:  7em;
     height:  7em;
     margin:  3.75rem auto;
     font-size:  10px;
     position:  relative;
     text-indent:  -9999em;
     border-top:  1.1em solid rgba(255,  107,  208,  .2);
     border-right:  1.1em solid rgba(255,  107,  208,  .2);
     border-bottom:  1.1em solid rgba(255,  107,  208,  .2);
     border-left:  1.1em solid #ff6bd0;
     transform:  translateZ(0);
     animation:  loader9 1.1s infinite linear }
 .iq-loader-box .iq-loader-9:after  {
     border-radius:  50rem;
     width:  7em;
     height:  7em }
 .iq-loader-box .iq-loader-10:before  {
     content:  "";
     width:  1.25rem;
     height:  1.25rem;
     position:  absolute;
     top:  -10px;
     left:  calc(50% - 10px);
     background-color:  #3450db;
     animation:  loader10 1s ease-in-out infinite }
 .iq-loader-box .iq-loader-10:after  {
     content:  "";
     width:  1.25rem;
     height:  1.25rem;
     position:  absolute;
     top:  -10px;
     left:  calc(50% - 10px);
     background-color:  #3450db;
     animation:  loader10 1s ease-in-out infinite;
     bottom:  0;
     animation-delay:  .5s }
 .iq-loader-box .iq-loader-11  {
     background:  #000 }
 .iq-loader-box .iq-loader-11:before  {
     content:  "";
     position:  absolute;
     border-radius:  50rem;
     width:  1.563rem;
     height:  1.563rem;
     margin:  0 0 0 -12px;
     background-color:  #fff;
     top:  auto;
     bottom:  0;
     left:  50%;
     transform-origin:  50% 0;
     animation:  loader11 1s infinite linear }
 .iq-loader-box .iq-loader-12  {
     animation:  loader12 1s infinite linear;
     background:  #6dca5c }
 .iq-loader-box .iq-loader-13  {
     border-top:  .2em solid #a7a4ca;
     border-right:  .2em solid transparent;
     animation:  loader13 1s linear infinite;
     border-radius:  100%;
     position:  relative }
 .iq-loader-box .iq-loader-14  {
     border:  0 solid transparent;
     border-radius:  50rem;
     position:  relative }
 .iq-loader-box .iq-loader-14:before  {
     content:  "";
     border:  1em solid #13d7eb;
     border-radius:  50rem;
     width:  inherit;
     height:  inherit;
     position:  absolute;
     top:  0;
     left:  0;
     animation:  loader14 1s linear infinite;
     -webkit-opacity:  0;
     -moz-opacity:  0;
     -ms-opacity:  0;
     -o-opacity:  0;
     opacity:  0;
     animation-delay:  1s }
 .iq-loader-box .iq-loader-14:after  {
     content:  "";
     border:  1em solid #13d7eb;
     border-radius:  50rem;
     width:  inherit;
     height:  inherit;
     position:  absolute;
     top:  0;
     left:  0;
     animation:  loader14 1s linear infinite;
     -webkit-opacity:  0;
     -moz-opacity:  0;
     -ms-opacity:  0;
     -o-opacity:  0;
     opacity:  0;
     animation-delay:  .5s }
 .iq-loader-box .iq-loader-15  {
     border:  6px groove #7e57c2;
     transform:  rotate(360deg);
     transition:  all .1s ease-in-out;
     animation:  loader15-inner 1s ease-out alternate infinite }
 .iq-loader-box .iq-loader-15 .loader-inner  {
     border:  0 inset #9575cd;
     border-radius:  50rem;
     width:  100%;
     height:  100%;
     animation:  loader15 1s ease-out alternate infinite }
 .iq-loader-box .iq-loader-16  {
     width:  70px;
     height:  70px;
     border:  5px dashed #b3a57c;
     animation:  loader16 2s linear both infinite }
 .gap-x-3  {
     gap:  0 1.875rem }
 .d-grid-template-1fr-15  {
     grid-template-columns:  repeat(auto-fit,  minmax(15rem,  1fr)) }
 .iq-example-row .row>.col  {
     padding-top:  .75rem;
     color:  #7e8b9a;
     padding-bottom:  .75rem;
     background-color:  rgba(86,  61,  124,  .15);
     border:  1px solid rgba(86,  61,  124,  .2) }
 .iq-example-row .row>[class^=col-]  {
     padding-top:  .75rem;
     color:  #7e8b9a;
     padding-bottom:  .75rem;
     background-color:  rgba(86,  61,  124,  .15);
     border:  1px solid rgba(86,  61,  124,  .2) }
 .iq-example-row-flex-cols .row  {
     margin-bottom:  .938rem;
     min-height:  10rem;
     background-color:  rgba(255,  0,  0,  .1) }
 .profile-img-gallary  {
     display:  grid;
     grid-gap:  5px;
     grid-template-columns:  repeat(auto-fit,  minmax(75px,  1fr)) }
 .gap-3  {
     gap:  1rem !important }
 .d-grid  {
     display:  grid }
 .col-auto  {
     grid-column:  auto }
 .col-span-full  {
     grid-column:  1/-1 }
 .col-start-auto  {
     grid-column-start:  auto }
 .col-end-auto  {
     grid-column-end:  auto }
 .grid-rows-none  {
     grid-template-rows:  none }
 .gap-0  {
     gap:  0 }
 .gap-x-0  {
     column-gap:  0 }
 .gap-y-0  {
     row-gap:  0 }
 .grid-flow-col  {
     grid-auto-flow:  column }
 .gap-x-3  {
     gap:  0 30px }
 .d-grid-template-1fr-13  {
     grid-template-columns:  repeat(auto-fit,  minmax(13rem,  1fr)) }
 .d-grid-template-1fr-15  {
     grid-template-columns:  repeat(auto-fit,  minmax(15rem,  1fr)) }
 .d-grid-template-1fr-19  {
     grid-template-columns:  repeat(auto-fit,  minmax(19rem,  1fr)) }
 .d-grid-template-1fr-21  {
     grid-template-columns:  repeat(auto-fit,  minmax(21rem,  1fr)) }
 .grid-cols-1  {
     grid-template-columns:  repeat(1,  minmax(0,  1fr)) }
 .grid-rows-1  {
     grid-template-rows:  repeat(1,  minmax(0,  1fr)) }
 .col-span-1  {
     grid-column:  span 1/span 1 }
 .col-start-1  {
     grid-column-start:  1 }
 .col-end-1  {
     grid-column-end:  1 }
 .row-span-1  {
     grid-row:  span 1/span 1 }
 .grid-cols-2  {
     grid-template-columns:  repeat(2,  minmax(0,  1fr)) }
 .grid-rows-2  {
     grid-template-rows:  repeat(2,  minmax(0,  1fr)) }
 .col-span-2  {
     grid-column:  span 2/span 2 }
 .col-start-2  {
     grid-column-start:  2 }
 .col-end-2  {
     grid-column-end:  2 }
 .row-span-2  {
     grid-row:  span 2/span 2 }
 .grid-cols-3  {
     grid-template-columns:  repeat(3,  minmax(0,  1fr)) }
 .grid-rows-3  {
     grid-template-rows:  repeat(3,  minmax(0,  1fr)) }
 .col-span-3  {
     grid-column:  span 3/span 3 }
 .col-start-3  {
     grid-column-start:  3 }
 .col-end-3  {
     grid-column-end:  3 }
 .row-span-3  {
     grid-row:  span 3/span 3 }
 .grid-cols-4  {
     grid-template-columns:  repeat(4,  minmax(0,  1fr)) }
 .grid-rows-4  {
     grid-template-rows:  repeat(4,  minmax(0,  1fr)) }
 .col-span-4  {
     grid-column:  span 4/span 4 }
 .col-start-4  {
     grid-column-start:  4 }
 .col-end-4  {
     grid-column-end:  4 }
 .row-span-4  {
     grid-row:  span 4/span 4 }
 .grid-cols-5  {
     grid-template-columns:  repeat(5,  minmax(0,  1fr)) }
 .grid-rows-5  {
     grid-template-rows:  repeat(5,  minmax(0,  1fr)) }
 .col-span-5  {
     grid-column:  span 5/span 5 }
 .col-start-5  {
     grid-column-start:  5 }
 .col-end-5  {
     grid-column-end:  5 }
 .row-span-5  {
     grid-row:  span 5/span 5 }
 .grid-cols-6  {
     grid-template-columns:  repeat(6,  minmax(0,  1fr)) }
 .grid-rows-6  {
     grid-template-rows:  repeat(6,  minmax(0,  1fr)) }
 .col-span-6  {
     grid-column:  span 6/span 6 }
 .col-start-6  {
     grid-column-start:  6 }
 .col-end-6  {
     grid-column-end:  6 }
 .row-span-6  {
     grid-row:  span 6/span 6 }
 .grid-cols-7  {
     grid-template-columns:  repeat(7,  minmax(0,  1fr)) }
 .grid-rows-7  {
     grid-template-rows:  repeat(7,  minmax(0,  1fr)) }
 .col-span-7  {
     grid-column:  span 7/span 7 }
 .col-start-7  {
     grid-column-start:  7 }
 .col-end-7  {
     grid-column-end:  7 }
 .row-span-7  {
     grid-row:  span 7/span 7 }
 .grid-cols-8  {
     grid-template-columns:  repeat(8,  minmax(0,  1fr)) }
 .grid-rows-8  {
     grid-template-rows:  repeat(8,  minmax(0,  1fr)) }
 .col-span-8  {
     grid-column:  span 8/span 8 }
 .col-start-8  {
     grid-column-start:  8 }
 .col-end-8  {
     grid-column-end:  8 }
 .row-span-8  {
     grid-row:  span 8/span 8 }
 .grid-cols-9  {
     grid-template-columns:  repeat(9,  minmax(0,  1fr)) }
 .grid-rows-9  {
     grid-template-rows:  repeat(9,  minmax(0,  1fr)) }
 .col-span-9  {
     grid-column:  span 9/span 9 }
 .col-start-9  {
     grid-column-start:  9 }
 .col-end-9  {
     grid-column-end:  9 }
 .row-span-9  {
     grid-row:  span 9/span 9 }
 .grid-cols-10  {
     grid-template-columns:  repeat(10,  minmax(0,  1fr)) }
 .grid-rows-10  {
     grid-template-rows:  repeat(10,  minmax(0,  1fr)) }
 .col-span-10  {
     grid-column:  span 10/span 10 }
 .col-start-10  {
     grid-column-start:  10 }
 .col-end-10  {
     grid-column-end:  10 }
 .row-span-10  {
     grid-row:  span 10/span 10 }
 .grid-cols-11  {
     grid-template-columns:  repeat(11,  minmax(0,  1fr)) }
 .grid-rows-11  {
     grid-template-rows:  repeat(11,  minmax(0,  1fr)) }
 .col-span-11  {
     grid-column:  span 11/span 11 }
 .col-start-11  {
     grid-column-start:  11 }
 .col-end-11  {
     grid-column-end:  11 }
 .row-span-11  {
     grid-row:  span 11/span 11 }
 .grid-cols-12  {
     grid-template-columns:  repeat(12,  minmax(0,  1fr)) }
 .grid-rows-12  {
     grid-template-rows:  repeat(12,  minmax(0,  1fr)) }
 .col-span-12  {
     grid-column:  span 12/span 12 }
 .col-start-12  {
     grid-column-start:  12 }
 .col-end-12  {
     grid-column-end:  12 }
 .row-span-12  {
     grid-row:  span 12/span 12 }
 .grid-cols--1  {
     grid-template-columns:  repeat(1,  minmax(0,  1fr)) }
 .grid-rows--1  {
     grid-template-rows:  repeat(1,  minmax(0,  1fr)) }
 .grid-flow-col-  {
     grid-auto-flow:  column }
 .grid-cols--1  {
     grid-template-columns:  repeat(1,  minmax(0,  1fr)) }
 .grid-rows--1  {
     grid-template-rows:  repeat(1,  minmax(0,  1fr)) }
 @media (min-width:576px)  {
     .grid-cols--sm-1  {
     grid-template-columns:  repeat(1,  minmax(0,  1fr)) }
 .grid-rows--sm-1  {
     grid-template-rows:  repeat(1,  minmax(0,  1fr)) }
 .grid-flow-col--sm  {
     grid-auto-flow:  column }
 .grid-cols--sm-1  {
     grid-template-columns:  repeat(1,  minmax(0,  1fr)) }
 .grid-rows--sm-1  {
     grid-template-rows:  repeat(1,  minmax(0,  1fr)) }
 } @media (min-width:768px)  {
     .grid-cols--md-1  {
     grid-template-columns:  repeat(1,  minmax(0,  1fr)) }
 .grid-rows--md-1  {
     grid-template-rows:  repeat(1,  minmax(0,  1fr)) }
 .grid-flow-col--md  {
     grid-auto-flow:  column }
 .grid-cols--md-1  {
     grid-template-columns:  repeat(1,  minmax(0,  1fr)) }
 .grid-rows--md-1  {
     grid-template-rows:  repeat(1,  minmax(0,  1fr)) }
 } @media (min-width:992px)  {
     .grid-cols--lg-1  {
     grid-template-columns:  repeat(1,  minmax(0,  1fr)) }
 .grid-rows--lg-1  {
     grid-template-rows:  repeat(1,  minmax(0,  1fr)) }
 .grid-flow-col--lg  {
     grid-auto-flow:  column }
 .grid-cols--lg-1  {
     grid-template-columns:  repeat(1,  minmax(0,  1fr)) }
 .grid-rows--lg-1  {
     grid-template-rows:  repeat(1,  minmax(0,  1fr)) }
 } @media (min-width:1200px)  {
     .grid-cols--xl-1  {
     grid-template-columns:  repeat(1,  minmax(0,  1fr)) }
 .grid-rows--xl-1  {
     grid-template-rows:  repeat(1,  minmax(0,  1fr)) }
 .grid-flow-col--xl  {
     grid-auto-flow:  column }
 .grid-cols--xl-1  {
     grid-template-columns:  repeat(1,  minmax(0,  1fr)) }
 .grid-rows--xl-1  {
     grid-template-rows:  repeat(1,  minmax(0,  1fr)) }
 } @media (min-width:1400px)  {
     .grid-cols--xxl-1  {
     grid-template-columns:  repeat(1,  minmax(0,  1fr)) }
 .grid-rows--xxl-1  {
     grid-template-rows:  repeat(1,  minmax(0,  1fr)) }
 .grid-flow-col--xxl  {
     grid-auto-flow:  column }
 .grid-cols--xxl-1  {
     grid-template-columns:  repeat(1,  minmax(0,  1fr)) }
 .grid-rows--xxl-1  {
     grid-template-rows:  repeat(1,  minmax(0,  1fr)) }
 } .grid-cols--2  {
     grid-template-columns:  repeat(2,  minmax(0,  1fr)) }
 .grid-rows--2  {
     grid-template-rows:  repeat(2,  minmax(0,  1fr)) }
 .grid-flow-col-  {
     grid-auto-flow:  column }
 .grid-cols--2  {
     grid-template-columns:  repeat(2,  minmax(0,  1fr)) }
 .grid-rows--2  {
     grid-template-rows:  repeat(2,  minmax(0,  1fr)) }
 @media (min-width:576px)  {
     .grid-cols--sm-2  {
     grid-template-columns:  repeat(2,  minmax(0,  1fr)) }
 .grid-rows--sm-2  {
     grid-template-rows:  repeat(2,  minmax(0,  1fr)) }
 .grid-flow-col--sm  {
     grid-auto-flow:  column }
 .grid-cols--sm-2  {
     grid-template-columns:  repeat(2,  minmax(0,  1fr)) }
 .grid-rows--sm-2  {
     grid-template-rows:  repeat(2,  minmax(0,  1fr)) }
 } @media (min-width:768px)  {
     .grid-cols--md-2  {
     grid-template-columns:  repeat(2,  minmax(0,  1fr)) }
 .grid-rows--md-2  {
     grid-template-rows:  repeat(2,  minmax(0,  1fr)) }
 .grid-flow-col--md  {
     grid-auto-flow:  column }
 .grid-cols--md-2  {
     grid-template-columns:  repeat(2,  minmax(0,  1fr)) }
 .grid-rows--md-2  {
     grid-template-rows:  repeat(2,  minmax(0,  1fr)) }
 } @media (min-width:992px)  {
     .grid-cols--lg-2  {
     grid-template-columns:  repeat(2,  minmax(0,  1fr)) }
 .grid-rows--lg-2  {
     grid-template-rows:  repeat(2,  minmax(0,  1fr)) }
 .grid-flow-col--lg  {
     grid-auto-flow:  column }
 .grid-cols--lg-2  {
     grid-template-columns:  repeat(2,  minmax(0,  1fr)) }
 .grid-rows--lg-2  {
     grid-template-rows:  repeat(2,  minmax(0,  1fr)) }
 } @media (min-width:1200px)  {
     .grid-cols--xl-2  {
     grid-template-columns:  repeat(2,  minmax(0,  1fr)) }
 .grid-rows--xl-2  {
     grid-template-rows:  repeat(2,  minmax(0,  1fr)) }
 .grid-flow-col--xl  {
     grid-auto-flow:  column }
 .grid-cols--xl-2  {
     grid-template-columns:  repeat(2,  minmax(0,  1fr)) }
 .grid-rows--xl-2  {
     grid-template-rows:  repeat(2,  minmax(0,  1fr)) }
 } @media (min-width:1400px)  {
     .grid-cols--xxl-2  {
     grid-template-columns:  repeat(2,  minmax(0,  1fr)) }
 .grid-rows--xxl-2  {
     grid-template-rows:  repeat(2,  minmax(0,  1fr)) }
 .grid-flow-col--xxl  {
     grid-auto-flow:  column }
 .grid-cols--xxl-2  {
     grid-template-columns:  repeat(2,  minmax(0,  1fr)) }
 .grid-rows--xxl-2  {
     grid-template-rows:  repeat(2,  minmax(0,  1fr)) }
 } .grid-cols--3  {
     grid-template-columns:  repeat(3,  minmax(0,  1fr)) }
 .grid-rows--3  {
     grid-template-rows:  repeat(3,  minmax(0,  1fr)) }
 .grid-flow-col-  {
     grid-auto-flow:  column }
 .grid-cols--3  {
     grid-template-columns:  repeat(3,  minmax(0,  1fr)) }
 .grid-rows--3  {
     grid-template-rows:  repeat(3,  minmax(0,  1fr)) }
 @media (min-width:576px)  {
     .grid-cols--sm-3  {
     grid-template-columns:  repeat(3,  minmax(0,  1fr)) }
 .grid-rows--sm-3  {
     grid-template-rows:  repeat(3,  minmax(0,  1fr)) }
 .grid-flow-col--sm  {
     grid-auto-flow:  column }
 .grid-cols--sm-3  {
     grid-template-columns:  repeat(3,  minmax(0,  1fr)) }
 .grid-rows--sm-3  {
     grid-template-rows:  repeat(3,  minmax(0,  1fr)) }
 } @media (min-width:768px)  {
     .grid-cols--md-3  {
     grid-template-columns:  repeat(3,  minmax(0,  1fr)) }
 .grid-rows--md-3  {
     grid-template-rows:  repeat(3,  minmax(0,  1fr)) }
 .grid-flow-col--md  {
     grid-auto-flow:  column }
 .grid-cols--md-3  {
     grid-template-columns:  repeat(3,  minmax(0,  1fr)) }
 .grid-rows--md-3  {
     grid-template-rows:  repeat(3,  minmax(0,  1fr)) }
 } @media (min-width:992px)  {
     .grid-cols--lg-3  {
     grid-template-columns:  repeat(3,  minmax(0,  1fr)) }
 .grid-rows--lg-3  {
     grid-template-rows:  repeat(3,  minmax(0,  1fr)) }
 .grid-flow-col--lg  {
     grid-auto-flow:  column }
 .grid-cols--lg-3  {
     grid-template-columns:  repeat(3,  minmax(0,  1fr)) }
 .grid-rows--lg-3  {
     grid-template-rows:  repeat(3,  minmax(0,  1fr)) }
 } @media (min-width:1200px)  {
     .grid-cols--xl-3  {
     grid-template-columns:  repeat(3,  minmax(0,  1fr)) }
 .grid-rows--xl-3  {
     grid-template-rows:  repeat(3,  minmax(0,  1fr)) }
 .grid-flow-col--xl  {
     grid-auto-flow:  column }
 .grid-cols--xl-3  {
     grid-template-columns:  repeat(3,  minmax(0,  1fr)) }
 .grid-rows--xl-3  {
     grid-template-rows:  repeat(3,  minmax(0,  1fr)) }
 } @media (min-width:1400px)  {
     .grid-cols--xxl-3  {
     grid-template-columns:  repeat(3,  minmax(0,  1fr)) }
 .grid-rows--xxl-3  {
     grid-template-rows:  repeat(3,  minmax(0,  1fr)) }
 .grid-flow-col--xxl  {
     grid-auto-flow:  column }
 .grid-cols--xxl-3  {
     grid-template-columns:  repeat(3,  minmax(0,  1fr)) }
 .grid-rows--xxl-3  {
     grid-template-rows:  repeat(3,  minmax(0,  1fr)) }
 } .grid-cols--4  {
     grid-template-columns:  repeat(4,  minmax(0,  1fr)) }
 .grid-rows--4  {
     grid-template-rows:  repeat(4,  minmax(0,  1fr)) }
 .grid-flow-col-  {
     grid-auto-flow:  column }
 .grid-cols--4  {
     grid-template-columns:  repeat(4,  minmax(0,  1fr)) }
 .grid-rows--4  {
     grid-template-rows:  repeat(4,  minmax(0,  1fr)) }
 @media (min-width:576px)  {
     .grid-cols--sm-4  {
     grid-template-columns:  repeat(4,  minmax(0,  1fr)) }
 .grid-rows--sm-4  {
     grid-template-rows:  repeat(4,  minmax(0,  1fr)) }
 .grid-flow-col--sm  {
     grid-auto-flow:  column }
 .grid-cols--sm-4  {
     grid-template-columns:  repeat(4,  minmax(0,  1fr)) }
 .grid-rows--sm-4  {
     grid-template-rows:  repeat(4,  minmax(0,  1fr)) }
 } @media (min-width:768px)  {
     .grid-cols--md-4  {
     grid-template-columns:  repeat(4,  minmax(0,  1fr)) }
 .grid-rows--md-4  {
     grid-template-rows:  repeat(4,  minmax(0,  1fr)) }
 .grid-flow-col--md  {
     grid-auto-flow:  column }
 .grid-cols--md-4  {
     grid-template-columns:  repeat(4,  minmax(0,  1fr)) }
 .grid-rows--md-4  {
     grid-template-rows:  repeat(4,  minmax(0,  1fr)) }
 } @media (min-width:992px)  {
     .grid-cols--lg-4  {
     grid-template-columns:  repeat(4,  minmax(0,  1fr)) }
 .grid-rows--lg-4  {
     grid-template-rows:  repeat(4,  minmax(0,  1fr)) }
 .grid-flow-col--lg  {
     grid-auto-flow:  column }
 .grid-cols--lg-4  {
     grid-template-columns:  repeat(4,  minmax(0,  1fr)) }
 .grid-rows--lg-4  {
     grid-template-rows:  repeat(4,  minmax(0,  1fr)) }
 } @media (min-width:1200px)  {
     .grid-cols--xl-4  {
     grid-template-columns:  repeat(4,  minmax(0,  1fr)) }
 .grid-rows--xl-4  {
     grid-template-rows:  repeat(4,  minmax(0,  1fr)) }
 .grid-flow-col--xl  {
     grid-auto-flow:  column }
 .grid-cols--xl-4  {
     grid-template-columns:  repeat(4,  minmax(0,  1fr)) }
 .grid-rows--xl-4  {
     grid-template-rows:  repeat(4,  minmax(0,  1fr)) }
 } @media (min-width:1400px)  {
     .grid-cols--xxl-4  {
     grid-template-columns:  repeat(4,  minmax(0,  1fr)) }
 .grid-rows--xxl-4  {
     grid-template-rows:  repeat(4,  minmax(0,  1fr)) }
 .grid-flow-col--xxl  {
     grid-auto-flow:  column }
 .grid-cols--xxl-4  {
     grid-template-columns:  repeat(4,  minmax(0,  1fr)) }
 .grid-rows--xxl-4  {
     grid-template-rows:  repeat(4,  minmax(0,  1fr)) }
 } .grid-cols--5  {
     grid-template-columns:  repeat(5,  minmax(0,  1fr)) }
 .grid-rows--5  {
     grid-template-rows:  repeat(5,  minmax(0,  1fr)) }
 .grid-flow-col-  {
     grid-auto-flow:  column }
 .grid-cols--5  {
     grid-template-columns:  repeat(5,  minmax(0,  1fr)) }
 .grid-rows--5  {
     grid-template-rows:  repeat(5,  minmax(0,  1fr)) }
 @media (min-width:576px)  {
     .grid-cols--sm-5  {
     grid-template-columns:  repeat(5,  minmax(0,  1fr)) }
 .grid-rows--sm-5  {
     grid-template-rows:  repeat(5,  minmax(0,  1fr)) }
 .grid-flow-col--sm  {
     grid-auto-flow:  column }
 .grid-cols--sm-5  {
     grid-template-columns:  repeat(5,  minmax(0,  1fr)) }
 .grid-rows--sm-5  {
     grid-template-rows:  repeat(5,  minmax(0,  1fr)) }
 } @media (min-width:768px)  {
     .grid-cols--md-5  {
     grid-template-columns:  repeat(5,  minmax(0,  1fr)) }
 .grid-rows--md-5  {
     grid-template-rows:  repeat(5,  minmax(0,  1fr)) }
 .grid-flow-col--md  {
     grid-auto-flow:  column }
 .grid-cols--md-5  {
     grid-template-columns:  repeat(5,  minmax(0,  1fr)) }
 .grid-rows--md-5  {
     grid-template-rows:  repeat(5,  minmax(0,  1fr)) }
 } @media (min-width:992px)  {
     .grid-cols--lg-5  {
     grid-template-columns:  repeat(5,  minmax(0,  1fr)) }
 .grid-rows--lg-5  {
     grid-template-rows:  repeat(5,  minmax(0,  1fr)) }
 .grid-flow-col--lg  {
     grid-auto-flow:  column }
 .grid-cols--lg-5  {
     grid-template-columns:  repeat(5,  minmax(0,  1fr)) }
 .grid-rows--lg-5  {
     grid-template-rows:  repeat(5,  minmax(0,  1fr)) }
 } @media (min-width:1200px)  {
     .grid-cols--xl-5  {
     grid-template-columns:  repeat(5,  minmax(0,  1fr)) }
 .grid-rows--xl-5  {
     grid-template-rows:  repeat(5,  minmax(0,  1fr)) }
 .grid-flow-col--xl  {
     grid-auto-flow:  column }
 .grid-cols--xl-5  {
     grid-template-columns:  repeat(5,  minmax(0,  1fr)) }
 .grid-rows--xl-5  {
     grid-template-rows:  repeat(5,  minmax(0,  1fr)) }
 } @media (min-width:1400px)  {
     .grid-cols--xxl-5  {
     grid-template-columns:  repeat(5,  minmax(0,  1fr)) }
 .grid-rows--xxl-5  {
     grid-template-rows:  repeat(5,  minmax(0,  1fr)) }
 .grid-flow-col--xxl  {
     grid-auto-flow:  column }
 .grid-cols--xxl-5  {
     grid-template-columns:  repeat(5,  minmax(0,  1fr)) }
 .grid-rows--xxl-5  {
     grid-template-rows:  repeat(5,  minmax(0,  1fr)) }
 } .grid-cols--6  {
     grid-template-columns:  repeat(6,  minmax(0,  1fr)) }
 .grid-rows--6  {
     grid-template-rows:  repeat(6,  minmax(0,  1fr)) }
 .grid-flow-col-  {
     grid-auto-flow:  column }
 .grid-cols--6  {
     grid-template-columns:  repeat(6,  minmax(0,  1fr)) }
 .grid-rows--6  {
     grid-template-rows:  repeat(6,  minmax(0,  1fr)) }
 @media (min-width:576px)  {
     .grid-cols--sm-6  {
     grid-template-columns:  repeat(6,  minmax(0,  1fr)) }
 .grid-rows--sm-6  {
     grid-template-rows:  repeat(6,  minmax(0,  1fr)) }
 .grid-flow-col--sm  {
     grid-auto-flow:  column }
 .grid-cols--sm-6  {
     grid-template-columns:  repeat(6,  minmax(0,  1fr)) }
 .grid-rows--sm-6  {
     grid-template-rows:  repeat(6,  minmax(0,  1fr)) }
 } @media (min-width:768px)  {
     .grid-cols--md-6  {
     grid-template-columns:  repeat(6,  minmax(0,  1fr)) }
 .grid-rows--md-6  {
     grid-template-rows:  repeat(6,  minmax(0,  1fr)) }
 .grid-flow-col--md  {
     grid-auto-flow:  column }
 .grid-cols--md-6  {
     grid-template-columns:  repeat(6,  minmax(0,  1fr)) }
 .grid-rows--md-6  {
     grid-template-rows:  repeat(6,  minmax(0,  1fr)) }
 } @media (min-width:992px)  {
     .grid-cols--lg-6  {
     grid-template-columns:  repeat(6,  minmax(0,  1fr)) }
 .grid-rows--lg-6  {
     grid-template-rows:  repeat(6,  minmax(0,  1fr)) }
 .grid-flow-col--lg  {
     grid-auto-flow:  column }
 .grid-cols--lg-6  {
     grid-template-columns:  repeat(6,  minmax(0,  1fr)) }
 .grid-rows--lg-6  {
     grid-template-rows:  repeat(6,  minmax(0,  1fr)) }
 } @media (min-width:1200px)  {
     .grid-cols--xl-6  {
     grid-template-columns:  repeat(6,  minmax(0,  1fr)) }
 .grid-rows--xl-6  {
     grid-template-rows:  repeat(6,  minmax(0,  1fr)) }
 .grid-flow-col--xl  {
     grid-auto-flow:  column }
 .grid-cols--xl-6  {
     grid-template-columns:  repeat(6,  minmax(0,  1fr)) }
 .grid-rows--xl-6  {
     grid-template-rows:  repeat(6,  minmax(0,  1fr)) }
 } @media (min-width:1400px)  {
     .grid-cols--xxl-6  {
     grid-template-columns:  repeat(6,  minmax(0,  1fr)) }
 .grid-rows--xxl-6  {
     grid-template-rows:  repeat(6,  minmax(0,  1fr)) }
 .grid-flow-col--xxl  {
     grid-auto-flow:  column }
 .grid-cols--xxl-6  {
     grid-template-columns:  repeat(6,  minmax(0,  1fr)) }
 .grid-rows--xxl-6  {
     grid-template-rows:  repeat(6,  minmax(0,  1fr)) }
 } .grid-cols--7  {
     grid-template-columns:  repeat(7,  minmax(0,  1fr)) }
 .grid-rows--7  {
     grid-template-rows:  repeat(7,  minmax(0,  1fr)) }
 .grid-flow-col-  {
     grid-auto-flow:  column }
 .grid-cols--7  {
     grid-template-columns:  repeat(7,  minmax(0,  1fr)) }
 .grid-rows--7  {
     grid-template-rows:  repeat(7,  minmax(0,  1fr)) }
 @media (min-width:576px)  {
     .grid-cols--sm-7  {
     grid-template-columns:  repeat(7,  minmax(0,  1fr)) }
 .grid-rows--sm-7  {
     grid-template-rows:  repeat(7,  minmax(0,  1fr)) }
 .grid-flow-col--sm  {
     grid-auto-flow:  column }
 .grid-cols--sm-7  {
     grid-template-columns:  repeat(7,  minmax(0,  1fr)) }
 .grid-rows--sm-7  {
     grid-template-rows:  repeat(7,  minmax(0,  1fr)) }
 } @media (min-width:768px)  {
     .grid-cols--md-7  {
     grid-template-columns:  repeat(7,  minmax(0,  1fr)) }
 .grid-rows--md-7  {
     grid-template-rows:  repeat(7,  minmax(0,  1fr)) }
 .grid-flow-col--md  {
     grid-auto-flow:  column }
 .grid-cols--md-7  {
     grid-template-columns:  repeat(7,  minmax(0,  1fr)) }
 .grid-rows--md-7  {
     grid-template-rows:  repeat(7,  minmax(0,  1fr)) }
 } @media (min-width:992px)  {
     .grid-cols--lg-7  {
     grid-template-columns:  repeat(7,  minmax(0,  1fr)) }
 .grid-rows--lg-7  {
     grid-template-rows:  repeat(7,  minmax(0,  1fr)) }
 .grid-flow-col--lg  {
     grid-auto-flow:  column }
 .grid-cols--lg-7  {
     grid-template-columns:  repeat(7,  minmax(0,  1fr)) }
 .grid-rows--lg-7  {
     grid-template-rows:  repeat(7,  minmax(0,  1fr)) }
 } @media (min-width:1200px)  {
     .grid-cols--xl-7  {
     grid-template-columns:  repeat(7,  minmax(0,  1fr)) }
 .grid-rows--xl-7  {
     grid-template-rows:  repeat(7,  minmax(0,  1fr)) }
 .grid-flow-col--xl  {
     grid-auto-flow:  column }
 .grid-cols--xl-7  {
     grid-template-columns:  repeat(7,  minmax(0,  1fr)) }
 .grid-rows--xl-7  {
     grid-template-rows:  repeat(7,  minmax(0,  1fr)) }
 } @media (min-width:1400px)  {
     .grid-cols--xxl-7  {
     grid-template-columns:  repeat(7,  minmax(0,  1fr)) }
 .grid-rows--xxl-7  {
     grid-template-rows:  repeat(7,  minmax(0,  1fr)) }
 .grid-flow-col--xxl  {
     grid-auto-flow:  column }
 .grid-cols--xxl-7  {
     grid-template-columns:  repeat(7,  minmax(0,  1fr)) }
 .grid-rows--xxl-7  {
     grid-template-rows:  repeat(7,  minmax(0,  1fr)) }
 } .grid-cols--8  {
     grid-template-columns:  repeat(8,  minmax(0,  1fr)) }
 .grid-rows--8  {
     grid-template-rows:  repeat(8,  minmax(0,  1fr)) }
 .grid-flow-col-  {
     grid-auto-flow:  column }
 .grid-cols--8  {
     grid-template-columns:  repeat(8,  minmax(0,  1fr)) }
 .grid-rows--8  {
     grid-template-rows:  repeat(8,  minmax(0,  1fr)) }
 @media (min-width:576px)  {
     .grid-cols--sm-8  {
     grid-template-columns:  repeat(8,  minmax(0,  1fr)) }
 .grid-rows--sm-8  {
     grid-template-rows:  repeat(8,  minmax(0,  1fr)) }
 .grid-flow-col--sm  {
     grid-auto-flow:  column }
 .grid-cols--sm-8  {
     grid-template-columns:  repeat(8,  minmax(0,  1fr)) }
 .grid-rows--sm-8  {
     grid-template-rows:  repeat(8,  minmax(0,  1fr)) }
 } @media (min-width:768px)  {
     .grid-cols--md-8  {
     grid-template-columns:  repeat(8,  minmax(0,  1fr)) }
 .grid-rows--md-8  {
     grid-template-rows:  repeat(8,  minmax(0,  1fr)) }
 .grid-flow-col--md  {
     grid-auto-flow:  column }
 .grid-cols--md-8  {
     grid-template-columns:  repeat(8,  minmax(0,  1fr)) }
 .grid-rows--md-8  {
     grid-template-rows:  repeat(8,  minmax(0,  1fr)) }
 } @media (min-width:992px)  {
     .grid-cols--lg-8  {
     grid-template-columns:  repeat(8,  minmax(0,  1fr)) }
 .grid-rows--lg-8  {
     grid-template-rows:  repeat(8,  minmax(0,  1fr)) }
 .grid-flow-col--lg  {
     grid-auto-flow:  column }
 .grid-cols--lg-8  {
     grid-template-columns:  repeat(8,  minmax(0,  1fr)) }
 .grid-rows--lg-8  {
     grid-template-rows:  repeat(8,  minmax(0,  1fr)) }
 } @media (min-width:1200px)  {
     .grid-cols--xl-8  {
     grid-template-columns:  repeat(8,  minmax(0,  1fr)) }
 .grid-rows--xl-8  {
     grid-template-rows:  repeat(8,  minmax(0,  1fr)) }
 .grid-flow-col--xl  {
     grid-auto-flow:  column }
 .grid-cols--xl-8  {
     grid-template-columns:  repeat(8,  minmax(0,  1fr)) }
 .grid-rows--xl-8  {
     grid-template-rows:  repeat(8,  minmax(0,  1fr)) }
 } @media (min-width:1400px)  {
     .grid-cols--xxl-8  {
     grid-template-columns:  repeat(8,  minmax(0,  1fr)) }
 .grid-rows--xxl-8  {
     grid-template-rows:  repeat(8,  minmax(0,  1fr)) }
 .grid-flow-col--xxl  {
     grid-auto-flow:  column }
 .grid-cols--xxl-8  {
     grid-template-columns:  repeat(8,  minmax(0,  1fr)) }
 .grid-rows--xxl-8  {
     grid-template-rows:  repeat(8,  minmax(0,  1fr)) }
 } .grid-cols--9  {
     grid-template-columns:  repeat(9,  minmax(0,  1fr)) }
 .grid-rows--9  {
     grid-template-rows:  repeat(9,  minmax(0,  1fr)) }
 .grid-flow-col-  {
     grid-auto-flow:  column }
 .grid-cols--9  {
     grid-template-columns:  repeat(9,  minmax(0,  1fr)) }
 .grid-rows--9  {
     grid-template-rows:  repeat(9,  minmax(0,  1fr)) }
 @media (min-width:576px)  {
     .grid-cols--sm-9  {
     grid-template-columns:  repeat(9,  minmax(0,  1fr)) }
 .grid-rows--sm-9  {
     grid-template-rows:  repeat(9,  minmax(0,  1fr)) }
 .grid-flow-col--sm  {
     grid-auto-flow:  column }
 .grid-cols--sm-9  {
     grid-template-columns:  repeat(9,  minmax(0,  1fr)) }
 .grid-rows--sm-9  {
     grid-template-rows:  repeat(9,  minmax(0,  1fr)) }
 } @media (min-width:768px)  {
     .grid-cols--md-9  {
     grid-template-columns:  repeat(9,  minmax(0,  1fr)) }
 .grid-rows--md-9  {
     grid-template-rows:  repeat(9,  minmax(0,  1fr)) }
 .grid-flow-col--md  {
     grid-auto-flow:  column }
 .grid-cols--md-9  {
     grid-template-columns:  repeat(9,  minmax(0,  1fr)) }
 .grid-rows--md-9  {
     grid-template-rows:  repeat(9,  minmax(0,  1fr)) }
 } @media (min-width:992px)  {
     .grid-cols--lg-9  {
     grid-template-columns:  repeat(9,  minmax(0,  1fr)) }
 .grid-rows--lg-9  {
     grid-template-rows:  repeat(9,  minmax(0,  1fr)) }
 .grid-flow-col--lg  {
     grid-auto-flow:  column }
 .grid-cols--lg-9  {
     grid-template-columns:  repeat(9,  minmax(0,  1fr)) }
 .grid-rows--lg-9  {
     grid-template-rows:  repeat(9,  minmax(0,  1fr)) }
 } @media (min-width:1200px)  {
     .grid-cols--xl-9  {
     grid-template-columns:  repeat(9,  minmax(0,  1fr)) }
 .grid-rows--xl-9  {
     grid-template-rows:  repeat(9,  minmax(0,  1fr)) }
 .grid-flow-col--xl  {
     grid-auto-flow:  column }
 .grid-cols--xl-9  {
     grid-template-columns:  repeat(9,  minmax(0,  1fr)) }
 .grid-rows--xl-9  {
     grid-template-rows:  repeat(9,  minmax(0,  1fr)) }
 } @media (min-width:1400px)  {
     .grid-cols--xxl-9  {
     grid-template-columns:  repeat(9,  minmax(0,  1fr)) }
 .grid-rows--xxl-9  {
     grid-template-rows:  repeat(9,  minmax(0,  1fr)) }
 .grid-flow-col--xxl  {
     grid-auto-flow:  column }
 .grid-cols--xxl-9  {
     grid-template-columns:  repeat(9,  minmax(0,  1fr)) }
 .grid-rows--xxl-9  {
     grid-template-rows:  repeat(9,  minmax(0,  1fr)) }
 } .grid-cols--10  {
     grid-template-columns:  repeat(10,  minmax(0,  1fr)) }
 .grid-rows--10  {
     grid-template-rows:  repeat(10,  minmax(0,  1fr)) }
 .grid-flow-col-  {
     grid-auto-flow:  column }
 .grid-cols--10  {
     grid-template-columns:  repeat(10,  minmax(0,  1fr)) }
 .grid-rows--10  {
     grid-template-rows:  repeat(10,  minmax(0,  1fr)) }
 @media (min-width:576px)  {
     .grid-cols--sm-10  {
     grid-template-columns:  repeat(10,  minmax(0,  1fr)) }
 .grid-rows--sm-10  {
     grid-template-rows:  repeat(10,  minmax(0,  1fr)) }
 .grid-flow-col--sm  {
     grid-auto-flow:  column }
 .grid-cols--sm-10  {
     grid-template-columns:  repeat(10,  minmax(0,  1fr)) }
 .grid-rows--sm-10  {
     grid-template-rows:  repeat(10,  minmax(0,  1fr)) }
 } @media (min-width:768px)  {
     .grid-cols--md-10  {
     grid-template-columns:  repeat(10,  minmax(0,  1fr)) }
 .grid-rows--md-10  {
     grid-template-rows:  repeat(10,  minmax(0,  1fr)) }
 .grid-flow-col--md  {
     grid-auto-flow:  column }
 .grid-cols--md-10  {
     grid-template-columns:  repeat(10,  minmax(0,  1fr)) }
 .grid-rows--md-10  {
     grid-template-rows:  repeat(10,  minmax(0,  1fr)) }
 } @media (min-width:992px)  {
     .grid-cols--lg-10  {
     grid-template-columns:  repeat(10,  minmax(0,  1fr)) }
 .grid-rows--lg-10  {
     grid-template-rows:  repeat(10,  minmax(0,  1fr)) }
 .grid-flow-col--lg  {
     grid-auto-flow:  column }
 .grid-cols--lg-10  {
     grid-template-columns:  repeat(10,  minmax(0,  1fr)) }
 .grid-rows--lg-10  {
     grid-template-rows:  repeat(10,  minmax(0,  1fr)) }
 } @media (min-width:1200px)  {
     .grid-cols--xl-10  {
     grid-template-columns:  repeat(10,  minmax(0,  1fr)) }
 .grid-rows--xl-10  {
     grid-template-rows:  repeat(10,  minmax(0,  1fr)) }
 .grid-flow-col--xl  {
     grid-auto-flow:  column }
 .grid-cols--xl-10  {
     grid-template-columns:  repeat(10,  minmax(0,  1fr)) }
 .grid-rows--xl-10  {
     grid-template-rows:  repeat(10,  minmax(0,  1fr)) }
 } @media (min-width:1400px)  {
     .grid-cols--xxl-10  {
     grid-template-columns:  repeat(10,  minmax(0,  1fr)) }
 .grid-rows--xxl-10  {
     grid-template-rows:  repeat(10,  minmax(0,  1fr)) }
 .grid-flow-col--xxl  {
     grid-auto-flow:  column }
 .grid-cols--xxl-10  {
     grid-template-columns:  repeat(10,  minmax(0,  1fr)) }
 .grid-rows--xxl-10  {
     grid-template-rows:  repeat(10,  minmax(0,  1fr)) }
 } .grid-cols--11  {
     grid-template-columns:  repeat(11,  minmax(0,  1fr)) }
 .grid-rows--11  {
     grid-template-rows:  repeat(11,  minmax(0,  1fr)) }
 .grid-flow-col-  {
     grid-auto-flow:  column }
 .grid-cols--11  {
     grid-template-columns:  repeat(11,  minmax(0,  1fr)) }
 .grid-rows--11  {
     grid-template-rows:  repeat(11,  minmax(0,  1fr)) }
 @media (min-width:576px)  {
     .grid-cols--sm-11  {
     grid-template-columns:  repeat(11,  minmax(0,  1fr)) }
 .grid-rows--sm-11  {
     grid-template-rows:  repeat(11,  minmax(0,  1fr)) }
 .grid-flow-col--sm  {
     grid-auto-flow:  column }
 .grid-cols--sm-11  {
     grid-template-columns:  repeat(11,  minmax(0,  1fr)) }
 .grid-rows--sm-11  {
     grid-template-rows:  repeat(11,  minmax(0,  1fr)) }
 } @media (min-width:768px)  {
     .grid-cols--md-11  {
     grid-template-columns:  repeat(11,  minmax(0,  1fr)) }
 .grid-rows--md-11  {
     grid-template-rows:  repeat(11,  minmax(0,  1fr)) }
 .grid-flow-col--md  {
     grid-auto-flow:  column }
 .grid-cols--md-11  {
     grid-template-columns:  repeat(11,  minmax(0,  1fr)) }
 .grid-rows--md-11  {
     grid-template-rows:  repeat(11,  minmax(0,  1fr)) }
 } @media (min-width:992px)  {
     .grid-cols--lg-11  {
     grid-template-columns:  repeat(11,  minmax(0,  1fr)) }
 .grid-rows--lg-11  {
     grid-template-rows:  repeat(11,  minmax(0,  1fr)) }
 .grid-flow-col--lg  {
     grid-auto-flow:  column }
 .grid-cols--lg-11  {
     grid-template-columns:  repeat(11,  minmax(0,  1fr)) }
 .grid-rows--lg-11  {
     grid-template-rows:  repeat(11,  minmax(0,  1fr)) }
 } @media (min-width:1200px)  {
     .grid-cols--xl-11  {
     grid-template-columns:  repeat(11,  minmax(0,  1fr)) }
 .grid-rows--xl-11  {
     grid-template-rows:  repeat(11,  minmax(0,  1fr)) }
 .grid-flow-col--xl  {
     grid-auto-flow:  column }
 .grid-cols--xl-11  {
     grid-template-columns:  repeat(11,  minmax(0,  1fr)) }
 .grid-rows--xl-11  {
     grid-template-rows:  repeat(11,  minmax(0,  1fr)) }
 } @media (min-width:1400px)  {
     .grid-cols--xxl-11  {
     grid-template-columns:  repeat(11,  minmax(0,  1fr)) }
 .grid-rows--xxl-11  {
     grid-template-rows:  repeat(11,  minmax(0,  1fr)) }
 .grid-flow-col--xxl  {
     grid-auto-flow:  column }
 .grid-cols--xxl-11  {
     grid-template-columns:  repeat(11,  minmax(0,  1fr)) }
 .grid-rows--xxl-11  {
     grid-template-rows:  repeat(11,  minmax(0,  1fr)) }
 } .grid-cols--12  {
     grid-template-columns:  repeat(12,  minmax(0,  1fr)) }
 .grid-rows--12  {
     grid-template-rows:  repeat(12,  minmax(0,  1fr)) }
 .grid-flow-col-  {
     grid-auto-flow:  column }
 .grid-cols--12  {
     grid-template-columns:  repeat(12,  minmax(0,  1fr)) }
 .grid-rows--12  {
     grid-template-rows:  repeat(12,  minmax(0,  1fr)) }
 @media (min-width:576px)  {
     .grid-cols--sm-12  {
     grid-template-columns:  repeat(12,  minmax(0,  1fr)) }
 .grid-rows--sm-12  {
     grid-template-rows:  repeat(12,  minmax(0,  1fr)) }
 .grid-flow-col--sm  {
     grid-auto-flow:  column }
 .grid-cols--sm-12  {
     grid-template-columns:  repeat(12,  minmax(0,  1fr)) }
 .grid-rows--sm-12  {
     grid-template-rows:  repeat(12,  minmax(0,  1fr)) }
 } @media (min-width:768px)  {
     .grid-cols--md-12  {
     grid-template-columns:  repeat(12,  minmax(0,  1fr)) }
 .grid-rows--md-12  {
     grid-template-rows:  repeat(12,  minmax(0,  1fr)) }
 .grid-flow-col--md  {
     grid-auto-flow:  column }
 .grid-cols--md-12  {
     grid-template-columns:  repeat(12,  minmax(0,  1fr)) }
 .grid-rows--md-12  {
     grid-template-rows:  repeat(12,  minmax(0,  1fr)) }
 } @media (min-width:992px)  {
     .grid-cols--lg-12  {
     grid-template-columns:  repeat(12,  minmax(0,  1fr)) }
 .grid-rows--lg-12  {
     grid-template-rows:  repeat(12,  minmax(0,  1fr)) }
 .grid-flow-col--lg  {
     grid-auto-flow:  column }
 .grid-cols--lg-12  {
     grid-template-columns:  repeat(12,  minmax(0,  1fr)) }
 .grid-rows--lg-12  {
     grid-template-rows:  repeat(12,  minmax(0,  1fr)) }
 } @media (min-width:1200px)  {
     .grid-cols--xl-12  {
     grid-template-columns:  repeat(12,  minmax(0,  1fr)) }
 .grid-rows--xl-12  {
     grid-template-rows:  repeat(12,  minmax(0,  1fr)) }
 .grid-flow-col--xl  {
     grid-auto-flow:  column }
 .grid-cols--xl-12  {
     grid-template-columns:  repeat(12,  minmax(0,  1fr)) }
 .grid-rows--xl-12  {
     grid-template-rows:  repeat(12,  minmax(0,  1fr)) }
 } @media (min-width:1400px)  {
     .grid-cols--xxl-12  {
     grid-template-columns:  repeat(12,  minmax(0,  1fr)) }
 .grid-rows--xxl-12  {
     grid-template-rows:  repeat(12,  minmax(0,  1fr)) }
 .grid-flow-col--xxl  {
     grid-auto-flow:  column }
 .grid-cols--xxl-12  {
     grid-template-columns:  repeat(12,  minmax(0,  1fr)) }
 .grid-rows--xxl-12  {
     grid-template-rows:  repeat(12,  minmax(0,  1fr)) }
 } @media (max-width:767.98px)  {
     .gap-3  {
     gap:  .5rem !important }
 } .hr-horizontal  {
     border-top:  unset;
     height:  1px;
     background:  0 0;
     margin:  .625rem auto;
     width:  calc(100% - .8125rem);
     background-image:  linear-gradient(180deg,  transparent,  rgba(0,  0,  0,  .4),  transparent) }
 .cardnavbar  {
     border-radius:  30px }
 .nav-rounded .nav-item .nav-link  {
     padding:  1rem;
     border-radius:  50rem }
 .card.cardhover  {
     border:  2px solid transparent;
     transition:  all 150ms ease }
 .card.cardhover:hover  {
     border:  2px solid var(--bs-primary);
     border-color:  var(--bs-primary);
     transition:  all 150ms ease }
 .smallbutton  {
     font-size:  10px;
     border-radius:  20px }
 .nav-tabs .nav-item a  {
     color:  #324253;
     border:  none;
     border-bottom:  2px solid transparent }
 .borderbox  {
     width:  100% }
 .borderbox1  {
     width:  100% }
 .hr-vertical  {
     width:  1px;
     height:  auto !important;
     margin:  0 .5rem }
 .shadowbg  {
     padding:  11px 34px 11px }
 .shadowbg:hover  {
     color:  var(--bs-primary);
     background-color:  #fff }
 .containertop  {
     margin-top:  -3rem }
 .profilesearch  {
     border-radius:  24px }
 .profile-header .user-detail1  {
     position:  absolute;
     left:  0;
     right:  0;
     top:  14rem;
     bottom:  auto }
 @media (min-width:320px) and (max-width:991.98px)  {
     .shadowbg  {
     text-align:  center }
 } @media (min-width:700px) and (max-width:1500px)  {
     .borderbox1  {
     display:  flex }
 } @media (min-width:300px) and (max-width:758px)  {
     .profile-header .user-detail1  {
     position:  absolute;
     left:  0;
     right:  0;
     top:  6rem;
     bottom:  auto }
 } @media (min-width:768px) and (max-width:1020px)  {
     .profile-header .user-detail1  {
     position:  absolute;
     left:  0;
     right:  0;
     top:  10rem;
     bottom:  auto }
 } @media (max-width:575.98px)  {
     .editcover  {
     display:  none }
 } .profile-img img  {
     border-radius:  50rem;
     border:  1px solid rgba(0,  0,  0,  .1);
     height:  auto }
 .header-avatar .profile  {
     background-color:  var(--bs-gray-900) }
 .header-avatar .chat-status  {
     padding:  .297rem 1rem;
     letter-spacing:  1px;
     font-weight:  400;
     position:  absolute;
     bottom:  -.5rem;
     left:  50%;
     transform:  translateX(-50%);
     line-height:  1.125rem }
 ul.header-nav  {
     position:  absolute;
     left:  auto;
     right:  0;
     top:  auto;
     bottom:  1.25rem }
 ul.header-nav li  {
     list-style:  none }
 ul.header-nav li a  {
     display:  block;
     list-style:  none;
     height:  2.5rem;
     width:  2.5rem;
     background:  #fff;
     border-radius:  50rem;
     line-height:  2.5rem;
     text-align:  center;
     color:  var(--bs-primary);
     font-size:  1.125rem;
     margin:  0 .938rem 0 0 }
 .profile-header .user-detail  {
     position:  absolute;
     left:  0;
     right:  0;
     top:  auto;
     bottom:  0 }
 .profile-header.profile-info .user-detail  {
     bottom:  1.25rem }
 .profile-feed-items li  {
     list-style:  none }
 .profile-feed-items li:last-child a  {
     margin:  0 }
 .profile-feed-items li a.nav-link  {
     text-decoration:  none;
     text-transform:  capitalize;
     color:  var(--bs-secondary);
     text-align:  center;
     padding:  1rem .625rem }
 .nav-pills.profile-feed-items li a.active  {
     color:  #fff;
     background:  var(--bs-primary) }
 .news-icon  {
     font-size:  1.125rem;
     margin-right:  1.25rem }
 .job-icon-position  {
     text-align:  center;
     margin:  -1.25rem auto 0 }
 .event-post .job-icon  {
     height:  2.5rem;
     width:  2.5rem;
     line-height:  1.5rem;
     text-align:  center;
     font-size:  1.125rem }
 ul.media-story li>img  {
     height:  3.75rem;
     width:  3.75rem;
     line-height:  3.75rem;
     text-align:  center;
     border:  2px solid rgba(0,  0,  0,  .1);
     padding:  .125em;
     border-radius:  50rem }
 ul.media-story li>i  {
     height:  3.75rem;
     width:  3.75rem;
     line-height:  3.438rem;
     text-align:  center;
     border:  2px solid var(--bs-border-color);
     padding:  .125em;
     border-radius:  50rem;
     font-size:  1.25rem }
 ul.media-story li.active img  {
     border-color:  var(--bs-primary) }
 .add-suggestion  {
     border:  1px solid var(--bs-primary);
     height:  2.5rem;
     width:  2.5rem;
     border-radius:  50rem;
     text-align:  center;
     line-height:  2.188rem;
     font-size:  1rem;
     color:  var(--bs-primary) }
 .suggestions-lists .btn  {
     display:  block }
 .feather-icon a  {
     color:  #6c757d;
     font-weight:  300 }
 .feather-icon a:hover  {
     color:  var(--bs-primary) }
 .message-icon a  {
     color:  #6c757d;
     font-weight:  300 }
 .message-icon a:hover  {
     color:  var(--bs-primary) }
 ul.post-comments  {
     list-style:  none }
 .comment-activity>a  {
     margin-right:  .625rem;
     text-transform:  capitalize;
     text-decoration:  none }
 form.comment-text  {
     position:  relative }
 form.comment-text input  {
     padding-right:  8.125rem }
 .comment-attagement  {
     position:  absolute;
     left:  auto;
     right:  0;
     font-size:  1.25rem;
     margin-right:  16px }
 .comment-attagement a  {
     color:  var(--bs-body-color) }
 #profile-activity .iq-timeline li  {
     margin-bottom:  .938rem }
 .about-info a  {
     color:  #7e8b9a }
 div#profile-profile a  {
     color:  #7e8b9a }
 .twit-date a  {
     color:  #7e8b9a }
 .friend-list-items.nav-pills .nav-link.active  {
     background-color:  transparent;
     color:  #000 }
 .friend-list-items.nav-pills .show>.nav-link  {
     background-color:  transparent;
     color:  #000 }
 .iq-friendlist-block  {
     border:  1px solid rgba(0,  0,  0,  .2) }
 .image-hover-data  {
     position:  absolute;
     left:  0;
     right:  0;
     top:  auto;
     bottom:  -3.75rem;
     padding:  .938rem;
     border-radius:  0 0 5px 5px;
     background:  rgba(0,  0,  0,  .5);
     transition:  all .45s ease-in-out }
 .user-images:hover .image-hover-data  {
     bottom:  0;
     transition:  all .45s ease-in-out }
 .user-images:hover a.image-edit-btn  {
     opacity:  1;
     transition:  all .45s ease-in-out }
 a.image-edit-btn  {
     position:  absolute;
     top:  .938rem;
     left:  auto;
     right:  .938rem;
     background:  #fff;
     height:  1.863rem;
     width:  1.863rem;
     text-align:  center;
     line-height:  1.563rem;
     border-radius:  .25rem;
     opacity:  0 }
 .event-images img  {
     border-radius:  5px 5px 0 0 }
 .iq-notify  {
     width:  1.563rem;
     height:  1.563rem;
     line-height:  2.2rem;
     text-align:  center }
 .files-lists.table td  {
     vertical-align:  middle }
 .inner-page-title  {
     padding:  1.5rem }
 .inner-page-bg img  {
     height:  150px }
 ul.request-list>li  {
     margin-bottom:  .938rem;
     padding-bottom:  .938rem;
     border-bottom:  1px solid rgba(0,  0,  0,  .1) }
 ul.request-list>li:last-child  {
     margin-bottom:  0;
     padding-bottom:  0;
     border:  none }
 .post-item img.profile-img  {
     border-radius:  100%;
     height:  28.125rem;
     width:  28.125rem }
 .user-post img.profile-img  {
     border-radius:  100%;
     height:  25rem;
     width:  25rem }
 .iq-card-post-toolbar .dropdown-toggle i  {
     font-size:  1.375rem;
     line-height:  normal;
     color:  #7e8b9a }
 .iq-card-post-toolbar .dropdown-toggle::after  {
     display:  none }
 .iq-card-post-toolbar .dropdown-menu a  {
     border-bottom:  1px solid rgba(0,  0,  0,  .1) }
 .total-comment-block .dropdown-toggle::after  {
     display:  none }
 .total-like-block .dropdown-toggle::after  {
     display:  none }
 .like-data .dropdown-toggle::after  {
     display:  none }
 .event-post .job-icon  {
     height:  2.5rem;
     width:  2.5rem;
     line-height:  1.5rem;
     text-align:  center;
     font-size:  1.125rem }
 .job-icon-position  {
     text-align:  center;
     margin:  -1.25rem auto 0 }
 .play-btn  {
     position:  absolute;
     left:  0;
     right:  0;
     top:  35%;
     background:  rgba(0,  0,  0,  .8);
     height:  2.188rem;
     width:  2.188rem;
     text-align:  center;
     line-height:  2.5rem;
     margin:  0 auto;
     color:  #fff;
     border-radius:  50rem;
     font-size:  1.563rem;
     opacity:  0;
     transition:  all .45s ease-in-out }
 .music-thumbnail:hover .play-btn  {
     opacity:  1;
     transition:  all .45s ease-in-out }
 .modal-open  {
     overflow:  scroll }
 .iq-profile-avatar  {
     position:  relative }
 .iq-profile-avatar:before  {
     content:  "";
     position:  absolute;
     border-radius:  100%;
     z-index:  1;
     border:  2px solid #fff;
     background-color:  #7e8b9a;
     height:  1rem;
     width:  1rem;
     right:  0;
     bottom:  -.188rem }
 .iq-profile-avatar.status-online:before  {
     background-color:  #2dcdb2 }
 .iq-profile-avatar.status-away:before  {
     background-color:  #ffba68 }
 .cover-container  {
     position:  relative }
 .image-offer-btn  {
     position:  absolute;
     top:  2rem;
     right:  2rem }
 .post-user-liked-list li  {
     display:  inline-block;
     margin-left:  -13px }
 .post-user-liked-list li:first-child  {
     margin-left:  0 }
 .post-user-liked-list li .userimg  {
     border:  2px solid var(--bs-border-color);
     height:  24px;
     width:  24px;
     object-fit:  cover }
 .profile-status-online  {
     position:  relative }
 .profile-status-online::before  {
     content:  "";
     height:  .375em;
     width:  .375em;
     background:  var(--bs-success);
     position:  absolute;
     top:  50%;
     transform:  translateY(-50%);
     right:  0;
     border-radius:  50%;
     margin-right:  -1rem }
 .profile-status-offline  {
     position:  relative }
 .profile-status-offline::before  {
     content:  "";
     height:  .375em;
     width:  .375em;
     background:  var(--bs-warning);
     position:  absolute;
     top:  50%;
     transform:  translateY(-50%);
     right:  0;
     border-radius:  50%;
     margin-right:  -1rem }
 .post-overlay-box  {
     position:  relative;
     overflow:  hidden }
 .post-overlay-box a[data-fslightbox=gallery]  {
     color:  var(--bs-white);
     height:  100%;
     width:  100%;
     display:  flex;
     align-items:  center;
     justify-content:  center;
     position:  absolute;
     top:  50%;
     left:  50%;
     z-index:  1;
     transform:  translate(-50%,  -50%) }
 .post-overlay-box::after  {
     content:  "";
     height:  100%;
     width:  100%;
     background-color:  var(--bs-dark);
     opacity:  .5;
     position:  absolute;
     top:  0;
     left:  0 }
 .header-cover-image  {
     height:  25rem }
 .comment-list .comment-list-block  {
     overflow-x:  hidden }
 .comment-list .comment-list-block .comment-list-user-comment  {
     margin-left:  4rem }
 .comment-list .comment-list-block .comment-list-comment  {
     display:  inline-block;
     background-color:  var(--bs-gray-100);
     padding:  .75rem 1rem;
     border-radius:  var(--bs-border-radius-lg) }
 .profile-page .main-content .content-inner  {
     padding:  0 }
 .header-cover-img  {
     height:  25rem }
 .profile-box  {
     margin-top:  -8rem;
     position:  relative }
 .profile-center  {
     margin-top:  -9rem }
 .profile-center .header-avatar  {
     margin-bottom:  2.188rem }
 .profile-center .header-avatar .chat-status  {
     font-size:  .8rem;
     padding:  0 1rem .297rem;
     position:  absolute;
     bottom:  -.5rem;
     left:  50%;
     transform:  translateX(-50%) }
 .profile-center .header-avatar .change-profile-image  {
     position:  absolute;
     left:  auto;
     right:  -.5rem;
     top:  -.8rem;
     height:  2rem;
     width:  2rem;
     line-height:  2.2rem }
 .user-meta li  {
     display:  block;
     text-align:  center;
     width:  33.33%;
     padding:  0 1em;
     position:  relative;
     font-size:  .875rem;
     font-weight:  500;
     letter-spacing:  1px }
 .user-meta li>.h5,  .user-meta li>h5  {
     margin-bottom:  .25em;
     font-weight:  600 }
 .user-meta li::after  {
     position:  absolute;
     content:  "";
     top:  50%;
     bottom:  0;
     left:  auto;
     right:  0;
     background:  var(--bs-border-color);
     height:  .875em;
     width:  .125em;
     transform:  translateY(-50%) }
 .user-meta li:last-child::after  {
     content:  none }
 .item-list-tabs button  {
     height:  100%;
     background-color:  var(--bs-gray-900);
     border:  none;
     outline:  0;
     box-shadow:  none }
 .item-list-tabs button:active,  .item-list-tabs button:focus,  .item-list-tabs button:focus-visible,  .item-list-tabs button:hover  {
     background-color:  var(--bs-gray-900);
     outline:  0;
     box-shadow:  none;
     border:  none }
 .item-list-tabs button i  {
     color:  var(--bs-gray-800) }
 .item-list-tabs .nav-pills.profile-feed-items li a  {
     position:  relative;
     color:  var(--bs-body-color);
     background:  0 0 }
 .item-list-tabs .nav-pills.profile-feed-items li a .icon  {
     background:  var(--bs-primary-bg-subtle);
     color:  var(--bs-primary);
     height:  2.2em;
     width:  2.2em }
 .item-list-tabs .nav-pills.profile-feed-items li a.active  {
     color:  var(--bs-primary) }
 .item-list-tabs .nav-pills.profile-feed-items li a.active .icon  {
     background:  var(--bs-primary);
     color:  var(--bs-white) }
 .item-list-tabs .profile-feed-items li  {
     display:  inline-block;
     text-align:  center;
     position:  relative }
 .item-list-tabs .profile-feed-items li::after  {
     position:  absolute;
     content:  "";
     top:  0;
     bottom:  0;
     left:  auto;
     right:  0;
     background:  var(--bs-border-color);
     height:  100%;
     width:  .0625em }
 .social-user-meta-list li  {
     position:  relative;
     flex-grow:  1;
     padding:  0 1em;
     width:  110px;
     min-width:  33.33% }
 .social-user-meta-list li::after  {
     content:  "";
     position:  absolute;
     top:  50%;
     right:  0;
     background:  var(--bs-border-color);
     height:  14px;
     width:  2px;
     transform:  translateY(-50%) }
 .social-user-meta-list li:last-child::after  {
     content:  none }
 @media (max-width:768px)  {
     .friends-header  {
     flex-direction:  column }
 } #invitations .invitation-header .nav-pills .nav-link::after,  #invitations .invitation-header .nav-pills .nav-link::before  {
     width:  52% }
 #invitations form label  {
     color:  var(--bs-heading-color) }
 .profile-settings-accordion .accordion-item  {
     padding:  0;
     border:  none }
 .profile-settings-accordion .accordion-item .accordion-button  {
     background-color:  var(--bs-primary);
     color:  var(--bs-white);
     display:  flex;
     justify-content:  space-between;
     align-items:  center;
     padding:  .75rem 1rem;
     font-size:  1rem }
 .profile-settings-accordion .accordion-item .accordion-button.show,  .profile-settings-accordion .accordion-item .accordion-button:active,  .profile-settings-accordion .accordion-item .accordion-button:focus,  .profile-settings-accordion .accordion-item .accordion-button:hover,  .profile-settings-accordion .accordion-item .accordion-button:not(.collapsed)  {
     background-color:  var(--bs-primary);
     color:  var(--bs-white) }
 .profile-settings-accordion .accordion-item .accordion-button i.ph-caret-down  {
     transition:  transform .3s ease }
 .profile-settings-accordion .accordion-item .accordion-button:not(.collapsed) i.ph-caret-down  {
     transform:  rotate(180deg) }
 .profile-settings-accordion ::after  {
     display:  none !important }
 @media (max-width:991.98px)  {
     .profile-forum-items  {
     width:  100% !important }
 .user-detail  {
     margin-bottom:  .938rem }
 .user-detail .d-flex  {
     display:  block !important;
     text-align:  center }
 .profile-img  {
     text-align:  center;
     padding-right:  0 !important }
 .profile-feed-items  {
     width:  100% }
 .user-list-files.d-flex.float-right  {
     display:  block !important;
     text-align:  center;
     margin-top:  1.875rem;
     width:  100% }
 ul.post-opt-block  {
     grid-auto-flow:  row }
 .profile-header .user-detail  {
     position:  relative;
     bottom:  0;
     margin-top:  -3.125rem }
 .profile-info.d-flex  {
     display:  block !important }
 .social-info  {
     margin-top:  1.25rem }
 .header-cover-img  {
     height:  18rem }
 .profile-center .header-avatar  {
     margin-bottom:  1.188em }
 .item-header-content .profile-left  {
     order:  3;
     text-align:  center }
 .item-header-content .profile-center  {
     order:  1 }
 .item-header-content .profile-right  {
     order:  2;
     margin:  2em 0;
     text-align:  center }
 } @media (max-width:767.98px)  {
     ul.friend-list-items  {
     display:  block !important;
     text-align:  center }
 .header-for-bg .title-on-header  {
     top:  30% }
 .header-for-bg .data-block  {
     padding:  .5rem }
 .header-for-bg .data-block .h2,  .header-for-bg .data-block h2  {
     font-size:  16px }
 .members-list  {
     border-bottom:  none !important }
 .header-cover-img  {
     height:  16rem }
 .profile-center  {
     margin-top:  -6rem }
 .user-meta li  {
     padding:  0 .3125rem }
 .item-list-tabs .profile-feed-items li  {
     padding:  0 }
 .comment-list .comment-list-block .comment-list-user-comment  {
     margin-left:  3.5rem }
 .social-user-meta-list li  {
     padding:  0 .5em }
 } @media (max-width:575.98px)  {
     ul.header-nav li  {
     height:  2.188rem;
     width:  2.188rem;
     line-height:  2.188rem;
     margin:  0 .625rem 0 0;
     font-size:  1rem }
 .iq-friendlist-block .d-flex  {
     display:  block !important;
     text-align:  center;
     margin:  .625rem }
 .post-item img.profile-img  {
     height:  18.75rem;
     width:  18.75rem }
 .user-post img.profile-img  {
     height:  18.75rem;
     width:  18.75rem }
 } .profile-pic  {
     max-width:  100%;
     display:  block;
     border-radius:  50%;
     -webkit-border-radius:  50% }
 .profile-img-edit  {
     position:  relative;
     display:  inline-block;
     height:  150px;
     width:  150px }
 .file-upload  {
     display:  none }
 .p-image  {
     position:  absolute;
     top:  auto;
     right:  8px;
     bottom:  10px;
     transition:  all .3s cubic-bezier(.175,  .885,  .32,  1.275);
     background:  var(--bs-primary);
     color:  #fff;
     border-radius:  50%;
     height:  30px;
     width:  30px;
     line-height:  28px;
     text-align:  center;
     font-size:  12px;
     cursor:  pointer }
 .upload-button  {
     font-size:  1.5em }
 .iq-edit-profile .nav-link  {
     padding:  20px 15px;
     border-radius:  0;
     color:  var(--iq-body-text);
     text-align:  center;
     font-size:  16px;
     border-left:  1px solid var(--iq-light-primary) }
 .iq-edit-profile.nav-pills .nav-link.active  {
     color:  #fff;
     background:  var(--bs-primary) }
 .iq-edit-profile.nav-pills .show>.nav-link  {
     color:  #fff;
     background:  var(--bs-primary) }
 ul.iq-edit-profile li:first-child a  {
     border-radius:  5px 0 0 5px;
     border-left:  none }
 ul.iq-edit-profile li:last-child a  {
     border-radius:  0 5px 5px 0 }
 .add-comment-form-block .add-comment-form  {
     position:  relative;
     width:  100% }
 .add-comment-form-block .add-comment-form .form-control  {
     height:  59px;
     padding:  .575rem 7.5rem .575rem .75rem }
 .add-comment-form-block .add-comment-form button  {
     position:  absolute;
     right:  1rem;
     top:  50%;
     transform:  translateY(-50%) }
 .card-header  {
     border-bottom:  unset }
 .card  {
     border-bottom:  unset }
 .profile-2 .content-page  {
     margin-top:  -4rem }
 .sub-image  {
     height:  200px;
     width:  200px }
 .social-item  {
     font-size:  11px;
     color:  #fff;
     padding:  7px 15px;
     display:  block;
     border-radius:  3px;
     margin-bottom:  15px;
     text-align:  center }
 .profile-image  {
     height:  150px;
     width:  150px }
 .item-img  {
     height:  30px;
     width:  30px }
 .grid-container>div  {
     font-size:  12px }
 .item1  {
     grid-row:  1/3 }
 .grid-container  {
     display:  grid;
     grid-template-columns:  auto auto auto auto;
     grid-gap:  4px }
 .grid-border-end  {
     border:  border-end }
 .grid-border-start  {
     border:  border-start }
 @media (max-width:991.98px)  {
     .profile-image  {
     text-align:  center;
     height:  80px;
     width:  80px }
 } @media (max-width:575.98px)  {
     .card-header-1  {
     display:  none }
 .card-header-3  {
     display:  none }
 .card-1  {
     display:  none }
 .text-margin  {
     margin-left:  7px }
 .card-text-1  {
     display:  none }
 .image-size  {
     height:  100px;
     width:  100px }
 .avatar-1  {
     height:  45px !important;
     width:  60px }
 } @media (min-width:768px)  {
     .card-header-2  {
     display:  none }
 .card-header-3  {
     display:  none }
 .card-2  {
     display:  none }
 .card-text-2  {
     display:  none }
 .img-size  {
     width:  100% }
 } @media (min-width:992px)  {
     .card-header-2  {
     display:  none }
 .card-header-3  {
     display:  none }
 .card-header-1  {
     display:  block }
 .card-2  {
     display:  none }
 .card-text-2  {
     display:  none }
 } .group-icon  {
     margin-top:  -4.375rem }
 .projects-media img  {
     height:  3.75rem }
 .iq-media-group .iq-media  {
     margin-left:  -1.25rem;
     position:  relative;
     z-index:  0;
     transition:  all .3s ease-in-out }
 .iq-media-group .iq-media:hover  {
     z-index:  9 }
 .iq-media-group .iq-media img  {
     border-right:  2px solid }
 .iq-media-group .iq-media:first-child  {
     margin-left:  0 }
 .iq-media-group .iq-media.border  {
     border-right:  2px solid }
 .iq-media  {
     display:  inline-flex;
     background-repeat:  no-repeat;
     background-position:  center center;
     background-size:  cover }
 .iq-media:hover  {
     text-decoration:  none }
 .media-pl  {
     text-align:  center }
 .iq-icons-list  {
     display:  inline-block }
 .iq-icons-list i  {
     text-align:  center;
     vertical-align:  middle;
     font-size:  1.125rem;
     width:  1.25rem;
     height:  1.25rem;
     line-height:  1.25rem;
     margin-right:  .625rem;
     display:  inline-block }
 .dropbtn .color-icon  {
     line-height:  2.5rem }
 body.right-sidebar-close .iq-footer  {
     width:  calc(100% - var(--sidebar-width)) }
 .sidebar-mini+.main-content+.iq-footer  {
     margin-left:  var(--sidebar-width) }
 .iq-footer  {
     padding:  .938rem;
     margin-left:  var(--sidebar-width);
     width:  calc(100% - (18.75rem + var(--sidebar-width)));
     background:  var(--bs-gray-900);
     transition:  all .3s ease-in-out }
 .iq-footer ul li a  {
     color:  #7e8b9a }
 .iq-footer ul li a:hover  {
     color:  var(--bs-primary);
     text-decoration:  none }
 .bg-banner-image.style-three  {
     height:  150px;
     background:  url(../images/bg-03.jpg) }
 .iq-mt--70  {
     margin-top:  -4.375rem }
 .banner-main-text  {
     position:  absolute;
     left:  15%;
     bottom:  13% }
 @media (max-width:1199.98px)  {
     .iq-footer  {
     padding:  .938rem .625rem;
     margin-left:  0;
     width:  100% }
 .sidebar-mini+.main-content+.iq-footer  {
     margin-left:  0 }
 body.right-sidebar-close .iq-footer  {
     padding:  .938rem .625rem;
     margin-left:  0;
     width:  100% }
 } @media (max-width:991.98px)  {
     .iq-footer .col-lg-6  {
     text-align:  center !important }
 .iq-footer .col-lg-6.d-flex.justify-content-end  {
     text-align:  center !important;
     justify-content:  center !important }
 } .iq-float-menu-item.dropbtn  {
     border:  none }
 .drop-one  {
     position:  relative;
     display:  inline-block }
 .dropdown-content  {
     display:  none;
     position:  absolute;
     background-color:  #f8f9fa;
     min-width:  auto;
     box-shadow:  0 8px 16px 0 rgba(0,  0,  0,  .2);
     z-index:  1;
     right:  -3px;
     top:  0 }
 .dropdown-content a  {
     color:  #000;
     padding:  12px 16px;
     text-decoration:  none;
     display:  block }
 .dropdown-content a:hover  {
     background-color:  #ddd }
 .dropbtn.iq-float-menu-item:hover .dropdown-content  {
     display:  block }
 .customizer-btn  {
     transform:  rotate(-45deg) }
 .badges-icon  {
     margin-top:  -3.438rem;
     margin-bottom:  1.25rem }
 .badge  {
     line-height:  1.3rem }
 .btn .badge  {
     vertical-align:  middle }
 .table-primary  {
     --bs-table-bg:  var(--bs-primary);
     --bs-table-border-color:  var(--bs-primary) }
 .table-secondary  {
     --bs-table-bg:  var(--bs-secondary);
     --bs-table-border-color:  var(--bs-secondary) }
 .table-success  {
     --bs-table-bg:  var(--bs-success);
     --bs-table-border-color:  var(--bs-success) }
 .table-info  {
     --bs-table-bg:  var(--bs-info);
     --bs-table-border-color:  var(--bs-info) }
 .table-warning  {
     --bs-table-bg:  var(--bs-warning);
     --bs-table-border-color:  var(--bs-warning) }
 .table-danger  {
     --bs-table-bg:  var(--bs-danger);
     --bs-table-border-color:  var(--bs-danger) }
 .table-light  {
     --bs-table-bg:  var(--bs-light);
     --bs-table-border-color:  var(--bs-light) }
 .table-dark  {
     --bs-table-bg:  var(--bs-dark);
     --bs-table-border-color:  var(--bs-dark) }
 .table-gray  {
     --bs-table-bg:  var(--bs-gray);
     --bs-table-border-color:  var(--bs-gray) }
 .table-gray-dark  {
     --bs-table-bg:  var(--bs-gray-dark);
     --bs-table-border-color:  var(--bs-gray-dark) }
 #exampleInputSearch  {
     width:  auto }
 .table-responsive  {
     display:  block;
     width:  100%;
     overflow-x:  auto }
 .table thead th  {
     text-transform:  uppercase;
     border:  0 }
 .table-forum  {
     overflow:  hidden }
 .table-forum thead  {
     white-space:  nowrap }
 .table-forum thead tr th  {
     padding:  1rem 1.5rem;
     border:  none;
     background-color:  var(--bs-primary);
     color:  var(--bs-white);
     text-transform:  capitalize;
     white-space:  nowrap;
     font-weight:  600 }
 .table-forum thead tr th:first-child  {
     border-left:  none }
 .table-forum thead tr th:last-child  {
     border-right:  none }
 .table-forum thead tr th:first-child  {
     border-top-left-radius:  .375rem }
 .table-forum thead tr th:last-child  {
     border-top-right-radius:  .375rem }
 .table-forum tbody tr td  {
     padding:  1rem 1.5rem;
     border:  none;
     vertical-align:  middle;
     white-space:  nowrap }
 .table-forum tbody tr td:first-child  {
     border-left:  none }
 .table-forum tbody tr td:last-child  {
     border-right:  none }
 .table-forum tbody tr td .iq-sub-label  {
     margin-bottom:  .125rem }
 .table-forum tbody tr td .avatar-group img  {
     margin-right:  -18px }
 .table-forum tbody tr:last-child th:first-child  {
     border-bottom-left-radius:  .375rem }
 .table-forum tbody tr:last-child td:last-child  {
     border-bottom-right-radius:  .375rem }
 .table.forum-table>:not(caption)>*>*  {
     padding:  1rem }
 .forum-table.table>:not(:first-child)  {
     border-top:  0 solid currentColor }
 td,  th,  tr  {
     text-wrap:  nowrap }
 .table-invoice th  {
     vertical-align:  top }
 .table-invoice td,  .table-invoice th,  .table-invoice tr  {
     text-wrap:  wrap }
 .table-primary  {
     border:  1px solid var(--bs-border-color);
     border-radius:  var(--bs-border-radius-lg);
     border-collapse:  separate;
     border-spacing:  0 }
 .table-primary table  {
     display:  table }
 .table-primary table th  {
     background-color:  var(--bs-primary);
     color:  var(--bs-white) }
 .table-primary table td,  .table-primary table th,  .table-primary table tr  {
     border:  0 }
 .table-primary table tbody .table-title  {
     color:  var(--lt-color-gray-900) }
 .table-primary table tbody tr  {
     border-bottom:  1px solid var(--bs-border-color) }
 .table-primary table tbody tr:last-child  {
     border-bottom:  none }
 @media (max-width:767.98px)  {
     #exampleInputSearch  {
     width:  100% }
 .user-list-files.d-flex  {
     display:  block !important;
     text-align:  center;
     margin-top:  1.875rem;
     width:  100% }
 } .chat-page img  {
     border-radius:  .25rem }
 .sidebar-chat .nav  {
     background:  var(--bs-body-bg) }
 .chat-sidebar-name  {
     width:  100% }
 .chat-sidebar-name span  {
     color:  #7e8b9a;
     font-size:  .75rem }
 .chat-msg-counter  {
     height:  .938rem;
     width:  .938rem;
     border-radius:  50rem;
     line-height:  1rem;
     margin:  0 auto;
     font-size:  .438rem }
 .chat-meta span  {
     font-size:  .5rem }
 span.avatar-status  {
     position:  absolute;
     bottom:  -.5rem;
     top:  auto;
     left:  auto;
     right:  -.1rem }
 .iq-chat-ui li a  {
     text-decoration:  none;
     display:  block;
     padding:  .938rem 0;
     transition:  all .3s ease }
 .iq-chat-ui li a div .h6,  .iq-chat-ui li a div h6,  .iq-chat-ui li a div span  {
     transition:  all .3s ease;
     line-height:  normal;
     font-size:  14px }
 .iq-chat-ui li a div p  {
     transition:  all .3s ease;
     line-height:  normal;
     font-size:  14px }
 .iq-chat-ui li a .dropdown .dropdown-menu-end .dropdown-item  {
     background-color:  transparent;
     color:  var(--bs-gray-600);
     transition:  all .3s ease }
 .iq-chat-ui li a .dropdown .dropdown-menu-end .dropdown-item svg  {
     fill:  var(--bs-gray-600) }
 .iq-chat-ui li a .dropdown .dropdown-menu-end .dropdown-item:hover  {
     background-color:  transparent !important;
     color:  var(--bs-gray-600);
     transition:  all .3s ease;
     transform:  unset }
 .iq-chat-ui li a .dropdown .dropdown-toggle::after  {
     color:  var(--bs-gray-900) }
 .iq-chat-ui li a:hover  {
     border-color:  transparent;
     background:  var(--bs-primary) !important;
     color:  var(--bs-gray-900);
     transform:  scale(1.02) }
 .iq-chat-ui li a:hover div .h6,  .iq-chat-ui li a:hover div h6,  .iq-chat-ui li a:hover div span  {
     color:  var(--bs-gray-900) !important }
 .iq-chat-ui li a:hover div p  {
     color:  var(--bs-gray-900) !important }
 .iq-chat-ui li a.active  {
     border-color:  transparent;
     background:  var(--bs-primary) !important;
     color:  var(--bs-gray-900);
     transform:  scale(1.02) }
 .iq-chat-ui li a.active div .h6,  .iq-chat-ui li a.active div h6,  .iq-chat-ui li a.active div span  {
     color:  var(--bs-gray-900) !important }
 .iq-chat-ui li a.active div p  {
     color:  var(--bs-gray-900) !important }
 .iq-chat-ui li:last-child a  {
     border:  none }
 .iq-chat-ui li:nth-child(2) a  {
     border:  none }
 .iq-chat-ui li:nth-child(6) a  {
     border:  none }
 .chat-sidebar-channel  {
     overflow-y:  auto;
     height:  calc(100% - 180px);
     margin-bottom:  0 }
 .chat-sidebar-channel .avatar  {
     position:  relative }
 .chat-sidebar-channel .h5,  .chat-sidebar-channel h5  {
     border-bottom:  1px solid #dee2e6;
     padding-bottom:  .625rem;
     padding-left:  .5rem }
 .chat-sidebar-channel .nav  {
     padding:  0 }
 .filter-box  {
     background-color:  var(--bs-gray-900);
     margin:  0 }
 .filter-box .btn-group .btn  {
     color:  var(--bs-body-color);
     background-color:  transparent;
     border:  none;
     transition:  background-color .3s ease,  color .3s ease }
 .filter-box .btn-group .btn.active,  .filter-box .btn-group .btn:focus,  .filter-box .btn-group .btn:hover  {
     background-color:  var(--bs-primary);
     color:  var(--bs-gray-900) }
 .chat-data  {
     max-width:  100%;
     width:  100%;
     margin-left:  30rem }
 .chat-data .tab-content  {
     position:  relative }
 @media (max-width:991px)  {
     .chat-data  {
     margin-left:  0 }
 } .chat-header-icons .dropdown-toggle:empty::after  {
     display:  none }
 .chat-header-icons>a  {
     width:  2.5rem;
     height:  2.5rem;
     font-size:  1.25rem;
     margin:  0 .313rem 0 0;
     color:  var(--bs-primary);
     display:  inline-block;
     text-align:  center;
     line-height:  2.5rem;
     border-radius:  .25rem;
     cursor:  pointer }
 .chat-header-icons>span  {
     width:  2.5rem;
     height:  2.5rem;
     font-size:  20px;
     margin:  0 .313rem 0 0;
     color:  var(--bs-primary);
     display:  inline-block;
     text-align:  center;
     line-height:  2.5rem;
     border-radius:  .25rem;
     cursor:  pointer }
 .chat-header-icons>span .dropdown-item  {
     line-height:  26px }
 .chat-content  {
     position:  relative;
     height:  calc(100% - 60px);
     text-align:  center;
     padding:  1.4rem;
     overflow-y:  auto;
     overflow-x:  hidden;
     display:  flex;
     flex-direction:  column }
 .chat-left .chat-message  {
     text-align:  left;
     padding-right:  60px;
     margin:  0 .3rem 1.8rem 1.3rem;
     color:  #7e8b9a;
     background-color:  #fff }
 .chat-left .chat-message p  {
     line-height:  1.5em }
 .chat-left .chat-body .chat-message .chat-time  {
     color:  var(--bs-gray-800) !important }
 .chat-left .chat-body .chat-message p  {
     margin-bottom:  0 }
 .chat-user  {
     text-align:  center }
 .chat-user span.chat-time  {
     display:  block;
     font-size:  12px;
     font-weight:  500 }
 .chat-left .chat-detail  {
     display:  flex;
     justify-content:  flex-end }
 .chat-left .chat-detail .chat-message  {
     padding-right:  60px }
 .chat-left .chat-detail .chat-message p  {
     line-height:  1.5em }
 .chat-left .chat-detail .chat-message .chat-time  {
     position:  absolute;
     bottom:  3px;
     right:  10px;
     color:  #7e8b9a;
     font-size:  12px;
     white-space:  nowrap }
 .other-user .chat-detail  {
     display:  flex;
     justify-content:  flex-end }
 .other-user .chat-detail .chat-message  {
     padding-right:  60px }
 .other-user .chat-detail .chat-message p  {
     line-height:  1.5em }
 .other-user .chat-detail .chat-message .chat-time  {
     position:  absolute;
     bottom:  3px;
     right:  10px;
     color:  var(--bs-gray-900);
     font-size:  12px;
     white-space:  nowrap }
 .chat-message  {
     position:  relative;
     text-align:  right;
     padding:  .75rem 1rem;
     margin:  0 1.33rem 1.33rem .3rem;
     clear:  both;
     word-break:  break-word;
     color:  #fff;
     background:  var(--bs-primary);
     border-radius:  .938rem }
 .chat-message>p  {
     margin:  0 }
 .chat-left  {
     display:  flex;
     justify-content:  flex-start }
 .chat-left .chat-message::after  {
     right:  auto;
     left:  -.438rem;
     border-width:  .313rem .438rem .313rem 0;
     border-color:  transparent #fff transparent transparent }
 .other-user  {
     flex-direction:  row-reverse;
     text-align:  right }
 .avatar  {
     position:  relative }
 .chat-start  {
     display:  flex;
     justify-content:  center;
     align-items:  center;
     height:  100%;
     flex-direction:  column }
 span.iq-start-icon  {
     font-size:  3.438rem;
     background:  #fff;
     width:  100px;
     text-align:  center;
     border-radius:  50rem }
 .chat-attagement  {
     font-size:  1.25rem }
 .chat-attagement a  {
     color:  #7e8b9a }
 .chat-searchbar  {
     position:  relative;
     background-color:  var(--bs-gray-900) }
 .chat-searchbar .edit-btn  {
     background-color:  var(--bs-body-bg);
     color:  var(--bs-primary);
     transition:  all .1s linear }
 .chat-searchbar .edit-btn:hover  {
     background-color:  var(--bs-primary);
     color:  var(--bs-gray-900) }
 .chat-user-detail-popup  {
     position:  absolute;
     top:  0;
     width:  360px;
     background:  #fff;
     right:  auto;
     overflow:  hidden;
     left:  auto;
     z-index:  9;
     height:  100%;
     opacity:  0;
     display:  none;
     transform:  translateX(110%);
     -webkit-transform:  translateX(110%);
     transition:  all .45s ease-in-out;
     border-radius:  .25rem;
     visibility:  hidden }
 .chat-user-detail-popup.show  {
     opacity:  1;
     display:  block;
     visibility:  visible;
     transform:  translateX(0);
     -webkit-transform:  translateX(0);
     transition:  all .45s ease-in-out }
 .chatuser-detail  {
     padding:  0 2.188rem }
 .chatuser-detail .title  {
     font-weight:  500 }
 .user-profile button.close-popup  {
     display:  block;
     font-size:  1.5rem }
 ul.user-status  {
     list-style:  none }
 #user-detail-popup  {
     position:  absolute;
     top:  0;
     width:  310px;
     background:  #fff;
     right:  auto;
     overflow:  hidden;
     left:  0;
     z-index:  9;
     height:  100%;
     opacity:  0;
     transform:  translateX(-90%);
     -webkit-transform:  translateX(-90%);
     transition:  all .45s ease-in-out;
     border-radius:  .25rem;
     visibility:  hidden }
 #user-detail-popup .user-profile button.close-popup  {
     text-align:  right;
     width:  100% }
 #user-detail-popup.show  {
     opacity:  1;
     visibility:  visible;
     transform:  translateX(0);
     -webkit-transform:  translateX(0);
     transition:  all .45s ease-in-out }
 button.close-btn-res  {
     display:  none }
 .chat-head div.sidebar-toggle  {
     display:  none }
 .chat-start span.iq-start-icon  {
     text-align:  center }
 .chat-header-icons span.dropdown  {
     text-align:  center }
 .messanger-box::before  {
     content:  "";
     position:  absolute;
     border-radius:  100%;
     z-index:  1;
     border:  2px solid var(--bs-gray-900);
     background-color:  var(--bs-success);
     height:  .75rem;
     width:  .75rem;
     right:  0;
     bottom:  -.188rem }
 .custom-ellipsis  {
     overflow:  hidden;
     text-overflow:  ellipsis;
     white-space:  nowrap }
 .chat-data-left  {
     position:  absolute;
     left:  0;
     max-width:  30rem;
     top:  0;
     height:  100%;
     display:  flex;
     flex-direction:  column;
     z-index:  10 }
 .chat-data-left .toggle-arrow  {
     right:  8px;
     top:  8px;
     z-index:  10;
     background-color:  var(--bs-primary);
     padding:  5px;
     border-radius:  30px;
     display:  none }
 @media (max-width:991px)  {
     .chat-data-left  {
     left:  -100%;
     display:  inline }
 } @media (max-width:575px)  {
     .chat-data-left  {
     width:  100%;
     max-width:  100% }
 } @media (max-width:991.98px)  {
     .chat-data-left  {
     transform:  translateX(-100%);
     opacity:  0;
     position:  absolute;
     left:  0;
     top:  0;
     z-index:  9;
     background:  #fff;
     transform:  translateX(-100%);
     opacity:  0;
     transition:  all .45s ease-in-out;
     overflow-y:  scroll;
     height:  100% }
 .chat-data-left.show  {
     transform:  translateX(0);
     opacity:  1 }
 .chat-data-left .toggle-arrow  {
     display:  inline-block }
 .chat-sidebar-channel  {
     overflow:  auto;
     height:  auto;
     padding-left:  0 !important }
 .chat-data-left.show  {
     transform:  translateX(0);
     opacity:  1;
     transition:  all .45s ease-in-out }
 button.close-btn-res  {
     display:  block;
     background:  0 0;
     border:  none;
     font-size:  1.25rem;
     font-weight:  600;
     position:  absolute;
     top:  .625rem;
     left:  auto;
     right:  0 }
 .chat-head header  {
     padding-left:  .938rem }
 .chat-head div.sidebar-toggle  {
     display:  block }
 .chat-head .sidebar-toggle  {
     background:  rgba(var(--bs-primary-rgb),  .2);
     padding:  .938rem .5rem;
     margin-right:  .938rem;
     border-radius:  .25rem;
     height:  2.5rem;
     width:  2.5rem;
     line-height:  .625rem;
     text-align:  center;
     color:  var(--bs-primary) }
 #chat-user-detail-popup  {
     overflow-y:  scroll;
     padding-bottom:  1.25rem }
 #user-detail-popup  {
     overflow:  scroll }
 } @media (max-width:575.98px)  {
     .chat-header-icons>a  {
     width:  2rem;
     height:  2rem }
 .chat-header-icons>a i  {
     font-size:  1.25rem }
 .chat-header-icons>span  {
     width:  2rem;
     height:  2rem }
 .chat-header-icons>span svg  {
     height:  1.25rem;
     width:  1.25rem }
 } .zoom-in  {
     position:  static;
     cursor:  pointer;
     transition:  all .3s ease-in-out !important }
 .zoom-in:hover  {
     transform:  scale(1.05);
     position:  relative;
     z-index:  1;
     box-shadow:  1rem 1rem 2.5rem 0 rgba(0,  0,  0,  .05) }
 .iq-userlist-data .dropdown-user  {
     opacity:  0 }
 .chat-footer  {
     position:  relative;
     height:  auto;
     z-index:  1;
     margin-top:  auto;
     background-color:  var(--bs-white) }
 .chat-data .tab-pane.active  {
     display:  flex;
     flex-direction:  column;
     justify-content:  space-between;
     height:  100vh }
 @media (max-width:991.98px)  {
     .chat-sidebar-channel  {
     overflow:  auto;
     height:  auto;
     padding-left:  0 !important }
 .chat-data-left.show  {
     transform:  translateX(0);
     opacity:  1;
     transition:  all .45s ease-in-out }
 button.close-btn-res  {
     display:  block;
     background:  0 0;
     border:  none;
     font-size:  1.25rem;
     font-weight:  600;
     position:  absolute;
     top:  .625rem;
     left:  auto;
     right:  0 }
 .chat-head header  {
     padding-left:  .938rem }
 .chat-head div.sidebar-toggle  {
     display:  block }
 .chat-head .sidebar-toggle  {
     background:  rgba(var(--bs-primary-rgb),  .2);
     padding:  .938rem .5rem;
     margin-right:  .938rem;
     border-radius:  .25rem;
     height:  2.5rem;
     width:  2.5rem;
     line-height:  .625rem;
     text-align:  center;
     color:  var(--bs-primary) }
 #chat-user-detail-popup  {
     overflow-y:  scroll;
     padding-bottom:  1.25rem }
 #user-detail-popup  {
     overflow:  scroll }
 } @media (max-width:575.98px)  {
     .chat-header-icons>a  {
     width:  2rem;
     height:  2rem }
 .chat-header-icons>a i  {
     font-size:  1.25rem }
 .chat-header-icons>span  {
     width:  2rem;
     height:  2rem }
 .chat-header-icons>span svg  {
     height:  1.25rem;
     width:  1.25rem }
 } .zoom-in  {
     position:  static;
     cursor:  pointer;
     transition:  all .3s ease-in-out !important }
 .zoom-in:hover  {
     transform:  scale(1.05);
     position:  relative;
     z-index:  1;
     box-shadow:  1rem 1rem 2.5rem 0 rgba(0,  0,  0,  .05) }
 .iq-userlist-data .dropdown-user  {
     opacity:  0 }
 .iq-chat-theme .sidebar .data-scrollbar  {
     max-height:  70vh }
 .iq-current-user.iq-message-body,  .iq-other-user.iq-message-body  {
     display:  flex;
     gap:  1rem;
     visibility:  visible;
     align-items:  flex-start }
 .iq-current-user.iq-message-body .iq-chat-text,  .iq-other-user.iq-message-body .iq-chat-text  {
     flex:  1 }
 .iq-current-user.iq-message-body .dropdown-toggle::after,  .iq-other-user.iq-message-body .dropdown-toggle::after  {
     content:  none }
 .iq-current-user+.iq-current-user .iq-chating,  .iq-other-user+.iq-other-user .iq-chating  {
     display:  none }
 .iq-current-user+.iq-current-user .chat-profile,  .iq-other-user+.iq-other-user .chat-profile  {
     visibility:  hidden }
 .iq-chating-content  {
     max-width:  80%;
     padding:  .625rem 3.4rem .625rem 1rem;
     background-color:  var(--bs-gray-900) }
 .iq-chating-content.iq-image  {
     padding:  1rem }
 .iq-chating-content.iq-image .iq-group-image  {
     grid-template-columns:  repeat(2,  minmax(100px,  1fr)) }
 .iq-chating-content .iq-single-image  {
     max-width:  100%;
     width:  30rem }
 .iq-chating-content .iq-chating  {
     right:  .6rem;
     bottom:  .2rem }
 .iq-other-user .iq-chating-content  {
     border-radius:  .5rem }
 .iq-current-user  {
     flex-direction:  row-reverse;
     text-align:  right }
 .iq-current-user .text-direction  {
     flex-direction:  row-reverse }
 .iq-current-user .iq-chating-content  {
     border-radius:  .5rem;
     background-color:  #2A2B78;
     color:  var(--bs-gray-900) }
 .iq-chat-text .more,  .iq-chat-text .reply  {
     opacity:  0 }
 .iq-chat-text:hover .more,  .iq-chat-text:hover .reply  {
     opacity:  1 }
 .iq-chat-theme .chat-head header  {
     background-color:  var(--bs-gray-900) }
 .iq-profile-badge  {
     position:  absolute;
     bottom:  -2px;
     right:  0;
     width:  .75rem;
     height:  .75rem;
     border-radius:  50%;
     border:  2px solid var(--bs-gray-900) }
 .chat-day-title  {
     z-index:  10;
     display:  flex;
     align-items:  center;
     justify-content:  center;
     font-size:  14px }
 .chat-day-title>.main-title  {
     text-align:  center;
     min-width:  7.5rem;
     max-width:  7.5rem;
     margin:  auto;
     padding:  .25rem .5rem;
     background:  var(--bs-gray-900);
     border-radius:  50rem;
     border:  1px solid var(--bs-border-color) }
 .chat-body  {
     height:  100%;
     min-height:  calc(100vh - 9.7rem);
     max-height:  calc(100vh - 9.7rem);
     overflow-y:  scroll;
     object-fit:  cover;
     display:  flex;
     flex-direction:  column;
     gap:  1rem }
 .sidebar.sidebar-chat.sidebar-base+.main-content  {
     margin-left:  29.375rem }
 @media (max-width:1199.98px)  {
     .sidebar.sidebar-chat.sidebar-base+.main-content  {
     margin-left:  0 }
 } .sidebar.sidebar-chat.sidebar-base  {
     position:  fixed;
     top:  0;
     max-width:  29.375rem;
     background:  var(--bs-body-bg) }
 .sidebar.sidebar-chat.sidebar-base .chat-tabs-actions .nav-item .nav-link.active  {
     background-color:  var(--bs-primary);
     color:  var(--bs-white) }
 .sidebar.sidebar-chat.sidebar-base .chat-tabs-actions .nav-item .nav-link.active:hover  {
     color:  var(--bs-white) }
 .sidebar.sidebar-chat.sidebar-base .chat-tabs-actions .nav-item .nav-link:hover  {
     color:  var(--bs-primary) }
 .sidebar.sidebar-chat.sidebar-base .navbar-nav .nav-item .nav-link  {
     background-color:  var(--bs-gray-900);
     text-transform:  unset }
 .sidebar.sidebar-chat.sidebar-base .navbar-nav .nav-item .nav-link:not(.disabled).active,  .sidebar.sidebar-chat.sidebar-base .navbar-nav .nav-item .nav-link:not(.disabled):hover,  .sidebar.sidebar-chat.sidebar-base .navbar-nav .nav-item .nav-link:not(.disabled)[aria-expanded=true]  {
     background-color:  var(--bs-primary);
     color:  var(--bs-white) }
 .sidebar.sidebar-chat.sidebar-base .navbar-nav .nav-item .nav-link:not(.disabled):hover .iq-userlist-data .dropdown-user  {
     opacity:  1 }
 .sidebar.sidebar-chat.sidebar-base .navbar-nav .nav-item .nav-link.active  {
     color:  var(--bs-white) }
 .sidebar.sidebar-chat.sidebar-base .navbar-nav .nav-item .nav-link.active .iq-userlist-data .iq-userlist-name  {
     color:  var(--bs-white) }
 .sidebar.sidebar-chat.sidebar-base .navbar-nav .nav-item .nav-link:hover  {
     color:  var(--bs-primary) }
 .sidebar.sidebar-chat.sidebar-base .navbar-nav .nav-item .nav-link:hover .iq-userlist-data .iq-userlist-name  {
     color:  var(--bs-white) }
 .sidebar.sidebar-chat.sidebar-base .navbar-nav .nav-item.iq-chat-list .iq-userlist-data .iq-userlist-name  {
     transition:  all .3s ease-in-out;
     font-weight:  500 }
 .sidebar.sidebar-chat.sidebar-base .badge  {
     line-height:  1rem }
 .sidebar.sidebar-chat.sidebar-base .sidebar-toggle  {
     position:  absolute;
     right:  20px;
     top:  16px;
     cursor:  pointer;
     background:  var(--bs-primary);
     color:  #fff;
     padding:  .2rem;
     border-radius:  .313em }
 .sidebar.sidebar-chat.sidebar-base #chat-search  {
     padding-left:  1rem;
     padding-right:  2rem }
 .sidebar.sidebar-chat.sidebar-base #chat-search .form-group.chat-search-data>i  {
     position:  absolute;
     right:  .938rem;
     top:  50%;
     transform:  translateY(-50%);
     color:  var(--bs-body-color) }
 .iq-chat-tab  {
     margin-top:  1.25rem;
     display:  grid;
     grid-template-columns:  repeat(4,  minmax(0,  1fr));
     gap:  .5rem }
 .iq-chat-tab .nav-link  {
     color:  unset;
     padding:  unset }
 .iq-chat-tab .nav-link.active,  .iq-chat-tab .nav-link:hover  {
     color:  var(--bs-primary);
     background:  unset;
     border:  unset }
 .nav.nav-chat  {
     background:  #fff }
 .nav.nav-chat .search-input.input-group .input-group-text  {
     padding-left:  .75rem;
     border-left:  .75rem }
 .nav.nav-chat .search-input.input-group .form-control  {
     border-right:  1px solid var(--bs-gray-400) }
 .nav.nav-chat .search-input.input-group .form-control:focus  {
     border-color:  var(--bs-border-color) }
 .nav.nav-chat .search-input.input-group:focus-within .form-control,  .nav.nav-chat .search-input.input-group:focus-within .input-group-text  {
     border-color:  var(--bs-primary) }
 .iq-todo-page .search-link  {
     position:  absolute;
     top:  50%;
     left:  .625rem;
     font-size:  1.125rem;
     line-height:  0;
     transform:  translateY(-50%);
     color:  var(--bs-heading-color) }
 .iq-todo-page .todo-search  {
     padding-left:  2.188rem }
 .iq-todo-page ul  {
     list-style:  none }
 .iq-todo-page ul li a  {
     color:  var(--bs-heading-color);
     text-decoration:  none }
 .iq-todo-page ul ul li a  {
     padding-left:  1.563rem;
     margin-bottom:  .5rem }
 .iq-todo-page ul>li>a  {
     padding:  .625rem .938rem;
     display:  block;
     border-radius:  .25rem }
 .iq-todo-page ul>li li:hover a  {
     color:  var(--bs-primary);
     background:  rgba(var(--bs-primary-rgb),  .2) }
 .iq-todo-page ul>li li.active a  {
     color:  var(--bs-primary);
     background:  rgba(var(--bs-primary-rgb),  .2) }
 .iq-todo-page ul>li[aria-expanded=true]>a  {
     color:  var(--bs-primary);
     background:  rgba(var(--bs-primary-rgb),  .2) }
 .iq-todo-right .search-link  {
     position:  absolute;
     top:  50%;
     left:  .625rem;
     transform:  translateY(-50%);
     font-size:  1.125rem;
     line-height:  0;
     color:  var(--bs-body-color) }
 .iq-todo-right .todo-search  {
     padding-left:  2.188rem }
 .add-new-project>a  {
     padding:  0 .938rem;
     color:  var(--bs-heading-color);
     text-transform:  capitalize;
     text-decoration:  none }
 .notification-icon>span  {
     height:  13px;
     width:  13px;
     border-radius:  50rem;
     line-height:  .938rem;
     font-size:  .5rem;
     text-align:  center;
     position:  absolute;
     top:  -.313rem;
     left:  auto;
     right:  -.5rem }
 .todo-date  {
     font-size:  1rem }
 ul.todo-task-lists li:hover  {
     background:  rgba(var(--bs-primary-rgb),  .2);
     transition:  all .3s ease-in-out }
 ul.todo-task-lists li.active-task  {
     background:  rgba(var(--bs-primary-rgb),  .2) }
 .media-support-info p  {
     line-height:  normal }
 .todo-task-list .sub-task  {
     display:  none }
 .todo-task-list .sub-task.show  {
     display:  block }
 .group-smile .iq-media-group .iq-media img  {
     background:  var(--bs-gray-900) }
 .blog-grid .blog-description  {
     background:  var(--bs-gray-900);
     border-radius:  .25rem }
 .blog-grid.blog-single .blog-description  {
     bottom:  .938rem;
     left:  0;
     right:  0;
     margin:  0 .938rem;
     z-index:  9;
     position:  absolute }
 .blog-list.list-even .blog-description  {
     text-align:  right }
 .blog-list.list-even .blog-description .blog-link  {
     justify-content:  end }
 .blog-card img  {
     height:  300px;
     object-fit:  cover;
     object-position:  center }
 .blog-card .author-box .btn-comments  {
     font-size:  .9rem }
 .blog-card .author-box .btn-comments.active i  {
     color:  var(--bs-primary) }
 .blog-card .author-box .btn-likes  {
     font-size:  .9rem }
 .blog-card .author-box .btn-likes.active i  {
     color:  var(--bs-primary) }
 .blog-post .list-unstyled li img  {
     width:  4.5rem;
     height:  4.5rem }
 @media (max-width:991.98px)  {
     .blog-list .blog-description  {
     position:  relative;
     left:  0;
     padding:  1.875rem !important;
     background:  var(--bs-gray-900);
     border-radius:  .25rem;
     z-index:  9 }
 } @media (max-width:767.98px)  {
     .blog-list.list-even .blog-description  {
     right:  0 }
 } .product .offer  {
     height:  3.125rem;
     width:  3.125rem;
     line-height:  3.125rem;
     border-radius:  50rem;
     font-size:  .875rem;
     font-weight:  700;
     text-align:  center;
     color:  #000;
     background:  #fff;
     position:  absolute;
     top:  .625rem;
     left:  .625rem }
 .product p.categry  {
     padding-left:  16px }
 .product p.categry:before  {
     content:  "";
     height:  .5rem;
     width:  .5rem;
     background:  #fff;
     border:  2px solid var(--bs-primary);
     position:  absolute;
     left:  0;
     top:  .5625rem;
     border-radius:  50rem }
 .product .price  {
     position:  absolute;
     right:  -.5rem;
     bottom:  .938rem;
     padding:  .125rem .625rem;
     display:  inline-block;
     color:  #fff;
     background:  var(--bs-primary) }
 .product .price:before  {
     content:  "";
     width:  0;
     height:  0;
     border-style:  solid;
     border-width:  8px 0 0 8px;
     border-color:  transparent transparent transparent var(--bs-primary);
     position:  absolute;
     left:  auto;
     right:  0;
     top:  -.5rem;
     margin:  0 auto }
 .product .price:after  {
     content:  "";
     width:  0;
     height:  0;
     border-style:  solid;
     border-width:  0 0 8px 8px;
     border-color:  transparent transparent transparent var(--bs-primary);
     position:  absolute;
     left:  auto;
     right:  0;
     bottom:  -.5rem;
     margin:  0 auto }
 .product .regular-price  {
     text-decoration:  line-through;
     font-size:  .875rem }
 #quantity  {
     display:  inline-block;
     width:  1.875rem;
     height:  1.75rem;
     border:  1px solid #f1f1f1;
     text-align:  center }
 button.qty-btn  {
     border:  1px solid #f1f1f1;
     background:  #fff;
     height:  1.75rem;
     width:  1.875rem;
     vertical-align:  top }
 .form-add-btn  {
     margin-bottom:  1.25rem }
 .product-size  {
     width:  2.375rem;
     height:  2.375rem;
     line-height:  2.375rem;
     text-align:  center;
     font-weight:  600;
     border-radius:  50%;
     background-color:  var(--bs-light-bg-subtle);
     color:  var(--bs-body-color);
     margin-right:  .625rem;
     border:  1px solid transparent }
 .product-size.active,  .product-size:hover  {
     border-color:  var(--bs-primary) }
 .product-color  {
     width:  2rem;
     height:  2rem;
     line-height:  2rem;
     text-align:  center;
     border:  .4375rem solid var(--bs-white);
     border-radius:  50%;
     display:  block }
 .iq-qty-btn .input-display  {
     width:  2.5rem;
     cursor:  text;
     color:  var(--bs-body-color) }
 .store-detail-table td,  .store-detail-table th,  .store-detail-table tr  {
     padding-bottom:  1.5rem }
 .product .product-description a  {
     color:  var(--bs-heading-color);
     font-weight:  500;
     font-size:  1rem }
 .cart-card-block  {
     display:  none }
 .cart-card-block.show  {
     display:  block }
 .checkout-product-img  {
     vertical-align:  middle;
     max-height:  6.25rem;
     max-width:  5rem;
     display:  inline-block }
 .iq-checkout-policy ul li  {
     border-bottom:  1px solid var(--bs-gray-300) }
 .iq-checkout-policy ul li:last-child  {
     border:  none }
 .iq-checkout-policy .iq-checkout-icon  {
     height:  3.75rem;
     width:  3.75rem;
     line-height:  3.75rem;
     font-size:  1.25rem;
     text-align:  center }
 li.checkout-product  {
     margin-bottom:  1.25rem;
     border-bottom:  1px solid var(--bs-gray-300);
     padding-bottom:  1.563rem }
 li.checkout-product:last-child  {
     margin-bottom:  .313rem;
     border-bottom:  none;
     padding-bottom:  0 }
 .form-add-btn  {
     margin-bottom:  1.25rem }
 .quantity  {
     display:  inline-block }
 .quantity .input-text.qty  {
     width:  30px;
     height:  30px;
     padding:  0 .313rem;
     margin-right:  .125rem;
     text-align:  center;
     background-color:  transparent;
     border:  1px solid var(--bs-gray-300) }
 .quantity input::-webkit-outer-spin-button  {
     -webkit-appearance:  none;
     -moz-appearance:  none;
     margin:  0 }
 .quantity input::-webkit-inner-spin-button  {
     -webkit-appearance:  none;
     -moz-appearance:  none;
     margin:  0 }
 .quantity.buttons_added  {
     text-align:  left;
     position:  relative;
     white-space:  nowrap;
     vertical-align:  top }
 .quantity.buttons_added input  {
     display:  inline-block;
     vertical-align:  top;
     box-shadow:  none }
 .quantity.buttons_added .minus  {
     height:  30px;
     width:  30px;
     background-color:  var(--bs-gray-900);
     border:  1px solid var(--bs-gray-300);
     cursor:  pointer }
 .quantity.buttons_added .minus:hover  {
     background:  var(--bs-gray-300) }
 .quantity.buttons_added .minus:focus  {
     outline:  0 }
 .quantity.buttons_added .plus  {
     height:  30px;
     width:  30px;
     background-color:  var(--bs-gray-900);
     border:  1px solid var(--bs-gray-300);
     cursor:  pointer }
 .quantity.buttons_added .plus:hover  {
     background:  var(--bs-gray-300) }
 .quantity.buttons_added .plus:focus  {
     outline:  0 }
 .product-vertical-slider  {
     padding-right:  2rem;
     color:  var(--bs-white) }
 .product-vertical-slider .swiper-container  {
     width:  100%;
     height:  100% }
 .product-vertical-slider .slider__flex  {
     display:  flex;
     align-items:  flex-start }
 .product-vertical-slider .slider__col  {
     display:  flex;
     flex-direction:  column;
     width:  150px;
     margin-right:  1.5rem }
 .product-vertical-slider .slider__prev  {
     cursor:  pointer;
     text-align:  center;
     font-size:  1rem;
     height:  3rem;
     display:  flex;
     align-items:  center;
     justify-content:  center;
     user-select:  none }
 .product-vertical-slider .slider__prev:focus  {
     outline:  0 }
 .product-vertical-slider .slider__next  {
     cursor:  pointer;
     text-align:  center;
     font-size:  1rem;
     height:  3rem;
     display:  flex;
     align-items:  center;
     justify-content:  center;
     user-select:  none }
 .product-vertical-slider .slider__next:focus  {
     outline:  0 }
 .product-vertical-slider .slider__thumbs  {
     height:  474px }
 .product-vertical-slider .slider__thumbs .slider__image  {
     border:  1px solid var(--bs-border-color);
     border-radius:  var(--bs-border-radius);
     padding:  9px;
     background-color:  transparent }
 .product-vertical-slider .slider__thumbs .swiper-slide-active .slider__image  {
     background-color:  var(--bs-light-bg-subtle) }
 .product-vertical-slider .slider__images  {
     height:  474px }
 .product-vertical-slider .slider__images .slider__image img  {
     transition:  3s }
 .product-vertical-slider .slider__image  {
     width:  100%;
     height:  100%;
     border-radius:  .25rem;
     overflow:  hidden }
 .product-vertical-slider .slider__image img  {
     display:  block;
     width:  100%;
     height:  100%;
     object-fit:  cover }
 .product-detail-tabs .nav-tabs .nav-link  {
     font-size:  1rem;
     font-weight:  500;
     text-transform:  capitalize;
     letter-spacing:  0;
     color:  var(--bs-body-color) }
 .product-detail-tabs .nav-tabs .nav-link.active  {
     color:  var(--bs-primary) }
 @media (max-width:767.98px)  {
     .product-vertical-slider  {
     padding:  0 }
 .product-vertical-slider .slider__flex  {
     flex-direction:  column-reverse }
 .product-vertical-slider .slider__col  {
     flex-direction:  row;
     align-items:  center;
     margin-right:  0;
     margin-top:  1.5rem;
     width:  100% }
 .product-vertical-slider .slider__images  {
     width:  100% }
 .product-vertical-slider .slider__thumbs  {
     height:  100px;
     width:  calc(100% - 96px);
     margin:  0 1rem }
 .product-vertical-slider .slider__next,  .product-vertical-slider .slider__prev  {
     transform:  rotate(272deg) }
 } .swiper  {
     width:  100% }
 .iq-email-list .iq-email-ui  {
     margin:  0;
     padding:  0 }
 .iq-email-list .iq-email-ui a  {
     list-style-type:  none;
     font-size:  1rem;
     color:  #7e8b9a;
     margin-bottom:  .188rem;
     list-style-type:  none;
     color:  #7e8b9a;
     display:  inline-block;
     width:  100%;
     border-radius:  .25rem;
     transition:  all .3s ease-in-out }
 .iq-email-list .iq-email-ui a:hover  {
     text-decoration:  none;
     color:  var(--bs-primary) }
 .iq-email-list .iq-email-ui i  {
     margin-right:  .625rem;
     vertical-align:  bottom }
 .iq-email-list .iq-email-ui li.active a  {
     text-decoration:  none;
     color:  var(--bs-primary) }
 .iq-email-list .iq-email-ui .ph.ph-dot-outline  {
     font-size:  4rem;
     width:  20px;
     height:  20px;
     overflow:  hidden }
 .iq-email-list .iq-email-ui.iq-email-label li  {
     margin-bottom:  .625rem }
 .iq-email-list .iq-email-ui.iq-email-label li:last-child  {
     margin-bottom:  0 }
 .iq-email-to-list ul li  {
     font-size:  1.25rem }
 .iq-email-to-list ul li:first-child a  {
     background:  0 0;
     width:  auto }
 .iq-email-to-list ul li>a  {
     color:  var(--bs-primary);
     text-align:  center;
     line-height:  2.5rem;
     display:  inline-block;
     font-size:  1rem;
     width:  2.5rem;
     height:  2.5rem;
     border-radius:  .25rem;
     transition:  all .3s ease-in-out;
     background:  rgba(var(--bs-primary-rgb),  .2) }
 .iq-email-to-list ul li a:hover  {
     color:  var(--bs-primary);
     text-decoration:  none }
 .iq-email-to-list ul li .custom-control-label::before  {
     top:  .813rem;
     left:  -1.25rem }
 .iq-email-to-list ul li.q-list a:hover  {
     color:  var(--bs-primary);
     text-decoration:  none }
 .iq-email-search  {
     position:  relative }
 .iq-email-search .form-control  {
     height:  2.5rem;
     border:  1px solid var(--bs-border-color);
     width:  10.625rem;
     padding-right:  2rem }
 .iq-email-search .search-link  {
     position:  absolute;
     top:  .625rem;
     right:  .538rem;
     font-size:  1.125rem;
     line-height:  1rem;
     color:  var(--bs-primary) }
 .iq-email-search .search-link:hover  {
     text-decoration:  none }
 .iq-email-listbox .iq-email-sender-list  {
     margin:  .938rem 0 0;
     padding:  0;
     display:  inline-block;
     width:  100%;
     overflow:  hidden }
 .iq-email-listbox .iq-email-sender-list>li  {
     list-style-type:  none }
 .iq-email-listbox .iq-email-sender-list>li .iq-unread-inner  {
     position:  relative;
     padding:  .938rem 1.25rem;
     border-top:  1px solid var(--bs-border-color);
     display:  inline-block;
     width:  100%;
     transition:  all .3s ease-in-out }
 .iq-email-listbox .iq-email-sender-list>li:hover  {
     background:  var(--bs-gray-900);
     -ms-box-shadow:  1rem 1rem 2.5rem 0 rgba(0,  0,  0,  .05);
     -o-box-shadow:  1rem 1rem 2.5rem 0 rgba(0,  0,  0,  .05);
     box-shadow:  1rem 1rem 2.5rem 0 rgba(0,  0,  0,  .05) }
 .iq-email-listbox .iq-email-sender-list li a:hover  {
     text-decoration:  none }
 .iq-email-listbox .iq-email-sender-list li:hover .iq-social-media  {
     right:  -1.25rem }
 .iq-email-listbox .iq-email-sender-list li.iq-unread a  {
     color:  var(--bs-primary);
     font-weight:  500 }
 .iq-email-listbox .iq-email-sender-list li.iq-unread li a  {
     color:  var(--bs-primary) }
 .iq-email-sender-info .iq-checkbox-mail  {
     display:  block;
     float:  left;
     cursor:  pointer;
     height:  1.25rem;
     width:  1.25rem }
 .iq-email-sender-info .iq-star-toggle  {
     display:  block;
     float:  left;
     color:  #7e8b9a;
     margin-left:  .625rem }
 .iq-email-sender-info .iq-email-title  {
     color:  #7e8b9a;
     position:  absolute;
     top:  50%;
     left:  5.313rem;
     right:  0;
     transform:  translateY(-50%);
     text-overflow:  ellipsis;
     overflow:  hidden;
     white-space:  nowrap;
     margin-bottom:  0 }
 .iq-email-content  {
     position:  absolute;
     top:  50%;
     left:  18.75rem;
     right:  0;
     bottom:  0;
     transform:  translateY(-50%) }
 .iq-email-content .iq-email-date  {
     position:  absolute;
     top:  0;
     right:  1.25rem;
     width:  6.25rem;
     text-align:  right;
     padding-left:  .625rem;
     color:  #7e8b9a }
 .iq-email-content .iq-email-subject  {
     position:  absolute;
     top:  0;
     color:  #7e8b9a;
     left:  0;
     right:  6.875rem;
     text-overflow:  ellipsis;
     overflow:  hidden;
     white-space:  nowrap }
 .iq-email-sender-list .iq-social-media  {
     position:  absolute;
     line-height:  3.5rem;
     right:  -14.688rem;
     top:  0;
     background:  var(--bs-gray-900);
     font-size:  1.125rem;
     padding:  0 1.875rem;
     transition:  all .3s ease-in-out }
 .iq-email-sender-list .iq-social-media li  {
     display:  inline-block }
 .iq-email-sender-list .iq-social-media li a  {
     height:  1.875rem;
     width:  1.875rem;
     text-align:  center;
     font-size:  1.125rem;
     line-height:  1.875rem;
     display:  inline-block;
     border-radius:  .25rem;
     color:  var(--bs-primary);
     background:  rgba(var(--bs-primary-rgb),  .2) }
 .iq-inbox-details tr td  {
     padding:  .313rem .625rem }
 .iq-inbox-details tr td:first-child  {
     width:  4.688rem;
     color:  #7e8b9a }
 .iq-subject-info  {
     display:  flex;
     align-items:  flex-start }
 .iq-subject-status  {
     margin-left:  .938rem;
     flex:  1 }
 .email-app-details.show  {
     visibility:  visible;
     -webkit-opacity:  1;
     -moz-opacity:  1;
     -ms-opacity:  1;
     -o-opacity:  1;
     opacity:  1;
     transform:  translateX(0) }
 .email-app-details  {
     position:  absolute;
     display:  block;
     z-index:  6;
     visibility:  hidden;
     -webkit-opacity:  0;
     -moz-opacity:  0;
     -ms-opacity:  0;
     -o-opacity:  0;
     opacity:  0;
     top:  0;
     transform:  translateX(100%);
     transition:  all .3s ease-in-out;
     height:  100%;
     left:  auto;
     right:  0;
     background-color:  var(--bs-gray-900);
     border-radius:  1.875rem }
 .attegement ul  {
     padding:  0;
     list-style:  none }
 .send-panel a  {
     height:  1.875rem;
     width:  1.875rem;
     text-align:  center;
     font-size:  1.125rem;
     line-height:  1.875rem;
     display:  inline-block;
     border-radius:  .25rem;
     cursor:  pointer }
 #compose-email-popup  {
     position:  fixed;
     max-width:  43.75rem;
     left:  auto;
     right:  0;
     top:  auto;
     bottom:  0;
     padding:  0 !important;
     max-height:  34.688rem;
     width:  100%;
     overflow-y:  scroll;
     overflow-x:  hidden }
 #compose-email-popup .card  {
     border-radius:  .313rem .313rem 0 0 }
 button.close-popup  {
     background:  0 0;
     color:  #000;
     border:  none;
     font-size:  1.25rem;
     line-height:  1.25rem }
 .compose-bottom  {
     border-top:  1px solid #7e8b9a }
 .select2-container--default .select2-selection--multiple  {
     border-color:  var(--bs-border-color) }
 .select2-container--default.select2-container--open.select2-container--below .select2-selection--single  {
     color:  #7e8b9a;
     border-color:  var(--bs-border-color);
     box-shadow:  none }
 .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple  {
     color:  #7e8b9a;
     border-color:  var(--bs-border-color);
     box-shadow:  none }
 .nav-pills .nav-link.active  {
     color:  var(--bs-primary);
     background:  rgba(var(--bs-primary-rgb),  .2) }
 .nav-pills .show>.nav-link  {
     color:  var(--bs-primary);
     background:  rgba(var(--bs-primary-rgb),  .2) }
 @media (max-width:1199.98px)  {
     .iq-email-to-list  {
     overflow-x:  scroll }
 .iq-email-to-list .iq-email-to-list-detail  {
     float:  left;
     width:  100% }
 } @media (max-width:575.98px)  {
     .iq-email-content .iq-email-date  {
     right:  .313rem }
 .email-app-details.show  {
     width:  100% }
 .iq-subject-info  {
     flex-wrap:  wrap }
 } @media (max-width:320px)  {
     .iq-inbox-subject-info span  {
     margin-left:  .938rem }
 .iq-subject-status  {
     margin-top:  .938rem }
 } .iq-timeline  {
     padding:  0;
     width:  100%;
     border-left:  3px solid rgba(var(--bs-primary-rgb),  .2) }
 .iq-timeline li  {
     margin-left:  .938rem;
     position:  relative;
     padding:  .938rem .625rem;
     list-style-type:  none }
 .iq-timeline li .timeline-dots  {
     position:  absolute;
     top:  1.25rem;
     left:  -1.5rem;
     border:  3px solid var(--bs-primary);
     padding:  .313rem;
     background:  #fff;
     border-radius:  50rem }
 .accordion-item  {
     background-color:  var(--bs-gray-900);
     padding:  40px;
     margin-bottom:  32px }
 .accordion-item .accordion-button  {
     padding:  0;
     border:  0;
     background:  inherit;
     font-size:  20px;
     font-weight:  500;
     color:  var(--bs-heading-color) }
 .accordion-item .accordion-button::after  {
     content:  "\e13a";
     font-family:  Phosphor-Bold !important;
     background:  var(--bs-primary);
     color:  var(--bs-white);
     font-size:  18px;
     height:  30px;
     width:  30px;
     line-height:  30px;
     text-align:  center;
     background-image:  none }
 .accordion-item .accordion-button:not(.collapsed)  {
     background:  inherit;
     box-shadow:  none;
     color:  var(--bs-primary) }
 .accordion-item .accordion-button:not(.collapsed)::after  {
     transform:  rotate(90deg) }
 .accordion-item .accordion-button:focus  {
     border:  0;
     box-shadow:  none;
     background:  inherit;
     box-shadow:  unset }
 .fc-unthemed .fc-toolbar .fc-button  {
     background:  rgba(var(--bs-primary-rgb),  .2);
     color:  var(--bs-primary);
     border:  none;
     text-transform:  capitalize;
     border-radius:  .25rem }
 .fc-unthemed .fc-toolbar .fc-button:active  {
     color:  #fff;
     background-color:  var(--bs-primary) }
 .fc-unthemed .fc-toolbar .fc-button:focus  {
     color:  #fff;
     background-color:  var(--bs-primary) }
 .fc-unthemed .fc-toolbar .fc-button.fc-button-active  {
     color:  #fff;
     background-color:  var(--bs-primary) }
 .job-classification li  {
     list-style-type:  none;
     margin-bottom:  .625rem }
 .job-classification li>i  {
     border-radius:  50rem;
     color:  #fff }
 .today-schedule li  {
     list-style-type:  none;
     margin-bottom:  .625rem }
 .today-schedule li i  {
     border-radius:  50rem;
     color:  #fff }
 .schedule-text span  {
     display:  block }
 .calender-small .flatpickr-calendar.animate.inline  {
     width:  100%;
     box-shadow:  none }
 .calender-small .dayContainer  {
     width:  100%;
     min-width:  auto }
 .calender-small .flatpickr-days  {
     width:  100% }
 .calender-small .flatpickr-day.today  {
     color:  #fff;
     border-color:  var(--bs-primary);
     background:  var(--bs-primary) }
 .calender-small .flatpickr-day.today:hover  {
     color:  #fff;
     border-color:  var(--bs-primary);
     background:  var(--bs-primary) }
 .calender-small .flatpickr-day.today:focus  {
     color:  #fff;
     border-color:  var(--bs-primary);
     background:  var(--bs-primary) }
 .calender-small .flatpickr-months  {
     margin-bottom:  .625rem }
 .calender-small .flatpickr-months .flatpickr-prev-month  {
     padding:  .438rem .625rem }
 .calender-small .flatpickr-months .flatpickr-next-month  {
     padding:  .438rem .625rem }
 .calender-small .flatpickr-current-month .flatpickr-monthDropdown-months  {
     font-size:  .75rem }
 .calender-small .flatpickr-current-month .flatpickr-monthDropdown-months:hover  {
     background:  0 0;
     color:  var(--bs-primary) }
 .calender-small .flatpickr-current-month input.cur-year  {
     font-size:  .75rem }
 .calender-small .flatpickr-current-month .numInputWrapper  {
     width:  3ch }
 .calender-small .numInputWrapper:hover  {
     background:  0 0 }
 .calender-small .flatpickr-day.selected  {
     color:  #fff;
     border-color:  var(--bs-primary);
     background:  var(--bs-primary) }
 .calender-small .flatpickr-day.selected:focus  {
     color:  #fff;
     border-color:  var(--bs-primary);
     background:  var(--bs-primary) }
 .calender-small .flatpickr-day.selected:hover  {
     color:  #fff;
     border-color:  var(--bs-primary);
     background:  var(--bs-primary) }
 .calender-small .flatpickr-day.startRange  {
     color:  #fff;
     border-color:  var(--bs-primary);
     background:  var(--bs-primary) }
 .calender-small .flatpickr-day.startRange:focus  {
     color:  #fff;
     border-color:  var(--bs-primary);
     background:  var(--bs-primary) }
 .calender-small .flatpickr-day.startRange:hover  {
     color:  #fff;
     border-color:  var(--bs-primary);
     background:  var(--bs-primary) }
 .calender-small .flatpickr-day.endRange  {
     color:  #fff;
     border-color:  var(--bs-primary);
     background:  var(--bs-primary) }
 .calender-small .flatpickr-day.endRange:focus  {
     color:  #fff;
     border-color:  var(--bs-primary);
     background:  var(--bs-primary) }
 .calender-small .flatpickr-day.endRange:hover  {
     color:  #fff;
     border-color:  var(--bs-primary);
     background:  var(--bs-primary) }
 .calender-small .flatpickr-day.selected.inRange  {
     color:  #fff;
     border-color:  var(--bs-primary);
     background:  var(--bs-primary) }
 .calender-small .flatpickr-day.startRange.inRange  {
     color:  #fff;
     border-color:  var(--bs-primary);
     background:  var(--bs-primary) }
 .calender-small .flatpickr-day.endRange.inRange  {
     color:  #fff;
     border-color:  var(--bs-primary);
     background:  var(--bs-primary) }
 .calender-small .flatpickr-day.selected.prevMonthDay  {
     color:  #fff;
     border-color:  var(--bs-primary);
     background:  var(--bs-primary) }
 .calender-small .flatpickr-day.startRange.prevMonthDay  {
     color:  #fff;
     border-color:  var(--bs-primary);
     background:  var(--bs-primary) }
 .calender-small .flatpickr-day.endRange.prevMonthDay  {
     color:  #fff;
     border-color:  var(--bs-primary);
     background:  var(--bs-primary) }
 .calender-small .flatpickr-day.selected.nextMonthDay  {
     color:  #fff;
     border-color:  var(--bs-primary);
     background:  var(--bs-primary) }
 .calender-small .flatpickr-day.startRange.nextMonthDay  {
     color:  #fff;
     border-color:  var(--bs-primary);
     background:  var(--bs-primary) }
 .calender-small .flatpickr-day.endRange.nextMonthDay  {
     color:  #fff;
     border-color:  var(--bs-primary);
     background:  var(--bs-primary) }
 .calender-small .flatpickr-day.inRange  {
     background:  rgba(var(--bs-primary-rgb),  .2);
     color:  var(--bs-primary);
     border-color:  transparent }
 .calender-small .flatpickr-day.prevMonthDay.inRange  {
     background:  rgba(var(--bs-primary-rgb),  .2);
     color:  var(--bs-primary);
     border-color:  transparent }
 .calender-small .flatpickr-day.nextMonthDay.inRange  {
     background:  rgba(var(--bs-primary-rgb),  .2);
     color:  var(--bs-primary);
     border-color:  transparent }
 .calender-small .flatpickr-day.today.inRange  {
     background:  rgba(var(--bs-primary-rgb),  .2);
     color:  var(--bs-primary);
     border-color:  transparent }
 .calender-small .flatpickr-day.prevMonthDay.today.inRange  {
     background:  rgba(var(--bs-primary-rgb),  .2);
     color:  var(--bs-primary);
     border-color:  transparent }
 .calender-small .flatpickr-day.nextMonthDay.today.inRange  {
     background:  rgba(var(--bs-primary-rgb),  .2);
     color:  var(--bs-primary);
     border-color:  transparent }
 .calender-small .flatpickr-day:hover  {
     background:  rgba(var(--bs-primary-rgb),  .2);
     color:  var(--bs-primary);
     border-color:  transparent }
 .calender-small .flatpickr-day:focus  {
     background:  rgba(var(--bs-primary-rgb),  .2);
     color:  var(--bs-primary);
     border-color:  transparent }
 .calender-small .flatpickr-day.prevMonthDay:hover  {
     background:  rgba(var(--bs-primary-rgb),  .2);
     color:  var(--bs-primary);
     border-color:  transparent }
 .calender-small .flatpickr-day.prevMonthDay:focus  {
     background:  rgba(var(--bs-primary-rgb),  .2);
     color:  var(--bs-primary);
     border-color:  transparent }
 .calender-small .flatpickr-day.nextMonthDay:hover  {
     background:  rgba(var(--bs-primary-rgb),  .2);
     color:  var(--bs-primary);
     border-color:  transparent }
 .calender-small .flatpickr-day.nextMonthDay:focus  {
     background:  rgba(var(--bs-primary-rgb),  .2);
     color:  var(--bs-primary);
     border-color:  transparent }
 .smaill-calender-home .flatpickr-calendar.animate.inline  {
     margin:  0 auto;
     width:  100%;
     box-shadow:  none;
     border:  none;
     border-radius:  .25rem }
 .smaill-calender-home .flatpickr-day.selected  {
     color:  #fff;
     text-decoration:  none;
     background:  var(--bs-primary);
     text-decoration:  none;
     border-color:  var(--bs-primary) }
 .smaill-calender-home .flatpickr-day.selected:focus  {
     color:  #fff;
     text-decoration:  none;
     background:  var(--bs-primary);
     text-decoration:  none;
     border-color:  var(--bs-primary) }
 .smaill-calender-home .flatpickr-day.selected:hover  {
     color:  #fff;
     text-decoration:  none;
     background:  var(--bs-primary);
     text-decoration:  none;
     border-color:  var(--bs-primary) }
 .smaill-calender-home .flatpickr-day.startRange  {
     color:  #fff;
     text-decoration:  none;
     background:  var(--bs-primary);
     text-decoration:  none;
     border-color:  var(--bs-primary) }
 .smaill-calender-home .flatpickr-day.startRange:focus  {
     color:  #fff;
     text-decoration:  none;
     background:  var(--bs-primary);
     text-decoration:  none;
     border-color:  var(--bs-primary) }
 .smaill-calender-home .flatpickr-day.startRange:hover  {
     color:  #fff;
     text-decoration:  none;
     background:  var(--bs-primary);
     text-decoration:  none;
     border-color:  var(--bs-primary) }
 .smaill-calender-home .flatpickr-day.endRange  {
     color:  #fff;
     text-decoration:  none;
     background:  var(--bs-primary);
     text-decoration:  none;
     border-color:  var(--bs-primary) }
 .smaill-calender-home .flatpickr-day.endRange:focus  {
     color:  #fff;
     text-decoration:  none;
     background:  var(--bs-primary);
     text-decoration:  none;
     border-color:  var(--bs-primary) }
 .smaill-calender-home .flatpickr-day.endRange:hover  {
     color:  #fff;
     text-decoration:  none;
     background:  var(--bs-primary);
     text-decoration:  none;
     border-color:  var(--bs-primary) }
 .smaill-calender-home .flatpickr-day.selected.inRange  {
     color:  #fff;
     text-decoration:  none;
     background:  var(--bs-primary);
     text-decoration:  none;
     border-color:  var(--bs-primary) }
 .smaill-calender-home .flatpickr-day.startRange.inRange  {
     color:  #fff;
     text-decoration:  none;
     background:  var(--bs-primary);
     text-decoration:  none;
     border-color:  var(--bs-primary) }
 .smaill-calender-home .flatpickr-day.endRange.inRange  {
     color:  #fff;
     text-decoration:  none;
     background:  var(--bs-primary);
     text-decoration:  none;
     border-color:  var(--bs-primary) }
 .smaill-calender-home .flatpickr-day.selected.prevMonthDay  {
     color:  #fff;
     text-decoration:  none;
     background:  var(--bs-primary);
     text-decoration:  none;
     border-color:  var(--bs-primary) }
 .smaill-calender-home .flatpickr-day.startRange.prevMonthDay  {
     color:  #fff;
     text-decoration:  none;
     background:  var(--bs-primary);
     text-decoration:  none;
     border-color:  var(--bs-primary) }
 .smaill-calender-home .flatpickr-day.endRange.prevMonthDay  {
     color:  #fff;
     text-decoration:  none;
     background:  var(--bs-primary);
     text-decoration:  none;
     border-color:  var(--bs-primary) }
 .smaill-calender-home .flatpickr-day.selected.nextMonthDay  {
     color:  #fff;
     text-decoration:  none;
     background:  var(--bs-primary);
     text-decoration:  none;
     border-color:  var(--bs-primary) }
 .smaill-calender-home .flatpickr-day.startRange.nextMonthDay  {
     color:  #fff;
     text-decoration:  none;
     background:  var(--bs-primary);
     text-decoration:  none;
     border-color:  var(--bs-primary) }
 .smaill-calender-home .flatpickr-day.endRange.nextMonthDay  {
     color:  #fff;
     text-decoration:  none;
     background:  var(--bs-primary);
     text-decoration:  none;
     border-color:  var(--bs-primary) }
 .smaill-calender-home .flatpickr-days  {
     width:  100% }
 .smaill-calender-home .dayContainer  {
     width:  100% }
 .smaill-calender-home .flatpickr-innerContainer  {
     justify-content:  space-around }
 .datepicker-full-width .datepicker-grid  {
     width:  100% }
 @media (max-width:767.98px)  {
     .fc-toolbar  {
     flex-wrap:  wrap }
 .fc-toolbar .fc-right .fc-button-group  {
     margin-top:  1rem }
 } .fc-unthemed .fc-list-heading td,  .fc-unthemed.calendar-s .fc-divider,  .fc-unthemed.calendar-s .fc-popover .fc-header  {
     background:  var(--bs-primary-bg-subtle) }
 .countdown  {
     margin-top:  3.75rem;
     padding:  0 }
 .countdown li span  {
     font-size:  3.75rem;
     display:  inline-block;
     width:  100%;
     color:  var(--bs-primary);
     font-variant-numeric:  tabular-nums }
 .countdown li:last-child  {
     margin-right:  0 }
 .iq-comingsoon-form  {
     position:  relative }
 .iq-comingsoon-form button  {
     position:  absolute;
     right:  0;
     top:  0;
     padding:  .375rem 1.875rem }
 .iq-comingsoon  {
     overflow:  hidden;
     background-color:  var(--bs-gray-900) }
 .iq-comingsoon .bg-icons  {
     position:  absolute;
     top:  50%;
     left:  50%;
     transform:  translate(-50%,  -50%);
     z-index:  0;
     height:  100vh }
 .iq-comingsoon .bg-icons .bg-icon-wrapper  {
     position:  absolute;
     animation:  floatShrink 6s ease-in-out infinite alternate }
 .iq-comingsoon .bg-icons .bg-icon-wrapper:nth-child(1)  {
     bottom:  5%;
     left:  25%;
     animation-delay:  0s }
 .iq-comingsoon .bg-icons .bg-icon-wrapper:nth-child(2)  {
     bottom:  -.5%;
     right:  10%;
     animation-delay:  1s }
 .iq-comingsoon .bg-icons .bg-icon-wrapper:nth-child(3)  {
     top:  0;
     left:  50%;
     animation-delay:  2s }
 .iq-comingsoon .bg-icons .bg-icon-wrapper:nth-child(4)  {
     top:  30%;
     left:  10%;
     animation-delay:  .5s }
 .iq-comingsoon .bg-icons .bg-icon-wrapper:nth-child(5)  {
     top:  5%;
     right:  5%;
     animation-delay:  1.5s }
 .iq-comingsoon .bg-icons .bg-icon-wrapper:nth-child(6)  {
     top:  0;
     left:  0;
     animation-delay:  2.5s }
 .iq-comingsoon .bg-icons .bg-icon-wrapper:nth-child(7)  {
     bottom:  25%;
     left:  10%;
     animation-delay:  3s }
 .iq-comingsoon .bg-icons .bg-icon-wrapper:nth-child(8)  {
     top:  50%;
     left:  75%;
     animation-delay:  .8s }
 .iq-comingsoon .bg-icons .bg-icon-wrapper:nth-child(9)  {
     bottom:  50%;
     right:  0;
     animation-delay:  1.8s }
 .iq-comingsoon .bg-icons .bg-icon-wrapper .bg-icon  {
     opacity:  .6 }
 .iq-comingsoon .comingsoon-content  {
     padding:  4rem 2rem;
     z-index:  1 }
 @keyframes floatShrink  {
     0%  {
     transform:  translateY(0) }
 50%  {
     transform:  translateY(-20px) }
 100%  {
     transform:  translateY(0) }
 } @media (max-width:767.98px)  {
     .countdown li span  {
     font-size:  2.5rem }
 .iq-comingsoon .bg-icons .bg-icon-wrapper .bg-icon  {
     width:  40px }
 } @media (max-width:575.98px)  {
     .comingsoon-content  {
     padding:  2rem 1rem }
 .countdown li span  {
     font-size:  2rem }
 } .btn-primary  {
     --bs-btn-bg:  #e22b19;
     --bs-btn-border-color:  #e22b19;
     /* 👇 hover color lighter */ --bs-btn-hover-bg:  #f24a3a;
     --bs-btn-hover-border-color:  #f24a3a;
     --bs-btn-active-bg:  #e22b19;
     --bs-btn-active-border-color:  #e22b19;
     --bs-btn-disabled-bg:  #e22b19;
     --bs-btn-disabled-border-color:  #e22b19;
 }
 .btn-outline-primary  {
     --bs-btn-color:  var(--bs-primary);
     --bs-btn-border-color:  var(--bs-primary);
     --bs-btn-hover-bg:  var(--bs-primary-hover-bg);
     --bs-btn-hover-border-color:  var(--bs-primary-hover-border);
     --bs-btn-active-bg:  var(--bs-primary-active-bg);
     --bs-btn-active-border-color:  var(--bs-primary-active-border);
     --bs-btn-disabled-bg:  var(--bs-primary);
     --bs-btn-disabled-border-color:  var(--bs-primary) }
 .btn-primary-subtle  {
     --bs-btn-color:  var(--bs-primary);
     --bs-btn-bg:  var(--bs-primary-bg-subtle);
     --bs-btn-hover-color:  var(--bs-white);
     --bs-btn-hover-bg:  var(--bs-primary-hover-bg);
     --bs-btn-active-bg:  var(--bs-primary-active-bg);
     --bs-btn-disabled-bg:  var(--bs-primary) }
 .btn-outline-primary:disabled  {
     --bs-btn-disabled-color:  var(--bs-primary);
     background:  0 0 }
 .btn-secondary  {
     --bs-btn-bg:  var(--bs-secondary);
     --bs-btn-border-color:  var(--bs-secondary);
     --bs-btn-hover-bg:  var(--bs-secondary-hover-bg);
     --bs-btn-hover-border-color:  var(--bs-secondary-hover-border);
     --bs-btn-active-bg:  var(--bs-secondary-active-bg);
     --bs-btn-active-border-color:  var(--bs-secondary-active-border);
     --bs-btn-disabled-bg:  var(--bs-secondary);
     --bs-btn-disabled-border-color:  var(--bs-secondary) }
 .btn-outline-secondary  {
     --bs-btn-color:  var(--bs-secondary);
     --bs-btn-border-color:  var(--bs-secondary);
     --bs-btn-hover-bg:  var(--bs-secondary-hover-bg);
     --bs-btn-hover-border-color:  var(--bs-secondary-hover-border);
     --bs-btn-active-bg:  var(--bs-secondary-active-bg);
     --bs-btn-active-border-color:  var(--bs-secondary-active-border);
     --bs-btn-disabled-bg:  var(--bs-secondary);
     --bs-btn-disabled-border-color:  var(--bs-secondary) }
 .btn-secondary-subtle  {
     --bs-btn-color:  var(--bs-secondary);
     --bs-btn-bg:  var(--bs-secondary-bg-subtle);
     --bs-btn-hover-color:  var(--bs-white);
     --bs-btn-hover-bg:  var(--bs-secondary-hover-bg);
     --bs-btn-active-bg:  var(--bs-secondary-active-bg);
     --bs-btn-disabled-bg:  var(--bs-secondary) }
 .btn-outline-secondary:disabled  {
     --bs-btn-disabled-color:  var(--bs-secondary);
     background:  0 0 }
 .btn-success  {
     --bs-btn-bg:  var(--bs-success);
     --bs-btn-border-color:  var(--bs-success);
     --bs-btn-hover-bg:  var(--bs-success-hover-bg);
     --bs-btn-hover-border-color:  var(--bs-success-hover-border);
     --bs-btn-active-bg:  var(--bs-success-active-bg);
     --bs-btn-active-border-color:  var(--bs-success-active-border);
     --bs-btn-disabled-bg:  var(--bs-success);
     --bs-btn-disabled-border-color:  var(--bs-success) }
 .btn-outline-success  {
     --bs-btn-color:  var(--bs-success);
     --bs-btn-border-color:  var(--bs-success);
     --bs-btn-hover-bg:  var(--bs-success-hover-bg);
     --bs-btn-hover-border-color:  var(--bs-success-hover-border);
     --bs-btn-active-bg:  var(--bs-success-active-bg);
     --bs-btn-active-border-color:  var(--bs-success-active-border);
     --bs-btn-disabled-bg:  var(--bs-success);
     --bs-btn-disabled-border-color:  var(--bs-success) }
 .btn-success-subtle  {
     --bs-btn-color:  var(--bs-success);
     --bs-btn-bg:  var(--bs-success-bg-subtle);
     --bs-btn-hover-color:  var(--bs-white);
     --bs-btn-hover-bg:  var(--bs-success-hover-bg);
     --bs-btn-active-bg:  var(--bs-success-active-bg);
     --bs-btn-disabled-bg:  var(--bs-success) }
 .btn-outline-success:disabled  {
     --bs-btn-disabled-color:  var(--bs-success);
     background:  0 0 }
 .btn-info  {
     --bs-btn-bg:  var(--bs-info);
     --bs-btn-border-color:  var(--bs-info);
     --bs-btn-hover-bg:  var(--bs-info-hover-bg);
     --bs-btn-hover-border-color:  var(--bs-info-hover-border);
     --bs-btn-active-bg:  var(--bs-info-active-bg);
     --bs-btn-active-border-color:  var(--bs-info-active-border);
     --bs-btn-disabled-bg:  var(--bs-info);
     --bs-btn-disabled-border-color:  var(--bs-info) }
 .btn-outline-info  {
     --bs-btn-color:  var(--bs-info);
     --bs-btn-border-color:  var(--bs-info);
     --bs-btn-hover-bg:  var(--bs-info-hover-bg);
     --bs-btn-hover-border-color:  var(--bs-info-hover-border);
     --bs-btn-active-bg:  var(--bs-info-active-bg);
     --bs-btn-active-border-color:  var(--bs-info-active-border);
     --bs-btn-disabled-bg:  var(--bs-info);
     --bs-btn-disabled-border-color:  var(--bs-info) }
 .btn-info-subtle  {
     --bs-btn-color:  var(--bs-info);
     --bs-btn-bg:  var(--bs-info-bg-subtle);
     --bs-btn-hover-color:  var(--bs-white);
     --bs-btn-hover-bg:  var(--bs-info-hover-bg);
     --bs-btn-active-bg:  var(--bs-info-active-bg);
     --bs-btn-disabled-bg:  var(--bs-info) }
 .btn-outline-info:disabled  {
     --bs-btn-disabled-color:  var(--bs-info);
     background:  0 0 }
 .btn-warning  {
     --bs-btn-bg:  var(--bs-warning);
     --bs-btn-border-color:  var(--bs-warning);
     --bs-btn-hover-bg:  var(--bs-warning-hover-bg);
     --bs-btn-hover-border-color:  var(--bs-warning-hover-border);
     --bs-btn-active-bg:  var(--bs-warning-active-bg);
     --bs-btn-active-border-color:  var(--bs-warning-active-border);
     --bs-btn-disabled-bg:  var(--bs-warning);
     --bs-btn-disabled-border-color:  var(--bs-warning) }
 .btn-outline-warning  {
     --bs-btn-color:  var(--bs-warning);
     --bs-btn-border-color:  var(--bs-warning);
     --bs-btn-hover-bg:  var(--bs-warning-hover-bg);
     --bs-btn-hover-border-color:  var(--bs-warning-hover-border);
     --bs-btn-active-bg:  var(--bs-warning-active-bg);
     --bs-btn-active-border-color:  var(--bs-warning-active-border);
     --bs-btn-disabled-bg:  var(--bs-warning);
     --bs-btn-disabled-border-color:  var(--bs-warning) }
 .btn-warning-subtle  {
     --bs-btn-color:  var(--bs-warning);
     --bs-btn-bg:  var(--bs-warning-bg-subtle);
     --bs-btn-hover-color:  var(--bs-white);
     --bs-btn-hover-bg:  var(--bs-warning-hover-bg);
     --bs-btn-active-bg:  var(--bs-warning-active-bg);
     --bs-btn-disabled-bg:  var(--bs-warning) }
 .btn-outline-warning:disabled  {
     --bs-btn-disabled-color:  var(--bs-warning);
     background:  0 0 }
 .btn-danger  {
     --bs-btn-bg:  var(--bs-danger);
     --bs-btn-border-color:  var(--bs-danger);
     --bs-btn-hover-bg:  var(--bs-danger-hover-bg);
     --bs-btn-hover-border-color:  var(--bs-danger-hover-border);
     --bs-btn-active-bg:  var(--bs-danger-active-bg);
     --bs-btn-active-border-color:  var(--bs-danger-active-border);
     --bs-btn-disabled-bg:  var(--bs-danger);
     --bs-btn-disabled-border-color:  var(--bs-danger) }
 .btn-outline-danger  {
     --bs-btn-color:  var(--bs-danger);
     --bs-btn-border-color:  var(--bs-danger);
     --bs-btn-hover-bg:  var(--bs-danger-hover-bg);
     --bs-btn-hover-border-color:  var(--bs-danger-hover-border);
     --bs-btn-active-bg:  var(--bs-danger-active-bg);
     --bs-btn-active-border-color:  var(--bs-danger-active-border);
     --bs-btn-disabled-bg:  var(--bs-danger);
     --bs-btn-disabled-border-color:  var(--bs-danger) }
 .btn-danger-subtle  {
     --bs-btn-color:  var(--bs-danger);
     --bs-btn-bg:  var(--bs-danger-bg-subtle);
     --bs-btn-hover-color:  var(--bs-white);
     --bs-btn-hover-bg:  var(--bs-danger-hover-bg);
     --bs-btn-active-bg:  var(--bs-danger-active-bg);
     --bs-btn-disabled-bg:  var(--bs-danger) }
 .btn-outline-danger:disabled  {
     --bs-btn-disabled-color:  var(--bs-danger);
     background:  0 0 }
 .btn-light  {
     --bs-btn-bg:  var(--bs-light);
     --bs-btn-border-color:  var(--bs-light);
     --bs-btn-hover-bg:  var(--bs-light-hover-bg);
     --bs-btn-hover-border-color:  var(--bs-light-hover-border);
     --bs-btn-active-bg:  var(--bs-light-active-bg);
     --bs-btn-active-border-color:  var(--bs-light-active-border);
     --bs-btn-disabled-bg:  var(--bs-light);
     --bs-btn-disabled-border-color:  var(--bs-light) }
 .btn-outline-light  {
     --bs-btn-color:  var(--bs-light);
     --bs-btn-border-color:  var(--bs-light);
     --bs-btn-hover-bg:  var(--bs-light-hover-bg);
     --bs-btn-hover-border-color:  var(--bs-light-hover-border);
     --bs-btn-active-bg:  var(--bs-light-active-bg);
     --bs-btn-active-border-color:  var(--bs-light-active-border);
     --bs-btn-disabled-bg:  var(--bs-light);
     --bs-btn-disabled-border-color:  var(--bs-light) }
 .btn-light-subtle  {
     --bs-btn-color:  var(--bs-light);
     --bs-btn-bg:  var(--bs-light-bg-subtle);
     --bs-btn-hover-color:  var(--bs-white);
     --bs-btn-hover-bg:  var(--bs-light-hover-bg);
     --bs-btn-active-bg:  var(--bs-light-active-bg);
     --bs-btn-disabled-bg:  var(--bs-light) }
 .btn-outline-light:disabled  {
     --bs-btn-disabled-color:  var(--bs-light);
     background:  0 0 }
 .btn-dark  {
     --bs-btn-bg:  var(--bs-dark);
     --bs-btn-border-color:  var(--bs-dark);
     --bs-btn-hover-bg:  var(--bs-dark-hover-bg);
     --bs-btn-hover-border-color:  var(--bs-dark-hover-border);
     --bs-btn-active-bg:  var(--bs-dark-active-bg);
     --bs-btn-active-border-color:  var(--bs-dark-active-border);
     --bs-btn-disabled-bg:  var(--bs-dark);
     --bs-btn-disabled-border-color:  var(--bs-dark) }
 .btn-outline-dark  {
     --bs-btn-color:  var(--bs-dark);
     --bs-btn-border-color:  var(--bs-dark);
     --bs-btn-hover-bg:  var(--bs-dark-hover-bg);
     --bs-btn-hover-border-color:  var(--bs-dark-hover-border);
     --bs-btn-active-bg:  var(--bs-dark-active-bg);
     --bs-btn-active-border-color:  var(--bs-dark-active-border);
     --bs-btn-disabled-bg:  var(--bs-dark);
     --bs-btn-disabled-border-color:  var(--bs-dark) }
 .btn-dark-subtle  {
     --bs-btn-color:  var(--bs-dark);
     --bs-btn-bg:  var(--bs-dark-bg-subtle);
     --bs-btn-hover-color:  var(--bs-white);
     --bs-btn-hover-bg:  var(--bs-dark-hover-bg);
     --bs-btn-active-bg:  var(--bs-dark-active-bg);
     --bs-btn-disabled-bg:  var(--bs-dark) }
 .btn-outline-dark:disabled  {
     --bs-btn-disabled-color:  var(--bs-dark);
     background:  0 0 }
 .btn-gray  {
     --bs-btn-bg:  var(--bs-gray);
     --bs-btn-border-color:  var(--bs-gray);
     --bs-btn-hover-bg:  var(--bs-gray-hover-bg);
     --bs-btn-hover-border-color:  var(--bs-gray-hover-border);
     --bs-btn-active-bg:  var(--bs-gray-active-bg);
     --bs-btn-active-border-color:  var(--bs-gray-active-border);
     --bs-btn-disabled-bg:  var(--bs-gray);
     --bs-btn-disabled-border-color:  var(--bs-gray) }
 .btn-outline-gray  {
     --bs-btn-color:  var(--bs-gray);
     --bs-btn-border-color:  var(--bs-gray);
     --bs-btn-hover-bg:  var(--bs-gray-hover-bg);
     --bs-btn-hover-border-color:  var(--bs-gray-hover-border);
     --bs-btn-active-bg:  var(--bs-gray-active-bg);
     --bs-btn-active-border-color:  var(--bs-gray-active-border);
     --bs-btn-disabled-bg:  var(--bs-gray);
     --bs-btn-disabled-border-color:  var(--bs-gray) }
 .btn-gray-subtle  {
     --bs-btn-color:  var(--bs-gray);
     --bs-btn-bg:  var(--bs-gray-bg-subtle);
     --bs-btn-hover-color:  var(--bs-white);
     --bs-btn-hover-bg:  var(--bs-gray-hover-bg);
     --bs-btn-active-bg:  var(--bs-gray-active-bg);
     --bs-btn-disabled-bg:  var(--bs-gray) }
 .btn-outline-gray:disabled  {
     --bs-btn-disabled-color:  var(--bs-gray);
     background:  0 0 }
 .btn-gray-dark  {
     --bs-btn-bg:  var(--bs-gray-dark);
     --bs-btn-border-color:  var(--bs-gray-dark);
     --bs-btn-hover-bg:  var(--bs-gray-dark-hover-bg);
     --bs-btn-hover-border-color:  var(--bs-gray-dark-hover-border);
     --bs-btn-active-bg:  var(--bs-gray-dark-active-bg);
     --bs-btn-active-border-color:  var(--bs-gray-dark-active-border);
     --bs-btn-disabled-bg:  var(--bs-gray-dark);
     --bs-btn-disabled-border-color:  var(--bs-gray-dark) }
 .btn-outline-gray-dark  {
     --bs-btn-color:  var(--bs-gray-dark);
     --bs-btn-border-color:  var(--bs-gray-dark);
     --bs-btn-hover-bg:  var(--bs-gray-dark-hover-bg);
     --bs-btn-hover-border-color:  var(--bs-gray-dark-hover-border);
     --bs-btn-active-bg:  var(--bs-gray-dark-active-bg);
     --bs-btn-active-border-color:  var(--bs-gray-dark-active-border);
     --bs-btn-disabled-bg:  var(--bs-gray-dark);
     --bs-btn-disabled-border-color:  var(--bs-gray-dark) }
 .btn-gray-dark-subtle  {
     --bs-btn-color:  var(--bs-gray-dark);
     --bs-btn-bg:  var(--bs-gray-dark-bg-subtle);
     --bs-btn-hover-color:  var(--bs-white);
     --bs-btn-hover-bg:  var(--bs-gray-dark-hover-bg);
     --bs-btn-active-bg:  var(--bs-gray-dark-active-bg);
     --bs-btn-disabled-bg:  var(--bs-gray-dark) }
 .btn-outline-gray-dark:disabled  {
     --bs-btn-disabled-color:  var(--bs-gray-dark);
     background:  0 0 }
 .btn .btn-inner i:not(.fas):not(.fab)  {
     position:  relative;
     top:  .125rem }
 .btn .btn-inner svg  {
     position:  relative;
     top:  -.125rem;
     width:  1.5rem }
 .btn-group-sm>.btn .btn-inner svg,  .btn-sm .btn-inner svg  {
     width:  1.25rem }
 .btn-xs .btn-inner svg  {
     width:  1rem }
 .btn-group-lg>.btn .btn-inner svg,  .btn-lg .btn-inner svg  {
     width:  2rem }
 .btn-group-lg>.btn-icon.btn .btn-inner svg,  .btn-lg.btn-icon .btn-inner svg  {
     top:  0 }
 .bd-example>.btn  {
     margin:  .25rem .125rem }
 .bd-example>.btn-group  {
     margin:  .25rem .125rem }
 .btn-setting  {
     padding:  .5rem;
     z-index:  1000;
     top:  50% }
 .btn-fixed-end  {
     position:  fixed;
     right:  0 }
 .animated-rotate  {
     animation:  animRotate 8s 0s ease-in-out infinite }
 @keyframes animRotate  {
     0%  {
     transform:  rotate(0) }
 100%  {
     transform:  rotate(360deg) }
 } .btn-icon  {
     height:  2.5rem;
     width:  2.5rem;
     padding:  0;
     text-align:  center;
     display:  inline-flex;
     justify-content:  center;
     align-items:  center }
 .btn-icon.btn .btn-inner  {
     display:  inline-flex }
 .btn-icon.btn .btn-inner svg  {
     width:  1.5rem;
     height:  1.5rem }
 .btn-group-sm>.btn-icon.btn,  .btn-icon.btn-sm  {
     height:  1.875rem;
     width:  1.875rem;
     padding:  0;
     text-align:  center;
     display:  inline-flex;
     justify-content:  center;
     align-items:  center }
 .btn-group-sm>.btn-icon.btn .btn-inner svg,  .btn-icon.btn-sm .btn-inner svg  {
     width:  1rem;
     height:  1rem }
 .btn-group-lg>.btn-icon.btn,  .btn-icon.btn-lg  {
     height:  3rem;
     width:  3rem;
     padding:  0;
     text-align:  center;
     display:  inline-flex;
     justify-content:  center;
     align-items:  center }
 .btn-group-lg>.btn-icon.btn .btn-inner svg,  .btn-icon.btn-lg .btn-inner svg  {
     width:  2.5rem;
     height:  2.5rem }
 .btn-setting  {
     padding:  .5rem;
     top:  50% }
 .customizer-btn  {
     transform:  rotate(-45deg) }
 @media (max-width:991.98px)  {
     .btn-setting  {
     top:  75% }
 } .btn-fixed-end  {
     position:  fixed;
     right:  0;
     border-top-right-radius:  0;
     border-bottom-right-radius:  0 }
 .btn-fixed-start  {
     position:  fixed;
     left:  0;
     border-top-left-radius:  0;
     border-bottom-left-radius:  0 }
 .btn-fixed-top  {
     position:  fixed;
     left:  0;
     border-top-left-radius:  0;
     border-top-right-radius:  0 }
 .btn-fixed-bottom  {
     position:  fixed;
     left:  0;
     border-top-left-radius:  0;
     border-bottom-left-radius:  0 }
 .btn-download  {
     position:  fixed;
     top:  30%;
     right:  -3px;
     transform:  rotate(-90deg) translate(50%,  -100%);
     z-index:  10;
     transform-origin:  100% 0 0 }
 .close-icon  {
     cursor:  pointer }
 .btn.btn-border  {
     --bs-btn-color:  #2A2B78;
     --bs-btn-border-color:  #2A2B78;
     --bs-btn-hover-color:  #fff;
     --bs-btn-hover-bg:  #2A2B78;
     --bs-btn-hover-border-color:  #2A2B78;
     --bs-btn-focus-shadow-rgb:  80,  181,  255;
     --bs-btn-active-color:  #fff;
     --bs-btn-active-bg:  #2A2B78;
     --bs-btn-active-border-color:  #2A2B78;
     --bs-btn-active-shadow:  inset 0 3px 5px rgba(0,  0,  0,  0.125);
     --bs-btn-disabled-color:  #2A2B78;
     --bs-btn-disabled-bg:  transparent;
     --bs-btn-disabled-border-color:  #2A2B78;
     --bs-gradient:  none;
     color:  #6c757d;
     border:  2px solid #f1f1f1;
     padding:  .5rem 1rem }
 .btn.btn-border:hover  {
     background:  0 0;
     border-color:  var(--bs-primary) !important;
     color:  var(--bs-primary) }
 .btn-check:active+.btn.btn-border,  .btn-check:checked+.btn.btn-border,  .btn.btn-border.active,  .btn.btn-border:active  {
     background:  var(--bs-primary);
     color:  var(--bs-white);
     border-color:  var(--bs-primary) }
 .btn-check:active+.btn.btn-border.bg-transparent,  .btn-check:checked+.btn.btn-border.bg-transparent,  .btn.btn-border.active.bg-transparent,  .btn.btn-border:active.bg-transparent  {
     color:  var(--bs-primary) }
 .iq-float-menu-item,  .iq-float-menu-open-button  {
     font-size:  1.25rem;
     border:  unset;
     background:  #fff;
     border-radius:  100%;
     width:  2.5rem;
     height:  2.5rem;
     margin-left:  -2.5rem;
     position:  fixed;
     color:  #fff;
     text-align:  center;
     line-height:  2.188rem;
     transform:  translate3d(0,  0,  0);
     transition:  transform ease-out .2s }
 .iq-float-menu-open  {
     display:  none }
 .iq-float-menu-open-button .lines  {
     width:  20px;
     height:  2px;
     background:  #2A2B78;
     display:  block;
     position:  absolute;
     top:  50%;
     left:  50%;
     margin-left:  -.625rem;
     margin-top:  0;
     transition:  transform .2s }
 .iq-float-menu-open-button .line-1  {
     transform:  translate3d(0,  -6px,  0) }
 .iq-float-menu-open-button .line-2  {
     transform:  translate3d(0,  0,  0) }
 .iq-float-menu-open-button .line-3  {
     transform:  translate3d(0,  6px,  0) }
 .iq-float-menu-open:checked+.iq-float-menu-open-button .line-1  {
     transform:  translate3d(0,  0,  0) rotate(45deg) }
 .iq-float-menu-open:checked+.iq-float-menu-open-button .line-2  {
     transform:  translate3d(0,  0,  0) scale(.1,  1) }
 .iq-float-menu-open:checked+.iq-float-menu-open-button .line-3  {
     transform:  translate3d(0,  0,  0) rotate(-45deg) }
 .iq-float-menu  {
     position:  fixed;
     bottom:  0;
     right:  0;
     width:  80px;
     height:  80px;
     text-align:  center;
     box-sizing:  border-box;
     font-size:  1.625rem;
     z-index:  1000 }
 .iq-float-menu-item:nth-child(3),  .iq-float-menu-item:nth-child(4),  .iq-float-menu-item:nth-child(5)  {
     transition-duration:  180ms }
 .iq-float-menu-open-button  {
     z-index:  2;
     transition-timing-function:  cubic-bezier(.175,  .885,  .32,  1.275);
     transition-duration:  .4s;
     transform:  scale(1.1,  1.1) translate3d(0,  0,  0);
     cursor:  pointer }
 .iq-float-menu-open-button:hover  {
     transform:  scale(1.2,  1.2) translate3d(0,  0,  0) }
 .iq-float-menu-open:checked+.iq-float-menu-open-button  {
     transition-timing-function:  linear;
     transition-duration:  .2s;
     transform:  scale(1,  1) translate3d(0,  0,  0) }
 .iq-float-menu-open:checked~.iq-float-menu-item  {
     transition-timing-function:  cubic-bezier(.935,  0,  .34,  1.33) }
 .iq-float-menu-open:checked~.iq-float-menu-item:nth-child(9)  {
     transition-duration:  180ms;
     -webkit-transition-duration:  180ms;
     transform:  translate3d(.08361px,  -104.99997px,  0) }
 .iq-float-menu-open:checked~.iq-float-menu-item:nth-child(8)  {
     transition-duration:  280ms;
     -webkit-transition-duration:  280ms;
     transform:  translate3d(90.9466px,  -52.47586px,  0) }
 .iq-float-menu-open:checked~.iq-float-menu-item:nth-child(7)  {
     transition-duration:  380ms;
     -webkit-transition-duration:  380ms;
     transform:  translate3d(90.9466px,  52.47586px,  0) }
 .iq-float-menu-open:checked~.iq-float-menu-item:nth-child(6)  {
     transition-duration:  480ms;
     -webkit-transition-duration:  480ms;
     transform:  translate3d(-.91639px,  70.99997px,  0) }
 .iq-float-menu-open:checked~.iq-float-menu-item:nth-child(5)  {
     transition-duration:  580ms;
     -webkit-transition-duration:  580ms;
     transform:  translate3d(-8.86291px,  20.62064px,  0) }
 .iq-float-menu-item.dropbtn.bg-warning  {
     transform:  translate3d(39.13709px,  .62064px,  0);
     box-shadow:  none }
 .iq-float-menu-open:checked~.iq-float-menu-item:nth-child(4)  {
     transition-duration:  480ms;
     -webkit-transition-duration:  480ms;
     transform:  translate3d(-50.03006px,  -30.33095px,  0) }
 .iq-float-menu-open:checked~.iq-float-menu-item:nth-child(3)  {
     transition-duration:  780ms;
     -webkit-transition-duration:  780ms;
     transform:  translate3d(-.25084px,  -50.9997px,  0) }
 .iq-float-menu .iq-float-menu-item.bg-info  {
     box-shadow:  0 2px 10px 0 rgba(0,  207,  222,  .18) }
 .iq-float-menu .iq-float-menu-item.bg-danger  {
     box-shadow:  0 2px 10px 0 rgba(255,  41,  41,  .18) }
 .iq-float-menu .iq-float-menu-item.bg-warning  {
     box-shadow:  0 2px 10px 0 rgba(250,  208,  46,  .18) }
 .custom-chart  {
     height:  23.75rem }
 .iq-maintenance img  {
     width:  40% }
 @media (max-width:767.98px)  {
     .iq-maintenance img  {
     width:  70% }
 .iq-error img  {
     padding:  0 3.125rem }
 } .post  {
     position:  relative;
     background:  linear-gradient(183deg,  rgba(195,  42,  71,  .7091211485) 35%,  rgba(195,  42,  71,  .3757878151) 100%) }
 .post .data  {
     position:  absolute;
     top:  80px;
     right:  200px;
     color:  #fff;
     overflow:  hidden;
     font-weight:  700;
     text-align:  center;
     font-size:  30px }
 .body-class-1  {
     scroll-behavior:  smooth }
 .main-img .container  {
     position:  absolute;
     top:  50%;
     left:  50%;
     transform:  translate(-50%,  -50%);
     color:  #fff;
     font-weight:  700;
     text-transform:  uppercase;
     text-align:  center }
 .main-img .container .h1,  .main-img .container h1  {
     margin:  0;
     font-size:  4.375rem;
     color:  #fff }
 .main-img .container .h1 span,  .main-img .container h1 span  {
     padding:  .375rem .875rem;
     display:  inline-block }
 .bd-heading-1 .bd-example  {
     margin-top:  1rem }
 .bd-heading-1 .bd-example:first-child  {
     margin-top:  0 }
 .bd-cheatsheet  {
     margin-top:  -2rem }
 .bd-cheatsheet section article .card.iq-document-card  {
     padding:  1.5rem }
 .bd-cheatsheet section article .card.iq-document-card .tab-content pre.language-markup  {
     margin:  unset }
 .bd-aside.card.iq-document-card  {
     padding:  1.5rem;
     margin-top:  -2rem }
 .bd-aside a  {
     padding:  .25rem .5rem;
     margin-top:  .125rem;
     margin-left:  .25rem;
     color:  rgba(126,  139,  154,  .95);
     text-decoration:  none }
 .bd-aside a:focus,  .bd-aside a:hover  {
     background-color:  rgba(var(--bs-primary-rgb),  .1) }
 .bd-aside .active  {
     font-weight:  600;
     background-color:  rgba(var(--bs-primary-rgb),  .1);
     color:  var(--bs-primary) }
 .bd-aside .btn  {
     padding:  .25rem .5rem;
     font-weight:  600;
     color:  #7e8b9a;
     border:  0 }
 .bd-aside .btn .right-icon  {
     transition:  transform .35s ease }
 .bd-aside .btn:focus,  .bd-aside .btn:hover  {
     background-color:  rgba(var(--bs-primary-rgb),  .1);
     color:  var(--bs-primary) }
 .bd-aside .btn:focus  {
     box-shadow:  0 0 0 .063rem rgba(var(--bs-primary-rgb),  .7) }
 .bd-aside .btn[aria-expanded=true] .right-icon  {
     transform:  rotate(90deg) }
 .scrollspy-example  {
     position:  relative;
     height:  12.5rem;
     margin-top:  .5rem;
     overflow:  auto }
 [id=buttons] .bd-example .btn,  [id=dropdowns] .bd-example .btn-group,  [id=dropdowns] .bd-example .dropdown,  [id=dropdowns] .bd-example .dropend,  [id=dropdowns] .bd-example .dropstart,  [id=dropdowns] .bd-example .dropup,  [id=modal] .bd-example .btn,  [id=popovers] .bd-example .btn,  [id=tooltips] .bd-example .btn  {
     margin-top:  .5rem }
 body.offcanvas-active  {
     overflow:  hidden }
 body.uikit .btn-download  {
     display:  none }
 .uisheet.screen-darken  {
     height:  100%;
     width:  0%;
     z-index:  30;
     position:  fixed;
     top:  0;
     right:  0;
     opacity:  0;
     visibility:  hidden;
     background-color:  rgba(255,  255,  255,  .6);
     transition:  opacity .2s linear,  visibility .2s,  width 2s ease-in }
 .uisheet.screen-darken.active  {
     z-index:  10;
     transition:  opacity .3s ease,  width 0s;
     opacity:  1;
     width:  100%;
     visibility:  visible }
 #back-to-top  {
     display:  inline !important }
 #back-to-top .top  {
     bottom:  1.563rem;
     right:  1.563rem;
     z-index:  999 }
 .middle  {
     display:  inline !important }
 .middle .mid-menu  {
     position:  fixed;
     top:  9.375rem;
     left:  0;
     z-index:  999;
     text-align:  center;
     cursor:  pointer;
     background:  var(--bs-primary);
     color:  #fff;
     padding:  .2rem;
     border-radius:  0 1rem 1rem 0 }
 .top-1  {
     top:  1rem }
 @media (min-width:1200px)  {
     .body-class-1  {
     display:  grid;
     gap:  1rem;
     grid-template-columns:  1fr 4fr 1fr;
     grid-template-rows:  auto }
 .bd-aside.sticky-xl-top  {
     top:  2rem !important }
 .bd-header  {
     position:  fixed;
     top:  0;
     right:  0;
     left:  0;
     z-index:  1030;
     grid-column:  1/span 3 }
 .sticky-xl-top  {
     z-index:  2 }
 .bd-cheatsheet,  .bd-cheatsheet article,  .bd-cheatsheet section  {
     display:  grid;
     gap:  1rem;
     grid-template-columns:  3fr 1fr;
     grid-column:  span 2/span 2;
     grid-template-rows:  auto }
 .bd-aside  {
     grid-area:  1/1;
     scroll-margin-top:  4rem }
 .bd-cheatsheet section,  .bd-cheatsheet section>.iq-side-content  {
     top:  2rem;
     scroll-margin-top:  0 }
 .bd-cheatsheet .bd-heading,  .bd-cheatsheet article  {
     top:  calc(7.2rem + 1rem);
     scroll-margin-top:  calc(7.8rem + 1rem) }
 .bd-cheatsheet .bd-heading  {
     z-index:  1;
     order:  2 }
 .bd-cheatsheet .bd-heading .card  {
     margin-bottom:  0 }
 .bd-cheatsheet article .iq-document-card  {
     margin-bottom:  unset }
 .bd-cheatsheet article .iq-document-card.iq-doc-head  {
     margin-top:  -6.8rem }
 } @media (min-width:768px) and (max-width:1199.98px)  {
     .mobile-offcanvas  {
     width:  40% !important }
 } @media (max-width:767.98px)  {
     .main-img .container .h1,  .main-img .container h1  {
     font-size:  3.125rem }
 } @media (max-width:1199.98px)  {
     .header .container  {
     max-width:  unset !important }
 aside.mobile-offcanvas  {
     margin-top:  unset !important }
 aside.mobile-offcanvas .offcanvas-header  {
     display:  block }
 .body-class-1  {
     padding:  unset }
 .body-class-1.container  {
     max-width:  unset }
 #content .iq-side-content .card  {
     margin-top:  1.25rem }
 .mobile-offcanvas  {
     visibility:  hidden;
     transform:  translateX(-100%);
     border-radius:  0;
     display:  block;
     position:  fixed;
     top:  0;
     left:  0;
     height:  100vh;
     z-index:  1200;
     width:  75%;
     overflow-y:  scroll;
     overflow-x:  hidden;
     transition:  visibility .3s ease-in-out,  transform .3s ease-in-out;
     background:  rgba(255,  255,  255,  .8392156863);
     backdrop-filter:  blur(.5rem) }
 .mobile-offcanvas.show  {
     visibility:  visible;
     transform:  translateY(0) }
 .mobile-offcanvas .container,  .mobile-offcanvas .container-fluid,  .mobile-offcanvas .container-lg,  .mobile-offcanvas .container-md,  .mobile-offcanvas .container-sm,  .mobile-offcanvas .container-xl,  .mobile-offcanvas .container-xxl  {
     display:  block }
 } @media (min-width:1200px)  {
     .bd-aside.card.iq-document-card,  .bd-cheatsheet  {
     margin-top:  -3rem }
 aside.mobile-offcanvas .offcanvas-header  {
     display:  none }
 .bd-cheatsheet section .iq-side-content  {
     grid-column-end:  3 }
 .bd-cheatsheet section .iq-side-content .card  {
     margin-bottom:  0 }
 } .sidebar  {
     display:  block;
     position:  fixed;
     width:  100%;
     max-width:  var(--sidebar-width);
     top:  0;
     bottom:  0;
     transition:  var(--sidebar-transition);
     transition-duration:  var(--sidebar-transition-duration);
     transition-timing-function:  var(--sidebar-transition-function-ease);
     /* z-index:  910;
     */ background-color:  var(--bs-gray-900);
     color:  var(--bs-primary) }
 .sidebar .sidebar-body  {
     padding-right:  1rem;
     overflow:  hidden }
 .sidebar .data-scrollbar  {
     max-height:  92vh }
 .sidebar .sidebar-header  {
     border-bottom:  1px solid var(--bs-border-color);
     margin-bottom:  .25rem;
     /* ochhu */ padding:  .4em 1.5em;
     /* 👈 top-bottom nani */ }
 .sidebar .sidebar-logo  {
     transition-property:  transform,  opacity;
     transition-duration:  var(--sidebar-transition-duration);
     transition-timing-function:  var(--sidebar-transition-function-ease);
     margin-left:  1rem;
     margin-bottom:  0 }
 .sidebar .navbar-brand  {
     display:  flex;
     align-items:  center;
     padding:  1rem }
 .sidebar .navbar-brand svg  {
     color:  var(--bs-primary) }
 .sidebar .navbar-brand .logo-title  {
     margin-left:  1rem;
     margin-bottom:  0;
     transition:  var(--sidebar-transition);
     transition-duration:  var(--sidebar-transition-duration);
     transition-timing-function:  var(--sidebar-transition-function-ease);
     transform:  translateX(0);
     opacity:  1;
     color:  #000 }
 .sidebar .logo-main .logo-mini  {
     display:  none }
 .sidebar .logo-main .logo-normal  {
     display:  block }
 .sidebar .sidebar-toggle  {
     position:  absolute;
     top:  7em;
     left:  auto;
     right:  -1em;
     height:  2.281em;
     width:  2.281em;
     line-height:  2.281em;
     cursor:  pointer;
     background:  var(--bs-gray-900);
     z-index:  -1;
     border-radius:  .5em;
     transform:  rotate(45deg) }
 .sidebar .sidebar-toggle .icon  {
     display:  flex;
     transform:  rotate(0);
     transition:  var(--sidebar-transition);
     transition-duration:  var(--sidebar-transition-duration);
     transition-timing-function:  var(--sidebar-transition-function-ease) }
 .sidebar .sidebar-toggle .menu-btn  {
     transform:  rotate(-45deg);
     padding-left:  .625em;
     padding-top:  .1em;
     transition:  all .45s ease }
 .sidebar .sidebar-toggle .menu-btn i  {
     color:  var(--bs-body-color) }
 .sidebar-base .nav-item  {
     position:  relative;
     transition-property:  background-color,  color,  border-radius,  transform,  opacity,  padding-left,  padding-right;
     transition-duration:  var(--sidebar-transition-duration);
     transition-timing-function:  var(--sidebar-transition-function-ease);
     margin-top:  2px;
     color:  var(--bs-gray-600) }
 .sidebar-base .nav-item:not(.static-item)  {
     padding-left:  1rem }
 .sidebar-base .nav-item.static-item .default-icon  {
     text-transform:  uppercase;
     font-size:  .75rem;
     color:  var(--bs-gray-500);
     font-weight:  600 }
 .sidebar-base .nav-item .disabled  {
     color:  var(--bs-gray-400);
     cursor:  unset !important }
 .sidebar-base .nav-item .nav-link  {
     transition-property:  background-color,  color,  border-radius,  transform,  opacity;
     transition-duration:  var(--sidebar-transition-duration);
     transition-timing-function:  var(--sidebar-transition-function-ease);
     cursor:  pointer;
     line-height:  1.5;
     color:  var(--bs-body-color);
     text-transform:  capitalize;
     padding:  .625rem 1rem;
     display:  flex;
     align-items:  center;
     white-space:  nowrap;
     text-transform:  capitalize }
 .sidebar-base .nav-item .nav-link.active  {
     transition-property:  background-color,  color,  border-radius,  transform,  opacity;
     transition-duration:  var(--sidebar-transition-duration);
     transition-timing-function:  var(--sidebar-transition-function-ease);
     color:  var(--bs-primary) }
 .sidebar-base .nav-item .nav-link:hover  {
     color:  var(--bs-white) }
 .sidebar-base .nav-item .nav-link.static-item  {
     margin-bottom:  .5rem }
 .sidebar-base .nav-item .nav-link.static-item .mini-icon  {
     display:  none }
 .sidebar-base .nav-item .nav-link .item-name  {
     flex:  1;
     margin-left:  .5rem;
     transform:  translateX(0);
     opacity:  1;
     font-size:  .875rem;
     font-weight:  600 }
 .sidebar-base .nav-item .nav-link .icon  {
     font-size:  1.25rem;
     color:  var(--bs-heading-color) }
 .sidebar-base .nav-item .nav-link .sidenav-mini-icon  {
     opacity:  0;
     display:  none }
 .sidebar-base .nav-item .nav-link:not(.disabled) .right-icon  {
     color:  rgba(var(--bs-gray-rgb),  .3);
     transition:  var(--sidebar-transition);
     transition-duration:  var(--sidebar-transition-duration);
     transition-timing-function:  var(--sidebar-transition-function-ease-in-out);
     display:  flex }
 .sidebar-base .nav-item .nav-link:not(.disabled) .icon  {
     display:  flex }
 .sidebar-base .nav-item .nav-link:not(.disabled).active .right-icon,  .sidebar-base .nav-item .nav-link:not(.disabled)[aria-expanded=true] .right-icon  {
     transition:  var(--sidebar-transition);
     transition-duration:  var(--sidebar-transition-duration);
     transition-timing-function:  var(--sidebar-transition-function-ease-in-out);
     transform:  rotate(90deg);
     color:  var(--bs-white) }
 .sidebar-base .nav-item .nav-link:not(.disabled).active[aria-expanded=false] .right-icon  {
     transition:  var(--sidebar-transition);
     transition-duration:  var(--sidebar-transition-duration);
     transition-timing-function:  var(--sidebar-transition-function-ease-in-out);
     transform:  rotate(0) }
 .sidebar-base .nav-item .sub-nav .nav-link .icon  {
     font-size:  .75rem }
 .sidebar-base .sub-nav  {
     padding:  0;
     margin:  0;
     overflow:  hidden;
     transition:  var(--sidebar-transition);
     transition-duration:  var(--sidebar-transition-duration);
     transition-timing-function:  var(--sidebar-transition-function-ease-in-out) }
 body  {
     --sidebar-width:  15.625rem;
     --sidebar-transition:  all 400ms ease;
     --sidebar-transition-duration:  400ms;
     --sidebar-transition-function-ease:  ease;
     --sidebar-transition-function-ease-in-out:  ease-in-out }
 body:has(.sidebar-mini)  {
     --sidebar-width:  5rem }
 @media (max-width:1199px)  {
     .sidebar  {
     z-index:  11111 }
 .sidebar .sidebar-toggle  {
     background:  #e22b19;
     transform:  rotate(0);
     z-index:  1;
     right:  18px;
     top:  6.5em;
     text-align:  center }
 .sidebar .sidebar-toggle .menu-btn  {
     transform:  rotate(0);
     padding:  0 }
 .sidebar .sidebar-toggle .menu-btn i  {
     color:  var(--bs-white) }
 } .main-content .content-inner  {
     min-height:  calc(100vh - 6.6rem);
     padding:  3rem .5rem 0 .5rem }
 .sidebar+.main-content  {
     margin-left:  var(--sidebar-width);
     transition:  var(--sidebar-transition);
     transition-duration:  var(--sidebar-transition-duration);
     transition-timing-function:  var(--sidebar-transition-function-ease-in-out) }
 .sidebar+.main-content .content-inner  {
     margin-right:  19rem }
 @media (max-width:1549px)  {
     .sidebar+.main-content .content-inner  {
     margin-right:  0 }
 } @media (max-width:1399.98px)  {
     .sidebar+.main-content .content-inner  {
     margin-right:  7.25rem }
 } @media (max-width:1199px)  {
     .sidebar+.main-content  {
     margin-left:  unset }
 .sidebar+.main-content .content-inner  {
     margin-right:  unset }
 } .sidebar.sidebar-default .nav-link:not(.static-item)  {
     --shadow-dark-color:  var(--bs-primary-rgb) }
 .sidebar.sidebar-default .nav-link:not(.static-item).active,  .sidebar.sidebar-default .nav-link:not(.static-item)[aria-expanded=true]  {
     background:  #e22b19;
     color:  var(--bs-white);
     box-shadow:  0 10px 20px -10px rgba(var(--shadow-dark-color),  38%) }
 .sidebar.sidebar-default .nav-link:not(.static-item).active .icon,  .sidebar.sidebar-default .nav-link:not(.static-item)[aria-expanded=true] .icon  {
     color:  var(--bs-white) }
 .sidebar.sidebar-default .nav-link:not(.static-item):hover:not(.active):not([aria-expanded=true])  {
     background:  rgba(var(--bs-primary-rgb),  .1);
     color:  var(--bs-primary);
     box-shadow:  unset }
 .sidebar.sidebar-default .nav-link:not(.static-item):hover:not(.active):not([aria-expanded=true]) .icon  {
     color:  var(--bs-primary) }
 .sidebar.navs-rounded .sidebar-body .nav-item  {
     padding:  0 }
 .sidebar.navs-rounded .sidebar-body .nav-item.static-item  {
     padding:  0 }
 .sidebar.navs-rounded .sidebar-body .nav-item .nav-link  {
     padding:  .625rem 1.125rem;
     border-top-right-radius:  .25rem;
     border-bottom-right-radius:  .25rem }
 .sidebar.navs-rounded-all .sidebar-body .nav-item .nav-link  {
     border-radius:  .25rem }
 .sidebar.navs-rounded-all .sidebar-body .nav-item .nav-link .icons-size  {
     font-size:  .5rem;
     color:  var(--heading-color) }
 .sidebar.navs-rounded-all .sidebar-body .nav-item .nav-link.active .icons-size  {
     color:  var(--bs-white) }
 .sidebar.navs-pill .sidebar-body .nav-item  {
     padding:  0 }
 .sidebar.navs-pill .sidebar-body .nav-item.static-item  {
     padding:  0 }
 .sidebar.navs-pill .sidebar-body .nav-item .nav-link  {
     padding:  .625rem 1.125rem;
     border-top-right-radius:  50rem !important;
     border-bottom-right-radius:  50rem !important }
 .sidebar.navs-pill-all .sidebar-body .nav-item .nav-link  {
     border-radius:  50rem !important }
 .sidebar.sidebar-hover:hover  {
     --sidebar-width:  15.625rem;
     max-width:  var(--sidebar-width) }
 .sidebar.sidebar-hover:hover .sidebar-logo  {
     transform:  translateX(0);
     opacity:  1 }
 .sidebar.sidebar-hover:hover .navbar-brand .logo-title  {
     transform:  translateX(0);
     opacity:  1 }
 .sidebar.sidebar-hover.sidebar-mini.sidebar-transparent:hover+.main-content  {
     --sidebar-width:  15.625rem }
 .sidebar.sidebar-mini  {
     --sidebar-width:  5rem }
 .sidebar.sidebar-mini+.main-content  {
     transition:  var(--sidebar-transition);
     transition-duration:  var(--sidebar-transition-duration);
     transition-timing-function:  var(--sidebar-transition-function-ease);
     --sidebar-width:  5rem }
 .sidebar.sidebar-mini .navbar-brand .logo-title  {
     transform:  translateX(-100%) scale(0);
     opacity:  0 }
 .sidebar.sidebar-mini.sidebar-base:not(.sidebar-hover:hover) .nav-item .sub-nav .nav-item  {
     padding-left:  0 }
 .sidebar.sidebar-mini.sidebar-base:not(.sidebar-hover:hover) .nav-item.static-item  {
     padding-left:  1rem }
 .sidebar.sidebar-mini.sidebar-base:not(.sidebar-hover:hover) .nav-item .nav-link  {
     padding:  .625rem .75rem;
     gap:  0 !important }
 .sidebar.sidebar-mini.sidebar-base:not(.sidebar-hover:hover) .nav-item .nav-link .icons-size  {
     opacity:  0;
     visibility:  hidden;
     transition:  all .2s linear;
     display:  none }
 .sidebar.sidebar-mini.sidebar-base:not(.sidebar-hover:hover) .nav-item .sub-nav .nav-item .icon  {
     display:  none }
 .sidebar.sidebar-mini.sidebar-base:not(.sidebar-hover:hover) .nav-item .sub-nav .nav-link i.sidenav-mini-icon  {
     font-style:  inherit !important;
     opacity:  1;
     display:  block;
     margin-left:  .25rem }
 .sidebar.sidebar-mini.sidebar-base:not(.sidebar-hover:hover) .nav-item .nav-link:not(.static-item) span  {
     transition:  background-color .4s ease-in-out,  color .4s ease-in-out,  border-radius .4s ease-in-out,  transform .4s ease-in-out,  opacity .4s ease-in-out;
     transform:  translateX(-100%) scale(0);
     opacity:  0 }
 .sidebar.sidebar-mini.sidebar-base:not(.sidebar-hover:hover) .nav-item .nav-link:not(.static-item) span.sidenav-mini-icon  {
     opacity:  1;
     display:  block;
     transform:  translateX(-100%) scale(1) }
 .sidebar.sidebar-mini.sidebar-base:not(.sidebar-hover:hover) .nav-item .nav-link.static-item  {
     text-align:  center;
     justify-content:  center }
 .sidebar.sidebar-mini.sidebar-base:not(.sidebar-hover:hover) .nav-item .nav-link.static-item .default-icon  {
     display:  none }
 .sidebar.sidebar-mini.sidebar-base:not(.sidebar-hover:hover) .nav-item .nav-link.static-item .mini-icon  {
     display:  block;
     font-size:  calc(1rem - 2px) }
 .sidebar.sidebar-mini.sidebar-base.navs-rounded:not(.sidebar-hover:hover) .nav-item.static-item  {
     padding-left:  0 }
 .sidebar.sidebar-mini.sidebar-base.navs-rounded:not(.sidebar-hover:hover) .nav-item .nav-link  {
     padding:  .625rem 1.125rem }
 .sidebar.sidebar-mini.sidebar-base.navs-pill:not(.sidebar-hover:hover) .nav-item.static-item  {
     padding-left:  0 }
 .sidebar.sidebar-mini.sidebar-base.navs-pill:not(.sidebar-hover:hover) .nav-item .nav-link  {
     padding:  .625rem 1.125rem }
 .sidebar.sidebar-mini .sidebar-toggle .menu-btn  {
     transform:  scaleX(-1) rotate(45deg);
     padding-left:  0;
     padding-right:  1.1em }
 .sidebar.sidebar-mini .sidebar-header  {
     padding:  .964em 1em }
 .sidebar.sidebar-mini .sidebar-header .logo-title  {
     transition:  all .45s ease;
     transform:  translateX(-100%);
     opacity:  0;
     font-size:  0 }
 .sidebar.sidebar-mini.sidebar-hover:hover .sidebar-header .logo-title  {
     transform:  translateX(0);
     opacity:  1;
     font-size:  1.375rem }
 .sidebar-default:not(.left-bordered).sidebar-soft .navbar-nav .nav-item .nav-link:not(.disabled).active,  .sidebar-default:not(.left-bordered).sidebar-soft .navbar-nav .nav-item .nav-link:not(.disabled)[aria-expanded=true]  {
     background-color:  rgba(var(--bs-primary-rgb),  .1);
     box-shadow:  unset;
     color:  var(--bs-primary) }
 .sidebar-default:not(.left-bordered).sidebar-soft .navbar-nav .nav-item .nav-link:not(.disabled).active .icon,  .sidebar-default:not(.left-bordered).sidebar-soft .navbar-nav .nav-item .nav-link:not(.disabled).active .right-icon,  .sidebar-default:not(.left-bordered).sidebar-soft .navbar-nav .nav-item .nav-link:not(.disabled)[aria-expanded=true] .icon,  .sidebar-default:not(.left-bordered).sidebar-soft .navbar-nav .nav-item .nav-link:not(.disabled)[aria-expanded=true] .right-icon  {
     color:  var(--bs-primary) }
 .sidebar-default:not(.left-bordered).sidebar-soft .navbar-nav .nav-item .nav-link:not(.disabled):hover:not(.active):not([aria-expanded=true])  {
     background-color:  rgba(var(--bs-primary-rgb),  .1);
     color:  var(--bs-primary);
     box-shadow:  none }
 .sidebar-default:not(.left-bordered).sidebar-soft .navbar-nav .nav-item .nav-link:not(.disabled):hover:not(.active):not([aria-expanded=true]) .icon,  .sidebar-default:not(.left-bordered).sidebar-soft .navbar-nav .nav-item .nav-link:not(.disabled):hover:not(.active):not([aria-expanded=true]) .right-icon  {
     color:  var(--bs-primary) }
 .sidebar-default:not(.left-bordered).sidebar-soft.sidebar-color .navbar-nav .nav-item .nav-link:not(.disabled).active,  .sidebar-default:not(.left-bordered).sidebar-soft.sidebar-color .navbar-nav .nav-item .nav-link:not(.disabled)[aria-expanded=true]  {
     background-color:  rgba(var(--bs-white-rgb),  .1);
     box-shadow:  unset;
     color:  var(--bs-white) }
 .sidebar-default:not(.left-bordered).sidebar-soft.sidebar-color .navbar-nav .nav-item .nav-link:not(.disabled):hover:not(.active):not([aria-expanded=true])  {
     background-color:  rgba(var(--bs-white-rgb),  .2);
     color:  var(--bs-white);
     box-shadow:  none }
 .sidebar-toggle  {
     top:  1rem;
     padding:  .2rem;
     cursor:  pointer;
     color:  #000 }
 .sidebar-toggle .icon  {
     display:  flex;
     transform:  rotate(0);
     transition:  var(--sidebar-transition);
     transition-duration:  var(--sidebar-transition-duration);
     transition-timing-function:  var(--sidebar-transition-function-ease-in-out) }
 .sidebar-toggle .icon .icon-20  {
     display:  block;
     transition:  transform;
     transition-duration:  var(--sidebar-transition-duration);
     transition-timing-function:  var(--sidebar-transition-function-ease-in-out);
     height:  1.25rem;
     width:  1.25rem }
 .sidebar.sidebar-mini .sidebar-toggle .icon-20  {
     transition:  transform;
     transition-duration:  var(--sidebar-transition-duration);
     transition-timing-function:  var(--sidebar-transition-function-ease-in-out);
     transform:  rotate(180deg) }
 @media (max-width:1199.98PX)  {
     .sidebar-toggle  {
     right:  18px }
 } @media (max-width:991.98px)  {
     .right-sidebar-mini  {
     top:  0;
     z-index:  101 }
 } @media (max-width:1199.98px)  {
     .sidebar.sidebar-mini+.main-content  {
     margin-left:  0 }
 .sidebar.sidebar-mini  {
     transform:  translateX(-250%) }
 } .admin-chart-02  {
     height:  190px !important }
 .admin-chart-03  {
     height:  208px !important }
 .admin-chart-07  {
     min-height:  208px !important }
 .admin-chart-06  {
     height:  150px !important }
 .stories.storiesWrapper.carousel .story  {
     flex-shrink:  0;
     width:  90px;
     margin:  0 6px }
 .stories.storiesWrapper.carousel .story:first-child  {
     margin-left:  6px }
 .stories.storiesWrapper.carousel .story>.item-link  {
     margin-top:  5px }
 .stories.storiesWrapper.carousel .story>.item-link>.item-preview  {
     position:  relative;
     height:  auto;
     max-height:  max-content;
     overflow:  visible }
 .stories.storiesWrapper.carousel .story>.item-link>.item-preview img  {
     border-radius:  50% }
 .stories.storiesWrapper.carousel .story>.item-link>.item-preview::after  {
     content:  "";
     height:  calc(100% + 10px);
     width:  calc(100% + 10px);
     position:  absolute;
     top:  50%;
     left:  50%;
     transform:  translate(-50%,  -50%);
     border:  2px solid transparent;
     border-radius:  50%;
     background-image:  linear-gradient(var(--bs-body-bg),  var(--bs-body-bg)),  linear-gradient(to right,  #bd3381,  #ee583f);
     background-origin:  border-box;
     background-clip:  content-box,  border-box;
     z-index:  -1 }
 .stories.storiesWrapper.carousel .story>.item-link .info  {
     margin-top:  1rem }
 .stories.storiesWrapper.carousel .story>.item-link .info .name  {
     font-size:  .75rem;
     font-weight:  500;
     color:  var(--bs-body-color) }
 .stories.storiesWrapper.carousel .story>.item-link:hover .info .name  {
     color:  var(--bs-primary) }
 .stories.storiesWrapper.carousel .story.seen>.item-link>.item-preview::after  {
     background-image:  none;
     border-color:  var(--bs-border-color) }
 .offcanvas  {
     z-index:  11111 }
 .offcanvas.live-customizer  {
     box-shadow:  var(--bs-box-shadow-sm) }
 .select2-container--default .select2-selection--multiple  {
     background:  var(--bs-gray-900);
     padding:  .575rem .75rem }
 .select2-container--default .select2-selection--multiple .select2-selection__choice  {
     background-color:  var(--bs-gray-300) }
 .select2-container--default .select2-selection__choice__display  {
     color:  var(--bs-secondary) }
 .select2-container--default .select2-results__option--selected  {
     background-color:  var(--bs-gray-200) }
 .select2-container--default .select2-results__option--selectable  {
     background:  var(--bs-gray-900) }
 /*! * animate.css - https://animate.style/ * Version - 4.1.1 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2020 Animate.css */ :root  {
     --animate-duration:  1s;
     --animate-delay:  1s;
     --animate-repeat:  1 }
 .animate__animated  {
     animation-duration:  1s;
     animation-duration:  var(--animate-duration);
     animation-fill-mode:  both }
 .animate__animated.animate__infinite  {
     animation-iteration-count:  infinite }
 .animate__animated.animate__repeat-1  {
     animation-iteration-count:  1;
     animation-iteration-count:  var(--animate-repeat) }
 .animate__animated.animate__repeat-2  {
     animation-iteration-count:  2;
     animation-iteration-count:  calc(var(--animate-repeat) * 2) }
 .animate__animated.animate__repeat-3  {
     animation-iteration-count:  3;
     animation-iteration-count:  calc(var(--animate-repeat) * 3) }
 .animate__animated.animate__delay-1s  {
     animation-delay:  1s;
     animation-delay:  var(--animate-delay) }
 .animate__animated.animate__delay-2s  {
     animation-delay:  2s;
     animation-delay:  calc(var(--animate-delay) * 2) }
 .animate__animated.animate__delay-3s  {
     animation-delay:  3s;
     animation-delay:  calc(var(--animate-delay) * 3) }
 .animate__animated.animate__delay-4s  {
     animation-delay:  4s;
     animation-delay:  calc(var(--animate-delay) * 4) }
 .animate__animated.animate__delay-5s  {
     animation-delay:  5s;
     animation-delay:  calc(var(--animate-delay) * 5) }
 .animate__animated.animate__faster  {
     animation-duration:  .5s;
     animation-duration:  calc(var(--animate-duration)/ 2) }
 .animate__animated.animate__fast  {
     animation-duration:  .8s;
     animation-duration:  calc(var(--animate-duration) * .8) }
 .animate__animated.animate__slow  {
     animation-duration:  2s;
     animation-duration:  calc(var(--animate-duration) * 2) }
 .animate__animated.animate__slower  {
     animation-duration:  3s;
     animation-duration:  calc(var(--animate-duration) * 3) }
 @media print,  (prefers-reduced-motion:reduce)  {
     .animate__animated  {
     animation-duration:  1ms !important;
     transition-duration:  1ms !important;
     animation-iteration-count:  1 !important }
 .animate__animated[class*=Out]  {
     opacity:  0 }
 } @keyframes bounce  {
     20%,  53%,  from,  to  {
     animation-timing-function:  cubic-bezier(.215,  .61,  .355,  1);
     transform:  translate3d(0,  0,  0) }
 40%,  43%  {
     animation-timing-function:  cubic-bezier(.755,  .05,  .855,  .06);
     transform:  translate3d(0,  -30px,  0) scaleY(1.1) }
 70%  {
     animation-timing-function:  cubic-bezier(.755,  .05,  .855,  .06);
     transform:  translate3d(0,  -15px,  0) scaleY(1.05) }
 80%  {
     transition-timing-function:  cubic-bezier(.215,  .61,  .355,  1);
     transform:  translate3d(0,  0,  0) scaleY(.95) }
 90%  {
     transform:  translate3d(0,  -4px,  0) scaleY(1.02) }
 } .animate__bounce  {
     animation-name:  bounce;
     transform-origin:  center bottom }
 @keyframes flash  {
     50%,  from,  to  {
     opacity:  1 }
 25%,  75%  {
     opacity:  0 }
 } .animate__flash  {
     animation-name:  flash }
 @keyframes pulse  {
     from  {
     transform:  scale3d(1,  1,  1) }
 50%  {
     transform:  scale3d(1.05,  1.05,  1.05) }
 to  {
     transform:  scale3d(1,  1,  1) }
 } .animate__pulse  {
     animation-name:  pulse;
     animation-timing-function:  ease-in-out }
 @keyframes rubberBand  {
     from  {
     transform:  scale3d(1,  1,  1) }
 30%  {
     transform:  scale3d(1.05,  .75,  1) }
 40%  {
     transform:  scale3d(.75,  1.25,  1) }
 50%  {
     transform:  scale3d(1.08,  .75,  1) }
 65%  {
     transform:  scale3d(.95,  1.05,  1) }
 75%  {
     transform:  scale3d(1.02,  .95,  1) }
 to  {
     transform:  scale3d(1,  1,  1) }
 } .animate__rubberBand  {
     animation-name:  rubberBand }
 @keyframes shakeX  {
     from,  to  {
     transform:  translate3d(0,  0,  0) }
 10%,  30%,  50%,  70%,  90%  {
     transform:  translate3d(-10px,  0,  0) }
 20%,  40%,  60%,  80%  {
     transform:  translate3d(10px,  0,  0) }
 } .animate__shakeX  {
     animation-name:  shakeX }
 @keyframes shakeY  {
     from,  to  {
     transform:  translate3d(0,  0,  0) }
 10%,  30%,  50%,  70%,  90%  {
     transform:  translate3d(0,  -10px,  0) }
 20%,  40%,  60%,  80%  {
     transform:  translate3d(0,  10px,  0) }
 } .animate__shakeY  {
     animation-name:  shakeY }
 @keyframes headShake  {
     0%  {
     transform:  translateX(0) }
 6.5%  {
     transform:  translateX(-6px) rotateY(-9deg) }
 18.5%  {
     transform:  translateX(5px) rotateY(7deg) }
 31.5%  {
     transform:  translateX(-3px) rotateY(-5deg) }
 43.5%  {
     transform:  translateX(2px) rotateY(3deg) }
 50%  {
     transform:  translateX(0) }
 } .animate__headShake  {
     animation-timing-function:  ease-in-out;
     animation-name:  headShake }
 @keyframes swing  {
     20%  {
     transform:  rotate3d(0,  0,  1,  15deg) }
 40%  {
     transform:  rotate3d(0,  0,  1,  -10deg) }
 60%  {
     transform:  rotate3d(0,  0,  1,  5deg) }
 80%  {
     transform:  rotate3d(0,  0,  1,  -5deg) }
 to  {
     transform:  rotate3d(0,  0,  1,  0deg) }
 } .animate__swing  {
     transform-origin:  top center;
     animation-name:  swing }
 @keyframes tada  {
     from  {
     transform:  scale3d(1,  1,  1) }
 10%,  20%  {
     transform:  scale3d(.9,  .9,  .9) rotate3d(0,  0,  1,  -3deg) }
 30%,  50%,  70%,  90%  {
     transform:  scale3d(1.1,  1.1,  1.1) rotate3d(0,  0,  1,  3deg) }
 40%,  60%,  80%  {
     transform:  scale3d(1.1,  1.1,  1.1) rotate3d(0,  0,  1,  -3deg) }
 to  {
     transform:  scale3d(1,  1,  1) }
 } .animate__tada  {
     animation-name:  tada }
 @keyframes wobble  {
     from  {
     transform:  translate3d(0,  0,  0) }
 15%  {
     transform:  translate3d(-25%,  0,  0) rotate3d(0,  0,  1,  -5deg) }
 30%  {
     transform:  translate3d(20%,  0,  0) rotate3d(0,  0,  1,  3deg) }
 45%  {
     transform:  translate3d(-15%,  0,  0) rotate3d(0,  0,  1,  -3deg) }
 60%  {
     transform:  translate3d(10%,  0,  0) rotate3d(0,  0,  1,  2deg) }
 75%  {
     transform:  translate3d(-5%,  0,  0) rotate3d(0,  0,  1,  -1deg) }
 to  {
     transform:  translate3d(0,  0,  0) }
 } .animate__wobble  {
     animation-name:  wobble }
 @keyframes jello  {
     11.1%,  from,  to  {
     transform:  translate3d(0,  0,  0) }
 22.2%  {
     transform:  skewX(-12.5deg) skewY(-12.5deg) }
 33.3%  {
     transform:  skewX(6.25deg) skewY(6.25deg) }
 44.4%  {
     transform:  skewX(-3.125deg) skewY(-3.125deg) }
 55.5%  {
     transform:  skewX(1.5625deg) skewY(1.5625deg) }
 66.6%  {
     transform:  skewX(-.78125deg) skewY(-.78125deg) }
 77.7%  {
     transform:  skewX(.390625deg) skewY(.390625deg) }
 88.8%  {
     transform:  skewX(-.1953125deg) skewY(-.1953125deg) }
 } .animate__jello  {
     animation-name:  jello;
     transform-origin:  center }
 @keyframes heartBeat  {
     0%  {
     transform:  scale(1) }
 14%  {
     transform:  scale(1.3) }
 28%  {
     transform:  scale(1) }
 42%  {
     transform:  scale(1.3) }
 70%  {
     transform:  scale(1) }
 } .animate__heartBeat  {
     animation-name:  heartBeat;
     animation-duration:  1.3s;
     animation-duration:  calc(var(--animate-duration) * 1.3);
     animation-timing-function:  ease-in-out }
 @keyframes backInDown  {
     0%  {
     transform:  translateY(-1200px) scale(.7);
     opacity:  .7 }
 80%  {
     transform:  translateY(0) scale(.7);
     opacity:  .7 }
 100%  {
     transform:  scale(1);
     opacity:  1 }
 } .animate__backInDown  {
     animation-name:  backInDown }
 @keyframes backInLeft  {
     0%  {
     transform:  translateX(-2000px) scale(.7);
     opacity:  .7 }
 80%  {
     transform:  translateX(0) scale(.7);
     opacity:  .7 }
 100%  {
     transform:  scale(1);
     opacity:  1 }
 } .animate__backInLeft  {
     animation-name:  backInLeft }
 @keyframes backInRight  {
     0%  {
     transform:  translateX(2000px) scale(.7);
     opacity:  .7 }
 80%  {
     transform:  translateX(0) scale(.7);
     opacity:  .7 }
 100%  {
     transform:  scale(1);
     opacity:  1 }
 } .animate__backInRight  {
     animation-name:  backInRight }
 @keyframes backInUp  {
     0%  {
     transform:  translateY(1200px) scale(.7);
     opacity:  .7 }
 80%  {
     transform:  translateY(0) scale(.7);
     opacity:  .7 }
 100%  {
     transform:  scale(1);
     opacity:  1 }
 } .animate__backInUp  {
     animation-name:  backInUp }
 @keyframes backOutDown  {
     0%  {
     transform:  scale(1);
     opacity:  1 }
 20%  {
     transform:  translateY(0) scale(.7);
     opacity:  .7 }
 100%  {
     transform:  translateY(700px) scale(.7);
     opacity:  .7 }
 } .animate__backOutDown  {
     animation-name:  backOutDown }
 @keyframes backOutLeft  {
     0%  {
     transform:  scale(1);
     opacity:  1 }
 20%  {
     transform:  translateX(0) scale(.7);
     opacity:  .7 }
 100%  {
     transform:  translateX(-2000px) scale(.7);
     opacity:  .7 }
 } .animate__backOutLeft  {
     animation-name:  backOutLeft }
 @keyframes backOutRight  {
     0%  {
     transform:  scale(1);
     opacity:  1 }
 20%  {
     transform:  translateX(0) scale(.7);
     opacity:  .7 }
 100%  {
     transform:  translateX(2000px) scale(.7);
     opacity:  .7 }
 } .animate__backOutRight  {
     animation-name:  backOutRight }
 @keyframes backOutUp  {
     0%  {
     transform:  scale(1);
     opacity:  1 }
 20%  {
     transform:  translateY(0) scale(.7);
     opacity:  .7 }
 100%  {
     transform:  translateY(-700px) scale(.7);
     opacity:  .7 }
 } .animate__backOutUp  {
     animation-name:  backOutUp }
 @keyframes bounceIn  {
     20%,  40%,  60%,  80%,  from,  to  {
     animation-timing-function:  cubic-bezier(.215,  .61,  .355,  1) }
 0%  {
     opacity:  0;
     transform:  scale3d(.3,  .3,  .3) }
 20%  {
     transform:  scale3d(1.1,  1.1,  1.1) }
 40%  {
     transform:  scale3d(.9,  .9,  .9) }
 60%  {
     opacity:  1;
     transform:  scale3d(1.03,  1.03,  1.03) }
 80%  {
     transform:  scale3d(.97,  .97,  .97) }
 to  {
     opacity:  1;
     transform:  scale3d(1,  1,  1) }
 } .animate__bounceIn  {
     animation-duration:  .75s;
     animation-duration:  calc(var(--animate-duration) * .75);
     animation-name:  bounceIn }
 @keyframes bounceInDown  {
     60%,  75%,  90%,  from,  to  {
     animation-timing-function:  cubic-bezier(.215,  .61,  .355,  1) }
 0%  {
     opacity:  0;
     transform:  translate3d(0,  -3000px,  0) scaleY(3) }
 60%  {
     opacity:  1;
     transform:  translate3d(0,  25px,  0) scaleY(.9) }
 75%  {
     transform:  translate3d(0,  -10px,  0) scaleY(.95) }
 90%  {
     transform:  translate3d(0,  5px,  0) scaleY(.985) }
 to  {
     transform:  translate3d(0,  0,  0) }
 } .animate__bounceInDown  {
     animation-name:  bounceInDown }
 @keyframes bounceInLeft  {
     60%,  75%,  90%,  from,  to  {
     animation-timing-function:  cubic-bezier(.215,  .61,  .355,  1) }
 0%  {
     opacity:  0;
     transform:  translate3d(-3000px,  0,  0) scaleX(3) }
 60%  {
     opacity:  1;
     transform:  translate3d(25px,  0,  0) scaleX(1) }
 75%  {
     transform:  translate3d(-10px,  0,  0) scaleX(.98) }
 90%  {
     transform:  translate3d(5px,  0,  0) scaleX(.995) }
 to  {
     transform:  translate3d(0,  0,  0) }
 } .animate__bounceInLeft  {
     animation-name:  bounceInLeft }
 @keyframes bounceInRight  {
     60%,  75%,  90%,  from,  to  {
     animation-timing-function:  cubic-bezier(.215,  .61,  .355,  1) }
 from  {
     opacity:  0;
     transform:  translate3d(3000px,  0,  0) scaleX(3) }
 60%  {
     opacity:  1;
     transform:  translate3d(-25px,  0,  0) scaleX(1) }
 75%  {
     transform:  translate3d(10px,  0,  0) scaleX(.98) }
 90%  {
     transform:  translate3d(-5px,  0,  0) scaleX(.995) }
 to  {
     transform:  translate3d(0,  0,  0) }
 } .animate__bounceInRight  {
     animation-name:  bounceInRight }
 @keyframes bounceInUp  {
     60%,  75%,  90%,  from,  to  {
     animation-timing-function:  cubic-bezier(.215,  .61,  .355,  1) }
 from  {
     opacity:  0;
     transform:  translate3d(0,  3000px,  0) scaleY(5) }
 60%  {
     opacity:  1;
     transform:  translate3d(0,  -20px,  0) scaleY(.9) }
 75%  {
     transform:  translate3d(0,  10px,  0) scaleY(.95) }
 90%  {
     transform:  translate3d(0,  -5px,  0) scaleY(.985) }
 to  {
     transform:  translate3d(0,  0,  0) }
 } .animate__bounceInUp  {
     animation-name:  bounceInUp }
 @keyframes bounceOut  {
     20%  {
     transform:  scale3d(.9,  .9,  .9) }
 50%,  55%  {
     opacity:  1;
     transform:  scale3d(1.1,  1.1,  1.1) }
 to  {
     opacity:  0;
     transform:  scale3d(.3,  .3,  .3) }
 } .animate__bounceOut  {
     animation-duration:  .75s;
     animation-duration:  calc(var(--animate-duration) * .75);
     animation-name:  bounceOut }
 @keyframes bounceOutDown  {
     20%  {
     transform:  translate3d(0,  10px,  0) scaleY(.985) }
 40%,  45%  {
     opacity:  1;
     transform:  translate3d(0,  -20px,  0) scaleY(.9) }
 to  {
     opacity:  0;
     transform:  translate3d(0,  2000px,  0) scaleY(3) }
 } .animate__bounceOutDown  {
     animation-name:  bounceOutDown }
 @keyframes bounceOutLeft  {
     20%  {
     opacity:  1;
     transform:  translate3d(20px,  0,  0) scaleX(.9) }
 to  {
     opacity:  0;
     transform:  translate3d(-2000px,  0,  0) scaleX(2) }
 } .animate__bounceOutLeft  {
     animation-name:  bounceOutLeft }
 @keyframes bounceOutRight  {
     20%  {
     opacity:  1;
     transform:  translate3d(-20px,  0,  0) scaleX(.9) }
 to  {
     opacity:  0;
     transform:  translate3d(2000px,  0,  0) scaleX(2) }
 } .animate__bounceOutRight  {
     animation-name:  bounceOutRight }
 @keyframes bounceOutUp  {
     20%  {
     transform:  translate3d(0,  -10px,  0) scaleY(.985) }
 40%,  45%  {
     opacity:  1;
     transform:  translate3d(0,  20px,  0) scaleY(.9) }
 to  {
     opacity:  0;
     transform:  translate3d(0,  -2000px,  0) scaleY(3) }
 } .animate__bounceOutUp  {
     animation-name:  bounceOutUp }
 @keyframes fadeIn  {
     from  {
     opacity:  0 }
 to  {
     opacity:  1 }
 } .animate__fadeIn  {
     animation-name:  fadeIn }
 @keyframes fadeInDown  {
     from  {
     opacity:  0;
     transform:  translate3d(0,  -100%,  0) }
 to  {
     opacity:  1;
     transform:  translate3d(0,  0,  0) }
 } .animate__fadeInDown  {
     animation-name:  fadeInDown }
 @keyframes fadeInDownBig  {
     from  {
     opacity:  0;
     transform:  translate3d(0,  -2000px,  0) }
 to  {
     opacity:  1;
     transform:  translate3d(0,  0,  0) }
 } .animate__fadeInDownBig  {
     animation-name:  fadeInDownBig }
 @keyframes fadeInLeft  {
     from  {
     opacity:  0;
     transform:  translate3d(-100%,  0,  0) }
 to  {
     opacity:  1;
     transform:  translate3d(0,  0,  0) }
 } .animate__fadeInLeft  {
     animation-name:  fadeInLeft }
 @keyframes fadeInLeftBig  {
     from  {
     opacity:  0;
     transform:  translate3d(-2000px,  0,  0) }
 to  {
     opacity:  1;
     transform:  translate3d(0,  0,  0) }
 } .animate__fadeInLeftBig  {
     animation-name:  fadeInLeftBig }
 @keyframes fadeInRight  {
     from  {
     opacity:  0;
     transform:  translate3d(100%,  0,  0) }
 to  {
     opacity:  1;
     transform:  translate3d(0,  0,  0) }
 } .animate__fadeInRight  {
     animation-name:  fadeInRight }
 @keyframes fadeInRightBig  {
     from  {
     opacity:  0;
     transform:  translate3d(2000px,  0,  0) }
 to  {
     opacity:  1;
     transform:  translate3d(0,  0,  0) }
 } .animate__fadeInRightBig  {
     animation-name:  fadeInRightBig }
 @keyframes fadeInUp  {
     from  {
     opacity:  0;
     transform:  translate3d(0,  100%,  0) }
 to  {
     opacity:  1;
     transform:  translate3d(0,  0,  0) }
 } .animate__fadeInUp  {
     animation-name:  fadeInUp }
 @keyframes fadeInUpBig  {
     from  {
     opacity:  0;
     transform:  translate3d(0,  2000px,  0) }
 to  {
     opacity:  1;
     transform:  translate3d(0,  0,  0) }
 } .animate__fadeInUpBig  {
     animation-name:  fadeInUpBig }
 @keyframes fadeInTopLeft  {
     from  {
     opacity:  0;
     transform:  translate3d(-100%,  -100%,  0) }
 to  {
     opacity:  1;
     transform:  translate3d(0,  0,  0) }
 } .animate__fadeInTopLeft  {
     animation-name:  fadeInTopLeft }
 @keyframes fadeInTopRight  {
     from  {
     opacity:  0;
     transform:  translate3d(100%,  -100%,  0) }
 to  {
     opacity:  1;
     transform:  translate3d(0,  0,  0) }
 } .animate__fadeInTopRight  {
     animation-name:  fadeInTopRight }
 @keyframes fadeInBottomLeft  {
     from  {
     opacity:  0;
     transform:  translate3d(-100%,  100%,  0) }
 to  {
     opacity:  1;
     transform:  translate3d(0,  0,  0) }
 } .animate__fadeInBottomLeft  {
     animation-name:  fadeInBottomLeft }
 @keyframes fadeInBottomRight  {
     from  {
     opacity:  0;
     transform:  translate3d(100%,  100%,  0) }
 to  {
     opacity:  1;
     transform:  translate3d(0,  0,  0) }
 } .animate__fadeInBottomRight  {
     animation-name:  fadeInBottomRight }
 @keyframes fadeOut  {
     from  {
     opacity:  1 }
 to  {
     opacity:  0 }
 } .animate__fadeOut  {
     animation-name:  fadeOut }
 @keyframes fadeOutDown  {
     from  {
     opacity:  1 }
 to  {
     opacity:  0;
     transform:  translate3d(0,  100%,  0) }
 } .animate__fadeOutDown  {
     animation-name:  fadeOutDown }
 @keyframes fadeOutDownBig  {
     from  {
     opacity:  1 }
 to  {
     opacity:  0;
     transform:  translate3d(0,  2000px,  0) }
 } .animate__fadeOutDownBig  {
     animation-name:  fadeOutDownBig }
 @keyframes fadeOutLeft  {
     from  {
     opacity:  1 }
 to  {
     opacity:  0;
     transform:  translate3d(-100%,  0,  0) }
 } .animate__fadeOutLeft  {
     animation-name:  fadeOutLeft }
 @keyframes fadeOutLeftBig  {
     from  {
     opacity:  1 }
 to  {
     opacity:  0;
     transform:  translate3d(-2000px,  0,  0) }
 } .animate__fadeOutLeftBig  {
     animation-name:  fadeOutLeftBig }
 @keyframes fadeOutRight  {
     from  {
     opacity:  1 }
 to  {
     opacity:  0;
     transform:  translate3d(100%,  0,  0) }
 } .animate__fadeOutRight  {
     animation-name:  fadeOutRight }
 @keyframes fadeOutRightBig  {
     from  {
     opacity:  1 }
 to  {
     opacity:  0;
     transform:  translate3d(2000px,  0,  0) }
 } .animate__fadeOutRightBig  {
     animation-name:  fadeOutRightBig }
 @keyframes fadeOutUp  {
     from  {
     opacity:  1 }
 to  {
     opacity:  0;
     transform:  translate3d(0,  -100%,  0) }
 } .animate__fadeOutUp  {
     animation-name:  fadeOutUp }
 @keyframes fadeOutUpBig  {
     from  {
     opacity:  1 }
 to  {
     opacity:  0;
     transform:  translate3d(0,  -2000px,  0) }
 } .animate__fadeOutUpBig  {
     animation-name:  fadeOutUpBig }
 @keyframes fadeOutTopLeft  {
     from  {
     opacity:  1;
     transform:  translate3d(0,  0,  0) }
 to  {
     opacity:  0;
     transform:  translate3d(-100%,  -100%,  0) }
 } .animate__fadeOutTopLeft  {
     animation-name:  fadeOutTopLeft }
 @keyframes fadeOutTopRight  {
     from  {
     opacity:  1;
     transform:  translate3d(0,  0,  0) }
 to  {
     opacity:  0;
     transform:  translate3d(100%,  -100%,  0) }
 } .animate__fadeOutTopRight  {
     animation-name:  fadeOutTopRight }
 @keyframes fadeOutBottomRight  {
     from  {
     opacity:  1;
     transform:  translate3d(0,  0,  0) }
 to  {
     opacity:  0;
     transform:  translate3d(100%,  100%,  0) }
 } .animate__fadeOutBottomRight  {
     animation-name:  fadeOutBottomRight }
 @keyframes fadeOutBottomLeft  {
     from  {
     opacity:  1;
     transform:  translate3d(0,  0,  0) }
 to  {
     opacity:  0;
     transform:  translate3d(-100%,  100%,  0) }
 } .animate__fadeOutBottomLeft  {
     animation-name:  fadeOutBottomLeft }
 @keyframes flip  {
     from  {
     transform:  perspective(400px) scale3d(1,  1,  1) translate3d(0,  0,  0) rotate3d(0,  1,  0,  -360deg);
     animation-timing-function:  ease-out }
 40%  {
     transform:  perspective(400px) scale3d(1,  1,  1) translate3d(0,  0,  150px) rotate3d(0,  1,  0,  -190deg);
     animation-timing-function:  ease-out }
 50%  {
     transform:  perspective(400px) scale3d(1,  1,  1) translate3d(0,  0,  150px) rotate3d(0,  1,  0,  -170deg);
     animation-timing-function:  ease-in }
 80%  {
     transform:  perspective(400px) scale3d(.95,  .95,  .95) translate3d(0,  0,  0) rotate3d(0,  1,  0,  0deg);
     animation-timing-function:  ease-in }
 to  {
     transform:  perspective(400px) scale3d(1,  1,  1) translate3d(0,  0,  0) rotate3d(0,  1,  0,  0deg);
     animation-timing-function:  ease-in }
 } .animate__animated.animate__flip  {
     backface-visibility:  visible;
     animation-name:  flip }
 @keyframes flipInX  {
     from  {
     transform:  perspective(400px) rotate3d(1,  0,  0,  90deg);
     animation-timing-function:  ease-in;
     opacity:  0 }
 40%  {
     transform:  perspective(400px) rotate3d(1,  0,  0,  -20deg);
     animation-timing-function:  ease-in }
 60%  {
     transform:  perspective(400px) rotate3d(1,  0,  0,  10deg);
     opacity:  1 }
 80%  {
     transform:  perspective(400px) rotate3d(1,  0,  0,  -5deg) }
 to  {
     transform:  perspective(400px) }
 } .animate__flipInX  {
     backface-visibility:  visible !important;
     animation-name:  flipInX }
 @keyframes flipInY  {
     from  {
     transform:  perspective(400px) rotate3d(0,  1,  0,  90deg);
     animation-timing-function:  ease-in;
     opacity:  0 }
 40%  {
     transform:  perspective(400px) rotate3d(0,  1,  0,  -20deg);
     animation-timing-function:  ease-in }
 60%  {
     transform:  perspective(400px) rotate3d(0,  1,  0,  10deg);
     opacity:  1 }
 80%  {
     transform:  perspective(400px) rotate3d(0,  1,  0,  -5deg) }
 to  {
     transform:  perspective(400px) }
 } .animate__flipInY  {
     backface-visibility:  visible !important;
     animation-name:  flipInY }
 @keyframes flipOutX  {
     from  {
     transform:  perspective(400px) }
 30%  {
     transform:  perspective(400px) rotate3d(1,  0,  0,  -20deg);
     opacity:  1 }
 to  {
     transform:  perspective(400px) rotate3d(1,  0,  0,  90deg);
     opacity:  0 }
 } .animate__flipOutX  {
     animation-duration:  .75s;
     animation-duration:  calc(var(--animate-duration) * .75);
     animation-name:  flipOutX;
     backface-visibility:  visible !important }
 @keyframes flipOutY  {
     from  {
     transform:  perspective(400px) }
 30%  {
     transform:  perspective(400px) rotate3d(0,  1,  0,  -15deg);
     opacity:  1 }
 to  {
     transform:  perspective(400px) rotate3d(0,  1,  0,  90deg);
     opacity:  0 }
 } .animate__flipOutY  {
     animation-duration:  .75s;
     animation-duration:  calc(var(--animate-duration) * .75);
     backface-visibility:  visible !important;
     animation-name:  flipOutY }
 @keyframes lightSpeedInRight  {
     from  {
     transform:  translate3d(100%,  0,  0) skewX(-30deg);
     opacity:  0 }
 60%  {
     transform:  skewX(20deg);
     opacity:  1 }
 80%  {
     transform:  skewX(-5deg) }
 to  {
     transform:  translate3d(0,  0,  0) }
 } .animate__lightSpeedInRight  {
     animation-name:  lightSpeedInRight;
     animation-timing-function:  ease-out }
 @keyframes lightSpeedInLeft  {
     from  {
     transform:  translate3d(-100%,  0,  0) skewX(30deg);
     opacity:  0 }
 60%  {
     transform:  skewX(-20deg);
     opacity:  1 }
 80%  {
     transform:  skewX(5deg) }
 to  {
     transform:  translate3d(0,  0,  0) }
 } .animate__lightSpeedInLeft  {
     animation-name:  lightSpeedInLeft;
     animation-timing-function:  ease-out }
 @keyframes lightSpeedOutRight  {
     from  {
     opacity:  1 }
 to  {
     transform:  translate3d(100%,  0,  0) skewX(30deg);
     opacity:  0 }
 } .animate__lightSpeedOutRight  {
     animation-name:  lightSpeedOutRight;
     animation-timing-function:  ease-in }
 @keyframes lightSpeedOutLeft  {
     from  {
     opacity:  1 }
 to  {
     transform:  translate3d(-100%,  0,  0) skewX(-30deg);
     opacity:  0 }
 } .animate__lightSpeedOutLeft  {
     animation-name:  lightSpeedOutLeft;
     animation-timing-function:  ease-in }
 @keyframes rotateIn  {
     from  {
     transform:  rotate3d(0,  0,  1,  -200deg);
     opacity:  0 }
 to  {
     transform:  translate3d(0,  0,  0);
     opacity:  1 }
 } .animate__rotateIn  {
     animation-name:  rotateIn;
     transform-origin:  center }
 @keyframes rotateInDownLeft  {
     from  {
     transform:  rotate3d(0,  0,  1,  -45deg);
     opacity:  0 }
 to  {
     transform:  translate3d(0,  0,  0);
     opacity:  1 }
 } .animate__rotateInDownLeft  {
     animation-name:  rotateInDownLeft;
     transform-origin:  left bottom }
 @keyframes rotateInDownRight  {
     from  {
     transform:  rotate3d(0,  0,  1,  45deg);
     opacity:  0 }
 to  {
     transform:  translate3d(0,  0,  0);
     opacity:  1 }
 } .animate__rotateInDownRight  {
     animation-name:  rotateInDownRight;
     transform-origin:  right bottom }
 @keyframes rotateInUpLeft  {
     from  {
     transform:  rotate3d(0,  0,  1,  45deg);
     opacity:  0 }
 to  {
     transform:  translate3d(0,  0,  0);
     opacity:  1 }
 } .animate__rotateInUpLeft  {
     animation-name:  rotateInUpLeft;
     transform-origin:  left bottom }
 @keyframes rotateInUpRight  {
     from  {
     transform:  rotate3d(0,  0,  1,  -90deg);
     opacity:  0 }
 to  {
     transform:  translate3d(0,  0,  0);
     opacity:  1 }
 } .animate__rotateInUpRight  {
     animation-name:  rotateInUpRight;
     transform-origin:  right bottom }
 @keyframes rotateOut  {
     from  {
     opacity:  1 }
 to  {
     transform:  rotate3d(0,  0,  1,  200deg);
     opacity:  0 }
 } .animate__rotateOut  {
     animation-name:  rotateOut;
     transform-origin:  center }
 @keyframes rotateOutDownLeft  {
     from  {
     opacity:  1 }
 to  {
     transform:  rotate3d(0,  0,  1,  45deg);
     opacity:  0 }
 } .animate__rotateOutDownLeft  {
     animation-name:  rotateOutDownLeft;
     transform-origin:  left bottom }
 @keyframes rotateOutDownRight  {
     from  {
     opacity:  1 }
 to  {
     transform:  rotate3d(0,  0,  1,  -45deg);
     opacity:  0 }
 } .animate__rotateOutDownRight  {
     animation-name:  rotateOutDownRight;
     transform-origin:  right bottom }
 @keyframes rotateOutUpLeft  {
     from  {
     opacity:  1 }
 to  {
     transform:  rotate3d(0,  0,  1,  -45deg);
     opacity:  0 }
 } .animate__rotateOutUpLeft  {
     animation-name:  rotateOutUpLeft;
     transform-origin:  left bottom }
 @keyframes rotateOutUpRight  {
     from  {
     opacity:  1 }
 to  {
     transform:  rotate3d(0,  0,  1,  90deg);
     opacity:  0 }
 } .animate__rotateOutUpRight  {
     animation-name:  rotateOutUpRight;
     transform-origin:  right bottom }
 @keyframes hinge  {
     0%  {
     animation-timing-function:  ease-in-out }
 20%,  60%  {
     transform:  rotate3d(0,  0,  1,  80deg);
     animation-timing-function:  ease-in-out }
 40%,  80%  {
     transform:  rotate3d(0,  0,  1,  60deg);
     animation-timing-function:  ease-in-out;
     opacity:  1 }
 to  {
     transform:  translate3d(0,  700px,  0);
     opacity:  0 }
 } .animate__hinge  {
     animation-duration:  2s;
     animation-duration:  calc(var(--animate-duration) * 2);
     animation-name:  hinge;
     transform-origin:  top left }
 @keyframes jackInTheBox  {
     from  {
     opacity:  0;
     transform:  scale(.1) rotate(30deg);
     transform-origin:  center bottom }
 50%  {
     transform:  rotate(-10deg) }
 70%  {
     transform:  rotate(3deg) }
 to  {
     opacity:  1;
     transform:  scale(1) }
 } .animate__jackInTheBox  {
     animation-name:  jackInTheBox }
 @keyframes rollIn  {
     from  {
     opacity:  0;
     transform:  translate3d(-100%,  0,  0) rotate3d(0,  0,  1,  -120deg) }
 to  {
     opacity:  1;
     transform:  translate3d(0,  0,  0) }
 } .animate__rollIn  {
     animation-name:  rollIn }
 @keyframes rollOut  {
     from  {
     opacity:  1 }
 to  {
     opacity:  0;
     transform:  translate3d(100%,  0,  0) rotate3d(0,  0,  1,  120deg) }
 } .animate__rollOut  {
     animation-name:  rollOut }
 @keyframes zoomIn  {
     from  {
     opacity:  0;
     transform:  scale3d(.3,  .3,  .3) }
 50%  {
     opacity:  1 }
 } .animate__zoomIn  {
     animation-name:  zoomIn }
 @keyframes zoomInDown  {
     from  {
     opacity:  0;
     transform:  scale3d(.1,  .1,  .1) translate3d(0,  -1000px,  0);
     animation-timing-function:  cubic-bezier(.55,  .055,  .675,  .19) }
 60%  {
     opacity:  1;
     transform:  scale3d(.475,  .475,  .475) translate3d(0,  60px,  0);
     animation-timing-function:  cubic-bezier(.175,  .885,  .32,  1) }
 } .animate__zoomInDown  {
     animation-name:  zoomInDown }
 @keyframes zoomInLeft  {
     from  {
     opacity:  0;
     transform:  scale3d(.1,  .1,  .1) translate3d(-1000px,  0,  0);
     animation-timing-function:  cubic-bezier(.55,  .055,  .675,  .19) }
 60%  {
     opacity:  1;
     transform:  scale3d(.475,  .475,  .475) translate3d(10px,  0,  0);
     animation-timing-function:  cubic-bezier(.175,  .885,  .32,  1) }
 } .animate__zoomInLeft  {
     animation-name:  zoomInLeft }
 @keyframes zoomInRight  {
     from  {
     opacity:  0;
     transform:  scale3d(.1,  .1,  .1) translate3d(1000px,  0,  0);
     animation-timing-function:  cubic-bezier(.55,  .055,  .675,  .19) }
 60%  {
     opacity:  1;
     transform:  scale3d(.475,  .475,  .475) translate3d(-10px,  0,  0);
     animation-timing-function:  cubic-bezier(.175,  .885,  .32,  1) }
 } .animate__zoomInRight  {
     animation-name:  zoomInRight }
 @keyframes zoomInUp  {
     from  {
     opacity:  0;
     transform:  scale3d(.1,  .1,  .1) translate3d(0,  1000px,  0);
     animation-timing-function:  cubic-bezier(.55,  .055,  .675,  .19) }
 60%  {
     opacity:  1;
     transform:  scale3d(.475,  .475,  .475) translate3d(0,  -60px,  0);
     animation-timing-function:  cubic-bezier(.175,  .885,  .32,  1) }
 } .animate__zoomInUp  {
     animation-name:  zoomInUp }
 @keyframes zoomOut  {
     from  {
     opacity:  1 }
 50%  {
     opacity:  0;
     transform:  scale3d(.3,  .3,  .3) }
 to  {
     opacity:  0 }
 } .animate__zoomOut  {
     animation-name:  zoomOut }
 @keyframes zoomOutDown  {
     40%  {
     opacity:  1;
     transform:  scale3d(.475,  .475,  .475) translate3d(0,  -60px,  0);
     animation-timing-function:  cubic-bezier(.55,  .055,  .675,  .19) }
 to  {
     opacity:  0;
     transform:  scale3d(.1,  .1,  .1) translate3d(0,  2000px,  0);
     animation-timing-function:  cubic-bezier(.175,  .885,  .32,  1) }
 } .animate__zoomOutDown  {
     animation-name:  zoomOutDown;
     transform-origin:  center bottom }
 @keyframes zoomOutLeft  {
     40%  {
     opacity:  1;
     transform:  scale3d(.475,  .475,  .475) translate3d(42px,  0,  0) }
 to  {
     opacity:  0;
     transform:  scale(.1) translate3d(-2000px,  0,  0) }
 } .animate__zoomOutLeft  {
     animation-name:  zoomOutLeft;
     transform-origin:  left center }
 @keyframes zoomOutRight  {
     40%  {
     opacity:  1;
     transform:  scale3d(.475,  .475,  .475) translate3d(-42px,  0,  0) }
 to  {
     opacity:  0;
     transform:  scale(.1) translate3d(2000px,  0,  0) }
 } .animate__zoomOutRight  {
     animation-name:  zoomOutRight;
     transform-origin:  right center }
 @keyframes zoomOutUp  {
     40%  {
     opacity:  1;
     transform:  scale3d(.475,  .475,  .475) translate3d(0,  60px,  0);
     animation-timing-function:  cubic-bezier(.55,  .055,  .675,  .19) }
 to  {
     opacity:  0;
     transform:  scale3d(.1,  .1,  .1) translate3d(0,  -2000px,  0);
     animation-timing-function:  cubic-bezier(.175,  .885,  .32,  1) }
 } .animate__zoomOutUp  {
     animation-name:  zoomOutUp;
     transform-origin:  center bottom }
 @keyframes slideInDown  {
     from  {
     transform:  translate3d(0,  -100%,  0);
     visibility:  visible }
 to  {
     transform:  translate3d(0,  0,  0) }
 } .animate__slideInDown  {
     animation-name:  slideInDown }
 @keyframes slideInLeft  {
     from  {
     transform:  translate3d(-100%,  0,  0);
     visibility:  visible }
 to  {
     transform:  translate3d(0,  0,  0) }
 } .animate__slideInLeft  {
     animation-name:  slideInLeft }
 @keyframes slideInRight  {
     from  {
     transform:  translate3d(100%,  0,  0);
     visibility:  visible }
 to  {
     transform:  translate3d(0,  0,  0) }
 } .animate__slideInRight  {
     animation-name:  slideInRight }
 @keyframes slideInUp  {
     from  {
     transform:  translate3d(0,  100%,  0);
     visibility:  visible }
 to  {
     transform:  translate3d(0,  0,  0) }
 } .animate__slideInUp  {
     animation-name:  slideInUp }
 @keyframes slideOutDown  {
     from  {
     transform:  translate3d(0,  0,  0) }
 to  {
     visibility:  hidden;
     transform:  translate3d(0,  100%,  0) }
 } .animate__slideOutDown  {
     animation-name:  slideOutDown }
 @keyframes slideOutLeft  {
     from  {
     transform:  translate3d(0,  0,  0) }
 to  {
     visibility:  hidden;
     transform:  translate3d(-100%,  0,  0) }
 } .animate__slideOutLeft  {
     animation-name:  slideOutLeft }
 @keyframes slideOutRight  {
     from  {
     transform:  translate3d(0,  0,  0) }
 to  {
     visibility:  hidden;
     transform:  translate3d(100%,  0,  0) }
 } .animate__slideOutRight  {
     animation-name:  slideOutRight }
 @keyframes slideOutUp  {
     from  {
     transform:  translate3d(0,  0,  0) }
 to  {
     visibility:  hidden;
     transform:  translate3d(0,  -100%,  0) }
 } .animate__slideOutUp  {
     animation-name:  slideOutUp }
 .datepicker-cell:not(.disabled):hover  {
     background:  #dee2e6 }
 .datepicker-cell.next:not(.disabled),  .datepicker-cell.prev:not(.disabled)  {
     font-weight:  500;
     color:  #adb5bd }
 .datepicker-cell.selected:hover  {
     background-color:  var(--bs-primary) }
 .datepicker-view.datepicker-grid .datepicker-cell  {
     height:  inset }
 .datepicker-grid  {
     width:  100% }
 .datepicker .datepicker-picker  {
     background-color:  var(--bs-gray-900) }
 .datepicker .datepicker-picker .datepicker-controls .button  {
     background-color:  var(--bs-gray-900);
     color:  var(--bs-heading-color) }
 .datepicker .datepicker-picker .datepicker-cell.focused,  .datepicker .datepicker-picker .datepicker-cell:hover  {
     background-color:  var(--bs-primary-bg-subtle) }
 .datepicker-header .datepicker-controls .button:hover  {
     background-color:  var(--bs-light-bg-subtle) !important }
 .flatpickr-calendar  {
     width:  100% }
 .flatpickr-calendar:before  {
     display:  none }
 .flatpickr-days  {
     width:  100% }
 .flatpickr-days .dayContainer  {
     width:  100%;
     min-width:  100% }
 .flet-datepickr .flatpickr-months .flatpickr-next-month  {
     padding:  1px 10px }
 .flet-datepickr .flatpickr-months .flatpickr-prev-month  {
     padding:  1px 10px }
 .flet-datepickr .flatpickr-months .flatpickr-current-month  {
     padding:  0 }
 .flet-datepickr .flatpickr-calendar.inline  {
     top:  -12px }
 .flet-datepickr .flatpickr-innerContainer  {
     display:  block;
     padding-top:  3px }
 .flet-datepickr .flatpickr-innerContainer .dayContainer  {
     width:  100% }
 .flet-datepickr .flatpickr-innerContainer  {
     display:  block }
 .flet-datepickr .flatpickr-calendar.inline  {
     box-shadow:  none }
 .flet-datepickr .flatpickr-current-month .flatpickr-monthDropdown-months:hover  {
     background:  0 0 }
 .flet-datepickr .numInputWrapper:hover  {
     background:  0 0 }
 .flet-datepickr .flatpickr-months .flatpickr-next-month:hover svg  {
     fill:  var(--bs-primary) }
 .flet-datepickr .flatpickr-months .flatpickr-prev-month:hover svg  {
     fill:  var(--bs-primary) }
 .flatpickr-innerContainer  {
     padding-top:  .5rem !important }
 .inln-date .flatpickr-calendar  {
     box-shadow:  none;
     margin:  0 auto;
     padding:  0 }
 .inln-date .dayContainer  {
     width:  100%;
     min-width:  auto }
 .inln-date .flatpickr-days  {
     width:  100% }
 .flatpickr-day  {
     border-radius:  5px }
 .flatpickr-day.endRange,  .flatpickr-day.endRange.inRange,  .flatpickr-day.endRange.nextMonthDay,  .flatpickr-day.endRange.prevMonthDay,  .flatpickr-day.endRange:focus,  .flatpickr-day.endRange:hover,  .flatpickr-day.selected,  .flatpickr-day.selected.inRange,  .flatpickr-day.selected.nextMonthDay,  .flatpickr-day.selected.prevMonthDay,  .flatpickr-day.selected:focus,  .flatpickr-day.selected:hover,  .flatpickr-day.startRange,  .flatpickr-day.startRange.inRange,  .flatpickr-day.startRange.nextMonthDay,  .flatpickr-day.startRange.prevMonthDay,  .flatpickr-day.startRange:focus,  .flatpickr-day.startRange:hover  {
     background:  var(--bs-primary);
     box-shadow:  none;
     color:  #fff;
     border-color:  var(--bs-primary) }
 @media (max-width:1460px)  {
     .flet-datepickr .flatpickr-calendar.inline  {
     left:  -1.875rem }
 } .bootstrap-select.calender-select  {
     width:  auto !important }
 .bootstrap-select.calender-select .dropdown-toggle  {
     background:  var(--bs-primary);
     color:  #fff;
     line-height:  24px;
     width:  auto;
     padding:  .375rem .75rem;
     height:  2.5rem;
     margin-right:  20px }
 .bootstrap-select.calender-select .dropdown-toggle::after  {
     margin-left:  10px }
 .bootstrap-select.calender-select .dropdown-toggle .filter-option-inner-inner  {
     color:  #fff }
 .flatpickr-calendar:before  {
     border-width:  5px;
     margin:  0 -5px;
     display:  none }
 .flatpickr-calendar.inline  {
     display:  block;
     position:  relative;
     top:  2px;
     margin:  0 auto;
     box-shadow:  none }
 .flatpickr-calendar  {
     box-shadow:  none }
 @media (max-width:1300px)  {
     .flatpickr-current-month  {
     left:  7.5% }
 } .iq-fslightbox-img a img.img-fluid  {
     min-width:  5em;
     max-width:  30em;
     width:  100%;
     height:  100% }
 .fc.fc-unthemed table th a  {
     color:  var(--bs-heading-color) }
 .fc.fc-unthemed table tbody td a  {
     color:  var(--bs-body-color) }
 .fc.fc-unthemed .fc-divider,  .fc.fc-unthemed .fc-list-empty,  .fc.fc-unthemed .fc-list-heading td,  .fc.fc-unthemed .fc-popover .fc-header  {
     background:  var(--bs-light-bg-subtle) }
 .fc.fc-unthemed .fc-list-item:hover td  {
     background:  var(--bs-gray-200) }
 .fc.fc-unthemed .fc-body.fc-widget-content  {
     background-color:  var(--bs-gray-900) }
 .fc.fc-unthemed .fc-content,  .fc.fc-unthemed .fc-divider,  .fc.fc-unthemed .fc-list-heading td,  .fc.fc-unthemed .fc-list-view,  .fc.fc-unthemed .fc-popover,  .fc.fc-unthemed .fc-row,  .fc.fc-unthemed tbody,  .fc.fc-unthemed td,  .fc.fc-unthemed th,  .fc.fc-unthemed thead  {
     border-color:  var(--bs-border-color) }
 .fc-today .fc-day-number  {
     color:  var(--bs-heading-color) }
 .swal2-container .swal2-popup  {
     background-color:  var(--bs-gray-900) }
 .swal2-container .swal2-popup .h2,  .swal2-container .swal2-popup h2  {
     color:  var(--bs-heading-color) }
 .swal2-container .swal2-popup .swal2-content  {
     color:  var(--bs-gray-900) }
 a  {
     color:  var(--bs-primary) }
 a:hover  {
     color:  var(--bs-primary-hover-bg)