You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@streampark.apache.org by be...@apache.org on 2022/09/12 15:31:33 UTC
[incubator-streampark-website] branch dev updated: refactor: change home,user,team page style (#124)
This is an automated email from the ASF dual-hosted git repository.
benjobs pushed a commit to branch dev
in repository https://gitbox.apache.org/repos/asf/incubator-streampark-website.git
The following commit(s) were added to refs/heads/dev by this push:
new b9f551b refactor: change home,user,team page style (#124)
b9f551b is described below
commit b9f551b5083932587e770095e254b96ac933965b
Author: WangSizhu0504 <39...@users.noreply.github.com>
AuthorDate: Mon Sep 12 23:31:29 2022 +0800
refactor: change home,user,team page style (#124)
* feat(home): change home style
* refactor(user): modify user page
修改user页面效果,增加轮播效果
* style(user): 调整样式
* style(user): change style
* style(user): add animate
---
docusaurus.config.js | 5 +-
package.json | 1 +
src/css/aox.css | 1 +
src/css/bootstrap.min.css | 4 +-
src/pages/home/feature.jsx | 37 +
src/pages/home/hero.jsx | 123 +
src/pages/home/index.jsx | 188 +-
src/pages/home/index.less | 612 ++-
src/pages/home/languages.json | 2 +
src/pages/home/performance.jsx | 74 +
src/pages/home/performance.less | 104 +
src/pages/home/theme.less | 10721 ++++++++++++++++++++++++++++++++++++++
src/pages/team/github.svg | 1 +
src/pages/team/index.js | 37 -
src/pages/team/index.jsx | 65 +
src/pages/team/index.less | 102 +-
src/pages/user/index.js | 65 +-
src/pages/user/index.less | 31 +-
src/styles/base.less | 2 +-
static/home/block.svg | 3 +
static/home/coding.svg | 1 +
static/home/icon.svg | 1 +
static/home/rocket.svg | 1 +
static/home/startup.svg | 1 +
static/home/wave.svg | 5 +
tsconfig.json | 3 +-
yarn.lock | 2087 ++++----
27 files changed, 12859 insertions(+), 1418 deletions(-)
diff --git a/docusaurus.config.js b/docusaurus.config.js
index 85c7f63..f434176 100644
--- a/docusaurus.config.js
+++ b/docusaurus.config.js
@@ -9,6 +9,7 @@ const config = {
onBrokenLinks: 'ignore',
onBrokenMarkdownLinks: 'warn',
favicon: 'image/favicon.ico',
+ stylesheets:["https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap"],
i18n: {
defaultLocale: "en",
locales: ["en", "zh-CN"],
@@ -201,8 +202,8 @@ const config = {
},
copyright: `<div style="text-align: left;">
<div>
- <p style="font-family: Avenir-Medium;font-size: 14px;color: #999;line-height: 20px;">
- Apache StreamPark is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator. Incubation is required of all newly accepted projects until a further review indicates that the infrastructure, communications, and decision making process have stabilized in a manner consistent with other successful ASF projects. While incubation status is not necessarily a reflection of the completeness or stability of the code, it does in [...]
+ <p style="font-family: Avenir-Medium;font-size: 14px;color: #999;line-height: 20px;">
+ Apache StreamPark is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator. Incubation is required of all newly accepted projects until a further review indicates that the infrastructure, communications, and decision making process have stabilized in a manner consistent with other successful ASF projects. While incubation status is not necessarily a reflection of the completeness or stability of the code, it does in [...]
</p>
</div>
<div style="border-top: 1px solid #999;min-height: 60px;line-height: 20px;text-align: center;font-family: Avenir-Medium;font-size: 14px;color: #999;display: flex;align-items: center;">
diff --git a/package.json b/package.json
index 783b6a7..5ee00a8 100644
--- a/package.json
+++ b/package.json
@@ -22,6 +22,7 @@
"@docusaurus/theme-search-algolia": "^2.1.0",
"@mdx-js/react": "^1.6.22",
"@svgr/webpack": "^6.2.1",
+ "aos": "^2.3.4",
"clsx": "^1.1.1",
"file-loader": "^6.2.0",
"prism-react-renderer": "^1.3.1",
diff --git a/src/css/aox.css b/src/css/aox.css
new file mode 100644
index 0000000..a4d670c
--- /dev/null
+++ b/src/css/aox.css
@@ -0,0 +1 @@
+[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[ [...]
diff --git a/src/css/bootstrap.min.css b/src/css/bootstrap.min.css
index 427799e..fb81670 100755
--- a/src/css/bootstrap.min.css
+++ b/src/css/bootstrap.min.css
@@ -4523,7 +4523,9 @@ input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].bt
}
.navbar {
- position: relative;
+ /* sticky */
+ position: sticky;
+ top: 0;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
diff --git a/src/pages/home/feature.jsx b/src/pages/home/feature.jsx
new file mode 100644
index 0000000..d72a340
--- /dev/null
+++ b/src/pages/home/feature.jsx
@@ -0,0 +1,37 @@
+import React from 'react'
+import useIsBrowser from '@docusaurus/useIsBrowser'
+import config from './languages.json'
+
+export default function () {
+ const isBrowser = useIsBrowser();
+ const language = isBrowser && location.pathname.indexOf('/zh-CN/') === 0 ? 'zh-CN' : 'en'
+ const dataSource = config?.[language];
+ return (
+ <div className="section pt-6 pt-md-7 pb-4 pb-md-5 bg-light">
+ <div className="container">
+ <div className="row text-center">
+ <div className="col-12">
+ <div className="mb-5">
+ <h2 className="h3 fw-bold">{dataSource.common.coreFeatures}</h2>
+ <hr className="divider my-4 mx-auto" />
+ <p className="lead text-muted">{dataSource.common.coreFeaturesDesc}</p>
+ </div>
+ </div>
+ {
+ dataSource.feature.map((feature, i) => (
+ <div className="col-md-4 col-6 px-4 px-md-3 cursor-pointer" key={i} data-aos="fade-up" data-aos-delay={(i % 3) * 100}>
+ <div className="feature-children p-4 mb-5 rounded-3 bg-white shadow-sm hover-box-up">
+ <div className="text-primary text-center mb-3">
+ <div className="features-icon"><i className={feature.icon}></i></div>
+ </div>
+ <h3 className="h5">{feature.title}</h3>
+ <p>{feature.details}</p>
+ </div>
+ </div>
+ ))
+ }
+ </div>
+ </div>
+ </div>
+ );
+}
diff --git a/src/pages/home/hero.jsx b/src/pages/home/hero.jsx
new file mode 100644
index 0000000..42646ad
--- /dev/null
+++ b/src/pages/home/hero.jsx
@@ -0,0 +1,123 @@
+import React from 'react'
+
+import useIsBrowser from '@docusaurus/useIsBrowser'
+import config from './languages.json'
+import RocketIcon from "../../../static/home/rocket.svg"
+import BlockIcon from "../../../static/home/block.svg"
+import StartUp from "../../../static/home/startup.svg"
+import Wave from "../../../static/home/wave.svg"
+export default function () {
+ const isBrowser = useIsBrowser();
+ const language = isBrowser && location.pathname.indexOf('/zh-CN/') === 0 ? 'zh-CN' : 'en'
+ const dataSource = config?.[language];
+
+ return (
+ <div className="section bg-gradient-primary pb-9 pt-5 overflow-hidden">
+
+ {/* background overlay */}
+ <div className="overlay bg-gradient-primary opacity-90 z-index-n1"></div>
+
+ {/* rocket moving up animation */}
+ <div className="particle">
+ <div className="particle-move-up d-none d-block particle-move-up-1 text-light z-index-n1 opacity-60">
+ <RocketIcon width="2rem" height="2rem" />
+ </div>
+ <div className="particle-move-up particle-move-up-2 text-light z-index-n1 opacity-60">
+ <RocketIcon width="1rem" height="1rem" />
+ </div>
+ <div className="particle-move-up d-none d-sm-block particle-move-up-3 text-light z-index-n1 opacity-60">
+ <RocketIcon width="1.5rem" height="1.5rem" />
+ </div>
+ <div className="particle-move-up d-none d-xl-block particle-move-up-4 text-light z-index-n1 opacity-60">
+ <RocketIcon width="1rem" height="1rem" />
+ </div>
+ <div className="particle-move-up d-none d-sm-block particle-move-up-5 text-light z-index-n1 opacity-60">
+ <RocketIcon width="1.2rem" height="1.2rem" />
+ </div>
+ <div className="particle-move-up border-success text-light particle-move-up-6 z-index-n1 opacity-60">
+ <RocketIcon width="2rem" height="2rem" />
+ </div>
+ <div className="particle-move-up particle-move-up-7 z-index-n1 text-light opacity-60">
+ <RocketIcon width="1.5rem" height="1.5rem" />
+ </div>
+ <div className="particle-move-up particle-move-up-8 z-index-n1 text-light opacity-60">
+ <RocketIcon width="1.2rem" height="1.2rem" />
+ </div>
+ <div className="particle-move-up particle-move-up-9 z-index-n1 text-light opacity-60">
+ <RocketIcon width="2rem" height="2rem" />
+ </div>
+ </div>
+
+ {/* scribble */}
+ <figure className="scribble scale-4 opacity-10 top-50 start-0 z-index-n1" data-aos="fade-up-right" data-delay-aos="300">
+ <BlockIcon className="text-secondary" />
+ </figure>
+
+ {/* scribble */}
+ <figure className="scribble scale-5 opacity-10 top-50 start-0 z-index-n1" data-aos="fade-up-right" data-delay-aos="200">
+ <BlockIcon className="text-secondary" />
+ </figure>
+
+ {/* scribble */}
+ <figure className="scribble scale-6 opacity-10 top-50 start-0 z-index-n1" data-aos="fade-up-right" data-delay-aos="100">
+ <BlockIcon className="text-secondary" />
+ </figure>
+
+ {/* scribble */}
+ <figure className="scribble scale-7 opacity-10 top-50 start-0 z-index-n1" data-aos="fade-up-right">
+ <BlockIcon className="text-secondary" />
+ </figure>
+
+ <div className="container">
+ <div className="row justify-content-center">
+ <div className="col-md-6 col-8 align-self-center pe-5" data-aos="fade-right">
+ <div className="text-start mt-0">
+ <div className="mb-5 system_info pt-0">
+ <h2 className="fw-bold text-white mb-3">
+ <div className="animated-gradient-text_background animated-gradient-text_background-1" style={{ '--content': '"Apache"', '--start-color': '#007CF0', '--end-color': '#00DFD8' }}>
+ <span className="animated-gradient-text_foreground animated-gradient-text_foreground-1">Apache</span>
+ </div>
+ <div className="d-flex justify-content-between align-items-start">
+ <div className="animated-gradient-text_background animated-gradient-text_background-2" style={{ '--content': '"StreamPark"', '--start-color': '#FF4D4D', '--end-color': '#F9CB28' }}>
+ <span className="animated-gradient-text_foreground animated-gradient-text_foreground-2">StreamPark</span>
+ </div>
+ <span className="badge bg-secondary-home fs-6 tag">Incubating</span>
+ </div>
+ </h2>
+ <p className="lead text-light">{dataSource.slogan.description}</p>
+ </div>
+ <a className="btn streamx-btn btn mt-30 ztop" href="https://github.com/apache/incubator-streampark"
+ target="_blank">
+ <i className="lni-github-original"></i> GitHub
+ </a>
+ <a className="btn streamx-btn btn-green mt-30 ml-3 ztop" href="/docs/user-guide/quick-start"
+ style={{ marginLeft: '10px' }}>
+ <i className="lni-play"></i> Get started
+ </a>
+ <div style={{ marginTop: '20px' }} className="shields ztop">
+ <a href="https://www.apache.org/licenses/LICENSE-2.0.html">
+ <img src="https://img.shields.io/badge/license-Apache%202-4EB1BA.svg" className="wow fadeInUp"></img>
+ </a>
+ <img src="https://img.shields.io/github/stars/apache/incubator-streampark.svg?sanitize=true" className="wow fadeInUp"></img>
+ <img src="https://img.shields.io/github/forks/apache/incubator-streampark.svg?sanitize=true" className="wow fadeInUp"></img>
+ <img src="https://img.shields.io/github/languages/count/apache/incubator-streampark" className="wow fadeInUp"></img>
+ </div>
+ </div>
+ </div>
+ {/* hero image */}
+ <div className="col-md-6 col-4 align-self-center">
+ <div className="px-3 px-sm-7 px-md-2 mt-5 mt-0 mb-n9 text-right" data-aos="fade-up" data-aos-delay="100">
+ <StartUp className="img-fluid animated-up-down" />
+ </div>
+ </div>
+ </div>
+ </div >
+
+ {/* waves start */}
+ <figure className="waves-bottom-center text-light mb-n4 z-index-n1" >
+ <Wave />
+ </figure>
+
+ </div >
+ );
+}
diff --git a/src/pages/home/index.jsx b/src/pages/home/index.jsx
index 84070d7..04ebd04 100644
--- a/src/pages/home/index.jsx
+++ b/src/pages/home/index.jsx
@@ -1,163 +1,33 @@
import React from 'react'
-
-import useIsBrowser from '@docusaurus/useIsBrowser'
-import useBaseUrl from '@docusaurus/useBaseUrl'
-import config from './languages.json'
-import Particles from "react-tsparticles"
-import option from "./particles.json"
-
-import './index.less'
-
+import BrowserOnly from '@docusaurus/BrowserOnly';
+import './index.less';
+import './theme.less';
+
+import Hero from "./hero";
+import Feature from "./feature";
+import Performance from "./performance";
+import AOS from 'aos';
+import 'aos/dist/aos.css';
export default function () {
- const isBrowser = useIsBrowser();
- const language = isBrowser && location.pathname.indexOf('/zh-CN/') === 0 ? 'zh-CN' : 'en'
- const dataSource = config?.[language];
-
- return (
- <section className="coverpage">
-
- <section className="hero-barishal welcome_area">
-
- <Particles id="coverpage-tsparticles" className="particles" options={option}/>
-
- <div className="background-shapes">
- <div className="box1"></div>
- <div className="box2"></div>
- <div className="box3"></div>
- <div className="dot1"></div>
- <div className="dot2"></div>
- <div className="dot3"></div>
- <div className="dot4"></div>
- <div className="heart1"><i className="lni-heart"></i></div>
- <div className="heart2"><i className="i lni-heart"></i></div>
- <div className="circle1"></div>
- <div className="circle2"></div>
- </div>
-
- <div className="container h-100">
- <div className="row h-100 justify-content-between align-items-center">
- <div className="col-12 col-md-6">
- <div className="welcome_text_area">
- <h2 className="wow fadeInUp ztop" data-wow-delay="0.2s">
- <span style={{color: '#333'}}>Apache</span> <br/> <span className="main_title">StreamPark</span>
- <span className="apache_incubating">Incubating</span>
- </h2>
- <hr style={{marginBottom: '20px'}}/>
- <h5 className="wow fadeInUp ztop main_desc" data-wow-delay="0.3s" style={{color: '#6c7a87',fontWeight: 600}}>
- {dataSource.slogan.description}
- </h5>
- <a className="btn streamx-btn btn mt-30 ztop" href="https://github.com/apache/incubator-streampark"
- target="_blank">
- <i className="lni-github-original"></i> GitHub
- </a>
- <a className="btn streamx-btn btn-green mt-30 ml-3 ztop" href="/docs/user-guide/quick-start"
- style={{marginLeft: '10px'}}>
- <i className="lni-play"></i> Get started
- </a>
- <div style={{marginTop: '20px'}} className="shields ztop">
- <a href="https://www.apache.org/licenses/LICENSE-2.0.html">
- <img src="https://img.shields.io/badge/license-Apache%202-4EB1BA.svg" className="wow fadeInUp"></img>
- </a>
- <img src="https://img.shields.io/github/stars/apache/incubator-streampark.svg?sanitize=true" className="wow fadeInUp"></img>
- <img src="https://img.shields.io/github/forks/apache/incubator-streampark.svg?sanitize=true" className="wow fadeInUp"></img>
- <img src="https://img.shields.io/github/languages/count/apache/incubator-streampark" className="wow fadeInUp"></img>
- </div>
- {/*
- <a className="video_btn popup_video"
- data-wow-delay="0.5s"
- target="_blank"
- href="http://assets.streamxhub.com/streamx-video.mp4">
- <i className="lni-play"></i>
- <span className="video-sonar"></span>
- </a>
- */}
- </div>
- </div>
- <div className="col-12 col-md-6">
- <div className="welcome_area_thumb text-center ztop" data-wow-delay="0.2s">
- <img style={{marginLeft: 30}} src={useBaseUrl('/home/streampark-banner.png')} alt="StreamPark GVP"></img>
- </div>
- </div>
- </div>
- </div>
- </section>
-
- <section className="using_benefits_area" id="benefits" style={{backgroundColor: '#F6FAFE', paddingBottom: "150px"}}>
-
- <div className="mask-bg"></div>
-
- <div className="container" style={{paddingTop: "20px"}}>
- <div className="row justify-content-center">
- <div className="col-12 col-sm-8 col-lg-6">
- <div className="section_heading white text-center wow fadeInUp" data-wow-delay="0.2s">
- <h3>{dataSource.common.coreFeatures}</h3>
- <div className="line"></div>
- </div>
- </div>
- </div>
-
- <div className="row">
- {
- dataSource.feature.map((feature, i) => (
- <div className="col-12 col-sm-6 col-lg-4 cour-function" key={i} index={i}>
- <div className="feature-item">
- <div className="single_benifits d-flex wow fadeInUp" data-wow-delay="200ms">
- <div className="icon_box"><i className={feature.icon}></i></div>
- <div className="benifits_text">
- <h5>{feature.title}</h5>
- <p>{feature.details}</p>
- </div>
- </div>
- </div>
- </div>
- ))
- }
- </div>
- </div>
- </section>
-
- <section className="showcode_area" id="showcode">
- <div className="container" style = {{marginTop: '90px',marginBottom: '40px' }}>
- <div className="row justify-content-center">
- <div className="col-12 col-sm-8 col-lg-6">
- <div className="section_heading text-center wow fadeInUp" data-wow-delay="0.2s"
- style= {{ marginBottom: '15px'}}>
- <h3>{dataSource.common.development}</h3>
- <div className="line"></div>
- </div>
- </div>
- </div>
-
- <div className="row justify-content-between" style= {{ padding:'30px 0'}}>
- {
- dataSource.development.map((item, i) => (
- <div className="col-12 col-sm-4 col-md-3" key={i} index={i}>
- <div className={i == 2 ? "single_work_step single_work_step_last":"single_work_step"}>
- <div className="step-icon shadow"><i className={item.icon}></i></div>
- <h5>{item.title}</h5>
- <p>{item.description}</p>
- </div>
- </div>
- ))
- }
- </div>
-
- <div className="row h-100 justify-content-between align-items-center">
- <div className="col-12 col-md-6">
- <div className="code-container" style= {{ height: '350px'}}>
- <img src={useBaseUrl('/home/code.png')} width="90%"></img>
- </div>
- </div>
- <div className="col-12 col-md-6">
- <div className="welcome_area_thumb text-center" data-wow-delay="0.2s">
- <img src={useBaseUrl('/home/code.svg')} alt=""></img>
- </div>
- </div>
- </div>
-
- </div>
- </section>
- </section>
- );
+ return (
+ <BrowserOnly fallback={<div id="preloader"></div>}>
+ {() => {
+ // AOS JS
+ AOS.init({
+ offset: 100,
+ duration: 700,
+ easing: "ease-out-quad",
+ once: !0
+ });
+ window.addEventListener('load', AOS.refresh);
+ return <div className="home-wrap">
+ <Hero />
+ <Feature />
+ <Performance />
+ </div>;
+ }}
+ </BrowserOnly>
+
+ );
}
diff --git a/src/pages/home/index.less b/src/pages/home/index.less
index dc221be..b4ff7e1 100644
--- a/src/pages/home/index.less
+++ b/src/pages/home/index.less
@@ -1,4 +1,5 @@
+
@import url('/src/styles/variable.less');
@import url('/src/styles/base.less');
@import url('/src/css/animate.css');
@@ -267,159 +268,6 @@ img {
max-width: 100%;
}
-.streamx-btn {
- color: #ffffff;
- position: relative;
- z-index: 1;
- border: 2px solid transparent;
- display: inline-block;
- font-size: 0.875rem;
- font-weight: 600;
- padding: 1rem 1.5rem;
- border-radius: 6px;
- line-height: 1;
- text-transform: uppercase;
-}
-
-.streamx-btn.btn {
- background-color: #2872ff; //
- color: #fff;
- border: 0;
- max-width: 180px;
- height: 45px;
- position: relative;
-}
-
-.streamx-btn::before {
- content: "";
- position: absolute;
- z-index: -1;
- top: 0;
- bottom: 0;
- left: 0;
- right: 0;
- display: inline-block;
- transform: scaleX(0);
- transform-origin: 51%;
- transition-property: transform;
- transition-duration: 0.3s;
- border-radius: 6px;
- border: none;
-}
-
-.streamx-btn.btn-purple:hover:before, .streamx-btn.btn-green:hover:before, .streamx-btn.btn:hover:before {
- -webkit-transform: scaleX(1);
-}
-
-.streamx-btn.btn::before {
- background: #0d6efd;
-}
-
-.streamx-btn.btn-green {
- background-color: #24A35A;
-}
-
-.streamx-btn.btn-purple {
- background: linear-gradient(-45deg, #5e2ced, #a485fd);
-}
-
-.streamx-btn.btn:hover, .streamx-btn.btn:focus {
- background-color: #588af2;
- border: 0;
- color: #fff;
-}
-
-.streamx-btn.btn-green::before {
- background: green;
-}
-
-.streamx-btn.btn-green:hover, .streamx-btn.btn-green:focus {
- background-color: green;
- border: 0;
- color: #fff;
-}
-
-.streamx-btn.btn-purple::before {
- background: #5e2ced;
-}
-
-.streamx-btn.btn-purple:hover, .streamx-btn.btn-purple:focus {
- background: linear-gradient(-45deg, #5e2ced, #a485fd);
- border: none;
- color: #fff;
-}
-
-.streamx-btn.btn-4 {
- background-color: #2ecc71;
- color: #ffffff;
- -webkit-box-shadow: 0 2px 15px 3px rgba(7, 10, 87, 0.1);
- box-shadow: 0 2px 15px 3px rgba(7, 10, 87, 0.1);
-}
-
-.streamx-btn.btn-4:hover, .streamx-btn.btn-4:focus {
- background-color: #ffffff;
- color: #3f43fd;
-}
-
-.bg-gray {
- background-color: #f5f5ff;
-}
-
-.bg-overlay {
- position: relative;
- z-index: 1;
-}
-
-.bg-overlay::after {
- position: absolute;
- width: 100%;
- height: 100%;
- top: 0;
- left: 0;
- content: '';
- background-color: #3f43fd;
- opacity: 0.97;
- z-index: -1;
-}
-
-.bg-black-overlay {
- position: relative;
- z-index: 1;
-}
-
-.bg-black-overlay::after {
- position: absolute;
- width: 100%;
- height: 100%;
- top: 0;
- left: 0;
- content: '';
- background-color: #070a57;
- opacity: 0.8;
- z-index: -1;
-}
-
-.bg-img {
- background-position: center center;
- background-size: cover;
-}
-
-.h-100vh {
- height: 100vh !important;
-}
-
-.h-90 {
- height: 90% !important;
-}
-
-.h-85 {
- height: 85% !important;
-}
-
-.h-80 {
- height: 80% !important;
-}
-
.welcome_area.h-100vh {
padding-top: 0;
}
@@ -1586,13 +1434,465 @@ hr {
z-index: 2;
}
-.welcome_text_area {
- z-index: 3;
-}
.ztop {
z-index: 3;
}
.footer {
z-index: 1;
+ &.footer--dark{
+ background-color:#1d184a;
+ }
+}
+
+.feature-children {
+ min-height: 300px;
+}
+
+.features-icon {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 80px;
+ flex: 0 0 80px;
+ max-width: 80px;
+ width: 80px;
+ height: 80px;
+ font-size: 2.25rem;
+ background-color: #0d6efd;
+ color: #ffffff;
+ text-align: center;
+ border-radius: 50%;
+ margin: 2px auto;
+
+ i {
+ line-height: 80px;
+ font-weight: bold;
+
+ }
+}
+
+.streamx-btn {
+ color: #ffffff;
+ position: relative;
+ z-index: 1;
+ border: 2px solid transparent;
+ display: inline-block;
+ font-size: 0.875rem;
+ font-weight: 600;
+ padding: 1rem 1.5rem;
+ border-radius: 6px;
+ line-height: 1;
+ text-transform: uppercase;
+}
+
+.streamx-btn.btn {
+ background-color: #2872ff; //
+ color: #fff;
+ border: 0;
+ max-width: 220px;
+ height: 45px;
+ position: relative;
+}
+
+.streamx-btn::before {
+ content: "";
+ position: absolute;
+ z-index: -1;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ display: inline-block;
+ transform: scaleX(0);
+ transform-origin: 51%;
+ transition-property: transform;
+ transition-duration: 0.3s;
+ border-radius: 6px;
+ border: none;
+}
+
+.streamx-btn.btn-purple:hover:before,
+.streamx-btn.btn-green:hover:before,
+.streamx-btn.btn:hover:before {
+ -webkit-transform: scaleX(1);
+}
+
+.streamx-btn.btn::before {
+ background: #0d6efd;
+}
+
+.streamx-btn.btn-green {
+ background-color: #24A35A;
+}
+
+.streamx-btn.btn-purple {
+ background: linear-gradient(-45deg, #5e2ced, #a485fd);
+}
+
+.streamx-btn.btn:hover,
+.streamx-btn.btn:focus {
+ background-color: #588af2;
+ border: 0;
+ color: #fff;
+}
+
+.streamx-btn.btn-green::before {
+ background: green;
+}
+
+.streamx-btn.btn-green:hover,
+.streamx-btn.btn-green:focus {
+ background-color: green;
+ border: 0;
+ color: #fff;
+}
+
+.streamx-btn.btn-purple::before {
+ background: #5e2ced;
+}
+
+.streamx-btn.btn-purple:hover,
+.streamx-btn.btn-purple:focus {
+ background: linear-gradient(-45deg, #5e2ced, #a485fd);
+ border: none;
+ color: #fff;
+}
+
+.streamx-btn.btn-4 {
+ background-color: #2ecc71;
+ color: #ffffff;
+ -webkit-box-shadow: 0 2px 15px 3px rgba(7, 10, 87, 0.1);
+ box-shadow: 0 2px 15px 3px rgba(7, 10, 87, 0.1);
+}
+
+.streamx-btn.btn-4:hover,
+.streamx-btn.btn-4:focus {
+ background-color: #ffffff;
+ color: #3f43fd;
+}
+
+
+.home-wrap,
+.home-wrap .system_info {
+ font-family: "Poppins", sans-serif !important;
+}
+
+
+@media only screen and (min-width: 576px) and (max-width: 767px) {
+ .system_info {
+ padding-top: 40px;
+ margin-bottom: 0;
+ }
+}
+
+@media only screen and (max-width: 575px) {
+ .system_info {
+ padding-top: 30px;
+ margin-bottom: 0;
+ }
+}
+
+
+.system_info h2 {
+ font-size: 5.5rem;
+ margin-bottom: 15px;
+ font-weight: bolder;
+ line-height: 6.5rem;
+}
+
+.system_info h5 {
+ font-weight: 500;
+ font-size: 1.1rem;
+ line-height: 2;
+ color: #333333;
+}
+
+.tag {
+ border-radius: 30px 30px 30px 0;
+ padding: 8px
+}
+
+.text-bg {
+ background-clip: text;
+ -webkit-background-clip: text;
+ -webkit-text-fill-color: transparent;
+ padding-left: 0.5rem;
+ padding-right: 0.5rem;
+ background-image: linear-gradient(90deg, #007CF0, #00DFD8);
+}
+
+
+
+.animated-gradient-text_background {
+ position: relative;
+ display: block;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none
+}
+
+.animated-gradient-text_background-1:before {
+ -webkit-animation: animated-gradient-text_fade-background-1 8s infinite;
+ animation: animated-gradient-text_fade-background-1 8s infinite
+}
+
+.animated-gradient-text_foreground-1 {
+ -webkit-animation: animated-gradient-text_fade-foreground-1 8s infinite;
+ animation: animated-gradient-text_fade-foreground-1 8s infinite
+}
+
+.animated-gradient-text_background-2:before {
+ -webkit-animation: animated-gradient-text_fade-background-2 8s infinite;
+ animation: animated-gradient-text_fade-background-2 8s infinite
+}
+
+.animated-gradient-text_foreground-2 {
+ -webkit-animation: animated-gradient-text_fade-foreground-2 8s infinite;
+ animation: animated-gradient-text_fade-foreground-2 8s infinite
+}
+
+.stop-hero-animation .animated-gradient-text_background,
+.stop-hero-animation .animated-gradient-text_background:before,
+.stop-hero-animation .animated-gradient-text_foreground {
+ -webkit-animation: none !important;
+ animation: none !important
+}
+
+.animated-gradient-text_foreground {
+ background-clip: text;
+ -webkit-background-clip: text;
+ -webkit-text-fill-color: transparent;
+ padding-left: 0.5rem;
+ padding-right: 0.5rem;
+ background-image: linear-gradient(90deg, var(--start-color), var(--end-color));
+ position: relative;
+ z-index: 1
+}
+
+.animated-gradient-text_background:before {
+ content: var(--content);
+ position: absolute;
+ display: block;
+ width: 100%;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 0;
+ padding-left: 0.5rem;
+ padding-right: 0.5rem
+}
+
+@keyframes animated-gradient-text_fade-foreground-1 {
+
+ 0%,
+ 16.667%,
+ to {
+ opacity: 1
+ }
+
+ 50% {
+ opacity: 0
+ }
+}
+
+@keyframes animated-gradient-text_fade-background-1 {
+
+ 0%,
+ 16.667%,
+ to {
+ opacity: 0
+ }
+
+ 50% {
+ opacity: 1
+ }
+}
+
+@keyframes animated-gradient-text_fade-foreground-2 {
+
+ 0%,
+ to {
+ opacity: 0
+ }
+
+ 50% {
+ opacity: 1
+ }
+
+ 16.667%,
+ 66.667% {
+ opacity: 0
+ }
+}
+
+
+@keyframes animated-gradient-text_fade-background-2 {
+
+ 0%,
+ to {
+ opacity: 1
+ }
+
+ 50% {
+ opacity: 0
+ }
+
+ 25%,
+ 58.333% {
+ opacity: 1
+ }
+}
+
+#preloader {
+ position: fixed;
+ top: 0;
+ right: 0;
+ left: 0;
+ bottom: 0;
+ background-color: #fff;
+ z-index: 999999;
+ transition: 0.3s ease opacity;
+ text-align: center;
+ width: 100%;
+ height: 100%
+}
+
+#preloader:before {
+ content: "";
+ width: 80px;
+ height: 80px;
+ border: 3px solid #040c61;
+ display: block;
+ border-radius: 50%;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ opacity: 0;
+ transform: translate(-50%, -50%);
+ animation-name: LoaderCicle;
+ animation-duration: 2s;
+ animation-iteration-count: infinite;
+ animation-timing-function: linear
+}
+
+#preloader:after {
+ content: "";
+ width: 80px;
+ height: 80px;
+ border: 3px solid #040c61;
+ display: block;
+ border-radius: 50%;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ opacity: 0;
+ transform: translate(-50%, -50%);
+ animation-name: LoaderCicle;
+ animation-duration: 2s;
+ animation-iteration-count: infinite;
+ animation-timing-function: linear;
+ animation-delay: 1s
+}
+
+@keyframes LoaderCicle {
+ 0% {
+ width: 0;
+ height: 0;
+ opacity: 0
+ }
+
+ 10% {
+ width: 10px;
+ height: 10px;
+ opacity: 1
+ }
+
+ 80% {
+ width: 60px;
+ height: 60px;
+ opacity: 0.1
+ }
+
+ 100% {
+ width: 70px;
+ height: 70px;
+ opacity: 0
+ }
+}
+
+#preloader {
+ position: fixed;
+ top: 0;
+ right: 0;
+ left: 0;
+ bottom: 0;
+ background-color: #fff;
+ z-index: 999999;
+ transition: 0.3s ease opacity;
+ text-align: center;
+ width: 100%;
+ height: 100%
+}
+
+#preloader:before {
+ content: "";
+ width: 80px;
+ height: 80px;
+ border: 3px solid #040c61;
+ display: block;
+ border-radius: 50%;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ opacity: 0;
+ transform: translate(-50%, -50%);
+ animation-name: LoaderCicle;
+ animation-duration: 2s;
+ animation-iteration-count: infinite;
+ animation-timing-function: linear
+}
+
+#preloader:after {
+ content: "";
+ width: 80px;
+ height: 80px;
+ border: 3px solid #040c61;
+ display: block;
+ border-radius: 50%;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ opacity: 0;
+ transform: translate(-50%, -50%);
+ animation-name: LoaderCicle;
+ animation-duration: 2s;
+ animation-iteration-count: infinite;
+ animation-timing-function: linear;
+ animation-delay: 1s
+}
+
+@keyframes LoaderCicle {
+ 0% {
+ width: 0;
+ height: 0;
+ opacity: 0
+ }
+
+ 10% {
+ width: 10px;
+ height: 10px;
+ opacity: 1
+ }
+
+ 80% {
+ width: 60px;
+ height: 60px;
+ opacity: 0.1
+ }
+
+ 100% {
+ width: 70px;
+ height: 70px;
+ opacity: 0
+ }
}
diff --git a/src/pages/home/languages.json b/src/pages/home/languages.json
index 450eb68..4a24c8e 100644
--- a/src/pages/home/languages.json
+++ b/src/pages/home/languages.json
@@ -5,6 +5,7 @@
"architecture": "系统架构",
"learnMore": "了解更多",
"coreFeatures": "核心特性",
+ "coreFeaturesDesc": "让您的项目更轻松的核心特性",
"development": "开发脚手架",
"honor": "我们的荣誉",
"ourUsers": "Our Users",
@@ -80,6 +81,7 @@
"description": "Description",
"learnMore": "Learn More",
"coreFeatures": "Core Features",
+ "coreFeaturesDesc": "Modern features that will make your project easier.",
"development": "Development Framework",
"honor": "Our Honor",
"ourUsers": "Our Users",
diff --git a/src/pages/home/performance.jsx b/src/pages/home/performance.jsx
new file mode 100644
index 0000000..ed5030f
--- /dev/null
+++ b/src/pages/home/performance.jsx
@@ -0,0 +1,74 @@
+import React from 'react'
+
+import useIsBrowser from '@docusaurus/useIsBrowser'
+import useBaseUrl from '@docusaurus/useBaseUrl'
+import config from './languages.json'
+import Coding from "../../../static/home/coding.svg"
+import "./performance.less";
+
+export default function () {
+ const isBrowser = useIsBrowser();
+ const language = isBrowser && location.pathname.indexOf('/zh-CN/') === 0 ? 'zh-CN' : 'en'
+ const dataSource = config?.[language];
+
+ return (
+ <div className="section py-6 py-md-7 bg-white">
+ <div className="container">
+ <div className="row text-center">
+ <div className="col-12">
+ <div className="mb-5">
+ <h2 className="h3 fw-bold">{dataSource.common.development}</h2>
+ <hr className="divider my-4 mx-auto" style={{ maxWidth: "10rem" }} />
+ </div>
+ </div>
+ </div>
+
+ <div className="row mb-3 ">
+ <div className="col-6 ">
+ <ol className="process-vertical ps-0" >
+ {
+ dataSource.development.map((item, i) => (
+ <li className="process-vertical-item" key={i} data-aos="zoom-in" data-aos-delay={i * 150}>
+ <div className="process-vertical-icon">
+ <div className="process-vertical-icon-bg me-auto rounded-circle p-2 shadow">
+ <i className={item.icon}></i>
+ </div>
+ </div>
+
+ <div className="process-vertical-content ms-lg-4">
+ <h3 className="h5">{item.title}</h3>
+ <p>{item.description}</p>
+ </div>
+ </li>
+ ))
+ }
+ </ol>
+ </div>
+ <div className="col-6 mb-5 align-self-center">
+ <div className="mb-5 my-lg-0" data-aos="fade-left" data-aos-delay="100">
+
+ <img src={useBaseUrl('/home/code.svg')} width="90%"></img>
+ </div>
+ </div>
+
+ </div>
+ <div className='border-dot'></div>
+ <div className="row mb-5 mt-5 mb-lg-7">
+ <div className="col-6 align-self-center">
+ <div className="px-5 px-md-7 mb-5 my-lg-0" data-aos="fade-up" data-aos-delay="100">
+ <Coding className="img-fluid" />
+ </div>
+ </div>
+
+ <div className="col-6 ">
+ <div className="mb-5 my-lg-0" data-aos="fade-up" data-aos-delay="200">
+ <img src={useBaseUrl('/home/code.png')} alt=""></img>
+ </div>
+ </div>
+
+ </div>
+ </div>
+
+ </div>
+ );
+}
diff --git a/src/pages/home/performance.less b/src/pages/home/performance.less
new file mode 100644
index 0000000..d67512b
--- /dev/null
+++ b/src/pages/home/performance.less
@@ -0,0 +1,104 @@
+/*------------------------------------
+ Process
+------------------------------------*/
+.process-vertical {
+ list-style: none;
+ margin: 0;
+
+ .process-vertical-item {
+ display: -ms-flexbox;
+ display: flex;
+
+ &:last-child .process-vertical-icon::before {
+ bottom: 0.5rem;
+ }
+
+ .process-vertical-icon {
+ position: relative;
+ width: 4rem;
+ -ms-flex-negative: 0;
+ flex-shrink: 0;
+ text-align: center;
+
+ &::before {
+ content: "";
+ position: absolute;
+ left: 45%;
+ top: 4rem;
+ bottom: -2rem;
+ border-left: 2px dashed #E5E7EB;
+ }
+
+ .process-vertical-icon-bg {
+ background: #f9fafb;
+ border: #E5E7EB 1px solid;
+ height: 4rem;
+ line-height: 4rem;
+ width: 4rem;
+ i{
+ font-size: 2rem;
+ }
+ }
+
+ span {
+ font-size: 1.3rem;
+ }
+ }
+ }
+}
+
+
+.process-vertical-content {
+ margin-left: 1rem;
+ margin-bottom: 3rem;
+}
+
+.process-horizontal li {
+ list-style-type: none;
+ float: left;
+ width: 25%;
+ position: relative;
+ text-align: center;
+ font-size: 1.25rem;
+
+ &.active,
+ &:hover {
+ color: var(--bs-primary);
+ cursor: pointer;
+ }
+
+ &:before {
+ width: 1.875rem;
+ height: 1.875rem;
+ line-height: 1.875rem;
+ border: 1px solid #ddd;
+ display: block;
+ text-align: center;
+ margin: 0 auto 10px auto;
+ border-radius: 50%;
+ background-color: #fff;
+ }
+
+ &:after {
+ content: "";
+ position: absolute;
+ width: 100%;
+ border-bottom: #E5E7EB 2px dashed;
+ top: 1.5rem;
+ left: -50%;
+ z-index: -1;
+ }
+
+ &:first-child:after {
+ content: none;
+ }
+
+ svg {
+ border: #E5E7EB 1px solid;
+ background: #f9fafb;
+ border-radius: 50%;
+ }
+}
+.border-dot{
+ border:1px dashed #e8e8e8;
+}
diff --git a/src/pages/home/theme.less b/src/pages/home/theme.less
new file mode 100644
index 0000000..ff87376
--- /dev/null
+++ b/src/pages/home/theme.less
@@ -0,0 +1,10721 @@
+section,
+.section {
+ position: relative;
+ z-index: 1;
+}
+
+
+.align-baseline {
+ vertical-align: baseline !important;
+}
+
+.align-top {
+ vertical-align: top !important;
+}
+
+.align-middle {
+ vertical-align: middle !important;
+}
+
+.align-bottom {
+ vertical-align: bottom !important;
+}
+
+.align-text-bottom {
+ vertical-align: text-bottom !important;
+}
+
+.align-text-top {
+ vertical-align: text-top !important;
+}
+
+.float-start {
+ float: left !important;
+}
+
+.float-end {
+ float: right !important;
+}
+
+.float-none {
+ float: none !important;
+}
+
+.opacity-0 {
+ opacity: 0 !important;
+}
+
+.opacity-25 {
+ opacity: 0.25 !important;
+}
+
+.opacity-50 {
+ opacity: 0.5 !important;
+}
+
+.opacity-75 {
+ opacity: 0.75 !important;
+}
+
+.opacity-100 {
+ opacity: 1 !important;
+}
+
+.overflow-auto {
+ overflow: auto !important;
+}
+
+.overflow-hidden {
+ overflow: hidden !important;
+}
+
+.overflow-visible {
+ overflow: visible !important;
+}
+
+.overflow-scroll {
+ overflow: scroll !important;
+}
+
+.d-inline {
+ display: inline !important;
+}
+
+.d-inline-block {
+ display: inline-block !important;
+}
+
+.d-block {
+ display: block !important;
+}
+
+.d-grid {
+ display: grid !important;
+}
+
+.d-table {
+ display: table !important;
+}
+
+.d-table-row {
+ display: table-row !important;
+}
+
+.d-table-cell {
+ display: table-cell !important;
+}
+
+.d-flex {
+ display: -ms-flexbox !important;
+ display: flex !important;
+}
+
+.d-inline-flex {
+ display: -ms-inline-flexbox !important;
+ display: inline-flex !important;
+}
+
+.d-none {
+ display: none !important;
+}
+
+.shadow {
+ box-shadow: 0 0.3rem 1.8rem 0 rgba(55, 26, 134, 0.2) !important;
+}
+
+.shadow-sm {
+ box-shadow: 0 0.2rem 1.25rem 0 rgba(55, 26, 134, 0.1) !important;
+}
+
+.shadow-lg {
+ box-shadow: 0 0.4rem 2.2rem 0 rgba(55, 26, 134, 0.3) !important;
+}
+
+.shadow-none {
+ box-shadow: none !important;
+}
+
+.position-static {
+ position: static !important;
+}
+
+.position-relative {
+ position: relative !important;
+}
+
+.position-absolute {
+ position: absolute !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 {
+ -webkit-transform: translate(-50%, -50%) !important;
+ transform: translate(-50%, -50%) !important;
+}
+
+.translate-middle-x {
+ -webkit-transform: translateX(-50%) !important;
+ transform: translateX(-50%) !important;
+}
+
+.translate-middle-y {
+ -webkit-transform: translateY(-50%) !important;
+ transform: translateY(-50%) !important;
+}
+
+.border {
+ border: 1px solid #E5E7EB !important;
+}
+
+.border-0 {
+ border: 0 !important;
+}
+
+.border-top {
+ border-top: 1px solid #E5E7EB !important;
+}
+
+.border-top-0 {
+ border-top: 0 !important;
+}
+
+.border-end {
+ border-right: 1px solid #E5E7EB !important;
+}
+
+.border-end-0 {
+ border-right: 0 !important;
+}
+
+.border-bottom {
+ border-bottom: 1px solid #E5E7EB !important;
+}
+
+.border-bottom-0 {
+ border-bottom: 0 !important;
+}
+
+.border-start {
+ border-left: 1px solid #E5E7EB !important;
+}
+
+.border-start-0 {
+ border-left: 0 !important;
+}
+
+.border-primary {
+ --bs-border-opacity: 1;
+ border-color: rgba(91, 43, 224, var(--bs-border-opacity)) !important;
+}
+
+.border-secondary {
+ --bs-border-opacity: 1;
+ border-color: rgba(29, 37, 61, var(--bs-border-opacity)) !important;
+}
+
+.border-success {
+ --bs-border-opacity: 1;
+ border-color: rgba(24, 121, 88, 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-opacity-10 {
+ --bs-border-opacity: 0.1;
+}
+
+.border-opacity-25 {
+ --bs-border-opacity: 0.25;
+}
+
+.border-opacity-50 {
+ --bs-border-opacity: 0.5;
+}
+
+.border-opacity-75 {
+ --bs-border-opacity: 0.75;
+}
+
+.border-opacity-100 {
+ --bs-border-opacity: 1;
+}
+
+.w-25 {
+ width: 25% !important;
+}
+
+.w-50 {
+ width: 50% !important;
+}
+
+.w-75 {
+ width: 75% !important;
+}
+
+.w-100 {
+ width: 100% !important;
+}
+
+.w-auto {
+ width: auto !important;
+}
+
+.mw-100 {
+ max-width: 100% !important;
+}
+
+.vw-100 {
+ width: 100vw !important;
+}
+
+.min-vw-100 {
+ min-width: 100vw !important;
+}
+
+.h-25 {
+ height: 25% !important;
+}
+
+.h-50 {
+ height: 50% !important;
+}
+
+.h-75 {
+ height: 75% !important;
+}
+
+.h-100 {
+ height: 100% !important;
+}
+
+.h-auto {
+ height: auto !important;
+}
+
+.mh-100 {
+ max-height: 100% !important;
+}
+
+.vh-100 {
+ height: 100vh !important;
+}
+
+.min-vh-100 {
+ min-height: 100vh !important;
+}
+
+.flex-fill {
+ -ms-flex: 1 1 auto !important;
+ flex: 1 1 auto !important;
+}
+
+.flex-row {
+ -ms-flex-direction: row !important;
+ flex-direction: row !important;
+}
+
+.flex-column {
+ -ms-flex-direction: column !important;
+ flex-direction: column !important;
+}
+
+.flex-row-reverse {
+ -ms-flex-direction: row-reverse !important;
+ flex-direction: row-reverse !important;
+}
+
+.flex-column-reverse {
+ -ms-flex-direction: column-reverse !important;
+ flex-direction: column-reverse !important;
+}
+
+.flex-grow-0 {
+ -ms-flex-positive: 0 !important;
+ flex-grow: 0 !important;
+}
+
+.flex-grow-1 {
+ -ms-flex-positive: 1 !important;
+ flex-grow: 1 !important;
+}
+
+.flex-shrink-0 {
+ -ms-flex-negative: 0 !important;
+ flex-shrink: 0 !important;
+}
+
+.flex-shrink-1 {
+ -ms-flex-negative: 1 !important;
+ flex-shrink: 1 !important;
+}
+
+.flex-wrap {
+ -ms-flex-wrap: wrap !important;
+ flex-wrap: wrap !important;
+}
+
+.flex-nowrap {
+ -ms-flex-wrap: nowrap !important;
+ flex-wrap: nowrap !important;
+}
+
+.flex-wrap-reverse {
+ -ms-flex-wrap: wrap-reverse !important;
+ flex-wrap: wrap-reverse !important;
+}
+
+.justify-content-start {
+ -ms-flex-pack: start !important;
+ justify-content: flex-start !important;
+}
+
+.justify-content-end {
+ -ms-flex-pack: end !important;
+ justify-content: flex-end !important;
+}
+
+.justify-content-center {
+ -ms-flex-pack: center !important;
+ justify-content: center !important;
+}
+
+.justify-content-between {
+ -ms-flex-pack: justify !important;
+ justify-content: space-between !important;
+}
+
+.justify-content-around {
+ -ms-flex-pack: distribute !important;
+ justify-content: space-around !important;
+}
+
+.justify-content-evenly {
+ -ms-flex-pack: space-evenly !important;
+ justify-content: space-evenly !important;
+}
+
+.align-items-start {
+ -ms-flex-align: start !important;
+ align-items: flex-start !important;
+}
+
+.align-items-end {
+ -ms-flex-align: end !important;
+ align-items: flex-end !important;
+}
+
+.align-items-center {
+ -ms-flex-align: center !important;
+ align-items: center !important;
+}
+
+.align-items-baseline {
+ -ms-flex-align: baseline !important;
+ align-items: baseline !important;
+}
+
+.align-items-stretch {
+ -ms-flex-align: stretch !important;
+ align-items: stretch !important;
+}
+
+.align-content-start {
+ -ms-flex-line-pack: start !important;
+ align-content: flex-start !important;
+}
+
+.align-content-end {
+ -ms-flex-line-pack: end !important;
+ align-content: flex-end !important;
+}
+
+.align-content-center {
+ -ms-flex-line-pack: center !important;
+ align-content: center !important;
+}
+
+.align-content-between {
+ -ms-flex-line-pack: justify !important;
+ align-content: space-between !important;
+}
+
+.align-content-around {
+ -ms-flex-line-pack: distribute !important;
+ align-content: space-around !important;
+}
+
+.align-content-stretch {
+ -ms-flex-line-pack: stretch !important;
+ align-content: stretch !important;
+}
+
+.align-self-auto {
+ -ms-flex-item-align: auto !important;
+ align-self: auto !important;
+}
+
+.align-self-start {
+ -ms-flex-item-align: start !important;
+ align-self: flex-start !important;
+}
+
+.align-self-end {
+ -ms-flex-item-align: end !important;
+ align-self: flex-end !important;
+}
+
+.align-self-center {
+ -ms-flex-item-align: center !important;
+ align-self: center !important;
+}
+
+.align-self-baseline {
+ -ms-flex-item-align: baseline !important;
+ align-self: baseline !important;
+}
+
+.align-self-stretch {
+ -ms-flex-item-align: stretch !important;
+ align-self: stretch !important;
+}
+
+.order-first {
+ -ms-flex-order: -1 !important;
+ order: -1 !important;
+}
+
+.order-0 {
+ -ms-flex-order: 0 !important;
+ order: 0 !important;
+}
+
+.order-1 {
+ -ms-flex-order: 1 !important;
+ order: 1 !important;
+}
+
+.order-2 {
+ -ms-flex-order: 2 !important;
+ order: 2 !important;
+}
+
+.order-3 {
+ -ms-flex-order: 3 !important;
+ order: 3 !important;
+}
+
+.order-4 {
+ -ms-flex-order: 4 !important;
+ order: 4 !important;
+}
+
+.order-5 {
+ -ms-flex-order: 5 !important;
+ order: 5 !important;
+}
+
+.order-last {
+ -ms-flex-order: 6 !important;
+ order: 6 !important;
+}
+
+.m-0 {
+ margin: 0 !important;
+}
+
+.m-1 {
+ margin: 0.25rem !important;
+}
+
+.m-2 {
+ margin: 0.5rem !important;
+}
+
+.m-3 {
+ margin: 1rem !important;
+}
+
+.m-4 {
+ margin: 1.5rem !important;
+}
+
+.m-5 {
+ margin: 3rem !important;
+}
+
+.m-6 {
+ margin: 4.5rem !important;
+}
+
+.m-7 {
+ margin: 6rem !important;
+}
+
+.m-8 {
+ margin: 9rem !important;
+}
+
+.m-9 {
+ margin: 12rem !important;
+}
+
+.m-auto {
+ margin: auto !important;
+}
+
+.mx-0 {
+ margin-right: 0 !important;
+ margin-left: 0 !important;
+}
+
+.mx-1 {
+ margin-right: 0.25rem !important;
+ margin-left: 0.25rem !important;
+}
+
+.mx-2 {
+ margin-right: 0.5rem !important;
+ margin-left: 0.5rem !important;
+}
+
+.mx-3 {
+ margin-right: 1rem !important;
+ margin-left: 1rem !important;
+}
+
+.mx-4 {
+ margin-right: 1.5rem !important;
+ margin-left: 1.5rem !important;
+}
+
+.mx-5 {
+ margin-right: 3rem !important;
+ margin-left: 3rem !important;
+}
+
+.mx-6 {
+ margin-right: 4.5rem !important;
+ margin-left: 4.5rem !important;
+}
+
+.mx-7 {
+ margin-right: 6rem !important;
+ margin-left: 6rem !important;
+}
+
+.mx-8 {
+ margin-right: 9rem !important;
+ margin-left: 9rem !important;
+}
+
+.mx-9 {
+ margin-right: 12rem !important;
+ margin-left: 12rem !important;
+}
+
+.mx-auto {
+ margin-right: auto !important;
+ margin-left: auto !important;
+}
+
+.my-0 {
+ margin-top: 0 !important;
+ margin-bottom: 0 !important;
+}
+
+.my-1 {
+ margin-top: 0.25rem !important;
+ margin-bottom: 0.25rem !important;
+}
+
+.my-2 {
+ margin-top: 0.5rem !important;
+ margin-bottom: 0.5rem !important;
+}
+
+.my-3 {
+ margin-top: 1rem !important;
+ margin-bottom: 1rem !important;
+}
+
+.my-4 {
+ margin-top: 1.5rem !important;
+ margin-bottom: 1.5rem !important;
+}
+
+.my-5 {
+ margin-top: 3rem !important;
+ margin-bottom: 3rem !important;
+}
+
+.my-6 {
+ margin-top: 4.5rem !important;
+ margin-bottom: 4.5rem !important;
+}
+
+.my-7 {
+ margin-top: 6rem !important;
+ margin-bottom: 6rem !important;
+}
+
+.my-8 {
+ margin-top: 9rem !important;
+ margin-bottom: 9rem !important;
+}
+
+.my-9 {
+ margin-top: 12rem !important;
+ margin-bottom: 12rem !important;
+}
+
+.my-auto {
+ margin-top: auto !important;
+ margin-bottom: auto !important;
+}
+
+.mt-0 {
+ margin-top: 0 !important;
+}
+
+.mt-1 {
+ margin-top: 0.25rem !important;
+}
+
+.mt-2 {
+ margin-top: 0.5rem !important;
+}
+
+.mt-3 {
+ margin-top: 1rem !important;
+}
+
+.mt-4 {
+ margin-top: 1.5rem !important;
+}
+
+.mt-5 {
+ margin-top: 3rem !important;
+}
+
+.mt-6 {
+ margin-top: 4.5rem !important;
+}
+
+.mt-7 {
+ margin-top: 6rem !important;
+}
+
+.mt-8 {
+ margin-top: 9rem !important;
+}
+
+.mt-9 {
+ margin-top: 12rem !important;
+}
+
+.mt-auto {
+ margin-top: auto !important;
+}
+
+.me-0 {
+ margin-right: 0 !important;
+}
+
+.me-1 {
+ margin-right: 0.25rem !important;
+}
+
+.me-2 {
+ margin-right: 0.5rem !important;
+}
+
+.me-3 {
+ margin-right: 1rem !important;
+}
+
+.me-4 {
+ margin-right: 1.5rem !important;
+}
+
+.me-5 {
+ margin-right: 3rem !important;
+}
+
+.me-6 {
+ margin-right: 4.5rem !important;
+}
+
+.me-7 {
+ margin-right: 6rem !important;
+}
+
+.me-8 {
+ margin-right: 9rem !important;
+}
+
+.me-9 {
+ margin-right: 12rem !important;
+}
+
+.me-auto {
+ margin-right: auto !important;
+}
+
+.mb-0 {
+ margin-bottom: 0 !important;
+}
+
+.mb-1 {
+ margin-bottom: 0.25rem !important;
+}
+
+.mb-2 {
+ margin-bottom: 0.5rem !important;
+}
+
+.mb-3 {
+ margin-bottom: 1rem !important;
+}
+
+.mb-4 {
+ margin-bottom: 1.5rem !important;
+}
+
+.mb-5 {
+ margin-bottom: 3rem !important;
+}
+
+.mb-6 {
+ margin-bottom: 4.5rem !important;
+}
+
+.mb-7 {
+ margin-bottom: 6rem !important;
+}
+
+.mb-8 {
+ margin-bottom: 9rem !important;
+}
+
+.mb-9 {
+ margin-bottom: 12rem !important;
+}
+
+.mb-auto {
+ margin-bottom: auto !important;
+}
+
+.ms-0 {
+ margin-left: 0 !important;
+}
+
+.ms-1 {
+ margin-left: 0.25rem !important;
+}
+
+.ms-2 {
+ margin-left: 0.5rem !important;
+}
+
+.ms-3 {
+ margin-left: 1rem !important;
+}
+
+.ms-4 {
+ margin-left: 1.5rem !important;
+}
+
+.ms-5 {
+ margin-left: 3rem !important;
+}
+
+.ms-6 {
+ margin-left: 4.5rem !important;
+}
+
+.ms-7 {
+ margin-left: 6rem !important;
+}
+
+.ms-8 {
+ margin-left: 9rem !important;
+}
+
+.ms-9 {
+ margin-left: 12rem !important;
+}
+
+.ms-auto {
+ margin-left: auto !important;
+}
+
+.m-n1 {
+ margin: -0.25rem !important;
+}
+
+.m-n2 {
+ margin: -0.5rem !important;
+}
+
+.m-n3 {
+ margin: -1rem !important;
+}
+
+.m-n4 {
+ margin: -1.5rem !important;
+}
+
+.m-n5 {
+ margin: -3rem !important;
+}
+
+.m-n6 {
+ margin: -4.5rem !important;
+}
+
+.m-n7 {
+ margin: -6rem !important;
+}
+
+.m-n8 {
+ margin: -9rem !important;
+}
+
+.m-n9 {
+ margin: -12rem !important;
+}
+
+.mx-n1 {
+ margin-right: -0.25rem !important;
+ margin-left: -0.25rem !important;
+}
+
+.mx-n2 {
+ margin-right: -0.5rem !important;
+ margin-left: -0.5rem !important;
+}
+
+.mx-n3 {
+ margin-right: -1rem !important;
+ margin-left: -1rem !important;
+}
+
+.mx-n4 {
+ margin-right: -1.5rem !important;
+ margin-left: -1.5rem !important;
+}
+
+.mx-n5 {
+ margin-right: -3rem !important;
+ margin-left: -3rem !important;
+}
+
+.mx-n6 {
+ margin-right: -4.5rem !important;
+ margin-left: -4.5rem !important;
+}
+
+.mx-n7 {
+ margin-right: -6rem !important;
+ margin-left: -6rem !important;
+}
+
+.mx-n8 {
+ margin-right: -9rem !important;
+ margin-left: -9rem !important;
+}
+
+.mx-n9 {
+ margin-right: -12rem !important;
+ margin-left: -12rem !important;
+}
+
+.my-n1 {
+ margin-top: -0.25rem !important;
+ margin-bottom: -0.25rem !important;
+}
+
+.my-n2 {
+ margin-top: -0.5rem !important;
+ margin-bottom: -0.5rem !important;
+}
+
+.my-n3 {
+ margin-top: -1rem !important;
+ margin-bottom: -1rem !important;
+}
+
+.my-n4 {
+ margin-top: -1.5rem !important;
+ margin-bottom: -1.5rem !important;
+}
+
+.my-n5 {
+ margin-top: -3rem !important;
+ margin-bottom: -3rem !important;
+}
+
+.my-n6 {
+ margin-top: -4.5rem !important;
+ margin-bottom: -4.5rem !important;
+}
+
+.my-n7 {
+ margin-top: -6rem !important;
+ margin-bottom: -6rem !important;
+}
+
+.my-n8 {
+ margin-top: -9rem !important;
+ margin-bottom: -9rem !important;
+}
+
+.my-n9 {
+ margin-top: -12rem !important;
+ margin-bottom: -12rem !important;
+}
+
+.mt-n1 {
+ margin-top: -0.25rem !important;
+}
+
+.mt-n2 {
+ margin-top: -0.5rem !important;
+}
+
+.mt-n3 {
+ margin-top: -1rem !important;
+}
+
+.mt-n4 {
+ margin-top: -1.5rem !important;
+}
+
+.mt-n5 {
+ margin-top: -3rem !important;
+}
+
+.mt-n6 {
+ margin-top: -4.5rem !important;
+}
+
+.mt-n7 {
+ margin-top: -6rem !important;
+}
+
+.mt-n8 {
+ margin-top: -9rem !important;
+}
+
+.mt-n9 {
+ margin-top: -12rem !important;
+}
+
+.me-n1 {
+ margin-right: -0.25rem !important;
+}
+
+.me-n2 {
+ margin-right: -0.5rem !important;
+}
+
+.me-n3 {
+ margin-right: -1rem !important;
+}
+
+.me-n4 {
+ margin-right: -1.5rem !important;
+}
+
+.me-n5 {
+ margin-right: -3rem !important;
+}
+
+.me-n6 {
+ margin-right: -4.5rem !important;
+}
+
+.me-n7 {
+ margin-right: -6rem !important;
+}
+
+.me-n8 {
+ margin-right: -9rem !important;
+}
+
+.me-n9 {
+ margin-right: -12rem !important;
+}
+
+.mb-n1 {
+ margin-bottom: -0.25rem !important;
+}
+
+.mb-n2 {
+ margin-bottom: -0.5rem !important;
+}
+
+.mb-n3 {
+ margin-bottom: -1rem !important;
+}
+
+.mb-n4 {
+ margin-bottom: -1.5rem !important;
+}
+
+.mb-n5 {
+ margin-bottom: -3rem !important;
+}
+
+.mb-n6 {
+ margin-bottom: -4.5rem !important;
+}
+
+.mb-n7 {
+ margin-bottom: -6rem !important;
+}
+
+.mb-n8 {
+ margin-bottom: -9rem !important;
+}
+
+.mb-n9 {
+ margin-bottom: -12rem !important;
+}
+
+.ms-n1 {
+ margin-left: -0.25rem !important;
+}
+
+.ms-n2 {
+ margin-left: -0.5rem !important;
+}
+
+.ms-n3 {
+ margin-left: -1rem !important;
+}
+
+.ms-n4 {
+ margin-left: -1.5rem !important;
+}
+
+.ms-n5 {
+ margin-left: -3rem !important;
+}
+
+.ms-n6 {
+ margin-left: -4.5rem !important;
+}
+
+.ms-n7 {
+ margin-left: -6rem !important;
+}
+
+.ms-n8 {
+ margin-left: -9rem !important;
+}
+
+.ms-n9 {
+ margin-left: -12rem !important;
+}
+
+.p-0 {
+ padding: 0 !important;
+}
+
+.p-1 {
+ padding: 0.25rem !important;
+}
+
+.p-2 {
+ padding: 0.5rem !important;
+}
+
+.p-3 {
+ padding: 1rem !important;
+}
+
+.p-4 {
+ padding: 1.5rem !important;
+}
+
+.p-5 {
+ padding: 3rem !important;
+}
+
+.p-6 {
+ padding: 4.5rem !important;
+}
+
+.p-7 {
+ padding: 6rem !important;
+}
+
+.p-8 {
+ padding: 9rem !important;
+}
+
+.p-9 {
+ padding: 12rem !important;
+}
+
+.px-0 {
+ padding-right: 0 !important;
+ padding-left: 0 !important;
+}
+
+.px-1 {
+ padding-right: 0.25rem !important;
+ padding-left: 0.25rem !important;
+}
+
+.px-2 {
+ padding-right: 0.5rem !important;
+ padding-left: 0.5rem !important;
+}
+
+.px-3 {
+ padding-right: 1rem !important;
+ padding-left: 1rem !important;
+}
+
+.px-4 {
+ padding-right: 1.5rem !important;
+ padding-left: 1.5rem !important;
+}
+
+.px-5 {
+ padding-right: 3rem !important;
+ padding-left: 3rem !important;
+}
+
+.px-6 {
+ padding-right: 4.5rem !important;
+ padding-left: 4.5rem !important;
+}
+
+.px-7 {
+ padding-right: 6rem !important;
+ padding-left: 6rem !important;
+}
+
+.px-8 {
+ padding-right: 9rem !important;
+ padding-left: 9rem !important;
+}
+
+.px-9 {
+ padding-right: 12rem !important;
+ padding-left: 12rem !important;
+}
+
+.py-0 {
+ padding-top: 0 !important;
+ padding-bottom: 0 !important;
+}
+
+.py-1 {
+ padding-top: 0.25rem !important;
+ padding-bottom: 0.25rem !important;
+}
+
+.py-2 {
+ padding-top: 0.5rem !important;
+ padding-bottom: 0.5rem !important;
+}
+
+.py-3 {
+ padding-top: 1rem !important;
+ padding-bottom: 1rem !important;
+}
+
+.py-4 {
+ padding-top: 1.5rem !important;
+ padding-bottom: 1.5rem !important;
+}
+
+.py-5 {
+ padding-top: 3rem !important;
+ padding-bottom: 3rem !important;
+}
+
+.py-6 {
+ padding-top: 4.5rem !important;
+ padding-bottom: 4.5rem !important;
+}
+
+.py-7 {
+ padding-top: 6rem !important;
+ padding-bottom: 6rem !important;
+}
+
+.py-8 {
+ padding-top: 9rem !important;
+ padding-bottom: 9rem !important;
+}
+
+.py-9 {
+ padding-top: 12rem !important;
+ padding-bottom: 12rem !important;
+}
+
+.pt-0 {
+ padding-top: 0 !important;
+}
+
+.pt-1 {
+ padding-top: 0.25rem !important;
+}
+
+.pt-2 {
+ padding-top: 0.5rem !important;
+}
+
+.pt-3 {
+ padding-top: 1rem !important;
+}
+
+.pt-4 {
+ padding-top: 1.5rem !important;
+}
+
+.pt-5 {
+ padding-top: 3rem !important;
+}
+
+.pt-6 {
+ padding-top: 4.5rem !important;
+}
+
+.pt-7 {
+ padding-top: 6rem !important;
+}
+
+.pt-8 {
+ padding-top: 9rem !important;
+}
+
+.pt-9 {
+ padding-top: 12rem !important;
+}
+
+.pe-0 {
+ padding-right: 0 !important;
+}
+
+.pe-1 {
+ padding-right: 0.25rem !important;
+}
+
+.pe-2 {
+ padding-right: 0.5rem !important;
+}
+
+.pe-3 {
+ padding-right: 1rem !important;
+}
+
+.pe-4 {
+ padding-right: 1.5rem !important;
+}
+
+.pe-5 {
+ padding-right: 3rem !important;
+}
+
+.pe-6 {
+ padding-right: 4.5rem !important;
+}
+
+.pe-7 {
+ padding-right: 6rem !important;
+}
+
+.pe-8 {
+ padding-right: 9rem !important;
+}
+
+.pe-9 {
+ padding-right: 12rem !important;
+}
+
+.pb-0 {
+ padding-bottom: 0 !important;
+}
+
+.pb-1 {
+ padding-bottom: 0.25rem !important;
+}
+
+.pb-2 {
+ padding-bottom: 0.5rem !important;
+}
+
+.pb-3 {
+ padding-bottom: 1rem !important;
+}
+
+.pb-4 {
+ padding-bottom: 1.5rem !important;
+}
+
+.pb-5 {
+ padding-bottom: 3rem !important;
+}
+
+.pb-6 {
+ padding-bottom: 4.5rem !important;
+}
+
+.pb-7 {
+ padding-bottom: 6rem !important;
+}
+
+.pb-8 {
+ padding-bottom: 9rem !important;
+}
+
+.pb-9 {
+ padding-bottom: 12rem !important;
+}
+
+.ps-0 {
+ padding-left: 0 !important;
+}
+
+.ps-1 {
+ padding-left: 0.25rem !important;
+}
+
+.ps-2 {
+ padding-left: 0.5rem !important;
+}
+
+.ps-3 {
+ padding-left: 1rem !important;
+}
+
+.ps-4 {
+ padding-left: 1.5rem !important;
+}
+
+.ps-5 {
+ padding-left: 3rem !important;
+}
+
+.ps-6 {
+ padding-left: 4.5rem !important;
+}
+
+.ps-7 {
+ padding-left: 6rem !important;
+}
+
+.ps-8 {
+ padding-left: 9rem !important;
+}
+
+.ps-9 {
+ padding-left: 12rem !important;
+}
+
+.gap-0 {
+ gap: 0 !important;
+}
+
+.gap-1 {
+ gap: 0.25rem !important;
+}
+
+.gap-2 {
+ gap: 0.5rem !important;
+}
+
+.gap-3 {
+ gap: 1rem !important;
+}
+
+.gap-4 {
+ gap: 1.5rem !important;
+}
+
+.gap-5 {
+ gap: 3rem !important;
+}
+
+.gap-6 {
+ gap: 4.5rem !important;
+}
+
+.gap-7 {
+ gap: 6rem !important;
+}
+
+.gap-8 {
+ gap: 9rem !important;
+}
+
+.gap-9 {
+ gap: 12rem !important;
+}
+
+.fs-1 {
+ font-size: calc(1.375rem + 1.5vw) !important;
+}
+
+.fs-2 {
+ font-size: calc(1.325rem + 0.9vw) !important;
+}
+
+.fs-3 {
+ font-size: calc(1.3rem + 0.6vw) !important;
+}
+
+.fs-4 {
+ font-size: calc(1.275rem + 0.3vw) !important;
+}
+
+.fs-5 {
+ font-size: 1.25rem !important;
+}
+
+.fs-6 {
+ font-size: 1rem !important;
+}
+
+.fst-italic {
+ font-style: italic !important;
+}
+
+.fst-normal {
+ font-style: normal !important;
+}
+
+.fw-light {
+ font-weight: 300 !important;
+}
+
+.fw-lighter {
+ font-weight: lighter !important;
+}
+
+.fw-normal {
+ font-weight: 400 !important;
+}
+
+.fw-bold {
+ font-weight: 700 !important;
+}
+
+.fw-semibold {
+ font-weight: 600 !important;
+}
+
+.fw-bolder {
+ font-weight: bolder !important;
+}
+
+.lh-1 {
+ line-height: 1 !important;
+}
+
+.lh-sm {
+ line-height: 1.25 !important;
+}
+
+.lh-base {
+ line-height: 1.3 !important;
+}
+
+.lh-lg {
+ line-height: 2 !important;
+}
+
+.text-start {
+ text-align: left !important;
+}
+
+.text-end {
+ text-align: right !important;
+}
+
+.text-center {
+ text-align: center !important;
+}
+
+.text-decoration-none {
+ text-decoration: none !important;
+}
+
+.text-decoration-underline {
+ text-decoration: underline !important;
+}
+
+.text-decoration-line-through {
+ text-decoration: line-through !important;
+}
+
+.text-lowercase {
+ text-transform: lowercase !important;
+}
+
+.text-uppercase {
+ text-transform: uppercase !important;
+}
+
+.text-capitalize {
+ text-transform: capitalize !important;
+}
+
+.text-wrap {
+ white-space: normal !important;
+}
+
+.text-nowrap {
+ white-space: nowrap !important;
+}
+
+/* rtl:begin:remove */
+.text-break {
+ word-wrap: break-word !important;
+ word-break: break-word !important;
+}
+
+/* rtl:end:remove */
+.text-primary {
+ --bs-text-opacity: 1;
+ color: rgba(91, 43, 224, var(--bs-text-opacity)) !important;
+}
+
+.text-secondary {
+ --bs-text-opacity: 1;
+ color: rgba(29, 37, 61, var(--bs-text-opacity)) !important;
+}
+
+.text-success {
+ --bs-text-opacity: 1;
+ color: rgba(24, 121, 88, var(--bs-text-opacity)) !important;
+}
+
+.text-info {
+ --bs-text-opacity: 1;
+ color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
+}
+
+.text-warning {
+ --bs-text-opacity: 1;
+ color: rgba(255, 204, 67, var(--bs-text-opacity)) !important;
+}
+
+.text-danger {
+ --bs-text-opacity: 1;
+ color: rgba(220, 53, 69, var(--bs-text-opacity)) !important;
+}
+
+.text-light {
+ --bs-text-opacity: 1;
+ color: rgba(249, 250, 251, var(--bs-text-opacity)) !important;
+}
+
+.text-dark {
+ --bs-text-opacity: 1;
+ color: rgba(17, 24, 39, var(--bs-text-opacity)) !important;
+}
+
+.text-white {
+ --bs-text-opacity: 1;
+ color: rgba(255, 255, 255, var(--bs-text-opacity)) !important;
+}
+
+.text-black {
+ --bs-text-opacity: 1;
+ color: rgba(0, 0, 0, var(--bs-text-opacity)) !important;
+}
+
+.text-muted {
+ --bs-text-opacity: 1;
+ color: #6B7280 !important;
+}
+
+.text-black-50 {
+ --bs-text-opacity: 1;
+ color: rgba(0, 0, 0, 0.5) !important;
+}
+
+.text-white-50 {
+ --bs-text-opacity: 1;
+ color: rgba(255, 255, 255, 0.5) !important;
+}
+
+.text-reset {
+ --bs-text-opacity: 1;
+ color: inherit !important;
+}
+
+.text-opacity-25 {
+ --bs-text-opacity: 0.25;
+}
+
+.text-opacity-50 {
+ --bs-text-opacity: 0.5;
+}
+
+.text-opacity-75 {
+ --bs-text-opacity: 0.75;
+}
+
+.text-opacity-100 {
+ --bs-text-opacity: 1;
+}
+
+.bg-primary {
+ --bs-bg-opacity: 1;
+ background-color: rgba(91, 43, 224, var(--bs-bg-opacity)) !important;
+}
+
+.bg-secondary-home {
+ --bs-bg-opacity: 1;
+ background-color: rgba(29, 37, 61, var(--bs-bg-opacity)) !important;
+}
+
+.bg-success {
+ --bs-bg-opacity: 1;
+ background-color: rgba(24, 121, 88, var(--bs-bg-opacity)) !important;
+}
+
+.bg-warning {
+ --bs-bg-opacity: 1;
+ background-color: rgba(255, 204, 67, var(--bs-bg-opacity)) !important;
+}
+
+.bg-danger {
+ --bs-bg-opacity: 1;
+ background-color: rgba(220, 53, 69, var(--bs-bg-opacity)) !important;
+}
+
+.bg-light {
+ --bs-bg-opacity: 1;
+ background-color: rgba(249, 250, 251, var(--bs-bg-opacity)) !important;
+}
+
+.bg-dark {
+ --bs-bg-opacity: 1;
+ background-color: rgba(17, 24, 39, var(--bs-bg-opacity)) !important;
+}
+
+.bg-white {
+ --bs-bg-opacity: 1;
+ background-color: rgba(255, 255, 255, var(--bs-bg-opacity)) !important;
+}
+
+.bg-black {
+ --bs-bg-opacity: 1;
+ background-color: rgba(0, 0, 0, var(--bs-bg-opacity)) !important;
+}
+
+.bg-transparent {
+ --bs-bg-opacity: 1;
+ background-color: transparent !important;
+}
+
+.bg-opacity-10 {
+ --bs-bg-opacity: 0.1;
+}
+
+.bg-opacity-25 {
+ --bs-bg-opacity: 0.25;
+}
+
+.bg-opacity-50 {
+ --bs-bg-opacity: 0.5;
+}
+
+.bg-opacity-75 {
+ --bs-bg-opacity: 0.75;
+}
+
+.bg-opacity-100 {
+ --bs-bg-opacity: 1;
+}
+
+.bg-gradient {
+ background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)) !important;
+}
+
+.user-select-all {
+ -webkit-user-select: all !important;
+ -moz-user-select: all !important;
+ -ms-user-select: all !important;
+ user-select: all !important;
+}
+
+.user-select-auto {
+ -webkit-user-select: auto !important;
+ -moz-user-select: auto !important;
+ -ms-user-select: auto !important;
+ user-select: auto !important;
+}
+
+.user-select-none {
+ -webkit-user-select: none !important;
+ -moz-user-select: none !important;
+ -ms-user-select: none !important;
+ user-select: none !important;
+}
+
+.pe-none {
+ pointer-events: none !important;
+}
+
+.pe-auto {
+ pointer-events: auto !important;
+}
+
+.rounded {
+ border-radius: 0.375rem !important;
+}
+
+.rounded-0 {
+ border-radius: 0 !important;
+}
+
+.rounded-1 {
+ border-radius: var(--bs-border-radius-sm) !important;
+}
+
+.rounded-2 {
+ border-radius: 0.375rem !important;
+}
+
+.rounded-3 {
+ border-radius: var(--bs-border-radius-lg) !important;
+}
+
+.rounded-4 {
+ border-radius: var(--bs-border-radius-xl) !important;
+}
+
+.rounded-5 {
+ border-radius: var(--bs-border-radius-2xl) !important;
+}
+
+.rounded-circle {
+ border-radius: 50% !important;
+}
+
+.rounded-pill {
+ border-radius: var(--bs-border-radius-pill) !important;
+}
+
+.rounded-top {
+ border-top-left-radius: 0.375rem !important;
+ border-top-right-radius: 0.375rem !important;
+}
+
+.rounded-end {
+ border-top-right-radius: 0.375rem !important;
+ border-bottom-right-radius: 0.375rem !important;
+}
+
+.rounded-bottom {
+ border-bottom-right-radius: 0.375rem !important;
+ border-bottom-left-radius: 0.375rem !important;
+}
+
+.rounded-start {
+ border-bottom-left-radius: 0.375rem !important;
+ border-top-left-radius: 0.375rem !important;
+}
+
+.visible {
+ visibility: visible !important;
+}
+
+.invisible {
+ visibility: hidden !important;
+}
+
+/*------------------------------------
+ Web Space
+------------------------------------*/
+.start-1 {
+ left: 1rem;
+}
+
+.end-0 {
+ right: 0;
+}
+
+.end-1 {
+ right: 1rem;
+}
+
+.top-1 {
+ top: 1rem;
+}
+
+.bottom-0 {
+ bottom: 0;
+}
+
+.bottom-1 {
+ bottom: 1rem;
+}
+
+.w-150 {
+ width: 150%;
+}
+
+/*------------------------------------
+ Z index
+------------------------------------*/
+.z-index-n100 {
+ z-index: -100;
+}
+
+.z-index-n10 {
+ z-index: -10;
+}
+
+.z-index-n5 {
+ z-index: -5;
+}
+
+.z-index-n4 {
+ z-index: -4;
+}
+
+.z-index-n3 {
+ z-index: -3;
+}
+
+.z-index-n2 {
+ z-index: -2;
+}
+
+.z-index-n1 {
+ z-index: -1;
+}
+
+.z-index-1 {
+ z-index: 1;
+}
+
+.z-index-2 {
+ z-index: 2;
+}
+
+.z-index-3 {
+ z-index: 3;
+}
+
+.z-index-4 {
+ z-index: 4;
+}
+
+.z-index-5 {
+ z-index: 5;
+}
+
+.z-index-10 {
+ z-index: 10;
+}
+
+.z-index-20 {
+ z-index: 20;
+}
+
+.z-index-50 {
+ z-index: 50;
+}
+
+.z-index-100 {
+ z-index: 100;
+}
+
+.lg-backdrop {
+ z-index: 1100;
+}
+
+.lg-outer {
+ z-index: 1200;
+}
+
+/*------------------------------------
+ Opacity
+------------------------------------*/
+.opacity-0 {
+ opacity: 0;
+}
+
+.opacity-10 {
+ opacity: 0.1 !important;
+}
+
+.opacity-20 {
+ opacity: 0.2 !important;
+}
+
+.opacity-30 {
+ opacity: 0.3 !important;
+}
+
+.opacity-40 {
+ opacity: 0.4 !important;
+}
+
+.opacity-50 {
+ opacity: 0.5 !important;
+}
+
+.opacity-60 {
+ opacity: 0.6 !important;
+}
+
+.opacity-70 {
+ opacity: 0.7 !important;
+}
+
+.opacity-80 {
+ opacity: 0.8 !important;
+}
+
+.opacity-90 {
+ opacity: 0.9 !important;
+}
+
+.opacity-100 {
+ opacity: 1 !important;
+}
+
+.overlay {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ opacity: 0.5;
+ border-radius: inherit;
+}
+
+.scroller {
+ width: 3px;
+ height: 0.6rem;
+ border-radius: 25%;
+ background-color: #fff;
+ -webkit-animation-name: scroll;
+ animation-name: scroll;
+ -webkit-animation-duration: 1.5s;
+ animation-duration: 1.5s;
+ -webkit-animation-timing-function: cubic-bezier(0.15, 0.41, 0.69, 0.94);
+ animation-timing-function: cubic-bezier(0.15, 0.41, 0.69, 0.94);
+ -webkit-animation-iteration-count: infinite;
+ animation-iteration-count: infinite;
+}
+
+@-webkit-keyframes scroll {
+ 0% {
+ opacity: 0;
+ }
+
+ 10% {
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+ opacity: 1;
+ }
+
+ 100% {
+ -webkit-transform: translateY(15px);
+ transform: translateY(15px);
+ opacity: 0;
+ }
+}
+
+@keyframes scroll {
+ 0% {
+ opacity: 0;
+ }
+
+ 10% {
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+ opacity: 1;
+ }
+
+ 100% {
+ -webkit-transform: translateY(15px);
+ transform: translateY(15px);
+ opacity: 0;
+ }
+}
+
+.scribble:not(.position-relative) {
+ position: absolute;
+}
+
+.scribble svg {
+ background: none !important;
+}
+
+.scale-2 svg {
+ -webkit-transform: scale(2);
+ transform: scale(2);
+}
+
+.scale-3 svg {
+ -webkit-transform: scale(3);
+ transform: scale(3);
+}
+
+.scale-4 svg {
+ -webkit-transform: scale(4);
+ transform: scale(4);
+}
+
+.scale-5 svg {
+ -webkit-transform: scale(5);
+ transform: scale(5);
+}
+
+.scale-6 svg {
+ -webkit-transform: scale(6);
+ transform: scale(6);
+}
+
+.scale-7 svg {
+ -webkit-transform: scale(7);
+ transform: scale(7);
+}
+
+.scale-8 svg {
+ -webkit-transform: scale(8);
+ transform: scale(8);
+}
+
+.showcase-img {
+ position: relative;
+ min-height: 20rem;
+ background-size: cover;
+}
+
+.icon-center {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ -webkit-transform: translate(-50%, -50%);
+ transform: translate(-50%, -50%);
+}
+
+.rotate-45 {
+ /*rtl:begin:ignore*/
+ -webkit-transform: rotate(45deg);
+ transform: rotate(45deg);
+ /*rtl:end:ignore*/
+}
+
+.rotate-90 {
+ /*rtl:begin:ignore*/
+ -webkit-transform: rotate(90deg);
+ transform: rotate(90deg);
+ /*rtl:end:ignore*/
+}
+
+.rotate-135 {
+ /*rtl:begin:ignore*/
+ -webkit-transform: rotate(135deg);
+ transform: rotate(135deg);
+ /*rtl:end:ignore*/
+}
+
+.rotate-180 {
+ /*rtl:begin:ignore*/
+ -webkit-transform: rotate(180deg);
+ transform: rotate(180deg);
+ /*rtl:end:ignore*/
+}
+
+.rotate-225 {
+ /*rtl:begin:ignore*/
+ -webkit-transform: rotate(225deg);
+ transform: rotate(225deg);
+ /*rtl:end:ignore*/
+}
+
+.rotate-270 {
+ /*rtl:begin:ignore*/
+ -webkit-transform: rotate(270deg);
+ transform: rotate(270deg);
+ /*rtl:end:ignore*/
+}
+
+.rotate-315 {
+ /*rtl:begin:ignore*/
+ -webkit-transform: rotate(315deg);
+ transform: rotate(315deg);
+ /*rtl:end:ignore*/
+}
+
+.text-shadow {
+ text-shadow: 0em 0.1em 2em rgba(0, 0, 0, 0.4);
+}
+
+.bg-gradient-primary {
+ background-color: var(--bs-primary);
+ background-image: linear-gradient(130deg, #4922b3 15%, #5b2be0 40%, #5b2be0 60%, #7c55e6 100%) !important;
+}
+
+.bg-gradient-secondary {
+ background-color: var(--bs-secondary);
+ background-image: linear-gradient(130deg, #171e31 15%, #1d253d 40%, #1d253d 60%, #0c0f18 100%) !important;
+}
+
+/*------------------------------------
+ Waves
+------------------------------------*/
+.waves-top-center {
+ position: absolute;
+ top: -1px;
+ left: 0;
+ right: 0;
+ bottom: auto;
+}
+
+.waves-bottom-center {
+ position: absolute;
+ bottom: -1px;
+ left: 0;
+ right: 0;
+ top: auto;
+}
+
+.waves-top-start {
+ position: absolute;
+ top: -1px;
+ left: 0;
+}
+
+.waves-top-end {
+ position: absolute;
+ top: -1px;
+ right: 0;
+}
+
+.waves-bottom-start {
+ position: absolute;
+ bottom: -1px;
+ left: 0;
+}
+
+.waves-bottom-end {
+ position: absolute;
+ bottom: -1px;
+ right: 0;
+}
+
+.translate-top-1 {
+ -webkit-transform: translate(0, -1rem);
+ transform: translate(0, -1rem);
+}
+
+.translate-bottom-1 {
+ -webkit-transform: translate(0, 1rem);
+ transform: translate(0, 1rem);
+}
+
+.translate-top-2 {
+ -webkit-transform: translate(0, -2rem);
+ transform: translate(0, -2rem);
+}
+
+.translate-bottom-2 {
+ -webkit-transform: translate(0, 2rem);
+ transform: translate(0, 2rem);
+}
+
+.translate-top-3 {
+ -webkit-transform: translate(0, -3rem);
+ transform: translate(0, -3rem);
+}
+
+.translate-bottom-3 {
+ -webkit-transform: translate(0, 3rem);
+ transform: translate(0, 3rem);
+}
+
+.translate-top-4 {
+ -webkit-transform: translate(0, -4rem);
+ transform: translate(0, -4rem);
+}
+
+.translate-bottom-4 {
+ -webkit-transform: translate(0, 4rem);
+ transform: translate(0, 4rem);
+}
+
+.translate-top-5 {
+ -webkit-transform: translate(0, -5rem);
+ transform: translate(0, -5rem);
+}
+
+.translate-bottom-5 {
+ -webkit-transform: translate(0, 5rem);
+ transform: translate(0, 5rem);
+}
+
+@-webkit-keyframes animateWave {
+ 0% {
+ transform: scale(1, 0);
+ -webkit-transform: scale(1, 0);
+ }
+
+ 100% {
+ transform: scale(1, 1);
+ -webkit-transform: scale(1, 1);
+ }
+}
+
+@keyframes animateWave {
+ 0% {
+ transform: scale(1, 0);
+ -webkit-transform: scale(1, 0);
+ }
+
+ 100% {
+ transform: scale(1, 1);
+ -webkit-transform: scale(1, 1);
+ }
+}
+
+.waves-animate>svg {
+ display: block;
+ -webkit-transform-origin: bottom;
+ transform-origin: bottom;
+ animation: animateWave 3s cubic-bezier(0.23, 1, 0.32, 1) forwards;
+ -webkit-animation: animateWave 3s cubic-bezier(0.23, 1, 0.32, 1) forwards;
+}
+
+[hidden] {
+ display: none !important;
+}
+
+.display-1 {
+ font-size: calc(1.5625rem + 3.75vw);
+ font-weight: 300;
+ line-height: 1.3;
+}
+
+@media (min-width: 1200px) {
+ .display-1 {
+ font-size: 4.375rem;
+ }
+}
+
+.display-2 {
+ font-size: calc(1.50625rem + 3.075vw);
+ font-weight: 300;
+ line-height: 1.3;
+}
+
+@media (min-width: 1200px) {
+ .display-2 {
+ font-size: 3.8125rem;
+ }
+}
+
+.display-3 {
+ font-size: calc(1.425rem + 2.1vw);
+ font-weight: 300;
+ line-height: 1.3;
+}
+
+@media (min-width: 1200px) {
+ .display-3 {
+ font-size: 3rem;
+ }
+}
+
+.display-4 {
+ font-size: calc(1.40625rem + 1.875vw);
+ font-weight: 300;
+ line-height: 1.3;
+}
+
+@media (min-width: 1200px) {
+ .display-4 {
+ font-size: 2.8125rem;
+ }
+}
+
+.display-5 {
+ font-size: calc(1.39375rem + 1.725vw);
+ font-weight: 300;
+ line-height: 1.3;
+}
+
+@media (min-width: 1200px) {
+ .display-5 {
+ font-size: 2.6875rem;
+ }
+}
+
+.display-6 {
+ font-size: calc(1.375rem + 1.5vw);
+ font-weight: 300;
+ line-height: 1.3;
+}
+
+@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: 0.5rem;
+}
+
+.initialism {
+ font-size: 0.8em;
+ text-transform: uppercase;
+}
+
+.blockquote {
+ margin-bottom: 1rem;
+ font-size: 1.25rem;
+}
+
+.blockquote> :last-child {
+ margin-bottom: 0;
+}
+
+.blockquote-footer {
+ margin-top: -1rem;
+ margin-bottom: 1rem;
+ font-size: 0.8em;
+ color: #4B5563;
+}
+
+.blockquote-footer::before {
+ content: "— ";
+}
+
+.img-fluid {
+ max-width: 100%;
+ height: auto;
+}
+
+.img-thumbnail {
+ padding: 0.25rem;
+ background-color: #fff;
+ border: 1px solid #E5E7EB;
+ border-radius: 0.375rem;
+ max-width: 100%;
+ height: auto;
+}
+
+.figure {
+ display: inline-block;
+}
+
+.figure-img {
+ margin-bottom: 0.5rem;
+ line-height: 1;
+}
+
+.figure-caption {
+ font-size: 0.875rem;
+ color: #4B5563;
+}
+
+.container,
+.container-fluid,
+.container-xl,
+.container-lg,
+.container-md,
+.container-sm {
+ --bs-gutter-x: 1.5rem;
+ --bs-gutter-y: 0;
+ width: 100%;
+ padding-right: calc(var(--bs-gutter-x) * 0.5);
+ padding-left: calc(var(--bs-gutter-x) * 0.5);
+ margin-right: auto;
+ margin-left: auto;
+}
+
+@media (min-width: 576px) {
+
+ .container-sm,
+ .container {
+ max-width: 540px;
+ }
+}
+
+@media (min-width: 768px) {
+
+ .container-md,
+ .container-sm,
+ .container {
+ max-width: 720px;
+ }
+}
+
+@media (min-width: 992px) {
+
+ .container-lg,
+ .container-md,
+ .container-sm,
+ .container {
+ max-width: 960px;
+ }
+}
+
+@media (min-width: 1200px) {
+
+ .container-xl,
+ .container-lg,
+ .container-md,
+ .container-sm,
+ .container {
+ max-width: 1200px;
+ }
+}
+
+.row {
+ --bs-gutter-x: 1.5rem;
+ --bs-gutter-y: 0;
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-wrap: wrap;
+ 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>* {
+ -ms-flex-negative: 0;
+ flex-shrink: 0;
+ width: 100%;
+ max-width: 100%;
+ padding-right: calc(var(--bs-gutter-x) * 0.5);
+ padding-left: calc(var(--bs-gutter-x) * 0.5);
+ margin-top: var(--bs-gutter-y);
+}
+
+.col {
+ -ms-flex: 1 0 0%;
+ flex: 1 0 0%;
+}
+
+.row-cols-auto>* {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: auto;
+}
+
+.row-cols-1>* {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 100%;
+}
+
+.row-cols-2>* {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 50%;
+}
+
+.row-cols-3>* {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 33.3333333333%;
+}
+
+.row-cols-4>* {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 25%;
+}
+
+.row-cols-5>* {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 20%;
+}
+
+.row-cols-6>* {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 16.6666666667%;
+}
+
+.col-auto {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: auto;
+}
+
+.col-1 {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 8.33333333%;
+}
+
+.col-2 {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 16.66666667%;
+}
+
+.col-3 {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 25%;
+}
+
+.col-4 {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 33.33333333%;
+}
+
+.col-5 {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 41.66666667%;
+}
+
+.col-6 {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 50%;
+}
+
+.col-7 {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 58.33333333%;
+}
+
+.col-8 {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 66.66666667%;
+}
+
+.col-9 {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 75%;
+}
+
+.col-10 {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 83.33333333%;
+}
+
+.col-11 {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 91.66666667%;
+}
+
+.col-12 {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 100%;
+}
+
+.offset-1 {
+ margin-left: 8.33333333%;
+}
+
+.offset-2 {
+ margin-left: 16.66666667%;
+}
+
+.offset-3 {
+ margin-left: 25%;
+}
+
+.offset-4 {
+ margin-left: 33.33333333%;
+}
+
+.offset-5 {
+ margin-left: 41.66666667%;
+}
+
+.offset-6 {
+ margin-left: 50%;
+}
+
+.offset-7 {
+ margin-left: 58.33333333%;
+}
+
+.offset-8 {
+ margin-left: 66.66666667%;
+}
+
+.offset-9 {
+ margin-left: 75%;
+}
+
+.offset-10 {
+ margin-left: 83.33333333%;
+}
+
+.offset-11 {
+ margin-left: 91.66666667%;
+}
+
+.g-0,
+.gx-0 {
+ --bs-gutter-x: 0;
+}
+
+.g-0,
+.gy-0 {
+ --bs-gutter-y: 0;
+}
+
+.g-1,
+.gx-1 {
+ --bs-gutter-x: 0.25rem;
+}
+
+.g-1,
+.gy-1 {
+ --bs-gutter-y: 0.25rem;
+}
+
+.g-2,
+.gx-2 {
+ --bs-gutter-x: 0.5rem;
+}
+
+.g-2,
+.gy-2 {
+ --bs-gutter-y: 0.5rem;
+}
+
+.g-3,
+.gx-3 {
+ --bs-gutter-x: 1rem;
+}
+
+.g-3,
+.gy-3 {
+ --bs-gutter-y: 1rem;
+}
+
+.g-4,
+.gx-4 {
+ --bs-gutter-x: 1.5rem;
+}
+
+.g-4,
+.gy-4 {
+ --bs-gutter-y: 1.5rem;
+}
+
+.g-5,
+.gx-5 {
+ --bs-gutter-x: 3rem;
+}
+
+.g-5,
+.gy-5 {
+ --bs-gutter-y: 3rem;
+}
+
+.g-6,
+.gx-6 {
+ --bs-gutter-x: 4.5rem;
+}
+
+.g-6,
+.gy-6 {
+ --bs-gutter-y: 4.5rem;
+}
+
+.g-7,
+.gx-7 {
+ --bs-gutter-x: 6rem;
+}
+
+.g-7,
+.gy-7 {
+ --bs-gutter-y: 6rem;
+}
+
+.g-8,
+.gx-8 {
+ --bs-gutter-x: 9rem;
+}
+
+.g-8,
+.gy-8 {
+ --bs-gutter-y: 9rem;
+}
+
+.g-9,
+.gx-9 {
+ --bs-gutter-x: 12rem;
+}
+
+.g-9,
+.gy-9 {
+ --bs-gutter-y: 12rem;
+}
+
+@media (min-width: 576px) {
+ .col-sm {
+ -ms-flex: 1 0 0%;
+ flex: 1 0 0%;
+ }
+
+ .row-cols-sm-auto>* {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: auto;
+ }
+
+ .row-cols-sm-1>* {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 100%;
+ }
+
+ .row-cols-sm-2>* {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 50%;
+ }
+
+ .row-cols-sm-3>* {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 33.3333333333%;
+ }
+
+ .row-cols-sm-4>* {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 25%;
+ }
+
+ .row-cols-sm-5>* {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 20%;
+ }
+
+ .row-cols-sm-6>* {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 16.6666666667%;
+ }
+
+ .col-sm-auto {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: auto;
+ }
+
+ .col-sm-1 {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 8.33333333%;
+ }
+
+ .col-sm-2 {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 16.66666667%;
+ }
+
+ .col-sm-3 {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 25%;
+ }
+
+ .col-sm-4 {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 33.33333333%;
+ }
+
+ .col-sm-5 {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 41.66666667%;
+ }
+
+ .col-sm-6 {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 50%;
+ }
+
+ .col-sm-7 {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 58.33333333%;
+ }
+
+ .col-sm-8 {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 66.66666667%;
+ }
+
+ .col-sm-9 {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 75%;
+ }
+
+ .col-sm-10 {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 83.33333333%;
+ }
+
+ .col-sm-11 {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 91.66666667%;
+ }
+
+ .col-sm-12 {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 100%;
+ }
+
+ .offset-sm-0 {
+ margin-left: 0;
+ }
+
+ .offset-sm-1 {
+ margin-left: 8.33333333%;
+ }
+
+ .offset-sm-2 {
+ margin-left: 16.66666667%;
+ }
+
+ .offset-sm-3 {
+ margin-left: 25%;
+ }
+
+ .offset-sm-4 {
+ margin-left: 33.33333333%;
+ }
+
+ .offset-sm-5 {
+ margin-left: 41.66666667%;
+ }
+
+ .offset-sm-6 {
+ margin-left: 50%;
+ }
+
+ .offset-sm-7 {
+ margin-left: 58.33333333%;
+ }
+
+ .offset-sm-8 {
+ margin-left: 66.66666667%;
+ }
+
+ .offset-sm-9 {
+ margin-left: 75%;
+ }
+
+ .offset-sm-10 {
+ margin-left: 83.33333333%;
+ }
+
+ .offset-sm-11 {
+ margin-left: 91.66666667%;
+ }
+
+ .g-sm-0,
+ .gx-sm-0 {
+ --bs-gutter-x: 0;
+ }
+
+ .g-sm-0,
+ .gy-sm-0 {
+ --bs-gutter-y: 0;
+ }
+
+ .g-sm-1,
+ .gx-sm-1 {
+ --bs-gutter-x: 0.25rem;
+ }
+
+ .g-sm-1,
+ .gy-sm-1 {
+ --bs-gutter-y: 0.25rem;
+ }
+
+ .g-sm-2,
+ .gx-sm-2 {
+ --bs-gutter-x: 0.5rem;
+ }
+
+ .g-sm-2,
+ .gy-sm-2 {
+ --bs-gutter-y: 0.5rem;
+ }
+
+ .g-sm-3,
+ .gx-sm-3 {
+ --bs-gutter-x: 1rem;
+ }
+
+ .g-sm-3,
+ .gy-sm-3 {
+ --bs-gutter-y: 1rem;
+ }
+
+ .g-sm-4,
+ .gx-sm-4 {
+ --bs-gutter-x: 1.5rem;
+ }
+
+ .g-sm-4,
+ .gy-sm-4 {
+ --bs-gutter-y: 1.5rem;
+ }
+
+ .g-sm-5,
+ .gx-sm-5 {
+ --bs-gutter-x: 3rem;
+ }
+
+ .g-sm-5,
+ .gy-sm-5 {
+ --bs-gutter-y: 3rem;
+ }
+
+ .g-sm-6,
+ .gx-sm-6 {
+ --bs-gutter-x: 4.5rem;
+ }
+
+ .g-sm-6,
+ .gy-sm-6 {
+ --bs-gutter-y: 4.5rem;
+ }
+
+ .g-sm-7,
+ .gx-sm-7 {
+ --bs-gutter-x: 6rem;
+ }
+
+ .g-sm-7,
+ .gy-sm-7 {
+ --bs-gutter-y: 6rem;
+ }
+
+ .g-sm-8,
+ .gx-sm-8 {
+ --bs-gutter-x: 9rem;
+ }
+
+ .g-sm-8,
+ .gy-sm-8 {
+ --bs-gutter-y: 9rem;
+ }
+
+ .g-sm-9,
+ .gx-sm-9 {
+ --bs-gutter-x: 12rem;
+ }
+
+ .g-sm-9,
+ .gy-sm-9 {
+ --bs-gutter-y: 12rem;
+ }
+}
+
+@media (min-width: 768px) {
+ .col-md {
+ -ms-flex: 1 0 0%;
+ flex: 1 0 0%;
+ }
+
+ .row-cols-md-auto>* {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: auto;
+ }
+
+ .row-cols-md-1>* {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 100%;
+ }
+
+ .row-cols-md-2>* {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 50%;
+ }
+
+ .row-cols-md-3>* {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 33.3333333333%;
+ }
+
+ .row-cols-md-4>* {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 25%;
+ }
+
+ .row-cols-md-5>* {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 20%;
+ }
+
+ .row-cols-md-6>* {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 16.6666666667%;
+ }
+
+ .col-md-auto {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: auto;
+ }
+
+ .col-md-1 {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 8.33333333%;
+ }
+
+ .col-md-2 {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 16.66666667%;
+ }
+
+ .col-md-3 {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 25%;
+ }
+
+ .col-md-4 {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 33.33333333%;
+ }
+
+ .col-md-5 {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 41.66666667%;
+ }
+
+ .col-md-6 {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 50%;
+ }
+
+ .col-md-7 {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 58.33333333%;
+ }
+
+ .col-md-8 {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 66.66666667%;
+ }
+
+ .col-md-9 {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 75%;
+ }
+
+ .col-md-10 {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 83.33333333%;
+ }
+
+ .col-md-11 {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 91.66666667%;
+ }
+
+ .col-md-12 {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 100%;
+ }
+
+ .offset-md-0 {
+ margin-left: 0;
+ }
+
+ .offset-md-1 {
+ margin-left: 8.33333333%;
+ }
+
+ .offset-md-2 {
+ margin-left: 16.66666667%;
+ }
+
+ .offset-md-3 {
+ margin-left: 25%;
+ }
+
+ .offset-md-4 {
+ margin-left: 33.33333333%;
+ }
+
+ .offset-md-5 {
+ margin-left: 41.66666667%;
+ }
+
+ .offset-md-6 {
+ margin-left: 50%;
+ }
+
+ .offset-md-7 {
+ margin-left: 58.33333333%;
+ }
+
+ .offset-md-8 {
+ margin-left: 66.66666667%;
+ }
+
+ .offset-md-9 {
+ margin-left: 75%;
+ }
+
+ .offset-md-10 {
+ margin-left: 83.33333333%;
+ }
+
+ .offset-md-11 {
+ margin-left: 91.66666667%;
+ }
+
+ .g-md-0,
+ .gx-md-0 {
+ --bs-gutter-x: 0;
+ }
+
+ .g-md-0,
+ .gy-md-0 {
+ --bs-gutter-y: 0;
+ }
+
+ .g-md-1,
+ .gx-md-1 {
+ --bs-gutter-x: 0.25rem;
+ }
+
+ .g-md-1,
+ .gy-md-1 {
+ --bs-gutter-y: 0.25rem;
+ }
+
+ .g-md-2,
+ .gx-md-2 {
+ --bs-gutter-x: 0.5rem;
+ }
+
+ .g-md-2,
+ .gy-md-2 {
+ --bs-gutter-y: 0.5rem;
+ }
+
+ .g-md-3,
+ .gx-md-3 {
+ --bs-gutter-x: 1rem;
+ }
+
+ .g-md-3,
+ .gy-md-3 {
+ --bs-gutter-y: 1rem;
+ }
+
+ .g-md-4,
+ .gx-md-4 {
+ --bs-gutter-x: 1.5rem;
+ }
+
+ .g-md-4,
+ .gy-md-4 {
+ --bs-gutter-y: 1.5rem;
+ }
+
+ .g-md-5,
+ .gx-md-5 {
+ --bs-gutter-x: 3rem;
+ }
+
+ .g-md-5,
+ .gy-md-5 {
+ --bs-gutter-y: 3rem;
+ }
+
+ .g-md-6,
+ .gx-md-6 {
+ --bs-gutter-x: 4.5rem;
+ }
+
+ .g-md-6,
+ .gy-md-6 {
+ --bs-gutter-y: 4.5rem;
+ }
+
+ .g-md-7,
+ .gx-md-7 {
+ --bs-gutter-x: 6rem;
+ }
+
+ .g-md-7,
+ .gy-md-7 {
+ --bs-gutter-y: 6rem;
+ }
+
+ .g-md-8,
+ .gx-md-8 {
+ --bs-gutter-x: 9rem;
+ }
+
+ .g-md-8,
+ .gy-md-8 {
+ --bs-gutter-y: 9rem;
+ }
+
+ .g-md-9,
+ .gx-md-9 {
+ --bs-gutter-x: 12rem;
+ }
+
+ .g-md-9,
+ .gy-md-9 {
+ --bs-gutter-y: 12rem;
+ }
+}
+
+@media (min-width: 992px) {
+ .col-lg {
+ -ms-flex: 1 0 0%;
+ flex: 1 0 0%;
+ }
+
+ .row-cols-lg-auto>* {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: auto;
+ }
+
+ .row-cols-lg-1>* {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 100%;
+ }
+
+ .row-cols-lg-2>* {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 50%;
+ }
+
+ .row-cols-lg-3>* {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 33.3333333333%;
+ }
+
+ .row-cols-lg-4>* {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 25%;
+ }
+
+ .row-cols-lg-5>* {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 20%;
+ }
+
+ .row-cols-lg-6>* {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 16.6666666667%;
+ }
+
+ .col-lg-auto {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: auto;
+ }
+
+ .col-lg-1 {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 8.33333333%;
+ }
+
+ .col-lg-2 {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 16.66666667%;
+ }
+
+ .col-lg-3 {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 25%;
+ }
+
+ .col-lg-4 {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 33.33333333%;
+ }
+
+ .col-lg-5 {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 41.66666667%;
+ }
+
+ .col-lg-6 {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 50%;
+ }
+
+ .col-lg-7 {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 58.33333333%;
+ }
+
+ .col-lg-8 {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 66.66666667%;
+ }
+
+ .col-lg-9 {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 75%;
+ }
+
+ .col-lg-10 {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 83.33333333%;
+ }
+
+ .col-lg-11 {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 91.66666667%;
+ }
+
+ .col-lg-12 {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 100%;
+ }
+
+ .offset-lg-0 {
+ margin-left: 0;
+ }
+
+ .offset-lg-1 {
+ margin-left: 8.33333333%;
+ }
+
+ .offset-lg-2 {
+ margin-left: 16.66666667%;
+ }
+
+ .offset-lg-3 {
+ margin-left: 25%;
+ }
+
+ .offset-lg-4 {
+ margin-left: 33.33333333%;
+ }
+
+ .offset-lg-5 {
+ margin-left: 41.66666667%;
+ }
+
+ .offset-lg-6 {
+ margin-left: 50%;
+ }
+
+ .offset-lg-7 {
+ margin-left: 58.33333333%;
+ }
+
+ .offset-lg-8 {
+ margin-left: 66.66666667%;
+ }
+
+ .offset-lg-9 {
+ margin-left: 75%;
+ }
+
+ .offset-lg-10 {
+ margin-left: 83.33333333%;
+ }
+
+ .offset-lg-11 {
+ margin-left: 91.66666667%;
+ }
+
+ .g-lg-0,
+ .gx-lg-0 {
+ --bs-gutter-x: 0;
+ }
+
+ .g-lg-0,
+ .gy-lg-0 {
+ --bs-gutter-y: 0;
+ }
+
+ .g-lg-1,
+ .gx-lg-1 {
+ --bs-gutter-x: 0.25rem;
+ }
+
+ .g-lg-1,
+ .gy-lg-1 {
+ --bs-gutter-y: 0.25rem;
+ }
+
+ .g-lg-2,
+ .gx-lg-2 {
+ --bs-gutter-x: 0.5rem;
+ }
+
+ .g-lg-2,
+ .gy-lg-2 {
+ --bs-gutter-y: 0.5rem;
+ }
+
+ .g-lg-3,
+ .gx-lg-3 {
+ --bs-gutter-x: 1rem;
+ }
+
+ .g-lg-3,
+ .gy-lg-3 {
+ --bs-gutter-y: 1rem;
+ }
+
+ .g-lg-4,
+ .gx-lg-4 {
+ --bs-gutter-x: 1.5rem;
+ }
+
+ .g-lg-4,
+ .gy-lg-4 {
+ --bs-gutter-y: 1.5rem;
+ }
+
+ .g-lg-5,
+ .gx-lg-5 {
+ --bs-gutter-x: 3rem;
+ }
+
+ .g-lg-5,
+ .gy-lg-5 {
+ --bs-gutter-y: 3rem;
+ }
+
+ .g-lg-6,
+ .gx-lg-6 {
+ --bs-gutter-x: 4.5rem;
+ }
+
+ .g-lg-6,
+ .gy-lg-6 {
+ --bs-gutter-y: 4.5rem;
+ }
+
+ .g-lg-7,
+ .gx-lg-7 {
+ --bs-gutter-x: 6rem;
+ }
+
+ .g-lg-7,
+ .gy-lg-7 {
+ --bs-gutter-y: 6rem;
+ }
+
+ .g-lg-8,
+ .gx-lg-8 {
+ --bs-gutter-x: 9rem;
+ }
+
+ .g-lg-8,
+ .gy-lg-8 {
+ --bs-gutter-y: 9rem;
+ }
+
+ .g-lg-9,
+ .gx-lg-9 {
+ --bs-gutter-x: 12rem;
+ }
+
+ .g-lg-9,
+ .gy-lg-9 {
+ --bs-gutter-y: 12rem;
+ }
+}
+
+@media (min-width: 1200px) {
+ .col-xl {
+ -ms-flex: 1 0 0%;
+ flex: 1 0 0%;
+ }
+
+ .row-cols-xl-auto>* {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: auto;
+ }
+
+ .row-cols-xl-1>* {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 100%;
+ }
+
+ .row-cols-xl-2>* {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 50%;
+ }
+
+ .row-cols-xl-3>* {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 33.3333333333%;
+ }
+
+ .row-cols-xl-4>* {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 25%;
+ }
+
+ .row-cols-xl-5>* {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 20%;
+ }
+
+ .row-cols-xl-6>* {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 16.6666666667%;
+ }
+
+ .col-xl-auto {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: auto;
+ }
+
+ .col-xl-1 {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 8.33333333%;
+ }
+
+ .col-xl-2 {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 16.66666667%;
+ }
+
+ .col-xl-3 {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 25%;
+ }
+
+ .col-xl-4 {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 33.33333333%;
+ }
+
+ .col-xl-5 {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 41.66666667%;
+ }
+
+ .col-xl-6 {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 50%;
+ }
+
+ .col-xl-7 {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 58.33333333%;
+ }
+
+ .col-xl-8 {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 66.66666667%;
+ }
+
+ .col-xl-9 {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 75%;
+ }
+
+ .col-xl-10 {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 83.33333333%;
+ }
+
+ .col-xl-11 {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 91.66666667%;
+ }
+
+ .col-xl-12 {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 100%;
+ }
+
+ .offset-xl-0 {
+ margin-left: 0;
+ }
+
+ .offset-xl-1 {
+ margin-left: 8.33333333%;
+ }
+
+ .offset-xl-2 {
+ margin-left: 16.66666667%;
+ }
+
+ .offset-xl-3 {
+ margin-left: 25%;
+ }
+
+ .offset-xl-4 {
+ margin-left: 33.33333333%;
+ }
+
+ .offset-xl-5 {
+ margin-left: 41.66666667%;
+ }
+
+ .offset-xl-6 {
+ margin-left: 50%;
+ }
+
+ .offset-xl-7 {
+ margin-left: 58.33333333%;
+ }
+
+ .offset-xl-8 {
+ margin-left: 66.66666667%;
+ }
+
+ .offset-xl-9 {
+ margin-left: 75%;
+ }
+
+ .offset-xl-10 {
+ margin-left: 83.33333333%;
+ }
+
+ .offset-xl-11 {
+ margin-left: 91.66666667%;
+ }
+
+ .g-xl-0,
+ .gx-xl-0 {
+ --bs-gutter-x: 0;
+ }
+
+ .g-xl-0,
+ .gy-xl-0 {
+ --bs-gutter-y: 0;
+ }
+
+ .g-xl-1,
+ .gx-xl-1 {
+ --bs-gutter-x: 0.25rem;
+ }
+
+ .g-xl-1,
+ .gy-xl-1 {
+ --bs-gutter-y: 0.25rem;
+ }
+
+ .g-xl-2,
+ .gx-xl-2 {
+ --bs-gutter-x: 0.5rem;
+ }
+
+ .g-xl-2,
+ .gy-xl-2 {
+ --bs-gutter-y: 0.5rem;
+ }
+
+ .g-xl-3,
+ .gx-xl-3 {
+ --bs-gutter-x: 1rem;
+ }
+
+ .g-xl-3,
+ .gy-xl-3 {
+ --bs-gutter-y: 1rem;
+ }
+
+ .g-xl-4,
+ .gx-xl-4 {
+ --bs-gutter-x: 1.5rem;
+ }
+
+ .g-xl-4,
+ .gy-xl-4 {
+ --bs-gutter-y: 1.5rem;
+ }
+
+ .g-xl-5,
+ .gx-xl-5 {
+ --bs-gutter-x: 3rem;
+ }
+
+ .g-xl-5,
+ .gy-xl-5 {
+ --bs-gutter-y: 3rem;
+ }
+
+ .g-xl-6,
+ .gx-xl-6 {
+ --bs-gutter-x: 4.5rem;
+ }
+
+ .g-xl-6,
+ .gy-xl-6 {
+ --bs-gutter-y: 4.5rem;
+ }
+
+ .g-xl-7,
+ .gx-xl-7 {
+ --bs-gutter-x: 6rem;
+ }
+
+ .g-xl-7,
+ .gy-xl-7 {
+ --bs-gutter-y: 6rem;
+ }
+
+ .g-xl-8,
+ .gx-xl-8 {
+ --bs-gutter-x: 9rem;
+ }
+
+ .g-xl-8,
+ .gy-xl-8 {
+ --bs-gutter-y: 9rem;
+ }
+
+ .g-xl-9,
+ .gx-xl-9 {
+ --bs-gutter-x: 12rem;
+ }
+
+ .g-xl-9,
+ .gy-xl-9 {
+ --bs-gutter-y: 12rem;
+ }
+}
+
+@media (min-width: 1400px) {
+ .col-xxl {
+ -ms-flex: 1 0 0%;
+ flex: 1 0 0%;
+ }
+
+ .row-cols-xxl-auto>* {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: auto;
+ }
+
+ .row-cols-xxl-1>* {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 100%;
+ }
+
+ .row-cols-xxl-2>* {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 50%;
+ }
+
+ .row-cols-xxl-3>* {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 33.3333333333%;
+ }
+
+ .row-cols-xxl-4>* {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 25%;
+ }
+
+ .row-cols-xxl-5>* {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 20%;
+ }
+
+ .row-cols-xxl-6>* {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 16.6666666667%;
+ }
+
+ .col-xxl-auto {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: auto;
+ }
+
+ .col-xxl-1 {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 8.33333333%;
+ }
+
+ .col-xxl-2 {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 16.66666667%;
+ }
+
+ .col-xxl-3 {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 25%;
+ }
+
+ .col-xxl-4 {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 33.33333333%;
+ }
+
+ .col-xxl-5 {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 41.66666667%;
+ }
+
+ .col-xxl-6 {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 50%;
+ }
+
+ .col-xxl-7 {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 58.33333333%;
+ }
+
+ .col-xxl-8 {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 66.66666667%;
+ }
+
+ .col-xxl-9 {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 75%;
+ }
+
+ .col-xxl-10 {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 83.33333333%;
+ }
+
+ .col-xxl-11 {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 91.66666667%;
+ }
+
+ .col-xxl-12 {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 100%;
+ }
+
+ .offset-xxl-0 {
+ margin-left: 0;
+ }
+
+ .offset-xxl-1 {
+ margin-left: 8.33333333%;
+ }
+
+ .offset-xxl-2 {
+ margin-left: 16.66666667%;
+ }
+
+ .offset-xxl-3 {
+ margin-left: 25%;
+ }
+
+ .offset-xxl-4 {
+ margin-left: 33.33333333%;
+ }
+
+ .offset-xxl-5 {
+ margin-left: 41.66666667%;
+ }
+
+ .offset-xxl-6 {
+ margin-left: 50%;
+ }
+
+ .offset-xxl-7 {
+ margin-left: 58.33333333%;
+ }
+
+ .offset-xxl-8 {
+ margin-left: 66.66666667%;
+ }
+
+ .offset-xxl-9 {
+ margin-left: 75%;
+ }
+
+ .offset-xxl-10 {
+ margin-left: 83.33333333%;
+ }
+
+ .offset-xxl-11 {
+ margin-left: 91.66666667%;
+ }
+
+ .g-xxl-0,
+ .gx-xxl-0 {
+ --bs-gutter-x: 0;
+ }
+
+ .g-xxl-0,
+ .gy-xxl-0 {
+ --bs-gutter-y: 0;
+ }
+
+ .g-xxl-1,
+ .gx-xxl-1 {
+ --bs-gutter-x: 0.25rem;
+ }
+
+ .g-xxl-1,
+ .gy-xxl-1 {
+ --bs-gutter-y: 0.25rem;
+ }
+
+ .g-xxl-2,
+ .gx-xxl-2 {
+ --bs-gutter-x: 0.5rem;
+ }
+
+ .g-xxl-2,
+ .gy-xxl-2 {
+ --bs-gutter-y: 0.5rem;
+ }
+
+ .g-xxl-3,
+ .gx-xxl-3 {
+ --bs-gutter-x: 1rem;
+ }
+
+ .g-xxl-3,
+ .gy-xxl-3 {
+ --bs-gutter-y: 1rem;
+ }
+
+ .g-xxl-4,
+ .gx-xxl-4 {
+ --bs-gutter-x: 1.5rem;
+ }
+
+ .g-xxl-4,
+ .gy-xxl-4 {
+ --bs-gutter-y: 1.5rem;
+ }
+
+ .g-xxl-5,
+ .gx-xxl-5 {
+ --bs-gutter-x: 3rem;
+ }
+
+ .g-xxl-5,
+ .gy-xxl-5 {
+ --bs-gutter-y: 3rem;
+ }
+
+ .g-xxl-6,
+ .gx-xxl-6 {
+ --bs-gutter-x: 4.5rem;
+ }
+
+ .g-xxl-6,
+ .gy-xxl-6 {
+ --bs-gutter-y: 4.5rem;
+ }
+
+ .g-xxl-7,
+ .gx-xxl-7 {
+ --bs-gutter-x: 6rem;
+ }
+
+ .g-xxl-7,
+ .gy-xxl-7 {
+ --bs-gutter-y: 6rem;
+ }
+
+ .g-xxl-8,
+ .gx-xxl-8 {
+ --bs-gutter-x: 9rem;
+ }
+
+ .g-xxl-8,
+ .gy-xxl-8 {
+ --bs-gutter-y: 9rem;
+ }
+
+ .g-xxl-9,
+ .gx-xxl-9 {
+ --bs-gutter-x: 12rem;
+ }
+
+ .g-xxl-9,
+ .gy-xxl-9 {
+ --bs-gutter-y: 12rem;
+ }
+}
+
+/*------------------------------------
+ Animated
+------------------------------------*/
+.animated-up-down {
+ animation: up-down 1.5s ease-in-out infinite alternate-reverse both;
+ -webkit-animation: up-down 1.5s ease-in-out infinite alternate-reverse both;
+}
+
+@-webkit-keyframes up-down {
+ 0% {
+ transform: translateY(0);
+ -webkit-transform: translateY(0);
+ }
+
+ 100% {
+ transform: translateY(-10px);
+ -webkit-transform: translateY(-10px);
+ }
+}
+
+@keyframes up-down {
+ 0% {
+ transform: translateY(0);
+ -webkit-transform: translateY(0);
+ }
+
+ 100% {
+ transform: translateY(-10px);
+ -webkit-transform: translateY(-10px);
+ }
+}
+
+.icon-center:hover .play-btn-hover {
+ -webkit-animation: animate 2s linear infinite;
+ animation: animate 2s linear infinite;
+}
+
+@-webkit-keyframes animate {
+ 0% {
+ box-shadow: 0 0 0 0 rgba(228, 228, 228, 0.7);
+ }
+
+ 40% {
+ box-shadow: 0 0 0 50px rgba(224, 224, 224, 0);
+ }
+
+ 80% {
+ box-shadow: 0 0 0 50px rgba(206, 206, 206, 0);
+ }
+
+ 100% {
+ box-shadow: 0 0 0 rgba(199, 199, 199, 0);
+ }
+}
+
+@keyframes animate {
+ 0% {
+ box-shadow: 0 0 0 0 rgba(228, 228, 228, 0.7);
+ }
+
+ 40% {
+ box-shadow: 0 0 0 50px rgba(224, 224, 224, 0);
+ }
+
+ 80% {
+ box-shadow: 0 0 0 50px rgba(206, 206, 206, 0);
+ }
+
+ 100% {
+ box-shadow: 0 0 0 rgba(199, 199, 199, 0);
+ }
+}
+
+@-webkit-keyframes placeholder-wave {
+ 100% {
+ -webkit-mask-position: -200% 0%;
+ mask-position: -200% 0%;
+ }
+}
+
+@keyframes placeholder-wave {
+ 100% {
+ -webkit-mask-position: -200% 0%;
+ mask-position: -200% 0%;
+ }
+}
+
+.collapse-arrow-end {
+ transform: rotate(-180deg);
+ -webkit-transform: rotate(-180deg);
+ transition: -webkit-transform 1s;
+ transition: transform 1s;
+ transition: transform 1s, -webkit-transform 1s;
+ -webkit-transition: transform 1s;
+}
+
+.collapse-plus-end {
+ transform: rotate(-45deg);
+ -webkit-transform: rotate(-45deg);
+ transition: -webkit-transform 1s;
+ transition: transform 1s;
+ transition: transform 1s, -webkit-transform 1s;
+ -webkit-transition: transform 1s;
+}
+
+.collapsed .collapse-arrow-end,
+.collapsed .collapse-plus-end {
+ transform: rotate(0deg);
+ -webkit-transform: rotate(0deg);
+}
+
+.particle-move-up {
+ position: absolute;
+ display: block;
+ list-style: none;
+ bottom: -150px;
+}
+
+.particle-move-up-1,
+.particle-move-up-2,
+.particle-move-up-3,
+.particle-move-up-4,
+.particle-move-up-5,
+.particle-move-up-6,
+.particle-move-up-7,
+.particle-move-up-8,
+.particle-move-up-9 {
+ -webkit-animation-iteration-count: infinite;
+ animation-iteration-count: infinite;
+ -webkit-animation-timing-function: linear;
+ animation-timing-function: linear;
+}
+
+.particle-move-up-1 {
+ left: 25%;
+ -webkit-animation-name: moveups;
+ animation-name: moveups;
+ -webkit-animation-delay: 0s;
+ animation-delay: 0s;
+ -webkit-animation-duration: 45s;
+ animation-duration: 45s;
+}
+
+.particle-move-up-2 {
+ left: 10%;
+ -webkit-animation-name: moveups;
+ animation-name: moveups;
+ -webkit-animation-delay: 2s;
+ animation-delay: 2s;
+ -webkit-animation-duration: 32s;
+ animation-duration: 32s;
+}
+
+.particle-move-up-3 {
+ left: 70%;
+ -webkit-animation-name: moveups;
+ animation-name: moveups;
+ -webkit-animation-delay: 4s;
+ animation-delay: 4s;
+ -webkit-animation-duration: 36s;
+ animation-duration: 36s;
+}
+
+.particle-move-up-4 {
+ left: 40%;
+ -webkit-animation-name: moveups;
+ animation-name: moveups;
+ -webkit-animation-delay: 0s;
+ animation-delay: 0s;
+ -webkit-animation-duration: 27s;
+ animation-duration: 27s;
+}
+
+.particle-move-up-5 {
+ left: 65%;
+ -webkit-animation-name: moveups;
+ animation-name: moveups;
+ -webkit-animation-delay: 0s;
+ animation-delay: 0s;
+ -webkit-animation-duration: 38s;
+ animation-duration: 38s;
+}
+
+.particle-move-up-6 {
+ left: 75%;
+ -webkit-animation-name: moveups;
+ animation-name: moveups;
+ -webkit-animation-delay: 3s;
+ animation-delay: 3s;
+ -webkit-animation-duration: 25s;
+ animation-duration: 25s;
+}
+
+.particle-move-up-7 {
+ left: 35%;
+ -webkit-animation-name: moveups;
+ animation-name: moveups;
+ -webkit-animation-delay: 7s;
+ animation-delay: 7s;
+ -webkit-animation-duration: 25s;
+ animation-duration: 25s;
+}
+
+.particle-move-up-8 {
+ left: 50%;
+ -webkit-animation-name: moveups;
+ animation-name: moveups;
+ -webkit-animation-delay: 15s;
+ animation-delay: 15s;
+ -webkit-animation-duration: 45s;
+ animation-duration: 45s;
+}
+
+.particle-move-up-9 {
+ right: 15%;
+ -webkit-animation-name: moveups;
+ animation-name: moveups;
+ -webkit-animation-delay: 2s;
+ animation-delay: 2s;
+ -webkit-animation-duration: 35s;
+ animation-duration: 35s;
+}
+
+@keyframes moveups {
+ 0% {
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+ opacity: 1;
+ border-radius: 0;
+ }
+
+ 100% {
+ -webkit-transform: translateY(-1000px);
+ transform: translateY(-1000px);
+ opacity: 0;
+ border-radius: 50%;
+ }
+}
+
+/*------------------------------------
+ Hover
+------------------------------------*/
+.hover-none .d-hover-block {
+ display: none;
+}
+
+.hover-none:hover .d-hover-block {
+ display: block;
+ transition: all 0.3s ease;
+}
+
+.hover-box-up {
+ transition: all 0.3s ease-in-out;
+}
+
+.hover-box-up:hover {
+ -webkit-transform: translateY(-10px);
+ transform: translateY(-10px);
+}
+
+.hover-box-down {
+ transition: all 0.3s ease-in-out;
+}
+
+.hover-box-down:hover {
+ -webkit-transform: translateY(10px);
+ transform: translateY(10px);
+}
+
+.hover-button-up {
+ transition: all 0.1s ease-in-out;
+}
+
+.hover-button-up:hover {
+ box-shadow: 0 0.2rem 1.25rem 0 rgba(77, 91, 237, 0.1019607843);
+ -webkit-transform: translate3d(0, -2px, 0);
+ transform: translate3d(0, -2px, 0);
+}
+
+.hover-shadow-sm:hover {
+ box-shadow: 0 0.2rem 1.25rem 0 rgba(77, 91, 237, 0.1019607843);
+}
+
+.cursor-pointer {
+ cursor: pointer;
+}
+
+@media (min-width: 576px) {
+ .float-sm-start {
+ float: left !important;
+ }
+
+ .float-sm-end {
+ float: right !important;
+ }
+
+ .float-sm-none {
+ float: 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-table {
+ display: table !important;
+ }
+
+ .d-sm-table-row {
+ display: table-row !important;
+ }
+
+ .d-sm-table-cell {
+ display: table-cell !important;
+ }
+
+ .d-sm-flex {
+ display: -ms-flexbox !important;
+ display: flex !important;
+ }
+
+ .d-sm-inline-flex {
+ display: -ms-inline-flexbox !important;
+ display: inline-flex !important;
+ }
+
+ .d-sm-none {
+ display: none !important;
+ }
+
+ .flex-sm-fill {
+ -ms-flex: 1 1 auto !important;
+ flex: 1 1 auto !important;
+ }
+
+ .flex-sm-row {
+ -ms-flex-direction: row !important;
+ flex-direction: row !important;
+ }
+
+ .flex-sm-column {
+ -ms-flex-direction: column !important;
+ flex-direction: column !important;
+ }
+
+ .flex-sm-row-reverse {
+ -ms-flex-direction: row-reverse !important;
+ flex-direction: row-reverse !important;
+ }
+
+ .flex-sm-column-reverse {
+ -ms-flex-direction: column-reverse !important;
+ flex-direction: column-reverse !important;
+ }
+
+ .flex-sm-grow-0 {
+ -ms-flex-positive: 0 !important;
+ flex-grow: 0 !important;
+ }
+
+ .flex-sm-grow-1 {
+ -ms-flex-positive: 1 !important;
+ flex-grow: 1 !important;
+ }
+
+ .flex-sm-shrink-0 {
+ -ms-flex-negative: 0 !important;
+ flex-shrink: 0 !important;
+ }
+
+ .flex-sm-shrink-1 {
+ -ms-flex-negative: 1 !important;
+ flex-shrink: 1 !important;
+ }
+
+ .flex-sm-wrap {
+ -ms-flex-wrap: wrap !important;
+ flex-wrap: wrap !important;
+ }
+
+ .flex-sm-nowrap {
+ -ms-flex-wrap: nowrap !important;
+ flex-wrap: nowrap !important;
+ }
+
+ .flex-sm-wrap-reverse {
+ -ms-flex-wrap: wrap-reverse !important;
+ flex-wrap: wrap-reverse !important;
+ }
+
+ .justify-content-sm-start {
+ -ms-flex-pack: start !important;
+ justify-content: flex-start !important;
+ }
+
+ .justify-content-sm-end {
+ -ms-flex-pack: end !important;
+ justify-content: flex-end !important;
+ }
+
+ .justify-content-sm-center {
+ -ms-flex-pack: center !important;
+ justify-content: center !important;
+ }
+
+ .justify-content-sm-between {
+ -ms-flex-pack: justify !important;
+ justify-content: space-between !important;
+ }
+
+ .justify-content-sm-around {
+ -ms-flex-pack: distribute !important;
+ justify-content: space-around !important;
+ }
+
+ .justify-content-sm-evenly {
+ -ms-flex-pack: space-evenly !important;
+ justify-content: space-evenly !important;
+ }
+
+ .align-items-sm-start {
+ -ms-flex-align: start !important;
+ align-items: flex-start !important;
+ }
+
+ .align-items-sm-end {
+ -ms-flex-align: end !important;
+ align-items: flex-end !important;
+ }
+
+ .align-items-sm-center {
+ -ms-flex-align: center !important;
+ align-items: center !important;
+ }
+
+ .align-items-sm-baseline {
+ -ms-flex-align: baseline !important;
+ align-items: baseline !important;
+ }
+
+ .align-items-sm-stretch {
+ -ms-flex-align: stretch !important;
+ align-items: stretch !important;
+ }
+
+ .align-content-sm-start {
+ -ms-flex-line-pack: start !important;
+ align-content: flex-start !important;
+ }
+
+ .align-content-sm-end {
+ -ms-flex-line-pack: end !important;
+ align-content: flex-end !important;
+ }
+
+ .align-content-sm-center {
+ -ms-flex-line-pack: center !important;
+ align-content: center !important;
+ }
+
+ .align-content-sm-between {
+ -ms-flex-line-pack: justify !important;
+ align-content: space-between !important;
+ }
+
+ .align-content-sm-around {
+ -ms-flex-line-pack: distribute !important;
+ align-content: space-around !important;
+ }
+
+ .align-content-sm-stretch {
+ -ms-flex-line-pack: stretch !important;
+ align-content: stretch !important;
+ }
+
+ .align-self-sm-auto {
+ -ms-flex-item-align: auto !important;
+ align-self: auto !important;
+ }
+
+ .align-self-sm-start {
+ -ms-flex-item-align: start !important;
+ align-self: flex-start !important;
+ }
+
+ .align-self-sm-end {
+ -ms-flex-item-align: end !important;
+ align-self: flex-end !important;
+ }
+
+ .align-self-sm-center {
+ -ms-flex-item-align: center !important;
+ align-self: center !important;
+ }
+
+ .align-self-sm-baseline {
+ -ms-flex-item-align: baseline !important;
+ align-self: baseline !important;
+ }
+
+ .align-self-sm-stretch {
+ -ms-flex-item-align: stretch !important;
+ align-self: stretch !important;
+ }
+
+ .order-sm-first {
+ -ms-flex-order: -1 !important;
+ order: -1 !important;
+ }
+
+ .order-sm-0 {
+ -ms-flex-order: 0 !important;
+ order: 0 !important;
+ }
+
+ .order-sm-1 {
+ -ms-flex-order: 1 !important;
+ order: 1 !important;
+ }
+
+ .order-sm-2 {
+ -ms-flex-order: 2 !important;
+ order: 2 !important;
+ }
+
+ .order-sm-3 {
+ -ms-flex-order: 3 !important;
+ order: 3 !important;
+ }
+
+ .order-sm-4 {
+ -ms-flex-order: 4 !important;
+ order: 4 !important;
+ }
+
+ .order-sm-5 {
+ -ms-flex-order: 5 !important;
+ order: 5 !important;
+ }
+
+ .order-sm-last {
+ -ms-flex-order: 6 !important;
+ order: 6 !important;
+ }
+
+ .m-sm-0 {
+ margin: 0 !important;
+ }
+
+ .m-sm-1 {
+ margin: 0.25rem !important;
+ }
+
+ .m-sm-2 {
+ margin: 0.5rem !important;
+ }
+
+ .m-sm-3 {
+ margin: 1rem !important;
+ }
+
+ .m-sm-4 {
+ margin: 1.5rem !important;
+ }
+
+ .m-sm-5 {
+ margin: 3rem !important;
+ }
+
+ .m-sm-6 {
+ margin: 4.5rem !important;
+ }
+
+ .m-sm-7 {
+ margin: 6rem !important;
+ }
+
+ .m-sm-8 {
+ margin: 9rem !important;
+ }
+
+ .m-sm-9 {
+ margin: 12rem !important;
+ }
+
+ .m-sm-auto {
+ margin: auto !important;
+ }
+
+ .mx-sm-0 {
+ margin-right: 0 !important;
+ margin-left: 0 !important;
+ }
+
+ .mx-sm-1 {
+ margin-right: 0.25rem !important;
+ margin-left: 0.25rem !important;
+ }
+
+ .mx-sm-2 {
+ margin-right: 0.5rem !important;
+ margin-left: 0.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-6 {
+ margin-right: 4.5rem !important;
+ margin-left: 4.5rem !important;
+ }
+
+ .mx-sm-7 {
+ margin-right: 6rem !important;
+ margin-left: 6rem !important;
+ }
+
+ .mx-sm-8 {
+ margin-right: 9rem !important;
+ margin-left: 9rem !important;
+ }
+
+ .mx-sm-9 {
+ margin-right: 12rem !important;
+ margin-left: 12rem !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: 0.25rem !important;
+ margin-bottom: 0.25rem !important;
+ }
+
+ .my-sm-2 {
+ margin-top: 0.5rem !important;
+ margin-bottom: 0.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-6 {
+ margin-top: 4.5rem !important;
+ margin-bottom: 4.5rem !important;
+ }
+
+ .my-sm-7 {
+ margin-top: 6rem !important;
+ margin-bottom: 6rem !important;
+ }
+
+ .my-sm-8 {
+ margin-top: 9rem !important;
+ margin-bottom: 9rem !important;
+ }
+
+ .my-sm-9 {
+ margin-top: 12rem !important;
+ margin-bottom: 12rem !important;
+ }
+
+ .my-sm-auto {
+ margin-top: auto !important;
+ margin-bottom: auto !important;
+ }
+
+ .mt-sm-0 {
+ margin-top: 0 !important;
+ }
+
+ .mt-sm-1 {
+ margin-top: 0.25rem !important;
+ }
+
+ .mt-sm-2 {
+ margin-top: 0.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-6 {
+ margin-top: 4.5rem !important;
+ }
+
+ .mt-sm-7 {
+ margin-top: 6rem !important;
+ }
+
+ .mt-sm-8 {
+ margin-top: 9rem !important;
+ }
+
+ .mt-sm-9 {
+ margin-top: 12rem !important;
+ }
+
+ .mt-sm-auto {
+ margin-top: auto !important;
+ }
+
+ .me-sm-0 {
+ margin-right: 0 !important;
+ }
+
+ .me-sm-1 {
+ margin-right: 0.25rem !important;
+ }
+
+ .me-sm-2 {
+ margin-right: 0.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-6 {
+ margin-right: 4.5rem !important;
+ }
+
+ .me-sm-7 {
+ margin-right: 6rem !important;
+ }
+
+ .me-sm-8 {
+ margin-right: 9rem !important;
+ }
+
+ .me-sm-9 {
+ margin-right: 12rem !important;
+ }
+
+ .me-sm-auto {
+ margin-right: auto !important;
+ }
+
+ .mb-sm-0 {
+ margin-bottom: 0 !important;
+ }
+
+ .mb-sm-1 {
+ margin-bottom: 0.25rem !important;
+ }
+
+ .mb-sm-2 {
+ margin-bottom: 0.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-6 {
+ margin-bottom: 4.5rem !important;
+ }
+
+ .mb-sm-7 {
+ margin-bottom: 6rem !important;
+ }
+
+ .mb-sm-8 {
+ margin-bottom: 9rem !important;
+ }
+
+ .mb-sm-9 {
+ margin-bottom: 12rem !important;
+ }
+
+ .mb-sm-auto {
+ margin-bottom: auto !important;
+ }
+
+ .ms-sm-0 {
+ margin-left: 0 !important;
+ }
+
+ .ms-sm-1 {
+ margin-left: 0.25rem !important;
+ }
+
+ .ms-sm-2 {
+ margin-left: 0.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-6 {
+ margin-left: 4.5rem !important;
+ }
+
+ .ms-sm-7 {
+ margin-left: 6rem !important;
+ }
+
+ .ms-sm-8 {
+ margin-left: 9rem !important;
+ }
+
+ .ms-sm-9 {
+ margin-left: 12rem !important;
+ }
+
+ .ms-sm-auto {
+ margin-left: auto !important;
+ }
+
+ .m-sm-n1 {
+ margin: -0.25rem !important;
+ }
+
+ .m-sm-n2 {
+ margin: -0.5rem !important;
+ }
+
+ .m-sm-n3 {
+ margin: -1rem !important;
+ }
+
+ .m-sm-n4 {
+ margin: -1.5rem !important;
+ }
+
+ .m-sm-n5 {
+ margin: -3rem !important;
+ }
+
+ .m-sm-n6 {
+ margin: -4.5rem !important;
+ }
+
+ .m-sm-n7 {
+ margin: -6rem !important;
+ }
+
+ .m-sm-n8 {
+ margin: -9rem !important;
+ }
+
+ .m-sm-n9 {
+ margin: -12rem !important;
+ }
+
+ .mx-sm-n1 {
+ margin-right: -0.25rem !important;
+ margin-left: -0.25rem !important;
+ }
+
+ .mx-sm-n2 {
+ margin-right: -0.5rem !important;
+ margin-left: -0.5rem !important;
+ }
+
+ .mx-sm-n3 {
+ margin-right: -1rem !important;
+ margin-left: -1rem !important;
+ }
+
+ .mx-sm-n4 {
+ margin-right: -1.5rem !important;
+ margin-left: -1.5rem !important;
+ }
+
+ .mx-sm-n5 {
+ margin-right: -3rem !important;
+ margin-left: -3rem !important;
+ }
+
+ .mx-sm-n6 {
+ margin-right: -4.5rem !important;
+ margin-left: -4.5rem !important;
+ }
+
+ .mx-sm-n7 {
+ margin-right: -6rem !important;
+ margin-left: -6rem !important;
+ }
+
+ .mx-sm-n8 {
+ margin-right: -9rem !important;
+ margin-left: -9rem !important;
+ }
+
+ .mx-sm-n9 {
+ margin-right: -12rem !important;
+ margin-left: -12rem !important;
+ }
+
+ .my-sm-n1 {
+ margin-top: -0.25rem !important;
+ margin-bottom: -0.25rem !important;
+ }
+
+ .my-sm-n2 {
+ margin-top: -0.5rem !important;
+ margin-bottom: -0.5rem !important;
+ }
+
+ .my-sm-n3 {
+ margin-top: -1rem !important;
+ margin-bottom: -1rem !important;
+ }
+
+ .my-sm-n4 {
+ margin-top: -1.5rem !important;
+ margin-bottom: -1.5rem !important;
+ }
+
+ .my-sm-n5 {
+ margin-top: -3rem !important;
+ margin-bottom: -3rem !important;
+ }
+
+ .my-sm-n6 {
+ margin-top: -4.5rem !important;
+ margin-bottom: -4.5rem !important;
+ }
+
+ .my-sm-n7 {
+ margin-top: -6rem !important;
+ margin-bottom: -6rem !important;
+ }
+
+ .my-sm-n8 {
+ margin-top: -9rem !important;
+ margin-bottom: -9rem !important;
+ }
+
+ .my-sm-n9 {
+ margin-top: -12rem !important;
+ margin-bottom: -12rem !important;
+ }
+
+ .mt-sm-n1 {
+ margin-top: -0.25rem !important;
+ }
+
+ .mt-sm-n2 {
+ margin-top: -0.5rem !important;
+ }
+
+ .mt-sm-n3 {
+ margin-top: -1rem !important;
+ }
+
+ .mt-sm-n4 {
+ margin-top: -1.5rem !important;
+ }
+
+ .mt-sm-n5 {
+ margin-top: -3rem !important;
+ }
+
+ .mt-sm-n6 {
+ margin-top: -4.5rem !important;
+ }
+
+ .mt-sm-n7 {
+ margin-top: -6rem !important;
+ }
+
+ .mt-sm-n8 {
+ margin-top: -9rem !important;
+ }
+
+ .mt-sm-n9 {
+ margin-top: -12rem !important;
+ }
+
+ .me-sm-n1 {
+ margin-right: -0.25rem !important;
+ }
+
+ .me-sm-n2 {
+ margin-right: -0.5rem !important;
+ }
+
+ .me-sm-n3 {
+ margin-right: -1rem !important;
+ }
+
+ .me-sm-n4 {
+ margin-right: -1.5rem !important;
+ }
+
+ .me-sm-n5 {
+ margin-right: -3rem !important;
+ }
+
+ .me-sm-n6 {
+ margin-right: -4.5rem !important;
+ }
+
+ .me-sm-n7 {
+ margin-right: -6rem !important;
+ }
+
+ .me-sm-n8 {
+ margin-right: -9rem !important;
+ }
+
+ .me-sm-n9 {
+ margin-right: -12rem !important;
+ }
+
+ .mb-sm-n1 {
+ margin-bottom: -0.25rem !important;
+ }
+
+ .mb-sm-n2 {
+ margin-bottom: -0.5rem !important;
+ }
+
+ .mb-sm-n3 {
+ margin-bottom: -1rem !important;
+ }
+
+ .mb-sm-n4 {
+ margin-bottom: -1.5rem !important;
+ }
+
+ .mb-sm-n5 {
+ margin-bottom: -3rem !important;
+ }
+
+ .mb-sm-n6 {
+ margin-bottom: -4.5rem !important;
+ }
+
+ .mb-sm-n7 {
+ margin-bottom: -6rem !important;
+ }
+
+ .mb-sm-n8 {
+ margin-bottom: -9rem !important;
+ }
+
+ .mb-sm-n9 {
+ margin-bottom: -12rem !important;
+ }
+
+ .ms-sm-n1 {
+ margin-left: -0.25rem !important;
+ }
+
+ .ms-sm-n2 {
+ margin-left: -0.5rem !important;
+ }
+
+ .ms-sm-n3 {
+ margin-left: -1rem !important;
+ }
+
+ .ms-sm-n4 {
+ margin-left: -1.5rem !important;
+ }
+
+ .ms-sm-n5 {
+ margin-left: -3rem !important;
+ }
+
+ .ms-sm-n6 {
+ margin-left: -4.5rem !important;
+ }
+
+ .ms-sm-n7 {
+ margin-left: -6rem !important;
+ }
+
+ .ms-sm-n8 {
+ margin-left: -9rem !important;
+ }
+
+ .ms-sm-n9 {
+ margin-left: -12rem !important;
+ }
+
+ .p-sm-0 {
+ padding: 0 !important;
+ }
+
+ .p-sm-1 {
+ padding: 0.25rem !important;
+ }
+
+ .p-sm-2 {
+ padding: 0.5rem !important;
+ }
+
+ .p-sm-3 {
+ padding: 1rem !important;
+ }
+
+ .p-sm-4 {
+ padding: 1.5rem !important;
+ }
+
+ .p-sm-5 {
+ padding: 3rem !important;
+ }
+
+ .p-sm-6 {
+ padding: 4.5rem !important;
+ }
+
+ .p-sm-7 {
+ padding: 6rem !important;
+ }
+
+ .p-sm-8 {
+ padding: 9rem !important;
+ }
+
+ .p-sm-9 {
+ padding: 12rem !important;
+ }
+
+ .px-sm-0 {
+ padding-right: 0 !important;
+ padding-left: 0 !important;
+ }
+
+ .px-sm-1 {
+ padding-right: 0.25rem !important;
+ padding-left: 0.25rem !important;
+ }
+
+ .px-sm-2 {
+ padding-right: 0.5rem !important;
+ padding-left: 0.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;
+ }
+
+ .px-sm-6 {
+ padding-right: 4.5rem !important;
+ padding-left: 4.5rem !important;
+ }
+
+ .px-sm-7 {
+ padding-right: 6rem !important;
+ padding-left: 6rem !important;
+ }
+
+ .px-sm-8 {
+ padding-right: 9rem !important;
+ padding-left: 9rem !important;
+ }
+
+ .px-sm-9 {
+ padding-right: 12rem !important;
+ padding-left: 12rem !important;
+ }
+
+ .py-sm-0 {
+ padding-top: 0 !important;
+ padding-bottom: 0 !important;
+ }
+
+ .py-sm-1 {
+ padding-top: 0.25rem !important;
+ padding-bottom: 0.25rem !important;
+ }
+
+ .py-sm-2 {
+ padding-top: 0.5rem !important;
+ padding-bottom: 0.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;
+ }
+
+ .py-sm-6 {
+ padding-top: 4.5rem !important;
+ padding-bottom: 4.5rem !important;
+ }
+
+ .py-sm-7 {
+ padding-top: 6rem !important;
+ padding-bottom: 6rem !important;
+ }
+
+ .py-sm-8 {
+ padding-top: 9rem !important;
+ padding-bottom: 9rem !important;
+ }
+
+ .py-sm-9 {
+ padding-top: 12rem !important;
+ padding-bottom: 12rem !important;
+ }
+
+ .pt-sm-0 {
+ padding-top: 0 !important;
+ }
+
+ .pt-sm-1 {
+ padding-top: 0.25rem !important;
+ }
+
+ .pt-sm-2 {
+ padding-top: 0.5rem !important;
+ }
+
+ .pt-sm-3 {
+ padding-top: 1rem !important;
+ }
+
+ .pt-sm-4 {
+ padding-top: 1.5rem !important;
+ }
+
+ .pt-sm-5 {
+ padding-top: 3rem !important;
+ }
+
+ .pt-sm-6 {
+ padding-top: 4.5rem !important;
+ }
+
+ .pt-sm-7 {
+ padding-top: 6rem !important;
+ }
+
+ .pt-sm-8 {
+ padding-top: 9rem !important;
+ }
+
+ .pt-sm-9 {
+ padding-top: 12rem !important;
+ }
+
+ .pe-sm-0 {
+ padding-right: 0 !important;
+ }
+
+ .pe-sm-1 {
+ padding-right: 0.25rem !important;
+ }
+
+ .pe-sm-2 {
+ padding-right: 0.5rem !important;
+ }
+
+ .pe-sm-3 {
+ padding-right: 1rem !important;
+ }
+
+ .pe-sm-4 {
+ padding-right: 1.5rem !important;
+ }
+
+ .pe-sm-5 {
+ padding-right: 3rem !important;
+ }
+
+ .pe-sm-6 {
+ padding-right: 4.5rem !important;
+ }
+
+ .pe-sm-7 {
+ padding-right: 6rem !important;
+ }
+
+ .pe-sm-8 {
+ padding-right: 9rem !important;
+ }
+
+ .pe-sm-9 {
+ padding-right: 12rem !important;
+ }
+
+ .pb-sm-0 {
+ padding-bottom: 0 !important;
+ }
+
+ .pb-sm-1 {
+ padding-bottom: 0.25rem !important;
+ }
+
+ .pb-sm-2 {
+ padding-bottom: 0.5rem !important;
+ }
+
+ .pb-sm-3 {
+ padding-bottom: 1rem !important;
+ }
+
+ .pb-sm-4 {
+ padding-bottom: 1.5rem !important;
+ }
+
+ .pb-sm-5 {
+ padding-bottom: 3rem !important;
+ }
+
+ .pb-sm-6 {
+ padding-bottom: 4.5rem !important;
+ }
+
+ .pb-sm-7 {
+ padding-bottom: 6rem !important;
+ }
+
+ .pb-sm-8 {
+ padding-bottom: 9rem !important;
+ }
+
+ .pb-sm-9 {
+ padding-bottom: 12rem !important;
+ }
+
+ .ps-sm-0 {
+ padding-left: 0 !important;
+ }
+
+ .ps-sm-1 {
+ padding-left: 0.25rem !important;
+ }
+
+ .ps-sm-2 {
+ padding-left: 0.5rem !important;
+ }
+
+ .ps-sm-3 {
+ padding-left: 1rem !important;
+ }
+
+ .ps-sm-4 {
+ padding-left: 1.5rem !important;
+ }
+
+ .ps-sm-5 {
+ padding-left: 3rem !important;
+ }
+
+ .ps-sm-6 {
+ padding-left: 4.5rem !important;
+ }
+
+ .ps-sm-7 {
+ padding-left: 6rem !important;
+ }
+
+ .ps-sm-8 {
+ padding-left: 9rem !important;
+ }
+
+ .ps-sm-9 {
+ padding-left: 12rem !important;
+ }
+
+ .gap-sm-0 {
+ gap: 0 !important;
+ }
+
+ .gap-sm-1 {
+ gap: 0.25rem !important;
+ }
+
+ .gap-sm-2 {
+ gap: 0.5rem !important;
+ }
+
+ .gap-sm-3 {
+ gap: 1rem !important;
+ }
+
+ .gap-sm-4 {
+ gap: 1.5rem !important;
+ }
+
+ .gap-sm-5 {
+ gap: 3rem !important;
+ }
+
+ .gap-sm-6 {
+ gap: 4.5rem !important;
+ }
+
+ .gap-sm-7 {
+ gap: 6rem !important;
+ }
+
+ .gap-sm-8 {
+ gap: 9rem !important;
+ }
+
+ .gap-sm-9 {
+ gap: 12rem !important;
+ }
+
+ .text-sm-start {
+ text-align: left !important;
+ }
+
+ .text-sm-end {
+ text-align: right !important;
+ }
+
+ .text-sm-center {
+ text-align: center !important;
+ }
+}
+
+@media (min-width: 768px) {
+ .float-md-start {
+ float: left !important;
+ }
+
+ .float-md-end {
+ float: right !important;
+ }
+
+ .float-md-none {
+ float: none !important;
+ }
+
+ .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-table {
+ display: table !important;
+ }
+
+ .d-md-table-row {
+ display: table-row !important;
+ }
+
+ .d-md-table-cell {
+ display: table-cell !important;
+ }
+
+ .d-md-flex {
+ display: -ms-flexbox !important;
+ display: flex !important;
+ }
+
+ .d-md-inline-flex {
+ display: -ms-inline-flexbox !important;
+ display: inline-flex !important;
+ }
+
+ .d-md-none {
+ display: none !important;
+ }
+
+ .flex-md-fill {
+ -ms-flex: 1 1 auto !important;
+ flex: 1 1 auto !important;
+ }
+
+ .flex-md-row {
+ -ms-flex-direction: row !important;
+ flex-direction: row !important;
+ }
+
+ .flex-md-column {
+ -ms-flex-direction: column !important;
+ flex-direction: column !important;
+ }
+
+ .flex-md-row-reverse {
+ -ms-flex-direction: row-reverse !important;
+ flex-direction: row-reverse !important;
+ }
+
+ .flex-md-column-reverse {
+ -ms-flex-direction: column-reverse !important;
+ flex-direction: column-reverse !important;
+ }
+
+ .flex-md-grow-0 {
+ -ms-flex-positive: 0 !important;
+ flex-grow: 0 !important;
+ }
+
+ .flex-md-grow-1 {
+ -ms-flex-positive: 1 !important;
+ flex-grow: 1 !important;
+ }
+
+ .flex-md-shrink-0 {
+ -ms-flex-negative: 0 !important;
+ flex-shrink: 0 !important;
+ }
+
+ .flex-md-shrink-1 {
+ -ms-flex-negative: 1 !important;
+ flex-shrink: 1 !important;
+ }
+
+ .flex-md-wrap {
+ -ms-flex-wrap: wrap !important;
+ flex-wrap: wrap !important;
+ }
+
+ .flex-md-nowrap {
+ -ms-flex-wrap: nowrap !important;
+ flex-wrap: nowrap !important;
+ }
+
+ .flex-md-wrap-reverse {
+ -ms-flex-wrap: wrap-reverse !important;
+ flex-wrap: wrap-reverse !important;
+ }
+
+ .justify-content-md-start {
+ -ms-flex-pack: start !important;
+ justify-content: flex-start !important;
+ }
+
+ .justify-content-md-end {
+ -ms-flex-pack: end !important;
+ justify-content: flex-end !important;
+ }
+
+ .justify-content-md-center {
+ -ms-flex-pack: center !important;
+ justify-content: center !important;
+ }
+
+ .justify-content-md-between {
+ -ms-flex-pack: justify !important;
+ justify-content: space-between !important;
+ }
+
+ .justify-content-md-around {
+ -ms-flex-pack: distribute !important;
+ justify-content: space-around !important;
+ }
+
+ .justify-content-md-evenly {
+ -ms-flex-pack: space-evenly !important;
+ justify-content: space-evenly !important;
+ }
+
+ .align-items-md-start {
+ -ms-flex-align: start !important;
+ align-items: flex-start !important;
+ }
+
+ .align-items-md-end {
+ -ms-flex-align: end !important;
+ align-items: flex-end !important;
+ }
+
+ .align-items-md-center {
+ -ms-flex-align: center !important;
+ align-items: center !important;
+ }
+
+ .align-items-md-baseline {
+ -ms-flex-align: baseline !important;
+ align-items: baseline !important;
+ }
+
+ .align-items-md-stretch {
+ -ms-flex-align: stretch !important;
+ align-items: stretch !important;
+ }
+
+ .align-content-md-start {
+ -ms-flex-line-pack: start !important;
+ align-content: flex-start !important;
+ }
+
+ .align-content-md-end {
+ -ms-flex-line-pack: end !important;
+ align-content: flex-end !important;
+ }
+
+ .align-content-md-center {
+ -ms-flex-line-pack: center !important;
+ align-content: center !important;
+ }
+
+ .align-content-md-between {
+ -ms-flex-line-pack: justify !important;
+ align-content: space-between !important;
+ }
+
+ .align-content-md-around {
+ -ms-flex-line-pack: distribute !important;
+ align-content: space-around !important;
+ }
+
+ .align-content-md-stretch {
+ -ms-flex-line-pack: stretch !important;
+ align-content: stretch !important;
+ }
+
+ .align-self-md-auto {
+ -ms-flex-item-align: auto !important;
+ align-self: auto !important;
+ }
+
+ .align-self-md-start {
+ -ms-flex-item-align: start !important;
+ align-self: flex-start !important;
+ }
+
+ .align-self-md-end {
+ -ms-flex-item-align: end !important;
+ align-self: flex-end !important;
+ }
+
+ .align-self-md-center {
+ -ms-flex-item-align: center !important;
+ align-self: center !important;
+ }
+
+ .align-self-md-baseline {
+ -ms-flex-item-align: baseline !important;
+ align-self: baseline !important;
+ }
+
+ .align-self-md-stretch {
+ -ms-flex-item-align: stretch !important;
+ align-self: stretch !important;
+ }
+
+ .order-md-first {
+ -ms-flex-order: -1 !important;
+ order: -1 !important;
+ }
+
+ .order-md-0 {
+ -ms-flex-order: 0 !important;
+ order: 0 !important;
+ }
+
+ .order-md-1 {
+ -ms-flex-order: 1 !important;
+ order: 1 !important;
+ }
+
+ .order-md-2 {
+ -ms-flex-order: 2 !important;
+ order: 2 !important;
+ }
+
+ .order-md-3 {
+ -ms-flex-order: 3 !important;
+ order: 3 !important;
+ }
+
+ .order-md-4 {
+ -ms-flex-order: 4 !important;
+ order: 4 !important;
+ }
+
+ .order-md-5 {
+ -ms-flex-order: 5 !important;
+ order: 5 !important;
+ }
+
+ .order-md-last {
+ -ms-flex-order: 6 !important;
+ order: 6 !important;
+ }
+
+ .m-md-0 {
+ margin: 0 !important;
+ }
+
+ .m-md-1 {
+ margin: 0.25rem !important;
+ }
+
+ .m-md-2 {
+ margin: 0.5rem !important;
+ }
+
+ .m-md-3 {
+ margin: 1rem !important;
+ }
+
+ .m-md-4 {
+ margin: 1.5rem !important;
+ }
+
+ .m-md-5 {
+ margin: 3rem !important;
+ }
+
+ .m-md-6 {
+ margin: 4.5rem !important;
+ }
+
+ .m-md-7 {
+ margin: 6rem !important;
+ }
+
+ .m-md-8 {
+ margin: 9rem !important;
+ }
+
+ .m-md-9 {
+ margin: 12rem !important;
+ }
+
+ .m-md-auto {
+ margin: auto !important;
+ }
+
+ .mx-md-0 {
+ margin-right: 0 !important;
+ margin-left: 0 !important;
+ }
+
+ .mx-md-1 {
+ margin-right: 0.25rem !important;
+ margin-left: 0.25rem !important;
+ }
+
+ .mx-md-2 {
+ margin-right: 0.5rem !important;
+ margin-left: 0.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-6 {
+ margin-right: 4.5rem !important;
+ margin-left: 4.5rem !important;
+ }
+
+ .mx-md-7 {
+ margin-right: 6rem !important;
+ margin-left: 6rem !important;
+ }
+
+ .mx-md-8 {
+ margin-right: 9rem !important;
+ margin-left: 9rem !important;
+ }
+
+ .mx-md-9 {
+ margin-right: 12rem !important;
+ margin-left: 12rem !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: 0.25rem !important;
+ margin-bottom: 0.25rem !important;
+ }
+
+ .my-md-2 {
+ margin-top: 0.5rem !important;
+ margin-bottom: 0.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-6 {
+ margin-top: 4.5rem !important;
+ margin-bottom: 4.5rem !important;
+ }
+
+ .my-md-7 {
+ margin-top: 6rem !important;
+ margin-bottom: 6rem !important;
+ }
+
+ .my-md-8 {
+ margin-top: 9rem !important;
+ margin-bottom: 9rem !important;
+ }
+
+ .my-md-9 {
+ margin-top: 12rem !important;
+ margin-bottom: 12rem !important;
+ }
+
+ .my-md-auto {
+ margin-top: auto !important;
+ margin-bottom: auto !important;
+ }
+
+ .mt-md-0 {
+ margin-top: 0 !important;
+ }
+
+ .mt-md-1 {
+ margin-top: 0.25rem !important;
+ }
+
+ .mt-md-2 {
+ margin-top: 0.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-6 {
+ margin-top: 4.5rem !important;
+ }
+
+ .mt-md-7 {
+ margin-top: 6rem !important;
+ }
+
+ .mt-md-8 {
+ margin-top: 9rem !important;
+ }
+
+ .mt-md-9 {
+ margin-top: 12rem !important;
+ }
+
+ .mt-md-auto {
+ margin-top: auto !important;
+ }
+
+ .me-md-0 {
+ margin-right: 0 !important;
+ }
+
+ .me-md-1 {
+ margin-right: 0.25rem !important;
+ }
+
+ .me-md-2 {
+ margin-right: 0.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-6 {
+ margin-right: 4.5rem !important;
+ }
+
+ .me-md-7 {
+ margin-right: 6rem !important;
+ }
+
+ .me-md-8 {
+ margin-right: 9rem !important;
+ }
+
+ .me-md-9 {
+ margin-right: 12rem !important;
+ }
+
+ .me-md-auto {
+ margin-right: auto !important;
+ }
+
+ .mb-md-0 {
+ margin-bottom: 0 !important;
+ }
+
+ .mb-md-1 {
+ margin-bottom: 0.25rem !important;
+ }
+
+ .mb-md-2 {
+ margin-bottom: 0.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-6 {
+ margin-bottom: 4.5rem !important;
+ }
+
+ .mb-md-7 {
+ margin-bottom: 6rem !important;
+ }
+
+ .mb-md-8 {
+ margin-bottom: 9rem !important;
+ }
+
+ .mb-md-9 {
+ margin-bottom: 12rem !important;
+ }
+
+ .mb-md-auto {
+ margin-bottom: auto !important;
+ }
+
+ .ms-md-0 {
+ margin-left: 0 !important;
+ }
+
+ .ms-md-1 {
+ margin-left: 0.25rem !important;
+ }
+
+ .ms-md-2 {
+ margin-left: 0.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-6 {
+ margin-left: 4.5rem !important;
+ }
+
+ .ms-md-7 {
+ margin-left: 6rem !important;
+ }
+
+ .ms-md-8 {
+ margin-left: 9rem !important;
+ }
+
+ .ms-md-9 {
+ margin-left: 12rem !important;
+ }
+
+ .ms-md-auto {
+ margin-left: auto !important;
+ }
+
+ .m-md-n1 {
+ margin: -0.25rem !important;
+ }
+
+ .m-md-n2 {
+ margin: -0.5rem !important;
+ }
+
+ .m-md-n3 {
+ margin: -1rem !important;
+ }
+
+ .m-md-n4 {
+ margin: -1.5rem !important;
+ }
+
+ .m-md-n5 {
+ margin: -3rem !important;
+ }
+
+ .m-md-n6 {
+ margin: -4.5rem !important;
+ }
+
+ .m-md-n7 {
+ margin: -6rem !important;
+ }
+
+ .m-md-n8 {
+ margin: -9rem !important;
+ }
+
+ .m-md-n9 {
+ margin: -12rem !important;
+ }
+
+ .mx-md-n1 {
+ margin-right: -0.25rem !important;
+ margin-left: -0.25rem !important;
+ }
+
+ .mx-md-n2 {
+ margin-right: -0.5rem !important;
+ margin-left: -0.5rem !important;
+ }
+
+ .mx-md-n3 {
+ margin-right: -1rem !important;
+ margin-left: -1rem !important;
+ }
+
+ .mx-md-n4 {
+ margin-right: -1.5rem !important;
+ margin-left: -1.5rem !important;
+ }
+
+ .mx-md-n5 {
+ margin-right: -3rem !important;
+ margin-left: -3rem !important;
+ }
+
+ .mx-md-n6 {
+ margin-right: -4.5rem !important;
+ margin-left: -4.5rem !important;
+ }
+
+ .mx-md-n7 {
+ margin-right: -6rem !important;
+ margin-left: -6rem !important;
+ }
+
+ .mx-md-n8 {
+ margin-right: -9rem !important;
+ margin-left: -9rem !important;
+ }
+
+ .mx-md-n9 {
+ margin-right: -12rem !important;
+ margin-left: -12rem !important;
+ }
+
+ .my-md-n1 {
+ margin-top: -0.25rem !important;
+ margin-bottom: -0.25rem !important;
+ }
+
+ .my-md-n2 {
+ margin-top: -0.5rem !important;
+ margin-bottom: -0.5rem !important;
+ }
+
+ .my-md-n3 {
+ margin-top: -1rem !important;
+ margin-bottom: -1rem !important;
+ }
+
+ .my-md-n4 {
+ margin-top: -1.5rem !important;
+ margin-bottom: -1.5rem !important;
+ }
+
+ .my-md-n5 {
+ margin-top: -3rem !important;
+ margin-bottom: -3rem !important;
+ }
+
+ .my-md-n6 {
+ margin-top: -4.5rem !important;
+ margin-bottom: -4.5rem !important;
+ }
+
+ .my-md-n7 {
+ margin-top: -6rem !important;
+ margin-bottom: -6rem !important;
+ }
+
+ .my-md-n8 {
+ margin-top: -9rem !important;
+ margin-bottom: -9rem !important;
+ }
+
+ .my-md-n9 {
+ margin-top: -12rem !important;
+ margin-bottom: -12rem !important;
+ }
+
+ .mt-md-n1 {
+ margin-top: -0.25rem !important;
+ }
+
+ .mt-md-n2 {
+ margin-top: -0.5rem !important;
+ }
+
+ .mt-md-n3 {
+ margin-top: -1rem !important;
+ }
+
+ .mt-md-n4 {
+ margin-top: -1.5rem !important;
+ }
+
+ .mt-md-n5 {
+ margin-top: -3rem !important;
+ }
+
+ .mt-md-n6 {
+ margin-top: -4.5rem !important;
+ }
+
+ .mt-md-n7 {
+ margin-top: -6rem !important;
+ }
+
+ .mt-md-n8 {
+ margin-top: -9rem !important;
+ }
+
+ .mt-md-n9 {
+ margin-top: -12rem !important;
+ }
+
+ .me-md-n1 {
+ margin-right: -0.25rem !important;
+ }
+
+ .me-md-n2 {
+ margin-right: -0.5rem !important;
+ }
+
+ .me-md-n3 {
+ margin-right: -1rem !important;
+ }
+
+ .me-md-n4 {
+ margin-right: -1.5rem !important;
+ }
+
+ .me-md-n5 {
+ margin-right: -3rem !important;
+ }
+
+ .me-md-n6 {
+ margin-right: -4.5rem !important;
+ }
+
+ .me-md-n7 {
+ margin-right: -6rem !important;
+ }
+
+ .me-md-n8 {
+ margin-right: -9rem !important;
+ }
+
+ .me-md-n9 {
+ margin-right: -12rem !important;
+ }
+
+ .mb-md-n1 {
+ margin-bottom: -0.25rem !important;
+ }
+
+ .mb-md-n2 {
+ margin-bottom: -0.5rem !important;
+ }
+
+ .mb-md-n3 {
+ margin-bottom: -1rem !important;
+ }
+
+ .mb-md-n4 {
+ margin-bottom: -1.5rem !important;
+ }
+
+ .mb-md-n5 {
+ margin-bottom: -3rem !important;
+ }
+
+ .mb-md-n6 {
+ margin-bottom: -4.5rem !important;
+ }
+
+ .mb-md-n7 {
+ margin-bottom: -6rem !important;
+ }
+
+ .mb-md-n8 {
+ margin-bottom: -9rem !important;
+ }
+
+ .mb-md-n9 {
+ margin-bottom: -12rem !important;
+ }
+
+ .ms-md-n1 {
+ margin-left: -0.25rem !important;
+ }
+
+ .ms-md-n2 {
+ margin-left: -0.5rem !important;
+ }
+
+ .ms-md-n3 {
+ margin-left: -1rem !important;
+ }
+
+ .ms-md-n4 {
+ margin-left: -1.5rem !important;
+ }
+
+ .ms-md-n5 {
+ margin-left: -3rem !important;
+ }
+
+ .ms-md-n6 {
+ margin-left: -4.5rem !important;
+ }
+
+ .ms-md-n7 {
+ margin-left: -6rem !important;
+ }
+
+ .ms-md-n8 {
+ margin-left: -9rem !important;
+ }
+
+ .ms-md-n9 {
+ margin-left: -12rem !important;
+ }
+
+ .p-md-0 {
+ padding: 0 !important;
+ }
+
+ .p-md-1 {
+ padding: 0.25rem !important;
+ }
+
+ .p-md-2 {
+ padding: 0.5rem !important;
+ }
+
+ .p-md-3 {
+ padding: 1rem !important;
+ }
+
+ .p-md-4 {
+ padding: 1.5rem !important;
+ }
+
+ .p-md-5 {
+ padding: 3rem !important;
+ }
+
+ .p-md-6 {
+ padding: 4.5rem !important;
+ }
+
+ .p-md-7 {
+ padding: 6rem !important;
+ }
+
+ .p-md-8 {
+ padding: 9rem !important;
+ }
+
+ .p-md-9 {
+ padding: 12rem !important;
+ }
+
+ .px-md-0 {
+ padding-right: 0 !important;
+ padding-left: 0 !important;
+ }
+
+ .px-md-1 {
+ padding-right: 0.25rem !important;
+ padding-left: 0.25rem !important;
+ }
+
+ .px-md-2 {
+ padding-right: 0.5rem !important;
+ padding-left: 0.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;
+ }
+
+ .px-md-6 {
+ padding-right: 4.5rem !important;
+ padding-left: 4.5rem !important;
+ }
+
+ .px-md-7 {
+ padding-right: 6rem !important;
+ padding-left: 6rem !important;
+ }
+
+ .px-md-8 {
+ padding-right: 9rem !important;
+ padding-left: 9rem !important;
+ }
+
+ .px-md-9 {
+ padding-right: 12rem !important;
+ padding-left: 12rem !important;
+ }
+
+ .py-md-0 {
+ padding-top: 0 !important;
+ padding-bottom: 0 !important;
+ }
+
+ .py-md-1 {
+ padding-top: 0.25rem !important;
+ padding-bottom: 0.25rem !important;
+ }
+
+ .py-md-2 {
+ padding-top: 0.5rem !important;
+ padding-bottom: 0.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;
+ }
+
+ .py-md-6 {
+ padding-top: 4.5rem !important;
+ padding-bottom: 4.5rem !important;
+ }
+
+ .py-md-7 {
+ padding-top: 6rem !important;
+ padding-bottom: 6rem !important;
+ }
+
+ .py-md-8 {
+ padding-top: 9rem !important;
+ padding-bottom: 9rem !important;
+ }
+
+ .py-md-9 {
+ padding-top: 12rem !important;
+ padding-bottom: 12rem !important;
+ }
+
+ .pt-md-0 {
+ padding-top: 0 !important;
+ }
+
+ .pt-md-1 {
+ padding-top: 0.25rem !important;
+ }
+
+ .pt-md-2 {
+ padding-top: 0.5rem !important;
+ }
+
+ .pt-md-3 {
+ padding-top: 1rem !important;
+ }
+
+ .pt-md-4 {
+ padding-top: 1.5rem !important;
+ }
+
+ .pt-md-5 {
+ padding-top: 3rem !important;
+ }
+
+ .pt-md-6 {
+ padding-top: 4.5rem !important;
+ }
+
+ .pt-md-7 {
+ padding-top: 6rem !important;
+ }
+
+ .pt-md-8 {
+ padding-top: 9rem !important;
+ }
+
+ .pt-md-9 {
+ padding-top: 12rem !important;
+ }
+
+ .pe-md-0 {
+ padding-right: 0 !important;
+ }
+
+ .pe-md-1 {
+ padding-right: 0.25rem !important;
+ }
+
+ .pe-md-2 {
+ padding-right: 0.5rem !important;
+ }
+
+ .pe-md-3 {
+ padding-right: 1rem !important;
+ }
+
+ .pe-md-4 {
+ padding-right: 1.5rem !important;
+ }
+
+ .pe-md-5 {
+ padding-right: 3rem !important;
+ }
+
+ .pe-md-6 {
+ padding-right: 4.5rem !important;
+ }
+
+ .pe-md-7 {
+ padding-right: 6rem !important;
+ }
+
+ .pe-md-8 {
+ padding-right: 9rem !important;
+ }
+
+ .pe-md-9 {
+ padding-right: 12rem !important;
+ }
+
+ .pb-md-0 {
+ padding-bottom: 0 !important;
+ }
+
+ .pb-md-1 {
+ padding-bottom: 0.25rem !important;
+ }
+
+ .pb-md-2 {
+ padding-bottom: 0.5rem !important;
+ }
+
+ .pb-md-3 {
+ padding-bottom: 1rem !important;
+ }
+
+ .pb-md-4 {
+ padding-bottom: 1.5rem !important;
+ }
+
+ .pb-md-5 {
+ padding-bottom: 3rem !important;
+ }
+
+ .pb-md-6 {
+ padding-bottom: 4.5rem !important;
+ }
+
+ .pb-md-7 {
+ padding-bottom: 6rem !important;
+ }
+
+ .pb-md-8 {
+ padding-bottom: 9rem !important;
+ }
+
+ .pb-md-9 {
+ padding-bottom: 12rem !important;
+ }
+
+ .ps-md-0 {
+ padding-left: 0 !important;
+ }
+
+ .ps-md-1 {
+ padding-left: 0.25rem !important;
+ }
+
+ .ps-md-2 {
+ padding-left: 0.5rem !important;
+ }
+
+ .ps-md-3 {
+ padding-left: 1rem !important;
+ }
+
+ .ps-md-4 {
+ padding-left: 1.5rem !important;
+ }
+
+ .ps-md-5 {
+ padding-left: 3rem !important;
+ }
+
+ .ps-md-6 {
+ padding-left: 4.5rem !important;
+ }
+
+ .ps-md-7 {
+ padding-left: 6rem !important;
+ }
+
+ .ps-md-8 {
+ padding-left: 9rem !important;
+ }
+
+ .ps-md-9 {
+ padding-left: 12rem !important;
+ }
+
+ .gap-md-0 {
+ gap: 0 !important;
+ }
+
+ .gap-md-1 {
+ gap: 0.25rem !important;
+ }
+
+ .gap-md-2 {
+ gap: 0.5rem !important;
+ }
+
+ .gap-md-3 {
+ gap: 1rem !important;
+ }
+
+ .gap-md-4 {
+ gap: 1.5rem !important;
+ }
+
+ .gap-md-5 {
+ gap: 3rem !important;
+ }
+
+ .gap-md-6 {
+ gap: 4.5rem !important;
+ }
+
+ .gap-md-7 {
+ gap: 6rem !important;
+ }
+
+ .gap-md-8 {
+ gap: 9rem !important;
+ }
+
+ .gap-md-9 {
+ gap: 12rem !important;
+ }
+
+ .text-md-start {
+ text-align: left !important;
+ }
+
+ .text-md-end {
+ text-align: right !important;
+ }
+
+ .text-md-center {
+ text-align: center !important;
+ }
+}
+
+@media (min-width: 992px) {
+ .float-lg-start {
+ float: left !important;
+ }
+
+ .float-lg-end {
+ float: right !important;
+ }
+
+ .float-lg-none {
+ float: none !important;
+ }
+
+ .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-table {
+ display: table !important;
+ }
+
+ .d-lg-table-row {
+ display: table-row !important;
+ }
+
+ .d-lg-table-cell {
+ display: table-cell !important;
+ }
+
+ .d-lg-flex {
+ display: -ms-flexbox !important;
+ display: flex !important;
+ }
+
+ .d-lg-inline-flex {
+ display: -ms-inline-flexbox !important;
+ display: inline-flex !important;
+ }
+
+ .d-lg-none {
+ display: none !important;
+ }
+
+ .flex-lg-fill {
+ -ms-flex: 1 1 auto !important;
+ flex: 1 1 auto !important;
+ }
+
+ .flex-lg-row {
+ -ms-flex-direction: row !important;
+ flex-direction: row !important;
+ }
+
+ .flex-lg-column {
+ -ms-flex-direction: column !important;
+ flex-direction: column !important;
+ }
+
+ .flex-lg-row-reverse {
+ -ms-flex-direction: row-reverse !important;
+ flex-direction: row-reverse !important;
+ }
+
+ .flex-lg-column-reverse {
+ -ms-flex-direction: column-reverse !important;
+ flex-direction: column-reverse !important;
+ }
+
+ .flex-lg-grow-0 {
+ -ms-flex-positive: 0 !important;
+ flex-grow: 0 !important;
+ }
+
+ .flex-lg-grow-1 {
+ -ms-flex-positive: 1 !important;
+ flex-grow: 1 !important;
+ }
+
+ .flex-lg-shrink-0 {
+ -ms-flex-negative: 0 !important;
+ flex-shrink: 0 !important;
+ }
+
+ .flex-lg-shrink-1 {
+ -ms-flex-negative: 1 !important;
+ flex-shrink: 1 !important;
+ }
+
+ .flex-lg-wrap {
+ -ms-flex-wrap: wrap !important;
+ flex-wrap: wrap !important;
+ }
+
+ .flex-lg-nowrap {
+ -ms-flex-wrap: nowrap !important;
+ flex-wrap: nowrap !important;
+ }
+
+ .flex-lg-wrap-reverse {
+ -ms-flex-wrap: wrap-reverse !important;
+ flex-wrap: wrap-reverse !important;
+ }
+
+ .justify-content-lg-start {
+ -ms-flex-pack: start !important;
+ justify-content: flex-start !important;
+ }
+
+ .justify-content-lg-end {
+ -ms-flex-pack: end !important;
+ justify-content: flex-end !important;
+ }
+
+ .justify-content-lg-center {
+ -ms-flex-pack: center !important;
+ justify-content: center !important;
+ }
+
+ .justify-content-lg-between {
+ -ms-flex-pack: justify !important;
+ justify-content: space-between !important;
+ }
+
+ .justify-content-lg-around {
+ -ms-flex-pack: distribute !important;
+ justify-content: space-around !important;
+ }
+
+ .justify-content-lg-evenly {
+ -ms-flex-pack: space-evenly !important;
+ justify-content: space-evenly !important;
+ }
+
+ .align-items-lg-start {
+ -ms-flex-align: start !important;
+ align-items: flex-start !important;
+ }
+
+ .align-items-lg-end {
+ -ms-flex-align: end !important;
+ align-items: flex-end !important;
+ }
+
+ .align-items-lg-center {
+ -ms-flex-align: center !important;
+ align-items: center !important;
+ }
+
+ .align-items-lg-baseline {
+ -ms-flex-align: baseline !important;
+ align-items: baseline !important;
+ }
+
+ .align-items-lg-stretch {
+ -ms-flex-align: stretch !important;
+ align-items: stretch !important;
+ }
+
+ .align-content-lg-start {
+ -ms-flex-line-pack: start !important;
+ align-content: flex-start !important;
+ }
+
+ .align-content-lg-end {
+ -ms-flex-line-pack: end !important;
+ align-content: flex-end !important;
+ }
+
+ .align-content-lg-center {
+ -ms-flex-line-pack: center !important;
+ align-content: center !important;
+ }
+
+ .align-content-lg-between {
+ -ms-flex-line-pack: justify !important;
+ align-content: space-between !important;
+ }
+
+ .align-content-lg-around {
+ -ms-flex-line-pack: distribute !important;
+ align-content: space-around !important;
+ }
+
+ .align-content-lg-stretch {
+ -ms-flex-line-pack: stretch !important;
+ align-content: stretch !important;
+ }
+
+ .align-self-lg-auto {
+ -ms-flex-item-align: auto !important;
+ align-self: auto !important;
+ }
+
+ .align-self-lg-start {
+ -ms-flex-item-align: start !important;
+ align-self: flex-start !important;
+ }
+
+ .align-self-lg-end {
+ -ms-flex-item-align: end !important;
+ align-self: flex-end !important;
+ }
+
+ .align-self-lg-center {
+ -ms-flex-item-align: center !important;
+ align-self: center !important;
+ }
+
+ .align-self-lg-baseline {
+ -ms-flex-item-align: baseline !important;
+ align-self: baseline !important;
+ }
+
+ .align-self-lg-stretch {
+ -ms-flex-item-align: stretch !important;
+ align-self: stretch !important;
+ }
+
+ .order-lg-first {
+ -ms-flex-order: -1 !important;
+ order: -1 !important;
+ }
+
+ .order-lg-0 {
+ -ms-flex-order: 0 !important;
+ order: 0 !important;
+ }
+
+ .order-lg-1 {
+ -ms-flex-order: 1 !important;
+ order: 1 !important;
+ }
+
+ .order-lg-2 {
+ -ms-flex-order: 2 !important;
+ order: 2 !important;
+ }
+
+ .order-lg-3 {
+ -ms-flex-order: 3 !important;
+ order: 3 !important;
+ }
+
+ .order-lg-4 {
+ -ms-flex-order: 4 !important;
+ order: 4 !important;
+ }
+
+ .order-lg-5 {
+ -ms-flex-order: 5 !important;
+ order: 5 !important;
+ }
+
+ .order-lg-last {
+ -ms-flex-order: 6 !important;
+ order: 6 !important;
+ }
+
+ .m-lg-0 {
+ margin: 0 !important;
+ }
+
+ .m-lg-1 {
+ margin: 0.25rem !important;
+ }
+
+ .m-lg-2 {
+ margin: 0.5rem !important;
+ }
+
+ .m-lg-3 {
+ margin: 1rem !important;
+ }
+
+ .m-lg-4 {
+ margin: 1.5rem !important;
+ }
+
+ .m-lg-5 {
+ margin: 3rem !important;
+ }
+
+ .m-lg-6 {
+ margin: 4.5rem !important;
+ }
+
+ .m-lg-7 {
+ margin: 6rem !important;
+ }
+
+ .m-lg-8 {
+ margin: 9rem !important;
+ }
+
+ .m-lg-9 {
+ margin: 12rem !important;
+ }
+
+ .m-lg-auto {
+ margin: auto !important;
+ }
+
+ .mx-lg-0 {
+ margin-right: 0 !important;
+ margin-left: 0 !important;
+ }
+
+ .mx-lg-1 {
+ margin-right: 0.25rem !important;
+ margin-left: 0.25rem !important;
+ }
+
+ .mx-lg-2 {
+ margin-right: 0.5rem !important;
+ margin-left: 0.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-6 {
+ margin-right: 4.5rem !important;
+ margin-left: 4.5rem !important;
+ }
+
+ .mx-lg-7 {
+ margin-right: 6rem !important;
+ margin-left: 6rem !important;
+ }
+
+ .mx-lg-8 {
+ margin-right: 9rem !important;
+ margin-left: 9rem !important;
+ }
+
+ .mx-lg-9 {
+ margin-right: 12rem !important;
+ margin-left: 12rem !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: 0.25rem !important;
+ margin-bottom: 0.25rem !important;
+ }
+
+ .my-lg-2 {
+ margin-top: 0.5rem !important;
+ margin-bottom: 0.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-6 {
+ margin-top: 4.5rem !important;
+ margin-bottom: 4.5rem !important;
+ }
+
+ .my-lg-7 {
+ margin-top: 6rem !important;
+ margin-bottom: 6rem !important;
+ }
+
+ .my-lg-8 {
+ margin-top: 9rem !important;
+ margin-bottom: 9rem !important;
+ }
+
+ .my-lg-9 {
+ margin-top: 12rem !important;
+ margin-bottom: 12rem !important;
+ }
+
+ .my-lg-auto {
+ margin-top: auto !important;
+ margin-bottom: auto !important;
+ }
+
+ .mt-lg-0 {
+ margin-top: 0 !important;
+ }
+
+ .mt-lg-1 {
+ margin-top: 0.25rem !important;
+ }
+
+ .mt-lg-2 {
+ margin-top: 0.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-6 {
+ margin-top: 4.5rem !important;
+ }
+
+ .mt-lg-7 {
+ margin-top: 6rem !important;
+ }
+
+ .mt-lg-8 {
+ margin-top: 9rem !important;
+ }
+
+ .mt-lg-9 {
+ margin-top: 12rem !important;
+ }
+
+ .mt-lg-auto {
+ margin-top: auto !important;
+ }
+
+ .me-lg-0 {
+ margin-right: 0 !important;
+ }
+
+ .me-lg-1 {
+ margin-right: 0.25rem !important;
+ }
+
+ .me-lg-2 {
+ margin-right: 0.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-6 {
+ margin-right: 4.5rem !important;
+ }
+
+ .me-lg-7 {
+ margin-right: 6rem !important;
+ }
+
+ .me-lg-8 {
+ margin-right: 9rem !important;
+ }
+
+ .me-lg-9 {
+ margin-right: 12rem !important;
+ }
+
+ .me-lg-auto {
+ margin-right: auto !important;
+ }
+
+ .mb-lg-0 {
+ margin-bottom: 0 !important;
+ }
+
+ .mb-lg-1 {
+ margin-bottom: 0.25rem !important;
+ }
+
+ .mb-lg-2 {
+ margin-bottom: 0.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-6 {
+ margin-bottom: 4.5rem !important;
+ }
+
+ .mb-lg-7 {
+ margin-bottom: 6rem !important;
+ }
+
+ .mb-lg-8 {
+ margin-bottom: 9rem !important;
+ }
+
+ .mb-lg-9 {
+ margin-bottom: 12rem !important;
+ }
+
+ .mb-lg-auto {
+ margin-bottom: auto !important;
+ }
+
+ .ms-lg-0 {
+ margin-left: 0 !important;
+ }
+
+ .ms-lg-1 {
+ margin-left: 0.25rem !important;
+ }
+
+ .ms-lg-2 {
+ margin-left: 0.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-6 {
+ margin-left: 4.5rem !important;
+ }
+
+ .ms-lg-7 {
+ margin-left: 6rem !important;
+ }
+
+ .ms-lg-8 {
+ margin-left: 9rem !important;
+ }
+
+ .ms-lg-9 {
+ margin-left: 12rem !important;
+ }
+
+ .ms-lg-auto {
+ margin-left: auto !important;
+ }
+
+ .m-lg-n1 {
+ margin: -0.25rem !important;
+ }
+
+ .m-lg-n2 {
+ margin: -0.5rem !important;
+ }
+
+ .m-lg-n3 {
+ margin: -1rem !important;
+ }
+
+ .m-lg-n4 {
+ margin: -1.5rem !important;
+ }
+
+ .m-lg-n5 {
+ margin: -3rem !important;
+ }
+
+ .m-lg-n6 {
+ margin: -4.5rem !important;
+ }
+
+ .m-lg-n7 {
+ margin: -6rem !important;
+ }
+
+ .m-lg-n8 {
+ margin: -9rem !important;
+ }
+
+ .m-lg-n9 {
+ margin: -12rem !important;
+ }
+
+ .mx-lg-n1 {
+ margin-right: -0.25rem !important;
+ margin-left: -0.25rem !important;
+ }
+
+ .mx-lg-n2 {
+ margin-right: -0.5rem !important;
+ margin-left: -0.5rem !important;
+ }
+
+ .mx-lg-n3 {
+ margin-right: -1rem !important;
+ margin-left: -1rem !important;
+ }
+
+ .mx-lg-n4 {
+ margin-right: -1.5rem !important;
+ margin-left: -1.5rem !important;
+ }
+
+ .mx-lg-n5 {
+ margin-right: -3rem !important;
+ margin-left: -3rem !important;
+ }
+
+ .mx-lg-n6 {
+ margin-right: -4.5rem !important;
+ margin-left: -4.5rem !important;
+ }
+
+ .mx-lg-n7 {
+ margin-right: -6rem !important;
+ margin-left: -6rem !important;
+ }
+
+ .mx-lg-n8 {
+ margin-right: -9rem !important;
+ margin-left: -9rem !important;
+ }
+
+ .mx-lg-n9 {
+ margin-right: -12rem !important;
+ margin-left: -12rem !important;
+ }
+
+ .my-lg-n1 {
+ margin-top: -0.25rem !important;
+ margin-bottom: -0.25rem !important;
+ }
+
+ .my-lg-n2 {
+ margin-top: -0.5rem !important;
+ margin-bottom: -0.5rem !important;
+ }
+
+ .my-lg-n3 {
+ margin-top: -1rem !important;
+ margin-bottom: -1rem !important;
+ }
+
+ .my-lg-n4 {
+ margin-top: -1.5rem !important;
+ margin-bottom: -1.5rem !important;
+ }
+
+ .my-lg-n5 {
+ margin-top: -3rem !important;
+ margin-bottom: -3rem !important;
+ }
+
+ .my-lg-n6 {
+ margin-top: -4.5rem !important;
+ margin-bottom: -4.5rem !important;
+ }
+
+ .my-lg-n7 {
+ margin-top: -6rem !important;
+ margin-bottom: -6rem !important;
+ }
+
+ .my-lg-n8 {
+ margin-top: -9rem !important;
+ margin-bottom: -9rem !important;
+ }
+
+ .my-lg-n9 {
+ margin-top: -12rem !important;
+ margin-bottom: -12rem !important;
+ }
+
+ .mt-lg-n1 {
+ margin-top: -0.25rem !important;
+ }
+
+ .mt-lg-n2 {
+ margin-top: -0.5rem !important;
+ }
+
+ .mt-lg-n3 {
+ margin-top: -1rem !important;
+ }
+
+ .mt-lg-n4 {
+ margin-top: -1.5rem !important;
+ }
+
+ .mt-lg-n5 {
+ margin-top: -3rem !important;
+ }
+
+ .mt-lg-n6 {
+ margin-top: -4.5rem !important;
+ }
+
+ .mt-lg-n7 {
+ margin-top: -6rem !important;
+ }
+
+ .mt-lg-n8 {
+ margin-top: -9rem !important;
+ }
+
+ .mt-lg-n9 {
+ margin-top: -12rem !important;
+ }
+
+ .me-lg-n1 {
+ margin-right: -0.25rem !important;
+ }
+
+ .me-lg-n2 {
+ margin-right: -0.5rem !important;
+ }
+
+ .me-lg-n3 {
+ margin-right: -1rem !important;
+ }
+
+ .me-lg-n4 {
+ margin-right: -1.5rem !important;
+ }
+
+ .me-lg-n5 {
+ margin-right: -3rem !important;
+ }
+
+ .me-lg-n6 {
+ margin-right: -4.5rem !important;
+ }
+
+ .me-lg-n7 {
+ margin-right: -6rem !important;
+ }
+
+ .me-lg-n8 {
+ margin-right: -9rem !important;
+ }
+
+ .me-lg-n9 {
+ margin-right: -12rem !important;
+ }
+
+ .mb-lg-n1 {
+ margin-bottom: -0.25rem !important;
+ }
+
+ .mb-lg-n2 {
+ margin-bottom: -0.5rem !important;
+ }
+
+ .mb-lg-n3 {
+ margin-bottom: -1rem !important;
+ }
+
+ .mb-lg-n4 {
+ margin-bottom: -1.5rem !important;
+ }
+
+ .mb-lg-n5 {
+ margin-bottom: -3rem !important;
+ }
+
+ .mb-lg-n6 {
+ margin-bottom: -4.5rem !important;
+ }
+
+ .mb-lg-n7 {
+ margin-bottom: -6rem !important;
+ }
+
+ .mb-lg-n8 {
+ margin-bottom: -9rem !important;
+ }
+
+ .mb-lg-n9 {
+ margin-bottom: -12rem !important;
+ }
+
+ .ms-lg-n1 {
+ margin-left: -0.25rem !important;
+ }
+
+ .ms-lg-n2 {
+ margin-left: -0.5rem !important;
+ }
+
+ .ms-lg-n3 {
+ margin-left: -1rem !important;
+ }
+
+ .ms-lg-n4 {
+ margin-left: -1.5rem !important;
+ }
+
+ .ms-lg-n5 {
+ margin-left: -3rem !important;
+ }
+
+ .ms-lg-n6 {
+ margin-left: -4.5rem !important;
+ }
+
+ .ms-lg-n7 {
+ margin-left: -6rem !important;
+ }
+
+ .ms-lg-n8 {
+ margin-left: -9rem !important;
+ }
+
+ .ms-lg-n9 {
+ margin-left: -12rem !important;
+ }
+
+ .p-lg-0 {
+ padding: 0 !important;
+ }
+
+ .p-lg-1 {
+ padding: 0.25rem !important;
+ }
+
+ .p-lg-2 {
+ padding: 0.5rem !important;
+ }
+
+ .p-lg-3 {
+ padding: 1rem !important;
+ }
+
+ .p-lg-4 {
+ padding: 1.5rem !important;
+ }
+
+ .p-lg-5 {
+ padding: 3rem !important;
+ }
+
+ .p-lg-6 {
+ padding: 4.5rem !important;
+ }
+
+ .p-lg-7 {
+ padding: 6rem !important;
+ }
+
+ .p-lg-8 {
+ padding: 9rem !important;
+ }
+
+ .p-lg-9 {
+ padding: 12rem !important;
+ }
+
+ .px-lg-0 {
+ padding-right: 0 !important;
+ padding-left: 0 !important;
+ }
+
+ .px-lg-1 {
+ padding-right: 0.25rem !important;
+ padding-left: 0.25rem !important;
+ }
+
+ .px-lg-2 {
+ padding-right: 0.5rem !important;
+ padding-left: 0.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;
+ }
+
+ .px-lg-6 {
+ padding-right: 4.5rem !important;
+ padding-left: 4.5rem !important;
+ }
+
+ .px-lg-7 {
+ padding-right: 6rem !important;
+ padding-left: 6rem !important;
+ }
+
+ .px-lg-8 {
+ padding-right: 9rem !important;
+ padding-left: 9rem !important;
+ }
+
+ .px-lg-9 {
+ padding-right: 12rem !important;
+ padding-left: 12rem !important;
+ }
+
+ .py-lg-0 {
+ padding-top: 0 !important;
+ padding-bottom: 0 !important;
+ }
+
+ .py-lg-1 {
+ padding-top: 0.25rem !important;
+ padding-bottom: 0.25rem !important;
+ }
+
+ .py-lg-2 {
+ padding-top: 0.5rem !important;
+ padding-bottom: 0.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;
+ }
+
+ .py-lg-6 {
+ padding-top: 4.5rem !important;
+ padding-bottom: 4.5rem !important;
+ }
+
+ .py-lg-7 {
+ padding-top: 6rem !important;
+ padding-bottom: 6rem !important;
+ }
+
+ .py-lg-8 {
+ padding-top: 9rem !important;
+ padding-bottom: 9rem !important;
+ }
+
+ .py-lg-9 {
+ padding-top: 12rem !important;
+ padding-bottom: 12rem !important;
+ }
+
+ .pt-lg-0 {
+ padding-top: 0 !important;
+ }
+
+ .pt-lg-1 {
+ padding-top: 0.25rem !important;
+ }
+
+ .pt-lg-2 {
+ padding-top: 0.5rem !important;
+ }
+
+ .pt-lg-3 {
+ padding-top: 1rem !important;
+ }
+
+ .pt-lg-4 {
+ padding-top: 1.5rem !important;
+ }
+
+ .pt-lg-5 {
+ padding-top: 3rem !important;
+ }
+
+ .pt-lg-6 {
+ padding-top: 4.5rem !important;
+ }
+
+ .pt-lg-7 {
+ padding-top: 6rem !important;
+ }
+
+ .pt-lg-8 {
+ padding-top: 9rem !important;
+ }
+
+ .pt-lg-9 {
+ padding-top: 12rem !important;
+ }
+
+ .pe-lg-0 {
+ padding-right: 0 !important;
+ }
+
+ .pe-lg-1 {
+ padding-right: 0.25rem !important;
+ }
+
+ .pe-lg-2 {
+ padding-right: 0.5rem !important;
+ }
+
+ .pe-lg-3 {
+ padding-right: 1rem !important;
+ }
+
+ .pe-lg-4 {
+ padding-right: 1.5rem !important;
+ }
+
+ .pe-lg-5 {
+ padding-right: 3rem !important;
+ }
+
+ .pe-lg-6 {
+ padding-right: 4.5rem !important;
+ }
+
+ .pe-lg-7 {
+ padding-right: 6rem !important;
+ }
+
+ .pe-lg-8 {
+ padding-right: 9rem !important;
+ }
+
+ .pe-lg-9 {
+ padding-right: 12rem !important;
+ }
+
+ .pb-lg-0 {
+ padding-bottom: 0 !important;
+ }
+
+ .pb-lg-1 {
+ padding-bottom: 0.25rem !important;
+ }
+
+ .pb-lg-2 {
+ padding-bottom: 0.5rem !important;
+ }
+
+ .pb-lg-3 {
+ padding-bottom: 1rem !important;
+ }
+
+ .pb-lg-4 {
+ padding-bottom: 1.5rem !important;
+ }
+
+ .pb-lg-5 {
+ padding-bottom: 3rem !important;
+ }
+
+ .pb-lg-6 {
+ padding-bottom: 4.5rem !important;
+ }
+
+ .pb-lg-7 {
+ padding-bottom: 6rem !important;
+ }
+
+ .pb-lg-8 {
+ padding-bottom: 9rem !important;
+ }
+
+ .pb-lg-9 {
+ padding-bottom: 12rem !important;
+ }
+
+ .ps-lg-0 {
+ padding-left: 0 !important;
+ }
+
+ .ps-lg-1 {
+ padding-left: 0.25rem !important;
+ }
+
+ .ps-lg-2 {
+ padding-left: 0.5rem !important;
+ }
+
+ .ps-lg-3 {
+ padding-left: 1rem !important;
+ }
+
+ .ps-lg-4 {
+ padding-left: 1.5rem !important;
+ }
+
+ .ps-lg-5 {
+ padding-left: 3rem !important;
+ }
+
+ .ps-lg-6 {
+ padding-left: 4.5rem !important;
+ }
+
+ .ps-lg-7 {
+ padding-left: 6rem !important;
+ }
+
+ .ps-lg-8 {
+ padding-left: 9rem !important;
+ }
+
+ .ps-lg-9 {
+ padding-left: 12rem !important;
+ }
+
+ .gap-lg-0 {
+ gap: 0 !important;
+ }
+
+ .gap-lg-1 {
+ gap: 0.25rem !important;
+ }
+
+ .gap-lg-2 {
+ gap: 0.5rem !important;
+ }
+
+ .gap-lg-3 {
+ gap: 1rem !important;
+ }
+
+ .gap-lg-4 {
+ gap: 1.5rem !important;
+ }
+
+ .gap-lg-5 {
+ gap: 3rem !important;
+ }
+
+ .gap-lg-6 {
+ gap: 4.5rem !important;
+ }
+
+ .gap-lg-7 {
+ gap: 6rem !important;
+ }
+
+ .gap-lg-8 {
+ gap: 9rem !important;
+ }
+
+ .gap-lg-9 {
+ gap: 12rem !important;
+ }
+
+ .text-lg-start {
+ text-align: left !important;
+ }
+
+ .text-lg-end {
+ text-align: right !important;
+ }
+
+ .text-lg-center {
+ text-align: center !important;
+ }
+}
+
+@media (min-width: 1200px) {
+ .float-xl-start {
+ float: left !important;
+ }
+
+ .float-xl-end {
+ float: right !important;
+ }
+
+ .float-xl-none {
+ float: none !important;
+ }
+
+ .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-table {
+ display: table !important;
+ }
+
+ .d-xl-table-row {
+ display: table-row !important;
+ }
+
+ .d-xl-table-cell {
+ display: table-cell !important;
+ }
+
+ .d-xl-flex {
+ display: -ms-flexbox !important;
+ display: flex !important;
+ }
+
+ .d-xl-inline-flex {
+ display: -ms-inline-flexbox !important;
+ display: inline-flex !important;
+ }
+
+ .d-xl-none {
+ display: none !important;
+ }
+
+ .flex-xl-fill {
+ -ms-flex: 1 1 auto !important;
+ flex: 1 1 auto !important;
+ }
+
+ .flex-xl-row {
+ -ms-flex-direction: row !important;
+ flex-direction: row !important;
+ }
+
+ .flex-xl-column {
+ -ms-flex-direction: column !important;
+ flex-direction: column !important;
+ }
+
+ .flex-xl-row-reverse {
+ -ms-flex-direction: row-reverse !important;
+ flex-direction: row-reverse !important;
+ }
+
+ .flex-xl-column-reverse {
+ -ms-flex-direction: column-reverse !important;
+ flex-direction: column-reverse !important;
+ }
+
+ .flex-xl-grow-0 {
+ -ms-flex-positive: 0 !important;
+ flex-grow: 0 !important;
+ }
+
+ .flex-xl-grow-1 {
+ -ms-flex-positive: 1 !important;
+ flex-grow: 1 !important;
+ }
+
+ .flex-xl-shrink-0 {
+ -ms-flex-negative: 0 !important;
+ flex-shrink: 0 !important;
+ }
+
+ .flex-xl-shrink-1 {
+ -ms-flex-negative: 1 !important;
+ flex-shrink: 1 !important;
+ }
+
+ .flex-xl-wrap {
+ -ms-flex-wrap: wrap !important;
+ flex-wrap: wrap !important;
+ }
+
+ .flex-xl-nowrap {
+ -ms-flex-wrap: nowrap !important;
+ flex-wrap: nowrap !important;
+ }
+
+ .flex-xl-wrap-reverse {
+ -ms-flex-wrap: wrap-reverse !important;
+ flex-wrap: wrap-reverse !important;
+ }
+
+ .justify-content-xl-start {
+ -ms-flex-pack: start !important;
+ justify-content: flex-start !important;
+ }
+
+ .justify-content-xl-end {
+ -ms-flex-pack: end !important;
+ justify-content: flex-end !important;
+ }
+
+ .justify-content-xl-center {
+ -ms-flex-pack: center !important;
+ justify-content: center !important;
+ }
+
+ .justify-content-xl-between {
+ -ms-flex-pack: justify !important;
+ justify-content: space-between !important;
+ }
+
+ .justify-content-xl-around {
+ -ms-flex-pack: distribute !important;
+ justify-content: space-around !important;
+ }
+
+ .justify-content-xl-evenly {
+ -ms-flex-pack: space-evenly !important;
+ justify-content: space-evenly !important;
+ }
+
+ .align-items-xl-start {
+ -ms-flex-align: start !important;
+ align-items: flex-start !important;
+ }
+
+ .align-items-xl-end {
+ -ms-flex-align: end !important;
+ align-items: flex-end !important;
+ }
+
+ .align-items-xl-center {
+ -ms-flex-align: center !important;
+ align-items: center !important;
+ }
+
+ .align-items-xl-baseline {
+ -ms-flex-align: baseline !important;
+ align-items: baseline !important;
+ }
+
+ .align-items-xl-stretch {
+ -ms-flex-align: stretch !important;
+ align-items: stretch !important;
+ }
+
+ .align-content-xl-start {
+ -ms-flex-line-pack: start !important;
+ align-content: flex-start !important;
+ }
+
+ .align-content-xl-end {
+ -ms-flex-line-pack: end !important;
+ align-content: flex-end !important;
+ }
+
+ .align-content-xl-center {
+ -ms-flex-line-pack: center !important;
+ align-content: center !important;
+ }
+
+ .align-content-xl-between {
+ -ms-flex-line-pack: justify !important;
+ align-content: space-between !important;
+ }
+
+ .align-content-xl-around {
+ -ms-flex-line-pack: distribute !important;
+ align-content: space-around !important;
+ }
+
+ .align-content-xl-stretch {
+ -ms-flex-line-pack: stretch !important;
+ align-content: stretch !important;
+ }
+
+ .align-self-xl-auto {
+ -ms-flex-item-align: auto !important;
+ align-self: auto !important;
+ }
+
+ .align-self-xl-start {
+ -ms-flex-item-align: start !important;
+ align-self: flex-start !important;
+ }
+
+ .align-self-xl-end {
+ -ms-flex-item-align: end !important;
+ align-self: flex-end !important;
+ }
+
+ .align-self-xl-center {
+ -ms-flex-item-align: center !important;
+ align-self: center !important;
+ }
+
+ .align-self-xl-baseline {
+ -ms-flex-item-align: baseline !important;
+ align-self: baseline !important;
+ }
+
+ .align-self-xl-stretch {
+ -ms-flex-item-align: stretch !important;
+ align-self: stretch !important;
+ }
+
+ .order-xl-first {
+ -ms-flex-order: -1 !important;
+ order: -1 !important;
+ }
+
+ .order-xl-0 {
+ -ms-flex-order: 0 !important;
+ order: 0 !important;
+ }
+
+ .order-xl-1 {
+ -ms-flex-order: 1 !important;
+ order: 1 !important;
+ }
+
+ .order-xl-2 {
+ -ms-flex-order: 2 !important;
+ order: 2 !important;
+ }
+
+ .order-xl-3 {
+ -ms-flex-order: 3 !important;
+ order: 3 !important;
+ }
+
+ .order-xl-4 {
+ -ms-flex-order: 4 !important;
+ order: 4 !important;
+ }
+
+ .order-xl-5 {
+ -ms-flex-order: 5 !important;
+ order: 5 !important;
+ }
+
+ .order-xl-last {
+ -ms-flex-order: 6 !important;
+ order: 6 !important;
+ }
+
+ .m-xl-0 {
+ margin: 0 !important;
+ }
+
+ .m-xl-1 {
+ margin: 0.25rem !important;
+ }
+
+ .m-xl-2 {
+ margin: 0.5rem !important;
+ }
+
+ .m-xl-3 {
+ margin: 1rem !important;
+ }
+
+ .m-xl-4 {
+ margin: 1.5rem !important;
+ }
+
+ .m-xl-5 {
+ margin: 3rem !important;
+ }
+
+ .m-xl-6 {
+ margin: 4.5rem !important;
+ }
+
+ .m-xl-7 {
+ margin: 6rem !important;
+ }
+
+ .m-xl-8 {
+ margin: 9rem !important;
+ }
+
+ .m-xl-9 {
+ margin: 12rem !important;
+ }
+
+ .m-xl-auto {
+ margin: auto !important;
+ }
+
+ .mx-xl-0 {
+ margin-right: 0 !important;
+ margin-left: 0 !important;
+ }
+
+ .mx-xl-1 {
+ margin-right: 0.25rem !important;
+ margin-left: 0.25rem !important;
+ }
+
+ .mx-xl-2 {
+ margin-right: 0.5rem !important;
+ margin-left: 0.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-6 {
+ margin-right: 4.5rem !important;
+ margin-left: 4.5rem !important;
+ }
+
+ .mx-xl-7 {
+ margin-right: 6rem !important;
+ margin-left: 6rem !important;
+ }
+
+ .mx-xl-8 {
+ margin-right: 9rem !important;
+ margin-left: 9rem !important;
+ }
+
+ .mx-xl-9 {
+ margin-right: 12rem !important;
+ margin-left: 12rem !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: 0.25rem !important;
+ margin-bottom: 0.25rem !important;
+ }
+
+ .my-xl-2 {
+ margin-top: 0.5rem !important;
+ margin-bottom: 0.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-6 {
+ margin-top: 4.5rem !important;
+ margin-bottom: 4.5rem !important;
+ }
+
+ .my-xl-7 {
+ margin-top: 6rem !important;
+ margin-bottom: 6rem !important;
+ }
+
+ .my-xl-8 {
+ margin-top: 9rem !important;
+ margin-bottom: 9rem !important;
+ }
+
+ .my-xl-9 {
+ margin-top: 12rem !important;
+ margin-bottom: 12rem !important;
+ }
+
+ .my-xl-auto {
+ margin-top: auto !important;
+ margin-bottom: auto !important;
+ }
+
+ .mt-xl-0 {
+ margin-top: 0 !important;
+ }
+
+ .mt-xl-1 {
+ margin-top: 0.25rem !important;
+ }
+
+ .mt-xl-2 {
+ margin-top: 0.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-6 {
+ margin-top: 4.5rem !important;
+ }
+
+ .mt-xl-7 {
+ margin-top: 6rem !important;
+ }
+
+ .mt-xl-8 {
+ margin-top: 9rem !important;
+ }
+
+ .mt-xl-9 {
+ margin-top: 12rem !important;
+ }
+
+ .mt-xl-auto {
+ margin-top: auto !important;
+ }
+
+ .me-xl-0 {
+ margin-right: 0 !important;
+ }
+
+ .me-xl-1 {
+ margin-right: 0.25rem !important;
+ }
+
... 10185 lines suppressed ...