@charset "UTF-8";
/*
Develop	  ~OJOnet [tele:@enigmaa7]
COMMON	  v-7.5
Bootstrp  v-5.3.1
Build     2021-07-27
latest    2024-09-18 01:45:55
Search    add[--][name of section] all section above:
/*--reset
/*--bootstrap5.3.1
/*--bs-extended
/*--general
/*--print
/*--border-radius
/*--pagination
/*--tips
/*--spaceing
/*--arrow
/*--animation
/*--animation-icons and buttons
/*--color for [text,bg,alert,btn hrer
/*--filter img
/*--tableresponsive
/*--code highlighting
@Note
- للبحث عن بلوك معين اكتب == والعبارة
- للبحث عن روت سكشن اكتب & والعبارة
*/
@font-face{src:url(SomarSans-ExtraBold.woff2) format("woff2");font-family:"fextrabold";font-weight:700;font-display:swap}
@font-face{src:url(SomarSans-Bold.woff2) format("woff2");font-family:"fbold";font-weight:700;font-display:swap}
@font-face{src:url(SomarSans-SemiBold.woff2) format("woff2");font-family:"fsemi";font-weight:700;font-display:swap}
@font-face{src:url(SomarSans-Medium.woff2) format("woff2");font-family:"fmedium";font-weight:600;font-display:swap}
@font-face{src:url(SomarSans-Regular.woff2) format("woff2");font-family:"fnormal";font-weight:300;font-display:swap}
@font-face{src:url(SomarSans-Light.woff2) format("woff2");font-family:"flight";font-weight:300;font-display:swap}
/*&root*/
:root,
[data-bs-theme=light]{
  --bs-font-sans-serif:fnormal, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace:SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    /*root-ojonet:somereset*/
    --rad:.7rem;
    --dur:.3s;
    --size:1rem;
    --xs-size:.7rem;
    --sm-size:.85rem;
    --md-size:1.15rem;
    --lg-size:1.3rem;
    --headsize:1rem;
    --height:5rem;
    --minheigt:70rem;
    --btn-width:6rem;
    --font-text-normal:fnormal;
    --font-text-light:flight;
    --font-text-medium:fmedium;
    --font-text-semi:fsemi;
    --font-text-heading:fmedium;
    --font-text-heading-bold:fbold;
    --font-text-extrabold:fextrabold;
    /*root:body*/
    --direction:rtl;
    --dir:right;
    --dir-reverse:left;
    --bs-body-font-family:var(--bs-font-sans-serif);
    --bs-body-font-size:1rem;
    --bs-body-font-weight:300;
    --bs-body-line-height:1.33;
    --bs-link-decoration:underline;
  /*--colors*/
  --bs-primary:#0d6efd;
  --bs-secondary:#6c757d;
  --bs-success:#2AA876;
  --bs-info:#0dcaf0;
  --bs-warning:#ffc107;
  --bs-danger:#dc3545;
  --bs-light:#f8f9fa;
  --bs-dark:#212529;
  /*--extracolors*/
  --bs-blue:#0d6efd;
  --bs-indigo:#6610f2;
  --bs-purple:#6f42c1;
  --bs-pink:#d63384;
  --bs-red:#a91b29;
  --bs-orange:#fd7e14;
  --bs-yellow:#ffc107;
  --bs-green:#127848;
  --bs-teal:#0aab9e;
  --bs-cyan:#02859f;
  --bs-white:#fff;
  --bs-black:#111;
  --bs-primary-rgb:13, 110, 253;
  --bs-secondary-rgb:124, 130, 136;
  --bs-success-rgb:25, 135, 84;
  --bs-info-rgb:13, 202, 240;
  --bs-warning-rgb:255, 193, 7;
  --bs-danger-rgb:220, 53, 69;
  --bs-light-rgb:248, 249, 250;
  --bs-dark-rgb:33, 37, 41;
  --bs-blue-rgb:13, 110, 253;
  --bs-indigo-rgb:82, 18, 242;
  --bs-purple-rgb:111, 66, 193;
  --bs-pink-rgb:215, 51, 132;
  --bs-red-rgb:219, 51, 42;
  --bs-orange-rgb:253, 126, 20;
  --bs-yellow-rgb:255, 204, 0;
  --bs-green-rgb:19, 168, 102;
  --bs-teal-rgb:8, 116, 124;
  --bs-cyan-rgb:10, 170, 206;
  --bs-white-rgb:255, 255, 255;
  --bs-black-rgb:17, 17, 17;
  --bs-primary-text-emphasis:#052c65;
  --bs-secondary-text-emphasis:#2b2f32;
  --bs-success-text-emphasis:#0a3622;
  --bs-info-text-emphasis:#055160;
  --bs-warning-text-emphasis:#664d03;
  --bs-danger-text-emphasis:#58151c;
  --bs-light-text-emphasis:#495057;
  --bs-dark-text-emphasis:#495057;
  --bs-blue-text-emphasis:#042c69;
  --bs-indigo-text-emphasis:#3a058f;
  --bs-purple-text-emphasis:#492e7c;
  --bs-pink-text-emphasis:#8a1550;
  --bs-red-text-emphasis:#63050e;
  --bs-orange-text-emphasis:#8d4205;
  --bs-yellow-text-emphasis:#846406;
  --bs-green-text-emphasis:#034526;
  --bs-teal-text-emphasis:#0b5650;
  --bs-cyan-text-emphasis:#033e4a;
  --bs-primary-bg-subtle:#cfe2ff;
  --bs-secondary-bg-subtle:#e2e3e5;
  --bs-success-bg-subtle:#d1e7dd;
  --bs-info-bg-subtle:#cff4fc;
  --bs-warning-bg-subtle:#fff3cd;
  --bs-danger-bg-subtle:#f8d7da;
  --bs-light-bg-subtle:#fcfcfd;
  --bs-dark-bg-subtle:#ced4da;
  --bs-blue-text-subtle:#b4d1fc;
  --bs-indigo-text-subtle:#ede1ff;
  --bs-purple-text-subtle:#dfcffe;
  --bs-pink-text-subtle:#fecce5;
  --bs-red-text-subtle:#ffdadd;
  --bs-orange-text-subtle:#fadec8;
  --bs-yellow-text-subtle:#fff7de;
  --bs-green-text-subtle:#d2fbe8;
  --bs-teal-text-subtle:#d3f9f6;
  --bs-cyan-text-subtle:#d7f8fe;
  --bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, 0));
  --bs-body-color:#212529;
  --bs-body-color-rgb:33, 37, 41;
  --bs-body-bg:#fff;
  --bs-body-bg-rgb:255, 255, 255;
  --bs-emphasis-color:#000;
  --bs-emphasis-color-rgb:0, 0, 0;
  --bs-secondary-color:rgba(33, 37, 41, .75);
  --bs-secondary-color-rgb:33, 37, 41;
  --bs-secondary-bg:#e9ecef;
  --bs-secondary-bg-rgb:233, 236, 239;
  --bs-tertiary-color:rgba(33, 37, 41, .5);
  --bs-tertiary-color-rgb:33, 37, 41;
  --bs-tertiary-bg:#f8f9fa;
  --bs-tertiary-bg-rgb:248, 249, 250;
  --bs-heading-color:inherit;
  /*&Tag color for a tag*/
  --bs-link-color:#007bff;
  --bs-link-color-rgb:0, 123, 255;
  --bs-link-hover-color:#053b8e;
  --bs-link-hover-color-rgb:5, 59, 142;
  /*&border*/
  --bs-border-width:1px;
  --bs-border-style:solid;
  --bs-border-radius:.375rem;
  --bs-border-radius-sm:.25rem;
  --bs-border-radius-lg:.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-border-color:#dee2e6;
  --bs-border-color-translucent:rgba(0, 0, 0, .175);
  --bs-box-shadow:0 .5rem 1rem rgba(0, 0, 0, .15);
  --bs-box-shadow-sm:0 .125rem .25rem rgba(0, 0, 0, .075);
  --bs-box-shadow-lg:0 1rem 3rem rgba(0, 0, 0, .175);
  --bs-box-shadow-inset:inset 0 1px 2px rgba(0, 0, 0, .075);
  --bs-focus-ring-width:.25rem;
  --bs-focus-ring-opacity:.25;
  --bs-focus-ring-color:rgba(13, 110, 253, .25);
  --bs-form-valid-color:#229e64;
  --bs-form-valid-border-color:#198754;
  --bs-form-invalid-color:#e95060;
  --bs-form-invalid-border-color:#dc3545;
  --bs-primary-border-subtle:#9ec5fe;
  --bs-secondary-border-subtle:#c4c8cb;
  --bs-success-border-subtle:#a3cfbb;
  --bs-info-border-subtle:#9eeaf9;
  --bs-warning-border-subtle:#ffe69c;
  --bs-danger-border-subtle:#f1aeb5;
  --bs-light-border-subtle:#e9ecef;
  --bs-dark-border-subtle:#adb5bd;
  --bs-blue-border-subtle:#b4d1fc;
  --bs-indigo-border-subtle:#ede1ff;
  --bs-purple-border-subtle:#dfcffe;
  --bs-pink-border-subtle:#fecce5;
  --bs-red-border-subtle:#ffdadd;
  --bs-orange-border-subtle:#fadec8;
  --bs-yellow-border-subtle:#fff7de;
  --bs-green-border-subtle:#d2fbe8;
  --bs-teal-border-subtle:#d3f9f6;
  --bs-cyan-border-subtle:#d7f8fe;
  --bs-highlight-bg:#fff3cd;
  /*&colorsite*/
  --color1:rgba(24, 41, 51,.85);
  --color2:#B1B0B0;
  --color3:#1f4761;
  --color-sliver:#bfbfbf;
  --color-sliverlight:#dadbdc;
  --color-sliversand:#bdc3c7;
  --color-lynch:#6c7a89;
  --color-porcelain:#ecf0f1;
  --color-cararra:#f2f1ef;
  --color-sliverdark:#8ea0b2;
  --color-sliver-rgb:191, 191, 191;
  --color-sliverlight-rgb:218, 219, 220;
  --color-sliversand-rgb:189, 195, 199;
  --color-lynch-rgb:108, 122, 137;
  --color-porcelain-rgb:236, 240, 241;
  --color-cararra-rgb:242, 241, 239;
  --color-sliverdark-rgb:142, 160, 178;
  --textshadow-color:rgba(0,0,0,0.7);
  --boxshadow-color:rgba(0,0,0,.33);
}
[data-bs-theme=dark]{
  color-scheme:dark;
  --bs-body-color:#dee2e6;
  --bs-body-color-rgb:222, 226, 230;
  --bs-body-bg:#212529;
  --bs-body-bg-rgb:33, 37, 41;
  --bs-emphasis-color:#fff;
  --bs-emphasis-color-rgb:255, 255, 255;
  --bs-secondary-color:rgba(222, 226, 230, .75);
  --bs-secondary-color-rgb:222, 226, 230;
  --bs-secondary-bg:#343a40;
  --bs-secondary-bg-rgb:52, 58, 64;
  --bs-tertiary-color:rgba(222, 226, 230, .5);
  --bs-tertiary-color-rgb:222, 226, 230;
  --bs-tertiary-bg:#2b3035;
  --bs-tertiary-bg-rgb:43, 48, 53;

  --bs-primary-text-emphasis:#6ea8fe;
  --bs-secondary-text-emphasis:#a7acb1;
  --bs-success-text-emphasis:#75b798;
  --bs-info-text-emphasis:#6edff6;
  --bs-warning-text-emphasis:#ffda6a;
  --bs-danger-text-emphasis:#ea868f;
  --bs-light-text-emphasis:#f8f9fa;
  --bs-dark-text-emphasis:#dee2e6;

  --bs-primary-bg-subtle:#031633;
  --bs-secondary-bg-subtle:#161719;
  --bs-success-bg-subtle:#051b11;
  --bs-info-bg-subtle:#032830;
  --bs-warning-bg-subtle:#332701;
  --bs-danger-bg-subtle:#2c0b0e;
  --bs-light-bg-subtle:#343a40;
  --bs-dark-bg-subtle:#1a1d20;
  --bs-primary-border-subtle:#084298;
  --bs-secondary-border-subtle:#41464b;
  --bs-success-border-subtle:#0f5132;
  --bs-info-border-subtle:#087990;
  --bs-warning-border-subtle:#997404;
  --bs-danger-border-subtle:#842029;
  --bs-light-border-subtle:#495057;
  --bs-dark-border-subtle:#343a40;
  --bs-heading-color:inherit;
  --bs-link-color:#6ea8fe;
  --bs-link-hover-color:#8bb9fe;
  --bs-link-color-rgb:110, 168, 254;
  --bs-link-hover-color-rgb:139, 185, 254;
  --bs-code-color:#e685b5;
  --bs-border-color:#495057;
  --bs-border-color-translucent:rgba(255, 255, 255, .15);
  --bs-form-valid-color:#75b798;
  --bs-form-valid-border-color:#75b798;
  --bs-form-invalid-color:#ea868f;
  --bs-form-invalid-border-color:#ea868f;
}
/*--reset*/
*,*::before,*::after{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:rgba(0, 0, 0, 0);
  direction:var(--direction)!important;
}

a{
  background-color:transparent;
  -webkit-text-decoration-skip:objects;
  transition:all .14s ease-in-out
}
a:not([href]):not([class]), a:not([href]):not([class]):hover{
  color:inherit;
  text-decoration:none
}

hr{
  margin:1rem 0;
  color:inherit;
  border:0;
  border-top:var(--bs-border-width) solid;
  opacity:.25
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1{
  margin-top:0;
  margin-bottom:0;
  font-size:1rem;
  line-height:1.25;
  color:var(--bs-heading-color)
}

h1, .h1{
  font-size:calc(1.375rem + 1.5vw)
}
@media (min-width:1200px){
  h1, .h1{
    font-size:1.4rem;
  }
}
h2, .h2{
  font-size:calc(1.325rem + 1vw)
}
@media (min-width:1200px){
  h2, .h2{
    font-size:2rem;
  }
}

h3, .h3{
  font-size:calc(1.3rem + .75vw)
}
@media (min-width:1200px){
  h3, .h3{
    font-size:1.75rem;
  }
}

h4, .h4{
  font-size:calc(1.275rem + .5vw)
}
@media (min-width:1200px){
  h4, .h4{
    font-size:1.5rem;
  }
}

h5, .h5{
  font-size:calc(1.2rem + .35vw)
}
@media (min-width:1200px){
  h5, .h5{
    font-size:1.3rem;
  }
}

abbr[title],abbr[data-bs-original-title]{
  text-decoration:underline dotted;
  cursor:help;
  -webkit-text-decoration-skip-ink:none;
  text-decoration-skip-ink:none
}

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

ol,
ul,
dl{
  margin-top:0;
  margin-bottom:0
}

ol ol,
ul ul,
ol ul,
ul ol{
  margin-bottom:0
}

b,
strong{
  font-weight:bolder
}

small, .small{
  font-size:.875em
}

mark, .mark{
  padding:.1875em;
  background-color:var(--bs-highlight-bg)
}

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

sub{
  bottom:-0.25em
}

sup{
  top:-0.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
}

pre,
code,
kbd,
samp{
  font-size:1em
}

pre{
  display:block;
  margin-top:0;
  margin-bottom:1rem;
  overflow:auto;
  overflow-y:scroll;
  font-size:.875em;
  direction: ltr;
}
pre code{
  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:.25rem
}
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:var(--dir)
}

th{
  text-align:inherit;
  text-align:-webkit-match-parent
}

thead,
tbody,
tfoot,
tr,
td,
th{
  border-color:inherit;
  border-style:solid;
  border-width:0
}

label{
  display:inline-block
}

button{
  border-radius:0
}

button:focus:not(:focus-visible){
  outline:0
}

input,
button,
select,
optgroup,
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
}

button,
[type=button],
[type=reset],
[type=submit]{
  -webkit-appearance:button
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]: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:var(--dir);
  width:100%;
  padding:0;
  margin-bottom:.5rem;
  font-size:calc(1.275rem + .3vw);
  line-height:inherit
}
@media (min-width:1200px){
  legend{
    font-size:1.5rem;
  }
}
legend + *{
  clear:var(--dir)
}

::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field{
  padding:0
}

::-webkit-inner-spin-button{
  height:auto
}

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

/* rtl:raw:*/
[type="tel"],
[type="url"],
[type="email"],
[type="number"]{
  direction:ltr
}
::-webkit-search-decoration{
  -webkit-appearance:none
}

::-webkit-color-swatch-wrapper{
  padding:0
}

::-webkit-file-upload-button{
  font:inherit;
  -webkit-appearance:button
}

::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:1.25rem;
  font-weight:300
}

.display-1{
  font-size:calc(1.625rem + 4.5vw);
  line-height:1.2
}
@media (min-width:1200px){
  .display-1{
    font-size:5rem;
  }
}

.display-2{
  font-size:calc(1.575rem + 3.9vw);
  line-height:1.2
}
@media (min-width:1200px){
  .display-2{
    font-size:4.5rem;
  }
}

.display-3{
  font-size:calc(1.525rem + 3.3vw);
  font-weight:300;
  line-height:1.2
}
@media (min-width:1200px){
  .display-3{
    font-size:4rem;
  }
}

.display-4{
  font-size:calc(1.475rem + 2.7vw);
  line-height:1.2
}
@media (min-width:1200px){
  .display-4{
    font-size:3.5rem;
  }
}

.display-5{
  font-size:calc(1.425rem + 2.1vw);
  line-height:1.2
}
@media (min-width:1200px){
  .display-5{
    font-size:3rem;
  }
}

.display-6{
  font-size:calc(1.375rem + 1.5vw);
  line-height:1.2
}
@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
}

.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)
}
/*--bootstrap*/
.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm,
.container-xs{
  --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:400px){
  .container-xs, .container{
    max-width:380px;
  }
}
@media (min-width:576px){
  .container-sm, .container-xs, .container{
    max-width:540px;
  }
}
@media (min-width:768px){
  .container-md, .container-sm, .container-xs, .container{
    max-width:720px;
  }
}
@media (min-width:992px){
  .container-lg, .container-md, .container-sm, .container-xs, .container{
    max-width:960px;
  }
}
@media (min-width:1200px){
  .container-xl, .container-lg, .container-md, .container-sm, .container-xs, .container{
    max-width:1140px;
  }
}
@media (min-width:1400px){
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container-xs, .container{
    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:.5rem;
  --bs-gutter-y:.5rem;
  display:flex;
  flex-wrap:wrap;
  margin-top:calc(-1 * var(--bs-gutter-y));
  /* margin-right:calc(-0.5 * var(--bs-gutter-x));
  margin-left:calc(-0.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.3333333333%
}

.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.6666666667%
}

.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:.25rem
}

.g-1,
.gy-1{
  --bs-gutter-y:.25rem
}

.g-2,
.gx-2{
  --bs-gutter-x:.5rem
}

.g-2,
.gy-2{
  --bs-gutter-y:.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:3rem
}

.g-5,
.gy-5{
  --bs-gutter-y:3rem
}

@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.3333333333%;
  }
  .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.6666666667%;
  }
  .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-right:0;
  }
  .offset-sm-1{
    margin-right:8.33333333%;
  }
  .offset-sm-2{
    margin-right:16.66666667%;
  }
  .offset-sm-3{
    margin-right:25%;
  }
  .offset-sm-4{
    margin-right:33.33333333%;
  }
  .offset-sm-5{
    margin-right:41.66666667%;
  }
  .offset-sm-6{
    margin-right:50%;
  }
  .offset-sm-7{
    margin-right:58.33333333%;
  }
  .offset-sm-8{
    margin-right:66.66666667%;
  }
  .offset-sm-9{
    margin-right:75%;
  }
  .offset-sm-10{
    margin-right:83.33333333%;
  }
  .offset-sm-11{
    margin-right: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:.25rem;
  }
  .g-sm-1,
  .gy-sm-1{
    --bs-gutter-y:.25rem;
  }
  .g-sm-2,
  .gx-sm-2{
    --bs-gutter-x:.5rem;
  }
  .g-sm-2,
  .gy-sm-2{
    --bs-gutter-y:.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:3rem;
  }
  .g-sm-5,
  .gy-sm-5{
    --bs-gutter-y:3rem;
  }
}
@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.3333333333%;
  }
  .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.6666666667%;
  }
  .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-right:0;
  }
  .offset-md-1{
    margin-right:8.33333333%;
  }

  .offset-md-2{
    margin-right:16.66666667%;
  }

  .offset-md-3{
    margin-right:25%;
  }

  .offset-md-4{
    margin-right:33.33333333%;
  }

  .offset-md-5{
    margin-right:41.66666667%;
  }

  .offset-md-6{
    margin-right:50%;
  }

  .offset-md-7{
    margin-right:58.33333333%;
  }

  .offset-md-8{
    margin-right:66.66666667%;
  }

  .offset-md-9{
    margin-right:75%;
  }

  .offset-md-10{
    margin-right:83.33333333%;
  }

  .offset-md-11{
    margin-right: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:.25rem;
  }
  .g-md-1,
  .gy-md-1{
    --bs-gutter-y:.25rem;
  }
  .g-md-2,
  .gx-md-2{
    --bs-gutter-x:.5rem;
  }
  .g-md-2,
  .gy-md-2{
    --bs-gutter-y:.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:3rem;
  }
  .g-md-5,
  .gy-md-5{
    --bs-gutter-y:3rem;
  }
}
@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.3333333333%;
  }
  .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.6666666667%;
  }
  .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-right:0;
  }
  .offset-lg-1{
    margin-right:8.33333333%;
  }
  .offset-lg-2{
    margin-right:16.66666667%;
  }
  .offset-lg-3{
    margin-right:25%;
  }
  .offset-lg-4{
    margin-right:33.33333333%;
  }
  .offset-lg-5{
    margin-right:41.66666667%;
  }
  .offset-lg-6{
    margin-right:50%;
  }
  .offset-lg-7{
    margin-right:58.33333333%;
  }
  .offset-lg-8{
    margin-right:66.66666667%;
  }
  .offset-lg-9{
    margin-right:75%;
  }
  .offset-lg-10{
    margin-right:83.33333333%;
  }
  .offset-lg-11{
    margin-right: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:.25rem;
  }
  .g-lg-1,
  .gy-lg-1{
    --bs-gutter-y:.25rem;
  }
  .g-lg-2,
  .gx-lg-2{
    --bs-gutter-x:.5rem;
  }
  .g-lg-2,
  .gy-lg-2{
    --bs-gutter-y:.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:3rem;
  }
  .g-lg-5,
  .gy-lg-5{
    --bs-gutter-y:3rem;
  }
}
@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.3333333333%;
  }
  .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.6666666667%;
  }
  .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-right:0;
  }
  .offset-xl-1{
    margin-right:8.33333333%;
  }
  .offset-xl-2{
    margin-right:16.66666667%;
  }
  .offset-xl-3{
    margin-right:25%;
  }
  .offset-xl-4{
    margin-right:33.33333333%;
  }
  .offset-xl-5{
    margin-right:41.66666667%;
  }
  .offset-xl-6{
    margin-right:50%;
  }
  .offset-xl-7{
    margin-right:58.33333333%;
  }
  .offset-xl-8{
    margin-right:66.66666667%;
  }
  .offset-xl-9{
    margin-right:75%;
  }
  .offset-xl-10{
    margin-right:83.33333333%;
  }
  .offset-xl-11{
    margin-right: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:.25rem;
  }
  .g-xl-1,
  .gy-xl-1{
    --bs-gutter-y:.25rem;
  }
  .g-xl-2,
.gx-xl-2{
    --bs-gutter-x:.5rem;
  }

  .g-xl-2,
.gy-xl-2{
    --bs-gutter-y:.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:3rem;
  }
  .g-xl-5,
  .gy-xl-5{
    --bs-gutter-y:3rem;
  }
}
@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.3333333333%;
  }
  .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.6666666667%;
  }
  .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:.25rem;
  }
  .g-xxl-1,
  .gy-xxl-1{
    --bs-gutter-y:.25rem;
  }
  .g-xxl-2,
.gx-xxl-2{
    --bs-gutter-x:.5rem;
  }

  .g-xxl-2,
.gy-xxl-2{
    --bs-gutter-y:.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:3rem;
  }
  .g-xxl-5,
  .gy-xxl-5{
    --bs-gutter-y:3rem;
  }
}
.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-body-bg);
  --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(0, 0, 0, .05);
  --bs-table-active-color:var(--bs-body-color);
  --bs-table-active-bg:rgba(0, 0, 0, .1);
  --bs-table-hover-color:var(--bs-body-color);
  --bs-table-hover-bg:rgba(0, 0, 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:#cfe2ff;
  --bs-table-border-color:#bacbe6;
  --bs-table-striped-bg:#c5d7f2;
  --bs-table-striped-color:#000;
  --bs-table-active-bg:#bacbe6;
  --bs-table-active-color:#000;
  --bs-table-hover-bg:#bfd1ec;
  --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:#e2e3e5;
  --bs-table-border-color:#cbccce;
  --bs-table-striped-bg:#d7d8da;
  --bs-table-striped-color:#000;
  --bs-table-active-bg:#cbccce;
  --bs-table-active-color:#000;
  --bs-table-hover-bg:#d1d2d4;
  --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:#d1e7dd;
  --bs-table-border-color:#bcd0c7;
  --bs-table-striped-bg:#c7dbd2;
  --bs-table-striped-color:#000;
  --bs-table-active-bg:#bcd0c7;
  --bs-table-active-color:#000;
  --bs-table-hover-bg:#c1d6cc;
  --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:#cff4fc;
  --bs-table-border-color:#badce3;
  --bs-table-striped-bg:#c5e8ef;
  --bs-table-striped-color:#000;
  --bs-table-active-bg:#badce3;
  --bs-table-active-color:#000;
  --bs-table-hover-bg:#bfe2e9;
  --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:#fff3cd;
  --bs-table-border-color:#e6dbb9;
  --bs-table-striped-bg:#f2e7c3;
  --bs-table-striped-color:#000;
  --bs-table-active-bg:#e6dbb9;
  --bs-table-active-color:#000;
  --bs-table-hover-bg:#ece1be;
  --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:#f8d7da;
  --bs-table-border-color:#dfc2c4;
  --bs-table-striped-bg:#eccccf;
  --bs-table-striped-color:#000;
  --bs-table-active-bg:#dfc2c4;
  --bs-table-active-color:#000;
  --bs-table-hover-bg:#e5c7ca;
  --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:#f8f9fa;
  --bs-table-border-color:#dfe0e1;
  --bs-table-striped-bg:#ecedee;
  --bs-table-striped-color:#000;
  --bs-table-active-bg:#dfe0e1;
  --bs-table-active-color:#000;
  --bs-table-hover-bg:#e5e6e7;
  --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:#212529;
  --bs-table-border-color:#373b3e;
  --bs-table-striped-bg:#2c3034;
  --bs-table-striped-color:#fff;
  --bs-table-active-bg:#373b3e;
  --bs-table-active-color:#fff;
  --bs-table-hover-bg:#323539;
  --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(0.375rem + var(--bs-border-width));
  padding-bottom:calc(0.375rem + var(--bs-border-width));
  margin-bottom:0;
  font-size:inherit;
  line-height:1.5
}

.col-form-label-lg{
  padding-top:calc(0.5rem + var(--bs-border-width));
  padding-bottom:calc(0.5rem + var(--bs-border-width));
  font-size:1.25rem
}

.col-form-label-sm{
  padding-top:calc(0.25rem + var(--bs-border-width));
  padding-bottom:calc(0.25rem + var(--bs-border-width));
  font-size:.875rem
}

.form-text{
  margin-top:.25rem;
  font-size:.875em;
  color:rgba(var(--bs-body-color-rgb), .75)
}

.form-control{
  display:block;
  width:100%;
  padding:.375rem .75rem;
  margin:.26rem 0;
  font-size:1rem;
  line-height:1.5;
  color:var(--bs-body-color);
  -webkit-appearance:none;
  appearance:none;
  background-color:var(--bs-body-bg);
  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-body-bg);
  border-color:#86b7fe;
  outline:0;
  box-shadow:0 0 .3rem .1rem rgba(13, 110, 253, .2)
}
.form-control::-webkit-date-and-time-value{
  min-width:85px;
  height:1.5em;
  margin:0
}
.form-control::-webkit-datetime-edit{
  display:block;
  padding:0
}
.form-control::-moz-placeholder{
  color:var(--bs-secondary-color);
  opacity:1
}
.form-control::placeholder{
  color:var(--bs-secondary-color);
  opacity:1
}
.form-control:disabled, .form-control[readonly]{
  background-color:var(--bs-secondary-bg);
  opacity:1
}
.form-control::-webkit-file-upload-button{
  padding:.375rem .75rem;
  margin:-0.375rem -0.75rem;
  -webkit-margin-end:.75rem;
  margin-inline-end:.75rem;
  color:var(--bs-body-color);
  background-color:var(--bs-tertiary-bg);
  pointer-events:none;
  border-color:inherit;
  border-style:solid;
  border-width:0;
  border-inline-end-width:var(--bs-border-width);
  border-radius:0;
  -webkit-transition:color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  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:#dde0e3
}
.form-control::-webkit-file-upload-button{
  padding:.375rem .75rem;
  margin:-0.375rem -0.75rem;
  -webkit-margin-end:.75rem;
  margin-inline-end:.75rem;
  color:var(--bs-body-color);
  background-color:var(--bs-tertiary-bg);
  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::-webkit-file-upload-button{
    -webkit-transition:none;
    transition:none;
  }
  .form-control::file-selector-button{
    transition:none;
  }
}
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button{
  background-color:var(--bs-secondary-bg)
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button{
  background-color:var(--bs-secondary-bg)
}

.form-control-plaintext{
  display:block;
  width:100%;
  padding:.375rem 0;
  margin-bottom:0;
  line-height:1.5;
  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-sm, .form-control-plaintext.form-control-lg{
  padding-right:0;
  padding-left:0
}

.form-control-sm{
  min-height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2));
  padding:.25rem .5rem;
  font-size:.875rem;
  border-radius:var(--bs-border-radius-sm)
}
.form-control-sm::-webkit-file-upload-button{
  padding:.25rem .5rem;
  margin:-0.25rem -0.5rem;
  -webkit-margin-end:.5rem;
  margin-inline-end:.5rem
}
.form-control-sm::file-selector-button{
  padding:.25rem .5rem;
  margin:-0.25rem -0.5rem;
  -webkit-margin-end:.5rem;
  margin-inline-end:.5rem
}

.form-control-lg{
  min-height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
  padding:.5rem 1rem;
  font-size:1.25rem;
  border-radius:var(--bs-border-radius-lg)
}
.form-control-lg::-webkit-file-upload-button{
  padding:.5rem 1rem;
  margin:-0.5rem -1rem;
  -webkit-margin-end:1rem;
  margin-inline-end:1rem
}
.form-control-lg::file-selector-button{
  padding:.5rem 1rem;
  margin:-0.5rem -1rem;
  -webkit-margin-end:1rem;
  margin-inline-end:1rem
}

textarea.form-control{
  min-height:calc(1.5em + .75rem + calc(var(--bs-border-width) * 2))
}
textarea.form-control-sm{
  min-height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2))
}
textarea.form-control-lg{
  min-height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))
}

.form-control-color{
  width:3rem;
  height:calc(1.5em + .75rem + calc(var(--bs-border-width) * 2));
  padding:.375rem
}
.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.5em + .5rem + calc(var(--bs-border-width) * 2))
}
.form-control-color.form-control-lg{
  height:calc(1.5em + 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%;
  margin:.26rem 0;
  padding:.375rem 2.25rem .375rem .75rem;
  font-size:1rem;
  line-height:1.5;
  color:var(--bs-body-color);
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  background-color:var(--bs-body-bg);
  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;
}
/* ~mhkh 2022-08-01 11:10:30 */
/* لانه في اللغة العربية يختلف موقع السهم */
[dir=rtl] .form-select{
  background-position:left .75rem center !important;
  padding:.375rem 
}
[dir=rtl] .is-invalid{
  background-position:right .75rem center, center right 2.25rem !important;
  padding:.375rem 
}

@media (prefers-reduced-motion:reduce){
  .form-select{
    transition:none;
  }
}
.form-select:focus{
  border-color:#86b7fe;
  outline:0;
  box-shadow:0 0 0 .25rem rgba(13, 110, 253, .25)
}
.form-select[multiple], .form-select[size]:not([size="1"]){
  padding-right:.75rem;
  background-image:none
}
.form-select:disabled{
  background-color:var(--bs-secondary-bg)
}
.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:.875rem;
  border-radius:var(--bs-border-radius-sm)
}

.form-select-lg{
  padding-top:.5rem;
  padding-bottom:.5rem;
  padding-left:1rem;
  font-size:1.25rem;
  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='%23dee2e6' 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:1.5rem;
  padding-left:1.5em;
  margin-bottom:.125rem
}
.form-check .form-check-input{
  float:right;
  margin-right:-1.5em
}

.form-check-reverse{
  padding-left:1.5em;
  padding-right: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-body-bg);
  width:1em;
  height:1em;
  margin-top:.25em;
  vertical-align:top;
  -webkit-appearance:none;
  -moz-appearance:none;
  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);
  -webkit-print-color-adjust:exact;
  color-adjust:exact;
  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:#86b7fe;
  outline:0;
  box-shadow:0 0 0 .25rem rgba(13, 110, 253, .25)
}
.form-check-input:checked{
  background-color:#0d6efd;
  border-color:#0d6efd
}
.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:#0d6efd;
  border-color:#0d6efd;
  --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{
  opacity:.5
}

.form-switch{
  padding-right: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, .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='%2386b7fe'/%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, .25%29'/%3e%3c/svg%3e")
}

.form-range{
  width:100%;
  height:1.5rem;
  padding:0;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  background-color:transparent
}
.form-range:focus{
  outline:0
}
.form-range:focus::-webkit-slider-thumb{
  box-shadow:0 0 0 1px #fff, 0 0 0 .25rem rgba(13, 110, 253, .25)
}
.form-range:focus::-moz-range-thumb{
  box-shadow:0 0 0 1px #fff, 0 0 0 .25rem rgba(13, 110, 253, .25)
}
.form-range::-moz-focus-outer{
  border:0
}
.form-range::-webkit-slider-thumb{
  width:1rem;
  height:1rem;
  margin-top:-0.25rem;
  -webkit-appearance:none;
  appearance:none;
  background-color:#0d6efd;
  border:0;
  border-radius:1rem;
  -webkit-transition:background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  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{
    -webkit-transition:none;
    transition:none;
  }
}
.form-range::-webkit-slider-thumb:active{
  background-color:#b6d4fe
}
.form-range::-webkit-slider-runnable-track{
  width:100%;
  height:.5rem;
  color:transparent;
  cursor:pointer;
  background-color:var(--bs-tertiary-bg);
  border-color:transparent;
  border-radius:1rem
}
.form-range::-moz-range-thumb{
  width:1rem;
  height:1rem;
  -moz-appearance:none;
  appearance:none;
  background-color:#0d6efd;
  border:0;
  border-radius:1rem;
  -moz-transition:background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  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{
    -moz-transition:none;
    transition:none;
  }
}
.form-range::-moz-range-thumb:active{
  background-color:#b6d4fe
}
.form-range::-moz-range-track{
  width:100%;
  height:.5rem;
  color:transparent;
  cursor:pointer;
  background-color:var(--bs-tertiary-bg);
  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;
  height:100%;
  padding:1rem .75rem;
  overflow:hidden;
  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::-moz-placeholder, .form-floating > .form-control-plaintext::-moz-placeholder{
  color:transparent
}
.form-floating > .form-control::placeholder,
.form-floating > .form-control-plaintext::placeholder{
  color:transparent
}
.form-floating > .form-control:not(:-moz-placeholder-shown), .form-floating > .form-control-plaintext:not(:-moz-placeholder-shown){
  padding-top:1.625rem;
  padding-bottom:.625rem
}
.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown),
.form-floating > .form-control-plaintext:focus,
.form-floating > .form-control-plaintext:not(:placeholder-shown){
  padding-top:1.625rem;
  padding-bottom:.625rem
}
.form-floating > .form-control:-webkit-autofill,
.form-floating > .form-control-plaintext:-webkit-autofill{
  padding-top:1.625rem;
  padding-bottom:.625rem
}
.form-floating > .form-select{
  padding-top:1.625rem;
  padding-bottom:.625rem
}
.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label{
  color:rgba(var(--bs-body-color-rgb), .65);
  transform:scale(0.85) translateY(-0.5rem) translateX(0.15rem)
}
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-select ~ label{
  color:rgba(var(--bs-body-color-rgb), .65);
  transform:scale(0.85) translateY(-0.5rem) translateX(0.15rem)
}
.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label::after{
  position:absolute;
  inset:1rem .375rem;
  z-index:-1;
  height:1.5em;
  content:"";
  background-color:var(--bs-body-bg);
  border-radius:var(--bs-border-radius)
}
.form-floating > .form-control:focus ~ label::after,
.form-floating > .form-control:not(:placeholder-shown) ~ label::after,
.form-floating > .form-control-plaintext ~ label::after,
.form-floating > .form-select ~ label::after{
  position:absolute;
  inset:1rem .375rem;
  z-index:-1;
  height:1.5em;
  content:"";
  background-color:var(--bs-body-bg);
  border-radius:var(--bs-border-radius)
}
.form-floating > .form-control:-webkit-autofill ~ label{
  color:rgba(var(--bs-body-color-rgb), .65);
  transform:scale(0.85) translateY(-0.5rem) translateX(0.15rem)
}
.form-floating > .form-control-plaintext ~ label{
  border-width:var(--bs-border-width) 0
}
.form-floating > :disabled ~ label,
.form-floating > .form-control:disabled ~ label{
  color:#6c757d
}
.form-floating > :disabled ~ label::after,
.form-floating > .form-control:disabled ~ label::after{
  background-color:var(--bs-secondary-bg)
}

.input-group{
  position:relative;
  display:flex;
  flex-wrap:wrap;
  align-items:stretch;
  width:100%
}
.input-group > .form-control,
.input-group > .form-select,
.input-group > .form-floating{
  position:relative;
  flex:1 1 auto;
  width:1%;
  min-width:0
}
.input-group > .form-control:focus,
.input-group > .form-select:focus,
.input-group > .form-floating:focus-within{
  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:.375rem .75rem;
  font-size:1rem;
  line-height:1.5;
  color:var(--bs-body-color);
  text-align:center;
  white-space:nowrap;
  background-color:var(--bs-tertiary-bg);
  border:var(--bs-border-width) solid var(--bs-border-color);
  border-radius:var(--bs-border-radius)
}

.input-group-lg > .form-control,
.input-group-lg > .form-select,
.input-group-lg > .input-group-text,
.input-group-lg > .btn{
  padding:.5rem 1rem;
  font-size:1.25rem;
  border-radius:var(--bs-border-radius-lg)
}

.input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .input-group-text,
.input-group-sm > .btn{
  padding:.25rem .5rem;
  font-size:.875rem;
  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) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.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{
  border-top-right-radius:0;
  border-bottom-right-radius:0
}
.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.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{
  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(var(--bs-border-width) * -1);
  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:.875rem;
  color:#fff;
  background-color:var(--bs-success);
  border-radius:var(--bs-border-radius)
}

.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip{
  display:block
}

.was-validated .form-control:valid, .form-control.is-valid{
  border-color:var(--bs-form-valid-border-color);
  padding-right:calc(1.5em + .75rem);
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' 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.1z'/%3e%3c/svg%3e");
  background-repeat:no-repeat;
  background-position:right calc(0.375em + .1875rem) center;
  background-size:calc(0.75em + .375rem) calc(0.75em + .375rem)
}
.was-validated .form-control:valid:focus, .form-control.is-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.5em + .75rem);
  background-position:top calc(0.375em + .1875rem) right calc(0.375em + .1875rem)
}

.was-validated .form-select:valid, .form-select.is-valid{
  border-color:var(--bs-form-valid-border-color)
}
.was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-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='%23198754' 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.1z'/%3e%3c/svg%3e");
  padding-right:4.125rem;
  background-position:right .75rem center, center right 2.25rem;
  background-size:16px 12px, calc(0.75em + .375rem) calc(0.75em + .375rem)
}
.was-validated .form-select:valid:focus, .form-select.is-valid:focus{
  border-color:var(--bs-form-valid-border-color);
  box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb), .25)
}

.was-validated .form-control-color:valid, .form-control-color.is-valid{
  width:calc(3rem + calc(1.5em + .75rem))
}

.was-validated .form-check-input:valid, .form-check-input.is-valid{
  border-color:var(--bs-form-valid-border-color)
}
.was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked{
  background-color:var(--bs-form-valid-color)
}
.was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus{
  box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb), .25)
}
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label{
  color:var(--bs-form-valid-color)
}

.form-check-inline .form-check-input ~ .valid-feedback{
  margin-left:.5em
}

.was-validated .input-group > .form-control:not(:focus):valid, .input-group > .form-control:not(:focus).is-valid,
.was-validated .input-group > .form-select:not(:focus):valid,
.input-group > .form-select:not(:focus).is-valid,
.was-validated .input-group > .form-floating:not(:focus-within):valid,
.input-group > .form-floating:not(:focus-within).is-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:.875rem;
  color:#fff;
  background-color:var(--bs-danger);
  border-radius:var(--bs-border-radius)
}

.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip{
  display:block
}

.was-validated .form-control:invalid, .form-control.is-invalid{
  border-color:var(--bs-form-invalid-border-color);
  padding-right:calc(1.5em + .75rem);
  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='%23dc3545'%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='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat:no-repeat;
  background-position:right calc(0.375em + .1875rem) center;
  background-size:calc(0.75em + .375rem) calc(0.75em + .375rem)
}
.was-validated .form-control:invalid:focus, .form-control.is-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.5em + .75rem);
  background-position:top calc(0.375em + .1875rem) right calc(0.375em + .1875rem)
}

.was-validated .form-select:invalid, .form-select.is-invalid{
  border-color:var(--bs-form-invalid-border-color)
}
.was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-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='%23dc3545'%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='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  padding-right:4.125rem;
  background-position:right .75rem center, center right 2.25rem;
  background-size:16px 12px, calc(0.75em + .375rem) calc(0.75em + .375rem)
}
.was-validated .form-select:invalid:focus, .form-select.is-invalid:focus{
  border-color:var(--bs-form-invalid-border-color);
  box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb), .25)
}

.was-validated .form-control-color:invalid, .form-control-color.is-invalid{
  width:calc(3rem + calc(1.5em + .75rem))
}

.was-validated .form-check-input:invalid, .form-check-input.is-invalid{
  border-color:var(--bs-form-invalid-border-color)
}
.was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked{
  background-color:var(--bs-form-invalid-color)
}
.was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus{
  box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb), .25)
}
.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label{
  color:var(--bs-form-invalid-color)
}

.form-check-inline .form-check-input ~ .invalid-feedback{
  margin-left:.5em
}

.was-validated .input-group > .form-control:not(:focus):invalid, .input-group > .form-control:not(:focus).is-invalid,
.was-validated .input-group > .form-select:not(:focus):invalid,
.input-group > .form-select:not(:focus).is-invalid,
.was-validated .input-group > .form-floating:not(:focus-within):invalid,
.input-group > .form-floating:not(:focus-within).is-invalid{
  z-index:4
}

.btn{
  --bs-btn-padding-x:.75rem;
  --bs-btn-padding-y:.375rem;
  --bs-btn-font-size:1rem;
  --bs-btn-font-weight:400;
  --bs-btn-line-height:1.5;
  --bs-btn-color:var(--bs-body-color);
  --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, .15), 0 1px 1px rgba(0, 0, 0, .075);
  --bs-btn-disabled-opacity:.65;
  --bs-btn-focus-box-shadow: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;
  text-decoration:none;
  vertical-align:middle;
  cursor:pointer;
  -webkit-user-select:none;
  -moz-user-select:none;
  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, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show{
  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, :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible{
  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*/
.btn-primary,.btn-secondary,.btn-success,.btn-danger,.btn-dark,
.btn-cyan,.btn-teal,.btn-orange,.btn-purple,.btn-asphalt,
.btn-primary:hover,.btn-secondary:hover,.btn-success:hover,.btn-danger:hover,
.btn-cyan:hover,.btn-teal:hover,.btn-dark:hover,.btn-orange:hover,.btn-purple
{
  color:#fff!important
}

.btn-primary{
  --bs-btn-color:#fff;
  --bs-btn-bg:#0d6efd;
  --bs-btn-border-color:#0d6efd;
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:#0b5ed7;
  --bs-btn-hover-border-color:#0a58ca;
  --bs-btn-focus-shadow-rgb:49, 132, 253;
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:#0a58ca;
  --bs-btn-active-border-color:#0a53be;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);
  --bs-btn-disabled-color:#fff;
  --bs-btn-disabled-bg:#0d6efd;
  --bs-btn-disabled-border-color:#0d6efd
}

.btn-secondary{
  --bs-btn-color:#fff;
  --bs-btn-bg:#6c757d;
  --bs-btn-border-color:#6c757d;
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:#5c636a;
  --bs-btn-hover-border-color:#565e64;
  --bs-btn-focus-shadow-rgb:130, 138, 145;
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:#565e64;
  --bs-btn-active-border-color:#51585e;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(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:#198754;
  --bs-btn-border-color:#198754;
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:#157347;
  --bs-btn-hover-border-color:#146c43;
  --bs-btn-focus-shadow-rgb:60, 153, 110;
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:#146c43;
  --bs-btn-active-border-color:#13653f;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);
  --bs-btn-disabled-color:#fff;
  --bs-btn-disabled-bg:#198754;
  --bs-btn-disabled-border-color:#198754
}

.btn-info{
  --bs-btn-color:#000;
  --bs-btn-bg:#0dcaf0;
  --bs-btn-border-color:#0dcaf0;
  --bs-btn-hover-color:#000;
  --bs-btn-hover-bg:#31d2f2;
  --bs-btn-hover-border-color:#25cff2;
  --bs-btn-focus-shadow-rgb:11, 172, 204;
  --bs-btn-active-color:#000;
  --bs-btn-active-bg:#3dd5f3;
  --bs-btn-active-border-color:#25cff2;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);
  --bs-btn-disabled-color:#000;
  --bs-btn-disabled-bg:#0dcaf0;
  --bs-btn-disabled-border-color:#0dcaf0
}

.btn-warning{
  --bs-btn-color:#000;
  --bs-btn-bg:#ffc107;
  --bs-btn-border-color:#ffc107;
  --bs-btn-hover-color:#000;
  --bs-btn-hover-bg:#ffca2c;
  --bs-btn-hover-border-color:#ffc720;
  --bs-btn-focus-shadow-rgb:217, 164, 6;
  --bs-btn-active-color:#000;
  --bs-btn-active-bg:#ffcd39;
  --bs-btn-active-border-color:#ffc720;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);
  --bs-btn-disabled-color:#000;
  --bs-btn-disabled-bg:#ffc107;
  --bs-btn-disabled-border-color:#ffc107
}

.btn-danger{
  --bs-btn-color:#fff;
  --bs-btn-bg:#dc3545;
  --bs-btn-border-color:#dc3545;
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:#bb2d3b;
  --bs-btn-hover-border-color:#b02a37;
  --bs-btn-focus-shadow-rgb:225, 83, 97;
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:#b02a37;
  --bs-btn-active-border-color:#a52834;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);
  --bs-btn-disabled-color:#fff;
  --bs-btn-disabled-bg:#dc3545;
  --bs-btn-disabled-border-color:#dc3545
}

.btn-light{
  --bs-btn-color:#000;
  --bs-btn-bg:#f8f9fa;
  --bs-btn-border-color:#f8f9fa;
  --bs-btn-hover-color:#000;
  --bs-btn-hover-bg:#d3d4d5;
  --bs-btn-hover-border-color:#c6c7c8;
  --bs-btn-focus-shadow-rgb:211, 212, 213;
  --bs-btn-active-color:#000;
  --bs-btn-active-bg:#c6c7c8;
  --bs-btn-active-border-color:#babbbc;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);
  --bs-btn-disabled-color:#000;
  --bs-btn-disabled-bg:#f8f9fa;
  --bs-btn-disabled-border-color:#f8f9fa
}

.btn-dark{
  --bs-btn-color:#fff;
  --bs-btn-bg:#212529;
  --bs-btn-border-color:#212529;
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:#424649;
  --bs-btn-hover-border-color:#373b3e;
  --bs-btn-focus-shadow-rgb:66, 70, 73;
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:#4d5154;
  --bs-btn-active-border-color:#373b3e;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);
  --bs-btn-disabled-color:#fff;
  --bs-btn-disabled-bg:#212529;
  --bs-btn-disabled-border-color:#212529
}

.btn-cyan{
  background-color:#0dcaf0;
  border-color:#0a9bb8
}
.btn-cyan:hover{
  background-color:#00b7db
}
.btn-check:focus + .btn-cyan, .btn-cyan:focus{
  background-color:#00b7db;
  border-color:#026b80;
  box-shadow:0 0 0 .25rem rgba(9, 42, 47, .5)
}
.btn-check:checked + .btn-cyan, .btn-check:active + .btn-cyan, .btn-cyan:active, .btn-cyan.active, .show > .btn-cyan.dropdown-toggle{
  background-color:#0dcaf0
}
.btn-check:checked + .btn-cyan:focus, .btn-check:active + .btn-cyan:focus, .btn-cyan:active:focus, .btn-cyan.active:focus, .show > .btn-cyan.dropdown-toggle:focus{
  box-shadow:0 0 0 .25rem rgba(9, 42, 47, .5)
}
.btn-teal{
  background-color:#6EB5A4;
  border-color:#168f6a
}
.btn-teal:hover{
  background-color:#12a075
}
.btn-check:focus + .btn-teal, .btn-teal:focus{
  background-color:#15ad80;
  border-color:#0f6e52;
  box-shadow:0 0 0 .25rem rgba(9, 46, 38, .5)
}
.btn-check:checked + .btn-teal, .btn-check:active + .btn-teal, .btn-teal:active, .btn-teal.active, .show > .btn-teal.dropdown-toggle{
  background-color:#15ad80
}
.btn-check:checked + .btn-teal:focus, .btn-check:active + .btn-teal:focus, .btn-teal:active:focus, .btn-teal.active:focus, .show > .btn-teal.dropdown-toggle:focus{
  box-shadow:0 0 0 .25rem rgba(9, 46, 38, .5)
}
.btn-orange{
  background-color:#f5882f;
  border-color:#ca6818
}
.btn-orange:hover{
  background-color:#e26600
}
.btn-check:focus + .btn-orange, .btn-orange:focus{
  background-color:#df6e12;
  box-shadow:0 0 0 .25rem rgba(66, 30, 3, .5)
}
.btn-check:checked + .btn-orange, .btn-check:active + .btn-orange, .btn-orange:active, .btn-orange.active, .show > .btn-orange.dropdown-toggle{
  background-color:#df6e12
}
.btn-check:checked + .btn-orange:focus, .btn-check:active + .btn-orange:focus, .btn-orange:active:focus, .btn-orange.active:focus, .show > .btn-orange.dropdown-toggle:focus{
  box-shadow:0 0 0 .25rem rgba(66, 30, 3, .5)
}
.btn-purple{
  background-color:#7b48da;
  border-color:#4b2494
}
.btn-purple:hover{
  background-color:#7341cf;
  border-color:#2c125c
}
.btn-check:focus + .btn-purple, .btn-purple:focus{
  background-color:#551dbd;
  box-shadow:0 0 0 .25rem rgba(44, 9, 83, .5)
}
.btn-check:checked + .btn-purple, .btn-check:active + .btn-purple, .btn-purple:active, .btn-purple.active, .show > .btn-purple.dropdown-toggle{
  background-color:#551dbd
}
.btn-check:checked + .btn-purple:focus, .btn-check:active + .btn-purple:focus, .btn-purple:active:focus, .btn-purple.active:focus, .show > .btn-purple.dropdown-toggle:focus{
  box-shadow:0 0 0 .25rem rgba(44, 9, 83, .5)
}
.btn-asphalt{
  background-color:var(--bs-asphalt);
  border-color:#d5d8db
}
.btn-asphalt:hover{
  background-color:#1F3143
}
.btn-check:focus + .btn-asphalt, .btn-asphalt:focus{
  background-color:#1F3143;
  box-shadow:0 0 0 .25rem rgba(211, 212, 213, .5)
}
.btn-check:checked + .btn-asphalt, .btn-check:active + .btn-asphalt, .btn-asphalt:active, .btn-asphalt.active, .show > .btn-asphalt.dropdown-toggle{
  background-color:#1F3143
}
.btn-check:checked + .btn-asphalt:focus, .btn-check:active + .btn-asphalt:focus, .btn-asphalt:active:focus, .btn-asphalt.active:focus, .show > .btn-asphalt.dropdown-toggle:focus{
  box-shadow:0 0 0 .25rem rgba(211, 212, 213, .5)
}
.btn-asphalt:disabled, .btn-asphalt.disabled{
  background-color:#f8f9fa
}

.btn-outline-primary{
  --bs-btn-color:#0d6efd;
  --bs-btn-border-color:#0d6efd;
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:#0d6efd;
  --bs-btn-hover-border-color:#0d6efd;
  --bs-btn-focus-shadow-rgb:13, 110, 253;
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:#0d6efd;
  --bs-btn-active-border-color:#0d6efd;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);
  --bs-btn-disabled-color:#0d6efd;
  --bs-btn-disabled-bg:transparent;
  --bs-btn-disabled-border-color:#0d6efd;
  --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, .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:#198754;
  --bs-btn-border-color:#198754;
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:#198754;
  --bs-btn-hover-border-color:#198754;
  --bs-btn-focus-shadow-rgb:25, 135, 84;
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:#198754;
  --bs-btn-active-border-color:#198754;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);
  --bs-btn-disabled-color:#198754;
  --bs-btn-disabled-bg:transparent;
  --bs-btn-disabled-border-color:#198754;
  --bs-gradient:none
}

.btn-outline-info{
  --bs-btn-color:#0dcaf0;
  --bs-btn-border-color:#0dcaf0;
  --bs-btn-hover-color:#000;
  --bs-btn-hover-bg:#0dcaf0;
  --bs-btn-hover-border-color:#0dcaf0;
  --bs-btn-focus-shadow-rgb:13, 202, 240;
  --bs-btn-active-color:#000;
  --bs-btn-active-bg:#0dcaf0;
  --bs-btn-active-border-color:#0dcaf0;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);
  --bs-btn-disabled-color:#0dcaf0;
  --bs-btn-disabled-bg:transparent;
  --bs-btn-disabled-border-color:#0dcaf0;
  --bs-gradient:none
}

.btn-outline-warning{
  --bs-btn-color:#ffc107;
  --bs-btn-border-color:#ffc107;
  --bs-btn-hover-color:#000;
  --bs-btn-hover-bg:#ffc107;
  --bs-btn-hover-border-color:#ffc107;
  --bs-btn-focus-shadow-rgb:255, 193, 7;
  --bs-btn-active-color:#000;
  --bs-btn-active-bg:#ffc107;
  --bs-btn-active-border-color:#ffc107;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);
  --bs-btn-disabled-color:#ffc107;
  --bs-btn-disabled-bg:transparent;
  --bs-btn-disabled-border-color:#ffc107;
  --bs-gradient:none
}

.btn-outline-danger{
  --bs-btn-color:#dc3545;
  --bs-btn-border-color:#dc3545;
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:#dc3545;
  --bs-btn-hover-border-color:#dc3545;
  --bs-btn-focus-shadow-rgb:220, 53, 69;
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:#dc3545;
  --bs-btn-active-border-color:#dc3545;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);
  --bs-btn-disabled-color:#dc3545;
  --bs-btn-disabled-bg:transparent;
  --bs-btn-disabled-border-color:#dc3545;
  --bs-gradient:none
}

.btn-outline-light{
  --bs-btn-color:#f8f9fa;
  --bs-btn-border-color:#f8f9fa;
  --bs-btn-hover-color:#000;
  --bs-btn-hover-bg:#f8f9fa;
  --bs-btn-hover-border-color:#f8f9fa;
  --bs-btn-focus-shadow-rgb:248, 249, 250;
  --bs-btn-active-color:#000;
  --bs-btn-active-bg:#f8f9fa;
  --bs-btn-active-border-color:#f8f9fa;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);
  --bs-btn-disabled-color:#f8f9fa;
  --bs-btn-disabled-bg:transparent;
  --bs-btn-disabled-border-color:#f8f9fa;
  --bs-gradient:none
}

.btn-outline-dark{
  --bs-btn-color:#212529;
  --bs-btn-border-color:#212529;
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:#212529;
  --bs-btn-hover-border-color:#212529;
  --bs-btn-focus-shadow-rgb:33, 37, 41;
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:#212529;
  --bs-btn-active-border-color:#212529;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);
  --bs-btn-disabled-color:#212529;
  --bs-btn-disabled-bg:transparent;
  --bs-btn-disabled-border-color:#212529;
  --bs-gradient:none
}

.btn-link{
  --bs-btn-font-weight:400;
  --bs-btn-color:var(--bs-link-color);
  --bs-btn-bg:transparent;
  --bs-btn-border-color:transparent;
  --bs-btn-hover-color:var(--bs-link-hover-color);
  --bs-btn-hover-border-color:transparent;
  --bs-btn-active-color:var(--bs-link-hover-color);
  --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:49, 132, 253;
  text-decoration:underline
}
.btn-link:focus-visible{
  color:var(--bs-btn-color)
}
.btn-link:hover{
  color:var(--bs-btn-hover-color)
}

.btn-lg, .btn-group-lg > .btn{
  --bs-btn-padding-y:.5rem;
  --bs-btn-padding-x:1rem;
  --bs-btn-font-size:1.25rem;
  --bs-btn-border-radius:var(--bs-border-radius-lg)
}

.btn-sm, .btn-group-sm > .btn{
  --bs-btn-padding-y:.25rem;
  --bs-btn-padding-x:.5rem;
  --bs-btn-font-size:.875rem;
  --bs-btn-border-radius:var(--bs-border-radius-sm)
}
.btn-group,
.btn-group-vertical{
  position:relative;
  display:inline-flex;
  vertical-align:middle
}
.btn-group > .btn,
.btn-group-vertical > .btn{
  position:relative;
  flex:1 1 auto
}
.btn-group > .btn-check:checked + .btn,
.btn-group > .btn-check:focus + .btn,
.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn-check:checked + .btn,
.btn-group-vertical > .btn-check:focus + .btn,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active{
  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 > :not(.btn-check:first-child) + .btn,
.btn-group > .btn-group:not(:first-child){
  margin-left:calc(var(--bs-border-width) * -1)
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn.dropdown-toggle-split:first-child,
.btn-group > .btn-group:not(:last-child) > .btn{
  border-top-right-radius:0;
  border-bottom-right-radius:0
}
.btn-group > .btn:nth-child(n+3),
.btn-group > :not(.btn-check) + .btn,
.btn-group > .btn-group:not(:first-child) > .btn{
  border-top-left-radius:0;
  border-bottom-left-radius:0
}

.dropdown-toggle-split{
  padding-right:.5625rem;
  padding-left:.5625rem
}
.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after{
  margin-left:0
}
.dropstart .dropdown-toggle-split::before{
  margin-right:0
}

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split{
  padding-right:.375rem;
  padding-left:.375rem
}

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .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:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child){
  margin-top:calc(var(--bs-border-width) * -1)
}
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn{
  border-bottom-right-radius:0;
  border-bottom-left-radius:0
}
.btn-group-vertical > .btn ~ .btn,
.btn-group-vertical > .btn-group:not(:first-child) > .btn{
  border-top-left-radius:0;
  border-top-right-radius:0
}

.nav{
  --bs-nav-link-padding-x:1rem;
  --bs-nav-link-padding-y:.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);
  text-decoration:none;
  background:none;
  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:hover, .nav-link:focus{
  color:var(--bs-nav-link-hover-color)
}
.nav-link:focus-visible{
  outline:0;
  box-shadow:0 0 0 .25rem rgba(13, 110, 253, .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:hover, .nav-tabs .nav-link:focus{
  isolation:isolate;
  border-color:var(--bs-nav-tabs-link-hover-border-color)
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link{
  color:var(--bs-nav-tabs-link-active-color);
  background-color:var(--bs-nav-tabs-link-active-bg);
  border-color:var(--bs-nav-tabs-link-active-border-color)
}
.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-justified > .nav-link,
.nav-justified .nav-item{
  flex-basis:0;
  flex-grow:1;
  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:.5rem;
  --bs-navbar-color:rgba(var(--bs-emphasis-color-rgb), .65);
  --bs-navbar-hover-color:rgba(var(--bs-emphasis-color-rgb), .8);
  --bs-navbar-disabled-color:rgba(var(--bs-emphasis-color-rgb), .3);
  --bs-navbar-active-color:rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-padding-y:.3125rem;
  --bs-navbar-brand-margin-end:1rem;
  --bs-navbar-brand-font-size:1.25rem;
  --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:.5rem;
  --bs-navbar-toggler-padding-y:.25rem;
  --bs-navbar-toggler-padding-x:.75rem;
  --bs-navbar-toggler-font-size:1.25rem;
  --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%2833, 37, 41, .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), .15);
  --bs-navbar-toggler-border-radius:var(--bs-border-radius);
  --bs-navbar-toggler-focus-width:.25rem;
  --bs-navbar-toggler-transition:box-shadow .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-sm,
.navbar > .container-md,
.navbar > .container-lg,
.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);
  text-decoration:none;
  white-space:nowrap
}
.navbar-brand:hover, .navbar-brand:focus{
  color:var(--bs-navbar-brand-hover-color)
}

.navbar-nav{
  --bs-nav-link-padding-x:0;
  --bs-nav-link-padding-y:.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:hover,
.navbar-text a:focus{
  color:var(--bs-navbar-active-color)
}

.navbar-collapse{
  flex-basis:100%;
  flex-grow:1;
  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, .55);
  --bs-navbar-hover-color:rgba(255, 255, 255, .75);
  --bs-navbar-disabled-color:rgba(255, 255, 255, .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, .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, .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, .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:1rem;
  --bs-card-spacer-x:1rem;
  --bs-card-title-spacer-y:.5rem;
  --bs-card-title-color:;
  --bs-card-subtitle-color:;
  --bs-card-border-width:var(--bs-border-width);
  --bs-card-border-color:var(--bs-border-color-translucent);
  --bs-card-border-radius:var(--bs-border-radius);
  --bs-card-box-shadow:;
  --bs-card-inner-border-radius:calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-card-cap-padding-y:.5rem;
  --bs-card-cap-padding-x:1rem;
  --bs-card-cap-bg:rgba(var(--bs-body-color-rgb), .03);
  --bs-card-cap-color:;
  --bs-card-height:;
  --bs-card-color:;
  --bs-card-bg:var(--bs-body-bg);
  --bs-card-img-overlay-padding:1rem;
  --bs-card-group-margin:.75rem;
  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);
  transition: all 0.3s ease-in-out;
}
.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(-0.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(-0.5 * var(--bs-card-cap-padding-x));
  margin-bottom:calc(-1 * var(--bs-card-cap-padding-y));
  margin-left:calc(-0.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(-0.5 * var(--bs-card-cap-padding-x));
  margin-left:calc(-0.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-top,
.card-img-bottom{
  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-img-top,
  .card-group > .card:not(:last-child) .card-header{
    border-top-right-radius:0;
  }
  .card-group > .card:not(:last-child) .card-img-bottom,
  .card-group > .card:not(:last-child) .card-footer{
    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-img-top,
  .card-group > .card:not(:first-child) .card-header{
    border-top-left-radius:0;
  }
  .card-group > .card:not(:first-child) .card-img-bottom,
  .card-group > .card:not(:first-child) .card-footer{
    border-bottom-left-radius:0;
  }
}
.breadcrumb{
  --bs-breadcrumb-padding-x:0;
  --bs-breadcrumb-padding-y:0;
  --bs-breadcrumb-margin-bottom:1rem;
  --bs-breadcrumb-bg:rgba(0,0,0,.0);
  --bs-breadcrumb-border-radius:0px;
  --bs-breadcrumb-divider-color:var(--bs-secondary-color);
  --bs-breadcrumb-item-padding-x:.25rem;
  --bs-breadcrumb-item-padding-y:0;
  --bs-breadcrumb-item-active-color:var(--bs-secondary-color);
  list-style:none;
  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);
  background-color:var(--bs-breadcrumb-bg);
  border-radius:var(--bs-breadcrumb-border-radius)
}
.breadcrumb-item + .breadcrumb-item{
  padding:var(--bs-breadcrumb-item-padding-y) var(--bs-breadcrumb-item-padding-x)
}
.breadcrumb-item + .breadcrumb-item::before{
  float:var(--dir);
  padding:var(--bs-breadcrumb-item-padding-y) var(--bs-breadcrumb-item-padding-x);
  color:var(--bs-breadcrumb-divider-color);
  content:var(--bs-breadcrumb-divider, "/") /* rtl:var(--bs-breadcrumb-divider, "/") */
}
.breadcrumb-item.active{
  color:var(--bs-breadcrumb-item-active-color)
}

.badge{
  --bs-badge-padding-x:.5em;
  --bs-badge-padding-y:0em;
  --bs-badge-font-size:.8em;
  --bs-badge-font-weight:700;
  --bs-badge-linehight:170%;
  --bs-badge-color:#fff;
  --bs-badge-border-radius:var(--bs-border-radius);
  display:inline-block;
  text-align:center;
  white-space:nowrap;
  vertical-align:baseline;
  padding:var(--bs-badge-padding-y) var(--bs-badge-padding-x);
  font-size:var(--bs-badge-font-size);
  color:var(--bs-badge-color);
  border-radius:var(--bs-badge-border-radius);
  line-height: var(--bs-badge-linehight);
}
.badge:empty{
  display:none
}
.btn .badge{
  position:relative;
  top:-1px
}
/*==alert*/
.alert{
  --bs-alert-bg:transparent;
  --bs-alert-padding-x:.7rem;
  --bs-alert-padding-y:.2rem;
  --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-radius);
  --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-red{
  color:#e8554e;
  background-color:#fbe9e8;
  border-color:#d6b7b5
}

.alert-green{
  color:#198754;
  background-color:#daf3e8;
  border-color:#c7e3d6
}

.alert-cyan{
  color:#0dcaf0;
  background-color:#dff5f9;
  border-color:#b9dfe7
}

.alert-teal{
  color:#076369;
  background-color:#c4e0e2;
  border-color:#b5ccce
}

.alert-orange{
  color:#fd7e14;
  background-color:#f3e8df;
  border-color:#e6d8cd
}

.alert-purple{
  color:#6f42c1;
  background-color:#f2ecfe;
  border-color:#d1c1f0
}

.alert-asphalt{
  color:#091540;
  background-color:#d6dbf0;
  border-color:#c7cfea
}
.alert-primary .alert-link{color:#06357a}
.alert-secondary .alert-link{color:#34383c}
.alert-success .alert-link{color:#0c4128}
.alert-danger .alert-link{color:#6a1a21}
.alert-warning .alert-link{color:#523e02}
.alert-info .alert-link{color:#04414d}
.alert-light .alert-link{color:#4f5050}
.alert-dark .alert-link{color:#101214}
.alert-red .alert-link{color:#842029}
.alert-green .alert-link{color:#0f5132}
.alert-cyan .alert-link{  color:#101214}
.alert-teal .alert-link{  color:#101214}
.alert-orange .alert-link{ color:#101214}
.alert-purple .alert-link{ color:#101214}
.alert-asphalt .alert-link{color:#101214}
@keyframes progress-bar-stripes{
  0%{
    background-position-x:1rem;
  }
}
.progress,
.progress-stacked{
  --bs-progress-height:1rem;
  --bs-progress-font-size:.75rem;
  --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:#0d6efd;
  --bs-progress-bar-transition:width .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-body-color);
  --bs-list-group-bg:var(--bs-body-bg);
  --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:.5rem;
  --bs-list-group-action-color:var(--bs-secondary-color);
  --bs-list-group-action-hover-color:var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg:var(--bs-tertiary-bg);
  --bs-list-group-action-active-color:var(--bs-body-color);
  --bs-list-group-action-active-bg:var(--bs-secondary-bg);
  --bs-list-group-disabled-color:var(--bs-secondary-color);
  --bs-list-group-disabled-bg:var(--bs-body-bg);
  --bs-list-group-active-color:#fff;
  --bs-list-group-active-bg:#0d6efd;
  --bs-list-group-active-border-color:#0d6efd;
  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-action{
  width:100%;
  color:var(--bs-list-group-action-color);
  text-align:inherit
}
.list-group-item-action:hover, .list-group-item-action:focus{
  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:active{
  color:var(--bs-list-group-action-active-color);
  background-color:var(--bs-list-group-action-active-bg)
}

.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);
  text-decoration:none;
  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-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)
}

.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.414z'/%3e%3c/svg%3e");
  --bs-btn-close-opacity:.5;
  --bs-btn-close-hover-opacity:.75;
  --bs-btn-close-focus-shadow:0 0 0 .25rem rgba(13, 110, 253, .25);
  --bs-btn-close-focus-opacity:1;
  --bs-btn-close-disabled-opacity:.25;
  --bs-btn-close-white-filter:invert(1) grayscale(100%) brightness(200%);
  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;
  border:0;
  border-radius:.375rem;
  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;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;
  opacity:var(--bs-btn-close-disabled-opacity)
}

.btn-close-white{
  filter:var(--bs-btn-close-white-filter)
}

[data-bs-theme=dark] .btn-close{
  filter:var(--bs-btn-close-white-filter)
}

.toast{
  --bs-toast-zindex:1090;
  --bs-toast-padding-x:.75rem;
  --bs-toast-padding-y:.5rem;
  --bs-toast-spacing:1.5rem;
  --bs-toast-max-width:350px;
  --bs-toast-font-size:.875rem;
  --bs-toast-color:#ccc;
  --bs-toast-bg:rgba(var(--bs-body-bg-rgb), .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), .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:-webkit-max-content;
  width:-moz-max-content;
  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(-0.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
}

.tooltip{
  --bs-tooltip-zindex:1080;
  --bs-tooltip-max-width:200px;
  --bs-tooltip-padding-x:.5rem;
  --bs-tooltip-padding-y:.25rem;
  --bs-tooltip-margin:0;
  --bs-tooltip-font-size:.875rem;
  --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:.9;
  --bs-tooltip-arrow-width:.8rem;
  --bs-tooltip-arrow-height:.4rem;
  z-index:var(--bs-tooltip-zindex);
  display:block;
  margin:var(--bs-tooltip-margin);
  font-style:normal;
  font-weight:400;
  line-height:1.5;
  text-align:right;
  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-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow{
  bottom:calc(-1 * var(--bs-tooltip-arrow-height))
}
.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=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)
}

/* rtl:begin:ignore */
.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow{
  left:calc(-1 * var(--bs-tooltip-arrow-height));
  width:var(--bs-tooltip-arrow-height);
  height:var(--bs-tooltip-arrow-width)
}
.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .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)
}

/* rtl:end:ignore */
.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow{
  top:calc(-1 * var(--bs-tooltip-arrow-height))
}
.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=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)
}

/* rtl:begin:ignore */
.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow{
  right:calc(-1 * var(--bs-tooltip-arrow-height));
  width:var(--bs-tooltip-arrow-height);
  height:var(--bs-tooltip-arrow-width)
}
.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .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)
}



.placeholder{
  display:inline-block;
  min-height:1em;
  vertical-align:middle;
  cursor:wait;
  background-color:currentcolor;
  opacity:.5
}
.placeholder.btn::before{
  display:inline-block;
  content:""
}

.placeholder-xs{
  min-height:.6em
}

.placeholder-sm{
  min-height:.8em
}

.placeholder-lg{
  min-height:1.2em
}

.placeholder-glow .placeholder{
  animation:placeholder-glow 2s ease-in-out infinite
}

@keyframes placeholder-glow{
  50%{
    opacity:.2;
  }
}
.placeholder-wave{
  -webkit-mask-image:linear-gradient(130deg, #000 55%, rgba(0, 0, 0, .8) 75%, #000 95%);
  mask-image:linear-gradient(130deg, #000 55%, rgba(0, 0, 0, .8) 75%, #000 95%);
  -webkit-mask-size:200% 100%;
  mask-size:200% 100%;
  animation:placeholder-wave 2s linear infinite
}

@keyframes placeholder-wave{
  100%{
    -webkit-mask-position:-200% 0%;
    mask-position:-200% 0%;
  }
}
.clearfix::after{
  display:block;
  clear:both;
  content:""
}
/*for dark bg color white*/
.text-bg-primary, .text-bg-secondary,.text-bg-success,.text-bg-danger,.text-bg-dark{
  color:#fff!important
}
/*for light-bg color dark*/
.text-bg-info,.text-bg-warning,.text-bg-light{
  color:#000!important
}
.text-bg-primary{background-color:RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1))!important}
.text-bg-secondary{background-color:RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1))!important}
.text-bg-success{background-color:RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1))!important}
.text-bg-info{background-color:RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1))!important}
.text-bg-warning{  background-color:RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1))!important}
.text-bg-danger{  background-color:RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1))!important}
.text-bg-light{  background-color:RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1))!important}
.text-bg-dark{ background-color:RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1))!important}
/*textbg-extra*/
.text-bg-red{  background-color:RGBA(232, 85, 78, var(--bs-bg-opacity, 1))!important}
.text-bg-green{  background-color:RGBA(25, 135, 84, var(--bs-bg-opacity, 1))!important}
.text-bg-cyan{  background-color:RGBA(13, 202, 240, var(--bs-bg-opacity, 1))!important}
.text-bg-teal{  background-color:RGBA(33, 37, 41, var(--bs-bg-opacity, 1))!important}
.text-bg-orange{  background-color:RGBA(253, 126, 20, var(--bs-bg-opacity, 1))!important}
.text-bg-purple{  background-color:RGBA(111, 66, 193, var(--bs-bg-opacity, 1))!important}
.text-bg-asphalt{  background-color:RGBA(9, 21, 64, var(--bs-bg-opacity, 1))!important}

.link-primary{
  color:RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1))!important;
}
.link-primary:hover, .link-primary:focus{
color:RGBA(10, 88, 202, var(--bs-link-opacity, 1))!important;
}

.link-secondary{
  color:RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1))!important;
}
.link-secondary:hover, .link-secondary:focus{
  color:RGBA(86, 94, 100, var(--bs-link-opacity, 1))!important;
}

.link-success{
  color:RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1))!important;
}
.link-success:hover, .link-success:focus{
  color:RGBA(20, 108, 67, var(--bs-link-opacity, 1))!important;
}

.link-info{
  color:RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1))!important;
}
.link-info:hover, .link-info:focus{
  color:RGBA(61, 213, 243, var(--bs-link-opacity, 1))!important;
}

.link-warning{
  color:RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1))!important;
}
.link-warning:hover, .link-warning:focus{
  color:RGBA(255, 205, 57, var(--bs-link-opacity, 1))!important;
}

.link-danger{
  color:RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1))!important;
}
.link-danger:hover, .link-danger:focus{
  color:RGBA(176, 42, 55, var(--bs-link-opacity, 1))!important;
}

.link-light{
  color:RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1))!important;
}
.link-light:hover, .link-light:focus{
  color:RGBA(249, 250, 251, var(--bs-link-opacity, 1))!important;
}

.link-dark{
  color:RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1))!important;
}
.link-dark:hover, .link-dark:focus{
  color:RGBA(26, 30, 33, var(--bs-link-opacity, 1))!important;
}

.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:-webkit-sticky;
  position:sticky;
  top:0;
  z-index:1020
}

@media (min-width:576px){
  .sticky-sm-top{
    position:-webkit-sticky;
    position:sticky;
    top:0;
    z-index:1020;
    z-index:1020;
  }
}
@media (min-width:768px){
  .sticky-md-top{
    position:-webkit-sticky;
    position:sticky;
    top:0;
    z-index:1020;
  }
}
@media (min-width:992px){
  .sticky-lg-top{
    position:-webkit-sticky;
    position:sticky;
    top:0;
    z-index:1020;
    z-index:1020;
  }
}
@media (min-width:1200px){
  .sticky-xl-top{
    position:-webkit-sticky;
    position:sticky;
    top:0;
    z-index:1020;
  }
}
@media (min-width:1400px){
  .sticky-xxl-top{
    position:-webkit-sticky;
    position:sticky;
    top:0;
    z-index:1020;
  }
}
.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:not(caption),
.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption){
  position:absolute !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
}


.object-fit-contain{
  -o-object-fit:contain !important;
  object-fit:contain !important
}

.object-fit-cover{
  -o-object-fit:cover !important;
  object-fit:cover !important
}

.object-fit-fill{
  -o-object-fit:fill !important;
  object-fit:fill !important
}

.object-fit-scale{
  -o-object-fit:scale-down !important;
  object-fit:scale-down !important
}

.object-fit-none{
  -o-object-fit:none !important;
  object-fit:none !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
}

.position-fixed{
  position:fixed !important
}

.position-sticky{
  position:-webkit-sticky !important;
  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-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-orange{
  --bs-border-opacity:1;
  border-color:rgba(var(--bs-orange-rgb), var(--bs-border-opacity))!important
}
.border-red{
  --bs-border-opacity:1;
  border-color:rgba(var(--bs-red-rgb), var(--bs-border-opacity))!important
}
.border-teal{
  --bs-border-opacity:1;
  border-color:rgba(var(--bs-teal-rgb), var(--bs-border-opacity))!important
}
.border-cyan{
  --bs-border-opacity:1;
  border-color:rgba(var(--bs-cyan-rgb), var(--bs-border-opacity))!important
}



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

.border-2{
  --bs-border-width:2px
}

.border-3{
  --bs-border-width:3px
}

.border-4{
  --bs-border-width:4px
}

.border-5{
  --bs-border-width:5px
}
.border-6{
  border-width:6px !important
}

.border-7{
  border-width:7px !important
}
.border-opacity-10{
  --bs-border-opacity:.1
}

.border-opacity-25{
  --bs-border-opacity:.25
}

.border-opacity-50{
  --bs-border-opacity:.5
}

.border-opacity-75{
  --bs-border-opacity:.75
}

.border-opacity-100{
  --bs-border-opacity:1
}

.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:.4rem !important
}

.m-3{
  margin:.8rem !important
}

.m-4{
  margin:1.2rem !important
}

.m-5{
  margin:2.2rem !important
}

.m-6{
  margin:3rem !important
}

.m-7{
  margin:4rem !important
}

.m-auto{
  margin:auto !important
}

.mx-0{
  margin-right:0 !important;
  margin-left:0 !important
}

.mx-1{
  margin-right:.2rem !important;
  margin-left:.2rem !important
}

.mx-2{
  margin-right:.4rem !important;
  margin-left:.4rem !important
}

.mx-3{
  margin-right:.8rem !important;
  margin-left:.8rem !important
}

.mx-4{
  margin-right:1.2rem !important;
  margin-left:1.2rem !important
}

.mx-5{
  margin-right:2.2rem !important;
  margin-left:2.2rem !important
}

.mx-6{
  margin-right:3rem !important;
  margin-left:3rem !important
}

.mx-7{
  margin-right:4rem !important;
  margin-left:4rem !important
}

.mx-auto{
  margin-right:auto !important;
  margin-left:auto !important
}

.mx-6{
  margin-right:3rem !important;
  margin-left:3rem !important
}

.mx-7{
  margin-right:4rem !important;
  margin-left:4rem !important
}

.my-0{
  margin-top:0 !important;
  margin-bottom:0 !important
}

.my-1{
  margin-top:.2rem !important;
  margin-bottom:.2rem !important
}

.my-2{
  margin-top:.4rem !important;
  margin-bottom:.4rem !important
}

.my-3{
  margin-top:.8rem !important;
  margin-bottom:.8rem !important
}

.my-4{
  margin-top:1.2rem !important;
  margin-bottom:1.2rem !important
}

.my-5{
  margin-top:2.2rem !important;
  margin-bottom:2.2rem !important
}

.my-6{
  margin-top:3rem !important;
  margin-bottom:3rem !important
}

.my-7{
  margin-top:4rem !important;
  margin-bottom:4rem !important
}

.my-auto{
  margin-top:auto !important;
  margin-bottom:auto !important
}

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

.mt-1{
  margin-top:.2rem !important
}

.mt-2{
  margin-top:.4rem !important
}

.mt-3{
  margin-top:.8rem !important
}

.mt-4{
  margin-top:1.2rem !important
}

.mt-5{
  margin-top:2.4rem !important
}

.mt-6{
  margin-top:3rem !important
}

.mt-7{
  margin-top:4rem !important
}

.mt-auto{
  margin-top:auto !important
}

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

.me-1{
  margin-right:.2rem !important
}

.me-2{
  margin-right:.4rem !important
}

.me-3{
  margin-right:.8rem !important
}

.me-4{
  margin-right:1.2rem !important
}

.me-5{
  margin-right:2.4rem !important
}
.me-6{
  margin-right:3rem !important
}

.me-7{
  margin-right:4rem !important
}


.me-auto{
  margin-right:auto !important
}

.mb-0{
  margin-bottom:0 !important
}

.mb-1{
  margin-bottom:.2rem !important
}

.mb-2{
  margin-bottom:.4rem !important
}

.mb-3{
  margin-bottom:.8rem !important
}

.mb-4{
  margin-bottom:1.4rem !important
}

.mb-5{
  margin-bottom:2.4rem !important
}


.mb-6{
  margin-bottom:3rem !important
}


.mb-7{
  margin-bottom:4rem !important
}


.mb-auto{
  margin-bottom:auto !important
}

.ms-0{
  margin-left:0 !important
}

.ms-1{
  margin-left:.2rem !important
}

.ms-2{
  margin-left:.4rem !important
}

.ms-3{
  margin-left:.8rem !important
}

.ms-4{
  margin-left:1.2rem !important
}

.ms-5{
  margin-left:2.4rem !important
}
.ms-5{
  margin-left:3rem !important
}

.ms-5{
  margin-left:4rem !important
}

.ms-auto{
  margin-left:auto !important
}

.p-0{
  padding:0 !important
}

.p-1{
  padding:.25rem !important
}

.p-2{
  padding:.4rem !important
}

.p-3{
  padding:.8rem !important
}

.p-4{
  padding:1.25rem !important
}

.p-5{
  padding:2.2rem !important
}

.p-6{
  padding:3rem !important
}

.p-7{
  padding:4rem !important
}


.px-0{
  padding-right:0 !important;
  padding-left:0 !important
}

.px-1{
  padding-right:.2rem !important;
  padding-left:.2rem !important
}

.px-2{
  padding-right:.4rem !important;
  padding-left:.4rem !important
}

.px-3{
  padding-right:.8rem !important;
  padding-left:.8rem !important
}

.px-4{
  padding-right:1.2rem !important;
  padding-left:1.2rem !important
}

.px-5{
  padding-right:2.2rem !important;
  padding-left:2.2rem !important
}

.px-6{
  padding-right:3rem !important;
  padding-left:3rem !important
}
.px-7{
  padding-right:4rem !important;
  padding-left:4rem !important
}

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

.py-1{
  padding-top:.2rem !important;
  padding-bottom:.2rem !important
}

.py-2{
  padding-top:.4rem !important;
  padding-bottom:.4rem !important
}

.py-3{
  padding-top:.8rem !important;
  padding-bottom:.8rem !important
}

.py-4{
  padding-top:1.25rem !important;
  padding-bottom:1.25rem !important
}

.py-5{
  padding-top:2.2rem !important;
  padding-bottom:2.2rem !important
}

.py-6{
  padding-top:3rem !important;
  padding-bottom:3rem !important
}

.py-7{
  padding-top:4rem !important;
  padding-bottom:4rem !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
}

.pt-6{
  padding-top:2.5rem !important
}
.pt-7{
  padding-top:3rem !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
}
.pe-6{
  padding-right:2.5rem !important
}
.pe-7{
  padding-right:3rem !important
}
.pe-8{
  padding-right:3.5rem !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
}
.pb-6{
  padding-bottom:2.5rem !important
}
.pb-7{
  padding-bottom:3rem !important
}
.pb-8{
  padding-bottom:3.5rem !important
}
.pb-9{
  padding-bottom:4.5rem !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
}
.ps-6{
  padding-left:2.5rem !important
}
.ps-7{
  padding-left:3rem !important
}
.ps-7{
  padding-left:3.5rem !important
}
.ps-7{
  padding-left:4.5rem !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:3rem !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:3rem !important
}

.column-gap-0{
  -moz-column-gap:0 !important;
  column-gap:0 !important
}

.column-gap-1{
  -moz-column-gap:.25rem !important;
  column-gap:.25rem !important
}

.column-gap-2{
  -moz-column-gap:.5rem !important;
  column-gap:.5rem !important
}

.column-gap-3{
  -moz-column-gap:1rem !important;
  column-gap:1rem !important
}

.column-gap-4{
  -moz-column-gap:1.5rem !important;
  column-gap:1.5rem !important
}

.column-gap-5{
  -moz-column-gap:3rem !important;
  column-gap:3rem !important
}
/*==text*/
.text-wrap{white-space:normal !important}
.text-nowrap{white-space:nowrap !important}
.text-break{word-wrap:break-word !important;word-break:break-word !important}
/*color for [text,bg,alert,btn hrer*/
.text-primary,.text-secondary,.text-success,.text-danger,.text-warning,.text-info,.text-light,.text-dark,.text-black,.text-white,
.text-red, .text-green, .text-cyan, .text-teal, .text-orange, .text-purple, .text-asphalt{
  --bs-text-opacity:1
}
.text-primary{color:rgba(var(--bs-primary-rgb), var(--bs-text-opacity))!important}
.text-secondary{color:rgba(var(--bs-secondary-rgb), var(--bs-text-opacity))!important}
.text-success{color:rgba(var(--bs-success-rgb), var(--bs-text-opacity))!important}
.text-danger{color:rgba(var(--bs-danger-rgb), var(--bs-text-opacity))!important}
.text-warning{color:rgba(var(--bs-warning-rgb), var(--bs-text-opacity))!important}
.text-info{color:rgba(var(--bs-info-rgb), var(--bs-text-opacity))!important}
.text-light{color:rgba(var(--bs-light-rgb), var(--bs-text-opacity))!important}
.text-dark{color:rgba(var(--bs-dark-rgb), var(--bs-text-opacity))!important}
.text-black, a.text-dark{color:rgba(var(--bs-black-rgb), var(--bs-text-opacity))!important}
.text-white, a.text-white{color:rgba(var(--bs-white-rgb), var(--bs-text-opacity))!important}
/*text-colorextra*/
.text-indigo{color:rgba(var(--bs-indigo-rgb))}
.text-red{color:rgba(var(--bs-red-rgb))}
.text-green{color:rgba(var(--bs-green-rgb))}
.text-cyan{color:rgba(var(--bs-cyan-rgb))}
.text-teal{color:rgba(var(--bs-teal-rgb))}
.text-orange{color:rgba(var(--bs-orange-rgb))}
.text-purple{color:rgba(var(--bs-purple-rgb))}
.text-asphalt{color:rgba(var(--bs-asphalt-rgb))}
.text-reset{--bs-text-opacity:1;color:inherit !important}
.text-opacity-5{--bs-text-opacity:.05}
.text-opacity-10{--bs-text-opacity:.10}
.text-opacity-15{--bs-text-opacity:.15}
.text-opacity-25{--bs-text-opacity:.25}
.text-opacity-50{--bs-text-opacity:.5}
.text-opacity-75{--bs-text-opacity:.75}
.text-opacity-90{--bs-text-opacity:.90}
/*==bg*/
.bg-primary{ background-color:rgba(var(--bs-primary-rgb), var(--bs-bg-opacity))!important}
.bg-secondary{ background-color:rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity))!important}
.bg-success{background-color:rgba(var(--bs-success-rgb), var(--bs-bg-opacity))!important}
.bg-danger{background-color:rgba(var(--bs-danger-rgb), var(--bs-bg-opacity))!important}
.bg-warning{background-color:rgba(var(--bs-warning-rgb), var(--bs-bg-opacity))!important; color:#7E6230!important}
.bg-info{background-color:rgba(var(--bs-info-rgb), var(--bs-bg-opacity))!important}
.bg-light{background-color:rgba(var(--bs-light-rgb), var(--bs-bg-opacity))!important}
.bg-b,.bgb,.bg-dark{background-color:rgba(var(--bs-dark-rgb), var(--bs-bg-opacity))!important}
/*bg-extra*/
.bg-blue{background-color:rgba(var(--bs-blue-rgb), var(--bs-bg-opacity))!important}
.bg-indigo{background-color:rgba(var(--bs-indigo-rgb), var(--bs-bg-opacity))!important}
.bg-purple{background-color:rgba(var(--bs-purple-rgb), var(--bs-bg-opacity))!important}
.bg-pink{background-color:rgba(var(--bs-pink-rgb), var(--bs-bg-opacity))!important}
.bg-red{background-color:rgba(var(--bs-red-rgb), var(--bs-bg-opacity))!important}
.bg-orange{background-color:rgba(var(--bs-orange-rgb), var(--bs-bg-opacity))!important}
.bg-yellow{background-color:rgba(var(--bs-yellow-rgb), var(--bs-bg-opacity))!important}
.bg-green{background-color:rgba(var(--bs-green-rgb), var(--bs-bg-opacity))!important}
.bg-teal{background-color:rgba(var(--bs-teal-rgb), var(--bs-bg-opacity))!important}
.bg-cyan{background-color:rgba(var(--bs-cyan-rgb), var(--bs-bg-opacity))!important}
.bg-white{background-color:rgba(var(--bs-white-rgb), var(--bs-bg-opacity))!important}
.bg-black{background-color:rgba(var(--bs-black-rgb), var(--bs-bg-opacity))!important}
.bg-sliver{background-color:rgba(var(--color-sliver-rgb), var(--bs-bg-opacity))!important}
.bg-sliverlight{background-color:rgba(var(--color-sliverlight-rgb), var(--bs-bg-opacity))!important}
.bg-sliversand{background-color:rgba(var(--color-sliversand-rgb), var(--bs-bg-opacity))!important}
.bg-sliverdark{background-color:rgba(var(--color-sliverdark-rgb), var(--bs-bg-opacity))!important}
.bg-lynch{background-color:rgba(var(--color-lynch-rgb), var(--bs-bg-opacity))!important}
.bg-porcelain{background-color:rgba(var(--color-porcelain-rgb), var(--bs-bg-opacity))!important}
.bgb{background-color:rgba(17, 17, 17), var(--bs-bg-opacity); color:#fcfcfc}
.bgw{background-color:rgba(255, 255, 255), var(--bs-bg-opacity)}
/*bg opacity and other*/
a.bg-primary,.bg-primary a,a.bg-secondary,a.bg-success,a.bg-danger,a.bg-warning,a.bg-info,a.bg-dark,
a.bg-red,a.bg-green,a.bg-cyan,a.bg-teal,a.bg-orange,a.bg-purple,a.bg-asphalt,a.bgb
{
  color:#fff!important;
}
.bg-primary,.bg-secondary,.bg-success,.bg-danger,.bg-warning,.bg-info,.bg-light,.bg-dark,
.bg-red,.bg-green,.bg-cyan,.bg-teal,.bg-orange,.bg-purple,.bg-asphalt,.bgb,.bg-sliversand,
.bg-sliver,.bg-sliverdark,.bg-lynch,.bg-porcelain
{
  color:#fff;
  padding-left:.15rem;
  padding-right:.15rem;
  --bs-bg-opacity:1
}
.bg-danger a:hover{color:rgba(var(--bs-dark-rgb))!important}
.bg-light,.bg-sliversand,.bg-sliver,.bg-porcelain{color:#313131!important}
.bg-transparent{--bs-bg-opacity:1;background-color:transparent !important}
.bg-opacity-5{--bs-bg-opacity:.05}
.bg-opacity-10{--bs-bg-opacity:.1}
.bg-opacity-15{--bs-bg-opacity:.15}
.bg-opacity-25{--bs-bg-opacity:.25}
.bg-opacity-40{--bs-bg-opacity:.4}
.bg-opacity-50{--bs-bg-opacity:.5}
.bg-opacity-60{--bs-bg-opacity:.6}
.bg-opacity-75{--bs-bg-opacity:.75}
.bg-opacity-80{--bs-bg-opacity:.8}
.bg-opacity-90{--bs-bg-opacity:.9}
.bg-opacity-100{--bs-bg-opacity:1}
.bg-primary-subtle{background-color:var(--bs-primary-bg-subtle)!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{
  -webkit-user-select:all !important;
  -moz-user-select:all !important;
  user-select:all !important
}

.user-select-auto{
  -webkit-user-select:auto !important;
  -moz-user-select:auto !important;
  user-select:auto !important
}

.user-select-none{
  -webkit-user-select:none !important;
  -moz-user-select:none !important;
  user-select:none !important
}

.pe-none{
  pointer-events:none !important
}

.pe-auto{
  pointer-events:auto !important
}


@media (min-width:576px){
  .float-sm-start{
    float:var(--dir)!important;
  }

  .float-sm-end{
    float:var(--dir-reverse)!important;
  }

  .float-sm-none{
    float:none !important;
  }
  .object-fit-sm-contain{
    -o-object-fit:contain !important;
    object-fit:contain !important;
  }
  .object-fit-sm-cover{
    -o-object-fit:cover !important;
    object-fit:cover !important;
  }
  .object-fit-sm-fill{
    -o-object-fit:fill !important;
    object-fit:fill !important;
  }
  .object-fit-sm-scale{
    -o-object-fit:scale-down !important;
    object-fit:scale-down !important;
  }
  .object-fit-sm-none{
    -o-object-fit:none !important;
    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:3rem !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:3rem !important;
    margin-left:3rem !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:3rem !important;
    margin-bottom:3rem !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:3rem !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:3rem !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:3rem !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:3rem !important;
  }
  .ms-sm-auto{
    margin-left:auto !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:3rem !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:3rem !important;
    padding-left:3rem !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:3rem !important;
    padding-bottom:3rem !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:3rem !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:3rem !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:3rem !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:3rem !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:3rem !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:3rem !important;
  }
  .column-gap-sm-0{
    -moz-column-gap:0 !important;
    column-gap:0 !important;
  }
  .column-gap-sm-1{
    -moz-column-gap:.25rem !important;
    column-gap:.25rem !important;
  }
  .column-gap-sm-2{
    -moz-column-gap:.5rem !important;
    column-gap:.5rem !important;
  }
  .column-gap-sm-3{
    -moz-column-gap:1rem !important;
    column-gap:1rem !important;
  }
  .column-gap-sm-4{
    -moz-column-gap:1.5rem !important;
    column-gap:1.5rem !important;
  }
  .column-gap-sm-5{
    -moz-column-gap:3rem !important;
    column-gap:3rem !important;
  }

  .text-sm-start{
    text-align:var(--dir)!important;
  }

  .text-sm-end{
    text-align:var(--dir-reverse)!important;
  }

  .text-sm-center{
    text-align:center !important;
  }
}
@media (min-width:768px){
  .float-md-start{
    float:var(--dir)!important;
  }

  .float-md-end{
    float:var(--dir-reverse)!important;
  }

  .float-md-none{
    float:none !important;
  }
  .object-fit-md-contain{
    -o-object-fit:contain !important;
    object-fit:contain !important;
  }
  .object-fit-md-cover{
    -o-object-fit:cover !important;
    object-fit:cover !important;
  }
  .object-fit-md-fill{
    -o-object-fit:fill !important;
    object-fit:fill !important;
  }
  .object-fit-md-scale{
    -o-object-fit:scale-down !important;
    object-fit:scale-down !important;
  }
  .object-fit-md-none{
    -o-object-fit:none !important;
    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:3rem !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:3rem !important;
    margin-left:3rem !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:3rem !important;
    margin-bottom:3rem !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:3rem !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:3rem !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:3rem !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:3rem !important;
  }
  .ms-md-auto{
    margin-left:auto !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:3rem !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:3rem !important;
    padding-left:3rem !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:3rem !important;
    padding-bottom:3rem !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:3rem !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:3rem !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:3rem !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:3rem !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:3rem !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:3rem !important;
  }
  .column-gap-md-0{
    -moz-column-gap:0 !important;
    column-gap:0 !important;
  }
  .column-gap-md-1{
    -moz-column-gap:.25rem !important;
    column-gap:.25rem !important;
  }
  .column-gap-md-2{
    -moz-column-gap:.5rem !important;
    column-gap:.5rem !important;
  }
  .column-gap-md-3{
    -moz-column-gap:1rem !important;
    column-gap:1rem !important;
  }
  .column-gap-md-4{
    -moz-column-gap:1.5rem !important;
    column-gap:1.5rem !important;
  }
  .column-gap-md-5{
    -moz-column-gap:3rem !important;
    column-gap:3rem !important;
  }
  .text-md-start{
    text-align:var(--dir)!important;
  }

  .text-md-end{
    text-align:var(--dir-reverse)!important;
  }

  .text-md-center{
    text-align:center !important;
  }
}
@media (min-width:992px){
  .float-lg-start{
    float:var(--dir)!important;
  }

  .float-lg-end{
    float:var(--dir-reverse)!important;
  }

  .float-lg-none{
    float:none !important;
  }
  .object-fit-lg-contain{
    -o-object-fit:contain !important;
    object-fit:contain !important;
  }
  .object-fit-lg-cover{
    -o-object-fit:cover !important;
    object-fit:cover !important;
  }
  .object-fit-lg-fill{
    -o-object-fit:fill !important;
    object-fit:fill !important;
  }
  .object-fit-lg-scale{
    -o-object-fit:scale-down !important;
    object-fit:scale-down !important;
  }
  .object-fit-lg-none{
    -o-object-fit:none !important;
    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:3rem !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:3rem !important;
    margin-left:3rem !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:3rem !important;
    margin-bottom:3rem !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:3rem !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:3rem !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:3rem !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:3rem !important;
  }
  .ms-lg-auto{
    margin-left:auto !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:3rem !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:3rem !important;
    padding-left:3rem !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:3rem !important;
    padding-bottom:3rem !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:3rem !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:3rem !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:3rem !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:3rem !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:3rem !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:3rem !important;
  }
  .column-gap-lg-0{
    -moz-column-gap:0 !important;
    column-gap:0 !important;
  }
  .column-gap-lg-1{
    -moz-column-gap:.25rem !important;
    column-gap:.25rem !important;
  }
  .column-gap-lg-2{
    -moz-column-gap:.5rem !important;
    column-gap:.5rem !important;
  }
  .column-gap-lg-3{
    -moz-column-gap:1rem !important;
    column-gap:1rem !important;
  }
  .column-gap-lg-4{
    -moz-column-gap:1.5rem !important;
    column-gap:1.5rem !important;
  }
  .column-gap-lg-5{
    -moz-column-gap:3rem !important;
    column-gap:3rem !important;
  }
  .text-lg-start{
    text-align:var(--dir)!important;
  }

  .text-lg-end{
    text-align:var(--dir-reverse)!important;
  }

  .text-lg-center{
    text-align:center !important;
  }
}
@media (min-width:1200px){
  .float-xl-start{
    float:var(--dir)!important;
  }

  .float-xl-end{
    float:var(--dir-reverse)!important;
  }

  .float-xl-none{
    float:none !important;
  }
  .object-fit-xl-contain{
    -o-object-fit:contain !important;
    object-fit:contain !important;
  }
  .object-fit-xl-cover{
    -o-object-fit:cover !important;
    object-fit:cover !important;
  }
  .object-fit-xl-fill{
    -o-object-fit:fill !important;
    object-fit:fill !important;
  }
  .object-fit-xl-scale{
    -o-object-fit:scale-down !important;
    object-fit:scale-down !important;
  }
  .object-fit-xl-none{
    -o-object-fit:none !important;
    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:3rem !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:3rem !important;
    margin-left:3rem !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:3rem !important;
    margin-bottom:3rem !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:3rem !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:3rem !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:3rem !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:3rem !important;
  }
  .ms-xl-auto{
    margin-left:auto !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:3rem !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:3rem !important;
    padding-left:3rem !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:3rem !important;
    padding-bottom:3rem !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:3rem !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:3rem !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:3rem !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:3rem !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:3rem !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:3rem !important;
  }
  .column-gap-xl-0{
    -moz-column-gap:0 !important;
    column-gap:0 !important;
  }
  .column-gap-xl-1{
    -moz-column-gap:.25rem !important;
    column-gap:.25rem !important;
  }
  .column-gap-xl-2{
    -moz-column-gap:.5rem !important;
    column-gap:.5rem !important;
  }
  .column-gap-xl-3{
    -moz-column-gap:1rem !important;
    column-gap:1rem !important;
  }
  .column-gap-xl-4{
    -moz-column-gap:1.5rem !important;
    column-gap:1.5rem !important;
  }
  .column-gap-xl-5{
    -moz-column-gap:3rem !important;
    column-gap:3rem !important;
  }
  .text-xl-start{
    text-align:var(--dir)!important;
  }

  .text-xl-end{
    text-align:var(--dir-reverse)!important;
  }

  .text-xl-center{
    text-align:center !important;
  }
}
@media (min-width:1400px){
  .float-xxl-start{
    float:var(--dir)!important;
  }

  .float-xxl-end{
    float:var(--dir-reverse)!important;
  }

  .float-xxl-none{
    float:none !important;
  }
  .object-fit-xxl-contain{
    -o-object-fit:contain !important;
    object-fit:contain !important;
  }
  .object-fit-xxl-cover{
    -o-object-fit:cover !important;
    object-fit:cover !important;
  }
  .object-fit-xxl-fill{
    -o-object-fit:fill !important;
    object-fit:fill !important;
  }
  .object-fit-xxl-scale{
    -o-object-fit:scale-down !important;
    object-fit:scale-down !important;
  }
  .object-fit-xxl-none{
    -o-object-fit:none !important;
    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:3rem !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:3rem !important;
    margin-left:3rem !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:3rem !important;
    margin-bottom:3rem !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:3rem !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:3rem !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:3rem !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:3rem !important;
  }
  .ms-xxl-auto{
    margin-left:auto !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:3rem !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:3rem !important;
    padding-left:3rem !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:3rem !important;
    padding-bottom:3rem !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:3rem !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:3rem !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:3rem !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:3rem !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:3rem !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:3rem !important;
  }
  .column-gap-xxl-0{
    -moz-column-gap:0 !important;
    column-gap:0 !important;
  }
  .column-gap-xxl-1{
    -moz-column-gap:.25rem !important;
    column-gap:.25rem !important;
  }
  .column-gap-xxl-2{
    -moz-column-gap:.5rem !important;
    column-gap:.5rem !important;
  }
  .column-gap-xxl-3{
    -moz-column-gap:1rem !important;
    column-gap:1rem !important;
  }
  .column-gap-xxl-4{
    -moz-column-gap:1.5rem !important;
    column-gap:1.5rem !important;
  }
  .column-gap-xxl-5{
    -moz-column-gap:3rem !important;
    column-gap:3rem !important;
  }
  .text-xxl-start{
    text-align:var(--dir)!important;
  }

  .text-xxl-end{
    text-align:var(--dir-reverse)!important;
  }

  .text-xxl-center{
    text-align:center !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;
  }
}
/*--bs-end*/
/*--bs-extended*/
.bs-callout{
  padding:20px;
  margin:20px 0;
  border:1px solid #e3e3e3;
  border-right-width:5px;
  border-radius:3px
}
.bs-callout h4{
  margin-top:0;
  margin-bottom:5px
}
.bs-callout p:last-child{
  margin-bottom:0
}
.bs-callout code{
  border-radius:3px
}
.bs-callout+.bs-callout{
  margin-top:-5px
}
.bs-callout-default{
  border-right-color:#777
}
.bs-callout-default h4{
  color:#777
}
.bs-callout-primary{
  border-right-color:#428bca
}
.bs-callout-primary h4{
  color:#428bca
}
.bs-callout-success{
  border-right-color:#5cb85c
}
.bs-callout-success h4{
  color:#5cb85c
}
.bs-callout-danger{
  border-right-color:#d9534f
}
.bs-callout-danger h4{
  color:#d9534f
}
.bs-callout-warning{
  border-right-color:#f0ad4e
}
.bs-callout-warning h4{
  color:#f0ad4e
}
.bs-callout-info{
  border-right-color:#5bc0de
}
.bs-callout-info h4{
  color:#5bc0de
}
/*==general*/
.cursorpointer{cursor:pointer!important}
.hover:hover{color:var(--bs-link-hover-color)!important; cursor:pointer!important}
main{min-height:320px}
.direction{direction:rtl!important}
.dir{direction:rtl}
.dir-reverse{direction:ltr}
.ptr,label,.ends{cursor:pointer !important}
.gradientgray{
  background:linear-gradient(to bottom,rgba(225,225,225,.4),rgba(196,196,196,.7))
}
.nobg{
  background-color:transparent!important
}
.disn{
  display:none
}
.disb{
  display:block
}
.disib{
  display:inline-block
}
#vh,.vh{
  visibility:hidden
}
.dispb,.dispi,.dispib{
  display:none!important
}
.cb,.clr::after,noscript{
  display:block
}
#j,.j{
  text-align:justify!important
}
.c{
  text-align:center!important
}
.l{
  text-align:left!important
}
.r{
  text-align:right!important
}
.fn{
  float:none!important
}
.fr{
  float:right!important
}
.fl{
  float:left!important
}
.ltr{
  direction:ltr
}
.rtl{
  direction:rtl
}
.b{
  font-family:fsemi;
}
.n{
  font-style:normal!important; font-weight:300!important
}
.i{
  font-style:italic
}
.u{
  text-decoration:underline
}
.ltr.date{
  color:#ff5d3d
}
noscript{
  margin:0 auto;
  font-size:1.2em;
  z-index:1;
  padding:.835em 0;
  text-align:center;
  background:#ffffe1;
  color:#000
}
textarea{
  min-height:10em
}
.breakall{
  word-break:break-all;
  word-break:break-word
}
.overlay{
  background-color:rgba(0,0,0,.6);
  height:100%;
  z-index:10;
  left:0
}
.tah{
  font-family:tahoma!important;
}
#top,#top-icon,#top-link{
  position:relative
}
.nwrap{
  white-space:nowrap
}
.casel{
  text-transform:lowercase
}
.caseu{
  text-transform:uppercase
}
.capital{
  text-transform:capitalize
}
.hide{
  font:0/0 a;
  color:transparent;
  text-shadow:none;
  background-color:transparent;
  border:0
}
.cb{
  margin-right:auto;
  margin-left:auto
}
.zoomover{
  transition:all .2s ease-in-out
}
.zoomover:hover{
  transform:scale(1.05)
}

body{
  font-family:--bs-body-font-family;
  color:#0d2756 !important;
  font-size:1.3rem;
  line-height:200% !important;
  margin:0;
  padding:0
}
h6,
.fnormal,
.title,
nav.menu,
.nav a,
.head,
.clickbotton,
.main-nav,
.bg-ad,
.news,
.panel{
  font-family:--bs-body-font-family;
}
header,
h1,
h2,
h3,
h4,
h5{
  font-family:fsemi!important
}
.o0{
  opacity:0;
  visibility:hidden;
  height:0
}
.op1{
  opacity:.1
}
.op2{
  opacity:.2
}
.op3{
  opacity:.3
}
.op4{
  opacity:.4
}
.op5{
  opacity:.5
}
.op6{
  opacity:.6
}
.op7{
  opacity:.7
}
.op8{
  opacity:.8
}
.op9{
  opacity:.9
}
.op10{
  opacity:1
}
section.text,.text{
  padding:1rem;
  font-size:110%;
}
.pos-r{position:relative}
.pos-a{position:absolute}
.pos-f{position:fixed}
.pos-s{position:sticky}
/*==print view*/
@media print{
  .noprnt,footer,.footer,#footer,#header{
      display:none!important;
  }
  .prnt{
      display:inline-block
  }
  .page{
      background:#fff;
      height:267mm;
      width:180mm
  }
  h1{
      font-size:1rem
  }
  h2,h3{
      font-size:.935rem
  }
  h4,h5{
    font-size:.750rem
}
  a:link:after,a:visited:after{
      unicode-bidi:embed;
      white-space:nowrap;
      direction:ltr;
      font:400 7px verdana
  }
  .dispb{
      display:block!important
  }
  .dispi{
      display:inline!important
  }
  .dispib{
      display:inline-block!important
  }
}
/*--general-end*/
/*==shadow*/
.shadow12{
  text-shadow:0 0 12px var(--textshadow-color)
}
.shadow9{
  text-shadow:0 0 9px var(--textshadow-color)
}
.shadow7{
  text-shadow:0 0 7px var(--textshadow-color)
}
.shadow5{
  text-shadow:0 0 5px var(--textshadow-color)
}
.shadow3{
  text-shadow:0 0 3px var(--textshadow-color)
}
.shadow1{
  text-shadow:0 0 1px var(--textshadow-color)
}
.boxshadow1{
  box-shadow:0 0 1px 0 var(--boxshadow-color)
}
.boxshadow3{
  box-shadow:0 0 3px 0 var(--boxshadow-color)
}
.boxshadow5{
  box-shadow:0 0 5px 0 var(--boxshadow-color)
}
.boxshadow7{
  box-shadow:0 0 7px 0 var(--boxshadow-color)
}
.boxshadow9{
  box-shadow:0 0 9px 0 var(--boxshadow-color)
}
.boxshadow12{
  box-shadow:0 0 12px 0 var(--boxshadow-color)
}
.cardshadow{
  background:#fff;
  border-radius:2px;
  display:inline-block;
  height:200px;
  margin:1rem;
  position:relative;
  width:200px;
}

.card-shadow1{
  box-shadow:0 1px 3px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.35);
  transition:all 0.3s cubic-bezier(.25, .8, .25, 1);
}

.card-shadow1:hover{
  box-shadow:0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.card-shadow2{
  box-shadow:0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.card-shadow3{
  box-shadow:0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.card-shadow4{
  box-shadow:0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.card-shadow5{
  box-shadow:0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22);
}
.box-shadow1{
  box-shadow:0 10px 6px -6px #777
}

.box-shadow2{
  position:relative
}

.box-shadow2:before,
.box-shadow2:after{
  z-index:-1;
  position:absolute;
  content:"";
  bottom:15px;
  left:10px;
  width:50%;
  top:80%;
  max-width:300px;
  background:#777;
  box-shadow:0 15px 10px #777;
  transform:rotate(-3deg);
}

.box-shadow2:after{
  transform:rotate(3deg);
  right:10px;
  left:auto;
}
.box-shadow3{
  position:relative;
  box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.box-shadow3:before,
.box-shadow3:after{
  content:"";
  position:absolute;
  z-index:-1;
  box-shadow:0 0 20px rgba(0, 0, 0, 0.8);
  top:50%;
  bottom:0;
  left:10px;
  right:10px;
  border-radius:100px / 10px;
}

.box-shadow3:after{
  right:10px;
  left:auto;
  transform:skew(8deg) rotate(3deg);
}

.box-shadow4{
  position:relative;
  box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.box-shadow4:before,
.box-shadow4:after{
  content:"";
  position:absolute;
  z-index:-1;
  box-shadow:0 0 20px rgba(0, 0, 0, 0.8);
  top:0;
  bottom:0;
  left:10px;
  right:10px;
  border-radius:100px / 10px;
}

.box-shadow4:after{
  right:10px;
  left:auto;
  transform:skew(8deg) rotate(3deg);
}

.box-shadow5{
  position:relative;
  box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.box-shadow5:before,
.box-shadow5:after{
  content:"";
  position:absolute;
  z-index:-1;
  box-shadow:0 0 20px rgba(0, 0, 0, 0.8);
  top:10px;
  bottom:10px;
  left:0;
  right:0;
  border-radius:100px / 10px;
}

.box-shadow5:after{
  right:10px;
  left:auto;
  transform:skew(8deg) rotate(3deg);
}

.boxshadow-effect1{
  box-shadow:0 8px 10px -7px #aaa;
}

.bg01{
  background:rgba(31,31,31,.1)!important
}
.bg03{
  background:rgba(31,31,31,.3)!important
}
.bg05{
  background:rgba(31,31,31,.5)!important
}
.bg07{
  background:rgba(31,31,31,.7)!important;
  color:#eee
}
.bg09{
  background:rgba(31,31,31,.9)!important;
  color:#eee
}

/*==border-radius*/
.r1{
  border-radius:1px
}
.r3{
  border-radius:3px
}
.r5{
  border-radius:5px
}
.r7{
  border-radius:7px
}
.r9{
  border-radius:9px
}
.r12{
  border-radius:12px
}
.r14{
  border-radius:14px
}
.r18{
  border-radius:18px
}
.r20{
  border-radius:20px
}
.r26{
  border-radius:26px
}
.rp50{
  border-radius:50%!important
}
.rp100{
  border-radius:100%!important
}
.r0b,.r0l{
  border-bottom-right-radius:0
}
.r0l,.r0t{
  border-top-right-radius:0
}
.r0r,.r0t{
  border-top-left-radius:0
}
.r0b,.r0r{
  border-bottom-left-radius:0
}
.r0{
  border-radius:0
}
/*--pagination*/
ul.pagination{margin:.7rem 0}
ul.pagination li.start_end{width:64px}
.pagination-container{
  text-align:center;
  margin:1em 0;
  font-size:.9em
}
.pagination-item{
  list-style-type:none;
  display:inline-block;
}
ul.pagination li{
  font-family: fsemi;
  font-size:100%;
  display:inline-block;
  text-align:center;
  margin:0 .1rem;
}
ul.pagination li:hover,ul.pagination li.current{
  background-color:#4F85F2;
  color: #fff !important;
}
ul.pagination li a{
  display:block;
  min-width:30px;
  max-height: 30px;
  line-height: 29px;
  background-color:#fcfcfc;
  color:#5c5c65;
  border:2px solid #CECECE;
}
.pagination-link--wide:hover{
  color:#fa4248
}
.pagination-item a:hover,.pagination-item.is-active a{
  background-color:#4F85F2;
  color: #fff !important;
}
.pagination-item .dots{
  font-size:75%;
  color:#000;
  margin:0 .12rem;
  border:0px;
}
.pagination-item:last-of-type{
  border:none
}
.pagination-link{
  padding:.14em .6em;
  display:inline-block;
}
.pagination-item--wide{
  list-style-type:none;
   display:inline-block
}
.pagination-item--wide.first,.pagination-item--wide.last{
  margin:.2rem 0
}
.pagination-link--wide{
  color:#8b969c;
   padding:.5em 0
}

/*--tips*/
.tipso_bubble{
  position:absolute;
  text-align:center;
  border-radius:6px;
  z-index:9999;
  padding:10px
}
.tipso_bubble>.tipso_arrow{
  position:absolute;
  width:0;
  height:0;
  border:8px solid;
  pointer-events:none
}
.tipso_bubble.top>.tipso_arrow{
  border-color:#000 transparent transparent;
  top:100%;
  left:50%;
  margin-left:-8px
}
.tipso_bubble.bottom>.tipso_arrow{
  border-color:transparent transparent #000;
  bottom:100%;
  left:50%;
  margin-left:-8px
}
.tipso_bubble.left>.tipso_arrow{
  border-color:transparent transparent transparent #000;
  top:50%;
  left:100%;
  margin-top:-8px
}
.tipso_bubble.right>.tipso_arrow{
  border-color:transparent #000 transparent transparent;
  top:50%;
  right:100%;
  margin-top:-8px
}
/*==spaceing|size|area [lineheight, fontsize, top bot left right,width,...] */
.fp0{font-size:0}
.fp1{font-size:1%}
.fp2{font-size:2%}
.fp3{font-size:3%}
.fp4{font-size:4%}
.fp5{font-size:5%}
.fp10{font-size:10%}
.fp15{font-size:15%}
.fp20{font-size:20%}
.fp25{font-size:25%}
.fp30{font-size:30%}
.fp35{font-size:35%}
.fp40{font-size:40%}
.fp45{font-size:45%}
.fp50{font-size:50%}
.fp55{font-size:55%}
.fp60{font-size:60%}
.fp64{font-size:64%}
.fp70{font-size:70%}
.fp72{font-size:72%}
.fp75{font-size:75%}
.fp80{font-size:80%}
.fp85{font-size:85%}
.fp90{font-size:90%}
.fp95{font-size:95%}
.fp96{font-size:96%}
.fp100{font-size:100%}
.fp105{font-size:105%}
.fp110{font-size:110%}
.fp115{font-size:115%}
.fp120{font-size:120%}
.fp125{font-size:125%}
.fp130{font-size:130%}
.fp135{font-size:135%}
.fp140{font-size:140%}
.fp145{font-size:145%}
.fp150{font-size:150%}
.fp155{font-size:155%}
.fp160{font-size:160%}
.fp165{font-size:165%}
.fp170{font-size:170%}
.fp175{font-size:175%}
.fp180{font-size:180%}
.fp185{font-size:185%}
.fp190{font-size:190%}
.fp195{font-size:195%}
.fp200{font-size:200%}
.fp205{font-size:205%}
.fp210{font-size:210%}
.fp215{font-size:215%}
.fp220{font-size:220%}
.fp225{font-size:225%}
.fp230{font-size:230%}
.fp235{font-size:235%}
.fp240{font-size:240%}
.fp245{font-size:245%}
.fp250{font-size:250%}
.fp255{font-size:255%}
.fp260{font-size:260%}
.fp265{font-size:265%}
.fp270{font-size:270%}
.fp275{font-size:275%}
.fp280{font-size:280%}
.fp285{font-size:285%}
.fp290{font-size:290%}
.fp295{font-size:295%}
.fp300{font-size:300%}
.fp305{font-size:305%}
.fp310{font-size:310%}
.fp315{font-size:315%}
.fp320{font-size:320%}
.fp325{font-size:325%}
.fp330{font-size:330%}
.fp340{font-size:340%}
.fp350{font-size:350%}
.fp360{font-size:360%}
.fp370{font-size:370%}
.fp375{font-size:375%}
.fp380{font-size:380%}
.fp390{font-size:390%}
.fp400{font-size:400%}
.fp425{font-size:425%}
.fp450{font-size:450%}
.fp475{font-size:475%}
.fp500{font-size:500%}
.fp600{font-size:600%}
.fp700{font-size:700%}
.fp800{font-size:800%}
.fp900{font-size:900%}
.ls3{letter-spacing:3px}
.ls5{letter-spacing:5px}
.ls7{letter-spacing:7px}
.ls9{letter-spacing:9px}
.ls12{letter-spacing:12px}
.ls15{letter-spacing:14px}
.ls24{letter-spacing:24px}
.ls32{letter-spacing:32px}
.ls48{letter-spacing:48px
}
.lh05{line-height:5%!important}
.lh10{line-height:10%!important}
.lh15{line-height:15%!important}
.lh20{line-height:20%!important}
.lh25{line-height:25%!important}
.lh30{line-height:30%!important}
.lh35{line-height:35%!important}
.lh40{line-height:40%!important}
.lh45{line-height:45%!important}
.lh50{line-height:50%!important}
.lh55{line-height:55%!important}
.lh75{line-height:75%!important}
.lh100{line-height:100%!important}
.lh110{line-height:110%!important}
.lh125{line-height:125%!important}
.lh130{line-height:130%!important}
.lh140{line-height:140%!important}
.lh150{line-height:150%!important}
.lh160{line-height:160%!important}
.lh175{line-height:175%!important}
.lh180{line-height:180%!important}
.lh190{line-height:190%!important}
.lh200{line-height:200%!important}
.lh225{line-height:225%!important}
.lh250{line-height:250%!important}
.lh260{line-height:260%!important}
.lh275{line-height:275%!important}
.lh300{line-height:300%!important}
.lh320{line-height:320%!important}
.lh340{line-height:340%!important}
.lh360{line-height:360%!important}
.lh380{line-height:380%!important}
.lh400{line-height:400%!important}
.lh500{line-height:500%!important}
.lh600{line-height:600%!important}
.lh700{line-height:700%!important}
.lh800{line-height:800%!important}
.lh900{line-height:900%!important}
.wp1{width:1%}
.wp3{width:3%}
.wp5{width:5%}
.wp10{width:10%}
.wp15{width:15%}
.wp20{width:20%}
.wp25{width:25%}
.wp30{width:30%}
.wp35{width:35%}
.wp40{width:40%}
.wp45{width:45%}
.wp50{width:50%}
.wp55{width:55%}
.wp60{width:60%}
.wp65{width:65%}
.wp70{width:70%}
.wp75{width:75%}
.wp80{width:80%}
.wp85{width:85%}
.wp90{width:90%}
.wp95{width:95%}
.wp100{width:100%
}
.w1{width:1px!important}
.w2{width:2px!important}
.w3{width:3px!important}
.w4{width:4px!important}
.w5{width:5px!important}
.w6{width:6px!important}
.w7{width:7px!important}
.w8{width:8px!important}
.w9{width:9px!important}
.w10{width:10px!important}
.w11{width:11px!important}
.w12{width:12px!important}
.w13{width:13px!important}
.w14{width:14px!important}
.w15{width:15px!important}
.w16{width:16px!important}
.w17{width:17px!important}
.w18{width:18px!important}
.w19{width:19px!important}
.w20{width:20px!important}
.w21{width:21px!important}
.w22{width:22px!important}
.w23{width:23px!important}
.w24{width:24px!important}
.w25{width:25px!important}
.w26{width:26px!important}
.w27{width:27px!important}
.w28{width:28px!important}
.w29{width:29px!important}
.w30{width:30px!important}
.w31{width:31px!important}
.w32{width:32px!important}
.w33{width:33px!important}
.w34{width:34px!important}
.w35{width:35px!important}
.w36{width:36px!important}
.w37{width:37px!important}
.w38{width:38px!important}
.w39{width:39px!important}
.w40{width:40px!important}
.w41{width:41px!important}
.w42{width:42px!important}
.w43{width:43px!important}
.w44{width:44px!important}
.w45{width:45px!important}
.w46{width:46px!important}
.w47{width:47px!important}
.w48{width:48px!important}
.w49{width:49px!important}
.w50{width:50px!important}
.w55{width:55px!important}
.w60{width:60px!important}
.w64{width:64px!important}
.w72{width:72px!important}
.w75{width:75px!important}
.w80{width:80px!important}
.w90{width:90px!important}
.w96{width:96px!important}
.w100{width:100px!important}
.w105{width:105px!important}
.w110{width:110px!important}
.w115{width:115px!important}
.w120{width:120px!important}
.w125{width:125px!important}
.w128{width:128px!important}
.w130{width:130px!important}
.w135{width:135px!important}
.w140{width:140px!important}
.w145{width:145px!important}
.w150{width:150px!important}
.w160{width:160px!important}
.w170{width:170px!important}
.w175{width:175px!important}
.w180{width:180px!important}
.w190{width:190px!important}
.w200{width:200px!important}
.w210{width:210px!important}
.w215{width:215px!important}
.w220{width:220px!important}
.w225{width:225px!important}
.w230{width:230px!important}
.w240{width:240px!important}
.w250{width:250px!important}
.w256{width:256px!important}
.w260{width:260px!important}
.w270{width:270px!important}
.w275{width:275px!important}
.w280{width:280px!important}
.w290{width:290px!important}
.w300{width:300px!important}
.w310{width:310px!important}
.w320{width:320px!important}
.w325{width:325px!important}
.w330{width:330px!important}
.w340{width:340px!important}
.w350{width:350px!important}
.w360{width:360px!important}
.w370{width:370px!important}
.w375{width:375px!important}
.w380{width:380px!important}
.w390{width:390px!important}
.w400{width:400px!important}
.w410{width:410px!important}
.w420{width:420px!important}
.w430{width:430px!important}
.w440{width:440px!important}
.w500{width:500px!important}
.w512{width:512px!important
}
.hp3{height:3%}
.hp5{height:5%}
.hp10{height:10%}
.hp15{height:15%}
.hp20{height:20%}
.hp25{height:25%}
.hp30{height:30%}
.hp35{height:35%}
.hp40{height:40%}
.hp45{height:45%}
.hp50{height:50%}
.hp55{height:55%}
.hp60{height:60%}
.hp65{height:65%}
.hp70{height:70%}
.hp75{height:75%}
.hp80{height:80%}
.hp85{height:85%}
.hp90{height:90%}
.hp95{height:95%}
.hp100{height:100%
}
.h3{height:3px!important}
.h5{height:5px!important}
.h7{height:7px!important}
.h10{height:10px!important}
.h16{height:16px!important}
.h20{height:20px!important}
.h21{height:21px!important}
.h22{height:22px!important}
.h23{height:23px!important}
.h24{height:24px!important}
.h26{height:26px!important}
.h28{height:28px!important}
.h30{height:30px!important}
.h32{height:32px!important}
.h34{height:34px!important}
.h36{height:36px!important}
.h38{height:38px!important}
.h40{height:40px!important}
.h45{height:45px!important}
.h48{height:48px!important}
.h50{height:50px!important}
.h55{height:55px!important}
.h60{height:60px!important}
.h65{height:65px!important}
.h64{height:64px!important}
.h70{height:70px!important}
.h72{height:72px!important}
.h75{height:75px!important}
.h80{height:80px!important}
.h85{height:85px!important}
.h90{height:90px!important}
.h96{height:96px!important}
.h100{height:100px!important}
.h105{height:105px!important}
.h110{height:110px!important}
.h115{height:115px!important}
.h120{height:120px!important}
.h125{height:125px!important}
.h128{height:128px!important}
.h130{height:130px!important}
.h135{height:135px!important}
.h140{height:140px!important}
.h150{height:150px!important}
.h160{height:160px!important}
.h175{height:175px!important}
.h180{height:180px!important}
.h190{height:190px!important}
.h200{height:200px!important}
.h225{height:225px!important}
.h250{height:250px!important}
.h256{height:256px!important}
.h300{height:300px!important}
.h320{height:320px!important}
.h360{height:360px!important}
.h380{height:380px!important}
.h400{height:400px!important}
.h512{height:512px!important
}
.mh5{min-height:5px}
.mh10{min-height:10px}
.mh12{min-height:12px}
.mh16{min-height:16px}
.mh20{min-height:20px}
.mh24{min-height:24px}
.mh32{min-height:32px}
.mh36{min-height:36px}
.mh40{min-height:40px}
.mh48{min-height:48px}
.mh50{min-height:50px}
.mh60{min-height:60px}
.mh64{min-height:64px}
.mh72{min-height:70px}
.mh90{min-height:90px}
.mh96{min-height:96px}
.mh100{min-height:100px}
.mh110{min-height:110px}
.mh115{min-height:115px}
.mh128{min-height:128px}
.mh150{min-height:150px}
.mh160{min-height:160px}
.mh170{min-height:170px}
.mh175{min-height:175px}
.mh180{min-height:180px}
.mh190{min-height:190px}
.mh200{min-height:200px}
.mh210{min-height:210px}
.mh220{min-height:220px}
.mh225{min-height:225px}
.mh230{min-height:230px}
.mh240{min-height:240px}
.mh250{min-height:250px}
.mh256{min-height:256px}
.mh275{min-height:275px}
.mh280{min-height:280px}
.mh288{min-height:288px}
.mh290{min-height:290px}
.mh300{min-height:300px}
.mh320{min-height:320px}
.mh340{min-height:340px}
.mh360{min-height:360px}
.mh380{min-height:380px}
.mh400{min-height:400px}
.mh425{min-height:425px}
.mh450{min-height:450px}
.mh512{min-height:512px}
.mh600{min-height:600px}
.mh720{min-height:720px}
.mh800{min-height:800px}
.mh900{min-height:900px
}
.top1{top:1px}
.top2{top:2px}
.top3{top:3px}
.top4{top:4px}
.top5{top:5px}
.top6{top:6px}
.top7{top:7px}
.top8{top:8px}
.top9{top:9px}
.top10{top:10px}
.top11{top:11px}
.top12{top:12px}
.top13{top:13px}
.top14{top:14px}
.top15{top:15px}
.top16{top:16px}
.top17{top:17px}
.top18{top:18px}
.top19{top:19px}
.top20{top:20px}
.top22{top:22px}
.top24{top:24px}
.top26{top:26px}
.top28{top:28px}
.top30{top:30px}
.top32{top:32px}
.top34{top:34px}
.top36{top:36px}
.top38{top:38px}
.top40{top:40px}
.top42{top:42px}
.top44{top:44px}
.top46{top:46px}
.top48{top:48px}
.top50{top:50px}
.top-1{top:-1px}
.top-2{top:-2px}
.top-3{top:-3px}
.top-4{top:-4px}
.top-5{top:-5px}
.top-6{top:-6px}
.top-7{top:-7px}
.top-8{top:-8px}
.top-9{top:-9px}
.top-10{top:-10px}
.top-11{top:-11px}
.top-12{top:-12px}
.top-13{top:-13px}
.top-14{top:-14px}
.top-15{top:-15px}
.top-16{top:-16px}
.top-17{top:-17px}
.top-18{top:-18px}
.top-19{top:-19px}
.top-20{top:-20px}
.top-22{top:-22px}
.top-24{top:-24px}
.top-26{top:-26px}
.top-28{top:-28px}
.top-30{top:-30px}
.top-32{top:-32px}
.top-34{top:-34px}
.top-36{top:-36px}
.top-38{top:-38px}
.top-40{top:-40px}
.top-42{top:-42px}
.top-44{top:-44px}
.top-46{top:-46px}
.top-48{top:-48px}
.top-50{top:-50px
}
.left1{left:1px}
.left2{left:2px}
.left3{left:3px}
.left4{left:4px}
.left5{left:5px}
.left6{left:6px}
.left7{left:7px}
.left8{left:8px}
.left9{left:9px}
.left10{left:10px}
.left11{left:11px}
.left12{left:12px}
.left13{left:13px}
.left14{left:14px}
.left15{left:15px}
.left16{left:16px}
.left17{left:17px}
.left18{left:18px}
.left19{left:19px}
.left20{left:20px}
.left22{left:22px}
.left24{left:24px}
.left26{left:26px}
.left28{left:28px}
.left30{left:30px}
.left32{left:32px}
.left34{left:34px}
.left36{left:36px}
.left38{left:38px}
.left40{left:40px}
.left42{left:42px}
.left44{left:44px}
.left46{left:46px}
.left48{left:48px}
.left50{left:50px}
.left-1{left:-1px}
.left-2{left:-2px}
.left-3{left:-3px}
.left-4{left:-4px}
.left-5{left:-5px}
.left-6{left:-6px}
.left-7{left:-7px}
.left-8{left:-8px}
.left-9{left:-9px}
.left-10{left:-10px}
.left-11{left:-11px}
.left-12{left:-12px}
.left-13{left:-13px}
.left-14{left:-14px}
.left-15{left:-15px}
.left-16{left:-16px}
.left-17{left:-17px}
.left-18{left:-18px}
.left-19{left:-19px}
.left-20{left:-20px}
.left-22{left:-22px}
.left-24{left:-24px}
.left-26{left:-26px}
.left-28{left:-28px}
.left-30{left:-30px}
.left-32{left:-32px}
.left-34{left:-34px}
.left-36{left:-36px}
.left-38{left:-38px}
.left-40{left:-40px}
.left-42{left:-42px}
.left-44{left:-44px}
.left-46{left:-46px}
.left-48{left:-48px}
.left-50{left:-50px
}
.right1{right:1px}
.right2{right:2px}
.right3{right:3px}
.right4{right:4px}
.right5{right:5px}
.right6{right:6px}
.right7{right:7px}
.right8{right:8px}
.right9{right:9px}
.right10{right:10px}
.right11{right:11px}
.right12{right:12px}
.right13{right:13px}
.right14{right:14px}
.right15{right:15px}
.right16{right:16px}
.right17{right:17px}
.right18{right:18px}
.right19{right:19px}
.right20{right:20px}
.right22{right:22px}
.right24{right:24px}
.right26{right:26px}
.right28{right:28px}
.right30{right:30px}
.right32{right:32px}
.right34{right:34px}
.right36{right:36px}
.right38{right:38px}
.right40{right:40px}
.right42{right:42px}
.right44{right:44px}
.right46{right:46px}
.right48{right:48px}
.right50{right:50px}
.right-1{right:-1px}
.right-2{right:-2px}
.right-3{right:-3px}
.right-4{right:-4px}
.right-5{right:-5px}
.right-6{right:-6px}
.right-7{right:-7px}
.right-8{right:-8px}
.right-9{right:-9px}
.right-10{right:-10px}
.right-11{right:-11px}
.right-12{right:-12px}
.right-13{right:-13px}
.right-14{right:-14px}
.right-15{right:-15px}
.right-16{right:-16px}
.right-17{right:-17px}
.right-18{right:-18px}
.right-19{right:-19px}
.right-20{right:-20px}
.right-22{right:-22px}
.right-24{right:-24px}
.right-26{right:-26px}
.right-28{right:-28px}
.right-30{right:-30px}
.right-32{right:-32px}
.right-34{right:-34px}
.right-36{right:-36px}
.right-38{right:-38px}
.right-40{right:-40px}
.right-42{right:-42px}
.right-44{right:-44px}
.right-46{right:-46px}
.right-48{right:-48px}
.right-50{right:-50px
}
.bottom1{bottom:1px}
.bottom2{bottom:2px}
.bottom3{bottom:3px}
.bottom4{bottom:4px}
.bottom5{bottom:5px}
.bottom6{bottom:6px}
.bottom7{bottom:7px}
.bottom8{bottom:8px}
.bottom9{bottom:9px}
.bottom10{bottom:10px}
.bottom11{bottom:11px}
.bottom12{bottom:12px}
.bottom13{bottom:13px}
.bottom14{bottom:14px}
.bottom15{bottom:15px}
.bottom16{bottom:16px}
.bottom17{bottom:17px}
.bottom18{bottom:18px}
.bottom19{bottom:19px}
.bottom20{bottom:20px}
.bottom22{bottom:22px}
.bottom24{bottom:24px}
.bottom26{bottom:26px}
.bottom28{bottom:28px}
.bottom30{bottom:30px}
.bottom32{bottom:32px}
.bottom34{bottom:34px}
.bottom36{bottom:36px}
.bottom38{bottom:38px}
.bottom40{bottom:40px}
.bottom42{bottom:42px}
.bottom44{bottom:44px}
.bottom46{bottom:46px}
.bottom48{bottom:48px}
.bottom50{bottom:50px}
.bottom-1{bottom:-1px}
.bottom-2{bottom:-2px}
.bottom-3{bottom:-3px}
.bottom-4{bottom:-4px}
.bottom-5{bottom:-5px}
.bottom-6{bottom:-6px}
.bottom-7{bottom:-7px}
.bottom-8{bottom:-8px}
.bottom-9{bottom:-9px}
.bottom-10{bottom:-10px}
.bottom-11{bottom:-11px}
.bottom-12{bottom:-12px}
.bottom-13{bottom:-13px}
.bottom-14{bottom:-14px}
.bottom-15{bottom:-15px}
.bottom-16{bottom:-16px}
.bottom-17{bottom:-17px}
.bottom-18{bottom:-18px}
.bottom-19{bottom:-19px}
.bottom-20{bottom:-20px}
.bottom-22{bottom:-22px}
.bottom-24{bottom:-24px}
.bottom-26{bottom:-26px}
.bottom-28{bottom:-28px}
.bottom-30{bottom:-30px}
.bottom-32{bottom:-32px}
.bottom-34{bottom:-34px}
.bottom-36{bottom:-36px}
.bottom-38{bottom:-38px}
.bottom-40{bottom:-40px}
.bottom-42{bottom:-42px}
.bottom-44{bottom:-44px}
.bottom-46{bottom:-46px}
.bottom-48{bottom:-48px}
.bottom-50{bottom:-50px
}
.inner3{padding:3px}
.inner5{padding:5px}
.inner7{padding:7px}
.inner9{padding:9px}
.inner11{padding:11px}
.inner13{padding:13px}
.inner15{padding:15px
}
/*==arrow*/ /*يعاد النظر ويتم إلغاؤه بناءً على وجود ايقونات كاملة*/
a:hover .arrowbottom:after,a:hover .arrowleft:after,a:hover .arrowright:after,a:hover .arrowtop:after{
  border-top:.14em solid #e74c3c;
  border-right:.14em solid #e74c3c
}
.arrowbottom,.arrowleft,.arrowright,.arrowtop{
  display:inline-block;
  width:2em;
  height:2em
}
.arrowbottom:after,.arrowleft:after,.arrowright:after,.arrowtop:after{
  content:'';
  display:inline-block;
  width:.75em;
  height:.75em;
  border-top:.14em solid #333;
  border-right:.14em solid #333
}
.arrowleft:after{
  margin-top:.6em;
  transform:rotate(-135deg)
}
.arrowtop:after{
  margin-top:1em;
  transform:rotate(-45deg)
}
.arrowbottom:after{
  margin-top:.6em;
  transform:rotate(135deg)
}
.arrowright:after{
  transform:rotate(45deg)
}
.arrowright:after{
  margin-top:0;
  margin-left:-.6em
}
.arrowsolidlr{
  display:inline-block;
  width:0;
  height:0;
  border-top:5px solid transparent;
  border-bottom:5px solid transparent
}
.arrow-l{
  border-left:5px solid #2f2f2f
}
.arrow-r{
  border-right:5px solid #2f2f2f
}

/*==animation*/
.loader-bar{
  top:50%;
  left:50%;
  position:fixed;
  margin-left:-100px;
  margin-top:-15px;
  height:30px;
  width:200px;
  padding:4px;
  background-color:rgba(0,0,0,.24);
  border-radius:30px;
  box-shadow:0 1px 0 rgba(255,255,255,.03),inset 0 1px 0 rgba(0,0,0,.1)
}
.loader-bar span{
  display:inline-block;
  height:100%;
  width:100%;
  border:1px solid rgba(52, 152, 219,.7);
  background-color:#e7e2e2;
  background-image:linear-gradient(-45deg,#3498db 25%,transparent 25%,transparent 50%,#3498db 50%,#3498db 75%,transparent 75%,transparent);
  background-size:50px 50px;
  animation:loaderbar 1.5s linear infinite;
  border-radius:20px;
  box-shadow:inset 0 10px 2px rgba(255,255,255,.2)
}
.loader-bar>span:after{
  display:none
}
@keyframes loaderbar{
  0%{
      background-position:0 0
  }
  100%{
      background-position:50px 50px
  }
}

.loader-inline{
  border:5px solid #f3f3f3;
  border-top:5px solid #3498db;
  width:40px;
  height:40px;
  border-radius:50%;
  -webkit-animation:loaderinline 2s linear infinite;
  animation:loaderinline 2s linear infinite
}

@-webkit-keyframes loaderinline{
  0%{ -webkit-transform:rotate(0deg); }
  100%{ -webkit-transform:rotate(360deg); }
}

@keyframes loaderinline{
  0%{ transform:rotate(0deg); }
  100%{ transform:rotate(360deg); }
}

.loader{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:64px;
  height:64px;
  margin-left:-32px;
  margin-top:-32px;
  border-radius:50%;
  border:4px solid #009ed2;
  border-right-color:transparent;
  transform-origin:center;
  animation:rotate 1s linear infinite
}

@keyframes rotate{
  from{
    transform:rotate(0);
  }
  to{
    transform:rotate(360deg);
  }
}
/*--ani bussons*/
.ripple{
  background-position:center;
  transition:background 0.8s;
}
.ripple:hover{
  background:#47a7f5 radial-gradient(circle, transparent 1%, #47a7f5 1%) center/15000%;
}
.ripple:active{
  background-color:#6eb9f7;
  background-size:100%;
  transition:background 0s;
}
/*==colorbasic*/
.colorw, a.colorw, .colorw a{color:#fff!important}
.colorb, a.colorb, .colorb a{color:#131313!important}
.color1, a.color1, .color1 a{color:var(--color1)!important}
a.color1:hover,.color1 a:hover{color:#457d8d}
.color2,a.color2:hover,.color2 a:hover{color:#f1d18a}
.bgw{background:#fff}
.bgw-trans{background:rgba(255, 255, 255, .75)}
.bgb{background:#131313}
.bgb-trans{background:rgba(0, 0, 0, .75)}
.bg1{background:var(--bg-color1)}
.stat span{
  background-color:#0d47a1 !important;
  color:#eee !important
}
/*==filter-img*/
.img-gray,div.img-gray img{
  -webkit-filter:grayscale(100%);
  filter:grayscale(100%);
  transition:all .5s ease-out
}
.img-gray:hover,.img-gray:hover img{
  -webkit-filter:grayscale(0);
  filter:grayscale(0)
}
.img-blur{
  -webkit-filter:blur(3px);
  filter:blur(3px);
  transition:all .5s ease-out
}
.img-blur:hover{
  -webkit-filter:blur(0);
  filter:blur(0)
}

/*--tableresponsive*/
.tableresponsive{
  margin:0;
  padding:0;
  width:100%;
  table-layout:fixed;
}

.tableresponsive caption{
  font-size:1.5em;
  margin:.5em 0 .75em
}
.tableresponsive tr{
  padding:.12em
}
@media (min-width:320px) and (max-width:799px){
  .tableresponsive caption{
    font-size:1.1em;
  }
  .tableresponsive thead{
    border:none;
    clip:rect(0 0 0 0);
    height:1px;
    margin:-1px;
    overflow:hidden;
    padding:0;
    position:absolute;
    width:1px;
  }
  .tableresponsive tr{
    display:block;
    margin-bottom:.3em;
  }
  
  .tableresponsive td{
    display:block;
    text-align:right;
  }
  .tableresponsive td::before{
    content:attr(data-label);
    float:right;
  }
  .tableresponsive td:last-child{
    border-bottom:0;
  }
}
.pane-title {
  margin: 0;
  position: relative;
  text-align: center;
  width: 100%;
}
.pane-title>div {
  display: inline-block;
  padding: 0 12px;
  position: relative;
  z-index: 1;
}
.pane-title:after {
  background: #9e9d9d;
  content: "";
  display: inline-block;
  height: 1px;
  left: 0;
  position: absolute;
  top: 50%;
  width: 100%;
}
/*--highlighting*/
pre code.hljs{display:block;overflow-x:auto;}.hljs{color:#383a42;background:#fafafa}.hljs-comment,.hljs-quote{color:#a0a1a7;font-style:italic}.hljs-doctag,.hljs-formula,.hljs-keyword{color:#a626a4}.hljs-deletion,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-subst{color:#e45649}.hljs-literal{color:#0184bb}.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#50a14f}.hljs-attr,.hljs-number,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-pseudo,.hljs-template-variable,.hljs-type,.hljs-variable{color:#986801}.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-symbol,.hljs-title{color:#4078f2}.hljs-built_in,.hljs-class .hljs-title,.hljs-title.class_{color:#c18401}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}