@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css");
@import url('https://fonts.googleapis.com/css2?family=Roboto&family=Roboto&family=Roboto:wght@100;200;300;400;500;600;700;800;900&display=swap');
/*
! tailwindcss v3.4.1 | 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.
7. Disable tap highlights on iOS
*/
html,
:host {
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, 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 */
-webkit-tap-highlight-color: transparent;
/* 7 */
}
/*
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. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. 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-feature-settings: normal;
/* 2 */
font-variation-settings: normal;
/* 3 */
font-size: 1em;
/* 4 */
}
/*
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;
}
[type="text"],
input:where(:not([type])),
[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,
input:where(:not([type])):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: #2563eb;
--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: #2563eb;
}
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;
text-align: inherit;
}
::-webkit-datetime-edit {
display: inline-flex;
}
::-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;
print-color-adjust: exact;
}
[multiple],
[size]:where(select:not([size="1"])) {
background-image: initial;
background-position: initial;
background-repeat: unset;
background-size: initial;
padding-right: 0.75rem;
-webkit-print-color-adjust: unset;
print-color-adjust: unset;
}
[type="checkbox"],
[type="radio"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 0;
-webkit-print-color-adjust: exact;
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: #2563eb;
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: #2563eb;
--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");
}
@media (forced-colors: active) {
[type="checkbox"]:checked {
-webkit-appearance: auto;
-moz-appearance: auto;
appearance: auto;
}
}
[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");
}
@media (forced-colors: active) {
[type="radio"]:checked {
-webkit-appearance: auto;
-moz-appearance: auto;
appearance: auto;
}
}
[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;
}
@media (forced-colors: active) {
[type="checkbox"]:indeterminate {
-webkit-appearance: auto;
-moz-appearance: auto;
appearance: auto;
}
}
[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 solid ButtonText;
outline: 1px auto -webkit-focus-ring-color;
}
:root {
--color-primary-text: #ffffff;
--color-primary-background: #963339;
--color-secondary-text: #ffffff;
--color-secondary-background: #1a1816;
/* Live Edit Btn */
--live-edit-btn-height: 100px;
--live-edit-btn-width: 100px;
/* Animated List */
--speed: 10s;
--list-transition: 0.15s;
}
@property --rotate {
syntax: "<angle>";
initial-value: 132deg;
inherits: false;
}
.bg-primary-text {
color: var(--color-primary-text);
}
.bg-primary-background {
background-color: var(--color-primary-background);
}
.bg-secondary-text {
color: var(--color-secondary-text);
}
.bg-secondary-background {
background-color: var(--color-secondary-background);
}
*,
::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(59 130 246 / 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(59 130 246 / 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: 500px) {
.container {
max-width: 500px;
}
}
@media (min-width: 640px) {
.container {
max-width: 640px;
}
}
@media (min-width: 768px) {
.container {
max-width: 768px;
}
}
@media (min-width: 1024px) {
.container {
max-width: 1024px;
}
}
@media (min-width: 1280px) {
.container {
max-width: 1280px;
}
}
@media (min-width: 1536px) {
.container {
max-width: 1536px;
}
}
.prose {
color: var(--tw-prose-body);
max-width: 65ch;
}
.prose :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
margin-top: 1.25em;
margin-bottom: 1.25em;
}
.prose
:where([class~="lead"]):not(
:where([class~="not-prose"], [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"], [class~="not-prose"] *)) {
color: var(--tw-prose-links);
text-decoration: underline;
font-weight: 500;
}
.prose
:where(strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
color: var(--tw-prose-bold);
font-weight: 600;
}
.prose
:where(a strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
color: inherit;
}
.prose
:where(blockquote strong):not(
:where([class~="not-prose"], [class~="not-prose"] *)
) {
color: inherit;
}
.prose
:where(thead th strong):not(
:where([class~="not-prose"], [class~="not-prose"] *)
) {
color: inherit;
}
.prose :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
list-style-type: decimal;
margin-top: 1.25em;
margin-bottom: 1.25em;
padding-inline-start: 1.625em;
}
.prose
:where(ol[type="A"]):not(
:where([class~="not-prose"], [class~="not-prose"] *)
) {
list-style-type: upper-alpha;
}
.prose
:where(ol[type="a"]):not(
:where([class~="not-prose"], [class~="not-prose"] *)
) {
list-style-type: lower-alpha;
}
.prose
:where(ol[type="A" s]):not(
:where([class~="not-prose"], [class~="not-prose"] *)
) {
list-style-type: upper-alpha;
}
.prose
:where(ol[type="a" s]):not(
:where([class~="not-prose"], [class~="not-prose"] *)
) {
list-style-type: lower-alpha;
}
.prose
:where(ol[type="I"]):not(
:where([class~="not-prose"], [class~="not-prose"] *)
) {
list-style-type: upper-roman;
}
.prose
:where(ol[type="i"]):not(
:where([class~="not-prose"], [class~="not-prose"] *)
) {
list-style-type: lower-roman;
}
.prose
:where(ol[type="I" s]):not(
:where([class~="not-prose"], [class~="not-prose"] *)
) {
list-style-type: upper-roman;
}
.prose
:where(ol[type="i" s]):not(
:where([class~="not-prose"], [class~="not-prose"] *)
) {
list-style-type: lower-roman;
}
.prose
:where(ol[type="1"]):not(
:where([class~="not-prose"], [class~="not-prose"] *)
) {
list-style-type: decimal;
}
.prose :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
list-style-type: disc;
margin-top: 1.25em;
margin-bottom: 1.25em;
padding-inline-start: 1.625em;
}
.prose
:where(ol > li):not(
:where([class~="not-prose"], [class~="not-prose"] *)
)::marker {
font-weight: 400;
color: var(--tw-prose-counters);
}
.prose
:where(ul > li):not(
:where([class~="not-prose"], [class~="not-prose"] *)
)::marker {
color: var(--tw-prose-bullets);
}
.prose :where(dt):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
color: var(--tw-prose-headings);
font-weight: 600;
margin-top: 1.25em;
}
.prose :where(hr):not(:where([class~="not-prose"], [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"], [class~="not-prose"] *)) {
font-weight: 500;
font-style: italic;
color: var(--tw-prose-quotes);
border-inline-start-width: 0.25rem;
border-inline-start-color: var(--tw-prose-quote-borders);
quotes: "\201C" "\201D" "\2018" "\2019";
margin-top: 1.6em;
margin-bottom: 1.6em;
padding-inline-start: 1em;
}
.prose
:where(blockquote p:first-of-type):not(
:where([class~="not-prose"], [class~="not-prose"] *)
)::before {
content: open-quote;
}
.prose
:where(blockquote p:last-of-type):not(
:where([class~="not-prose"], [class~="not-prose"] *)
)::after {
content: close-quote;
}
.prose :where(h1):not(:where([class~="not-prose"], [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"], [class~="not-prose"] *)) {
font-weight: 900;
color: inherit;
}
.prose :where(h2):not(:where([class~="not-prose"], [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"], [class~="not-prose"] *)) {
font-weight: 800;
color: inherit;
}
.prose :where(h3):not(:where([class~="not-prose"], [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"], [class~="not-prose"] *)) {
font-weight: 700;
color: inherit;
}
.prose :where(h4):not(:where([class~="not-prose"], [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"], [class~="not-prose"] *)) {
font-weight: 700;
color: inherit;
}
.prose :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
margin-top: 2em;
margin-bottom: 2em;
}
.prose
:where(picture):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
display: block;
margin-top: 2em;
margin-bottom: 2em;
}
.prose :where(video):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
margin-top: 2em;
margin-bottom: 2em;
}
.prose :where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
font-weight: 500;
font-family: inherit;
color: var(--tw-prose-kbd);
box-shadow:
0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%),
0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%);
font-size: 0.875em;
border-radius: 0.3125rem;
padding-top: 0.1875em;
padding-inline-end: 0.375em;
padding-bottom: 0.1875em;
padding-inline-start: 0.375em;
}
.prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
color: var(--tw-prose-code);
font-weight: 600;
font-size: 0.875em;
}
.prose
:where(code):not(
:where([class~="not-prose"], [class~="not-prose"] *)
)::before {
content: "`";
}
.prose
:where(code):not(
:where([class~="not-prose"], [class~="not-prose"] *)
)::after {
content: "`";
}
.prose
:where(a code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
color: inherit;
}
.prose
:where(h1 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
color: inherit;
}
.prose
:where(h2 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
color: inherit;
font-size: 0.875em;
}
.prose
:where(h3 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
color: inherit;
font-size: 0.9em;
}
.prose
:where(h4 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
color: inherit;
}
.prose
:where(blockquote code):not(
:where([class~="not-prose"], [class~="not-prose"] *)
) {
color: inherit;
}
.prose
:where(thead th code):not(
:where([class~="not-prose"], [class~="not-prose"] *)
) {
color: inherit;
}
.prose :where(pre):not(:where([class~="not-prose"], [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-inline-end: 1.1428571em;
padding-bottom: 0.8571429em;
padding-inline-start: 1.1428571em;
}
.prose
:where(pre code):not(:where([class~="not-prose"], [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"], [class~="not-prose"] *)
)::before {
content: none;
}
.prose
:where(pre code):not(
:where([class~="not-prose"], [class~="not-prose"] *)
)::after {
content: none;
}
.prose :where(table):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
width: 100%;
table-layout: auto;
text-align: start;
margin-top: 2em;
margin-bottom: 2em;
font-size: 0.875em;
line-height: 1.7142857;
}
.prose :where(thead):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
border-bottom-width: 1px;
border-bottom-color: var(--tw-prose-th-borders);
}
.prose
:where(thead th):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
color: var(--tw-prose-headings);
font-weight: 600;
vertical-align: bottom;
padding-inline-end: 0.5714286em;
padding-bottom: 0.5714286em;
padding-inline-start: 0.5714286em;
}
.prose
:where(tbody tr):not(:where([class~="not-prose"], [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"], [class~="not-prose"] *)
) {
border-bottom-width: 0;
}
.prose
:where(tbody td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
vertical-align: baseline;
}
.prose :where(tfoot):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
border-top-width: 1px;
border-top-color: var(--tw-prose-th-borders);
}
.prose
:where(tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
vertical-align: top;
}
.prose
:where(figure > *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
margin-top: 0;
margin-bottom: 0;
}
.prose
:where(figcaption):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
color: var(--tw-prose-captions);
font-size: 0.875em;
line-height: 1.4285714;
margin-top: 0.8571429em;
}
.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-kbd: #111827;
--tw-prose-kbd-shadows: 17 24 39;
--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-kbd: #fff;
--tw-prose-invert-kbd-shadows: 255 255 255;
--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(picture > img):not(
:where([class~="not-prose"], [class~="not-prose"] *)
) {
margin-top: 0;
margin-bottom: 0;
}
.prose :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
margin-top: 0.5em;
margin-bottom: 0.5em;
}
.prose
:where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
padding-inline-start: 0.375em;
}
.prose
:where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
padding-inline-start: 0.375em;
}
.prose
:where(.prose > ul > li p):not(
:where([class~="not-prose"], [class~="not-prose"] *)
) {
margin-top: 0.75em;
margin-bottom: 0.75em;
}
.prose
:where(.prose > ul > li > *:first-child):not(
:where([class~="not-prose"], [class~="not-prose"] *)
) {
margin-top: 1.25em;
}
.prose
:where(.prose > ul > li > *:last-child):not(
:where([class~="not-prose"], [class~="not-prose"] *)
) {
margin-bottom: 1.25em;
}
.prose
:where(.prose > ol > li > *:first-child):not(
:where([class~="not-prose"], [class~="not-prose"] *)
) {
margin-top: 1.25em;
}
.prose
:where(.prose > ol > li > *:last-child):not(
:where([class~="not-prose"], [class~="not-prose"] *)
) {
margin-bottom: 1.25em;
}
.prose
:where(ul ul, ul ol, ol ul, ol ol):not(
:where([class~="not-prose"], [class~="not-prose"] *)
) {
margin-top: 0.75em;
margin-bottom: 0.75em;
}
.prose :where(dl):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
margin-top: 1.25em;
margin-bottom: 1.25em;
}
.prose :where(dd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
margin-top: 0.5em;
padding-inline-start: 1.625em;
}
.prose
:where(hr + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
margin-top: 0;
}
.prose
:where(h2 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
margin-top: 0;
}
.prose
:where(h3 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
margin-top: 0;
}
.prose
:where(h4 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
margin-top: 0;
}
.prose
:where(thead th:first-child):not(
:where([class~="not-prose"], [class~="not-prose"] *)
) {
padding-inline-start: 0;
}
.prose
:where(thead th:last-child):not(
:where([class~="not-prose"], [class~="not-prose"] *)
) {
padding-inline-end: 0;
}
.prose
:where(tbody td, tfoot td):not(
:where([class~="not-prose"], [class~="not-prose"] *)
) {
padding-top: 0.5714286em;
padding-inline-end: 0.5714286em;
padding-bottom: 0.5714286em;
padding-inline-start: 0.5714286em;
}
.prose
:where(tbody td:first-child, tfoot td:first-child):not(
:where([class~="not-prose"], [class~="not-prose"] *)
) {
padding-inline-start: 0;
}
.prose
:where(tbody td:last-child, tfoot td:last-child):not(
:where([class~="not-prose"], [class~="not-prose"] *)
) {
padding-inline-end: 0;
}
.prose
:where(figure):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
margin-top: 2em;
margin-bottom: 2em;
}
.prose
:where(.prose > :first-child):not(
:where([class~="not-prose"], [class~="not-prose"] *)
) {
margin-top: 0;
}
.prose
:where(.prose > :last-child):not(
:where([class~="not-prose"], [class~="not-prose"] *)
) {
margin-bottom: 0;
}
.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;
}
.visible {
visibility: visible;
}
.collapse {
visibility: collapse;
}
.static {
position: static;
}
.fixed {
position: fixed;
}
.absolute {
position: absolute;
}
.relative {
position: relative;
}
.sticky {
position: sticky;
}
.inset-0 {
inset: 0px;
}
.inset-x-0 {
left: 0px;
right: 0px;
}
.-bottom-1 {
bottom: -0.25rem;
}
.-bottom-4 {
bottom: -1rem;
}
.-bottom-\[6em\] {
bottom: -6em;
}
.-bottom-px {
bottom: -1px;
}
.bottom-0 {
bottom: 0px;
}
.left-0 {
left: 0px;
}
.left-1\/2 {
left: 50%;
}
.left-2 {
left: 0.5rem;
}
.left-4 {
left: 1rem;
}
.left-\[50\%\] {
left: 50%;
}
.right-0 {
right: 0px;
}
.right-14 {
right: 3.5rem;
}
.right-4 {
right: 1rem;
}
.right-6 {
right: 1.5rem;
}
.top-0 {
top: 0px;
}
.top-1\/2 {
top: 50%;
}
.top-16 {
top: 4rem;
}
.top-24 {
top: 6rem;
}
.top-3 {
top: 0.75rem;
}
.top-4 {
top: 1rem;
}
.top-6 {
top: 1.5rem;
}
.top-\[18px\] {
top: 18px;
}
.top-\[50\%\] {
top: 50%;
}
.top-full {
top: 100%;
}
.-z-\[1\] {
z-index: -1;
}
.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-\[2\] {
z-index: 2;
}
.z-\[3\] {
z-index: 3;
}
.z-\[999\] {
z-index: 999;
}
.order-1 {
order: 1;
}
.order-2 {
order: 2;
}
.order-3 {
order: 3;
}
.order-last {
order: 9999;
}
.col-span-12 {
grid-column: span 12 / span 12;
}
.col-span-2 {
grid-column: span 2 / span 2;
}
.col-span-3 {
grid-column: span 3 / span 3;
}
.col-span-6 {
grid-column: span 6 / span 6;
}
.col-span-full {
grid-column: 1 / -1;
}
.float-right {
float: right;
}
.float-left {
float: left;
}
.-m-12 {
margin: -3rem;
}
.-m-4 {
margin: -1rem;
}
.m-0 {
margin: 0px;
}
.m-2 {
margin: 0.5rem;
}
.m-6 {
margin: 1.5rem;
}
.m-auto {
margin: auto;
}
.-mx-1 {
margin-left: -0.25rem;
margin-right: -0.25rem;
}
.-mx-4 {
margin-left: -1rem;
margin-right: -1rem;
}
.-mx-5 {
margin-left: -1.25rem;
margin-right: -1.25rem;
}
.mx-2 {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.mx-auto {
margin-left: auto;
margin-right: auto;
}
.my-10 {
margin-top: 2.5rem;
margin-bottom: 2.5rem;
}
.my-3 {
margin-top: 0.75rem;
margin-bottom: 0.75rem;
}
.my-4 {
margin-top: 1rem;
margin-bottom: 1rem;
}
.my-6 {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
.my-auto {
margin-top: auto;
margin-bottom: auto;
}
.-mb-4 {
margin-bottom: -1rem;
}
.-ml-48 {
margin-left: -12rem;
}
.-ml-\[100\%\] {
margin-left: -100%;
}
.-mt-14 {
margin-top: -3.5rem;
}
.-mt-5 {
margin-top: -1.25rem;
}
.-mt-\[8vw\] {
margin-top: -8vw;
}
.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-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-\[4px\] {
margin-bottom: 4px;
}
.me-2 {
margin-inline-end: 0.5rem;
}
.me-2\.5 {
margin-inline-end: 0.625rem;
}
.me-6 {
margin-inline-end: 1.5rem;
}
.ml-0 {
margin-left: 0px;
}
.ml-10 {
margin-left: 2.5rem;
}
.ml-2 {
margin-left: 0.5rem;
}
.ml-2\.5 {
margin-left: 0.625rem;
}
.ml-20 {
margin-left: 5rem;
}
.ml-3 {
margin-left: 0.75rem;
}
.ml-4 {
margin-left: 1rem;
}
.ml-6 {
margin-left: 1.5rem;
}
.mr-10 {
margin-right: 2.5rem;
}
.mr-2 {
margin-right: 0.5rem;
}
.mr-20 {
margin-right: 5rem;
}
.mr-4 {
margin-right: 1rem;
}
.mr-6 {
margin-right: 1.5rem;
}
.ms-1 {
margin-inline-start: 0.25rem;
}
.ms-3 {
margin-inline-start: 0.75rem;
}
.mt-0 {
margin-top: 0px;
}
.mt-0\.5 {
margin-top: 0.125rem;
}
.mt-1 {
margin-top: 0.25rem;
}
.mt-1\.5 {
margin-top: 0.375rem;
}
.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-40 {
margin-top: 10rem;
}
.mt-5 {
margin-top: 1.25rem;
}
.mt-6 {
margin-top: 1.5rem;
}
.mt-7 {
margin-top: 1.75rem;
}
.mt-8 {
margin-top: 2rem;
}
.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;
}
.table-cell {
display: table-cell;
}
.grid {
display: grid;
}
.inline-grid {
display: inline-grid;
}
.contents {
display: contents;
}
.hidden {
display: none;
}
.h-0 {
height: 0px;
}
.h-0\.5 {
height: 0.125rem;
}
.h-1\/5 {
height: 20%;
}
.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-20 {
height: 5rem;
}
.h-3 {
height: 0.75rem;
}
.h-3\.5 {
height: 0.875rem;
}
.h-4 {
height: 1rem;
}
.h-4\/5 {
height: 80%;
}
.h-40 {
height: 10rem;
}
.h-44 {
height: 11rem;
}
.h-5 {
height: 1.25rem;
}
.h-52 {
height: 13rem;
}
.h-56 {
height: 14rem;
}
.h-6 {
height: 1.5rem;
}
.h-64 {
height: 16rem;
}
.h-8 {
height: 2rem;
}
.h-80 {
height: 20rem;
}
.h-9 {
height: 2.25rem;
}
.h-96 {
height: 24rem;
}
.h-\[0\] {
height: 0;
}
.h-\[130px\] {
height: 130px;
}
.h-\[2px\] {
height: 2px;
}
.h-\[480px\] {
height: 480px;
}
.h-\[500px\] {
height: 500px;
}
.h-\[60px\] {
height: 60px;
}
.h-\[72px\] {
height: 72px;
}
.h-auto {
height: auto;
}
.h-full {
height: 100%;
}
.h-screen {
height: 100vh;
}
.max-h-0 {
max-height: 0px;
}
.max-h-20 {
max-height: 5rem;
}
.max-h-32 {
max-height: 8rem;
}
.max-h-\[100px\] {
max-height: 100px;
}
.max-h-\[120px\] {
max-height: 120px;
}
.max-h-\[45rem\] {
max-height: 45rem;
}
.max-h-\[60px\] {
max-height: 60px;
}
.max-h-\[70px\] {
max-height: 70px;
}
.min-h-full {
min-height: 100%;
}
.min-h-screen {
min-height: 100vh;
}
.w-0 {
width: 0px;
}
.w-1\/2 {
width: 50%;
}
.w-1\/4 {
width: 25%;
}
.w-1\/5 {
width: 20%;
}
.w-10 {
width: 2.5rem;
}
.w-12 {
width: 3rem;
}
.w-14 {
width: 3.5rem;
}
.w-16 {
width: 4rem;
}
.w-2 {
width: 0.5rem;
}
.w-2\.5 {
width: 0.625rem;
}
.w-2\/3 {
width: 66.666667%;
}
.w-2\/4 {
width: 50%;
}
.w-2\/6 {
width: 33.333333%;
}
.w-20 {
width: 5rem;
}
.w-24 {
width: 6rem;
}
.w-3 {
width: 0.75rem;
}
.w-3\.5 {
width: 0.875rem;
}
.w-3\/4 {
width: 75%;
}
.w-32 {
width: 8rem;
}
.w-36 {
width: 9rem;
}
.w-4 {
width: 1rem;
}
.w-4\/6 {
width: 66.666667%;
}
.w-40 {
width: 10rem;
}
.w-48 {
width: 12rem;
}
.w-5 {
width: 1.25rem;
}
.w-5\/6 {
width: 83.333333%;
}
.w-52 {
width: 13rem;
}
.w-56 {
width: 14rem;
}
.w-6 {
width: 1.5rem;
}
.w-60 {
width: 15rem;
}
.w-64 {
width: 16rem;
}
.w-72 {
width: 18rem;
}
.w-8 {
width: 2rem;
}
.w-8\/12 {
width: 66.666667%;
}
.w-80 {
width: 20rem;
}
.w-9\/12 {
width: 75%;
}
.w-96 {
width: 24rem;
}
.w-\[130px\] {
width: 130px;
}
.w-\[250px\] {
width: 250px;
}
.w-\[480px\] {
width: 480px;
}
.w-auto {
width: auto;
}
.w-full {
width: 100%;
}
.w-screen {
width: 100vw;
}
.min-w-0 {
min-width: 0px;
}
.min-w-12 {
min-width: 3rem;
}
.min-w-fit {
min-width: -moz-fit-content;
min-width: fit-content;
}
.\!max-w-\[300px\] {
max-width: 300px !important;
}
.\!max-w-full {
max-width: 100% !important;
}
.max-w-3xl {
max-width: 48rem;
}
.max-w-4xl {
max-width: 56rem;
}
.max-w-5xl {
max-width: 64rem;
}
.max-w-6xl {
max-width: 72rem;
}
.max-w-72 {
max-width: 18rem;
}
.max-w-7xl {
max-width: 80rem;
}
.max-w-\[100px\] {
max-width: 100px;
}
.max-w-\[150px\] {
max-width: 150px;
}
.max-w-\[200px\] {
max-width: 200px;
}
.max-w-\[300px\] {
max-width: 300px;
}
.max-w-\[370px\] {
max-width: 370px;
}
.max-w-\[400px\] {
max-width: 400px;
}
.max-w-\[570px\] {
max-width: 570px;
}
.max-w-\[580px\] {
max-width: 580px;
}
.max-w-\[60px\] {
max-width: 60px;
}
.max-w-\[80px\] {
max-width: 80px;
}
.max-w-\[85rem\] {
max-width: 85rem;
}
.max-w-lg {
max-width: 32rem;
}
.max-w-none {
max-width: none;
}
.max-w-screen-xl {
max-width: 1280px;
}
.max-w-sm {
max-width: 24rem;
}
.max-w-xl {
max-width: 36rem;
}
.flex-1 {
flex: 1 1 0%;
}
.flex-auto {
flex: 1 1 auto;
}
.flex-none {
flex: none;
}
.flex-shrink-0 {
flex-shrink: 0;
}
.shrink-0 {
flex-shrink: 0;
}
.flex-grow {
flex-grow: 1;
}
.grow {
flex-grow: 1;
}
.basis-2\/3 {
flex-basis: 66.666667%;
}
.border-separate {
border-collapse: separate;
}
.origin-right {
transform-origin: right;
}
.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-\[50\%\] {
--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-y-1\/2 {
--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-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-\[50\%\] {
--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-\[50px\] {
--tw-translate-y: -50px;
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-\[-50\%\] {
--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-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-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-\[-50\%\] {
--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));
}
.-rotate-45 {
--tw-rotate: -45deg;
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));
}
.rotate-45 {
--tw-rotate: 45deg;
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));
}
.cursor-pointer {
cursor: pointer;
}
.resize-none {
resize: none;
}
.resize {
resize: both;
}
.list-inside {
list-style-position: inside;
}
.list-disc {
list-style-type: disc;
}
.list-none {
list-style-type: none;
}
.appearance-none {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-12 {
grid-template-columns: repeat(12, minmax(0, 1fr));
}
.grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.flex-row {
flex-direction: row;
}
.flex-row-reverse {
flex-direction: row-reverse;
}
.flex-col {
flex-direction: column;
}
.flex-col-reverse {
flex-direction: column-reverse;
}
.flex-wrap {
flex-wrap: wrap;
}
.place-items-center {
place-items: center;
}
.items-start {
align-items: flex-start;
}
.items-end {
align-items: flex-end;
}
.items-center {
align-items: center;
}
.items-baseline {
align-items: baseline;
}
.items-stretch {
align-items: stretch;
}
.justify-start {
justify-content: flex-start;
}
.justify-end {
justify-content: flex-end;
}
.justify-center {
justify-content: center;
}
.justify-between {
justify-content: space-between;
}
.justify-around {
justify-content: space-around;
}
.gap-10 {
gap: 2.5rem;
}
.gap-12 {
gap: 3rem;
}
.gap-16 {
gap: 4rem;
}
.gap-2 {
gap: 0.5rem;
}
.gap-20 {
gap: 5rem;
}
.gap-3 {
gap: 0.75rem;
}
.gap-4 {
gap: 1rem;
}
.gap-5 {
gap: 1.25rem;
}
.gap-6 {
gap: 1.5rem;
}
.gap-8 {
gap: 2rem;
}
.gap-x-1 {
-moz-column-gap: 0.25rem;
column-gap: 0.25rem;
}
.gap-x-1\.5 {
-moz-column-gap: 0.375rem;
column-gap: 0.375rem;
}
.gap-x-10 {
-moz-column-gap: 2.5rem;
column-gap: 2.5rem;
}
.gap-x-2 {
-moz-column-gap: 0.5rem;
column-gap: 0.5rem;
}
.gap-x-3 {
-moz-column-gap: 0.75rem;
column-gap: 0.75rem;
}
.gap-x-6 {
-moz-column-gap: 1.5rem;
column-gap: 1.5rem;
}
.space-x-1 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(0.25rem * var(--tw-space-x-reverse));
margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
}
.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-10 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
}
.space-y-12 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(3rem * var(--tw-space-y-reverse));
}
.space-y-14 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(3.5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(3.5rem * 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-3 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0.75rem * 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));
}
.space-y-8 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(2rem * var(--tw-space-y-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-solid > :not([hidden]) ~ :not([hidden]) {
border-style: solid;
}
.divide-dashed > :not([hidden]) ~ :not([hidden]) {
border-style: dashed;
}
.divide-double > :not([hidden]) ~ :not([hidden]) {
border-style: double;
}
.divide-gray-300 > :not([hidden]) ~ :not([hidden]) {
--tw-divide-opacity: 1;
border-color: rgb(209 213 219 / var(--tw-divide-opacity));
}
.self-start {
align-self: flex-start;
}
.self-end {
align-self: flex-end;
}
.self-center {
align-self: center;
}
.justify-self-start {
justify-self: start;
}
.justify-self-center {
justify-self: center;
}
.overflow-auto {
overflow: auto;
}
.overflow-hidden {
overflow: hidden;
}
.overflow-y-auto {
overflow-y: auto;
}
.overflow-y-scroll {
overflow-y: scroll;
}
.scroll-smooth {
scroll-behavior: smooth;
}
.whitespace-nowrap {
white-space: nowrap;
}
.whitespace-pre {
white-space: pre;
}
.whitespace-break-spaces {
white-space: break-spaces;
}
.text-nowrap {
text-wrap: nowrap;
}
.text-balance {
text-wrap: balance;
}
.rounded {
border-radius: 0.25rem;
}
.rounded-2xl {
border-radius: 1rem;
}
.rounded-\[30px\] {
border-radius: 30px;
}
.rounded-full {
border-radius: 9999px;
}
.rounded-lg {
border-radius: 0.5rem;
}
.rounded-md {
border-radius: 0.375rem;
}
.rounded-xl {
border-radius: 0.75rem;
}
.rounded-b-xl {
border-bottom-right-radius: 0.75rem;
border-bottom-left-radius: 0.75rem;
}
.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-8 {
border-width: 8px;
}
.border-b {
border-bottom-width: 1px;
}
.border-b-0 {
border-bottom-width: 0px;
}
.border-r {
border-right-width: 1px;
}
.border-t {
border-top-width: 1px;
}
.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-700 {
--tw-border-opacity: 1;
border-color: rgb(55 65 81 / var(--tw-border-opacity));
}
.border-primary-background {
--tw-border-opacity: 1;
border-color: var(--color-primary-background);
}
.border-secondary-background {
--tw-border-opacity: 1;
border-color: var(--color-secondary-background);
}
.border-secondary-text {
--tw-border-opacity: 1;
border-color: var(--color-secondary-text);
}
.border-slate-100 {
--tw-border-opacity: 1;
border-color: rgb(241 245 249 / var(--tw-border-opacity));
}
.border-transparent {
border-color: transparent;
}
.border-white {
--tw-border-opacity: 1;
border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.border-b-black {
--tw-border-opacity: 1;
border-bottom-color: rgb(0 0 0 / var(--tw-border-opacity));
}
.border-b-secondary-background {
--tw-border-opacity: 1;
border-bottom-color: rgb(25 206 103 / var(--tw-border-opacity));
}
.border-r-gray-300 {
--tw-border-opacity: 1;
border-right-color: rgb(209 213 219 / var(--tw-border-opacity));
}
.border-t-black {
--tw-border-opacity: 1;
border-top-color: rgb(0 0 0 / var(--tw-border-opacity));
}
.border-t-gray-300 {
--tw-border-opacity: 1;
border-top-color: rgb(209 213 219 / var(--tw-border-opacity));
}
.border-t-primary-text {
--tw-border-opacity: 1;
border-top-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.bg-black {
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.bg-black\/25 {
background-color: rgb(0 0 0 / 0.25);
}
.bg-black\/5 {
background-color: rgb(0 0 0 / 0.05);
}
.bg-gray-100 {
--tw-bg-opacity: 1;
background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.bg-gray-100\/40 {
background-color: rgb(243 244 246 / 0.4);
}
.bg-gray-200 {
--tw-bg-opacity: 1;
background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.bg-gray-50 {
--tw-bg-opacity: 1;
background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}
.bg-gray-500 {
--tw-bg-opacity: 1;
background-color: rgb(107 114 128 / var(--tw-bg-opacity));
}
.bg-gray-900 {
--tw-bg-opacity: 1;
background-color: rgb(17 24 39 / var(--tw-bg-opacity));
}
.bg-primary-background {
--tw-bg-opacity: 1;
background-color: #963339;
}
.bg-primary-background\/70 {
background-color: #96333970;
}
.bg-primary-text {
--tw-bg-opacity: 1;
background-color: #ffffff;
}
.bg-red-300 {
--tw-bg-opacity: 1;
background-color: rgb(252 165 165 / var(--tw-bg-opacity));
}
.bg-secondary-background {
--tw-bg-opacity: 1;
background-color: #1a1816;
}
.bg-secondary-text {
--tw-bg-opacity: 1;
background-color: #ffffff;
}
.bg-slate-50 {
--tw-bg-opacity: 1;
background-color: rgb(248 250 252 / var(--tw-bg-opacity));
}
.bg-slate-900 {
--tw-bg-opacity: 1;
background-color: rgb(15 23 42 / var(--tw-bg-opacity));
}
.bg-transparent {
background-color: transparent;
}
.bg-white {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-white\/10 {
background-color: rgb(255 255 255 / 0.1);
}
.bg-opacity-5 {
--tw-bg-opacity: 0.05;
}
.bg-opacity-50 {
--tw-bg-opacity: 0.5;
}
.bg-opacity-75 {
--tw-bg-opacity: 0.75;
}
.bg-gradient-to-b {
background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}
.bg-gradient-to-l {
background-image: linear-gradient(to left, var(--tw-gradient-stops));
}
.bg-gradient-to-r {
background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.from-primary-background {
--tw-gradient-from: var(--color-primary-background) var(--tw-gradient-from-position);
--tw-gradient-to: rgb(41 43 61 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-red-500 {
--tw-gradient-from: #ef4444 var(--tw-gradient-from-position);
--tw-gradient-to: rgb(239 68 68 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-secondary-background {
--tw-gradient-from: var(--color-secondary-background) var(--tw-gradient-from-position);
--tw-gradient-to: rgb(25 206 103 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-secondary-background\/30 {
--tw-gradient-from: rgb(25 206 103 / 0.3) var(--tw-gradient-from-position);
--tw-gradient-to: rgb(25 206 103 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-transparent {
--tw-gradient-from: transparent var(--tw-gradient-from-position);
--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.via-black\/40 {
--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from),
rgb(0 0 0 / 0.4) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-purple-400 {
--tw-gradient-to: rgb(192 132 252 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from),
#c084fc var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.to-black {
--tw-gradient-to: #000 var(--tw-gradient-to-position);
}
.to-blue-500 {
--tw-gradient-to: #3b82f6 var(--tw-gradient-to-position);
}
.to-secondary-background {
--tw-gradient-to: var(--color-secondary-background) var(--tw-gradient-to-position);
}
.to-transparent {
--tw-gradient-to: transparent var(--tw-gradient-to-position);
}
.bg-cover {
background-size: cover;
}
.bg-clip-text {
-webkit-background-clip: text;
background-clip: text;
}
.bg-center {
background-position: center;
}
.bg-no-repeat {
background-repeat: no-repeat;
}
.fill-gray-300 {
fill: #d1d5db;
}
.stroke-2 {
stroke-width: 2;
}
.object-contain {
-o-object-fit: contain;
object-fit: contain;
}
.object-cover {
-o-object-fit: cover;
object-fit: cover;
}
.object-center {
-o-object-position: center;
object-position: center;
}
.object-right-top {
-o-object-position: right top;
object-position: right top;
}
.p-0 {
padding: 0px;
}
.p-10 {
padding: 2.5rem;
}
.p-2 {
padding: 0.5rem;
}
.p-20 {
padding: 5rem;
}
.p-3 {
padding: 0.75rem;
}
.p-4 {
padding: 1rem;
}
.p-5 {
padding: 1.25rem;
}
.p-6 {
padding: 1.5rem;
}
.p-7 {
padding: 1.75rem;
}
.p-8 {
padding: 2rem;
}
.px-0 {
padding-left: 0px;
padding-right: 0px;
}
.px-10 {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.px-2 {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.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-9 {
padding-left: 2.25rem;
padding-right: 2.25rem;
}
.py-1 {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
.py-10 {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
.py-12 {
padding-top: 3rem;
padding-bottom: 3rem;
}
.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-24 {
padding-top: 6rem;
padding-bottom: 6rem;
}
.py-3 {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
.py-3\.5 {
padding-top: 0.875rem;
padding-bottom: 0.875rem;
}
.py-32 {
padding-top: 8rem;
padding-bottom: 8rem;
}
.py-4 {
padding-top: 1rem;
padding-bottom: 1rem;
}
.py-6 {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.py-8 {
padding-top: 2rem;
padding-bottom: 2rem;
}
.py-9 {
padding-top: 2.25rem;
padding-bottom: 2.25rem;
}
.pb-1 {
padding-bottom: 0.25rem;
}
.pb-10 {
padding-bottom: 2.5rem;
}
.pb-16 {
padding-bottom: 4rem;
}
.pb-2 {
padding-bottom: 0.5rem;
}
.pb-20 {
padding-bottom: 5rem;
}
.pb-24 {
padding-bottom: 6rem;
}
.pb-3 {
padding-bottom: 0.75rem;
}
.pb-4 {
padding-bottom: 1rem;
}
.pb-56 {
padding-bottom: 14rem;
}
.pb-6 {
padding-bottom: 1.5rem;
}
.pb-8 {
padding-bottom: 2rem;
}
.pl-10 {
padding-left: 2.5rem;
}
.pl-20 {
padding-left: 5rem;
}
.pl-24 {
padding-left: 6rem;
}
.pl-4 {
padding-left: 1rem;
}
.pl-6 {
padding-left: 1.5rem;
}
.pl-\[5\%\] {
padding-left: 5%;
}
.pr-10 {
padding-right: 2.5rem;
}
.pr-14 {
padding-right: 3.5rem;
}
.pr-4 {
padding-right: 1rem;
}
.pr-\[5\%\] {
padding-right: 5%;
}
.pt-10 {
padding-top: 2.5rem;
}
.pt-2 {
padding-top: 0.5rem;
}
.pt-20 {
padding-top: 5rem;
}
.pt-4 {
padding-top: 1rem;
}
.pt-5 {
padding-top: 1.25rem;
}
.pt-6 {
padding-top: 1.5rem;
}
.pt-8 {
padding-top: 2rem;
}
.pt-80 {
padding-top: 20rem;
}
.pt-\[2px\] {
padding-top: 2px;
}
.text-left {
text-align: left;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.align-middle {
vertical-align: middle;
}
.font-\[\'Karla\'\] {
font-family: "Karla";
}
.font-sans {
font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.\!text-sm {
font-size: 0.875rem !important;
line-height: 1.25rem !important;
}
.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-\[11px\] {
font-size: 11px;
}
.text-\[14px\] {
font-size: 14px;
}
.text-\[2\.5rem\] {
font-size: 2.5rem;
}
.text-\[40px\] {
font-size: 40px;
}
.text-\[85\%\] {
font-size: 85%;
}
.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-extralight {
font-weight: 200;
}
.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;
}
.leading-3 {
line-height: 0.75rem;
}
.leading-4 {
line-height: 1rem;
}
.leading-6 {
line-height: 1.5rem;
}
.leading-7 {
line-height: 1.75rem;
}
.leading-9 {
line-height: 2.25rem;
}
.leading-\[110px\] {
line-height: 110px;
}
.leading-\[16px\] {
line-height: 16px;
}
.leading-\[20px\] {
line-height: 20px;
}
.leading-none {
line-height: 1;
}
.leading-normal {
line-height: 1.5;
}
.leading-relaxed {
line-height: 1.625;
}
.tracking-\[2px\] {
letter-spacing: 2px;
}
.tracking-\[3px\] {
letter-spacing: 3px;
}
.tracking-tight {
letter-spacing: -0.025em;
}
.tracking-tighter {
letter-spacing: -0.05em;
}
.tracking-wide {
letter-spacing: 0.025em;
}
.tracking-wider {
letter-spacing: 0.05em;
}
.tracking-widest {
letter-spacing: 0.1em;
}
.text-black {
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
.text-blue-600 {
--tw-text-opacity: 1;
color: rgb(37 99 235 / var(--tw-text-opacity));
}
.text-gray-100 {
--tw-text-opacity: 1;
color: rgb(243 244 246 / var(--tw-text-opacity));
}
.text-gray-200 {
--tw-text-opacity: 1;
color: rgb(229 231 235 / var(--tw-text-opacity));
}
.text-gray-300 {
--tw-text-opacity: 1;
color: rgb(209 213 219 / 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-indigo-500 {
--tw-text-opacity: 1;
color: rgb(99 102 241 / var(--tw-text-opacity));
}
.text-primary-background {
--tw-text-opacity: 1;
color: var(--color-primary-background);
}
.text-primary-text {
--tw-text-opacity: 1;
color: var(--color-primary-text);
}
.text-primary-text\/50 {
color: #ffffff50;
}
.text-secondary-background {
--tw-text-opacity: 1;
color: var(--color-secondary-background);
}
.text-secondary-text {
--tw-text-opacity: 1;
color: var(--color-secondary-text);
}
.text-slate-400 {
--tw-text-opacity: 1;
color: rgb(148 163 184 / var(--tw-text-opacity));
}
.text-slate-500 {
--tw-text-opacity: 1;
color: rgb(100 116 139 / var(--tw-text-opacity));
}
.text-slate-900 {
--tw-text-opacity: 1;
color: rgb(15 23 42 / var(--tw-text-opacity));
}
.text-transparent {
color: transparent;
}
.text-white {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-white\/70 {
color: rgb(255 255 255 / 0.7);
}
.text-yellow-300 {
--tw-text-opacity: 1;
color: rgb(253 224 71 / var(--tw-text-opacity));
}
.text-opacity-30 {
--tw-text-opacity: 0.3;
}
.text-opacity-40 {
--tw-text-opacity: 0.4;
}
.text-opacity-70 {
--tw-text-opacity: 0.7;
}
.text-opacity-80 {
--tw-text-opacity: 0.8;
}
.decoration-2 {
text-decoration-thickness: 2px;
}
.opacity-0 {
opacity: 0;
}
.opacity-100 {
opacity: 1;
}
.opacity-50 {
opacity: 0.5;
}
.opacity-70 {
opacity: 0.7;
}
.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-2xl {
--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
--tw-shadow-colored: 0 25px 50px -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);
}
.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);
}
.shadow-slate-900\/10 {
--tw-shadow-color: rgb(15 23 42 / 0.1);
--tw-shadow: var(--tw-shadow-colored);
}
.outline-none {
outline: 2px solid transparent;
outline-offset: 2px;
}
.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-slate-900\/5 {
--tw-ring-color: rgb(15 23 42 / 0.05);
}
.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);
}
.blur-\[1px\] {
--tw-blur: blur(1px);
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);
}
.blur-sm {
--tw-blur: blur(4px);
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);
}
.brightness-0 {
--tw-brightness: brightness(0);
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);
}
.backdrop-blur-lg {
--tw-backdrop-blur: blur(16px);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale)
var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert)
var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale)
var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert)
var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
}
.backdrop-blur-md {
--tw-backdrop-blur: blur(12px);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale)
var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert)
var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale)
var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert)
var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
}
.backdrop-blur-sm {
--tw-backdrop-blur: blur(4px);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale)
var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert)
var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale)
var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert)
var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
}
.backdrop-opacity-30 {
--tw-backdrop-opacity: opacity(0.3);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale)
var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert)
var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale)
var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert)
var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
}
.transition {
transition-property:
color,
background-color,
border-color,
text-decoration-color,
fill,
stroke,
opacity,
box-shadow,
transform,
filter,
-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-backdrop-filter;
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-colors {
transition-property: color, background-color, border-color,
text-decoration-color, fill, stroke;
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;
}
.delay-150 {
transition-delay: 150ms;
}
.delay-75 {
transition-delay: 75ms;
}
.duration-150 {
transition-duration: 150ms;
}
.duration-200 {
transition-duration: 200ms;
}
.duration-300 {
transition-duration: 300ms;
}
.duration-500 {
transition-duration: 500ms;
}
.duration-700 {
transition-duration: 700ms;
}
.duration-75 {
transition-duration: 75ms;
}
.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);
}
div[id^="mapCustomstyle"] {
padding-bottom: 500px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: Roboto;
}
input[type="date"]::-moz-placeholder {
color: #FF0000;
/* Replace with the color you prefer */
}
input[type="date"]::placeholder {
color: #FF0000;
/* Replace with the color you prefer */
}
.bg-primary-opacity {
background-color: #96333990;
}
.bg-secondary-opacity {
background-color: #1a181690;
}
#navigation {
transition: all 0.3s;
}
/* Canvas Alerts */
.alert {
padding: 0.5rem;
margin: 0.5rem 0;
font-weight: 500;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
width: 100%;
border-left-width: 4px;
}
.alert.alert-success {
color: rgb(74 222 128 / 1);
border-color: rgb(74 222 128 / 1);
background-color: rgb(220 252 231 / 1);
}
.alert.alert-success:hover {
border-color: rgb(34 197 94 / 1);
}
.alert.alert-danger {
color: rgb(248 113 113 / 1);
border-color: rgb(248 113 113 / 1);
background-color: rgb(254 226 226 / 1);
}
/* Styles from Snap Version 1 */
.ry-container {
max-width: 80rem;
margin: 0 auto;
float: none;
}
@media (min-width: 992px) {
.ry-container {
max-width: 1600px;
}
}
@media screen and (min-width: 992px) and (max-width: 1700px) {
.ry-container {
max-width: 90%;
}
}
@media (max-width: 991px) {
.ry-container {
max-width: 80rem;
}
}
.ry-flex {
display: flex;
justify-content: space-between;
}
#ry-pg-banner .ry-container,
#ry-pg-body .ry-container {
max-width: 67.70833%;
margin: 0 auto;
float: none;
}
@media (min-width: 992px) {
#ry-pg-banner .ry-container,
#ry-pg-body .ry-container {
max-width: 1300px;
}
}
@media screen and (min-width: 992px) and (max-width: 1440px) {
#ry-pg-banner .ry-container,
#ry-pg-body .ry-container {
max-width: 90%;
}
}
@media (max-width: 991px) {
#ry-pg-banner .ry-container,
#ry-pg-body .ry-container {
max-width: 90%;
}
}
#ry-pg-body.container-1600 .ry-container {
max-width: 1600px;
width: 90%;
}
/* unset Form-groups Colors */
.form-group .form-control,
.form-control.select2-container .select2-choices {
background: unset;
color: unset;
}
.arrow-down::after {
content: "";
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #ffffff;
}
.has-list-disc ul {
list-style: disc;
padding-left: 30px;
}
.break-point {
display: table;
}
.ry-menu .ry-nav ul li {
padding: 0 10px;
}
mm-burger {
--mb-bar-height: 2px;
padding: 5px;
color: white;
}
#mobile-menu .dropdown-menu {
background: transparent;
border: unset;
padding-left: 10px;
}
.slider-info {
min-height: 280px;
color: var(--color-secondary-text);
background-color: var(--color-secondary-background);
}
::-moz-selection {
color: var(--color-secondary-text);
background: var(--color-secondary-background);
}
::selection {
color: var(--color-secondary-text);
background: var(--color-secondary-background);
}
::-moz-selection {
color: var(--color-secondary-text);
background: var(--color-secondary-background);
}
body {
font-family: Roboto, sans-serif;
}
.homepage-video-slider {
position: relative;
max-height: 800px;
}
.homepage-video-slider::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
inset: 0;
background-color: #000;
opacity: 0.3;
}
.homepage-swiper {
width: 100%;
}
.homepage-swiper .swiper-slide {
height: auto;
}
.homepage-swiper .swiper-slide img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media (min-width: 768px) {
.slider-info {
position: absolute;
width: 70%;
background-color: transparent;
}
/* MD */
.slider-info-left-center {
top: 50%;
left: 0;
padding-left: 10%;
transform: translateY(-50%);
}
.slider-info-left-bottom {
bottom: 10%;
left: 0;
padding-left: 10%;
}
.slider-info-right-center {
top: 50%;
right: 0;
padding-right: 10%;
transform: translateY(-50%);
}
.slider-info-right-bottom {
bottom: 10%;
right: 0;
padding-right: 10%;
}
.slider-info-center-center {
text-align: center;
top: 60%;
left: 50%;
transform: translate(-50%, -40%);
}
.slider-info-center-bottom {
text-align: center;
bottom: 10%;
left: 50%;
transform: translateX(-50%);
}
}
.top-banner ul {
width: 100%;
height: 100%;
}
.top-banner i {
display: block;
width: 30px;
height: 30px;
}
.top-banner-style-3 {
background-image: linear-gradient(
to right,
var(--color-primary-background),
var(--color-secondary-background)
);
}
@media (max-width: 767px) {
.top-banner .ry-btn {
min-width: unset;
max-width: 40px;
height: 40px;
border-radius: 50%;
}
}
/* Button Begins */
.ry-btn {
text-align: center;
max-width: -moz-max-content;
max-width: max-content;
min-width: 10rem;
margin-left: auto;
margin-right: auto;
font-size: 1rem;
font-weight: 500;
line-height: 1.5rem;
transition: all 0.2s;
}
.ry-btn-disabled {
background-color: transparent !important;
color: #bebebb !important;
border: 1px solid #bebebb !important;
}
.ry-btn-primary {
color: var(--color-primary-text);
background-color: var(--color-primary-background);
border: 1px solid var(--color-primary-background);
}
.ry-btn-primary:hover {
color: var(--color-secondary-text);
background-color: var(--color-secondary-background);
border: 1px solid var(--color-secondary-background);
}
.ry-btn-secondary {
color: var(--color-secondary-text);
background-color: var(--color-secondary-background);
border: 1px solid var(--color-secondary-background);
}
.ry-btn-secondary:hover {
color: var(--color-primary-text);
background-color: var(--color-primary-background);
border: 1px solid var(--color-primary-background);
}
.ry-btn-primary-outline {
color: var(--color-primary-background);
background-color: transparent;
border: 1px solid var(--color-primary-background);
}
.ry-btn-primary-outline:hover {
color: var(--color-primary-text);
background-color: var(--color-primary-background);
border: 1px solid var(--color-primary-background);
}
.ry-btn-secondary-outline {
color: var(--color-secondary-background);
background-color: transparent;
border: 1px solid var(--color-secondary-background);
}
.ry-btn-secondary-outline:hover {
color: var(--color-secondary-text);
background-color: var(--color-secondary-background);
border: 1px solid var(--color-secondary-background);
}
.ry-btn-hover-effect {
background-image: linear-gradient(var(--color-primary-background) 0 0);
background-size: 200% 0.08em;
background-position: 200% 100%;
background-repeat: no-repeat;
transition:
background-size 0.3s,
background-position 0.3s 0.3s;
}
.ry-btn-hover-effect:hover {
transition:
background-size 0.3s 0.3s,
background-position 0.3s;
background-size: 200% 100%;
background-position: 100% 100%;
padding: 0 10px;
}
.ry-btn-white {
color: var(--color-secondary-background);
background-color: var(--color-primary-text);
border: 1px solid var(--color-primary-text);
}
.ry-btn-white:hover {
color: var(--color-secondary-text);
background-color: var(--color-secondary-background);
border: 1px solid var(--color-secondary-background);
}
.ry-btn-white-outline {
color: var(--color-primary-text);
background-color: transparent;
border: 1px solid var(--color-primary-text);
}
.ry-btn-white-outline:hover {
color: var(--color-secondary-text);
background-color: var(--color-secondary-background);
border: 1px solid var(--color-secondary-background);
}
/* Buttons Ends */
.homepage-swiper {
width: 100%;
height: auto;
}
.homepage-swiper h2 {
font-family: Roboto;
}
.with-gradient {
position: relative;
}
.with-gradient:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-image: linear-gradient(to bottom, white, transparent, transparent);
}
.swiper-button-next,
.swiper-button-prev {
border-radius: 50%;
width: 50px;
height: 50px;
background-color: white;
background-repeat: no-repeat;
background-size: 60% auto;
background-position: center;
}
.swiper-button-next {
right: 3%;
background-image: url(https://s3.amazonaws.com/static.organiclead.com/Site-2e0d97d3-7445-40a0-807a-350fcc161d27/images/right_chevron.png);
}
.swiper-button-prev {
left: 3%;
background-image: url(https://s3.amazonaws.com/static.organiclead.com/Site-2e0d97d3-7445-40a0-807a-350fcc161d27/images/left_chevron.png);
}
.swiper-button-next:after,
.swiper-button-prev:after {
display: none;
}
@media (max-width: 500px) {
.swiper-button-next,
.swiper-button-prev {
display: none;
}
}
.swiper-pagination-bullet {
width: 11px;
height: 11px;
border-radius: 50%;
}
.swiper-pagination-bullet-active {
width: 30px;
height: 11px;
border-radius: 5px;
background-color: var(--color-secondary-background);
}
@media (max-width: 1024px) {
.swiper-slide:before {
opacity: 0;
}
.swiper-button-next:after,
.swiper-button-prev:after {
color: #ffffff;
text-shadow: 1px 1px 1px #000000;
z-index: 2;
}
}
@media (max-width: 768px) {
.homepage-swiper .swiper-pagination-bullet-active {
background-color: var(--color-primary-background);
}
}
/* Section */
.ry-section {
position: relative;
}
.section-p {
padding-top: 6.6vh;
padding-bottom: 6.6vh;
}
.ry-section:nth-child(even) {
background-color: #f0f8ff;
}
.ry-section:nth-child(odd) {
background-color: #f4f9fd;
}
/* Card */
.ry-card {
margin-bottom: 30px;
position: relative;
padding: 40px 38px;
z-index: 1;
overflow: hidden;
transition: 0.5s;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.ry-card:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
transition: 0.5s;
background-color: white;
}
.ry-card:hover {
box-shadow: 0 10px 55px 5px rgba(137, 173, 255, 0.2);
}
.ry-card:hover::before {
background-color: var(--color-secondary-background);
opacity: 0.7;
}
/* CTA Style 1 */
.cta-section {
position: relative;
}
.cta-wrapper {
gap: 40px;
}
.cta-wrapper.full-width {
gap: 0;
}
@media (max-width: 1024px) {
.cta-wrapper.full-width .cta-section.style-1 {
width: 100%;
}
.cta-wrapper.full-width .cta-section.style-1 img {
height: 300px;
-o-object-fit: cover;
object-fit: cover;
}
}
@media (min-width: 640px) {
.cta-section.style-1 {
width: calc(50% - 40px);
}
.cta-section.style-1.circle {
width: 300px;
text-align: center;
}
}
@media (min-width: 1024px) {
.cta-wrapper.full-width .cta-section.style-1 {
width: 33.3333%;
}
.cta-section.style-1 {
width: calc(33% - 40px);
}
}
.cta-section.style-1::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
inset: 0;
}
.cta-section.style-1:hover::before {
background-color: var(--color-secondary-background);
opacity: 0.5;
outline: 2px solid var(--color-primary-background);
outline-offset: 15px;
}
.cta-section.style-1.circle:hover::before {
content: "";
background-color: unset;
outline: unset;
}
.cta-wrapper.full-width .cta-section.style-1:hover::before {
background-color: var(--color-secondary-background);
opacity: 0.5;
outline: none;
outline-offset: none;
}
.cta-section.style-1:hover {
cursor: pointer;
transform: scale(1.05);
z-index: 2;
}
.cta-wrapper.full-width .cta-section.style-1:hover {
cursor: auto;
transform: none;
}
.cta-section.style-1:hover img {
-o-object-fit: cover;
object-fit: cover;
}
.cta-section.style-1:hover .span {
color: var(--color-secondary-text);
background-color: var(--color-secondary-background);
z-index: 1;
}
.cta-section.style-1.circle .span {
background-color: unset;
width: 100%;
}
.cta-section.style-1.circle .span a {
color: var(--color-primary-background);
}
.cta-section.style-1.circle img {
margin: 0 auto;
display: inline-block;
border-radius: 50%;
width: 300px;
height: 300px;
}
@media (max-width: 1024px) {
.cta-section.style-1.circle img {
width: 200px;
height: 200px;
}
}
.modal.full.filePickerDialog {
display: none;
}
/* Cta Style 5 */
.section-cta.style-5 .cta-card {
height: 0;
padding-bottom: calc(100% - 10px);
margin-bottom: 6.6em;
}
.section-cta.style-5 h2 {
height: 100%;
max-height: 96px;
}
.section-cta.style-5 h2::before,
.section-cta.style-5 h2::after {
content: "";
position: absolute;
left: 0;
width: 0;
border: 8px solid;
transition: all 0.3s;
opacity: 0.7;
}
.section-cta.style-5 h2::before {
top: -16px;
border-top-color: transparent;
border-right-color: var(--color-secondary-background);
border-bottom-color: var(--color-secondary-background);
border-left-color: transparent;
}
.section-cta.style-5 .card-active h2:before {
top: 0;
}
.section-cta.style-5 h2::after {
border-top-color: var(--color-secondary-background);
border-right-color: var(--color-secondary-background);
border-bottom-color: transparent;
border-left-color: transparent;
top: auto;
bottom: 0;
}
.section-cta.style-5 .card-active h2:after {
bottom: -16px;
}
.hamburger-spin {
animation: hamburger-spin 0.2s infinite linear;
}
@keyframes hamburger-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(359deg);
}
}
/* Welcome */
#welcome-wrap.style-1:before,
.module-welcome.style-5:before,
.module-welcome.style-6:before,
#section-hp-services:before,
.module-19.style2:before,
#section-hp-team:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
inset: 0;
background-size: cover;
}
#welcome-wrap.style-1:before,
.module-welcome.style-5:before,
.module-welcome.style-6:before {
background-image: url(https://s3.amazonaws.com/static.organiclead.com/Site-2e0d97d3-7445-40a0-807a-350fcc161d27/background/Followell_Optometry_Welcome_bg.jpg);
}
/* Services */
#section-hp-services::before,
.module-19.style2::before,
.ry-services.style2::before {
content: '';
background-image: url(https://s3.amazonaws.com/static.organiclead.com/Site-2e0d97d3-7445-40a0-807a-350fcc161d27/background/Followell_Optometry_Services_bg.jpg);
background-size: cover;
background-position: center top;
position: absolute;
top: 0;
width: 100%;
height: 100%;
left: 0;
}
@media (width < 1080px) {
#section-hp-services:before,
.module-19.style2:before,
.ry-services.style2::before {
opacity: 0.4;
}
}
#section-hp-team:before {
background-image: url(https://s3.amazonaws.com/static.organiclead.com/Site-2e0d97d3-7445-40a0-807a-350fcc161d27/background/Followell_Optometry_Team_bg.jpg);
}
#in-services-3 li {
list-style: none;
}
.module-services.style-11
.ry-flex
> .ry-each:nth-child(2)
.ry-inner-flex
.photo:hover
img {
filter: invert(1) brightness(9);
}
#services-12 > div:nth-child(even) {
background-color: var(--color-primary-background);
}
#services-12 > div:nth-child(even) img {
width: 150px;
height: 150px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: top right;
object-position: top right;
}
#services-12 > div:nth-child(even) > div > h4 {
color: var(--color-primary-text);
}
#services-12 > div:nth-child(even) > div > p {
color: var(--color-primary-text);
}
#services-12 > div:nth-child(even) > div > a {
color: var(--color-secondary-text);
background-color: var(--color-secondary-background);
}
#services-12 > div:nth-child(odd) {
background-color: var(--color-secondary-background);
}
#services-12 > div:nth-child(odd) > div > h4 {
color: var(--color-secondary-text);
}
#services-12 > div:nth-child(odd) > div > p {
color: var(--color-secondary-text);
}
#services-12 > div:nth-child(odd) > div > a {
color: var(--color-primary-text);
background-color: var(--color-primary-background);
}
.ry-card.ry-hp-service-1 {
background-image: url(https://s3.amazonaws.com/static.organiclead.com/Site-121d4509-beb0-4ed6-8ad2-63aa108ca994/Services/eye_exam.png);
}
.ry-card.ry-hp-service-2 {
background-image: url(https://s3.amazonaws.com/static.organiclead.com/Site-121d4509-beb0-4ed6-8ad2-63aa108ca994/Services/s2_pediatric.png);
}
.ry-card.ry-hp-service-3 {
background-image: url(https://www.royacdn.com/unsafe/Site-1409c63e-f205-4b51-aed7-ef3c9a277552/ortho_articles/roya_myopia_control.jpg);
}
.ry-card.ry-hp-service-4 {
background-image: url(https://s3.amazonaws.com/static.organiclead.com/Site-121d4509-beb0-4ed6-8ad2-63aa108ca994/Services/s5_dryeyetreatment.png);
}
.ry-card i {
-webkit-text-stroke: 1px;
}
.ry-card .ry-icon img {
width: 60px;
}
.ry-card:hover .ry-icon {
color: var(--color-primary-background);
border-radius: 50%;
}
.ry-card:hover .ry-icon img {
filter: brightness(100) invert(1);
}
.excerpt-hidden {
position: relative;
height: 6rem;
max-height: 6rem;
overflow: hidden;
}
.excerpt-hidden:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 64px;
background: linear-gradient(
to bottom,
rgba(255, 255, 255, 0) 0%,
rgb(255, 255, 255) 100%
);
}
.ry-card:hover .excerpt-hidden:after {
background: unset;
}
.ry-card:hover h4,
.ry-card:hover p,
.ry-card:hover a {
color: white;
}
.ry-card .ry-icon {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 21px;
text-align: center;
width: 75px;
height: 75px;
line-height: 75px;
border-radius: 25% 75% 51% 49% / 43% 28% 72% 57%;
animation: morph 3s ease-in-out infinite both alternate;
background-color: #ffffff;
color: var(--color-secondary-background);
transition: 0.5s;
box-shadow: 0 10px 55px 5px rgba(137, 173, 255, 0.2);
}
@keyframes morph {
0% {
border-radius: 40% 60% 60% 40% / 60% 30% 70% 40%;
}
100% {
border-radius: 40% 60%;
}
}
.t-swiper-button-next,
.t-swiper-button-prev,
.brand-4-swiper-button-next,
.brand-4-swiper-button-prev {
-webkit-text-stroke: 1px;
width: 50px;
height: 50px;
border-radius: 50%;
display: grid;
justify-items: center;
align-items: center;
color: var(--color-secondary-text);
background-color: var(--color-secondary-background);
}
.swiper-button-disabled {
opacity: 0.5;
}
/* Interior Services Style 2 */
#in-services-style-2 .ry-each {
position: relative;
border-radius: 50%;
cursor: pointer;
}
#in-services-style-2 .ry-each::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
inset: 0;
background-color: var(--color-secondary-background);
opacity: 0.3;
}
#in-services-style-2 .ry-each:hover::before {
background-color: var(--color-secondary-background);
opacity: 0.8;
}
#in-services-style-2 .ry-each p {
color: var(--color-secondary-text);
font-size: 18px;
font-weight: 500;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
/* Brands Swiper */
#ry-pg-body #brands-content {
display: none;
}
#hp-brands-1 .swiper-info img {
filter: drop-shadow(0px 0px 3px rgba(255, 255, 255, 1));
}
.swiper-wrapper {
max-width: 100%;
}
.brands-swiper .swiper-wrapper .swiper-slide {
width: 100%;
height: 30rem;
display: flex;
flex-direction: column;
justify-content: end;
align-items: self-start;
}
.brands-swiper .swiper-slide h2 {
color: #fff;
font-weight: 400;
font-size: 1.4rem;
line-height: 1.4;
margin-bottom: 0.625rem;
padding: 0 0 0 1.563rem;
text-transform: uppercase;
}
.brands-swiper .swiper-slide p {
color: #dadada;
font-weight: 300;
padding: 0 1.563rem;
line-height: 1.6;
font-size: 0.75rem;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
}
.brands-swiper .swiper-slide a {
margin: 1.25rem 1.563rem 3.438rem 1.563rem;
padding: 0.438em 1.875rem;
font-size: 0.9rem;
}
.brands-swiper .swiper-slide .swiper-info {
display: none;
opacity: 0;
padding-bottom: 0.625rem;
}
.brands-swiper .swiper-slide-active .swiper-info {
display: block;
opacity: 1;
}
[class*="brands-swiper-slide--"] {
filter: blur(2px);
}
.swiper-slide.swiper-slide-visible.swiper-slide-active {
filter: blur(0px);
}
.brands-swiper-bg {
background: linear-gradient(to top, #0f2027, #203a4300, #2c536400);
}
/* Brands 2 */
.brands-swiper-2 .brand-logo img {
height: 50px;
}
/* Brands 3 */
#ry-pg-body #brand-section-heading {
display: none;
}
.brands-swiper-3 .swiper-wrapper .swiper-slide {
background: #fff;
border: 1px solid rgb(229 231 235);
border-radius: 0.5rem;
}
.brands-swiper-3 .swiper-wrapper .swiper-slide .photo img {
width: 100%;
border-top-left-radius: 0.5rem;
border-top-right-radius: 0.5rem;
}
.brands-swiper-3 .swiper-wrapper .swiper-slide .logo-wrapper {
padding: 20px;
}
.brands-swiper-3 .swiper-wrapper .swiper-slide .logo-wrapper img {
height: 36px;
margin: 0 auto;
-o-object-fit: contain;
object-fit: contain;
}
/* Brands 4 */
.brands-swiper-4 img {
aspect-ratio: 3/2;
-o-object-fit: contain;
object-fit: contain;
mix-blend-mode: color-burn;
height: 70px;
margin: 0 auto;
}
/* Brand÷ Backgrounds */
#hp-brands-1::before,
#hp-brands-2::before,
#hp-brands-3::before,
#hp-brands-4::before,
#hp-brands-5::before,
#hp-brands-6::before {
content: "";
width: 100%;
height: 100%;
background-image: url();
position: absolute;
inset: 0;
background-size: cover;
background-position: top center;
}
@media (width < 1080px) {
#hp-brands-1::before,
#hp-brands-2::before,
#hp-brands-3::before,
#hp-brands-4::before,
#hp-brands-5::before,
#hp-brands-6::before {
opacity: 0.5;
}
}
/* Team 2 Swiper */
.homepage-team-swiper-2 {
width: 100%;
max-width: 80rem;
margin: 0 auto;
/* overflow: hidden; */
}
.homepage-team-swiper-2 .swiper-slide {
opacity: 0;
}
.homepage-team-swiper-2 .swiper-slide-active {
opacity: 1;
}
.homepage-team-swiper-2:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-image: url(https://s3.amazonaws.com/static.organiclead.com/Site-df6f8a80-211f-4bcd-b2d4-3eb54e11f05a/Homepage/bg_doctor.png);
background-repeat: none;
background-repeat: no-repeat;
background-size: contain;
}
@media (max-width: 1024px) {
.homepage-team-swiper-2:before {
background-image: unset;
}
}
/* Homepage Team 3 */
.ry-hp-team {
position: relative;
}
.ry-hp-team::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-image: url(https://www.royacdn.com/unsafe/smart/Site-2c1fcf37-21e5-4e04-9d57-d78ae9e591ea/index_about/bg_meetourdoctors.jpg);
background-size: cover;
background-position: center top;
background-repeat: no-repeat;
}
/* Homepage Team 7 */
.ry-hp-team-7::before {
content: "";
position: absolute;
width: 200%;
height: 100%;
background-color: #fff;
transform: rotate(23deg);
left: -90%;
bottom: -24%;
z-index: 1;
}
.ry-hp-team-7-block::before {
content: "";
position: absolute;
top: -95%;
left: -20%;
width: 200%;
height: 80%;
background-color: var(--color-secondary-background);
transform: rotate(165deg);
opacity: 0.5;
z-index: 2;
}
.ry-hp-team-7-block::after {
content: "";
position: absolute;
bottom: -95%;
right: -20%;
width: 200%;
height: 80%;
background-color: var(--color-secondary-background);
transform: rotate(165deg);
opacity: 0.5;
z-index: 2;
}
/* Homepage Team 8 */
.ry-hp-team-8::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-image: url(https://s3.amazonaws.com/static.organiclead.com/Site-2e0d97d3-7445-40a0-807a-350fcc161d27/background/Followell_Optometry_Team_bg.jpg);
background-size: cover;
background-position: center top;
background-repeat: no-repeat;
}
/* Appointment */
.module-appointment.style-3 {
background-color: var(--color-primary-background);
}
.module-appointment.style-3::before {
content: "";
position: absolute;
top: 0;
right: 0;
width: 70%;
height: 90%;
background-image: url(https://s3.amazonaws.com/static.organiclead.com/Site-121d4509-beb0-4ed6-8ad2-63aa108ca994/Background_images/Floral_zoomed_in.png);
background-size: cover;
opacity: 0.9;
}
@media (max-width: 1024px) {
.module-appointment.style-3::after {
width: 100% !important;
}
}
.module-appointment.style-3::after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 30%;
height: 100%;
background-color: var(--color-primary-background);
z-index: 0;
}
@media (max-width: 1024px) {
.module-appointment.style-3::before {
background-color: transparent;
}
}
/* Testimonials */
.testimonials-swiper-2 .swiper-wrapper .swiper-slide {
text-align: center;
}
#hp-testimonials-5 {
background-color: ;
}
.module-testimonials.style-2::before,
.module-testimonials.style-3::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 30%;
background: var(--color-secondary-background);
}
.module-testimonials.style-2 .comments-icon {
content: "";
position: absolute;
display: flex;
align-items: center;
justify-content: center;
width: 110px;
height: 110px;
border-radius: 50%;
top: -50px;
left: 50%;
transform: translate(-50%, 0);
background-color: var(--color-primary-background);
}
.module-testimonials.style-2 .comments-icon::before {
content: "";
width: 90px;
height: 90px;
border-radius: 50%;
border: 5px solid white;
display: block;
}
.module-testimonials.style-2 .comments-symbol {
color: var(--color-primary-text);
position: absolute;
top: 67%;
left: 57%;
transform: translate(-50%, -50%);
margin-left: -10px;
margin-bottom: 0;
font-size: 100px;
}
.module-testimonials.style-2 .swiper-pagination {
bottom: 35px;
}
.module-testimonials.style-4 .review-separator {
position: absolute;
top: 50%;
right: 50%;
width: 90px;
height: 90px;
transform: translate(10px, -50%);
background-color: var(--color-primary-background);
color: var(--color-primary-text);
display: flex;
justify-content: center;
font-family: auto;
font-size: 80px;
border-radius: 50%;
border: var(--color-primary-text);
box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 10%);
-webkit-box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 10%);
-moz-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1);
border: 4px solid #fff;
z-index: 9;
}
@media (max-width: 768px) {
.module-testimonials.style-4 .review-separator {
display: none;
}
}
.module-testimonials.style-5 .photo::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 500px;
background: linear-gradient(to top, #99651400, #ffffff);
z-index: 1;
}
.module-testimonials.style-5 .top-circle {
width: 150px;
height: 150px;
background-color: var(--color-primary-background);
color: var(--color-primary-text);
display: flex;
justify-content: center;
font-family: auto;
font-size: 150px;
border-radius: 50%;
}
:is(.module-testimonials.style-5)
:is(.swiper-button-prev, .swiper-button-next) {
left: unset;
right: unset;
position: relative;
color: var(--color-primary-text);
background-color: var(--color-primary-background);
background-image: unset;
}
/* Footer */
#ry-footer {
position: relative;
}
#ry-footer::before {
content: "";
position: absolute;
inset: 0;
width: 100%;
height: 100%;
background-color: var(--color-primary-background);
background-image: url();
background-size: cover;
z-index: -1;
}
.footer-social-wrapper {
min-width: 180px;
position: relative;
display: inline-flex;
margin: 0 auto;
justify-content: space-evenly;
}
.footer-social-wrapper:before,
.footer-social-wrapper:after {
content: "";
display: block;
width: 50px;
height: 1px;
background: var(--color-secondary-background);
position: absolute;
top: 50%;
}
.footer-social-wrapper:before {
left: -20%;
}
.footer-social-wrapper:after {
right: -20%;
}
.footer-social-wrapper a {
display: inline-flex;
padding: 10px;
width: 40px;
height: 40px;
font-size: 15px;
border-radius: 50%;
line-height: 40px;
list-style: none;
text-align: center;
color: var(--color-secondary-text);
border: 1px solid var(--color-secondary-background);
justify-content: center;
align-items: center;
}
.footer-social-wrapper a:hover {
background-color: var(--color-secondary-background);
}
#ry-footer-3::before {
content: "";
position: absolute;
inset: 0;
background-image: url();
background-size: cover;
z-index: -1;
opacity: 0.4;
}
#ry-footer-3::after {
content: "";
background-color: var(--color-primary-background);
width: 100%;
height: 100%;
position: absolute;
inset: 0;
z-index: -2;
}
#ry-footer-3 .footer-contents::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background-color: var(--color-primary-background);
inset: 0;
opacity: 0.6;
z-index: -1;
}
@media (max-width: 500px) {
#hp-slider .swiper-pagination {
display: none;
}
}
@media (max-width: 768px) {
.footer-social-wrapper {
display: none;
}
}
/* Interior Pages */
.has-error input {
border: 1px solid #ff0000;
}
/* SEARCH */
.input-group.search-bar-widget span {
display: none;
}
#ry-sidebar #searchfield {
width: 100%;
max-height: 55px;
}
#ry-sidebar .ry-btn a {
text-decoration: none;
color: unset;
}
#ry-sidebar img {
margin: 0;
}
.no-result {
display: none;
}
.matches-title {
font-size: 28px;
border-bottom: solid 1px;
padding-bottom: 15px;
margin-top: 30px;
margin-bottom: 30px;
}
body .search-result.page {
margin-bottom: 0;
border-bottom: 1px solid rgba(189, 189, 189, 0.4);
padding: 20px 0;
}
@media (max-width: 767px) {
body .search-result.page {
text-align: center;
}
}
body .search-result h2 {
font-size: calc(20px + 5 * ((100vw - 320px) / 1280));
line-height: 30px;
}
@media screen and (max-width: 320px) {
body .search-result h2 {
font-size: 20px;
}
}
@media screen and (min-width: 1600px) {
body .search-result h2 {
font-size: 25px;
}
}
body .description {
line-height: 30px;
}
body .search-result,
body .description {
line-height: 30px;
font-size: calc(18px + 2 * ((100vw - 500px) / 940));
}
@media screen and (max-width: 500px) {
body .search-result,
body .description {
font-size: 18px;
}
}
@media screen and (min-width: 1440px) {
body .search-result,
body .description {
font-size: 20px;
}
}
#searchfield input[type="text"] {
border-radius: 0.5rem;
display: block;
width: 100%;
}
#searchfield input[type="text"]::-ms-clear {
display: none;
}
#searchfield button {
width: 50px;
height: 50px;
align-items: center;
color: #403f40;
background: none;
border: 0px solid #c6cfd6;
border-left: 0px;
border-radius: 50%;
outline: 0px;
font-size: 18px;
padding: 0;
}
#searchfield button:before {
content: "";
width: auto;
height: auto;
}
#mobile-menu .dropdown-menu {
background: transparent;
border: unset;
padding-left: 10px;
}
/* Menu */
.ry-menu .ry-nav li.dropdown {
position: relative;
}
.ry-menu .ry-nav li.dropdown .dropdown {
position: relative;
}
.ry-menu .ry-nav {
gap: 10px;
padding-left: 0;
}
.ry-menu .ry-nav li {
list-style-type: none;
white-space: nowrap;
}
.ry-menu .ry-nav li:hover {
color: var(--color-secondary-background);
}
.ry-menu .ry-nav li.primary {
padding: 0;
}
.ry-menu .ry-nav li.primary .caret {
margin-left: 5px;
}
@media (min-width: 1024px) {
#ry-pg-body :is(.navigation-3) {
padding-bottom: 200px;
}
}
.ry-menu .ry-nav li.dropdown .dropdown-menu {
position: absolute;
background: none;
border: 0;
box-shadow: none !important;
top: 25px;
padding: 0;
border-top: 0 solid #272727;
transition: all linear 300ms 100ms;
opacity: 0;
display: none;
z-index: 2;
}
.ry-menu .ry-nav li.dropdown .dropdown-menu li {
text-align: center;
padding: 15px 30px;
border-bottom: 0 solid #d7d7d7;
left: 25px;
position: relative;
opacity: 0;
box-shadow: 1px 1px 20px rgba(32, 32, 32, 0.1);
color: #c4c7cd;
background: #374151;
text-align: left;
width: 100%;
}
.ry-menu .ry-nav li.dropdown:last-child .dropdown-menu {
left: unset;
right: 0px;
}
.ry-menu .ry-nav li.dropdown .dropdown-menu li:hover {
color: var(--color-secondary-text);
background-color: var(--color-secondary-background);
}
@media screen and (min-width: 992px) and (max-width: 1440px) {
.ry-menu .ry-nav li.dropdown .dropdown-menu li {
padding: 10px;
}
}
.ry-menu .ry-nav li.dropdown .dropdown-menu li.active {
color: var(--color-secondary-text);
background: var(--color-secondary-background);
}
.ry-menu .ry-nav li.dropdown .dropdown-menu li:last-child {
border-bottom: 0;
}
.ry-menu .ry-nav li.dropdown .dropdown-menu li a:hover {
background: none;
}
.ry-menu .ry-nav li.dropdown .dropdown-menu.hover {
top: 25px;
opacity: 1 !important;
}
@media screen and (min-width: 992px) and (max-width: 1440px) {
.ry-menu .ry-nav li.dropdown .dropdown-menu.hover {
left: 0;
}
.ry-menu .ry-nav li.dropdown:last-child .dropdown-menu {
left: unset;
right: 0px;
}
}
.ry-menu .ry-nav li.dropdown .dropdown-menu.hover li {
left: 0;
opacity: 1;
}
.ry-menu .ry-nav li.dropdown:hover ul {
display: block;
}
.ry-menu .ry-nav li .dropdown-toggle {
align-items: center;
}
.ry-menu .ry-nav li.dropdown .dropdown-menu.hover::before {
content: "";
position: absolute;
top: -2px;
width: 100%;
height: 2px;
background-color: var(--color-secondary-background);
}
.caret {
display: inline-block;
width: 7px;
height: 7px;
margin-top: -5px;
margin-left: 8px;
vertical-align: middle;
border-style: solid;
border-color: black;
border-width: 0px 2px 2px 0px;
transform: rotate(45deg);
}
.ry-menu .ry-nav li .third-level-container {
position: relative;
z-index: 1;
}
.ry-menu .ry-nav li .third-level-container:hover .third-level-dropdown {
display: block !important;
}
.ry-menu .ry-nav li .third-level-container .third-level-dropdown {
position: absolute;
left: 100%;
top: 0px;
width: 100%;
display: none !important;
padding-left: 0;
z-index: -1;
color: #c4c7cd;
background: #374151;
}
.ry-menu
.ry-nav
li
.third-level-container
.third-level-dropdown.third-hover
li {
left: 0 !important;
opacity: 1 !important;
}
.ry-menu .ry-nav li .third-level-container .third-level-dropdown {
border-top: 2px solid var(--color-secondary-background);
}
.ry-menu .ry-nav li .third-level-container .third-level-dropdown li {
left: -210px !important;
position: relative !important;
opacity: 0 !important;
}
.ry-menu .ry-nav li .third-level-container .third-level-dropdown:last-child {
left: unset;
right: 100%;
}
.ry-menu .ry-nav li .fourth-level-container {
position: relative;
}
.ry-menu .ry-nav li .fourth-level-container:hover .fourth-level-dropdown {
display: block !important;
}
.ry-menu .ry-nav li .fourth-level-container .fourth-level-dropdown {
position: absolute;
left: 100%;
top: 0;
width: 100%;
display: none !important;
padding-left: 0;
}
.ry-menu
.ry-nav
li
.fourth-level-container
.fourth-level-dropdown.fourth-hover
li {
left: 0 !important;
opacity: 1 !important;
z-index: 999;
}
.ry-menu
.ry-nav
li
.fourth-level-container
.fourth-level-dropdown.fourth-hover
li:nth-child(1) {
transition: all ease 200ms 100ms;
}
.ry-menu
.ry-nav
li
.fourth-level-container
.fourth-level-dropdown.fourth-hover
li:nth-child(2) {
transition: all ease 200ms 200ms;
}
.ry-menu
.ry-nav
li
.fourth-level-container
.fourth-level-dropdown.fourth-hover
li:nth-child(3) {
transition: all ease 200ms 300ms;
}
.ry-menu
.ry-nav
li
.fourth-level-container
.fourth-level-dropdown.fourth-hover
li:nth-child(4) {
transition: all ease 200ms 400ms;
}
.ry-menu
.ry-nav
li
.fourth-level-container
.fourth-level-dropdown.fourth-hover
li:nth-child(5) {
transition: all ease 200ms 500ms;
}
.ry-menu
.ry-nav
li
.fourth-level-container
.fourth-level-dropdown.fourth-hover
li:nth-child(6) {
transition: all ease 200ms 600ms;
}
.ry-menu
.ry-nav
li
.fourth-level-container
.fourth-level-dropdown.fourth-hover
li:nth-child(7) {
transition: all ease 200ms 700ms;
}
.ry-menu .ry-nav li .fourth-level-container .fourth-level-dropdown li {
background: #ffffff;
left: -210px !important;
position: relative !important;
opacity: 0 !important;
}
.multiLocationUl:before {
content: "";
width: 0;
height: 0;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 8px solid var(--color-secondary-background);
position: absolute;
top: -8px;
z-index: 999999;
left: 50%;
transform: translateX(-50%);
display: inline-block;
}
.header-search {
display: flex;
height: 50px;
background-color: var(--color-secondary-background);
width: auto;
border-radius: 30px;
justify-self: center;
align-self: center;
}
.nav-white-logo {
filter: brightness(100);
}
.nav-black-logo {
filter: brightness(0);
}
#ry-pg-body .navigation-14 .holder,
#ry-pg-body #floating-header {
position: relative !important;
}
.header-social-btn .cta-icon:hover {
background: var(--color-secondary-background);
color: var(--color-secondary-text);
}
.navigation-10 .box {
width: 30px;
height: 100;
background: linear-gradient(
113deg,
var(--color-primary-background) 50%,
var(--color-secondary-background) 50%
);
}
/* Menu end */
ul#quick-links {
padding-inline-start: 0;
}
ul#quick-links a {
color: rgb(107 114 128 / var(--tw-text-opacity));
text-decoration: none;
}
#quick-links li {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
padding: 1.25rem;
font-weight: 500;
text-align: left;
color: rgb(107 114 128);
border-width: 1px;
list-style: none;
border: none;
padding-inline-start: 20px;
margin: 0;
margin-inline-start: 0;
}
#quick-links li:hover {
background-color: #963339;
color: #ffffff;
}
/* Menu Style 2 */
.hamburger-icon {
/* position: absolute; */
z-index: 1;
/* top: 5vh;
left: 5vw;
padding-bottom: 2vh; */
}
.hamburger-icon span {
height: 5px;
width: 40px;
background-color: white;
display: block;
margin: 5px 0px 5px 0px;
transition: 0.7s ease-in-out;
transform: none;
}
#openmenu:checked ~ .menu-pane {
left: -5vw;
transform: translateX(-5vw);
}
#openmenu:checked ~ .body-text {
display: none;
}
#openmenu:checked ~ .hamburger-icon span:nth-of-type(2) {
transform: translate(0%, 175%) rotate(-45deg);
background-color: white;
}
#openmenu:checked ~ .hamburger-icon span:nth-of-type(3) {
transform: rotate(45deg);
background-color: white;
}
#openmenu:checked ~ .hamburger-icon span:nth-of-type(1) {
opacity: 0;
}
#openmenu:checked ~ .hamburger-icon span:nth-of-type(4) {
opacity: 0;
}
input.hamburger-checkbox {
/* position: absolute; */
z-index: 3;
/* top: 5vh;
left: 5vw; */
width: 10vw;
opacity: 0;
height: 6vh;
}
/* Menu CTA Button */
.cta-btn {
display: flex;
justify-content: center;
align-items: center;
color: var(--color-secondary-text);
background: var(--color-secondary-background);
width: 225px;
height: 72px;
position: relative;
overflow: hidden;
cursor: pointer;
}
.cta-btn:hover {
background: transparent;
border: 1px solid var(--color-secondary-background);
color: var(--color-secondary-background);
}
.cta-btn a {
text-transform: uppercase;
font-weight: 400;
letter-spacing: 2px;
max-width: 137px;
line-height: 18px !important;
text-decoration: none;
text-align: left;
font-size: calc(14px + 0 * ((100vw - 500px) / 1100));
}
.navigation-16 .cta-btn {
padding-left: 1rem;
padding-right: 1rem;
height: 60px;
width: unset;
}
.navigation-16 .cta-btn a {
max-width: unset;
}
.cta-icon-wrap {
min-width: 45px;
}
.cta-icon {
width: 35px;
height: 35px;
display: block;
border: 1px solid #ffffff44;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
}
.navigation-14 .cta-icon {
width: 50px;
height: 50px;
font-size: 20px;
background: #1a181610;
border: 0;
}
.header-social-btn-fill .cta-icon {
width: 45px;
height: 45px;
color: var(--color-secondary-text);
background-color: var(--color-secondary-background);
}
.cta-btn-circle {
width: 60px;
height: 60px;
display: block;
color: var(--color-primary-text);
fill: var(--color-primary-text);
background: var(--color-primary-background);
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
}
.cta-btn-circle.secondary {
color: var(--color-secondary-text);
fill: var(--color-secondary-text);
background: var(--color-secondary-background);
}
.cta-btn-circle .cta-icon {
border: unset;
width: 100%;
height: 100%;
}
.cta-btn-circle:hover {
background-color: transparent;
color: var(--color-secondary-text);
border: 1px solid var(--color-secondary-background);
}
.header-social-btn-fill .text-wrapper span {
text-transform: uppercase;
}
#navigation-style-9 .caret {
border-color: #000;
}
.show-header {
position: sticky;
animation: 0.5s cubic-bezier(1, 0.01, 0, 1.01) show_header;
}
@keyframes show_header {
0% {
top: -100%;
}
100% {
top: 0;
}
}
/* Left Fixed Navigation */
#toggle {
display: none;
}
.hamburger-wrapper {
width: 88px;
height: 88px;
padding: 20px;
}
.hamburger {
display: block;
position: relative;
z-index: 5;
}
.hamburger div {
position: relative;
width: 20px;
height: 2px;
background-color: var(--color-primary-text);
margin-top: 4px;
transition: all 0.3s ease-in-out;
}
#toggle:checked + .hamburger .top-bun {
transform: rotate(-45deg);
margin-top: 25px;
}
#toggle:checked + .hamburger .bottom-bun {
opacity: 0;
transform: rotate(45deg);
}
#toggle:checked + .hamburger .meat {
transform: rotate(45deg);
margin-top: -2px;
}
#toggle:checked + .hamburger + .nav {
top: 0;
transform: scale(1);
}
#the-menu {
opacity: 0;
transition: opacity 0.4s;
}
#the-menu .left-navigation .dropdown-menu {
display: none;
opacity: 0;
}
#the-menu .left-navigation li {
margin: 10px 0;
}
#the-menu .left-navigation li a {
color: var(--color-primary-text);
}
#the-menu .left-navigation li a:hover {
color: var(--color-secondary-background);
}
#the-menu .caret {
border-color: var(--color-primary-text);
margin-top: -2px;
margin-left: 4px;
transform: rotate(-45deg);
transition: transform 0.3s ease-in-out;
}
#the-menu .left-navigation .dropdown-menu {
margin-left: 10px;
}
.caret-rotate {
transform: rotate(45deg) !important;
}
/* Live Edit Button */
#live-edit-menu {
z-index: 9999;
}
.mm-listview .form-group {
margin-bottom: 0;
}
.live-edit-btn {
width: var(--live-edit-btn-width);
height: var(--live-edit-btn-height);
padding: 3px;
position: relative;
border-radius: 50%;
justify-content: center;
align-items: center;
text-align: center;
display: flex;
font-size: 13px;
color: #ffffff;
cursor: pointer;
text-transform: uppercase;
}
.live-edit-btn.settings {
background-color: #181b25;
}
.live-edit-btn.preview {
background: #006c67;
}
.live-edit-btn:hover {
/* color: rgb(88 199 250 / 100%); */
color: #00ff80;
transition: color 1s;
}
.live-edit-btn:hover:before,
.live-edit-btn:hover:after {
animation: none;
animation: spin 2.5s linear infinite;
}
.live-edit-btn::before {
content: "";
width: calc(var(--live-edit-btn-width) + 5px);
height: calc(var(--live-edit-btn-height) + 5px);
border-radius: 50%;
background-image: linear-gradient(
var(--rotate),
#ff007d,
#22bcfd 43%,
#fda800
);
position: absolute;
z-index: -1;
}
.live-edit-btn::after {
position: absolute;
content: "";
top: 0;
left: 0;
right: 0;
z-index: -1;
height: 100%;
width: 100%;
border-radius: 50%;
margin: 0 auto;
transform: scale(0.8);
filter: blur(calc(var(--live-edit-btn-height) / 6));
background-image: linear-gradient(
var(--rotate),
#5ddcff,
#3c67e3 43%,
#4e00c2
);
opacity: 1;
transition: opacity 0.5s;
animation: spin 2.5s linear infinite;
}
@keyframes spin {
0% {
--rotate: 0deg;
}
100% {
--rotate: 360deg;
}
}
/* Preview Loader */
.live-preview-loader {
position: absolute;
top: 0;
width: 100%;
height: 100%;
}
.live-preview-loader div {
position: absolute;
width: 100%;
border: 4px solid #fff;
opacity: 1;
border-radius: 50%;
animation: live-preview-loader 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.live-preview-loader div:nth-child(2) {
animation-delay: -0.5s;
}
@keyframes live-preview-loader {
0% {
top: 50%;
left: 50%;
width: 0;
height: 0;
opacity: 0;
}
4.9% {
top: 50%;
left: 50%;
width: 0;
height: 0;
opacity: 0;
}
5% {
top: 50%;
left: 50%;
width: 0;
height: 0;
opacity: 1;
}
100% {
top: 0px;
left: 0px;
width: 100%;
height: 100%;
opacity: 0;
}
}
#live-edit-menu * {
font-family: Tahoma !important;
font-size: 13px !important;
font-weight: 100 !important;
text-transform: none !important;
letter-spacing: unset !important;
}
#live-edit-menu li button {
width: 100%;
text-align: left;
}
#live-edit-menu li,
#live-edit-menu li a {
display: block;
}
#live-edit-menu li {
padding-bottom: 15px;
}
#live-edit-menu li a {
position: relative;
}
#live-edit-menu li span {
margin-left: auto;
padding-bottom: 0;
padding-top: 0;
text-wrap: balance;
text-align: right;
}
#live-edit-menu li a:hover {
color: #ff8000;
}
#live-edit-menu .mm-listitem:hover {
color: unset;
}
#ry-video-slider {
width: 100%;
}
/* Canvas Live Edit Button */
:is(#live-edit-menu) :is(.btn-canvas, .btn-sep:before) {
background: none;
}
:is(#live-edit-menu) .btn-sep {
padding: 0;
}
:is(#live-edit-menu) .icon-canvas:before {
background-image: none;
background: none;
}
:is(#live-edit-menu) .live-btn {
margin: 0;
}
:is(#live-edit-menu) .btn-canvas:hover {
text-decoration: underline;
cursor: pointer;
}
#live-edit-menu li a:hover {
color: #ff8000;
}
/* Sticky Icons */
.sticky-icons {
position: sticky;
top: 50%;
left: 0;
transform: translateY(-50%);
width: 70px;
height: 0;
transition: all 0.1s linear;
box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.4);
z-index: 1;
}
@media (max-width: 1024px) {
.sticky-icons {
display: none;
}
}
.sticky-icons ul {
border-top: 1px solid var(--color-primary-text);
border-right: 1px solid var(--color-primary-text);
border-bottom: 1px solid var(--color-primary-text);
border-top-right-radius: 26px;
border-bottom-right-radius: 26px;
}
.sticky-icons li {
height: 60px;
position: relative;
}
.sticky-icons li a {
color: var(--color-primary-text);
background-color: var(--color-primary-background);
display: block;
height: 100%;
width: 100%;
line-height: 60px;
padding-left: 25%;
transition: all 0.1s ease-in;
}
.sticky-icons li:not(:last-child) a {
border-bottom: 1px solid var(--color-primary-text);
}
.sticky-icons {
border-top-right-radius: 25px;
border-bottom-right-radius: 25px;
}
.sticky-icons li:first-child a {
border-top-right-radius: 25px;
}
.sticky-icons li:last-child a {
border-bottom-right-radius: 25px;
}
.sticky-icons li a i {
position: absolute;
top: 0px;
left: 20px;
font-size: 27px;
}
.sticky-icons ul li a span {
display: none;
letter-spacing: 1px;
text-transform: uppercase;
}
.sticky-icons a:hover {
z-index: 1;
width: 350px;
border-right: 1px solid var(--color-primary-text);
border-top: 1px solid var(--color-primary-text);
}
.sticky-icons li:is(:last-child) a:hover {
border-bottom: 1px solid var(--color-primary-text);
}
.sticky-icons ul li:hover a span {
padding-left: 20%;
display: block;
}
@media (max-width: 768px) {
.sticky-icons {
width: 50px;
}
.sticky-icons li a i {
left: 15px;
font-size: 16px;
}
}
/* mob menu */
[id^="menu-style-"]:not(.mm-menu) {
display: none;
}
.snap-mobile-menu {
padding: 0 10px;
position: sticky;
top: 0;
width: 100%;
height: 100px;
z-index: 888;
background-color: var(--color-primary-background);
justify-content: space-between;
align-items: center;
}
.snap-mobile-menu img {
max-height: 60px;
}
.mobile-menu-icon {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 50%;
color: var(--color-secondary-text);
background: var(--color-secondary-background);
}
.mm-menu:not(.mm-menu--theme-dark) {
--mm-color-text: var(--color-secondary-text);
--mm-color-background: var(--color-secondary-background);
--mm-color-icon: var(--color-secondary-text);
--mm-color-background-highlight: var(--color-primary-background);
--mm-color-background-emphasis: var(--color-primary-background);
}
.mm-navbar :not(.mm-menu--theme-dark) {
--mm-color-background: var(--color-secondary-background);
--mm-color-text-dimmed: var(--color-secondary-text);
--mm-color-icon: var(--color-secondary-text);
}
.mm-menu--offcanvas {
opacity: 0;
}
.mm-menu--opened {
opacity: 1;
}
:is(
#menu-style-1,
#menu-style-2,
#menu-style-3,
#menu-style-4,
#menu-style-5,
#menu-style-6,
#menu-style-7,
#menu-style-8,
#menu-style-9,
#menu-style-10,
#live-edit-menu
):not(.mm-menu) {
display: none;
}
.mm-searchfield__input input :not(.mm-menu--theme-dark),
.mm-searchfield__input input:focus :not(.mm-menu--theme-dark),
.mm-searchfield__input input:hover :not(.mm-menu--theme-dark) {
color: var(--color-primary-text);
background: var(--color-primary-background);
}
.mm-divider :not(.mm-menu--theme-dark) {
background: var(--color-primary-background);
background-image: unset;
}
.mm-slideout {
transition: transform 0.4s ease;
z-index: 1;
z-index: unset;
}
.mm-wrapper--position-left .mm-slideout,
.mm-wrapper--position-right .mm-slideout {
transform: unset;
}
/* Contact Page */
/* Multi Locations */
.contact-template.style-3 .inner-flex .ry-each {
width: calc(50% - 35px);
max-width: 100%;
flex-basis: unset;
}
.contact-template.style-3 .inner-flex {
justify-content: space-between;
display: flex;
flex-wrap: wrap;
}
.contact-template.style-3 .inner-flex .ry-each .inner-group {
border: 1px solid #e8e8e8;
border-radius: 20px;
overflow: hidden;
}
.contact-template.style-3 .inner-flex .ry-each .inner-group .text-wrapper {
display: flex;
padding: 30px 2vw 30px;
background: #f5f5f5;
}
.contact-template.style-3
.inner-flex
.ry-each
.inner-group
.text-wrap
.ry-text {
font-size: 16px;
font-weight: 300;
}
.contact-template.style-3 .inner-flex .ry-each .inner-group .map-ratio {
width: 100%;
}
.contact-template.style-3
.inner-flex
.ry-each
.inner-group
.map-ratio
#mapCustom1,
.contact-template.style-3
.inner-flex
.ry-each
.inner-group
.map-ratio
#mapCustom2,
.contact-template.style-3
.inner-flex
.ry-each
.inner-group
.map-ratio
#mapCustom3 {
padding-bottom: 500px;
}
.contact-template.style-3 .inner-flex .ry-each .inner-group {
flex-direction: column;
}
.contact-template.style-3 .inner-flex .ry-each .inner-group .text-wrap {
width: 50%;
display: flex;
align-items: center;
}
.contact-template.style-3 .inner-flex .ry-each .inner-group .text-wrap .icon {
width: 42px;
border: 1px solid #e8e8e8;
height: 42px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background: #fff;
margin-right: 10px;
}
.contact-template.style-3
.inner-flex
.ry-each
.inner-group
.text-wrap
.ry-text {
font-size: 18px;
line-height: 1.2;
font-weight: 300;
display: flex;
flex-direction: column;
}
.contact-template.style-3
.inner-flex
.ry-each
.inner-group
.text-wrap
.ry-text
.span-1 {
font-size: 15px;
text-transform: uppercase;
display: block;
margin-bottom: 2px;
}
.contact-template.style-3
.inner-flex
.ry-each
.inner-group
.text-wrap
.ry-text
a {
display: block;
font-size: 16px;
font-weight: 700;
color: #000;
}
.contact-template.style-3 .inner-flex .ry-each .headline h3 {
text-align: center;
margin-top: 0 !important;
margin-bottom: 50px !important;
}
.contact-template.style-3 {
padding-top: 8.333vw;
}
.contact-template.style-3 .section-headline h2 {
margin-top: 0 !important;
margin-bottom: 10px !important;
font-size: calc(30px + 10 * ((100vw - 500px) / 940)) !important;
}
.contact-template.style-3 .contact-details .headline {
display: flex;
justify-content: space-between;
margin-bottom: 0;
justify-content: center;
height: 50px;
margin-top: 30px;
}
.contact-template.style-3 .contact-form .headline .ry-text {
max-width: -moz-max-content;
max-width: max-content;
}
.contact-template.style-3 .contact-form .headline .ry-text p {
display: none;
}
.contact-template.style-3 .ry-form-box-wrapper {
margin-top: 30px;
}
.contact-template.style-3 .contact-form .headline .ry-text {
max-width: 100%;
width: 30%;
}
.contact-template.style-3
.contact-form
.headline
.ry-text
.custom-social-wrapper
.social-inner-wrap {
justify-content: flex-end;
}
.contact-template.style-3
.contact-form
.headline
.ry-text
.custom-social-wrapper
.social-inner-wrap
li {
max-width: 41px;
min-width: 41px;
max-height: 41px;
min-height: 41px;
}
.contact-template.style-3 .contact-form .headline {
display: flex;
justify-content: space-between;
margin-bottom: 30px;
}
.contact-template.style-3 .contact-details {
margin-bottom: 8.33vw;
}
.contact-template.style-3 .contact-form .ry-form-box-wrapper .form-control {
width: 100%;
height: 65px;
border-color: #e0e0e0;
border-radius: unset;
box-shadow: unset;
padding-left: 25px;
font-size: 18px;
}
.contact-template.style-3
.contact-form
.ry-form-box-wrapper
.has-error
.form-control {
border-color: #a94442;
}
.contact-template.style-3 .contact-form .ry-form-box-wrapper .form-group {
margin-bottom: 10px;
}
.contact-template.style-3 .contact-form .ry-form-box-wrapper .field-wrapper {
display: flex;
flex-wrap: wrap;
margin-left: -10px;
width: calc(100% + 10px);
}
.contact-template.style-3
.contact-form
.ry-form-box-wrapper
.field-wrapper
.field-xs {
width: calc(33.33% - 10px);
margin-left: 10px;
}
.contact-template.style-3
.contact-form
.ry-form-box-wrapper
.field-wrapper
.field-lg {
width: calc(100% - 10px);
margin-left: 10px;
}
.contact-template.style-3
.contact-form
.ry-form-box-wrapper
.field-wrapper
textarea.form-control {
height: 290px;
padding-top: 15px;
resize: unset;
}
.contact-template.style-3 .contact-form .ry-form-box-wrapper .ry-btn {
margin-left: auto;
margin-top: 30px;
}
.contact-template.style-3 .contact-form {
padding-bottom: 100px;
}
/* SOCIAL */
.custom-social-wrapper {
padding-left: 0;
list-style: none;
width: 100%;
}
.custom-social-wrapper .social-inner-wrap {
display: flex;
}
.custom-social-wrapper .social-inner-wrap li a {
display: flex;
align-items: center;
justify-content: center;
background: #ba2c2c;
width: 100%;
height: 100%;
}
.custom-social-wrapper .social-inner-wrap li a svg {
width: 16px;
fill: #fff;
}
.custom-social-wrapper .social-inner-wrap li {
width: 100%;
max-width: 50px;
max-height: 50px;
border-radius: 50%;
overflow: hidden;
margin-right: 5px;
margin-bottom: 5px;
}
.custom-social-wrapper .social-inner-wrap li a.facebook {
background: #1970ca;
}
.custom-social-wrapper .social-inner-wrap li a.twitter {
background: #17a7dc;
}
.custom-social-wrapper .social-inner-wrap li a.linkedin {
background: #007bb6;
}
.custom-social-wrapper .social-inner-wrap li a.instagram {
background: #f09433;
background: linear-gradient(
45deg,
#f09433 0%,
#e6683c 25%,
#dc2743 50%,
#cc2366 75%,
#bc1888 100%
);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f09433', endColorstr='#bc1888', GradientType=1);
}
.custom-social-wrapper .social-inner-wrap li a.google {
background: #dd4b39;
}
.custom-social-wrapper .social-inner-wrap li a.yelp {
background: #ba2c2c;
}
/* SOCIAL */
@media (max-width: 1199px) {
.contact-template.style-3 .inner-flex .ry-each {
width: calc(50% - 10px);
}
}
@media (max-width: 1080px) {
.contact-template.style-3 .inner-flex {
flex-direction: column;
align-items: center;
justify-content: center;
}
.contact-template.style-3 .inner-flex .ry-each:not(:last-child),
.contact-template.style-3 .inner-flex .ry-each .headline h3 {
margin-bottom: 30px;
}
.contact-template.style-3 .inner-flex .ry-each {
width: calc(80% - 10px);
}
.contact-template.style-3 .contact-form .headline {
flex-direction: column;
align-items: center;
justify-content: center;
}
.contact-template.style-3 .section-headline h2 {
text-align: center;
}
.contact-template.style-3 .contact-form .headline .ry-text {
max-width: 100%;
width: 100%;
}
.contact-template.style-3
.contact-form
.headline
.ry-text
.custom-social-wrapper
.social-inner-wrap {
justify-content: center;
margin-top: 20px;
}
}
@media (max-width: 768px) {
.contact-template p {
text-align: center;
}
.contact-template.style-3
.inner-flex
.ry-each
.inner-group
.text-wrap:not(:last-child) {
margin-bottom: 20px;
}
.contact-template.style-3 .inner-flex .ry-each .inner-group .text-wrap {
width: 100%;
}
.contact-template.style-3
.inner-flex
.ry-each
.inner-group
.text-wrap
.ry-text {
text-align: center;
}
.contact-template.style-3 .inner-flex .ry-each .inner-group .text-wrap {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.contact-template.style-3
.inner-flex
.ry-each
.inner-group
.text-wrap:not(:last-child) {
margin-bottom: 20px;
}
.contact-template.style-3 .inner-flex .ry-each .inner-group .text-wrap {
width: 100%;
}
.contact-template p {
font-size: calc(16px + 2 * ((100vw - 500px) / 940)) !important;
}
.contact-template.style-3 .contact-form .ry-form-box-wrapper .form-control {
height: 60px;
font-size: 16px;
padding-left: 20px;
}
.contact-template.style-3
.contact-form
.ry-form-box-wrapper
.field-wrapper
.field-xs {
width: calc(100% - 10px);
}
}
/* Testimonials */
/* Preloader */
#preloader {
background-image: linear-gradient(45deg, #ffffff, #ffffff);
z-index: 99999;
position: fixed;
inset: 0px;
}
#preloader #status {
position: absolute;
inset-inline-start: 0px;
inset-inline-end: 0px;
top: 50%;
--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));
}
#preloader #status .spinner {
position: relative;
margin-top: 100px;
margin-bottom: 100px;
margin-left: auto;
margin-right: auto;
height: 10rem;
width: 10rem;
}
#preloader #status .spinner .double-bounce1,
#preloader #status .spinner .double-bounce2 {
position: absolute;
top: 0px;
inset-inline-start: 0px;
height: 100%;
width: 100%;
border-radius: 9999px;
background-color: #1a1816;
animation: sk-bounce 2s infinite ease-in-out;
}
.double-bounce1::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background-image: url(https://s3.amazonaws.com/static.organiclead.com/Site-2e0d97d3-7445-40a0-807a-350fcc161d27/images/Followell_Optometry_logo.png);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
#preloader #status .spinner .double-bounce2 {
animation-delay: -1s;
}
@keyframes sk-bounce {
0%,
100% {
transform: scale(0);
}
50% {
transform: scale(1);
}
}
/* Animated Text */
.animated-text {
background-size: 200% auto;
animation: gradient 3s linear infinite;
}
@keyframes gradient {
0% {
background-position: 0% 75%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 70%;
}
}
/* Animated List */
section {
width: 100%;
}
.ry-animation-list {
padding: 2rem;
margin: 0 auto;
width: 100%;
border-radius: 6px;
overflow: hidden;
container-type: inline-size;
transition:
background-color 0.25s,
color 0.25s,
border 0.25s,
box-shadow 0.25s;
}
@keyframes shade {
to {
background-position: 100% 0;
}
}
.ry-animation-header {
transition: opacity 0.5s;
}
.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;
}
.controls {
display: grid;
grid-template-columns: 1fr auto;
gap: 0.5rem;
padding: 1rem;
border: 1px solid hsl(0 0% 90%);
border-radius: 6px;
background: hsl(0 0% 100%);
position: fixed;
top: 1rem;
right: 1rem;
z-index: 2;
}
.window {
height: 500px;
container-type: inline-size;
transform-style: preserve-3d;
width: 100%;
outline: 4px dashed transparent;
transition: outline 0.5s;
}
.scene {
--buff: 3rem;
height: 100%;
width: 100%;
-webkit-mask: linear-gradient(
transparent,
white var(--buff) calc(100% - var(--buff)),
transparent
),
linear-gradient(
90deg,
transparent,
white var(--buff) calc(100% - var(--buff)),
transparent
);
mask: linear-gradient(
transparent,
white var(--buff) calc(100% - var(--buff)),
transparent
),
linear-gradient(
90deg,
transparent,
white var(--buff) calc(100% - var(--buff)),
transparent
);
-webkit-mask-composite: source-in, xor;
mask-composite: intersect;
}
.ry-animation-grid {
--count: 6;
/* The number of items you have */
--inset: 0;
/* Controls the grid animation offset on entry/exit */
--outset: 2.5;
height: 100%;
width: 100%;
margin: 0;
list-style-type: none;
position: relative;
padding: 0 1rem;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0 2rem;
transition: transform 0.5s;
/* 3D translation */
transform: rotateX(calc(var(--list-rotate, 0) * 20deg))
rotateZ(calc(var(--list-rotate, 0) * -20deg))
skewX(calc(var(--list-rotate, 0) * 20deg));
--list-rotate: 1;
}
.ry-animation-grid li {
min-height: 60px;
transform-style: preserve-3d;
width: 100%;
z-index: calc(1 + var(--active));
}
.ry-animation-grid li::before {
content: "";
position: absolute;
inset: 4px 4px -2px -2px;
border-radius: 6px;
background: hsl(0 0% 0% / 0.1);
filter: blur(calc(var(--active, 0) * 8px));
z-index: -1;
transition:
scale var(--list-transition),
opacity var(--list-transition),
translate var(--list-transition),
filter var(--list-transition);
transform-origin: 50% 0;
scale: 1 calc(1 + (var(--active, 0) * 0.05));
--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow:
0 0 #0000,
0 0 #0000,
var(--tw-shadow);
}
.ry-animation-grid:hover li {
animation-play-state: paused;
}
.ry-animation-grid {
transform-style: preserve-3d;
gap: 1rem;
}
.ry-animation-item {
align-items: center;
background: hsl(0 0% 100%);
border: 1px solid hsl(0 0% 90%);
color: hsl(0 0% 10%);
border-radius: 6px;
cursor: pointer;
display: flex;
gap: 1rem;
height: 100%;
justify-content: start;
overflow: hidden;
padding: 1.25rem;
text-align: center;
width: 100%;
transition:
transform var(--list-transition),
scale var(--list-transition),
background-color 0.25s,
color 0.25s,
border 0.25s,
box-shadow 0.25s;
scale: calc(1 + (var(--active, 0) * 0.05));
transform: translate3d(0, 0, calc(var(--active, 0) * 24px));
}
.item__icon {
color: rgb(124, 58, 237);
}
.item__text {
flex: 1;
text-align: center;
}
.ry-animation-grid li:nth-of-type(1) {
--index: 0;
}
.ry-animation-grid li:nth-of-type(2) {
--index: 0;
}
.ry-animation-grid li:nth-of-type(3) {
--index: 1;
}
.ry-animation-grid li:nth-of-type(4) {
--index: 1;
}
.ry-animation-grid li:nth-of-type(5) {
--index: 2;
}
.ry-animation-grid li:nth-of-type(6) {
--index: 2;
}
.ry-animation-grid li:nth-of-type(7) {
--index: 3;
}
.ry-animation-grid li:nth-of-type(8) {
--index: 3;
}
.ry-animation-grid li:nth-of-type(9) {
--index: 4;
}
.ry-animation-grid li:nth-of-type(10) {
--index: 4;
}
.ry-animation-grid li:nth-of-type(11) {
--index: 5;
}
.ry-animation-grid li:nth-of-type(12) {
--index: 5;
}
@container (width < 500px) {
.ry-animation-header {
grid-template: auto 1fr / 1fr;
}
.ry-animation-header a {
justify-self: start;
}
.ry-animation-grid {
--count: 12;
--inset: 0;
--outset: 3;
grid-template-columns: 1fr;
--list-rotate: 0;
}
.ry-animation-grid li:nth-of-type(1) {
--index: 0;
}
.ry-animation-grid li:nth-of-type(2) {
--index: 1;
}
.ry-animation-grid li:nth-of-type(3) {
--index: 2;
}
.ry-animation-grid li:nth-of-type(4) {
--index: 3;
}
.ry-animation-grid li:nth-of-type(5) {
--index: 4;
}
.ry-animation-grid li:nth-of-type(6) {
--index: 5;
}
.ry-animation-grid li:nth-of-type(7) {
--index: 6;
}
.ry-animation-grid li:nth-of-type(8) {
--index: 7;
}
.ry-animation-grid li:nth-of-type(9) {
--index: 8;
}
.ry-animation-grid li:nth-of-type(10) {
--index: 9;
}
.ry-animation-grid li:nth-of-type(11) {
--index: 10;
}
.ry-animation-grid li:nth-of-type(12) {
--index: 11;
}
.ry-animation-grid li {
--duration: calc(var(--speed) * 2);
--delay: calc((var(--duration) / var(--count)) * (var(--index, 0) - 8));
}
}
@media (prefers-reduced-motion: no-preference) {
.ry-animation-grid {
gap: 0 2rem;
}
.ry-animation-grid li {
--duration: calc(var(--speed) * 1);
--delay: calc((var(--duration) / var(--count)) * (var(--index, 0) - 8));
animation: slide var(--duration) var(--delay) infinite linear;
translate: 0% calc(((var(--count) - var(--index)) + var(--inset, 0)) * 100%);
}
.ry-animation-grid li:hover {
--active: 1;
}
@keyframes slide {
100% {
translate: 0% calc(calc((var(--index) + var(--outset, 0)) * -100%));
}
}
@container (width < 400px) {
.ry-animation-grid li {
--duration: calc(var(--speed) * 2);
--delay: calc((var(--duration) / var(--count)) * (var(--index, 0) - 8));
}
}
}
/* Rating */
.star-box {
cursor: pointer;
--tw-text-opacity: 1;
color: rgb(209 213 219 / var(--tw-text-opacity));
}
.star-box i {
font-size: 1.5rem;
line-height: 2rem;
}
.star-box .star-rated i {
--tw-text-opacity: 1;
color: rgb(253 224 71 / var(--tw-text-opacity));
}
.star-box .star-active {
--tw-text-opacity: 1;
color: rgb(253 224 71 / var(--tw-text-opacity));
}
.hover\:bg-primary-background:hover {
background-color: var(--color-primary-background);
}
.hover\:bg-secondary-background:hover {
background-color: var(--color-secondary-background);
}
.group:hover .group-hover\:bg-primary-background {
background-color: var(--color-primary-background);
}
.group:hover .group-hover\:bg-secondary-background {
background-color: var(--color-secondary-background);
}
@media (min-width: 1536px) {
.\32xl\:container {
width: 100%;
}
@media (min-width: 500px) {
.\32xl\:container {
max-width: 500px;
}
}
@media (min-width: 640px) {
.\32xl\:container {
max-width: 640px;
}
}
@media (min-width: 768px) {
.\32xl\:container {
max-width: 768px;
}
}
@media (min-width: 1024px) {
.\32xl\:container {
max-width: 1024px;
}
}
@media (min-width: 1280px) {
.\32xl\:container {
max-width: 1280px;
}
}
@media (min-width: 1536px) {
.\32xl\:container {
max-width: 1536px;
}
}
}
.\*\:visible > * {
visibility: visible;
}
.placeholder\:italic::-moz-placeholder {
font-style: italic;
}
.placeholder\:italic::placeholder {
font-style: italic;
}
.placeholder\:text-red-400::-moz-placeholder {
--tw-text-opacity: 1;
color: rgb(248 113 113 / var(--tw-text-opacity));
}
.placeholder\:text-red-400::placeholder {
--tw-text-opacity: 1;
color: rgb(248 113 113 / var(--tw-text-opacity));
}
.last\:border-b-0:last-child {
border-bottom-width: 0px;
}
.hover\:scale-110:hover {
--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));
}
.hover\:cursor-pointer:hover {
cursor: pointer;
}
.hover\:border:hover {
border-width: 1px;
}
.hover\:border-primary-background:hover {
--tw-border-opacity: 1;
border-color: var(--color-primary-background);
}
.hover\:border-secondary-background:hover {
--tw-border-opacity: 1;
border-color: rgb(25 206 103 / var(--tw-border-opacity));
}
.hover\:bg-gray-100:hover {
--tw-bg-opacity: 1;
background-color: rgb(243 244 246 / 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-primary-background:hover {
--tw-bg-opacity: 1;
background-color: var(--color-primary-background);
}
.hover\:bg-secondary-background:hover {
--tw-bg-opacity: 1;
background-color: var(--color-secondary-background);
}
.hover\:bg-slate-700:hover {
--tw-bg-opacity: 1;
background-color: rgb(51 65 85 / var(--tw-bg-opacity));
}
.hover\:bg-transparent:hover {
background-color: transparent;
}
.hover\:bg-white:hover {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.hover\:text-amber-400:hover {
--tw-text-opacity: 1;
color: rgb(251 191 36 / var(--tw-text-opacity));
}
.hover\:text-black:hover {
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
.hover\:text-cyan-600:hover {
--tw-text-opacity: 1;
color: rgb(8 145 178 / var(--tw-text-opacity));
}
.hover\:text-primary-background:hover {
--tw-text-opacity: 1;
color: var(--color-primary-background);
}
.hover\:text-primary-text:hover {
--tw-text-opacity: 1;
color: var(--color-primary-text);
}
.hover\:text-secondary-background:hover {
--tw-text-opacity: 1;
color: var(--color-secondary-background);
}
.hover\:text-secondary-text:hover {
--tw-text-opacity: 1;
color: var(--color-secondary-text);
}
.hover\:text-white:hover {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.hover\:underline:hover {
text-decoration-line: underline;
}
.hover\:no-underline:hover {
text-decoration-line: none;
}
.focus\:border-0:focus {
border-width: 0px;
}
.focus\:border-blue-500:focus {
--tw-border-opacity: 1;
border-color: rgb(59 130 246 / var(--tw-border-opacity));
}
.focus\:text-secondary-background:focus {
--tw-text-opacity: 1;
color: rgb(25 206 103 / var(--tw-text-opacity));
}
.focus\:no-underline:focus {
text-decoration-line: none;
}
.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);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0
calc(0px + 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-1: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(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);
}
.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-blue-300:focus {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity));
}
.focus\:ring-blue-500:focus {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
}
.focus\:ring-blue-600:focus {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(37 99 235 / var(--tw-ring-opacity));
}
.focus\:ring-secondary-background:focus {
--tw-ring-opacity: 1;
--tw-ring-color: var(--color-secondary-background);
}
.focus\:ring-offset-2:focus {
--tw-ring-offset-width: 2px;
}
.focus\:ring-offset-white:focus {
--tw-ring-offset-color: #fff;
}
.group:hover .group-hover\:block {
display: block;
}
.group:hover .group-hover\:w-72 {
width: 18rem;
}
.group:hover .group-hover\:scale-105 {
--tw-scale-x: 1.05;
--tw-scale-y: 1.05;
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));
}
.group:hover .group-hover\:scale-150 {
--tw-scale-x: 1.5;
--tw-scale-y: 1.5;
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));
}
.group:hover .group-hover\:cursor-pointer {
cursor: pointer;
}
.group:hover .group-hover\:border-b-0 {
border-bottom-width: 0px;
}
.group:hover .group-hover\:border-t-0 {
border-top-width: 0px;
}
.group:hover .group-hover\:border-primary-background {
--tw-border-opacity: 1;
border-color: var(--color-primary-background);
}
.group:hover .group-hover\:bg-primary-background {
--tw-bg-opacity: 1;
background-color: var(--color-primary-background);
}
.group:hover .group-hover\:bg-secondary-background {
--tw-bg-opacity: 1;
background-color: var(--color-secondary-background);
}
.group:hover .group-hover\:px-5 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.group:hover .group-hover\:font-semibold {
font-weight: 600;
}
.group:hover .group-hover\:text-gray-600 {
--tw-text-opacity: 1;
color: rgb(75 85 99 / var(--tw-text-opacity));
}
.group:hover .group-hover\:text-primary-text {
--tw-text-opacity: 1;
color: var(--color-primary-text);
}
.group:hover .group-hover\:text-secondary-background {
--tw-text-opacity: 1;
color: var(--color-secondary-background);
}
.group:hover .group-hover\:text-secondary-text {
--tw-text-opacity: 1;
color: var(--color-secondary-text);
}
.group:hover .group-hover\:underline {
text-decoration-line: underline;
}
.group:hover .group-hover\:opacity-100 {
opacity: 1;
}
.group:hover .group-hover\:opacity-60 {
opacity: 0.6;
}
.group:hover .group-hover\:grayscale-0 {
--tw-grayscale: grayscale(0);
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);
}
.group:focus .group-focus\:underline {
text-decoration-line: underline;
}
.prose-headings\:text-primary-background
:is(
:where(h1, h2, h3, h4, h5, h6, th):not(
:where([class~="not-prose"], [class~="not-prose"] *)
)
) {
--tw-text-opacity: 1;
color: rgb(51 52 86 / var(--tw-text-opacity));
}
.prose-h1\:text-4xl
:is(:where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *))) {
font-size: 2.25rem;
line-height: 2.5rem;
}
.prose-h2\:text-3xl
:is(:where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *))) {
font-size: 1.875rem;
line-height: 2.25rem;
}
.prose-h3\:text-2xl
:is(:where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *))) {
font-size: 1.5rem;
line-height: 2rem;
}
.prose-h4\:text-xl
:is(:where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *))) {
font-size: 1.25rem;
line-height: 1.75rem;
}
.prose-h5\:text-lg
:is(:where(h5):not(:where([class~="not-prose"], [class~="not-prose"] *))) {
font-size: 1.125rem;
line-height: 1.75rem;
}
:is(.dark .dark\:border-gray-700) {
--tw-border-opacity: 1;
border-color: rgb(55 65 81 / var(--tw-border-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-slate-900) {
--tw-bg-opacity: 1;
background-color: rgb(15 23 42 / var(--tw-bg-opacity));
}
:is(.dark .dark\:text-gray-500) {
--tw-text-opacity: 1;
color: rgb(107 114 128 / 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\:checked\:border-blue-500:checked) {
--tw-border-opacity: 1;
border-color: rgb(59 130 246 / var(--tw-border-opacity));
}
:is(.dark .dark\:checked\:bg-blue-500:checked) {
--tw-bg-opacity: 1;
background-color: rgb(59 130 246 / var(--tw-bg-opacity));
}
:is(.dark .dark\:focus\:ring-offset-gray-800:focus) {
--tw-ring-offset-color: #1f2937;
}
@media not all and (min-width: 1024px) {
.max-lg\:relative {
position: relative;
}
.max-lg\:top-20 {
top: 5rem;
}
.max-lg\:flex-col {
flex-direction: column;
}
.max-lg\:gap-x-3 {
-moz-column-gap: 0.75rem;
column-gap: 0.75rem;
}
.max-lg\: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));
}
.max-lg\:space-y-reverse > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 1;
}
.max-lg\:border-b {
border-bottom-width: 1px;
}
}
@media not all and (min-width: 768px) {
.max-md\:mx-auto {
margin-left: auto;
margin-right: auto;
}
}
@media (min-width: 500px) {
.xs\:flex {
display: flex;
}
.xs\:h-16 {
height: 4rem;
}
.xs\:w-16 {
width: 4rem;
}
.xs\:px-6 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.xs\:py-3 {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
.xs\:py-3\.5 {
padding-top: 0.875rem;
padding-bottom: 0.875rem;
}
.xs\:text-2xl {
font-size: 1.5rem;
line-height: 2rem;
}
}
@media (min-width: 640px) {
.sm\:mx-0 {
margin-left: 0px;
margin-right: 0px;
}
.sm\:mx-auto {
margin-left: auto;
margin-right: auto;
}
.sm\:my-8 {
margin-top: 2rem;
margin-bottom: 2rem;
}
.sm\:-mt-10 {
margin-top: -2.5rem;
}
.sm\:mb-10 {
margin-bottom: 2.5rem;
}
.sm\:mb-2 {
margin-bottom: 0.5rem;
}
.sm\:mb-4 {
margin-bottom: 1rem;
}
.sm\:mb-6 {
margin-bottom: 1.5rem;
}
.sm\:ml-3 {
margin-left: 0.75rem;
}
.sm\:ml-6 {
margin-left: 1.5rem;
}
.sm\:mt-0 {
margin-top: 0px;
}
.sm\:mt-10 {
margin-top: 2.5rem;
}
.sm\:mt-12 {
margin-top: 3rem;
}
.sm\:mt-4 {
margin-top: 1rem;
}
.sm\:mt-6 {
margin-top: 1.5rem;
}
.sm\:block {
display: block;
}
.sm\:inline {
display: inline;
}
.sm\:flex {
display: flex;
}
.sm\:hidden {
display: none;
}
.sm\:h-16 {
height: 4rem;
}
.sm\:h-48 {
height: 12rem;
}
.sm\:h-96 {
height: 24rem;
}
.sm\:h-\[70px\] {
height: 70px;
}
.sm\:w-1\/2 {
width: 50%;
}
.sm\:w-20 {
width: 5rem;
}
.sm\:w-48 {
width: 12rem;
}
.sm\:w-56 {
width: 14rem;
}
.sm\:w-auto {
width: auto;
}
.sm\:w-full {
width: 100%;
}
.sm\:max-w-\[70px\] {
max-width: 70px;
}
.sm\:max-w-full {
max-width: 100%;
}
.sm\:max-w-lg {
max-width: 32rem;
}
.sm\:max-w-xl {
max-width: 36rem;
}
.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: 0.95;
--tw-scale-y: 0.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\: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 {
flex-direction: row;
}
.sm\:flex-row-reverse {
flex-direction: row-reverse;
}
.sm\:items-start {
align-items: flex-start;
}
.sm\:items-center {
align-items: center;
}
.sm\:justify-start {
justify-content: flex-start;
}
.sm\:justify-end {
justify-content: flex-end;
}
.sm\:justify-center {
justify-content: center;
}
.sm\:gap-6 {
gap: 1.5rem;
}
.sm\: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)));
}
.sm\:space-y-12 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(3rem * var(--tw-space-y-reverse));
}
.sm\:space-y-8 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}
.sm\:justify-self-end {
justify-self: end;
}
.sm\:rounded-2xl {
border-radius: 1rem;
}
.sm\:rounded-3xl {
border-radius: 1.5rem;
}
.sm\:p-0 {
padding: 0px;
}
.sm\:p-10 {
padding: 2.5rem;
}
.sm\:p-12 {
padding: 3rem;
}
.sm\:p-6 {
padding: 1.5rem;
}
.sm\:px-0 {
padding-left: 0px;
padding-right: 0px;
}
.sm\:px-10 {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.sm\:px-3 {
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.sm\:px-6 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.sm\:py-32 {
padding-top: 8rem;
padding-bottom: 8rem;
}
.sm\:pb-4 {
padding-bottom: 1rem;
}
.sm\:pb-6 {
padding-bottom: 1.5rem;
}
.sm\:text-left {
text-align: left;
}
.sm\:text-center {
text-align: center;
}
.sm\:text-2xl {
font-size: 1.5rem;
line-height: 2rem;
}
.sm\:text-3xl {
font-size: 1.875rem;
line-height: 2.25rem;
}
.sm\:text-4xl {
font-size: 2.25rem;
line-height: 2.5rem;
}
.sm\:text-5xl {
font-size: 3rem;
line-height: 1;
}
.sm\:text-base {
font-size: 1rem;
line-height: 1.5rem;
}
.sm\:text-sm {
font-size: 0.875rem;
line-height: 1.25rem;
}
.sm\:text-xl {
font-size: 1.25rem;
line-height: 1.75rem;
}
.sm\:leading-none {
line-height: 1;
}
}
@media (min-width: 768px) {
.md\:absolute {
position: absolute;
}
.md\:inset-y-0 {
top: 0px;
bottom: 0px;
}
.md\:left-0 {
left: 0px;
}
.md\:top-\[30\%\] {
top: 30%;
}
.md\:col-span-1 {
grid-column: span 1 / span 1;
}
.md\:col-span-2 {
grid-column: span 2 / span 2;
}
.md\:col-span-4 {
grid-column: span 4 / span 4;
}
.md\:col-span-6 {
grid-column: span 6 / span 6;
}
.md\:col-span-8 {
grid-column: span 8 / span 8;
}
.md\:mx-0 {
margin-left: 0px;
margin-right: 0px;
}
.md\:-ml-1 {
margin-left: -0.25rem;
}
.md\:ml-6 {
margin-left: 1.5rem;
}
.md\:mr-2 {
margin-right: 0.5rem;
}
.md\:mt-10 {
margin-top: 2.5rem;
}
.md\:block {
display: block;
}
.md\:flex {
display: flex;
}
.md\:grid {
display: grid;
}
.md\:hidden {
display: none;
}
.md\:h-full {
height: 100%;
}
.md\:max-h-\[300px\] {
max-height: 300px;
}
.md\:w-1\/2 {
width: 50%;
}
.md\:w-10\/12 {
width: 83.333333%;
}
.md\:w-2\/5 {
width: 40%;
}
.md\:w-\[80\%\] {
width: 80%;
}
.md\:max-w-7xl {
max-width: 80rem;
}
.md\:max-w-\[60\%\] {
max-width: 60%;
}
.md\:max-w-full {
max-width: 100%;
}
.md\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.md\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.md\:flex-row {
flex-direction: row;
}
.md\:flex-col {
flex-direction: column;
}
.md\:items-center {
align-items: center;
}
.md\:justify-start {
justify-content: flex-start;
}
.md\:justify-end {
justify-content: flex-end;
}
.md\:justify-center {
justify-content: center;
}
.md\:justify-between {
justify-content: space-between;
}
.md\:gap-12 {
gap: 3rem;
}
.md\:gap-x-4 {
-moz-column-gap: 1rem;
column-gap: 1rem;
}
.md\:gap-x-5 {
-moz-column-gap: 1.25rem;
column-gap: 1.25rem;
}
.md\: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)));
}
.md\:space-x-4 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(1rem * var(--tw-space-x-reverse));
margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
.md\: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));
}
.md\:bg-transparent {
background-color: transparent;
}
.md\:p-16 {
padding: 4rem;
}
.md\:p-6 {
padding: 1.5rem;
}
.md\:p-7 {
padding: 1.75rem;
}
.md\:px-10 {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.md\:px-20 {
padding-left: 5rem;
padding-right: 5rem;
}
.md\:px-24 {
padding-left: 6rem;
padding-right: 6rem;
}
.md\:px-4 {
padding-left: 1rem;
padding-right: 1rem;
}
.md\:px-5 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.md\:px-6 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.md\:px-8 {
padding-left: 2rem;
padding-right: 2rem;
}
.md\:py-12 {
padding-top: 3rem;
padding-bottom: 3rem;
}
.md\:py-2 {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.md\:py-2\.5 {
padding-top: 0.625rem;
padding-bottom: 0.625rem;
}
.md\:py-20 {
padding-top: 5rem;
padding-bottom: 5rem;
}
.md\:pl-\[10\%\] {
padding-left: 10%;
}
.md\:text-left {
text-align: left;
}
.md\:text-center {
text-align: center;
}
.md\:text-2xl {
font-size: 1.5rem;
line-height: 2rem;
}
.md\:text-3xl {
font-size: 1.875rem;
line-height: 2.25rem;
}
.md\:text-4xl {
font-size: 2.25rem;
line-height: 2.5rem;
}
.md\:text-5xl {
font-size: 3rem;
line-height: 1;
}
.md\:text-base {
font-size: 1rem;
line-height: 1.5rem;
}
.md\:text-lg {
font-size: 1.125rem;
line-height: 1.75rem;
}
.md\:text-xl {
font-size: 1.25rem;
line-height: 1.75rem;
}
.md\:font-bold {
font-weight: 700;
}
.md\:font-normal {
font-weight: 400;
}
.md\:leading-10 {
line-height: 2.5rem;
}
.md\:transition-all {
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.md\:duration-1000 {
transition-duration: 1000ms;
}
.md\:ease-out {
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
}
@media (min-width: 1024px) {
.lg\:fixed {
position: fixed;
}
.lg\:absolute {
position: absolute;
}
.lg\:-left-20 {
left: -5rem;
}
.lg\:left-0 {
left: 0px;
}
.lg\:top-0 {
top: 0px;
}
.lg\:top-1\/2 {
top: 50%;
}
.lg\:order-1 {
order: 1;
}
.lg\:order-2 {
order: 2;
}
.lg\:col-span-1 {
grid-column: span 1 / span 1;
}
.lg\:col-span-2 {
grid-column: span 2 / span 2;
}
.lg\:col-span-3 {
grid-column: span 3 / span 3;
}
.lg\:col-span-5 {
grid-column: span 5 / span 5;
}
.lg\:col-span-7 {
grid-column: span 7 / span 7;
}
.lg\:mx-0 {
margin-left: 0px;
margin-right: 0px;
}
.lg\:-mr-8 {
margin-right: -2rem;
}
.lg\:mb-0 {
margin-bottom: 0px;
}
.lg\:mb-14 {
margin-bottom: 3.5rem;
}
.lg\:mb-4 {
margin-bottom: 1rem;
}
.lg\:ml-16 {
margin-left: 4rem;
}
.lg\:ml-24 {
margin-left: 6rem;
}
.lg\:ml-4 {
margin-left: 1rem;
}
.lg\:mt-0 {
margin-top: 0px;
}
.lg\:mt-14 {
margin-top: 3.5rem;
}
.lg\:mt-16 {
margin-top: 4rem;
}
.lg\:block {
display: block;
}
.lg\:flex {
display: flex;
}
.lg\:grid {
display: grid;
}
.lg\:hidden {
display: none;
}
.lg\:h-16 {
height: 4rem;
}
.lg\:h-3 {
height: 0.75rem;
}
.lg\:h-3\/4 {
height: 75%;
}
.lg\:h-4 {
height: 1rem;
}
.lg\:h-60 {
height: 15rem;
}
.lg\:h-full {
height: 100%;
}
.lg\:h-screen {
height: 100vh;
}
.lg\:w-1\/2 {
width: 50%;
}
.lg\:w-1\/3 {
width: 33.333333%;
}
.lg\:w-1\/4 {
width: 25%;
}
.lg\:w-10\/12 {
width: 83.333333%;
}
.lg\:w-16 {
width: 4rem;
}
.lg\:w-2\/3 {
width: 66.666667%;
}
.lg\:w-2\/5 {
width: 40%;
}
.lg\:w-24 {
width: 6rem;
}
.lg\:w-3\/4 {
width: 75%;
}
.lg\:w-3\/5 {
width: 60%;
}
.lg\:w-3\/6 {
width: 50%;
}
.lg\:w-4\/6 {
width: 66.666667%;
}
.lg\:w-60 {
width: 15rem;
}
.lg\:w-8\/12 {
width: 66.666667%;
}
.lg\:w-9\/12 {
width: 75%;
}
.lg\:w-\[40\%\] {
width: 40%;
}
.lg\:w-\[480px\] {
width: 480px;
}
.lg\:w-\[52\%\] {
width: 52%;
}
.lg\:w-\[60\%\] {
width: 60%;
}
.lg\:w-\[90\%\] {
width: 90%;
}
.lg\:w-full {
width: 100%;
}
.lg\:max-w-screen-lg {
max-width: 1024px;
}
.lg\:max-w-screen-xl {
max-width: 1280px;
}
.lg\:max-w-xl {
max-width: 36rem;
}
.lg\:basis-1\/3 {
flex-basis: 33.333333%;
}
.lg\:-rotate-90 {
--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));
}
.lg\:grid-cols-12 {
grid-template-columns: repeat(12, minmax(0, 1fr));
}
.lg\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.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\:grid-cols-5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.lg\:flex-row {
flex-direction: row;
}
.lg\:flex-col {
flex-direction: column;
}
.lg\:flex-nowrap {
flex-wrap: nowrap;
}
.lg\:items-center {
align-items: center;
}
.lg\:justify-start {
justify-content: flex-start;
}
.lg\:justify-end {
justify-content: flex-end;
}
.lg\:justify-between {
justify-content: space-between;
}
.lg\:gap-14 {
gap: 3.5rem;
}
.lg\:gap-20 {
gap: 5rem;
}
.lg\:gap-6 {
gap: 1.5rem;
}
.lg\:gap-8 {
gap: 2rem;
}
.lg\:gap-y-16 {
row-gap: 4rem;
}
.lg\: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)));
}
.lg\:space-x-4 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(1rem * var(--tw-space-x-reverse));
margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
.lg\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0px * var(--tw-space-y-reverse));
}
.lg\:space-y-8 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}
.lg\: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));
}
.lg\:self-center {
align-self: center;
}
.lg\:overflow-hidden {
overflow: hidden;
}
.lg\:border-b-0 {
border-bottom-width: 0px;
}
.lg\:border-l {
border-left-width: 1px;
}
.lg\:border-r {
border-right-width: 1px;
}
.lg\:border-dashed {
border-style: dashed;
}
.lg\:bg-white {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.lg\:p-10 {
padding: 2.5rem;
}
.lg\:p-16 {
padding: 4rem;
}
.lg\:p-20 {
padding: 5rem;
}
.lg\:p-4 {
padding: 1rem;
}
.lg\:px-0 {
padding-left: 0px;
padding-right: 0px;
}
.lg\:px-10 {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.lg\:px-14 {
padding-left: 3.5rem;
padding-right: 3.5rem;
}
.lg\:px-20 {
padding-left: 5rem;
padding-right: 5rem;
}
.lg\:px-8 {
padding-left: 2rem;
padding-right: 2rem;
}
.lg\:py-0 {
padding-top: 0px;
padding-bottom: 0px;
}
.lg\:py-14 {
padding-top: 3.5rem;
padding-bottom: 3.5rem;
}
.lg\:py-16 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.lg\:py-20 {
padding-top: 5rem;
padding-bottom: 5rem;
}
.lg\:py-32 {
padding-top: 8rem;
padding-bottom: 8rem;
}
.lg\:py-4 {
padding-top: 1rem;
padding-bottom: 1rem;
}
.lg\:py-60 {
padding-top: 15rem;
padding-bottom: 15rem;
}
.lg\:pb-10 {
padding-bottom: 2.5rem;
}
.lg\:pb-64 {
padding-bottom: 16rem;
}
.lg\:pl-10 {
padding-left: 2.5rem;
}
.lg\:pl-24 {
padding-left: 6rem;
}
.lg\:pl-\[16\.66\%\] {
padding-left: 16.66%;
}
.lg\:pr-44 {
padding-right: 11rem;
}
.lg\:pt-14 {
padding-top: 3.5rem;
}
.lg\:pt-20 {
padding-top: 5rem;
}
.lg\:pt-4 {
padding-top: 1rem;
}
.lg\:pt-8 {
padding-top: 2rem;
}
.lg\:text-left {
text-align: left;
}
.lg\:text-right {
text-align: right;
}
.lg\:text-2xl {
font-size: 1.5rem;
line-height: 2rem;
}
.lg\:text-3xl {
font-size: 1.875rem;
line-height: 2.25rem;
}
.lg\:text-4xl {
font-size: 2.25rem;
line-height: 2.5rem;
}
.lg\:text-5xl {
font-size: 3rem;
line-height: 1;
}
.lg\:text-base {
font-size: 1rem;
line-height: 1.5rem;
}
.lg\:text-lg {
font-size: 1.125rem;
line-height: 1.75rem;
}
.lg\:text-xl {
font-size: 1.25rem;
line-height: 1.75rem;
}
.lg\:font-normal {
font-weight: 400;
}
.lg\:leading-10 {
line-height: 2.5rem;
}
.lg\:leading-9 {
line-height: 2.25rem;
}
.lg\:text-primary-background {
--tw-text-opacity: 1;
color: var(--color-primary-background);
}
}
@media (min-width: 1280px) {
.xl\:absolute {
position: absolute;
}
.xl\:-left-36 {
left: -9rem;
}
.xl\:top-1\/2 {
top: 50%;
}
.xl\:top-\[40\%\] {
top: 40%;
}
.xl\:col-span-1 {
grid-column: span 1 / span 1;
}
.xl\:-my-44 {
margin-top: -11rem;
margin-bottom: -11rem;
}
.xl\:-mb-\[200px\] {
margin-bottom: -200px;
}
.xl\:-mt-\[200px\] {
margin-top: -200px;
}
.xl\:mb-0 {
margin-bottom: 0px;
}
.xl\:flex {
display: flex;
}
.xl\:w-2\/6 {
width: 33.333333%;
}
.xl\:w-5\/12 {
width: 41.666667%;
}
.xl\:w-6\/12 {
width: 50%;
}
.xl\:w-7\/12 {
width: 58.333333%;
}
.xl\:w-8\/12 {
width: 66.666667%;
}
.xl\:-translate-y-1\/2 {
--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));
}
.xl\:flex-row {
flex-direction: row;
}
.xl\:flex-col {
flex-direction: column;
}
.xl\:rounded-lg {
border-radius: 0.5rem;
}
.xl\:px-32 {
padding-left: 8rem;
padding-right: 8rem;
}
.xl\:px-8 {
padding-left: 2rem;
padding-right: 2rem;
}
.xl\:pl-32 {
padding-left: 8rem;
}
.xl\:pr-16 {
padding-right: 4rem;
}
.xl\:text-left {
text-align: left;
}
.xl\:text-2xl {
font-size: 1.5rem;
line-height: 2rem;
}
.xl\:text-3xl {
font-size: 1.875rem;
line-height: 2.25rem;
}
}
@media (min-width: 1536px) {
.\32xl\:pr-12 {
padding-right: 3rem;
}
}