@charset "UTF-8";
/*
-- Develop	~OJOnet [tele: @enigmaa7]
-- COMMON	  V-7.5
-- Bootstrp V-5.3.1
-- Build    2021-07-27
-- latest 	2023-09-18 01:50:35
__Search: add[--][name of section] all section above:
/*--root
/*--reset
/*--bootstrap
/*--bs-extended
/*--general
/*--border-radius
/*--pagination
/*--tips
/*--spaceing
/*--arrow
/*--animation
/*--animation-icons and buttons
/*--color for [text,bg,alert,btn hrer*/
/*--filter img
/*--tableresponsive
@Note
- للبحث عن بلوك معين اكتب == والعبارة
- للبحث عن روت سكشن اكتب & والعبارة
*/
/*UOWA-ICONs@2023-09-02 11:43:40~mahdi[mahdi8ali]*/@font-face{font-family:'uowaicon';src:url(uowaicon.eot?tmw85c);src:url(uowaicon.eot?tmw85c#iefix) format("embedded-opentype"),url(uowaicon.ttf?tmw85c) format("truetype"),url(uowaicon.woff?tmw85c) format("woff"),url(uowaicon.svg?tmw85c#uowaicon) format("svg");font-weight:400;font-style:normal;font-display:block}[class^="uowa-"],[class*=" uowa-"]{font-family:'uowaicon'!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.uowa-higher-edu-c .path1:before{content:"\e938";color:#ab4121}.uowa-higher-edu-c .path2:before{content:"\e939";margin-left:-1em;color:#ab4121}.uowa-higher-edu-c .path3:before{content:"\e93a";margin-left:-1em;color:#ab4121}.uowa-higher-edu-c .path4:before{content:"\e93b";margin-left:-1em;color:#7298aa}.uowa-higher-edu-c .path5:before{content:"\e93c";margin-left:-1em;color:#60132c}.uowa-higher-edu-c .path6:before{content:"\e93d";margin-left:-1em;color:#907936}.uowa-law:before{content:"\e93e"}.uowa-medicine:before{content:"\e93f"}.uowa-film:before{content:"\e9d2"}.uowa-higher-edu:before{content:"\e9d3"}.uowa-vr:before{content:"\e905"}.uowa-iraq-flag-c .path1:before{content:"\e908";color:#ce1126}.uowa-iraq-flag-c .path2:before{content:"\e934";margin-left:-1.5em;color:#fff}.uowa-iraq-flag-c .path3:before{content:"\e935";margin-left:-1.5em;color:#000}.uowa-iraq-flag-c .path4:before{content:"\e936";margin-left:-1.5em;color:#007a3d}.uowa-iraq-flag-c .path5:before{content:"\e937";margin-left:-1.5em;color:rgb(0, 122, 61)}.uowa-uowa-logo-c .path1:before{content:"\e9c1";color:rgb(16, 49, 107)}.uowa-uowa-logo-c .path2:before{content:"\e9c2";margin-left:-.6376953125em;color:rgb(253, 190, 52)}.uowa-uowa-name-c .path1:before{content:"\e9c3";color:rgb(253, 190, 52)}.uowa-uowa-name-c .path2:before{content:"\e9c4";margin-left:-2.8935546875em;color:rgb(16, 49, 107)}.uowa-chevron-down:before{content:"\e9c5"}.uowa-chevron-left:before{content:"\e9c6"}.uowa-chevron-right:before{content:"\e9c7"}.uowa-chevron-up:before{content:"\e9c8"}.uowa-log-in:before{content:"\e9c9"}.uowa-log-out:before{content:"\e9ca"}.uowa-message-square:before{content:"\e9cb"}.uowa-phone:before{content:"\e9cc"}.uowa-economy:before{content:"\e9cd"}.uowa-engineering:before{content:"\e9ce"}.uowa-uowa-logo:before{content:"\e9cf"}.uowa-uowa-mk:before{content:"\e9d0"}.uowa-uowa-name:before{content:"\e9d1"}.uowa-mosque:before{content:"\e932"}.uowa-pharmacy:before{content:"\e933"}.uowa-alert-circle:before{content:"\e900"}.uowa-archive:before{content:"\e901"}.uowa-arrow-down:before{content:"\e902"}.uowa-arrow-left:before{content:"\e903"}.uowa-arrow-right:before{content:"\e904"}.uowa-at-sign:before{content:"\e906"}.uowa-award:before{content:"\e907"}.uowa-bell-off:before{content:"\e909"}.uowa-book:before{content:"\e90a"}.uowa-bookmark:before{content:"\e90b"}.uowa-calendar:before{content:"\e90c"}.uowa-camera:before{content:"\e90d"}.uowa-cast:before{content:"\e90e"}.uowa-clipboard:before{content:"\e90f"}.uowa-clock:before{content:"\e910"}.uowa-copy:before{content:"\e911"}.uowa-download:before{content:"\e912"}.uowa-download-cloud:before{content:"\e913"}.uowa-edit:before{content:"\e914"}.uowa-external-link:before{content:"\e915"}.uowa-eye:before{content:"\e916"}.uowa-eye-off:before{content:"\e917"}.uowa-file:before{content:"\e918"}.uowa-folder:before{content:"\e919"}.uowa-globe:before{content:"\e91a"}.uowa-grid:before{content:"\e91b"}.uowa-hard-drive:before{content:"\e91c"}.uowa-headphones:before{content:"\e91d"}.uowa-heart:before{content:"\e91e"}.uowa-help-circle:before{content:"\e91f"}.uowa-home:before{content:"\e920"}.uowa-image:before{content:"\e921"}.uowa-inbox:before{content:"\e922"}.uowa-link:before{content:"\e923"}.uowa-mail:before{content:"\e924"}.uowa-map-pin:before{content:"\e925"}.uowa-moon:before{content:"\e926"}.uowa-printer:before{content:"\e927"}.uowa-search:before{content:"\e928"}.uowa-send:before{content:"\e929"}.uowa-server:before{content:"\e92a"}.uowa-settings:before{content:"\e92b"}.uowa-share:before{content:"\e92c"}.uowa-share-2:before{content:"\e92d"}.uowa-sun:before{content:"\e92e"}.uowa-trash:before{content:"\e92f"}.uowa-video:before{content:"\e930"}.uowa-wifi:before{content:"\e931"}.uowa-sliders:before{content:"\e946"}.uowa-tool:before{content:"\e947"}.uowa-user-x:before{content:"\e940"}.uowa-users:before{content:"\e941"}.uowa-user-minus:before{content:"\e942"}.uowa-user:before{content:"\e943"}.uowa-user-plus:before{content:"\e944"}.uowa-user-check:before{content:"\e945"}
@font-face{src: url(SomarSans-SemiBold.woff2) format("woff2");font-family:"fbold";font-weight: 700;font-display: swap}
.uowa-download-cloud1:before {
  content: "\e96d";
}
.uowa-maximize:before {
  content: "\e96e";
}
.uowa-maximize-2:before {
  content: "\e971";
}
.uowa-ambulance:before {
  content: "\e951";
}
.uowa-bus:before {
  content: "\e964";
}
.uowa-glass:before {
  content: "\e966";
}
.uowa-whatsapp:before {
  content: "\e968";
}
.uowa-bus-2:before {
  content: "\e965";
}
.uowa-apple:before {
  content: "\e967";
}
.uowa-get-app:before {
  content: "\e96a";
  color: #6e6b7b;
}
.uowa-get-google:before {
  content: "\e96b";
  color: #6e6b7b;
}
.uowa-google-play:before {
  content: "\e96c";
}
.uowa-taxi:before {
  content: "\e96f";
}
.uowa-telegram:before {
  content: "\e970";
}
.uowa-student:before {
  content: "\e94e";
}
.uowa-moodle_logo-cu .path1:before {
  content: "\e95e";
  color: rgb(242, 127, 34);
}
.uowa-moodle_logo-cu .path2:before {
  content: "\e961";
  margin-left: -4.0791015625em;
  color: rgb(51, 51, 51);
}
.uowa-moodle_logo-cu .path3:before {
  content: "\e963";
  margin-left: -4.0791015625em;
  color: rgb(51, 51, 51);
}
.uowa-bell:before {
  content: "\e94f";
}
.uowa-list:before {
  content: "\e950";
}
.uowa-logo-ticket .path1:before {
  content: "\e952";
  color: rgb(255, 255, 255);
}
.uowa-logo-ticket .path2:before {
  content: "\e953";
  margin-left: -1em;
  color: rgb(100, 79, 156);
}
.uowa-logo-ticket .path3:before {
  content: "\e955";
  margin-left: -1em;
  color: rgb(221, 92, 63);
}
.uowa-logo-ticket .path4:before {
  content: "\e956";
  margin-left: -1em;
  color: rgb(35, 119, 107);
}
.uowa-logo-ticket .path5:before {
  content: "\e957";
  margin-left: -1em;
  color: rgb(93, 89, 89);
}
.uowa-password:before {
  content: "\e948";
}
.uowa-study-iraq:before {
  content: "\e949";
}
.uowa-iq-flag .path1:before {
  content: "\e958";
  color: rgb(48, 48, 48);
}
.uowa-iq-flag .path2:before {
  content: "\e959";
  margin-left: -1.5em;
  color: rgb(255, 255, 255);
}
.uowa-iq-flag .path3:before {
  content: "\e95a";
  margin-left: -1.5em;
  color: rgb(48, 48, 48);
}
.uowa-iq-flag .path4:before {
  content: "\e95b";
  margin-left: -1.5em;
  color: rgb(48, 48, 48);
}
.uowa-iq-flag .path5:before {
  content: "\e95c";
  margin-left: -1.5em;
  color: rgb(48, 48, 48);
}
.uowa-dashboard:before {
  content: "\e94a";
}
.uowa-e-learning:before {
  content: "\e94b";
}
.uowa-gmail:before {
  content: "\e94c";
}
.uowa-keyboard:before {
  content: "\e94d";
}
.uowa-moodle_logo:before {
  content: "\e954";
}
.uowa-mouse:before {
  content: "\e95d";
}
.uowa-student-data:before {
  content: "\e95f";
}
.uowa-study:before {
  content: "\e960";
}
.uowa-technology:before {
  content: "\e962";
}
.uowa-ministry-of-higher-education-c .path1:before {
  content: "\e938";
  color: rgb(171, 65, 33);
}
.uowa-ministry-of-higher-education-c .path2:before {
  content: "\e939";
  margin-left: -1em;
  color: rgb(171, 65, 33);
}
.uowa-ministry-of-higher-education-c .path3:before {
  content: "\e93a";
  margin-left: -1em;
  color: rgb(171, 65, 33);
}
.uowa-ministry-of-higher-education-c .path4:before {
  content: "\e93b";
  margin-left: -1em;
  color: rgb(114, 152, 170);
}
.uowa-ministry-of-higher-education-c .path5:before {
  content: "\e93c";
  margin-left: -1em;
  color: rgb(96, 19, 44);
}
.uowa-ministry-of-higher-education-c .path6:before {
  content: "\e93d";
  margin-left: -1em;
  color: rgb(144, 121, 54);
}
.uowa-ministry-of-higher-education:before {
  content: "\e9d3";
}
@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}
@font-face{src: url(NotoNaskhArabicUI-Regular.woff2) format("woff2");font-family:"textfont";font-weight: 300;font-display: swap}
/*--root*/
:root,
[data-bs-theme=light]{
  /*--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;
  /*-colors-extra*/
  --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;
  /*colors-rgb*/
  --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-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "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;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.3; 
  --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 a*/
  --bs-link-color: #007bff;
  --bs-link-color-rgb: 0, 123, 255;
  --bs-link-decoration: underline;
  --bs-link-hover-color: #0a58ca;
  --bs-link-hover-color-rgb: 10, 88, 202;
  --bs-link-color: #0d6efd;
  --bs-link-hover-color: #0a58ca;
  /*&border*/
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, .175);
  --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-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;
  /*&colorsite*/
  --color1: rgba(24, 41, 51,.85);
  --color1-dark: #2f2f2f;
  --color1-gray: #555;
  --color1-trans: rgba(34, 53, 109, .6);
  --color2: #15313f;
  --color2-dark: #081848;
  --color2-light: #cceeff;
  --color2-gray: #555;
  --color2-trans: rgba(34, 53, 109, .6);
  --color3: #1f4761;
  --color4: #fdbe34;
  --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;

  --bs-highlight-bg: #fff3cd;
  --bs-body-color-rgb: 33, 37, 41;
  --textshadow-color:rgba(0,0,0,0.7);
  --boxshadow-color:rgba(0,0,0,.33);
  /*root:somereset*/
  --rad: .7rem;
  --dur: .3s;
  --size: 1rem;
  --xs-size: .7rem;
  --sm-size: .85rem;
  --md-size: 1.15rem;
  --l-size: 1.3rem;
  --headsize: 1rem;
  --height: 5rem;
  --minheigt: 70rem;
  --btn-width: 6rem;
  /*root:font*/
  --textfont: textfont;
  --heading:fnormal;
  --heading-medium:fmedium;
  --heading-semi:fsemi;
  --heading-bold:fbold;
/*cp all roots*/
  --cp-font-body:flight;
  /*root:body*/
  --dir: right;
  --dir-reverse: left;
}
[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)
}

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-weight: 300;
  font-size: 1rem;
  line-height: 1.5;
  color: var(--bs-heading-color)
}

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

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;
  font-size: .875em
}
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);
  font-weight: 300;
  line-height: 1.2
}
@media (min-width: 1200px){
  .display-1{
    font-size: 5rem;
  }
}

.display-2{
  font-size: calc(1.575rem + 3.9vw);
  font-weight: 300;
  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);
  font-weight: 300;
  line-height: 1.2
}
@media (min-width: 1200px){
  .display-4{
    font-size: 3.5rem;
  }
}

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

.display-6{
  font-size: calc(1.375rem + 1.5vw);
  font-weight: 300;
  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: 1.5rem;
  --bs-gutter-y: 0;
  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-left: 0;
  }
  .offset-sm-1{
    margin-left: 8.33333333%;
  }
  .offset-sm-2{
    margin-left: 16.66666667%;
  }
  .offset-sm-3{
    margin-left: 25%;
  }
  .offset-sm-4{
    margin-left: 33.33333333%;
  }
  .offset-sm-5{
    margin-left: 41.66666667%;
  }
  .offset-sm-6{
    margin-left: 50%;
  }
  .offset-sm-7{
    margin-left: 58.33333333%;
  }
  .offset-sm-8{
    margin-left: 66.66666667%;
  }
  .offset-sm-9{
    margin-left: 75%;
  }
  .offset-sm-10{
    margin-left: 83.33333333%;
  }
  .offset-sm-11{
    margin-left: 91.66666667%;
  }
  .g-sm-0,
  .gx-sm-0{
    --bs-gutter-x: 0;
  }
  .g-sm-0,
  .gy-sm-0{
    --bs-gutter-y: 0;
  }
  .g-sm-1,
  .gx-sm-1{
    --bs-gutter-x: .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-left: 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-left: 0;
  }
  .offset-lg-1{
    margin-left: 8.33333333%;
  }
  .offset-lg-2{
    margin-left: 16.66666667%;
  }
  .offset-lg-3{
    margin-left: 25%;
  }
  .offset-lg-4{
    margin-left: 33.33333333%;
  }
  .offset-lg-5{
    margin-left: 41.66666667%;
  }
  .offset-lg-6{
    margin-left: 50%;
  }
  .offset-lg-7{
    margin-left: 58.33333333%;
  }
  .offset-lg-8{
    margin-left: 66.66666667%;
  }
  .offset-lg-9{
    margin-left: 75%;
  }
  .offset-lg-10{
    margin-left: 83.33333333%;
  }
  .offset-lg-11{
    margin-left: 91.66666667%;
  }
  .g-lg-0,
  .gx-lg-0{
    --bs-gutter-x: 0;
  }
  .g-lg-0,
  .gy-lg-0{
    --bs-gutter-y: 0;
  }
  .g-lg-1,
  .gx-lg-1{
    --bs-gutter-x: .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-left: 0;
  }
  .offset-xl-1{
    margin-left: 8.33333333%;
  }
  .offset-xl-2{
    margin-left: 16.66666667%;
  }
  .offset-xl-3{
    margin-left: 25%;
  }
  .offset-xl-4{
    margin-left: 33.33333333%;
  }
  .offset-xl-5{
    margin-left: 41.66666667%;
  }
  .offset-xl-6{
    margin-left: 50%;
  }
  .offset-xl-7{
    margin-left: 58.33333333%;
  }
  .offset-xl-8{
    margin-left: 66.66666667%;
  }
  .offset-xl-9{
    margin-left: 75%;
  }
  .offset-xl-10{
    margin-left: 83.33333333%;
  }
  .offset-xl-11{
    margin-left: 91.66666667%;
  }
  .g-xl-0,
  .gx-xl-0{
    --bs-gutter-x: 0;
  }
  .g-xl-0,
  .gy-xl-0{
    --bs-gutter-y: 0;
  }
  .g-xl-1,
  .gx-xl-1{
    --bs-gutter-x: .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;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  -webkit-appearance: none;
  -moz-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%;
  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;
  font-weight: 400;
  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-family: ;
  --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-font-weight: ;
  --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-font-weight: ;
  --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)
}
.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: ;
  --bs-breadcrumb-border-radius: ;
  --bs-breadcrumb-divider-color: var(--bs-secondary-color);
  --bs-breadcrumb-item-padding-x: .5rem;
  --bs-breadcrumb-item-active-color: var(--bs-secondary-color);
  display: flex;
  flex-wrap: wrap;
  padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
  margin-bottom: var(--bs-breadcrumb-margin-bottom);
  font-size: var(--bs-breadcrumb-font-size);
  list-style: none;
  background-color: var(--bs-breadcrumb-bg);
  border-radius: var(--bs-breadcrumb-border-radius)
}

.breadcrumb-item + .breadcrumb-item{
  padding-left: var(--bs-breadcrumb-item-padding-x)
}
.breadcrumb-item + .breadcrumb-item::before{
  float: var(--dir);
 padding-right: 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: .3em;
  --bs-badge-font-size: .75em;
  --bs-badge-font-weight: 700;
  --bs-badge-color: #fff;
  --bs-badge-border-radius: var(--bs-border-radius);
  display: inline-block;
  padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
  font-size: var(--bs-badge-font-size);
  color: var(--bs-badge-color);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: var(--bs-badge-border-radius)
}
.badge:empty{
  display: none
}

.btn .badge{
  position: relative;
  top: -1px
}
/*==alert*/
.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: ;
  --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: ;
  --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
}
.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
}
.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: var(--bs-indigo-rgb, var(--bs-text-opacity))}
.text-red{color: var(--bs-red-rgb, var(--bs-text-opacity))}
.text-green{color: var(--bs-green-rgb, var(--bs-text-opacity))}
.text-cyan{color: var(--bs-cyan-rgb, var(--bs-text-opacity))}
.text-teal{color: var(--bs-teal-rgb, var(--bs-text-opacity))}
.text-orange{color: var(--bs-orange-rgb, var(--bs-text-opacity))}
.text-purple{color: var(--bs-purple-rgb, var(--bs-text-opacity))}
.text-asphalt{color: var(--bs-asphalt-rgb, var(--bs-text-opacity))}
.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(--bs-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-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}
.bg-sliverdark{background-color: rgba(var(--color-sliverdark-rgb), var(--bs-bg-opacity))!important}
.bgb{background-color: rgba(17, 17, 17), var(--bs-bg-opacity)}
.bgw{background-color: rgba(255, 255, 255), var(--bs-bg-opacity); color:#fff}
/*bg opacity and other*/
a.bg-primary,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
}
.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
}
.c{
  text-align:center
}
.l{
  text-align:left
}
.r{
  text-align:right
}
.clr::after{
  clear:both
}
.fn{
  float:none!important
}
.fr{
  float:right!important
}
.fl{
  float:left!important
}
.ltr{
  direction:ltr
}
.rtl{
  direction:rtl
}
.b{
  font-style:bold!important; font-weight: 700!important
}
.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
}
.brall{
  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;
  font-weight:400
}
#top{
  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)
}
@media print{
  .noprnt,footer{
      display:none
  }
  .prnt{
      display:inline-block
  }
  .page{
      background:#fff;
      height:270mm;
      width:185mm
  }
  h1{
      font-size:1em
  }
  h2,h3{
      font-size:.935em
  }
  h4,h5{
    font-size:.750em
}
  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
  }
}
.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
}
body{
  font-family: fnormal, Arial;
  color: #0d2756 !important;
  font-size: 1.3rem;
  line-height: 200% !important;
  margin: 0;
  padding: 0
}
header,
h1,
h2,
h3,
h4,
h5,
h6,
.fnormal,
.title,
nav.menu,
.nav a,
.head,
.clickbotton,
.main-nav,
.bg-ad,
.news,
.panel{
  font-family: fnormal
}
section.text,.text{
  padding: 1rem
}
.pos-r{position: relative}
.pos-a{position: absolute}
.pos-f{position: fixed}
.pos-s{position: sticky
}
/*--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: 1rem 0
}
ul.pagination li.start_end{
  width: 64px
}

ul.pagination li{
  display: inline-block;
  text-align: center;
  background-color: #c0c1c3
}
ul.pagination li.current{
  background-color: #0f6588;
  color:#e2f2ff
}
ul.pagination li a{
  color: #fff;
  display: block;
  min-width: 32px
}

ul.pagination li:hover{
  background:#3bb7ea
}
.pagination-container{
  text-align:center;
  background-color:#e4e2e2;
  margin:1.7em 0;
  clear:both;
  font-size:.9em
}
.pagination-item{
  list-style-type: none;
  display: inline-block;
  border-left: 1px solid #d7dadb
}
.pagination-link--wide:hover{
  color:#fa4248
}
.pagination-item a:hover,.pagination-item.is-active a{
  background-color:#2089D4
}
.pagination-link{
  color:#8b969c
}
.pagination-item .dots{
  color:#000;
  margin:0 .4rem
}
.pagination-item a{
  color:#03a165
}
.pagination-item:hover .pagination-link,.pagination-item.is-active .pagination-link{
  color: #000;
}
.pagination-item:last-of-type{
  border:none
}
.pagination-item a{
  min-width:38px
}
/*
.pagination-item:last-of-type a:hover{
  border-top-left-radius:26px;
  border-bottom-left-radius:26px
}
.pagination-item:first-of-type a:hover{
  border-top-right-radius:26px;
  border-bottom-right-radius:26px
} */
.pagination-link{
  padding:.2em .75em;
  display: inline-block
}
.pagination-item .dots{
  padding:0 .2em
}
.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,...] */
.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%}
.fp225{font-size:225%}
.fp230{font-size:230%}
.fp240{font-size:240%}
.fp250{font-size:250%}
.fp255{font-size:255%}
.fp260{font-size:260%}
.fp265{font-size:265%}
.fp270{font-size:270%}
.fp275{font-size:275%}
.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%
}
.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
}
.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%
}
.w3{width:3px!important}
.w5{width:5px!important}
.w7{width:7px!important}
.w9{width:9px!important}
.w10{width:10px!important}
.w15{width:15px!important}
.w16{width:16px!important}
.w20{width:20px!important}
.w21{width:21px!important}
.w22{width:22px!important}
.w23{width:23px!important}
.w24{width:24px!important}
.w26{width:26px!important}
.w28{width:28px!important}
.w30{width:30px!important}
.w32{width:32px!important}
.w34{width:34px!important}
.w36{width:36px!important}
.w38{width:38px!important}
.w40{width:40px!important}
.w44{width:44px!important}
.w48{width:48px!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;
}
/*--color-basic*/
.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(--color1)}
.bg2{background: var(--color2)}
.bg3{background: var(--color3)}
.bg4{background: var(--color4)}

.bg1-dark{background: var(--color1-dark)}
.bg2-dark{background: var(--color2-dark)}
.bg3-dark{background: var(--color3-dark)}
.bg4-dark{background: var(--color4-dark)}

.bg1-trans{background: var(--color1-trans)}
.bg2-trans{background: var(--color2-trans)}
.bg3-trans{background: var(--color3-trans)}
.bg4-trans{background: var(--color4-trans)}

.bg1-gradient{background: rgba(0, 0, 0, 0) linear-gradient(-90deg, rgb(0, 189, 165), rgb(0, 164, 189)) repeat scroll 0%  0%}
.bg2-gradient{background: rgba(0, 0, 0, 0) linear-gradient(-90deg, rgb(0, 189, 165), rgb(0, 164, 189)) repeat scroll 0%  0%}
.bg3-gradient{background: rgba(0, 0, 0, 0) linear-gradient(-90deg, rgb(0, 189, 165), rgb(0, 164, 189)) repeat scroll 0%  0%}
.bg4-gradient{background: rgba(0, 0, 0, 0) linear-gradient(-90deg, rgb(0, 189, 165), rgb(0, 164, 189)) repeat scroll 0%  0%}

.bg-light{background: var(--color2-light)}

.bg1, .bg1-dark{color:#f3ecd8}
.bg1 a, .bg1-dark a{color:#f3ecd8}
.bg2, .bg2-dark, .bg-light{color:var(--bs-dark)}
.bg2 a, .bg2-dark a, .bg-light a{color:var(--bs-link-color)}
.bg4, .bg4 a{color: var(--bs-light)}
.bg3, .bg3 a{color: var(--bs-light)}

.stat span{
  background-color: #0d47a1 !important;
  color: #eee !important
}
/*--filter-img*/
.filter-gray{
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  transition: all .5s ease-out
}
.filter-gray:hover{
  -webkit-filter: grayscale(0);
  filter: grayscale(0)
}
.filter-blue{
  -webkit-filter: blur(7px);
  filter: blur(7px);
  transition: all .5s ease-out
}
.filter-blue: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: .35em
}
.tableresponsive td ,
.tableresponsive th {
  padding: 7px;
}
@media screen and (max-width: 600px){
  .tableresponsive{
    border: 0;
  }

  .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: .625em;
  }
  
  .tableresponsive td{
    display: block;
    text-align: left;
  }
  .tableresponsive td::before{
    content: attr(data-label);
    float: right;
  }
  .tableresponsive td:last-child{
    border-bottom: 0;
  }
}