@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Figtree:wght@100;200;300;400;500;600;700;800;900&display=swap");
*,
::before,
::after {
box-sizing: border-box; /* 1 */
border-width: 0; /* 2 */
border-style: solid; /* 2 */
border-color: #E5E7EB; /* 2 */
}
::before,
::after {
--tw-content: '';
}
html {
scroll-padding-top: 250px;
}
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: Figtree, 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 */
}
body {
margin: 0; /* 1 */
line-height: inherit; /* 2 */
}
hr {
height: 0; /* 1 */
color: inherit; /* 2 */
border-top-width: 1px; /* 3 */
}
abbr:where([title]) {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
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 */
letter-spacing: 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,
input:where([type='button']),
input:where([type='reset']),
input:where([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: #1C64F2;
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
border-color: #1C64F2;
}
input::-moz-placeholder, textarea::-moz-placeholder{
color: #6B7280;
opacity: 1;
}
input::placeholder,textarea::placeholder{
color: #6B7280;
opacity: 1;
}
::-webkit-datetime-edit-fields-wrapper{
padding: 0;
}
::-webkit-date-and-time-value{
min-height: 1.5em;
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: #1C64F2;
background-color: #fff;
border-color: #6B7280;
border-width: 1px;
--tw-shadow: 0 0 #0000;
}
[type='checkbox']{
border-radius: 0px;
}
[type='radio']{
border-radius: 100%;
}
[type='checkbox']:focus,[type='radio']:focus{
outline: 2px solid transparent;
outline-offset: 2px;
--tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
--tw-ring-offset-width: 2px;
--tw-ring-offset-color: #fff;
--tw-ring-color: #1C64F2;
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
[type='checkbox']:checked,[type='radio']:checked{
border-color: transparent;
background-color: currentColor;
background-size: 100% 100%;
background-position: center;
background-repeat: no-repeat;
}
[type='checkbox']:checked{
background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
}
@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;
}
.tooltip-arrow,.tooltip-arrow:before{
position: absolute;
width: 8px;
height: 8px;
background: inherit;
}
.tooltip-arrow{
visibility: hidden;
}
.tooltip-arrow:before{
content: "";
visibility: visible;
transform: rotate(45deg);
}
[data-tooltip-style^='light'] + .tooltip > .tooltip-arrow:before{
border-style: solid;
border-color: #e5e7eb;
}
[data-tooltip-style^='light'] + .tooltip[data-popper-placement^='top'] > .tooltip-arrow:before{
border-bottom-width: 1px;
border-right-width: 1px;
}
[data-tooltip-style^='light'] + .tooltip[data-popper-placement^='right'] > .tooltip-arrow:before{
border-bottom-width: 1px;
border-left-width: 1px;
}
[data-tooltip-style^='light'] + .tooltip[data-popper-placement^='bottom'] > .tooltip-arrow:before{
border-top-width: 1px;
border-left-width: 1px;
}
[data-tooltip-style^='light'] + .tooltip[data-popper-placement^='left'] > .tooltip-arrow:before{
border-top-width: 1px;
border-right-width: 1px;
}
.tooltip[data-popper-placement^='top'] > .tooltip-arrow{
bottom: -4px;
}
.tooltip[data-popper-placement^='bottom'] > .tooltip-arrow{
top: -4px;
}
.tooltip[data-popper-placement^='left'] > .tooltip-arrow{
right: -4px;
}
.tooltip[data-popper-placement^='right'] > .tooltip-arrow{
left: -4px;
}
.tooltip.invisible > .tooltip-arrow:before{
visibility: hidden;
}
[data-popper-arrow],[data-popper-arrow]:before{
position: absolute;
width: 8px;
height: 8px;
background: inherit;
}
[data-popper-arrow]{
visibility: hidden;
}
[data-popper-arrow]:before{
content: "";
visibility: visible;
transform: rotate(45deg);
}
[data-popper-arrow]:after{
content: "";
visibility: visible;
transform: rotate(45deg);
position: absolute;
width: 9px;
height: 9px;
background: inherit;
}
[role="tooltip"] > [data-popper-arrow]:before{
border-style: solid;
border-color: #e5e7eb;
}
.dark [role="tooltip"] > [data-popper-arrow]:before{
border-style: solid;
border-color: #4b5563;
}
[role="tooltip"] > [data-popper-arrow]:after{
border-style: solid;
border-color: #e5e7eb;
}
.dark [role="tooltip"] > [data-popper-arrow]:after{
border-style: solid;
border-color: #4b5563;
}
[data-popover][role="tooltip"][data-popper-placement^='top'] > [data-popper-arrow]:before{
border-bottom-width: 1px;
border-right-width: 1px;
}
[data-popover][role="tooltip"][data-popper-placement^='top'] > [data-popper-arrow]:after{
border-bottom-width: 1px;
border-right-width: 1px;
}
[data-popover][role="tooltip"][data-popper-placement^='right'] > [data-popper-arrow]:before{
border-bottom-width: 1px;
border-left-width: 1px;
}
[data-popover][role="tooltip"][data-popper-placement^='right'] > [data-popper-arrow]:after{
border-bottom-width: 1px;
border-left-width: 1px;
}
[data-popover][role="tooltip"][data-popper-placement^='bottom'] > [data-popper-arrow]:before{
border-top-width: 1px;
border-left-width: 1px;
}
[data-popover][role="tooltip"][data-popper-placement^='bottom'] > [data-popper-arrow]:after{
border-top-width: 1px;
border-left-width: 1px;
}
[data-popover][role="tooltip"][data-popper-placement^='left'] > [data-popper-arrow]:before{
border-top-width: 1px;
border-right-width: 1px;
}
[data-popover][role="tooltip"][data-popper-placement^='left'] > [data-popper-arrow]:after{
border-top-width: 1px;
border-right-width: 1px;
}
[data-popover][role="tooltip"][data-popper-placement^='top'] > [data-popper-arrow]{
bottom: -5px;
}
[data-popover][role="tooltip"][data-popper-placement^='bottom'] > [data-popper-arrow]{
top: -5px;
}
[data-popover][role="tooltip"][data-popper-placement^='left'] > [data-popper-arrow]{
right: -5px;
}
[data-popover][role="tooltip"][data-popper-placement^='right'] > [data-popper-arrow]{
left: -5px;
}
[role="tooltip"].invisible > [data-popper-arrow]:before{
visibility: hidden;
}
[role="tooltip"].invisible > [data-popper-arrow]:after{
visibility: hidden;
}
[type='text'],[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #fff;
border-color: #6B7280;
border-width: 1px;
border-radius: 0px;
padding-top: 0.5rem;
padding-right: 0.75rem;
padding-bottom: 0.5rem;
padding-left: 0.75rem;
font-size: 1rem;
line-height: 1.5rem;
--tw-shadow: 0 0 #0000;
}
[type='text']:focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus{
outline: 2px solid transparent;
outline-offset: 2px;
--tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: #1C64F2;
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
border-color: #1C64F2;
}
input::-moz-placeholder, textarea::-moz-placeholder{
color: #6B7280;
opacity: 1;
}
input::placeholder,textarea::placeholder{
color: #6B7280;
opacity: 1;
}
::-webkit-datetime-edit-fields-wrapper{
padding: 0;
}
::-webkit-date-and-time-value{
min-height: 1.5em;
}
select:not([size]){
background-image: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 10 6'%3e %3cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 1 4 4 4-4'/%3e %3c/svg%3e");
background-position: right 0.75rem center;
background-repeat: no-repeat;
background-size: 0.75em 0.75em;
padding-right: 2.5rem;
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}
:is([dir=rtl]) select:not([size]){
background-position: left 0.75rem center;
padding-right: 0.75rem;
padding-left: 0;
}
[multiple]{
background-image: initial;
background-position: initial;
background-repeat: unset;
background-size: initial;
padding-right: 0.75rem;
-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: #1C64F2;
background-color: #fff;
border-color: #6B7280;
border-width: 1px;
--tw-shadow: 0 0 #0000;
}
[type='checkbox']{
border-radius: 0px;
}
[type='radio']{
border-radius: 100%;
}
[type='checkbox']:focus,[type='radio']:focus{
outline: 2px solid transparent;
outline-offset: 2px;
--tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
--tw-ring-offset-width: 2px;
--tw-ring-offset-color: #fff;
--tw-ring-color: #1C64F2;
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
[type='checkbox']:checked,[type='radio']:checked,.dark [type='checkbox']:checked,.dark [type='radio']:checked{
border-color: transparent;
background-color: currentColor;
background-size: 0.55em 0.55em;
background-position: center;
background-repeat: no-repeat;
}
[type='checkbox']:checked{
background-image: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 12'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M1 5.917 5.724 10.5 15 1.5'/%3e %3c/svg%3e");
background-repeat: no-repeat;
background-size: 0.55em 0.55em;
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}
[type='radio']:checked{
background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
background-size: 1em 1em;
}
.dark [type='radio']:checked{
background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
background-size: 1em 1em;
}
[type='checkbox']:indeterminate{
background-image: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 12'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M0.5 6h14'/%3e %3c/svg%3e");
background-color: currentColor;
border-color: transparent;
background-position: center;
background-repeat: no-repeat;
background-size: 0.55em 0.55em;
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}
[type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus{
border-color: transparent;
background-color: currentColor;
}
[type='file']{
background: unset;
border-color: inherit;
border-width: 0;
border-radius: 0;
padding: 0;
font-size: unset;
line-height: inherit;
}
[type='file']:focus{
outline: 1px auto inherit;
}
input[type=file]::file-selector-button{
color: white;
background: #1F2937;
border: 0;
font-weight: 500;
font-size: 0.875rem;
cursor: pointer;
padding-top: 0.625rem;
padding-bottom: 0.625rem;
padding-left: 2rem;
padding-right: 1rem;
margin-inline-start: -1rem;
margin-inline-end: 1rem;
}
input[type=file]::file-selector-button:hover{
background: #374151;
}
:is([dir=rtl]) input[type=file]::file-selector-button{
padding-right: 2rem;
padding-left: 1rem;
}
.dark input[type=file]::file-selector-button{
color: white;
background: #4B5563;
}
.dark input[type=file]::file-selector-button:hover{
background: #6B7280;
}
input[type="range"]::-webkit-slider-thumb{
height: 1.25rem;
width: 1.25rem;
background: #1C64F2;
border-radius: 9999px;
border: 0;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
cursor: pointer;
}
input[type="range"]:disabled::-webkit-slider-thumb{
background: #9CA3AF;
}
.dark input[type="range"]:disabled::-webkit-slider-thumb{
background: #6B7280;
}
input[type="range"]:focus::-webkit-slider-thumb{
outline: 2px solid transparent;
outline-offset: 2px;
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
--tw-ring-opacity: 1px;
--tw-ring-color: rgb(164 202 254 / var(--tw-ring-opacity));
}
input[type="range"]::-moz-range-thumb{
height: 1.25rem;
width: 1.25rem;
background: #1C64F2;
border-radius: 9999px;
border: 0;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
cursor: pointer;
}
input[type="range"]:disabled::-moz-range-thumb{
background: #9CA3AF;
}
.dark input[type="range"]:disabled::-moz-range-thumb{
background: #6B7280;
}
input[type="range"]::-moz-range-progress{
background: #3F83F8;
}
input[type="range"]::-ms-fill-lower{
background: #3F83F8;
}
.toggle-bg:after{
content: "";
position: absolute;
top: 0.125rem;
left: 0.125rem;
background: white;
border-color: #D1D5DB;
border-width: 1px;
border-radius: 9999px;
height: 1.25rem;
width: 1.25rem;
transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
transition-duration: .15s;
box-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
}
input:checked + .toggle-bg:after{
transform: translateX(100%);;
border-color: white;
}
input:checked + .toggle-bg{
background: #1C64F2;
border-color: #1C64F2;
}
:root {
--background: #6993cb;
--foreground: #FFFFFF;
--card: #5886c5;
--card-foreground: ;
--popover: #6993cb;
--popover-foreground: #FFFFFF;
--primary: #6993cb;
--primary-foreground: #FFFFFF
--secondary: #5886c5;
--secondary-foreground: #FFFFFF;
--muted: #b5b5b5;
--muted-foreground: #555555;
--accent: #22244a;
--accent-foreground: #ffffff;
--border: #d1dbdb;
--input: #494b67;
--ring: 43 93.4% 41.4%;
--radius: 0.5rem;
--danger: 343 88% 16%;
--danger-foreground: 350 68% 50%;
--success: 145 80% 10%;
--success-foreground: 144 78% 31%;
--info: 197 79% 15%;
--info-foreground: 195 58% 50%;
--warning: 26 83% 14%;
--custom: #f68e59;
--custom-foreground: #FFFFFF;
--warning-foreground: 40 79% 43%;
--site-font: "Figtree";
--overlay: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
--swiper-theme-color: var(--primary);
--swiper-pagination-bullet-width: 30px;
--swiper-pagination-bullet-height: 5px;
--swiper-pagination-bullet-border-radius: 0;
}
.dark {
--background: 43 50% 10%;
--foreground: 43 5% 90%;
--card: 43 20% 41%;
--card-foreground: 43 5% 90%;
--popover: 43 50% 5%;
--popover-foreground: 43 5% 90%;
--primary: 43 93.4% 41.4%;
--primary-foreground: 0 0% 100%;
--secondary: 43 30% 20%;
--secondary-foreground: 0 0% 100%;
--muted: 0 0% 65%;
--muted-foreground: 43 5% 90%;
--accent: 5 30% 25%;
--accent-foreground: 43 5% 90%;
--border: 43 30% 30%;
--input: 43 30% 21%;
--ring: 43 93.4% 41.4%;
}
*{
--tw-border-opacity: 1;
border-color: rgb(209 219 219 / var(--tw-border-opacity));
}
html{
scroll-behavior: smooth;
}
body{
--tw-bg-opacity: 1;
background-color: rgb(240 244 248 / var(--tw-bg-opacity));
font-family: Figtree, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--tw-text-opacity: 1;
color: rgb(85 85 85 / var(--tw-text-opacity));
font-synthesis-weight: none;
text-rendering: optimizeLegibility;
}
[type=email],
[type=tel],
[type=date],
[type=time] {
background: transparent;
border-color: unset;
border-width: 0;
border-radius: unset;
padding-top: unset;
padding-right: unset;
padding-bottom: unset;
padding-left: unset;
font-size: unset;
line-height: unset;
}
.form-group .form-control,
.form-control.select2-container .select2-choices {
background: white !important;
color: rgb(17 24 39/1) !important;
}
.section {
position: relative;
}
.section:nth-child(even){
background-color: #ffffff;
--tw-bg-opacity: 0.05;
}
.dark .section:nth-child(even) {
background: #ffffff;
}
.section:nth-child(odd){
background-color: #ffffff;
--tw-bg-opacity: 0.05;
}
.dark .section:nth-child(odd) {
background: #ffffff;
}
*, ::before, ::after{
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(63 131 248 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
--tw-contain-size: ;
--tw-contain-layout: ;
--tw-contain-paint: ;
--tw-contain-style: ;
}
::backdrop{
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(63 131 248 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
--tw-contain-size: ;
--tw-contain-layout: ;
--tw-contain-paint: ;
--tw-contain-style: ;
}
.container{
width: 100%;
margin-right: auto;
margin-left: auto;
padding-right: 2rem;
padding-left: 2rem;
}
@media (min-width: 1400px){
.container{
max-width: 1400px;
}
}
.roya-typography{
color: var(--tw-prose-body);
max-width: 65ch;
}
.roya-typography :where(p):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 1.25em;
margin-bottom: 1.25em;
}
.roya-typography :where([class~="lead"]):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
color: var(--tw-prose-lead);
font-size: 1.25em;
line-height: 1.6;
margin-top: 1.2em;
margin-bottom: 1.2em;
}
.roya-typography :where(a):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
color: var(--tw-prose-links);
text-decoration: none;
font-weight: 500;
}
.roya-typography :where(strong):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
color: var(--tw-prose-bold);
font-weight: 600;
}
.roya-typography :where(a strong):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
color: inherit;
}
.roya-typography :where(blockquote strong):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
color: inherit;
}
.roya-typography :where(thead th strong):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
color: inherit;
}
.roya-typography :where(ol):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
list-style-type: decimal;
margin-top: 1.25em;
margin-bottom: 1.25em;
padding-inline-start: 1.625em;
}
.roya-typography :where(ol[type="A"]):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
list-style-type: upper-alpha;
}
.roya-typography :where(ol[type="a"]):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
list-style-type: lower-alpha;
}
.roya-typography :where(ol[type="A" s]):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
list-style-type: upper-alpha;
}
.roya-typography :where(ol[type="a" s]):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
list-style-type: lower-alpha;
}
.roya-typography :where(ol[type="I"]):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
list-style-type: upper-roman;
}
.roya-typography :where(ol[type="i"]):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
list-style-type: lower-roman;
}
.roya-typography :where(ol[type="I" s]):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
list-style-type: upper-roman;
}
.roya-typography :where(ol[type="i" s]):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
list-style-type: lower-roman;
}
.roya-typography :where(ol[type="1"]):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
list-style-type: decimal;
}
.roya-typography :where(ul):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
list-style-type: disc;
margin-top: 1.25em;
margin-bottom: 1.25em;
padding-inline-start: 1.625em;
}
.roya-typography :where(ol > li):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *))::marker{
font-weight: 400;
color: var(--tw-prose-counters);
}
.roya-typography :where(ul > li):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *))::marker{
color: var(--tw-prose-bullets);
}
.roya-typography :where(dt):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
color: var(--tw-prose-headings);
font-weight: 600;
margin-top: 1.25em;
}
.roya-typography :where(hr):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
border-color: var(--tw-prose-hr);
border-top-width: 1px;
margin-top: 3em;
margin-bottom: 3em;
}
.roya-typography :where(blockquote):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
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;
}
.roya-typography :where(blockquote p:first-of-type):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *))::before{
content: open-quote;
}
.roya-typography :where(blockquote p:last-of-type):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *))::after{
content: close-quote;
}
.roya-typography :where(h1):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
color: var(--foreground);
font-weight: 800;
font-size: 1.5625em;
margin-top: 0;
margin-bottom: 0.8em;
line-height: 1.2;
}
.roya-typography :where(h1 strong):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
font-weight: 900;
color: inherit;
}
.roya-typography :where(h2):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
color: var(--tw-prose-headings);
font-weight: 700;
font-size: 1.5625em;
margin-top: 1.6em;
margin-bottom: 0.8em;
line-height: 1.4;
}
.roya-typography :where(h2 strong):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
font-weight: 800;
color: inherit;
}
.roya-typography :where(h3):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
color: var(--tw-prose-headings);
font-weight: 600;
font-size: 2.5714286em;
margin-top: 1.5555556em;
margin-bottom: 0.4444444em;
line-height: 1.5555556;
}
.roya-typography :where(h3 strong):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
font-weight: 700;
color: inherit;
}
.roya-typography :where(h4):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
color: var(--tw-prose-headings);
font-weight: 600;
margin-top: 1.5em;
margin-bottom: 0.5em;
line-height: 1.5;
}
.roya-typography :where(h4 strong):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
font-weight: 700;
color: inherit;
}
.roya-typography :where(img):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 0;
margin-bottom: 0;
}
.roya-typography :where(picture):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
display: block;
margin-top: 2em;
margin-bottom: 2em;
}
.roya-typography :where(video):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 2em;
margin-bottom: 2em;
}
.roya-typography :where(kbd):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
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;
}
.roya-typography :where(code):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
color: var(--tw-prose-code);
font-weight: 600;
font-size: 0.875em;
}
.roya-typography :where(code):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *))::before{
content: "`";
}
.roya-typography :where(code):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *))::after{
content: "`";
}
.roya-typography :where(a code):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
color: inherit;
}
.roya-typography :where(h1 code):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
color: inherit;
}
.roya-typography :where(h2 code):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
color: inherit;
font-size: 0.875em;
}
.roya-typography :where(h3 code):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
color: inherit;
font-size: 0.9em;
}
.roya-typography :where(h4 code):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
color: inherit;
}
.roya-typography :where(blockquote code):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
color: inherit;
}
.roya-typography :where(thead th code):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
color: inherit;
}
.roya-typography :where(pre):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
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;
}
.roya-typography :where(pre code):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
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;
}
.roya-typography :where(pre code):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *))::before{
content: none;
}
.roya-typography :where(pre code):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *))::after{
content: none;
}
.roya-typography :where(table):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
width: 100%;
table-layout: auto;
text-align: start;
margin-top: 2em;
margin-bottom: 2em;
font-size: 0.875em;
line-height: 1.7142857;
}
.roya-typography :where(thead):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
border-bottom-width: 1px;
border-bottom-color: var(--tw-prose-th-borders);
}
.roya-typography :where(thead th):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
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;
}
.roya-typography :where(tbody tr):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
border-bottom-width: 1px;
border-bottom-color: var(--tw-prose-td-borders);
}
.roya-typography :where(tbody tr:last-child):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
border-bottom-width: 0;
}
.roya-typography :where(tbody td):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
vertical-align: baseline;
}
.roya-typography :where(tfoot):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
border-top-width: 1px;
border-top-color: var(--tw-prose-th-borders);
}
.roya-typography :where(tfoot td):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
vertical-align: top;
}
.roya-typography :where(figure > *):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 0;
margin-bottom: 0;
}
.roya-typography :where(figcaption):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
color: var(--tw-prose-captions);
font-size: 0.875em;
line-height: 1.4285714;
margin-top: 0.8571429em;
}
.roya-typography{
--tw-prose-body: hsl(var(--foreground));
--tw-prose-headings: #2a2d5d;
--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;
}
.roya-typography :where(picture > img):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 0;
margin-bottom: 0;
}
.roya-typography :where(li):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 0.5em;
margin-bottom: 0.5em;
}
.roya-typography :where(ol > li):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
padding-inline-start: 0.375em;
}
.roya-typography :where(ul > li):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
padding-inline-start: 0.375em;
}
.roya-typography :where(.roya-typography > ul > li p):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 0.75em;
margin-bottom: 0.75em;
}
.roya-typography :where(.roya-typography > ul > li > p:first-child):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 1.25em;
}
.roya-typography :where(.roya-typography > ul > li > p:last-child):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-bottom: 1.25em;
}
.roya-typography :where(.roya-typography > ol > li > p:first-child):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 1.25em;
}
.roya-typography :where(.roya-typography > ol > li > p:last-child):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-bottom: 1.25em;
}
.roya-typography :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 0.75em;
margin-bottom: 0.75em;
}
.roya-typography :where(dl):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 1.25em;
margin-bottom: 1.25em;
}
.roya-typography :where(dd):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 0.5em;
padding-inline-start: 1.625em;
}
.roya-typography :where(hr + *):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 0;
}
.roya-typography :where(h2 + *):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 0;
}
.roya-typography :where(h3 + *):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 0;
}
.roya-typography :where(h4 + *):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 0;
}
.roya-typography :where(thead th:first-child):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
padding-inline-start: 0;
}
.roya-typography :where(thead th:last-child):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
padding-inline-end: 0;
}
.roya-typography :where(tbody td, tfoot td):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
padding-top: 0.5714286em;
padding-inline-end: 0.5714286em;
padding-bottom: 0.5714286em;
padding-inline-start: 0.5714286em;
}
.roya-typography :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
padding-inline-start: 0;
}
.roya-typography :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
padding-inline-end: 0;
}
.roya-typography :where(figure):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 2em;
margin-bottom: 2em;
}
.roya-typography :where(.roya-typography > :first-child):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 0;
}
.roya-typography :where(.roya-typography > :last-child):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
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;
}
.invisible{
visibility: hidden;
}
.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;
}
.inset-y-0{
top: 0px;
bottom: 0px;
}
.-bottom-16{
bottom: -4rem;
}
.-bottom-96{
bottom: -24rem;
}
.-left-60{
left: -15rem;
}
.-right-60{
right: -15rem;
}
.-start-\[101\%\]{
inset-inline-start: -101%;
}
.-top-10{
top: -2.5rem;
}
.-top-2{
top: -0.5rem;
}
.-top-40{
top: -10rem;
}
.bottom-0{
bottom: 0px;
}
.bottom-10{
bottom: 2.5rem;
}
.bottom-14{
bottom: 3.5rem;
}
.bottom-2{
bottom: 0.5rem;
}
.bottom-2\.5{
bottom: 0.625rem;
}
.bottom-4{
bottom: 1rem;
}
.bottom-6{
bottom: 1.5rem;
}
.bottom-\[60px\]{
bottom: 60px;
}
.end-0{
inset-inline-end: 0px;
}
.end-2{
inset-inline-end: 0.5rem;
}
.end-2\.5{
inset-inline-end: 0.625rem;
}
.end-5{
inset-inline-end: 1.25rem;
}
.end-\[1\.25rem\]{
inset-inline-end: 1.25rem;
}
.end-full{
inset-inline-end: 100%;
}
.left-0{
left: 0px;
}
.left-1\/2{
left: 50%;
}
.left-24{
left: 6rem;
}
.left-full{
left: 100%;
}
.right-0{
right: 0px;
}
.right-10{
right: 2.5rem;
}
.start-0{
inset-inline-start: 0px;
}
.start-1\/2{
inset-inline-start: 50%;
}
.start-\[101\%\]{
inset-inline-start: 101%;
}
.start-auto{
inset-inline-start: auto;
}
.start-full{
inset-inline-start: 100%;
}
.top-0{
top: 0px;
}
.top-1\/2{
top: 50%;
}
.top-3{
top: 0.75rem;
}
.top-32{
top: 8rem;
}
.top-4{
top: 1rem;
}
.top-40{
top: 10rem;
}
.top-8{
top: 2rem;
}
.top-\[15px\]{
top: 15px;
}
.top-\[34px\]{
top: 34px;
}
.top-\[59px\]{
top: 59px;
}
.top-\[6px\]{
top: 6px;
}
.top-\[74px\]{
top: 74px;
}
.top-auto{
top: auto;
}
.top-full{
top: 100%;
}
.-z-1{
z-index: -1;
}
.-z-\[1\]{
z-index: -1;
}
.z-0{
z-index: 0;
}
.z-1{
z-index: 1;
}
.z-10{
z-index: 10;
}
.z-2{
z-index: 2;
}
.z-20{
z-index: 20;
}
.z-3{
z-index: 3;
}
.z-30{
z-index: 30;
}
.z-40{
z-index: 40;
}
.z-50{
z-index: 50;
}
.z-999{
z-index: 999;
}
.z-9999{
z-index: 9999;
}
.z-\[1000\]{
z-index: 1000;
}
.z-\[1\]{
z-index: 1;
}
.z-\[2\]{
z-index: 2;
}
.z-\[3\]{
z-index: 3;
}
.z-\[99\]{
z-index: 99;
}
.col-span-12{
grid-column: span 12 / span 12;
}
.col-span-full{
grid-column: 1 / -1;
}
.float-none{
float: none;
}
.clear-both{
clear: both;
}
.-m-12{
margin: -3rem;
}
.m-0{
margin: 0px;
}
.m-auto{
margin: auto;
}
.mx-2{
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.mx-\[10px\]{
margin-left: 10px;
margin-right: 10px;
}
.mx-auto{
margin-left: auto;
margin-right: auto;
}
.my-0{
margin-top: 0px;
margin-bottom: 0px;
}
.my-10{
margin-top: 2.5rem;
margin-bottom: 2.5rem;
}
.my-2{
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
.my-4{
margin-top: 1rem;
margin-bottom: 1rem;
}
.my-6{
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
.\!mb-0{
margin-bottom: 0px !important;
}
.\!mt-0{
margin-top: 0px !important;
}
.\!mt-8{
margin-top: 2rem !important;
}
.-mb-px{
margin-bottom: -1px;
}
.-mt-14{
margin-top: -3.5rem;
}
.-mt-px{
margin-top: -1px;
}
.mb-1{
margin-bottom: 0.25rem;
}
.mb-10{
margin-bottom: 2.5rem;
}
.mb-2{
margin-bottom: 0.5rem;
}
.mb-3{
margin-bottom: 0.75rem;
}
.mb-4{
margin-bottom: 1rem;
}
.mb-6{
margin-bottom: 1.5rem;
}
.mb-\[26px\]{
margin-bottom: 26px;
}
.mb-\[5px\]{
margin-bottom: 5px;
}
.me-0{
margin-inline-end: 0px;
}
.me-10{
margin-inline-end: 2.5rem;
}
.me-2{
margin-inline-end: 0.5rem;
}
.me-3{
margin-inline-end: 0.75rem;
}
.me-4{
margin-inline-end: 1rem;
}
.me-6{
margin-inline-end: 1.5rem;
}
.me-\[10px\]{
margin-inline-end: 10px;
}
.me-\[15px\]{
margin-inline-end: 15px;
}
.ml-2{
margin-left: 0.5rem;
}
.ml-auto{
margin-left: auto;
}
.mr-2{
margin-right: 0.5rem;
}
.ms-0{
margin-inline-start: 0px;
}
.ms-10{
margin-inline-start: 2.5rem;
}
.ms-2{
margin-inline-start: 0.5rem;
}
.ms-4{
margin-inline-start: 1rem;
}
.ms-\[10px\]{
margin-inline-start: 10px;
}
.ms-\[15px\]{
margin-inline-start: 15px;
}
.ms-auto{
margin-inline-start: auto;
}
.mt-0{
margin-top: 0px;
}
.mt-0\.5{
margin-top: 0.125rem;
}
.mt-1{
margin-top: 0.25rem;
}
.mt-10{
margin-top: 2.5rem;
}
.mt-2{
margin-top: 0.5rem;
}
.mt-20{
margin-top: 5rem;
}
.mt-3{
margin-top: 0.75rem;
}
.mt-32{
margin-top: 8rem;
}
.mt-4{
margin-top: 1rem;
}
.mt-6{
margin-top: 1.5rem;
}
.mt-\[10px\]{
margin-top: 10px;
}
.mt-\[30px\]{
margin-top: 30px;
}
.mt-auto{
margin-top: auto;
}
.mr-auto{
margin-right: auto;
}
.line-clamp-2{
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.line-clamp-3{
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
.line-clamp-4{
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
}
.line-clamp-6{
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 6;
}
.line-clamp-10{
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 10;
}
.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;
}
.hidden{
display: none;
}
.aspect-square{
aspect-ratio: 1 / 1;
}
.aspect-video{
aspect-ratio: 16 / 9;
}
.size-14{
width: 3.5rem;
height: 3.5rem;
}
.size-3{
width: 0.75rem;
height: 0.75rem;
}
.size-8{
width: 2rem;
height: 2rem;
}
.h-0{
height: 0px;
}
.h-0\.5{
height: 0.125rem;
}
.h-10{
height: 2.5rem;
}
.h-11{
height: 2.75rem;
}
.h-12{
height: 3rem;
}
.h-14{
height: 3.5rem;
}
.h-3{
height: 0.75rem;
}
.h-3\.5{
height: 0.875rem;
}
.h-36{
height: 9rem;
}
.h-4{
height: 1rem;
}
.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-\[18px\]{
height: 18px;
}
.h-\[2px\]{
height: 2px;
}
.h-\[500px\]{
height: 500px;
}
.h-\[700px\]{
height: 700px;
}
.h-\[900px\]{
height: 900px;
}
.h-\[calc\(100\%-1rem\)\]{
height: calc(100% - 1rem);
}
.h-auto{
height: auto;
}
.h-full{
height: 100%;
}
.max-h-0{
max-height: 0px;
}
.max-h-52{
max-height: 13rem;
}
.max-h-\[400px\]{
max-height: 400px;
}
.max-h-\[45rem\]{
max-height: 45rem;
}
.max-h-\[50px\]{
max-height: 50px;
}
.max-h-\[60px\]{
max-height: 60px;
}
.max-h-full{
max-height: 100%;
}
.min-h-10{
min-height: 2.5rem;
}
.min-h-96{
min-height: 24rem;
}
.min-h-\[62px\]{
min-height: 62px;
}
.min-h-\[74px\]{
min-height: 74px;
}
.min-h-screen{
min-height: 100vh;
}
.w-0{
width: 0px;
}
.w-1\/2{
width: 50%;
}
.w-1\/3{
width: 33.333333%;
}
.w-1\/5{
width: 20%;
}
.w-10{
width: 2.5rem;
}
.w-12{
width: 3rem;
}
.w-14{
width: 3.5rem;
}
.w-2\/3{
width: 66.666667%;
}
.w-2\/6{
width: 33.333333%;
}
.w-24{
width: 6rem;
}
.w-3{
width: 0.75rem;
}
.w-3\.5{
width: 0.875rem;
}
.w-36{
width: 9rem;
}
.w-4{
width: 1rem;
}
.w-4\/6{
width: 66.666667%;
}
.w-40{
width: 10rem;
}
.w-48{
width: 12rem;
}
.w-52{
width: 13rem;
}
.w-56{
width: 14rem;
}
.w-6{
width: 1.5rem;
}
.w-60{
width: 15rem;
}
.w-64{
width: 16rem;
}
.w-8{
width: 2rem;
}
.w-80{
width: 20rem;
}
.w-9{
width: 2.25rem;
}
.w-\[1120px\]{
width: 1120px;
}
.w-\[250px\]{
width: 250px;
}
.w-\[25px\]{
width: 25px;
}
.w-\[35\%\]{
width: 35%;
}
.w-\[700px\]{
width: 700px;
}
.w-\[900px\]{
width: 900px;
}
.w-\[936px\]{
width: 936px;
}
.w-\[calc\(100\%-2rem\)\]{
width: calc(100% - 2rem);
}
.w-auto{
width: auto;
}
.w-full{
width: 100%;
}
.min-w-0{
min-width: 0px;
}
.min-w-10{
min-width: 2.5rem;
}
.min-w-40{
min-width: 10rem;
}
.min-w-44{
min-width: 11rem;
}
.min-w-\[180px\]{
min-width: 180px;
}
.min-w-fit{
min-width: -moz-fit-content;
min-width: fit-content;
}
.max-w-2xl{
max-width: 42rem;
}
.max-w-44{
max-width: 11rem;
}
.max-w-4xl{
max-width: 56rem;
}
.max-w-64{
max-width: 16rem;
}
.max-w-72{
max-width: 18rem;
}
.max-w-7xl{
max-width: 80rem;
}
.max-w-\[100px\]{
max-width: 100px;
}
.max-w-\[500px\]{
max-width: 500px;
}
.max-w-\[620px\]{
max-width: 620px;
}
.max-w-\[70\%\]{
max-width: 70%;
}
.max-w-\[90\%\]{
max-width: 90%;
}
.max-w-lg{
max-width: 32rem;
}
.max-w-md{
max-width: 28rem;
}
.max-w-none{
max-width: none;
}
.max-w-screen-lg{
max-width: 1024px;
}
.max-w-screen-xl{
max-width: 1280px;
}
.max-w-sm{
max-width: 24rem;
}
.flex-1{
flex: 1 1 0%;
}
.flex-initial{
flex: 0 1 auto;
}
.flex-none{
flex: none;
}
.flex-shrink{
flex-shrink: 1;
}
.flex-shrink-0{
flex-shrink: 0;
}
.shrink-0{
flex-shrink: 0;
}
.flex-grow{
flex-grow: 1;
}
.basis-1\/4{
flex-basis: 25%;
}
.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-full{
--tw-translate-x: -100%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-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-96{
--tw-translate-y: -24rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-full{
--tw-translate-y: -100%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-0{
--tw-translate-x: 0px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-full{
--tw-translate-x: 100%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-0{
--tw-translate-y: 0px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-full{
--tw-translate-y: 100%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-rotate-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-\[45deg\]{
--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));
}
.rotate-\[225deg\]{
--tw-rotate: 225deg;
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-\[45deg\]{
--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));
}
.transform-none{
transform: none;
}
.cursor-default{
cursor: default;
}
.cursor-not-allowed{
cursor: not-allowed;
}
.cursor-pointer{
cursor: pointer;
}
.resize{
resize: both;
}
.list-decimal{
list-style-type: decimal;
}
.list-none{
list-style-type: none;
}
.grid-flow-col{
grid-auto-flow: column;
}
.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-7{
grid-template-columns: repeat(7, minmax(0, 1fr));
}
.flex-col{
flex-direction: column;
}
.flex-col-reverse{
flex-direction: column-reverse;
}
.flex-wrap{
flex-wrap: wrap;
}
.flex-nowrap{
flex-wrap: nowrap;
}
.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;
}
.gap-0{
gap: 0px;
}
.gap-1{
gap: 0.25rem;
}
.gap-10{
gap: 2.5rem;
}
.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;
}
.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-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)));
}
.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-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));
}
.self-center{
align-self: center;
}
.justify-self-start{
justify-self: start;
}
.overflow-auto{
overflow: auto;
}
.overflow-hidden{
overflow: hidden;
}
.overflow-x-auto{
overflow-x: auto;
}
.overflow-y-auto{
overflow-y: auto;
}
.overflow-x-hidden{
overflow-x: hidden;
}
.scroll-smooth{
scroll-behavior: smooth;
}
.whitespace-nowrap{
white-space: nowrap;
}
.text-balance{
text-wrap: balance;
}
.rounded{
border-radius: 0.25rem;
}
.rounded-3xl{
border-radius: 1.5rem;
}
.rounded-\[0\.5px\]{
border-radius: 0.5px;
}
.rounded-\[30px\]{
border-radius: 30px;
}
.rounded-\[3rem\]{
border-radius: 3rem;
}
.rounded-full{
border-radius: 9999px;
}
.rounded-lg{
border-radius: var(--radius);
}
.rounded-md{
border-radius: calc(var(--radius) - 2px);
}
.rounded-sm{
border-radius: calc(var(--radius) - 4px);
}
.rounded-xl{
border-radius: calc(var(--radius) + 4px);
}
.rounded-b{
border-bottom-right-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
}
.rounded-b-lg{
border-bottom-right-radius: var(--radius);
border-bottom-left-radius: var(--radius);
}
.rounded-e-lg{
border-start-end-radius: var(--radius);
border-end-end-radius: var(--radius);
}
.rounded-l-lg{
border-top-left-radius: var(--radius);
border-bottom-left-radius: var(--radius);
}
.rounded-r-lg{
border-top-right-radius: var(--radius);
border-bottom-right-radius: var(--radius);
}
.rounded-s-lg{
border-start-start-radius: var(--radius);
border-end-start-radius: var(--radius);
}
.rounded-t{
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem;
}
.rounded-t-lg{
border-top-left-radius: var(--radius);
border-top-right-radius: var(--radius);
}
.rounded-bl-\[2px\]{
border-bottom-left-radius: 2px;
}
.rounded-br-\[2px\]{
border-bottom-right-radius: 2px;
}
.rounded-br-\[8rem\]{
border-bottom-right-radius: 8rem;
}
.rounded-tl-none{
border-top-left-radius: 0px;
}
.rounded-tr-none{
border-top-right-radius: 0px;
}
.\!border-2{
border-width: 2px !important;
}
.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-x-8{
border-left-width: 8px;
border-right-width: 8px;
}
.border-b{
border-bottom-width: 1px;
}
.border-b-2{
border-bottom-width: 2px;
}
.border-b-8{
border-bottom-width: 8px;
}
.border-t{
border-top-width: 1px;
}
.border-none{
border-style: none;
}
.\!border-white{
--tw-border-opacity: 1 !important;
border-color: rgb(255 255 255 / var(--tw-border-opacity)) !important;
}
.border-black{
--tw-border-opacity: 1;
border-color: rgb(0 0 0 / var(--tw-border-opacity));
}
.border-blue-600{
--tw-border-opacity: 1;
border-color: rgb(28 100 242 / var(--tw-border-opacity));
}
.border-blue-700{
--tw-border-opacity: 1;
border-color: rgb(26 86 219 / var(--tw-border-opacity));
}
.border-border{
--tw-border-opacity: 1;
border-color: rgb(209 219 219 / var(--tw-border-opacity));
}
.border-border\/40{
border-color: rgb(209 219 219 / 0.4);
}
.border-danger-foreground{
--tw-border-opacity: 1;
border-color: rgb(153 27 27 / var(--tw-border-opacity));
}
.border-foreground{
--tw-border-opacity: 1;
border-color: rgb(85 85 85 / var(--tw-border-opacity));
}
.border-gray-100{
--tw-border-opacity: 1;
border-color: rgb(243 244 246 / var(--tw-border-opacity));
}
.border-gray-200{
--tw-border-opacity: 1;
border-color: rgb(229 231 235 / var(--tw-border-opacity));
}
.border-gray-300{
--tw-border-opacity: 1;
border-color: rgb(209 213 219 / var(--tw-border-opacity));
}
.border-gray-500{
--tw-border-opacity: 1;
border-color: rgb(107 114 128 / var(--tw-border-opacity));
}
.border-indigo-600{
--tw-border-opacity: 1;
border-color: rgb(88 80 236 / var(--tw-border-opacity));
}
.border-secondary{
--tw-border-opacity: 1;
border-color: #5886c5;
}
.border-success-foreground{
--tw-border-opacity: 1;
border-color: rgb(23 128 61 / 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-x-transparent{
border-left-color: transparent;
border-right-color: transparent;
}
.border-l-border{
--tw-border-opacity: 1;
border-left-color: rgb(209 219 219 / var(--tw-border-opacity));
}
.\!bg-white{
--tw-bg-opacity: 1 !important;
background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
}
.bg-accent{
--tw-bg-opacity: 1;
background-color: rgb(34 36 74 / var(--tw-bg-opacity));
}
.bg-accent-foreground{
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-background{
--tw-bg-opacity: 1;
background-color: rgb(240 244 248 / var(--tw-bg-opacity));
}
.bg-background\/95{
background-color: rgb(240 244 248 / 0.95);
}
.bg-black{
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.bg-black\/5{
background-color: rgb(0 0 0 / 0.05);
}
.bg-blue-700{
--tw-bg-opacity: 1;
background-color: rgb(26 86 219 / var(--tw-bg-opacity));
}
.bg-border{
--tw-bg-opacity: 1;
background-color: rgb(209 219 219 / var(--tw-bg-opacity));
}
.bg-card{
--tw-bg-opacity: 1;
background-color: rgb(50 125 198 / var(--tw-bg-opacity));
}
.bg-card-foreground{
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-custom{
--tw-bg-opacity: 1;
background-color: #f68e59;
}
.bg-custom-foreground{
--tw-bg-opacity: 1;
background-color: #FFFFFF;
}
.bg-danger{
--tw-bg-opacity: 1;
background-color: rgb(254 242 242 / var(--tw-bg-opacity));
}
.bg-foreground{
--tw-bg-opacity: 1;
background-color: rgb(85 85 85 / var(--tw-bg-opacity));
}
.bg-foreground\/40{
background-color: rgb(85 85 85 / 0.4);
}
.bg-gray-100{
--tw-bg-opacity: 1;
background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.bg-gray-200{
--tw-bg-opacity: 1;
background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.bg-gray-50{
--tw-bg-opacity: 1;
background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}
.bg-gray-800{
--tw-bg-opacity: 1;
background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}
.bg-gray-900\/50{
background-color: rgb(17 24 39 / 0.5);
}
.bg-input{
--tw-bg-opacity: 1;
background-color: rgb(73 75 103 / var(--tw-bg-opacity));
}
.bg-muted{
--tw-bg-opacity: 1;
background-color: rgb(181 181 181 / var(--tw-bg-opacity));
}
.bg-muted-foreground{
--tw-bg-opacity: 1;
background-color: rgb(85 85 85 / var(--tw-bg-opacity));
}
.bg-popover{
--tw-bg-opacity: 1;
background-color: rgb(42 45 93 / var(--tw-bg-opacity));
}
.bg-popover-foreground{
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-primary{
background-color: #6993cb;
}
.bg-primary-foreground{
background-color: #FFFFFF;
}
.bg-secondary{
background-color: #5886c5;
}
.bg-secondary-foreground{
background-color: #FFFFFF;
}
.bg-secondary\/10{
background-color: rgb(50 125 198 / 0.1);
}
.bg-secondary\/15{
background-color: rgb(50 125 198 / 0.15);
}
.bg-secondary\/5{
background-color: rgb(50 125 198 / 0.05);
}
.bg-success{
--tw-bg-opacity: 1;
background-color: rgb(239 253 244 / 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\/50{
background-color: rgb(255 255 255 / 0.5);
}
.bg-opacity-10{
--tw-bg-opacity: 0.1;
}
.bg-opacity-80{
--tw-bg-opacity: 0.8;
}
.bg-\[linear-gradient\(_113deg\2c _hsl\(var\(--primary\)\)_50\%\2c _hsl\(var\(--secondary\)\)_50\%_\)\]{
background-image: linear-gradient( 113deg, hsl(var(--primary)) 50%, hsl(var(--secondary)) 50% );
}
.bg-gradient-to-l{
background-image: linear-gradient(to left, var(--tw-gradient-stops));
}
.bg-none{
background-image: none;
}
.from-primary{
--tw-gradient-from: #2a2d5d var(--tw-gradient-from-position);
--tw-gradient-to: rgb(42 45 93 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.to-secondary{
--tw-gradient-to: #327DC6 var(--tw-gradient-to-position);
}
.fill-primary{
fill: #2a2d5d;
}
.fill-secondary-foreground{
fill: #FFF;
}
.fill-white{
fill: #ffffff;
}
.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-left{
-o-object-position: left;
object-position: left;
}
.object-top{
-o-object-position: top;
object-position: top;
}
.p-0{
padding: 0px;
}
.p-1{
padding: 0.25rem;
}
.p-10{
padding: 2.5rem;
}
.p-2{
padding: 0.5rem;
}
.p-2\.5{
padding: 0.625rem;
}
.p-4{
padding: 1rem;
}
.p-5{
padding: 1.25rem;
}
.p-6{
padding: 1.5rem;
}
.p-8{
padding: 2rem;
}
.p-\[2px\]{
padding: 2px;
}
.px-0{
padding-left: 0px;
padding-right: 0px;
}
.px-2{
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.px-2\.5{
padding-left: 0.625rem;
padding-right: 0.625rem;
}
.px-20{
padding-left: 5rem;
padding-right: 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-\[14px\]{
padding-left: 14px;
padding-right: 14px;
}
.px-\[15px\]{
padding-left: 15px;
padding-right: 15px;
}
.px-\[20px\]{
padding-left: 20px;
padding-right: 20px;
}
.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-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-5{
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
.py-8{
padding-top: 2rem;
padding-bottom: 2rem;
}
.py-\[10px\]{
padding-top: 10px;
padding-bottom: 10px;
}
.py-\[13px\]{
padding-top: 13px;
padding-bottom: 13px;
}
.py-\[15px\]{
padding-top: 15px;
padding-bottom: 15px;
}
.py-\[25px\]{
padding-top: 25px;
padding-bottom: 25px;
}
.py-\[7px\]{
padding-top: 7px;
padding-bottom: 7px;
}
.pb-0{
padding-bottom: 0px;
}
.pb-10{
padding-bottom: 2.5rem;
}
.pb-20{
padding-bottom: 5rem;
}
.pb-24{
padding-bottom: 6rem;
}
.pb-4{
padding-bottom: 1rem;
}
.pe-0{
padding-inline-end: 0px;
}
.pe-\[15px\]{
padding-inline-end: 15px;
}
.pe-\[42px\]{
padding-inline-end: 42px;
}
.pl-0{
padding-left: 0px;
}
.pl-10{
padding-left: 2.5rem;
}
.pl-14{
padding-left: 3.5rem;
}
.pl-6{
padding-left: 1.5rem;
}
.pr-14{
padding-right: 3.5rem;
}
.ps-0{
padding-inline-start: 0px;
}
.ps-10{
padding-inline-start: 2.5rem;
}
.ps-3{
padding-inline-start: 0.75rem;
}
.ps-6{
padding-inline-start: 1.5rem;
}
.ps-\[15px\]{
padding-inline-start: 15px;
}
.pt-0{
padding-top: 0px;
}
.pt-10{
padding-top: 2.5rem;
}
.pt-2{
padding-top: 0.5rem;
}
.pt-20{
padding-top: 5rem;
}
.pt-4{
padding-top: 1rem;
}
.pt-6{
padding-top: 1.5rem;
}
.text-left{
text-align: left;
}
.text-center{
text-align: center;
}
.text-right{
text-align: right;
}
.align-middle{
vertical-align: middle;
}
.font-sans{
font-family: Figtree, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.\!text-2xl{
font-size: 1.5rem !important;
line-height: 2rem !important;
}
.\!text-base{
font-size: 1rem !important;
line-height: 1.5rem !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-\[13px\]{
font-size: 13px;
}
.text-\[24px\]{
font-size: 24px;
}
.text-\[85\%\]{
font-size: 85%;
}
.text-base{
font-size: 1.05rem;
line-height: 1.5rem;
}
.text-lg{
font-size: 1.125rem;
line-height: 1.75rem;
}
.text-sm{
font-size: 0.875rem;
line-height: 1.25rem;
}
.text-xl{
font-size: 1.25rem;
line-height: 1.75rem;
}
.text-xs{
font-size: 0.75rem;
line-height: 1rem;
}
.font-bold{
font-weight: 700;
}
.font-extrabold{
font-weight: 800;
}
.font-light{
font-weight: 300;
}
.font-medium{
font-weight: 500;
}
.font-normal{
font-weight: 400;
}
.font-semibold{
font-weight: 600;
}
.font-thin{
font-weight: 100;
}
.uppercase{
text-transform: uppercase;
}
.capitalize{
text-transform: capitalize;
}
.leading-6{
line-height: 1.5rem;
}
.leading-7{
line-height: 1.75rem;
}
.leading-9{
line-height: 2.25rem;
}
.leading-\[17px\]{
line-height: 17px;
}
.leading-\[62px\]{
line-height: 62px;
}
.leading-\[68px\]{
line-height: 68px;
}
.leading-\[70px\]{
line-height: 70px;
}
.leading-\[74px\]{
line-height: 74px;
}
.leading-\[initial\]{
line-height: initial;
}
.leading-none{
line-height: 1;
}
.leading-relaxed{
line-height: 1.625;
}
.tracking-\[0\.04em\]{
letter-spacing: 0.04em;
}
.tracking-\[1px\]{
letter-spacing: 1px;
}
.tracking-\[2px\]{
letter-spacing: 2px;
}
.tracking-tight{
letter-spacing: -0.025em;
}
.\!text-primary{
--tw-text-opacity: 1 !important;
color: #6993cb !important;
}
.\!text-secondary-foreground{
--tw-text-opacity: 1 !important;
color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
.\!text-white{
--tw-text-opacity: 1 !important;
color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
.text-\[\#555555\]{
--tw-text-opacity: 1;
color: rgb(85 85 85 / var(--tw-text-opacity));
}
.text-background{
--tw-text-opacity: 1;
color: rgb(240 244 248 / var(--tw-text-opacity));
}
.text-black{
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
.text-blue-600{
--tw-text-opacity: 1;
color: rgb(28 100 242 / var(--tw-text-opacity));
}
.text-card-foreground{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-danger-foreground{
--tw-text-opacity: 1;
color: rgb(153 27 27 / var(--tw-text-opacity));
}
.text-foreground{
--tw-text-opacity: 1;
color: rgb(85 85 85 / var(--tw-text-opacity));
}
.text-foreground\/50{
color: rgb(85 85 85 / 0.5);
}
.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-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-600{
--tw-text-opacity: 1;
color: rgb(88 80 236 / var(--tw-text-opacity));
}
.text-muted{
--tw-text-opacity: 1;
color: rgb(181 181 181 / var(--tw-text-opacity));
}
.text-muted-foreground{
--tw-text-opacity: 1;
color: rgb(85 85 85 / var(--tw-text-opacity));
}
.text-popover-foreground{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-primary{
--tw-text-opacity: 1;
color: rgb(42 45 93 / var(--tw-text-opacity));
}
.text-primary-foreground{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-primary-foreground\/50{
color: rgb(255 255 255 / 0.5);
}
.text-secondary{
--tw-text-opacity: 1;
color: rgb(50 125 198 / var(--tw-text-opacity));
}
.text-secondary-foreground{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-slate-400{
--tw-text-opacity: 1;
color: rgb(148 163 184 / var(--tw-text-opacity));
}
.text-success-foreground{
--tw-text-opacity: 1;
color: rgb(23 128 61 / var(--tw-text-opacity));
}
.text-white{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-white\/50{
color: rgb(255 255 255 / 0.5);
}
.text-opacity-30{
--tw-text-opacity: 0.3;
}
.underline{
text-decoration-line: underline;
}
.decoration-solid{
text-decoration-style: solid;
}
.underline-offset-2{
text-underline-offset: 2px;
}
.antialiased{
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.opacity-0{
opacity: 0;
}
.opacity-100{
opacity: 1;
}
.opacity-30{
opacity: 0.3;
}
.opacity-40{
opacity: 0.4;
}
.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-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-none{
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.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);
}
.outline-none{
outline: 2px solid transparent;
outline-offset: 2px;
}
.outline{
outline-style: solid;
}
.ring{
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-secondary{
--tw-ring-opacity: 1;
--tw-ring-color: rgb(50 125 198 / var(--tw-ring-opacity));
}
.ring-offset-4{
--tw-ring-offset-width: 4px;
}
.blur{
--tw-blur: blur(8px);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.grayscale{
--tw-grayscale: grayscale(100%);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.invert{
--tw-invert: invert(100%);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.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{
--tw-backdrop-blur: blur(8px);
-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-filter{
-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-opacity{
transition-property: opacity;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.transition-transform{
transition-property: transform;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.duration-100{
transition-duration: 100ms;
}
.duration-1000{
transition-duration: 1000ms;
}
.duration-300{
transition-duration: 300ms;
}
.duration-500{
transition-duration: 500ms;
}
.duration-700{
transition-duration: 700ms;
}
.ease-in-out{
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-linear{
transition-timing-function: linear;
}
.ease-out{
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.content-\[\'\'\]{
--tw-content: '';
content: var(--tw-content);
}
@keyframes enter{
from{
opacity: var(--tw-enter-opacity, 1);
transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));
}
}
@keyframes exit{
to{
opacity: var(--tw-exit-opacity, 1);
transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
}
}
.duration-100{
animation-duration: 100ms;
}
.duration-1000{
animation-duration: 1000ms;
}
.duration-300{
animation-duration: 300ms;
}
.duration-500{
animation-duration: 500ms;
}
.duration-700{
animation-duration: 700ms;
}
.ease-in-out{
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-linear{
animation-timing-function: linear;
}
.ease-out{
animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
label{
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 500;
line-height: 1;
}
.peer:disabled ~ label{
cursor: not-allowed;
opacity: 0.7;
}
input,
input[type=password]{
display: flex;
height: 2.25rem;
width: 100%;
border-radius: calc(var(--radius) - 2px);
border-width: 1px;
background-color: transparent;
padding-left: 0.75rem;
padding-right: 0.75rem;
padding-top: 0.25rem;
padding-bottom: 0.25rem;
font-size: 0.875rem;
line-height: 1.25rem;
--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);
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;
}
input::file-selector-button,
input[type=password]::file-selector-button{
border-width: 0px;
background-color: transparent;
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 500;
}
input::-moz-placeholder, input[type=password]::-moz-placeholder{
--tw-text-opacity: 1;
color: rgb(85 85 85 / var(--tw-text-opacity));
}
input::placeholder,
input[type=password]::placeholder{
--tw-text-opacity: 1;
color: rgb(85 85 85 / var(--tw-text-opacity));
}
input:focus-visible,
input[type=password]:focus-visible{
outline: 2px solid transparent;
outline-offset: 2px;
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(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);
--tw-ring-opacity: 1;
--tw-ring-color: hsl(var(--ring) / var(--tw-ring-opacity));
}
input:disabled,
input[type=password]:disabled{
cursor: not-allowed;
opacity: 0.5;
}
.section-padding{
padding-left: 2rem;
padding-right: 2rem;
padding-top: 3rem;
padding-bottom: 3rem;
}
@media (min-width: 640px){
.section-padding{
padding-left: 4rem;
padding-right: 4rem;
padding-top: 6rem;
padding-bottom: 6rem;
}
}
.section-padding-x{
padding-left: 2.5rem;
padding-right: 2.5rem;
}
@media (min-width: 640px){
.section-padding-x{
padding-left: 4rem;
padding-right: 4rem;
}
}
.section-padding-y{
padding-top: 3rem;
padding-bottom: 3rem;
}
@media (min-width: 640px){
.section-padding-y{
padding-top: 6rem;
padding-bottom: 6rem;
}
}
.section-padding-t{
padding-top: 3rem;
}
@media (min-width: 640px){
.section-padding-t{
padding-top: 6rem;
}
}
.section-padding-b{
padding-bottom: 3rem;
}
@media (min-width: 640px){
.section-padding-b{
padding-bottom: 6rem;
}
}
@media only screen and (max-width:700px) {
.no-mobile-animate {
opacity: 1 !important;
transform: translate(0) scale(1) !important;
}
}
.white-png {
filter: brightness(100);
}
.black-png{
--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);
}
.\[box-shadow\:0_3px_10px_0_rgba\(0\2c _0\2c _0\2c _0\.03\)\]{
box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.03);
}
.site-navigation .snap-nav .ry-menu .nav-menu {
justify-content: flex-end !important;
gap: 1rem !important;
}
.alert.alert-danger{
margin-bottom: 1rem;
margin-top: 1rem;
display: flex;
align-items: center;
border-radius: var(--radius);
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(153 27 27 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(254 242 242 / var(--tw-bg-opacity));
padding: 1rem;
font-size: 0.875rem;
line-height: 1.25rem;
--tw-text-opacity: 1;
color: rgb(153 27 27 / var(--tw-text-opacity));
}
.alert.alert-success{
margin-bottom: 1rem;
margin-top: 1rem;
display: flex;
align-items: center;
border-radius: var(--radius);
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(23 128 61 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(239 253 244 / var(--tw-bg-opacity));
padding: 1rem;
font-size: 0.875rem;
line-height: 1.25rem;
--tw-text-opacity: 1;
color: rgb(23 128 61 / var(--tw-text-opacity));
}
.has-error input,
.has-error textarea{
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(153 27 27 / var(--tw-border-opacity));
}
:is(#menu, #live-edit-menu):not(.mm-menu) {
display: none;
}
.mm-menu{
opacity: 0;
}
.mm-menu--opened{
opacity: 1;
}
.mm-navbar {
--mm-color-background: #ffffff;
--mm-color-border: var(--border);
--mm-color-text-dimmed: var(--primary-foreground);
}
.mm-panel {
--mm-color-icon: #565656;
--mm-color-background: #ffffff;
--mm-color-text: #565656;
}
.mm-listitem:after {
content: none;
}
/* Homepage */
.homepage body,
.interiorpage body{
min-height: 100vh;
background-color: rgb(50 125 198 / var(--tw-bg-opacity));
--tw-bg-opacity: 0.05;
font-family: Figtree, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.homepage body #page,
.interiorpage body #page{
position: relative;
}
.homepage main,
.interiorpage main{
color: var(--tw-prose-body);
max-width: 65ch;
}
.homepage main :where(p):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)),
.interiorpage main :where(p):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 1.25em;
margin-bottom: 1.25em;
}
.homepage main :where([class~="lead"]):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)),
.interiorpage main :where([class~="lead"]):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
color: var(--tw-prose-lead);
font-size: 1.25em;
line-height: 1.6;
margin-top: 1.2em;
margin-bottom: 1.2em;
}
.homepage main :where(a):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)),
.interiorpage main :where(a):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
color: var(--tw-prose-links);
text-decoration: none;
font-weight: 500;
}
.homepage main :where(strong):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)),
.interiorpage main :where(strong):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
color: var(--tw-prose-bold);
font-weight: 600;
}
.homepage main :where(a strong):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)),
.interiorpage main :where(a strong):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
color: inherit;
}
.homepage main :where(blockquote strong):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)),
.interiorpage main :where(blockquote strong):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
color: inherit;
}
.homepage main :where(thead th strong):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)),
.interiorpage main :where(thead th strong):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
color: inherit;
}
.homepage main :where(ol):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)),
.interiorpage main :where(ol):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
list-style-type: decimal;
margin-top: 1.25em;
margin-bottom: 1.25em;
padding-inline-start: 1.625em;
}
.homepage main :where(ol[type="A"]):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)),
.interiorpage main :where(ol[type="A"]):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
list-style-type: upper-alpha;
}
.homepage main :where(ol[type="a"]):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)),
.interiorpage main :where(ol[type="a"]):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
list-style-type: lower-alpha;
}
.homepage main :where(ol[type="A" s]):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)),
.interiorpage main :where(ol[type="A" s]):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
list-style-type: upper-alpha;
}
.homepage main :where(ol[type="a" s]):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)),
.interiorpage main :where(ol[type="a" s]):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
list-style-type: lower-alpha;
}
.homepage main :where(ol[type="I"]):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)),
.interiorpage main :where(ol[type="I"]):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
list-style-type: upper-roman;
}
.homepage main :where(ol[type="i"]):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)),
.interiorpage main :where(ol[type="i"]):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
list-style-type: lower-roman;
}
.homepage main :where(ol[type="I" s]):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)),
.interiorpage main :where(ol[type="I" s]):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
list-style-type: upper-roman;
}
.homepage main :where(ol[type="i" s]):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)),
.interiorpage main :where(ol[type="i" s]):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
list-style-type: lower-roman;
}
.homepage main :where(ol[type="1"]):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)),
.interiorpage main :where(ol[type="1"]):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
list-style-type: decimal;
}
.homepage main :where(ul):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)),
.interiorpage main :where(ul):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
list-style-type: disc;
margin-top: 1.25em;
margin-bottom: 1.25em;
padding-inline-start: 1.625em;
}
.homepage main :where(ol > li):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *))::marker,
.interiorpage main :where(ol > li):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *))::marker{
font-weight: 400;
color: var(--tw-prose-counters);
}
.homepage main :where(ul > li):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *))::marker,
.interiorpage main :where(ul > li):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *))::marker{
color: var(--tw-prose-bullets);
}
.homepage main :where(dt):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)),
.interiorpage main :where(dt):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
color: var(--tw-prose-headings);
font-weight: 600;
margin-top: 1.25em;
}
.homepage main :where(hr):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)),
.interiorpage main :where(hr):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
border-color: var(--tw-prose-hr);
border-top-width: 1px;
margin-top: 3em;
margin-bottom: 3em;
}
.homepage main :where(blockquote):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)),
.interiorpage main :where(blockquote):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
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;
}
.homepage main :where(blockquote p:first-of-type):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *))::before,
.interiorpage main :where(blockquote p:first-of-type):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *))::before{
content: open-quote;
}
.homepage main :where(blockquote p:last-of-type):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *))::after,
.interiorpage main :where(blockquote p:last-of-type):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *))::after{
content: close-quote;
}
.homepage main :where(h1):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)),
.interiorpage main :where(h1):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
color: var(--foreground);
font-weight: 800;
font-size: 1.5625em;
margin-top: 0;
margin-bottom: 0.8em;
line-height: 1.2;
}
.homepage main :where(h1 strong):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)),
.interiorpage main :where(h1 strong):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
font-weight: 900;
color: inherit;
}
.homepage main :where(h2):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)),
.interiorpage main :where(h2):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
color: var(--tw-prose-headings);
font-weight: 700;
font-size: 1.5625em;
margin-top: 1.6em;
margin-bottom: 0.8em;
line-height: 1.4;
}
.homepage main :where(h2 strong):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)),
.interiorpage main :where(h2 strong):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
font-weight: 800;
color: inherit;
}
.homepage main :where(h3):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)),
.interiorpage main :where(h3):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
color: var(--tw-prose-headings);
font-weight: 600;
font-size: 2.5714286em;
margin-top: 1.5555556em;
margin-bottom: 0.4444444em;
line-height: 1.5555556;
}
.homepage main :where(h3 strong):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)),
.interiorpage main :where(h3 strong):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
font-weight: 700;
color: inherit;
}
.homepage main :where(h4):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)),
.interiorpage main :where(h4):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
color: var(--tw-prose-headings);
font-weight: 600;
margin-top: 1.5em;
margin-bottom: 0.5em;
line-height: 1.5;
}
.homepage main :where(h4 strong):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)),
.interiorpage main :where(h4 strong):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
font-weight: 700;
color: inherit;
}
.homepage main :where(img):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)),
.interiorpage main :where(img):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 0;
margin-bottom: 0;
}
.homepage main :where(picture):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)),
.interiorpage main :where(picture):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
display: block;
margin-top: 2em;
margin-bottom: 2em;
}
.homepage main :where(video):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)),
.interiorpage main :where(video):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 2em;
margin-bottom: 2em;
}
.homepage main :where(kbd):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)),
.interiorpage main :where(kbd):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
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;
}
.homepage main :where(code):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)),
.interiorpage main :where(code):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
color: var(--tw-prose-code);
font-weight: 600;
font-size: 0.875em;
}
.homepage main :where(code):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *))::before,
.interiorpage main :where(code):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *))::before{
content: "`";
}
.homepage main :where(code):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *))::after,
.interiorpage main :where(code):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *))::after{
content: "`";
}
.homepage main :where(a code):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)),
.interiorpage main :where(a code):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
color: inherit;
}
.homepage main :where(h1 code):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)),
.interiorpage main :where(h1 code):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
color: inherit;
}
.homepage main :where(h2 code):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)),
.interiorpage main :where(h2 code):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
color: inherit;
font-size: 0.875em;
}
.homepage main :where(h3 code):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)),
.interiorpage main :where(h3 code):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
color: inherit;
font-size: 0.9em;
}
.homepage main :where(h4 code):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)),
.interiorpage main :where(h4 code):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
color: inherit;
}
.homepage main :where(blockquote code):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)),
.interiorpage main :where(blockquote code):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
color: inherit;
}
.homepage main :where(thead th code):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)),
.interiorpage main :where(thead th code):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
color: inherit;
}
.homepage main :where(pre):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)),
.interiorpage main :where(pre):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
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;
}
.homepage main :where(pre code):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)),
.interiorpage main :where(pre code):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
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;
}
.homepage main :where(pre code):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *))::before,
.interiorpage main :where(pre code):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *))::before{
content: none;
}
.homepage main :where(pre code):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *))::after,
.interiorpage main :where(pre code):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *))::after{
content: none;
}
.homepage main :where(table):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)),
.interiorpage main :where(table):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
width: 100%;
table-layout: auto;
text-align: start;
margin-top: 2em;
margin-bottom: 2em;
font-size: 0.875em;
line-height: 1.7142857;
}
.homepage main :where(thead):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)),
.interiorpage main :where(thead):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
border-bottom-width: 1px;
border-bottom-color: var(--tw-prose-th-borders);
}
.homepage main :where(thead th):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)),
.interiorpage main :where(thead th):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
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;
}
.homepage main :where(tbody tr):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)),
.interiorpage main :where(tbody tr):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
border-bottom-width: 1px;
border-bottom-color: var(--tw-prose-td-borders);
}
.homepage main :where(tbody tr:last-child):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)),
.interiorpage main :where(tbody tr:last-child):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
border-bottom-width: 0;
}
.homepage main :where(tbody td):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)),
.interiorpage main :where(tbody td):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
vertical-align: baseline;
}
.homepage main :where(tfoot):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)),
.interiorpage main :where(tfoot):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
border-top-width: 1px;
border-top-color: var(--tw-prose-th-borders);
}
.homepage main :where(tfoot td):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)),
.interiorpage main :where(tfoot td):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
vertical-align: top;
}
.homepage main :where(figure > *):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)),
.interiorpage main :where(figure > *):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 0;
margin-bottom: 0;
}
.homepage main :where(figcaption):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)),
.interiorpage main :where(figcaption):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
color: var(--tw-prose-captions);
font-size: 0.875em;
line-height: 1.4285714;
margin-top: 0.8571429em;
}
.homepage main,
.interiorpage main{
--tw-prose-body: hsl(var(--foreground));
--tw-prose-headings: #2a2d5d;
--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;
}
.homepage main :where(picture > img):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)),
.interiorpage main :where(picture > img):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 0;
margin-bottom: 0;
}
.homepage main :where(li):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)),
.interiorpage main :where(li):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 0.5em;
margin-bottom: 0.5em;
}
.homepage main :where(ol > li):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)),
.interiorpage main :where(ol > li):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
padding-inline-start: 0.375em;
}
.homepage main :where(ul > li):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)),
.interiorpage main :where(ul > li):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
padding-inline-start: 0.375em;
}
.homepage main :where(.roya-typography > ul > li p):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)),
.interiorpage main :where(.roya-typography > ul > li p):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 0.75em;
margin-bottom: 0.75em;
}
.homepage main :where(.roya-typography > ul > li > p:first-child):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)),
.interiorpage main :where(.roya-typography > ul > li > p:first-child):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 1.25em;
}
.homepage main :where(.roya-typography > ul > li > p:last-child):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)),
.interiorpage main :where(.roya-typography > ul > li > p:last-child):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-bottom: 1.25em;
}
.homepage main :where(.roya-typography > ol > li > p:first-child):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)),
.interiorpage main :where(.roya-typography > ol > li > p:first-child):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 1.25em;
}
.homepage main :where(.roya-typography > ol > li > p:last-child):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)),
.interiorpage main :where(.roya-typography > ol > li > p:last-child):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-bottom: 1.25em;
}
.homepage main :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)),
.interiorpage main :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 0.75em;
margin-bottom: 0.75em;
}
.homepage main :where(dl):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)),
.interiorpage main :where(dl):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 1.25em;
margin-bottom: 1.25em;
}
.homepage main :where(dd):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)),
.interiorpage main :where(dd):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 0.5em;
padding-inline-start: 1.625em;
}
.homepage main :where(hr + *):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)),
.interiorpage main :where(hr + *):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 0;
}
.homepage main :where(h2 + *):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)),
.interiorpage main :where(h2 + *):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 0;
}
.homepage main :where(h3 + *):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)),
.interiorpage main :where(h3 + *):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 0;
}
.homepage main :where(h4 + *):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)),
.interiorpage main :where(h4 + *):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 0;
}
.homepage main :where(thead th:first-child):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)),
.interiorpage main :where(thead th:first-child):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
padding-inline-start: 0;
}
.homepage main :where(thead th:last-child):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)),
.interiorpage main :where(thead th:last-child):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
padding-inline-end: 0;
}
.homepage main :where(tbody td, tfoot td):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)),
.interiorpage main :where(tbody td, tfoot td):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
padding-top: 0.5714286em;
padding-inline-end: 0.5714286em;
padding-bottom: 0.5714286em;
padding-inline-start: 0.5714286em;
}
.homepage main :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)),
.interiorpage main :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
padding-inline-start: 0;
}
.homepage main :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)),
.interiorpage main :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
padding-inline-end: 0;
}
.homepage main :where(figure):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)),
.interiorpage main :where(figure):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 2em;
margin-bottom: 2em;
}
.homepage main :where(.roya-typography > :first-child):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)),
.interiorpage main :where(.roya-typography > :first-child):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 0;
}
.homepage main :where(.roya-typography > :last-child):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)),
.interiorpage main :where(.roya-typography > :last-child):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-bottom: 0;
}
.homepage main,
.interiorpage main{
position: relative;
min-height: 100vh;
max-width: none;
}
.homepage main :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *))),
.interiorpage main :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *))){
font-size: 1.5rem;
line-height: 2rem;
font-weight: 900;
}
.homepage main :is(:where(p):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *))),
.interiorpage main :is(:where(p):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *))){
font-size: 1.25rem;
line-height: 1.75rem;
}
@media (min-width: 640px){
.homepage main :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *))),
.interiorpage main :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *))){
font-size: 1.875rem;
line-height: 2.25rem;
}
}
@media (min-width: 1024px){
.homepage main :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *))),
.interiorpage main :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *))){
font-size: 2.25rem;
line-height: 2.5rem;
}
}
@media (min-width: 1280px){
.homepage main :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *))),
.interiorpage main :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *))){
font-size: 3rem;
line-height: 1;
}
}
.homepage header,
.interiorpage header{
position: sticky;
top: 0px;
z-index: 999;
width: 100%;
--tw-text-opacity: 1;
color: rgb(85 85 85 / var(--tw-text-opacity));
--tw-backdrop-blur: blur(8px);
-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);
}
/* Error Page */
.error body {
background-image: url("https://s3.amazonaws.com/static.organiclead.com/Site-dfe5a3f7-4291-4423-87e4-497cbe351876/images/cp_404.jpg");
height: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.error main{
display: grid;
min-height: 100vh;
place-items: center;
background-color: rgb(0 0 0 / 0.05);
padding-left: 1.5rem;
padding-right: 1.5rem;
padding-top: 6rem;
padding-bottom: 6rem;
}
@media (min-width: 640px){
.error main{
padding-top: 8rem;
padding-bottom: 8rem;
}
}
@media (min-width: 1024px){
.error main{
padding-left: 2rem;
padding-right: 2rem;
}
}
.error-content{
background-color: rgb(0 0 0 / 0.2);
padding: 2.5rem;
text-align: center;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
--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);
}
@media not all and (min-width: 640px){
.error-content{
padding-top: 8rem;
}
}
.error-content h1{
margin-top: 1rem;
font-size: 1.875rem;
line-height: 2.25rem;
font-weight: 700;
letter-spacing: -0.025em;
}
@media (min-width: 640px){
.error-content h1{
font-size: 3rem;
line-height: 1;
}
}
.error-content .btn-wrapper{
margin-top: 2.5rem;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 1.5rem;
}
@media (min-width: 640px){
.error-content .btn-wrapper{
flex-direction: row;
}
}
/* Announcement Bars */
.announcement.style1{
position: relative;
inset-inline-start: 0px;
z-index: 50;
width: 100%;
justify-content: space-between;
border-bottom-width: 1px;
/*padding: 1rem;*/
background-color: var(--popover);
}
/* Swiper */
.swiper {
width: 100%;
}
.swiper-wrapper {
height: auto;
}
.hero-swiper .swiper-wrapper {
height: auto !important;
}
.swiper-pagination-bullets.swiper-pagination-horizontal {
bottom: var(--swiper-pagination-bottom, -60px);
}
/* Hero Swiper */
.swiper .swiper-slide {
height: auto;
}
.swiper .swiper-slide::before {
content: "";
position: absolute;
left: 0px;
top: 0px;
height: 100%;
width: 100%;
background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
--tw-gradient-from: rgb(0 0 0 / 0.1) 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);
--tw-gradient-to: rgb(0 0 0 / 0.3) var(--tw-gradient-to-position);
}
@media (min-width: 768px){
.blog-data .photo_1 {
float: left;
max-width: 460px;
width: 33.33%;
margin-right: 30px;
}
.swiper .swiper-slide::before{
position: absolute;
}
}
.swiper .swiper-slide img{
display: block;
height: 100%;
width: 100%;
}
.team.style8 .swiper .swiper-slide img::before {
content: "";
left: -20%;
top: -95%;
z-index: 2;
height: 80%;
width: 200%;
--tw-rotate: 165deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
--tw-bg-opacity: 1;
background-color: rgb(50 125 198 / var(--tw-bg-opacity));
opacity: 0.5;
}
@media (min-width: 768px){
.team.style8 .swiper .swiper-slide img::before{
position: absolute;
}
}
.team.style8 .swiper .swiper-slide img::after {
content: "";
bottom: -95%;
right: -20%;
z-index: 2;
height: 80%;
width: 200%;
--tw-rotate: 165deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
--tw-bg-opacity: 1;
background-color: rgb(42 45 93 / var(--tw-bg-opacity));
opacity: 0.5;
}
@media (min-width: 768px){
.team.style8 .swiper .swiper-slide img::after{
position: absolute;
}
}
.swiper-slide-info{
width: 100%;
margin-right: auto;
margin-left: auto;
padding-right: 2rem;
padding-left: 2rem;
}
@media (min-width: 1400px){
.swiper-slide-info{
max-width: 1400px;
}
}
.swiper-slide-info{
color: var(--tw-prose-body);
max-width: 65ch;
}
.swiper-slide-info :where(p):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 1.25em;
margin-bottom: 1.25em;
}
.swiper-slide-info :where([class~="lead"]):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
color: var(--tw-prose-lead);
font-size: 1.25em;
line-height: 1.6;
margin-top: 1.2em;
margin-bottom: 1.2em;
}
.swiper-slide-info :where(a):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
color: var(--tw-prose-links);
text-decoration: none;
font-weight: 500;
}
.swiper-slide-info :where(strong):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
color: var(--tw-prose-bold);
font-weight: 600;
}
.swiper-slide-info :where(a strong):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
color: inherit;
}
.swiper-slide-info :where(blockquote strong):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
color: inherit;
}
.swiper-slide-info :where(thead th strong):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
color: inherit;
}
.swiper-slide-info :where(ol):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
list-style-type: decimal;
margin-top: 1.25em;
margin-bottom: 1.25em;
padding-inline-start: 1.625em;
}
.swiper-slide-info :where(ol[type="A"]):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
list-style-type: upper-alpha;
}
.swiper-slide-info :where(ol[type="a"]):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
list-style-type: lower-alpha;
}
.swiper-slide-info :where(ol[type="A" s]):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
list-style-type: upper-alpha;
}
.swiper-slide-info :where(ol[type="a" s]):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
list-style-type: lower-alpha;
}
.swiper-slide-info :where(ol[type="I"]):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
list-style-type: upper-roman;
}
.swiper-slide-info :where(ol[type="i"]):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
list-style-type: lower-roman;
}
.swiper-slide-info :where(ol[type="I" s]):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
list-style-type: upper-roman;
}
.swiper-slide-info :where(ol[type="i" s]):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
list-style-type: lower-roman;
}
.swiper-slide-info :where(ol[type="1"]):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
list-style-type: decimal;
}
.swiper-slide-info :where(ul):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
list-style-type: disc;
margin-top: 1.25em;
margin-bottom: 1.25em;
padding-inline-start: 1.625em;
}
.swiper-slide-info :where(ol > li):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *))::marker{
font-weight: 400;
color: var(--tw-prose-counters);
}
.swiper-slide-info :where(ul > li):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *))::marker{
color: var(--tw-prose-bullets);
}
.swiper-slide-info :where(dt):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
color: var(--tw-prose-headings);
font-weight: 600;
margin-top: 1.25em;
}
.swiper-slide-info :where(hr):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
border-color: var(--tw-prose-hr);
border-top-width: 1px;
margin-top: 3em;
margin-bottom: 3em;
}
.swiper-slide-info :where(blockquote):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
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;
}
.swiper-slide-info :where(blockquote p:first-of-type):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *))::before{
content: open-quote;
}
.swiper-slide-info :where(blockquote p:last-of-type):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *))::after{
content: close-quote;
}
.swiper-slide-info :where(h1):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
color: var(--foreground);
font-weight: 800;
font-size: 1.5625em;
margin-top: 0;
margin-bottom: 0.8em;
line-height: 1.2;
}
.swiper-slide-info :where(h1 strong):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
font-weight: 900;
color: inherit;
}
.swiper-slide-info :where(h2):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
color: var(--tw-prose-headings);
font-weight: 700;
font-size: 1.5625em;
margin-top: 1.6em;
margin-bottom: 0.8em;
line-height: 1.4;
}
.swiper-slide-info :where(h2 strong):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
font-weight: 800;
color: inherit;
}
.swiper-slide-info :where(h3):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
color: var(--tw-prose-headings);
font-weight: 600;
font-size: 2.5714286em;
margin-top: 1.5555556em;
margin-bottom: 0.4444444em;
line-height: 1.5555556;
}
.swiper-slide-info :where(h3 strong):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
font-weight: 700;
color: inherit;
}
.swiper-slide-info :where(h4):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
color: var(--tw-prose-headings);
font-weight: 600;
margin-top: 1.5em;
margin-bottom: 0.5em;
line-height: 1.5;
}
.swiper-slide-info :where(h4 strong):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
font-weight: 700;
color: inherit;
}
.swiper-slide-info :where(img):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 0;
margin-bottom: 0;
}
.swiper-slide-info :where(picture):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
display: block;
margin-top: 2em;
margin-bottom: 2em;
}
.swiper-slide-info :where(video):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 2em;
margin-bottom: 2em;
}
.swiper-slide-info :where(kbd):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
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;
}
.swiper-slide-info :where(code):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
color: var(--tw-prose-code);
font-weight: 600;
font-size: 0.875em;
}
.swiper-slide-info :where(code):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *))::before{
content: "`";
}
.swiper-slide-info :where(code):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *))::after{
content: "`";
}
.swiper-slide-info :where(a code):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
color: inherit;
}
.swiper-slide-info :where(h1 code):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
color: inherit;
}
.swiper-slide-info :where(h2 code):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
color: inherit;
font-size: 0.875em;
}
.swiper-slide-info :where(h3 code):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
color: inherit;
font-size: 0.9em;
}
.swiper-slide-info :where(h4 code):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
color: inherit;
}
.swiper-slide-info :where(blockquote code):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
color: inherit;
}
.swiper-slide-info :where(thead th code):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
color: inherit;
}
.swiper-slide-info :where(pre):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
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;
}
.swiper-slide-info :where(pre code):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
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;
}
.swiper-slide-info :where(pre code):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *))::before{
content: none;
}
.swiper-slide-info :where(pre code):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *))::after{
content: none;
}
.swiper-slide-info :where(table):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
width: 100%;
table-layout: auto;
text-align: start;
margin-top: 2em;
margin-bottom: 2em;
font-size: 0.875em;
line-height: 1.7142857;
}
.swiper-slide-info :where(thead):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
border-bottom-width: 1px;
border-bottom-color: var(--tw-prose-th-borders);
}
.swiper-slide-info :where(thead th):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
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;
}
.swiper-slide-info :where(tbody tr):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
border-bottom-width: 1px;
border-bottom-color: var(--tw-prose-td-borders);
}
.swiper-slide-info :where(tbody tr:last-child):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
border-bottom-width: 0;
}
.swiper-slide-info :where(tbody td):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
vertical-align: baseline;
}
.swiper-slide-info :where(tfoot):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
border-top-width: 1px;
border-top-color: var(--tw-prose-th-borders);
}
.swiper-slide-info :where(tfoot td):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
vertical-align: top;
}
.swiper-slide-info :where(figure > *):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 0;
margin-bottom: 0;
}
.swiper-slide-info :where(figcaption):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
color: var(--tw-prose-captions);
font-size: 0.875em;
line-height: 1.4285714;
margin-top: 0.8571429em;
}
.swiper-slide-info{
--tw-prose-body: hsl(var(--foreground));
--tw-prose-headings: #2a2d5d;
--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;
}
.swiper-slide-info :where(picture > img):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 0;
margin-bottom: 0;
}
.swiper-slide-info :where(li):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 0.5em;
margin-bottom: 0.5em;
}
.swiper-slide-info :where(ol > li):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
padding-inline-start: 0.375em;
}
.swiper-slide-info :where(ul > li):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
padding-inline-start: 0.375em;
}
.swiper-slide-info :where(.roya-typography > ul > li p):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 0.75em;
margin-bottom: 0.75em;
}
.swiper-slide-info :where(.roya-typography > ul > li > p:first-child):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 1.25em;
}
.swiper-slide-info :where(.roya-typography > ul > li > p:last-child):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-bottom: 1.25em;
}
.swiper-slide-info :where(.roya-typography > ol > li > p:first-child):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 1.25em;
}
.swiper-slide-info :where(.roya-typography > ol > li > p:last-child):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-bottom: 1.25em;
}
.swiper-slide-info :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 0.75em;
margin-bottom: 0.75em;
}
.swiper-slide-info :where(dl):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 1.25em;
margin-bottom: 1.25em;
}
.swiper-slide-info :where(dd):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 0.5em;
padding-inline-start: 1.625em;
}
.swiper-slide-info :where(hr + *):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 0;
}
.swiper-slide-info :where(h2 + *):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 0;
}
.swiper-slide-info :where(h3 + *):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 0;
}
.swiper-slide-info :where(h4 + *):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 0;
}
.swiper-slide-info :where(thead th:first-child):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
padding-inline-start: 0;
}
.swiper-slide-info :where(thead th:last-child):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
padding-inline-end: 0;
}
.swiper-slide-info :where(tbody td, tfoot td):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
padding-top: 0.5714286em;
padding-inline-end: 0.5714286em;
padding-bottom: 0.5714286em;
padding-inline-start: 0.5714286em;
}
.swiper-slide-info :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
padding-inline-start: 0;
}
.swiper-slide-info :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
padding-inline-end: 0;
}
.swiper-slide-info :where(figure):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 2em;
margin-bottom: 2em;
}
.swiper-slide-info :where(.roya-typography > :first-child):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 0;
}
.swiper-slide-info :where(.roya-typography > :last-child):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-bottom: 0;
}
.swiper-slide-info{
font-size: 0.875rem;
line-height: 1.7142857;
}
.swiper-slide-info :where(p):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 1.1428571em;
margin-bottom: 1.1428571em;
}
.swiper-slide-info :where([class~="lead"]):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
font-size: 1.2857143em;
line-height: 1.5555556;
margin-top: 0.8888889em;
margin-bottom: 0.8888889em;
}
.swiper-slide-info :where(blockquote):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 1.3333333em;
margin-bottom: 1.3333333em;
padding-inline-start: 1.1111111em;
}
.swiper-slide-info :where(h1):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
font-size: 2.1428571em;
margin-top: 0;
margin-bottom: 0.8em;
line-height: 1.2;
}
.swiper-slide-info :where(h2):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
font-size: 1.4285714em;
margin-top: 1.6em;
margin-bottom: 0.8em;
line-height: 1.4;
}
.swiper-slide-info :where(h3):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
font-size: 1.2857143em;
margin-top: 1.5555556em;
margin-bottom: 0.4444444em;
line-height: 1.5555556;
}
.swiper-slide-info :where(h4):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 1.4285714em;
margin-bottom: 0.5714286em;
line-height: 1.4285714;
}
.swiper-slide-info :where(img):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 1.7142857em;
margin-bottom: 1.7142857em;
}
.swiper-slide-info :where(picture):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 1.7142857em;
margin-bottom: 1.7142857em;
}
.swiper-slide-info :where(picture > img):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 0;
margin-bottom: 0;
}
.swiper-slide-info :where(video):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 1.7142857em;
margin-bottom: 1.7142857em;
}
.swiper-slide-info :where(kbd):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
font-size: 0.8571429em;
border-radius: 0.3125rem;
padding-top: 0.1428571em;
padding-inline-end: 0.3571429em;
padding-bottom: 0.1428571em;
padding-inline-start: 0.3571429em;
}
.swiper-slide-info :where(code):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
font-size: 0.8571429em;
}
.swiper-slide-info :where(h2 code):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
font-size: 0.9em;
}
.swiper-slide-info :where(h3 code):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
font-size: 0.8888889em;
}
.swiper-slide-info :where(pre):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
font-size: 0.8571429em;
line-height: 1.6666667;
margin-top: 1.6666667em;
margin-bottom: 1.6666667em;
border-radius: 0.25rem;
padding-top: 0.6666667em;
padding-inline-end: 1em;
padding-bottom: 0.6666667em;
padding-inline-start: 1em;
}
.swiper-slide-info :where(ol):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 1.1428571em;
margin-bottom: 1.1428571em;
padding-inline-start: 1.5714286em;
}
.swiper-slide-info :where(ul):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 1.1428571em;
margin-bottom: 1.1428571em;
padding-inline-start: 1.5714286em;
}
.swiper-slide-info :where(li):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 0.2857143em;
margin-bottom: 0.2857143em;
}
.swiper-slide-info :where(ol > li):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
padding-inline-start: 0.4285714em;
}
.swiper-slide-info :where(ul > li):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
padding-inline-start: 0.4285714em;
}
.swiper-slide-info :where(.roya-typography-sm > ul > li p):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 0.5714286em;
margin-bottom: 0.5714286em;
}
.swiper-slide-info :where(.roya-typography-sm > ul > li > p:first-child):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 1.1428571em;
}
.swiper-slide-info :where(.roya-typography-sm > ul > li > p:last-child):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-bottom: 1.1428571em;
}
.swiper-slide-info :where(.roya-typography-sm > ol > li > p:first-child):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 1.1428571em;
}
.swiper-slide-info :where(.roya-typography-sm > ol > li > p:last-child):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-bottom: 1.1428571em;
}
.swiper-slide-info :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 0.5714286em;
margin-bottom: 0.5714286em;
}
.swiper-slide-info :where(dl):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 1.1428571em;
margin-bottom: 1.1428571em;
}
.swiper-slide-info :where(dt):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 1.1428571em;
}
.swiper-slide-info :where(dd):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 0.2857143em;
padding-inline-start: 1.5714286em;
}
.swiper-slide-info :where(hr):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 2.8571429em;
margin-bottom: 2.8571429em;
}
.swiper-slide-info :where(hr + *):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 0;
}
.swiper-slide-info :where(h2 + *):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 0;
}
.swiper-slide-info :where(h3 + *):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 0;
}
.swiper-slide-info :where(h4 + *):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 0;
}
.swiper-slide-info :where(table):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
font-size: 0.8571429em;
line-height: 1.5;
}
.swiper-slide-info :where(thead th):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
padding-inline-end: 1em;
padding-bottom: 0.6666667em;
padding-inline-start: 1em;
}
.swiper-slide-info :where(thead th:first-child):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
padding-inline-start: 0;
}
.swiper-slide-info :where(thead th:last-child):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
padding-inline-end: 0;
}
.swiper-slide-info :where(tbody td, tfoot td):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
padding-top: 0.6666667em;
padding-inline-end: 1em;
padding-bottom: 0.6666667em;
padding-inline-start: 1em;
}
.swiper-slide-info :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
padding-inline-start: 0;
}
.swiper-slide-info :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
padding-inline-end: 0;
}
.swiper-slide-info :where(figure):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 1.7142857em;
margin-bottom: 1.7142857em;
}
.swiper-slide-info :where(figure > *):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 0;
margin-bottom: 0;
}
.swiper-slide-info :where(figcaption):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
font-size: 0.8571429em;
line-height: 1.3333333;
margin-top: 0.6666667em;
}
.swiper-slide-info :where(.roya-typography-sm > :first-child):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 0;
}
.swiper-slide-info :where(.roya-typography-sm > :last-child):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-bottom: 0;
}
.swiper-slide-info{
padding-top: 2rem;
padding-bottom: 2rem;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (min-width: 768px){
.swiper-slide-info{
font-size: 1.125rem;
line-height: 1.7777778;
}
.swiper-slide-info :where(p):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 1.3333333em;
margin-bottom: 1.3333333em;
}
.swiper-slide-info :where([class~="lead"]):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
font-size: 1.2222222em;
line-height: 1.4545455;
margin-top: 1.0909091em;
margin-bottom: 1.0909091em;
}
.swiper-slide-info :where(blockquote):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 1.6666667em;
margin-bottom: 1.6666667em;
padding-inline-start: 1em;
}
.swiper-slide-info :where(h1):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
font-size: 2.6666667em;
margin-top: 0;
margin-bottom: 0.8333333em;
line-height: 1;
}
.swiper-slide-info :where(h2):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
font-size: 1.6666667em;
margin-top: 1.8666667em;
margin-bottom: 1.0666667em;
line-height: 1.3333333;
}
.swiper-slide-info :where(h3):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
font-size: 1.3333333em;
margin-top: 1.6666667em;
margin-bottom: 0.6666667em;
line-height: 1.5;
}
.swiper-slide-info :where(h4):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 1.7777778em;
margin-bottom: 0.4444444em;
line-height: 1.5555556;
}
.swiper-slide-info :where(img):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 1.7777778em;
margin-bottom: 1.7777778em;
}
.swiper-slide-info :where(picture):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 1.7777778em;
margin-bottom: 1.7777778em;
}
.swiper-slide-info :where(picture > img):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 0;
margin-bottom: 0;
}
.swiper-slide-info :where(video):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 1.7777778em;
margin-bottom: 1.7777778em;
}
.swiper-slide-info :where(kbd):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
font-size: 0.8888889em;
border-radius: 0.3125rem;
padding-top: 0.2222222em;
padding-inline-end: 0.4444444em;
padding-bottom: 0.2222222em;
padding-inline-start: 0.4444444em;
}
.swiper-slide-info :where(code):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
font-size: 0.8888889em;
}
.swiper-slide-info :where(h2 code):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
font-size: 0.8666667em;
}
.swiper-slide-info :where(h3 code):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
font-size: 0.875em;
}
.swiper-slide-info :where(pre):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
font-size: 0.8888889em;
line-height: 1.75;
margin-top: 2em;
margin-bottom: 2em;
border-radius: 0.375rem;
padding-top: 1em;
padding-inline-end: 1.5em;
padding-bottom: 1em;
padding-inline-start: 1.5em;
}
.swiper-slide-info :where(ol):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 1.3333333em;
margin-bottom: 1.3333333em;
padding-inline-start: 1.5555556em;
}
.swiper-slide-info :where(ul):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 1.3333333em;
margin-bottom: 1.3333333em;
padding-inline-start: 1.5555556em;
}
.swiper-slide-info :where(li):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 0.6666667em;
margin-bottom: 0.6666667em;
}
.swiper-slide-info :where(ol > li):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
padding-inline-start: 0.4444444em;
}
.swiper-slide-info :where(ul > li):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
padding-inline-start: 0.4444444em;
}
.swiper-slide-info :where(.md\:roya-typography-lg > ul > li p):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 0.8888889em;
margin-bottom: 0.8888889em;
}
.swiper-slide-info :where(.md\:roya-typography-lg > ul > li > p:first-child):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 1.3333333em;
}
.swiper-slide-info :where(.md\:roya-typography-lg > ul > li > p:last-child):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-bottom: 1.3333333em;
}
.swiper-slide-info :where(.md\:roya-typography-lg > ol > li > p:first-child):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 1.3333333em;
}
.swiper-slide-info :where(.md\:roya-typography-lg > ol > li > p:last-child):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-bottom: 1.3333333em;
}
.swiper-slide-info :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 0.8888889em;
margin-bottom: 0.8888889em;
}
.swiper-slide-info :where(dl):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 1.3333333em;
margin-bottom: 1.3333333em;
}
.swiper-slide-info :where(dt):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 1.3333333em;
}
.swiper-slide-info :where(dd):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 0.6666667em;
padding-inline-start: 1.5555556em;
}
.swiper-slide-info :where(hr):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 3.1111111em;
margin-bottom: 3.1111111em;
}
.swiper-slide-info :where(hr + *):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 0;
}
.swiper-slide-info :where(h2 + *):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 0;
}
.swiper-slide-info :where(h3 + *):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 0;
}
.swiper-slide-info :where(h4 + *):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 0;
}
.swiper-slide-info :where(table):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
font-size: 0.8888889em;
line-height: 1.5;
}
.swiper-slide-info :where(thead th):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
padding-inline-end: 0.75em;
padding-bottom: 0.75em;
padding-inline-start: 0.75em;
}
.swiper-slide-info :where(thead th:first-child):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
padding-inline-start: 0;
}
.swiper-slide-info :where(thead th:last-child):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
padding-inline-end: 0;
}
.swiper-slide-info :where(tbody td, tfoot td):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
padding-top: 0.75em;
padding-inline-end: 0.75em;
padding-bottom: 0.75em;
padding-inline-start: 0.75em;
}
.swiper-slide-info :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
padding-inline-start: 0;
}
.swiper-slide-info :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
padding-inline-end: 0;
}
.swiper-slide-info :where(figure):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 1.7777778em;
margin-bottom: 1.7777778em;
}
.swiper-slide-info :where(figure > *):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 0;
margin-bottom: 0;
}
.swiper-slide-info :where(figcaption):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
font-size: 0.8888889em;
line-height: 1.5;
margin-top: 1em;
}
.swiper-slide-info :where(.md\:roya-typography-lg > :first-child):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 0;
}
.swiper-slide-info :where(.md\:roya-typography-lg > :last-child):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-bottom: 0;
}
}
@media (min-width: 1024px){
.swiper-slide-info{
font-size: 1.25rem;
line-height: 1.8;
}
.swiper-slide-info :where(p):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 1.2em;
margin-bottom: 1.2em;
}
.swiper-slide-info :where([class~="lead"]):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
font-size: 1.2em;
line-height: 1.5;
margin-top: 1em;
margin-bottom: 1em;
}
.swiper-slide-info :where(blockquote):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 1.6em;
margin-bottom: 1.6em;
padding-inline-start: 1.0666667em;
}
.swiper-slide-info :where(h1):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
font-size: 2.8em;
margin-top: 0;
margin-bottom: 0.8571429em;
line-height: 1;
}
.swiper-slide-info :where(h2):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
font-size: 1.8em;
margin-top: 1.5555556em;
margin-bottom: 0.8888889em;
line-height: 1.1111111;
}
.swiper-slide-info :where(h3):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
font-size: 1.5em;
margin-top: 1.6em;
margin-bottom: 0.6666667em;
line-height: 1.3333333;
}
.swiper-slide-info :where(h4):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 1.8em;
margin-bottom: 0.6em;
line-height: 1.6;
}
.swiper-slide-info :where(img):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 2em;
margin-bottom: 2em;
}
.swiper-slide-info :where(picture):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 2em;
margin-bottom: 2em;
}
.swiper-slide-info :where(picture > img):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 0;
margin-bottom: 0;
}
.swiper-slide-info :where(video):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 2em;
margin-bottom: 2em;
}
.swiper-slide-info :where(kbd):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
font-size: 0.9em;
border-radius: 0.3125rem;
padding-top: 0.25em;
padding-inline-end: 0.4em;
padding-bottom: 0.25em;
padding-inline-start: 0.4em;
}
.swiper-slide-info :where(code):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
font-size: 0.9em;
}
.swiper-slide-info :where(h2 code):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
font-size: 0.8611111em;
}
.swiper-slide-info :where(h3 code):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
font-size: 0.9em;
}
.swiper-slide-info :where(pre):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
font-size: 0.9em;
line-height: 1.7777778;
margin-top: 2em;
margin-bottom: 2em;
border-radius: 0.5rem;
padding-top: 1.1111111em;
padding-inline-end: 1.3333333em;
padding-bottom: 1.1111111em;
padding-inline-start: 1.3333333em;
}
.swiper-slide-info :where(ol):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 1.2em;
margin-bottom: 1.2em;
padding-inline-start: 1.6em;
}
.swiper-slide-info :where(ul):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 1.2em;
margin-bottom: 1.2em;
padding-inline-start: 1.6em;
}
.swiper-slide-info :where(li):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 0.6em;
margin-bottom: 0.6em;
}
.swiper-slide-info :where(ol > li):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
padding-inline-start: 0.4em;
}
.swiper-slide-info :where(ul > li):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
padding-inline-start: 0.4em;
}
.swiper-slide-info :where(.lg\:roya-typography-xl > ul > li p):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 0.8em;
margin-bottom: 0.8em;
}
.swiper-slide-info :where(.lg\:roya-typography-xl > ul > li > p:first-child):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 1.2em;
}
.swiper-slide-info :where(.lg\:roya-typography-xl > ul > li > p:last-child):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-bottom: 1.2em;
}
.swiper-slide-info :where(.lg\:roya-typography-xl > ol > li > p:first-child):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 1.2em;
}
.swiper-slide-info :where(.lg\:roya-typography-xl > ol > li > p:last-child):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-bottom: 1.2em;
}
.swiper-slide-info :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 0.8em;
margin-bottom: 0.8em;
}
.swiper-slide-info :where(dl):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 1.2em;
margin-bottom: 1.2em;
}
.swiper-slide-info :where(dt):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 1.2em;
}
.swiper-slide-info :where(dd):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 0.6em;
padding-inline-start: 1.6em;
}
.swiper-slide-info :where(hr):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 2.8em;
margin-bottom: 2.8em;
}
.swiper-slide-info :where(hr + *):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 0;
}
.swiper-slide-info :where(h2 + *):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 0;
}
.swiper-slide-info :where(h3 + *):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 0;
}
.swiper-slide-info :where(h4 + *):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 0;
}
.swiper-slide-info :where(table):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
font-size: 0.9em;
line-height: 1.5555556;
}
.swiper-slide-info :where(thead th):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
padding-inline-end: 0.6666667em;
padding-bottom: 0.8888889em;
padding-inline-start: 0.6666667em;
}
.swiper-slide-info :where(thead th:first-child):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
padding-inline-start: 0;
}
.swiper-slide-info :where(thead th:last-child):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
padding-inline-end: 0;
}
.swiper-slide-info :where(tbody td, tfoot td):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
padding-top: 0.8888889em;
padding-inline-end: 0.6666667em;
padding-bottom: 0.8888889em;
padding-inline-start: 0.6666667em;
}
.swiper-slide-info :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
padding-inline-start: 0;
}
.swiper-slide-info :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
padding-inline-end: 0;
}
.swiper-slide-info :where(figure):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 2em;
margin-bottom: 2em;
}
.swiper-slide-info :where(figure > *):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 0;
margin-bottom: 0;
}
.swiper-slide-info :where(figcaption):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
font-size: 0.9em;
line-height: 1.5555556;
margin-top: 1em;
}
.swiper-slide-info :where(.lg\:roya-typography-xl > :first-child):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 0;
}
.swiper-slide-info :where(.lg\:roya-typography-xl > :last-child):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-bottom: 0;
}
}
.swiper-slide-info :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *))){
text-transform: uppercase;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media not all and (min-width: 768px){
.swiper-slide-info{
max-width: none;
}
}
@media (min-width: 768px){
.swiper-slide-info{
position: absolute;
padding-top: 0px;
padding-bottom: 0px;
}
}
.hero-swiper .swiper-button-next,
.hero-swiper .swiper-button-prev{
display: inline-flex;
height: 2.5rem;
width: 2.5rem;
align-items: center;
justify-content: center;
white-space: nowrap;
border-radius: calc(var(--radius) - 2px);
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(73 75 103 / var(--tw-border-opacity));
background-color: transparent;
padding: 0px;
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 500;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
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;
}
.hero-swiper .swiper-button-next:hover,
.hero-swiper .swiper-button-prev:hover{
--tw-bg-opacity: 1;
background-color: rgb(42 45 93 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.hero-swiper .swiper-button-next:focus-visible,
.hero-swiper .swiper-button-prev:focus-visible{
outline: 2px solid transparent;
outline-offset: 2px;
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(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);
--tw-ring-opacity: 1;
--tw-ring-color: hsl(var(--ring) / var(--tw-ring-opacity));
}
.hero-swiper .swiper-button-next:disabled,
.hero-swiper .swiper-button-prev:disabled{
pointer-events: none;
opacity: 0.5;
}
.swiper-button-next:after,
.swiper-button-prev:after {
font-size: 20px;
}
.hero-swiper .swiper-button-next {
right: 3%;
}
.hero-swiper .swiper-button-prev {
left: 3%;
}
/* Team Swiper Style 2 */
.hp-team-swiper .swiper-button-next:after,
.hp-team-swiper .swiper-button-prev:after {
font-size: 40px;
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
right: 0;
}
.swiper-button-prev {
left: 0;
}
/* Team Swiper Style 3 */
.team.style3 .swiper-pagination-bullets.swiper-pagination-horizontal {
bottom: var(--swiper-pagination-bottom, 20px);
}
/* Homepage Service 4 */
.services.style4 .swiper-button-next,
.services.style4 .swiper-button-prev {
top: 60%;
}
.services.style4 .swiper-button-next:after,
.services.style4 .swiper-button-prev:after{
--tw-text-opacity: 1;
color: rgb(85 85 85 / var(--tw-text-opacity));
}
.header-ctas{
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 1rem;
}
.header-ctas > *{
min-width: -moz-fit-content;
min-width: fit-content;
flex: 1 1 0%;
}
/* Hero */
.section.hero{
padding-bottom: 2.5rem;
}
.section.hero .about{
--tw-bg-opacity: 1;
background-color: rgb(221 242 255 / var(--tw-bg-opacity));
}
@media (min-width: 1024px){
.section.hero .about{
display: none;
}
}
/* Homepage Welcome */
.welcome .image-blocks img{
aspect-ratio: 1 / 1;
height: 16rem;
width: 16rem;
border-radius: 3rem;
-o-object-fit: cover;
object-fit: cover;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 700ms;
animation-duration: 700ms;
}
@media (min-width: 1280px){
.welcome .image-blocks img{
height: 20rem;
width: 20rem;
}
}
.welcome .image-blocks img:first-child{
border-bottom-left-radius: 0px;
border-top-left-radius: 0px;
}
/* Homapage Location */
.section .location.style1{
position: relative;
--tw-bg-opacity: 1;
background-color: #6993cb;
padding-top: 4rem;
text-align: center;
--tw-text-opacity: 1;
color: #FFFFFF;
}
@media (min-width: 1024px){
.section .location.style1{
border-bottom-left-radius: 8rem;
border-top-right-radius: 8rem;
}
}
@media (min-width: 1280px){
.section .location.style1{
border-bottom-left-radius: 15rem;
border-top-right-radius: 15rem;
}
}
.section .location.style1 .image-blocks{
display: flex;
width: 100%;
align-items: center;
justify-content: center;
}
@media (min-width: 640px){
.section .location.style1 .image-blocks{
display: flex;
}
}
.section .location.style1 .image-blocks img{
aspect-ratio: 1 / 1;
height: auto;
max-width: 300px;
border-radius: 1rem;
-o-object-fit: cover;
object-fit: cover;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 700ms;
animation-duration: 700ms;
}
@media not all and (min-width: 1024px){
.section .location.style1 .image-blocks img{
width: 25vw;
}
}
@media (min-width: 768px){
.section .location.style1 .image-blocks img{
border-radius: 3rem;
}
}
.section .location.style1 .left{
display: block;
}
.team.style8 .section .location.style1 .left::before {
content: "";
left: -20%;
top: -95%;
z-index: 2;
height: 80%;
width: 200%;
--tw-rotate: 165deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
--tw-bg-opacity: 1;
background-color: rgb(50 125 198 / var(--tw-bg-opacity));
opacity: 0.5;
}
@media (min-width: 768px){
.team.style8 .section .location.style1 .left::before{
position: absolute;
}
}
.team.style8 .section .location.style1 .left::after {
content: "";
bottom: -95%;
right: -20%;
z-index: 2;
height: 80%;
width: 200%;
--tw-rotate: 165deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
--tw-bg-opacity: 1;
background-color: rgb(42 45 93 / var(--tw-bg-opacity));
opacity: 0.5;
}
@media (min-width: 768px){
.team.style8 .section .location.style1 .left::after{
position: absolute;
}
}
@media (min-width: 1024px){
.section .location.style1 .left{
width: 50%;
}
}
.section .location.style1 .right{
margin-left: auto;
margin-right: auto;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
@media (min-width: 768px){
.section .location.style1 .right{
width: 50%;
}
}
@media (min-width: 1024px){
.section .location.style1 .right{
width: 35%;
}
}
.section .location.style1 .right ul:first-of-type{
display: flex;
height: 100%;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 2rem;
}
@media (min-width: 1024px){
.section .location p{
text-align: left;
}
}
.section .location ul li{
display: flex;
width: 100%;
justify-content: flex-start;
--tw-text-opacity: 1;
color: rgb(31 41 55 / var(--tw-text-opacity));
}
@media not all and (min-width: 300px){
.section .location ul li{
flex-direction: column;
align-items: center;
}
}
@media (min-width: 300px){
.section .location ul li{
flex-direction: row;
align-items: flex-start;
text-align: left;
}
}
.section .location .hours li{
display: flex;
width: 100%;
align-items: center;
justify-content: space-between;
text-align: left;
--tw-text-opacity: 1;
color: rgb(31 41 55 / var(--tw-text-opacity));
}
@media (min-width: 640px){
.section .location .hours li span:first-child{
margin-inline-end: 1rem;
}
}
@media not all and (min-width: 768px){
.section .location .hours li:first-child{
font-weight: 600;
}
}
.section .location ul li .svg{
margin-inline-end: 1rem;
display: grid;
height: 30px;
min-height: 30px;
width: 30px;
min-width: 30px;
place-items: center;
border-radius: 9999px;
--tw-bg-opacity: 1;
background-color: #6993cb;
font-size: 0.875rem;
line-height: 1.25rem;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.section .location ul li .svg svg{
height: 100%;
width: 100%;
}
/* Services */
.section .services .button{
z-index: 1;
display: flex;
align-items: center;
justify-content: space-between;
border-radius: 9999px;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
padding-left: 1.5rem;
padding-right: 1.5rem;
padding-top: 1rem;
padding-bottom: 1rem;
text-align: left;
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(93 93 93);
}
@media(width < 1024px){
.section .services .button{
color: rgb(80 80 80);
background-color: rgb(248 248 248);
}
}
@media(width > 1024px){
.section .services .button{
box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.08);
}
}
.section .services .button:hover{
cursor: pointer;
--tw-bg-opacity: 1;
background-color: #6993cb;
--tw-text-opacity: 1;
color: #FFFFFF;
}
.section .services .button:hover svg {
fill: #fff;
}
@media (min-width: 768px){
.section .services .button{
padding-left: 2rem;
padding-right: 2rem;
}
}
@media (min-width: 1024px){
.section .services .button{
padding-left: 2.5rem;
padding-right: 2.5rem;
box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.08);
}
}
@media not all and (min-width: 1024px){
.section .services .button svg{
fill: #6d6d6d;
}
.group:hover .section .services .button svg{
fill: #ffffff;
}
}
@media (min-width: 1024px){
.section .services .button svg{
fill: #6d6d6d;
}
}
/* Team */
/* .section .testimonials {
@apply bg-secondary bg-opacity-10;
} */
@media (min-width: 1024px){
.section .testimonials{
/*border-top-left-radius: 8rem;
border-top-right-radius: 3rem;*/
}
}
@media (min-width: 1280px){
.section .testimonials{
/*border-top-left-radius: 15rem;*/
}
}
.section .testimonials::before{
position: absolute;
inset: 0px;
z-index: 1;
height: 100%;
width: 100%;
opacity: 0.3;
--tw-content: "";
content: var(--tw-content);
}
.section .testimonials .swiper-btns,
.section .team .swiper-btns{
display: grid;
min-height: 2.5rem;
min-width: 2.5rem;
place-items: center;
border-radius: 9999px;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(42 45 93 / var(--tw-border-opacity));
--tw-text-opacity: 1;
color: rgb(42 45 93 / var(--tw-text-opacity));
}
.section .team .swiper-pagination,
.section .team .swiper-button-next,
.section .team .swiper-button-prev {
position: relative;
flex: 1;
}
.section .team .swiper-pagination {
display: inline-block;
vertical-align: middle;
}
.section .team .swiper-button-next,
.section .team .swiper-button-prev {
display: inline-block;
vertical-align: middle;
}
.section .team .swiper-controls {
text-align: center;
}
.section .team .swiper-pagination-bullet,
.section .testimonials .swiper-pagination-bullet {
width: 8px;
height: 8px;
border-radius: 999px;
}
/* FAQ */
.section.faq{
background-color: #6993cb;
}
.section .faq ul li{
border-radius: 3rem;
--tw-bg-opacity: 1;
background-color: rgb(248 248 248);
padding-left: 2.25rem;
padding-right: 2.25rem;
padding-top: 1rem;
padding-bottom: 1rem;
--tw-text-opacity: 1;
color: #595959;
}
@media (min-width: 1024px){
.section .faq ul li{
border-radius: 1.5rem;
}
}
/* FOOTER */
.footer a:hover{
cursor: pointer;
--tw-text-opacity: 1;
color: rgb(42 45 93 / var(--tw-text-opacity));
}
.footer .bottom ul li:hover{
cursor: pointer;
text-decoration-line: underline;
}
.footer .social ul li{
margin-bottom: 1rem;
display: grid;
height: 3.5rem;
width: 3.5rem;
place-items: center;
border-radius: 9999px;
border-width: 2px;
--tw-bg-opacity: 1;
border-color: #5886c5;
background-color: transparent;
font-size: 1.5rem;
line-height: 2rem;
--tw-text-opacity: 1;
color: #FFFFFF;
}
.footer .social ul li:hover{
cursor: pointer;
--tw-border-opacity: 1;
border-color: rgb(50 125 198 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: #3b3b3b;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.footer.style2 .contact .social ul li{
margin-bottom: 1rem;
display: grid;
height: 2rem;
width: 2rem;
place-items: center;
border-radius: 9999px;
border-width: 2px;
--tw-border-opacity: 1;
border-color: var(--primary);
background-color: transparent;
font-size: 1rem;
line-height: 2rem;
--tw-text-opacity: 1;
color: rgb(42 45 93 / var(--tw-text-opacity));
}
.footer.style2 .contact .social ul li:hover{
--tw-bg-opacity: 1;
background-color: var(--primary);
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.footer .social ul li a{
display: block;
}
.team.style8 .footer .social ul li a::before {
content: "";
left: -20%;
top: -95%;
z-index: 2;
height: 80%;
width: 200%;
--tw-rotate: 165deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
opacity: 0.5;
}
@media (min-width: 768px){
.team.style8 .footer .social ul li a::before{
position: absolute;
}
}
.team.style8 .footer .social ul li a::after {
content: "";
bottom: -95%;
right: -20%;
z-index: 2;
height: 80%;
width: 200%;
--tw-rotate: 165deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
--tw-bg-opacity: 1;
background-color: rgb(42 45 93 / var(--tw-bg-opacity));
opacity: 0.5;
}
@media (min-width: 768px){
.team.style8 .footer .social ul li a::after{
position: absolute;
}
}
.footer .social ul li a i{
display: grid;
height: 100%;
width: 100%;
place-items: center;
}
.footer .contact ul li{
margin-bottom: 1rem;
display: flex;
align-items: center;
gap: 1rem;
}
.footer .contact ul li .icon{
display: grid;
height: 2.5rem;
width: 2.5rem;
place-items: center;
border-radius: 9999px;
}
.footer.style2 .company ul li:hover,
.footer.style2 .get-care ul li:hover{
cursor: pointer;
--tw-text-opacity: 1;
color: rgb(42 45 93 / var(--tw-text-opacity));
}
.copyright a:hover{
cursor: pointer;
--tw-text-opacity: 1;
color: rgb(42 45 93 / var(--tw-text-opacity));
text-decoration-line: underline;
}
/* Interior Pages */
/* Forms */
#patient-form .fieldset > :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));
--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));
border-color: rgb(146 148 178);
}
#patient-form .fieldset:last-child{
border-width: 0px;
}
.form-input-check input{
margin-inline-end: 0.5rem;
height: 1rem;
width: 1rem;
border-radius: 0.25rem;
--tw-border-opacity: 1;
border-color: rgb(209 219 219 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(243 244 246 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(50 125 198 / var(--tw-text-opacity));
}
.form-input-check input:focus{
--tw-ring-opacity: 1;
--tw-ring-color: rgb(50 125 198 / var(--tw-ring-opacity));
}
.ry-sticky-menu {
transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
.ry-menu .ry-nav{
padding-left: 0px;
}
.ry-menu .ry-nav li{
list-style-type: none;
}
.ry-menu .ry-nav li.primary .caret{
margin-left: 1.25rem;
}
.ry-menu .ry-nav li.dropdown .dropdown-menu{
position: absolute;
top: 8rem;
z-index: 999;
border-width: 0px;
background-image: none;
opacity: 0;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.ry-menu .ry-nav li.dropdown .dropdown-menu li{
position: relative;
left: 6rem;
width: 100%;
--tw-bg-opacity: 1;
background-color: var(--primary);
padding-left: 2rem;
padding-right: 2rem;
padding-top: 0.875rem;
padding-bottom: 0.875rem;
text-align: center;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
opacity: 0;
}
.ry-menu .ry-nav li.dropdown .dropdown-menu li.active a{
background-image: none;
}
.ry-menu .ry-nav li.dropdown .dropdown-menu li:last-child{
border-bottom-width: 0px;
}
.ry-menu .ry-nav li.dropdown .dropdown-menu li a:hover{
background-image: none;
}
.ry-menu .ry-nav li.dropdown .dropdown-menu.hover li{
left: 0px;
opacity: 1;
}
.ry-menu .ry-nav li.dropdown .dropdown-menu.hover li:nth-child(20), .ry-menu .ry-nav li.dropdown .dropdown-menu.hover li:nth-child(19), .ry-menu .ry-nav li.dropdown .dropdown-menu.hover li:nth-child(18), .ry-menu .ry-nav li.dropdown .dropdown-menu.hover li:nth-child(17), .ry-menu .ry-nav li.dropdown .dropdown-menu.hover li:nth-child(16), .ry-menu .ry-nav li.dropdown .dropdown-menu.hover li:nth-child(15), .ry-menu .ry-nav li.dropdown .dropdown-menu.hover li:nth-child(14), .ry-menu .ry-nav li.dropdown .dropdown-menu.hover li:nth-child(13), .ry-menu .ry-nav li.dropdown .dropdown-menu.hover li:nth-child(12), .ry-menu .ry-nav li.dropdown .dropdown-menu.hover li:nth-child(11), .ry-menu .ry-nav li.dropdown .dropdown-menu.hover li:nth-child(10), .ry-menu .ry-nav li.dropdown .dropdown-menu.hover li:nth-child(9), .ry-menu .ry-nav li.dropdown .dropdown-menu.hover li:nth-child(8), .ry-menu .ry-nav li.dropdown .dropdown-menu.hover li:nth-child(7), .ry-menu .ry-nav li.dropdown .dropdown-menu.hover li:nth-child(6), .ry-menu .ry-nav li.dropdown .dropdown-menu.hover li:nth-child(5), .ry-menu .ry-nav li.dropdown .dropdown-menu.hover li:nth-child(4), .ry-menu .ry-nav li.dropdown .dropdown-menu.hover li:nth-child(3), .ry-menu .ry-nav li.dropdown .dropdown-menu.hover li:nth-child(2), .ry-menu .ry-nav li.dropdown .dropdown-menu.hover li:nth-child(1) {
transition: all ease 200ms;
}
.ry-menu .ry-nav li.dropdown .dropdown-menu.hover li:nth-child(1) {
transition-delay: 0ms;
}
.ry-menu .ry-nav li.dropdown .dropdown-menu.hover li:nth-child(2) {
transition-delay: 0ms;
}
.ry-menu .ry-nav li.dropdown .dropdown-menu.hover li:nth-child(3) {
transition-delay: 0ms;
}
.ry-menu .ry-nav li.dropdown .dropdown-menu.hover li:nth-child(4) {
transition-delay: 0ms;
}
.ry-menu .ry-nav li.dropdown .dropdown-menu.hover li:nth-child(5) {
transition-delay: 0ms;
}
.ry-menu .ry-nav li.dropdown .dropdown-menu.hover li:nth-child(6) {
transition-delay: 0ms;
}
.ry-menu .ry-nav li.dropdown .dropdown-menu.hover li:nth-child(7) {
transition-delay: 0ms;
}
.ry-menu .ry-nav li.dropdown .dropdown-menu.hover li:nth-child(8) {
transition-delay: 0ms;
}
.ry-menu .ry-nav li.dropdown .dropdown-menu.hover li:nth-child(9) {
transition-delay: 0ms;
}
.ry-menu .ry-nav li.dropdown .dropdown-menu.hover li:nth-child(10) {
transition-delay: 0ms;
}
.ry-menu .ry-nav li.dropdown .dropdown-menu.hover li:nth-child(11) {
transition-delay: 0ms;
}
.ry-menu .ry-nav li.dropdown .dropdown-menu.hover li:nth-child(12) {
transition-delay: 0ms;
}
.ry-menu .ry-nav li.dropdown .dropdown-menu.hover li:nth-child(13) {
transition-delay: 0ms;
}
.ry-menu .ry-nav li.dropdown .dropdown-menu.hover li:nth-child(14) {
transition-delay: 0ms;
}
.ry-menu .ry-nav li.dropdown .dropdown-menu.hover li:nth-child(15) {
transition-delay: 0ms;
}
.ry-menu .ry-nav li.dropdown .dropdown-menu.hover li:nth-child(16) {
transition-delay: 0ms;
}
.ry-menu .ry-nav li.dropdown .dropdown-menu.hover li:nth-child(17) {
transition-delay: 0ms;
}
.ry-menu .ry-nav li.dropdown .dropdown-menu.hover li:nth-child(18) {
transition-delay: 0ms;
}
.ry-menu .ry-nav li.dropdown .dropdown-menu.hover li:nth-child(19) {
transition-delay: 0ms;
}
.ry-menu .ry-nav li.dropdown .dropdown-menu.hover li:nth-child(20) {
transition-delay: 0ms;
}
.ry-menu .ry-nav li.dropdown:hover ul{
display: block;
}
.team.style8 .ry-menu .ry-nav li.dropdown:hover ul::before {
content: "";
left: -20%;
top: -95%;
z-index: 2;
height: 80%;
width: 200%;
--tw-rotate: 165deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
--tw-bg-opacity: 1;
background-color: rgb(50 125 198 / var(--tw-bg-opacity));
opacity: 0.5;
}
@media (min-width: 768px){
.team.style8 .ry-menu .ry-nav li.dropdown:hover ul::before{
position: absolute;
}
}
.team.style8 .ry-menu .ry-nav li.dropdown:hover ul::after {
content: "";
bottom: -95%;
right: -20%;
z-index: 2;
height: 80%;
width: 200%;
--tw-rotate: 165deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
--tw-bg-opacity: 1;
background-color: rgb(42 45 93 / var(--tw-bg-opacity));
opacity: 0.5;
}
@media (min-width: 768px){
.team.style8 .ry-menu .ry-nav li.dropdown:hover ul::after{
position: absolute;
}
}
.ry-menu .ry-nav li .dropdown-toggle{
align-items: center;
}
.caret {
border-width: 0px 0.125rem 0.125rem 0px;
position: absolute;
inset-inline-end: 0px;
top: 50%;
display: inline-block;
--tw-translate-y: -50%;
--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));
border-radius: 0.5px;
--tw-border-opacity: 1;
border-color: rgb(85 85 85 / var(--tw-border-opacity));
padding: 2px;
}
.caret:where([dir="rtl"], [dir="rtl"] *){
--tw-rotate: 135deg;
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));
}
.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: 1rem;
z-index: -1;
}
.ry-menu .ry-nav li .third-level-container .third-level-dropdown > :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));
}
.ry-menu .ry-nav li .third-level-container .third-level-dropdown{
padding-left: 0px;
box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.03);
display: none !important;
}
.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 .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: 0px;
width: 100%;
padding-left: 0px;
display: none !important;
}
.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 0ms;
}
.ry-menu .ry-nav li .fourth-level-container .fourth-level-dropdown.fourth-hover li:nth-child(2) {
transition: all ease 200ms 100ms;
}
.ry-menu .ry-nav li .fourth-level-container .fourth-level-dropdown.fourth-hover li:nth-child(3) {
transition: all ease 200ms 200ms;
}
.ry-menu .ry-nav li .fourth-level-container .fourth-level-dropdown.fourth-hover li:nth-child(4) {
transition: all ease 200ms 300ms;
}
.ry-menu .ry-nav li .fourth-level-container .fourth-level-dropdown.fourth-hover li:nth-child(5) {
transition: all ease 200ms 400ms;
}
.ry-menu .ry-nav li .fourth-level-container .fourth-level-dropdown.fourth-hover li:nth-child(6) {
transition: all ease 200ms 500ms;
}
.ry-menu .ry-nav li .fourth-level-container .fourth-level-dropdown.fourth-hover li:nth-child(7) {
transition: all ease 200ms 600ms;
}
.ry-menu .ry-nav li .fourth-level-container .fourth-level-dropdown li {
background: #ffffff;
left: -210px !important;
position: relative !important;
opacity: 0 !important;
}
.site-navigation{
z-index: 999;
padding: 0px;
}
.site-navigation .snap-nav{
display: flex;
width: 100%;
flex-direction: column;
align-items: center;
padding: 0px;
}
.site-navigation .snap-nav .ry-menu{
width: 100%;
}
.site-navigation .snap-nav .ry-menu .nav-menu{
position: relative;
display: flex;
width: 100%;
flex-wrap: wrap;
justify-content: flex-start;
gap: 1rem;
}
.site-navigation .snap-nav .ry-menu .nav-menu li{
position: relative;
list-style-type: none;
}
.site-navigation .snap-nav .ry-menu .nav-menu li a{
display: block;
white-space: nowrap;
padding-left: 0.75rem;
padding-right: 0.75rem;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
font-weight: 500;
text-transform: uppercase;
}
.team.style8 .site-navigation .snap-nav .ry-menu .nav-menu li a::before {
content: "";
left: -20%;
top: -95%;
z-index: 2;
height: 80%;
width: 200%;
--tw-rotate: 165deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
--tw-bg-opacity: 1;
background-color: rgb(50 125 198 / var(--tw-bg-opacity));
opacity: 0.5;
}
@media (min-width: 768px){
.team.style8 .site-navigation .snap-nav .ry-menu .nav-menu li a::before{
position: absolute;
}
}
.team.style8 .site-navigation .snap-nav .ry-menu .nav-menu li a::after {
content: "";
bottom: -95%;
right: -20%;
z-index: 2;
height: 80%;
width: 200%;
--tw-rotate: 165deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
--tw-bg-opacity: 1;
background-color: rgb(42 45 93 / var(--tw-bg-opacity));
opacity: 0.5;
}
@media (min-width: 768px){
.team.style8 .site-navigation .snap-nav .ry-menu .nav-menu li a::after{
position: absolute;
}
}
.site-navigation .snap-nav .ry-menu .nav-menu li a:first-child{
padding-left: 0px;
}
.site-navigation .snap-nav .ry-menu .nav-menu li a:last-child{
padding-right: 0px;
}
.site-navigation .snap-nav .ry-menu .nav-menu li:hover .dropdown-menu{
visibility: visible;
position: absolute;
top: 2rem;
padding: 0px;
opacity: 1;
}
.tooltip.site-navigation .snap-nav .ry-menu .nav-menu li .dropdown-menu > .tooltip-arrow:before{
visibility: hidden;
}
[role="tooltip"].site-navigation .snap-nav .ry-menu .nav-menu li .dropdown-menu > [data-popper-arrow]:before{
visibility: hidden;
}
[role="tooltip"].site-navigation .snap-nav .ry-menu .nav-menu li .dropdown-menu > [data-popper-arrow]:after{
visibility: hidden;
}
.site-navigation .snap-nav .ry-menu .nav-menu li .dropdown-menu{
visibility: hidden;
margin-top: 0.5rem;
display: block;
}
.site-navigation .snap-nav .ry-menu .nav-menu li .dropdown-menu > :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));
}
.site-navigation .snap-nav .ry-menu .nav-menu li .dropdown-menu{
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
padding-left: 0.625rem;
padding-right: 0.625rem;
padding-top: 2rem;
padding-bottom: 2rem;
opacity: 0;
box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.03);
}
.team.style8 .site-navigation .snap-nav .ry-menu .nav-menu li .dropdown-menu::before {
content: "";
left: -20%;
top: -95%;
z-index: 2;
height: 80%;
width: 200%;
--tw-rotate: 165deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
--tw-bg-opacity: 1;
background-color: rgb(50 125 198 / var(--tw-bg-opacity));
opacity: 0.5;
}
@media (min-width: 768px){
.team.style8 .site-navigation .snap-nav .ry-menu .nav-menu li .dropdown-menu::before{
position: absolute;
}
}
.team.style8 .site-navigation .snap-nav .ry-menu .nav-menu li .dropdown-menu::after {
content: "";
bottom: -95%;
right: -20%;
z-index: 2;
height: 80%;
width: 200%;
--tw-rotate: 165deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
--tw-bg-opacity: 1;
background-color: rgb(42 45 93 / var(--tw-bg-opacity));
opacity: 0.5;
}
@media (min-width: 768px){
.team.style8 .site-navigation .snap-nav .ry-menu .nav-menu li .dropdown-menu::after{
position: absolute;
}
}
.site-navigation .snap-nav .ry-menu .nav-menu li .dropdown-menu li{
position: relative;
display: flex;
align-items: flex-start;
width: 100%;
justify-content: flex-start;
padding-left: 2rem;
padding-right: 2rem;
padding-top: 0.25rem;
padding-bottom: 0.25rem;
text-transform: uppercase;
line-height: 1.5rem;
}
.site-navigation .snap-nav .ry-menu .nav-menu li .dropdown-menu li:hover{
--tw-bg-opacity: 1;
background-color: white;
color: #6993cb;
}
.site-navigation .snap-nav .ry-menu .nav-menu li .dropdown-menu li a:hover{
--tw-text-opacity: 1;
color: #6993cb;
}
.site-navigation .snap-nav .ry-menu .nav-menu li .dropdown-menu li:hover a{
background-color: transparent;
}
.dropdown-menu > li > a{
white-space: nowrap;
}
.box{
width: 2rem;
background-image: linear-gradient( 113deg, hsl(var(--primary)) 50%, hsl(var(--secondary)) 50% );
}
@media (width > 1024px) {
.multiLocationUl:before{
position: absolute;
top: -0.5rem;
left: 50%;
z-index: 50;
display: inline-block;
height: 0px;
width: 0px;
--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));
border-left-width: 8px;
border-right-width: 8px;
border-bottom-width: 8px;
border-left-color: transparent;
border-right-color: transparent;
--tw-border-opacity: 1;
border-bottom-color: rgb(209 219 219 / var(--tw-border-opacity));
--tw-content: "";
content: var(--tw-content);
}
}
.btn{
display: inline-flex;
cursor: pointer;
align-items: center;
justify-content: center;
font-weight: 600;
text-decoration-line: none;
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;
}
.btn:focus-visible{
outline: 2px solid transparent;
outline-offset: 2px;
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(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);
--tw-ring-opacity: 1;
--tw-ring-color: hsl(var(--ring) / var(--tw-ring-opacity));
}
.btn:disabled{
pointer-events: auto;
cursor: not-allowed;
opacity: 0.5;
}
/* Sizes */
.btn-sm{
min-height: 2rem;
padding-left: 0.75rem;
padding-right: 0.75rem;
font-size: 0.75rem;
line-height: 1rem;
}
.btn-normal {
min-height: 2.25rem;
padding-left: 25px;
padding-right: 25px;
padding-top: 15px;
padding-bottom: 15px;
font-size: 1rem;
line-height: 1.5rem;
border-radius: 30px;
}
.btn-lg{
min-height: 3rem;
padding-left: 2rem;
padding-right: 2rem;
font-size: 1.125rem;
line-height: 1.75rem;
}
.btn-xl{
min-height: 3.5rem;
padding-left: 2.5rem;
padding-right: 2.5rem;
font-size: 1.25rem;
line-height: 1.75rem;
}
.btn-2xl{
min-height: 5rem;
padding-left: 3rem;
padding-right: 3rem;
font-size: 1.25rem;
line-height: 1.75rem;
}
.btn-icon{
min-height: 2.5rem;
min-width: 2.5rem;
}
.btn-header-icon{
display: none;
min-height: 4rem;
justify-content: flex-start;
padding-left: 2rem;
padding-right: 2rem;
font-size: 1.125rem;
line-height: 1.75rem;
}
@media (min-width: 1024px){
.btn-header-icon{
display: inline-flex;
}
}
.btn-header-icon i{
margin-right: 1rem;
display: grid;
place-items: center;
border-radius: 9999px;
border-width: 1px;
padding: 0.5rem;
font-size: 1.25rem;
line-height: 1.75rem;
}
@media (min-width: 1280px){
.btn-header-icon i{
padding: 0.75rem;
}
}
/* Variants */
.btn-primary{
--tw-bg-opacity: 1;
background-color: #6993cb;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
--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);
}
.btn-primary:hover{
background-color: rgb(42 45 93 / 0.9);
}
.btn-header-icon.btn-primary i{
--tw-border-opacity: 1;
border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.btn-secondary{
--tw-bg-opacity: 1;
background-color: rgb(50 125 198 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
--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);
}
.btn-secondary:hover{
background-color: rgb(50 125 198 / 0.9);
}
.btn-header-icon.btn-secondary i{
--tw-border-opacity: 1;
border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.btn-outline{
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(42 45 93 / var(--tw-border-opacity));
background-color: transparent;
--tw-text-opacity: 1;
color: rgb(42 45 93 / var(--tw-text-opacity));
--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);
}
.btn-outline:hover{
border-color: #6993cb;
background-color: #6993cb;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
.btn-secondary-outline{
border-width: 1px;
--tw-border-opacity: 1;
border-color: #5886c5;
background-color: transparent;
--tw-text-opacity: 1;
color: #6993cb;
--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);
}
.btn-secondary-outline:hover{
border-color: #5886c5;
background-color: #5886c5;
--tw-text-opacity: 1;
color: #FFFFFF !important;
}
.btn-custom-outline{
border-width: 2px;
border-color: #FF4D4D;
background-color: transparent;
color: #FF4D4D;
--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);
}
.btn-custom-outline:hover{
border-color: #FF4D4D;
background-color: #FF4D4D;
--tw-text-opacity: 1;
color: #FFFFFF;
}
.btn-muted{
--tw-bg-opacity: 1;
background-color: rgb(181 181 181 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(85 85 85 / var(--tw-text-opacity));
}
.btn-muted:hover{
background-color: rgb(181 181 181 / 0.9);
}
.btn-ghost{
--tw-text-opacity: 1;
color: rgb(85 85 85 / var(--tw-text-opacity));
}
.btn-ghost:hover{
--tw-bg-opacity: 1;
background-color: rgb(42 45 93 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.btn-link{
--tw-text-opacity: 1;
color: rgb(42 45 93 / var(--tw-text-opacity));
text-underline-offset: 4px;
}
.btn-link:hover{
text-decoration-line: underline;
}
.btn-danger{
background-color: hsl(var(--danger));
color: hsl(var(--danger-foreground));
--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);
}
.btn-danger:hover{
background-color: hsl(var(--danger) / 0.9);
}
.btn-success{
background-color: hsl(var(--success));
color: hsl(var(--success-foreground));
--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);
}
.btn-success:hover{
background-color: hsl(var(--success) / 0.9);
}
.btn-info{
background-color: hsl(var(--info));
color: hsl(var(--info-foreground));
--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);
}
.btn-info:hover{
background-color: hsl(var(--info) / 0.9);
}
.btn-warning{
background-color: hsl(var(--warning));
color: hsl(var(--warning-foreground));
--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);
}
.btn-warning:hover{
background-color: hsl(var(--warning) / 0.9);
}
.btn-custom{
border-width: 2px;
border-color: #FF4D4D;
--tw-bg-opacity: 1;
background-color: #FF4D4D;
--tw-text-opacity: 1;
color: #FFFFFF;
--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);
}
.btn-custom:hover{
background-color: #FF4D4D;
border-color: #FF4D4D;
opacity: .9;
}
/* Style 1 */
.interior-contact.style1 #social ul li{
display: grid;
height: 3rem;
width: 3rem;
place-items: center;
border-radius: 9999px;
--tw-bg-opacity: 1;
background-color: rgb(50 125 198 / var(--tw-bg-opacity));
padding: 0.5rem;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.interior-contact.style1 #social ul li:hover{
cursor: pointer;
--tw-bg-opacity: 1;
background-color: rgb(42 45 93 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
#interior{
color: var(--tw-prose-body);
max-width: 65ch;
}
#interior :where(p):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 1.25em;
margin-bottom: 1.25em;
}
#interior :where([class~="lead"]):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
color: var(--tw-prose-lead);
font-size: 1.25em;
line-height: 1.6;
margin-top: 1.2em;
margin-bottom: 1.2em;
}
#interior :where(a):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
color: var(--tw-prose-links);
text-decoration: none;
font-weight: 500;
}
#interior :where(strong):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
color: var(--tw-prose-bold);
font-weight: 600;
}
#interior :where(a strong):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
color: inherit;
}
#interior :where(blockquote strong):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
color: inherit;
}
#interior :where(thead th strong):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
color: inherit;
}
#interior :where(ol):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
list-style-type: decimal;
margin-top: 1.25em;
margin-bottom: 1.25em;
padding-inline-start: 1.625em;
}
#interior :where(ol[type="A"]):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
list-style-type: upper-alpha;
}
#interior :where(ol[type="a"]):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
list-style-type: lower-alpha;
}
#interior :where(ol[type="A" s]):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
list-style-type: upper-alpha;
}
#interior :where(ol[type="a" s]):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
list-style-type: lower-alpha;
}
#interior :where(ol[type="I"]):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
list-style-type: upper-roman;
}
#interior :where(ol[type="i"]):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
list-style-type: lower-roman;
}
#interior :where(ol[type="I" s]):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
list-style-type: upper-roman;
}
#interior :where(ol[type="i" s]):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
list-style-type: lower-roman;
}
#interior :where(ol[type="1"]):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
list-style-type: decimal;
}
#interior :where(ul):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
list-style-type: disc;
margin-top: 1.25em;
margin-bottom: 1.25em;
padding-inline-start: 1.625em;
}
#interior :where(ol > li):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *))::marker{
font-weight: 400;
color: var(--tw-prose-counters);
}
#interior :where(ul > li):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *))::marker{
color: var(--tw-prose-bullets);
}
#interior :where(dt):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
color: var(--tw-prose-headings);
font-weight: 600;
margin-top: 1.25em;
}
#interior :where(hr):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
border-color: var(--tw-prose-hr);
border-top-width: 1px;
margin-top: 3em;
margin-bottom: 3em;
}
#interior :where(blockquote):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
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;
}
#interior :where(blockquote p:first-of-type):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *))::before{
content: open-quote;
}
#interior :where(blockquote p:last-of-type):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *))::after{
content: close-quote;
}
#interior :where(h1):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
color: var(--foreground);
font-weight: 800;
font-size: 1.5625em;
margin-top: 0;
margin-bottom: 0.8em;
line-height: 1.2;
}
#interior :where(h1 strong):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
font-weight: 900;
color: inherit;
}
#interior :where(h2):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
color: var(--primary);
font-weight: 700;
font-size: 1.5625em;
margin-top: 1.6em;
margin-bottom: 0.8em;
line-height: 1.4;
}
#interior :where(h2 strong):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
font-weight: 800;
color: inherit;
}
#interior :where(h3):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
color: var(--tw-prose-headings);
font-weight: 600;
font-size: 2.5714286em;
margin-top: 1.5555556em;
margin-bottom: 0.4444444em;
line-height: 1.5555556;
}
#interior :where(h3 strong):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
font-weight: 700;
color: inherit;
}
#interior :where(h4):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
color: var(--tw-prose-headings);
font-weight: 600;
margin-top: 1.5em;
margin-bottom: 0.5em;
line-height: 1.5;
}
#interior :where(h4 strong):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
font-weight: 700;
color: inherit;
}
#interior :where(img):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 0;
margin-bottom: 0;
}
#interior :where(picture):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
display: block;
margin-top: 2em;
margin-bottom: 2em;
}
#interior :where(video):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 2em;
margin-bottom: 2em;
}
#interior :where(kbd):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
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;
}
#interior :where(code):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
color: var(--tw-prose-code);
font-weight: 600;
font-size: 0.875em;
}
#interior :where(code):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *))::before{
content: "`";
}
#interior :where(code):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *))::after{
content: "`";
}
#interior :where(a code):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
color: inherit;
}
#interior :where(h1 code):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
color: inherit;
}
#interior :where(h2 code):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
color: inherit;
font-size: 0.875em;
}
#interior :where(h3 code):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
color: inherit;
font-size: 0.9em;
}
#interior :where(h4 code):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
color: inherit;
}
#interior :where(blockquote code):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
color: inherit;
}
#interior :where(thead th code):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
color: inherit;
}
#interior :where(pre):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
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;
}
#interior :where(pre code):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
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;
}
#interior :where(pre code):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *))::before{
content: none;
}
#interior :where(pre code):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *))::after{
content: none;
}
#interior :where(table):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
width: 100%;
table-layout: auto;
text-align: start;
margin-top: 2em;
margin-bottom: 2em;
font-size: 0.875em;
line-height: 1.7142857;
}
#interior :where(thead):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
border-bottom-width: 1px;
border-bottom-color: var(--tw-prose-th-borders);
}
#interior :where(thead th):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
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;
}
#interior :where(tbody tr):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
border-bottom-width: 1px;
border-bottom-color: var(--tw-prose-td-borders);
}
#interior :where(tbody tr:last-child):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
border-bottom-width: 0;
}
#interior :where(tbody td):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
vertical-align: baseline;
}
#interior :where(tfoot):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
border-top-width: 1px;
border-top-color: var(--tw-prose-th-borders);
}
#interior :where(tfoot td):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
vertical-align: top;
}
#interior :where(figure > *):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 0;
margin-bottom: 0;
}
#interior :where(figcaption):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
color: var(--tw-prose-captions);
font-size: 0.875em;
line-height: 1.4285714;
margin-top: 0.8571429em;
}
#interior{
--tw-prose-body: hsl(var(--foreground));
--tw-prose-headings: #2a2d5d;
--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;
}
#interior :where(picture > img):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 0;
margin-bottom: 0;
}
#interior :where(li):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 0.5em;
margin-bottom: 0.5em;
}
#interior :where(ol > li):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
padding-inline-start: 0.375em;
}
#interior :where(ul > li):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
padding-inline-start: 0.375em;
}
#interior :where(.roya-typography > ul > li p):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 0.75em;
margin-bottom: 0.75em;
}
#interior :where(.roya-typography > ul > li > p:first-child):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 1.25em;
}
#interior :where(.roya-typography > ul > li > p:last-child):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-bottom: 1.25em;
}
#interior :where(.roya-typography > ol > li > p:first-child):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 1.25em;
}
#interior :where(.roya-typography > ol > li > p:last-child):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-bottom: 1.25em;
}
#interior :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 0.75em;
margin-bottom: 0.75em;
}
#interior :where(dl):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 1.25em;
margin-bottom: 1.25em;
}
#interior :where(dd):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 0.5em;
padding-inline-start: 1.625em;
}
#interior :where(hr + *):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 0;
}
#interior :where(h2 + *):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 0;
}
#interior :where(h3 + *):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 0;
}
#interior :where(h4 + *):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 0;
}
#interior :where(thead th:first-child):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
padding-inline-start: 0;
}
#interior :where(thead th:last-child):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
padding-inline-end: 0;
}
#interior :where(tbody td, tfoot td):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
padding-top: 0.5714286em;
padding-inline-end: 0.5714286em;
padding-bottom: 0.5714286em;
padding-inline-start: 0.5714286em;
}
#interior :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
padding-inline-start: 0;
}
#interior :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
padding-inline-end: 0;
}
#interior :where(figure):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 2em;
margin-bottom: 2em;
}
#interior :where(.roya-typography > :first-child):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-top: 0;
}
#interior :where(.roya-typography > :last-child):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *)){
margin-bottom: 0;
}
#interior{
position: relative;
min-height: 100vh;
max-width: none;
padding-bottom: 8rem;
}
#interior :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *))){
font-size: 1.5rem;
line-height: 2rem;
}
#interior :is(:where(p):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *))){
font-size: 1.25rem;
line-height: 1.75rem;
}
@media (min-width: 640px){
#interior :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *))){
font-size: 1.875rem;
line-height: 2.25rem;
}
}
@media (min-width: 1024px){
#interior :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *))){
font-size: 2.25rem;
line-height: 2.5rem;
}
}
@media (min-width: 1280px){
#interior :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *))){
font-size: 3rem;
line-height: 1;
}
}
#interior ul *::marker,
#interior ol *::marker{
color: #6993cb;
}
#interior ul::marker,
#interior ol::marker{
color: #6993cb;
}
.list-image{
list-style-image: url(https://s3.amazonaws.com/static.organiclead.com/Site-dfe5a3f7-4291-4423-87e4-497cbe351876/images/list_image_2.png);
}
/* Banner */
#interior .banner.style1 img{
position: absolute;
aspect-ratio: 16 / 9;
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: right top;
object-position: right top;
}
#interior .banner.style1 .content-wrapper{
position: relative;
top: 0px;
display: flex;
height: 100%;
width: 100%;
flex-direction: column;
justify-content: space-between;
background-image: linear-gradient(to right, var(--tw-gradient-stops));
--tw-gradient-from: #327DC6 var(--tw-gradient-from-position);
--tw-gradient-to: rgb(50 125 198 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
--tw-gradient-to: transparent var(--tw-gradient-to-position);
padding-top: 4rem;
padding-bottom: 4rem;
font-size: 1.25rem;
line-height: 1.75rem;
}
@media (min-width: 768px){
#interior .banner.style1 .content-wrapper{
padding-top: 6rem;
padding-bottom: 6rem;
}
}
#interior .banner.style1 .content-wrapper h1{
font-size: 1.875rem;
font-weight: 700;
line-height: 2.25rem;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (min-width: 640px){
#interior .banner.style1 .content-wrapper h1{
width: auto;
}
}
@media (min-width: 768px){
#interior .banner.style1 .content-wrapper h1{
font-size: 3rem;
line-height: 1;
line-height: 2.5rem;
}
}
#interior .banner.style1 .content-wrapper p{
margin-top: 1rem;
font-size: 1.125rem;
line-height: 1.5rem;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (min-width: 768px){
#interior .banner.style1 .content-wrapper p{
width: 83.333333%;
}
}
@media (min-width: 1024px){
#interior .banner.style1 .content-wrapper p{
width: 66.666667%;
}
}
@media (min-width: 1280px){
#interior .banner.style1 .content-wrapper p{
width: 41.666667%;
}
}
@media (min-width: 1536px){
#interior .banner.style1 .content-wrapper p{
padding-right: 3rem;
}
}
/* Sidebar */
#interior .sidebar .side-box{
position: relative;
}
#interior .sidebar .side-box::before{
position: absolute;
left: 0px;
top: 0px;
height: 100%;
width: 100%;
border-radius: 3rem;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
--tw-bg-opacity: 0.3;
--tw-content: "";
content: var(--tw-content);
}
#interior .sidebar .side-box h5 {
color: white !important;
}
#interior .sidebar .quick-links,
#interior .sidebar .helpful-links{
border-radius: var(--radius);
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(209 219 219 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
padding-top: 1rem;
padding-bottom: 1rem;
--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);
}
@media (min-width: 640px){
#interior .sidebar .quick-links,
#interior .sidebar .helpful-links{
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
}
#interior .sidebar .quick-links p,
#interior .sidebar .helpful-links p{
border-bottom-width: 1px;
padding-left: 1rem;
padding-right: 1rem;
padding-bottom: 1rem;
font-size: 1.5rem;
line-height: 2rem;
font-weight: 600;
--tw-text-opacity: 1;
color: rgb(42 45 93 / var(--tw-text-opacity));
}
@media (min-width: 640px){
#interior .sidebar .quick-links p,
#interior .sidebar .helpful-links p{
padding-left: 1.5rem;
padding-right: 1.5rem;
}
}
#interior .sidebar .quick-links ul li,
#interior .sidebar .helpful-links ul li{
display: block;
flex: 1 1 0%;
cursor: pointer;
padding-left: 1rem;
padding-right: 1rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
font-weight: 400;
--tw-text-opacity: 1;
color: rgb(42 45 93 / var(--tw-text-opacity));
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 200ms;
animation-duration: 200ms;
}
.team.style8 #interior .sidebar .quick-links ul li::before,.team.style8
#interior .sidebar .helpful-links ul li::before {
content: "";
left: -20%;
top: -95%;
z-index: 2;
height: 80%;
width: 200%;
--tw-rotate: 165deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
--tw-bg-opacity: 1;
background-color: rgb(50 125 198 / var(--tw-bg-opacity));
opacity: 0.5;
}
@media (min-width: 768px){
.team.style8 #interior .sidebar .quick-links ul li::before,.team.style8
#interior .sidebar .helpful-links ul li::before{
position: absolute;
}
}
.team.style8 #interior .sidebar .quick-links ul li::after,.team.style8
#interior .sidebar .helpful-links ul li::after {
content: "";
bottom: -95%;
right: -20%;
z-index: 2;
height: 80%;
width: 200%;
--tw-rotate: 165deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
--tw-bg-opacity: 1;
background-color: rgb(42 45 93 / var(--tw-bg-opacity));
opacity: 0.5;
}
@media (min-width: 768px){
.team.style8 #interior .sidebar .quick-links ul li::after,.team.style8
#interior .sidebar .helpful-links ul li::after{
position: absolute;
}
}
#interior .sidebar .quick-links ul li:hover,
#interior .sidebar .helpful-links ul li:hover{
--tw-bg-opacity: 1;
background-color: rgb(42 45 93 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (min-width: 640px){
#interior .sidebar .quick-links ul li,
#interior .sidebar .helpful-links ul li{
padding-left: 1.5rem;
padding-right: 1.5rem;
}
}
#interior .sidebar .side-box h5,
#interior .sidebar .services h5,
#interior .sidebar .patient h5,
#interior .sidebar .contact h5{
margin-bottom: 0.5rem;
font-size: 1.5rem;
line-height: 2rem;
font-weight: 700;
letter-spacing: -0.025em;
--tw-text-opacity: 1;
color: rgb(42 45 93 / var(--tw-text-opacity));
}
#interior .sidebar .side-box p,
#interior .sidebar .services p,
#interior .sidebar .patient p,
#interior .sidebar .contact p{
margin-bottom: 0.75rem;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
font-weight: 400;
--tw-text-opacity: 1;
color: rgb(42 45 93 / var(--tw-text-opacity));
}
/* Reviews */
.interior-contents.in-testimonials.style1 .review-card{
position: relative;
display: flex;
gap: 2.5rem;
border-radius: 3rem;
background-color: rgb(50 125 198 / var(--tw-bg-opacity));
--tw-bg-opacity: 0.1;
padding-left: 3rem;
padding-right: 3rem;
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
.interior-contents.in-testimonials.style1 .review-card-wrapper{
position: relative;
}
.interior-contents.in-testimonials.style1 .review-card-wrapper::before{
position: absolute;
bottom: 0px;
right: 0px;
height: 5rem;
width: 6rem;
background-image: url("https://s3.amazonaws.com/static.organiclead.com/Site-dfe5a3f7-4291-4423-87e4-497cbe351876/images/quote.png");
background-size: cover;
background-repeat: no-repeat;
--tw-content: "";
content: var(--tw-content);
}
/* FAQ */
.interior-contents.in-faq.style1 ul li{
border-radius: calc(var(--radius) + 4px);
/*border-width: 2px;
--tw-border-opacity: 1;
border-color: rgb(50 125 198 / var(--tw-border-opacity));*/
background-color: #F8F8F8;
padding-left: 1rem;
padding-right: 1rem;
padding-top: 1.25rem;
padding-bottom: 1.25rem;
--tw-text-opacity: 1;
color: rgb(42 45 93 / var(--tw-text-opacity));
}
@media (min-width: 1024px){
.interior-contents.in-faq.style1 ul li{
border-radius: 1.5rem;
}
}
/* Our Team */
/* Style 1 */
.interior-contents.team.style1 .team-member-card{
position: relative;
display: flex;
gap: 2.5rem;
border-radius: 3rem;
background-color: rgb(50 125 198 / 0.1);
padding-left: 3rem;
padding-right: 3rem;
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
@media not all and (min-width: 768px){
.interior-contents.team.style1 .team-member-card{
flex-direction: column;
align-items: center;
text-align: center;
}
}
/* Online Forms */
.online-form-card-wrapper{
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
gap: 1.5rem;
}
.online-form-card-wrapper > :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)));
}
.online-form-card-wrapper{
border-radius: var(--radius);
border-width: 1px;
--tw-border-opacity: 1;
border-color: #6993cb;
background-color: rgb(248 248 248);
padding: 1rem;
--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);
}
@media (min-width: 640px){
.online-form-card-wrapper{
flex-direction: row;
}
}
@media (min-width: 768px){
.online-form-card-wrapper > :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));
}
.online-form-card-wrapper{
padding: 1.5rem;
}
}
.online-form-card{
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
gap: 1.5rem;
}
@media (min-width: 640px){
.online-form-card{
flex-direction: row;
}
}
.online-form-card-title{
min-width: 0px;
flex: 1 1 0%;
}
.online-form-card-title > :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));
}
.online-form-card-title{
font-size: 1.5rem;
line-height: 2rem;
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(42 45 93 / var(--tw-text-opacity));
}
@media (min-width: 640px){
.online-form-card-title{
width: 100%;
}
}
@media (min-width: 768px){
.online-form-card-title{
max-width: 28rem;
}
}
/* Forms */
.interior-contents label{
font-size: 1.125rem;
line-height: 1.75rem;
}
/* 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;
}
:root {
--mm-lineheight: 22px;
}
.mm-hidden {
display: none !important;
}
.mm-wrapper {
overflow-x: hidden;
position: relative;
}
.mm-menu,
.mm-menu *,
.mm-menu :after,
.mm-menu :before {
transition-property: none;
transition-duration: 0.4s;
transition-timing-function: ease;
}
:root {
--mm-blocker-visibility-delay: 0.4s;
--mm-blocker-opacity-delay: 0s;
}
.mm-blocker {
display: block;
position: absolute;
bottom: 100%;
top: 0;
right: 0;
left: 0;
z-index: 3;
opacity: 0;
background: var(--mm-color-background);
transition: bottom 0s ease var(--mm-blocker-visibility-delay), width 0.4s ease, opacity 0.4s ease var(--mm-blocker-opacity-delay), transform 0.4s ease;
}
.mm-blocker:focus-visible {
opacity: 0.75;
}
.mm-btn {
flex-grow: 0;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
position: relative;
width: 50px;
padding: 0;
}
.mm-btn--next,
[dir=rtl] .mm-btn--prev {
--mm-btn-rotate: 135deg;
}
.mm-btn--prev,
[dir=rtl] .mm-btn--next {
--mm-btn-rotate: -45deg;
}
.mm-btn--next:after,
.mm-btn--prev:before {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
width: 8px;
height: 8px;
margin: auto;
box-sizing: border-box;
border: 2px solid #565656;
border-bottom: none;
border-right: none;
transform: rotate(var(--mm-btn-rotate));
}
.mm-btn--prev:before {
inset-inline-start: 23px;
}
.mm-btn--next:after {
inset-inline-end: 23px;
}
.mm-btn--close:before {
content: "×";
font-size: 150%;
}
.mm-btnreset {
padding: 0;
background: 0 0;
border: none;
cursor: pointer;
}
.mm-divider {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
position: sticky;
z-index: 2;
top: 0;
min-height: var(--mm-lineheight);
padding: calc((var(--mm-listitem-size) * 0.65 - var(--mm-lineheight)) * 0.5) 20px;
font-size: 75%;
text-transform: uppercase;
background: var(--mm-color-background);
background-image: linear-gradient(var(--mm-color-background-highlight), var(--mm-color-background-highlight));
opacity: 1;
transition-property: opacity;
}
.mm-navbar:not(.mm-hidden) ~ .mm-listview .mm-divider {
top: var(--mm-navbar-size);
}
:root {
--mm-listitem-size: 50px;
}
.mm-listitem {
display: flex;
flex-wrap: wrap;
position: relative;
padding: 0;
margin: 0;
color: var(--mm-color-text);
border-color: #ffffff;
}
.third-level-container.mm-listitem {
border-color: #5886c5 !important;
}
.mm-listitem:after {
content: "";
border-color: inherit;
border-bottom-width: 1px;
border-bottom-style: solid;
display: block;
position: absolute;
inset-inline-start: 20px;
inset-inline-end: 0;
bottom: 0;
}
.mm-listitem__btn,
.mm-listitem__text {
padding: calc((var(--mm-listitem-size) - var(--mm-lineheight)) / 2) 0;
}
.mm-listitem__text {
flex-grow: 1;
flex-basis: 10%;
display: block;
padding-left: 20px;
padding-right: 20px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.mm-listitem__btn {
display: block;
position: relative;
width: auto;
padding-inline-end: 50px;
border-color: inherit;
background: rgba(3, 2, 1, 0);
}
.mm-listitem__btn:not(.mm-listitem__text) {
border-left-width: 1px;
border-left-style: solid;
}
.mm-listitem--selected > .mm-listitem__text {
background: var(--mm-color-background-emphasis);
}
.mm-listitem--opened > .mm-listitem__btn,
.mm-listitem--opened > .mm-panel {
background: var(--mm-color-background-highlight);
}
.mm-listview {
list-style: none;
display: block;
padding: 0;
margin: 0;
}
.mm-menu {
display: flex;
flex-direction: column;
padding: 0;
margin: 0;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 0;
overscroll-behavior: none;
background: var(--mm-color-background);
border-color: var(--mm-color-border);
color: var(--mm-color-text);
line-height: var(--mm-lineheight);
-webkit-tap-highlight-color: var(--mm-color-background-emphasis);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.mm-menu ::-moz-placeholder {
color: var(--mm-color-text-dimmed);
}
.mm-menu ::placeholder {
color: var(--mm-color-text-dimmed);
}
.mm-menu,
.mm-menu * {
box-sizing: border-box;
}
.mm-menu :focus,
.mm-menu :focus-visible,
.mm-menu:focus,
.mm-menu:focus-visible {
outline: 0;
}
.mm-menu a,
.mm-menu button,
.mm-menu label {
color: inherit;
}
.mm-menu a:focus,
.mm-menu button:focus,
.mm-menu label:focus {
outline: 0;
}
.mm-menu a:focus-visible,
.mm-menu button:focus-visible,
.mm-menu label:focus-visible {
outline: 2px solid var(--mm-color-focusring);
outline-offset: -5px;
}
.mm-menu input:focus,
.mm-menu input:focus-visible,
.mm-menu select:focus,
.mm-menu select:focus-visible,
.mm-menu textarea:focus,
.mm-menu textarea:focus-visible {
outline: 2px solid var(--mm-color-focusring);
outline-offset: 2px;
}
.mm-menu a,
.mm-menu a:active,
.mm-menu a:hover,
.mm-menu a:link,
.mm-menu a:visited {
text-decoration: none;
color: inherit;
}
:root {
--mm-navbar-size: 50px;
}
.mm-navbar {
display: flex;
position: sticky;
top: 0;
z-index: 2;
min-height: var(--mm-navbar-size);
padding-top: env(safe-area-inset-top);
color: var(--mm-color-text-dimmed);
text-align: center;
opacity: 1;
background: var(--mm-color-background);
/*border-bottom: 1px solid var(--mm-color-border);*/
transition-property: opacity;
}
.mm-navbar > * {
flex-grow: 1;
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
}
.mm-navbar__btn {
flex-grow: 0;
}
.mm-navbar__title {
flex: 1 1 50%;
display: flex;
padding: 0 20px;
overflow: hidden;
}
.mm-navbar__title[href="#"] {
pointer-events: none;
}
.mm-navbar__title > span {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.mm-btn.mm-hidden + .mm-navbar__title:not(:last-child) {
padding-inline-start: 60px;
padding-inline-end: 10px;
}
.mm-btn:not(.mm-hidden) + .mm-navbar__title:last-child {
padding-inline-start: 10px;
padding-inline-end: 60px;
}
.mm-panel {
--mm-panel-child-offset: 100%;
--mm-panel-parent-offset: -100%;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 1;
-webkit-overflow-scrolling: touch;
overflow: hidden;
overflow-y: auto;
overscroll-behavior: contain;
color: var(--mm-color-text);
border-color: var(--mm-color-border);
background: #ffffff;
transform: translate3d(var(--mm-panel-child-offset), 0, 0);
transition-property: transform, inset-inline-start;
}
[dir=rtl] .mm-panel {
--mm-panel-child-offset: -100%;
--mm-panel-parent-offset: 100%;
}
.mm-panel:after {
content: "";
display: block;
height: var(--mm-listitem-size);
}
.mm-panel:focus {
outline: 0;
}
.mm-panel--opened {
z-index: 2;
transform: translate3d(0, 0, 0);
transition-delay: 0s;
}
.mm-panel--parent {
transform: translate3d(var(--mm-panel-parent-offset), 0, 0);
z-index: 0;
}
.mm-panel--highest {
z-index: 3;
}
.mm-menu--opened .mm-panel--noanimation {
transition: none !important;
transition-duration: 0s !important;
}
.mm-panel__content {
padding: 20px;
}
.mm-panels {
flex-grow: 1;
position: relative;
height: 100%;
overflow: hidden;
background: var(--mm-color-background);
border-color: var(--mm-color-border);
color: var(--mm-color-text);
}
.mm-panels:focus {
outline: 0;
}
:root {
--mm-toggle-size: 34px;
}
.mm-toggle {
display: flex;
align-self: center;
flex: calc(var(--mm-toggle-size) * 1.75) 0 0;
height: var(--mm-toggle-size);
margin-inline-end: 10px;
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
border: none !important;
border-radius: var(--mm-toggle-size);
border: var(--mm-color-border);
background: var(--mm-color-border);
cursor: pointer;
transition-property: background-color;
}
.mm-toggle:before {
content: "";
aspect-ratio: 1;
margin: 2px;
border-radius: 100%;
background: var(--mm-color-background);
transition-property: transform;
}
.mm-toggle:checked {
background: #4bd963;
}
.mm-toggle:checked:before {
transform: translateX(calc(var(--mm-toggle-size) * 0.75));
}
[dir=rtl] .mm-toggle:checked:before {
transform: translateX(calc(var(--mm-toggle-size) * -0.75));
}
.mm-listitem--vertical > .mm-panel {
position: static;
width: 100%;
padding: 10px 0 10px 20px;
transform: none !important;
transition: none !important;
}
.mm-listitem--vertical > .mm-panel:after {
content: none;
display: none;
}
.mm-listitem--vertical:not(.mm-listitem--opened) > .mm-panel {
display: none;
}
.mm-listitem--vertical > .mm-listitem__btn {
height: var(--mm-listitem-size);
bottom: auto;
}
.mm-listitem--vertical .mm-listitem:last-child:after {
border-color: transparent;
}
.mm-listitem--opened > .mm-listitem__btn:after {
transform: rotate(225deg);
right: 19px;
}
:root {
--mm-size: 80%;
--mm-min-size: 240px;
--mm-max-size: 440px;
}
.mm-menu--offcanvas {
position: fixed;
z-index: 0;
}
.mm-page {
box-sizing: border-box;
min-height: 100vh;
background: inherit;
}
:where(.mm-slideout) {
position: relative;
z-index: 1;
width: 100%;
transition-duration: 0.4s;
transition-timing-function: ease;
transition-property: width, transform;
}
.mm-wrapper--opened,
.mm-wrapper--opened body {
overflow: hidden;
}
.mm-wrapper__blocker {
background: rgba(0, 0, 0, 0.4);
}
.mm-wrapper--opened .mm-wrapper__blocker {
--mm-blocker-visibility-delay: 0s;
--mm-blocker-opacity-delay: 0.4s;
bottom: 0;
opacity: 0.5;
}
.mm-menu {
--mm-translate-horizontal: 0;
--mm-translate-vertical: 0;
}
.mm-menu--position-left,
.mm-menu--position-left-front {
right: auto;
}
.mm-menu--position-right,
.mm-menu--position-right-front {
left: auto;
}
.mm-menu--position-left,
.mm-menu--position-left-front,
.mm-menu--position-right,
.mm-menu--position-right-front {
width: clamp(var(--mm-min-size), var(--mm-size), var(--mm-max-size));
}
.mm-menu--position-left-front {
--mm-translate-horizontal: -100%;
}
.mm-menu--position-right-front {
--mm-translate-horizontal: 100%;
}
.mm-menu--position-top {
bottom: auto;
}
.mm-menu--position-bottom {
top: auto;
}
.mm-menu--position-bottom,
.mm-menu--position-top {
width: 100%;
height: clamp(var(--mm-min-size), var(--mm-size), var(--mm-max-size));
}
.mm-menu--position-top {
--mm-translate-vertical: -100%;
}
.mm-menu--position-bottom {
--mm-translate-vertical: 100%;
}
.mm-menu--position-bottom,
.mm-menu--position-left-front,
.mm-menu--position-right-front,
.mm-menu--position-top {
z-index: 2;
transform: translate3d(var(--mm-translate-horizontal), var(--mm-translate-vertical), 0);
transition-property: transform;
}
.mm-menu--position-bottom.mm-menu--opened,
.mm-menu--position-left-front.mm-menu--opened,
.mm-menu--position-right-front.mm-menu--opened,
.mm-menu--position-top.mm-menu--opened {
transform: translate3d(0, 0, 0);
}
.mm-wrapper--position-left {
--mm-translate-horizontal: clamp(
var(--mm-min-size),
var(--mm-size),
var(--mm-max-size)
);
}
.mm-wrapper--position-right {
--mm-translate-horizontal: clamp(
calc(-1 * var(--mm-max-size)),
calc(-1 * var(--mm-size)),
calc(-1 * var(--mm-min-size))
);
}
.mm-wrapper--position-left .mm-slideout,
.mm-wrapper--position-right .mm-slideout {
transform: translate3d(0, 0, 0);
}
.mm-wrapper--position-left.mm-wrapper--opened .mm-slideout,
.mm-wrapper--position-right.mm-wrapper--opened .mm-slideout {
transform: translate3d(var(--mm-translate-horizontal), 0, 0);
}
.mm-wrapper--position-bottom .mm-wrapper__blocker,
.mm-wrapper--position-left-front .mm-wrapper__blocker,
.mm-wrapper--position-right-front .mm-wrapper__blocker,
.mm-wrapper--position-top .mm-wrapper__blocker {
z-index: 1;
}
.mm-menu--theme-light {
--mm-color-background: #f3f3f3;
--mm-color-border: rgb(0 0 0 / 0.15);
--mm-color-icon: rgb(0 0 0 / 0.4);
--mm-color-text: rgb(0 0 0 / 0.8);
--mm-color-text-dimmed: rgb(0 0 0 / 0.4);
--mm-color-background-highlight: rgb(0 0 0 / 0.05);
--mm-color-background-emphasis: rgb(255 255 255 / 0.75);
--mm-color-focusring: #06c;
}
.mm-menu--theme-light-contrast {
--mm-color-background: #f3f3f3;
--mm-color-border: rgb(0 0 0 / 0.5);
--mm-color-icon: rgb(0 0 0 / 0.5);
--mm-color-text: #000;
--mm-color-text-dimmed: rgb(0 0 0 / 0.7);
--mm-color-background-highlight: rgb(0 0 0 / 0.05);
--mm-color-background-emphasis: rgb(255 255 255 / 0.9);
--mm-color-focusring: #06c;
}
.mm-menu--theme-dark {
--mm-color-background: #333;
--mm-color-border: rgb(0, 0, 0, 0.4);
--mm-color-icon: rgb(255, 255, 255, 0.4);
--mm-color-text: rgb(255, 255, 255, 0.8);
--mm-color-text-dimmed: rgb(255, 255, 255, 0.4);
--mm-color-background-highlight: rgb(255, 255, 255, 0.08);
--mm-color-background-emphasis: rgb(0, 0, 0, 0.1);
--mm-color-focusring: #06c;
}
.mm-menu--theme-dark-contrast {
--mm-color-background: #333;
--mm-color-border: rgb(255 255 255 / 0.5);
--mm-color-icon: rgb(255 255 255 / 0.5);
--mm-color-text: #fff;
--mm-color-text-dimmed: rgb(255 255 255 / 0.7);
--mm-color-background-highlight: rgb(255 255 255 / 0.1);
--mm-color-background-emphasis: rgb(0 0 0 / 0.3);
--mm-color-focusring: #06c;
}
.mm-menu--theme-white {
--mm-color-background: #fff;
--mm-color-border: rgb(0 0 0 / 0.15);
--mm-color-icon: rgb(0 0 0 / 0.3);
--mm-color-text: rgb(0 0 0 / 0.8);
--mm-color-text-dimmed: rgb(0 0 0 / 0.3);
--mm-color-background-highlight: rgb(0 0 0 / 0.06);
--mm-color-background-emphasis: rgb(0 0 0 / 0.03);
--mm-color-focusring: #06c;
}
.mm-menu--theme-white-contrast {
--mm-color-background: #fff;
--mm-color-border: rgb(0 0 0 / 0.5);
--mm-color-icon: rgb(0 0 0 / 0.5);
--mm-color-text: #000;
--mm-color-text-dimmed: rgb(0 0 0 / 0.7);
--mm-color-background-highlight: rgb(0 0 0 / 0.07);
--mm-color-background-emphasis: rgb(0 0 0 / 0.035);
--mm-color-focusring: #06c;
}
.mm-menu--theme-black {
--mm-color-background: #000;
--mm-color-border: rgb(255 255 255 / 0.2);
--mm-color-icon: rgb(255 255 255 / 0.4);
--mm-color-text: rgb(255 255 255 / 0.7);
--mm-color-text-dimmed: rgb(255 255 255 / 0.4);
--mm-color-background-highlight: rgb(255 255 255 / 0.1);
--mm-color-background-emphasis: rgb(255 255 255 / 0.06);
--mm-color-focusring: #06c;
}
.mm-menu--theme-black-contrast {
--mm-color-background: #000;
--mm-color-border: rgb(255 255 255 / 0.5);
--mm-color-icon: rgb(255 255 255 / 0.5);
--mm-color-text: #fff;
--mm-color-text-dimmed: rgb(255 255 255 / 0.6);
--mm-color-background-highlight: rgb(255 255 255 / 0.125);
--mm-color-background-emphasis: rgb(255 255 255 / 0.1);
--mm-color-focusring: #06c;
}
.mm-counter {
display: block;
padding-inline-start: 20px;
float: right;
color: var(--mm-color-text-dimmed);
}
[dir=rtl] .mm-counter {
float: left;
}
:root {
--mm-iconbar-size: 50px;
}
.mm-menu--iconbar-left .mm-navbars,
.mm-menu--iconbar-left .mm-panels {
margin-left: var(--mm-iconbar-size);
}
.mm-menu--iconbar-right .mm-navbars,
.mm-menu--iconbar-right .mm-panels {
margin-right: var(--mm-iconbar-size);
}
.mm-iconbar {
display: none;
position: absolute;
top: 0;
bottom: 0;
z-index: 2;
width: var(--mm-iconbar-size);
overflow: hidden;
box-sizing: border-box;
border: 0 solid;
border-color: var(--mm-color-border);
background: var(--mm-color-background);
color: var(--mm-color-text-dimmed);
text-align: center;
}
.mm-menu--iconbar-left .mm-iconbar,
.mm-menu--iconbar-right .mm-iconbar {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.mm-menu--iconbar-left .mm-iconbar {
border-right-width: 1px;
left: 0;
}
.mm-menu--iconbar-right .mm-iconbar {
border-left-width: 1px;
right: 0;
}
.mm-iconbar__bottom,
.mm-iconbar__top {
width: 100%;
-webkit-overflow-scrolling: touch;
overflow: hidden;
overflow-y: auto;
overscroll-behavior: contain;
}
.mm-iconbar__bottom > *,
.mm-iconbar__top > * {
box-sizing: border-box;
display: block;
padding: calc((var(--mm-iconbar-size) - var(--mm-lineheight)) / 2) 0;
}
.mm-iconbar__bottom a,
.mm-iconbar__bottom a:hover,
.mm-iconbar__top a,
.mm-iconbar__top a:hover {
text-decoration: none;
}
.mm-iconbar__tab--selected {
background: var(--mm-color-background-emphasis);
}
:root {
--mm-iconpanel-size: 50px;
}
.mm-panel--iconpanel-0 {
inset-inline-start: calc(0 * var(--mm-iconpanel-size));
}
.mm-panel--iconpanel-1 {
inset-inline-start: calc(1 * var(--mm-iconpanel-size));
}
.mm-panel--iconpanel-2 {
inset-inline-start: calc(2 * var(--mm-iconpanel-size));
}
.mm-panel--iconpanel-3 {
inset-inline-start: calc(3 * var(--mm-iconpanel-size));
}
.mm-panel--iconpanel-4 {
inset-inline-start: calc(4 * var(--mm-iconpanel-size));
}
.mm-panel--iconpanel-first ~ .mm-panel {
inset-inline-start: var(--mm-iconpanel-size);
}
.mm-menu--iconpanel .mm-panel--parent .mm-divider,
.mm-menu--iconpanel .mm-panel--parent .mm-navbar {
opacity: 0;
}
.mm-menu--iconpanel .mm-panels > .mm-panel--parent {
overflow-y: hidden;
transform: unset;
}
.mm-menu--iconpanel .mm-panels > .mm-panel:not(.mm-panel--iconpanel-first):not(.mm-panel--iconpanel-0) {
border-inline-start-width: 1px;
border-inline-start-style: solid;
}
.mm-navbars {
flex-shrink: 0;
}
.mm-navbars .mm-navbar {
position: relative;
padding-top: 0;
border-bottom: none;
}
.mm-navbars--top {
border-bottom: 1px solid var(--mm-color-border);
}
.mm-navbars--top .mm-navbar:first-child {
padding-top: env(safe-area-inset-top);
}
.mm-navbars--bottom {
/*border-top: 1px solid var(--mm-color-border);*/
}
.mm-navbars--bottom .mm-navbar:last-child {
padding-bottom: env(safe-area-inset-bottom);
}
.mm-navbar__breadcrumbs {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
flex: 1 1 50%;
display: flex;
justify-content: flex-start;
padding: 0 20px;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.mm-navbar__breadcrumbs > * {
display: flex;
align-items: center;
justify-content: center;
padding-inline-end: 6px;
}
.mm-navbar__breadcrumbs > a {
text-decoration: underline;
}
.mm-navbar__breadcrumbs:not(:last-child) {
padding-inline-end: 0;
}
.mm-btn:not(.mm-hidden) + .mm-navbar__breadcrumbs {
padding-inline-start: 0;
}
.mm-navbar__tab {
padding: 0 10px;
border: 1px solid transparent;
}
.mm-navbar__tab--selected {
background: var(--mm-color-background);
}
.mm-navbar__tab--selected:not(:first-child) {
border-inline-start-color: var(--mm-color-border);
}
.mm-navbar__tab--selected:not(:last-child) {
border-inline-end-color: var(--mm-color-border);
}
.mm-navbars--top.mm-navbars--has-tabs {
border-bottom: none;
}
.mm-navbars--top.mm-navbars--has-tabs .mm-navbar {
background: var(--mm-color-background-emphasis);
}
.mm-navbars--top.mm-navbars--has-tabs .mm-navbar--tabs ~ .mm-navbar {
background: var(--mm-color-background);
}
.mm-navbars--top.mm-navbars--has-tabs .mm-navbar:not(.mm-navbar--tabs):last-child {
border-bottom: 1px solid var(--mm-color-border);
}
.mm-navbars--top .mm-navbar__tab {
border-bottom-color: var(--mm-color-border);
}
.mm-navbars--top .mm-navbar__tab--selected {
border-top-color: var(--mm-color-border);
border-bottom-color: transparent;
}
.mm-navbars--bottom.mm-navbar--has-tabs {
border-top: none;
}
.mm-navbars--bottom.mm-navbar--has-tabs .mm-navbar {
background: var(--mm-color-background);
}
.mm-navbars--bottom.mm-navbar--has-tabs .mm-navbar--tabs,
.mm-navbars--bottom.mm-navbar--has-tabs .mm-navbar--tabs ~ .mm-navbar {
background: var(--mm-color-background-emphasis);
}
.mm-navbars--bottom .mm-navbar__tab {
border-top-color: var(--mm-color-border);
}
.mm-navbars--bottom .mm-navbar__tab--selected {
border-bottom-color: var(--mm-color-border);
border-top-color: transparent;
}
.mm-searchfield {
display: flex;
flex-grow: 1;
height: var(--mm-navbar-size);
padding: 0;
overflow: hidden;
}
.mm-searchfield__input {
display: flex;
flex: 1;
align-items: center;
position: relative;
width: 100%;
max-width: 100%;
padding: 0 10px;
box-sizing: border-box;
}
.mm-searchfield__input input {
display: block;
width: 100%;
max-width: 100%;
height: calc(var(--mm-navbar-size) * 0.7);
min-height: auto;
max-height: auto;
margin: 0;
padding: 0 10px;
box-sizing: border-box;
border: none;
border-radius: 4px;
line-height: calc(var(--mm-navbar-size) * 0.7);
font: inherit;
font-size: inherit;
}
.mm-searchfield__input input,
.mm-searchfield__input input:focus,
.mm-searchfield__input input:hover {
background: var(--mm-color-background-highlight);
color: var(--mm-color-text);
}
.mm-menu[class*=-contrast] .mm-searchfield__input input {
border: 1px solid var(--mm-color-border);
}
.mm-searchfield__input input::-ms-clear {
display: none;
}
.mm-searchfield__btn {
display: none;
position: absolute;
inset-inline-end: 0;
top: 0;
bottom: 0;
}
.mm-searchfield--searching .mm-searchfield__btn {
display: block;
}
.mm-searchfield__cancel {
display: block;
position: relative;
margin-inline-end: -100px;
padding-inline-start: 5px;
padding-inline-end: 20px;
visibility: hidden;
line-height: var(--mm-navbar-size);
text-decoration: none;
transition-property: visibility, margin;
}
.mm-searchfield--cancelable .mm-searchfield__cancel {
visibility: visible;
margin-inline-end: 0;
}
.mm-panel--search {
left: 0 !important;
right: 0 !important;
width: 100% !important;
border: none !important;
}
.mm-panel__splash {
padding: 20px;
}
.mm-panel--searching .mm-panel__splash {
display: none;
}
.mm-panel__noresults {
display: none;
padding: 40px 20px;
color: var(--mm-color-text-dimmed);
text-align: center;
font-size: 150%;
line-height: 1.4;
}
.mm-panel--noresults .mm-panel__noresults {
display: block;
}
:root {
--mm-sectionindexer-size: 20px;
}
.mm-sectionindexer {
background: inherit;
text-align: center;
font-size: 12px;
box-sizing: border-box;
width: var(--mm-sectionindexer-size);
position: absolute;
top: 0;
bottom: 0;
inset-inline-end: calc(-1 * var(--mm-sectionindexer-size));
z-index: 5;
transition-property: inset-inline-end;
display: flex;
flex-direction: column;
justify-content: space-evenly;
}
.mm-sectionindexer a {
color: var(--mm-color-text-dimmed);
line-height: 1;
text-decoration: none;
display: block;
}
.mm-sectionindexer ~ .mm-panel {
padding-inline-end: 0;
}
.mm-sectionindexer--active {
right: 0;
}
.mm-sectionindexer--active ~ .mm-panel {
padding-inline-end: var(--mm-sectionindexer-size);
}
.mm-menu--selected-hover .mm-listitem__btn,
.mm-menu--selected-hover .mm-listitem__text,
.mm-menu--selected-parent .mm-listitem__btn,
.mm-menu--selected-parent .mm-listitem__text {
transition-property: background-color;
}
@media (hover: hover) {
.mm-menu--selected-hover .mm-listview:hover > .mm-listitem--selected:not(:hover) > .mm-listitem__text {
background: 0 0;
}
.mm-menu--selected-hover .mm-listitem__btn:hover,
.mm-menu--selected-hover .mm-listitem__text:hover {
background: var(--mm-color-background-emphasis);
}
}
.mm-menu--selected-parent .mm-listitem__btn,
.mm-menu--selected-parent .mm-listitem__text {
transition-delay: 0.2s;
}
@media (hover: hover) {
.mm-menu--selected-parent .mm-listitem__btn:hover,
.mm-menu--selected-parent .mm-listitem__text:hover {
transition-delay: 0s;
}
}
.mm-menu--selected-parent .mm-panel--parent .mm-listitem:not(.mm-listitem--selected-parent) > .mm-listitem__text {
background: 0 0;
}
.mm-menu--selected-parent .mm-listitem--selected-parent > .mm-listitem__btn,
.mm-menu--selected-parent .mm-listitem--selected-parent > .mm-listitem__text {
background: var(--mm-color-background-emphasis);
}
:root {
--mm-sidebar-collapsed-size: 50px;
--mm-sidebar-expanded-size: var(--mm-max-size);
}
.mm-wrapper--sidebar-collapsed .mm-slideout {
width: calc(100% - var(--mm-sidebar-collapsed-size));
transform: translate3d(var(--mm-sidebar-collapsed-size), 0, 0);
}
[dir=rtl] .mm-wrapper--sidebar-collapsed .mm-slideout {
transform: none;
}
.mm-wrapper--sidebar-collapsed:not(.mm-wrapper--opened) .mm-menu--sidebar-collapsed .mm-divider,
.mm-wrapper--sidebar-collapsed:not(.mm-wrapper--opened) .mm-menu--sidebar-collapsed .mm-navbar {
opacity: 0;
}
.mm-wrapper--sidebar-expanded .mm-menu--sidebar-expanded {
width: var(--mm-sidebar-expanded-size);
border-right-width: 1px;
border-right-style: solid;
}
.mm-wrapper--sidebar-expanded.mm-wrapper--opened {
overflow: auto;
}
.mm-wrapper--sidebar-expanded.mm-wrapper--opened .mm-wrapper__blocker {
display: none;
}
.mm-wrapper--sidebar-expanded.mm-wrapper--opened .mm-slideout {
width: calc(100% - var(--mm-sidebar-expanded-size));
transform: translate3d(var(--mm-sidebar-expanded-size), 0, 0);
}
[dir=rtl] .mm-wrapper--sidebar-expanded.mm-wrapper--opened .mm-slideout {
transform: none;
}
.mm-menu:not(.mm-menu--theme-dark) {
--mm-color-text: #FFFFFF;
--mm-color-background: #5886c5;
--mm-color-icon: #FFFFFF;
--mm-color-background-highlight: #6993cb;
--mm-color-background-emphasis: #6993cb;
}
.mm-navbar :not(.mm-menu--theme-dark) {
--mm-color-text: #FFFFFF;
--mm-color-background: ;
--mm-color-text-dimmed:#FFFFFF;
--mm-color-icon: #FFFFFF;
}
.mm-menu--offcanvas {
opacity: 0;
}
.mm-menu--opened {
opacity: 1;
}
:is(#menu, #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(--primary);
}
.mm-divider :not(.mm-menu--theme-dark) {
background: var(--primary);
background-image: unset;
}
.mm-slideout {
transition: transform 0.4s ease;
/* z-index: 1; */
min-height: 90dvh;
}
.mm-wrapper--position-left .mm-slideout,
.mm-wrapper--position-right .mm-slideout {
transform: unset;
}
@media not all and (min-width: 1024px){
.mm-menu .caret{
display: none;
}
}
.welcome.style2{
display: flex;
flex-direction: column;
}
@media (min-width: 1024px){
.welcome.style2{
flex-direction: row;
}
}
.welcome.style3{
position: relative;
display: flex;
flex-direction: column;
}
@media (min-width: 1024px){
.welcome.style3{
flex-direction: row;
padding-bottom: 8rem;
}
}
.welcome.style4{
position: relative;
display: flex;
flex-direction: column-reverse;
}
@media (min-width: 1024px){
.welcome.style4{
flex-direction: row;
}
}
/* Homepage Services */
/* Style 1 */
.services.style1{
position: relative;
display: grid;
place-items: center;
}
.services.style1 .service-card{
position: relative;
grid-column: span 3 / span 3;
}
.services.style1 .service-card > :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));
}
.services.style1 .service-card{
overflow: hidden;
--tw-bg-opacity: 1;
background-color: rgb(50 125 198 / var(--tw-bg-opacity));
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding: 2.5rem;
}
.services.style1 .service-card:hover{
cursor: pointer;
--tw-bg-opacity: 1;
background-color: rgb(42 45 93 / var(--tw-bg-opacity));
}
@media (min-width: 1024px){
.services.style1 .service-card{
grid-column: span 1 / span 1;
}
}
/* .services.style1 .service-excerpt-hidden {
@apply relative h-32 max-h-32 overflow-hidden;
}
.services.style1 .service-excerpt-hidden:after {
@apply absolute bottom-0 left-0 h-20 w-full bg-[linear-gradient(_to_bottom,_rgba(255,_255,_255,_0)_0%,_hsl(var(--card))_)] content-[''];
}
.service-card:hover .service-excerpt-hidden:after {
@apply bg-[linear-gradient(_to_bottom,_rgba(255,_255,_255,_0)_0%,_hsl(var(--primary))_)];
} */
.services.style1 .service-card .service-icon{
margin-bottom: 1.25rem;
display: flex;
height: 4rem;
width: 4rem;
align-items: center;
justify-content: center;
text-align: center;
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%;
}
}
/* Style 2 */
.services.style2{
position: relative;
display: flex;
flex-direction: column;
align-items: center;
}
@media (min-width: 1024px){
.services.style2{
flex-direction: row;
}
}
.services.style2 .service-card{
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
gap: 1rem;
--tw-bg-opacity: 1;
background-color: rgb(50 125 198 / var(--tw-bg-opacity));
padding: 1rem;
text-align: center;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.services.style2 .service-card:hover{
cursor: pointer;
--tw-bg-opacity: 1;
background-color: rgb(42 45 93 / var(--tw-bg-opacity));
}
@media (min-width: 768px){
.services.style2 .service-card{
flex-direction: row;
}
}
@media (min-width: 1536px){
.services.style2 .service-card{
width: 75%;
}
}
/* Style 3 */
.services.style3{
position: relative;
display: grid;
place-items: center;
}
.services.style3 .service-card{
position: relative;
height: 100%;
}
.services.style3 .service-card:hover{
cursor: pointer;
}
/* Style 4 */
.services.style4{
position: relative;
display: grid;
}
.services.style4 .service-card{
position: relative;
display: grid;
place-items: center;
}
.services.style4 .service-card:hover{
cursor: pointer;
}
.services.style4 .service-card .photo-overlay{
position: absolute;
left: 50%;
top: 50%;
z-index: 2;
--tw-translate-x: -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));
flex-direction: column;
align-items: center;
justify-content: center;
gap: 2.5rem;
font-size: 1.875rem;
line-height: 2.25rem;
font-weight: 600;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.services.style4 .service-card a{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.services.style4 .service-card img{
aspect-ratio: 1 / 1;
width: 400px;
-o-object-fit: cover;
object-fit: cover;
}
.services.style4 .each-column{
display: flex;
flex-direction: column;
justify-content: center;
gap: 1rem;
}
/* Style 5 */
.services.style5{
position: relative;
display: grid;
place-items: center;
}
.services.style5 img{
height: 15rem;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
/* Style 6 */
.services.style6{
position: relative;
display: grid;
place-items: center;
}
/* Style 7 */
.services.style7{
position: relative;
display: grid;
place-items: center;
}
.services.style7 .diamond::before,
.services.style7 .diamond::after {
content: "";
position: absolute;
height: 0.25rem;
width: 0px;
--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));
--tw-bg-opacity: 1;
background-color: rgb(42 45 93 / var(--tw-bg-opacity));
}
@media (min-width: 1280px){
.services.style7 .diamond::before,
.services.style7 .diamond::after{
width: 800px;
}
}
.services.style7 .diamond::before {
left: -420px;
}
.services.style7 .diamond::after {
bottom: -20px;
right: -420px;
}
.services.style7 .diamond{
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 0.5rem;
}
.services.style7 .diamond .photo-wrapper{
width: calc(33.33% - 10px);
cursor: pointer;
}
.services.style7 .diamond .photo-wrapper:not(.logo){
width: calc(33.33% - 10px);
--tw-border-opacity: 1;
border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.services.style7 .diamond .photo-wrapper:not(.logo):hover{
border-width: 4px;
outline-style: solid;
outline-width: 4px;
outline-offset: 0px;
outline-color: #2a2d5d;
}
.services.style7 .diamond .photo-wrapper:nth-child(3),
.services.style7 .diamond .photo-wrapper:nth-child(3) .photo{
border-top-right-radius: 1.5rem;
}
.services.style7 .diamond .photo-wrapper:nth-child(5) .photo{
background-color: transparent;
}
.services.style7 .diamond .photo-wrapper:nth-child(7),
.services.style7 .diamond .photo-wrapper:nth-child(7) .photo{
border-bottom-left-radius: 1.5rem;
}
.services.style7 .diamond .photo-wrapper .photo{
position: relative;
padding-bottom: 100%;
}
.services.style7 .diamond .photo-wrapper:not(.logo) .photo{
--tw-bg-opacity: 1;
background-color: rgb(50 125 198 / var(--tw-bg-opacity));
}
.services.style7 .diamond .photo-wrapper:not(.logo) .photo:hover{
--tw-bg-opacity: 1;
background-color: rgb(42 45 93 / var(--tw-bg-opacity));
}
.services.style7 .diamond .photo-wrapper .photo img{
position: absolute;
left: 50%;
top: 50%;
max-height: 90px;
max-width: 90px;
--tw-translate-x: -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));
}
@media (min-width: 640px){
.services.style7 .diamond .photo-wrapper .photo img{
--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));
}
}
@media (min-width: 768px){
.services.style7 .diamond .photo-wrapper .photo img{
max-height: 120px;
max-width: 110px;
}
}
/* Style 8 */
.services.style8{
position: relative;
display: grid;
place-items: center;
}
.services.style8 .blocks{
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 0.5rem;
}
.services.style8 .blocks .photo-wrapper{
width: calc(33% - 10px);
cursor: pointer;
--tw-bg-opacity: 1;
background-color: rgb(50 125 198 / var(--tw-bg-opacity));
}
.services.style8 .blocks .photo-wrapper:hover{
--tw-bg-opacity: 1;
background-color: rgb(42 45 93 / var(--tw-bg-opacity));
}
@media (min-width: 1024px){
.services.style8 .blocks .photo-wrapper{
width: calc(33.33% - 10px);
}
}
.services.style8 .blocks .photo-wrapper .photo{
position: relative;
padding-bottom: 100%;
}
@media (min-width: 1024px){
.services.style8 .blocks .photo-wrapper:nth-child(4){
margin-left: -5vw;
}
}
.services.style8 .blocks .photo-wrapper .photo img{
position: absolute;
left: 50%;
top: 50%;
max-height: 90px;
max-width: 90px;
--tw-translate-x: -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));
}
@media (min-width: 768px){
.services.style8 .blocks .photo-wrapper .photo img{
max-height: 120px;
max-width: 110px;
}
}
/* Style 9 */
.services.style9{
position: relative;
display: grid;
place-items: center;
}
.services.style9 .blocks{
position: relative;
display: flex;
height: 100%;
width: 100%;
flex-wrap: wrap;
justify-content: center;
gap: 0.5rem;
}
.services.style9 .blocks .target-circle{
position: absolute;
left: 50%;
top: 50%;
display: flex;
height: 280px;
width: 280px;
--tw-translate-x: -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));
align-items: center;
justify-content: center;
border-radius: 9999px;
--tw-bg-opacity: 1;
background-color: rgb(42 45 93 / var(--tw-bg-opacity));
}
.services.style9 .blocks .ciclegraph{
position: relative;
height: 630px;
width: 630px;
}
.services.style9 .blocks .ciclegraph::before{
position: absolute;
left: 50%;
height: 100%;
width: 472px;
background-position: center;
background-repeat: no-repeat;
content: "";
background-image: url(https://s3.amazonaws.com/static.organiclead.com/Site-121d4509-beb0-4ed6-8ad2-63aa108ca994/ServicesIcons/lines_9.png);
background-size: 466px;
top: calc(50% - 5px);
transform: translate(-50%, -50%);
}
.services.style9 .blocks .circle{
position: absolute;
left: 50%;
top: 50%;
height: 130px;
width: 130px;
border-radius: 9999px;
margin: -65px;
}
.services.style9 .blocks .each-circle{
position: absolute;
left: 50%;
top: 50%;
height: 130px;
width: 130px;
margin: -65px;
}
.services.style9 .blocks .each-circle img{
height: 70px;
width: 70px;
-o-object-fit: contain;
object-fit: contain;
}
.services.style9 .blocks .ciclegraph .each-circle .photo{
display: flex;
height: 130px;
width: 130px;
align-items: center;
justify-content: center;
border-radius: 9999px;
--tw-bg-opacity: 1;
background-color: rgb(50 125 198 / var(--tw-bg-opacity));
}
.services.style9 .blocks .ciclegraph .each-circle .photo:hover{
--tw-bg-opacity: 1;
background-color: rgb(42 45 93 / var(--tw-bg-opacity));
}
.services.style9 .blocks .ciclegraph .each-circle .photo::before{
position: absolute;
height: 160px;
width: 160px;
--tw-translate-x: -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));
border-radius: 9999px;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(209 219 219 / var(--tw-border-opacity));
}
.services.style9 .blocks .ciclegraph .each-circle .photo:hover::before{
--tw-border-opacity: 1;
border-color: rgb(42 45 93 / var(--tw-border-opacity));
}
.services.style9 .blocks .ciclegraph .each-circle .photo::before {
content: "";
left: calc(50% - 1px);
top: calc(50% - 1px);
}
/* Style 10 */
.services.style10{
position: relative;
display: grid;
place-items: center;
}
/* Style 11 */
.services.style11{
position: relative;
display: grid;
place-items: center;
}
/* Interior Services Style 1 */
.interior-contents.in-services.style1 .service-card{
position: relative;
display: flex;
height: 100%;
flex-direction: column;
align-items: center;
gap: 2.5rem;
border-radius: 3rem;
background-color: #F8F8F8;
--tw-bg-opacity: 0.1;
padding-left: 3rem;
padding-right: 3rem;
padding-top: 2.5rem;
padding-bottom: 2.5rem;
text-align: center;
}
@media (min-width: 768px){
.interior-contents.in-services.style1 .service-card{
flex-direction: row;
text-align: left;
}
}
.interior-contents.in-services.style1 .service-card img{
border-radius: calc(var(--radius) + 4px);
-o-object-fit: cover;
object-fit: cover;
}
@media not all and (min-width: 768px){
.interior-contents.in-services.style1 .service-card img{
aspect-ratio: 16 / 9;
width: 100%;
}
}
@media (min-width: 768px){
.interior-contents.in-services.style1 .service-card img{
aspect-ratio: 1 / 1;
height: 16rem;
width: 16rem;
}
}
.interior-contents.in-services.style1 .service-card h5{
font-size: 1.75rem;
line-height: 1.75rem;
font-weight: 800;
text-transform: capitalize;
--tw-text-opacity: 1;
color: #6993cb;
}
.interior-contents.in-services.style1 .service-card p{
margin-top: 1rem;
font-size: 1.125rem;
line-height: 1.75rem;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 500ms;
animation-duration: 500ms;
}
@media (min-width: 768px){
.interior-contents.in-services.style1 .service-card p{
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 6;
}
}
.interior-contents.in-services.style1 .service-card .button{
margin-top: 1rem;
max-width: 16rem;
flex: none;
border-radius: 9999px;
display: inline-flex;
cursor: pointer;
align-items: center;
justify-content: center;
font-weight: 600;
text-decoration-line: none;
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;
}
.interior-contents.in-services.style1 .service-card .button:focus-visible{
outline: 2px solid transparent;
outline-offset: 2px;
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(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);
--tw-ring-opacity: 1;
--tw-ring-color: hsl(var(--ring) / var(--tw-ring-opacity));
}
.interior-contents.in-services.style1 .service-card .button:disabled{
pointer-events: auto;
cursor: not-allowed;
opacity: 0.5;
}
.interior-contents.in-services.style1 .service-card .button{
min-height: 3.5rem;
padding-left: 2.5rem;
padding-right: 2.5rem;
font-size: 1.25rem;
line-height: 1.75rem;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(50 125 198 / var(--tw-border-opacity));
background-color: transparent;
--tw-text-opacity: 1;
color: rgb(50 125 198 / var(--tw-text-opacity));
--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);
}
.interior-contents.in-services.style1 .service-card .button:hover{
border-color: rgb(50 125 198 / 0.9);
background-color: rgb(50 125 198 / 0.9);
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media not all and (min-width: 768px){
.interior-contents.in-services.style1 .service-card .button{
margin-left: auto;
margin-right: auto;
width: 100%;
}
}
@media (min-width: 768px){
.interior-contents.in-services.style1 .service-card .button{
margin-top: 2.5rem;
}
}
.interior-contents.in-services.style1 .service-card {
scroll-margin-top: 100px;
}
.team.style3 .wrapper::before{
position: absolute;
left: 0px;
top: 0px;
display: none;
height: 100%;
width: 100%;
background-size: contain;
background-position: left;
background-repeat: no-repeat;
}
@media (min-width: 1024px){
.team.style3 .wrapper::before{
display: block;
}
}
.team.style3 .wrapper::before {
content: "";
background-image: url(https://s3.amazonaws.com/static.organiclead.com/Site-df6f8a80-211f-4bcd-b2d4-3eb54e11f05a/Homepage/bg_doctor.png);
}
.team.style4::before{
position: absolute;
left: 0px;
top: 0px;
height: 100%;
width: 100%;
background-size: cover;
background-position: top;
background-repeat: no-repeat;
content: "";
background-image: url(https://www.royacdn.com/unsafe/smart/Site-2c1fcf37-21e5-4e04-9d57-d78ae9e591ea/index_about/bg_meetourdoctors.jpg);
}
.team.style6::before{
position: absolute;
left: 0px;
top: 0px;
height: 100%;
width: 100%;
background-size: cover;
background-position: top;
background-repeat: no-repeat;
content: "";
background-image: url(https://s3.amazonaws.com/static.organiclead.com/Site-121d4509-beb0-4ed6-8ad2-63aa108ca994/Homepage_Slides/HF_New.jpg);
}
.team.style8::before {
content: "";
bottom: -24%;
left: -90%;
z-index: 1;
height: 100%;
width: 200%;
--tw-rotate: 23deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
--tw-bg-opacity: 1;
background-color: rgb(240 244 248 / var(--tw-bg-opacity));
--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);
}
@media (min-width: 768px){
.team.style8::before{
position: absolute;
}
}
.team.style8 .block::before {
content: "";
left: -20%;
top: -95%;
z-index: 2;
height: 80%;
width: 200%;
--tw-rotate: 165deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
--tw-bg-opacity: 1;
background-color: rgb(50 125 198 / var(--tw-bg-opacity));
opacity: 0.5;
}
@media (min-width: 768px){
.team.style8 .block::before{
position: absolute;
}
}
.team.style8 .block::after {
content: "";
bottom: -95%;
right: -20%;
z-index: 2;
height: 80%;
width: 200%;
--tw-rotate: 165deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
--tw-bg-opacity: 1;
background-color: rgb(42 45 93 / var(--tw-bg-opacity));
opacity: 0.5;
}
@media (min-width: 768px){
.team.style8 .block::after{
position: absolute;
}
}
.team.style9::before {
content: "";
position: absolute;
left: 0px;
top: 0px;
z-index: 3;
height: 100%;
}
@media (min-width: 768px){
.team.style9::before{
width: 60%;
}
}
.team.style9::before {
background: linear-gradient(to right, hsl(var(--secondary)), hsl(var(--secondary)), rgba(255, 255, 255, 0));
}
.team.style9 .content-wrapper{
position: relative;
}
.team.style9 .content-wrapper::before {
content: "";
position: absolute;
left: 50%;
top: 50%;
z-index: 3;
--tw-translate-x: -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));
border-radius: 9999px;
}
@media (min-width: 768px){
.team.style9 .content-wrapper::before{
height: 760px;
width: 760px;
}
}
.team.style9 .content-wrapper::before {
background: linear-gradient(to top, rgba(255, 255, 255, 0.4901960784), rgba(255, 255, 255, 0.8901960784), #ffffff);
}
.team.style9 .content-wrapper::after {
content: "";
position: absolute;
left: 50%;
top: 50%;
z-index: 2;
--tw-translate-x: -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));
background-color: transparent;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
@media (min-width: 768px){
.team.style9 .content-wrapper::after{
height: 820px;
width: 820px;
}
}
.team.style9 .content-wrapper::after {
background-image: url(https://s3.amazonaws.com/static.organiclead.com/Site-121d4509-beb0-4ed6-8ad2-63aa108ca994/HomepageAssets/lines.png);
}
/* Homepage Welcome */
.section.welcome::before,
.section.cta::before,
.section.services::before {
content: "";
position: absolute;
inset: 0px;
z-index: 0;
height: 100%;
width: 100%;
background-size: cover;
background-position: center;
}
.welcome.style2::before {
content: "";
position: absolute;
inset: 0px;
height: 90%;
width: 40%;
--tw-bg-opacity: 1;
background-color: rgb(42 45 93 / var(--tw-bg-opacity));
}
@media (width < 1024px) {
.section.welcome::before,
.section.cta::before,
.section.services::before{
opacity: 0.4;
}
.welcome.style2::before{
width: 0px;
}
}
/* Style 2 */
.brands-swiper .swiper-wrapper .swiper-slide {
width: 100%;
height: 30rem;
display: flex;
flex-direction: column;
justify-content: end;
align-items: self-start;
}
.brands-2-img-cover {
background: linear-gradient(to top, #0f2027, rgba(32, 58, 67, 0), rgba(44, 83, 100, 0));
}
/* Style 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;
}
.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: hsl(var(--primary-foreground));
background-color: hsl(var(--primary));
}
/* Style 5 */
.brands.style5 .brand-block .each-column{
position: relative;
width: 50%;
}
@media not all and (min-width: 768px){
.brands.style5 .brand-block .each-column{
padding: 1rem;
}
}
@media (min-width: 768px){
.brands.style5 .brand-block .each-column{
width: 25%;
}
.brands.style5 .brand-block .each-column:nth-child(odd){
padding-top: 25%;
}
}
.brands.style5 .brand-block .each-column .photo{
padding-bottom: 100%;
}
.brands.style5 .brand-block .each-column .photo img{
position: absolute;
left: 0px;
top: 0px;
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.brands.style5 .brand-block .each-column .logo{
padding-bottom: 100%;
}
.brands.style5 .brand-block .each-column .logo img{
position: relative;
left: 50%;
top: 50%;
width: 100%;
--tw-translate-x: -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));
-o-object-fit: cover;
object-fit: cover;
padding-left: 2.5rem;
padding-right: 2.5rem;
}
@media (min-width: 768px){
.brands.style5 .brand-block .each-column .logo img{
position: absolute;
}
}
.brands.style5 .brand-block .each-column:nth-child(odd) .logo{
--tw-bg-opacity: 1;
background-color: rgb(42 45 93 / var(--tw-bg-opacity));
}
@media (min-width: 768px){
.brands.style5 .brand-block .each-column:nth-child(odd) .logo{
--tw-bg-opacity: 1;
background-color: rgb(50 125 198 / var(--tw-bg-opacity));
}
}
.brands.style5 .brand-block .each-column:nth-child(even) .logo{
--tw-bg-opacity: 1;
background-color: rgb(42 45 93 / var(--tw-bg-opacity));
}
.brands.style5 .brand-block .each-column .logo img{
position: absolute;
left: 50%;
top: 50%;
width: 100%;
--tw-translate-x: -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));
-o-object-fit: cover;
object-fit: cover;
padding-left: 1rem;
padding-right: 1rem;
}
.brands-swiper-4 .swiper-wrapper,
.brands-swiper-4 .swiper-slide {
height: auto !important;
}
.hp-brands-swiper-5 .hp-brands-swiper-5 {
width: 100%;
}
.hp-brands-swiper-5 .swiper-slide {
height: auto !important;
overflow: hidden;
}
@media not all and (min-width: 1024px){
.max-lg\:container{
width: 100%;
margin-right: auto;
margin-left: auto;
padding-right: 2rem;
padding-left: 2rem;
}
@media (min-width: 1400px){
.max-lg\:container{
max-width: 1400px;
}
}
}
@media (min-width: 768px){
@media not all and (min-width: 1024px){
.md\:max-lg\:container{
width: 100%;
margin-right: auto;
margin-left: auto;
padding-right: 2rem;
padding-left: 2rem;
}
@media (min-width: 1400px){
.md\:max-lg\:container{
max-width: 1400px;
}
}
}
}
.before\:end-\[10px\]::before{
content: var(--tw-content);
inset-inline-end: 10px;
}
.after\:pointer-events-none::after{
content: var(--tw-content);
pointer-events: none;
}
.after\:absolute::after{
content: var(--tw-content);
position: absolute;
}
.after\:end-\[14px\]::after{
content: var(--tw-content);
inset-inline-end: 14px;
}
.after\:end-\[15px\]::after{
content: var(--tw-content);
inset-inline-end: 15px;
}
.after\:top-\[14px\]::after{
content: var(--tw-content);
top: 14px;
}
.after\:hidden::after{
content: var(--tw-content);
display: none;
}
.after\:text-xl::after{
content: var(--tw-content);
font-size: 1.25rem;
line-height: 1.75rem;
}
.first\:pl-0:first-child{
padding-left: 0px;
}
.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-gray-300:hover{
--tw-border-opacity: 1;
border-color: rgb(209 213 219 / var(--tw-border-opacity));
}
.hover\:border-secondary:hover{
--tw-border-opacity: 1;
border-color: #5886c5;
}
.hover\:bg-blue-800:hover{
--tw-bg-opacity: 1;
background-color: rgb(30 66 159 / var(--tw-bg-opacity));
}
.hover\:bg-gray-100:hover{
--tw-bg-opacity: 1;
background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.hover\:bg-gray-200:hover{
--tw-bg-opacity: 1;
background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.hover\:bg-secondary:hover{
--tw-bg-opacity: 1;
background-color: rgb(50 125 198 / var(--tw-bg-opacity));
}
.hover\:bg-white:hover{
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.hover\:\!text-secondary-foreground:hover{
--tw-text-opacity: 1 !important;
color: #FFFFFF !important;
}
.hover\:\!text-white:hover{
--tw-text-opacity: 1 !important;
color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
.hover\:text-blue-600:hover{
--tw-text-opacity: 1;
color: rgb(28 100 242 / var(--tw-text-opacity));
}
.hover\:text-gray-600:hover{
--tw-text-opacity: 1;
color: rgb(75 85 99 / var(--tw-text-opacity));
}
.hover\:text-gray-900:hover{
--tw-text-opacity: 1;
color: rgb(17 24 39 / var(--tw-text-opacity));
}
.hover\:text-primary:hover{
--tw-text-opacity: 1;
color: #6993cb;
}
.hover\:underline:hover{
text-decoration-line: underline;
}
.hover\:no-underline:hover{
text-decoration-line: none;
}
.hover\:opacity-100:hover{
opacity: 1;
}
.hover\:ring-primary:hover{
--tw-ring-opacity: 1;
--tw-ring-color: rgb(42 45 93 / var(--tw-ring-opacity));
}
.focus\:z-10:focus{
z-index: 10;
}
.focus\:border-0:focus{
border-width: 0px;
}
.focus\:border-blue-500:focus{
--tw-border-opacity: 1;
border-color: rgb(63 131 248 / var(--tw-border-opacity));
}
.focus\:border-secondary:focus{
--tw-border-opacity: 1;
border-color: rgb(50 125 198 / var(--tw-border-opacity));
}
.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-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(164 202 254 / var(--tw-ring-opacity));
}
.focus\:ring-blue-500:focus{
--tw-ring-opacity: 1;
--tw-ring-color: rgb(63 131 248 / var(--tw-ring-opacity));
}
.focus\:ring-gray-200:focus{
--tw-ring-opacity: 1;
--tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity));
}
.focus\:ring-secondary:focus{
--tw-ring-opacity: 1;
--tw-ring-color: rgb(50 125 198 / var(--tw-ring-opacity));
}
.focus\:ring-secondary\/30:focus{
--tw-ring-color: #327dc64d;
}
.group:hover .group-hover\:block{
display: block;
}
.group:hover .group-hover\:flex{
display: flex;
}
.group:hover .group-hover\:h-full{
height: 100%;
}
.group:hover .group-hover\:w-72{
width: 18rem;
}
.group:hover .group-hover\:translate-x-5{
--tw-translate-x: 1.25rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.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\:cursor-pointer{
cursor: pointer;
}
.group:hover .group-hover\:border-primary{
--tw-border-opacity: 1;
border-color: rgb(42 45 93 / var(--tw-border-opacity));
}
.group:hover .group-hover\:bg-card{
--tw-bg-opacity: 1;
background-color: rgb(50 125 198 / var(--tw-bg-opacity));
}
.group:hover .group-hover\:bg-primary{
--tw-bg-opacity: 1;
background-color: rgb(42 45 93 / var(--tw-bg-opacity));
}
.group:hover .group-hover\:bg-secondary{
--tw-bg-opacity: 1;
background-color: rgb(50 125 198 / var(--tw-bg-opacity));
}
.group:hover .group-hover\:bg-opacity-100{
--tw-bg-opacity: 1;
}
.group:hover .group-hover\:fill-black{
fill: #000000;
}
.group:hover .group-hover\:fill-primary-foreground{
fill: #FFFFFF;
}
.group:hover .group-hover\:fill-white{
fill: #ffffff;
}
.group:hover .group-hover\:px-5{
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.group:hover .group-hover\:text-black{
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
.group:hover .group-hover\:text-primary{
--tw-text-opacity: 1;
color: rgb(42 45 93 / var(--tw-text-opacity));
}
.group:hover .group-hover\:text-primary-foreground{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.group:hover .group-hover\:text-secondary-foreground{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.group:hover .group-hover\:text-white{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.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{
--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);
}
.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);
}
.roya-typography-headings\:mt-0 :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-roya-typography"],[class~="not-roya-typography"] *))){
margin-top: 0px;
}
@supports ((-webkit-backdrop-filter: var(--tw)) or (backdrop-filter: var(--tw))){
.supports-\[backdrop-filter\]\:bg-background\/60{
background-color: rgb(240 244 248 / 0.6);
}
}
.dark\:border-blue-500:is(.dark *){
--tw-border-opacity: 1;
border-color: rgb(63 131 248 / var(--tw-border-opacity));
}
.dark\:border-gray-600:is(.dark *){
--tw-border-opacity: 1;
border-color: rgb(75 85 99 / var(--tw-border-opacity));
}
.dark\:border-gray-700:is(.dark *){
--tw-border-opacity: 1;
border-color: rgb(55 65 81 / var(--tw-border-opacity));
}
.dark\:border-transparent:is(.dark *){
border-color: transparent;
}
.dark\:border-white:is(.dark *){
--tw-border-opacity: 1;
border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.dark\:bg-blue-600:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(28 100 242 / var(--tw-bg-opacity));
}
.dark\:bg-gray-600:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(75 85 99 / var(--tw-bg-opacity));
}
.dark\:bg-gray-700:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}
.dark\:bg-gray-800:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}
.dark\:bg-gray-800\/50:is(.dark *){
background-color: rgb(31 41 55 / 0.5);
}
.dark\:bg-gray-900\/80:is(.dark *){
background-color: rgb(17 24 39 / 0.8);
}
.dark\:bg-slate-900:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(15 23 42 / var(--tw-bg-opacity));
}
.dark\:text-blue-500:is(.dark *){
--tw-text-opacity: 1;
color: rgb(63 131 248 / var(--tw-text-opacity));
}
.dark\:text-gray-400:is(.dark *){
--tw-text-opacity: 1;
color: rgb(156 163 175 / var(--tw-text-opacity));
}
.dark\:text-indigo-600:is(.dark *){
--tw-text-opacity: 1;
color: rgb(88 80 236 / var(--tw-text-opacity));
}
.dark\:text-white:is(.dark *){
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.dark\:invert:is(.dark *){
--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);
}
.dark\:invert-0:is(.dark *){
--tw-invert: invert(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);
}
.dark\:hover\:bg-blue-700:hover:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(26 86 219 / var(--tw-bg-opacity));
}
.dark\:hover\:bg-gray-600:hover:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(75 85 99 / var(--tw-bg-opacity));
}
.dark\:hover\:bg-gray-800:hover:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}
.dark\:hover\:text-blue-500:hover:is(.dark *){
--tw-text-opacity: 1;
color: rgb(63 131 248 / var(--tw-text-opacity));
}
.dark\:hover\:text-gray-300:hover:is(.dark *){
--tw-text-opacity: 1;
color: rgb(209 213 219 / var(--tw-text-opacity));
}
.dark\:hover\:text-white:hover:is(.dark *){
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media not all and (min-width: 1280px){
.max-xl\:hidden{
display: none;
}
}
@media not all and (min-width: 1024px){
.max-lg\:m-0{
margin: 0px;
}
.max-lg\:mx-auto{
margin-left: auto;
margin-right: auto;
}
.max-lg\:mt-10{
margin-top: 2.5rem;
}
.max-lg\:mt-20{
margin-top: 5rem;
}
.max-lg\:mt-4{
margin-top: 1rem;
}
.max-lg\:hidden{
display: none;
}
.max-lg\:max-w-2xl{
max-width: 42rem;
}
.max-lg\:flex-col{
flex-direction: column;
}
.max-lg\: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));
}
.max-lg\:py-4{
padding-top: 1rem;
padding-bottom: 1rem;
}
.max-lg\:pb-24{
padding-bottom: 6rem;
}
.max-lg\:pt-10{
padding-top: 2.5rem;
}
.max-lg\:pb-40{
padding-bottom: 10rem;
}
.max-lg\:pb-44{
padding-bottom: 11rem;
}
.max-lg\:pb-64{
padding-bottom: 16rem;
}
.max-lg\:text-center{
text-align: center;
}
.max-lg\:text-xl{
font-size: 1.25rem;
line-height: 1.75rem;
}
.max-lg\:section-padding-x{
padding-left: 2rem;
padding-right: 2rem;
}
@media (min-width: 640px){
.max-lg\:section-padding-x{
padding-left: 4rem;
padding-right: 4rem;
}
}
.max-lg\:section-padding-t{
padding-top: 3rem;
}
@media (min-width: 640px){
.max-lg\:section-padding-t{
padding-top: 6rem;
}
}
}
@media not all and (min-width: 768px){
.max-md\:col-span-full{
grid-column: 1 / -1;
}
.max-md\:mx-auto{
margin-left: auto;
margin-right: auto;
}
.max-md\:mt-4{
margin-top: 1rem;
}
.max-md\:mt-6{
margin-top: 1.5rem;
}
.max-md\:hidden{
display: none;
}
.max-md\:w-full{
width: 100%;
}
.max-md\:max-w-md{
max-width: 28rem;
}
.max-md\:flex-col{
flex-direction: column;
}
.max-md\:bg-white{
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.max-md\:text-center{
text-align: center;
}
.max-md\:opacity-30{
opacity: 0.3;
}
.max-md\:section-padding-y{
padding-top: 3rem;
padding-bottom: 3rem;
}
@media (min-width: 640px){
.max-md\:section-padding-y{
padding-top: 6rem;
padding-bottom: 6rem;
}
}
}
@media not all and (min-width: 640px){
.max-sm\:col-span-full{
grid-column: 1 / -1;
}
.max-sm\:hidden{
display: none;
}
.max-sm\:w-full{
width: 100%;
}
.max-sm\:max-w-36{
max-width: 9rem;
}
.max-sm\:max-w-40{
max-width: 10rem;
}
.max-sm\:flex-col{
flex-direction: column;
}
.max-sm\:place-items-center{
place-items: center;
}
.max-sm\:items-center{
align-items: center;
}
.max-sm\:justify-center{
justify-content: center;
}
.max-sm\:text-center{
text-align: center;
}
}
@media not all and (min-width: 300px){
.max-xs\:hidden{
display: none;
}
.max-xs\:items-center{
align-items: center;
}
.max-xs\:text-center{
text-align: center;
}
}
@media (min-width: 300px){
.xs\:items-start{
align-items: flex-start;
}
.xs\:text-left{
text-align: left;
}
}
@media (min-width: 640px){
.sm\:me-6{
margin-inline-end: 1.5rem;
}
.sm\:mt-0{
margin-top: 0px;
}
.sm\:mt-4{
margin-top: 1rem;
}
.sm\:flex{
display: flex;
}
.sm\:hidden{
display: none;
}
.sm\:h-64{
height: 16rem;
}
.sm\:h-96{
height: 24rem;
}
.sm\:w-3\/5{
width: 60%;
}
.sm\:w-64{
width: 16rem;
}
.sm\:w-full{
width: 100%;
}
.sm\:min-w-20{
min-width: 5rem;
}
.sm\:max-w-80{
max-width: 20rem;
}
.sm\: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));
}
.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\:justify-start{
justify-content: flex-start;
}
.sm\:gap-6{
gap: 1.5rem;
}
.sm\:self-start{
align-self: flex-start;
}
.sm\:justify-self-center{
justify-self: center;
}
.sm\:rounded-\[3rem\]{
border-radius: 3rem;
}
.sm\:rounded-none{
border-radius: 0px;
}
.sm\:rounded-l-lg{
border-top-left-radius: var(--radius);
border-bottom-left-radius: var(--radius);
}
.sm\:p-6{
padding: 1.5rem;
}
.sm\:px-10{
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.sm\:px-16{
padding-left: 4rem;
padding-right: 4rem;
}
.sm\:px-20{
padding-left: 5rem;
padding-right: 5rem;
}
.sm\:px-6{
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.sm\:py-24{
padding-top: 6rem;
padding-bottom: 6rem;
}
.sm\:py-32{
padding-top: 8rem;
padding-bottom: 8rem;
}
.sm\:pb-24{
padding-bottom: 6rem;
}
.sm\:pb-40{
padding-bottom: 10rem;
}
.sm\:text-left{
text-align: left;
}
.sm\:text-lg{
font-size: 1.125rem;
line-height: 1.75rem;
}
.sm\:text-sm{
font-size: 0.875rem;
line-height: 1.25rem;
}
.sm\:text-xl{
font-size: 1.25rem;
line-height: 1.75rem;
}
@media not all and (min-width: 1024px){
.sm\:max-lg\:w-3\/4{
width: 75%;
}
}
}
@media (min-width: 768px){
.md\:inset-0{
inset: 0px;
}
.md\:inset-y-0{
top: 0px;
bottom: 0px;
}
.md\:-top-40{
top: -10rem;
}
.md\:bottom-0{
bottom: 0px;
}
.md\:left-0{
left: 0px;
}
.md\:left-1\/2{
left: 50%;
}
.md\:left-14{
left: 3.5rem;
}
.md\:right-0{
right: 0px;
}
.md\:top-1\/2{
top: 50%;
}
.md\:mb-0{
margin-bottom: 0px;
}
.md\:me-10{
margin-inline-end: 2.5rem;
}
.md\:me-4{
margin-inline-end: 1rem;
}
.md\:ms-2{
margin-inline-start: 0.5rem;
}
.md\:mt-10{
margin-top: 2.5rem;
}
.md\:block{
display: block;
}
.md\:flex{
display: flex;
}
.md\:hidden{
display: none;
}
.md\:w-1\/2{
width: 50%;
}
.md\:w-64{
width: 16rem;
}
.md\:w-\[80\%\]{
width: 80%;
}
.md\:max-w-72{
max-width: 18rem;
}
.md\:max-w-md{
max-width: 28rem;
}
.md\:-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));
}
.md\:-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));
}
.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\:items-center{
align-items: center;
}
.md\:justify-end{
justify-content: flex-end;
}
.md\:justify-center{
justify-content: center;
}
.md\:gap-12{
gap: 3rem;
}
.md\:rounded-br-\[15rem\]{
border-bottom-right-radius: 15rem;
}
.md\:border-e{
border-inline-end-width: 1px;
}
.md\:p-5{
padding: 1.25rem;
}
.md\:p-6{
padding: 1.5rem;
}
.md\:p-7{
padding: 1.75rem;
}
.md\:p-8{
padding: 2rem;
}
.md\:px-0{
padding-left: 0px;
padding-right: 0px;
}
.md\:pb-\[170px\]{
padding-bottom: 170px;
}
.md\:pe-4{
padding-inline-end: 1rem;
}
.md\:pt-80{
padding-top: 20rem;
}
.md\:pt-\[160px\]{
padding-top: 160px;
}
.md\:text-center{
text-align: center;
}
.md\:text-5xl{
font-size: 3rem;
line-height: 1;
}
.md\:text-xl{
font-size: 1.25rem;
line-height: 1.75rem;
}
.md\:text-background{
--tw-text-opacity: 1;
color: rgb(240 244 248 / var(--tw-text-opacity));
}
.md\:opacity-100{
opacity: 1;
}
.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);
}
.md\:duration-1000{
animation-duration: 1000ms;
}
.md\:ease-out{
animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
}
@media (min-width: 1024px){
.lg\:absolute{
position: absolute;
}
.lg\:-left-5{
left: -1.25rem;
}
.lg\:-right-5{
right: -1.25rem;
}
.lg\:-top-32{
top: -8rem;
}
.lg\:top-20{
top: 5rem;
}
.lg\:col-span-5{
grid-column: span 5 / span 5;
}
.lg\:col-span-7{
grid-column: span 7 / span 7;
}
.lg\:\!mt-32{
margin-top: 8rem !important;
}
.lg\:-mb-32{
margin-bottom: -8rem;
}
.lg\:-mt-12{
margin-top: -3rem;
}
.lg\:mb-16{
margin-bottom: 4rem;
}
.lg\:me-10{
margin-inline-end: 2.5rem;
}
.lg\:ml-0{
margin-left: 0px;
}
.lg\:mt-0{
margin-top: 0px;
}
.lg\:ml-auto{
margin-left: auto;
}
.lg\:block{
display: block;
}
.lg\:flex{
display: flex;
}
.lg\:grid{
display: grid;
}
.lg\:hidden{
display: none;
}
.lg\:aspect-square{
aspect-ratio: 1 / 1;
}
.lg\:w-1\/2{
width: 50%;
}
.lg\:w-1\/3{
width: 33.333333%;
}
.lg\:w-2\/3{
width: 66.666667%;
}
.lg\:w-2\/5{
width: 40%;
}
.lg\:w-3\/6{
width: 50%;
}
.lg\:w-4\/6{
width: 66.666667%;
}
.lg\:w-72{
width: 18rem;
}
.lg\:w-\[40\%\]{
width: 40%;
}
.lg\:w-\[50\%\]{
width: 50%;
}
.lg\:w-full{
width: 100%;
}
.lg\:max-w-2xl{
max-width: 42rem;
}
.lg\:max-w-7xl{
max-width: 80rem;
}
.lg\:max-w-\[150px\]{
max-width: 150px;
}
.lg\:max-w-\[550px\]{
max-width: 550px;
}
.lg\:max-w-\[580px\]{
max-width: 580px;
}
.lg\:max-w-xl{
max-width: 36rem;
}
.lg\:basis-1\/4{
flex-basis: 25%;
}
.lg\: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));
}
.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\:flex-row{
flex-direction: row;
}
.lg\:flex-row-reverse{
flex-direction: row-reverse;
}
.lg\:flex-col{
flex-direction: column;
}
.lg\:flex-nowrap{
flex-wrap: nowrap;
}
.lg\:items-start{
align-items: flex-start;
}
.lg\:justify-end{
justify-content: flex-end;
}
.lg\:gap-10{
gap: 2.5rem;
}
.lg\:gap-16{
gap: 4rem;
}
.lg\:gap-28{
gap: 7rem;
}
.lg\:gap-6{
gap: 1.5rem;
}
.lg\:space-x-10 > :not([hidden]) ~ :not([hidden]){
--tw-space-x-reverse: 0;
margin-right: calc(2.5rem * var(--tw-space-x-reverse));
margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.lg\:rounded-t-\[3rem\]{
border-top-left-radius: 3rem;
border-top-right-radius: 3rem;
}
.lg\:rounded-tl-\[3rem\]{
border-top-left-radius: 3rem;
}
.lg\:rounded-tl-\[80px\]{
border-top-left-radius: 80px;
}
.lg\:rounded-tr-\[8rem\]{
border-top-right-radius: 8rem;
}
.lg\:border-l{
border-left-width: 1px;
}
.lg\:p-20{
padding: 5rem;
}
.lg\:px-8{
padding-left: 2rem;
padding-right: 2rem;
}
.lg\:py-14{
padding-top: 3.5rem;
padding-bottom: 3.5rem;
}
.lg\:py-32{
padding-top: 8rem;
padding-bottom: 8rem;
}
.lg\:py-\[-120px\]{
padding-top: -120px;
padding-bottom: -120px;
}
.lg\:py-\[40vh\]{
padding-top: 15vh;
padding-bottom: 25vh;
}
.lg\:py-32{
padding-top: 8rem;
padding-bottom: 8rem;
}
.lg\:pb-44{
padding-bottom: 11rem;
}
.lg\:pb-72{
padding-bottom: 18rem;
}
.lg\:pb-\[45\%\]{
padding-bottom: 45%;
}
.lg\:pl-10{
padding-left: 2.5rem;
}
.lg\:pr-10{
padding-right: 2.5rem;
}
.lg\:pr-28{
padding-right: 7rem;
}
.lg\:pt-0{
padding-top: 0px;
}
.lg\:pt-24{
padding-top: 6rem;
}
.lg\:pt-56{
padding-top: 14rem;
}
.lg\:pt-6{
padding-top: 1.5rem;
}
.lg\:pt-40{
padding-top: 10rem;
}
.lg\:pt-60{
padding-top: 15rem;
}
.lg\:pt-8{
padding-top: 2rem;
}
.lg\:text-left{
text-align: left;
}
.lg\:text-base{
font-size: 1rem;
line-height: 1.5rem;
}
.lg\:shadow-none{
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.lg\:section-padding-x{
padding-left: 2rem;
padding-right: 2rem;
}
@media (min-width: 640px){
.lg\:section-padding-x{
padding-left: 4rem;
padding-right: 4rem;
}
}
}
@media (min-width: 1280px){
.xl\:absolute{
position: absolute;
}
.xl\:-bottom-12{
bottom: -3rem;
}
.xl\:-left-10{
left: -2.5rem;
}
.xl\:-left-36{
left: -9rem;
}
.xl\:bottom-20{
bottom: 5rem;
}
.xl\:top-1\/2{
top: 50%;
}
.xl\:me-10{
margin-inline-end: 2.5rem;
}
.xl\:mt-0{
margin-top: 0px;
}
.xl\:block{
display: block;
}
.xl\:flex{
display: flex;
}
.xl\:h-\[850px\]{
height: 850px;
}
.xl\:w-1\/2{
width: 50%;
}
.xl\:w-2\/3{
width: 66.666667%;
}
.xl\:w-2\/5{
width: 40%;
}
.xl\:w-2\/6{
width: 33.333333%;
}
.xl\:w-3\/5{
width: 60%;
}
.xl\:w-96{
width: 24rem;
}
.xl\:w-\[850px\]{
width: 850px;
}
.xl\:max-w-4xl{
max-width: 56rem;
}
.xl\:max-w-\[150px\]{
max-width: 150px;
}
.xl\:max-w-\[550px\]{
max-width: 550px;
}
.xl\:max-w-xl{
max-width: 36rem;
}
.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\:grid-cols-3{
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.xl\:flex-row{
flex-direction: row;
}
.xl\:justify-between{
justify-content: space-between;
}
.xl\:gap-28{
gap: 7rem;
}
.xl\:rounded-\[3rem\]{
border-radius: 3rem;
}
.xl\:rounded-tl-\[15rem\]{
border-top-left-radius: 15rem;
}
.xl\:rounded-tr-\[15rem\]{
border-top-right-radius: 15rem;
}
.xl\:p-20{
padding: 5rem;
}
.xl\:px-20{
padding-left: 5rem;
padding-right: 5rem;
}
.xl\:py-\[-120px\]{
padding-top: -120px;
padding-bottom: -120px;
}
.xl\:pl-32{
padding-left: 8rem;
}
.xl\:pr-28{
padding-right: 7rem;
}
.xl\:pt-20{
padding-top: 5rem;
}
.xl\:text-left{
text-align: left;
}
.xl\:text-4xl{
font-size: 2.25rem;
line-height: 2.5rem;
}
}
@media (min-width: 1536px){
.\32xl\:block{
display: block;
}
.\32xl\:flex-row{
flex-direction: row;
}
}
.ltr\:float-right:where([dir="ltr"], [dir="ltr"] *){
float: right;
}
.ltr\:float-left:where([dir="ltr"], [dir="ltr"] *){
float: left;
}
.ltr\:-translate-x-1\/2:where([dir="ltr"], [dir="ltr"] *){
--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));
}
.ltr\:-rotate-\[45deg\]:where([dir="ltr"], [dir="ltr"] *){
--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));
}
.rtl\:rotate-180:where([dir="rtl"], [dir="rtl"] *){
--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));
}
.rtl\:rotate-\[135deg\]:where([dir="rtl"], [dir="rtl"] *){
--tw-rotate: 135deg;
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));
}
.rtl\:space-x-reverse:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]){
--tw-space-x-reverse: 1;
}
.snap-pagination-wrapper{margin:5rem 0}.pagination a[aria-label="First"],.pagination a[aria-label="Last"]{display:none}.pagination{display:inline-flex;margin-left:calc(1px * -1);font-size:.875rem;list-style:none}.pagination a{display:flex;align-items:center;justify-content:center;padding-left:.75rem;padding-right:.75rem;height:2rem;line-height:1.25;color:#FFFFFF;background-color:#5886c5;border:1px solid #d1d5db}.pagination a:hover{background-color:#6993cb;color:#FFFFFF}.pagination .active a{color:#FFFFFF;background-color:#6993cb}.pagination .active a:hover{background-color:#6993cb;color:#FFFFFF}.pagination a[aria-label="Next"]{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.pagination a[aria-label="Previous"]{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.pagination li:first-child a{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem;margin-inline-start:0}.pagination li:not(:last-child) a{border-right:0}.pagination a[aria-label="Next"] span,.pagination a[aria-label="Previous"] span[aria-hidden="true"]{display:none}.pagination a[aria-label="Previous"]::after{content:"Previous"}.pagination a[aria-label="Next"]::after{content:"Next"}