*{margin:0;padding:0;box-sizing: border-box;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{vertical-align:baseline;text-decoration:none;margin:0;padding:0;}
ol,ul {list-style-type: none;}
a {text-decoration: none; display: inline-block; color: inherit;}
a:hover,a:focus,a:visited {text-decoration: none; outline: none;}
img {max-width: 100%; display: block;}
button {border:none;outline: none;box-shadow: none;display: block; padding: 0;cursor: pointer;background: transparent;}
button:focus {outline: none;}
input,textarea {outline: none; box-shadow: none;transition: all 0.3s ease-in-out;}
audio,video,canvas {max-width: 100%;}
iframe {border: none !important;}
.p0 {padding: 0 !important;}
.m0 {margin: 0 !important;}
.pt-5 {padding-top: 5px !important;}
.pt-10 {padding-top: 10px;}
.pt-15 {padding-top: 15px;}
.pt-20 {padding-top: 20px;}
.pt-25 {padding-top: 25px;}
.pt-30 {padding-top: 30px;}
.pt-35 {padding-top: 35px;}
.pt-40 {padding-top: 40px;}
.pt-45 {padding-top: 45px;}
.pt-50 {padding-top: 50px;}
.pt-55 {padding-top: 55px;}
.pt-60 {padding-top: 60px;}
.pt-65 {padding-top: 65px;}
.pt-70 {padding-top: 70px;}
.pt-75 {padding-top: 75px;}
.pt-80 {padding-top: 80px;}
.pt-85 {padding-top: 85px;}
.pt-90 {padding-top: 90px;}
.pt-95 {padding-top: 95px;}
.pt-100 {padding-top: 100px;}
.pt-110 {padding-top: 110px;}
. xl:pt-[120px] lg:pt-[120px] {padding-top: 120px;}
.pt-130 {padding-top: 130px;}
.pt-140 {padding-top: 140px;}
.pt-150 {padding-top: 150px;}
.pt-160 {padding-top: 160px;}
.pt-170 {padding-top: 170px;}
.pt-180 {padding-top: 180px;}
.pt-190 {padding-top: 190px;}
.pt-200 {padding-top: 200px;}
.pt-225 {padding-top: 225px;}
.pt-250 {padding-top: 250px;}
.pt-300 {padding-top: 300px;}
.pt-350 {padding-top: 350px;}
.pb-5 {padding-bottom: 5px !important;}
.pb-10 {padding-bottom: 10px;}
.pb-15 {padding-bottom: 15px;}
.pb-20 {padding-bottom: 20px;}
.pb-25 {padding-bottom: 25px;}
.pb-30 {padding-bottom: 30px;}
.pb-35 {padding-bottom: 35px;}
.pb-40 {padding-bottom: 40px;}
. xl:pb-[45px] lg:pb-[45px] {padding-bottom: 45px;}
. pb-[50px] {padding-bottom: 50px;}
.pb-55 {padding-bottom: 55px;}
.pb-60 {padding-bottom: 60px;}
.pb-65 {padding-bottom: 65px;}
. pb-[70px] {padding-bottom: 70px;}
.pb-75 {padding-bottom: 75px;}
.pb-80 {padding-bottom: 80px;}
.pb-85 {padding-bottom: 85px;}
.pb-90 {padding-bottom: 90px;}
.pb-95 {padding-bottom: 95px;}
.pb-100 {padding-bottom: 100px;}
.pb-110 {padding-bottom: 110px;}
.pb-120 {padding-bottom: 120px;}
. xl:pb-[130px] lg:pb-[130px] {padding-bottom: 130px;}
.pb-140 {padding-bottom: 140px;}
. pb-[150px] {padding-bottom: 150px;}
. xl:pb-[160px] lg:pb-[160px] {padding-bottom: 160px;}
. xl:pb-[170px] lg:pb-[170px] {padding-bottom: 170px;}
.pb-180 {padding-bottom: 180px;}
.pb-190 {padding-bottom: 190px;}
.pb-200 {padding-bottom: 200px;}
.pb-225 {padding-bottom: 225px;}
.pb-250 {padding-bottom: 250px;}
.pb-300 {padding-bottom: 300px;}
.pb-350 {padding-bottom: 350px;}
.mt-5 {margin-top: 5px !important;}
.mt-10 {margin-top: 10px;}
.mt-15 {margin-top: 15px;}
.mt-20 {margin-top: 20px;}
.mt-25 {margin-top: 25px;}
. mt-[30px] {margin-top: 30px;}
.mt-35 {margin-top: 35px;}
.mt-40 {margin-top: 40px;}
.mt-45 {margin-top: 45px;}
.mt-50 {margin-top: 50px;}
.mt-55 {margin-top: 55px;}
.mt-60 {margin-top: 60px;}
.mt-65 {margin-top: 65px;}
. mt-[70px] {margin-top: 70px;}
. mt-[75px] {margin-top: 75px;}
.mt-80 {margin-top: 80px;}
.mt-85 {margin-top: 85px;}
.mt-90 {margin-top: 90px;}
.mt-95 {margin-top: 95px;}
.mt-100 {margin-top: 100px;}
.mt-110 {margin-top: 110px;}
.mt-120 {margin-top: 120px;}
.mt-130 {margin-top: 130px;}
.mt-140 {margin-top: 140px;}
.mt-150 {margin-top: 150px;}
.mt-160 {margin-top: 160px;}
.mt-170 {margin-top: 170px;}
.mt-180 {margin-top: 180px;}
.mt-190 {margin-top: 190px;}
.mt-200 {margin-top: 200px;}
.mt-225 {margin-top: 225px;}
.mt-250 {margin-top: 250px;}
.mt-300 {margin-top: 300px;}
.mt-350 {margin-top: 350px;}
.mb-5 {margin-bottom: 5px !important;}
.mb-10 {margin-bottom: 10px;}
.mb-15 {margin-bottom: 15px;}
.mb-20 {margin-bottom: 20px;}
.mb-25 {margin-bottom: 25px;}
.mb-30 {margin-bottom: 30px;}
.mb-35 {margin-bottom: 35px;}
.mb-40 {margin-bottom: 40px;}
.mb-45 {margin-bottom: 45px;}
.mb-50 {margin-bottom: 50px;}
.mb-55 {margin-bottom: 55px;}
.mb-60 {margin-bottom: 60px;}
.mb-65 {margin-bottom: 65px;}
.mb-70 {margin-bottom: 70px;}
.mb-75 {margin-bottom: 75px;}
. xl:mb-20 lg:mb-20 {margin-bottom: 80px;}
.mb-85 {margin-bottom: 85px;}
.mb-90 {margin-bottom: 90px;}
.mb-95 {margin-bottom: 95px;}
.mb-100 {margin-bottom: 100px;}
.mb-110 {margin-bottom: 110px;}
.mb-120 {margin-bottom: 120px;}
.mb-130 {margin-bottom: 130px;}
.mb-140 {margin-bottom: 140px;}
.mb-150 {margin-bottom: 150px;}
.mb-160 {margin-bottom: 160px;}
.mb-170 {margin-bottom: 170px;}
.mb-180 {margin-bottom: 180px;}
.mb-190 {margin-bottom: 190px;}
.mb-200 {margin-bottom: 200px;}
.mb-225 {margin-bottom: 225px;}
.mb-250 {margin-bottom: 250px;}
.mb-300 {margin-bottom: 300px;}
.mb-350 {margin-bottom: 350px;}
@media (max-width: 1199px) {
.lg-p0 {padding: 0 !important;}
.lg-m0 {margin: 0 !important;}
.lg-pt-10 {padding-top: 10px !important;}
.lg-pt-20 {padding-top: 20px !important;}
.lg-pt-30 {padding-top: 30px !important;}
.lg-pt-40 {padding-top: 40px !important;}
.lg-pt-50 {padding-top: 50px !important;}
.lg-pt-60 {padding-top: 60px !important;}
.lg-pt-70 {padding-top: 70px !important;}
. xl:pt-20 lg:pt-20 {padding-top: 80px !important;}
.lg-pt-90 {padding-top: 90px !important;}
.lg-pt-100 {padding-top: 100px !important;}
.lg-pt-110 {padding-top: 110px !important;}
.lg- xl:pt-[120px] lg:pt-[120px] {padding-top: 120px !important;}
.lg-pt-130 {padding-top: 130px !important;}
.lg-pt-140 {padding-top: 140px !important;}
.lg-pt-150 {padding-top: 150px !important;}
.lg-pt-200 {padding-top: 200px !important;}
.lg-pb-10 {padding-bottom: 10px !important;}
.lg-pb-20 {padding-bottom: 20px !important;}
.lg-pb-30 {padding-bottom: 30px !important;}
.lg-pb-40 {padding-bottom: 40px !important;}
.lg- pb-[50px] {padding-bottom: 50px !important;}
.lg-pb-60 {padding-bottom: 60px !important;}
.lg- pb-[70px] {padding-bottom: 70px !important;}
.lg-pb-80 {padding-bottom: 80px !important;}
.lg-pb-90 {padding-bottom: 90px !important;}
.lg-pb-100 {padding-bottom: 100px !important;}
.lg-pb-110 {padding-bottom: 110px !important;}
.lg-pb-120 {padding-bottom: 120px !important;}
.lg- xl:pb-[130px] lg:pb-[130px] {padding-bottom: 130px !important;}
.lg-pb-140 {padding-bottom: 140px !important;}
.lg- pb-[150px] {padding-bottom: 150px !important;}
.lg-pb-200 {padding-bottom: 200px !important;}
.lg-mt-10 {margin-top: 10px !important;}
.lg-mt-20 {margin-top: 20px !important;}
.lg- mt-[30px] {margin-top: 30px !important;}
.lg-mt-40 {margin-top: 40px !important;}
.lg-mt-50 {margin-top: 50px !important;}
.lg-mt-60 {margin-top: 60px !important;}
.lg- mt-[70px] {margin-top: 70px !important;}
.lg-mt-80 {margin-top: 80px !important;}
.lg-mt-90 {margin-top: 90px !important;}
.lg-mt-100 {margin-top: 100px !important;}
.lg-mt-110 {margin-top: 110px !important;}
.lg-mt-120 {margin-top: 120px !important;}
.lg-mt-130 {margin-top: 130px !important;}
.lg-mt-140 {margin-top: 140px !important;}
.lg-mt-150 {margin-top: 150px !important;}
.lg-mt-200 {margin-top: 200px !important;}
.lg-mb-10 {margin-bottom: 10px !important;}
.lg-mb-20 {margin-bottom: 20px !important;}
.lg-mb-30 {margin-bottom: 30px !important;}
.lg-mb-40 {margin-bottom: 40px !important;}
.lg-mb-50 {margin-bottom: 50px !important;}
.lg-mb-60 {margin-bottom: 60px !important;}
.lg-mb-70 {margin-bottom: 70px !important;}
.lg- xl:mb-20 lg:mb-20 {margin-bottom: 80px !important;}
.lg-mb-90 {margin-bottom: 90px !important;}
.lg-mb-100 {margin-bottom: 100px !important;}
.lg-mb-110 {margin-bottom: 110px !important;}
.lg-mb-120 {margin-bottom: 120px !important;}
.lg-mb-130 {margin-bottom: 130px !important;}
.lg-mb-140 {margin-bottom: 140px !important;}
.lg-mb-150 {margin-bottom: 150px !important;}
.lg-mb-200 {margin-bottom: 200px !important;}
}
/*(max-width: 1199px)*/
@media (max-width: 991px) {
.md-p0 {padding: 0 !important;}
.md-m0 {margin: 0 !important;}
.md-pt-10 {padding-top: 10px !important;}
.md-pt-20 {padding-top: 20px !important;}
.md-pt-30 {padding-top: 30px !important;}
.md-pt-40 {padding-top: 40px !important;}
.md-pt-50 {padding-top: 50px !important;}
.md-pt-60 {padding-top: 60px !important;}
.md-pt-70 {padding-top: 70px !important;}
.md-pt-80 {padding-top: 80px !important;}
.md-pt-90 {padding-top: 90px !important;}
. md:pt-[100px] sm:pt-[100px] {padding-top: 100px !important;}
.md-pt-110 {padding-top: 110px !important;}
.md- xl:pt-[120px] lg:pt-[120px] {padding-top: 120px !important;}
.md-pt-130 {padding-top: 130px !important;}
.md-pt-140 {padding-top: 140px !important;}
.md-pt-150 {padding-top: 150px !important;}
.md-pt-200 {padding-top: 200px !important;}
.md-pb-10 {padding-bottom: 10px !important;}
. md:pb-5 sm:pb-5 {padding-bottom: 20px !important;}
.md-pb-30 {padding-bottom: 30px !important;}
. md:pb-10 sm:pb-10 {padding-bottom: 40px !important;}
.md- pb-[50px] {padding-bottom: 50px !important;}
. md:pb-[60px] sm:pb-[60px] {padding-bottom: 60px !important;}
.md- pb-[70px] {padding-bottom: 70px !important;}
.md-pb-80 {padding-bottom: 80px !important;}
.md-pb-90 {padding-bottom: 90px !important;}
. md:pb-[100px] sm:pb-[100px] {padding-bottom: 100px !important;}
.md-pb-110 {padding-bottom: 110px !important;}
. md:pb-[120px] sm:pb-[120px] {padding-bottom: 120px !important;}
.md- xl:pb-[130px] lg:pb-[130px] {padding-bottom: 130px !important;}
.md-pb-140 {padding-bottom: 140px !important;}
. md:pb-[150px] {padding-bottom: 150px !important;}
.md-pb-200 {padding-bottom: 200px !important;}
.md-mt-10 {margin-top: 10px !important;}
.md-mt-20 {margin-top: 20px !important;}
.md- mt-[30px] {margin-top: 30px !important;}
.md-mt-40 {margin-top: 40px !important;}
.md-mt-50 {margin-top: 50px !important;}
.md-mt-60 {margin-top: 60px !important;}
.md- mt-[70px] {margin-top: 70px !important;}
.md-mt-80 {margin-top: 80px !important;}
.md-mt-90 {margin-top: 90px !important;}
.md-mt-100 {margin-top: 100px !important;}
.md-mt-110 {margin-top: 110px !important;}
.md-mt-120 {margin-top: 120px !important;}
.md-mt-130 {margin-top: 130px !important;}
.md-mt-140 {margin-top: 140px !important;}
.md-mt-150 {margin-top: 150px !important;}
.md-mt-200 {margin-top: 200px !important;}
.md-mb-10 {margin-bottom: 10px !important;}
.md-mb-20 {margin-bottom: 20px !important;}
.md-mb-30 {margin-bottom: 30px !important;}
.md-mb-40 {margin-bottom: 40px !important;}
.md-mb-50 {margin-bottom: 50px !important;}
.md-mb-60 {margin-bottom: 60px !important;}
.md-mb-70 {margin-bottom: 70px !important;}
.md- xl:mb-20 lg:mb-20 {margin-bottom: 80px !important;}
.md-mb-90 {margin-bottom: 90px !important;}
.md-mb-100 {margin-bottom: 100px !important;}
.md-mb-110 {margin-bottom: 110px !important;}
.md-mb-120 {margin-bottom: 120px !important;}
.md-mb-130 {margin-bottom: 130px !important;}
.md-mb-140 {margin-bottom: 140px !important;}
.md-mb-150 {margin-bottom: 150px !important;}
.md-mb-200 {margin-bottom: 200px !important;}
}
/*(max-width: 991px)*/
@media (max-width: 767px) {
.sm-p0 {padding: 0 !important;}
.sm-m0 {margin: 0 !important;}
.sm-pt-10 {padding-top: 10px !important;}
.sm-pt-20 {padding-top: 20px !important;}
.sm-pt-30 {padding-top: 30px !important;}
.sm-pt-40 {padding-top: 40px !important;}
.sm-pt-50 {padding-top: 50px !important;}
.sm-pt-60 {padding-top: 60px !important;}
.sm-pt-70 {padding-top: 70px !important;}
.sm-pt-80 {padding-top: 80px !important;}
.sm-pt-90 {padding-top: 90px !important;}
.sm-pt-100 {padding-top: 100px !important;}
.sm-pt-110 {padding-top: 110px !important;}
.sm- xl:pt-[120px] lg:pt-[120px] {padding-top: 120px !important;}
.sm-pt-130 {padding-top: 130px !important;}
.sm-pt-140 {padding-top: 140px !important;}
.sm-pt-150 {padding-top: 150px !important;}
.sm-pt-200 {padding-top: 200px !important;}
.sm-pb-10 {padding-bottom: 10px !important;}
.sm-pb-20 {padding-bottom: 20px !important;}
.sm-pb-30 {padding-bottom: 30px !important;}
.sm-pb-40 {padding-bottom: 40px !important;}
.sm- pb-[50px] {padding-bottom: 50px !important;}
.sm-pb-60 {padding-bottom: 60px !important;}
.sm- pb-[70px] {padding-bottom: 70px !important;}
.sm-pb-80 {padding-bottom: 80px !important;}
.sm-pb-90 {padding-bottom: 90px !important;}
.sm-pb-100 {padding-bottom: 100px !important;}
.sm-pb-110 {padding-bottom: 110px !important;}
.sm-pb-120 {padding-bottom: 120px !important;}
.sm- xl:pb-[130px] lg:pb-[130px] {padding-bottom: 130px !important;}
.sm-pb-140 {padding-bottom: 140px !important;}
.sm- pb-[150px] {padding-bottom: 150px !important;}
.sm-pb-200 {padding-bottom: 200px !important;}
.sm-mt-10 {margin-top: 10px !important;}
.sm-mt-20 {margin-top: 20px !important;}
.sm- mt-[30px] {margin-top: 30px !important;}
.sm-mt-40 {margin-top: 40px !important;}
.sm-mt-50 {margin-top: 50px !important;}
.sm-mt-60 {margin-top: 60px !important;}
.sm- mt-[70px] {margin-top: 70px !important;}
.sm-mt-80 {margin-top: 80px !important;}
.sm-mt-90 {margin-top: 90px !important;}
.sm-mt-100 {margin-top: 100px !important;}
.sm-mt-110 {margin-top: 110px !important;}
.sm-mt-120 {margin-top: 120px !important;}
.sm-mt-130 {margin-top: 130px !important;}
.sm-mt-140 {margin-top: 140px !important;}
.sm-mt-150 {margin-top: 150px !important;}
.sm-mt-200 {margin-top: 200px !important;}
.sm-mb-10 {margin-bottom: 10px !important;}
. sm:mb-5 {margin-bottom: 20px !important;}
.sm-mb-30 {margin-bottom: 30px !important;}
.sm-mb-40 {margin-bottom: 40px !important;}
.sm-mb-50 {margin-bottom: 50px !important;}
.sm-mb-60 {margin-bottom: 60px !important;}
.sm-mb-70 {margin-bottom: 70px !important;}
.sm- xl:mb-20 lg:mb-20 {margin-bottom: 80px !important;}
.sm-mb-90 {margin-bottom: 90px !important;}
.sm-mb-100 {margin-bottom: 100px !important;}
.sm-mb-110 {margin-bottom: 110px !important;}
.sm-mb-120 {margin-bottom: 120px !important;}
.sm-mb-130 {margin-bottom: 130px !important;}
.sm-mb-140 {margin-bottom: 140px !important;}
.sm-mb-150 {margin-bottom: 150px !important;}
.sm-mb-200 {margin-bottom: 200px !important;}
}
/*(max-width: 767px)*/
/*
! tailwindcss v3.3.3 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
*,
::before,
::after {
box-sizing: border-box; /* 1 */
border-width: 0; /* 2 */
border-style: solid; /* 2 */
border-color: #E5E7EB; /* 2 */
}
::before,
::after {
--tw-content: '';
}
/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
*/
html {
line-height: 1.5; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
-moz-tab-size: 4; /* 3 */
-o-tab-size: 4;
tab-size: 4; /* 3 */
font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
font-feature-settings: normal; /* 5 */
font-variation-settings: normal; /* 6 */
}
/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {
margin: 0; /* 1 */
line-height: inherit; /* 2 */
}
/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
height: 0; /* 1 */
color: inherit; /* 2 */
border-top-width: 1px; /* 3 */
}
/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]) {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
font-weight: inherit;
}
/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
color: inherit;
text-decoration: inherit;
}
/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
font-weight: bolder;
}
/*
1. Use the user's configured `mono` font family by default.
2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
font-size: 1em; /* 2 */
}
/*
Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
text-indent: 0; /* 1 */
border-color: inherit; /* 2 */
border-collapse: collapse; /* 3 */
}
/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit; /* 1 */
font-feature-settings: inherit; /* 1 */
font-variation-settings: inherit; /* 1 */
font-size: 100%; /* 1 */
font-weight: inherit; /* 1 */
line-height: inherit; /* 1 */
color: inherit; /* 1 */
margin: 0; /* 2 */
padding: 0; /* 3 */
}
/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
text-transform: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
[type='button'],
[type='reset'],
[type='submit'] {
-webkit-appearance: button; /* 1 */
background-color: transparent; /* 2 */
background-image: none; /* 2 */
}
/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
outline: auto;
}
/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
box-shadow: none;
}
/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
vertical-align: baseline;
}
/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
height: auto;
}
/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}
/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
-webkit-appearance: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}
/*
Add the correct display in Chrome and Safari.
*/
summary {
display: list-item;
}
/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
margin: 0;
}
fieldset {
margin: 0;
padding: 0;
}
legend {
padding: 0;
}
ol,
ul,
menu {
list-style: none;
margin: 0;
padding: 0;
}
/*
Reset default styling for dialogs.
*/
dialog {
padding: 0;
}
/*
Prevent resizing textareas horizontally by default.
*/
textarea {
resize: vertical;
}
/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input::-moz-placeholder, textarea::-moz-placeholder {
opacity: 1; /* 1 */
color: #9CA3AF; /* 2 */
}
input::placeholder,
textarea::placeholder {
opacity: 1; /* 1 */
color: #9CA3AF; /* 2 */
}
/*
Set the default cursor for buttons.
*/
button,
[role="button"] {
cursor: pointer;
}
/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
cursor: default;
}
/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
display: block; /* 1 */
vertical-align: middle; /* 2 */
}
/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
max-width: 100%;
height: auto;
}
/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden] {
display: none;
}
.tooltip-arrow,.tooltip-arrow:before {
position: absolute;
width: 8px;
height: 8px;
background: inherit;
}
.tooltip-arrow {
visibility: hidden;
}
.tooltip-arrow:before {
content: "";
visibility: visible;
transform: rotate(45deg);
}
[data-tooltip-style^='light'] + .tooltip > .tooltip-arrow:before {
border-style: solid;
border-color: #e5e7eb;
}
[data-tooltip-style^='light'] + .tooltip[data-popper-placement^='top'] > .tooltip-arrow:before {
border-bottom-width: 1px;
border-right-width: 1px;
}
[data-tooltip-style^='light'] + .tooltip[data-popper-placement^='right'] > .tooltip-arrow:before {
border-bottom-width: 1px;
border-left-width: 1px;
}
[data-tooltip-style^='light'] + .tooltip[data-popper-placement^='bottom'] > .tooltip-arrow:before {
border-top-width: 1px;
border-left-width: 1px;
}
[data-tooltip-style^='light'] + .tooltip[data-popper-placement^='left'] > .tooltip-arrow:before {
border-top-width: 1px;
border-right-width: 1px;
}
.tooltip[data-popper-placement^='top'] > .tooltip-arrow {
bottom: -4px;
}
.tooltip[data-popper-placement^='bottom'] > .tooltip-arrow {
top: -4px;
}
.tooltip[data-popper-placement^='left'] > .tooltip-arrow {
right: -4px;
}
.tooltip[data-popper-placement^='right'] > .tooltip-arrow {
left: -4px;
}
.tooltip.invisible > .tooltip-arrow:before {
visibility: hidden;
}
[data-popper-arrow],[data-popper-arrow]:before {
position: absolute;
width: 8px;
height: 8px;
background: inherit;
}
[data-popper-arrow] {
visibility: hidden;
}
[data-popper-arrow]:before {
content: "";
visibility: visible;
transform: rotate(45deg);
}
[data-popper-arrow]:after {
content: "";
visibility: visible;
transform: rotate(45deg);
position: absolute;
width: 9px;
height: 9px;
background: inherit;
}
[role="tooltip"] > [data-popper-arrow]:before {
border-style: solid;
border-color: #e5e7eb;
}
.dark [role="tooltip"] > [data-popper-arrow]:before {
border-style: solid;
border-color: #4b5563;
}
[role="tooltip"] > [data-popper-arrow]:after {
border-style: solid;
border-color: #e5e7eb;
}
.dark [role="tooltip"] > [data-popper-arrow]:after {
border-style: solid;
border-color: #4b5563;
}
[data-popover][role="tooltip"][data-popper-placement^='top'] > [data-popper-arrow]:before {
border-bottom-width: 1px;
border-right-width: 1px;
}
[data-popover][role="tooltip"][data-popper-placement^='top'] > [data-popper-arrow]:after {
border-bottom-width: 1px;
border-right-width: 1px;
}
[data-popover][role="tooltip"][data-popper-placement^='right'] > [data-popper-arrow]:before {
border-bottom-width: 1px;
border-left-width: 1px;
}
[data-popover][role="tooltip"][data-popper-placement^='right'] > [data-popper-arrow]:after {
border-bottom-width: 1px;
border-left-width: 1px;
}
[data-popover][role="tooltip"][data-popper-placement^='bottom'] > [data-popper-arrow]:before {
border-top-width: 1px;
border-left-width: 1px;
}
[data-popover][role="tooltip"][data-popper-placement^='bottom'] > [data-popper-arrow]:after {
border-top-width: 1px;
border-left-width: 1px;
}
[data-popover][role="tooltip"][data-popper-placement^='left'] > [data-popper-arrow]:before {
border-top-width: 1px;
border-right-width: 1px;
}
[data-popover][role="tooltip"][data-popper-placement^='left'] > [data-popper-arrow]:after {
border-top-width: 1px;
border-right-width: 1px;
}
[data-popover][role="tooltip"][data-popper-placement^='top'] > [data-popper-arrow] {
bottom: -5px;
}
[data-popover][role="tooltip"][data-popper-placement^='bottom'] > [data-popper-arrow] {
top: -5px;
}
[data-popover][role="tooltip"][data-popper-placement^='left'] > [data-popper-arrow] {
right: -5px;
}
[data-popover][role="tooltip"][data-popper-placement^='right'] > [data-popper-arrow] {
left: -5px;
}
[role="tooltip"].invisible > [data-popper-arrow]:before {
visibility: hidden;
}
[role="tooltip"].invisible > [data-popper-arrow]:after {
visibility: hidden;
}
[type='text'],[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #fff;
border-color: #6B7280;
border-width: 1px;
border-radius: 0px;
padding-top: 0.5rem;
padding-right: 0.75rem;
padding-bottom: 0.5rem;
padding-left: 0.75rem;
font-size: 1rem;
line-height: 1.5rem;
--tw-shadow: 0 0 #0000;
}
[type='text']:focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus {
outline: 2px solid transparent;
outline-offset: 2px;
--tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: #1C64F2;
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
border-color: #1C64F2;
}
input::-moz-placeholder, textarea::-moz-placeholder {
color: #6B7280;
opacity: 1;
}
input::placeholder,textarea::placeholder {
color: #6B7280;
opacity: 1;
}
::-webkit-datetime-edit-fields-wrapper {
padding: 0;
}
input[type="time"]::-webkit-calendar-picker-indicator {
background: none;
}
select:not([size]) {
background-image: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 10 6'%3e %3cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 1 4 4 4-4'/%3e %3c/svg%3e");
background-position: right 0.75rem center;
background-repeat: no-repeat;
background-size: 0.75em 0.75em;
padding-right: 2.5rem;
print-color-adjust: exact;
}
:is([dir=rtl]) select:not([size]) {
background-position: left 0.75rem center;
padding-right: 0.75rem;
padding-left: 0;
}
[multiple] {
background-image: initial;
background-position: initial;
background-repeat: unset;
background-size: initial;
padding-right: 0.75rem;
print-color-adjust: unset;
}
[type='checkbox'],[type='radio'] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 0;
print-color-adjust: exact;
display: inline-block;
vertical-align: middle;
background-origin: border-box;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
flex-shrink: 0;
height: 1rem;
width: 1rem;
color: #1C64F2;
background-color: #fff;
border-color: #6B7280;
border-width: 1px;
--tw-shadow: 0 0 #0000;
}
[type='checkbox'] {
border-radius: 0px;
}
[type='radio'] {
border-radius: 100%;
}
[type='checkbox']:focus,[type='radio']:focus {
outline: 2px solid transparent;
outline-offset: 2px;
--tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
--tw-ring-offset-width: 2px;
--tw-ring-offset-color: #fff;
--tw-ring-color: #1C64F2;
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
[type='checkbox']:checked,[type='radio']:checked,.dark [type='checkbox']:checked,.dark [type='radio']:checked {
border-color: transparent;
background-color: currentColor;
background-size: 0.55em 0.55em;
background-position: center;
background-repeat: no-repeat;
}
[type='checkbox']:checked {
background-image: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 12'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M1 5.917 5.724 10.5 15 1.5'/%3e %3c/svg%3e");
background-repeat: no-repeat;
background-size: 0.55em 0.55em;
print-color-adjust: exact;
}
[type='radio']:checked {
background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
background-size: 1em 1em;
}
.dark [type='radio']:checked {
background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
background-size: 1em 1em;
}
[type='checkbox']:indeterminate {
background-image: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 12'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M0.5 6h14'/%3e %3c/svg%3e");
background-color: currentColor;
border-color: transparent;
background-position: center;
background-repeat: no-repeat;
background-size: 0.55em 0.55em;
print-color-adjust: exact;
}
[type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus {
border-color: transparent;
background-color: currentColor;
}
[type='file'] {
background: unset;
border-color: inherit;
border-width: 0;
border-radius: 0;
padding: 0;
font-size: unset;
line-height: inherit;
}
[type='file']:focus {
outline: 1px auto inherit;
}
input[type=file]::file-selector-button {
color: white;
background: #1F2937;
border: 0;
font-weight: 500;
font-size: 0.875rem;
cursor: pointer;
padding-top: 0.625rem;
padding-bottom: 0.625rem;
padding-left: 2rem;
padding-right: 1rem;
margin-inline-start: -1rem;
margin-inline-end: 1rem;
}
input[type=file]::file-selector-button:hover {
background: #374151;
}
:is([dir=rtl]) input[type=file]::file-selector-button {
padding-right: 2rem;
padding-left: 1rem;
}
.dark input[type=file]::file-selector-button {
color: white;
background: #4B5563;
}
.dark input[type=file]::file-selector-button:hover {
background: #6B7280;
}
input[type="range"]::-webkit-slider-thumb {
height: 1.25rem;
width: 1.25rem;
background: #1C64F2;
border-radius: 9999px;
border: 0;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
cursor: pointer;
}
input[type="range"]:disabled::-webkit-slider-thumb {
background: #9CA3AF;
}
.dark input[type="range"]:disabled::-webkit-slider-thumb {
background: #6B7280;
}
input[type="range"]:focus::-webkit-slider-thumb {
outline: 2px solid transparent;
outline-offset: 2px;
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
--tw-ring-opacity: 1px;
--tw-ring-color: rgb(164 202 254 / var(--tw-ring-opacity));
}
input[type="range"]::-moz-range-thumb {
height: 1.25rem;
width: 1.25rem;
background: #1C64F2;
border-radius: 9999px;
border: 0;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
cursor: pointer;
}
input[type="range"]:disabled::-moz-range-thumb {
background: #9CA3AF;
}
.dark input[type="range"]:disabled::-moz-range-thumb {
background: #6B7280;
}
input[type="range"]::-moz-range-progress {
background: #3F83F8;
}
input[type="range"]::-ms-fill-lower {
background: #3F83F8;
}
.toggle-bg:after {
content: "";
position: absolute;
top: 0.125rem;
left: 0.125rem;
background: white;
border-color: #D1D5DB;
border-width: 1px;
border-radius: 9999px;
height: 1.25rem;
width: 1.25rem;
transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
transition-duration: .15s;
box-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
}
input:checked + .toggle-bg:after {
transform: translateX(100%);;
border-color: white;
}
input:checked + .toggle-bg {
background: #1C64F2;
border-color: #1C64F2;
}
[type='text'],[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #fff;
border-color: #6B7280;
border-width: 1px;
border-radius: 0px;
padding-top: 0.5rem;
padding-right: 0.75rem;
padding-bottom: 0.5rem;
padding-left: 0.75rem;
font-size: 1rem;
line-height: 1.5rem;
--tw-shadow: 0 0 #0000;
}
[type='text']:focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus {
outline: 2px solid transparent;
outline-offset: 2px;
--tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: #1C64F2;
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
border-color: #1C64F2;
}
input::-moz-placeholder, textarea::-moz-placeholder {
color: #6B7280;
opacity: 1;
}
input::placeholder,textarea::placeholder {
color: #6B7280;
opacity: 1;
}
::-webkit-datetime-edit-fields-wrapper {
padding: 0;
}
::-webkit-date-and-time-value {
min-height: 1.5em;
}
::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field {
padding-top: 0;
padding-bottom: 0;
}
select {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
background-position: right 0.5rem center;
background-repeat: no-repeat;
background-size: 1.5em 1.5em;
padding-right: 2.5rem;
-webkit-print-color-adjust: exact;
color-adjust: exact;
}
[multiple] {
background-image: initial;
background-position: initial;
background-repeat: unset;
background-size: initial;
padding-right: 0.75rem;
-webkit-print-color-adjust: unset;
color-adjust: unset;
}
[type='checkbox'],[type='radio'] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 0;
-webkit-print-color-adjust: exact;
color-adjust: exact;
display: inline-block;
vertical-align: middle;
background-origin: border-box;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
flex-shrink: 0;
height: 1rem;
width: 1rem;
color: #1C64F2;
background-color: #fff;
border-color: #6B7280;
border-width: 1px;
--tw-shadow: 0 0 #0000;
}
[type='checkbox'] {
border-radius: 0px;
}
[type='radio'] {
border-radius: 100%;
}
[type='checkbox']:focus,[type='radio']:focus {
outline: 2px solid transparent;
outline-offset: 2px;
--tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
--tw-ring-offset-width: 2px;
--tw-ring-offset-color: #fff;
--tw-ring-color: #1C64F2;
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
[type='checkbox']:checked,[type='radio']:checked {
border-color: transparent;
background-color: currentColor;
background-size: 100% 100%;
background-position: center;
background-repeat: no-repeat;
}
[type='checkbox']:checked {
background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
}
[type='radio']:checked {
background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
}
[type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus {
border-color: transparent;
background-color: currentColor;
}
[type='checkbox']:indeterminate {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
border-color: transparent;
background-color: currentColor;
background-size: 100% 100%;
background-position: center;
background-repeat: no-repeat;
}
[type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus {
border-color: transparent;
background-color: currentColor;
}
[type='file'] {
background: unset;
border-color: inherit;
border-width: 0;
border-radius: 0;
padding: 0;
font-size: unset;
line-height: inherit;
}
[type='file']:focus {
outline: 1px auto -webkit-focus-ring-color;
}
body {
position: relative;
font-family: Roboto, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 1.7em !important;
color: var(--text-color);
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
vertical-align: baseline;
text-decoration: none;
margin: 0;
padding: 0;
}
a {
text-decoration: none;
display: inline-block;
color: inherit;
}
[multiple], [type=date], [type=datetime-local], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], select, textarea, input {
padding: 0px;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
outline: 2px solid transparent;
outline-offset: 2px;
transition-property: all;
transition-duration: 150ms;
transition-duration: 0.3s;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.h1,
h1,
.h2,
h2,
.h3,
h3,
.h4,
h4,
.h5,
h5,
.h6,
h6 {
font-weight: 400;
line-height: 1.1em;
color: var(--heading);
}
.h1,
h1 {
font-size: 80px;
line-height: 1.1em;
}
.h2,
h2 {
font-size: 52px;
line-height: 1.1em;
}
.h3,
h3 {
font-size: 2.25rem;
line-height: 2.5rem;
}
.h4,
h4 {
font-size: 22px;
}
.h5,
h5 {
font-size: 20px;
}
.h6,
h6 {
font-size: 15px;
}
img {
display: block;
max-width: 100%;
}
.mark,
mark {
--tw-bg-opacity: 1;
background-color: rgb(252 248 227 / var(--tw-bg-opacity));
padding: 0.2em;
}
code {
overflow-wrap: break-word;
font-size: 87.5%;
--tw-text-opacity: 1;
color: rgb(232 62 140 / var(--tw-text-opacity));
}
.clearfix::after {
clear: both;
display: block;
--tw-content: "";
content: var(--tw-content);
}
.collapse {
visibility: visible !important;
}
*, ::before, ::after {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(63 131 248 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
}
::backdrop {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(63 131 248 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
}
.container {
width: 100%;
}
@media (min-width: 576px) {
.container {
max-width: 576px;
}
}
@media (min-width: 768px) {
.container {
max-width: 768px;
}
}
@media (min-width: 992px) {
.container {
max-width: 992px;
}
}
@media (min-width: 1200px) {
.container {
max-width: 1200px;
}
}
.prose {
color: var(--tw-prose-body);
max-width: 65ch;
}
.prose :where(p):not(:where([class~="not-prose"] *)) {
margin-top: 1.25em;
margin-bottom: 1.25em;
}
.prose :where([class~="lead"]):not(:where([class~="not-prose"] *)) {
color: var(--tw-prose-lead);
font-size: 1.25em;
line-height: 1.6;
margin-top: 1.2em;
margin-bottom: 1.2em;
}
.prose :where(a):not(:where([class~="not-prose"] *)) {
color: var(--tw-prose-links);
text-decoration: underline;
font-weight: 500;
}
.prose :where(strong):not(:where([class~="not-prose"] *)) {
color: var(--tw-prose-bold);
font-weight: 600;
}
.prose :where(a strong):not(:where([class~="not-prose"] *)) {
color: inherit;
}
.prose :where(blockquote strong):not(:where([class~="not-prose"] *)) {
color: inherit;
}
.prose :where(thead th strong):not(:where([class~="not-prose"] *)) {
color: inherit;
}
.prose :where(ol):not(:where([class~="not-prose"] *)) {
list-style-type: decimal;
margin-top: 1.25em;
margin-bottom: 1.25em;
padding-left: 1.625em;
}
.prose :where(ol[type="A"]):not(:where([class~="not-prose"] *)) {
list-style-type: upper-alpha;
}
.prose :where(ol[type="a"]):not(:where([class~="not-prose"] *)) {
list-style-type: lower-alpha;
}
.prose :where(ol[type="A" s]):not(:where([class~="not-prose"] *)) {
list-style-type: upper-alpha;
}
.prose :where(ol[type="a" s]):not(:where([class~="not-prose"] *)) {
list-style-type: lower-alpha;
}
.prose :where(ol[type="I"]):not(:where([class~="not-prose"] *)) {
list-style-type: upper-roman;
}
.prose :where(ol[type="i"]):not(:where([class~="not-prose"] *)) {
list-style-type: lower-roman;
}
.prose :where(ol[type="I" s]):not(:where([class~="not-prose"] *)) {
list-style-type: upper-roman;
}
.prose :where(ol[type="i" s]):not(:where([class~="not-prose"] *)) {
list-style-type: lower-roman;
}
.prose :where(ol[type="1"]):not(:where([class~="not-prose"] *)) {
list-style-type: decimal;
}
.prose :where(ul):not(:where([class~="not-prose"] *)) {
list-style-type: disc;
margin-top: 1.25em;
margin-bottom: 1.25em;
padding-left: 1.625em;
}
.prose :where(ol > li):not(:where([class~="not-prose"] *))::marker {
font-weight: 400;
color: var(--tw-prose-counters);
}
.prose :where(ul > li):not(:where([class~="not-prose"] *))::marker {
color: var(--tw-prose-bullets);
}
.prose :where(hr):not(:where([class~="not-prose"] *)) {
border-color: var(--tw-prose-hr);
border-top-width: 1px;
margin-top: 3em;
margin-bottom: 3em;
}
.prose :where(blockquote):not(:where([class~="not-prose"] *)) {
font-weight: 500;
font-style: italic;
color: var(--tw-prose-quotes);
border-left-width: 0.25rem;
border-left-color: var(--tw-prose-quote-borders);
quotes: "\201C""\201D""\2018""\2019";
margin-top: 1.6em;
margin-bottom: 1.6em;
padding-left: 1em;
}
.prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"] *))::before {
content: open-quote;
}
.prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"] *))::after {
content: close-quote;
}
.prose :where(h1):not(:where([class~="not-prose"] *)) {
color: var(--tw-prose-headings);
font-weight: 800;
font-size: 2.25em;
margin-top: 0;
margin-bottom: 0.8888889em;
line-height: 1.1111111;
}
.prose :where(h1 strong):not(:where([class~="not-prose"] *)) {
font-weight: 900;
color: inherit;
}
.prose :where(h2):not(:where([class~="not-prose"] *)) {
color: var(--tw-prose-headings);
font-weight: 700;
font-size: 1.5em;
margin-top: 2em;
margin-bottom: 1em;
line-height: 1.3333333;
}
.prose :where(h2 strong):not(:where([class~="not-prose"] *)) {
font-weight: 800;
color: inherit;
}
.prose :where(h3):not(:where([class~="not-prose"] *)) {
color: var(--tw-prose-headings);
font-weight: 600;
font-size: 1.25em;
margin-top: 1.6em;
margin-bottom: 0.6em;
line-height: 1.6;
}
.prose :where(h3 strong):not(:where([class~="not-prose"] *)) {
font-weight: 700;
color: inherit;
}
.prose :where(h4):not(:where([class~="not-prose"] *)) {
color: var(--tw-prose-headings);
font-weight: 600;
margin-top: 1.5em;
margin-bottom: 0.5em;
line-height: 1.5;
}
.prose :where(h4 strong):not(:where([class~="not-prose"] *)) {
font-weight: 700;
color: inherit;
}
.prose :where(img):not(:where([class~="not-prose"] *)) {
margin-top: 2em;
margin-bottom: 2em;
}
.prose :where(figure > *):not(:where([class~="not-prose"] *)) {
margin-top: 0;
margin-bottom: 0;
}
.prose :where(figcaption):not(:where([class~="not-prose"] *)) {
color: var(--tw-prose-captions);
font-size: 0.875em;
line-height: 1.4285714;
margin-top: 0.8571429em;
}
.prose :where(code):not(:where([class~="not-prose"] *)) {
color: var(--tw-prose-code);
font-weight: 600;
font-size: 0.875em;
}
.prose :where(code):not(:where([class~="not-prose"] *))::before {
content: "`";
}
.prose :where(code):not(:where([class~="not-prose"] *))::after {
content: "`";
}
.prose :where(a code):not(:where([class~="not-prose"] *)) {
color: inherit;
}
.prose :where(h1 code):not(:where([class~="not-prose"] *)) {
color: inherit;
}
.prose :where(h2 code):not(:where([class~="not-prose"] *)) {
color: inherit;
font-size: 0.875em;
}
.prose :where(h3 code):not(:where([class~="not-prose"] *)) {
color: inherit;
font-size: 0.9em;
}
.prose :where(h4 code):not(:where([class~="not-prose"] *)) {
color: inherit;
}
.prose :where(blockquote code):not(:where([class~="not-prose"] *)) {
color: inherit;
}
.prose :where(thead th code):not(:where([class~="not-prose"] *)) {
color: inherit;
}
.prose :where(pre):not(:where([class~="not-prose"] *)) {
color: var(--tw-prose-pre-code);
background-color: var(--tw-prose-pre-bg);
overflow-x: auto;
font-weight: 400;
font-size: 0.875em;
line-height: 1.7142857;
margin-top: 1.7142857em;
margin-bottom: 1.7142857em;
border-radius: 0.375rem;
padding-top: 0.8571429em;
padding-right: 1.1428571em;
padding-bottom: 0.8571429em;
padding-left: 1.1428571em;
}
.prose :where(pre code):not(:where([class~="not-prose"] *)) {
background-color: transparent;
border-width: 0;
border-radius: 0;
padding: 0;
font-weight: inherit;
color: inherit;
font-size: inherit;
font-family: inherit;
line-height: inherit;
}
.prose :where(pre code):not(:where([class~="not-prose"] *))::before {
content: none;
}
.prose :where(pre code):not(:where([class~="not-prose"] *))::after {
content: none;
}
.prose :where(table):not(:where([class~="not-prose"] *)) {
width: 100%;
table-layout: auto;
text-align: left;
margin-top: 2em;
margin-bottom: 2em;
font-size: 0.875em;
line-height: 1.7142857;
}
.prose :where(thead):not(:where([class~="not-prose"] *)) {
border-bottom-width: 1px;
border-bottom-color: var(--tw-prose-th-borders);
}
.prose :where(thead th):not(:where([class~="not-prose"] *)) {
color: var(--tw-prose-headings);
font-weight: 600;
vertical-align: bottom;
padding-right: 0.5714286em;
padding-bottom: 0.5714286em;
padding-left: 0.5714286em;
}
.prose :where(tbody tr):not(:where([class~="not-prose"] *)) {
border-bottom-width: 1px;
border-bottom-color: var(--tw-prose-td-borders);
}
.prose :where(tbody tr:last-child):not(:where([class~="not-prose"] *)) {
border-bottom-width: 0;
}
.prose :where(tbody td):not(:where([class~="not-prose"] *)) {
vertical-align: baseline;
}
.prose :where(tfoot):not(:where([class~="not-prose"] *)) {
border-top-width: 1px;
border-top-color: var(--tw-prose-th-borders);
}
.prose :where(tfoot td):not(:where([class~="not-prose"] *)) {
vertical-align: top;
}
.prose {
--tw-prose-body: #374151;
--tw-prose-headings: #111827;
--tw-prose-lead: #4b5563;
--tw-prose-links: #111827;
--tw-prose-bold: #111827;
--tw-prose-counters: #6b7280;
--tw-prose-bullets: #d1d5db;
--tw-prose-hr: #e5e7eb;
--tw-prose-quotes: #111827;
--tw-prose-quote-borders: #e5e7eb;
--tw-prose-captions: #6b7280;
--tw-prose-code: #111827;
--tw-prose-pre-code: #e5e7eb;
--tw-prose-pre-bg: #1f2937;
--tw-prose-th-borders: #d1d5db;
--tw-prose-td-borders: #e5e7eb;
--tw-prose-invert-body: #d1d5db;
--tw-prose-invert-headings: #fff;
--tw-prose-invert-lead: #9ca3af;
--tw-prose-invert-links: #fff;
--tw-prose-invert-bold: #fff;
--tw-prose-invert-counters: #9ca3af;
--tw-prose-invert-bullets: #4b5563;
--tw-prose-invert-hr: #374151;
--tw-prose-invert-quotes: #f3f4f6;
--tw-prose-invert-quote-borders: #374151;
--tw-prose-invert-captions: #9ca3af;
--tw-prose-invert-code: #fff;
--tw-prose-invert-pre-code: #d1d5db;
--tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
--tw-prose-invert-th-borders: #4b5563;
--tw-prose-invert-td-borders: #374151;
font-size: 1rem;
line-height: 1.75;
}
.prose :where(video):not(:where([class~="not-prose"] *)) {
margin-top: 2em;
margin-bottom: 2em;
}
.prose :where(figure):not(:where([class~="not-prose"] *)) {
margin-top: 2em;
margin-bottom: 2em;
}
.prose :where(li):not(:where([class~="not-prose"] *)) {
margin-top: 0.5em;
margin-bottom: 0.5em;
}
.prose :where(ol > li):not(:where([class~="not-prose"] *)) {
padding-left: 0.375em;
}
.prose :where(ul > li):not(:where([class~="not-prose"] *)) {
padding-left: 0.375em;
}
.prose :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
margin-top: 0.75em;
margin-bottom: 0.75em;
}
.prose :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
margin-top: 1.25em;
}
.prose :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
margin-bottom: 1.25em;
}
.prose :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
margin-top: 1.25em;
}
.prose :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
margin-bottom: 1.25em;
}
.prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"] *)) {
margin-top: 0.75em;
margin-bottom: 0.75em;
}
.prose :where(hr + *):not(:where([class~="not-prose"] *)) {
margin-top: 0;
}
.prose :where(h2 + *):not(:where([class~="not-prose"] *)) {
margin-top: 0;
}
.prose :where(h3 + *):not(:where([class~="not-prose"] *)) {
margin-top: 0;
}
.prose :where(h4 + *):not(:where([class~="not-prose"] *)) {
margin-top: 0;
}
.prose :where(thead th:first-child):not(:where([class~="not-prose"] *)) {
padding-left: 0;
}
.prose :where(thead th:last-child):not(:where([class~="not-prose"] *)) {
padding-right: 0;
}
.prose :where(tbody td, tfoot td):not(:where([class~="not-prose"] *)) {
padding-top: 0.5714286em;
padding-right: 0.5714286em;
padding-bottom: 0.5714286em;
padding-left: 0.5714286em;
}
.prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"] *)) {
padding-left: 0;
}
.prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"] *)) {
padding-right: 0;
}
.prose :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
margin-top: 0;
}
.prose :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
margin-bottom: 0;
}
.prose-xl {
font-size: 1.25rem;
line-height: 1.8;
}
.prose-xl :where(p):not(:where([class~="not-prose"] *)) {
margin-top: 1.2em;
margin-bottom: 1.2em;
}
.prose-xl :where([class~="lead"]):not(:where([class~="not-prose"] *)) {
font-size: 1.2em;
line-height: 1.5;
margin-top: 1em;
margin-bottom: 1em;
}
.prose-xl :where(blockquote):not(:where([class~="not-prose"] *)) {
margin-top: 1.6em;
margin-bottom: 1.6em;
padding-left: 1.0666667em;
}
.prose-xl :where(h1):not(:where([class~="not-prose"] *)) {
font-size: 2.8em;
margin-top: 0;
margin-bottom: 0.8571429em;
line-height: 1;
}
.prose-xl :where(h2):not(:where([class~="not-prose"] *)) {
font-size: 1.8em;
margin-top: 1.5555556em;
margin-bottom: 0.8888889em;
line-height: 1.1111111;
}
.prose-xl :where(h3):not(:where([class~="not-prose"] *)) {
font-size: 1.5em;
margin-top: 1.6em;
margin-bottom: 0.6666667em;
line-height: 1.3333333;
}
.prose-xl :where(h4):not(:where([class~="not-prose"] *)) {
margin-top: 1.8em;
margin-bottom: 0.6em;
line-height: 1.6;
}
.prose-xl :where(img):not(:where([class~="not-prose"] *)) {
margin-top: 2em;
margin-bottom: 2em;
}
.prose-xl :where(video):not(:where([class~="not-prose"] *)) {
margin-top: 2em;
margin-bottom: 2em;
}
.prose-xl :where(figure):not(:where([class~="not-prose"] *)) {
margin-top: 2em;
margin-bottom: 2em;
}
.prose-xl :where(figure > *):not(:where([class~="not-prose"] *)) {
margin-top: 0;
margin-bottom: 0;
}
.prose-xl :where(figcaption):not(:where([class~="not-prose"] *)) {
font-size: 0.9em;
line-height: 1.5555556;
margin-top: 1em;
}
.prose-xl :where(code):not(:where([class~="not-prose"] *)) {
font-size: 0.9em;
}
.prose-xl :where(h2 code):not(:where([class~="not-prose"] *)) {
font-size: 0.8611111em;
}
.prose-xl :where(h3 code):not(:where([class~="not-prose"] *)) {
font-size: 0.9em;
}
.prose-xl :where(pre):not(:where([class~="not-prose"] *)) {
font-size: 0.9em;
line-height: 1.7777778;
margin-top: 2em;
margin-bottom: 2em;
border-radius: 0.5rem;
padding-top: 1.1111111em;
padding-right: 1.3333333em;
padding-bottom: 1.1111111em;
padding-left: 1.3333333em;
}
.prose-xl :where(ol):not(:where([class~="not-prose"] *)) {
margin-top: 1.2em;
margin-bottom: 1.2em;
padding-left: 1.6em;
}
.prose-xl :where(ul):not(:where([class~="not-prose"] *)) {
margin-top: 1.2em;
margin-bottom: 1.2em;
padding-left: 1.6em;
}
.prose-xl :where(li):not(:where([class~="not-prose"] *)) {
margin-top: 0.6em;
margin-bottom: 0.6em;
}
.prose-xl :where(ol > li):not(:where([class~="not-prose"] *)) {
padding-left: 0.4em;
}
.prose-xl :where(ul > li):not(:where([class~="not-prose"] *)) {
padding-left: 0.4em;
}
.prose-xl :where(.prose-xl > ul > li p):not(:where([class~="not-prose"] *)) {
margin-top: 0.8em;
margin-bottom: 0.8em;
}
.prose-xl :where(.prose-xl > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
margin-top: 1.2em;
}
.prose-xl :where(.prose-xl > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
margin-bottom: 1.2em;
}
.prose-xl :where(.prose-xl > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
margin-top: 1.2em;
}
.prose-xl :where(.prose-xl > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
margin-bottom: 1.2em;
}
.prose-xl :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"] *)) {
margin-top: 0.8em;
margin-bottom: 0.8em;
}
.prose-xl :where(hr):not(:where([class~="not-prose"] *)) {
margin-top: 2.8em;
margin-bottom: 2.8em;
}
.prose-xl :where(hr + *):not(:where([class~="not-prose"] *)) {
margin-top: 0;
}
.prose-xl :where(h2 + *):not(:where([class~="not-prose"] *)) {
margin-top: 0;
}
.prose-xl :where(h3 + *):not(:where([class~="not-prose"] *)) {
margin-top: 0;
}
.prose-xl :where(h4 + *):not(:where([class~="not-prose"] *)) {
margin-top: 0;
}
.prose-xl :where(table):not(:where([class~="not-prose"] *)) {
font-size: 0.9em;
line-height: 1.5555556;
}
.prose-xl :where(thead th):not(:where([class~="not-prose"] *)) {
padding-right: 0.6666667em;
padding-bottom: 0.8888889em;
padding-left: 0.6666667em;
}
.prose-xl :where(thead th:first-child):not(:where([class~="not-prose"] *)) {
padding-left: 0;
}
.prose-xl :where(thead th:last-child):not(:where([class~="not-prose"] *)) {
padding-right: 0;
}
.prose-xl :where(tbody td, tfoot td):not(:where([class~="not-prose"] *)) {
padding-top: 0.8888889em;
padding-right: 0.6666667em;
padding-bottom: 0.8888889em;
padding-left: 0.6666667em;
}
.prose-xl :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"] *)) {
padding-left: 0;
}
.prose-xl :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"] *)) {
padding-right: 0;
}
.prose-xl :where(.prose-xl > :first-child):not(:where([class~="not-prose"] *)) {
margin-top: 0;
}
.prose-xl :where(.prose-xl > :last-child):not(:where([class~="not-prose"] *)) {
margin-bottom: 0;
}
.container {
max-width: 100%;
}
@media (min-width: 576px) and (max-width: 767.98px) {
.container {
max-width: 540px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.container {
max-width: 720px;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.container {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.container {
max-width: 1170px;
}
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}
.pointer-events-none {
pointer-events: none;
}
.pointer-events-auto {
pointer-events: auto;
}
.visible {
visibility: visible;
}
.invisible {
visibility: hidden;
}
.collapse {
visibility: collapse;
}
.static {
position: static;
}
.fixed {
position: fixed;
}
.absolute {
position: absolute;
}
.relative {
position: relative;
}
.inset-0 {
inset: 0px;
}
.inset-x-0 {
left: 0px;
right: 0px;
}
.inset-x-5 {
left: 1.25rem;
right: 1.25rem;
}
.inset-y-2 {
top: 0.5rem;
bottom: 0.5rem;
}
.-bottom-6 {
bottom: -1.5rem;
}
.bottom-0 {
bottom: 0px;
}
.bottom-5 {
bottom: 1.25rem;
}
.bottom-\[18\%\] {
bottom: 18%;
}
.bottom-\[2\%\] {
bottom: 2%;
}
.bottom-\[33\%\] {
bottom: 33%;
}
.bottom-\[60px\] {
bottom: 60px;
}
.left-0 {
left: 0px;
}
.left-1\/2 {
left: 50%;
}
.left-\[10\%\] {
left: 10%;
}
.left-\[11\%\] {
left: 11%;
}
.left-\[12\%\] {
left: 12%;
}
.left-\[15\%\] {
left: 15%;
}
.left-\[2\%\] {
left: 2%;
}
.left-\[20\%\] {
left: 20%;
}
.left-\[26\%\] {
left: 26%;
}
.left-\[4\%\] {
left: 4%;
}
.left-\[40\%\] {
left: 40%;
}
.left-\[59\%\] {
left: 59%;
}
.left-\[60px\] {
left: 60px;
}
.left-\[9px\] {
left: 9px;
}
.right-0 {
right: 0px;
}
.right-2 {
right: 0.5rem;
}
.right-\[-20\%\] {
right: -20%;
}
.right-\[10\%\] {
right: 10%;
}
.right-\[13\%\] {
right: 13%;
}
.right-\[30px\] {
right: 30px;
}
.right-\[4\%\] {
right: 4%;
}
.right-\[425px\] {
right: 425px;
}
.right-\[5\%\] {
right: 5%;
}
.right-\[7\%\] {
right: 7%;
}
.right-\[9\%\] {
right: 9%;
}
.top-0 {
top: 0px;
}
.top-1\/2 {
top: 50%;
}
.top-2\/4 {
top: 50%;
}
.top-\[-10px\] {
top: -10px;
}
.top-\[-15px\] {
top: -15px;
}
.top-\[-21px\] {
top: -21px;
}
.top-\[-24px\] {
top: -24px;
}
.top-\[0px\] {
top: 0px;
}
.top-\[13\%\] {
top: 13%;
}
.top-\[15\%\] {
top: 15%;
}
.top-\[19\%\] {
top: 19%;
}
.top-\[190px\] {
top: 190px;
}
.top-\[211px\] {
top: 211px;
}
.top-\[27px\] {
top: 27px;
}
.top-\[29\%\] {
top: 29%;
}
.top-\[30\%\] {
top: 30%;
}
.top-\[4\%\] {
top: 4%;
}
.top-\[43\%\] {
top: 43%;
}
.top-\[45\%\] {
top: 45%;
}
.top-\[48\%\] {
top: 48%;
}
.top-\[7\%\] {
top: 7%;
}
.top-\[88\%\] {
top: 88%;
}
.top-\[89\%\] {
top: 89%;
}
.top-\[9\%\] {
top: 9%;
}
.z-0 {
z-index: 0;
}
.z-10 {
z-index: 10;
}
.z-20 {
z-index: 20;
}
.z-30 {
z-index: 30;
}
.z-40 {
z-index: 40;
}
.z-50 {
z-index: 50;
}
.z-\[-1\] {
z-index: -1;
}
.z-\[1000000\] {
z-index: 1000000;
}
.z-\[1\] {
z-index: 1;
}
.z-\[2\] {
z-index: 2;
}
.z-\[5\] {
z-index: 5;
}
.z-\[900\] {
z-index: 900;
}
.z-\[99\] {
z-index: 99;
}
.float-right {
float: right;
}
.float-left {
float: left;
}
.-m-3 {
margin: -0.75rem;
}
.m-0 {
margin: 0px;
}
.m-8 {
margin: 2rem;
}
.m-\[0_23px\] {
margin: 0 23px;
}
.m-\[0_auto\] {
margin: 0 auto;
}
.m-\[25px_auto_38px\] {
margin: 25px auto 38px;
}
.m-\[75px_0_0\] {
margin: 75px 0 0;
}
.m-auto {
margin: auto;
}
.-mx-1 {
margin-left: -0.25rem;
margin-right: -0.25rem;
}
.-mx-1\.5 {
margin-left: -0.375rem;
margin-right: -0.375rem;
}
.-my-1 {
margin-top: -0.25rem;
margin-bottom: -0.25rem;
}
.-my-1\.5 {
margin-top: -0.375rem;
margin-bottom: -0.375rem;
}
.mx-0 {
margin-left: 0px;
margin-right: 0px;
}
.mx-0\.5 {
margin-left: 0.125rem;
margin-right: 0.125rem;
}
.mx-2 {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.mx-\[-15px\] {
margin-left: -15px;
margin-right: -15px;
}
.mx-auto {
margin-left: auto;
margin-right: auto;
}
.my-0 {
margin-top: 0px;
margin-bottom: 0px;
}
.my-1 {
margin-top: 0.25rem;
margin-bottom: 0.25rem;
}
.my-10 {
margin-top: 2.5rem;
margin-bottom: 2.5rem;
}
.my-12 {
margin-top: 3rem;
margin-bottom: 3rem;
}
.my-2 {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
.my-4 {
margin-top: 1rem;
margin-bottom: 1rem;
}
.my-6 {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
.my-8 {
margin-top: 2rem;
margin-bottom: 2rem;
}
.\!ml-auto {
margin-left: auto !important;
}
.-ml-1 {
margin-left: -0.25rem;
}
.-ml-5 {
margin-left: -1.25rem;
}
.-ml-px {
margin-left: -1px;
}
.-mr-1 {
margin-right: -0.25rem;
}
.-mr-2 {
margin-right: -0.5rem;
}
.-mt-1 {
margin-top: -0.25rem;
}
.-mt-10 {
margin-top: -2.5rem;
}
.-mt-px {
margin-top: -1px;
}
.mb-0 {
margin-bottom: 0px;
}
.mb-1 {
margin-bottom: 0.25rem;
}
.mb-10 {
margin-bottom: 2.5rem;
}
.mb-12 {
margin-bottom: 3rem;
}
.mb-2 {
margin-bottom: 0.5rem;
}
.mb-2\.5 {
margin-bottom: 0.625rem;
}
.mb-20 {
margin-bottom: 5rem;
}
.mb-3 {
margin-bottom: 0.75rem;
}
.mb-4 {
margin-bottom: 1rem;
}
.mb-5 {
margin-bottom: 1.25rem;
}
.mb-6 {
margin-bottom: 1.5rem;
}
.mb-8 {
margin-bottom: 2rem;
}
.mb-\[100px\] {
margin-bottom: 100px;
}
.mb-\[15px\] {
margin-bottom: 15px;
}
.mb-\[18px\] {
margin-bottom: 18px;
}
.mb-\[25px\] {
margin-bottom: 25px;
}
.mb-\[30px\] {
margin-bottom: 30px;
}
.mb-\[35px\] {
margin-bottom: 35px;
}
.mb-\[50px\] {
margin-bottom: 50px;
}
.mb-\[85px\] {
margin-bottom: 85px;
}
.me-2 {
margin-inline-end: 0.5rem;
}
.ml-0 {
margin-left: 0px;
}
.ml-0\.5 {
margin-left: 0.125rem;
}
.ml-1 {
margin-left: 0.25rem;
}
.ml-2 {
margin-left: 0.5rem;
}
.ml-2\.5 {
margin-left: 0.625rem;
}
.ml-3 {
margin-left: 0.75rem;
}
.ml-4 {
margin-left: 1rem;
}
.ml-\[-5px\] {
margin-left: -5px;
}
.ml-\[15px\] {
margin-left: 15px;
}
.ml-auto {
margin-left: auto;
}
.mr-1 {
margin-right: 0.25rem;
}
.mr-2 {
margin-right: 0.5rem;
}
.mr-3 {
margin-right: 0.75rem;
}
.mr-5 {
margin-right: 1.25rem;
}
.mr-6 {
margin-right: 1.5rem;
}
.mr-\[-5px\] {
margin-right: -5px;
}
.mr-\[25px\] {
margin-right: 25px;
}
.ms-3 {
margin-inline-start: 0.75rem;
}
.ms-auto {
margin-inline-start: auto;
}
.mt-0 {
margin-top: 0px;
}
.mt-0\.5 {
margin-top: 0.125rem;
}
.mt-1 {
margin-top: 0.25rem;
}
.mt-10 {
margin-top: 2.5rem;
}
.mt-12 {
margin-top: 3rem;
}
.mt-16 {
margin-top: 4rem;
}
.mt-2 {
margin-top: 0.5rem;
}
.mt-20 {
margin-top: 5rem;
}
.mt-3 {
margin-top: 0.75rem;
}
.mt-4 {
margin-top: 1rem;
}
.mt-5 {
margin-top: 1.25rem;
}
.mt-6 {
margin-top: 1.5rem;
}
.mt-8 {
margin-top: 2rem;
}
.mt-\[130px\] {
margin-top: 130px;
}
.mt-\[22px\] {
margin-top: 22px;
}
.mt-\[30px\] {
margin-top: 30px;
}
.mt-\[37px\] {
margin-top: 37px;
}
.mt-\[45px\] {
margin-top: 45px;
}
.mt-\[50px\] {
margin-top: 50px;
}
.mt-\[55px\] {
margin-top: 55px;
}
.mt-auto {
margin-top: auto;
}
.block {
display: block;
}
.inline-block {
display: inline-block;
}
.inline {
display: inline;
}
.flex {
display: flex;
}
.inline-flex {
display: inline-flex;
}
.table {
display: table;
}
.grid {
display: grid;
}
.contents {
display: contents;
}
.hidden {
display: none;
}
.h-0 {
height: 0px;
}
.h-0\.5 {
height: 0.125rem;
}
.h-1 {
height: 0.25rem;
}
.h-10 {
height: 2.5rem;
}
.h-12 {
height: 3rem;
}
.h-14 {
height: 3.5rem;
}
.h-16 {
height: 4rem;
}
.h-2 {
height: 0.5rem;
}
.h-2\.5 {
height: 0.625rem;
}
.h-24 {
height: 6rem;
}
.h-3 {
height: 0.75rem;
}
.h-3\.5 {
height: 0.875rem;
}
.h-32 {
height: 8rem;
}
.h-4 {
height: 1rem;
}
.h-40 {
height: 10rem;
}
.h-5 {
height: 1.25rem;
}
.h-56 {
height: 14rem;
}
.h-6 {
height: 1.5rem;
}
.h-64 {
height: 16rem;
}
.h-8 {
height: 2rem;
}
.h-9 {
height: 2.25rem;
}
.h-\[120px\] {
height: 120px;
}
.h-\[150px\] {
height: 150px;
}
.h-\[220px\] {
height: 220px;
}
.h-\[25px\] {
height: 25px;
}
.h-\[30px\] {
height: 30px;
}
.h-\[38px\] {
height: 38px;
}
.h-\[55px\] {
height: 55px;
}
.h-\[60px\] {
height: 60px;
}
.h-\[62px\] {
height: 62px;
}
.h-\[70px\] {
height: 70px;
}
.h-\[7px\] {
height: 7px;
}
.h-\[calc\(100\%-1rem\)\] {
height: calc(100% - 1rem);
}
.h-auto {
height: auto;
}
.h-full {
height: 100%;
}
.h-screen {
height: 100vh;
}
.max-h-full {
max-height: 100%;
}
.min-h-screen {
min-height: 100vh;
}
.w-0 {
width: 0px;
}
.w-1 {
width: 0.25rem;
}
.w-1\/2 {
width: 50%;
}
.w-10 {
width: 2.5rem;
}
.w-104 {
width: 26rem;
}
.w-11 {
width: 2.75rem;
}
.w-12 {
width: 3rem;
}
.w-14 {
width: 3.5rem;
}
.w-2 {
width: 0.5rem;
}
.w-2\.5 {
width: 0.625rem;
}
.w-2\/5 {
width: 40%;
}
.w-24 {
width: 6rem;
}
.w-3 {
width: 0.75rem;
}
.w-3\.5 {
width: 0.875rem;
}
.w-3\/5 {
width: 60%;
}
.w-32 {
width: 8rem;
}
.w-4 {
width: 1rem;
}
.w-40 {
width: 10rem;
}
.w-5 {
width: 1.25rem;
}
.w-56 {
width: 14rem;
}
.w-6 {
width: 1.5rem;
}
.w-64 {
width: 16rem;
}
.w-7 {
width: 1.75rem;
}
.w-8 {
width: 2rem;
}
.w-80 {
width: 20rem;
}
.w-9 {
width: 2.25rem;
}
.w-\[115px\] {
width: 115px;
}
.w-\[120px\] {
width: 120px;
}
.w-\[178px\] {
width: 178px;
}
.w-\[190px\] {
width: 190px;
}
.w-\[25px\] {
width: 25px;
}
.w-\[26px\] {
width: 26px;
}
.w-\[30px\] {
width: 30px;
}
.w-\[38px\] {
width: 38px;
}
.w-\[47\%\] {
width: 47%;
}
.w-\[48\%\] {
width: 48%;
}
.w-\[60px\] {
width: 60px;
}
.w-\[7px\] {
width: 7px;
}
.w-\[95\%\] {
width: 95%;
}
.w-auto {
width: auto;
}
.w-full {
width: 100%;
}
.w-screen {
width: 100vw;
}
.min-w-full {
min-width: 100%;
}
.max-w-2xl {
max-width: 42rem;
}
.max-w-4xl {
max-width: 56rem;
}
.max-w-7xl {
max-width: 80rem;
}
.max-w-\[1000px\] {
max-width: 1000px;
}
.max-w-\[1330px\] {
max-width: 1330px;
}
.max-w-\[46\%\] {
max-width: 46%;
}
.max-w-\[50\%\] {
max-width: 50%;
}
.max-w-\[560px\] {
max-width: 560px;
}
.max-w-full {
max-width: 100%;
}
.max-w-lg {
max-width: 32rem;
}
.max-w-md {
max-width: 28rem;
}
.max-w-sm {
max-width: 24rem;
}
.max-w-xl {
max-width: 36rem;
}
.max-w-xs {
max-width: 20rem;
}
.flex-1 {
flex: 1 1 0%;
}
.flex-\[0_0_50\%\] {
flex: 0 0 50%;
}
.flex-shrink {
flex-shrink: 1;
}
.flex-shrink-0 {
flex-shrink: 0;
}
.flex-grow {
flex-grow: 1;
}
.basis-full {
flex-basis: 100%;
}
.origin-top {
transform-origin: top;
}
.origin-top-left {
transform-origin: top left;
}
.origin-top-right {
transform-origin: top right;
}
.-translate-x-1\/2 {
--tw-translate-x: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-full {
--tw-translate-x: -100%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-2\/4 {
--tw-translate-y: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-full {
--tw-translate-y: -100%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-0 {
--tw-translate-x: 0px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-full {
--tw-translate-x: 100%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-0 {
--tw-translate-y: 0px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-2 {
--tw-translate-y: 0.5rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-4 {
--tw-translate-y: 1rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-full {
--tw-translate-y: 100%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-180 {
--tw-rotate: 180deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-100 {
--tw-scale-x: 1;
--tw-scale-y: 1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-110 {
--tw-scale-x: 1.1;
--tw-scale-y: 1.1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-95 {
--tw-scale-x: .95;
--tw-scale-y: .95;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform-none {
transform: none;
}
.animate-\[jumpThree_5s_infinite_linear\] {
animation: jumpThree 5s infinite linear;
}
.animate-\[jumpTwo_5s_infinite_linear\] {
animation: jumpTwo 5s infinite linear;
}
.animate-\[rotatedTwo_12s_infinite_linear\] {
animation: rotatedTwo 12s infinite linear;
}
.animate-\[rotated_12s_infinite_linear\] {
animation: rotated 12s infinite linear;
}
.animate-\[rotated_17s_infinite_linear\] {
animation: rotated 17s infinite linear;
}
.animate-\[scale-up-one_4s_infinite_linear\] {
animation: scale-up-one 4s infinite linear;
}
.animate-\[scale-up-three_4s_infinite_linear\] {
animation: scale-up-three 4s infinite linear;
}
@keyframes spin {
to {
transform: rotate(360deg);
}
}
.animate-spin {
animation: spin 1s linear infinite;
}
.cursor-default {
cursor: default;
}
.cursor-not-allowed {
cursor: not-allowed;
}
.cursor-pointer {
cursor: pointer;
}
.resize {
resize: both;
}
.list-inside {
list-style-position: inside;
}
.list-disc {
list-style-type: disc;
}
.appearance-none {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-7 {
grid-template-columns: repeat(7, minmax(0, 1fr));
}
.flex-row {
flex-direction: row;
}
.flex-col {
flex-direction: column;
}
.flex-wrap {
flex-wrap: wrap;
}
.items-start {
align-items: flex-start;
}
.items-end {
align-items: flex-end;
}
.items-center {
align-items: center;
}
.justify-start {
justify-content: flex-start;
}
.justify-end {
justify-content: flex-end;
}
.justify-center {
justify-content: center;
}
.justify-between {
justify-content: space-between;
}
.gap-6 {
gap: 1.5rem;
}
.gap-x-4 {
-moz-column-gap: 1rem;
column-gap: 1rem;
}
.gap-y-10 {
row-gap: 2.5rem;
}
.gap-y-8 {
row-gap: 2rem;
}
.space-x-2 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(0.5rem * var(--tw-space-x-reverse));
margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-3 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(0.75rem * var(--tw-space-x-reverse));
margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-8 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(2rem * var(--tw-space-x-reverse));
margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-1 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.space-y-2\.5 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0.625rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.space-y-6 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.divide-x > :not([hidden]) ~ :not([hidden]) {
--tw-divide-x-reverse: 0;
border-right-width: calc(1px * var(--tw-divide-x-reverse));
border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
}
.divide-y > :not([hidden]) ~ :not([hidden]) {
--tw-divide-y-reverse: 0;
border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}
.divide-y-2 > :not([hidden]) ~ :not([hidden]) {
--tw-divide-y-reverse: 0;
border-top-width: calc(2px * calc(1 - var(--tw-divide-y-reverse)));
border-bottom-width: calc(2px * var(--tw-divide-y-reverse));
}
.divide-solid > :not([hidden]) ~ :not([hidden]) {
border-style: solid;
}
.divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
--tw-divide-opacity: 1;
border-color: rgb(243 244 246 / var(--tw-divide-opacity));
}
.divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
--tw-divide-opacity: 1;
border-color: rgb(229 231 235 / var(--tw-divide-opacity));
}
.divide-gray-50 > :not([hidden]) ~ :not([hidden]) {
--tw-divide-opacity: 1;
border-color: rgb(249 250 251 / var(--tw-divide-opacity));
}
.self-start {
align-self: flex-start;
}
.self-end {
align-self: flex-end;
}
.self-center {
align-self: center;
}
.overflow-hidden {
overflow: hidden;
}
.overflow-y-auto {
overflow-y: auto;
}
.overflow-x-hidden {
overflow-x: hidden;
}
.truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.whitespace-nowrap {
white-space: nowrap;
}
.rounded {
border-radius: 0.25rem;
}
.rounded-\[\.25rem\] {
border-radius: .25rem;
}
.rounded-\[30px\] {
border-radius: 30px;
}
.rounded-\[3px\] {
border-radius: 3px;
}
.rounded-\[50\%\] {
border-radius: 50%;
}
.rounded-\[5px\] {
border-radius: 5px;
}
.rounded-\[9px\] {
border-radius: 9px;
}
.rounded-full {
border-radius: 9999px;
}
.rounded-lg {
border-radius: 0.5rem;
}
.rounded-md {
border-radius: 0.375rem;
}
.rounded-none {
border-radius: 0px;
}
.rounded-xl {
border-radius: 0.8rem;
}
.rounded-b {
border-bottom-right-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
}
.rounded-e-lg {
border-start-end-radius: 0.5rem;
border-end-end-radius: 0.5rem;
}
.rounded-l-lg {
border-top-left-radius: 0.5rem;
border-bottom-left-radius: 0.5rem;
}
.rounded-l-md {
border-top-left-radius: 0.375rem;
border-bottom-left-radius: 0.375rem;
}
.rounded-r-lg {
border-top-right-radius: 0.5rem;
border-bottom-right-radius: 0.5rem;
}
.rounded-r-md {
border-top-right-radius: 0.375rem;
border-bottom-right-radius: 0.375rem;
}
.rounded-s-lg {
border-start-start-radius: 0.5rem;
border-end-start-radius: 0.5rem;
}
.rounded-t {
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem;
}
.rounded-t-lg {
border-top-left-radius: 0.5rem;
border-top-right-radius: 0.5rem;
}
.border {
border-width: 1px;
}
.border-0 {
border-width: 0px;
}
.border-2 {
border-width: 2px;
}
.border-4 {
border-width: 4px;
}
.border-\[2px\] {
border-width: 2px;
}
.border-b {
border-bottom-width: 1px;
}
.border-b-2 {
border-bottom-width: 2px;
}
.border-l {
border-left-width: 1px;
}
.border-l-4 {
border-left-width: 4px;
}
.border-r {
border-right-width: 1px;
}
.border-t {
border-top-width: 1px;
}
.border-t-\[2px\] {
border-top-width: 2px;
}
.border-solid {
border-style: solid;
}
.border-dashed {
border-style: dashed;
}
.border-\[color\:var\(--purple-blue\)\] {
border-color: var(--purple-blue);
}
.border-\[none\] {
border-color: none;
}
.border-black {
--tw-border-opacity: 1;
border-color: rgb(0 0 0 / var(--tw-border-opacity));
}
.border-blue-500 {
--tw-border-opacity: 1;
border-color: rgb(63 131 248 / var(--tw-border-opacity));
}
.border-blue-600 {
--tw-border-opacity: 1;
border-color: rgb(28 100 242 / var(--tw-border-opacity));
}
.border-blue-700 {
--tw-border-opacity: 1;
border-color: rgb(26 86 219 / var(--tw-border-opacity));
}
.border-gray-100 {
--tw-border-opacity: 1;
border-color: rgb(243 244 246 / var(--tw-border-opacity));
}
.border-gray-200 {
--tw-border-opacity: 1;
border-color: rgb(229 231 235 / var(--tw-border-opacity));
}
.border-gray-300 {
--tw-border-opacity: 1;
border-color: rgb(209 213 219 / var(--tw-border-opacity));
}
.border-gray-400 {
--tw-border-opacity: 1;
border-color: rgb(156 163 175 / var(--tw-border-opacity));
}
.border-gray-50 {
--tw-border-opacity: 1;
border-color: rgb(249 250 251 / var(--tw-border-opacity));
}
.border-gray-900 {
--tw-border-opacity: 1;
border-color: rgb(17 24 39 / var(--tw-border-opacity));
}
.border-indigo-100 {
--tw-border-opacity: 1;
border-color: rgb(229 237 255 / var(--tw-border-opacity));
}
.border-indigo-500 {
--tw-border-opacity: 1;
border-color: rgb(104 117 245 / var(--tw-border-opacity));
}
.border-purple-500 {
--tw-border-opacity: 1;
border-color: rgb(144 97 249 / var(--tw-border-opacity));
}
.border-red-400 {
--tw-border-opacity: 1;
border-color: rgb(249 128 128 / var(--tw-border-opacity));
}
.border-teal-400 {
--tw-border-opacity: 1;
border-color: rgb(22 189 202 / var(--tw-border-opacity));
}
.border-transparent {
border-color: transparent;
}
.border-wave-400 {
--tw-border-opacity: 1;
border-color: rgb(77 150 255 / var(--tw-border-opacity));
}
.border-white {
--tw-border-opacity: 1;
border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.border-yellow-400 {
--tw-border-opacity: 1;
border-color: rgb(227 160 8 / var(--tw-border-opacity));
}
.border-b-\[\#ececec\] {
--tw-border-opacity: 1;
border-bottom-color: rgb(236 236 236 / var(--tw-border-opacity));
}
.border-b-\[solid\] {
border-bottom-color: solid;
}
.border-b-black {
--tw-border-opacity: 1;
border-bottom-color: rgb(0 0 0 / var(--tw-border-opacity));
}
.border-t-\[\#00000014\] {
border-top-color: #00000014;
}
.border-t-\[\#ececec\] {
--tw-border-opacity: 1;
border-top-color: rgb(236 236 236 / var(--tw-border-opacity));
}
.border-t-\[rgba\(0\2c 0\2c 0\2c 0\.09\)\] {
border-top-color: rgba(0,0,0,0.09);
}
.bg-\[\#04e8f4\] {
--tw-bg-opacity: 1;
background-color: rgb(4 232 244 / var(--tw-bg-opacity));
}
.bg-\[\#2a2a2a\] {
--tw-bg-opacity: 1;
background-color: rgb(42 42 42 / var(--tw-bg-opacity));
}
.bg-\[\#51fcff\] {
--tw-bg-opacity: 1;
background-color: rgb(81 252 255 / var(--tw-bg-opacity));
}
.bg-\[\#7034ff\] {
--tw-bg-opacity: 1;
background-color: rgb(112 52 255 / var(--tw-bg-opacity));
}
.bg-\[\#FFEAA0\] {
--tw-bg-opacity: 1;
background-color: rgb(255 234 160 / var(--tw-bg-opacity));
}
.bg-\[\#b183ff\] {
--tw-bg-opacity: 1;
background-color: rgb(177 131 255 / var(--tw-bg-opacity));
}
.bg-\[\#dc3545\] {
--tw-bg-opacity: 1;
background-color: rgb(220 53 69 / var(--tw-bg-opacity));
}
.bg-\[\#dff1ee\] {
--tw-bg-opacity: 1;
background-color: rgb(223 241 238 / var(--tw-bg-opacity));
}
.bg-\[\#f8fafe\] {
--tw-bg-opacity: 1;
background-color: rgb(248 250 254 / var(--tw-bg-opacity));
}
.bg-\[\#fbf3ec\] {
--tw-bg-opacity: 1;
background-color: rgb(251 243 236 / var(--tw-bg-opacity));
}
.bg-\[\#fde3c5\] {
--tw-bg-opacity: 1;
background-color: rgb(253 227 197 / var(--tw-bg-opacity));
}
.bg-\[\#ff6cc4\] {
--tw-bg-opacity: 1;
background-color: rgb(255 108 196 / var(--tw-bg-opacity));
}
.bg-\[\#ffbe50\] {
--tw-bg-opacity: 1;
background-color: rgb(255 190 80 / var(--tw-bg-opacity));
}
.bg-\[\#ffcd8b\] {
--tw-bg-opacity: 1;
background-color: rgb(255 205 139 / var(--tw-bg-opacity));
}
.bg-\[\#ffeaa0\] {
--tw-bg-opacity: 1;
background-color: rgb(255 234 160 / var(--tw-bg-opacity));
}
.bg-\[var\(--blue-dark\)\] {
background-color: var(--blue-dark);
}
.bg-\[var\(--purple-blue\)\] {
background-color: var(--purple-blue);
}
.bg-black {
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.bg-blue-100 {
--tw-bg-opacity: 1;
background-color: rgb(225 239 254 / var(--tw-bg-opacity));
}
.bg-blue-50 {
--tw-bg-opacity: 1;
background-color: rgb(235 245 255 / var(--tw-bg-opacity));
}
.bg-blue-500 {
--tw-bg-opacity: 1;
background-color: rgb(63 131 248 / var(--tw-bg-opacity));
}
.bg-blue-700 {
--tw-bg-opacity: 1;
background-color: rgb(26 86 219 / var(--tw-bg-opacity));
}
.bg-gray-100 {
--tw-bg-opacity: 1;
background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.bg-gray-200 {
--tw-bg-opacity: 1;
background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.bg-gray-300 {
--tw-bg-opacity: 1;
background-color: rgb(209 213 219 / var(--tw-bg-opacity));
}
.bg-gray-50 {
--tw-bg-opacity: 1;
background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}
.bg-gray-700 {
--tw-bg-opacity: 1;
background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}
.bg-gray-800 {
--tw-bg-opacity: 1;
background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}
.bg-gray-900 {
--tw-bg-opacity: 1;
background-color: rgb(17 24 39 / var(--tw-bg-opacity));
}
.bg-gray-900\/50 {
background-color: rgb(17 24 39 / 0.5);
}
.bg-green-400 {
--tw-bg-opacity: 1;
background-color: rgb(49 196 141 / var(--tw-bg-opacity));
}
.bg-indigo-100 {
--tw-bg-opacity: 1;
background-color: rgb(229 237 255 / var(--tw-bg-opacity));
}
.bg-indigo-400 {
--tw-bg-opacity: 1;
background-color: rgb(141 162 251 / var(--tw-bg-opacity));
}
.bg-indigo-600 {
--tw-bg-opacity: 1;
background-color: rgb(88 80 236 / var(--tw-bg-opacity));
}
.bg-orange-100 {
--tw-bg-opacity: 1;
background-color: rgb(254 236 220 / var(--tw-bg-opacity));
}
.bg-red-100 {
--tw-bg-opacity: 1;
background-color: rgb(253 232 232 / var(--tw-bg-opacity));
}
.bg-red-200 {
--tw-bg-opacity: 1;
background-color: rgb(251 213 213 / var(--tw-bg-opacity));
}
.bg-red-400 {
--tw-bg-opacity: 1;
background-color: rgb(249 128 128 / var(--tw-bg-opacity));
}
.bg-red-500 {
--tw-bg-opacity: 1;
background-color: rgb(240 82 82 / var(--tw-bg-opacity));
}
.bg-red-600 {
--tw-bg-opacity: 1;
background-color: rgb(224 36 36 / var(--tw-bg-opacity));
}
.bg-teal-200 {
--tw-bg-opacity: 1;
background-color: rgb(175 236 239 / var(--tw-bg-opacity));
}
.bg-teal-600 {
--tw-bg-opacity: 1;
background-color: rgb(4 116 129 / var(--tw-bg-opacity));
}
.bg-transparent {
background-color: transparent;
}
.bg-wave-100 {
--tw-bg-opacity: 1;
background-color: rgb(230 240 255 / var(--tw-bg-opacity));
}
.bg-wave-500 {
--tw-bg-opacity: 1;
background-color: rgb(0 105 255 / var(--tw-bg-opacity));
}
.bg-wave-600 {
--tw-bg-opacity: 1;
background-color: rgb(0 95 230 / var(--tw-bg-opacity));
}
.bg-white {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-white\/50 {
background-color: rgb(255 255 255 / 0.5);
}
.bg-yellow-400 {
--tw-bg-opacity: 1;
background-color: rgb(227 160 8 / var(--tw-bg-opacity));
}
.bg-yellow-50 {
--tw-bg-opacity: 1;
background-color: rgb(253 253 234 / var(--tw-bg-opacity));
}
.bg-opacity-25 {
--tw-bg-opacity: 0.25;
}
.bg-opacity-75 {
--tw-bg-opacity: 0.75;
}
.bg-\[linear-gradient\(45deg\2c \#FFFBF2\2c \#EDFFFD\)\] {
background-image: linear-gradient(45deg,#FFFBF2,#EDFFFD);
}
.bg-gradient-to-b {
background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}
.bg-gradient-to-r {
background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.from-wave-500 {
--tw-gradient-from: #0069FF var(--tw-gradient-from-position);
--tw-gradient-to: rgb(0 105 255 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-wave-600 {
--tw-gradient-from: #005FE6 var(--tw-gradient-from-position);
--tw-gradient-to: rgb(0 95 230 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.via-blue-500 {
--tw-gradient-to: rgb(63 131 248 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), #3F83F8 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-wave-600 {
--tw-gradient-to: rgb(0 95 230 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), #005FE6 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.to-indigo-500 {
--tw-gradient-to: #6875F5 var(--tw-gradient-to-position);
}
.to-purple-500 {
--tw-gradient-to: #9061F9 var(--tw-gradient-to-position);
}
.to-purple-600 {
--tw-gradient-to: #7E3AF2 var(--tw-gradient-to-position);
}
.to-wave-400 {
--tw-gradient-to: #4D96FF var(--tw-gradient-to-position);
}
.fill-current {
fill: currentColor;
}
.object-cover {
-o-object-fit: cover;
object-fit: cover;
}
.p-0 {
padding: 0px;
}
.p-1 {
padding: 0.25rem;
}
.p-10 {
padding: 2.5rem;
}
.p-12 {
padding: 3rem;
}
.p-2 {
padding: 0.5rem;
}
.p-2\.5 {
padding: 0.625rem;
}
.p-3 {
padding: 0.75rem;
}
.p-4 {
padding: 1rem;
}
.p-5 {
padding: 1.25rem;
}
.p-6 {
padding: 1.5rem;
}
.p-8 {
padding: 2rem;
}
.p-\[0_15px\] {
padding: 0 15px;
}
.p-\[0_15px_15px\] {
padding: 0 15px 15px;
}
.p-\[0_20px\] {
padding: 0 20px;
}
.p-\[0_25px\] {
padding: 0 25px;
}
.p-\[0_35px\] {
padding: 0 35px;
}
.p-\[0_42px\] {
padding: 0 42px;
}
.p-\[0_70px_30px_0\] {
padding: 0 70px 30px 0;
}
.p-\[140px_0_135px\] {
padding: 140px 0 135px;
}
.p-\[150px_0_75px\] {
padding: 150px 0 75px;
}
.p-\[15px_0\] {
padding: 15px 0;
}
.p-\[20px_0_15px\] {
padding: 20px 0 15px;
}
.p-\[20px_20px_80px\] {
padding: 20px 20px 80px;
}
.p-\[22px_70px_22px_0\] {
padding: 22px 70px 22px 0;
}
.p-\[24px_0_0\] {
padding: 24px 0 0;
}
.p-\[25px_0\] {
padding: 25px 0;
}
.p-\[25px_0_3px\] {
padding: 25px 0 3px;
}
.p-\[35px_40px_80px\] {
padding: 35px 40px 80px;
}
.p-\[40px_0_40px\] {
padding: 40px 0 40px;
}
.p-\[40px_20px_40px\] {
padding: 40px 20px 40px;
}
.p-\[45px_0_45px\] {
padding: 45px 0 45px;
}
.p-\[50px_4\%_20px\] {
padding: 50px 4% 20px;
}
.p-\[5px_0_3px\] {
padding: 5px 0 3px;
}
.p-\[75px_0_170px\] {
padding: 75px 0 170px;
}
.p-\[90px_0_90px\] {
padding: 90px 0 90px;
}
.px-0 {
padding-left: 0px;
padding-right: 0px;
}
.px-1 {
padding-left: 0.25rem;
padding-right: 0.25rem;
}
.px-10 {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.px-2 {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.px-2\.5 {
padding-left: 0.625rem;
padding-right: 0.625rem;
}
.px-3 {
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.px-4 {
padding-left: 1rem;
padding-right: 1rem;
}
.px-5 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.px-6 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.px-8 {
padding-left: 2rem;
padding-right: 2rem;
}
.px-\[15px\] {
padding-left: 15px;
padding-right: 15px;
}
.px-\[25px\] {
padding-left: 25px;
padding-right: 25px;
}
.px-\[45px\] {
padding-left: 45px;
padding-right: 45px;
}
.px-\[5\%\] {
padding-left: 5%;
padding-right: 5%;
}
.px-\[50px\] {
padding-left: 50px;
padding-right: 50px;
}
.px-\[5px\] {
padding-left: 5px;
padding-right: 5px;
}
.px-\[70px\] {
padding-left: 70px;
padding-right: 70px;
}
.py-0 {
padding-top: 0px;
padding-bottom: 0px;
}
.py-0\.5 {
padding-top: 0.125rem;
padding-bottom: 0.125rem;
}
.py-1 {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
.py-1\.5 {
padding-top: 0.375rem;
padding-bottom: 0.375rem;
}
.py-10 {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
.py-16 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.py-2 {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.py-2\.5 {
padding-top: 0.625rem;
padding-bottom: 0.625rem;
}
.py-20 {
padding-top: 5rem;
padding-bottom: 5rem;
}
.py-3 {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
.py-4 {
padding-top: 1rem;
padding-bottom: 1rem;
}
.py-5 {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
.py-6 {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.py-8 {
padding-top: 2rem;
padding-bottom: 2rem;
}
.py-\[15px\] {
padding-top: 15px;
padding-bottom: 15px;
}
.py-\[17px\] {
padding-top: 17px;
padding-bottom: 17px;
}
.py-\[50px\] {
padding-top: 50px;
padding-bottom: 50px;
}
.pb-0 {
padding-bottom: 0px;
}
.pb-10 {
padding-bottom: 2.5rem;
}
.pb-12 {
padding-bottom: 3rem;
}
.pb-16 {
padding-bottom: 4rem;
}
.pb-2 {
padding-bottom: 0.5rem;
}
.pb-20 {
padding-bottom: 5rem;
}
.pb-3 {
padding-bottom: 0.75rem;
}
.pb-4 {
padding-bottom: 1rem;
}
.pb-5 {
padding-bottom: 1.25rem;
}
.pb-6 {
padding-bottom: 1.5rem;
}
.pb-8 {
padding-bottom: 2rem;
}
.pb-9 {
padding-bottom: 2.25rem;
}
.pb-\[15px\] {
padding-bottom: 15px;
}
.pb-\[25px\] {
padding-bottom: 25px;
}
.pb-\[30px\] {
padding-bottom: 30px;
}
.pb-\[45px\] {
padding-bottom: 45px;
}
.pb-\[50px\] {
padding-bottom: 50px;
}
.pb-\[58px\] {
padding-bottom: 58px;
}
.pl-0 {
padding-left: 0px;
}
.pl-16 {
padding-left: 4rem;
}
.pl-2 {
padding-left: 0.5rem;
}
.pl-2\.5 {
padding-left: 0.625rem;
}
.pl-3 {
padding-left: 0.75rem;
}
.pl-3\.5 {
padding-left: 0.875rem;
}
.pl-5 {
padding-left: 1.25rem;
}
.pl-\[18px\] {
padding-left: 18px;
}
.pl-\[20px\] {
padding-left: 20px;
}
.pl-\[22px\] {
padding-left: 22px;
}
.pl-\[30px\] {
padding-left: 30px;
}
.pr-0 {
padding-right: 0px;
}
.pr-0\.5 {
padding-right: 0.125rem;
}
.pr-1 {
padding-right: 0.25rem;
}
.pr-2 {
padding-right: 0.5rem;
}
.pr-2\.5 {
padding-right: 0.625rem;
}
.pr-5 {
padding-right: 1.25rem;
}
.pr-\[125px\] {
padding-right: 125px;
}
.pr-\[50px\] {
padding-right: 50px;
}
.pr-\[52px\] {
padding-right: 52px;
}
.pt-0 {
padding-top: 0px;
}
.pt-1 {
padding-top: 0.25rem;
}
.pt-10 {
padding-top: 2.5rem;
}
.pt-14 {
padding-top: 3.5rem;
}
.pt-2 {
padding-top: 0.5rem;
}
.pt-2\.5 {
padding-top: 0.625rem;
}
.pt-20 {
padding-top: 5rem;
}
.pt-4 {
padding-top: 1rem;
}
.pt-5 {
padding-top: 1.25rem;
}
.pt-6 {
padding-top: 1.5rem;
}
.pt-7 {
padding-top: 1.75rem;
}
.pt-9 {
padding-top: 2.25rem;
}
.pt-\[120px\] {
padding-top: 120px;
}
.pt-\[26px\] {
padding-top: 26px;
}
.pt-\[30px\] {
padding-top: 30px;
}
.pt-\[35px\] {
padding-top: 35px;
}
.pt-\[50px\] {
padding-top: 50px;
}
.pt-\[60px\] {
padding-top: 60px;
}
.pt-\[65px\] {
padding-top: 65px;
}
.text-left {
text-align: left;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.indent-\[200\%\] {
text-indent: 200%;
}
.align-bottom {
vertical-align: bottom;
}
.font-Gordita {
font-family: gordita;
}
.font-Roboto-Slab {
font-family: Roboto Slab, serif;
}
.font-Rubik {
font-family: Rubik, sans-serif;
}
.font-gilroy-black {
font-family: gilroy-black;
}
.font-gilroy-bold {
font-family: gilroy-bold;
}
.text-2xl {
font-size: 1.5rem;
line-height: 2rem;
}
.text-3xl {
font-size: 1.875rem;
line-height: 2.25rem;
}
.text-4xl {
font-size: 2.25rem;
line-height: 2.5rem;
}
.text-5xl {
font-size: 3rem;
line-height: 1;
}
.text-\[100px\] {
font-size: 100px;
}
.text-\[12px\] {
font-size: 12px;
}
.text-\[14px\] {
font-size: 14px;
}
.text-\[15px\] {
font-size: 15px;
}
.text-\[16px\] {
font-size: 16px;
}
.text-\[17px\] {
font-size: 17px;
}
.text-\[18px\] {
font-size: 18px;
}
.text-\[19px\] {
font-size: 19px;
}
.text-\[20px\] {
font-size: 20px;
}
.text-\[22px\] {
font-size: 22px;
}
.text-\[23px\] {
font-size: 23px;
}
.text-\[24px\] {
font-size: 24px;
}
.text-\[30px\] {
font-size: 30px;
}
.text-\[32px\] {
font-size: 32px;
}
.text-\[34px\] {
font-size: 34px;
}
.text-\[36px\] {
font-size: 36px;
}
.text-\[38px\] {
font-size: 38px;
}
.text-\[40px\] {
font-size: 40px;
}
.text-\[54px\] {
font-size: 54px;
}
.text-\[58px\] {
font-size: 58px;
}
.text-\[65px\] {
font-size: 65px;
}
.text-\[80px\] {
font-size: 80px;
}
.text-base {
font-size: 1rem;
line-height: 1.5rem;
}
.text-lg {
font-size: 1.125rem;
line-height: 1.75rem;
}
.text-sm {
font-size: 0.875rem;
line-height: 1.25rem;
}
.text-xl {
font-size: 1.25rem;
line-height: 1.75rem;
}
.text-xs {
font-size: 0.75rem;
line-height: 1rem;
}
.font-bold {
font-weight: 700;
}
.font-extrabold {
font-weight: 800;
}
.font-light {
font-weight: 300;
}
.font-medium {
font-weight: 500;
}
.font-normal {
font-weight: 400;
}
.font-semibold {
font-weight: 600;
}
.font-thin {
font-weight: 100;
}
.uppercase {
text-transform: uppercase;
}
.capitalize {
text-transform: capitalize;
}
.italic {
font-style: italic;
}
.leading-10 {
line-height: 2.5rem;
}
.leading-4 {
line-height: 1rem;
}
.leading-5 {
line-height: 1.25rem;
}
.leading-6 {
line-height: 1.5rem;
}
.leading-7 {
line-height: 1.75rem;
}
.leading-9 {
line-height: 2.25rem;
}
.leading-\[1\.15em\] {
line-height: 1.15em;
}
.leading-\[1\.16em\] {
line-height: 1.16em;
}
.leading-\[1\.17em\] {
line-height: 1.17em;
}
.leading-\[1\.1em\] {
line-height: 1.1em;
}
.leading-\[1\.25em\] {
line-height: 1.25em;
}
.leading-\[1\.27em\] {
line-height: 1.27em;
}
.leading-\[1\.2em\] {
line-height: 1.2em;
}
.leading-\[1\.31em\] {
line-height: 1.31em;
}
.leading-\[1\.3em\] {
line-height: 1.3em;
}
.leading-\[1\.40em\] {
line-height: 1.40em;
}
.leading-\[1\.52em\] {
line-height: 1.52em;
}
.leading-\[1\.55em\] {
line-height: 1.55em;
}
.leading-\[1\.5em\] {
line-height: 1.5em;
}
.leading-\[1\.76em\] {
line-height: 1.76em;
}
.leading-\[1\.7em\] {
line-height: 1.7em;
}
.leading-\[18px\] {
line-height: 18px;
}
.leading-\[22px\] {
line-height: 22px;
}
.leading-\[35px\] {
line-height: 35px;
}
.leading-\[38px\] {
line-height: 38px;
}
.leading-\[42px\] {
line-height: 42px;
}
.leading-\[46px\] {
line-height: 46px;
}
.leading-\[50px\] {
line-height: 50px;
}
.leading-\[54px\] {
line-height: 54px;
}
.leading-\[56px\] {
line-height: 56px;
}
.leading-\[60px\] {
line-height: 60px;
}
.leading-\[initial\] {
line-height: initial;
}
.leading-none {
line-height: 1;
}
.leading-normal {
line-height: 1.5;
}
.leading-relaxed {
line-height: 1.625;
}
.leading-tight {
line-height: 1.25;
}
.tracking-\[1px\] {
letter-spacing: 1px;
}
.tracking-\[3px\] {
letter-spacing: 3px;
}
.tracking-tight {
letter-spacing: -0.025em;
}
.tracking-wide {
letter-spacing: 0.025em;
}
.tracking-wider {
letter-spacing: 0.05em;
}
.\!text-\[var\(--heading\)\] {
color: var(--heading) !important;
}
.text-\[\#030303\] {
--tw-text-opacity: 1;
color: rgb(3 3 3 / var(--tw-text-opacity));
}
.text-\[\#262626\] {
--tw-text-opacity: 1;
color: rgb(38 38 38 / var(--tw-text-opacity));
}
.text-\[\#2B2C2E\] {
--tw-text-opacity: 1;
color: rgb(43 44 46 / var(--tw-text-opacity));
}
.text-\[\#2F2F2F\] {
--tw-text-opacity: 1;
color: rgb(47 47 47 / var(--tw-text-opacity));
}
.text-\[\#373737\] {
--tw-text-opacity: 1;
color: rgb(55 55 55 / var(--tw-text-opacity));
}
.text-\[\#3b5998\] {
--tw-text-opacity: 1;
color: rgb(59 89 152 / var(--tw-text-opacity));
}
.text-\[\#464646\] {
--tw-text-opacity: 1;
color: rgb(70 70 70 / var(--tw-text-opacity));
}
.text-\[\#727272\] {
--tw-text-opacity: 1;
color: rgb(114 114 114 / var(--tw-text-opacity));
}
.text-\[\#979797\] {
--tw-text-opacity: 1;
color: rgb(151 151 151 / var(--tw-text-opacity));
}
.text-\[\#A2A2A2\] {
--tw-text-opacity: 1;
color: rgb(162 162 162 / var(--tw-text-opacity));
}
.text-\[\#B9B9B9\] {
--tw-text-opacity: 1;
color: rgb(185 185 185 / var(--tw-text-opacity));
}
.text-\[\#BFBFBF\] {
--tw-text-opacity: 1;
color: rgb(191 191 191 / var(--tw-text-opacity));
}
.text-\[rgba\(0\2c 0\2c 0\2c 0\.35\)\] {
color: rgba(0,0,0,0.35);
}
.text-\[rgba\(0\2c 0\2c 0\2c 0\.6\)\] {
color: rgba(0,0,0,0.6);
}
.text-\[rgba\(0\2c 0\2c 0\2c 0\.8\)\] {
color: rgba(0,0,0,0.8);
}
.text-\[rgba\(10\2c 10\2c 10\2c 0\.24\)\] {
color: rgba(10,10,10,0.24);
}
.text-\[rgba\(30\2c 30\2c 30\2c 0\.55\)\] {
color: rgba(30,30,30,0.55);
}
.text-\[var\(--blue-dark\)\] {
color: var(--blue-dark);
}
.text-\[var\(--heading\)\] {
color: var(--heading);
}
.text-\[var\(--purple-blue\)\] {
color: var(--purple-blue);
}
.text-\[var\(--text-color\)\] {
color: var(--text-color);
}
.text-black {
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
.text-blue-100 {
--tw-text-opacity: 1;
color: rgb(225 239 254 / var(--tw-text-opacity));
}
.text-blue-200 {
--tw-text-opacity: 1;
color: rgb(195 221 253 / var(--tw-text-opacity));
}
.text-blue-400 {
--tw-text-opacity: 1;
color: rgb(118 169 250 / var(--tw-text-opacity));
}
.text-blue-600 {
--tw-text-opacity: 1;
color: rgb(28 100 242 / var(--tw-text-opacity));
}
.text-blue-800 {
--tw-text-opacity: 1;
color: rgb(30 66 159 / var(--tw-text-opacity));
}
.text-blue-900 {
--tw-text-opacity: 1;
color: rgb(35 56 118 / var(--tw-text-opacity));
}
.text-gray-400 {
--tw-text-opacity: 1;
color: rgb(156 163 175 / var(--tw-text-opacity));
}
.text-gray-500 {
--tw-text-opacity: 1;
color: rgb(107 114 128 / var(--tw-text-opacity));
}
.text-gray-600 {
--tw-text-opacity: 1;
color: rgb(75 85 99 / var(--tw-text-opacity));
}
.text-gray-700 {
--tw-text-opacity: 1;
color: rgb(55 65 81 / var(--tw-text-opacity));
}
.text-gray-800 {
--tw-text-opacity: 1;
color: rgb(31 41 55 / var(--tw-text-opacity));
}
.text-gray-900 {
--tw-text-opacity: 1;
color: rgb(17 24 39 / var(--tw-text-opacity));
}
.text-green-400 {
--tw-text-opacity: 1;
color: rgb(49 196 141 / var(--tw-text-opacity));
}
.text-green-500 {
--tw-text-opacity: 1;
color: rgb(14 159 110 / var(--tw-text-opacity));
}
.text-indigo-400 {
--tw-text-opacity: 1;
color: rgb(141 162 251 / var(--tw-text-opacity));
}
.text-indigo-500 {
--tw-text-opacity: 1;
color: rgb(104 117 245 / var(--tw-text-opacity));
}
.text-indigo-600 {
--tw-text-opacity: 1;
color: rgb(88 80 236 / var(--tw-text-opacity));
}
.text-orange-800 {
--tw-text-opacity: 1;
color: rgb(138 44 13 / var(--tw-text-opacity));
}
.text-red-100 {
--tw-text-opacity: 1;
color: rgb(253 232 232 / var(--tw-text-opacity));
}
.text-red-400 {
--tw-text-opacity: 1;
color: rgb(249 128 128 / var(--tw-text-opacity));
}
.text-red-500 {
--tw-text-opacity: 1;
color: rgb(240 82 82 / var(--tw-text-opacity));
}
.text-red-600 {
--tw-text-opacity: 1;
color: rgb(224 36 36 / var(--tw-text-opacity));
}
.text-red-700 {
--tw-text-opacity: 1;
color: rgb(200 30 30 / var(--tw-text-opacity));
}
.text-teal-600 {
--tw-text-opacity: 1;
color: rgb(4 116 129 / var(--tw-text-opacity));
}
.text-teal-700 {
--tw-text-opacity: 1;
color: rgb(3 102 114 / var(--tw-text-opacity));
}
.text-wave-500 {
--tw-text-opacity: 1;
color: rgb(0 105 255 / var(--tw-text-opacity));
}
.text-wave-600 {
--tw-text-opacity: 1;
color: rgb(0 95 230 / var(--tw-text-opacity));
}
.text-wave-700 {
--tw-text-opacity: 1;
color: rgb(0 63 153 / var(--tw-text-opacity));
}
.text-white {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-yellow-400 {
--tw-text-opacity: 1;
color: rgb(227 160 8 / var(--tw-text-opacity));
}
.text-yellow-700 {
--tw-text-opacity: 1;
color: rgb(142 75 16 / var(--tw-text-opacity));
}
.underline {
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
}
.no-underline {
-webkit-text-decoration-line: none;
text-decoration-line: none;
}
.antialiased {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.opacity-0 {
opacity: 0;
}
.opacity-10 {
opacity: 0.1;
}
.opacity-100 {
opacity: 1;
}
.opacity-25 {
opacity: 0.25;
}
.opacity-50 {
opacity: 0.5;
}
.opacity-75 {
opacity: 0.75;
}
.shadow {
--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_10px_40px_rgba\(0\2c 0\2c 0\2c 0\.08\)\] {
--tw-shadow: 0 10px 40px rgba(0,0,0,0.08);
--tw-shadow-colored: 0 10px 40px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_15px_20px_0px_rgba\(0\2c 0\2c 0\2c 0\.05\)\] {
--tw-shadow: 0 15px 20px 0px rgba(0,0,0,0.05);
--tw-shadow-colored: 0 15px 20px 0px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_20px_60px_0_rgba\(104\2c 103\2c 255\2c 0\.2\)\] {
--tw-shadow: 0 20px 60px 0 rgba(104,103,255,0.2);
--tw-shadow-colored: 0 20px 60px 0 var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_2px_4px_rgba\(0\2c 0\2c 0\2c 0\.1\)\] {
--tw-shadow: 0 2px 4px rgba(0,0,0,0.1);
--tw-shadow-colored: 0 2px 4px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0px_10px_25px_0px_rgba\(123\2c 147\2c 171\2c 0\.15\)\] {
--tw-shadow: 0px 10px 25px 0px rgba(123,147,171,0.15);
--tw-shadow-colored: 0px 10px 25px 0px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg {
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-md {
--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-sm {
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-xl {
--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline {
outline-style: solid;
}
.ring-1 {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-black {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity));
}
.ring-opacity-5 {
--tw-ring-opacity: 0.05;
}
.blur {
--tw-blur: blur(8px);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.grayscale {
--tw-grayscale: grayscale(100%);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.invert {
--tw-invert: invert(100%);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.sepia {
--tw-sepia: sepia(100%);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter {
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.transition {
transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.transition-\[0\.3s\] {
transition-property: 0.3s;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.transition-all {
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.transition-opacity {
transition-property: opacity;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.transition-transform {
transition-property: transform;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.duration-100 {
transition-duration: 100ms;
}
.duration-1000 {
transition-duration: 1000ms;
}
.duration-150 {
transition-duration: 150ms;
}
.duration-200 {
transition-duration: 200ms;
}
.duration-300 {
transition-duration: 300ms;
}
.duration-75 {
transition-duration: 75ms;
}
.duration-\[0\.1s\] {
transition-duration: 0.1s;
}
.duration-\[0\.25s\] {
transition-duration: 0.25s;
}
.duration-\[0\.3s\] {
transition-duration: 0.3s;
}
.duration-\[0\.4s\] {
transition-duration: 0.4s;
}
.duration-\[0\.5s\] {
transition-duration: 0.5s;
}
.duration-\[linear\] {
transition-duration: linear;
}
.ease-\[all\] {
transition-timing-function: all;
}
.ease-\[ease-in-out\] {
transition-timing-function: ease-in-out;
}
.ease-\[ease-out\] {
transition-timing-function: ease-out;
}
.ease-in {
transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.ease-in-out {
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-out {
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.theme-menu-one .navbar-nav .nav-item.active .dropdown-toggle:after,
.theme-menu-one .navbar-nav .nav-item:hover > .dropdown-toggle:after,
.theme-menu-one
.navbar
.dropdown-menu
.dropdown-submenu:hover
.dropdown-item:after,
.theme-menu-one .navbar .dropdown-menu .dropdown-submenu:hover > .dropdown-item,
.theme-menu-one .navbar-nav .nav-item.active .nav-link,
.theme-menu-one .navbar-nav .nav-item:hover > .nav-link,
.theme-menu-one .navbar .dropdown-menu .dropdown-item:hover,
.theme-menu-one .navbar .dropdown-menu .dropdown-item.active {
color: var(--blue-dark);
}
.theme-menu-two .navbar-nav .nav-item.active .dropdown-toggle:after,
.theme-menu-two .navbar-nav .nav-item:hover > .dropdown-toggle:after,
.theme-menu-two
.navbar
.dropdown-menu
.dropdown-submenu:hover
.dropdown-item:after,
.theme-menu-two .navbar .dropdown-menu .dropdown-submenu:hover > .dropdown-item,
.theme-menu-two .navbar-nav .nav-item.active .nav-link,
.theme-menu-two .navbar-nav .nav-item:hover > .nav-link,
.theme-menu-two .navbar .dropdown-menu .dropdown-item:hover,
.theme-menu-two .navbar .dropdown-menu .dropdown-item.active {
color: var(--red-light);
}
.theme-menu-four .navbar-nav .nav-item.active .dropdown-toggle:after,
.theme-menu-four .navbar-nav .nav-item:hover > .dropdown-toggle:after,
.theme-menu-four
.navbar
.dropdown-menu
.dropdown-submenu:hover
.dropdown-item:after,
.theme-menu-four
.navbar
.dropdown-menu
.dropdown-submenu:hover
> .dropdown-item,
.theme-menu-four .navbar-nav .nav-item.active .nav-link,
.theme-menu-four .navbar-nav .nav-item:hover > .nav-link,
.theme-menu-four .navbar .dropdown-menu .dropdown-item:hover,
.theme-menu-four .navbar .dropdown-menu .dropdown-item.active {
color: var(--vin-red);
}
.theme-menu-three .navbar-nav .nav-item.active .dropdown-toggle:after,
.theme-menu-three .navbar-nav .nav-item:hover > .dropdown-toggle:after,
.theme-menu-three
.navbar
.dropdown-menu
.dropdown-submenu:hover
.dropdown-item:after,
.theme-menu-three
.navbar
.dropdown-menu
.dropdown-submenu:hover
> .dropdown-item,
.theme-menu-three .navbar-nav .nav-item.active .nav-link,
.theme-menu-three .navbar-nav .nav-item:hover > .nav-link,
.theme-menu-three .navbar .dropdown-menu .dropdown-item:hover,
.theme-menu-three .navbar .dropdown-menu .dropdown-item.active {
color: var(--blue-light);
}
.dark-style .theme-menu-five .navbar-nav .nav-item .nav-link.active {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.theme-menu-five .navbar-nav .nav-item .nav-link.active,
.theme-menu-seven .navbar-nav .nav-item .nav-link.active,
.theme-menu-six .navbar-nav .nav-item .nav-link.active {
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
}
/* responsive container */
@media (min-width: 992px){
.container {
padding-left: 0px;
padding-right: 0px;
}
}
@keyframes spinner {
to {
transform: rotateZ(360deg);
}
}
@keyframes letters-loading {
0%,
75%,
100% {
opacity: 0;
transform: rotateY(-90deg);
}
25%,
50% {
opacity: 1;
transform: rotateY(0deg);
}
}
@media screen and (max-width: 767px) {
.ctn-preloader .animation-preloader .spinner {
height: 8em;
width: 8em;
}
}
@media screen and (max-width: 500px) {
.ctn-preloader .animation-preloader .spinner {
height: 7em;
width: 7em;
}
.ctn-preloader .animation-preloader .txt-loading .letters-loading {
font-size: 40px;
letter-spacing: 10px;
}
}
::-webkit-scrollbar {
width: 5px;
}
::-webkit-scrollbar-track {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
::-webkit-scrollbar-thumb {
border-radius: 0px;
background-color: var(--blue-dark);
}
:root {
--text-color: #73737b;
--text-light: #888888;
--heading: #101621;
--blue-dark: #6f55ff;
--red-light: #fd6a5e;
--yellow-deep: #ffb840;
--blue-light: #3bb0d7;
--purple-blue: #655c97;
--vin-red: #973c56;
}
::-moz-selection {
--tw-bg-opacity: 1;
background-color: rgb(111 85 255 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
::selection {
--tw-bg-opacity: 1;
background-color: rgb(111 85 255 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
::-moz-placeholder {
--tw-text-opacity: 1;
color: rgb(172 174 179 / var(--tw-text-opacity));
}
::placeholder {
--tw-text-opacity: 1;
color: rgb(172 174 179 / var(--tw-text-opacity));
}
.cs-screen {
position: absolute;
}
.illustration-holder {
position: relative;
}
.dark-style {
--tw-bg-opacity: 1;
background-color: rgb(15 17 35 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(175 175 175 / var(--tw-text-opacity));
}
.dark-style .h1,
.dark-style h1,
.dark-style .h2,
.dark-style h2,
.dark-style .h3,
.dark-style h3,
.dark-style .h4,
.dark-style h4,
.dark-style .h5,
.dark-style h5,
.dark-style .h6,
.dark-style h6 {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.gr-bg-one {
background-color: 90.6deg;
background-image: linear-gradient(to right, var(--tw-gradient-stops));
--tw-gradient-from: #f548a0 var(--tw-gradient-from-position);
--tw-gradient-to: rgb(245 72 160 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
--tw-gradient-to: rgb(245 124 53 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), #f57c35 var(--tw-gradient-via-position), var(--tw-gradient-to);
--tw-gradient-to: #f57c35 var(--tw-gradient-to-position);
}
.hover-reverse-gr-bg-one {
position: relative;
z-index: 1;
}
.hover-reverse-gr-bg-one::before {
position: absolute;
right: 0px;
top: 0px;
z-index: -1;
height: 100%;
width: 100%;
border-radius: 0.375rem;
opacity: 0;
transition-property: all;
transition-duration: 150ms;
transition-duration: 0.6s;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
--tw-content: '';
content: var(--tw-content);
}
.hover-reverse-gr-bg-one:hover::before {
content: var(--tw-content);
opacity: 1;
}
.hover-reverse-gr-bg-one:before {
background-color: 270.01deg;
background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
--tw-gradient-from: #f548a0 var(--tw-gradient-from-position);
--tw-gradient-to: rgb(245 72 160 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
--tw-gradient-to: #f57c35 var(--tw-gradient-to-position);
}
.top-border {
border-top-width: 1px;
border-style: solid;
--tw-border-opacity: 1;
border-top-color: rgb(239 239 239 / var(--tw-border-opacity));
}
.bottom-border {
border-bottom-width: 1px;
border-style: solid;
--tw-border-opacity: 1;
border-bottom-color: rgb(239 239 239 / var(--tw-border-opacity));
}
/*-------------- Prefix Classes ----------------*/
.tran3s {
transition-property: all;
transition-duration: 150ms;
transition-duration: 0.3s;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.tran4s {
transition-property: all;
transition-duration: 150ms;
transition-duration: 0.4s;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.tran5s {
transition-property: all;
transition-duration: 150ms;
transition-duration: 0.5s;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.tran6s {
transition-property: all;
transition-duration: 150ms;
transition-duration: 0.6s;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.hero-banner-one [class*="icon-box"] {
position: absolute;
border-radius: 50%;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.hero-banner-one [class*="icon-box"] img {
position: relative;
top: 50%;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
--tw-translate-y: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.useable-tools-section.bg-shape {
position: relative;
z-index: 5;
background-image: url(../images/shape/7.svg);
background-size: contain;
background-position: top center;
background-repeat: no-repeat;
padding-left: 0px;
padding-right: 0px;
padding-top: 500px;
padding-bottom: 350px;
}
.useable-tools-section.bg-transparent .img-box {
--tw-shadow: 15px 30px 50px rgba(23,32,90,0.06);
--tw-shadow-colored: 15px 30px 50px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.team-section-one .controls .control.mixitup-control-active {
color: var(--blue-dark);
}
.team-section-one .controls .control.mixitup-control-active::before {
content: var(--tw-content);
opacity: 1;
}
.feature-blog-two .header .title-style-one {
max-width: 560px;
}
.tooltip.form-style-light .input-group-meta input:valid + .valid-sign > .tooltip-arrow:before {
visibility: hidden;
}
[role="tooltip"].form-style-light .input-group-meta input:valid + .valid-sign > [data-popper-arrow]:before {
visibility: hidden;
}
[role="tooltip"].form-style-light .input-group-meta input:valid + .valid-sign > [data-popper-arrow]:after {
visibility: hidden;
}
.form-style-light .input-group-meta input:valid + .valid-sign {
visibility: hidden;
opacity: 0;
}
#contact-form .form-group .help-block ul {
padding-left: 0px;
}
#contact-form .form-group .help-block li {
position: relative;
}
#contact-form .form-group .help-block li::before {
position: absolute;
left: 0px;
top: -0.5rem;
font-family: FontAwesome;
--tw-text-opacity: 1;
color: rgb(220 53 69 / var(--tw-text-opacity));
--tw-content: '\f0de';
content: var(--tw-content);
}
.hero-banner-two .hero-text-wrapper .list-item.lg li {
position: relative;
margin-bottom: 15px;
padding-left: 22px;
font-size: 19px;
line-height: 1.57em;
}
.theme-footer-two .bottom-footer-content ul li {
display: inline-block;
}
.theme-footer-two .bottom-footer-content ul li a {
margin-left: 1.25rem;
font-size: 1rem;
line-height: 1.5rem;
--tw-text-opacity: 1;
color: rgb(114 114 114 / var(--tw-text-opacity));
}
.theme-footer-two .bottom-footer-content ul li a:hover {
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
.theme-footer-two .bottom-footer-content p {
font-size: 15px;
--tw-text-opacity: 1;
color: rgb(106 106 106 / var(--tw-text-opacity));
}
.theme-footer-two .bottom-footer-content {
padding-left: 0px;
padding-right: 0px;
padding-top: 26px;
padding-bottom: 30px;
}
.theme-footer-two .bottom-footer-content ul {
padding-right: 97px;
}
ul.pricing-nav-one li button[aria-selected="true"] {
background-color: var(--blue-dark);
--tw-text-opacity: 1 !important;
color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
ul.pricing-nav-two li button[aria-selected="true"] {
background-color: var(--red-light);
--tw-text-opacity: 1 !important;
color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
.faqs-header .avatar img:nth-child(n + 2) {
z-index: 1;
margin-left: -0.625rem;
}
.user-data-form .input-group-meta .valid-sign img {
opacity: 0;
transition-property: all;
transition-duration: 150ms;
transition-duration: 0.2s;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.user-data-form .input-group-meta input:valid + .valid-sign img {
opacity: 1;
}
.user-data-form .input-group-meta .placeholder_icon span.eye-slash::before {
content: var(--tw-content);
opacity: 0;
}
.user-data-form .agreement-checkbox label a {
color: var(--p-color);
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
}
.user-data-form .agreement-checkbox input[type="checkbox"]:checked + label:before {
--tw-border-opacity: 1;
border-color: rgb(0 0 0 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
font-family: FontAwesome;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
--tw-content: "\f00c";
content: var(--tw-content);
}
.user-data-page .full-height {
min-height: 100vh;
flex-direction: column;
padding-left: 0px;
padding-right: 0px;
padding-top: 1.25rem;
padding-bottom: 1.25rem;
text-align: center;
}
.full-height .user-data-form .button-solid-one {
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 30px;
width: 200px;
}
.fancy-text-block-sixteen .img-slick-slider .slick-dots {
position: absolute;
bottom: -84px;
left: 0px;
width: 100%;
}
.fancy-text-block-sixteen .img-slick-slider .slick-dots li {
position: relative;
float: left;
height: 0.25rem;
width: 33.333333%;
background-color: rgba(216,216,216,0.35);
}
.fancy-text-block-sixteen .img-slick-slider .slick-dots li button {
position: absolute;
left: 0px;
top: 0px;
height: 0.25rem;
width: 75%;
transform-origin: 0 100%;
--tw-scale-x: 0;
--tw-scale-y: 1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
border-radius: 0.25rem;
--tw-bg-opacity: 1;
background-color: rgb(255 208 132 / var(--tw-bg-opacity));
text-indent: -50000px;
opacity: 0;
transition-property: all;
transition-duration: 150ms;
transition-duration: 0.3s;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.fancy-text-block-sixteen .img-slick-slider .slick-dots li.slick-active button {
--tw-scale-x: 1;
--tw-scale-y: 1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
opacity: 1;
}
.fancy-text-block-sixteen .img-slick-slider .slick-dots li:last-child button {
left: auto;
right: 0px;
}
.client-feedback-slider-two .slick-center .bg-wrapper {
--tw-shadow: 0px 40px 40px rgba(2,7,7,0.03);
--tw-shadow-colored: 0px 40px 40px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.client-feedback-slider-two .slick-dots {
text-align: center;
}
.client-feedback-slider-two .slick-dots li {
margin-left: 0.625rem;
margin-right: 0.625rem;
margin-top: 0px;
margin-bottom: 0px;
display: inline-block;
}
.client-feedback-slider-two .slick-dots button {
height: 0.5rem;
width: 0.5rem;
border-radius: 50%;
background-color: rgba(0,0,0,0.12);
text-indent: -550000px;
}
.client-feedback-slider-two .slick-dots li.slick-active button {
--tw-bg-opacity: 1;
background-color: rgb(250 170 75 / var(--tw-bg-opacity));
}
.useable-tools-section-three .logo-wrapper .logo.bg-sada {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
--tw-shadow: 15px 30px 50px rgba(23,32,90,0.0696193);
--tw-shadow-colored: 15px 30px 50px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.team-section-three .slider-arrows li {
margin-left: 15px;
height: 50px;
width: 50px;
cursor: pointer;
border-radius: 50%;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
text-align: center;
font-size: 28px;
line-height: 50px;
--tw-text-opacity: 1;
color: rgb(42 42 42 / var(--tw-text-opacity));
transition-property: all;
transition-duration: 150ms;
transition-duration: 0.3s;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.team-section-three .slider-arrows li:hover {
background-color: var(--blue-light);
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.teamSliderOne .slick-current .team-member {
--tw-shadow: 0 20px 30px rgba(0,0,0,0.05);
--tw-shadow-colored: 0 20px 30px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.doc-sidebar .list-item li h4 .expander {
position: absolute;
right: 0px;
top: 0px;
background-color: transparent;
font-size: 0.75rem;
line-height: 1rem;
line-height: 50px;
color: inherit;
}
.useable-tools-section.doc-sidebar .list-item li h4 .expander .img-box {
--tw-shadow: 15px 30px 50px rgba(23,32,90,0.06);
--tw-shadow-colored: 15px 30px 50px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.partner-section-one.doc-sidebar .list-item li h4 .expander .img-box {
--tw-shadow: 15px 30px 50px rgba(23,32,90,0.06);
--tw-shadow-colored: 15px 30px 50px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.doc-sidebar .list-item li .sub-menu a.active {
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
line-height: 2rem;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
-webkit-text-decoration-line: none;
text-decoration-line: none;
}
.doc-sidebar ul .sub-menu {
display: none;
transition-property: all;
transition-duration: 150ms;
transition-duration: 0.3s;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.doc-sidebar ul .sub-menu.show {
display: block;
}
.doc-sidebar ul .sub-menu.open {
display: block;
}
.doc-sideNav .nav-link.active {
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
line-height: 2rem;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
ul.pricing-nav-three li button[aria-selected="false"] {
background-color: transparent;
--tw-text-opacity: 1 !important;
color: rgb(0 0 0 / var(--tw-text-opacity)) !important;
}
ul.useable-tools-section.pricing-nav-three li button[aria-selected="false"] .img-box {
--tw-shadow: 15px 30px 50px rgba(23,32,90,0.06);
--tw-shadow-colored: 15px 30px 50px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
ul.partner-section-one.pricing-nav-three li button[aria-selected="false"] .img-box {
--tw-shadow: 15px 30px 50px rgba(23,32,90,0.06);
--tw-shadow-colored: 15px 30px 50px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
ul.pricing-nav-three li button[aria-selected="false"]:hover {
--tw-text-opacity: 1 !important;
color: rgb(0 0 0 / var(--tw-text-opacity)) !important;
}
ul.pricing-nav-three li button[aria-selected="false"]:focus {
--tw-text-opacity: 1 !important;
color: rgb(0 0 0 / var(--tw-text-opacity)) !important;
}
ul.pricing-nav-three li button[aria-selected="true"] {
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
ul.pricing-nav-three li button[aria-selected="true"]:focus {
--tw-text-opacity: 1 !important;
color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
.faq-section-four.bg-sada {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.faq-section-four.bg-sada::before {
content: var(--tw-content);
display: none;
}
.faq-section-four.bg-sada::after {
content: var(--tw-content);
display: none;
}
.fancy-text-block-twenty ul li button[aria-selected="true"],
.fancy-text-block-twenty ul li button:focus {
--tw-text-opacity: 1 !important;
color: rgb(0 0 0 / var(--tw-text-opacity)) !important;
-webkit-text-decoration-line: underline !important;
text-decoration-line: underline !important;
}
.team-section-four .team-member:hover .img-holder img {
transform: scale3d(1.1, 1.1, 1)
}
.feature-blog-four .feature-article-meta:hover .img-meta img {
transform: scale3d(1.1, 1.1, 1)
}
.clientSliderFour .slick-dots {
text-align: center;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.clientSliderFour .slick-dots {
margin-top: 1.25rem;
}
}
@media (min-width: 1200px) {
.clientSliderFour .slick-dots {
margin-top: 1.25rem;
}
}
.clientSliderFour .slick-dots li {
display: inline-block;
}
.clientSliderFour .slick-dots li button {
margin-left: 5px;
margin-right: 5px;
margin-top: 0px;
margin-bottom: 0px;
height: 0.5rem;
width: 0.5rem;
border-radius: 50%;
border-width: 1px;
border-style: solid;
--tw-border-opacity: 1;
border-color: rgb(0 0 0 / var(--tw-border-opacity));
text-indent: -50000px;
transition-property: all;
transition-duration: 150ms;
transition-duration: 0.3s;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.clientSliderFour .slick-dots li.slick-active button {
--tw-border-opacity: 1;
border-color: rgb(255 39 89 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(255 39 89 / var(--tw-bg-opacity));
}
.modal-backdrop {
z-index: 10000;
}
.modal {
z-index: 10001;
}
.dark-style .modal-contact-popup-one .main-body {
--tw-bg-opacity: 1;
background-color: rgb(46 43 58 / var(--tw-bg-opacity));
}
.dark-style .modal-contact-popup-one .main-body .left-side {
background-color: 319.09deg;
background-image: linear-gradient(to right, var(--tw-gradient-stops));
--tw-gradient-from: #f2a530 var(--tw-gradient-from-position);
--tw-gradient-to: rgb(242 165 48 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
--tw-gradient-to: rgb(237 88 121 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), #ed5879 var(--tw-gradient-via-position), var(--tw-gradient-to);
--tw-gradient-to: #b439ff var(--tw-gradient-to-position);
}
.dark-style .modal-contact-popup-one .main-body .left-side blockquote,
.dark-style .modal-contact-popup-one .main-body .left-side .bio {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.dark-style .modal-contact-popup-one .main-body .right-side .form-title {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.dark-style .modal-contact-popup-one .main-body .input-group-meta label {
color: rgba(255,255,255,0.4);
}
.dark-style .modal-contact-popup-one .main-body .input-group-meta input,
.dark-style .modal-contact-popup-one .main-body .input-group-meta textarea {
--tw-border-opacity: 1;
border-color: rgb(255 255 255 / var(--tw-border-opacity));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.modal-contact-popup-one .main-body .input-group-meta ::-moz-placeholder {
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
.modal-contact-popup-one .main-body .input-group-meta ::placeholder {
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
.dark-style
.modal-contact-popup-one
.main-body
.input-group-meta
::-moz-placeholder {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.dark-style
.modal-contact-popup-one
.main-body
.input-group-meta
::placeholder {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.dark-style .modal-contact-popup-one .theme-btn-seven {
background-color: rgba(255,255,255,0.25);
}
.dark-style .modal-contact-popup-one .right-side:before {
position: absolute;
top: -14%;
left: 18%;
z-index: -1;
height: 568px;
width: 568px;
--tw-rotate: 150deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
border-radius: 50%;
background-color: rgba(89,156,255,0.12);
opacity: 0.32;
--tw-blur: blur(50px);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
--tw-content: '';
content: var(--tw-content);
}
.dark-style .modal-contact-popup-one .right-side:after {
position: absolute;
left: 7%;
top: 7%;
z-index: -2;
height: 568px;
width: 568px;
--tw-rotate: 150deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
border-radius: 50%;
background-color: rgba(255,4,64,0.16);
opacity: 0.32;
--tw-blur: blur(50px);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
--tw-content: '';
content: var(--tw-content);
}
.dark-style .navbar .navbar-toggler {
background-color: 90.6deg;
background-image: linear-gradient(to right, var(--tw-gradient-stops));
--tw-gradient-from: #f548a0 var(--tw-gradient-from-position);
--tw-gradient-to: rgb(245 72 160 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
--tw-gradient-to: rgb(245 124 53 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), #f57c35 var(--tw-gradient-via-position), var(--tw-gradient-to);
--tw-gradient-to: #f57c35 var(--tw-gradient-to-position);
}
.dark-style .theme-main-menu.sticky-menu.fixed_top {
--tw-bg-opacity: 1;
background-color: rgb(23 25 43 / var(--tw-bg-opacity));
}
.block-style-seventeen .js-tilt-glare {
border-radius: 17px;
}
#productScreenSlider .carousel-item.active,
#productScreenSlider .carousel-item-next.carousel-item-left,
#productScreenSlider .carousel-item-prev.carousel-item-right {
opacity: 1;
}
#productScreenSlider .active.carousel-item-left,
#productScreenSlider .active.carousel-item-right {
opacity: 0;
}
#productScreenSlider .carousel-item-next,
#productScreenSlider .carousel-item-prev,
#productScreenSlider .carousel-item.active,
#productScreenSlider .active.carousel-item-left,
#productScreenSlider .active.carousel-item-prev {
--tw-translate-x: 0px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
transform: translate3d(0, 0, 0);
}
.fancy-feature-fourteen .js-tilt-glare {
border-radius: 20px;
}
.pricing-table-area-five .js-tilt-glare .js-tilt-glare-inner {
border-radius: 15px;
background-image: none;
}
.fancy-short-banner-seven .video-button span {
padding-left: 0.875rem;
font-size: 1rem;
line-height: 1.5rem;
font-weight: 500;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
transition-duration: 0.3s;
transition-timing-function: ease;
}
.fancy-short-banner-seven .js-tilt-glare-inner {
background-color: transparent;
background-image: none;
}
.useable-tools-section.fancy-short-banner-seven .js-tilt-glare-inner .img-box {
--tw-shadow: 15px 30px 50px rgba(23,32,90,0.06);
--tw-shadow-colored: 15px 30px 50px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.partner-section-one.fancy-short-banner-seven .js-tilt-glare-inner .img-box {
--tw-shadow: 15px 30px 50px rgba(23,32,90,0.06);
--tw-shadow-colored: 15px 30px 50px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.fancy-feature-fifteen .carousel-indicators li.active,
.fancy-feature-fifteen .carousel-indicators li.active:before {
opacity: 1;
}
#screenSlider .carousel-item.active,
#screenSlider .carousel-item-next.carousel-item-left,
#screenSlider .carousel-item-prev.carousel-item-right {
opacity: 1;
}
#screenSlider .active.carousel-item-left,
#screenSlider .active.carousel-item-right {
opacity: 0;
}
#screenSlider .carousel-item-next,
#screenSlider .carousel-item-prev,
#screenSlider .carousel-item.active,
#screenSlider .active.carousel-item-left,
#screenSlider .active.carousel-item-prev {
--tw-translate-x: 0px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
transform: translate3d(0, 0, 0);
}
ul.pricing-nav-four li button[aria-selected="false"] {
background-color: transparent;
--tw-text-opacity: 1 !important;
color: rgb(0 0 0 / var(--tw-text-opacity)) !important;
}
ul.useable-tools-section.pricing-nav-four li button[aria-selected="false"] .img-box {
--tw-shadow: 15px 30px 50px rgba(23,32,90,0.06);
--tw-shadow-colored: 15px 30px 50px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
ul.partner-section-one.pricing-nav-four li button[aria-selected="false"] .img-box {
--tw-shadow: 15px 30px 50px rgba(23,32,90,0.06);
--tw-shadow-colored: 15px 30px 50px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
ul.pricing-nav-four li button[aria-selected="false"]:focus {
--tw-text-opacity: 1 !important;
color: rgb(0 0 0 / var(--tw-text-opacity)) !important;
}
ul.pricing-nav-four li button[aria-selected="true"] {
border-radius: 10px;
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
ul.pricing-nav-four li button[aria-selected="true"]:focus {
--tw-text-opacity: 1 !important;
color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
.clientSliderSix .slick-center .feedback-wrapper {
--tw-border-opacity: 1;
border-color: rgb(255 255 255 / var(--tw-border-opacity));
--tw-shadow: 0px 35px 60px rgba(14,29,45,0.04);
--tw-shadow-colored: 0px 35px 60px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.clientSliderSix .slick-dots {
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
display: block;
text-align: center;
}
.clientSliderSix .slick-dots li {
display: inline-block;
}
.clientSliderSix .slick-dots li button {
margin-left: 5px;
margin-right: 5px;
margin-top: 0px;
margin-bottom: 0px;
height: 0.5rem;
width: 0.5rem;
border-radius: 50%;
border-width: 1px;
border-style: solid;
--tw-border-opacity: 1;
border-color: rgb(0 0 0 / var(--tw-border-opacity));
text-indent: -50000px;
transition-property: all;
transition-duration: 150ms;
transition-duration: 0.3s;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.clientSliderSix .slick-dots li.slick-active button {
--tw-border-opacity: 1;
border-color: rgb(0 0 0 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.clientSliderSix.style-two .slick-center .feedback-wrapper .ribbon {
--tw-scale-x: 1;
--tw-scale-y: 1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.fancy-short-banner-eight .download-btn.show button:after {
--tw-rotate: 180deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.fancy-feature-eighteen ul.nav-tabs li button[aria-selected="true"] {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
--tw-shadow: 0 15px 30px rgba(9,16,29,0.03);
--tw-shadow-colored: 0 15px 30px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.fancy-feature-eighteen ul.nav-tabs li button[aria-selected="true"] .current {
--tw-scale-x: 0;
--tw-scale-y: 0;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.fancy-feature-eighteen ul.nav-tabs li button[aria-selected="true"] .hover {
--tw-translate-x: -50%;
--tw-translate-y: -50%;
--tw-scale-x: 1;
--tw-scale-y: 1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.fancy-feature-eighteen ul.nav-tabs li button[aria-selected="false"] .hover {
position: absolute;
left: 50%;
top: 50%;
--tw-translate-x: -50%;
--tw-translate-y: -50%;
--tw-scale-x: 0;
--tw-scale-y: 0;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.fancy-short-banner-nine .download-btn.show button:after {
--tw-rotate: 180deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.partner-section-one.bg-transparent .img-box {
--tw-shadow: 15px 30px 50px rgba(23,32,90,0.06);
--tw-shadow-colored: 15px 30px 50px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.terms_and_policy ul li button[aria-selected="true"] {
--tw-text-opacity: 1 !important;
color: rgb(0 0 0 / var(--tw-text-opacity)) !important;
}
.terms_and_policy ul li button[aria-selected="true"]:focus {
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
.app-preview-slider-one .slick-center .img-holder img {
--tw-scale-x: 1;
--tw-scale-y: 1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.app-preview-slider-two .slick-center .img-holder img {
--tw-scale-x: 1;
--tw-scale-y: 1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.po-control-one button.mixitup-control-active {
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.slick-center .portfolio-block-three .img-holder:hover img {
transform: scale3d(1.1, 1.1, 1)
}
.slick-center .portfolio-block-three .img-holder:before {
opacity: 0;
}
.slick-center .portfolio-block-three .text {
opacity: 1;
}
.po-control-two button.mixitup-control-active {
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
}
.block-style-thirtyFour:hover > img {
transform: scale3d(1.1,1.1,1);
}
@keyframes ripple {
0% {
box-shadow: 0 0 0 .1rem rgba(255,255,255, 0.06)
}
100% {
box-shadow: 0 0 0 3rem rgba(255,255,255, 0)
}
}
.clientSliderEight .slick-dots {
margin-top: 0px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.clientSliderEight .slick-dots li {
margin-left: 5px;
margin-right: 5px;
margin-top: 70px;
margin-bottom: 0px;
display: inline-block;
}
.clientSliderEight .slick-dots button {
height: 9px;
width: 9px;
border-radius: 50%;
background-color: rgba(255,255,255,0.15);
text-indent: -550000px;
}
.clientSliderEight .slick-dots li.slick-active button {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.product-block-one .img-holder.style-two {
height: auto;
}
.product-block-one .img-holder .cart-button {
position: absolute;
left: 1.25rem;
right: 1.25rem;
bottom: 1.25rem;
--tw-translate-y: 0.625rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
--tw-bg-opacity: 1;
background-color: rgb(31 31 31 / var(--tw-bg-opacity));
text-align: center;
font-size: 14px;
text-transform: uppercase;
line-height: 48px;
letter-spacing: 1px;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
opacity: 0;
transition-property: all;
transition-duration: 150ms;
transition-duration: 0.4s;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.group:hover .product-block-one .img-holder .cart-button {
--tw-translate-y: 0px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
opacity: 1;
}
ul.product-img-tab li button[aria-selected="true"] {
border-width: 1px;
border-bottom-width: 1px;
border-style: solid;
--tw-border-opacity: 1;
border-color: rgb(0 0 0 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
ul.product-review-wrape li button[aria-selected="true"]::before {
content: var(--tw-content);
--tw-scale-x: 1;
--tw-scale-y: 1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.product-details-one .product-info .color-custome-input li input[type="radio"]:checked + label:before {
opacity: 1;
}
.product-details-one .product-info .size-custome-input li input[type="radio"]:checked + label {
--tw-border-opacity: 1;
border-color: rgb(0 0 0 / var(--tw-border-opacity));
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
.checkout-form .checkbox-list li input[type="checkbox"]:checked + label:before {
--tw-border-opacity: 1;
border-color: rgb(55 55 55 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(55 55 55 / var(--tw-bg-opacity));
font-family: FontAwesome;
font-size: 10px;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
--tw-content: "\f00c";
content: var(--tw-content);
}
.checkout-form .order-confirm-sheet .order-review .payment-list li input:checked + label:before {
--tw-border-opacity: 1;
border-color: rgb(55 55 55 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(55 55 55 / var(--tw-bg-opacity));
font-family: FontAwesome;
font-size: 10px;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
--tw-content: "\f00c";
content: var(--tw-content);
}
.checkout-form .order-confirm-sheet .agreement-checkbox input[type="checkbox"]:checked + label:before {
--tw-border-opacity: 1;
border-color: rgb(55 55 55 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(55 55 55 / var(--tw-bg-opacity));
font-family: FontAwesome;
font-size: 10px;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
--tw-content: "\f00c";
content: var(--tw-content);
}
.carousel-indicators li[aria-current="true"] {
background-color: transparent;
}
.useable-tools-section.carousel-indicators li[aria-current="true"] .img-box {
--tw-shadow: 15px 30px 50px rgba(23,32,90,0.06);
--tw-shadow-colored: 15px 30px 50px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.partner-section-one.carousel-indicators li[aria-current="true"] .img-box {
--tw-shadow: 15px 30px 50px rgba(23,32,90,0.06);
--tw-shadow-colored: 15px 30px 50px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.carousel-indicators li[aria-current="true"]::before {
--tw-bg-opacity: 1;
background-color: rgb(255 211 91 / var(--tw-bg-opacity));
content: var(--tw-content);
opacity: 1;
}
.carousel-indicators li[aria-current="true"] p {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.carousel-indicators li[aria-current="true"] img {
--tw-rotate: 90deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
opacity: 1;
}
.carousel-indicators li[aria-current="false"] :focus,
.carousel-indicators li[aria-current="true"] :focus {
background-color: transparent;
}
.useable-tools-section.carousel-indicators li[aria-current="false"] :focus .img-box,.useable-tools-section
.carousel-indicators li[aria-current="true"] :focus .img-box {
--tw-shadow: 15px 30px 50px rgba(23,32,90,0.06);
--tw-shadow-colored: 15px 30px 50px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.partner-section-one.carousel-indicators li[aria-current="false"] :focus .img-box,.partner-section-one
.carousel-indicators li[aria-current="true"] :focus .img-box {
--tw-shadow: 15px 30px 50px rgba(23,32,90,0.06);
--tw-shadow-colored: 15px 30px 50px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.carousel-indicators2 li[aria-current="true"] {
opacity: 1;
}
.carousel-indicators2 li[aria-current="true"] p {
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
.carousel-indicators2 li[aria-current="true"]:before {
opacity: 1 !important;
}
.container {
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 576px) and (max-width: 767.98px) {
.container {
max-width: 540px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.container {
max-width: 720px;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.container {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.container {
max-width: 1260px;
}
}
@media (max-width: 575.98px) {
.container {
width: 100%;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.custom-container {
max-width: 540px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.custom-container {
max-width: 720px;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.custom-container {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.custom-container {
max-width: 1260px;
}
}
@media (max-width: 991px){
.clientSliderFour .slick-dots {
margin-top: 2.5rem;
}
body .theme-btn-seven {
padding: 0 30px;
font-size: 16px;
line-height: 54px;
}
.fancy-portfolio-one .slider-arrows {
position: static;
margin-top: 2.5rem;
}
.fancy-portfolio-one .slider-arrows > div {
margin-left: 5px;
margin-right: 5px;
margin-top: 0px;
margin-bottom: 0px;
height: 45px;
width: 45px;
}
.fancy-feature-eighteen ul.nav-tabs li button[aria-selected="false"] .hover,
.fancy-feature-eighteen ul.nav-tabs li button[aria-selected="true"] .hover {
width: 67%;
}
}
@media (min-width: 992px) {
.container {
padding-left: 0px;
padding-right: 0px;
}
}
@media (min-width: 1200px) {
.container {
max-width: 1170px;
}
.container-custom.container {
max-width: 1200px;
}
}
@media (min-width: 1350px) {
.lg-container .container {
max-width: 1320px;
}
}
.doc-links.collapse.show {
display: block;
}
/* All Menu */
.theme-main-menu.sticky-menu.fixed_top {
z-index: 9999;
--tw-shadow: 0 13px 35px -12px rgba(35,35,35,0.1);
--tw-shadow-colored: 0 13px 35px -12px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.theme-main-menu.sticky-menu.fixed_top.theme-menu-six,
.theme-main-menu.sticky-menu.fixed_top.theme-menu-five,
.theme-main-menu.sticky-menu.fixed_top.theme-menu-two,
.theme-main-menu.sticky-menu.fixed_top.theme-menu-three,
.theme-main-menu.sticky-menu.fixed_top.theme-menu-one {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
@media (min-width: 576px) and (max-width: 767.98px) {
.theme-main-menu.sticky-menu.fixed_top.theme-menu-six,
.theme-main-menu.sticky-menu.fixed_top.theme-menu-five,
.theme-main-menu.sticky-menu.fixed_top.theme-menu-two,
.theme-main-menu.sticky-menu.fixed_top.theme-menu-three,
.theme-main-menu.sticky-menu.fixed_top.theme-menu-one {
padding: 20px 15px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.theme-main-menu.sticky-menu.fixed_top.theme-menu-six,
.theme-main-menu.sticky-menu.fixed_top.theme-menu-five,
.theme-main-menu.sticky-menu.fixed_top.theme-menu-two,
.theme-main-menu.sticky-menu.fixed_top.theme-menu-three,
.theme-main-menu.sticky-menu.fixed_top.theme-menu-one {
padding: 20px 15px;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.theme-main-menu.sticky-menu.fixed_top.theme-menu-six,
.theme-main-menu.sticky-menu.fixed_top.theme-menu-five,
.theme-main-menu.sticky-menu.fixed_top.theme-menu-two,
.theme-main-menu.sticky-menu.fixed_top.theme-menu-three,
.theme-main-menu.sticky-menu.fixed_top.theme-menu-one {
padding-top: 0px;
padding-bottom: 0px;
}
}
@media (min-width: 1200px) {
.theme-main-menu.sticky-menu.fixed_top.theme-menu-six,
.theme-main-menu.sticky-menu.fixed_top.theme-menu-five,
.theme-main-menu.sticky-menu.fixed_top.theme-menu-two,
.theme-main-menu.sticky-menu.fixed_top.theme-menu-three,
.theme-main-menu.sticky-menu.fixed_top.theme-menu-one {
padding-top: 0px;
padding-bottom: 0px;
}
}
@media (max-width: 575.98px) {
.theme-main-menu.sticky-menu.fixed_top.theme-menu-six,
.theme-main-menu.sticky-menu.fixed_top.theme-menu-five,
.theme-main-menu.sticky-menu.fixed_top.theme-menu-two,
.theme-main-menu.sticky-menu.fixed_top.theme-menu-three,
.theme-main-menu.sticky-menu.fixed_top.theme-menu-one {
padding: 20px 15px;
}
}
.theme-main-menu.sticky-menu.fixed_top.theme-menu-eight {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
@media (min-width: 576px) and (max-width: 767.98px) {
.theme-main-menu.sticky-menu.fixed_top.theme-menu-eight {
padding: 20px 15px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.theme-main-menu.sticky-menu.fixed_top.theme-menu-eight {
padding: 20px 15px;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.theme-main-menu.sticky-menu.fixed_top.theme-menu-eight {
padding-top: 10px;
padding-bottom: 10px;
}
}
@media (min-width: 1200px) {
.theme-main-menu.sticky-menu.fixed_top.theme-menu-eight {
padding-top: 10px;
padding-bottom: 10px;
}
}
@media (max-width: 575.98px) {
.theme-main-menu.sticky-menu.fixed_top.theme-menu-eight {
padding: 20px 15px;
}
}
.theme-main-menu.sticky-menu.fixed_top.theme-menu-four {
--tw-bg-opacity: 1;
background-color: rgb(251 243 236 / var(--tw-bg-opacity));
}
@media (min-width: 576px) and (max-width: 767.98px) {
.theme-main-menu.sticky-menu.fixed_top.theme-menu-four {
padding: 20px 15px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.theme-main-menu.sticky-menu.fixed_top.theme-menu-four {
padding: 20px 15px;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.theme-main-menu.sticky-menu.fixed_top.theme-menu-four {
padding-top: 0px;
padding-bottom: 0px;
}
}
@media (min-width: 1200px) {
.theme-main-menu.sticky-menu.fixed_top.theme-menu-four {
padding-top: 0px;
padding-bottom: 0px;
}
}
@media (max-width: 575.98px) {
.theme-main-menu.sticky-menu.fixed_top.theme-menu-four {
padding: 20px 15px;
}
}
.theme-menu-one.center-white.sticky-menu.fixed_top {
--tw-bg-opacity: 1;
background-color: rgb(22 22 22 / var(--tw-bg-opacity));
}
.theme-main-menu.sticky-menu.fixed_top.theme-menu-seven {
--tw-bg-opacity: 1;
background-color: rgb(36 36 36 / var(--tw-bg-opacity));
}
@media (min-width: 576px) and (max-width: 767.98px) {
.theme-main-menu.sticky-menu.fixed_top.theme-menu-seven {
padding: 20px 15px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.theme-main-menu.sticky-menu.fixed_top.theme-menu-seven {
padding: 20px 15px;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.theme-main-menu.sticky-menu.fixed_top.theme-menu-seven {
padding-top: 0px;
padding-bottom: 0px;
}
}
@media (min-width: 1200px) {
.theme-main-menu.sticky-menu.fixed_top.theme-menu-seven {
padding-top: 0px;
padding-bottom: 0px;
}
}
@media (max-width: 575.98px) {
.theme-main-menu.sticky-menu.fixed_top.theme-menu-seven {
padding: 20px 15px;
}
}
.theme-menu-six.fixed_top li > a,
.theme-menu-six.fixed_top li > button,
.theme-menu-six.fixed_top .right-widget .signIn-action {
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
opacity: 1;
}
.theme-menu-six.fixed_top li > button.demo-button {
--tw-bg-opacity: 1;
background-color: rgb(33 33 33 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.theme-menu-six.fixed_top .right-widget .signup-btn {
--tw-bg-opacity: 1;
background-color: rgb(87 47 246 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.dark-style .theme-main-menu {
background-color: transparent;
}
.useable-tools-section.dark-style .theme-main-menu .img-box {
--tw-shadow: 15px 30px 50px rgba(23,32,90,0.06);
--tw-shadow-colored: 15px 30px 50px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.partner-section-one.dark-style .theme-main-menu .img-box {
--tw-shadow: 15px 30px 50px rgba(23,32,90,0.06);
--tw-shadow-colored: 15px 30px 50px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark-style .theme-main-menu.sticky-menu.fixed_top {
--tw-bg-opacity: 1;
background-color: rgb(23 25 43 / var(--tw-bg-opacity));
}
.dropdown-menu.show {
display: block;
}
.mega-dropdown-holder.dropdown {
position: static;
}
.navbar-toggler::before {
transform: translate3d(0, -9px, 0) scale3d(1, 1, 1);
}
.navbar-toggler::after {
transform: translate3d(0, 8px, 0) scale3d(1, 1, 1);
}
.navbar-toggler.open span {
opacity: 0;
}
.navbar-toggler.open::before {
transform: rotate3d(0, 0, 1, 45deg);
}
.navbar-toggler.open::after {
transform: rotate3d(0, 0, 1, -45deg);
}
.dropdown,
.dropleft,
.dropright,
.dropup {
position: relative;
}
.navbar .dropdown-menu .dropdown-item:hover,
.navbar .dropdown-menu .dropdown-item:focus,
.navbar .dropdown-menu .dropdown-submenu:hover > .dropdown-item,
.navbar .dropdown-menu .dropdown-item.active {
background-color: transparent;
}
.useable-tools-section.navbar .dropdown-menu .dropdown-item:hover .img-box,.useable-tools-section
.navbar .dropdown-menu .dropdown-item:focus .img-box,.useable-tools-section
.navbar .dropdown-menu .dropdown-submenu:hover > .dropdown-item .img-box,.useable-tools-section
.navbar .dropdown-menu .dropdown-item.active .img-box {
--tw-shadow: 15px 30px 50px rgba(23,32,90,0.06);
--tw-shadow-colored: 15px 30px 50px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.partner-section-one.navbar .dropdown-menu .dropdown-item:hover .img-box,.partner-section-one
.navbar .dropdown-menu .dropdown-item:focus .img-box,.partner-section-one
.navbar .dropdown-menu .dropdown-submenu:hover > .dropdown-item .img-box,.partner-section-one
.navbar .dropdown-menu .dropdown-item.active .img-box {
--tw-shadow: 15px 30px 50px rgba(23,32,90,0.06);
--tw-shadow-colored: 15px 30px 50px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
#mega-menu-holder .position-static .dropdown-menu:before {
display: none;
}
.theme-main-menu .mega-dropdown {
position: static;
}
.main-sidebar-nav.show {
--tw-translate-x: 0px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.main-sidebar-nav .navbar-nav .nav-item.show .nav-link {
color: var(--blue-dark);
}
.main-sidebar-nav .show.dropdown .dropdown-toggle::after {
--tw-rotate: 180deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
--tw-content: "-";
content: var(--tw-content);
}
.main-sidebar-nav .navbar-nav .dropdown-menu.show {
display: block;
}
/*====================================
= media quries =
====================================*/
@media (max-width: 991px) {
.theme-menu-four .right-button-group,
.theme-menu-one .right-button-group {
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 15px;
padding-bottom: 15px;
}
.navbar-collapse.show {
visibility: visible;
--tw-scale-x: 1;
--tw-scale-y: 1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
opacity: 1;
}
#mega-menu-holder .show.dropdown .dropdown-toggle::after {
--tw-rotate: 180deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.navbar .navbar-nav .nav-item .nav-link {
padding-left: 0px;
padding-right: 0px;
padding-top: 13px;
padding-bottom: 13px;
}
.navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
margin: 0px;
border-top-width: 1px;
border-style: solid;
--tw-border-opacity: 1;
border-top-color: rgb(243 243 243 / var(--tw-border-opacity));
padding-left: 15px;
padding-right: 15px;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
font-size: 1.125rem;
line-height: 1.75rem;
}
.navbar .navbar-collapse .navbar-nav .nav-item:last-child .nav-link {
border-bottom-width: 1px;
border-style: solid;
--tw-border-opacity: 1;
border-bottom-color: rgb(243 243 243 / var(--tw-border-opacity));
}
.dark-style .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
border-top-width: 1px;
border-top-color: rgba(255,255,255,0.1) !important;
}
.theme-menu-six .navbar-nav .nav-item .nav-link {
--tw-text-opacity: 1;
color: rgb(43 44 46 / var(--tw-text-opacity));
}
#mega-menu-holder .dropdown-toggle::after {
right: 0px;
top: 0px;
width: 2.5rem;
text-align: center;
line-height: 55px;
}
.navbar .dropdown-submenu.dropdown > .dropdown-item:before {
display: none;
}
.navbar .dropdown-submenu .dropdown-menu .dropdown-item {
padding-left: 2.5rem;
}
.navbar .dropdown-submenu .dropdown-menu {
--tw-bg-opacity: 1;
background-color: rgb(249 249 249 / var(--tw-bg-opacity));
}
.navbar .dropdown-menu .dropdown-item {
background-color: transparent !important;
}
.navbar .show.dropdown .dropdown-toggle::after {
--tw-rotate: 180deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
}
/*===== End of media quries ======*/
@media (min-width: 992px) {
.navbar-expand-lg {
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
}
.navbar .dropdown-submenu.dropdown {
position: relative;
}
.navbar {
padding-top: 0px;
padding-bottom: 0px;
}
.navbar .mega-dropdown-md .dropdown-menu {
left: -470px;
min-width: 940px;
}
.tooltip.navbar .dropdown-menu > .tooltip-arrow:before {
visibility: hidden;
}
[role="tooltip"].navbar .dropdown-menu > [data-popper-arrow]:before {
visibility: hidden;
}
[role="tooltip"].navbar .dropdown-menu > [data-popper-arrow]:after {
visibility: hidden;
}
.navbar .dropdown-menu {
visibility: hidden;
left: 0px;
right: 0px;
top: 100%;
z-index: 5;
display: block;
min-width: 250px;
transform-origin: 0 0;
--tw-translate-y: 0.625rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
border-radius: 0px;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
opacity: 0;
--tw-shadow: 0px 30px 70px 0px rgba(137,139,142,0.15);
--tw-shadow-colored: 0px 30px 70px 0px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
transition-duration: 0.3s;
transition-timing-function: ease-in-out;
}
.navbar .dropdown:hover > .dropdown-menu {
visibility: visible;
--tw-translate-y: 0px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
opacity: 1;
}
.navbar .dropdown-submenu .dropdown-menu {
left: 100%;
top: 0px;
transform: none;
}
.navbar .dropdown-submenu .dropdown-menu::before {
content: var(--tw-content);
display: none;
}
.navbar .dropdown-submenu:hover > .dropdown-menu {
visibility: visible;
opacity: 1;
transition-property: 0.3s;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
transition-duration: linear;
transition-timing-function: all;
}
.navbar [class*="mega-dropdown"] .menu-column {
padding: 0.625rem;
}
.navbar-expand-lg .navbar-toggler {
display: none;
}
.navbar-expand-lg .navbar-nav {
flex-direction: row;
}
.navbar-expand-lg .navbar-collapse {
display: flex;
flex-basis: auto;
-ms-flex-preferred-size: auto;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
position: absolute;
}
}
@media (max-width: 500px) {
.useable-tools-section-two .icon-wrapper ul li {
width: 30%;
}
}
@media (max-width: 430px) {
.theme-main-menu .logo {
margin: 0px;
max-width: 150px;
}
}
@media (max-width: 400px) {
.block-style-thirteen {
padding-left: 0px;
padding-right: 0px;
}
.clientSliderThree p {
font-size: 22px;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.sm\:invisible.tooltip > .tooltip-arrow:before {
visibility: hidden;
}
.sm\:invisible[role="tooltip"] > [data-popper-arrow]:before {
visibility: hidden;
}
.sm\:invisible[role="tooltip"] > [data-popper-arrow]:after {
visibility: hidden;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.md\:invisible.tooltip > .tooltip-arrow:before {
visibility: hidden;
}
.md\:invisible[role="tooltip"] > [data-popper-arrow]:before {
visibility: hidden;
}
.md\:invisible[role="tooltip"] > [data-popper-arrow]:after {
visibility: hidden;
}
}
@media (max-width: 575.98px) {
.xsm\:invisible.tooltip > .tooltip-arrow:before {
visibility: hidden;
}
.xsm\:invisible[role="tooltip"] > [data-popper-arrow]:before {
visibility: hidden;
}
.xsm\:invisible[role="tooltip"] > [data-popper-arrow]:after {
visibility: hidden;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.lg\:prose-2xl {
font-size: 1.5rem;
line-height: 1.6666667;
}
.lg\:prose-2xl :where(p):not(:where([class~="not-prose"] *)) {
margin-top: 1.3333333em;
margin-bottom: 1.3333333em;
}
.lg\:prose-2xl :where([class~="lead"]):not(:where([class~="not-prose"] *)) {
font-size: 1.25em;
line-height: 1.4666667;
margin-top: 1.0666667em;
margin-bottom: 1.0666667em;
}
.lg\:prose-2xl :where(blockquote):not(:where([class~="not-prose"] *)) {
margin-top: 1.7777778em;
margin-bottom: 1.7777778em;
padding-left: 1.1111111em;
}
.lg\:prose-2xl :where(h1):not(:where([class~="not-prose"] *)) {
font-size: 2.6666667em;
margin-top: 0;
margin-bottom: 0.875em;
line-height: 1;
}
.lg\:prose-2xl :where(h2):not(:where([class~="not-prose"] *)) {
font-size: 2em;
margin-top: 1.5em;
margin-bottom: 0.8333333em;
line-height: 1.0833333;
}
.lg\:prose-2xl :where(h3):not(:where([class~="not-prose"] *)) {
font-size: 1.5em;
margin-top: 1.5555556em;
margin-bottom: 0.6666667em;
line-height: 1.2222222;
}
.lg\:prose-2xl :where(h4):not(:where([class~="not-prose"] *)) {
margin-top: 1.6666667em;
margin-bottom: 0.6666667em;
line-height: 1.5;
}
.lg\:prose-2xl :where(img):not(:where([class~="not-prose"] *)) {
margin-top: 2em;
margin-bottom: 2em;
}
.lg\:prose-2xl :where(video):not(:where([class~="not-prose"] *)) {
margin-top: 2em;
margin-bottom: 2em;
}
.lg\:prose-2xl :where(figure):not(:where([class~="not-prose"] *)) {
margin-top: 2em;
margin-bottom: 2em;
}
.lg\:prose-2xl :where(figure > *):not(:where([class~="not-prose"] *)) {
margin-top: 0;
margin-bottom: 0;
}
.lg\:prose-2xl :where(figcaption):not(:where([class~="not-prose"] *)) {
font-size: 0.8333333em;
line-height: 1.6;
margin-top: 1em;
}
.lg\:prose-2xl :where(code):not(:where([class~="not-prose"] *)) {
font-size: 0.8333333em;
}
.lg\:prose-2xl :where(h2 code):not(:where([class~="not-prose"] *)) {
font-size: 0.875em;
}
.lg\:prose-2xl :where(h3 code):not(:where([class~="not-prose"] *)) {
font-size: 0.8888889em;
}
.lg\:prose-2xl :where(pre):not(:where([class~="not-prose"] *)) {
font-size: 0.8333333em;
line-height: 1.8;
margin-top: 2em;
margin-bottom: 2em;
border-radius: 0.5rem;
padding-top: 1.2em;
padding-right: 1.6em;
padding-bottom: 1.2em;
padding-left: 1.6em;
}
.lg\:prose-2xl :where(ol):not(:where([class~="not-prose"] *)) {
margin-top: 1.3333333em;
margin-bottom: 1.3333333em;
padding-left: 1.5833333em;
}
.lg\:prose-2xl :where(ul):not(:where([class~="not-prose"] *)) {
margin-top: 1.3333333em;
margin-bottom: 1.3333333em;
padding-left: 1.5833333em;
}
.lg\:prose-2xl :where(li):not(:where([class~="not-prose"] *)) {
margin-top: 0.5em;
margin-bottom: 0.5em;
}
.lg\:prose-2xl :where(ol > li):not(:where([class~="not-prose"] *)) {
padding-left: 0.4166667em;
}
.lg\:prose-2xl :where(ul > li):not(:where([class~="not-prose"] *)) {
padding-left: 0.4166667em;
}
.lg\:prose-2xl :where(.lg\:prose-2xl > ul > li p):not(:where([class~="not-prose"] *)) {
margin-top: 0.8333333em;
margin-bottom: 0.8333333em;
}
.lg\:prose-2xl :where(.lg\:prose-2xl > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
margin-top: 1.3333333em;
}
.lg\:prose-2xl :where(.lg\:prose-2xl > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
margin-bottom: 1.3333333em;
}
.lg\:prose-2xl :where(.lg\:prose-2xl > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
margin-top: 1.3333333em;
}
.lg\:prose-2xl :where(.lg\:prose-2xl > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
margin-bottom: 1.3333333em;
}
.lg\:prose-2xl :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"] *)) {
margin-top: 0.6666667em;
margin-bottom: 0.6666667em;
}
.lg\:prose-2xl :where(hr):not(:where([class~="not-prose"] *)) {
margin-top: 3em;
margin-bottom: 3em;
}
.lg\:prose-2xl :where(hr + *):not(:where([class~="not-prose"] *)) {
margin-top: 0;
}
.lg\:prose-2xl :where(h2 + *):not(:where([class~="not-prose"] *)) {
margin-top: 0;
}
.lg\:prose-2xl :where(h3 + *):not(:where([class~="not-prose"] *)) {
margin-top: 0;
}
.lg\:prose-2xl :where(h4 + *):not(:where([class~="not-prose"] *)) {
margin-top: 0;
}
.lg\:prose-2xl :where(table):not(:where([class~="not-prose"] *)) {
font-size: 0.8333333em;
line-height: 1.4;
}
.lg\:prose-2xl :where(thead th):not(:where([class~="not-prose"] *)) {
padding-right: 0.6em;
padding-bottom: 0.8em;
padding-left: 0.6em;
}
.lg\:prose-2xl :where(thead th:first-child):not(:where([class~="not-prose"] *)) {
padding-left: 0;
}
.lg\:prose-2xl :where(thead th:last-child):not(:where([class~="not-prose"] *)) {
padding-right: 0;
}
.lg\:prose-2xl :where(tbody td, tfoot td):not(:where([class~="not-prose"] *)) {
padding-top: 0.8em;
padding-right: 0.6em;
padding-bottom: 0.8em;
padding-left: 0.6em;
}
.lg\:prose-2xl :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"] *)) {
padding-left: 0;
}
.lg\:prose-2xl :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"] *)) {
padding-right: 0;
}
.lg\:prose-2xl :where(.lg\:prose-2xl > :first-child):not(:where([class~="not-prose"] *)) {
margin-top: 0;
}
.lg\:prose-2xl :where(.lg\:prose-2xl > :last-child):not(:where([class~="not-prose"] *)) {
margin-bottom: 0;
}
}
.placeholder\:text-black::-moz-placeholder {
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
.placeholder\:text-black::placeholder {
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
.placeholder\:opacity-100::-moz-placeholder {
opacity: 1;
}
.placeholder\:opacity-100::placeholder {
opacity: 1;
}
.before\:pointer-events-none::before {
content: var(--tw-content);
pointer-events: none;
}
.before\:absolute::before {
content: var(--tw-content);
position: absolute;
}
.before\:-left-2::before {
content: var(--tw-content);
left: -0.5rem;
}
.before\:-top-2::before {
content: var(--tw-content);
top: -0.5rem;
}
.before\:bottom-0::before {
content: var(--tw-content);
bottom: 0px;
}
.before\:bottom-3::before {
content: var(--tw-content);
bottom: 0.75rem;
}
.before\:bottom-\[-100px\]::before {
content: var(--tw-content);
bottom: -100px;
}
.before\:bottom-\[30px\]::before {
content: var(--tw-content);
bottom: 30px;
}
.before\:bottom-\[5px\]::before {
content: var(--tw-content);
bottom: 5px;
}
.before\:left-0::before {
content: var(--tw-content);
left: 0px;
}
.before\:left-2\/4::before {
content: var(--tw-content);
left: 50%;
}
.before\:left-\[-20\%\]::before {
content: var(--tw-content);
left: -20%;
}
.before\:left-\[-5\%\]::before {
content: var(--tw-content);
left: -5%;
}
.before\:left-\[9px\]::before {
content: var(--tw-content);
left: 9px;
}
.before\:right-0::before {
content: var(--tw-content);
right: 0px;
}
.before\:right-\[-117px\]::before {
content: var(--tw-content);
right: -117px;
}
.before\:right-full::before {
content: var(--tw-content);
right: 100%;
}
.before\:top-0::before {
content: var(--tw-content);
top: 0px;
}
.before\:top-0\.5::before {
content: var(--tw-content);
top: 0.125rem;
}
.before\:top-2\/4::before {
content: var(--tw-content);
top: 50%;
}
.before\:top-\[-117px\]::before {
content: var(--tw-content);
top: -117px;
}
.before\:top-\[-5\%\]::before {
content: var(--tw-content);
top: -5%;
}
.before\:top-\[-50px\]::before {
content: var(--tw-content);
top: -50px;
}
.before\:top-\[26\%\]::before {
content: var(--tw-content);
top: 26%;
}
.before\:top-\[30\%\]::before {
content: var(--tw-content);
top: 30%;
}
.before\:top-\[5px\]::before {
content: var(--tw-content);
top: 5px;
}
.before\:top-px::before {
content: var(--tw-content);
top: 1px;
}
.before\:z-\[-1\]::before {
content: var(--tw-content);
z-index: -1;
}
.before\:z-\[1\]::before {
content: var(--tw-content);
z-index: 1;
}
.before\:block::before {
content: var(--tw-content);
display: block;
}
.before\:h-0::before {
content: var(--tw-content);
height: 0px;
}
.before\:h-0\.5::before {
content: var(--tw-content);
height: 0.125rem;
}
.before\:h-1::before {
content: var(--tw-content);
height: 0.25rem;
}
.before\:h-1\.5::before {
content: var(--tw-content);
height: 0.375rem;
}
.before\:h-2::before {
content: var(--tw-content);
height: 0.5rem;
}
.before\:h-2\.5::before {
content: var(--tw-content);
height: 0.625rem;
}
.before\:h-\[103px\]::before {
content: var(--tw-content);
height: 103px;
}
.before\:h-\[13px\]::before {
content: var(--tw-content);
height: 13px;
}
.before\:h-\[15px\]::before {
content: var(--tw-content);
height: 15px;
}
.before\:h-\[25px\]::before {
content: var(--tw-content);
height: 25px;
}
.before\:h-\[52px\]::before {
content: var(--tw-content);
height: 52px;
}
.before\:h-full::before {
content: var(--tw-content);
height: 100%;
}
.before\:w-1::before {
content: var(--tw-content);
width: 0.25rem;
}
.before\:w-1\.5::before {
content: var(--tw-content);
width: 0.375rem;
}
.before\:w-2::before {
content: var(--tw-content);
width: 0.5rem;
}
.before\:w-2\.5::before {
content: var(--tw-content);
width: 0.625rem;
}
.before\:w-\[109\%\]::before {
content: var(--tw-content);
width: 109%;
}
.before\:w-\[13px\]::before {
content: var(--tw-content);
width: 13px;
}
.before\:w-\[26px\]::before {
content: var(--tw-content);
width: 26px;
}
.before\:w-full::before {
content: var(--tw-content);
width: 100%;
}
.before\:origin-\[0_100\%\]::before {
content: var(--tw-content);
transform-origin: 0 100%;
}
.before\:origin-\[50\%_50\%\]::before {
content: var(--tw-content);
transform-origin: 50% 50%;
}
.before\:-translate-x-2\/4::before {
content: var(--tw-content);
--tw-translate-x: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.before\:skew-y-\[2\.3deg\]::before {
content: var(--tw-content);
--tw-skew-y: 2.3deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.before\:scale-x-0::before {
content: var(--tw-content);
--tw-scale-x: 0;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.before\:scale-y-100::before {
content: var(--tw-content);
--tw-scale-y: 1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.before\:transform::before {
content: var(--tw-content);
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.before\:animate-\[jumpTwo_5s_infinite_linear\]::before {
content: var(--tw-content);
animation: jumpTwo 5s infinite linear;
}
.before\:rounded-\[50\%\]::before {
content: var(--tw-content);
border-radius: 50%;
}
.before\:rounded-sm::before {
content: var(--tw-content);
border-radius: 0.125rem;
}
.before\:border-2::before {
content: var(--tw-content);
border-width: 2px;
}
.before\:border-solid::before {
content: var(--tw-content);
border-style: solid;
}
.before\:border-\[rgba\(0\2c 0\2c 0\2c 0\.3\)\]::before {
content: var(--tw-content);
border-color: rgba(0,0,0,0.3);
}
.before\:bg-\[\#8fe9e0\]::before {
content: var(--tw-content);
--tw-bg-opacity: 1;
background-color: rgb(143 233 224 / var(--tw-bg-opacity));
}
.before\:bg-\[\#8fe9e1\]::before {
content: var(--tw-content);
--tw-bg-opacity: 1;
background-color: rgb(143 233 225 / var(--tw-bg-opacity));
}
.before\:bg-\[\#d4fdf1\]::before {
content: var(--tw-content);
--tw-bg-opacity: 1;
background-color: rgb(212 253 241 / var(--tw-bg-opacity));
}
.before\:bg-\[\#dbf7ff\]::before {
content: var(--tw-content);
--tw-bg-opacity: 1;
background-color: rgb(219 247 255 / var(--tw-bg-opacity));
}
.before\:bg-\[\#fac3ff\]::before {
content: var(--tw-content);
--tw-bg-opacity: 1;
background-color: rgb(250 195 255 / var(--tw-bg-opacity));
}
.before\:bg-\[\#ffd5ad\]::before {
content: var(--tw-content);
--tw-bg-opacity: 1;
background-color: rgb(255 213 173 / var(--tw-bg-opacity));
}
.before\:bg-\[\#ffe3e3\]::before {
content: var(--tw-content);
--tw-bg-opacity: 1;
background-color: rgb(255 227 227 / var(--tw-bg-opacity));
}
.before\:bg-\[\#ffeaa0\]::before {
content: var(--tw-content);
--tw-bg-opacity: 1;
background-color: rgb(255 234 160 / var(--tw-bg-opacity));
}
.before\:bg-\[rgba\(241\2c 193\2c 83\2c 0\.45\)\]::before {
content: var(--tw-content);
background-color: rgba(241,193,83,0.45);
}
.before\:bg-\[var\(--vin-red\)\]::before {
content: var(--tw-content);
background-color: var(--vin-red);
}
.before\:bg-white::before {
content: var(--tw-content);
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.before\:bg-cover::before {
content: var(--tw-content);
background-size: cover;
}
.before\:bg-\[center_top\]::before {
content: var(--tw-content);
background-position: center top;
}
.before\:bg-center::before {
content: var(--tw-content);
background-position: center;
}
.before\:bg-no-repeat::before {
content: var(--tw-content);
background-repeat: no-repeat;
}
.before\:text-center::before {
content: var(--tw-content);
text-align: center;
}
.before\:font-Awesome::before {
content: var(--tw-content);
font-family: FontAwesome;
}
.before\:text-\[28px\]::before {
content: var(--tw-content);
font-size: 28px;
}
.before\:text-\[8px\]::before {
content: var(--tw-content);
font-size: 8px;
}
.before\:leading-\[11px\]::before {
content: var(--tw-content);
line-height: 11px;
}
.before\:opacity-90::before {
content: var(--tw-content);
opacity: 0.9;
}
.before\:transition-all::before {
content: var(--tw-content);
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.before\:transition-transform::before {
content: var(--tw-content);
transition-property: transform;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.before\:delay-\[0s\]::before {
content: var(--tw-content);
transition-delay: 0s;
}
.before\:duration-\[0\.1s\]::before {
content: var(--tw-content);
transition-duration: 0.1s;
}
.before\:duration-\[0\.25s\]::before {
content: var(--tw-content);
transition-duration: 0.25s;
}
.before\:duration-\[0\.3s\]::before {
content: var(--tw-content);
transition-duration: 0.3s;
}
.before\:ease-\[ease-in-out\]::before {
content: var(--tw-content);
transition-timing-function: ease-in-out;
}
.before\:ease-in-out::before {
content: var(--tw-content);
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.before\:content-\[\'\'\]::before {
--tw-content: '';
content: var(--tw-content);
}
.before\:content-\[\'\\f107\'\]::before {
--tw-content: '\f107';
content: var(--tw-content);
}
.before\:content-\[url\(\.\.\/images\/icon\/63\.svg\)\]::before {
--tw-content: url(../images/icon/63.svg);
content: var(--tw-content);
}
.before\:content-\[url\(\.\.\/images\/icon\/64\.svg\)\]::before {
--tw-content: url(../images/icon/64.svg);
content: var(--tw-content);
}
.before\:content-\[url\(\.\.\/images\/shape\/117\.svg\)\]::before {
--tw-content: url(../images/shape/117.svg);
content: var(--tw-content);
}
.after\:pointer-events-none::after {
content: var(--tw-content);
pointer-events: none;
}
.after\:absolute::after {
content: var(--tw-content);
position: absolute;
}
.after\:bottom-\[-70px\]::after {
content: var(--tw-content);
bottom: -70px;
}
.after\:left-0::after {
content: var(--tw-content);
left: 0px;
}
.after\:left-\[9px\]::after {
content: var(--tw-content);
left: 9px;
}
.after\:right-\[-20\%\]::after {
content: var(--tw-content);
right: -20%;
}
.after\:top-2\/4::after {
content: var(--tw-content);
top: 50%;
}
.after\:top-\[26\%\]::after {
content: var(--tw-content);
top: 26%;
}
.after\:z-\[1\]::after {
content: var(--tw-content);
z-index: 1;
}
.after\:m-\[0_0_0_11px\]::after {
content: var(--tw-content);
margin: 0 0 0 11px;
}
.after\:h-0::after {
content: var(--tw-content);
height: 0px;
}
.after\:h-0\.5::after {
content: var(--tw-content);
height: 0.125rem;
}
.after\:h-\[75px\]::after {
content: var(--tw-content);
height: 75px;
}
.after\:w-\[26px\]::after {
content: var(--tw-content);
width: 26px;
}
.after\:w-full::after {
content: var(--tw-content);
width: 100%;
}
.after\:origin-\[50\%_50\%\]::after {
content: var(--tw-content);
transform-origin: 50% 50%;
}
.after\:border-\[none\]::after {
content: var(--tw-content);
border-color: none;
}
.after\:bg-white::after {
content: var(--tw-content);
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.after\:bg-cover::after {
content: var(--tw-content);
background-size: cover;
}
.after\:bg-\[center_bottom\]::after {
content: var(--tw-content);
background-position: center bottom;
}
.after\:bg-no-repeat::after {
content: var(--tw-content);
background-repeat: no-repeat;
}
.after\:transition-all::after {
content: var(--tw-content);
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.after\:transition-transform::after {
content: var(--tw-content);
transition-property: transform;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.after\:duration-\[0\.25s\]::after {
content: var(--tw-content);
transition-duration: 0.25s;
}
.after\:duration-\[0\.2s\]::after {
content: var(--tw-content);
transition-duration: 0.2s;
}
.after\:ease-\[ease-in-out\]::after {
content: var(--tw-content);
transition-timing-function: ease-in-out;
}
.after\:content-\[\'\'\]::after {
--tw-content: '';
content: var(--tw-content);
}
.after\:content-\[url\(\.\.\/images\/icon\/89\.svg\)\]::after {
--tw-content: url(../images/icon/89.svg);
content: var(--tw-content);
}
.first\:ml-0:first-child {
margin-left: 0px;
}
.focus-within\:ring-2:focus-within {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-within\:ring-indigo-500:focus-within {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(104 117 245 / var(--tw-ring-opacity));
}
.focus-within\:ring-offset-2:focus-within {
--tw-ring-offset-width: 2px;
}
.focus-within\:ring-offset-gray-100:focus-within {
--tw-ring-offset-color: #F3F4F6;
}
.hover\:-translate-y-1:hover {
--tw-translate-y: -0.25rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:-translate-y-2:hover {
--tw-translate-y: -0.5rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:-translate-y-2\.5:hover {
--tw-translate-y: -0.625rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:border-l-2:hover {
border-left-width: 2px;
}
.hover\:border-blue-500:hover {
--tw-border-opacity: 1;
border-color: rgb(63 131 248 / var(--tw-border-opacity));
}
.hover\:border-gray-300:hover {
--tw-border-opacity: 1;
border-color: rgb(209 213 219 / var(--tw-border-opacity));
}
.hover\:border-gray-400:hover {
--tw-border-opacity: 1;
border-color: rgb(156 163 175 / var(--tw-border-opacity));
}
.hover\:border-indigo-500:hover {
--tw-border-opacity: 1;
border-color: rgb(104 117 245 / var(--tw-border-opacity));
}
.hover\:\!bg-\[\#ffba12\]:hover {
--tw-bg-opacity: 1 !important;
background-color: rgb(255 186 18 / var(--tw-bg-opacity)) !important;
}
.hover\:bg-\[\#FFBA12\]:hover {
--tw-bg-opacity: 1;
background-color: rgb(255 186 18 / var(--tw-bg-opacity));
}
.hover\:bg-\[var\(--blue-dark\)\]:hover {
background-color: var(--blue-dark);
}
.hover\:bg-\[var\(--purple-blue\)\]:hover {
background-color: var(--purple-blue);
}
.hover\:bg-black:hover {
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.hover\:bg-blue-100:hover {
--tw-bg-opacity: 1;
background-color: rgb(225 239 254 / var(--tw-bg-opacity));
}
.hover\:bg-blue-200:hover {
--tw-bg-opacity: 1;
background-color: rgb(195 221 253 / var(--tw-bg-opacity));
}
.hover\:bg-blue-700:hover {
--tw-bg-opacity: 1;
background-color: rgb(26 86 219 / var(--tw-bg-opacity));
}
.hover\:bg-blue-800:hover {
--tw-bg-opacity: 1;
background-color: rgb(30 66 159 / var(--tw-bg-opacity));
}
.hover\:bg-gray-100:hover {
--tw-bg-opacity: 1;
background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.hover\:bg-gray-200:hover {
--tw-bg-opacity: 1;
background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.hover\:bg-gray-50:hover {
--tw-bg-opacity: 1;
background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}
.hover\:bg-gray-700:hover {
--tw-bg-opacity: 1;
background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}
.hover\:bg-indigo-700:hover {
--tw-bg-opacity: 1;
background-color: rgb(81 69 205 / var(--tw-bg-opacity));
}
.hover\:bg-red-500:hover {
--tw-bg-opacity: 1;
background-color: rgb(240 82 82 / var(--tw-bg-opacity));
}
.hover\:bg-red-600:hover {
--tw-bg-opacity: 1;
background-color: rgb(224 36 36 / var(--tw-bg-opacity));
}
.hover\:bg-wave-500:hover {
--tw-bg-opacity: 1;
background-color: rgb(0 105 255 / var(--tw-bg-opacity));
}
.hover\:bg-wave-600:hover {
--tw-bg-opacity: 1;
background-color: rgb(0 95 230 / var(--tw-bg-opacity));
}
.hover\:bg-white:hover {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.hover\:bg-opacity-10:hover {
--tw-bg-opacity: 0.1;
}
.hover\:from-wave-500:hover {
--tw-gradient-from: #0069FF var(--tw-gradient-from-position);
--tw-gradient-to: rgb(0 105 255 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:to-indigo-400:hover {
--tw-gradient-to: #8DA2FB var(--tw-gradient-to-position);
}
.hover\:text-\[\#0056b3\]:hover {
--tw-text-opacity: 1;
color: rgb(0 86 179 / var(--tw-text-opacity));
}
.hover\:text-\[var\(--blue-dark\)\]:hover {
color: var(--blue-dark);
}
.hover\:text-\[var\(--p-color\)\]:hover {
color: var(--p-color);
}
.hover\:text-black:hover {
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
.hover\:text-blue-600:hover {
--tw-text-opacity: 1;
color: rgb(28 100 242 / var(--tw-text-opacity));
}
.hover\:text-blue-700:hover {
--tw-text-opacity: 1;
color: rgb(26 86 219 / var(--tw-text-opacity));
}
.hover\:text-blue-800:hover {
--tw-text-opacity: 1;
color: rgb(30 66 159 / var(--tw-text-opacity));
}
.hover\:text-gray-400:hover {
--tw-text-opacity: 1;
color: rgb(156 163 175 / var(--tw-text-opacity));
}
.hover\:text-gray-500:hover {
--tw-text-opacity: 1;
color: rgb(107 114 128 / var(--tw-text-opacity));
}
.hover\:text-gray-600:hover {
--tw-text-opacity: 1;
color: rgb(75 85 99 / var(--tw-text-opacity));
}
.hover\:text-gray-700:hover {
--tw-text-opacity: 1;
color: rgb(55 65 81 / var(--tw-text-opacity));
}
.hover\:text-gray-800:hover {
--tw-text-opacity: 1;
color: rgb(31 41 55 / var(--tw-text-opacity));
}
.hover\:text-gray-900:hover {
--tw-text-opacity: 1;
color: rgb(17 24 39 / var(--tw-text-opacity));
}
.hover\:text-indigo-500:hover {
--tw-text-opacity: 1;
color: rgb(104 117 245 / var(--tw-text-opacity));
}
.hover\:text-wave-500:hover {
--tw-text-opacity: 1;
color: rgb(0 105 255 / var(--tw-text-opacity));
}
.hover\:text-white:hover {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.hover\:text-yellow-600:hover {
--tw-text-opacity: 1;
color: rgb(159 88 10 / var(--tw-text-opacity));
}
.hover\:underline:hover {
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
}
.hover\:opacity-100:hover {
opacity: 1;
}
.hover\:before\:scale-100:hover::before {
content: var(--tw-content);
--tw-scale-x: 1;
--tw-scale-y: 1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.focus\:z-10:focus {
z-index: 10;
}
.focus\:border-\[color\:var\(--blue-dark\)\]:focus {
border-color: var(--blue-dark);
}
.focus\:border-black:focus {
--tw-border-opacity: 1;
border-color: rgb(0 0 0 / var(--tw-border-opacity));
}
.focus\:border-blue-300:focus {
--tw-border-opacity: 1;
border-color: rgb(164 202 254 / var(--tw-border-opacity));
}
.focus\:border-blue-500:focus {
--tw-border-opacity: 1;
border-color: rgb(63 131 248 / var(--tw-border-opacity));
}
.focus\:border-gray-300:focus {
--tw-border-opacity: 1;
border-color: rgb(209 213 219 / var(--tw-border-opacity));
}
.focus\:border-gray-900:focus {
--tw-border-opacity: 1;
border-color: rgb(17 24 39 / var(--tw-border-opacity));
}
.focus\:border-indigo-300:focus {
--tw-border-opacity: 1;
border-color: rgb(180 198 252 / var(--tw-border-opacity));
}
.focus\:border-indigo-700:focus {
--tw-border-opacity: 1;
border-color: rgb(81 69 205 / var(--tw-border-opacity));
}
.focus\:border-red-600:focus {
--tw-border-opacity: 1;
border-color: rgb(224 36 36 / var(--tw-border-opacity));
}
.focus\:border-red-700:focus {
--tw-border-opacity: 1;
border-color: rgb(200 30 30 / var(--tw-border-opacity));
}
.focus\:border-wave-700:focus {
--tw-border-opacity: 1;
border-color: rgb(0 63 153 / var(--tw-border-opacity));
}
.focus\:bg-blue-200:focus {
--tw-bg-opacity: 1;
background-color: rgb(195 221 253 / var(--tw-bg-opacity));
}
.focus\:bg-gray-100:focus {
--tw-bg-opacity: 1;
background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.focus\:bg-gray-50:focus {
--tw-bg-opacity: 1;
background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}
.focus\:text-gray-500:focus {
--tw-text-opacity: 1;
color: rgb(107 114 128 / var(--tw-text-opacity));
}
.focus\:text-gray-700:focus {
--tw-text-opacity: 1;
color: rgb(55 65 81 / var(--tw-text-opacity));
}
.focus\:text-gray-900:focus {
--tw-text-opacity: 1;
color: rgb(17 24 39 / var(--tw-text-opacity));
}
.focus\:underline:focus {
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
}
.focus\:shadow-none:focus {
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.focus\:outline-none:focus {
outline: 2px solid transparent;
outline-offset: 2px;
}
.focus\:\!ring-0:focus {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}
.focus\:ring:focus {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-2:focus {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-4:focus {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-black:focus {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity));
}
.focus\:ring-blue-300:focus {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(164 202 254 / var(--tw-ring-opacity));
}
.focus\:ring-blue-400:focus {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(118 169 250 / var(--tw-ring-opacity));
}
.focus\:ring-blue-500:focus {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(63 131 248 / var(--tw-ring-opacity));
}
.focus\:ring-gray-100:focus {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(243 244 246 / var(--tw-ring-opacity));
}
.focus\:ring-gray-200:focus {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity));
}
.focus\:ring-indigo-200:focus {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(205 219 254 / var(--tw-ring-opacity));
}
.focus\:ring-indigo-500:focus {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(104 117 245 / var(--tw-ring-opacity));
}
.focus\:ring-wave-500:focus {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(0 105 255 / var(--tw-ring-opacity));
}
.focus\:ring-opacity-30:focus {
--tw-ring-opacity: 0.3;
}
.focus\:ring-opacity-50:focus {
--tw-ring-opacity: 0.5;
}
.focus\:ring-offset-0:focus {
--tw-ring-offset-width: 0px;
}
.focus\:ring-offset-2:focus {
--tw-ring-offset-width: 2px;
}
.focus\:ring-offset-gray-100:focus {
--tw-ring-offset-color: #F3F4F6;
}
.active\:bg-gray-100:active {
--tw-bg-opacity: 1;
background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.active\:bg-gray-900:active {
--tw-bg-opacity: 1;
background-color: rgb(17 24 39 / var(--tw-bg-opacity));
}
.active\:bg-red-600:active {
--tw-bg-opacity: 1;
background-color: rgb(224 36 36 / var(--tw-bg-opacity));
}
.active\:bg-wave-700:active {
--tw-bg-opacity: 1;
background-color: rgb(0 63 153 / var(--tw-bg-opacity));
}
.active\:text-gray-500:active {
--tw-text-opacity: 1;
color: rgb(107 114 128 / var(--tw-text-opacity));
}
.active\:text-gray-700:active {
--tw-text-opacity: 1;
color: rgb(55 65 81 / var(--tw-text-opacity));
}
.active\:text-gray-800:active {
--tw-text-opacity: 1;
color: rgb(31 41 55 / var(--tw-text-opacity));
}
.disabled\:opacity-25:disabled {
opacity: 0.25;
}
.group:hover .group-hover\:top-0 {
top: 0px;
}
.group:hover .group-hover\:h-full {
height: 100%;
}
.group:hover .group-hover\:text-\[var\(--blue-dark\)\] {
color: var(--blue-dark);
}
.group:hover .group-hover\:text-gray-500 {
--tw-text-opacity: 1;
color: rgb(107 114 128 / var(--tw-text-opacity));
}
.group:hover .group-hover\:text-gray-900 {
--tw-text-opacity: 1;
color: rgb(17 24 39 / var(--tw-text-opacity));
}
.group:hover .group-hover\:opacity-100 {
opacity: 1;
}
.group:hover .group-hover\:opacity-75 {
opacity: 0.75;
}
.group:focus .group-focus\:text-gray-500 {
--tw-text-opacity: 1;
color: rgb(107 114 128 / var(--tw-text-opacity));
}
:is([dir="rtl"] .rtl\:rotate-180) {
--tw-rotate: 180deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
:is([dir="rtl"] .rtl\:space-x-reverse) > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 1;
}
:is([dir="rtl"] .rtl\:text-right) {
text-align: right;
}
:is(.dark .dark\:border-blue-500) {
--tw-border-opacity: 1;
border-color: rgb(63 131 248 / var(--tw-border-opacity));
}
:is(.dark .dark\:border-gray-600) {
--tw-border-opacity: 1;
border-color: rgb(75 85 99 / var(--tw-border-opacity));
}
:is(.dark .dark\:border-gray-700) {
--tw-border-opacity: 1;
border-color: rgb(55 65 81 / var(--tw-border-opacity));
}
:is(.dark .dark\:border-transparent) {
border-color: transparent;
}
:is(.dark .dark\:bg-blue-600) {
--tw-bg-opacity: 1;
background-color: rgb(28 100 242 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-blue-900) {
--tw-bg-opacity: 1;
background-color: rgb(35 56 118 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-gray-600) {
--tw-bg-opacity: 1;
background-color: rgb(75 85 99 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-gray-700) {
--tw-bg-opacity: 1;
background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-gray-800) {
--tw-bg-opacity: 1;
background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-gray-800\/50) {
background-color: rgb(31 41 55 / 0.5);
}
:is(.dark .dark\:bg-gray-900\/80) {
background-color: rgb(17 24 39 / 0.8);
}
:is(.dark .dark\:bg-orange-200) {
--tw-bg-opacity: 1;
background-color: rgb(252 217 189 / var(--tw-bg-opacity));
}
:is(.dark .dark\:text-\[\#1877f2\]) {
--tw-text-opacity: 1;
color: rgb(24 119 242 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-blue-300) {
--tw-text-opacity: 1;
color: rgb(164 202 254 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-blue-400) {
--tw-text-opacity: 1;
color: rgb(118 169 250 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-blue-500) {
--tw-text-opacity: 1;
color: rgb(63 131 248 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-gray-300) {
--tw-text-opacity: 1;
color: rgb(209 213 219 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-gray-400) {
--tw-text-opacity: 1;
color: rgb(156 163 175 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-gray-500) {
--tw-text-opacity: 1;
color: rgb(107 114 128 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-orange-900) {
--tw-text-opacity: 1;
color: rgb(119 29 29 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-white) {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
:is(.dark .dark\:placeholder-gray-400)::-moz-placeholder {
--tw-placeholder-opacity: 1;
color: rgb(156 163 175 / var(--tw-placeholder-opacity));
}
:is(.dark .dark\:placeholder-gray-400)::placeholder {
--tw-placeholder-opacity: 1;
color: rgb(156 163 175 / var(--tw-placeholder-opacity));
}
:is(.dark .dark\:hover\:border-gray-500:hover) {
--tw-border-opacity: 1;
border-color: rgb(107 114 128 / var(--tw-border-opacity));
}
:is(.dark .dark\:hover\:bg-blue-700:hover) {
--tw-bg-opacity: 1;
background-color: rgb(26 86 219 / var(--tw-bg-opacity));
}
:is(.dark .dark\:hover\:bg-blue-800:hover) {
--tw-bg-opacity: 1;
background-color: rgb(30 66 159 / var(--tw-bg-opacity));
}
:is(.dark .dark\:hover\:bg-gray-600:hover) {
--tw-bg-opacity: 1;
background-color: rgb(75 85 99 / var(--tw-bg-opacity));
}
:is(.dark .dark\:hover\:bg-gray-700:hover) {
--tw-bg-opacity: 1;
background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}
:is(.dark .dark\:hover\:bg-gray-800:hover) {
--tw-bg-opacity: 1;
background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}
:is(.dark .dark\:hover\:text-blue-500:hover) {
--tw-text-opacity: 1;
color: rgb(63 131 248 / var(--tw-text-opacity));
}
:is(.dark .dark\:hover\:text-gray-300:hover) {
--tw-text-opacity: 1;
color: rgb(209 213 219 / var(--tw-text-opacity));
}
:is(.dark .dark\:hover\:text-white:hover) {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
:is(.dark .dark\:focus\:ring-blue-500:focus) {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(63 131 248 / var(--tw-ring-opacity));
}
:is(.dark .dark\:focus\:ring-blue-800:focus) {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(30 66 159 / var(--tw-ring-opacity));
}
:is(.dark .dark\:focus\:ring-gray-700:focus) {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(55 65 81 / var(--tw-ring-opacity));
}
:is(.dark .group:hover .dark\:group-hover\:text-white) {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (min-width: 576px) and (max-width: 767.98px) {
.sm\:invisible {
visibility: hidden;
}
.sm\:static {
position: static;
}
.sm\:absolute {
position: absolute;
}
.sm\:relative {
position: relative;
}
.sm\:inset-x-0 {
left: 0px;
right: 0px;
}
.sm\:left-\[15px\] {
left: 15px;
}
.sm\:right-\[75px\] {
right: 75px;
}
.sm\:right-auto {
right: auto;
}
.sm\:top-0 {
top: 0px;
}
.sm\:top-full {
top: 100%;
}
.sm\:m-\[0_12px\] {
margin: 0 12px;
}
.sm\:m-\[0_8px\] {
margin: 0 8px;
}
.sm\:m-\[0_auto_50px\] {
margin: 0 auto 50px;
}
.sm\:mx-0 {
margin-left: 0px;
margin-right: 0px;
}
.sm\:mx-2 {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.sm\:mx-2\.5 {
margin-left: 0.625rem;
margin-right: 0.625rem;
}
.sm\:mx-auto {
margin-left: auto;
margin-right: auto;
}
.sm\:my-8 {
margin-top: 2rem;
margin-bottom: 2rem;
}
.sm\:mb-0 {
margin-bottom: 0px;
}
.sm\:mb-2 {
margin-bottom: 0.5rem;
}
.sm\:mb-2\.5 {
margin-bottom: 0.625rem;
}
.sm\:mb-\[120px\] {
margin-bottom: 120px;
}
.sm\:mb-\[30px\] {
margin-bottom: 30px;
}
.sm\:mb-\[35px\] {
margin-bottom: 35px;
}
.sm\:mb-\[60px\] {
margin-bottom: 60px;
}
.sm\:mb-\[70px\] {
margin-bottom: 70px;
}
.sm\:ml-3 {
margin-left: 0.75rem;
}
.sm\:ml-4 {
margin-left: 1rem;
}
.sm\:ml-6 {
margin-left: 1.5rem;
}
.sm\:ml-auto {
margin-left: auto;
}
.sm\:mt-0 {
margin-top: 0px;
}
.sm\:mt-10 {
margin-top: 2.5rem;
}
.sm\:mt-20 {
margin-top: 5rem;
}
.sm\:mt-5 {
margin-top: 1.25rem;
}
.sm\:mt-6 {
margin-top: 1.5rem;
}
.sm\:mt-\[10px\] {
margin-top: 10px;
}
.sm\:mt-\[200px\] {
margin-top: 200px;
}
.sm\:mt-\[30px\] {
margin-top: 30px;
}
.sm\:mt-\[50px\] {
margin-top: 50px;
}
.sm\:block {
display: block;
}
.sm\:inline-block {
display: inline-block;
}
.sm\:flex {
display: flex;
}
.sm\:hidden {
display: none;
}
.sm\:h-10 {
height: 2.5rem;
}
.sm\:h-screen {
height: 100vh;
}
.sm\:max-h-\[70vh\] {
max-height: 70vh;
}
.sm\:w-10 {
width: 2.5rem;
}
.sm\:w-6\/12 {
width: 50%;
}
.sm\:w-auto {
width: auto;
}
.sm\:w-full {
width: 100%;
}
.sm\:max-w-\[80\%\] {
max-width: 80%;
}
.sm\:max-w-full {
max-width: 100%;
}
.sm\:max-w-lg {
max-width: 32rem;
}
.sm\:max-w-md {
max-width: 28rem;
}
.sm\:max-w-sm {
max-width: 24rem;
}
.sm\:basis-6\/12 {
flex-basis: 50%;
}
.sm\:basis-full {
flex-basis: 100%;
}
.sm\:origin-\[100\%_0\] {
transform-origin: 100% 0;
}
.sm\:translate-x-0 {
--tw-translate-x: 0px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.sm\:translate-x-2 {
--tw-translate-x: 0.5rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.sm\:translate-y-0 {
--tw-translate-y: 0px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.sm\:scale-100 {
--tw-scale-x: 1;
--tw-scale-y: 1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.sm\:scale-95 {
--tw-scale-x: .95;
--tw-scale-y: .95;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.sm\:scale-x-100 {
--tw-scale-x: 1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.sm\:scale-y-0 {
--tw-scale-y: 0;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.sm\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.sm\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.sm\:flex-row-reverse {
flex-direction: row-reverse;
}
.sm\:items-start {
align-items: flex-start;
}
.sm\:items-center {
align-items: center;
}
.sm\:justify-end {
justify-content: flex-end;
}
.sm\:gap-8 {
gap: 2rem;
}
.sm\:gap-x-6 {
-moz-column-gap: 1.5rem;
column-gap: 1.5rem;
}
.sm\:gap-x-8 {
-moz-column-gap: 2rem;
column-gap: 2rem;
}
.sm\:overflow-y-auto {
overflow-y: auto;
}
.sm\:rounded {
border-radius: 0.25rem;
}
.sm\:rounded-lg {
border-radius: 0.5rem;
}
.sm\:border-b {
border-bottom-width: 1px;
}
.sm\:border-gray-200 {
--tw-border-opacity: 1;
border-color: rgb(229 231 235 / var(--tw-border-opacity));
}
.sm\:bg-white {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.sm\:p-0 {
padding: 0px;
}
.sm\:p-6 {
padding: 1.5rem;
}
.sm\:p-8 {
padding: 2rem;
}
.sm\:p-\[0_30px_30px_0\] {
padding: 0 30px 30px 0;
}
.sm\:p-\[130px_0_30px\] {
padding: 130px 0 30px;
}
.sm\:p-\[20px_0_0\] {
padding: 20px 0 0;
}
.sm\:p-\[20px_0_5px\] {
padding: 20px 0 5px;
}
.sm\:p-\[30px_0_45px_0\] {
padding: 30px 0 45px 0;
}
.sm\:p-\[30px_15px\] {
padding: 30px 15px;
}
.sm\:p-\[40px_15px_25px\] {
padding: 40px 15px 25px;
}
.sm\:p-\[45px_0_90px\] {
padding: 45px 0 90px;
}
.sm\:p-\[60px_0_0\] {
padding: 60px 0 0;
}
.sm\:p-\[70px_0_40px\] {
padding: 70px 0 40px;
}
.sm\:p-\[90px_0_90px\] {
padding: 90px 0 90px;
}
.sm\:px-0 {
padding-left: 0px;
padding-right: 0px;
}
.sm\:px-10 {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.sm\:px-6 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.sm\:px-\[30px\] {
padding-left: 30px;
padding-right: 30px;
}
.sm\:py-24 {
padding-top: 6rem;
padding-bottom: 6rem;
}
.sm\:py-5 {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
.sm\:py-\[35px\] {
padding-top: 35px;
padding-bottom: 35px;
}
.sm\:pb-2 {
padding-bottom: 0.5rem;
}
.sm\:pb-2\.5 {
padding-bottom: 0.625rem;
}
.sm\:pb-20 {
padding-bottom: 5rem;
}
.sm\:pb-\[12px\] {
padding-bottom: 12px;
}
.sm\:pb-\[18px\] {
padding-bottom: 18px;
}
.sm\:pb-\[30px\] {
padding-bottom: 30px;
}
.sm\:pb-\[5px\] {
padding-bottom: 5px;
}
.sm\:pl-0 {
padding-left: 0px;
}
.sm\:pr-0 {
padding-right: 0px;
}
.sm\:pt-10 {
padding-top: 2.5rem;
}
.sm\:pt-\[100px\] {
padding-top: 100px;
}
.sm\:pt-\[130px\] {
padding-top: 130px;
}
.sm\:pt-\[15px\] {
padding-top: 15px;
}
.sm\:pt-\[25px\] {
padding-top: 25px;
}
.sm\:pt-\[30px\] {
padding-top: 30px;
}
.sm\:pt-\[70px\] {
padding-top: 70px;
}
.sm\:text-left {
text-align: left;
}
.sm\:text-center {
text-align: center;
}
.sm\:align-middle {
vertical-align: middle;
}
.sm\:text-5xl {
font-size: 3rem;
line-height: 1;
}
.sm\:text-\[16px\] {
font-size: 16px;
}
.sm\:text-\[18px\] {
font-size: 18px;
}
.sm\:text-\[20px\] {
font-size: 20px;
}
.sm\:text-\[24px\] {
font-size: 24px;
}
.sm\:text-\[25px\] {
font-size: 25px;
}
.sm\:text-\[28px\] {
font-size: 28px;
}
.sm\:text-\[30px\] {
font-size: 30px;
}
.sm\:text-\[32px\] {
font-size: 32px;
}
.sm\:text-\[38px\] {
font-size: 38px;
}
.sm\:text-\[40px\] {
font-size: 40px;
}
.sm\:text-\[45px\] {
font-size: 45px;
}
.sm\:text-\[50px\] {
font-size: 50px;
}
.sm\:text-sm {
font-size: 0.875rem;
line-height: 1.25rem;
}
.sm\:leading-5 {
line-height: 1.25rem;
}
.sm\:leading-\[1\.2em\] {
line-height: 1.2em;
}
.sm\:text-black {
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
.sm\:opacity-0 {
opacity: 0;
}
.sm\:shadow-\[0px_40px_50px_0px_rgba\(137\2c 139\2c 142\2c 0\.15\)\] {
--tw-shadow: 0px 40px 50px 0px rgba(137,139,142,0.15);
--tw-shadow-colored: 0px 40px 50px 0px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.sm\:transition-all {
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.sm\:duration-\[0\.3s\] {
transition-duration: 0.3s;
}
.sm\:ease-\[ease-in-out\] {
transition-timing-function: ease-in-out;
}
.sm\:before\:\!bottom-\[10px\]::before {
content: var(--tw-content);
bottom: 10px !important;
}
.sm\:before\:hidden::before {
content: var(--tw-content);
display: none;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.md\:invisible {
visibility: hidden;
}
.md\:static {
position: static;
}
.md\:absolute {
position: absolute;
}
.md\:relative {
position: relative;
}
.md\:inset-0 {
inset: 0px;
}
.md\:inset-x-0 {
left: 0px;
right: 0px;
}
.md\:left-\[15px\] {
left: 15px;
}
.md\:right-\[75px\] {
right: 75px;
}
.md\:right-auto {
right: auto;
}
.md\:top-0 {
top: 0px;
}
.md\:top-full {
top: 100%;
}
.md\:order-first {
order: -9999;
}
.md\:order-last {
order: 9999;
}
.md\:m-\[0_12px\] {
margin: 0 12px;
}
.md\:m-\[0_8px\] {
margin: 0 8px;
}
.md\:m-\[0_auto_50px\] {
margin: 0 auto 50px;
}
.md\:mx-2 {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.md\:mx-2\.5 {
margin-left: 0.625rem;
margin-right: 0.625rem;
}
.md\:mx-auto {
margin-left: auto;
margin-right: auto;
}
.md\:mb-2 {
margin-bottom: 0.5rem;
}
.md\:mb-2\.5 {
margin-bottom: 0.625rem;
}
.md\:mb-\[120px\] {
margin-bottom: 120px;
}
.md\:mb-\[30px\] {
margin-bottom: 30px;
}
.md\:mb-\[35px\] {
margin-bottom: 35px;
}
.md\:ml-auto {
margin-left: auto;
}
.md\:mt-0 {
margin-top: 0px;
}
.md\:mt-10 {
margin-top: 2.5rem;
}
.md\:mt-20 {
margin-top: 5rem;
}
.md\:mt-\[10px\] {
margin-top: 10px;
}
.md\:mt-\[200px\] {
margin-top: 200px;
}
.md\:mt-\[30px\] {
margin-top: 30px;
}
.md\:mt-\[50px\] {
margin-top: 50px;
}
.md\:block {
display: block;
}
.md\:inline-block {
display: inline-block;
}
.md\:flex {
display: flex;
}
.md\:inline-flex {
display: inline-flex;
}
.md\:hidden {
display: none;
}
.md\:max-h-\[70vh\] {
max-height: 70vh;
}
.md\:w-1\/5 {
width: 20%;
}
.md\:w-1\/6 {
width: 16.666667%;
}
.md\:w-4\/12 {
width: 33.333333%;
}
.md\:w-4\/5 {
width: 80%;
}
.md\:w-6\/12 {
width: 50%;
}
.md\:w-8\/12 {
width: 66.666667%;
}
.md\:w-full {
width: 100%;
}
.md\:max-w-\[80\%\] {
max-width: 80%;
}
.md\:flex-1 {
flex: 1 1 0%;
}
.md\:basis-4\/12 {
flex-basis: 33.333333%;
}
.md\:basis-6\/12 {
flex-basis: 50%;
}
.md\:basis-8\/12 {
flex-basis: 66.666667%;
}
.md\:basis-full {
flex-basis: 100%;
}
.md\:origin-\[100\%_0\] {
transform-origin: 100% 0;
}
.md\:scale-x-100 {
--tw-scale-x: 1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.md\:scale-y-0 {
--tw-scale-y: 0;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.md\:gap-x-12 {
-moz-column-gap: 3rem;
column-gap: 3rem;
}
.md\:overflow-y-auto {
overflow-y: auto;
}
.md\:bg-white {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.md\:p-0 {
padding: 0px;
}
.md\:p-5 {
padding: 1.25rem;
}
.md\:p-\[0_30px_30px_0\] {
padding: 0 30px 30px 0;
}
.md\:p-\[130px_0_30px\] {
padding: 130px 0 30px;
}
.md\:p-\[15px_15px\] {
padding: 15px 15px;
}
.md\:p-\[20px_0_0\] {
padding: 20px 0 0;
}
.md\:p-\[20px_0_5px\] {
padding: 20px 0 5px;
}
.md\:p-\[30px_0_45px_0\] {
padding: 30px 0 45px 0;
}
.md\:p-\[40px_15px_25px\] {
padding: 40px 15px 25px;
}
.md\:p-\[45px_0_90px\] {
padding: 45px 0 90px;
}
.md\:p-\[60px_0_0\] {
padding: 60px 0 0;
}
.md\:p-\[70px_0_40px\] {
padding: 70px 0 40px;
}
.md\:p-\[90px_0_90px\] {
padding: 90px 0 90px;
}
.md\:px-\[30px\] {
padding-left: 30px;
padding-right: 30px;
}
.md\:py-\[35px\] {
padding-top: 35px;
padding-bottom: 35px;
}
.md\:pb-2 {
padding-bottom: 0.5rem;
}
.md\:pb-2\.5 {
padding-bottom: 0.625rem;
}
.md\:pb-\[12px\] {
padding-bottom: 12px;
}
.md\:pb-\[18px\] {
padding-bottom: 18px;
}
.md\:pb-\[5px\] {
padding-bottom: 5px;
}
.md\:pl-0 {
padding-left: 0px;
}
.md\:pr-0 {
padding-right: 0px;
}
.md\:pt-10 {
padding-top: 2.5rem;
}
.md\:pt-\[100px\] {
padding-top: 100px;
}
.md\:pt-\[130px\] {
padding-top: 130px;
}
.md\:pt-\[15px\] {
padding-top: 15px;
}
.md\:pt-\[25px\] {
padding-top: 25px;
}
.md\:pt-\[30px\] {
padding-top: 30px;
}
.md\:pt-\[70px\] {
padding-top: 70px;
}
.md\:text-center {
text-align: center;
}
.md\:text-\[16px\] {
font-size: 16px;
}
.md\:text-\[18px\] {
font-size: 18px;
}
.md\:text-\[20px\] {
font-size: 20px;
}
.md\:text-\[24px\] {
font-size: 24px;
}
.md\:text-\[25px\] {
font-size: 25px;
}
.md\:text-\[28px\] {
font-size: 28px;
}
.md\:text-\[30px\] {
font-size: 30px;
}
.md\:text-\[36px\] {
font-size: 36px;
}
.md\:text-\[38px\] {
font-size: 38px;
}
.md\:text-\[40px\] {
font-size: 40px;
}
.md\:text-\[45px\] {
font-size: 45px;
}
.md\:text-\[50px\] {
font-size: 50px;
}
.md\:leading-\[1\.2em\] {
line-height: 1.2em;
}
.md\:text-black {
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
.md\:opacity-0 {
opacity: 0;
}
.md\:shadow-\[0px_40px_50px_0px_rgba\(137\2c 139\2c 142\2c 0\.15\)\] {
--tw-shadow: 0px 40px 50px 0px rgba(137,139,142,0.15);
--tw-shadow-colored: 0px 40px 50px 0px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.md\:transition-all {
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.md\:duration-\[0\.3s\] {
transition-duration: 0.3s;
}
.md\:ease-\[ease-in-out\] {
transition-timing-function: ease-in-out;
}
.md\:before\:\!bottom-\[10px\]::before {
content: var(--tw-content);
bottom: 10px !important;
}
.md\:before\:hidden::before {
content: var(--tw-content);
display: none;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.lg\:order-1 {
order: 1;
}
.lg\:order-2 {
order: 2;
}
.lg\:order-3 {
order: 3;
}
.lg\:order-first {
order: -9999;
}
.lg\:order-last {
order: 9999;
}
.lg\:m-\[0_20px\] {
margin: 0 20px;
}
.lg\:mx-0 {
margin-left: 0px;
margin-right: 0px;
}
.lg\:my-0 {
margin-top: 0px;
margin-bottom: 0px;
}
.lg\:mb-0 {
margin-bottom: 0px;
}
.lg\:mb-\[60px\] {
margin-bottom: 60px;
}
.lg\:ml-5 {
margin-left: 1.25rem;
}
.lg\:mt-20 {
margin-top: 5rem;
}
.lg\:mt-\[250px\] {
margin-top: 250px;
}
.lg\:mt-\[50px\] {
margin-top: 50px;
}
.lg\:flex {
display: flex;
}
.lg\:w-1\/3 {
width: 33.333333%;
}
.lg\:w-11\/12 {
width: 91.666667%;
}
.lg\:w-2\/12 {
width: 16.666667%;
}
.lg\:w-2\/3 {
width: 66.666667%;
}
.lg\:w-3\/12 {
width: 25%;
}
.lg\:w-4\/12 {
width: 33.333333%;
}
.lg\:w-5\/12 {
width: 41.666667%;
}
.lg\:w-6\/12 {
width: 50%;
}
.lg\:w-7\/12 {
width: 58.333333%;
}
.lg\:w-8\/12 {
width: 66.666667%;
}
.lg\:w-9\/12 {
width: 75%;
}
.lg\:flex-1 {
flex: 1 1 0%;
}
.lg\:basis-11\/12 {
flex-basis: 91.666667%;
}
.lg\:basis-2\/12 {
flex-basis: 16.666667%;
}
.lg\:basis-3\/12 {
flex-basis: 25%;
}
.lg\:basis-4\/12 {
flex-basis: 33.333333%;
}
.lg\:basis-5\/12 {
flex-basis: 41.666667%;
}
.lg\:basis-6\/12 {
flex-basis: 50%;
}
.lg\:basis-7\/12 {
flex-basis: 58.333333%;
}
.lg\:basis-8\/12 {
flex-basis: 66.666667%;
}
.lg\:basis-9\/12 {
flex-basis: 75%;
}
.lg\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.lg\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.lg\:flex-row {
flex-direction: row;
}
.lg\:justify-start {
justify-content: flex-start;
}
.lg\:justify-end {
justify-content: flex-end;
}
.lg\:gap-20 {
gap: 5rem;
}
.lg\:p-0 {
padding: 0px;
}
.lg\:p-\[15px_25px\] {
padding: 15px 25px;
}
.lg\:px-0 {
padding-left: 0px;
padding-right: 0px;
}
.lg\:px-8 {
padding-left: 2rem;
padding-right: 2rem;
}
.lg\:px-\[55px\] {
padding-left: 55px;
padding-right: 55px;
}
.lg\:py-\[50px\] {
padding-top: 50px;
padding-bottom: 50px;
}
.lg\:pb-\[25px\] {
padding-bottom: 25px;
}
.lg\:pl-0 {
padding-left: 0px;
}
.lg\:pr-0 {
padding-right: 0px;
}
.lg\:pr-\[97px\] {
padding-right: 97px;
}
.lg\:pt-5 {
padding-top: 1.25rem;
}
.lg\:pt-\[0px\] {
padding-top: 0px;
}
.lg\:pt-\[230px\] {
padding-top: 230px;
}
.lg\:text-left {
text-align: left;
}
.lg\:text-5xl {
font-size: 3rem;
line-height: 1;
}
.lg\:text-6xl {
font-size: 3.75rem;
line-height: 1;
}
.lg\:text-\[18px\] {
font-size: 18px;
}
.lg\:text-\[25px\] {
font-size: 25px;
}
.lg\:text-\[28px\] {
font-size: 28px;
}
.lg\:leading-\[1\.7em\] {
line-height: 1.7em;
}
.lg\:before\:block::before {
content: var(--tw-content);
display: block;
}
}
@media (min-width: 1200px) {
.xl\:order-1 {
order: 1;
}
.xl\:order-2 {
order: 2;
}
.xl\:order-3 {
order: 3;
}
.xl\:order-first {
order: -9999;
}
.xl\:order-last {
order: 9999;
}
.xl\:mx-0 {
margin-left: 0px;
margin-right: 0px;
}
.xl\:my-0 {
margin-top: 0px;
margin-bottom: 0px;
}
.xl\:-mt-24 {
margin-top: -6rem;
}
.xl\:mb-\[60px\] {
margin-bottom: 60px;
}
.xl\:ml-5 {
margin-left: 1.25rem;
}
.xl\:mt-20 {
margin-top: 5rem;
}
.xl\:mt-\[200px\] {
margin-top: 200px;
}
.xl\:mt-\[50px\] {
margin-top: 50px;
}
.xl\:block {
display: block;
}
.xl\:flex {
display: flex;
}
.xl\:w-1\/5 {
width: 20%;
}
.xl\:w-10\/12 {
width: 83.333333%;
}
.xl\:w-2\/12 {
width: 16.666667%;
}
.xl\:w-3\/12 {
width: 25%;
}
.xl\:w-4\/12 {
width: 33.333333%;
}
.xl\:w-4\/5 {
width: 80%;
}
.xl\:w-6\/12 {
width: 50%;
}
.xl\:w-7\/12 {
width: 58.333333%;
}
.xl\:w-9\/12 {
width: 75%;
}
.xl\:basis-10\/12 {
flex-basis: 83.333333%;
}
.xl\:basis-2\/12 {
flex-basis: 16.666667%;
}
.xl\:basis-3\/12 {
flex-basis: 25%;
}
.xl\:basis-4\/12 {
flex-basis: 33.333333%;
}
.xl\:basis-6\/12 {
flex-basis: 50%;
}
.xl\:basis-7\/12 {
flex-basis: 58.333333%;
}
.xl\:basis-9\/12 {
flex-basis: 75%;
}
.xl\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.xl\:justify-start {
justify-content: flex-start;
}
.xl\:justify-end {
justify-content: flex-end;
}
.xl\:gap-x-8 {
-moz-column-gap: 2rem;
column-gap: 2rem;
}
.xl\:p-\[15px_70px\] {
padding: 15px 70px;
}
.xl\:px-5 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.xl\:px-\[55px\] {
padding-left: 55px;
padding-right: 55px;
}
.xl\:py-\[50px\] {
padding-top: 50px;
padding-bottom: 50px;
}
.xl\:pb-\[25px\] {
padding-bottom: 25px;
}
.xl\:pr-\[97px\] {
padding-right: 97px;
}
.xl\:pt-\[0px\] {
padding-top: 0px;
}
.xl\:pt-\[230px\] {
padding-top: 230px;
}
.xl\:text-left {
text-align: left;
}
.xl\:before\:block::before {
content: var(--tw-content);
display: block;
}
@media (min-width: 1200px) and (max-width: 1450px) {
.xl\:2xl\:px-\[40px\] {
padding-left: 40px;
padding-right: 40px;
}
.xl\:2xl\:py-\[15px\] {
padding-top: 15px;
padding-bottom: 15px;
}
}
}
@media (max-width: 575.98px) {
.xsm\:invisible {
visibility: hidden;
}
.xsm\:static {
position: static;
}
.xsm\:absolute {
position: absolute;
}
.xsm\:relative {
position: relative;
}
.xsm\:inset-x-0 {
left: 0px;
right: 0px;
}
.xsm\:left-\[15px\] {
left: 15px;
}
.xsm\:right-\[75px\] {
right: 75px;
}
.xsm\:right-auto {
right: auto;
}
.xsm\:top-0 {
top: 0px;
}
.xsm\:top-full {
top: 100%;
}
.xsm\:m-\[0_12px\] {
margin: 0 12px;
}
.xsm\:m-\[0_8px\] {
margin: 0 8px;
}
.xsm\:m-\[0_auto\] {
margin: 0 auto;
}
.xsm\:m-\[0_auto_50px\] {
margin: 0 auto 50px;
}
.xsm\:mx-2 {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.xsm\:mx-2\.5 {
margin-left: 0.625rem;
margin-right: 0.625rem;
}
.xsm\:mx-auto {
margin-left: auto;
margin-right: auto;
}
.xsm\:mb-2 {
margin-bottom: 0.5rem;
}
.xsm\:mb-2\.5 {
margin-bottom: 0.625rem;
}
.xsm\:mb-\[120px\] {
margin-bottom: 120px;
}
.xsm\:mb-\[30px\] {
margin-bottom: 30px;
}
.xsm\:mb-\[35px\] {
margin-bottom: 35px;
}
.xsm\:mb-\[60px\] {
margin-bottom: 60px;
}
.xsm\:mb-\[70px\] {
margin-bottom: 70px;
}
.xsm\:ml-auto {
margin-left: auto;
}
.xsm\:mt-0 {
margin-top: 0px;
}
.xsm\:mt-10 {
margin-top: 2.5rem;
}
.xsm\:mt-20 {
margin-top: 5rem;
}
.xsm\:mt-\[10px\] {
margin-top: 10px;
}
.xsm\:mt-\[200px\] {
margin-top: 200px;
}
.xsm\:mt-\[30px\] {
margin-top: 30px;
}
.xsm\:mt-\[50px\] {
margin-top: 50px;
}
.xsm\:block {
display: block;
}
.xsm\:hidden {
display: none;
}
.xsm\:h-\[45px\] {
height: 45px;
}
.xsm\:max-h-\[70vh\] {
max-height: 70vh;
}
.xsm\:w-6\/12 {
width: 50%;
}
.xsm\:w-\[70\%\] {
width: 70%;
}
.xsm\:w-full {
width: 100%;
}
.xsm\:max-w-full {
max-width: 100%;
}
.xsm\:basis-6\/12 {
flex-basis: 50%;
}
.xsm\:basis-full {
flex-basis: 100%;
}
.xsm\:origin-\[100\%_0\] {
transform-origin: 100% 0;
}
.xsm\:scale-x-100 {
--tw-scale-x: 1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.xsm\:scale-y-0 {
--tw-scale-y: 0;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.xsm\:overflow-y-auto {
overflow-y: auto;
}
.xsm\:bg-white {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.xsm\:p-0 {
padding: 0px;
}
.xsm\:p-\[0_30px_30px_0\] {
padding: 0 30px 30px 0;
}
.xsm\:p-\[130px_0_30px\] {
padding: 130px 0 30px;
}
.xsm\:p-\[20px_0_0\] {
padding: 20px 0 0;
}
.xsm\:p-\[20px_0_5px\] {
padding: 20px 0 5px;
}
.xsm\:p-\[30px_0_45px_0\] {
padding: 30px 0 45px 0;
}
.xsm\:p-\[30px_15px\] {
padding: 30px 15px;
}
.xsm\:p-\[40px_15px_25px\] {
padding: 40px 15px 25px;
}
.xsm\:p-\[45px_0_90px\] {
padding: 45px 0 90px;
}
.xsm\:p-\[60px_0_0\] {
padding: 60px 0 0;
}
.xsm\:p-\[70px_0_40px\] {
padding: 70px 0 40px;
}
.xsm\:p-\[90px_0_90px\] {
padding: 90px 0 90px;
}
.xsm\:px-5 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.xsm\:px-\[30px\] {
padding-left: 30px;
padding-right: 30px;
}
.xsm\:py-\[35px\] {
padding-top: 35px;
padding-bottom: 35px;
}
.xsm\:pb-2 {
padding-bottom: 0.5rem;
}
.xsm\:pb-2\.5 {
padding-bottom: 0.625rem;
}
.xsm\:pb-\[12px\] {
padding-bottom: 12px;
}
.xsm\:pb-\[18px\] {
padding-bottom: 18px;
}
.xsm\:pb-\[30px\] {
padding-bottom: 30px;
}
.xsm\:pb-\[5px\] {
padding-bottom: 5px;
}
.xsm\:pl-0 {
padding-left: 0px;
}
.xsm\:pr-0 {
padding-right: 0px;
}
.xsm\:pt-10 {
padding-top: 2.5rem;
}
.xsm\:pt-\[100px\] {
padding-top: 100px;
}
.xsm\:pt-\[130px\] {
padding-top: 130px;
}
.xsm\:pt-\[15px\] {
padding-top: 15px;
}
.xsm\:pt-\[25px\] {
padding-top: 25px;
}
.xsm\:pt-\[30px\] {
padding-top: 30px;
}
.xsm\:pt-\[70px\] {
padding-top: 70px;
}
.xsm\:text-center {
text-align: center;
}
.xsm\:text-\[16px\] {
font-size: 16px;
}
.xsm\:text-\[18px\] {
font-size: 18px;
}
.xsm\:text-\[20px\] {
font-size: 20px;
}
.xsm\:text-\[24px\] {
font-size: 24px;
}
.xsm\:text-\[25px\] {
font-size: 25px;
}
.xsm\:text-\[26px\] {
font-size: 26px;
}
.xsm\:text-\[28px\] {
font-size: 28px;
}
.xsm\:text-\[30px\] {
font-size: 30px;
}
.xsm\:text-\[38px\] {
font-size: 38px;
}
.xsm\:text-\[40px\] {
font-size: 40px;
}
.xsm\:text-\[45px\] {
font-size: 45px;
}
.xsm\:text-\[50px\] {
font-size: 50px;
}
.xsm\:leading-\[1\.2em\] {
line-height: 1.2em;
}
.xsm\:text-black {
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
.xsm\:opacity-0 {
opacity: 0;
}
.xsm\:shadow-\[0px_40px_50px_0px_rgba\(137\2c 139\2c 142\2c 0\.15\)\] {
--tw-shadow: 0px 40px 50px 0px rgba(137,139,142,0.15);
--tw-shadow-colored: 0px 40px 50px 0px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.xsm\:transition-all {
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.xsm\:duration-\[0\.3s\] {
transition-duration: 0.3s;
}
.xsm\:ease-\[ease-in-out\] {
transition-timing-function: ease-in-out;
}
.xsm\:before\:\!bottom-\[10px\]::before {
content: var(--tw-content);
bottom: 10px !important;
}
.xsm\:before\:hidden::before {
content: var(--tw-content);
display: none;
}
}
@keyframes jump {
0% {transform: translate3d(0,0,0);}
40% {transform: translate3d(0,50%,0);}
100% {transform: translate3d(0,0,0);}
}
@keyframes jumpTwo {
0% {transform: translate3d(0,0,0);}
40% {transform: translate3d(0,20px,0);}
100% {transform: translate3d(0,0,0);}
}
@keyframes jumpThree {
0% {transform: translate3d(0,0,0);}
40% {transform: translate3d(0,-20px,0);}
100% {transform: translate3d(0,0,0);}
}
@keyframes rotated {
0% {transform: rotate(0);}
100% {transform: rotate(360deg);}
}
@keyframes rotatedTwo {
0% {transform: rotate(0);}
100% {transform: rotate(-360deg);}
}
@keyframes rotatedHalf {
0% {transform: rotate(0);}
50% {transform: rotate(90deg);}
100% {transform: rotate(0);}
}
@keyframes rotatedHalfTwo {
0% {transform: rotate(-90deg);}
100% {transform: rotate(90deg);}
}
@keyframes scale-upOne {
0% {transform: scale(1);}
50% {transform: scale(0.85);}
100% {transform: scale(1);}
}
@keyframes scale-right {
0% {transform: translateX(0%);}
50% {transform: translateX(20%);}
100% {transform: translateX(0%);}
}
@keyframes fade-in {
0% {opacity: 0.7;}
40% {opacity: 1;}
100% {opacity: 0.7;}
}
@keyframes fade-in-rev {
0% {opacity: 1;}
40% {opacity: 0.7;}
100% {opacity: 1;}
}
@keyframes hvr-ripple-out {
0% {
top: -5px;
right: -5px;
bottom: -5px;
left: -5px;
}
50% {
top: -15px;
right: -15px;
bottom: -15px;
left: -15px;
opacity: 0.8;
}
100% {
top: -5px;
right: -5px;
bottom: -5px;
left: -5px;
opacity: 1;
}
}
@keyframes hvr-ripple-out-two {
0% {
top: 0;
right: 0;
bottom: 0;
left: 0;
}
100% {
top: -30px;
right: -30px;
bottom: -30px;
left: -30px;
opacity: 0;
}
}
@keyframes scale-up-one {
0% {transform: scale(1);}
40% {transform: scale(0.5);}
100% {transform: scale(1);}
}
@keyframes scale-up-two {
0% {transform: scale(0.5);}
40% {transform: scale(0.8);}
100% {transform: scale(0.5);}
}
@keyframes scale-up-three {
0% {transform: scale(1);}
40% {transform: scale(2);}
100% {transform: scale(1);}
}
@keyframes jump5p {
0% {transform: translate3d(0,0,0);}
40% {transform: translate3d(0,5px,0);}
100% {transform: translate3d(0,0,0);}
}
@keyframes jump5pRsv {
0% {transform: translate3d(0,0,0);}
40% {transform: translate3d(0,-5px,0);}
100% {transform: translate3d(0,0,0);}
}
@keyframes jump10p {
0% {transform: translate3d(0,0,0);}
40% {transform: translate3d(0,10px,0);}
100% {transform: translate3d(0,0,0);}
}
@keyframes jump10pRsv {
0% {transform: translate3d(0,0,0);}
40% {transform: translate3d(0,-10px,0);}
100% {transform: translate3d(0,0,0);}
}
/* Responsive CSS Document */
/*
Created on : 19/06/2021.
Theme Name : Deski-Saas & Software Tailwind CSS Template
Version : 1.0.
Developed by : (ibthemes21@gmail.com) / (https://ibthemespro.com/)
*/
@media (min-width: 1350px) {
.lg-container .container {max-width: 1320px;}
}
@media (min-width: 1200px) {
.container {max-width: 1170px;}
.container-custom.container {max-width: 1200px;}
}
@media (min-width: 992px) {
.container {padding-right: 0;padding-left: 0;}
}
@media (min-width: 1200px) and (max-width: 1450px) {
.theme-main-menu {padding: 30px 40px;}
.theme-menu-two .navbar {padding-right: 18%;}
.theme-menu-two .navbar-nav .nav-item .nav-link {margin: 0 25px;}
.fancy-feature-twelve {margin-top: 120px;}
.fancy-feature-thirteen .carousel-inner .shape-two {left: -45px;}
.client-feedback-slider-five .circle-area {top: 59%}
.client-feedback-slider-five {margin-top: 30px;}
.pricing-section-five {margin-top: 80px; padding-top: 100px;}
.hero-banner-nine .hero-heading {font-size: 68px;}
.hero-banner-nine .illustration-container {width: 56%;}
.hero-banner-eleven .hero-text-wrapper h1 {font-size: 75px;}
.hero-banner-twelve .screen-holder .screen-one {left: 0;}
.hero-banner-twelve .screen-holder .screen-two {right: 0;}
.hero-banner-fourteen .hero-heading {font-size: 62px;}
.hero-banner-fourteen .price {font-size: 75px;}
.fancy-feature-thirtyNine .title {font-size: 85px;}
.hero-banner-fifteen .hero-heading {font-size: 120px;}
.hero-banner-fifteen .product-img-holder {width: 600px; height: 600px; right: 5%;}
.hero-banner-fifteen .product-img-holder .product-img {max-width: 138%;}
.SC_block_one {width: 300px; height: 300px;}
}
@media (min-width: 1200px) and (max-width: 1366px) {
.hero-banner-two .hero-text-wrapper h1 {font-size: 68px;}
.theme-menu-two .language-button-group {margin-right: 30px;}
.hero-banner-thirteen .screen-holder {width: 50%;}
.hero-banner-thirteen .hero-heading {font-size: 85px;}
.fancy-feature-thirtyFive .slider-wrapper {width: 85vw; right: -16vw;}
}
@media (max-width: 1199px) {
.theme-menu-four .navbar-nav .nav-item .nav-link {font-size: 18px;}
#mega-menu-holder .mega-menu li .img-box .hover {font-size: 20px;}
.hero-banner-four .review-text {font-size: 18px;}
.block-style-fourteen {padding: 0;}
.accordion-style-two {padding-right: 0 !important;}
.pricing-table-area-three .pr-table-wrapper ul {padding-left: 0;}
.fancy-feature-one .feature-img-area {padding-left: 15px;}
.theme-footer-one:before {display: none;}
.theme-footer-one .bottom-footer-content ul {padding-right: 0;}
.theme-menu-two .language-button-group {display: none !important;}
.feature-blog-three {padding-right: 0;}
.client-feedback-slider-two .bg-wrapper p {font-size: 18px;}
.client-feedback-slider-two .bg-wrapper .name {font-size: 20px;}
.client-feedback-slider-two .bg-wrapper .desig {font-size: 16px;}
.team-block-one .info .name {font-size: 20px; padding-top: 0;}
.team-block-one .info {padding: 25px 15px;}
.doc-container.full-width {padding-right: 0;}
.theme-menu-five .right-widget .demo-button {line-height: 48px; font-size: 15px; width: 160px;}
.pricing-table-area-four .pr-table-wrapper .price {font-size: 35px; padding-right: 15px;}
.pricing-table-area-four .pr-table-wrapper .top-banner span,
.clientSliderFour .feedback-wrapper p {font-size: 19px;}
.modal-contact-popup-one .main-body .right-side .form-title {font-size: 28px;}
.modal-contact-popup-one .main-body .left-side blockquote {font-size: 25px;}
.modal-contact-popup-one .main-body .right-side {padding: 40px 5%;}
.modal-contact-popup-one .main-body .input-group-meta input {height: 55px;}
.modal-contact-popup-one .main-body .input-group-meta textarea,
.modal-contact-popup-one .main-body .input-group-meta input {font-size: 15px;}
.hero-banner-six .hero-sub-heading {font-size: 20px;}
.fancy-feature-twelve .row {margin: 0 -15px;}
.fancy-feature-twelve .row [class*="col-"] {padding: 0 15px;}
.block-style-seventeen h3 {font-size: 20px;}
.block-style-seventeen {padding: 30px 20px;}
.block-style-seventeen .hover-text {left: 20px; font-size: 22px;}
.fancy-feature-thirteen .carousel-indicators li p {font-size: 20px;}
.fancy-feature-thirteen .carousel-inner {padding: 30px;}
.theme-menu-five .right-widget .signIn-action {font-size: 18px;}
.theme-menu-five .right-widget .download-btn {display: none;}
.hero-banner-seven .download-btn {display: block;}
.hero-banner-seven .hero-sub-heading {font-size: 18px;}
.fancy-text-block-twentyTwo .text-wrapper {padding-left: 0;}
.fancy-feature-seventeen .block-meta {padding: 0;}
.terms_and_policy .tab-content {padding-left: 0;}
.error-page .text-wrapper p {font-size: 20px; padding: 30px 0 40px 0;}
.error-page .text-wrapper .logo {top: 30px;}
.block-style-twentyFive .screen-container .block-content {left: 0;}
.block-style-twentyFive .screen-container .feature-meta {padding: 55px 20px 45px;}
.block-style-twentyFive .screen-container .feature-meta h4 {font-size: 22px;}
.pricing-table-area-seven .pr-table-wrapper {padding-left: 20px;}
.hero-banner-eleven .hero-text-wrapper .hero-sub-heading {font-size: 20px; padding: 30px 0 45px;}
.useable-tools-section-four .text-wrapper p {font-size: 20px;}
.pricing-section-eight .pr-column .info {font-size: 16px;}
.hero-banner-twelve .hero-sub-heading {font-size: 20px;}
.counter-box-five .number {font-size: 35px;}
.counter-box-five p {font-size: 16px;}
.block-style-thirtyOne {padding: 35px 15px 45px;}
.hero-banner-thirteen .slogan {font-size: 14px; padding: 2px 12px;}
.hero-banner-thirteen .hero-sub-heading {font-size: 18px; margin-bottom: 30px;}
.client-feedback-slider-eight .tag {font-size: 11px; line-height: 25px;}
.client-feedback-slider-eight .name {font-size: 22px; font-weight: normal; margin-bottom: 0;}
.pricing-section-nine .pr-table-wrapper {padding: 30px 15px;}
.pricing-section-nine .pr-table-wrapper .pack-name {font-size: 22px;}
.pricing-section-nine .pr-table-wrapper .pack-details {font-size: 16px; padding: 10px 0 25px;}
.pricing-section-nine .pr-table-wrapper .price {font-size: 24px;}
.pricing-section-nine .pr-table-wrapper .top-banner span {font-size: 20px;}
.feature-blog-five .post-meta .blog-title h5 {font-size: 20px; margin-top: 0;}
.hero-banner-fourteen .hero-sub-heading {font-size: 18px;}
.hero-banner-fourteen .info,
.hero-banner-fourteen .screen-holder .rating-box .rate,
.block-style-thirtySeven .p-title a, .block-style-thirtySeven .price {font-size: 18px;}
.hero-banner-fourteen .info>span {margin-top: 5px;}
.hero-banner-fourteen .price {font-size: 45px;}
.fancy-feature-thirtyNine .img-meta:before {width: 700px; height: 700px;}
.fancy-feature-thirtyNine .img-meta:after {width: 500px; height: 500px;}
.hero-banner-fifteen .hero-sub-heading {font-size: 19px; line-height: 1.45em; padding: 25px 0 35px;}
.hero-banner-fifteen .shop-btn {font-size: 14px; line-height: 48px; padding: 0 30px;}
body .shop-btn-one {width: 55px; height: 55px;}
.SC_block_one {width: 250px; height: 250px;}
.SC_block_one h3 {font-size: 22px; margin-bottom: 15px;}
.flash-sale-banner .right-half .fancy-text {font-size: 30px;}
.flash-sale-banner .right-half .sale-text {font-size: 15px;}
.flash-sale-banner .right-half h3 {font-size: 28px;}
.flash-sale-banner .right-half {padding: 70px 30px;}
.block-style-thirtyNine h3 {font-size: 20px;}
.product-details-one .product-info .product-name {font-size: 28px; margin: 18px 0 10px;}
.product-details-one .product-info .price {font-size: 22px; padding: 20px 0 5px;}
.product-details-one .product-info .description-text {font-size: 17px; padding: 15px 0 20px;}
.product-details-one .product-info .customize-order h6 {font-size: 16px; margin-bottom: 20px;}
.product-details-one .product-review-tab .tab-content h5 {font-size: 18px; padding-top: 15px;}
.product-details-one .user-comment-area {padding: 15px 0 0;}
.product-details-one .product-review-tab .nav-tabs .nav-link {font-size: 14px; padding-bottom: 15px;}
.cart-list-form .table th {font-size: 14px; padding-bottom: 20px;}
.cart-list-form .table tbody tr:first-child td {padding-top: 30px;}
.cart-list-form .table tbody td {padding: 0 15px 50px;}
.cart-list-form .table .product-info {padding-left: 15px;}
.cart-list-form .table .product-info .product-name {font-size: 18px;}
.cart-list-form .table .price {font-size: 16px;}
}
/*(max-width: 1199px)*/
@media (min-width: 992px) and (max-width: 1199px) {
.theme-main-menu {padding: 30px 25px;}
.hero-banner-two .container {padding: 0 25px;}
.hero-banner-four h1 {font-size: 70px;}
.hero-banner-four .sub-text {font-size: 24px; padding: 45px 0 50px;}
.hero-banner-four .illustration {max-width: 538px;}
.block-style-thirteen p {font-size: 22px;}
.block-style-thirteen {padding: 32px 25px 20px;}
.title-style-five h2,.title-style-three h2 {font-size: 48px;}
/* .title-style-one h2 {font-size: 50px;} */
.title-style-two h2 {font-size: 50px;}
.title-style-three p {font-size: 18px;}
.fancy-text-block-nineteen .text-wrapper .client-info,
.fancy-text-block-twenty .client-info {font-size: 22px;}
.fancy-text-block-twenty .nav-tabs li {margin-right: 55px;}
.user-data-page .form-wrapper {padding: 35px 2%;}
.user-data-page .form-wrapper h2 {font-size: 40px;}
.block-style-one .block-meta-data .line-dot-container:before {width: 145px; right: -151px;}
.clients-feedback-classic {padding-left: 50px;}
.clients-feedback-classic .feedback-wrapper {padding: 54px 40px 48px;}
.block-style-three {padding:25px 30px 50px 30px ;}
.block-style-four {padding-left: 20px; padding-right: 20px;}
.fancy-text-block-one .quote-wrapper blockquote {font-size: 32px;}
.fancy-text-block-one .quote-wrapper blockquote:before {top: 0; left: -75px;}
.fancy-text-block-three .feature-content .header,
.fancy-text-block-three .feature-content .feature-list {padding-left: 25px;}
.feature-blog-one .post-meta .title {font-size: 26px;}
.hero-banner-two .hero-text-wrapper h1 {font-size: 60px;}
.hero-banner-two .hero-text-wrapper .sub-text {font-size: 22px; padding-bottom: 30px;}
.theme-menu-two .navbar-nav .nav-item .nav-link {margin: 0 20px;}
.block-style-five {padding-left: 20px; padding-right: 20px;}
.block-style-five p {font-size: 22px;}
.block-style-six .text-details .title {font-size: 36px;}
.client-feedback-slider-one .feedback-meta .watermark {font-size: 120px;}
.client-feedback-slider-one .feedback-meta {padding-top: 80px;}
.client-feedback-slider-one .clientSliderOne p {font-size: 22px;}
.client-feedback-slider-one .shapes-holder {width: 46%;}
.fancy-text-block-ten p {font-size: 34px;}
.block-style-seven p {font-size: 25px;}
.contact-style-two .contact-info-wrapper .address-info p {font-size: 22px;}
.fancy-text-block-eleven .img-gallery .overlay-img {right: -100px;}
.theme-menu-three .navbar {margin-right: 15%;}
.theme-menu-three .navbar-nav .nav-item .nav-link {margin: 0 26px;}
.title-style-four h2 {font-size: 50px; line-height: 1.2em;}
.block-style-ten {padding: 75px 50px 45px;}
.block-style-eleven p {font-size: 20px;}
.block-style-twelve .text-wrapper .title {font-size: 38px;}
.fancy-hero-five .heading {font-size: 65px;}
.fancy-hero-five .sub-heading {font-size: 22px;}
.team-section-three {margin-top: -270px;}
.fancy-text-block-fifteen .bg-wrapper {padding: 70px 15px 0 15px;}
.fancy-text-block-fifteen .text-wrapper p {font-size: 36px;}
.theme-menu-two .navbar {padding-right: 13%;}
.theme-menu-four .right-button-group {margin-left: 30px;}
body .theme-btn-five {padding: 0 15px;}
.theme-menu-four .navbar-nav .nav-item .nav-link,
.navbar-nav .nav-item .nav-link {margin: 0 18px;}
.theme-menu-one .right-button-group {margin-left: 30px;}
.theme-menu-five .navbar-nav .nav-item .nav-link {font-size: 19px; margin: 0 20px;}
.block-style-fifteen {padding: 45px 25px 30px 30px;}
.fancy-text-block-twentyOne .text-wrapper p {font-size: 40px;}
.block-style-sixteen .screen-one {width: 36%;}
.clientSliderFour .feedback-wrapper {padding: 40px 25px;}
.hero-banner-six .hero-heading {font-size: 70px;}
.fancy-feature-twelve {margin-top: 100px;}
.fancy-feature-thirteen .carousel-indicators li {width: 33.333%;}
.client-feedback-slider-five .circle-area {top: 62%;}
.client-feedback-slider-five {margin-top: 0; padding-bottom: 130px;}
.pricing-section-five {margin-top: 80px; padding-top: 100px;}
.hero-banner-seven .hero-heading {font-size: 70px;}
.hero-banner-seven {margin-top: 50px;}
.block-style-eighteen .text-wrapper .title {font-size: 55px;}
.block-style-eighteen .screen-holder-two .screen-one {right: -15%;}
.title-style-seven h2 {font-size: 58px;}
.hero-banner-eight .hero-heading {font-size: 75px;}
.hero-banner-eight .shape-right,.hero-banner-eight .shape-left {top: 12%;}
.hero-banner-nine .hero-heading {font-size: 55px;}
.hero-banner-nine .illustration-container {width: 50%;top: 17%;}
.hero-banner-nine .bg-shape {width: 75%;}
.team-details .main-bg .text-wrapper {padding: 20px 40px;}
.error-page .text-wrapper h1 {font-size: 60px;}
.theme-menu-five .right-widget .download-btn.style-two {display: block;}
.app-screen-preview-one .round-bg {width: 78%;}
.block-style-twentyFive .title {font-size: 50px;}
.hero-banner-eleven .hero-text-wrapper h1 {font-size: 56px;}
.title-style-twelve h2 {font-size: 54px;}
.title-style-twelve p {font-size: 21px;}
.useable-tools-section-four .logo-container .icon {height: 220px;}
.block-style-twentyNine h3 a {font-size: 30px;}
.pricing-section-eight .pr-list-wrapper li {font-size: 15px; padding-left: 10px;}
.hero-banner-twelve .hero-heading {font-size: 75px;}
.title-style-thirteen h2 {font-size: 52px;}
.service-details-one .details-wrapper h2 {font-size: 50px;}
.service-details-one .details-wrapper .sub-heading {font-size: 22px;}
.hero-banner-thirteen .hero-heading {font-size: 55px;}
.hero-banner-thirteen .screen-holder {width: 48%;}
.theme-menu-six .navbar-nav .nav-item .nav-link {font-size: 18px; margin: 0 18px;}
.title-style-fourteen h2 {font-size: 42px;}
.fancy-feature-thirtyFive .slider-wrapper {width: 88vw; right: -22vw;}
.client-feedback-slider-eight p {font-size: 38px;}
.hero-banner-fourteen .hero-heading,.fancy-feature-thirtyNine .title {font-size: 55px;}
.title-style-fifteen h2,.title-style-sixteen h2 {font-size: 50px;}
.hero-banner-fifteen .hero-heading {font-size: 84px;}
.hero-banner-fifteen .product-img-holder {width: 480px; height: 480px; right: 1%;}
.hero-banner-fifteen .product-img-holder .product-img {max-width: 135%;}
.title-style-eleven h2 {font-size: 48px;}
}
/*(min-width: 992px) and (max-width: 1199px)*/
@media (max-width: 991px) {
.title-style-five h2 {font-size: 40px;}
/* .title-style-one h2 {font-size: 42px;} */
.title-style-two h2 {font-size: 40px; line-height: 1.2em;}
.title-style-three h2 {font-size: 38px;}
.title-style-five h2 span:before {height: 10px;}
.title-style-five h6 {font-size: 16px; padding-bottom: 5px;}
.title-style-two p {font-size: 15px;}
.title-style-three p {font-size: 15px; padding-bottom: 8px;}
.title-style-four h2 {font-size: 40px; line-height: 1.2em;}
.title-style-four h6 {font-size: 18px;padding-bottom: 10px;}
.title-style-two .sub-text {font-size: 20px;}
.title-style-six h6 {font-size: 15px; padding-bottom: 15px;}
.title-style-six h2 {font-size: 45px;}
.title-style-seven h2 {font-size: 38px;}
.title-style-six .text-xs {font-size: 18px; padding-top: 25px;}
body .theme-btn-five {line-height: 50px; padding: 0 25px; min-width: 155px;}
.theme-main-menu {padding: 30px 15px;}
.theme-menu-two #mega-menu-holder,.theme-menu-three #mega-menu-holder {margin-left: auto;}
.theme-main-menu>div {position: static;}
.theme-menu-two .logo,.theme-menu-three .logo,.theme-menu-five .logo {left: 15px;}
.theme-menu-five .right-widget {right: 75px;}
.theme-menu-five #mega-menu-holder {margin-left: auto;}
.main-page-wrapper {padding-top: 99px;}
.theme-main-menu.sticky-menu.fixed {padding: 20px 15px;}
.hero-banner-two .container {padding: 0 15px;}
.hero-banner-four .illustration {max-width: 100%; margin: 0 auto;}
.hero-banner-four {padding: 150px 0 50px;}
.hero-banner-four .review-text {text-align: center; padding-top: 20px;}
.hero-banner-four .shape-four,.block-style-fourteen.arrow-shape:before,
.block-style-fourteen.arrow-shape:after,.client-feedback-slider-three .shapes,
.hero-banner-one [class*="icon-box"],.block-style-one .block-meta-data .line-dot-container:before,
/* .block-style-one .block-meta-data p:before,.block-style-two .img-holder-one .screen-one, */
.block-style-two .img-holder-two .screen-two,.block-style-two .img-holder-three .screen-two,
.clients-feedback-classic:before,.fancy-short-banner-one:after,.fancy-text-block-four .wrapper:before,
.fancy-text-block-five:before,.fancy-text-block-one .quote-wrapper blockquote:before,
.contact-us-light:before,.pricing-section-two .pricing-table-area .shape-one,.hero-banner-three .shape-six,
.theme-footer-three:before,.fancy-hero-five .shapes,.fancy-text-block-twentyOne .img-meta .shape-one,
.client-feedback-slider-four .shapes,.fancy-feature-twelve .shape-one,.fancy-feature-thirteen .carousel-indicators li:before,
.block-style-eighteen .text-wrapper .title br,.clientSliderSix .feedback-wrapper:before {display: none;}
.hero-banner-four .text-wrapper {padding-top: 50px;}
.hero-banner-four h1 {font-size: 55px;}
.hero-banner-four .sub-text {font-size: 22px; line-height: 1.6em; padding: 25px 0 40px;}
.fancy-text-block-nineteen .text-wrapper .client-info {font-size: 20px;}
.fancy-text-block-nineteen .text-wrapper p {font-size: 20px; padding-top: 30px;}
.fancy-text-block-nineteen .text-wrapper .name {font-size: 22px; margin-top: 40px;}
.fancy-text-block-nineteen .text-wrapper {padding-top: 50px;}
.fancy-feature-nine {padding: 70px 0 40px;}
.accordion-style-two .card .card-header button {font-size: 20px;}
.accordion-style-two .card .card-body p {font-size: 18px;}
.accordion-style-two .card .card-body {padding: 0 30px 30px 0;}
.pricing-section-three {padding: 40px 0 60px;}
.pricing-table-area-three .pr-table-wrapper .pack-name {font-size: 28px;}
.pricing-table-area-three .pr-table-wrapper .price {font-size: 50px; padding-top: 15px;}
.pricing-table-area-three .pr-table-wrapper .user-condition {font-size: 20px;}
.clientSliderThree p {font-size: 24px;}
.clientSliderThree .name {font-size: 22px;}
.faq-section-four {padding: 50px 0 75px;}
.fancy-short-banner-five .sub-heading {font-size: 20px; padding: 35px 0 40px;}
.theme-footer-four .bottom-footer-content p {margin: 0; text-align: center;}
.theme-footer-four {padding: 40px 0 25px;}
.fancy-text-block-twenty {padding: 130px 0 70px;}
.fancy-text-block-twenty .title {font-size: 48px; padding-bottom: 50px;}
.counter-box-three .number {font-size: 30px; padding-bottom: 10px;}
.counter-box-three p {font-size: 20px;}
.team-section-four {padding: 40px 0 0;}
.feature-blog-four {padding: 35px 0 30px;}
.feature-blog-four .feature-article-meta .img-meta {margin-bottom: 25px;}
.feature-blog-four .feature-article-meta .post-meta a {font-size: 26px;}
.feature-blog-four .feature-article-meta .post-meta .author_info {font-size: 18px; margin-top: 10px;}
.pricing-section-three-inner-page {padding: 130px 0 30px;}
.user-data-page .form-wrapper {width: 100%;}
.user-data-page .illustration-wrapper {display: none !important;}
.user-data-page .form-wrapper {padding: 40px 15px 25px;}
.user-data-page .form-wrapper h2 {font-size: 38px;}
.user-data-page .form-wrapper .header-info {font-size: 18px;}
.hero-banner-one .hero-heading {font-size: 55px;}
.hero-banner-one .hero-sub-heading {font-size: 18px; padding-bottom: 40px;}
.hero-banner-one .hero-upper-container {padding: 50px 0 130px;}
.hero-banner-one .subscription-form input {height: 50px;}
.fancy-feature-one {background: #fff;}
.block-style-one .block-meta-data .hover-content {position: static; opacity: 1; visibility: visible; margin-bottom: 60px; text-align: center !important;}
.block-style-one .block-meta-data p {padding-bottom: 15px;}
.fancy-feature-one .block-style-one {margin-top: 120px;}
.block-style-one .block-meta-data .icon-box:before {animation: hvr-ripple-out 2.75s infinite linear;}
/* .block-style-two .text-wrapper {padding: 50px 0 0 !important;} */
/* .block-style-two .text-wrapper h3 {font-size: 32px; padding-bottom: 20px;} */
.block-style-two .img-holder-three .screen-one {bottom: -17%; left: -11%;}
/* .useable-tools-section h2 {font-size: 40px; margin: 10px 0 80px;} */
/* .useable-tools-section .img-box {width: 145px; height: 145px;} */
.useable-tools-section .img-box.bx-g {width: 160px; height: 160px;}
.useable-tools-section.bg-color {padding: 100px 0 60px;}
.counter-info-classic {margin: 60px auto 0;}
.clients-feedback-classic {padding-left: 30px;}
.clients-feedback-classic .feedback-wrapper {margin-bottom: 75px; padding: 45px 45px 35px;}
.fancy-short-banner-one .form-wrapper {padding: 0; margin-top: 40px;}
.fancy-short-banner-one {padding: 200px 0 100px;}
.footer-bg-wrapper {padding-top: 130px;}
.fancy-short-banner-two .bg-wrapper {padding: 35px 30px; text-align: center;}
.fancy-short-banner-two h2 {margin: 0 auto 35px;}
.fancy-hero-one h2 {font-size: 50px; line-height: 1.2em;}
.fancy-hero-one .page-title {font-size: 16px;}
.fancy-hero-one p {font-size: 20px; padding: 15px 0 0;}
body .theme-btn-one.btn-lg {padding: 0 40px; line-height: 52px; font-size: 15px;}
.fancy-hero-one {padding: 45px 0 90px;}
.title-style-one p {font-size: 18px; padding-top: 20px;}
.block-style-three {padding: 25px 15px 40px;}
.feature-blog-two .post-meta .title {font-size: 22px; margin-top: 30px;}
.fancy-text-block-one .quote-wrapper {padding: 50px 0 0 0;}
.fancy-text-block-one .quote-wrapper p {font-size: 18px;}
.fancy-text-block-one .quote-wrapper blockquote {font-size: 28px; margin-bottom: 30px;}
.fancy-text-block-one .quote-wrapper h6 {font-size: 18px;}
.fancy-text-block-one {padding-bottom: 80px;}
.counter-box-two .number {font-size: 50px;}
.counter-box-two em {font-size: 18px; padding-top: 5px;}
.counter-box-two p {font-size: 22px; padding-top: 12px;}
.fancy-text-block-three .feature-content .header {padding: 50px 20px 40px;}
.fancy-text-block-three .feature-content .header h3 {font-size: 38px;}
.fancy-text-block-three .feature-content .header p {font-size: 18px; padding-top: 15px;}
.fancy-text-block-three .feature-content .feature-list {padding: 40px 20px 0 20px;}
.fancy-text-block-three .feature-content {padding-bottom: 40px;}
.fancy-text-block-three .feature-content .feature-list h4 {font-size: 20px;}
.fancy-text-block-three .feature-content.light-bg {border-radius: 5px 5px 0 0;}
.fancy-text-block-three .feature-content.dark-bg {border-radius: 0 0 5px 5px;}
.fancy-text-block-three .slogan {font-size: 24px; line-height: 1.5em;}
.fancy-text-block-three {padding-bottom: 80px;}
.team-section-one .mix {margin-bottom: 60px;}
.team-section-one .team-member h4 {font-size: 22px; padding: 20px 0 4px;}
.team-section-one .controls .control {font-size: 17px; margin: 0 10px;}
.feature-blog-one .post-meta .title {font-size: 24px;}
.contact-us-light .address-info .icon {height: 50px;}
.contact-us-light .address-info .title {padding-top: 20px;}
.contact-us-light .address-info p {font-size: 20px; line-height: 1.6em;}
.form-style-light {margin-top: 40px; padding: 50px 20px 35px;}
.fancy-hero-one .search-form {height: 60px; margin-top: 40px;}
.fancy-hero-one .search-form button {width: 70px;}
.fancy-hero-one .search-form input {font-size: 16px; padding-left: 20px;}
.faqs-inner-page {padding: 80px 0 70px;}
.faqs-header .icon {display: none;}
.all-faqs .faqs-all-qus .article-preview {padding: 45px 20px;}
.faqs-all-qus .article-preview .article-details {padding-bottom: 0;}
.blog-page-bg {padding: 90px 0 90px;}
.feature-blog-one.width-lg .post-meta p {padding-top: 25px;}
.blog-sidebar-one {padding: 60px 0 0;}
.theme-menu-two .right-widget,.theme-menu-three .right-widget {position: static; transform: none; display: flex; justify-content: center; padding: 15px 0;}
.hero-banner-two {padding: 40px 0 60px;}
.hero-banner-two .illustration_01 {margin: 0 auto;}
.hero-banner-two .illustration-holder .shape-one {width: 40.3%; left: 2%;}
.hero-banner-two .illustration-holder .shape-two {width: 42.5%; left: 0;}
.hero-banner-two .illustration-holder .shape-three {width: 41.4%; right: 0;}
.hero-banner-two .hero-text-wrapper h1 {font-size: 48px; line-height: 1.25em;}
.hero-banner-two .hero-text-wrapper .sub-text {font-size: 20px; padding: 20px 0 50px;}
.hero-banner-two .trusted-companies p {font-size: 18px;}
.hero-banner-two .trusted-companies p span {font-size: 1.3em;}
.hero-banner-two .hero-text-wrapper form {height: 60px;}
.fancy-feature-four .bg-wrapper {padding: 70px 0 60px;}
.block-style-five {padding: 40px 20px 50px;}
.block-style-five p {font-size: 20px; line-height: 1.6em;}
.fancy-text-block-six .img-meta-container {position: static; margin:50px auto 0; max-width: 60%;}
.fancy-text-block-seven .quote-wrapper {text-align: center;}
.fancy-text-block-seven .quote-wrapper .icon {margin: 0 auto;}
.fancy-text-block-seven .quote-wrapper blockquote {font-size: 32px; line-height: 1.5em;}
.block-style-six .text-details .title {font-size: 30px; padding: 18px 0 22px;}
.block-style-six .text-details .text-meta {font-size: 18px; padding-bottom: 50px;}
.useable-tools-section-two.bg-shape .bg-wrapper {padding-top: 70px;}
.client-feedback-slider-one .feedback-meta .watermark {display: none;}
.client-feedback-slider-one .feedback-meta {padding-top: 60px;}
.client-feedback-slider-one .shapes-holder {position: static; width: 100%;}
.client-feedback-slider-one .shapes-holder img {display: none;}
.client-feedback-slider-one .shapes-holder .title-style-two {position: relative; z-index: 5; top: 0; right: 50%; transform: translateX(50%); text-align: center;}
.client-feedback-slider-one .feedback-meta .icon,.client-feedback-slider-one .clientSliderOne .c_img {margin: 0 auto;}
.client-feedback-slider-one .clientSliderOne {text-align: center;}
.client-feedback-slider-one .clientSliderOne p {font-size: 20px; padding: 20px 0 40px;}
.client-feedback-slider-one .clientSliderOne .info strong {font-size: 20px; padding-top: 15px;}
.client-feedback-slider-one .slider-arrow {justify-content: center;}
.client-feedback-slider-one .slider-arrow li {margin: 0 10px;}
.fancy-short-banner-three .bg-wrapper {padding: 60px 20px;}
/* .fancy-short-banner-three .title-style-one h2 {font-size: 40px;} */
.fancy-short-banner-three .form-wrapper {padding: 30px 0 0;}
.fancy-short-banner-three .form-wrapper form {height: 60px;}
.fancy-hero-three .heading {font-size: 55px; line-height: 1.22em; padding-bottom: 30px;}
.fancy-hero-three .sub-heading {font-size: 20px;}
.fancy-hero-three {padding: 150px 0 80px;}
.fancy-feature-seven {padding: 80px 0 80px;}
.block-style-nine .text-wrapper h6 {font-size: 15px;}
.block-style-nine .text-wrapper .title {font-size: 35px; padding-bottom: 15px;}
.block-style-nine .text-wrapper p {font-size: 18px;}
.block-style-nine:before {display: none !important;}
.fancy-text-block-thirteen .text-wrapper p {font-size: 20px; padding-top: 20px; padding-bottom: 30px;}
.fancy-text-block-fourteen .text-wrapper .sub-text {font-size: 20px; padding-top: 25px;}
.fancy-text-block-fourteen .text-wrapper .name {font-size: 20px; margin-top: 30px;}
.fancy-hero-two .page-title {font-size: 20px;}
.fancy-hero-two .heading {font-size: 50px;}
.fancy-hero-two .sub-heading {font-size: 18px; line-height: 1.7em;}
.fancy-hero-two {padding: 0 15px;}
.fancy-hero-two .bg-wrapper {padding: 60px 0;}
.fancy-text-block-nine .text-meta {font-size: 18px; padding-top: 25px; line-height: 1.75em;}
.counter-with-icon-one .border-style {padding: 20px 0 40px;}
.fancy-feature-five {padding: 0 15px;}
.fancy-feature-five .bg-wrapper {padding: 80px 0 90px;}
.block-style-seven .icon {height: 60px;}
.block-style-seven {padding: 40px 0 0;}
.block-style-seven .feature-info {padding-top: 22px;}
.block-style-seven p {font-size: 20px; line-height: 1.45em;}
body .theme-btn-three {padding: 0 25px; line-height: 48px; font-size: 16px;}
.fancy-hero-four h6 {font-size: 16px;}
.fancy-hero-four h2 {font-size: 50px;}
.fancy-hero-four.space-fix {padding: 150px 0 265px;}
.fancy-hero-four {padding: 150px 0 285px;}
.fancy-hero-four .sub-heading {font-size: 20px; padding-top: 45px;}
.contact-style-two .contact-info-wrapper .address-info {height: auto; padding: 35px 15px 35px;}
.contact-style-two .contact-info-wrapper .address-info .icon {height: 55px;}
.contact-style-two .contact-info-wrapper .address-info p {font-size: 18px; line-height: 1.5em;}
.form-style-classic .input-group-meta {height: 50px;}
.form-style-classic .input-group-meta input,.form-style-classic .input-group-meta textarea {font-size: 18px;}
.form-style-classic .input-group-meta.lg {height: 150px;}
.pricing-section-two .pricing-table-area {margin-top: -253px;}
.pricing-section-two .pr-table-wrapper {border-bottom: 1px solid #F1F1F1;}
.pricing-section-two .pr-table-wrapper .pack-name {font-size: 16px;}
.pricing-section-two .pr-table-wrapper .price {font-size: 50px; padding: 25px 0 15px;}
.pricing-section-two .pr-table-wrapper .price sup {top: -23px;}
.pricing-section-two .pr-table-wrapper .theme-btn-three {line-height: 40px; padding: 0 50px;}
.pricing-section-two .pr-table-wrapper .pr-feature {padding-left: 15px;}
.pricing-section-two .pr-table-wrapper .pr-feature li {font-size: 15px;}
.accordion-style-three .card .card-header button {font-size: 20px; padding: 25px 35px 12px 0;}
.accordion-style-three .card .card-header button[data-toggle="collapse"].collapsed {padding-bottom: 25px;}
.fancy-text-block-eleven .text-wrapper {padding: 0 0 100px 0 !important;}
.fancy-text-block-eleven .text-wrapper p {font-size: 20px;}
.title-style-two span img {bottom: -18px;}
.fancy-feature-six .bg-wrapper {padding: 80px 0;}
.fancy-text-block-twelve .text-wrapper .sub-text {font-size: 18px; padding-top: 30px;}
.fancy-text-block-twelve .img-gallery {margin-top: 60px;}
.blog-page-white-bg {padding-top: 100px;}
.feature-blog-three .post-meta .post .title {font-size: 26px; margin-bottom: 20px;}
.feature-blog-three .post-meta .post .read-more {margin-top: 20px;}
.feature-blog-three .post-meta .post {padding: 35px 15px 20px;}
.feature-blog-three .post-meta {margin-bottom: 40px;}
.hero-banner-three h1 {font-size: 55px; line-height: 1.18em;}
.hero-banner-three .sub-text {font-size: 22px; padding-bottom: 40px;}
.search-filter-form form {height: 65px;}
.search-filter-form select {top: 16px; width: 100px; right: 80px;}
.search-filter-form button {width: 60px;}
.search-filter-form input {padding: 0 180px 0 15px;}
.hero-banner-three .illustration {margin-top: 70px;}
.block-style-ten {padding: 45px 20px 30px;}
.block-style-ten .icon {height: 60px;}
.block-style-ten p {font-size: 20px;}
.fancy-text-block-sixteen .img-slick-slider .slick-dots li button {width: 100%;}
.block-style-eleven p {font-size: 20px;}
.fancy-text-block-sixteen {padding-bottom: 80px;}
.fancy-text-block-sixteen .img-slick-slider {margin-bottom: 70px;}
.fancy-text-block-sixteen .img-slick-slider .slick-dots {bottom: -70px;}
.block-style-twelve .ml-auto, .block-style-twelve .mr-auto {margin: 0 auto !important;}
.block-style-twelve .text-wrapper {padding-top: 60px;}
.block-style-twelve .text-wrapper h6 {font-size: 15px;}
.block-style-twelve .text-wrapper .title {font-size: 28px; padding: 15px 0 20px;}
.block-style-twelve .text-wrapper p {font-size: 18px;}
.block-style-twelve {padding: 55px 0;}
.client-feedback-slider-two {padding: 80px 0 50px;}
.client-feedback-slider-two .bg-wrapper {padding: 35px 20px 30px;}
.useable-tools-section-three .logo-wrapper {position: static; transform: none; margin: 50px auto 0; max-width: 100%;}
.useable-tools-section-three .sub-text {font-size: 20px; padding: 35px 0 25px 0;}
.useable-tools-section-three .all-button {font-size: 17px;}
.faq-classic.with-bg {padding: 80px 0 200px;}
.fancy-short-banner-four .bg-wrapper {padding: 55px 20px 50px;}
.fancy-short-banner-four .title h6 {font-size: 15px;}
.fancy-short-banner-four .title h2 {font-size: 35px;}
.fancy-short-banner-four .form-wrapper form {height: 60px; margin-top: 40px;}
.theme-footer-three .bottom-footer-content p {padding-left: 0;}
.fancy-hero-five .img-meta {position: static;}
.fancy-hero-five .heading {font-size: 50px;}
.fancy-hero-five .sub-heading {font-size: 20px; padding: 35px 0 0;}
.fancy-hero-five {padding: 150px 0 80px;}
.fancy-text-block-seventeen .text-meta {font-size: 20px; padding: 30px 0 0;}
.teamSliderOne .team-member {margin-left: 10px; margin-right: 10px;}
.team-section-three {margin-top: -260px;}
.fancy-text-block-eighteen {padding-bottom: 300px;}
.useable-tools-section .sub-text {font-size: 20px;}
.doc-container.top-border {margin-top: 99px;}
.doc-sidebar .list-item li h4 {font-size: 20px;}
.doc-sidebar .list-item>li {padding: 5px 0;}
.doc-container.full-width .doc-main-body {border-right: none; padding-left: 20px; padding-right: 15px;}
.doc-container .doc-main-body h2 {font-size: 30px; padding-bottom: 20px;}
.doc-container .doc-main-body h3 {font-size: 22px; padding-bottom: 20px;}
.doc-container .doc-main-body p {padding-bottom: 25px;}
#doc-sidebar-nav {padding-right: 15px;}
.doc-container .doc-main-body {padding-left: 15px;}
.blog-v4 .post-meta .post {padding-top: 30px;}
.blog-v4 .post-meta .post .title {font-size: 30px; margin-bottom: 30px; line-height: 1.2em;}
.blog-v4 .post-meta .post p {font-size: 18px;}
.blog-v4 .post-meta .post .read-more {margin-top: 25px; font-size: 17px;}
.blog-v4 .post-meta {margin-bottom: 60px;}
.pricing-section-one .pr-table-wrapper {margin-bottom: 45px;}
.pricing-section-one .pricing-table-area {padding-bottom: 40px;}
.pricing-section-one .pr-table-wrapper .price {font-size: 50px;}
.fancy-text-block-fifteen .bg-wrapper {padding: 40px 15px 0;}
.fancy-text-block-fifteen .text-wrapper p {font-size: 26px;}
.fancy-text-block-fifteen .text-wrapper h6 {font-size: 18px; padding-top: 25px;}
.fancy-text-block-fifteen .contact-banner p {font-size: 30px; text-align: center;}
.fancy-text-block-fifteen .contact-banner .theme-btn-four {margin: 25px auto 0 !important; line-height: 50px; font-size: 18px; width: 170px;}
.fancy-text-block-fifteen {padding-bottom: 80px;}
.blog-details-post-v1 .post-meta .mark-text {font-size: 20px;}
.blog-details-post-v1 .post-meta h4 {font-size: 28px; padding-top: 40px;}
.hero-banner-five {padding-top: 40px;}
.hero-banner-five .hero-heading {font-size: 45px; line-height: 1.29em;}
.hero-banner-five .hero-sub-heading {font-size: 18px; padding-bottom: 40px;}
.fancy-feature-ten .bg-wrapper {padding: 60px 0 80px;}
.fancy-feature-ten .sub-text {font-size: 20px; padding-bottom: 0;}
.block-style-fifteen {padding: 30px 15px;}
.block-style-fifteen h3 {font-size: 22px;}
.fancy-text-block-twentyOne .text-wrapper .icon {width: 45px;}
.fancy-text-block-twentyOne .text-wrapper .client-info {font-size: 20px; padding: 15px 0 22px;}
.fancy-text-block-twentyOne .text-wrapper p {font-size: 30px; padding-bottom: 0px;}
.counter-style-two .border-bottom {padding-bottom: 40px;}
.block-style-sixteen {margin-top: 60px; padding: 40px 0 0;}
.block-style-sixteen .shapes {position: static; transform: none; margin: 10px auto 0;}
.block-style-sixteen .icon {width: 55px; height: 55px;}
.block-style-sixteen .title {font-size: 28px; padding: 20px 0 25px;}
.block-style-sixteen p {font-size: 18px; line-height: 1.65em; padding-bottom: 45px;}
.pricing-nav-three {margin: 40px 0 50px;}
.pricing-nav-four {margin: 40px auto 50px;}
.pricing-table-area-four .pr-table-wrapper.most-popular:after {right: 6%;}
.client-feedback-slider-four .inner-container {padding: 60px 0;}
.clientSliderFour .slick-dots {margin-top: 40px;}
.clientSliderFour {margin-top: 60px;}
.fancy-short-banner-six p {font-size: 20px; padding: 25px 0 40px;}
body .theme-btn-seven {line-height: 54px; padding: 0 30px; font-size: 16px;}
.theme-footer-five,.theme-footer-six {text-align: center;}
.theme-footer-five .inner-container {padding: 40px 0 0;}
.theme-footer-five .copyright {padding: 25px 0;}
.hero-banner-six .illustration-content {position: relative; top: 0; padding: 0; transform: none; margin: 0 auto 70px;}
.hero-banner-six {padding: 80px 0;}
.hero-banner-six .hero-heading {font-size: 45px;}
.hero-banner-six .hero-sub-heading {padding: 40px 0 60px;}
.fancy-feature-thirteen .carousel-indicators li {flex: 0 0 50%;max-width: 50%;}
.fancy-feature-thirteen .carousel-indicators { flex-wrap: wrap; justify-content: center !important;}
.fancy-feature-thirteen .carousel-inner .shape-one {width: 80px; top: -27px}
.fancy-feature-thirteen .carousel-inner .shape-two {width: 180px; bottom: -76px; left: -83px;}
.fancy-portfolio-one {text-align: center;}
.fancy-portfolio-one .slider-arrows {position: static; margin-top: 40px;}
.fancy-portfolio-one .slider-arrows>div {width: 45px; height: 45px; margin: 0 5px;}
.client-feedback-slider-five {padding: 40px 0 0;}
.clientSliderFive p {font-size: 22px; padding-bottom: 70px;}
.fancy-short-banner-seven .shape-five {width: 200px;}
.theme-footer-six {margin-top: 80px;}
.theme-footer-six .shape-one {opacity: 0.2;}
.hero-banner-six .illustration-content .oval-one {width: 375px; height: 375px;}
.hero-banner-six .illustration-content .oval-two,
.hero-banner-six .illustration-content .oval-three {width: 368px; height: 368px; top: 64%}
.fancy-feature-thirteen:before {width: 390px; height: 390px; top: 0;}
.fancy-feature-thirteen:after,.fancy-portfolio-one:before,.fancy-portfolio-one:after {width: 390px; height: 390px;}
.fancy-feature-fourteen .right-side:after,.fancy-feature-fourteen .right-side:before {width: 290px; height: 290px;}
.client-feedback-slider-five:after,.client-feedback-slider-five:before {width: 400px; height: 400px;}
.pricing-section-five:before {width: 360px; height: 360px; top: 10%;}
.pricing-section-five:after {width: 360px; height: 360px; bottom: 0;}
.theme-footer-six .inner-container:before {width: 400px; height: 400px; top: 0;}
.theme-footer-six .inner-container:after {width: 400px; height: 400px; bottom: 0;}
.dark-style .modal-contact-popup-one .right-side:after,.dark-style .modal-contact-popup-one .right-side:before {width: 270px; height: 270px; top: 10%;}
.hero-banner-seven .illustration-container {position: relative; margin: 0 auto 50px; max-width: 80%; right: auto; top: 0;}
.hero-banner-seven {margin-top: 40px;}
.hero-banner-seven .hero-heading {font-size: 45px; padding: 20px 0 0;}
.hero-banner-seven .hero-heading span:before {bottom: 10px;}
.hero-banner-seven .hero-sub-heading {padding: 30px 0 45px 0;}
.block-style-eighteen .text-wrapper h6 {font-size: 14px;}
.block-style-eighteen .text-wrapper .title {font-size: 32px;}
.block-style-eighteen .text-wrapper .title span:before {height: 10px; bottom: 2px;}
.block-style-eighteen .text-wrapper p {font-size: 18px; padding: 30px 0 40px;}
.block-style-eighteen .text-wrapper {padding-bottom: 60px;}
.block-style-eighteen .screen-holder-one,.block-style-eighteen .screen-holder-three {margin: 0 auto;}
.fancy-text-block-twentyTwo .text-wrapper {padding-bottom: 50px;}
.fancy-text-block-twentyTwo .text-wrapper .icon {width: 45px;}
.fancy-text-block-twentyTwo .text-wrapper p {font-size: 18px; padding: 30px 0 40px;}
.fancy-feature-seventeen .bg-wrapper {padding: 60px 0 10px;}
.pricing-nav-four .nav-item .nav-link {line-height: 50px; font-size: 16px;}
.pricing-table-area-six .pr-table-wrapper .pack-name {font-size: 20px;}
.pricing-table-area-six .pr-table-wrapper .price {font-size: 40px;}
.pricing-table-area-six .pr-table-wrapper .pack-details {font-size: 14px;padding-bottom: 20px;}
.pricing-table-area-six .pr-table-wrapper {padding: 30px 15px;}
.clientSliderSix {margin-top: 0;}
.clientSliderSix .feedback-wrapper {padding: 25px 15px 25px 20px;}
.clientSliderSix .feedback-wrapper p {font-size: 18px; padding-bottom: 30px;}
.theme-footer-seven .title {color: #000;padding-bottom: 12px; font-size: 18px;}
.theme-footer-seven .footer-list a {font-size: 16px;}
.theme-footer-seven .bottom-footer {margin-top: 30px; padding: 20px 0 5px;}
.theme-footer-seven .bottom-footer .footer-nav a {margin: 0 12px;}
.theme-footer-seven .bottom-footer .social-icon a {margin: 0 8px;}
.hero-banner-eight .hero-heading {font-size: 45px;}
.hero-banner-eight .hero-sub-heading {font-size: 18px; padding-bottom: 40px;}
.hero-banner-eight .video-wrapper {height: 100%;}
.hero-banner-eight .shape-right,.hero-banner-eight .shape-left {top: auto; bottom: 41%;}
.title-style-eight h2 {font-size: 42px;}
.title-style-eight h2 br {display: none;}
.title-style-eight p {font-size: 18px; padding-top: 25px;}
.fancy-feature-eighteen {padding: 80px 15px;}
.fancy-feature-eighteen .nav-item .nav-link {width: 60px; height: 60px; margin: 10px 12px;}
.fancy-feature-eighteen .nav-item .hover {width: 67%;}
.fancy-feature-eighteen .nav-tabs {margin: 50px 0 40px;}
.fancy-feature-eighteen .tab-content .text-wrapper h4 {font-size: 24px; padding-bottom: 30px;}
.fancy-feature-eighteen .tab-content .text-wrapper p {font-size: 18px;}
.fancy-feature-eighteen .tab-content .text-wrapper {padding: 40px 20px;}
.block-style-twenty .text-wrapper {padding: 0 0 50px !important;}
.block-style-twenty .text-wrapper h6 {font-size: 15px; padding-bottom: 25px;}
.block-style-twenty .text-wrapper .title {font-size: 35px;}
.block-style-twenty .text-wrapper p {font-size: 18px; padding: 30px 0;}
.fancy-feature-twentyOne {padding: 100px 0;}
.coming-soon-content h6 {font-size: 14px;}
.coming-soon-content h1 {font-size: 45px; padding: 30px 0 40px;}
.coming-soon-content p {font-size: 18px; padding-bottom: 40px;}
.coming-soon-content form {height: 65px;}
.coming-soon-content form button {width: 150px; font-size: 16px;}
.coming-soon-content form input {padding: 0 165px 0 15px; font-size: 16px;}
.coming-soon-content .social-icon {position: static; transform: none; margin-top: 50px;}
.coming-soon-content .shape-ten {display: none;}
.theme-menu-six .right-widget {margin-left: auto; margin-right: 15px;}
.theme-menu-six .right-widget .signIn-action {margin-left: 0;}
.theme-menu-six .navbar-nav .nav-item .nav-link {color: #2B2C2E;}
.hero-banner-nine .illustration-container {position: relative; width: 100%; margin-bottom: 60px;}
.hero-banner-nine {padding-top: 150px;}
.hero-banner-nine .hero-heading {font-size: 45px;}
.hero-banner-nine .hero-sub-heading {font-size: 18px;}
.block-style-twentyTwo {padding: 40px 15px;}
.title-style-nine h2 {font-size: 35px; line-height: 1.45em;}
.block-style-twentyThree .screen-container {margin: 0 auto !important;}
.block-style-twentyThree .text-wrapper h6 {font-size: 14px;}
.block-style-twentyThree .text-wrapper .title {font-size: 30px; padding: 25px 0 18px;}
.block-style-twentyThree .text-wrapper p {font-size: 18px;}
.block-style-twentyThree .text-wrapper {padding-top: 90px;}
.block-style-twentyThree {margin-bottom: 100px;}
.fancy-feature-twentyFour .bg-wrapper {padding: 100px 0 80px;}
.fancy-short-banner-ten h2 {font-size: 42px;}
.fancy-short-banner-ten p {font-size: 20px; line-height: 1.6em;}
.theme-footer-eight .bottom-footer .social-icon a {margin: 0 10px;}
.team-section-five {padding: 100px 0 60px;}
.fancy-short-banner-eleven h2 {font-size: 45px;}
.fancy-short-banner-eleven.bg-color {padding: 80px 0 100px;}
.fancy-short-banner-eleven .shapes,.team-details .shapes {display: none;}
.team-details {padding: 80px 0 100px;}
.team-details .main-bg .img-meta {width: 100%;}
.team-details .main-bg .text-wrapper {width: 100%; padding: 50px 25px;}
.team-details .pager {position: static; width: 100%; margin-top: 50px;}
.team-details .main-bg .text-wrapper .name {font-size: 30px;}
.terms_and_policy .nav-tabs {display: none !important;}
.terms_and_policy .tab-content>.tab-pane {display: block; opacity: 1; margin-bottom: 60px;}
.terms_and_policy {padding: 80px 0 0;}
.terms_and_policy .tab-content h2 {font-size: 38px;}
.terms_and_policy .tab-content h3 {font-size: 24px; padding: 40px 0 20px;}
.error-page .img-holder {width: 100%; height: 100%;}
.error-page .img-holder .illustration {min-height: 100%;}
.error-page .text-wrapper {width: 100%; padding: 50px 15px; text-align: center;}
.error-page .text-wrapper h1 {font-size: 40px;}
.error-page .text-wrapper .back-home {margin: 0 auto;}
.hero-banner-ten {margin-top: 40px;}
.hero-banner-ten .hero-heading {font-size: 45px; line-height: 1.4em;}
.hero-banner-ten [class*="icon-box"] {display: inline-block; margin: 5px 10px; position: static;}
.hero-banner-ten .hero-sub-heading {font-size: 20px; padding: 35px 0 40px;}
.hero-banner-ten .button-group {margin-bottom: 40px;}
.title-style-ten h2 {font-size: 40px;}
.title-style-ten p {font-size: 20px; line-height: 1.6em;}
.title-style-eleven h2 {font-size: 38px;}
.block-style-twentyFive .text-wrapper {padding-top: 60px;}
.block-style-twentyFive .text-wrapper h6 {font-size: 18px; padding-bottom: 15px;}
.block-style-twentyFive .title {font-size: 36px; padding-bottom: 25px;}
.block-style-twentyFive p {font-size: 18px; line-height: 1.65em;}
.block-style-twentyFive ul {padding-top: 30px;}
.client-feedback-slider-seven {padding: 100px 0;}
.fancy-short-banner-twelve {padding: 100px 0 80px;}
.hero-banner-eleven .hero-text-wrapper h1 {font-size: 42px;}
.hero-banner-eleven .illustration-container {position: static; max-width: 95%; margin: 0 auto;}
.hero-banner-eleven {margin-top: 70px;}
.partner-slider-two p.text-lg {font-size: 24px;}
.block-style-twentySix {padding: 50px 35px 45px;}
.block-style-twentySix h6 {font-size: 18px;}
.block-style-twentySix h4 {font-size: 22px; margin-bottom: 25px;}
.title-style-twelve .upper-title {font-size: 14px;}
.title-style-twelve h2 {font-size: 40px;}
.title-style-twelve p {font-size: 18px;}
.title-style-twelve span img {display: none;}
.video-box-two .video-icon {width: 120px; height: 70px;}
.video-box-two .video-icon img {width: 45px;}
.fancy-text-block-twentyThree .text-wrapper .cl-text {font-size: 18px; margin-bottom: 12px;}
.block-style-twentyEight h4 {font-size: 22px;}
.useable-tools-section-four .logo-container .inner-wrapper {position: static; transform: none;}
.useable-tools-section-four .text-wrapper p {padding: 25px 0 30px;}
.useable-tools-section-four .text-wrapper {padding: 60px 0 70px;}
.useable-tools-section-four .logo-container .line-two {transform: none;}
.useable-tools-section-four .logo-container .icon {height: 150px; margin: 0 0 35px;}
.block-style-twentyNine {padding: 30px 25px 40px;}
.block-style-twentyNine .video-icon {margin-top: 20px;}
.block-style-twentyNine h3 a {font-size: 24px; margin-bottom: 35px;}
.pricing-section-eight .pr-column .price {font-size: 35px;}
.pricing-section-eight .pr-body li {padding: 22px 0;}
.pricing-section-eight .pr-footer {padding: 25px 0 20px;}
.fancy-hero-six .heading {font-size: 42px;}
.fancy-hero-six .sub-heading {font-size: 20px; margin-top: 12px;}
.fancy-hero-six {padding-bottom: 70px;}
.po-control-one button {font-size: 16px;line-height: 40px;padding: 0 18px;margin: 0 0.8% 10px;}
.mixitUp-container.gutter-space-one,.mixitUp-container.gutter-space-two {margin: 0 -15px;}
.mixitUp-container.gutter-space-one .mix,.mixitUp-container.gutter-space-two .mix {padding: 0 15px; margin-bottom: 30px;}
.portfolio-block-two .hover-content h3 a {font-size: 20px; margin-bottom: 10px;}
.portfolio-block-two .hover-content {padding: 10px 5px 12px 20px;}
.fancy-portfolio-four .contact-title {font-size: 28px;}
.portfolio_slider_one {margin: 0 -10px;}
.portfolio_slider_one .item {padding: 0 10px;}
.portfolio-block-three .text a {font-size: 24px;}
.portfolio-block-three .text .tag {margin-bottom: 0;}
.portfolio-block-three .img-holder {margin-bottom: 20px;}
.fancy-portfolio-five .slider-wrapper {margin: 0 -50vw;}
.po-control-two button {font-size: 18px;}
.fancy-portfolio-six .scroll-target {width: 60px; height: 60px; padding: 13px;}
.fancy-portfolio-six .mix {margin-bottom: 30px;}
.portfolio-details-one .portfolio-pagination .tp1 {font-size: 13px; margin-bottom: 0;}
.portfolio-details-one .portfolio-pagination .tp2 {font-size: 20px;}
.theme-menu-seven .right-widget {margin-left: auto;}
.theme-menu-seven .right-widget .signIn-action {margin-right: 22px;}
.theme-menu-seven .navbar-collapse {background: #242424;}
.theme-menu-seven .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {border-top: 1px solid rgba(255, 255, 255, 0.1);}
.theme-menu-seven .navbar .navbar-collapse .navbar-nav .nav-item:last-child .nav-link {border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
.hero-banner-twelve .hero-heading {font-size: 45px; line-height: 1.19em;}
.hero-banner-twelve {padding-top: 190px;}
.hero-banner-twelve .screen-holder {padding: 10px;}
.title-style-thirteen h2 {font-size: 42px;}
.title-style-thirteen .upper-title {font-size: 13px; padding-bottom: 10px;}
.title-style-thirteen span img {display: none;}
.block-style-thirty .feature {font-size: 13px; padding-bottom: 0; margin-bottom: 15px;}
.block-style-thirty .feature-list-one strong {font-size: 20px; padding-bottom: 10px;}
.block-style-thirty .feature-list-one li {padding-left: 50px;}
.block-style-thirty .text-block p {font-size: 20px; margin-bottom: 25px;}
.fancy-feature-thirty .wrapper {padding: 40px 0 90px;}
.block-style-thirtyTwo {padding: 35px 15px 25px 10px;}
.block-style-thirtyTwo .icon {width: 45px;height: 45px;}
.block-style-thirtyTwo .text {width: calc(100% - 45px); padding-left: 20px;}
.block-style-thirtyTwo .text h4 {font-size: 22px;}
.fancy-short-banner-fourteen p {font-size: 20px; padding: 30px 0;}
.fancy-short-banner-fourteen {padding: 80px 0 90px;}
.title-style-four .sub-text {font-size: 18px;}
.block-style-thirtyFour .hover-content {padding: 70px 15px 20px;}
.block-style-thirtyFour .hover-content h4 a {font-size: 20px;}
.fancy-feature-thirtyThree .contact-title {font-size: 30px;}
.title-style-eleven p,.fancy-hero-seven p {font-size: 18px;}
.theme-menu-one.center-white .logo {left: 15px;}
.theme-menu-one.center-white #mega-menu-holder {margin-left: auto;}
.fancy-hero-seven h2 {font-size: 42px;}
.fancy-hero-seven {padding: 150px 0 80px;}
.theme-menu-one.center-white .navbar-collapse {background: #161616;}
.theme-menu-one.center-white .navbar-nav .nav-item .nav-link {margin: 0; border-top: 1px solid rgba(255, 255, 255, 0.09);}
.theme-menu-one.center-white .navbar .navbar-collapse .navbar-nav .nav-item:last-child .nav-link {border-bottom: 1px solid rgba(255, 255, 255, 0.09);}
.theme-menu-one.center-white .right-button-group {position: static; transform: none;}
.service-details-one .details-wrapper h2 {font-size: 36px;}
.service-details-one .details-wrapper .sub-heading,
.service-details-one .accordion-style-three .card .card-header button {font-size: 20px;}
.service-details-one .details-wrapper h3 {font-size: 26px;}
.hero-banner-thirteen {padding: 180px 0 0;}
.hero-banner-thirteen .slogan {color: #fff; border-color: #fff;}
.hero-banner-thirteen .hero-heading {font-size: 45px; line-height: 1.2em; margin: 35px 0 30px;}
.hero-banner-thirteen .screen-holder {position: relative; width: 100%; max-width: 500px; margin: 90px auto 0;}
.title-style-eleven .upper-title,.title-style-fourteen .upper-title {font-size: 12px; padding-bottom: 2px;}
.title-style-fourteen h2 {font-size: 35px;}
.block-style-thirtySix .tag-line {font-size: 19px; margin: 18px 0 30px;}
.fancy-feature-thirtyFive .slider-wrapper {width: 100%; position: relative; right: auto; margin: 0 auto; padding: 0 15px;}
.portfolio_slider_two {margin: 0 -12px;}
.portfolio_slider_two .item {margin: 0 12px;}
.block-style-thirtySix .illustration-holder-two .shape-one {width: 75%; top: 5%;}
.client-feedback-slider-eight .cr-position {font-size: 16px;}
.client-feedback-slider-eight p {font-size: 26px; letter-spacing: -0.5px; margin: 25px 0 35px;}
.client-feedback-slider-eight .slider-arrow {position: relative; margin: 0 auto; width: 120px; height: 48px; left: auto;}
.client-feedback-slider-eight .slider-arrow li {line-height: 47px;}
.client-feedback-slider-eight {padding-bottom: 50px;}
.theme-footer-nine {padding: 30px 0;}
.theme-footer-nine .social-icon a {margin: 0 15px;}
.hero-banner-fourteen {padding: 180px 0 0;}
.hero-banner-fourteen .hero-heading {font-size: 45px;}
.hero-banner-fourteen .screen-holder {position: relative;width: 100%; margin-top: 50px;}
.hero-banner-fourteen .screen-holder .vr-image {max-height: 100%; right: 27%;}
.hero-banner-fourteen .screen-holder .shape-one,
.hero-banner-fourteen .screen-holder .shape-two,
.hero-banner-fourteen .screen-holder .shape-three,
.client-feedback-slider-nine .shape-one {display: none;}
.fancy-feature-thirtySix .slider-arrows {position: static; margin-top: 40px; width: 100%;}
.fancy-feature-thirtySix .slider-arrows li {margin: 0 10px;}
.title-style-fifteen .upper-title {font-size: 15px;}
.title-style-fifteen h2 {font-size: 32px; line-height: 1.55em;}
.fancy-feature-thirtySeven .text-lg {font-size: 18px; line-height: 2em;}
.counter-box-six .number {font-size: 32px;}
.counter-box-six p {font-size: 15px;}
.fancy-feature-thirtyNine .title {font-size: 35px; letter-spacing: 0px; line-height: 1.4em;}
.fancy-feature-thirtyNine .img-meta {position: relative; width: 100%; max-width: 700px; margin: 50px 0 0; max-width: 100%;}
.fancy-feature-thirtyNine {padding: 100px 0 0;}
.fancy-feature-thirtyNine .video-icon i {width: 55px; height: 55px; line-height: 55px; font-size: 26px;}
.fancy-feature-thirtyNine .video-icon .ps-text {font-size: 12px; letter-spacing: 1px; margin-bottom: 0;}
.fancy-feature-thirtyNine .video-icon strong {font-size: 16px;}
.fancy-feature-thirtyNine .img-meta:before {width: 500px; height: 500px;}
.fancy-feature-thirtyNine .img-meta:after {width: 350px; height: 350px;}
.title-style-sixteen .upper-title {font-size: 18px; padding-bottom: 15px;}
.title-style-sixteen h2 {font-size: 35px; letter-spacing: 0px;}
.block-style-thirtyEight p {font-size: 18px;}
.client-feedback-slider-nine {padding: 80px 0 50px;}
.clientSliderEight .bg-wrapper {padding: 35px 25px 30px;}
.fancy-feature-fortyOne p {font-size: 18px;}
.hero-banner-fifteen .hero-heading {font-size: 50px; line-height: 1.15em;}
.hero-banner-fifteen .product-img-holder {width: 310px; height: 310px; right: 1%;}
.hero-banner-fifteen .product-img-holder .product-img {max-width: 135%;}
.hero-banner-fifteen .offer-sticker {width: 110px; height: 110px;}
.hero-banner-fifteen .offer-sticker .sn1 {font-size: 24px;}
.hero-banner-fifteen .offer-sticker .sn2 {font-size: 15px; padding-top: 0;}
.hero-banner-fifteen {padding: 150px 0 100px;}
.product_slider_space {margin: 0 -15px;}
.product_slider_space .item {margin: 0 15px;}
.product-block-one .price {font-size: 20px; margin-top: 5px;}
.flash-sale-banner .left-half {height: 350px;}
.flash-sale-banner .right-half:before {top: 10px; right: 10px; left: 10px; bottom: 0; border-bottom: none; border-left: 1px solid #000;}
.flash-sale-banner .left-half:before {top: 0; right: 10px; bottom: 10px; left: 10px; border-top: none; border-right: 1px solid #fff;}
.product-block-two .price {font-size: 20px;}
.product-block-two .img-holder {height: 300px; margin-bottom: 10px;}
.shop-discount-subscription .form-wrapper {max-width: 100%; margin-top: 40px;}
.product-details-one .product-img-tab .nav-link {width: 82px; margin: 20px 10px 0 0;}
}
/*(max-width: 991px)*/
@media (min-width: 768px) and (max-width: 991px) {
.block-style-thirteen.style-border {border-right: none;}
.team-section-one .mix, .team-section-one .gap {width: calc(100%/3 - (((3 - 1) * 1rem) / 3));}
.feature-blog-one .header .title-style-one {max-width: 460px;}
.useable-tools-section-two .icon-wrapper ul li .icon-box {height: 70px;}
.useable-tools-section-two .icon-wrapper ul li .icon-box img {max-width: 70%; margin: 0 auto;}
.fancy-text-block-ten .container,.fancy-text-block-twentyOne .container {max-width: 720px;}
.map-area-one {height: 600px;}
.doc-container.full-width {padding-left: 15px;}
.doc-sidebar {top: 80px;}
#doc-sidebar-nav {padding-right: 15px;}
#mega-menu-holder .mega-menu li {flex: 0 0 25%;max-width: 25%;}
.app-screen-preview-one {margin-top: 170px;}
.app-screen-preview-one .round-bg {width: 74%;}
.fancy-portfolio-two .mix,.fancy-portfolio-two .mix.mixL,.fancy-portfolio-four .mix {width: 50%;}
}
/*(min-width: 768px) and (max-width: 991px)*/
@media (max-width: 767px) {
.fancy-feature-eight .bg-wrapper {padding: 0 15px 15px;}
.block-style-thirteen p {font-size: 20px;}
.block-style-thirteen.style-border {
border-left: none;
border-right: none;
border-top: 1px solid #E7E7E7;
border-bottom: 1px solid #E7E7E7;
margin: 15px 0;
}
.block-style-thirteen .title {padding: 15px 0;}
.block-style-thirteen .icon {height: 55px;}
.pricing-section-three .pricing-table-area-three:before,
.fancy-text-block-four:after,.fancy-text-block-four:before,
.fancy-text-block-one:before, .fancy-text-block-one:after,.faqs-inner-page .shape-one,
.title-style-four span img,.client-feedback-slider-two .shapes,
.faq-classic.with-bg .shapes,.fancy-feature-eleven .shape-one,.fancy-feature-eleven .shape-two,
.client-feedback-slider-five .circle-area,.pricing-table-area-five .shape-two,
.fancy-short-banner-eight .shapes {display: none;}
.fancy-video-box-one .video-button {width: 70px; height: 70px; padding-left: 12px;}
.fancy-video-box-one .video-button img {width: 65%;}
.theme-footer-one .top-footer .footer-title {padding-bottom: 18px;}
.useable-tools-section-two .icon-wrapper ul {transform: none; display: flex; justify-content: center; flex-wrap: wrap; margin-top: 40px;}
.useable-tools-section-two .icon-wrapper ul li {width: 20%; margin: 0 !important; float: none;}
.fancy-text-block-ten p {font-size: 26px; padding-bottom: 30px;}
.team-section-two .team-member .name {font-size: 22px; padding-top: 25px;}
.contact-style-two .contact-info-wrapper .shape-one {display: none;}
.accordion-style-three .card .card-body {padding-right: 0;}
.theme-footer-three .bottom-footer-content {text-align: center; padding-top: 20px;}
.theme-footer-three .bottom-footer-content ul li a {margin: 0 10px 5px;}
.fancy-hero-five .img-meta {margin: 40px 0 0;}
.team-section-three .slider-arrows li {width: 40px; height: 40px; line-height: 40px; margin-left: 10px;}
.map-area-one {height: 500px;}
.map-area-one .si-content h3 {font-size: 28px;}
.map-area-one .si-content {padding: 35px 15px;width: auto; left: 20px; height: auto; max-width: 250px; top: 20px;}
.map-area-one .si-content p {font-size: 15px; padding: 4px 0 15px;}
.map-area-one .si-content span {font-size: 15px;}
.doc-sidebar {height: 100%; padding-top: 0 !important;}
#doc-sidebar-nav {
position: fixed;
top: 79px;
right: 0;
height: 100%;
background: #fff;
width: 280px;
border-left: 1px solid #E1E6EE;
padding: 30px 15px 10px;
max-height: calc(100vh - 79px);
}
.doc-sidebar {border: none; background: #f5f5f5; top: 78px; padding: 10px 0 !important; z-index: 9;}
.doc-container.full-width {padding: 0;}
.doc-sidebar .btn {color: #fff; background: #2a2a2a;margin:0 15px;padding: 2px 5px;}
.doc-container.full-width .doc-main-body {padding: 50px 15px 30px;}
.doc-container .doc-main-body {padding-left: 0; padding-top: 50px;}
.blog-v4 .post-meta.text-post .post {padding: 35px 15px;}
.partner-slider-two p {font-size: 18px; padding-bottom: 30px;}
.counter-box-four .number {font-size: 40px;}
.counter-box-four p {font-size: 16px;}
.block-style-sixteen .shapes {width: 95% !important; margin-top: 30px;}
.pricing-nav-three .nav-item .nav-link {width: 130px; line-height: 48px; font-size: 16px;}
.pricing-table-area-four .pr-table-wrapper {padding: 25px 15px;}
.pricing-table-area-four .row {margin: 0 -15px;}
.pricing-table-area-four .row [class*="col-"] {padding: 0 15px;}
.pricing-table-area-four .pr-table-wrapper .top-banner {padding: 5px 10px; text-align: center;}
.pricing-table-area-four .pr-table-wrapper .price {padding: 25px 0 5px;}
.clientSliderFour .feedback-wrapper p {padding-bottom: 30px;}
.clientSliderFour .feedback-wrapper .name {padding-bottom: 5px;}
.clientSliderFour .feedback-wrapper {padding: 30px 20px;}
.modal-contact-popup-one .main-body .left-side,
.modal-contact-popup-one .main-body .right-side {flex: 0 0 100%;max-width: 100%}
.modal-contact-popup-one .main-body {display: block !important;}
.fancy-feature-thirteen .carousel-indicators li {flex: 0 0 100%;max-width: 100%; padding: 0; margin-top: 40px;}
.fancy-feature-thirteen .carousel-inner {margin-top: 60px;}
.fancy-feature-fourteen .logo-meta {margin-top: 0; margin-bottom: 30px;}
.pricing-table-area-five .shape-one {top: 0}
.fancy-feature-fifteen .bg-wrapper:before {display: none;}
.fancy-feature-fifteen .carousel-indicators li p {font-size: 16px;}
.block-style-twentySeven h4 {font-size: 22px; margin: 30px 0 20px;}
.block-style-twentySeven {padding: 35px 12px;}
.pricing-section-eight .pr-column {border: 1px solid #ededed; border-radius: 15px; margin-bottom: 40px;}
.pricing-section-eight .pr-table-wrapper {border: none;}
.pricing-section-eight .pr-column:last-child {border-right: 1px solid #ededed;}
.accordion-style-five .card .card-header button {font-size: 18px; padding: 22px 30px 22px 0}
.accordion-style-five .card .card-body {padding-right: 30px;}
.fancy-portfolio-three .mix {width: 100%;}
.portfolio-details-one .main-content .project-info li {width: 48%; float: left; padding: 0 1%;}
.portfolio-details-one .main-content .project-info strong {font-size: 15px;}
.portfolio-details-one .main-content .project-info span {font-size: 15px; margin: 0 0 20px; letter-spacing: 0px;}
.portfolio-details-one .main-content .project-info {margin-bottom: 35px;}
.fancy-video-box-two .video-button {width: 65px; height: 65px;}
.pricing-section-nine .pr-table-wrapper .price {padding: 0 0 6px;}
.pricing-section-nine .pr-table-wrapper .pr-feature li {font-size: 18px; margin: 0;}
.pricing-section-nine .pr-table-wrapper .trial-button {margin: 20px 0 25px; line-height: 48px; font-size: 15px;}
.hero-banner-fourteen .screen-holder .rating-box,
.block-style-thirtyEight .img-meta .shape-two {left: 1%;}
.block-style-thirtyEight .img-meta .shape-three {right: 1%;}
.hero-banner-fifteen .product-img-holder {position: relative; margin: 40px auto 0; right: auto;}
}
/*(max-width: 767px)*/
@media (min-width: 768px) {
#doc-sidebar-nav {display: block !important;}
}
@media (min-width: 576px) and (max-width: 767px) {
.team-section-one .mix, .team-section-one .gap {width: calc(100%/2 - (((2 - 1) * 1rem) / 2));}
.fancy-text-block-ten .container,.fancy-text-block-twentyOne .container {max-width: 540px;}
#mega-menu-holder .mega-menu li {flex: 0 0 33.33333%;max-width: 33.33333%;}
.app-screen-preview-one {margin-top: 150px;}
.app-screen-preview-one .round-bg {width: 80%;}
.fancy-portfolio-two .mix,.fancy-portfolio-two .mix.mixL,.fancy-portfolio-four .mix {width: 50%;}
}
/*(min-width: 576px) and (max-width: 767px)*/
@media (max-width: 575px) {
.accordion-style-four .card .card-header button {padding-left: 15px; font-size: 20px;}
.accordion-style-four .card .card-body {padding: 0 40px 20px 15px;}
.fancy-short-banner-five form button {width: 130px;}
.fancy-short-banner-five form input {padding: 0 135px 0 20px;}
.fancy-text-block-twenty .nav-tabs li {margin: 20px 0 0;}
.fancy-text-block-twenty .nav-tabs li a {font-size: 20px;}
.fancy-text-block-twenty .nav-tabs {justify-content: space-between;}
.fancy-text-block-twenty .tab-pane p {padding-top: 20px; font-size: 18px;}
.fancy-text-block-twenty .shape-one,.team-section-four .team-wrapper .shape-one,
.clients-feedback-classic .feedback-wrapper:before,.title-style-two span img,
.title-style-three span img,.fancy-text-block-six .img-meta-container .shape-five,
.title-style-two h2 br,.theme-footer-two:before,.fancy-feature-five .shape-five,
.hero-banner-three .shapes,.client-feedback-slider-two .bg-wrapper:before,
.fancy-hero-five span img,.pricing-section-one .pricing-table-area .shape-two,
.hero-banner-five .shapes,.pricing-table-area-four .pr-table-wrapper.most-popular:after,
.title-style-five h2 span:before,.fancy-feature-fifteen .bg-wrapper .shapes {display: none;}
.counter-box-three .icon img {width: 70%; margin: 0 auto;}
.counter-box-three .icon {height: 45px;}
.team-section-four .team-member {margin-bottom: 40px;}
.fancy-short-banner-five form {height: 60px;}
.theme-footer-four .footer-title {font-size: 24px; margin-bottom: 15px;}
.user-data-form .input-group-meta {height: 45px;}
.user-data-form .input-group-meta .placeholder_icon {line-height: 45px;}
.user-data-form .input-group-meta input {font-size: 16px;}
.user-data-form .input-group-meta label {top: -23px;}
.user-data-form .input-group-meta .placeholder_icon span:before {top: 10px}
.hero-banner-one .subscription-form button {width: 120px;}
.hero-banner-one .subscription-form input {padding-right: 122px;}
.block-style-one .block-meta-data .hover-content span {padding: 5px 15px;}
.block-style-two .img-holder-two .screen-one {right: -17%;}
/* .useable-tools-section h2 {font-size: 32px; line-height: 1.35em;} */
.counter-box-one.color-one {left: 0;}
.counter-box-one.color-two {left: 190px;}
.counter-box-one.color-three {left: 70px;}
.clients-feedback-classic .feedback-wrapper {padding-left: 35px; padding-right: 35px;}
.fancy-short-banner-one .form-wrapper form button {width: 135px; line-height: 45px;}
.fancy-short-banner-one .form-wrapper form input {width: calc(100% - 150px);}
.faq-classic .card .card-header button {font-size: 20px; padding-left: 45px;}
.faq-classic .card .card-header button:before {left: 18px}
.faq-classic .card .card-body {padding: 0 25px 20px 45px;}
.theme-footer-one .bottom-footer-content {padding-top: 10px; text-align: center;}
.theme-footer-one .bottom-footer-content ul li a {margin: 0 10px 10px;}
.block-style-four {padding-left: 20px; padding-right: 20px;}
.team-section-one .mix, .team-section-one .gap {width: calc(100%/1 - (((1 - 1) * 1rem) / 1));}
.team-section-one .controls .control:before {bottom: 23px;}
.faqs-all-qus .article-preview h3 {font-size: 22px;}
.faqs-all-qus .article-preview .article-details .list-meta {padding-left: 15px;}
.feature-blog-one .post-meta .read-more {font-size: 14px;}
.feature-blog-one.width-lg .post-meta {padding-left: 20px; padding-right: 20px;}
.feature-blog-one.width-lg .post-meta .read-more {left: 20px; right: 20px;}
.blog-sidebar-one .sidebar-title {font-size: 26px;}
.blog-sidebar-one .sidebar-recent-news .title {font-size: 22px;}
.hero-banner-two .hero-text-wrapper form button {width: 140px;}
.hero-banner-two .hero-text-wrapper form input {padding: 0 150px 0 20px; font-size: 16px;}
.fancy-text-block-six .img-meta-container {max-width: 90%;}
.fancy-text-block-seven .quote-wrapper blockquote {font-size: 28px;}
.block-style-six .text-details .quote-wrapper {padding: 35px 25px 35px;}
.useable-tools-section-two .icon-wrapper ul li .icon-box {height: 70px;}
.useable-tools-section-two .icon-wrapper ul li .icon-box img {max-width: 70%; margin: 0 auto;}
.fancy-short-banner-three .form-wrapper form button {width: 115px;}
.fancy-short-banner-three .form-wrapper form input {padding: 0 125px 0 15px;}
.theme-footer-two .top-footer .footer-title {font-size: 22px; padding-bottom: 10px;}
.fancy-hero-three .heading {font-size: 48px;}
.block-style-nine .text-wrapper .title {font-size: 30px;}
.fancy-text-block-thirteen .text-wrapper p {font-size: 18px;}
.fancy-text-block-fourteen .img-holder {padding: 0 15px;}
.fancy-hero-two .heading {font-size: 40px; padding-top: 8px;}
.pricing-nav-two .nav-item .nav-link {width: 130px;}
.block-style-five .icon {height: 55px;}
.feature-blog-three .post-meta .post .title {font-size: 22px;}
.block-style-eleven .num {font-size: 25px;}
.client-feedback-slider-two .slider-content {padding: 0;}
.fancy-short-banner-four .form-wrapper form button {width: 125px;}
.fancy-short-banner-four .form-wrapper form input {padding: 0 130px 0 15px; font-size: 16px;}
.theme-footer-three .top-footer .footer-title {font-size: 22px; padding-bottom: 10px;}
.fancy-hero-five .heading {font-size: 46px;}
.fancy-text-block-seventeen .text-meta {font-size: 18px; line-height: 1.7em;}
.team-section-three .slider-arrows li {display: none !important;}
.teamSliderOne {margin-right: 0;}
.useable-tools-section h6 {padding-bottom: 10px;}
.doc-sidebar .list-item li h4 {font-size: 18px;}
.doc-sidebar .list-item>li {padding: 5px 0 0;}
.doc-pagination ul li span {display: none;}
.pricing-nav-one .nav-item .nav-link {width: 130px; line-height: 45px;}
.blog-details-post-v1 .comment-area,.blog-details-post-v1 .comment-form-section {padding: 40px 15px;}
.blog-details-post-v1 .comment-area .reply {position: static; margin-top: 10px;}
.blog-details-post-v1 .comment-form-section .title,.blog-details-post-v1 .comment-area .title {font-size: 30px;}
#mega-menu-holder .mega-menu li {flex: 0 0 50%;max-width: 50%;}
#mega-menu-holder .mega-menu li .img-box .hover {font-size: 18px;}
.theme-menu-five .right-widget .demo-button {width: 50px; padding: 7px 0; display: block;}
.theme-menu-five .right-widget .demo-button img {display: block;}
.theme-menu-five .right-widget .demo-button span {display: none;}
.hero-banner-five .button-group a {margin: 10px auto;}
.hero-banner-five .img-gallery {margin-top: 60px;}
.pricing-nav-three {margin-bottom: 20px;}
.modal-contact-popup-one .main-body .left-side {display: none !important;}
.hero-banner-six .illustration-content {width: 90%; margin-right: 0;}
.hero-banner-six .button-group .ios-button {margin: 25px 0 0 0;}
.fancy-feature-thirteen .carousel-inner .shape-two {left: -45px;}
.pricing-table-area-five .pr-table-wrapper .popular-badge {left: 10px;}
.fancy-short-banner-seven .shape-five {width: 150px;}
.fancy-short-banner-seven .shape-four {width: 70px;}
.hero-banner-seven .illustration-container {max-width: 100%;}
.hero-banner-seven form button {width: 130px; font-size: 14px;}
.hero-banner-seven form input {padding: 0 150px 0 15px;}
.fancy-feature-fifteen .carousel-indicators {flex-direction: column;}
.fancy-feature-fifteen .carousel-indicators li {margin-bottom: 15px;}
.fancy-feature-fifteen .carousel-indicators li:before {display: none;}
.block-style-eighteen .screen-holder-one {width: 100%;}
.block-style-eighteen .screen-holder-one .logo-two,
.block-style-eighteen .screen-holder-one .logo-three {left: 0;}
.block-style-eighteen .screen-holder-one .logo-five,
.block-style-eighteen .screen-holder-two .screen-one {right: 0;}
.block-style-eighteen .screen-holder-three {width: auto; height: auto; padding: 50px 15px;}
.clientSliderSix .item {margin-top: 60px;}
.fancy-short-banner-eight .download-btn,.fancy-short-banner-nine .download-btn {width: 220px; margin-top: 50px;}
.fancy-short-banner-eight .download-btn button,.fancy-short-banner-nine .download-btn button {line-height: 60px; font-size: 16px;}
.theme-menu-five .right-widget .signup-btn {display: none;}
.block-style-nineteen {padding: 30px 15px;}
.block-style-nineteen .text h4 {font-size: 20px;}
.fancy-feature-eighteen .tab-content .img-holder .ripple-box {width: 80%; height: 70%; font-size: 20px; background: rgba(0, 0, 0, 0.2);}
.theme-menu-six .right-widget .signup-btn {display: none;}
.theme-menu-six .right-widget .signIn-action {margin-right: 0;}
.hero-banner-nine form button {width: 60px; height: 60px;}
.hero-banner-nine form {height: 60px;}
.hero-banner-nine form input {width: calc(100% - 80px); padding: 0 20px;}
.block-style-twentyFour {padding: 30px 20px 40px;}
.block-style-twentyFour .icon {width: 60px; height: 60px;}
.block-style-twentyFour .text {width: calc(100% - 60px); padding-left: 25px;}
.fancy-short-banner-ten .download-btn {width: 260px;}
.fancy-short-banner-ten {padding: 80px 0;}
.block-style-twentyThree .screen-container .shape-one {left: 0;}
.block-style-twentyThree .screen-container .shape-two {right: 0;}
.block-style-twentyThree .screen-container .shape-three {max-width: 100%; left: 0; bottom: 0;}
.hero-banner-ten .button-group a,.fancy-short-banner-twelve .button-group a {margin: 10px auto;}
.app-preview-slider-one .img-holder img {transform: scale(1);}
.app-preview-slider-one .item {margin: 0 15px;}
.app-preview-slider-one {margin: 0 -15px;}
.app-screen-preview-one {margin-top: 100px;}
.fancy-short-banner-twelve .shapes {opacity: 0.4;}
.block-style-twentyFive .screen-container .block-content {position: static; transform: none;}
.block-style-twentyFive .screen-container .feature-meta {margin: 0 0 30px; }
.block-style-twentyFive .screen-container .bg-round-shape {position: absolute;left: 50%;top: 50%;z-index: -1;transform: translate(-50% , -50%);}
.hero-banner-eleven form button {width: 130px; font-size: 14px;}
.hero-banner-eleven form input {padding: 0 150px 0 15px;}
.hero-banner-eleven form {height: 70px}
.fancy-portfolio-two .mix,.fancy-portfolio-two .mix.mixL,.fancy-portfolio-four .mix,
.portfolio-details-one .main-content .project-info li {width: 100%;}
.fancy-portfolio-five .slider-wrapper {margin: 0 -70vw;}
.fancy-portfolio-five .slider-arrows li {margin: 25px 5px 0; width: 45px; height: 45px;}
.hero-banner-twelve .hero-heading {font-size: 40px;}
.hero-banner-twelve .screen-holder .screen-one {left: 0;}
.hero-banner-twelve .screen-holder .screen-two {right: 0;}
.hero-banner-twelve>.shapes,.fancy-feature-thirty .wrapper .shapes,
.fancy-short-banner-fourteen .shapes {display: none;}
.title-style-thirteen h2 {font-size: 38px;}
.main-sidebar-nav {width: 95%; max-width: 320px;}
.product-details-one .product-review-tab .nav-tabs .nav-link {margin: 0; width: 100%; padding: 10px 0;}
.product-details-one .product-review-tab .nav-tabs .nav-item {width: 100%;}
.breadcrumb-style-one .breadcrumb-item a, .breadcrumb-style-one .breadcrumb-item {font-size: 15px;}
.cart-section .cart-footer .cart-total-section {text-align: left;}
.cart-section .cart-footer .cart-total-table tr td {text-align: right;}
.checkout-form .order-confirm-sheet .order-review {padding: 40px 20px;}
}
/*(max-width: 575px)*/
@media (max-width: 500px) {
.useable-tools-section-two .icon-wrapper ul li {width: 30%;}
}
@media (max-width: 430px) {
.theme-main-menu .logo {max-width: 150px; margin:0;}
}
@media (max-width: 400px) {
.block-style-thirteen {padding-right: 0; padding-left: 0;}
.clientSliderThree p {font-size: 22px;}
}
/*
! tailwindcss v3.3.3 | MIT License | https://tailwindcss.com
*/
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
*,
::before,
::after {
box-sizing: border-box; /* 1 */
border-width: 0; /* 2 */
border-style: solid; /* 2 */
border-color: #E5E7EB; /* 2 */
}
::before,
::after {
--tw-content: '';
}
/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
*/
html {
line-height: 1.5; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
-moz-tab-size: 4; /* 3 */
-o-tab-size: 4;
tab-size: 4; /* 3 */
font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
font-feature-settings: normal; /* 5 */
font-variation-settings: normal; /* 6 */
}
/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {
margin: 0; /* 1 */
line-height: inherit; /* 2 */
}
/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
height: 0; /* 1 */
color: inherit; /* 2 */
border-top-width: 1px; /* 3 */
}
/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]) {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
font-weight: inherit;
}
/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
color: inherit;
text-decoration: inherit;
}
/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
font-weight: bolder;
}
/*
1. Use the user's configured `mono` font family by default.
2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
font-size: 1em; /* 2 */
}
/*
Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
text-indent: 0; /* 1 */
border-color: inherit; /* 2 */
border-collapse: collapse; /* 3 */
}
/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit; /* 1 */
font-feature-settings: inherit; /* 1 */
font-variation-settings: inherit; /* 1 */
font-size: 100%; /* 1 */
font-weight: inherit; /* 1 */
line-height: inherit; /* 1 */
color: inherit; /* 1 */
margin: 0; /* 2 */
padding: 0; /* 3 */
}
/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
text-transform: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
[type='button'],
[type='reset'],
[type='submit'] {
-webkit-appearance: button; /* 1 */
background-color: transparent; /* 2 */
background-image: none; /* 2 */
}
/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
outline: auto;
}
/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
box-shadow: none;
}
/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
vertical-align: baseline;
}
/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
height: auto;
}
/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}
/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
-webkit-appearance: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}
/*
Add the correct display in Chrome and Safari.
*/
summary {
display: list-item;
}
/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
margin: 0;
}
fieldset {
margin: 0;
padding: 0;
}
legend {
padding: 0;
}
ol,
ul,
menu {
list-style: none;
margin: 0;
padding: 0;
}
/*
Reset default styling for dialogs.
*/
dialog {
padding: 0;
}
/*
Prevent resizing textareas horizontally by default.
*/
textarea {
resize: vertical;
}
/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input::-moz-placeholder, textarea::-moz-placeholder {
opacity: 1; /* 1 */
color: #9CA3AF; /* 2 */
}
input::placeholder,
textarea::placeholder {
opacity: 1; /* 1 */
color: #9CA3AF; /* 2 */
}
/*
Set the default cursor for buttons.
*/
button,
[role="button"] {
cursor: pointer;
}
/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
cursor: default;
}
/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
display: block; /* 1 */
vertical-align: middle; /* 2 */
}
/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
max-width: 100%;
height: auto;
}
/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden] {
display: none;
}
.tooltip-arrow,.tooltip-arrow:before{
position: absolute;
width: 8px;
height: 8px;
background: inherit;
}
.tooltip-arrow{
visibility: hidden;
}
.tooltip-arrow:before{
content: "";
visibility: visible;
transform: rotate(45deg);
}
[data-tooltip-style^='light'] + .tooltip > .tooltip-arrow:before{
border-style: solid;
border-color: #e5e7eb;
}
[data-tooltip-style^='light'] + .tooltip[data-popper-placement^='top'] > .tooltip-arrow:before{
border-bottom-width: 1px;
border-right-width: 1px;
}
[data-tooltip-style^='light'] + .tooltip[data-popper-placement^='right'] > .tooltip-arrow:before{
border-bottom-width: 1px;
border-left-width: 1px;
}
[data-tooltip-style^='light'] + .tooltip[data-popper-placement^='bottom'] > .tooltip-arrow:before{
border-top-width: 1px;
border-left-width: 1px;
}
[data-tooltip-style^='light'] + .tooltip[data-popper-placement^='left'] > .tooltip-arrow:before{
border-top-width: 1px;
border-right-width: 1px;
}
.tooltip[data-popper-placement^='top'] > .tooltip-arrow{
bottom: -4px;
}
.tooltip[data-popper-placement^='bottom'] > .tooltip-arrow{
top: -4px;
}
.tooltip[data-popper-placement^='left'] > .tooltip-arrow{
right: -4px;
}
.tooltip[data-popper-placement^='right'] > .tooltip-arrow{
left: -4px;
}
.tooltip.invisible > .tooltip-arrow:before{
visibility: hidden;
}
[data-popper-arrow],[data-popper-arrow]:before{
position: absolute;
width: 8px;
height: 8px;
background: inherit;
}
[data-popper-arrow]{
visibility: hidden;
}
[data-popper-arrow]:before{
content: "";
visibility: visible;
transform: rotate(45deg);
}
[data-popper-arrow]:after{
content: "";
visibility: visible;
transform: rotate(45deg);
position: absolute;
width: 9px;
height: 9px;
background: inherit;
}
[role="tooltip"] > [data-popper-arrow]:before{
border-style: solid;
border-color: #e5e7eb;
}
.dark [role="tooltip"] > [data-popper-arrow]:before{
border-style: solid;
border-color: #4b5563;
}
[role="tooltip"] > [data-popper-arrow]:after{
border-style: solid;
border-color: #e5e7eb;
}
.dark [role="tooltip"] > [data-popper-arrow]:after{
border-style: solid;
border-color: #4b5563;
}
[data-popover][role="tooltip"][data-popper-placement^='top'] > [data-popper-arrow]:before{
border-bottom-width: 1px;
border-right-width: 1px;
}
[data-popover][role="tooltip"][data-popper-placement^='top'] > [data-popper-arrow]:after{
border-bottom-width: 1px;
border-right-width: 1px;
}
[data-popover][role="tooltip"][data-popper-placement^='right'] > [data-popper-arrow]:before{
border-bottom-width: 1px;
border-left-width: 1px;
}
[data-popover][role="tooltip"][data-popper-placement^='right'] > [data-popper-arrow]:after{
border-bottom-width: 1px;
border-left-width: 1px;
}
[data-popover][role="tooltip"][data-popper-placement^='bottom'] > [data-popper-arrow]:before{
border-top-width: 1px;
border-left-width: 1px;
}
[data-popover][role="tooltip"][data-popper-placement^='bottom'] > [data-popper-arrow]:after{
border-top-width: 1px;
border-left-width: 1px;
}
[data-popover][role="tooltip"][data-popper-placement^='left'] > [data-popper-arrow]:before{
border-top-width: 1px;
border-right-width: 1px;
}
[data-popover][role="tooltip"][data-popper-placement^='left'] > [data-popper-arrow]:after{
border-top-width: 1px;
border-right-width: 1px;
}
[data-popover][role="tooltip"][data-popper-placement^='top'] > [data-popper-arrow]{
bottom: -5px;
}
[data-popover][role="tooltip"][data-popper-placement^='bottom'] > [data-popper-arrow]{
top: -5px;
}
[data-popover][role="tooltip"][data-popper-placement^='left'] > [data-popper-arrow]{
right: -5px;
}
[data-popover][role="tooltip"][data-popper-placement^='right'] > [data-popper-arrow]{
left: -5px;
}
[role="tooltip"].invisible > [data-popper-arrow]:before{
visibility: hidden;
}
[role="tooltip"].invisible > [data-popper-arrow]:after{
visibility: hidden;
}
[type='text'],[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #fff;
border-color: #6B7280;
border-width: 1px;
border-radius: 0px;
padding-top: 0.5rem;
padding-right: 0.75rem;
padding-bottom: 0.5rem;
padding-left: 0.75rem;
font-size: 1rem;
line-height: 1.5rem;
--tw-shadow: 0 0 #0000;
}
[type='text']:focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus{
outline: 2px solid transparent;
outline-offset: 2px;
--tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: #1C64F2;
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
border-color: #1C64F2;
}
input::-moz-placeholder, textarea::-moz-placeholder{
color: #6B7280;
opacity: 1;
}
input::placeholder,textarea::placeholder{
color: #6B7280;
opacity: 1;
}
::-webkit-datetime-edit-fields-wrapper{
padding: 0;
}
input[type="time"]::-webkit-calendar-picker-indicator{
background: none;
}
select:not([size]){
background-image: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 10 6'%3e %3cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 1 4 4 4-4'/%3e %3c/svg%3e");
background-position: right 0.75rem center;
background-repeat: no-repeat;
background-size: 0.75em 0.75em;
padding-right: 2.5rem;
print-color-adjust: exact;
}
:is([dir=rtl]) select:not([size]){
background-position: left 0.75rem center;
padding-right: 0.75rem;
padding-left: 0;
}
[multiple]{
background-image: initial;
background-position: initial;
background-repeat: unset;
background-size: initial;
padding-right: 0.75rem;
print-color-adjust: unset;
}
[type='checkbox'],[type='radio']{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 0;
print-color-adjust: exact;
display: inline-block;
vertical-align: middle;
background-origin: border-box;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
flex-shrink: 0;
height: 1rem;
width: 1rem;
color: #1C64F2;
background-color: #fff;
border-color: #6B7280;
border-width: 1px;
--tw-shadow: 0 0 #0000;
}
[type='checkbox']{
border-radius: 0px;
}
[type='radio']{
border-radius: 100%;
}
[type='checkbox']:focus,[type='radio']:focus{
outline: 2px solid transparent;
outline-offset: 2px;
--tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
--tw-ring-offset-width: 2px;
--tw-ring-offset-color: #fff;
--tw-ring-color: #1C64F2;
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
[type='checkbox']:checked,[type='radio']:checked,.dark [type='checkbox']:checked,.dark [type='radio']:checked{
border-color: transparent;
background-color: currentColor;
background-size: 0.55em 0.55em;
background-position: center;
background-repeat: no-repeat;
}
[type='checkbox']:checked{
background-image: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 12'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M1 5.917 5.724 10.5 15 1.5'/%3e %3c/svg%3e");
background-repeat: no-repeat;
background-size: 0.55em 0.55em;
print-color-adjust: exact;
}
[type='radio']:checked{
background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
background-size: 1em 1em;
}
.dark [type='radio']:checked{
background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
background-size: 1em 1em;
}
[type='checkbox']:indeterminate{
background-image: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 12'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M0.5 6h14'/%3e %3c/svg%3e");
background-color: currentColor;
border-color: transparent;
background-position: center;
background-repeat: no-repeat;
background-size: 0.55em 0.55em;
print-color-adjust: exact;
}
[type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus{
border-color: transparent;
background-color: currentColor;
}
[type='file']{
background: unset;
border-color: inherit;
border-width: 0;
border-radius: 0;
padding: 0;
font-size: unset;
line-height: inherit;
}
[type='file']:focus{
outline: 1px auto inherit;
}
input[type=file]::file-selector-button{
color: white;
background: #1F2937;
border: 0;
font-weight: 500;
font-size: 0.875rem;
cursor: pointer;
padding-top: 0.625rem;
padding-bottom: 0.625rem;
padding-left: 2rem;
padding-right: 1rem;
margin-inline-start: -1rem;
margin-inline-end: 1rem;
}
input[type=file]::file-selector-button:hover{
background: #374151;
}
:is([dir=rtl]) input[type=file]::file-selector-button{
padding-right: 2rem;
padding-left: 1rem;
}
.dark input[type=file]::file-selector-button{
color: white;
background: #4B5563;
}
.dark input[type=file]::file-selector-button:hover{
background: #6B7280;
}
input[type="range"]::-webkit-slider-thumb{
height: 1.25rem;
width: 1.25rem;
background: #1C64F2;
border-radius: 9999px;
border: 0;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
cursor: pointer;
}
input[type="range"]:disabled::-webkit-slider-thumb{
background: #9CA3AF;
}
.dark input[type="range"]:disabled::-webkit-slider-thumb{
background: #6B7280;
}
input[type="range"]:focus::-webkit-slider-thumb{
outline: 2px solid transparent;
outline-offset: 2px;
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
--tw-ring-opacity: 1px;
--tw-ring-color: rgb(164 202 254 / var(--tw-ring-opacity));
}
input[type="range"]::-moz-range-thumb{
height: 1.25rem;
width: 1.25rem;
background: #1C64F2;
border-radius: 9999px;
border: 0;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
cursor: pointer;
}
input[type="range"]:disabled::-moz-range-thumb{
background: #9CA3AF;
}
.dark input[type="range"]:disabled::-moz-range-thumb{
background: #6B7280;
}
input[type="range"]::-moz-range-progress{
background: #3F83F8;
}
input[type="range"]::-ms-fill-lower{
background: #3F83F8;
}
.toggle-bg:after{
content: "";
position: absolute;
top: 0.125rem;
left: 0.125rem;
background: white;
border-color: #D1D5DB;
border-width: 1px;
border-radius: 9999px;
height: 1.25rem;
width: 1.25rem;
transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
transition-duration: .15s;
box-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
}
input:checked + .toggle-bg:after{
transform: translateX(100%);;
border-color: white;
}
input:checked + .toggle-bg{
background: #1C64F2;
border-color: #1C64F2;
}
[type='text'],[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #fff;
border-color: #6B7280;
border-width: 1px;
border-radius: 0px;
padding-top: 0.5rem;
padding-right: 0.75rem;
padding-bottom: 0.5rem;
padding-left: 0.75rem;
font-size: 1rem;
line-height: 1.5rem;
--tw-shadow: 0 0 #0000;
}
[type='text']:focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus{
outline: 2px solid transparent;
outline-offset: 2px;
--tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: #1C64F2;
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
border-color: #1C64F2;
}
input::-moz-placeholder, textarea::-moz-placeholder{
color: #6B7280;
opacity: 1;
}
input::placeholder,textarea::placeholder{
color: #6B7280;
opacity: 1;
}
::-webkit-datetime-edit-fields-wrapper{
padding: 0;
}
::-webkit-date-and-time-value{
min-height: 1.5em;
}
::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{
padding-top: 0;
padding-bottom: 0;
}
select{
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
background-position: right 0.5rem center;
background-repeat: no-repeat;
background-size: 1.5em 1.5em;
padding-right: 2.5rem;
-webkit-print-color-adjust: exact;
color-adjust: exact;
}
[multiple]{
background-image: initial;
background-position: initial;
background-repeat: unset;
background-size: initial;
padding-right: 0.75rem;
-webkit-print-color-adjust: unset;
color-adjust: unset;
}
[type='checkbox'],[type='radio']{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 0;
-webkit-print-color-adjust: exact;
color-adjust: exact;
display: inline-block;
vertical-align: middle;
background-origin: border-box;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
flex-shrink: 0;
height: 1rem;
width: 1rem;
color: #1C64F2;
background-color: #fff;
border-color: #6B7280;
border-width: 1px;
--tw-shadow: 0 0 #0000;
}
[type='checkbox']{
border-radius: 0px;
}
[type='radio']{
border-radius: 100%;
}
[type='checkbox']:focus,[type='radio']:focus{
outline: 2px solid transparent;
outline-offset: 2px;
--tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
--tw-ring-offset-width: 2px;
--tw-ring-offset-color: #fff;
--tw-ring-color: #1C64F2;
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
[type='checkbox']:checked,[type='radio']:checked{
border-color: transparent;
background-color: currentColor;
background-size: 100% 100%;
background-position: center;
background-repeat: no-repeat;
}
[type='checkbox']:checked{
background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
}
[type='radio']:checked{
background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
}
[type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus{
border-color: transparent;
background-color: currentColor;
}
[type='checkbox']:indeterminate{
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
border-color: transparent;
background-color: currentColor;
background-size: 100% 100%;
background-position: center;
background-repeat: no-repeat;
}
[type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus{
border-color: transparent;
background-color: currentColor;
}
[type='file']{
background: unset;
border-color: inherit;
border-width: 0;
border-radius: 0;
padding: 0;
font-size: unset;
line-height: inherit;
}
[type='file']:focus{
outline: 1px auto -webkit-focus-ring-color;
}
*, ::before, ::after{
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(63 131 248 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
}
::backdrop{
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(63 131 248 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
}
.container{
width: 100%;
}
@media (min-width: 576px){
.container{
max-width: 576px;
}
}
@media (min-width: 768px){
.container{
max-width: 768px;
}
}
@media (min-width: 992px){
.container{
max-width: 992px;
}
}
@media (min-width: 1200px){
.container{
max-width: 1200px;
}
}
.prose{
color: var(--tw-prose-body);
max-width: 65ch;
}
.prose :where(p):not(:where([class~="not-prose"] *)){
margin-top: 1.25em;
margin-bottom: 1.25em;
}
.prose :where([class~="lead"]):not(:where([class~="not-prose"] *)){
color: var(--tw-prose-lead);
font-size: 1.25em;
line-height: 1.6;
margin-top: 1.2em;
margin-bottom: 1.2em;
}
.prose :where(a):not(:where([class~="not-prose"] *)){
color: var(--tw-prose-links);
text-decoration: underline;
font-weight: 500;
}
.prose :where(strong):not(:where([class~="not-prose"] *)){
color: var(--tw-prose-bold);
font-weight: 600;
}
.prose :where(a strong):not(:where([class~="not-prose"] *)){
color: inherit;
}
.prose :where(blockquote strong):not(:where([class~="not-prose"] *)){
color: inherit;
}
.prose :where(thead th strong):not(:where([class~="not-prose"] *)){
color: inherit;
}
.prose :where(ol):not(:where([class~="not-prose"] *)){
list-style-type: decimal;
margin-top: 1.25em;
margin-bottom: 1.25em;
padding-left: 1.625em;
}
.prose :where(ol[type="A"]):not(:where([class~="not-prose"] *)){
list-style-type: upper-alpha;
}
.prose :where(ol[type="a"]):not(:where([class~="not-prose"] *)){
list-style-type: lower-alpha;
}
.prose :where(ol[type="A" s]):not(:where([class~="not-prose"] *)){
list-style-type: upper-alpha;
}
.prose :where(ol[type="a" s]):not(:where([class~="not-prose"] *)){
list-style-type: lower-alpha;
}
.prose :where(ol[type="I"]):not(:where([class~="not-prose"] *)){
list-style-type: upper-roman;
}
.prose :where(ol[type="i"]):not(:where([class~="not-prose"] *)){
list-style-type: lower-roman;
}
.prose :where(ol[type="I" s]):not(:where([class~="not-prose"] *)){
list-style-type: upper-roman;
}
.prose :where(ol[type="i" s]):not(:where([class~="not-prose"] *)){
list-style-type: lower-roman;
}
.prose :where(ol[type="1"]):not(:where([class~="not-prose"] *)){
list-style-type: decimal;
}
.prose :where(ul):not(:where([class~="not-prose"] *)){
list-style-type: disc;
margin-top: 1.25em;
margin-bottom: 1.25em;
padding-left: 1.625em;
}
.prose :where(ol > li):not(:where([class~="not-prose"] *))::marker{
font-weight: 400;
color: var(--tw-prose-counters);
}
.prose :where(ul > li):not(:where([class~="not-prose"] *))::marker{
color: var(--tw-prose-bullets);
}
.prose :where(hr):not(:where([class~="not-prose"] *)){
border-color: var(--tw-prose-hr);
border-top-width: 1px;
margin-top: 3em;
margin-bottom: 3em;
}
.prose :where(blockquote):not(:where([class~="not-prose"] *)){
font-weight: 500;
font-style: italic;
color: var(--tw-prose-quotes);
border-left-width: 0.25rem;
border-left-color: var(--tw-prose-quote-borders);
quotes: "\201C""\201D""\2018""\2019";
margin-top: 1.6em;
margin-bottom: 1.6em;
padding-left: 1em;
}
.prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"] *))::before{
content: open-quote;
}
.prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"] *))::after{
content: close-quote;
}
.prose :where(h1):not(:where([class~="not-prose"] *)){
color: var(--tw-prose-headings);
font-weight: 800;
font-size: 2.25em;
margin-top: 0;
margin-bottom: 0.8888889em;
line-height: 1.1111111;
}
.prose :where(h1 strong):not(:where([class~="not-prose"] *)){
font-weight: 900;
color: inherit;
}
.prose :where(h2):not(:where([class~="not-prose"] *)){
color: var(--tw-prose-headings);
font-weight: 700;
font-size: 1.5em;
margin-top: 2em;
margin-bottom: 1em;
line-height: 1.3333333;
}
.prose :where(h2 strong):not(:where([class~="not-prose"] *)){
font-weight: 800;
color: inherit;
}
.prose :where(h3):not(:where([class~="not-prose"] *)){
color: var(--tw-prose-headings);
font-weight: 600;
font-size: 1.25em;
margin-top: 1.6em;
margin-bottom: 0.6em;
line-height: 1.6;
}
.prose :where(h3 strong):not(:where([class~="not-prose"] *)){
font-weight: 700;
color: inherit;
}
.prose :where(h4):not(:where([class~="not-prose"] *)){
color: var(--tw-prose-headings);
font-weight: 600;
margin-top: 1.5em;
margin-bottom: 0.5em;
line-height: 1.5;
}
.prose :where(h4 strong):not(:where([class~="not-prose"] *)){
font-weight: 700;
color: inherit;
}
.prose :where(img):not(:where([class~="not-prose"] *)){
margin-top: 2em;
margin-bottom: 2em;
}
.prose :where(figure > *):not(:where([class~="not-prose"] *)){
margin-top: 0;
margin-bottom: 0;
}
.prose :where(figcaption):not(:where([class~="not-prose"] *)){
color: var(--tw-prose-captions);
font-size: 0.875em;
line-height: 1.4285714;
margin-top: 0.8571429em;
}
.prose :where(code):not(:where([class~="not-prose"] *)){
color: var(--tw-prose-code);
font-weight: 600;
font-size: 0.875em;
}
.prose :where(code):not(:where([class~="not-prose"] *))::before{
content: "`";
}
.prose :where(code):not(:where([class~="not-prose"] *))::after{
content: "`";
}
.prose :where(a code):not(:where([class~="not-prose"] *)){
color: inherit;
}
.prose :where(h1 code):not(:where([class~="not-prose"] *)){
color: inherit;
}
.prose :where(h2 code):not(:where([class~="not-prose"] *)){
color: inherit;
font-size: 0.875em;
}
.prose :where(h3 code):not(:where([class~="not-prose"] *)){
color: inherit;
font-size: 0.9em;
}
.prose :where(h4 code):not(:where([class~="not-prose"] *)){
color: inherit;
}
.prose :where(blockquote code):not(:where([class~="not-prose"] *)){
color: inherit;
}
.prose :where(thead th code):not(:where([class~="not-prose"] *)){
color: inherit;
}
.prose :where(pre):not(:where([class~="not-prose"] *)){
color: var(--tw-prose-pre-code);
background-color: var(--tw-prose-pre-bg);
overflow-x: auto;
font-weight: 400;
font-size: 0.875em;
line-height: 1.7142857;
margin-top: 1.7142857em;
margin-bottom: 1.7142857em;
border-radius: 0.375rem;
padding-top: 0.8571429em;
padding-right: 1.1428571em;
padding-bottom: 0.8571429em;
padding-left: 1.1428571em;
}
.prose :where(pre code):not(:where([class~="not-prose"] *)){
background-color: transparent;
border-width: 0;
border-radius: 0;
padding: 0;
font-weight: inherit;
color: inherit;
font-size: inherit;
font-family: inherit;
line-height: inherit;
}
.prose :where(pre code):not(:where([class~="not-prose"] *))::before{
content: none;
}
.prose :where(pre code):not(:where([class~="not-prose"] *))::after{
content: none;
}
.prose :where(table):not(:where([class~="not-prose"] *)){
width: 100%;
table-layout: auto;
text-align: left;
margin-top: 2em;
margin-bottom: 2em;
font-size: 0.875em;
line-height: 1.7142857;
}
.prose :where(thead):not(:where([class~="not-prose"] *)){
border-bottom-width: 1px;
border-bottom-color: var(--tw-prose-th-borders);
}
.prose :where(thead th):not(:where([class~="not-prose"] *)){
color: var(--tw-prose-headings);
font-weight: 600;
vertical-align: bottom;
padding-right: 0.5714286em;
padding-bottom: 0.5714286em;
padding-left: 0.5714286em;
}
.prose :where(tbody tr):not(:where([class~="not-prose"] *)){
border-bottom-width: 1px;
border-bottom-color: var(--tw-prose-td-borders);
}
.prose :where(tbody tr:last-child):not(:where([class~="not-prose"] *)){
border-bottom-width: 0;
}
.prose :where(tbody td):not(:where([class~="not-prose"] *)){
vertical-align: baseline;
}
.prose :where(tfoot):not(:where([class~="not-prose"] *)){
border-top-width: 1px;
border-top-color: var(--tw-prose-th-borders);
}
.prose :where(tfoot td):not(:where([class~="not-prose"] *)){
vertical-align: top;
}
.prose{
--tw-prose-body: #374151;
--tw-prose-headings: #111827;
--tw-prose-lead: #4b5563;
--tw-prose-links: #111827;
--tw-prose-bold: #111827;
--tw-prose-counters: #6b7280;
--tw-prose-bullets: #d1d5db;
--tw-prose-hr: #e5e7eb;
--tw-prose-quotes: #111827;
--tw-prose-quote-borders: #e5e7eb;
--tw-prose-captions: #6b7280;
--tw-prose-code: #111827;
--tw-prose-pre-code: #e5e7eb;
--tw-prose-pre-bg: #1f2937;
--tw-prose-th-borders: #d1d5db;
--tw-prose-td-borders: #e5e7eb;
--tw-prose-invert-body: #d1d5db;
--tw-prose-invert-headings: #fff;
--tw-prose-invert-lead: #9ca3af;
--tw-prose-invert-links: #fff;
--tw-prose-invert-bold: #fff;
--tw-prose-invert-counters: #9ca3af;
--tw-prose-invert-bullets: #4b5563;
--tw-prose-invert-hr: #374151;
--tw-prose-invert-quotes: #f3f4f6;
--tw-prose-invert-quote-borders: #374151;
--tw-prose-invert-captions: #9ca3af;
--tw-prose-invert-code: #fff;
--tw-prose-invert-pre-code: #d1d5db;
--tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
--tw-prose-invert-th-borders: #4b5563;
--tw-prose-invert-td-borders: #374151;
font-size: 1rem;
line-height: 1.75;
}
.prose :where(video):not(:where([class~="not-prose"] *)){
margin-top: 2em;
margin-bottom: 2em;
}
.prose :where(figure):not(:where([class~="not-prose"] *)){
margin-top: 2em;
margin-bottom: 2em;
}
.prose :where(li):not(:where([class~="not-prose"] *)){
margin-top: 0.5em;
margin-bottom: 0.5em;
}
.prose :where(ol > li):not(:where([class~="not-prose"] *)){
padding-left: 0.375em;
}
.prose :where(ul > li):not(:where([class~="not-prose"] *)){
padding-left: 0.375em;
}
.prose :where(.prose > ul > li p):not(:where([class~="not-prose"] *)){
margin-top: 0.75em;
margin-bottom: 0.75em;
}
.prose :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)){
margin-top: 1.25em;
}
.prose :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)){
margin-bottom: 1.25em;
}
.prose :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)){
margin-top: 1.25em;
}
.prose :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)){
margin-bottom: 1.25em;
}
.prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"] *)){
margin-top: 0.75em;
margin-bottom: 0.75em;
}
.prose :where(hr + *):not(:where([class~="not-prose"] *)){
margin-top: 0;
}
.prose :where(h2 + *):not(:where([class~="not-prose"] *)){
margin-top: 0;
}
.prose :where(h3 + *):not(:where([class~="not-prose"] *)){
margin-top: 0;
}
.prose :where(h4 + *):not(:where([class~="not-prose"] *)){
margin-top: 0;
}
.prose :where(thead th:first-child):not(:where([class~="not-prose"] *)){
padding-left: 0;
}
.prose :where(thead th:last-child):not(:where([class~="not-prose"] *)){
padding-right: 0;
}
.prose :where(tbody td, tfoot td):not(:where([class~="not-prose"] *)){
padding-top: 0.5714286em;
padding-right: 0.5714286em;
padding-bottom: 0.5714286em;
padding-left: 0.5714286em;
}
.prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"] *)){
padding-left: 0;
}
.prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"] *)){
padding-right: 0;
}
.prose :where(.prose > :first-child):not(:where([class~="not-prose"] *)){
margin-top: 0;
}
.prose :where(.prose > :last-child):not(:where([class~="not-prose"] *)){
margin-bottom: 0;
}
.prose-xl{
font-size: 1.25rem;
line-height: 1.8;
}
.prose-xl :where(p):not(:where([class~="not-prose"] *)){
margin-top: 1.2em;
margin-bottom: 1.2em;
}
.prose-xl :where([class~="lead"]):not(:where([class~="not-prose"] *)){
font-size: 1.2em;
line-height: 1.5;
margin-top: 1em;
margin-bottom: 1em;
}
.prose-xl :where(blockquote):not(:where([class~="not-prose"] *)){
margin-top: 1.6em;
margin-bottom: 1.6em;
padding-left: 1.0666667em;
}
.prose-xl :where(h1):not(:where([class~="not-prose"] *)){
font-size: 2.8em;
margin-top: 0;
margin-bottom: 0.8571429em;
line-height: 1;
}
.prose-xl :where(h2):not(:where([class~="not-prose"] *)){
font-size: 1.8em;
margin-top: 1.5555556em;
margin-bottom: 0.8888889em;
line-height: 1.1111111;
}
.prose-xl :where(h3):not(:where([class~="not-prose"] *)){
font-size: 1.5em;
margin-top: 1.6em;
margin-bottom: 0.6666667em;
line-height: 1.3333333;
}
.prose-xl :where(h4):not(:where([class~="not-prose"] *)){
margin-top: 1.8em;
margin-bottom: 0.6em;
line-height: 1.6;
}
.prose-xl :where(img):not(:where([class~="not-prose"] *)){
margin-top: 2em;
margin-bottom: 2em;
}
.prose-xl :where(video):not(:where([class~="not-prose"] *)){
margin-top: 2em;
margin-bottom: 2em;
}
.prose-xl :where(figure):not(:where([class~="not-prose"] *)){
margin-top: 2em;
margin-bottom: 2em;
}
.prose-xl :where(figure > *):not(:where([class~="not-prose"] *)){
margin-top: 0;
margin-bottom: 0;
}
.prose-xl :where(figcaption):not(:where([class~="not-prose"] *)){
font-size: 0.9em;
line-height: 1.5555556;
margin-top: 1em;
}
.prose-xl :where(code):not(:where([class~="not-prose"] *)){
font-size: 0.9em;
}
.prose-xl :where(h2 code):not(:where([class~="not-prose"] *)){
font-size: 0.8611111em;
}
.prose-xl :where(h3 code):not(:where([class~="not-prose"] *)){
font-size: 0.9em;
}
.prose-xl :where(pre):not(:where([class~="not-prose"] *)){
font-size: 0.9em;
line-height: 1.7777778;
margin-top: 2em;
margin-bottom: 2em;
border-radius: 0.5rem;
padding-top: 1.1111111em;
padding-right: 1.3333333em;
padding-bottom: 1.1111111em;
padding-left: 1.3333333em;
}
.prose-xl :where(ol):not(:where([class~="not-prose"] *)){
margin-top: 1.2em;
margin-bottom: 1.2em;
padding-left: 1.6em;
}
.prose-xl :where(ul):not(:where([class~="not-prose"] *)){
margin-top: 1.2em;
margin-bottom: 1.2em;
padding-left: 1.6em;
}
.prose-xl :where(li):not(:where([class~="not-prose"] *)){
margin-top: 0.6em;
margin-bottom: 0.6em;
}
.prose-xl :where(ol > li):not(:where([class~="not-prose"] *)){
padding-left: 0.4em;
}
.prose-xl :where(ul > li):not(:where([class~="not-prose"] *)){
padding-left: 0.4em;
}
.prose-xl :where(.prose-xl > ul > li p):not(:where([class~="not-prose"] *)){
margin-top: 0.8em;
margin-bottom: 0.8em;
}
.prose-xl :where(.prose-xl > ul > li > *:first-child):not(:where([class~="not-prose"] *)){
margin-top: 1.2em;
}
.prose-xl :where(.prose-xl > ul > li > *:last-child):not(:where([class~="not-prose"] *)){
margin-bottom: 1.2em;
}
.prose-xl :where(.prose-xl > ol > li > *:first-child):not(:where([class~="not-prose"] *)){
margin-top: 1.2em;
}
.prose-xl :where(.prose-xl > ol > li > *:last-child):not(:where([class~="not-prose"] *)){
margin-bottom: 1.2em;
}
.prose-xl :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"] *)){
margin-top: 0.8em;
margin-bottom: 0.8em;
}
.prose-xl :where(hr):not(:where([class~="not-prose"] *)){
margin-top: 2.8em;
margin-bottom: 2.8em;
}
.prose-xl :where(hr + *):not(:where([class~="not-prose"] *)){
margin-top: 0;
}
.prose-xl :where(h2 + *):not(:where([class~="not-prose"] *)){
margin-top: 0;
}
.prose-xl :where(h3 + *):not(:where([class~="not-prose"] *)){
margin-top: 0;
}
.prose-xl :where(h4 + *):not(:where([class~="not-prose"] *)){
margin-top: 0;
}
.prose-xl :where(table):not(:where([class~="not-prose"] *)){
font-size: 0.9em;
line-height: 1.5555556;
}
.prose-xl :where(thead th):not(:where([class~="not-prose"] *)){
padding-right: 0.6666667em;
padding-bottom: 0.8888889em;
padding-left: 0.6666667em;
}
.prose-xl :where(thead th:first-child):not(:where([class~="not-prose"] *)){
padding-left: 0;
}
.prose-xl :where(thead th:last-child):not(:where([class~="not-prose"] *)){
padding-right: 0;
}
.prose-xl :where(tbody td, tfoot td):not(:where([class~="not-prose"] *)){
padding-top: 0.8888889em;
padding-right: 0.6666667em;
padding-bottom: 0.8888889em;
padding-left: 0.6666667em;
}
.prose-xl :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"] *)){
padding-left: 0;
}
.prose-xl :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"] *)){
padding-right: 0;
}
.prose-xl :where(.prose-xl > :first-child):not(:where([class~="not-prose"] *)){
margin-top: 0;
}
.prose-xl :where(.prose-xl > :last-child):not(:where([class~="not-prose"] *)){
margin-bottom: 0;
}
.container{
max-width: 100%;
}
@media (min-width: 576px) and (max-width: 767.98px){
.container{
max-width: 540px;
}
}
@media (min-width: 768px) and (max-width: 991.98px){
.container{
max-width: 720px;
}
}
@media (min-width: 992px) and (max-width: 1199.98px){
.container{
max-width: 960px;
}
}
@media (min-width: 1200px){
.container{
max-width: 1170px;
}
}
.sr-only{
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}
.pointer-events-none{
pointer-events: none;
}
.pointer-events-auto{
pointer-events: auto;
}
.visible{
visibility: visible;
}
.invisible{
visibility: hidden;
}
.collapse{
visibility: collapse;
}
.static{
position: static;
}
.fixed{
position: fixed;
}
.absolute{
position: absolute;
}
.relative{
position: relative;
}
.inset-0{
inset: 0px;
}
.inset-x-0{
left: 0px;
right: 0px;
}
.inset-x-5{
left: 1.25rem;
right: 1.25rem;
}
.inset-y-2{
top: 0.5rem;
bottom: 0.5rem;
}
.-bottom-6{
bottom: -1.5rem;
}
.bottom-0{
bottom: 0px;
}
.bottom-5{
bottom: 1.25rem;
}
.bottom-\[18\%\]{
bottom: 18%;
}
.bottom-\[2\%\]{
bottom: 2%;
}
.bottom-\[33\%\]{
bottom: 33%;
}
.bottom-\[60px\]{
bottom: 60px;
}
.left-0{
left: 0px;
}
.left-1\/2{
left: 50%;
}
.left-\[10\%\]{
left: 10%;
}
.left-\[11\%\]{
left: 11%;
}
.left-\[12\%\]{
left: 12%;
}
.left-\[15\%\]{
left: 15%;
}
.left-\[2\%\]{
left: 2%;
}
.left-\[20\%\]{
left: 20%;
}
.left-\[26\%\]{
left: 26%;
}
.left-\[4\%\]{
left: 4%;
}
.left-\[40\%\]{
left: 40%;
}
.left-\[59\%\]{
left: 59%;
}
.left-\[60px\]{
left: 60px;
}
.left-\[9px\]{
left: 9px;
}
.right-0{
right: 0px;
}
.right-2{
right: 0.5rem;
}
.right-\[-20\%\]{
right: -20%;
}
.right-\[10\%\]{
right: 10%;
}
.right-\[13\%\]{
right: 13%;
}
.right-\[30px\]{
right: 30px;
}
.right-\[4\%\]{
right: 4%;
}
.right-\[425px\]{
right: 425px;
}
.right-\[5\%\]{
right: 5%;
}
.right-\[7\%\]{
right: 7%;
}
.right-\[9\%\]{
right: 9%;
}
.top-0{
top: 0px;
}
.top-1\/2{
top: 50%;
}
.top-2\/4{
top: 50%;
}
.top-\[-10px\]{
top: -10px;
}
.top-\[-15px\]{
top: -15px;
}
.top-\[-21px\]{
top: -21px;
}
.top-\[-24px\]{
top: -24px;
}
.top-\[0px\]{
top: 0px;
}
.top-\[13\%\]{
top: 13%;
}
.top-\[15\%\]{
top: 15%;
}
.top-\[19\%\]{
top: 19%;
}
.top-\[190px\]{
top: 190px;
}
.top-\[211px\]{
top: 211px;
}
.top-\[27px\]{
top: 27px;
}
.top-\[29\%\]{
top: 29%;
}
.top-\[30\%\]{
top: 30%;
}
.top-\[4\%\]{
top: 4%;
}
.top-\[43\%\]{
top: 43%;
}
.top-\[45\%\]{
top: 45%;
}
.top-\[48\%\]{
top: 48%;
}
.top-\[7\%\]{
top: 7%;
}
.top-\[88\%\]{
top: 88%;
}
.top-\[89\%\]{
top: 89%;
}
.top-\[9\%\]{
top: 9%;
}
.z-0{
z-index: 0;
}
.z-10{
z-index: 10;
}
.z-20{
z-index: 20;
}
.z-30{
z-index: 30;
}
.z-40{
z-index: 40;
}
.z-50{
z-index: 50;
}
.z-\[-1\]{
z-index: -1;
}
.z-\[1000000\]{
z-index: 1000000;
}
.z-\[1\]{
z-index: 1;
}
.z-\[2\]{
z-index: 2;
}
.z-\[5\]{
z-index: 5;
}
.z-\[900\]{
z-index: 900;
}
.z-\[99\]{
z-index: 99;
}
.float-right{
float: right;
}
.float-left{
float: left;
}
.-m-3{
margin: -0.75rem;
}
.m-0{
margin: 0px;
}
.m-8{
margin: 2rem;
}
.m-\[0_23px\]{
margin: 0 23px;
}
.m-\[0_auto\]{
margin: 0 auto;
}
.m-\[25px_auto_38px\]{
margin: 25px auto 38px;
}
.m-\[75px_0_0\]{
margin: 75px 0 0;
}
.m-auto{
margin: auto;
}
.-mx-1{
margin-left: -0.25rem;
margin-right: -0.25rem;
}
.-mx-1\.5{
margin-left: -0.375rem;
margin-right: -0.375rem;
}
.-my-1{
margin-top: -0.25rem;
margin-bottom: -0.25rem;
}
.-my-1\.5{
margin-top: -0.375rem;
margin-bottom: -0.375rem;
}
.mx-0{
margin-left: 0px;
margin-right: 0px;
}
.mx-0\.5{
margin-left: 0.125rem;
margin-right: 0.125rem;
}
.mx-2{
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.mx-\[-15px\]{
margin-left: -15px;
margin-right: -15px;
}
.mx-auto{
margin-left: auto;
margin-right: auto;
}
.my-0{
margin-top: 0px;
margin-bottom: 0px;
}
.my-1{
margin-top: 0.25rem;
margin-bottom: 0.25rem;
}
.my-10{
margin-top: 2.5rem;
margin-bottom: 2.5rem;
}
.my-12{
margin-top: 3rem;
margin-bottom: 3rem;
}
.my-2{
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
.my-4{
margin-top: 1rem;
margin-bottom: 1rem;
}
.my-6{
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
.my-8{
margin-top: 2rem;
margin-bottom: 2rem;
}
.\!ml-auto{
margin-left: auto !important;
}
.-ml-1{
margin-left: -0.25rem;
}
.-ml-5{
margin-left: -1.25rem;
}
.-ml-px{
margin-left: -1px;
}
.-mr-1{
margin-right: -0.25rem;
}
.-mr-2{
margin-right: -0.5rem;
}
.-mt-1{
margin-top: -0.25rem;
}
.-mt-10{
margin-top: -2.5rem;
}
.-mt-px{
margin-top: -1px;
}
.mb-0{
margin-bottom: 0px;
}
.mb-1{
margin-bottom: 0.25rem;
}
.mb-10{
margin-bottom: 2.5rem;
}
.mb-12{
margin-bottom: 3rem;
}
.mb-2{
margin-bottom: 0.5rem;
}
.mb-2\.5{
margin-bottom: 0.625rem;
}
.mb-20{
margin-bottom: 5rem;
}
.mb-3{
margin-bottom: 0.75rem;
}
.mb-4{
margin-bottom: 1rem;
}
.mb-5{
margin-bottom: 1.25rem;
}
.mb-6{
margin-bottom: 1.5rem;
}
.mb-8{
margin-bottom: 2rem;
}
.mb-\[100px\]{
margin-bottom: 100px;
}
.mb-\[15px\]{
margin-bottom: 15px;
}
.mb-\[18px\]{
margin-bottom: 18px;
}
.mb-\[25px\]{
margin-bottom: 25px;
}
.mb-\[30px\]{
margin-bottom: 30px;
}
.mb-\[35px\]{
margin-bottom: 35px;
}
.mb-\[50px\]{
margin-bottom: 50px;
}
.mb-\[85px\]{
margin-bottom: 85px;
}
.me-2{
margin-inline-end: 0.5rem;
}
.ml-0{
margin-left: 0px;
}
.ml-0\.5{
margin-left: 0.125rem;
}
.ml-1{
margin-left: 0.25rem;
}
.ml-2{
margin-left: 0.5rem;
}
.ml-2\.5{
margin-left: 0.625rem;
}
.ml-3{
margin-left: 0.75rem;
}
.ml-4{
margin-left: 1rem;
}
.ml-\[-5px\]{
margin-left: -5px;
}
.ml-\[15px\]{
margin-left: 15px;
}
.ml-auto{
margin-left: auto;
}
.mr-1{
margin-right: 0.25rem;
}
.mr-2{
margin-right: 0.5rem;
}
.mr-3{
margin-right: 0.75rem;
}
.mr-5{
margin-right: 1.25rem;
}
.mr-6{
margin-right: 1.5rem;
}
.mr-\[-5px\]{
margin-right: -5px;
}
.mr-\[25px\]{
margin-right: 25px;
}
.ms-3{
margin-inline-start: 0.75rem;
}
.ms-auto{
margin-inline-start: auto;
}
.mt-0{
margin-top: 0px;
}
.mt-0\.5{
margin-top: 0.125rem;
}
.mt-1{
margin-top: 0.25rem;
}
.mt-10{
margin-top: 2.5rem;
}
.mt-12{
margin-top: 3rem;
}
.mt-16{
margin-top: 4rem;
}
.mt-2{
margin-top: 0.5rem;
}
.mt-20{
margin-top: 5rem;
}
.mt-3{
margin-top: 0.75rem;
}
.mt-4{
margin-top: 1rem;
}
.mt-5{
margin-top: 1.25rem;
}
.mt-6{
margin-top: 1.5rem;
}
.mt-8{
margin-top: 2rem;
}
.mt-\[130px\]{
margin-top: 130px;
}
.mt-\[22px\]{
margin-top: 22px;
}
.mt-\[30px\]{
margin-top: 30px;
}
.mt-\[37px\]{
margin-top: 37px;
}
.mt-\[45px\]{
margin-top: 45px;
}
.mt-\[50px\]{
margin-top: 50px;
}
.mt-\[55px\]{
margin-top: 55px;
}
.mt-auto{
margin-top: auto;
}
.block{
display: block;
}
.inline-block{
display: inline-block;
}
.inline{
display: inline;
}
.flex{
display: flex;
}
.inline-flex{
display: inline-flex;
}
.table{
display: table;
}
.grid{
display: grid;
}
.contents{
display: contents;
}
.hidden{
display: none;
}
.h-0{
height: 0px;
}
.h-0\.5{
height: 0.125rem;
}
.h-1{
height: 0.25rem;
}
.h-10{
height: 2.5rem;
}
.h-12{
height: 3rem;
}
.h-14{
height: 3.5rem;
}
.h-16{
height: 4rem;
}
.h-2{
height: 0.5rem;
}
.h-2\.5{
height: 0.625rem;
}
.h-24{
height: 6rem;
}
.h-3{
height: 0.75rem;
}
.h-3\.5{
height: 0.875rem;
}
.h-32{
height: 8rem;
}
.h-4{
height: 1rem;
}
.h-40{
height: 10rem;
}
.h-5{
height: 1.25rem;
}
.h-56{
height: 14rem;
}
.h-6{
height: 1.5rem;
}
.h-64{
height: 16rem;
}
.h-8{
height: 2rem;
}
.h-9{
height: 2.25rem;
}
.h-\[120px\]{
height: 120px;
}
.h-\[150px\]{
height: 150px;
}
.h-\[220px\]{
height: 220px;
}
.h-\[25px\]{
height: 25px;
}
.h-\[30px\]{
height: 30px;
}
.h-\[38px\]{
height: 38px;
}
.h-\[55px\]{
height: 55px;
}
.h-\[60px\]{
height: 60px;
}
.h-\[62px\]{
height: 62px;
}
.h-\[70px\]{
height: 70px;
}
.h-\[7px\]{
height: 7px;
}
.h-\[calc\(100\%-1rem\)\]{
height: calc(100% - 1rem);
}
.h-auto{
height: auto;
}
.h-full{
height: 100%;
}
.h-screen{
height: 100vh;
}
.max-h-full{
max-height: 100%;
}
.min-h-screen{
min-height: 100vh;
}
.w-0{
width: 0px;
}
.w-1{
width: 0.25rem;
}
.w-1\/2{
width: 50%;
}
.w-10{
width: 2.5rem;
}
.w-104{
width: 26rem;
}
.w-11{
width: 2.75rem;
}
.w-12{
width: 3rem;
}
.w-14{
width: 3.5rem;
}
.w-2{
width: 0.5rem;
}
.w-2\.5{
width: 0.625rem;
}
.w-2\/5{
width: 40%;
}
.w-24{
width: 6rem;
}
.w-3{
width: 0.75rem;
}
.w-3\.5{
width: 0.875rem;
}
.w-3\/5{
width: 60%;
}
.w-32{
width: 8rem;
}
.w-4{
width: 1rem;
}
.w-40{
width: 10rem;
}
.w-5{
width: 1.25rem;
}
.w-56{
width: 14rem;
}
.w-6{
width: 1.5rem;
}
.w-64{
width: 16rem;
}
.w-7{
width: 1.75rem;
}
.w-8{
width: 2rem;
}
.w-80{
width: 20rem;
}
.w-9{
width: 2.25rem;
}
.w-\[115px\]{
width: 115px;
}
.w-\[120px\]{
width: 120px;
}
.w-\[178px\]{
width: 178px;
}
.w-\[190px\]{
width: 190px;
}
.w-\[25px\]{
width: 25px;
}
.w-\[26px\]{
width: 26px;
}
.w-\[30px\]{
width: 30px;
}
.w-\[38px\]{
width: 38px;
}
.w-\[47\%\]{
width: 47%;
}
.w-\[48\%\]{
width: 48%;
}
.w-\[60px\]{
width: 60px;
}
.w-\[7px\]{
width: 7px;
}
.w-\[95\%\]{
width: 95%;
}
.w-auto{
width: auto;
}
.w-full{
width: 100%;
}
.w-screen{
width: 100vw;
}
.min-w-full{
min-width: 100%;
}
.max-w-2xl{
max-width: 42rem;
}
.max-w-4xl{
max-width: 56rem;
}
.max-w-7xl{
max-width: 80rem;
}
.max-w-\[1000px\]{
max-width: 1000px;
}
.max-w-\[1330px\]{
max-width: 1330px;
}
.max-w-\[46\%\]{
max-width: 46%;
}
.max-w-\[50\%\]{
max-width: 50%;
}
.max-w-\[560px\]{
max-width: 560px;
}
.max-w-full{
max-width: 100%;
}
.max-w-lg{
max-width: 32rem;
}
.max-w-md{
max-width: 28rem;
}
.max-w-sm{
max-width: 24rem;
}
.max-w-xl{
max-width: 36rem;
}
.max-w-xs{
max-width: 20rem;
}
.flex-1{
flex: 1 1 0%;
}
.flex-\[0_0_50\%\]{
flex: 0 0 50%;
}
.flex-shrink{
flex-shrink: 1;
}
.flex-shrink-0{
flex-shrink: 0;
}
.flex-grow{
flex-grow: 1;
}
.basis-full{
flex-basis: 100%;
}
.origin-top{
transform-origin: top;
}
.origin-top-left{
transform-origin: top left;
}
.origin-top-right{
transform-origin: top right;
}
.-translate-x-1\/2{
--tw-translate-x: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-full{
--tw-translate-x: -100%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-2\/4{
--tw-translate-y: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-full{
--tw-translate-y: -100%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-0{
--tw-translate-x: 0px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-full{
--tw-translate-x: 100%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-0{
--tw-translate-y: 0px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-2{
--tw-translate-y: 0.5rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-4{
--tw-translate-y: 1rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-full{
--tw-translate-y: 100%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-180{
--tw-rotate: 180deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-100{
--tw-scale-x: 1;
--tw-scale-y: 1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-110{
--tw-scale-x: 1.1;
--tw-scale-y: 1.1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-95{
--tw-scale-x: .95;
--tw-scale-y: .95;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform{
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform-none{
transform: none;
}
.animate-\[jumpThree_5s_infinite_linear\]{
animation: jumpThree 5s infinite linear;
}
.animate-\[jumpTwo_5s_infinite_linear\]{
animation: jumpTwo 5s infinite linear;
}
.animate-\[rotatedTwo_12s_infinite_linear\]{
animation: rotatedTwo 12s infinite linear;
}
.animate-\[rotated_12s_infinite_linear\]{
animation: rotated 12s infinite linear;
}
.animate-\[rotated_17s_infinite_linear\]{
animation: rotated 17s infinite linear;
}
.animate-\[scale-up-one_4s_infinite_linear\]{
animation: scale-up-one 4s infinite linear;
}
.animate-\[scale-up-three_4s_infinite_linear\]{
animation: scale-up-three 4s infinite linear;
}
@keyframes spin{
to{
transform: rotate(360deg);
}
}
.animate-spin{
animation: spin 1s linear infinite;
}
.cursor-default{
cursor: default;
}
.cursor-not-allowed{
cursor: not-allowed;
}
.cursor-pointer{
cursor: pointer;
}
.resize{
resize: both;
}
.list-inside{
list-style-position: inside;
}
.list-disc{
list-style-type: disc;
}
.appearance-none{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.grid-cols-2{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-4{
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-7{
grid-template-columns: repeat(7, minmax(0, 1fr));
}
.flex-row{
flex-direction: row;
}
.flex-col{
flex-direction: column;
}
.flex-wrap{
flex-wrap: wrap;
}
.items-start{
align-items: flex-start;
}
.items-end{
align-items: flex-end;
}
.items-center{
align-items: center;
}
.justify-start{
justify-content: flex-start;
}
.justify-end{
justify-content: flex-end;
}
.justify-center{
justify-content: center;
}
.justify-between{
justify-content: space-between;
}
.gap-6{
gap: 1.5rem;
}
.gap-x-4{
-moz-column-gap: 1rem;
column-gap: 1rem;
}
.gap-y-10{
row-gap: 2.5rem;
}
.gap-y-8{
row-gap: 2rem;
}
.space-x-2 > :not([hidden]) ~ :not([hidden]){
--tw-space-x-reverse: 0;
margin-right: calc(0.5rem * var(--tw-space-x-reverse));
margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-3 > :not([hidden]) ~ :not([hidden]){
--tw-space-x-reverse: 0;
margin-right: calc(0.75rem * var(--tw-space-x-reverse));
margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-8 > :not([hidden]) ~ :not([hidden]){
--tw-space-x-reverse: 0;
margin-right: calc(2rem * var(--tw-space-x-reverse));
margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-1 > :not([hidden]) ~ :not([hidden]){
--tw-space-y-reverse: 0;
margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]){
--tw-space-y-reverse: 0;
margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.space-y-2\.5 > :not([hidden]) ~ :not([hidden]){
--tw-space-y-reverse: 0;
margin-top: calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0.625rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]){
--tw-space-y-reverse: 0;
margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.space-y-6 > :not([hidden]) ~ :not([hidden]){
--tw-space-y-reverse: 0;
margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.divide-x > :not([hidden]) ~ :not([hidden]){
--tw-divide-x-reverse: 0;
border-right-width: calc(1px * var(--tw-divide-x-reverse));
border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
}
.divide-y > :not([hidden]) ~ :not([hidden]){
--tw-divide-y-reverse: 0;
border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}
.divide-y-2 > :not([hidden]) ~ :not([hidden]){
--tw-divide-y-reverse: 0;
border-top-width: calc(2px * calc(1 - var(--tw-divide-y-reverse)));
border-bottom-width: calc(2px * var(--tw-divide-y-reverse));
}
.divide-solid > :not([hidden]) ~ :not([hidden]){
border-style: solid;
}
.divide-gray-100 > :not([hidden]) ~ :not([hidden]){
--tw-divide-opacity: 1;
border-color: rgb(243 244 246 / var(--tw-divide-opacity));
}
.divide-gray-200 > :not([hidden]) ~ :not([hidden]){
--tw-divide-opacity: 1;
border-color: rgb(229 231 235 / var(--tw-divide-opacity));
}
.divide-gray-50 > :not([hidden]) ~ :not([hidden]){
--tw-divide-opacity: 1;
border-color: rgb(249 250 251 / var(--tw-divide-opacity));
}
.self-start{
align-self: flex-start;
}
.self-end{
align-self: flex-end;
}
.self-center{
align-self: center;
}
.overflow-hidden{
overflow: hidden;
}
.overflow-y-auto{
overflow-y: auto;
}
.overflow-x-hidden{
overflow-x: hidden;
}
.truncate{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.whitespace-nowrap{
white-space: nowrap;
}
.rounded{
border-radius: 0.25rem;
}
.rounded-\[\.25rem\]{
border-radius: .25rem;
}
.rounded-\[30px\]{
border-radius: 30px;
}
.rounded-\[3px\]{
border-radius: 3px;
}
.rounded-\[50\%\]{
border-radius: 50%;
}
.rounded-\[5px\]{
border-radius: 5px;
}
.rounded-\[9px\]{
border-radius: 9px;
}
.rounded-full{
border-radius: 9999px;
}
.rounded-lg{
border-radius: 0.5rem;
}
.rounded-md{
border-radius: 0.375rem;
}
.rounded-none{
border-radius: 0px;
}
.rounded-xl{
border-radius: 0.8rem;
}
.rounded-b{
border-bottom-right-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
}
.rounded-e-lg{
border-start-end-radius: 0.5rem;
border-end-end-radius: 0.5rem;
}
.rounded-l-lg{
border-top-left-radius: 0.5rem;
border-bottom-left-radius: 0.5rem;
}
.rounded-l-md{
border-top-left-radius: 0.375rem;
border-bottom-left-radius: 0.375rem;
}
.rounded-r-lg{
border-top-right-radius: 0.5rem;
border-bottom-right-radius: 0.5rem;
}
.rounded-r-md{
border-top-right-radius: 0.375rem;
border-bottom-right-radius: 0.375rem;
}
.rounded-s-lg{
border-start-start-radius: 0.5rem;
border-end-start-radius: 0.5rem;
}
.rounded-t{
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem;
}
.rounded-t-lg{
border-top-left-radius: 0.5rem;
border-top-right-radius: 0.5rem;
}
.border{
border-width: 1px;
}
.border-0{
border-width: 0px;
}
.border-2{
border-width: 2px;
}
.border-4{
border-width: 4px;
}
.border-\[2px\]{
border-width: 2px;
}
.border-b{
border-bottom-width: 1px;
}
.border-b-2{
border-bottom-width: 2px;
}
.border-l{
border-left-width: 1px;
}
.border-l-4{
border-left-width: 4px;
}
.border-r{
border-right-width: 1px;
}
.border-t{
border-top-width: 1px;
}
.border-t-\[2px\]{
border-top-width: 2px;
}
.border-solid{
border-style: solid;
}
.border-dashed{
border-style: dashed;
}
.border-\[color\:var\(--purple-blue\)\]{
border-color: var(--purple-blue);
}
.border-\[none\]{
border-color: none;
}
.border-black{
--tw-border-opacity: 1;
border-color: rgb(0 0 0 / var(--tw-border-opacity));
}
.border-blue-500{
--tw-border-opacity: 1;
border-color: rgb(63 131 248 / var(--tw-border-opacity));
}
.border-blue-600{
--tw-border-opacity: 1;
border-color: rgb(28 100 242 / var(--tw-border-opacity));
}
.border-blue-700{
--tw-border-opacity: 1;
border-color: rgb(26 86 219 / var(--tw-border-opacity));
}
.border-gray-100{
--tw-border-opacity: 1;
border-color: rgb(243 244 246 / var(--tw-border-opacity));
}
.border-gray-200{
--tw-border-opacity: 1;
border-color: rgb(229 231 235 / var(--tw-border-opacity));
}
.border-gray-300{
--tw-border-opacity: 1;
border-color: rgb(209 213 219 / var(--tw-border-opacity));
}
.border-gray-400{
--tw-border-opacity: 1;
border-color: rgb(156 163 175 / var(--tw-border-opacity));
}
.border-gray-50{
--tw-border-opacity: 1;
border-color: rgb(249 250 251 / var(--tw-border-opacity));
}
.border-gray-900{
--tw-border-opacity: 1;
border-color: rgb(17 24 39 / var(--tw-border-opacity));
}
.border-indigo-100{
--tw-border-opacity: 1;
border-color: rgb(229 237 255 / var(--tw-border-opacity));
}
.border-indigo-500{
--tw-border-opacity: 1;
border-color: rgb(104 117 245 / var(--tw-border-opacity));
}
.border-purple-500{
--tw-border-opacity: 1;
border-color: rgb(144 97 249 / var(--tw-border-opacity));
}
.border-red-400{
--tw-border-opacity: 1;
border-color: rgb(249 128 128 / var(--tw-border-opacity));
}
.border-teal-400{
--tw-border-opacity: 1;
border-color: rgb(22 189 202 / var(--tw-border-opacity));
}
.border-transparent{
border-color: transparent;
}
.border-wave-400{
--tw-border-opacity: 1;
border-color: rgb(77 150 255 / var(--tw-border-opacity));
}
.border-white{
--tw-border-opacity: 1;
border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.border-yellow-400{
--tw-border-opacity: 1;
border-color: rgb(227 160 8 / var(--tw-border-opacity));
}
.border-b-\[\#ececec\]{
--tw-border-opacity: 1;
border-bottom-color: rgb(236 236 236 / var(--tw-border-opacity));
}
.border-b-\[solid\]{
border-bottom-color: solid;
}
.border-b-black{
--tw-border-opacity: 1;
border-bottom-color: rgb(0 0 0 / var(--tw-border-opacity));
}
.border-t-\[\#00000014\]{
border-top-color: #00000014;
}
.border-t-\[\#ececec\]{
--tw-border-opacity: 1;
border-top-color: rgb(236 236 236 / var(--tw-border-opacity));
}
.border-t-\[rgba\(0\2c 0\2c 0\2c 0\.09\)\]{
border-top-color: rgba(0,0,0,0.09);
}
.bg-\[\#04e8f4\]{
--tw-bg-opacity: 1;
background-color: rgb(4 232 244 / var(--tw-bg-opacity));
}
.bg-\[\#2a2a2a\]{
--tw-bg-opacity: 1;
background-color: rgb(42 42 42 / var(--tw-bg-opacity));
}
.bg-\[\#51fcff\]{
--tw-bg-opacity: 1;
background-color: rgb(81 252 255 / var(--tw-bg-opacity));
}
.bg-\[\#7034ff\]{
--tw-bg-opacity: 1;
background-color: rgb(112 52 255 / var(--tw-bg-opacity));
}
.bg-\[\#FFEAA0\]{
--tw-bg-opacity: 1;
background-color: rgb(255 234 160 / var(--tw-bg-opacity));
}
.bg-\[\#b183ff\]{
--tw-bg-opacity: 1;
background-color: rgb(177 131 255 / var(--tw-bg-opacity));
}
.bg-\[\#dc3545\]{
--tw-bg-opacity: 1;
background-color: rgb(220 53 69 / var(--tw-bg-opacity));
}
.bg-\[\#dff1ee\]{
--tw-bg-opacity: 1;
background-color: rgb(223 241 238 / var(--tw-bg-opacity));
}
.bg-\[\#f8fafe\]{
--tw-bg-opacity: 1;
background-color: rgb(248 250 254 / var(--tw-bg-opacity));
}
.bg-\[\#fbf3ec\]{
--tw-bg-opacity: 1;
background-color: rgb(251 243 236 / var(--tw-bg-opacity));
}
.bg-\[\#fde3c5\]{
--tw-bg-opacity: 1;
background-color: rgb(253 227 197 / var(--tw-bg-opacity));
}
.bg-\[\#ff6cc4\]{
--tw-bg-opacity: 1;
background-color: rgb(255 108 196 / var(--tw-bg-opacity));
}
.bg-\[\#ffbe50\]{
--tw-bg-opacity: 1;
background-color: rgb(255 190 80 / var(--tw-bg-opacity));
}
.bg-\[\#ffcd8b\]{
--tw-bg-opacity: 1;
background-color: rgb(255 205 139 / var(--tw-bg-opacity));
}
.bg-\[\#ffeaa0\]{
--tw-bg-opacity: 1;
background-color: rgb(255 234 160 / var(--tw-bg-opacity));
}
.bg-\[var\(--blue-dark\)\]{
background-color: var(--blue-dark);
}
.bg-\[var\(--purple-blue\)\]{
background-color: var(--purple-blue);
}
.bg-black{
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.bg-blue-100{
--tw-bg-opacity: 1;
background-color: rgb(225 239 254 / var(--tw-bg-opacity));
}
.bg-blue-50{
--tw-bg-opacity: 1;
background-color: rgb(235 245 255 / var(--tw-bg-opacity));
}
.bg-blue-500{
--tw-bg-opacity: 1;
background-color: rgb(63 131 248 / var(--tw-bg-opacity));
}
.bg-blue-700{
--tw-bg-opacity: 1;
background-color: rgb(26 86 219 / var(--tw-bg-opacity));
}
.bg-gray-100{
--tw-bg-opacity: 1;
background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.bg-gray-200{
--tw-bg-opacity: 1;
background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.bg-gray-300{
--tw-bg-opacity: 1;
background-color: rgb(209 213 219 / var(--tw-bg-opacity));
}
.bg-gray-50{
--tw-bg-opacity: 1;
background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}
.bg-gray-700{
--tw-bg-opacity: 1;
background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}
.bg-gray-800{
--tw-bg-opacity: 1;
background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}
.bg-gray-900{
--tw-bg-opacity: 1;
background-color: rgb(17 24 39 / var(--tw-bg-opacity));
}
.bg-gray-900\/50{
background-color: rgb(17 24 39 / 0.5);
}
.bg-green-400{
--tw-bg-opacity: 1;
background-color: rgb(49 196 141 / var(--tw-bg-opacity));
}
.bg-indigo-100{
--tw-bg-opacity: 1;
background-color: rgb(229 237 255 / var(--tw-bg-opacity));
}
.bg-indigo-400{
--tw-bg-opacity: 1;
background-color: rgb(141 162 251 / var(--tw-bg-opacity));
}
.bg-indigo-600{
--tw-bg-opacity: 1;
background-color: rgb(88 80 236 / var(--tw-bg-opacity));
}
.bg-orange-100{
--tw-bg-opacity: 1;
background-color: rgb(254 236 220 / var(--tw-bg-opacity));
}
.bg-red-100{
--tw-bg-opacity: 1;
background-color: rgb(253 232 232 / var(--tw-bg-opacity));
}
.bg-red-200{
--tw-bg-opacity: 1;
background-color: rgb(251 213 213 / var(--tw-bg-opacity));
}
.bg-red-400{
--tw-bg-opacity: 1;
background-color: rgb(249 128 128 / var(--tw-bg-opacity));
}
.bg-red-500{
--tw-bg-opacity: 1;
background-color: rgb(240 82 82 / var(--tw-bg-opacity));
}
.bg-red-600{
--tw-bg-opacity: 1;
background-color: rgb(224 36 36 / var(--tw-bg-opacity));
}
.bg-teal-200{
--tw-bg-opacity: 1;
background-color: rgb(175 236 239 / var(--tw-bg-opacity));
}
.bg-teal-600{
--tw-bg-opacity: 1;
background-color: rgb(4 116 129 / var(--tw-bg-opacity));
}
.bg-transparent{
background-color: transparent;
}
.bg-wave-100{
--tw-bg-opacity: 1;
background-color: rgb(230 240 255 / var(--tw-bg-opacity));
}
.bg-wave-500{
--tw-bg-opacity: 1;
background-color: rgb(0 105 255 / var(--tw-bg-opacity));
}
.bg-wave-600{
--tw-bg-opacity: 1;
background-color: rgb(0 95 230 / var(--tw-bg-opacity));
}
.bg-white{
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-white\/50{
background-color: rgb(255 255 255 / 0.5);
}
.bg-yellow-400{
--tw-bg-opacity: 1;
background-color: rgb(227 160 8 / var(--tw-bg-opacity));
}
.bg-yellow-50{
--tw-bg-opacity: 1;
background-color: rgb(253 253 234 / var(--tw-bg-opacity));
}
.bg-opacity-25{
--tw-bg-opacity: 0.25;
}
.bg-opacity-75{
--tw-bg-opacity: 0.75;
}
.bg-\[linear-gradient\(45deg\2c \#FFFBF2\2c \#EDFFFD\)\]{
background-image: linear-gradient(45deg,#FFFBF2,#EDFFFD);
}
.bg-gradient-to-b{
background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}
.bg-gradient-to-r{
background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.from-wave-500{
--tw-gradient-from: #0069FF var(--tw-gradient-from-position);
--tw-gradient-to: rgb(0 105 255 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-wave-600{
--tw-gradient-from: #005FE6 var(--tw-gradient-from-position);
--tw-gradient-to: rgb(0 95 230 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.via-blue-500{
--tw-gradient-to: rgb(63 131 248 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), #3F83F8 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-wave-600{
--tw-gradient-to: rgb(0 95 230 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), #005FE6 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.to-indigo-500{
--tw-gradient-to: #6875F5 var(--tw-gradient-to-position);
}
.to-purple-500{
--tw-gradient-to: #9061F9 var(--tw-gradient-to-position);
}
.to-purple-600{
--tw-gradient-to: #7E3AF2 var(--tw-gradient-to-position);
}
.to-wave-400{
--tw-gradient-to: #4D96FF var(--tw-gradient-to-position);
}
.fill-current{
fill: currentColor;
}
.object-cover{
-o-object-fit: cover;
object-fit: cover;
}
.p-0{
padding: 0px;
}
.p-1{
padding: 0.25rem;
}
.p-10{
padding: 2.5rem;
}
.p-12{
padding: 3rem;
}
.p-2{
padding: 0.5rem;
}
.p-2\.5{
padding: 0.625rem;
}
.p-3{
padding: 0.75rem;
}
.p-4{
padding: 1rem;
}
.p-5{
padding: 1.25rem;
}
.p-6{
padding: 1.5rem;
}
.p-8{
padding: 2rem;
}
.p-\[0_15px\]{
padding: 0 15px;
}
.p-\[0_15px_15px\]{
padding: 0 15px 15px;
}
.p-\[0_20px\]{
padding: 0 20px;
}
.p-\[0_25px\]{
padding: 0 25px;
}
.p-\[0_35px\]{
padding: 0 35px;
}
.p-\[0_42px\]{
padding: 0 42px;
}
.p-\[0_70px_30px_0\]{
padding: 0 70px 30px 0;
}
.p-\[140px_0_135px\]{
padding: 140px 0 135px;
}
.p-\[150px_0_75px\]{
padding: 150px 0 75px;
}
.p-\[15px_0\]{
padding: 15px 0;
}
.p-\[20px_0_15px\]{
padding: 20px 0 15px;
}
.p-\[20px_20px_80px\]{
padding: 20px 20px 80px;
}
.p-\[22px_70px_22px_0\]{
padding: 22px 70px 22px 0;
}
.p-\[24px_0_0\]{
padding: 24px 0 0;
}
.p-\[25px_0\]{
padding: 25px 0;
}
.p-\[25px_0_3px\]{
padding: 25px 0 3px;
}
.p-\[35px_40px_80px\]{
padding: 35px 40px 80px;
}
.p-\[40px_0_40px\]{
padding: 40px 0 40px;
}
.p-\[40px_20px_40px\]{
padding: 40px 20px 40px;
}
.p-\[45px_0_45px\]{
padding: 45px 0 45px;
}
.p-\[50px_4\%_20px\]{
padding: 50px 4% 20px;
}
.p-\[5px_0_3px\]{
padding: 5px 0 3px;
}
.p-\[75px_0_170px\]{
padding: 75px 0 170px;
}
.p-\[90px_0_90px\]{
padding: 90px 0 90px;
}
.px-0{
padding-left: 0px;
padding-right: 0px;
}
.px-1{
padding-left: 0.25rem;
padding-right: 0.25rem;
}
.px-10{
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.px-2{
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.px-2\.5{
padding-left: 0.625rem;
padding-right: 0.625rem;
}
.px-3{
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.px-4{
padding-left: 1rem;
padding-right: 1rem;
}
.px-5{
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.px-6{
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.px-8{
padding-left: 2rem;
padding-right: 2rem;
}
.px-\[15px\]{
padding-left: 15px;
padding-right: 15px;
}
.px-\[25px\]{
padding-left: 25px;
padding-right: 25px;
}
.px-\[45px\]{
padding-left: 45px;
padding-right: 45px;
}
.px-\[5\%\]{
padding-left: 5%;
padding-right: 5%;
}
.px-\[50px\]{
padding-left: 50px;
padding-right: 50px;
}
.px-\[5px\]{
padding-left: 5px;
padding-right: 5px;
}
.px-\[70px\]{
padding-left: 70px;
padding-right: 70px;
}
.py-0{
padding-top: 0px;
padding-bottom: 0px;
}
.py-0\.5{
padding-top: 0.125rem;
padding-bottom: 0.125rem;
}
.py-1{
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
.py-1\.5{
padding-top: 0.375rem;
padding-bottom: 0.375rem;
}
.py-10{
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
.py-16{
padding-top: 4rem;
padding-bottom: 4rem;
}
.py-2{
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.py-2\.5{
padding-top: 0.625rem;
padding-bottom: 0.625rem;
}
.py-20{
padding-top: 5rem;
padding-bottom: 5rem;
}
.py-3{
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
.py-4{
padding-top: 1rem;
padding-bottom: 1rem;
}
.py-5{
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
.py-6{
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.py-8{
padding-top: 2rem;
padding-bottom: 2rem;
}
.py-\[15px\]{
padding-top: 15px;
padding-bottom: 15px;
}
.py-\[17px\]{
padding-top: 17px;
padding-bottom: 17px;
}
.py-\[50px\]{
padding-top: 50px;
padding-bottom: 50px;
}
.pb-0{
padding-bottom: 0px;
}
.pb-10{
padding-bottom: 2.5rem;
}
.pb-12{
padding-bottom: 3rem;
}
.pb-16{
padding-bottom: 4rem;
}
.pb-2{
padding-bottom: 0.5rem;
}
.pb-20{
padding-bottom: 5rem;
}
.pb-3{
padding-bottom: 0.75rem;
}
.pb-4{
padding-bottom: 1rem;
}
.pb-5{
padding-bottom: 1.25rem;
}
.pb-6{
padding-bottom: 1.5rem;
}
.pb-8{
padding-bottom: 2rem;
}
.pb-9{
padding-bottom: 2.25rem;
}
.pb-\[15px\]{
padding-bottom: 15px;
}
.pb-\[25px\]{
padding-bottom: 25px;
}
.pb-\[30px\]{
padding-bottom: 30px;
}
.pb-\[45px\]{
padding-bottom: 45px;
}
.pb-\[50px\]{
padding-bottom: 50px;
}
.pb-\[58px\]{
padding-bottom: 58px;
}
.pl-0{
padding-left: 0px;
}
.pl-16{
padding-left: 4rem;
}
.pl-2{
padding-left: 0.5rem;
}
.pl-2\.5{
padding-left: 0.625rem;
}
.pl-3{
padding-left: 0.75rem;
}
.pl-3\.5{
padding-left: 0.875rem;
}
.pl-5{
padding-left: 1.25rem;
}
.pl-\[18px\]{
padding-left: 18px;
}
.pl-\[20px\]{
padding-left: 20px;
}
.pl-\[22px\]{
padding-left: 22px;
}
.pl-\[30px\]{
padding-left: 30px;
}
.pr-0{
padding-right: 0px;
}
.pr-0\.5{
padding-right: 0.125rem;
}
.pr-1{
padding-right: 0.25rem;
}
.pr-2{
padding-right: 0.5rem;
}
.pr-2\.5{
padding-right: 0.625rem;
}
.pr-5{
padding-right: 1.25rem;
}
.pr-\[125px\]{
padding-right: 125px;
}
.pr-\[50px\]{
padding-right: 50px;
}
.pr-\[52px\]{
padding-right: 52px;
}
.pt-0{
padding-top: 0px;
}
.pt-1{
padding-top: 0.25rem;
}
.pt-10{
padding-top: 2.5rem;
}
.pt-14{
padding-top: 3.5rem;
}
.pt-2{
padding-top: 0.5rem;
}
.pt-2\.5{
padding-top: 0.625rem;
}
.pt-20{
padding-top: 5rem;
}
.pt-4{
padding-top: 1rem;
}
.pt-5{
padding-top: 1.25rem;
}
.pt-6{
padding-top: 1.5rem;
}
.pt-7{
padding-top: 1.75rem;
}
.pt-9{
padding-top: 2.25rem;
}
.pt-\[120px\]{
padding-top: 120px;
}
.pt-\[26px\]{
padding-top: 26px;
}
.pt-\[30px\]{
padding-top: 30px;
}
.pt-\[35px\]{
padding-top: 35px;
}
.pt-\[50px\]{
padding-top: 50px;
}
.pt-\[60px\]{
padding-top: 60px;
}
.pt-\[65px\]{
padding-top: 65px;
}
.text-left{
text-align: left;
}
.text-center{
text-align: center;
}
.text-right{
text-align: right;
}
.indent-\[200\%\]{
text-indent: 200%;
}
.align-bottom{
vertical-align: bottom;
}
.font-Gordita{
font-family: gordita;
}
.font-Roboto-Slab{
font-family: Roboto Slab, serif;
}
.font-Rubik{
font-family: Rubik, sans-serif;
}
.font-gilroy-black{
font-family: gilroy-black;
}
.font-gilroy-bold{
font-family: gilroy-bold;
}
.text-2xl{
font-size: 1.5rem;
line-height: 2rem;
}
.text-3xl{
font-size: 1.875rem;
line-height: 2.25rem;
}
.text-4xl{
font-size: 2.25rem;
line-height: 2.5rem;
}
.text-5xl{
font-size: 3rem;
line-height: 1;
}
.text-\[100px\]{
font-size: 100px;
}
.text-\[12px\]{
font-size: 12px;
}
.text-\[14px\]{
font-size: 14px;
}
.text-\[15px\]{
font-size: 15px;
}
.text-\[16px\]{
font-size: 16px;
}
.text-\[17px\]{
font-size: 17px;
}
.text-\[18px\]{
font-size: 18px;
}
.text-\[19px\]{
font-size: 19px;
}
.text-\[20px\]{
font-size: 20px;
}
.text-\[22px\]{
font-size: 22px;
}
.text-\[23px\]{
font-size: 23px;
}
.text-\[24px\]{
font-size: 24px;
}
.text-\[30px\]{
font-size: 30px;
}
.text-\[32px\]{
font-size: 32px;
}
.text-\[34px\]{
font-size: 34px;
}
.text-\[36px\]{
font-size: 36px;
}
.text-\[38px\]{
font-size: 38px;
}
.text-\[40px\]{
font-size: 40px;
}
.text-\[54px\]{
font-size: 54px;
}
.text-\[58px\]{
font-size: 58px;
}
.text-\[65px\]{
font-size: 65px;
}
.text-\[80px\]{
font-size: 80px;
}
.text-base{
font-size: 1rem;
line-height: 1.5rem;
}
.text-lg{
font-size: 1.125rem;
line-height: 1.75rem;
}
.text-sm{
font-size: 0.875rem;
line-height: 1.25rem;
}
.text-xl{
font-size: 1.25rem;
line-height: 1.75rem;
}
.text-xs{
font-size: 0.75rem;
line-height: 1rem;
}
.font-bold{
font-weight: 700;
}
.font-extrabold{
font-weight: 800;
}
.font-light{
font-weight: 300;
}
.font-medium{
font-weight: 500;
}
.font-normal{
font-weight: 400;
}
.font-semibold{
font-weight: 600;
}
.font-thin{
font-weight: 100;
}
.uppercase{
text-transform: uppercase;
}
.capitalize{
text-transform: capitalize;
}
.italic{
font-style: italic;
}
.leading-10{
line-height: 2.5rem;
}
.leading-4{
line-height: 1rem;
}
.leading-5{
line-height: 1.25rem;
}
.leading-6{
line-height: 1.5rem;
}
.leading-7{
line-height: 1.75rem;
}
.leading-9{
line-height: 2.25rem;
}
.leading-\[1\.15em\]{
line-height: 1.15em;
}
.leading-\[1\.16em\]{
line-height: 1.16em;
}
.leading-\[1\.17em\]{
line-height: 1.17em;
}
.leading-\[1\.1em\]{
line-height: 1.1em;
}
.leading-\[1\.25em\]{
line-height: 1.25em;
}
.leading-\[1\.27em\]{
line-height: 1.27em;
}
.leading-\[1\.2em\]{
line-height: 1.2em;
}
.leading-\[1\.31em\]{
line-height: 1.31em;
}
.leading-\[1\.3em\]{
line-height: 1.3em;
}
.leading-\[1\.40em\]{
line-height: 1.40em;
}
.leading-\[1\.52em\]{
line-height: 1.52em;
}
.leading-\[1\.55em\]{
line-height: 1.55em;
}
.leading-\[1\.5em\]{
line-height: 1.5em;
}
.leading-\[1\.76em\]{
line-height: 1.76em;
}
.leading-\[1\.7em\]{
line-height: 1.7em;
}
.leading-\[18px\]{
line-height: 18px;
}
.leading-\[22px\]{
line-height: 22px;
}
.leading-\[35px\]{
line-height: 35px;
}
.leading-\[38px\]{
line-height: 38px;
}
.leading-\[42px\]{
line-height: 42px;
}
.leading-\[46px\]{
line-height: 46px;
}
.leading-\[50px\]{
line-height: 50px;
}
.leading-\[54px\]{
line-height: 54px;
}
.leading-\[56px\]{
line-height: 56px;
}
.leading-\[60px\]{
line-height: 60px;
}
.leading-\[initial\]{
line-height: initial;
}
.leading-none{
line-height: 1;
}
.leading-normal{
line-height: 1.5;
}
.leading-relaxed{
line-height: 1.625;
}
.leading-tight{
line-height: 1.25;
}
.tracking-\[1px\]{
letter-spacing: 1px;
}
.tracking-\[3px\]{
letter-spacing: 3px;
}
.tracking-tight{
letter-spacing: -0.025em;
}
.tracking-wide{
letter-spacing: 0.025em;
}
.tracking-wider{
letter-spacing: 0.05em;
}
.\!text-\[var\(--heading\)\]{
color: var(--heading) !important;
}
.text-\[\#030303\]{
--tw-text-opacity: 1;
color: rgb(3 3 3 / var(--tw-text-opacity));
}
.text-\[\#262626\]{
--tw-text-opacity: 1;
color: rgb(38 38 38 / var(--tw-text-opacity));
}
.text-\[\#2B2C2E\]{
--tw-text-opacity: 1;
color: rgb(43 44 46 / var(--tw-text-opacity));
}
.text-\[\#2F2F2F\]{
--tw-text-opacity: 1;
color: rgb(47 47 47 / var(--tw-text-opacity));
}
.text-\[\#373737\]{
--tw-text-opacity: 1;
color: rgb(55 55 55 / var(--tw-text-opacity));
}
.text-\[\#3b5998\]{
--tw-text-opacity: 1;
color: rgb(59 89 152 / var(--tw-text-opacity));
}
.text-\[\#464646\]{
--tw-text-opacity: 1;
color: rgb(70 70 70 / var(--tw-text-opacity));
}
.text-\[\#727272\]{
--tw-text-opacity: 1;
color: rgb(114 114 114 / var(--tw-text-opacity));
}
.text-\[\#979797\]{
--tw-text-opacity: 1;
color: rgb(151 151 151 / var(--tw-text-opacity));
}
.text-\[\#A2A2A2\]{
--tw-text-opacity: 1;
color: rgb(162 162 162 / var(--tw-text-opacity));
}
.text-\[\#B9B9B9\]{
--tw-text-opacity: 1;
color: rgb(185 185 185 / var(--tw-text-opacity));
}
.text-\[\#BFBFBF\]{
--tw-text-opacity: 1;
color: rgb(191 191 191 / var(--tw-text-opacity));
}
.text-\[rgba\(0\2c 0\2c 0\2c 0\.35\)\]{
color: rgba(0,0,0,0.35);
}
.text-\[rgba\(0\2c 0\2c 0\2c 0\.6\)\]{
color: rgba(0,0,0,0.6);
}
.text-\[rgba\(0\2c 0\2c 0\2c 0\.8\)\]{
color: rgba(0,0,0,0.8);
}
.text-\[rgba\(10\2c 10\2c 10\2c 0\.24\)\]{
color: rgba(10,10,10,0.24);
}
.text-\[rgba\(30\2c 30\2c 30\2c 0\.55\)\]{
color: rgba(30,30,30,0.55);
}
.text-\[var\(--blue-dark\)\]{
color: var(--blue-dark);
}
.text-\[var\(--heading\)\]{
color: var(--heading);
}
.text-\[var\(--purple-blue\)\]{
color: var(--purple-blue);
}
.text-\[var\(--text-color\)\]{
color: var(--text-color);
}
.text-black{
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
.text-blue-100{
--tw-text-opacity: 1;
color: rgb(225 239 254 / var(--tw-text-opacity));
}
.text-blue-200{
--tw-text-opacity: 1;
color: rgb(195 221 253 / var(--tw-text-opacity));
}
.text-blue-400{
--tw-text-opacity: 1;
color: rgb(118 169 250 / var(--tw-text-opacity));
}
.text-blue-600{
--tw-text-opacity: 1;
color: rgb(28 100 242 / var(--tw-text-opacity));
}
.text-blue-800{
--tw-text-opacity: 1;
color: rgb(30 66 159 / var(--tw-text-opacity));
}
.text-blue-900{
--tw-text-opacity: 1;
color: rgb(35 56 118 / var(--tw-text-opacity));
}
.text-gray-400{
--tw-text-opacity: 1;
color: rgb(156 163 175 / var(--tw-text-opacity));
}
.text-gray-500{
--tw-text-opacity: 1;
color: rgb(107 114 128 / var(--tw-text-opacity));
}
.text-gray-600{
--tw-text-opacity: 1;
color: rgb(75 85 99 / var(--tw-text-opacity));
}
.text-gray-700{
--tw-text-opacity: 1;
color: rgb(55 65 81 / var(--tw-text-opacity));
}
.text-gray-800{
--tw-text-opacity: 1;
color: rgb(31 41 55 / var(--tw-text-opacity));
}
.text-gray-900{
--tw-text-opacity: 1;
color: rgb(17 24 39 / var(--tw-text-opacity));
}
.text-green-400{
--tw-text-opacity: 1;
color: rgb(49 196 141 / var(--tw-text-opacity));
}
.text-green-500{
--tw-text-opacity: 1;
color: rgb(14 159 110 / var(--tw-text-opacity));
}
.text-indigo-400{
--tw-text-opacity: 1;
color: rgb(141 162 251 / var(--tw-text-opacity));
}
.text-indigo-500{
--tw-text-opacity: 1;
color: rgb(104 117 245 / var(--tw-text-opacity));
}
.text-indigo-600{
--tw-text-opacity: 1;
color: rgb(88 80 236 / var(--tw-text-opacity));
}
.text-orange-800{
--tw-text-opacity: 1;
color: rgb(138 44 13 / var(--tw-text-opacity));
}
.text-red-100{
--tw-text-opacity: 1;
color: rgb(253 232 232 / var(--tw-text-opacity));
}
.text-red-400{
--tw-text-opacity: 1;
color: rgb(249 128 128 / var(--tw-text-opacity));
}
.text-red-500{
--tw-text-opacity: 1;
color: rgb(240 82 82 / var(--tw-text-opacity));
}
.text-red-600{
--tw-text-opacity: 1;
color: rgb(224 36 36 / var(--tw-text-opacity));
}
.text-red-700{
--tw-text-opacity: 1;
color: rgb(200 30 30 / var(--tw-text-opacity));
}
.text-teal-600{
--tw-text-opacity: 1;
color: rgb(4 116 129 / var(--tw-text-opacity));
}
.text-teal-700{
--tw-text-opacity: 1;
color: rgb(3 102 114 / var(--tw-text-opacity));
}
.text-wave-500{
--tw-text-opacity: 1;
color: rgb(0 105 255 / var(--tw-text-opacity));
}
.text-wave-600{
--tw-text-opacity: 1;
color: rgb(0 95 230 / var(--tw-text-opacity));
}
.text-wave-700{
--tw-text-opacity: 1;
color: rgb(0 63 153 / var(--tw-text-opacity));
}
.text-white{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-yellow-400{
--tw-text-opacity: 1;
color: rgb(227 160 8 / var(--tw-text-opacity));
}
.text-yellow-700{
--tw-text-opacity: 1;
color: rgb(142 75 16 / var(--tw-text-opacity));
}
.underline{
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
}
.no-underline{
-webkit-text-decoration-line: none;
text-decoration-line: none;
}
.antialiased{
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.opacity-0{
opacity: 0;
}
.opacity-10{
opacity: 0.1;
}
.opacity-100{
opacity: 1;
}
.opacity-25{
opacity: 0.25;
}
.opacity-50{
opacity: 0.5;
}
.opacity-75{
opacity: 0.75;
}
.shadow{
--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_10px_40px_rgba\(0\2c 0\2c 0\2c 0\.08\)\]{
--tw-shadow: 0 10px 40px rgba(0,0,0,0.08);
--tw-shadow-colored: 0 10px 40px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_15px_20px_0px_rgba\(0\2c 0\2c 0\2c 0\.05\)\]{
--tw-shadow: 0 15px 20px 0px rgba(0,0,0,0.05);
--tw-shadow-colored: 0 15px 20px 0px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_20px_60px_0_rgba\(104\2c 103\2c 255\2c 0\.2\)\]{
--tw-shadow: 0 20px 60px 0 rgba(104,103,255,0.2);
--tw-shadow-colored: 0 20px 60px 0 var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_2px_4px_rgba\(0\2c 0\2c 0\2c 0\.1\)\]{
--tw-shadow: 0 2px 4px rgba(0,0,0,0.1);
--tw-shadow-colored: 0 2px 4px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0px_10px_25px_0px_rgba\(123\2c 147\2c 171\2c 0\.15\)\]{
--tw-shadow: 0px 10px 25px 0px rgba(123,147,171,0.15);
--tw-shadow-colored: 0px 10px 25px 0px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg{
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-md{
--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-sm{
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-xl{
--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline{
outline-style: solid;
}
.ring-1{
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-black{
--tw-ring-opacity: 1;
--tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity));
}
.ring-opacity-5{
--tw-ring-opacity: 0.05;
}
.blur{
--tw-blur: blur(8px);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.grayscale{
--tw-grayscale: grayscale(100%);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.invert{
--tw-invert: invert(100%);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.sepia{
--tw-sepia: sepia(100%);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter{
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.transition{
transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.transition-\[0\.3s\]{
transition-property: 0.3s;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.transition-all{
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.transition-opacity{
transition-property: opacity;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.transition-transform{
transition-property: transform;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.duration-100{
transition-duration: 100ms;
}
.duration-1000{
transition-duration: 1000ms;
}
.duration-150{
transition-duration: 150ms;
}
.duration-200{
transition-duration: 200ms;
}
.duration-300{
transition-duration: 300ms;
}
.duration-75{
transition-duration: 75ms;
}
.duration-\[0\.1s\]{
transition-duration: 0.1s;
}
.duration-\[0\.25s\]{
transition-duration: 0.25s;
}
.duration-\[0\.3s\]{
transition-duration: 0.3s;
}
.duration-\[0\.4s\]{
transition-duration: 0.4s;
}
.duration-\[0\.5s\]{
transition-duration: 0.5s;
}
.duration-\[linear\]{
transition-duration: linear;
}
.ease-\[all\]{
transition-timing-function: all;
}
.ease-\[ease-in-out\]{
transition-timing-function: ease-in-out;
}
.ease-\[ease-out\]{
transition-timing-function: ease-out;
}
.ease-in{
transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.ease-in-out{
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-out{
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
body {
position: relative;
}
[x-cloak] {
display: none;
}
svg {
width: 100%;
}
.wave {
animation: wave 3s linear;
animation-iteration-count: infinite;
fill: #0069ff;
}
#wave2 {
animation-duration: 5s;
animation-direction: reverse;
opacity: 0.6;
}
#wave3 {
animation-duration: 7s;
opacity: 0.3;
}
@keyframes drop {
0% {
transform: translateY(80%);
opacity: 0.6;
}
80% {
transform: translateY(80%);
opacity: 0.6;
}
90% {
transform: translateY(10%);
opacity: 0.6;
}
100% {
transform: translateY(0%) scale(1.5);
stroke-width: 0.2;
opacity: 0;
}
}
@keyframes wave {
from {
transform: translateX(0%);
}
to {
transform: translateX(-100%);
}
}
.form-control{
width: 100%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0.375rem;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(156 163 175 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 0.75rem;
padding-right: 0.75rem;
font-size: 1rem;
line-height: 1.5rem;
line-height: 1.5;
transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
transition-duration: 150ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.form-control:focus{
--tw-border-opacity: 1;
border-color: rgb(77 150 255 / var(--tw-border-opacity));
outline: 2px solid transparent;
outline-offset: 2px;
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
--tw-ring-color: rgb(0 105 255 / var(--tw-ring-opacity));
--tw-ring-opacity: 0.3;
}
/****** Form Input CLASSES **********/
.form-input, .form-textarea, .form-select{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0.375rem;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(156 163 175 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 0.75rem;
padding-right: 0.75rem;
font-size: 1rem;
line-height: 1.5rem;
line-height: 1.5;
transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
transition-duration: 150ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.form-input:focus, .form-textarea:focus, .form-select:focus{
--tw-border-opacity: 1;
border-color: rgb(77 150 255 / var(--tw-border-opacity));
outline: 2px solid transparent;
outline-offset: 2px;
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
--tw-ring-color: rgb(0 105 255 / var(--tw-ring-opacity));
--tw-ring-opacity: 0.3;
}
.form-select {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M7 7l3-3 3 3m0 6l-3 3-3-3' stroke='%239fa6b2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-position: right 0.5rem center;
background-size: 1.5em 1.5em;
padding: 0.5rem 2.5rem 0.5rem 0.75rem;
background-repeat: no-repeat;
}
#app {
min-width: 100px;
min-height: 100px;
}
.normal-button{
display: inline-flex;
align-items: center;
border-radius: 0.25rem;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(209 213 219 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
padding-left: 0.625rem;
padding-right: 0.625rem;
padding-top: 0.375rem;
padding-bottom: 0.375rem;
font-size: 0.75rem;
line-height: 1rem;
font-weight: 500;
--tw-text-opacity: 1;
color: rgb(55 65 81 / var(--tw-text-opacity));
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.normal-button:hover{
--tw-bg-opacity: 1;
background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}
.normal-button:focus{
outline: 2px solid transparent;
outline-offset: 2px;
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
--tw-ring-opacity: 1;
--tw-ring-color: rgb(104 117 245 / var(--tw-ring-opacity));
--tw-ring-offset-width: 2px;
}
main:not(#dash-main):not(#app-container) {
margin-top: 90px;
}
.right-widget li:first-child {
margin-right: 16px;
}
[type=checkbox] {
box-shadow: black 0px 0px 2px;
}
.container {
margin-left: auto;
margin-right: auto;
}
.border-dashed {
border-style: dashed;
}
@media screen and (min-width: 992px) {
.lg\:flex-row {
flex-direction: row;
}
}
.theme-main-menu.sticky-menu.fixed_top.theme-menu-five {
padding: 10px 70px;
}
#hero-banner {
margin-bottom: 175px;
}
@media (min-width: 576px) and (max-width: 767.98px){
.sm\:invisible.tooltip > .tooltip-arrow:before{
visibility: hidden;
}
.sm\:invisible[role="tooltip"] > [data-popper-arrow]:before{
visibility: hidden;
}
.sm\:invisible[role="tooltip"] > [data-popper-arrow]:after{
visibility: hidden;
}
}
@media (min-width: 768px) and (max-width: 991.98px){
.md\:invisible.tooltip > .tooltip-arrow:before{
visibility: hidden;
}
.md\:invisible[role="tooltip"] > [data-popper-arrow]:before{
visibility: hidden;
}
.md\:invisible[role="tooltip"] > [data-popper-arrow]:after{
visibility: hidden;
}
}
@media (max-width: 575.98px){
.xsm\:invisible.tooltip > .tooltip-arrow:before{
visibility: hidden;
}
.xsm\:invisible[role="tooltip"] > [data-popper-arrow]:before{
visibility: hidden;
}
.xsm\:invisible[role="tooltip"] > [data-popper-arrow]:after{
visibility: hidden;
}
}
@media (min-width: 992px) and (max-width: 1199.98px){
.lg\:prose-2xl{
font-size: 1.5rem;
line-height: 1.6666667;
}
.lg\:prose-2xl :where(p):not(:where([class~="not-prose"] *)){
margin-top: 1.3333333em;
margin-bottom: 1.3333333em;
}
.lg\:prose-2xl :where([class~="lead"]):not(:where([class~="not-prose"] *)){
font-size: 1.25em;
line-height: 1.4666667;
margin-top: 1.0666667em;
margin-bottom: 1.0666667em;
}
.lg\:prose-2xl :where(blockquote):not(:where([class~="not-prose"] *)){
margin-top: 1.7777778em;
margin-bottom: 1.7777778em;
padding-left: 1.1111111em;
}
.lg\:prose-2xl :where(h1):not(:where([class~="not-prose"] *)){
font-size: 2.6666667em;
margin-top: 0;
margin-bottom: 0.875em;
line-height: 1;
}
.lg\:prose-2xl :where(h2):not(:where([class~="not-prose"] *)){
font-size: 2em;
margin-top: 1.5em;
margin-bottom: 0.8333333em;
line-height: 1.0833333;
}
.lg\:prose-2xl :where(h3):not(:where([class~="not-prose"] *)){
font-size: 1.5em;
margin-top: 1.5555556em;
margin-bottom: 0.6666667em;
line-height: 1.2222222;
}
.lg\:prose-2xl :where(h4):not(:where([class~="not-prose"] *)){
margin-top: 1.6666667em;
margin-bottom: 0.6666667em;
line-height: 1.5;
}
.lg\:prose-2xl :where(img):not(:where([class~="not-prose"] *)){
margin-top: 2em;
margin-bottom: 2em;
}
.lg\:prose-2xl :where(video):not(:where([class~="not-prose"] *)){
margin-top: 2em;
margin-bottom: 2em;
}
.lg\:prose-2xl :where(figure):not(:where([class~="not-prose"] *)){
margin-top: 2em;
margin-bottom: 2em;
}
.lg\:prose-2xl :where(figure > *):not(:where([class~="not-prose"] *)){
margin-top: 0;
margin-bottom: 0;
}
.lg\:prose-2xl :where(figcaption):not(:where([class~="not-prose"] *)){
font-size: 0.8333333em;
line-height: 1.6;
margin-top: 1em;
}
.lg\:prose-2xl :where(code):not(:where([class~="not-prose"] *)){
font-size: 0.8333333em;
}
.lg\:prose-2xl :where(h2 code):not(:where([class~="not-prose"] *)){
font-size: 0.875em;
}
.lg\:prose-2xl :where(h3 code):not(:where([class~="not-prose"] *)){
font-size: 0.8888889em;
}
.lg\:prose-2xl :where(pre):not(:where([class~="not-prose"] *)){
font-size: 0.8333333em;
line-height: 1.8;
margin-top: 2em;
margin-bottom: 2em;
border-radius: 0.5rem;
padding-top: 1.2em;
padding-right: 1.6em;
padding-bottom: 1.2em;
padding-left: 1.6em;
}
.lg\:prose-2xl :where(ol):not(:where([class~="not-prose"] *)){
margin-top: 1.3333333em;
margin-bottom: 1.3333333em;
padding-left: 1.5833333em;
}
.lg\:prose-2xl :where(ul):not(:where([class~="not-prose"] *)){
margin-top: 1.3333333em;
margin-bottom: 1.3333333em;
padding-left: 1.5833333em;
}
.lg\:prose-2xl :where(li):not(:where([class~="not-prose"] *)){
margin-top: 0.5em;
margin-bottom: 0.5em;
}
.lg\:prose-2xl :where(ol > li):not(:where([class~="not-prose"] *)){
padding-left: 0.4166667em;
}
.lg\:prose-2xl :where(ul > li):not(:where([class~="not-prose"] *)){
padding-left: 0.4166667em;
}
.lg\:prose-2xl :where(.lg\:prose-2xl > ul > li p):not(:where([class~="not-prose"] *)){
margin-top: 0.8333333em;
margin-bottom: 0.8333333em;
}
.lg\:prose-2xl :where(.lg\:prose-2xl > ul > li > *:first-child):not(:where([class~="not-prose"] *)){
margin-top: 1.3333333em;
}
.lg\:prose-2xl :where(.lg\:prose-2xl > ul > li > *:last-child):not(:where([class~="not-prose"] *)){
margin-bottom: 1.3333333em;
}
.lg\:prose-2xl :where(.lg\:prose-2xl > ol > li > *:first-child):not(:where([class~="not-prose"] *)){
margin-top: 1.3333333em;
}
.lg\:prose-2xl :where(.lg\:prose-2xl > ol > li > *:last-child):not(:where([class~="not-prose"] *)){
margin-bottom: 1.3333333em;
}
.lg\:prose-2xl :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"] *)){
margin-top: 0.6666667em;
margin-bottom: 0.6666667em;
}
.lg\:prose-2xl :where(hr):not(:where([class~="not-prose"] *)){
margin-top: 3em;
margin-bottom: 3em;
}
.lg\:prose-2xl :where(hr + *):not(:where([class~="not-prose"] *)){
margin-top: 0;
}
.lg\:prose-2xl :where(h2 + *):not(:where([class~="not-prose"] *)){
margin-top: 0;
}
.lg\:prose-2xl :where(h3 + *):not(:where([class~="not-prose"] *)){
margin-top: 0;
}
.lg\:prose-2xl :where(h4 + *):not(:where([class~="not-prose"] *)){
margin-top: 0;
}
.lg\:prose-2xl :where(table):not(:where([class~="not-prose"] *)){
font-size: 0.8333333em;
line-height: 1.4;
}
.lg\:prose-2xl :where(thead th):not(:where([class~="not-prose"] *)){
padding-right: 0.6em;
padding-bottom: 0.8em;
padding-left: 0.6em;
}
.lg\:prose-2xl :where(thead th:first-child):not(:where([class~="not-prose"] *)){
padding-left: 0;
}
.lg\:prose-2xl :where(thead th:last-child):not(:where([class~="not-prose"] *)){
padding-right: 0;
}
.lg\:prose-2xl :where(tbody td, tfoot td):not(:where([class~="not-prose"] *)){
padding-top: 0.8em;
padding-right: 0.6em;
padding-bottom: 0.8em;
padding-left: 0.6em;
}
.lg\:prose-2xl :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"] *)){
padding-left: 0;
}
.lg\:prose-2xl :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"] *)){
padding-right: 0;
}
.lg\:prose-2xl :where(.lg\:prose-2xl > :first-child):not(:where([class~="not-prose"] *)){
margin-top: 0;
}
.lg\:prose-2xl :where(.lg\:prose-2xl > :last-child):not(:where([class~="not-prose"] *)){
margin-bottom: 0;
}
}
.placeholder\:text-black::-moz-placeholder{
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
.placeholder\:text-black::placeholder{
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
.placeholder\:opacity-100::-moz-placeholder{
opacity: 1;
}
.placeholder\:opacity-100::placeholder{
opacity: 1;
}
.before\:pointer-events-none::before{
content: var(--tw-content);
pointer-events: none;
}
.before\:absolute::before{
content: var(--tw-content);
position: absolute;
}
.before\:-left-2::before{
content: var(--tw-content);
left: -0.5rem;
}
.before\:-top-2::before{
content: var(--tw-content);
top: -0.5rem;
}
.before\:bottom-0::before{
content: var(--tw-content);
bottom: 0px;
}
.before\:bottom-3::before{
content: var(--tw-content);
bottom: 0.75rem;
}
.before\:bottom-\[-100px\]::before{
content: var(--tw-content);
bottom: -100px;
}
.before\:bottom-\[30px\]::before{
content: var(--tw-content);
bottom: 30px;
}
.before\:bottom-\[5px\]::before{
content: var(--tw-content);
bottom: 5px;
}
.before\:left-0::before{
content: var(--tw-content);
left: 0px;
}
.before\:left-2\/4::before{
content: var(--tw-content);
left: 50%;
}
.before\:left-\[-20\%\]::before{
content: var(--tw-content);
left: -20%;
}
.before\:left-\[-5\%\]::before{
content: var(--tw-content);
left: -5%;
}
.before\:left-\[9px\]::before{
content: var(--tw-content);
left: 9px;
}
.before\:right-0::before{
content: var(--tw-content);
right: 0px;
}
.before\:right-\[-117px\]::before{
content: var(--tw-content);
right: -117px;
}
.before\:right-full::before{
content: var(--tw-content);
right: 100%;
}
.before\:top-0::before{
content: var(--tw-content);
top: 0px;
}
.before\:top-0\.5::before{
content: var(--tw-content);
top: 0.125rem;
}
.before\:top-2\/4::before{
content: var(--tw-content);
top: 50%;
}
.before\:top-\[-117px\]::before{
content: var(--tw-content);
top: -117px;
}
.before\:top-\[-5\%\]::before{
content: var(--tw-content);
top: -5%;
}
.before\:top-\[-50px\]::before{
content: var(--tw-content);
top: -50px;
}
.before\:top-\[26\%\]::before{
content: var(--tw-content);
top: 26%;
}
.before\:top-\[30\%\]::before{
content: var(--tw-content);
top: 30%;
}
.before\:top-\[5px\]::before{
content: var(--tw-content);
top: 5px;
}
.before\:top-px::before{
content: var(--tw-content);
top: 1px;
}
.before\:z-\[-1\]::before{
content: var(--tw-content);
z-index: -1;
}
.before\:z-\[1\]::before{
content: var(--tw-content);
z-index: 1;
}
.before\:block::before{
content: var(--tw-content);
display: block;
}
.before\:h-0::before{
content: var(--tw-content);
height: 0px;
}
.before\:h-0\.5::before{
content: var(--tw-content);
height: 0.125rem;
}
.before\:h-1::before{
content: var(--tw-content);
height: 0.25rem;
}
.before\:h-1\.5::before{
content: var(--tw-content);
height: 0.375rem;
}
.before\:h-2::before{
content: var(--tw-content);
height: 0.5rem;
}
.before\:h-2\.5::before{
content: var(--tw-content);
height: 0.625rem;
}
.before\:h-\[103px\]::before{
content: var(--tw-content);
height: 103px;
}
.before\:h-\[13px\]::before{
content: var(--tw-content);
height: 13px;
}
.before\:h-\[15px\]::before{
content: var(--tw-content);
height: 15px;
}
.before\:h-\[25px\]::before{
content: var(--tw-content);
height: 25px;
}
.before\:h-\[52px\]::before{
content: var(--tw-content);
height: 52px;
}
.before\:h-full::before{
content: var(--tw-content);
height: 100%;
}
.before\:w-1::before{
content: var(--tw-content);
width: 0.25rem;
}
.before\:w-1\.5::before{
content: var(--tw-content);
width: 0.375rem;
}
.before\:w-2::before{
content: var(--tw-content);
width: 0.5rem;
}
.before\:w-2\.5::before{
content: var(--tw-content);
width: 0.625rem;
}
.before\:w-\[109\%\]::before{
content: var(--tw-content);
width: 109%;
}
.before\:w-\[13px\]::before{
content: var(--tw-content);
width: 13px;
}
.before\:w-\[26px\]::before{
content: var(--tw-content);
width: 26px;
}
.before\:w-full::before{
content: var(--tw-content);
width: 100%;
}
.before\:origin-\[0_100\%\]::before{
content: var(--tw-content);
transform-origin: 0 100%;
}
.before\:origin-\[50\%_50\%\]::before{
content: var(--tw-content);
transform-origin: 50% 50%;
}
.before\:-translate-x-2\/4::before{
content: var(--tw-content);
--tw-translate-x: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.before\:skew-y-\[2\.3deg\]::before{
content: var(--tw-content);
--tw-skew-y: 2.3deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.before\:scale-x-0::before{
content: var(--tw-content);
--tw-scale-x: 0;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.before\:scale-y-100::before{
content: var(--tw-content);
--tw-scale-y: 1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.before\:transform::before{
content: var(--tw-content);
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.before\:animate-\[jumpTwo_5s_infinite_linear\]::before{
content: var(--tw-content);
animation: jumpTwo 5s infinite linear;
}
.before\:rounded-\[50\%\]::before{
content: var(--tw-content);
border-radius: 50%;
}
.before\:rounded-sm::before{
content: var(--tw-content);
border-radius: 0.125rem;
}
.before\:border-2::before{
content: var(--tw-content);
border-width: 2px;
}
.before\:border-solid::before{
content: var(--tw-content);
border-style: solid;
}
.before\:border-\[rgba\(0\2c 0\2c 0\2c 0\.3\)\]::before{
content: var(--tw-content);
border-color: rgba(0,0,0,0.3);
}
.before\:bg-\[\#8fe9e0\]::before{
content: var(--tw-content);
--tw-bg-opacity: 1;
background-color: rgb(143 233 224 / var(--tw-bg-opacity));
}
.before\:bg-\[\#8fe9e1\]::before{
content: var(--tw-content);
--tw-bg-opacity: 1;
background-color: rgb(143 233 225 / var(--tw-bg-opacity));
}
.before\:bg-\[\#d4fdf1\]::before{
content: var(--tw-content);
--tw-bg-opacity: 1;
background-color: rgb(212 253 241 / var(--tw-bg-opacity));
}
.before\:bg-\[\#dbf7ff\]::before{
content: var(--tw-content);
--tw-bg-opacity: 1;
background-color: rgb(219 247 255 / var(--tw-bg-opacity));
}
.before\:bg-\[\#fac3ff\]::before{
content: var(--tw-content);
--tw-bg-opacity: 1;
background-color: rgb(250 195 255 / var(--tw-bg-opacity));
}
.before\:bg-\[\#ffd5ad\]::before{
content: var(--tw-content);
--tw-bg-opacity: 1;
background-color: rgb(255 213 173 / var(--tw-bg-opacity));
}
.before\:bg-\[\#ffe3e3\]::before{
content: var(--tw-content);
--tw-bg-opacity: 1;
background-color: rgb(255 227 227 / var(--tw-bg-opacity));
}
.before\:bg-\[\#ffeaa0\]::before{
content: var(--tw-content);
--tw-bg-opacity: 1;
background-color: rgb(255 234 160 / var(--tw-bg-opacity));
}
.before\:bg-\[rgba\(241\2c 193\2c 83\2c 0\.45\)\]::before{
content: var(--tw-content);
background-color: rgba(241,193,83,0.45);
}
.before\:bg-\[var\(--vin-red\)\]::before{
content: var(--tw-content);
background-color: var(--vin-red);
}
.before\:bg-white::before{
content: var(--tw-content);
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.before\:bg-cover::before{
content: var(--tw-content);
background-size: cover;
}
.before\:bg-\[center_top\]::before{
content: var(--tw-content);
background-position: center top;
}
.before\:bg-center::before{
content: var(--tw-content);
background-position: center;
}
.before\:bg-no-repeat::before{
content: var(--tw-content);
background-repeat: no-repeat;
}
.before\:text-center::before{
content: var(--tw-content);
text-align: center;
}
.before\:font-Awesome::before{
content: var(--tw-content);
font-family: FontAwesome;
}
.before\:text-\[28px\]::before{
content: var(--tw-content);
font-size: 28px;
}
.before\:text-\[8px\]::before{
content: var(--tw-content);
font-size: 8px;
}
.before\:leading-\[11px\]::before{
content: var(--tw-content);
line-height: 11px;
}
.before\:opacity-90::before{
content: var(--tw-content);
opacity: 0.9;
}
.before\:transition-all::before{
content: var(--tw-content);
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.before\:transition-transform::before{
content: var(--tw-content);
transition-property: transform;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.before\:delay-\[0s\]::before{
content: var(--tw-content);
transition-delay: 0s;
}
.before\:duration-\[0\.1s\]::before{
content: var(--tw-content);
transition-duration: 0.1s;
}
.before\:duration-\[0\.25s\]::before{
content: var(--tw-content);
transition-duration: 0.25s;
}
.before\:duration-\[0\.3s\]::before{
content: var(--tw-content);
transition-duration: 0.3s;
}
.before\:ease-\[ease-in-out\]::before{
content: var(--tw-content);
transition-timing-function: ease-in-out;
}
.before\:ease-in-out::before{
content: var(--tw-content);
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.before\:content-\[\'\'\]::before{
--tw-content: '';
content: var(--tw-content);
}
.before\:content-\[\'\\f107\'\]::before{
--tw-content: '\f107';
content: var(--tw-content);
}
.before\:content-\[url\(\.\.\/images\/icon\/63\.svg\)\]::before{
--tw-content: url(../images/icon/63.svg);
content: var(--tw-content);
}
.before\:content-\[url\(\.\.\/images\/icon\/64\.svg\)\]::before{
--tw-content: url(../images/icon/64.svg);
content: var(--tw-content);
}
.before\:content-\[url\(\.\.\/images\/shape\/117\.svg\)\]::before{
--tw-content: url(../images/shape/117.svg);
content: var(--tw-content);
}
.after\:pointer-events-none::after{
content: var(--tw-content);
pointer-events: none;
}
.after\:absolute::after{
content: var(--tw-content);
position: absolute;
}
.after\:bottom-\[-70px\]::after{
content: var(--tw-content);
bottom: -70px;
}
.after\:left-0::after{
content: var(--tw-content);
left: 0px;
}
.after\:left-\[9px\]::after{
content: var(--tw-content);
left: 9px;
}
.after\:right-\[-20\%\]::after{
content: var(--tw-content);
right: -20%;
}
.after\:top-2\/4::after{
content: var(--tw-content);
top: 50%;
}
.after\:top-\[26\%\]::after{
content: var(--tw-content);
top: 26%;
}
.after\:z-\[1\]::after{
content: var(--tw-content);
z-index: 1;
}
.after\:m-\[0_0_0_11px\]::after{
content: var(--tw-content);
margin: 0 0 0 11px;
}
.after\:h-0::after{
content: var(--tw-content);
height: 0px;
}
.after\:h-0\.5::after{
content: var(--tw-content);
height: 0.125rem;
}
.after\:h-\[75px\]::after{
content: var(--tw-content);
height: 75px;
}
.after\:w-\[26px\]::after{
content: var(--tw-content);
width: 26px;
}
.after\:w-full::after{
content: var(--tw-content);
width: 100%;
}
.after\:origin-\[50\%_50\%\]::after{
content: var(--tw-content);
transform-origin: 50% 50%;
}
.after\:border-\[none\]::after{
content: var(--tw-content);
border-color: none;
}
.after\:bg-white::after{
content: var(--tw-content);
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.after\:bg-cover::after{
content: var(--tw-content);
background-size: cover;
}
.after\:bg-\[center_bottom\]::after{
content: var(--tw-content);
background-position: center bottom;
}
.after\:bg-no-repeat::after{
content: var(--tw-content);
background-repeat: no-repeat;
}
.after\:transition-all::after{
content: var(--tw-content);
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.after\:transition-transform::after{
content: var(--tw-content);
transition-property: transform;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.after\:duration-\[0\.25s\]::after{
content: var(--tw-content);
transition-duration: 0.25s;
}
.after\:duration-\[0\.2s\]::after{
content: var(--tw-content);
transition-duration: 0.2s;
}
.after\:ease-\[ease-in-out\]::after{
content: var(--tw-content);
transition-timing-function: ease-in-out;
}
.after\:content-\[\'\'\]::after{
--tw-content: '';
content: var(--tw-content);
}
.after\:content-\[url\(\.\.\/images\/icon\/89\.svg\)\]::after{
--tw-content: url(../images/icon/89.svg);
content: var(--tw-content);
}
.first\:ml-0:first-child{
margin-left: 0px;
}
.focus-within\:ring-2:focus-within{
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-within\:ring-indigo-500:focus-within{
--tw-ring-opacity: 1;
--tw-ring-color: rgb(104 117 245 / var(--tw-ring-opacity));
}
.focus-within\:ring-offset-2:focus-within{
--tw-ring-offset-width: 2px;
}
.focus-within\:ring-offset-gray-100:focus-within{
--tw-ring-offset-color: #F3F4F6;
}
.hover\:-translate-y-1:hover{
--tw-translate-y: -0.25rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:-translate-y-2:hover{
--tw-translate-y: -0.5rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:-translate-y-2\.5:hover{
--tw-translate-y: -0.625rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:border-l-2:hover{
border-left-width: 2px;
}
.hover\:border-blue-500:hover{
--tw-border-opacity: 1;
border-color: rgb(63 131 248 / var(--tw-border-opacity));
}
.hover\:border-gray-300:hover{
--tw-border-opacity: 1;
border-color: rgb(209 213 219 / var(--tw-border-opacity));
}
.hover\:border-gray-400:hover{
--tw-border-opacity: 1;
border-color: rgb(156 163 175 / var(--tw-border-opacity));
}
.hover\:border-indigo-500:hover{
--tw-border-opacity: 1;
border-color: rgb(104 117 245 / var(--tw-border-opacity));
}
.hover\:\!bg-\[\#ffba12\]:hover{
--tw-bg-opacity: 1 !important;
background-color: rgb(255 186 18 / var(--tw-bg-opacity)) !important;
}
.hover\:bg-\[\#FFBA12\]:hover{
--tw-bg-opacity: 1;
background-color: rgb(255 186 18 / var(--tw-bg-opacity));
}
.hover\:bg-\[var\(--blue-dark\)\]:hover{
background-color: var(--blue-dark);
}
.hover\:bg-\[var\(--purple-blue\)\]:hover{
background-color: var(--purple-blue);
}
.hover\:bg-black:hover{
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.hover\:bg-blue-100:hover{
--tw-bg-opacity: 1;
background-color: rgb(225 239 254 / var(--tw-bg-opacity));
}
.hover\:bg-blue-200:hover{
--tw-bg-opacity: 1;
background-color: rgb(195 221 253 / var(--tw-bg-opacity));
}
.hover\:bg-blue-700:hover{
--tw-bg-opacity: 1;
background-color: rgb(26 86 219 / var(--tw-bg-opacity));
}
.hover\:bg-blue-800:hover{
--tw-bg-opacity: 1;
background-color: rgb(30 66 159 / var(--tw-bg-opacity));
}
.hover\:bg-gray-100:hover{
--tw-bg-opacity: 1;
background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.hover\:bg-gray-200:hover{
--tw-bg-opacity: 1;
background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.hover\:bg-gray-50:hover{
--tw-bg-opacity: 1;
background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}
.hover\:bg-gray-700:hover{
--tw-bg-opacity: 1;
background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}
.hover\:bg-indigo-700:hover{
--tw-bg-opacity: 1;
background-color: rgb(81 69 205 / var(--tw-bg-opacity));
}
.hover\:bg-red-500:hover{
--tw-bg-opacity: 1;
background-color: rgb(240 82 82 / var(--tw-bg-opacity));
}
.hover\:bg-red-600:hover{
--tw-bg-opacity: 1;
background-color: rgb(224 36 36 / var(--tw-bg-opacity));
}
.hover\:bg-wave-500:hover{
--tw-bg-opacity: 1;
background-color: rgb(0 105 255 / var(--tw-bg-opacity));
}
.hover\:bg-wave-600:hover{
--tw-bg-opacity: 1;
background-color: rgb(0 95 230 / var(--tw-bg-opacity));
}
.hover\:bg-white:hover{
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.hover\:bg-opacity-10:hover{
--tw-bg-opacity: 0.1;
}
.hover\:from-wave-500:hover{
--tw-gradient-from: #0069FF var(--tw-gradient-from-position);
--tw-gradient-to: rgb(0 105 255 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:to-indigo-400:hover{
--tw-gradient-to: #8DA2FB var(--tw-gradient-to-position);
}
.hover\:text-\[\#0056b3\]:hover{
--tw-text-opacity: 1;
color: rgb(0 86 179 / var(--tw-text-opacity));
}
.hover\:text-\[var\(--blue-dark\)\]:hover{
color: var(--blue-dark);
}
.hover\:text-\[var\(--p-color\)\]:hover{
color: var(--p-color);
}
.hover\:text-black:hover{
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
.hover\:text-blue-600:hover{
--tw-text-opacity: 1;
color: rgb(28 100 242 / var(--tw-text-opacity));
}
.hover\:text-blue-700:hover{
--tw-text-opacity: 1;
color: rgb(26 86 219 / var(--tw-text-opacity));
}
.hover\:text-blue-800:hover{
--tw-text-opacity: 1;
color: rgb(30 66 159 / var(--tw-text-opacity));
}
.hover\:text-gray-400:hover{
--tw-text-opacity: 1;
color: rgb(156 163 175 / var(--tw-text-opacity));
}
.hover\:text-gray-500:hover{
--tw-text-opacity: 1;
color: rgb(107 114 128 / var(--tw-text-opacity));
}
.hover\:text-gray-600:hover{
--tw-text-opacity: 1;
color: rgb(75 85 99 / var(--tw-text-opacity));
}
.hover\:text-gray-700:hover{
--tw-text-opacity: 1;
color: rgb(55 65 81 / var(--tw-text-opacity));
}
.hover\:text-gray-800:hover{
--tw-text-opacity: 1;
color: rgb(31 41 55 / var(--tw-text-opacity));
}
.hover\:text-gray-900:hover{
--tw-text-opacity: 1;
color: rgb(17 24 39 / var(--tw-text-opacity));
}
.hover\:text-indigo-500:hover{
--tw-text-opacity: 1;
color: rgb(104 117 245 / var(--tw-text-opacity));
}
.hover\:text-wave-500:hover{
--tw-text-opacity: 1;
color: rgb(0 105 255 / var(--tw-text-opacity));
}
.hover\:text-white:hover{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.hover\:text-yellow-600:hover{
--tw-text-opacity: 1;
color: rgb(159 88 10 / var(--tw-text-opacity));
}
.hover\:underline:hover{
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
}
.hover\:opacity-100:hover{
opacity: 1;
}
.hover\:before\:scale-100:hover::before{
content: var(--tw-content);
--tw-scale-x: 1;
--tw-scale-y: 1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.focus\:z-10:focus{
z-index: 10;
}
.focus\:border-\[color\:var\(--blue-dark\)\]:focus{
border-color: var(--blue-dark);
}
.focus\:border-black:focus{
--tw-border-opacity: 1;
border-color: rgb(0 0 0 / var(--tw-border-opacity));
}
.focus\:border-blue-300:focus{
--tw-border-opacity: 1;
border-color: rgb(164 202 254 / var(--tw-border-opacity));
}
.focus\:border-blue-500:focus{
--tw-border-opacity: 1;
border-color: rgb(63 131 248 / var(--tw-border-opacity));
}
.focus\:border-gray-300:focus{
--tw-border-opacity: 1;
border-color: rgb(209 213 219 / var(--tw-border-opacity));
}
.focus\:border-gray-900:focus{
--tw-border-opacity: 1;
border-color: rgb(17 24 39 / var(--tw-border-opacity));
}
.focus\:border-indigo-300:focus{
--tw-border-opacity: 1;
border-color: rgb(180 198 252 / var(--tw-border-opacity));
}
.focus\:border-indigo-700:focus{
--tw-border-opacity: 1;
border-color: rgb(81 69 205 / var(--tw-border-opacity));
}
.focus\:border-red-600:focus{
--tw-border-opacity: 1;
border-color: rgb(224 36 36 / var(--tw-border-opacity));
}
.focus\:border-red-700:focus{
--tw-border-opacity: 1;
border-color: rgb(200 30 30 / var(--tw-border-opacity));
}
.focus\:border-wave-700:focus{
--tw-border-opacity: 1;
border-color: rgb(0 63 153 / var(--tw-border-opacity));
}
.focus\:bg-blue-200:focus{
--tw-bg-opacity: 1;
background-color: rgb(195 221 253 / var(--tw-bg-opacity));
}
.focus\:bg-gray-100:focus{
--tw-bg-opacity: 1;
background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.focus\:bg-gray-50:focus{
--tw-bg-opacity: 1;
background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}
.focus\:text-gray-500:focus{
--tw-text-opacity: 1;
color: rgb(107 114 128 / var(--tw-text-opacity));
}
.focus\:text-gray-700:focus{
--tw-text-opacity: 1;
color: rgb(55 65 81 / var(--tw-text-opacity));
}
.focus\:text-gray-900:focus{
--tw-text-opacity: 1;
color: rgb(17 24 39 / var(--tw-text-opacity));
}
.focus\:underline:focus{
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
}
.focus\:shadow-none:focus{
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.focus\:outline-none:focus{
outline: 2px solid transparent;
outline-offset: 2px;
}
.focus\:\!ring-0:focus{
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}
.focus\:ring:focus{
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-2:focus{
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-4:focus{
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-black:focus{
--tw-ring-opacity: 1;
--tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity));
}
.focus\:ring-blue-300:focus{
--tw-ring-opacity: 1;
--tw-ring-color: rgb(164 202 254 / var(--tw-ring-opacity));
}
.focus\:ring-blue-400:focus{
--tw-ring-opacity: 1;
--tw-ring-color: rgb(118 169 250 / var(--tw-ring-opacity));
}
.focus\:ring-blue-500:focus{
--tw-ring-opacity: 1;
--tw-ring-color: rgb(63 131 248 / var(--tw-ring-opacity));
}
.focus\:ring-gray-100:focus{
--tw-ring-opacity: 1;
--tw-ring-color: rgb(243 244 246 / var(--tw-ring-opacity));
}
.focus\:ring-gray-200:focus{
--tw-ring-opacity: 1;
--tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity));
}
.focus\:ring-indigo-200:focus{
--tw-ring-opacity: 1;
--tw-ring-color: rgb(205 219 254 / var(--tw-ring-opacity));
}
.focus\:ring-indigo-500:focus{
--tw-ring-opacity: 1;
--tw-ring-color: rgb(104 117 245 / var(--tw-ring-opacity));
}
.focus\:ring-wave-500:focus{
--tw-ring-opacity: 1;
--tw-ring-color: rgb(0 105 255 / var(--tw-ring-opacity));
}
.focus\:ring-opacity-30:focus{
--tw-ring-opacity: 0.3;
}
.focus\:ring-opacity-50:focus{
--tw-ring-opacity: 0.5;
}
.focus\:ring-offset-0:focus{
--tw-ring-offset-width: 0px;
}
.focus\:ring-offset-2:focus{
--tw-ring-offset-width: 2px;
}
.focus\:ring-offset-gray-100:focus{
--tw-ring-offset-color: #F3F4F6;
}
.active\:bg-gray-100:active{
--tw-bg-opacity: 1;
background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.active\:bg-gray-900:active{
--tw-bg-opacity: 1;
background-color: rgb(17 24 39 / var(--tw-bg-opacity));
}
.active\:bg-red-600:active{
--tw-bg-opacity: 1;
background-color: rgb(224 36 36 / var(--tw-bg-opacity));
}
.active\:bg-wave-700:active{
--tw-bg-opacity: 1;
background-color: rgb(0 63 153 / var(--tw-bg-opacity));
}
.active\:text-gray-500:active{
--tw-text-opacity: 1;
color: rgb(107 114 128 / var(--tw-text-opacity));
}
.active\:text-gray-700:active{
--tw-text-opacity: 1;
color: rgb(55 65 81 / var(--tw-text-opacity));
}
.active\:text-gray-800:active{
--tw-text-opacity: 1;
color: rgb(31 41 55 / var(--tw-text-opacity));
}
.disabled\:opacity-25:disabled{
opacity: 0.25;
}
.group:hover .group-hover\:top-0{
top: 0px;
}
.group:hover .group-hover\:h-full{
height: 100%;
}
.group:hover .group-hover\:text-\[var\(--blue-dark\)\]{
color: var(--blue-dark);
}
.group:hover .group-hover\:text-gray-500{
--tw-text-opacity: 1;
color: rgb(107 114 128 / var(--tw-text-opacity));
}
.group:hover .group-hover\:text-gray-900{
--tw-text-opacity: 1;
color: rgb(17 24 39 / var(--tw-text-opacity));
}
.group:hover .group-hover\:opacity-100{
opacity: 1;
}
.group:hover .group-hover\:opacity-75{
opacity: 0.75;
}
.group:focus .group-focus\:text-gray-500{
--tw-text-opacity: 1;
color: rgb(107 114 128 / var(--tw-text-opacity));
}
:is([dir="rtl"] .rtl\:rotate-180){
--tw-rotate: 180deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
:is([dir="rtl"] .rtl\:space-x-reverse) > :not([hidden]) ~ :not([hidden]){
--tw-space-x-reverse: 1;
}
:is([dir="rtl"] .rtl\:text-right){
text-align: right;
}
:is(.dark .dark\:border-blue-500){
--tw-border-opacity: 1;
border-color: rgb(63 131 248 / var(--tw-border-opacity));
}
:is(.dark .dark\:border-gray-600){
--tw-border-opacity: 1;
border-color: rgb(75 85 99 / var(--tw-border-opacity));
}
:is(.dark .dark\:border-gray-700){
--tw-border-opacity: 1;
border-color: rgb(55 65 81 / var(--tw-border-opacity));
}
:is(.dark .dark\:border-transparent){
border-color: transparent;
}
:is(.dark .dark\:bg-blue-600){
--tw-bg-opacity: 1;
background-color: rgb(28 100 242 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-blue-900){
--tw-bg-opacity: 1;
background-color: rgb(35 56 118 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-gray-600){
--tw-bg-opacity: 1;
background-color: rgb(75 85 99 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-gray-700){
--tw-bg-opacity: 1;
background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-gray-800){
--tw-bg-opacity: 1;
background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-gray-800\/50){
background-color: rgb(31 41 55 / 0.5);
}
:is(.dark .dark\:bg-gray-900\/80){
background-color: rgb(17 24 39 / 0.8);
}
:is(.dark .dark\:bg-orange-200){
--tw-bg-opacity: 1;
background-color: rgb(252 217 189 / var(--tw-bg-opacity));
}
:is(.dark .dark\:text-\[\#1877f2\]){
--tw-text-opacity: 1;
color: rgb(24 119 242 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-blue-300){
--tw-text-opacity: 1;
color: rgb(164 202 254 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-blue-400){
--tw-text-opacity: 1;
color: rgb(118 169 250 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-blue-500){
--tw-text-opacity: 1;
color: rgb(63 131 248 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-gray-300){
--tw-text-opacity: 1;
color: rgb(209 213 219 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-gray-400){
--tw-text-opacity: 1;
color: rgb(156 163 175 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-gray-500){
--tw-text-opacity: 1;
color: rgb(107 114 128 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-orange-900){
--tw-text-opacity: 1;
color: rgb(119 29 29 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-white){
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
:is(.dark .dark\:placeholder-gray-400)::-moz-placeholder{
--tw-placeholder-opacity: 1;
color: rgb(156 163 175 / var(--tw-placeholder-opacity));
}
:is(.dark .dark\:placeholder-gray-400)::placeholder{
--tw-placeholder-opacity: 1;
color: rgb(156 163 175 / var(--tw-placeholder-opacity));
}
:is(.dark .dark\:hover\:border-gray-500:hover){
--tw-border-opacity: 1;
border-color: rgb(107 114 128 / var(--tw-border-opacity));
}
:is(.dark .dark\:hover\:bg-blue-700:hover){
--tw-bg-opacity: 1;
background-color: rgb(26 86 219 / var(--tw-bg-opacity));
}
:is(.dark .dark\:hover\:bg-blue-800:hover){
--tw-bg-opacity: 1;
background-color: rgb(30 66 159 / var(--tw-bg-opacity));
}
:is(.dark .dark\:hover\:bg-gray-600:hover){
--tw-bg-opacity: 1;
background-color: rgb(75 85 99 / var(--tw-bg-opacity));
}
:is(.dark .dark\:hover\:bg-gray-700:hover){
--tw-bg-opacity: 1;
background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}
:is(.dark .dark\:hover\:bg-gray-800:hover){
--tw-bg-opacity: 1;
background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}
:is(.dark .dark\:hover\:text-blue-500:hover){
--tw-text-opacity: 1;
color: rgb(63 131 248 / var(--tw-text-opacity));
}
:is(.dark .dark\:hover\:text-gray-300:hover){
--tw-text-opacity: 1;
color: rgb(209 213 219 / var(--tw-text-opacity));
}
:is(.dark .dark\:hover\:text-white:hover){
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
:is(.dark .dark\:focus\:ring-blue-500:focus){
--tw-ring-opacity: 1;
--tw-ring-color: rgb(63 131 248 / var(--tw-ring-opacity));
}
:is(.dark .dark\:focus\:ring-blue-800:focus){
--tw-ring-opacity: 1;
--tw-ring-color: rgb(30 66 159 / var(--tw-ring-opacity));
}
:is(.dark .dark\:focus\:ring-gray-700:focus){
--tw-ring-opacity: 1;
--tw-ring-color: rgb(55 65 81 / var(--tw-ring-opacity));
}
:is(.dark .group:hover .dark\:group-hover\:text-white){
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (min-width: 576px) and (max-width: 767.98px){
.sm\:invisible{
visibility: hidden;
}
.sm\:static{
position: static;
}
.sm\:absolute{
position: absolute;
}
.sm\:relative{
position: relative;
}
.sm\:inset-x-0{
left: 0px;
right: 0px;
}
.sm\:left-\[15px\]{
left: 15px;
}
.sm\:right-\[75px\]{
right: 75px;
}
.sm\:right-auto{
right: auto;
}
.sm\:top-0{
top: 0px;
}
.sm\:top-full{
top: 100%;
}
.sm\:m-\[0_12px\]{
margin: 0 12px;
}
.sm\:m-\[0_8px\]{
margin: 0 8px;
}
.sm\:m-\[0_auto_50px\]{
margin: 0 auto 50px;
}
.sm\:mx-0{
margin-left: 0px;
margin-right: 0px;
}
.sm\:mx-2{
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.sm\:mx-2\.5{
margin-left: 0.625rem;
margin-right: 0.625rem;
}
.sm\:mx-auto{
margin-left: auto;
margin-right: auto;
}
.sm\:my-8{
margin-top: 2rem;
margin-bottom: 2rem;
}
.sm\:mb-0{
margin-bottom: 0px;
}
.sm\:mb-2{
margin-bottom: 0.5rem;
}
.sm\:mb-2\.5{
margin-bottom: 0.625rem;
}
.sm\:mb-\[120px\]{
margin-bottom: 120px;
}
.sm\:mb-\[30px\]{
margin-bottom: 30px;
}
.sm\:mb-\[35px\]{
margin-bottom: 35px;
}
.sm\:mb-\[60px\]{
margin-bottom: 60px;
}
.sm\:mb-\[70px\]{
margin-bottom: 70px;
}
.sm\:ml-3{
margin-left: 0.75rem;
}
.sm\:ml-4{
margin-left: 1rem;
}
.sm\:ml-6{
margin-left: 1.5rem;
}
.sm\:ml-auto{
margin-left: auto;
}
.sm\:mt-0{
margin-top: 0px;
}
.sm\:mt-10{
margin-top: 2.5rem;
}
.sm\:mt-20{
margin-top: 5rem;
}
.sm\:mt-5{
margin-top: 1.25rem;
}
.sm\:mt-6{
margin-top: 1.5rem;
}
.sm\:mt-\[10px\]{
margin-top: 10px;
}
.sm\:mt-\[200px\]{
margin-top: 200px;
}
.sm\:mt-\[30px\]{
margin-top: 30px;
}
.sm\:mt-\[50px\]{
margin-top: 50px;
}
.sm\:block{
display: block;
}
.sm\:inline-block{
display: inline-block;
}
.sm\:flex{
display: flex;
}
.sm\:hidden{
display: none;
}
.sm\:h-10{
height: 2.5rem;
}
.sm\:h-screen{
height: 100vh;
}
.sm\:max-h-\[70vh\]{
max-height: 70vh;
}
.sm\:w-10{
width: 2.5rem;
}
.sm\:w-6\/12{
width: 50%;
}
.sm\:w-auto{
width: auto;
}
.sm\:w-full{
width: 100%;
}
.sm\:max-w-\[80\%\]{
max-width: 80%;
}
.sm\:max-w-full{
max-width: 100%;
}
.sm\:max-w-lg{
max-width: 32rem;
}
.sm\:max-w-md{
max-width: 28rem;
}
.sm\:max-w-sm{
max-width: 24rem;
}
.sm\:basis-6\/12{
flex-basis: 50%;
}
.sm\:basis-full{
flex-basis: 100%;
}
.sm\:origin-\[100\%_0\]{
transform-origin: 100% 0;
}
.sm\:translate-x-0{
--tw-translate-x: 0px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.sm\:translate-x-2{
--tw-translate-x: 0.5rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.sm\:translate-y-0{
--tw-translate-y: 0px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.sm\:scale-100{
--tw-scale-x: 1;
--tw-scale-y: 1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.sm\:scale-95{
--tw-scale-x: .95;
--tw-scale-y: .95;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.sm\:scale-x-100{
--tw-scale-x: 1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.sm\:scale-y-0{
--tw-scale-y: 0;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.sm\:grid-cols-2{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.sm\:grid-cols-3{
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.sm\:flex-row-reverse{
flex-direction: row-reverse;
}
.sm\:items-start{
align-items: flex-start;
}
.sm\:items-center{
align-items: center;
}
.sm\:justify-end{
justify-content: flex-end;
}
.sm\:gap-8{
gap: 2rem;
}
.sm\:gap-x-6{
-moz-column-gap: 1.5rem;
column-gap: 1.5rem;
}
.sm\:gap-x-8{
-moz-column-gap: 2rem;
column-gap: 2rem;
}
.sm\:overflow-y-auto{
overflow-y: auto;
}
.sm\:rounded{
border-radius: 0.25rem;
}
.sm\:rounded-lg{
border-radius: 0.5rem;
}
.sm\:border-b{
border-bottom-width: 1px;
}
.sm\:border-gray-200{
--tw-border-opacity: 1;
border-color: rgb(229 231 235 / var(--tw-border-opacity));
}
.sm\:bg-white{
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.sm\:p-0{
padding: 0px;
}
.sm\:p-6{
padding: 1.5rem;
}
.sm\:p-8{
padding: 2rem;
}
.sm\:p-\[0_30px_30px_0\]{
padding: 0 30px 30px 0;
}
.sm\:p-\[130px_0_30px\]{
padding: 130px 0 30px;
}
.sm\:p-\[20px_0_0\]{
padding: 20px 0 0;
}
.sm\:p-\[20px_0_5px\]{
padding: 20px 0 5px;
}
.sm\:p-\[30px_0_45px_0\]{
padding: 30px 0 45px 0;
}
.sm\:p-\[30px_15px\]{
padding: 30px 15px;
}
.sm\:p-\[40px_15px_25px\]{
padding: 40px 15px 25px;
}
.sm\:p-\[45px_0_90px\]{
padding: 45px 0 90px;
}
.sm\:p-\[60px_0_0\]{
padding: 60px 0 0;
}
.sm\:p-\[70px_0_40px\]{
padding: 70px 0 40px;
}
.sm\:p-\[90px_0_90px\]{
padding: 90px 0 90px;
}
.sm\:px-0{
padding-left: 0px;
padding-right: 0px;
}
.sm\:px-10{
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.sm\:px-6{
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.sm\:px-\[30px\]{
padding-left: 30px;
padding-right: 30px;
}
.sm\:py-24{
padding-top: 6rem;
padding-bottom: 6rem;
}
.sm\:py-5{
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
.sm\:py-\[35px\]{
padding-top: 35px;
padding-bottom: 35px;
}
.sm\:pb-2{
padding-bottom: 0.5rem;
}
.sm\:pb-2\.5{
padding-bottom: 0.625rem;
}
.sm\:pb-20{
padding-bottom: 5rem;
}
.sm\:pb-\[12px\]{
padding-bottom: 12px;
}
.sm\:pb-\[18px\]{
padding-bottom: 18px;
}
.sm\:pb-\[30px\]{
padding-bottom: 30px;
}
.sm\:pb-\[5px\]{
padding-bottom: 5px;
}
.sm\:pl-0{
padding-left: 0px;
}
.sm\:pr-0{
padding-right: 0px;
}
.sm\:pt-10{
padding-top: 2.5rem;
}
.sm\:pt-\[100px\]{
padding-top: 100px;
}
.sm\:pt-\[130px\]{
padding-top: 130px;
}
.sm\:pt-\[15px\]{
padding-top: 15px;
}
.sm\:pt-\[25px\]{
padding-top: 25px;
}
.sm\:pt-\[30px\]{
padding-top: 30px;
}
.sm\:pt-\[70px\]{
padding-top: 70px;
}
.sm\:text-left{
text-align: left;
}
.sm\:text-center{
text-align: center;
}
.sm\:align-middle{
vertical-align: middle;
}
.sm\:text-5xl{
font-size: 3rem;
line-height: 1;
}
.sm\:text-\[16px\]{
font-size: 16px;
}
.sm\:text-\[18px\]{
font-size: 18px;
}
.sm\:text-\[20px\]{
font-size: 20px;
}
.sm\:text-\[24px\]{
font-size: 24px;
}
.sm\:text-\[25px\]{
font-size: 25px;
}
.sm\:text-\[28px\]{
font-size: 28px;
}
.sm\:text-\[30px\]{
font-size: 30px;
}
.sm\:text-\[32px\]{
font-size: 32px;
}
.sm\:text-\[38px\]{
font-size: 38px;
}
.sm\:text-\[40px\]{
font-size: 40px;
}
.sm\:text-\[45px\]{
font-size: 45px;
}
.sm\:text-\[50px\]{
font-size: 50px;
}
.sm\:text-sm{
font-size: 0.875rem;
line-height: 1.25rem;
}
.sm\:leading-5{
line-height: 1.25rem;
}
.sm\:leading-\[1\.2em\]{
line-height: 1.2em;
}
.sm\:text-black{
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
.sm\:opacity-0{
opacity: 0;
}
.sm\:shadow-\[0px_40px_50px_0px_rgba\(137\2c 139\2c 142\2c 0\.15\)\]{
--tw-shadow: 0px 40px 50px 0px rgba(137,139,142,0.15);
--tw-shadow-colored: 0px 40px 50px 0px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.sm\:transition-all{
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.sm\:duration-\[0\.3s\]{
transition-duration: 0.3s;
}
.sm\:ease-\[ease-in-out\]{
transition-timing-function: ease-in-out;
}
.sm\:before\:\!bottom-\[10px\]::before{
content: var(--tw-content);
bottom: 10px !important;
}
.sm\:before\:hidden::before{
content: var(--tw-content);
display: none;
}
}
@media (min-width: 768px) and (max-width: 991.98px){
.md\:invisible{
visibility: hidden;
}
.md\:static{
position: static;
}
.md\:absolute{
position: absolute;
}
.md\:relative{
position: relative;
}
.md\:inset-0{
inset: 0px;
}
.md\:inset-x-0{
left: 0px;
right: 0px;
}
.md\:left-\[15px\]{
left: 15px;
}
.md\:right-\[75px\]{
right: 75px;
}
.md\:right-auto{
right: auto;
}
.md\:top-0{
top: 0px;
}
.md\:top-full{
top: 100%;
}
.md\:order-first{
order: -9999;
}
.md\:order-last{
order: 9999;
}
.md\:m-\[0_12px\]{
margin: 0 12px;
}
.md\:m-\[0_8px\]{
margin: 0 8px;
}
.md\:m-\[0_auto_50px\]{
margin: 0 auto 50px;
}
.md\:mx-2{
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.md\:mx-2\.5{
margin-left: 0.625rem;
margin-right: 0.625rem;
}
.md\:mx-auto{
margin-left: auto;
margin-right: auto;
}
.md\:mb-2{
margin-bottom: 0.5rem;
}
.md\:mb-2\.5{
margin-bottom: 0.625rem;
}
.md\:mb-\[120px\]{
margin-bottom: 120px;
}
.md\:mb-\[30px\]{
margin-bottom: 30px;
}
.md\:mb-\[35px\]{
margin-bottom: 35px;
}
.md\:ml-auto{
margin-left: auto;
}
.md\:mt-0{
margin-top: 0px;
}
.md\:mt-10{
margin-top: 2.5rem;
}
.md\:mt-20{
margin-top: 5rem;
}
.md\:mt-\[10px\]{
margin-top: 10px;
}
.md\:mt-\[200px\]{
margin-top: 200px;
}
.md\:mt-\[30px\]{
margin-top: 30px;
}
.md\:mt-\[50px\]{
margin-top: 50px;
}
.md\:block{
display: block;
}
.md\:inline-block{
display: inline-block;
}
.md\:flex{
display: flex;
}
.md\:inline-flex{
display: inline-flex;
}
.md\:hidden{
display: none;
}
.md\:max-h-\[70vh\]{
max-height: 70vh;
}
.md\:w-1\/5{
width: 20%;
}
.md\:w-1\/6{
width: 16.666667%;
}
.md\:w-4\/12{
width: 33.333333%;
}
.md\:w-4\/5{
width: 80%;
}
.md\:w-6\/12{
width: 50%;
}
.md\:w-8\/12{
width: 66.666667%;
}
.md\:w-full{
width: 100%;
}
.md\:max-w-\[80\%\]{
max-width: 80%;
}
.md\:flex-1{
flex: 1 1 0%;
}
.md\:basis-4\/12{
flex-basis: 33.333333%;
}
.md\:basis-6\/12{
flex-basis: 50%;
}
.md\:basis-8\/12{
flex-basis: 66.666667%;
}
.md\:basis-full{
flex-basis: 100%;
}
.md\:origin-\[100\%_0\]{
transform-origin: 100% 0;
}
.md\:scale-x-100{
--tw-scale-x: 1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.md\:scale-y-0{
--tw-scale-y: 0;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.md\:gap-x-12{
-moz-column-gap: 3rem;
column-gap: 3rem;
}
.md\:overflow-y-auto{
overflow-y: auto;
}
.md\:bg-white{
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.md\:p-0{
padding: 0px;
}
.md\:p-5{
padding: 1.25rem;
}
.md\:p-\[0_30px_30px_0\]{
padding: 0 30px 30px 0;
}
.md\:p-\[130px_0_30px\]{
padding: 130px 0 30px;
}
.md\:p-\[15px_15px\]{
padding: 15px 15px;
}
.md\:p-\[20px_0_0\]{
padding: 20px 0 0;
}
.md\:p-\[20px_0_5px\]{
padding: 20px 0 5px;
}
.md\:p-\[30px_0_45px_0\]{
padding: 30px 0 45px 0;
}
.md\:p-\[40px_15px_25px\]{
padding: 40px 15px 25px;
}
.md\:p-\[45px_0_90px\]{
padding: 45px 0 90px;
}
.md\:p-\[60px_0_0\]{
padding: 60px 0 0;
}
.md\:p-\[70px_0_40px\]{
padding: 70px 0 40px;
}
.md\:p-\[90px_0_90px\]{
padding: 90px 0 90px;
}
.md\:px-\[30px\]{
padding-left: 30px;
padding-right: 30px;
}
.md\:py-\[35px\]{
padding-top: 35px;
padding-bottom: 35px;
}
.md\:pb-2{
padding-bottom: 0.5rem;
}
.md\:pb-2\.5{
padding-bottom: 0.625rem;
}
.md\:pb-\[12px\]{
padding-bottom: 12px;
}
.md\:pb-\[18px\]{
padding-bottom: 18px;
}
.md\:pb-\[5px\]{
padding-bottom: 5px;
}
.md\:pl-0{
padding-left: 0px;
}
.md\:pr-0{
padding-right: 0px;
}
.md\:pt-10{
padding-top: 2.5rem;
}
.md\:pt-\[100px\]{
padding-top: 100px;
}
.md\:pt-\[130px\]{
padding-top: 130px;
}
.md\:pt-\[15px\]{
padding-top: 15px;
}
.md\:pt-\[25px\]{
padding-top: 25px;
}
.md\:pt-\[30px\]{
padding-top: 30px;
}
.md\:pt-\[70px\]{
padding-top: 70px;
}
.md\:text-center{
text-align: center;
}
.md\:text-\[16px\]{
font-size: 16px;
}
.md\:text-\[18px\]{
font-size: 18px;
}
.md\:text-\[20px\]{
font-size: 20px;
}
.md\:text-\[24px\]{
font-size: 24px;
}
.md\:text-\[25px\]{
font-size: 25px;
}
.md\:text-\[28px\]{
font-size: 28px;
}
.md\:text-\[30px\]{
font-size: 30px;
}
.md\:text-\[36px\]{
font-size: 36px;
}
.md\:text-\[38px\]{
font-size: 38px;
}
.md\:text-\[40px\]{
font-size: 40px;
}
.md\:text-\[45px\]{
font-size: 45px;
}
.md\:text-\[50px\]{
font-size: 50px;
}
.md\:leading-\[1\.2em\]{
line-height: 1.2em;
}
.md\:text-black{
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
.md\:opacity-0{
opacity: 0;
}
.md\:shadow-\[0px_40px_50px_0px_rgba\(137\2c 139\2c 142\2c 0\.15\)\]{
--tw-shadow: 0px 40px 50px 0px rgba(137,139,142,0.15);
--tw-shadow-colored: 0px 40px 50px 0px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.md\:transition-all{
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.md\:duration-\[0\.3s\]{
transition-duration: 0.3s;
}
.md\:ease-\[ease-in-out\]{
transition-timing-function: ease-in-out;
}
.md\:before\:\!bottom-\[10px\]::before{
content: var(--tw-content);
bottom: 10px !important;
}
.md\:before\:hidden::before{
content: var(--tw-content);
display: none;
}
}
@media (min-width: 992px) and (max-width: 1199.98px){
.lg\:order-1{
order: 1;
}
.lg\:order-2{
order: 2;
}
.lg\:order-3{
order: 3;
}
.lg\:order-first{
order: -9999;
}
.lg\:order-last{
order: 9999;
}
.lg\:m-\[0_20px\]{
margin: 0 20px;
}
.lg\:mx-0{
margin-left: 0px;
margin-right: 0px;
}
.lg\:my-0{
margin-top: 0px;
margin-bottom: 0px;
}
.lg\:mb-0{
margin-bottom: 0px;
}
.lg\:mb-\[60px\]{
margin-bottom: 60px;
}
.lg\:ml-5{
margin-left: 1.25rem;
}
.lg\:mt-20{
margin-top: 5rem;
}
.lg\:mt-\[250px\]{
margin-top: 250px;
}
.lg\:mt-\[50px\]{
margin-top: 50px;
}
.lg\:flex{
display: flex;
}
.lg\:w-1\/3{
width: 33.333333%;
}
.lg\:w-11\/12{
width: 91.666667%;
}
.lg\:w-2\/12{
width: 16.666667%;
}
.lg\:w-2\/3{
width: 66.666667%;
}
.lg\:w-3\/12{
width: 25%;
}
.lg\:w-4\/12{
width: 33.333333%;
}
.lg\:w-5\/12{
width: 41.666667%;
}
.lg\:w-6\/12{
width: 50%;
}
.lg\:w-7\/12{
width: 58.333333%;
}
.lg\:w-8\/12{
width: 66.666667%;
}
.lg\:w-9\/12{
width: 75%;
}
.lg\:flex-1{
flex: 1 1 0%;
}
.lg\:basis-11\/12{
flex-basis: 91.666667%;
}
.lg\:basis-2\/12{
flex-basis: 16.666667%;
}
.lg\:basis-3\/12{
flex-basis: 25%;
}
.lg\:basis-4\/12{
flex-basis: 33.333333%;
}
.lg\:basis-5\/12{
flex-basis: 41.666667%;
}
.lg\:basis-6\/12{
flex-basis: 50%;
}
.lg\:basis-7\/12{
flex-basis: 58.333333%;
}
.lg\:basis-8\/12{
flex-basis: 66.666667%;
}
.lg\:basis-9\/12{
flex-basis: 75%;
}
.lg\:grid-cols-3{
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.lg\:grid-cols-4{
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.lg\:flex-row{
flex-direction: row;
}
.lg\:justify-start{
justify-content: flex-start;
}
.lg\:justify-end{
justify-content: flex-end;
}
.lg\:gap-20{
gap: 5rem;
}
.lg\:p-0{
padding: 0px;
}
.lg\:p-\[15px_25px\]{
padding: 15px 25px;
}
.lg\:px-0{
padding-left: 0px;
padding-right: 0px;
}
.lg\:px-8{
padding-left: 2rem;
padding-right: 2rem;
}
.lg\:px-\[55px\]{
padding-left: 55px;
padding-right: 55px;
}
.lg\:py-\[50px\]{
padding-top: 50px;
padding-bottom: 50px;
}
.lg\:pb-\[25px\]{
padding-bottom: 25px;
}
.lg\:pl-0{
padding-left: 0px;
}
.lg\:pr-0{
padding-right: 0px;
}
.lg\:pr-\[97px\]{
padding-right: 97px;
}
.lg\:pt-5{
padding-top: 1.25rem;
}
.lg\:pt-\[0px\]{
padding-top: 0px;
}
.lg\:pt-\[230px\]{
padding-top: 230px;
}
.lg\:text-left{
text-align: left;
}
.lg\:text-5xl{
font-size: 3rem;
line-height: 1;
}
.lg\:text-6xl{
font-size: 3.75rem;
line-height: 1;
}
.lg\:text-\[18px\]{
font-size: 18px;
}
.lg\:text-\[25px\]{
font-size: 25px;
}
.lg\:text-\[28px\]{
font-size: 28px;
}
.lg\:leading-\[1\.7em\]{
line-height: 1.7em;
}
.lg\:before\:block::before{
content: var(--tw-content);
display: block;
}
}
@media (min-width: 1200px){
.xl\:order-1{
order: 1;
}
.xl\:order-2{
order: 2;
}
.xl\:order-3{
order: 3;
}
.xl\:order-first{
order: -9999;
}
.xl\:order-last{
order: 9999;
}
.xl\:mx-0{
margin-left: 0px;
margin-right: 0px;
}
.xl\:my-0{
margin-top: 0px;
margin-bottom: 0px;
}
.xl\:-mt-24{
margin-top: -6rem;
}
.xl\:mb-\[60px\]{
margin-bottom: 60px;
}
.xl\:ml-5{
margin-left: 1.25rem;
}
.xl\:mt-20{
margin-top: 5rem;
}
.xl\:mt-\[200px\]{
margin-top: 200px;
}
.xl\:mt-\[50px\]{
margin-top: 50px;
}
.xl\:block{
display: block;
}
.xl\:flex{
display: flex;
}
.xl\:w-1\/5{
width: 20%;
}
.xl\:w-10\/12{
width: 83.333333%;
}
.xl\:w-2\/12{
width: 16.666667%;
}
.xl\:w-3\/12{
width: 25%;
}
.xl\:w-4\/12{
width: 33.333333%;
}
.xl\:w-4\/5{
width: 80%;
}
.xl\:w-6\/12{
width: 50%;
}
.xl\:w-7\/12{
width: 58.333333%;
}
.xl\:w-9\/12{
width: 75%;
}
.xl\:basis-10\/12{
flex-basis: 83.333333%;
}
.xl\:basis-2\/12{
flex-basis: 16.666667%;
}
.xl\:basis-3\/12{
flex-basis: 25%;
}
.xl\:basis-4\/12{
flex-basis: 33.333333%;
}
.xl\:basis-6\/12{
flex-basis: 50%;
}
.xl\:basis-7\/12{
flex-basis: 58.333333%;
}
.xl\:basis-9\/12{
flex-basis: 75%;
}
.xl\:grid-cols-4{
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.xl\:justify-start{
justify-content: flex-start;
}
.xl\:justify-end{
justify-content: flex-end;
}
.xl\:gap-x-8{
-moz-column-gap: 2rem;
column-gap: 2rem;
}
.xl\:p-\[15px_70px\]{
padding: 15px 70px;
}
.xl\:px-5{
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.xl\:px-\[55px\]{
padding-left: 55px;
padding-right: 55px;
}
.xl\:py-\[50px\]{
padding-top: 50px;
padding-bottom: 50px;
}
.xl\:pb-\[25px\]{
padding-bottom: 25px;
}
.xl\:pr-\[97px\]{
padding-right: 97px;
}
.xl\:pt-\[0px\]{
padding-top: 0px;
}
.xl\:pt-\[230px\]{
padding-top: 230px;
}
.xl\:text-left{
text-align: left;
}
.xl\:before\:block::before{
content: var(--tw-content);
display: block;
}
@media (min-width: 1200px) and (max-width: 1450px){
.xl\:2xl\:px-\[40px\]{
padding-left: 40px;
padding-right: 40px;
}
.xl\:2xl\:py-\[15px\]{
padding-top: 15px;
padding-bottom: 15px;
}
}
}
@media (max-width: 575.98px){
.xsm\:invisible{
visibility: hidden;
}
.xsm\:static{
position: static;
}
.xsm\:absolute{
position: absolute;
}
.xsm\:relative{
position: relative;
}
.xsm\:inset-x-0{
left: 0px;
right: 0px;
}
.xsm\:left-\[15px\]{
left: 15px;
}
.xsm\:right-\[75px\]{
right: 75px;
}
.xsm\:right-auto{
right: auto;
}
.xsm\:top-0{
top: 0px;
}
.xsm\:top-full{
top: 100%;
}
.xsm\:m-\[0_12px\]{
margin: 0 12px;
}
.xsm\:m-\[0_8px\]{
margin: 0 8px;
}
.xsm\:m-\[0_auto\]{
margin: 0 auto;
}
.xsm\:m-\[0_auto_50px\]{
margin: 0 auto 50px;
}
.xsm\:mx-2{
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.xsm\:mx-2\.5{
margin-left: 0.625rem;
margin-right: 0.625rem;
}
.xsm\:mx-auto{
margin-left: auto;
margin-right: auto;
}
.xsm\:mb-2{
margin-bottom: 0.5rem;
}
.xsm\:mb-2\.5{
margin-bottom: 0.625rem;
}
.xsm\:mb-\[120px\]{
margin-bottom: 120px;
}
.xsm\:mb-\[30px\]{
margin-bottom: 30px;
}
.xsm\:mb-\[35px\]{
margin-bottom: 35px;
}
.xsm\:mb-\[60px\]{
margin-bottom: 60px;
}
.xsm\:mb-\[70px\]{
margin-bottom: 70px;
}
.xsm\:ml-auto{
margin-left: auto;
}
.xsm\:mt-0{
margin-top: 0px;
}
.xsm\:mt-10{
margin-top: 2.5rem;
}
.xsm\:mt-20{
margin-top: 5rem;
}
.xsm\:mt-\[10px\]{
margin-top: 10px;
}
.xsm\:mt-\[200px\]{
margin-top: 200px;
}
.xsm\:mt-\[30px\]{
margin-top: 30px;
}
.xsm\:mt-\[50px\]{
margin-top: 50px;
}
.xsm\:block{
display: block;
}
.xsm\:hidden{
display: none;
}
.xsm\:h-\[45px\]{
height: 45px;
}
.xsm\:max-h-\[70vh\]{
max-height: 70vh;
}
.xsm\:w-6\/12{
width: 50%;
}
.xsm\:w-\[70\%\]{
width: 70%;
}
.xsm\:w-full{
width: 100%;
}
.xsm\:max-w-full{
max-width: 100%;
}
.xsm\:basis-6\/12{
flex-basis: 50%;
}
.xsm\:basis-full{
flex-basis: 100%;
}
.xsm\:origin-\[100\%_0\]{
transform-origin: 100% 0;
}
.xsm\:scale-x-100{
--tw-scale-x: 1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.xsm\:scale-y-0{
--tw-scale-y: 0;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.xsm\:overflow-y-auto{
overflow-y: auto;
}
.xsm\:bg-white{
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.xsm\:p-0{
padding: 0px;
}
.xsm\:p-\[0_30px_30px_0\]{
padding: 0 30px 30px 0;
}
.xsm\:p-\[130px_0_30px\]{
padding: 130px 0 30px;
}
.xsm\:p-\[20px_0_0\]{
padding: 20px 0 0;
}
.xsm\:p-\[20px_0_5px\]{
padding: 20px 0 5px;
}
.xsm\:p-\[30px_0_45px_0\]{
padding: 30px 0 45px 0;
}
.xsm\:p-\[30px_15px\]{
padding: 30px 15px;
}
.xsm\:p-\[40px_15px_25px\]{
padding: 40px 15px 25px;
}
.xsm\:p-\[45px_0_90px\]{
padding: 45px 0 90px;
}
.xsm\:p-\[60px_0_0\]{
padding: 60px 0 0;
}
.xsm\:p-\[70px_0_40px\]{
padding: 70px 0 40px;
}
.xsm\:p-\[90px_0_90px\]{
padding: 90px 0 90px;
}
.xsm\:px-5{
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.xsm\:px-\[30px\]{
padding-left: 30px;
padding-right: 30px;
}
.xsm\:py-\[35px\]{
padding-top: 35px;
padding-bottom: 35px;
}
.xsm\:pb-2{
padding-bottom: 0.5rem;
}
.xsm\:pb-2\.5{
padding-bottom: 0.625rem;
}
.xsm\:pb-\[12px\]{
padding-bottom: 12px;
}
.xsm\:pb-\[18px\]{
padding-bottom: 18px;
}
.xsm\:pb-\[30px\]{
padding-bottom: 30px;
}
.xsm\:pb-\[5px\]{
padding-bottom: 5px;
}
.xsm\:pl-0{
padding-left: 0px;
}
.xsm\:pr-0{
padding-right: 0px;
}
.xsm\:pt-10{
padding-top: 2.5rem;
}
.xsm\:pt-\[100px\]{
padding-top: 100px;
}
.xsm\:pt-\[130px\]{
padding-top: 130px;
}
.xsm\:pt-\[15px\]{
padding-top: 15px;
}
.xsm\:pt-\[25px\]{
padding-top: 25px;
}
.xsm\:pt-\[30px\]{
padding-top: 30px;
}
.xsm\:pt-\[70px\]{
padding-top: 70px;
}
.xsm\:text-center{
text-align: center;
}
.xsm\:text-\[16px\]{
font-size: 16px;
}
.xsm\:text-\[18px\]{
font-size: 18px;
}
.xsm\:text-\[20px\]{
font-size: 20px;
}
.xsm\:text-\[24px\]{
font-size: 24px;
}
.xsm\:text-\[25px\]{
font-size: 25px;
}
.xsm\:text-\[26px\]{
font-size: 26px;
}
.xsm\:text-\[28px\]{
font-size: 28px;
}
.xsm\:text-\[30px\]{
font-size: 30px;
}
.xsm\:text-\[38px\]{
font-size: 38px;
}
.xsm\:text-\[40px\]{
font-size: 40px;
}
.xsm\:text-\[45px\]{
font-size: 45px;
}
.xsm\:text-\[50px\]{
font-size: 50px;
}
.xsm\:leading-\[1\.2em\]{
line-height: 1.2em;
}
.xsm\:text-black{
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
.xsm\:opacity-0{
opacity: 0;
}
.xsm\:shadow-\[0px_40px_50px_0px_rgba\(137\2c 139\2c 142\2c 0\.15\)\]{
--tw-shadow: 0px 40px 50px 0px rgba(137,139,142,0.15);
--tw-shadow-colored: 0px 40px 50px 0px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.xsm\:transition-all{
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.xsm\:duration-\[0\.3s\]{
transition-duration: 0.3s;
}
.xsm\:ease-\[ease-in-out\]{
transition-timing-function: ease-in-out;
}
.xsm\:before\:\!bottom-\[10px\]::before{
content: var(--tw-content);
bottom: 10px !important;
}
.xsm\:before\:hidden::before{
content: var(--tw-content);
display: none;
}
}