/*
! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
*,
::before,
::after {
box-sizing: border-box; /* 1 */
border-width: 0; /* 2 */
border-style: solid; /* 2 */
border-color: currentColor; /* 2 */
}
::before,
::after {
--tw-content: '';
}
/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/
html,
:host {
line-height: 1.5; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
-moz-tab-size: 4; /* 3 */
-o-tab-size: 4;
tab-size: 4; /* 3 */
font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
font-feature-settings: normal; /* 5 */
font-variation-settings: normal; /* 6 */
-webkit-tap-highlight-color: transparent; /* 7 */
}
/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {
margin: 0; /* 1 */
line-height: inherit; /* 2 */
}
/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
height: 0; /* 1 */
color: inherit; /* 2 */
border-top-width: 1px; /* 3 */
}
/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]) {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
font-weight: inherit;
}
/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
color: inherit;
text-decoration: inherit;
}
/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
font-weight: bolder;
}
/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
font-feature-settings: normal; /* 2 */
font-variation-settings: normal; /* 3 */
font-size: 1em; /* 4 */
}
/*
Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
text-indent: 0; /* 1 */
border-color: inherit; /* 2 */
border-collapse: collapse; /* 3 */
}
/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit; /* 1 */
font-feature-settings: inherit; /* 1 */
font-variation-settings: inherit; /* 1 */
font-size: 100%; /* 1 */
font-weight: inherit; /* 1 */
line-height: inherit; /* 1 */
color: inherit; /* 1 */
margin: 0; /* 2 */
padding: 0; /* 3 */
}
/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
text-transform: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
[type='button'],
[type='reset'],
[type='submit'] {
-webkit-appearance: button; /* 1 */
background-color: transparent; /* 2 */
background-image: none; /* 2 */
}
/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
outline: auto;
}
/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
box-shadow: none;
}
/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
vertical-align: baseline;
}
/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
height: auto;
}
/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}
/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
-webkit-appearance: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}
/*
Add the correct display in Chrome and Safari.
*/
summary {
display: list-item;
}
/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
margin: 0;
}
fieldset {
margin: 0;
padding: 0;
}
legend {
padding: 0;
}
ol,
ul,
menu {
list-style: none;
margin: 0;
padding: 0;
}
/*
Reset default styling for dialogs.
*/
dialog {
padding: 0;
}
/*
Prevent resizing textareas horizontally by default.
*/
textarea {
resize: vertical;
}
/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input::-moz-placeholder, textarea::-moz-placeholder {
opacity: 1; /* 1 */
color: #9ca3af; /* 2 */
}
input::placeholder,
textarea::placeholder {
opacity: 1; /* 1 */
color: #9ca3af; /* 2 */
}
/*
Set the default cursor for buttons.
*/
button,
[role="button"] {
cursor: pointer;
}
/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
cursor: default;
}
/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
display: block; /* 1 */
vertical-align: middle; /* 2 */
}
/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
max-width: 100%;
height: auto;
}
/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden] {
display: none;
}
*, ::before, ::after{
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
}
::backdrop{
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
}
.container{
width: 100%;
}
@media (min-width: 375px){
.container{
max-width: 375px;
}
}
@media (min-width: 640px){
.container{
max-width: 640px;
}
}
@media (min-width: 768px){
.container{
max-width: 768px;
}
}
@media (min-width: 1024px){
.container{
max-width: 1024px;
}
}
@media (min-width: 1280px){
.container{
max-width: 1280px;
}
}
@media (min-width: 1435px){
.container{
max-width: 1435px;
}
}
@media (min-width: 1536px){
.container{
max-width: 1536px;
}
}
@media (min-width: 1690px){
.container{
max-width: 1690px;
}
}
@media (min-width: 2000px){
.container{
max-width: 2000px;
}
}
.supertitle, .is-supertitle{
font-family: Saira, sans-serif;
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 600;
text-transform: uppercase;
}
.bigtitle, .is-bigtitle{
font-family: Saira, sans-serif;
font-size: 3rem;
line-height: 1;
font-weight: 900;
font-style: italic;
}
@media (min-width: 1024px){
.bigtitle, .is-bigtitle{
font-size: 3.75rem;
line-height: 1;
}
}
.container{
margin-left: auto;
margin-right: auto;
width: calc(100% - 4rem);
max-width: 1600px;
}
@media (min-width: 1024px){
.container{
width: calc(100% - 8rem);
}
}
.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;
}
.fixed{
position: fixed;
}
.absolute{
position: absolute;
}
.relative{
position: relative;
}
.inset-0{
inset: 0px;
}
.inset-y-0{
top: 0px;
bottom: 0px;
}
.\!bottom-0{
bottom: 0px !important;
}
.\!left-0{
left: 0px !important;
}
.\!left-auto{
left: auto !important;
}
.-bottom-0{
bottom: -0px;
}
.-left-\[15\%\]{
left: -15%;
}
.-right-\[15\%\]{
right: -15%;
}
.bottom-0{
bottom: 0px;
}
.bottom-16{
bottom: 4rem;
}
.bottom-20{
bottom: 5rem;
}
.left-0{
left: 0px;
}
.left-1\/2{
left: 50%;
}
.left-\[140px\]{
left: 140px;
}
.left-\[20\%\]{
left: 20%;
}
.right-0{
right: 0px;
}
.right-5{
right: 1.25rem;
}
.top-0{
top: 0px;
}
.top-1\/2{
top: 50%;
}
.top-5{
top: 1.25rem;
}
.top-\[15px\]{
top: 15px;
}
.top-full{
top: 100%;
}
.z-0{
z-index: 0;
}
.z-10{
z-index: 10;
}
.z-20{
z-index: 20;
}
.z-30{
z-index: 30;
}
.z-40{
z-index: 40;
}
.z-50{
z-index: 50;
}
.z-\[-2\]{
z-index: -2;
}
.z-\[22\]{
z-index: 22;
}
.order-2{
order: 2;
}
.col-start-1{
grid-column-start: 1;
}
.col-start-2{
grid-column-start: 2;
}
.float-end{
float: inline-end;
}
.m-auto{
margin: auto;
}
.mx-auto{
margin-left: auto;
margin-right: auto;
}
.my-12{
margin-top: 3rem;
margin-bottom: 3rem;
}
.my-2{
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
.my-5{
margin-top: 1.25rem;
margin-bottom: 1.25rem;
}
.mb-1{
margin-bottom: 0.25rem;
}
.mb-10{
margin-bottom: 2.5rem;
}
.mb-12{
margin-bottom: 3rem;
}
.mb-14{
margin-bottom: 3.5rem;
}
.mb-2{
margin-bottom: 0.5rem;
}
.mb-2\.5{
margin-bottom: 0.625rem;
}
.mb-20{
margin-bottom: 5rem;
}
.mb-3{
margin-bottom: 0.75rem;
}
.mb-4{
margin-bottom: 1rem;
}
.mb-5{
margin-bottom: 1.25rem;
}
.mb-6{
margin-bottom: 1.5rem;
}
.mb-8{
margin-bottom: 2rem;
}
.ml-1{
margin-left: 0.25rem;
}
.ml-2{
margin-left: 0.5rem;
}
.ml-9{
margin-left: 2.25rem;
}
.ml-\[25px\]{
margin-left: 25px;
}
.ml-\[30px\]{
margin-left: 30px;
}
.ml-\[40px\]{
margin-left: 40px;
}
.mr-2{
margin-right: 0.5rem;
}
.mr-8{
margin-right: 2rem;
}
.mt-1{
margin-top: 0.25rem;
}
.mt-10{
margin-top: 2.5rem;
}
.mt-12{
margin-top: 3rem;
}
.mt-14{
margin-top: 3.5rem;
}
.mt-2{
margin-top: 0.5rem;
}
.mt-24{
margin-top: 6rem;
}
.mt-3{
margin-top: 0.75rem;
}
.mt-4{
margin-top: 1rem;
}
.mt-44{
margin-top: 11rem;
}
.mt-5{
margin-top: 1.25rem;
}
.mt-6{
margin-top: 1.5rem;
}
.mt-8{
margin-top: 2rem;
}
.mt-9{
margin-top: 2.25rem;
}
.mt-\[10px\]{
margin-top: 10px;
}
.mt-\[20px\]{
margin-top: 20px;
}
.mt-\[40px\]{
margin-top: 40px;
}
.mt-\[5px\]{
margin-top: 5px;
}
.mt-\[60px\]{
margin-top: 60px;
}
.block{
display: block;
}
.flex{
display: flex;
}
.table{
display: table;
}
.grid{
display: grid;
}
.hidden{
display: none;
}
.aspect-16\/7{
aspect-ratio: 16/7;
}
.aspect-16\/9{
aspect-ratio: 16/9;
}
.aspect-4\/3{
aspect-ratio: 4/3;
}
.aspect-square{
aspect-ratio: 1 / 1;
}
.aspect-video{
aspect-ratio: 16 / 9;
}
.size-8{
width: 2rem;
height: 2rem;
}
.\!h-12{
height: 3rem !important;
}
.\!h-4{
height: 1rem !important;
}
.h-1\/2{
height: 50%;
}
.h-1\/4{
height: 25%;
}
.h-12{
height: 3rem;
}
.h-16{
height: 4rem;
}
.h-20{
height: 5rem;
}
.h-4{
height: 1rem;
}
.h-40{
height: 10rem;
}
.h-5{
height: 1.25rem;
}
.h-6{
height: 1.5rem;
}
.h-\[140px\]{
height: 140px;
}
.h-\[200px\]{
height: 200px;
}
.h-fit{
height: -moz-fit-content;
height: fit-content;
}
.h-full{
height: 100%;
}
.h-screen{
height: 100vh;
}
.max-h-14{
max-height: 3.5rem;
}
.max-h-\[150px\]{
max-height: 150px;
}
.min-h-\[200px\]{
min-height: 200px;
}
.min-h-\[45px\]{
min-height: 45px;
}
.min-h-\[50px\]{
min-height: 50px;
}
.min-h-\[67px\]{
min-height: 67px;
}
.min-h-screen{
min-height: 100vh;
}
.\!w-12{
width: 3rem !important;
}
.\!w-4{
width: 1rem !important;
}
.\!w-96{
width: 24rem !important;
}
.\!w-\[20rem\]{
width: 20rem !important;
}
.\!w-\[30rem\]{
width: 30rem !important;
}
.\!w-full{
width: 100% !important;
}
.w-1\/2{
width: 50%;
}
.w-1\/3{
width: 33.333333%;
}
.w-1\/4{
width: 25%;
}
.w-1\/5{
width: 20%;
}
.w-10\/12{
width: 83.333333%;
}
.w-11\/12{
width: 91.666667%;
}
.w-12{
width: 3rem;
}
.w-14{
width: 3.5rem;
}
.w-16{
width: 4rem;
}
.w-24{
width: 6rem;
}
.w-3\/12{
width: 25%;
}
.w-3\/4{
width: 75%;
}
.w-32{
width: 8rem;
}
.w-4{
width: 1rem;
}
.w-4\/5{
width: 80%;
}
.w-40{
width: 10rem;
}
.w-48{
width: 12rem;
}
.w-5{
width: 1.25rem;
}
.w-56{
width: 14rem;
}
.w-6{
width: 1.5rem;
}
.w-72{
width: 18rem;
}
.w-\[140px\]{
width: 140px;
}
.w-\[150\%\]{
width: 150%;
}
.w-\[280px\]{
width: 280px;
}
.w-\[400px\]{
width: 400px;
}
.w-auto{
width: auto;
}
.w-fit{
width: -moz-fit-content;
width: fit-content;
}
.w-full{
width: 100%;
}
.w-max{
width: -moz-max-content;
width: max-content;
}
.min-w-0{
min-width: 0px;
}
.min-w-72{
min-width: 18rem;
}
.min-w-80{
min-width: 20rem;
}
.min-w-full{
min-width: 100%;
}
.max-w-3xl{
max-width: 48rem;
}
.max-w-60{
max-width: 15rem;
}
.max-w-6xl{
max-width: 72rem;
}
.max-w-72{
max-width: 18rem;
}
.max-w-80{
max-width: 20rem;
}
.max-w-\[120px\]{
max-width: 120px;
}
.max-w-\[1500px\]{
max-width: 1500px;
}
.max-w-lg{
max-width: 32rem;
}
.max-w-screen-2xl{
max-width: 1536px;
}
.flex-shrink-0{
flex-shrink: 0;
}
.flex-grow{
flex-grow: 1;
}
.basis-1\/2{
flex-basis: 50%;
}
.basis-1\/3{
flex-basis: 33.333333%;
}
.basis-1\/4{
flex-basis: 25%;
}
.basis-2\/4{
flex-basis: 50%;
}
.-translate-x-1{
--tw-translate-x: -0.25rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-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-12{
--tw-translate-x: -3rem;
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-10{
--tw-translate-y: -2.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-12{
--tw-translate-y: -3rem;
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-20{
--tw-translate-x: 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-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-\[10vw\]{
--tw-translate-y: 10vw;
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-\[6vw\]{
--tw-translate-y: 6vw;
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-180{
--tw-rotate: 180deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-50{
--tw-scale-x: .5;
--tw-scale-y: .5;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-\[0\.75\]{
--tw-scale-x: 0.75;
--tw-scale-y: 0.75;
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));
}
.animate-infiniteScrollSlow1{
animation: infiniteScrollSlow1 60s linear infinite;
}
.animate-infiniteScrollSlow2{
animation: infiniteScrollSlow2 60s linear infinite;
}
.cursor-pointer{
cursor: pointer;
}
.resize{
resize: both;
}
.list-inside{
list-style-position: inside;
}
.list-outside{
list-style-position: outside;
}
.list-disc{
list-style-type: disc;
}
.list-none{
list-style-type: none;
}
.grid-flow-row{
grid-auto-flow: row;
}
.grid-cols-1{
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.flex-row{
flex-direction: row;
}
.flex-row-reverse{
flex-direction: row-reverse;
}
.flex-col{
flex-direction: column;
}
.flex-col-reverse{
flex-direction: column-reverse;
}
.flex-wrap{
flex-wrap: wrap;
}
.flex-nowrap{
flex-wrap: nowrap;
}
.place-content-end{
place-content: end;
}
.content-center{
align-content: center;
}
.items-start{
align-items: flex-start;
}
.items-end{
align-items: flex-end;
}
.items-center{
align-items: center;
}
.items-baseline{
align-items: baseline;
}
.justify-start{
justify-content: flex-start;
}
.justify-end{
justify-content: flex-end;
}
.justify-center{
justify-content: center;
}
.justify-between{
justify-content: space-between;
}
.justify-around{
justify-content: space-around;
}
.gap-0{
gap: 0px;
}
.gap-1{
gap: 0.25rem;
}
.gap-10{
gap: 2.5rem;
}
.gap-12{
gap: 3rem;
}
.gap-2{
gap: 0.5rem;
}
.gap-3{
gap: 0.75rem;
}
.gap-32{
gap: 8rem;
}
.gap-4{
gap: 1rem;
}
.gap-5{
gap: 1.25rem;
}
.gap-6{
gap: 1.5rem;
}
.gap-8{
gap: 2rem;
}
.gap-x-10{
-moz-column-gap: 2.5rem;
column-gap: 2.5rem;
}
.gap-x-8{
-moz-column-gap: 2rem;
column-gap: 2rem;
}
.space-x-2 > :not([hidden]) ~ :not([hidden]){
--tw-space-x-reverse: 0;
margin-right: calc(0.5rem * var(--tw-space-x-reverse));
margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-1 > :not([hidden]) ~ :not([hidden]){
--tw-space-y-reverse: 0;
margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]){
--tw-space-y-reverse: 0;
margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.space-y-3 > :not([hidden]) ~ :not([hidden]){
--tw-space-y-reverse: 0;
margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]){
--tw-space-y-reverse: 0;
margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.space-y-6 > :not([hidden]) ~ :not([hidden]){
--tw-space-y-reverse: 0;
margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.divide-y > :not([hidden]) ~ :not([hidden]){
--tw-divide-y-reverse: 0;
border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}
.divide-charcoal\/15 > :not([hidden]) ~ :not([hidden]){
border-color: rgb(40 40 40 / 0.15);
}
.place-self-start{
place-self: start;
}
.overflow-hidden{
overflow: hidden;
}
.overflow-x-hidden{
overflow-x: hidden;
}
.overflow-x-scroll{
overflow-x: scroll;
}
.whitespace-pre-line{
white-space: pre-line;
}
.break-words{
overflow-wrap: break-word;
}
.rounded-2xl{
border-radius: 1rem;
}
.rounded-\[10px\]{
border-radius: 10px;
}
.rounded-\[5px\]{
border-radius: 5px;
}
.rounded-full{
border-radius: 9999px;
}
.rounded-lg{
border-radius: 0.5rem;
}
.rounded-md{
border-radius: 0.375rem;
}
.rounded-b-lg{
border-bottom-right-radius: 0.5rem;
border-bottom-left-radius: 0.5rem;
}
.rounded-b-md{
border-bottom-right-radius: 0.375rem;
border-bottom-left-radius: 0.375rem;
}
.rounded-t-lg{
border-top-left-radius: 0.5rem;
border-top-right-radius: 0.5rem;
}
.\!border-0{
border-width: 0px !important;
}
.border{
border-width: 1px;
}
.border-0{
border-width: 0px;
}
.border-2{
border-width: 2px;
}
.border-8{
border-width: 8px;
}
.border-b{
border-bottom-width: 1px;
}
.border-b-2{
border-bottom-width: 2px;
}
.border-l-2{
border-left-width: 2px;
}
.border-r-2{
border-right-width: 2px;
}
.border-t{
border-top-width: 1px;
}
.border-t-2{
border-top-width: 2px;
}
.border-t-\[2px\]{
border-top-width: 2px;
}
.border-\[\#B3B3B3\]{
--tw-border-opacity: 1;
border-color: rgb(179 179 179 / var(--tw-border-opacity));
}
.border-\[\#D9D9D9\]{
--tw-border-opacity: 1;
border-color: rgb(217 217 217 / var(--tw-border-opacity));
}
.border-\[\#E6E6E6\]{
--tw-border-opacity: 1;
border-color: rgb(230 230 230 / var(--tw-border-opacity));
}
.border-black{
--tw-border-opacity: 1;
border-color: rgb(0 0 0 / var(--tw-border-opacity));
}
.border-charcoal{
--tw-border-opacity: 1;
border-color: rgb(40 40 40 / var(--tw-border-opacity));
}
.border-charcoal\/15{
border-color: rgb(40 40 40 / 0.15);
}
.border-giftpack-Basic{
--tw-border-opacity: 1;
border-color: rgb(28 96 201 / var(--tw-border-opacity));
}
.border-giftpack-Basic\/0{
border-color: rgb(28 96 201 / 0);
}
.border-giftpack-Basic\/10{
border-color: rgb(28 96 201 / 0.1);
}
.border-giftpack-Basic\/100{
border-color: rgb(28 96 201 / 1);
}
.border-giftpack-Basic\/15{
border-color: rgb(28 96 201 / 0.15);
}
.border-giftpack-Basic\/20{
border-color: rgb(28 96 201 / 0.2);
}
.border-giftpack-Basic\/25{
border-color: rgb(28 96 201 / 0.25);
}
.border-giftpack-Basic\/30{
border-color: rgb(28 96 201 / 0.3);
}
.border-giftpack-Basic\/35{
border-color: rgb(28 96 201 / 0.35);
}
.border-giftpack-Basic\/40{
border-color: rgb(28 96 201 / 0.4);
}
.border-giftpack-Basic\/45{
border-color: rgb(28 96 201 / 0.45);
}
.border-giftpack-Basic\/5{
border-color: rgb(28 96 201 / 0.05);
}
.border-giftpack-Basic\/50{
border-color: rgb(28 96 201 / 0.5);
}
.border-giftpack-Basic\/55{
border-color: rgb(28 96 201 / 0.55);
}
.border-giftpack-Basic\/60{
border-color: rgb(28 96 201 / 0.6);
}
.border-giftpack-Basic\/65{
border-color: rgb(28 96 201 / 0.65);
}
.border-giftpack-Basic\/70{
border-color: rgb(28 96 201 / 0.7);
}
.border-giftpack-Basic\/75{
border-color: rgb(28 96 201 / 0.75);
}
.border-giftpack-Basic\/80{
border-color: rgb(28 96 201 / 0.8);
}
.border-giftpack-Basic\/85{
border-color: rgb(28 96 201 / 0.85);
}
.border-giftpack-Basic\/90{
border-color: rgb(28 96 201 / 0.9);
}
.border-giftpack-Basic\/95{
border-color: rgb(28 96 201 / 0.95);
}
.border-giftpack-Gold{
--tw-border-opacity: 1;
border-color: rgb(190 120 0 / var(--tw-border-opacity));
}
.border-giftpack-Gold\/0{
border-color: rgb(190 120 0 / 0);
}
.border-giftpack-Gold\/10{
border-color: rgb(190 120 0 / 0.1);
}
.border-giftpack-Gold\/100{
border-color: rgb(190 120 0 / 1);
}
.border-giftpack-Gold\/15{
border-color: rgb(190 120 0 / 0.15);
}
.border-giftpack-Gold\/20{
border-color: rgb(190 120 0 / 0.2);
}
.border-giftpack-Gold\/25{
border-color: rgb(190 120 0 / 0.25);
}
.border-giftpack-Gold\/30{
border-color: rgb(190 120 0 / 0.3);
}
.border-giftpack-Gold\/35{
border-color: rgb(190 120 0 / 0.35);
}
.border-giftpack-Gold\/40{
border-color: rgb(190 120 0 / 0.4);
}
.border-giftpack-Gold\/45{
border-color: rgb(190 120 0 / 0.45);
}
.border-giftpack-Gold\/5{
border-color: rgb(190 120 0 / 0.05);
}
.border-giftpack-Gold\/50{
border-color: rgb(190 120 0 / 0.5);
}
.border-giftpack-Gold\/55{
border-color: rgb(190 120 0 / 0.55);
}
.border-giftpack-Gold\/60{
border-color: rgb(190 120 0 / 0.6);
}
.border-giftpack-Gold\/65{
border-color: rgb(190 120 0 / 0.65);
}
.border-giftpack-Gold\/70{
border-color: rgb(190 120 0 / 0.7);
}
.border-giftpack-Gold\/75{
border-color: rgb(190 120 0 / 0.75);
}
.border-giftpack-Gold\/80{
border-color: rgb(190 120 0 / 0.8);
}
.border-giftpack-Gold\/85{
border-color: rgb(190 120 0 / 0.85);
}
.border-giftpack-Gold\/90{
border-color: rgb(190 120 0 / 0.9);
}
.border-giftpack-Gold\/95{
border-color: rgb(190 120 0 / 0.95);
}
.border-giftpack-Premium{
--tw-border-opacity: 1;
border-color: rgb(149 59 43 / var(--tw-border-opacity));
}
.border-giftpack-Premium\/0{
border-color: rgb(149 59 43 / 0);
}
.border-giftpack-Premium\/10{
border-color: rgb(149 59 43 / 0.1);
}
.border-giftpack-Premium\/100{
border-color: rgb(149 59 43 / 1);
}
.border-giftpack-Premium\/15{
border-color: rgb(149 59 43 / 0.15);
}
.border-giftpack-Premium\/20{
border-color: rgb(149 59 43 / 0.2);
}
.border-giftpack-Premium\/25{
border-color: rgb(149 59 43 / 0.25);
}
.border-giftpack-Premium\/30{
border-color: rgb(149 59 43 / 0.3);
}
.border-giftpack-Premium\/35{
border-color: rgb(149 59 43 / 0.35);
}
.border-giftpack-Premium\/40{
border-color: rgb(149 59 43 / 0.4);
}
.border-giftpack-Premium\/45{
border-color: rgb(149 59 43 / 0.45);
}
.border-giftpack-Premium\/5{
border-color: rgb(149 59 43 / 0.05);
}
.border-giftpack-Premium\/50{
border-color: rgb(149 59 43 / 0.5);
}
.border-giftpack-Premium\/55{
border-color: rgb(149 59 43 / 0.55);
}
.border-giftpack-Premium\/60{
border-color: rgb(149 59 43 / 0.6);
}
.border-giftpack-Premium\/65{
border-color: rgb(149 59 43 / 0.65);
}
.border-giftpack-Premium\/70{
border-color: rgb(149 59 43 / 0.7);
}
.border-giftpack-Premium\/75{
border-color: rgb(149 59 43 / 0.75);
}
.border-giftpack-Premium\/80{
border-color: rgb(149 59 43 / 0.8);
}
.border-giftpack-Premium\/85{
border-color: rgb(149 59 43 / 0.85);
}
.border-giftpack-Premium\/90{
border-color: rgb(149 59 43 / 0.9);
}
.border-giftpack-Premium\/95{
border-color: rgb(149 59 43 / 0.95);
}
.border-giftpack-Silver{
--tw-border-opacity: 1;
border-color: rgb(122 122 122 / var(--tw-border-opacity));
}
.border-giftpack-Silver\/0{
border-color: rgb(122 122 122 / 0);
}
.border-giftpack-Silver\/10{
border-color: rgb(122 122 122 / 0.1);
}
.border-giftpack-Silver\/100{
border-color: rgb(122 122 122 / 1);
}
.border-giftpack-Silver\/15{
border-color: rgb(122 122 122 / 0.15);
}
.border-giftpack-Silver\/20{
border-color: rgb(122 122 122 / 0.2);
}
.border-giftpack-Silver\/25{
border-color: rgb(122 122 122 / 0.25);
}
.border-giftpack-Silver\/30{
border-color: rgb(122 122 122 / 0.3);
}
.border-giftpack-Silver\/35{
border-color: rgb(122 122 122 / 0.35);
}
.border-giftpack-Silver\/40{
border-color: rgb(122 122 122 / 0.4);
}
.border-giftpack-Silver\/45{
border-color: rgb(122 122 122 / 0.45);
}
.border-giftpack-Silver\/5{
border-color: rgb(122 122 122 / 0.05);
}
.border-giftpack-Silver\/50{
border-color: rgb(122 122 122 / 0.5);
}
.border-giftpack-Silver\/55{
border-color: rgb(122 122 122 / 0.55);
}
.border-giftpack-Silver\/60{
border-color: rgb(122 122 122 / 0.6);
}
.border-giftpack-Silver\/65{
border-color: rgb(122 122 122 / 0.65);
}
.border-giftpack-Silver\/70{
border-color: rgb(122 122 122 / 0.7);
}
.border-giftpack-Silver\/75{
border-color: rgb(122 122 122 / 0.75);
}
.border-giftpack-Silver\/80{
border-color: rgb(122 122 122 / 0.8);
}
.border-giftpack-Silver\/85{
border-color: rgb(122 122 122 / 0.85);
}
.border-giftpack-Silver\/90{
border-color: rgb(122 122 122 / 0.9);
}
.border-giftpack-Silver\/95{
border-color: rgb(122 122 122 / 0.95);
}
.border-giftpack-VIP{
--tw-border-opacity: 1;
border-color: rgb(185 201 223 / var(--tw-border-opacity));
}
.border-giftpack-VIP\/0{
border-color: rgb(185 201 223 / 0);
}
.border-giftpack-VIP\/10{
border-color: rgb(185 201 223 / 0.1);
}
.border-giftpack-VIP\/100{
border-color: rgb(185 201 223 / 1);
}
.border-giftpack-VIP\/15{
border-color: rgb(185 201 223 / 0.15);
}
.border-giftpack-VIP\/20{
border-color: rgb(185 201 223 / 0.2);
}
.border-giftpack-VIP\/25{
border-color: rgb(185 201 223 / 0.25);
}
.border-giftpack-VIP\/30{
border-color: rgb(185 201 223 / 0.3);
}
.border-giftpack-VIP\/35{
border-color: rgb(185 201 223 / 0.35);
}
.border-giftpack-VIP\/40{
border-color: rgb(185 201 223 / 0.4);
}
.border-giftpack-VIP\/45{
border-color: rgb(185 201 223 / 0.45);
}
.border-giftpack-VIP\/5{
border-color: rgb(185 201 223 / 0.05);
}
.border-giftpack-VIP\/50{
border-color: rgb(185 201 223 / 0.5);
}
.border-giftpack-VIP\/55{
border-color: rgb(185 201 223 / 0.55);
}
.border-giftpack-VIP\/60{
border-color: rgb(185 201 223 / 0.6);
}
.border-giftpack-VIP\/65{
border-color: rgb(185 201 223 / 0.65);
}
.border-giftpack-VIP\/70{
border-color: rgb(185 201 223 / 0.7);
}
.border-giftpack-VIP\/75{
border-color: rgb(185 201 223 / 0.75);
}
.border-giftpack-VIP\/80{
border-color: rgb(185 201 223 / 0.8);
}
.border-giftpack-VIP\/85{
border-color: rgb(185 201 223 / 0.85);
}
.border-giftpack-VIP\/90{
border-color: rgb(185 201 223 / 0.9);
}
.border-giftpack-VIP\/95{
border-color: rgb(185 201 223 / 0.95);
}
.border-giftpack-VIPPro{
--tw-border-opacity: 1;
border-color: rgb(185 201 223 / var(--tw-border-opacity));
}
.border-giftpack-VIPPro\/0{
border-color: rgb(185 201 223 / 0);
}
.border-giftpack-VIPPro\/10{
border-color: rgb(185 201 223 / 0.1);
}
.border-giftpack-VIPPro\/100{
border-color: rgb(185 201 223 / 1);
}
.border-giftpack-VIPPro\/15{
border-color: rgb(185 201 223 / 0.15);
}
.border-giftpack-VIPPro\/20{
border-color: rgb(185 201 223 / 0.2);
}
.border-giftpack-VIPPro\/25{
border-color: rgb(185 201 223 / 0.25);
}
.border-giftpack-VIPPro\/30{
border-color: rgb(185 201 223 / 0.3);
}
.border-giftpack-VIPPro\/35{
border-color: rgb(185 201 223 / 0.35);
}
.border-giftpack-VIPPro\/40{
border-color: rgb(185 201 223 / 0.4);
}
.border-giftpack-VIPPro\/45{
border-color: rgb(185 201 223 / 0.45);
}
.border-giftpack-VIPPro\/5{
border-color: rgb(185 201 223 / 0.05);
}
.border-giftpack-VIPPro\/50{
border-color: rgb(185 201 223 / 0.5);
}
.border-giftpack-VIPPro\/55{
border-color: rgb(185 201 223 / 0.55);
}
.border-giftpack-VIPPro\/60{
border-color: rgb(185 201 223 / 0.6);
}
.border-giftpack-VIPPro\/65{
border-color: rgb(185 201 223 / 0.65);
}
.border-giftpack-VIPPro\/70{
border-color: rgb(185 201 223 / 0.7);
}
.border-giftpack-VIPPro\/75{
border-color: rgb(185 201 223 / 0.75);
}
.border-giftpack-VIPPro\/80{
border-color: rgb(185 201 223 / 0.8);
}
.border-giftpack-VIPPro\/85{
border-color: rgb(185 201 223 / 0.85);
}
.border-giftpack-VIPPro\/90{
border-color: rgb(185 201 223 / 0.9);
}
.border-giftpack-VIPPro\/95{
border-color: rgb(185 201 223 / 0.95);
}
.border-giftpack-VIPUltimate{
--tw-border-opacity: 1;
border-color: rgb(185 201 223 / var(--tw-border-opacity));
}
.border-giftpack-VIPUltimate\/0{
border-color: rgb(185 201 223 / 0);
}
.border-giftpack-VIPUltimate\/10{
border-color: rgb(185 201 223 / 0.1);
}
.border-giftpack-VIPUltimate\/100{
border-color: rgb(185 201 223 / 1);
}
.border-giftpack-VIPUltimate\/15{
border-color: rgb(185 201 223 / 0.15);
}
.border-giftpack-VIPUltimate\/20{
border-color: rgb(185 201 223 / 0.2);
}
.border-giftpack-VIPUltimate\/25{
border-color: rgb(185 201 223 / 0.25);
}
.border-giftpack-VIPUltimate\/30{
border-color: rgb(185 201 223 / 0.3);
}
.border-giftpack-VIPUltimate\/35{
border-color: rgb(185 201 223 / 0.35);
}
.border-giftpack-VIPUltimate\/40{
border-color: rgb(185 201 223 / 0.4);
}
.border-giftpack-VIPUltimate\/45{
border-color: rgb(185 201 223 / 0.45);
}
.border-giftpack-VIPUltimate\/5{
border-color: rgb(185 201 223 / 0.05);
}
.border-giftpack-VIPUltimate\/50{
border-color: rgb(185 201 223 / 0.5);
}
.border-giftpack-VIPUltimate\/55{
border-color: rgb(185 201 223 / 0.55);
}
.border-giftpack-VIPUltimate\/60{
border-color: rgb(185 201 223 / 0.6);
}
.border-giftpack-VIPUltimate\/65{
border-color: rgb(185 201 223 / 0.65);
}
.border-giftpack-VIPUltimate\/70{
border-color: rgb(185 201 223 / 0.7);
}
.border-giftpack-VIPUltimate\/75{
border-color: rgb(185 201 223 / 0.75);
}
.border-giftpack-VIPUltimate\/80{
border-color: rgb(185 201 223 / 0.8);
}
.border-giftpack-VIPUltimate\/85{
border-color: rgb(185 201 223 / 0.85);
}
.border-giftpack-VIPUltimate\/90{
border-color: rgb(185 201 223 / 0.9);
}
.border-giftpack-VIPUltimate\/95{
border-color: rgb(185 201 223 / 0.95);
}
.border-transparent{
border-color: rgba(0,0,0,0);
}
.border-white{
--tw-border-opacity: 1;
border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.border-b-\[rgb\(233\2c 233\2c 233\)\]{
--tw-border-opacity: 1;
border-bottom-color: rgb(233 233 233 / var(--tw-border-opacity));
}
.border-t-\[\#D9D9D9\]{
--tw-border-opacity: 1;
border-top-color: rgb(217 217 217 / var(--tw-border-opacity));
}
.border-t-\[rgb\(233\2c 233\2c 233\)\]{
--tw-border-opacity: 1;
border-top-color: rgb(233 233 233 / var(--tw-border-opacity));
}
.border-opacity-15{
--tw-border-opacity: 0.15;
}
.\!bg-lightBlue{
--tw-bg-opacity: 1 !important;
background-color: rgb(214 235 243 / var(--tw-bg-opacity)) !important;
}
.\!bg-orange-100{
--tw-bg-opacity: 1 !important;
background-color: rgb(255 145 30 / var(--tw-bg-opacity)) !important;
}
.\!bg-white{
--tw-bg-opacity: 1 !important;
background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
}
.bg-\[\#b81621\]{
--tw-bg-opacity: 1;
background-color: rgb(184 22 33 / var(--tw-bg-opacity));
}
.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-charcoal\/35{
background-color: rgb(40 40 40 / 0.35);
}
.bg-cream{
--tw-bg-opacity: 1;
background-color: rgb(236 230 221 / var(--tw-bg-opacity));
}
.bg-giftpack-Basic{
--tw-bg-opacity: 1;
background-color: rgb(28 96 201 / var(--tw-bg-opacity));
}
.bg-giftpack-Basic\/0{
background-color: rgb(28 96 201 / 0);
}
.bg-giftpack-Basic\/10{
background-color: rgb(28 96 201 / 0.1);
}
.bg-giftpack-Basic\/100{
background-color: rgb(28 96 201 / 1);
}
.bg-giftpack-Basic\/15{
background-color: rgb(28 96 201 / 0.15);
}
.bg-giftpack-Basic\/20{
background-color: rgb(28 96 201 / 0.2);
}
.bg-giftpack-Basic\/25{
background-color: rgb(28 96 201 / 0.25);
}
.bg-giftpack-Basic\/30{
background-color: rgb(28 96 201 / 0.3);
}
.bg-giftpack-Basic\/35{
background-color: rgb(28 96 201 / 0.35);
}
.bg-giftpack-Basic\/40{
background-color: rgb(28 96 201 / 0.4);
}
.bg-giftpack-Basic\/45{
background-color: rgb(28 96 201 / 0.45);
}
.bg-giftpack-Basic\/5{
background-color: rgb(28 96 201 / 0.05);
}
.bg-giftpack-Basic\/50{
background-color: rgb(28 96 201 / 0.5);
}
.bg-giftpack-Basic\/55{
background-color: rgb(28 96 201 / 0.55);
}
.bg-giftpack-Basic\/60{
background-color: rgb(28 96 201 / 0.6);
}
.bg-giftpack-Basic\/65{
background-color: rgb(28 96 201 / 0.65);
}
.bg-giftpack-Basic\/70{
background-color: rgb(28 96 201 / 0.7);
}
.bg-giftpack-Basic\/75{
background-color: rgb(28 96 201 / 0.75);
}
.bg-giftpack-Basic\/80{
background-color: rgb(28 96 201 / 0.8);
}
.bg-giftpack-Basic\/85{
background-color: rgb(28 96 201 / 0.85);
}
.bg-giftpack-Basic\/90{
background-color: rgb(28 96 201 / 0.9);
}
.bg-giftpack-Basic\/95{
background-color: rgb(28 96 201 / 0.95);
}
.bg-giftpack-Gold{
--tw-bg-opacity: 1;
background-color: rgb(190 120 0 / var(--tw-bg-opacity));
}
.bg-giftpack-Gold\/0{
background-color: rgb(190 120 0 / 0);
}
.bg-giftpack-Gold\/10{
background-color: rgb(190 120 0 / 0.1);
}
.bg-giftpack-Gold\/100{
background-color: rgb(190 120 0 / 1);
}
.bg-giftpack-Gold\/15{
background-color: rgb(190 120 0 / 0.15);
}
.bg-giftpack-Gold\/20{
background-color: rgb(190 120 0 / 0.2);
}
.bg-giftpack-Gold\/25{
background-color: rgb(190 120 0 / 0.25);
}
.bg-giftpack-Gold\/30{
background-color: rgb(190 120 0 / 0.3);
}
.bg-giftpack-Gold\/35{
background-color: rgb(190 120 0 / 0.35);
}
.bg-giftpack-Gold\/40{
background-color: rgb(190 120 0 / 0.4);
}
.bg-giftpack-Gold\/45{
background-color: rgb(190 120 0 / 0.45);
}
.bg-giftpack-Gold\/5{
background-color: rgb(190 120 0 / 0.05);
}
.bg-giftpack-Gold\/50{
background-color: rgb(190 120 0 / 0.5);
}
.bg-giftpack-Gold\/55{
background-color: rgb(190 120 0 / 0.55);
}
.bg-giftpack-Gold\/60{
background-color: rgb(190 120 0 / 0.6);
}
.bg-giftpack-Gold\/65{
background-color: rgb(190 120 0 / 0.65);
}
.bg-giftpack-Gold\/70{
background-color: rgb(190 120 0 / 0.7);
}
.bg-giftpack-Gold\/75{
background-color: rgb(190 120 0 / 0.75);
}
.bg-giftpack-Gold\/80{
background-color: rgb(190 120 0 / 0.8);
}
.bg-giftpack-Gold\/85{
background-color: rgb(190 120 0 / 0.85);
}
.bg-giftpack-Gold\/90{
background-color: rgb(190 120 0 / 0.9);
}
.bg-giftpack-Gold\/95{
background-color: rgb(190 120 0 / 0.95);
}
.bg-giftpack-Premium{
--tw-bg-opacity: 1;
background-color: rgb(149 59 43 / var(--tw-bg-opacity));
}
.bg-giftpack-Premium\/0{
background-color: rgb(149 59 43 / 0);
}
.bg-giftpack-Premium\/10{
background-color: rgb(149 59 43 / 0.1);
}
.bg-giftpack-Premium\/100{
background-color: rgb(149 59 43 / 1);
}
.bg-giftpack-Premium\/15{
background-color: rgb(149 59 43 / 0.15);
}
.bg-giftpack-Premium\/20{
background-color: rgb(149 59 43 / 0.2);
}
.bg-giftpack-Premium\/25{
background-color: rgb(149 59 43 / 0.25);
}
.bg-giftpack-Premium\/30{
background-color: rgb(149 59 43 / 0.3);
}
.bg-giftpack-Premium\/35{
background-color: rgb(149 59 43 / 0.35);
}
.bg-giftpack-Premium\/40{
background-color: rgb(149 59 43 / 0.4);
}
.bg-giftpack-Premium\/45{
background-color: rgb(149 59 43 / 0.45);
}
.bg-giftpack-Premium\/5{
background-color: rgb(149 59 43 / 0.05);
}
.bg-giftpack-Premium\/50{
background-color: rgb(149 59 43 / 0.5);
}
.bg-giftpack-Premium\/55{
background-color: rgb(149 59 43 / 0.55);
}
.bg-giftpack-Premium\/60{
background-color: rgb(149 59 43 / 0.6);
}
.bg-giftpack-Premium\/65{
background-color: rgb(149 59 43 / 0.65);
}
.bg-giftpack-Premium\/70{
background-color: rgb(149 59 43 / 0.7);
}
.bg-giftpack-Premium\/75{
background-color: rgb(149 59 43 / 0.75);
}
.bg-giftpack-Premium\/80{
background-color: rgb(149 59 43 / 0.8);
}
.bg-giftpack-Premium\/85{
background-color: rgb(149 59 43 / 0.85);
}
.bg-giftpack-Premium\/90{
background-color: rgb(149 59 43 / 0.9);
}
.bg-giftpack-Premium\/95{
background-color: rgb(149 59 43 / 0.95);
}
.bg-giftpack-Silver{
--tw-bg-opacity: 1;
background-color: rgb(122 122 122 / var(--tw-bg-opacity));
}
.bg-giftpack-Silver\/0{
background-color: rgb(122 122 122 / 0);
}
.bg-giftpack-Silver\/10{
background-color: rgb(122 122 122 / 0.1);
}
.bg-giftpack-Silver\/100{
background-color: rgb(122 122 122 / 1);
}
.bg-giftpack-Silver\/15{
background-color: rgb(122 122 122 / 0.15);
}
.bg-giftpack-Silver\/20{
background-color: rgb(122 122 122 / 0.2);
}
.bg-giftpack-Silver\/25{
background-color: rgb(122 122 122 / 0.25);
}
.bg-giftpack-Silver\/30{
background-color: rgb(122 122 122 / 0.3);
}
.bg-giftpack-Silver\/35{
background-color: rgb(122 122 122 / 0.35);
}
.bg-giftpack-Silver\/40{
background-color: rgb(122 122 122 / 0.4);
}
.bg-giftpack-Silver\/45{
background-color: rgb(122 122 122 / 0.45);
}
.bg-giftpack-Silver\/5{
background-color: rgb(122 122 122 / 0.05);
}
.bg-giftpack-Silver\/50{
background-color: rgb(122 122 122 / 0.5);
}
.bg-giftpack-Silver\/55{
background-color: rgb(122 122 122 / 0.55);
}
.bg-giftpack-Silver\/60{
background-color: rgb(122 122 122 / 0.6);
}
.bg-giftpack-Silver\/65{
background-color: rgb(122 122 122 / 0.65);
}
.bg-giftpack-Silver\/70{
background-color: rgb(122 122 122 / 0.7);
}
.bg-giftpack-Silver\/75{
background-color: rgb(122 122 122 / 0.75);
}
.bg-giftpack-Silver\/80{
background-color: rgb(122 122 122 / 0.8);
}
.bg-giftpack-Silver\/85{
background-color: rgb(122 122 122 / 0.85);
}
.bg-giftpack-Silver\/90{
background-color: rgb(122 122 122 / 0.9);
}
.bg-giftpack-Silver\/95{
background-color: rgb(122 122 122 / 0.95);
}
.bg-giftpack-VIP{
--tw-bg-opacity: 1;
background-color: rgb(185 201 223 / var(--tw-bg-opacity));
}
.bg-giftpack-VIP\/0{
background-color: rgb(185 201 223 / 0);
}
.bg-giftpack-VIP\/10{
background-color: rgb(185 201 223 / 0.1);
}
.bg-giftpack-VIP\/100{
background-color: rgb(185 201 223 / 1);
}
.bg-giftpack-VIP\/15{
background-color: rgb(185 201 223 / 0.15);
}
.bg-giftpack-VIP\/20{
background-color: rgb(185 201 223 / 0.2);
}
.bg-giftpack-VIP\/25{
background-color: rgb(185 201 223 / 0.25);
}
.bg-giftpack-VIP\/30{
background-color: rgb(185 201 223 / 0.3);
}
.bg-giftpack-VIP\/35{
background-color: rgb(185 201 223 / 0.35);
}
.bg-giftpack-VIP\/40{
background-color: rgb(185 201 223 / 0.4);
}
.bg-giftpack-VIP\/45{
background-color: rgb(185 201 223 / 0.45);
}
.bg-giftpack-VIP\/5{
background-color: rgb(185 201 223 / 0.05);
}
.bg-giftpack-VIP\/50{
background-color: rgb(185 201 223 / 0.5);
}
.bg-giftpack-VIP\/55{
background-color: rgb(185 201 223 / 0.55);
}
.bg-giftpack-VIP\/60{
background-color: rgb(185 201 223 / 0.6);
}
.bg-giftpack-VIP\/65{
background-color: rgb(185 201 223 / 0.65);
}
.bg-giftpack-VIP\/70{
background-color: rgb(185 201 223 / 0.7);
}
.bg-giftpack-VIP\/75{
background-color: rgb(185 201 223 / 0.75);
}
.bg-giftpack-VIP\/80{
background-color: rgb(185 201 223 / 0.8);
}
.bg-giftpack-VIP\/85{
background-color: rgb(185 201 223 / 0.85);
}
.bg-giftpack-VIP\/90{
background-color: rgb(185 201 223 / 0.9);
}
.bg-giftpack-VIP\/95{
background-color: rgb(185 201 223 / 0.95);
}
.bg-giftpack-VIPPro{
--tw-bg-opacity: 1;
background-color: rgb(185 201 223 / var(--tw-bg-opacity));
}
.bg-giftpack-VIPPro\/0{
background-color: rgb(185 201 223 / 0);
}
.bg-giftpack-VIPPro\/10{
background-color: rgb(185 201 223 / 0.1);
}
.bg-giftpack-VIPPro\/100{
background-color: rgb(185 201 223 / 1);
}
.bg-giftpack-VIPPro\/15{
background-color: rgb(185 201 223 / 0.15);
}
.bg-giftpack-VIPPro\/20{
background-color: rgb(185 201 223 / 0.2);
}
.bg-giftpack-VIPPro\/25{
background-color: rgb(185 201 223 / 0.25);
}
.bg-giftpack-VIPPro\/30{
background-color: rgb(185 201 223 / 0.3);
}
.bg-giftpack-VIPPro\/35{
background-color: rgb(185 201 223 / 0.35);
}
.bg-giftpack-VIPPro\/40{
background-color: rgb(185 201 223 / 0.4);
}
.bg-giftpack-VIPPro\/45{
background-color: rgb(185 201 223 / 0.45);
}
.bg-giftpack-VIPPro\/5{
background-color: rgb(185 201 223 / 0.05);
}
.bg-giftpack-VIPPro\/50{
background-color: rgb(185 201 223 / 0.5);
}
.bg-giftpack-VIPPro\/55{
background-color: rgb(185 201 223 / 0.55);
}
.bg-giftpack-VIPPro\/60{
background-color: rgb(185 201 223 / 0.6);
}
.bg-giftpack-VIPPro\/65{
background-color: rgb(185 201 223 / 0.65);
}
.bg-giftpack-VIPPro\/70{
background-color: rgb(185 201 223 / 0.7);
}
.bg-giftpack-VIPPro\/75{
background-color: rgb(185 201 223 / 0.75);
}
.bg-giftpack-VIPPro\/80{
background-color: rgb(185 201 223 / 0.8);
}
.bg-giftpack-VIPPro\/85{
background-color: rgb(185 201 223 / 0.85);
}
.bg-giftpack-VIPPro\/90{
background-color: rgb(185 201 223 / 0.9);
}
.bg-giftpack-VIPPro\/95{
background-color: rgb(185 201 223 / 0.95);
}
.bg-giftpack-VIPUltimate{
--tw-bg-opacity: 1;
background-color: rgb(185 201 223 / var(--tw-bg-opacity));
}
.bg-giftpack-VIPUltimate\/0{
background-color: rgb(185 201 223 / 0);
}
.bg-giftpack-VIPUltimate\/10{
background-color: rgb(185 201 223 / 0.1);
}
.bg-giftpack-VIPUltimate\/100{
background-color: rgb(185 201 223 / 1);
}
.bg-giftpack-VIPUltimate\/15{
background-color: rgb(185 201 223 / 0.15);
}
.bg-giftpack-VIPUltimate\/20{
background-color: rgb(185 201 223 / 0.2);
}
.bg-giftpack-VIPUltimate\/25{
background-color: rgb(185 201 223 / 0.25);
}
.bg-giftpack-VIPUltimate\/30{
background-color: rgb(185 201 223 / 0.3);
}
.bg-giftpack-VIPUltimate\/35{
background-color: rgb(185 201 223 / 0.35);
}
.bg-giftpack-VIPUltimate\/40{
background-color: rgb(185 201 223 / 0.4);
}
.bg-giftpack-VIPUltimate\/45{
background-color: rgb(185 201 223 / 0.45);
}
.bg-giftpack-VIPUltimate\/5{
background-color: rgb(185 201 223 / 0.05);
}
.bg-giftpack-VIPUltimate\/50{
background-color: rgb(185 201 223 / 0.5);
}
.bg-giftpack-VIPUltimate\/55{
background-color: rgb(185 201 223 / 0.55);
}
.bg-giftpack-VIPUltimate\/60{
background-color: rgb(185 201 223 / 0.6);
}
.bg-giftpack-VIPUltimate\/65{
background-color: rgb(185 201 223 / 0.65);
}
.bg-giftpack-VIPUltimate\/70{
background-color: rgb(185 201 223 / 0.7);
}
.bg-giftpack-VIPUltimate\/75{
background-color: rgb(185 201 223 / 0.75);
}
.bg-giftpack-VIPUltimate\/80{
background-color: rgb(185 201 223 / 0.8);
}
.bg-giftpack-VIPUltimate\/85{
background-color: rgb(185 201 223 / 0.85);
}
.bg-giftpack-VIPUltimate\/90{
background-color: rgb(185 201 223 / 0.9);
}
.bg-giftpack-VIPUltimate\/95{
background-color: rgb(185 201 223 / 0.95);
}
.bg-grey-100{
--tw-bg-opacity: 1;
background-color: rgb(244 244 244 / var(--tw-bg-opacity));
}
.bg-grey-200{
--tw-bg-opacity: 1;
background-color: rgb(233 233 233 / var(--tw-bg-opacity));
}
.bg-lightBlue{
--tw-bg-opacity: 1;
background-color: rgb(214 235 243 / var(--tw-bg-opacity));
}
.bg-red{
--tw-bg-opacity: 1;
background-color: rgb(184 22 33 / var(--tw-bg-opacity));
}
.bg-white{
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-opacity-50{
--tw-bg-opacity: 0.5;
}
.bg-\[url\(\'\/wp-content\/uploads\/2024\/09\/road_background\.png\'\)\]{
background-image: url('/wp-content/uploads/2024/09/road_background.png');
}
.bg-\[url\(\'https\:\/\/newsite\.formulagt\.es\/wp-content\/uploads\/2023\/05\/Vectorestrella\.svg\'\)\]{
background-image: url('https://newsite.formulagt.es/wp-content/uploads/2023/05/Vectorestrella.svg');
}
.bg-cover{
background-size: cover;
}
.bg-center{
background-position: center;
}
.bg-no-repeat{
background-repeat: no-repeat;
}
.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;
}
.p-0{
padding: 0px;
}
.p-12{
padding: 3rem;
}
.p-2{
padding: 0.5rem;
}
.p-3{
padding: 0.75rem;
}
.p-4{
padding: 1rem;
}
.p-5{
padding: 1.25rem;
}
.p-6{
padding: 1.5rem;
}
.p-8{
padding: 2rem;
}
.p-\[15px\]{
padding: 15px;
}
.p-\[18px\]{
padding: 18px;
}
.p-\[36px\]{
padding: 36px;
}
.\!py-0{
padding-top: 0px !important;
padding-bottom: 0px !important;
}
.px-10{
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.px-16{
padding-left: 4rem;
padding-right: 4rem;
}
.px-4{
padding-left: 1rem;
padding-right: 1rem;
}
.px-6{
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.px-8{
padding-left: 2rem;
padding-right: 2rem;
}
.px-\[20px\]{
padding-left: 20px;
padding-right: 20px;
}
.py-0{
padding-top: 0px;
padding-bottom: 0px;
}
.py-1{
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
.py-12{
padding-top: 3rem;
padding-bottom: 3rem;
}
.py-16{
padding-top: 4rem;
padding-bottom: 4rem;
}
.py-2{
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.py-3{
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
.py-4{
padding-top: 1rem;
padding-bottom: 1rem;
}
.py-5{
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
.py-6{
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.py-8{
padding-top: 2rem;
padding-bottom: 2rem;
}
.py-\[30px\]{
padding-top: 30px;
padding-bottom: 30px;
}
.py-\[3px\]{
padding-top: 3px;
padding-bottom: 3px;
}
.\!pb-\[15px\]{
padding-bottom: 15px !important;
}
.\!pt-\[15px\]{
padding-top: 15px !important;
}
.pb-0{
padding-bottom: 0px;
}
.pb-1{
padding-bottom: 0.25rem;
}
.pb-10{
padding-bottom: 2.5rem;
}
.pb-12{
padding-bottom: 3rem;
}
.pb-14{
padding-bottom: 3.5rem;
}
.pb-16{
padding-bottom: 4rem;
}
.pb-20{
padding-bottom: 5rem;
}
.pb-28{
padding-bottom: 7rem;
}
.pb-3{
padding-bottom: 0.75rem;
}
.pb-4{
padding-bottom: 1rem;
}
.pb-5{
padding-bottom: 1.25rem;
}
.pb-6{
padding-bottom: 1.5rem;
}
.pb-8{
padding-bottom: 2rem;
}
.pb-\[9px\]{
padding-bottom: 9px;
}
.pl-3{
padding-left: 0.75rem;
}
.pl-6{
padding-left: 1.5rem;
}
.pr-12{
padding-right: 3rem;
}
.pr-2{
padding-right: 0.5rem;
}
.pr-3{
padding-right: 0.75rem;
}
.pr-4{
padding-right: 1rem;
}
.pr-6{
padding-right: 1.5rem;
}
.pt-0{
padding-top: 0px;
}
.pt-10{
padding-top: 2.5rem;
}
.pt-12{
padding-top: 3rem;
}
.pt-16{
padding-top: 4rem;
}
.pt-3{
padding-top: 0.75rem;
}
.pt-4{
padding-top: 1rem;
}
.pt-6{
padding-top: 1.5rem;
}
.pt-96{
padding-top: 24rem;
}
.pt-\[100px\]{
padding-top: 100px;
}
.text-left{
text-align: left;
}
.text-center{
text-align: center;
}
.text-right{
text-align: right;
}
.text-end{
text-align: end;
}
.font-heading{
font-family: Saira, sans-serif;
}
.\!text-\[1\.1rem\]{
font-size: 1.1rem !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-\[1\.1rem\]{
font-size: 1.1rem;
}
.text-\[1\.3rem\]{
font-size: 1.3rem;
}
.text-\[1\.5rem\]{
font-size: 1.5rem;
}
.text-\[10px\]{
font-size: 10px;
}
.text-\[20px\]{
font-size: 20px;
}
.text-\[22px\]{
font-size: 22px;
}
.text-\[25px\]{
font-size: 25px;
}
.text-\[2rem\]{
font-size: 2rem;
}
.text-\[40px\]{
font-size: 40px;
}
.text-base{
font-size: 1rem;
line-height: 1.5rem;
}
.text-lg{
font-size: 1.125rem;
line-height: 1.75rem;
}
.text-sm{
font-size: 0.875rem;
line-height: 1.25rem;
}
.text-xl{
font-size: 1.25rem;
line-height: 1.75rem;
}
.text-xs{
font-size: 0.75rem;
line-height: 1rem;
}
.font-black{
font-weight: 900;
}
.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;
}
.uppercase{
text-transform: uppercase;
}
.italic{
font-style: italic;
}
.not-italic{
font-style: normal;
}
.\!leading-none{
line-height: 1 !important;
}
.\!text-black{
--tw-text-opacity: 1 !important;
color: rgb(0 0 0 / var(--tw-text-opacity)) !important;
}
.text-\[\#B81621\]{
--tw-text-opacity: 1;
color: rgb(184 22 33 / var(--tw-text-opacity));
}
.text-\[\#CDB17A\]{
--tw-text-opacity: 1;
color: rgb(205 177 122 / var(--tw-text-opacity));
}
.text-\[\#b81621\]{
--tw-text-opacity: 1;
color: rgb(184 22 33 / var(--tw-text-opacity));
}
.text-\[\#b81821\]{
--tw-text-opacity: 1;
color: rgb(184 24 33 / var(--tw-text-opacity));
}
.text-black{
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
.text-giftpack-Basic{
--tw-text-opacity: 1;
color: rgb(28 96 201 / var(--tw-text-opacity));
}
.text-giftpack-Basic\/0{
color: rgb(28 96 201 / 0);
}
.text-giftpack-Basic\/10{
color: rgb(28 96 201 / 0.1);
}
.text-giftpack-Basic\/100{
color: rgb(28 96 201 / 1);
}
.text-giftpack-Basic\/15{
color: rgb(28 96 201 / 0.15);
}
.text-giftpack-Basic\/20{
color: rgb(28 96 201 / 0.2);
}
.text-giftpack-Basic\/25{
color: rgb(28 96 201 / 0.25);
}
.text-giftpack-Basic\/30{
color: rgb(28 96 201 / 0.3);
}
.text-giftpack-Basic\/35{
color: rgb(28 96 201 / 0.35);
}
.text-giftpack-Basic\/40{
color: rgb(28 96 201 / 0.4);
}
.text-giftpack-Basic\/45{
color: rgb(28 96 201 / 0.45);
}
.text-giftpack-Basic\/5{
color: rgb(28 96 201 / 0.05);
}
.text-giftpack-Basic\/50{
color: rgb(28 96 201 / 0.5);
}
.text-giftpack-Basic\/55{
color: rgb(28 96 201 / 0.55);
}
.text-giftpack-Basic\/60{
color: rgb(28 96 201 / 0.6);
}
.text-giftpack-Basic\/65{
color: rgb(28 96 201 / 0.65);
}
.text-giftpack-Basic\/70{
color: rgb(28 96 201 / 0.7);
}
.text-giftpack-Basic\/75{
color: rgb(28 96 201 / 0.75);
}
.text-giftpack-Basic\/80{
color: rgb(28 96 201 / 0.8);
}
.text-giftpack-Basic\/85{
color: rgb(28 96 201 / 0.85);
}
.text-giftpack-Basic\/90{
color: rgb(28 96 201 / 0.9);
}
.text-giftpack-Basic\/95{
color: rgb(28 96 201 / 0.95);
}
.text-giftpack-Gold{
--tw-text-opacity: 1;
color: rgb(190 120 0 / var(--tw-text-opacity));
}
.text-giftpack-Gold\/0{
color: rgb(190 120 0 / 0);
}
.text-giftpack-Gold\/10{
color: rgb(190 120 0 / 0.1);
}
.text-giftpack-Gold\/100{
color: rgb(190 120 0 / 1);
}
.text-giftpack-Gold\/15{
color: rgb(190 120 0 / 0.15);
}
.text-giftpack-Gold\/20{
color: rgb(190 120 0 / 0.2);
}
.text-giftpack-Gold\/25{
color: rgb(190 120 0 / 0.25);
}
.text-giftpack-Gold\/30{
color: rgb(190 120 0 / 0.3);
}
.text-giftpack-Gold\/35{
color: rgb(190 120 0 / 0.35);
}
.text-giftpack-Gold\/40{
color: rgb(190 120 0 / 0.4);
}
.text-giftpack-Gold\/45{
color: rgb(190 120 0 / 0.45);
}
.text-giftpack-Gold\/5{
color: rgb(190 120 0 / 0.05);
}
.text-giftpack-Gold\/50{
color: rgb(190 120 0 / 0.5);
}
.text-giftpack-Gold\/55{
color: rgb(190 120 0 / 0.55);
}
.text-giftpack-Gold\/60{
color: rgb(190 120 0 / 0.6);
}
.text-giftpack-Gold\/65{
color: rgb(190 120 0 / 0.65);
}
.text-giftpack-Gold\/70{
color: rgb(190 120 0 / 0.7);
}
.text-giftpack-Gold\/75{
color: rgb(190 120 0 / 0.75);
}
.text-giftpack-Gold\/80{
color: rgb(190 120 0 / 0.8);
}
.text-giftpack-Gold\/85{
color: rgb(190 120 0 / 0.85);
}
.text-giftpack-Gold\/90{
color: rgb(190 120 0 / 0.9);
}
.text-giftpack-Gold\/95{
color: rgb(190 120 0 / 0.95);
}
.text-giftpack-Premium{
--tw-text-opacity: 1;
color: rgb(149 59 43 / var(--tw-text-opacity));
}
.text-giftpack-Premium\/0{
color: rgb(149 59 43 / 0);
}
.text-giftpack-Premium\/10{
color: rgb(149 59 43 / 0.1);
}
.text-giftpack-Premium\/100{
color: rgb(149 59 43 / 1);
}
.text-giftpack-Premium\/15{
color: rgb(149 59 43 / 0.15);
}
.text-giftpack-Premium\/20{
color: rgb(149 59 43 / 0.2);
}
.text-giftpack-Premium\/25{
color: rgb(149 59 43 / 0.25);
}
.text-giftpack-Premium\/30{
color: rgb(149 59 43 / 0.3);
}
.text-giftpack-Premium\/35{
color: rgb(149 59 43 / 0.35);
}
.text-giftpack-Premium\/40{
color: rgb(149 59 43 / 0.4);
}
.text-giftpack-Premium\/45{
color: rgb(149 59 43 / 0.45);
}
.text-giftpack-Premium\/5{
color: rgb(149 59 43 / 0.05);
}
.text-giftpack-Premium\/50{
color: rgb(149 59 43 / 0.5);
}
.text-giftpack-Premium\/55{
color: rgb(149 59 43 / 0.55);
}
.text-giftpack-Premium\/60{
color: rgb(149 59 43 / 0.6);
}
.text-giftpack-Premium\/65{
color: rgb(149 59 43 / 0.65);
}
.text-giftpack-Premium\/70{
color: rgb(149 59 43 / 0.7);
}
.text-giftpack-Premium\/75{
color: rgb(149 59 43 / 0.75);
}
.text-giftpack-Premium\/80{
color: rgb(149 59 43 / 0.8);
}
.text-giftpack-Premium\/85{
color: rgb(149 59 43 / 0.85);
}
.text-giftpack-Premium\/90{
color: rgb(149 59 43 / 0.9);
}
.text-giftpack-Premium\/95{
color: rgb(149 59 43 / 0.95);
}
.text-giftpack-Silver{
--tw-text-opacity: 1;
color: rgb(122 122 122 / var(--tw-text-opacity));
}
.text-giftpack-Silver\/0{
color: rgb(122 122 122 / 0);
}
.text-giftpack-Silver\/10{
color: rgb(122 122 122 / 0.1);
}
.text-giftpack-Silver\/100{
color: rgb(122 122 122 / 1);
}
.text-giftpack-Silver\/15{
color: rgb(122 122 122 / 0.15);
}
.text-giftpack-Silver\/20{
color: rgb(122 122 122 / 0.2);
}
.text-giftpack-Silver\/25{
color: rgb(122 122 122 / 0.25);
}
.text-giftpack-Silver\/30{
color: rgb(122 122 122 / 0.3);
}
.text-giftpack-Silver\/35{
color: rgb(122 122 122 / 0.35);
}
.text-giftpack-Silver\/40{
color: rgb(122 122 122 / 0.4);
}
.text-giftpack-Silver\/45{
color: rgb(122 122 122 / 0.45);
}
.text-giftpack-Silver\/5{
color: rgb(122 122 122 / 0.05);
}
.text-giftpack-Silver\/50{
color: rgb(122 122 122 / 0.5);
}
.text-giftpack-Silver\/55{
color: rgb(122 122 122 / 0.55);
}
.text-giftpack-Silver\/60{
color: rgb(122 122 122 / 0.6);
}
.text-giftpack-Silver\/65{
color: rgb(122 122 122 / 0.65);
}
.text-giftpack-Silver\/70{
color: rgb(122 122 122 / 0.7);
}
.text-giftpack-Silver\/75{
color: rgb(122 122 122 / 0.75);
}
.text-giftpack-Silver\/80{
color: rgb(122 122 122 / 0.8);
}
.text-giftpack-Silver\/85{
color: rgb(122 122 122 / 0.85);
}
.text-giftpack-Silver\/90{
color: rgb(122 122 122 / 0.9);
}
.text-giftpack-Silver\/95{
color: rgb(122 122 122 / 0.95);
}
.text-giftpack-VIP{
--tw-text-opacity: 1;
color: rgb(185 201 223 / var(--tw-text-opacity));
}
.text-giftpack-VIP\/0{
color: rgb(185 201 223 / 0);
}
.text-giftpack-VIP\/10{
color: rgb(185 201 223 / 0.1);
}
.text-giftpack-VIP\/100{
color: rgb(185 201 223 / 1);
}
.text-giftpack-VIP\/15{
color: rgb(185 201 223 / 0.15);
}
.text-giftpack-VIP\/20{
color: rgb(185 201 223 / 0.2);
}
.text-giftpack-VIP\/25{
color: rgb(185 201 223 / 0.25);
}
.text-giftpack-VIP\/30{
color: rgb(185 201 223 / 0.3);
}
.text-giftpack-VIP\/35{
color: rgb(185 201 223 / 0.35);
}
.text-giftpack-VIP\/40{
color: rgb(185 201 223 / 0.4);
}
.text-giftpack-VIP\/45{
color: rgb(185 201 223 / 0.45);
}
.text-giftpack-VIP\/5{
color: rgb(185 201 223 / 0.05);
}
.text-giftpack-VIP\/50{
color: rgb(185 201 223 / 0.5);
}
.text-giftpack-VIP\/55{
color: rgb(185 201 223 / 0.55);
}
.text-giftpack-VIP\/60{
color: rgb(185 201 223 / 0.6);
}
.text-giftpack-VIP\/65{
color: rgb(185 201 223 / 0.65);
}
.text-giftpack-VIP\/70{
color: rgb(185 201 223 / 0.7);
}
.text-giftpack-VIP\/75{
color: rgb(185 201 223 / 0.75);
}
.text-giftpack-VIP\/80{
color: rgb(185 201 223 / 0.8);
}
.text-giftpack-VIP\/85{
color: rgb(185 201 223 / 0.85);
}
.text-giftpack-VIP\/90{
color: rgb(185 201 223 / 0.9);
}
.text-giftpack-VIP\/95{
color: rgb(185 201 223 / 0.95);
}
.text-giftpack-VIPPro{
--tw-text-opacity: 1;
color: rgb(185 201 223 / var(--tw-text-opacity));
}
.text-giftpack-VIPPro\/0{
color: rgb(185 201 223 / 0);
}
.text-giftpack-VIPPro\/10{
color: rgb(185 201 223 / 0.1);
}
.text-giftpack-VIPPro\/100{
color: rgb(185 201 223 / 1);
}
.text-giftpack-VIPPro\/15{
color: rgb(185 201 223 / 0.15);
}
.text-giftpack-VIPPro\/20{
color: rgb(185 201 223 / 0.2);
}
.text-giftpack-VIPPro\/25{
color: rgb(185 201 223 / 0.25);
}
.text-giftpack-VIPPro\/30{
color: rgb(185 201 223 / 0.3);
}
.text-giftpack-VIPPro\/35{
color: rgb(185 201 223 / 0.35);
}
.text-giftpack-VIPPro\/40{
color: rgb(185 201 223 / 0.4);
}
.text-giftpack-VIPPro\/45{
color: rgb(185 201 223 / 0.45);
}
.text-giftpack-VIPPro\/5{
color: rgb(185 201 223 / 0.05);
}
.text-giftpack-VIPPro\/50{
color: rgb(185 201 223 / 0.5);
}
.text-giftpack-VIPPro\/55{
color: rgb(185 201 223 / 0.55);
}
.text-giftpack-VIPPro\/60{
color: rgb(185 201 223 / 0.6);
}
.text-giftpack-VIPPro\/65{
color: rgb(185 201 223 / 0.65);
}
.text-giftpack-VIPPro\/70{
color: rgb(185 201 223 / 0.7);
}
.text-giftpack-VIPPro\/75{
color: rgb(185 201 223 / 0.75);
}
.text-giftpack-VIPPro\/80{
color: rgb(185 201 223 / 0.8);
}
.text-giftpack-VIPPro\/85{
color: rgb(185 201 223 / 0.85);
}
.text-giftpack-VIPPro\/90{
color: rgb(185 201 223 / 0.9);
}
.text-giftpack-VIPPro\/95{
color: rgb(185 201 223 / 0.95);
}
.text-giftpack-VIPUltimate{
--tw-text-opacity: 1;
color: rgb(185 201 223 / var(--tw-text-opacity));
}
.text-giftpack-VIPUltimate\/0{
color: rgb(185 201 223 / 0);
}
.text-giftpack-VIPUltimate\/10{
color: rgb(185 201 223 / 0.1);
}
.text-giftpack-VIPUltimate\/100{
color: rgb(185 201 223 / 1);
}
.text-giftpack-VIPUltimate\/15{
color: rgb(185 201 223 / 0.15);
}
.text-giftpack-VIPUltimate\/20{
color: rgb(185 201 223 / 0.2);
}
.text-giftpack-VIPUltimate\/25{
color: rgb(185 201 223 / 0.25);
}
.text-giftpack-VIPUltimate\/30{
color: rgb(185 201 223 / 0.3);
}
.text-giftpack-VIPUltimate\/35{
color: rgb(185 201 223 / 0.35);
}
.text-giftpack-VIPUltimate\/40{
color: rgb(185 201 223 / 0.4);
}
.text-giftpack-VIPUltimate\/45{
color: rgb(185 201 223 / 0.45);
}
.text-giftpack-VIPUltimate\/5{
color: rgb(185 201 223 / 0.05);
}
.text-giftpack-VIPUltimate\/50{
color: rgb(185 201 223 / 0.5);
}
.text-giftpack-VIPUltimate\/55{
color: rgb(185 201 223 / 0.55);
}
.text-giftpack-VIPUltimate\/60{
color: rgb(185 201 223 / 0.6);
}
.text-giftpack-VIPUltimate\/65{
color: rgb(185 201 223 / 0.65);
}
.text-giftpack-VIPUltimate\/70{
color: rgb(185 201 223 / 0.7);
}
.text-giftpack-VIPUltimate\/75{
color: rgb(185 201 223 / 0.75);
}
.text-giftpack-VIPUltimate\/80{
color: rgb(185 201 223 / 0.8);
}
.text-giftpack-VIPUltimate\/85{
color: rgb(185 201 223 / 0.85);
}
.text-giftpack-VIPUltimate\/90{
color: rgb(185 201 223 / 0.9);
}
.text-giftpack-VIPUltimate\/95{
color: rgb(185 201 223 / 0.95);
}
.text-grey-400{
--tw-text-opacity: 1;
color: rgb(117 117 117 / var(--tw-text-opacity));
}
.text-orange-200{
--tw-text-opacity: 1;
color: rgb(219 112 0 / var(--tw-text-opacity));
}
.text-red{
--tw-text-opacity: 1;
color: rgb(184 22 33 / var(--tw-text-opacity));
}
.text-white{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-white\/60{
color: rgb(255 255 255 / 0.6);
}
.underline{
text-decoration-line: underline;
}
.line-through{
text-decoration-line: line-through;
}
.no-underline{
text-decoration-line: none;
}
.opacity-0{
opacity: 0;
}
.shadow-\[0_0_5px_1px_rgba\(0\2c 0\2c 0\2c 0\.6\)\]{
--tw-shadow: 0 0 5px 1px rgba(0,0,0,0.6);
--tw-shadow-colored: 0 0 5px 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-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);
}
.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);
}
.filter{
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.transition{
transition-property: color, background-color, border-color, 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-200{
transition-duration: 200ms;
}
.duration-300{
transition-duration: 300ms;
}
.duration-500{
transition-duration: 500ms;
}
.ease-in-out{
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.accordion-header{
display: flex;
cursor: pointer;
align-items: center;
justify-content: space-between;
gap: 1rem;
border-radius: 10px;
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
padding-top: 1rem;
padding-bottom: 1rem;
padding-right: 0.5rem;
font-family: Montserrat, sans-serif;
font-size: 1.125rem;
line-height: 1.75rem;
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
transition-duration: 300ms;
}
.accordion-header:hover{
padding-left: 0.5rem;
}
@media (min-width: 768px){
.accordion-header{
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
}
.accordion-header svg{
transition-duration: 300ms;
}
.accordion-header.active{
--tw-bg-opacity: 1;
background-color: rgb(203 201 212 / var(--tw-bg-opacity));
padding-left: 0.5rem;
}
.accordion-header.active svg{
--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));
}
.accordion-content {
transition: max-height 0.4s ease;
max-height: 0px;
overflow: hidden;
}
.accordion-content > .accordion-inner{
padding: 1.5rem;
}
html,
body{
font-family: Montserrat, sans-serif;
}
body{
font-size: 0.875rem;
line-height: 1.5rem;
}
@media (min-width: 1024px){
body{
font-size: 1rem;
line-height: 1.75rem;
}
}
h1, .is-h1,
h2, .is-h2,
h3, .is-h3,
h4, .is-h4,
h5, .is-h5,
h6, .is-h6{
font-family: Saira, sans-serif;
font-weight: 600;
}
h1,
.is-h1{
font-size: 2.25rem;
line-height: 2.5rem;
}
@media (min-width: 640px){
h1,
.is-h1{
font-size: 3rem;
line-height: 1;
}
}
@media (min-width: 1024px){
h1,
.is-h1{
font-size: 64px;
line-height: 1.05;
}
}
@media (min-width: 1280px){
h1,
.is-h1{
font-size: 84px;
}
}
h2,
.is-h2{
font-size: 2.25rem;
line-height: 2.5rem;
}
@media (min-width: 1024px){
h2,
.is-h2{
font-size: 3.75rem;
line-height: 1.08;
}
}
h3,
.is-h3{
font-size: 1.875rem;
line-height: 2.25rem;
font-weight: 700;
font-style: italic;
}
@media (min-width: 1024px){
h3,
.is-h3{
font-size: 2.25rem;
line-height: 2.5rem;
line-height: 1.125;
}
}
h4,
.is-h4{
font-size: 1.5rem;
line-height: 2rem;
}
@media (min-width: 1024px){
h4,
.is-h4{
font-size: 2.25rem;
line-height: 2.5rem;
line-height: 1.1;
}
}
h5,
.is-h5{
font-size: 1.25rem;
line-height: 1.75rem;
}
@media (min-width: 1024px){
h5,
.is-h5{
font-size: 1.5rem;
line-height: 2rem;
line-height: 1.25;
}
}
h6,
.is-h6{
font-size: 1rem;
line-height: 1.5rem;
}
@media (min-width: 1024px){
h6,
.is-h6{
font-size: 1rem;
line-height: 1.5rem;
line-height: 1.25;
}
}
/* List styles inside WYSIWYG editors */
.block-content{
display: flex;
flex-direction: column;
gap: 0.5rem;
}
@media (min-width: 768px){
.block-content{
gap: 0.75rem;
}
}
.block-content :is(ol, ul){
margin-left: 1rem;
}
.block-content ul li{
list-style-type: disc;
}
.block-content ol li{
list-style-type: decimal;
}
p > a{
text-decoration-line: underline;
}
/* Form styles go here */
.button,
.is-button{
position: relative;
display: flex;
width: -moz-fit-content;
width: fit-content;
--tw-skew-x: -12deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
cursor: pointer;
align-items: center;
overflow: hidden;
border-radius: 0.375rem;
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 2rem;
padding-right: 2.5rem;
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
filter: url(#buttonFilter);
}
.button.white,.is-button.white{
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
.button.white:after, .is-button.white:after {
content: '';
background-image: url('data:image/svg+xml,');
height: 1rem;
width: 1rem;
--tw-translate-x: 0.75rem;
--tw-translate-y: 0.1rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
background-repeat: no-repeat;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 500ms;
}
.button.selected,.is-button.selected{
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
.button.selected:after, .is-button.selected:after {
content: '';
background-image: url('data:image/svg+xml,');
height: 1rem;
width: 1rem;
--tw-translate-x: 0.75rem;
--tw-translate-y: 0.1rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
background-repeat: no-repeat;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 500ms;
}
.button:before, .is-button:before {
content: '';
position: absolute;
left: 0px;
z-index: -1;
height: 100%;
width: 0px;
--tw-bg-opacity: 1;
background-color: rgb(184 22 33 / var(--tw-bg-opacity));
opacity: 1;
transition-duration: 300ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.button:after, .is-button:after {
content: '';
background-image: url('data:image/svg+xml,');
height: 1rem;
width: 1rem;
--tw-translate-x: 0.75rem;
--tw-translate-y: 0.1rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
background-repeat: no-repeat;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 500ms;
}
.button:hover,.is-button:hover{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.button:hover:before, .is-button:hover:before{
height: 100%;
width: 100%;
opacity: 1;
}
.button:hover:after, .is-button:hover:after {
background-image: url('data:image/svg+xml,');
--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));
}
.button-white,
.is-button{
position: relative;
display: flex;
width: -moz-fit-content;
width: fit-content;
--tw-skew-x: -12deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
cursor: pointer;
align-items: center;
overflow: hidden;
border-radius: 0.375rem;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 2rem;
padding-right: 2.5rem;
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
filter: url(#buttonFilter);
}
.button-white.white,.is-button.white{
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
.button-white.white:after, .is-button.white:after {
content: '';
background-image: url('data:image/svg+xml,');
height: 1rem;
width: 1rem;
--tw-translate-x: 0.75rem;
--tw-translate-y: 0.1rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
background-repeat: no-repeat;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 500ms;
}
.button-white.selected,.is-button.selected{
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
.button-white.selected:after, .is-button.selected:after {
content: '';
background-image: url('data:image/svg+xml,');
height: 1rem;
width: 1rem;
--tw-translate-x: 0.75rem;
--tw-translate-y: 0.1rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
background-repeat: no-repeat;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 500ms;
}
.button-white:before, .is-button:before {
content: '';
position: absolute;
left: 0px;
z-index: -1;
height: 100%;
width: 0px;
--tw-bg-opacity: 1;
background-color: rgb(184 22 33 / var(--tw-bg-opacity));
opacity: 1;
transition-duration: 300ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.button-white:after, .is-button:after {
content: '';
background-image: url('data:image/svg+xml,');
height: 1rem;
width: 1rem;
--tw-translate-x: 0.75rem;
--tw-translate-y: 0.1rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
background-repeat: no-repeat;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 500ms;
}
.button-white:hover,.is-button:hover{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.button-white:hover:before, .is-button:hover:before{
height: 100%;
width: 100%;
opacity: 1;
}
.button-white:hover:after, .is-button:hover:after {
background-image: url('data:image/svg+xml,');
--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));
}
.gold-button,
.is-button{
position: relative;
display: flex;
width: -moz-fit-content;
width: fit-content;
--tw-skew-x: -12deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
cursor: pointer;
align-items: center;
overflow: hidden;
border-radius: 0.375rem;
--tw-bg-opacity: 1;
background-color: rgb(205 177 122 / var(--tw-bg-opacity));
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 2rem;
padding-right: 2.5rem;
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
filter: url(#buttonFilter);
}
.gold-button.white,.is-button.white{
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
.gold-button.white:after, .is-button.white:after {
content: '';
background-image: url('data:image/svg+xml,');
height: 1rem;
width: 1rem;
--tw-translate-x: 0.75rem;
--tw-translate-y: 0.1rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
background-repeat: no-repeat;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 500ms;
}
.gold-button.selected,.is-button.selected{
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
.gold-button.selected:after, .is-button.selected:after {
content: '';
background-image: url('data:image/svg+xml,');
height: 1rem;
width: 1rem;
--tw-translate-x: 0.75rem;
--tw-translate-y: 0.1rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
background-repeat: no-repeat;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 500ms;
}
.gold-button:before, .is-button:before {
content: '';
position: absolute;
left: 0px;
z-index: -1;
height: 100%;
width: 0px;
--tw-bg-opacity: 1;
background-color: rgb(184 22 33 / var(--tw-bg-opacity));
opacity: 1;
transition-duration: 300ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.gold-button:after, .is-button:after {
content: '';
background-image: url('data:image/svg+xml,');
height: 1rem;
width: 1rem;
--tw-translate-x: 0.75rem;
--tw-translate-y: 0.1rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
background-repeat: no-repeat;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 500ms;
}
.gold-button:hover,.is-button:hover{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.gold-button:hover:before, .is-button:hover:before{
height: 100%;
width: 100%;
opacity: 1;
}
.gold-button:hover:after, .is-button:hover:after {
background-image: url('data:image/svg+xml,');
--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));
}
/*Això ho he tret de .is-button: md:pl-[165px] md:pr-[165px] ///i/// pl-[100px] pr-[100px] */
.button-expirience-card,
.is-button{
position: relative;
display: flex;
width: 100%;
cursor: pointer;
align-items: center;
justify-content: center;
overflow: hidden;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
padding-left: 1.5rem;
padding-right: 1.5rem;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(184 22 33 / var(--tw-text-opacity));
filter: url(#buttonFilter);
}
.button-expirience-card.white,.is-button.white{
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
.button-expirience-card.white:after, .is-button.white:after {
content: '';
background-image: url('data:image/svg+xml,');
height: 1rem;
width: 1rem;
--tw-translate-x: 0.75rem;
--tw-translate-y: 0.1rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
background-repeat: no-repeat;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 500ms;
}
.button-expirience-card.selected,.is-button.selected{
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
.button-expirience-card.selected:after, .is-button.selected:after {
content: '';
background-image: url('data:image/svg+xml,');
height: 1rem;
width: 1rem;
--tw-translate-x: 0.75rem;
--tw-translate-y: 0.1rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
background-repeat: no-repeat;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 500ms;
}
.button-expirience-card:before, .is-button:before {
content: '';
position: absolute;
left: 0px;
z-index: -1;
height: 100%;
width: 0px;
--tw-bg-opacity: 1;
background-color: rgb(184 22 33 / var(--tw-bg-opacity));
opacity: 1;
transition-duration: 300ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.button-expirience-card:after, .is-button:after {
content: '';
background-image: url('data:image/svg+xml,');
height: 1rem;
width: 1rem;
--tw-translate-x: 0.75rem;
--tw-translate-y: 0.1rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
background-repeat: no-repeat;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 500ms;
}
.button-expirience-card:hover,.is-button:hover{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.button-expirience-card:hover:before, .is-button:hover:before{
height: 100%;
width: 100%;
opacity: 1;
}
.button-expirience-card:hover:after, .is-button:hover:after {
background-image: url('data:image/svg+xml,');
--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));
}
.button-animated-container{
cursor: pointer;
}
.button-animated-container .button-animated{
overflow: hidden;
}
.button-animated-container .button-animated:after {
content: '';
position: absolute;
top: 50%;
left: 50%;
z-index: -1;
height: 0px;
width: 0px;
--tw-translate-x: -2rem;
--tw-translate-y: -2rem;
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;
--tw-bg-opacity: 1;
background-color: rgb(255 145 30 / var(--tw-bg-opacity));
opacity: 1;
transition-duration: 300ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.button-animated-container .button-animated svg path{
transition-duration: 300ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.button-animated-container:hover .button-animated:after{
z-index: 0;
height: 3.5rem;
width: 3.5rem;
opacity: 1;
}
.button-animated-container:hover .button-animated svg{
stroke: #FFFFFF;
}
.button-animated-container:hover .button-animated svg path{
fill: #FFFFFF;
}
.large-button-animated{
position: relative;
overflow: hidden;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 500ms;
}
.large-button-animated:after {
content: '';
position: absolute;
top: -0px;
left: -2.5rem;
z-index: -1;
height: 0px;
width: 0px;
border-radius: 9999px;
--tw-bg-opacity: 1;
background-color: rgb(184 22 33 / var(--tw-bg-opacity));
opacity: 1;
transition-duration: 500ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.large-button-animated svg path{
transition-duration: 300ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.large-button-animated.whitebghover:after{
--tw-bg-opacity: 1 !important;
background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
}
.large-button-animated:hover{
--tw-border-opacity: 1;
border-color: rgb(0 0 0 / var(--tw-border-opacity));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.large-button-animated:hover.whitebghover{
--tw-border-opacity: 1;
border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.large-button-animated:hover:after{
top: -15rem;
left: -2.5rem;
height: 24rem;
width: 24rem;
opacity: 1;
}
@media not all and (min-width: 1024px){
.large-button-animated:hover:after{
height: 850px;
width: 850px;
}
}
.large-button-animated:hover svg{
stroke: #FFFFFF;
}
.large-button-animated:hover svg path{
fill: #FFFFFF;
}
.button-doble,
.is-button{
position: relative;
display: flex;
width: -moz-fit-content;
width: fit-content;
--tw-skew-x: -12deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
cursor: pointer;
align-items: center;
overflow: hidden;
border-radius: 0.375rem;
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 1rem;
padding-right: 2.5rem;
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
filter: url(#buttonFilter);
}
.button-doble.white,.is-button.white{
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
.button-doble.white:after, .is-button.white:after {
content: '';
background-image: url('data:image/svg+xml,');
height: 1rem;
width: 2rem;
--tw-translate-x: 0.75rem;
--tw-translate-y: 0.1rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
background-repeat: no-repeat;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 500ms;
}
.button-doble.selected,.is-button.selected{
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
.button-doble.selected:after, .is-button.selected:after {
content: '';
background-image: url('data:image/svg+xml,');
height: 1rem;
width: 1rem;
--tw-translate-x: 0.75rem;
--tw-translate-y: 0.1rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
background-repeat: no-repeat;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 500ms;
}
.button-doble:before, .is-button:before {
content: '';
position: absolute;
left: 0px;
z-index: -1;
height: 100%;
width: 0px;
--tw-bg-opacity: 1;
background-color: rgb(184 22 33 / var(--tw-bg-opacity));
opacity: 1;
transition-duration: 300ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.button-doble:after, .is-button:after {
content: '';
background-image: url('data:image/svg+xml,');
height: 1rem;
width: 1rem;
--tw-translate-x: 0.75rem;
--tw-translate-y: 0.1rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
background-repeat: no-repeat;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 500ms;
}
.button-doble:hover,.is-button:hover{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.button-doble:hover:before, .is-button:hover:before{
height: 100%;
width: 100%;
opacity: 1;
}
.button-doble:hover:after, .is-button:hover:after {
background-image: url('data:image/svg+xml,');
--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));
}
.button-see-more,
.is-button{
position: relative;
display: flex;
width: 100%;
cursor: pointer;
align-items: center;
justify-content: center;
overflow: hidden;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
padding-left: 1.5rem;
padding-right: 1.5rem;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
filter: url(#buttonFilter);
}
.button-see-more.white,.is-button.white{
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
.button-see-more.white:after, .is-button.white:after {
content: '';
background-image: url('data:image/svg+xml,');
height: 1rem;
width: 1rem;
--tw-translate-x: -6rem;
--tw-translate-y: 0.0rem;
--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));
background-repeat: no-repeat;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 500ms;
}
.button-see-more.selected,.is-button.selected{
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
.button-see-more.selected:after, .is-button.selected:after {
content: '';
background-image: url('data:image/svg+xml,');
height: 1rem;
width: 1rem;
--tw-translate-x: -6rem;
--tw-translate-y: 0.0rem;
--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));
background-repeat: no-repeat;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 500ms;
}
.button-see-more:before, .is-button:before {
content: '';
position: absolute;
left: 0px;
z-index: -1;
height: 100%;
width: 0px;
--tw-bg-opacity: 1;
background-color: rgb(184 22 33 / var(--tw-bg-opacity));
opacity: 1;
transition-duration: 300ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.button-see-more:after, .is-button:after {
content: '';
background-image: url('data:image/svg+xml,');
height: 1rem;
width: 1rem;
--tw-translate-x: -6rem;
--tw-translate-y: 0.0rem;
--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));
background-repeat: no-repeat;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 500ms;
}
.button-see-more:hover,.is-button:hover{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.button-see-more:hover:before, .is-button:hover:before{
height: 100%;
width: 100%;
opacity: 1;
}
.button-see-more:hover:after, .is-button:hover:after {
background-image: url('data:image/svg+xml,');
--tw-translate-x: -6rem;
--tw-translate-y: 0.0rem;
--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));
}
.button-see-less,
.is-button{
position: relative;
display: flex;
width: 100%;
cursor: pointer;
align-items: center;
justify-content: center;
overflow: hidden;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
padding-left: 1.5rem;
padding-right: 1.5rem;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
filter: url(#buttonFilter);
}
.button-see-less.white,.is-button.white{
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
.button-see-less.white:after, .is-button.white:after {
content: '';
background-image: url('data:image/svg+xml,');
height: 1rem;
width: 1rem;
--tw-translate-x: -7rem;
--tw-translate-y: 0.0rem;
--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));
background-repeat: no-repeat;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 500ms;
}
.button-see-less.selected,.is-button.selected{
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
.button-see-less.selected:after, .is-button.selected:after {
content: '';
background-image: url('data:image/svg+xml,');
height: 1rem;
width: 1rem;
--tw-translate-x: -7rem;
--tw-translate-y: 0.0rem;
--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));
background-repeat: no-repeat;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 500ms;
}
.button-see-less:before, .is-button:before {
content: '';
position: absolute;
left: 0px;
z-index: -1;
height: 100%;
width: 0px;
--tw-bg-opacity: 1;
background-color: rgb(184 22 33 / var(--tw-bg-opacity));
opacity: 1;
transition-duration: 300ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.button-see-less:after, .is-button:after {
content: '';
background-image: url('data:image/svg+xml,');
height: 1rem;
width: 1rem;
--tw-translate-x: -7rem;
--tw-translate-y: 0.0rem;
--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));
background-repeat: no-repeat;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 500ms;
}
.button-see-less:hover,.is-button:hover{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.button-see-less:hover:before, .is-button:hover:before{
height: 100%;
width: 100%;
opacity: 1;
}
.button-see-less:hover:after, .is-button:hover:after {
background-image: url('data:image/svg+xml,');
--tw-translate-x: -7rem;
--tw-translate-y: 0.0rem;
--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));
}
.button-pack-regalo,
.is-button{
position: relative;
display: flex;
width: -moz-fit-content;
width: fit-content;
--tw-skew-x: -12deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
cursor: pointer;
align-items: center;
overflow: hidden;
border-radius: 0.375rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 2rem;
padding-right: 2.5rem;
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
filter: url(#buttonFilter);
}
.button-pack-regalo.white,.is-button.white{
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
.button-pack-regalo.white:after, .is-button.white:after {
content: '';
background-image: url('data:image/svg+xml,');
height: 1rem;
width: 1rem;
--tw-translate-x: 0.75rem;
--tw-translate-y: 0.1rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
background-repeat: no-repeat;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 500ms;
}
.button-pack-regalo.selected,.is-button.selected{
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
.button-pack-regalo.selected:after, .is-button.selected:after {
content: '';
background-image: url('data:image/svg+xml,');
height: 1rem;
width: 1rem;
--tw-translate-x: 0.75rem;
--tw-translate-y: 0.1rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
background-repeat: no-repeat;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 500ms;
}
.button-pack-regalo:before, .is-button:before {
content: '';
position: absolute;
left: 0px;
z-index: -1;
height: 100%;
width: 0px;
--tw-bg-opacity: 1;
background-color: rgb(184 22 33 / var(--tw-bg-opacity));
opacity: 1;
transition-duration: 300ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.button-pack-regalo:after, .is-button:after {
content: '';
background-image: url('data:image/svg+xml,');
height: 1rem;
width: 1rem;
--tw-translate-x: 0.75rem;
--tw-translate-y: 0.1rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
background-repeat: no-repeat;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 500ms;
}
.button-pack-regalo:hover,.is-button:hover{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.button-pack-regalo:hover:before, .is-button:hover:before{
height: 100%;
width: 100%;
opacity: 1;
}
.button-pack-regalo:hover:after, .is-button:hover:after {
background-image: url('data:image/svg+xml,');
--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));
}
/**
* Swiper 10.3.1
* Most modern mobile touch slider and framework with hardware accelerated transitions
* https://swiperjs.com
*
* Copyright 2014-2023 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: September 28, 2023
*/
/* FONT_START */
@font-face {
font-family: 'swiper-icons';
src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
font-weight: 400;
font-style: normal;
}
/* FONT_END */
:root {
--swiper-theme-color: #007aff;
/*
--swiper-preloader-color: var(--swiper-theme-color);
--swiper-wrapper-transition-timing-function: initial;
*/
}
:host {
position: relative;
display: block;
margin-left: auto;
margin-right: auto;
z-index: 1;
}
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
overflow: clip;
list-style: none;
padding: 0;
/* Fix of Webkit flickering */
z-index: 1;
display: block;
}
.swiper-vertical > .swiper-wrapper {
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
touch-action: pan-y;
}
.swiper-vertical {
touch-action: pan-x;
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
display: block;
}
.swiper-slide-invisible-blank {
visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
height: auto;
}
.swiper-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
transform: translateZ(0);
backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
transform-style: preserve-3d;
}
.swiper-3d {
perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
transform-style: preserve-3d;
}
/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none;
/* For Firefox */
-ms-overflow-style: none;
/* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
content: '';
flex-shrink: 0;
order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
scroll-snap-align: center center;
scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after);
}
/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/* Slide styles end */
.swiper-virtual .swiper-slide {
-webkit-backface-visibility: hidden;
transform: translateZ(0);
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
content: '';
position: absolute;
left: 0;
top: 0;
pointer-events: none;
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
height: 1px;
width: var(--swiper-virtual-size);
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
width: 1px;
height: var(--swiper-virtual-size);
}
:root {
--swiper-navigation-size: 44px;
/*
--swiper-navigation-top-offset: 50%;
--swiper-navigation-sides-offset: 10px;
--swiper-navigation-color: var(--swiper-theme-color);
*/
}
.swiper-button-prev,
.swiper-button-next {
position: absolute;
top: var(--swiper-navigation-top-offset, 50%);
width: calc(var(--swiper-navigation-size) / 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
opacity: 0;
cursor: auto;
pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
display: none !important;
}
.swiper-button-prev svg,
.swiper-button-next svg {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
transform-origin: center;
}
.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
transform: rotate(180deg);
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
left: var(--swiper-navigation-sides-offset, 10px);
right: auto;
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
right: var(--swiper-navigation-sides-offset, 10px);
left: auto;
}
.swiper-button-lock {
display: none;
}
/* Navigation font start */
.swiper-button-prev:after,
.swiper-button-next:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none !important;
letter-spacing: 0;
font-variant: initial;
line-height: 1;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
content: 'prev';
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
right: var(--swiper-navigation-sides-offset, 10px);
left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
content: 'next';
}
/* Navigation font end */
:root {
/*
--swiper-pagination-color: var(--swiper-theme-color);
--swiper-pagination-left: auto;
--swiper-pagination-right: 8px;
--swiper-pagination-bottom: 8px;
--swiper-pagination-top: auto;
--swiper-pagination-fraction-color: inherit;
--swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
--swiper-pagination-progressbar-size: 4px;
--swiper-pagination-bullet-size: 8px;
--swiper-pagination-bullet-width: 8px;
--swiper-pagination-bullet-height: 8px;
--swiper-pagination-bullet-border-radius: 50%;
--swiper-pagination-bullet-inactive-color: #000;
--swiper-pagination-bullet-inactive-opacity: 0.2;
--swiper-pagination-bullet-opacity: 1;
--swiper-pagination-bullet-horizontal-gap: 4px;
--swiper-pagination-bullet-vertical-gap: 6px;
*/
}
.swiper-pagination {
position: absolute;
text-align: center;
transition: 300ms opacity;
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
display: none !important;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
bottom: var(--swiper-pagination-bottom, 8px);
top: var(--swiper-pagination-top, auto);
left: 0;
width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transform: scale(0.33);
position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform: scale(0.33);
}
.swiper-pagination-bullet {
width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
display: inline-block;
border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
background: var(--swiper-pagination-bullet-inactive-color, #000);
opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-bullet:only-child {
display: none !important;
}
.swiper-pagination-bullet-active {
opacity: var(--swiper-pagination-bullet-opacity, 1);
background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
right: var(--swiper-pagination-right, 8px);
left: var(--swiper-pagination-left, auto);
top: 50%;
transform: translate3d(0px, -50%, 0);
}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
display: block;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
transition: 200ms transform, 200ms top;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 200ms transform, 200ms left;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 200ms transform, 200ms right;
}
/* Fraction */
.swiper-pagination-fraction {
color: var(--swiper-pagination-fraction-color, inherit);
}
/* Progress */
.swiper-pagination-progressbar {
background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
width: 100%;
height: var(--swiper-pagination-progressbar-size, 4px);
left: 0;
top: 0;
}
.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
width: var(--swiper-pagination-progressbar-size, 4px);
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-lock {
display: none;
}
:root {
/*
--swiper-scrollbar-border-radius: 10px;
--swiper-scrollbar-top: auto;
--swiper-scrollbar-bottom: 4px;
--swiper-scrollbar-left: auto;
--swiper-scrollbar-right: 4px;
--swiper-scrollbar-sides-offset: 1%;
--swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1);
--swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5);
--swiper-scrollbar-size: 4px;
*/
}
.swiper-scrollbar {
border-radius: var(--swiper-scrollbar-border-radius, 10px);
position: relative;
touch-action: none;
background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}
.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
display: none !important;
}
.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
position: absolute;
left: var(--swiper-scrollbar-sides-offset, 1%);
bottom: var(--swiper-scrollbar-bottom, 4px);
top: var(--swiper-scrollbar-top, auto);
z-index: 50;
height: var(--swiper-scrollbar-size, 4px);
width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}
.swiper-vertical > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-vertical {
position: absolute;
left: var(--swiper-scrollbar-left, auto);
right: var(--swiper-scrollbar-right, 4px);
top: var(--swiper-scrollbar-sides-offset, 1%);
z-index: 50;
width: var(--swiper-scrollbar-size, 4px);
height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
border-radius: var(--swiper-scrollbar-border-radius, 10px);
left: 0;
top: 0;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
.swiper-scrollbar-lock {
display: none;
}
/* Zoom container styles start */
.swiper-zoom-container {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
/* Zoom container styles end */
.swiper-slide-zoomed {
cursor: move;
touch-action: none;
}
/* a11y */
.swiper .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
.swiper-free-mode > .swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-grid > .swiper-wrapper {
flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
flex-wrap: wrap;
flex-direction: column;
}
.swiper-fade.swiper-free-mode .swiper-slide {
transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
pointer-events: none;
transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-fade .swiper-slide-active {
pointer-events: auto;
}
.swiper-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-cube {
overflow: visible;
}
.swiper-cube .swiper-slide {
pointer-events: none;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
.swiper-cube .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
transform-origin: 100% 0;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible;
}
.swiper-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
opacity: 0.6;
z-index: 0;
}
.swiper-cube .swiper-cube-shadow:before {
content: '';
background: #000;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
filter: blur(50px);
}
.swiper-cube .swiper-slide-next + .swiper-slide {
pointer-events: auto;
visibility: visible;
}
/* Cube slide shadows start */
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right {
z-index: 0;
backface-visibility: hidden;
}
/* Cube slide shadows end */
.swiper-flip {
overflow: visible;
}
.swiper-flip .swiper-slide {
pointer-events: none;
backface-visibility: hidden;
z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
/* Flip slide shadows start */
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right {
z-index: 0;
backface-visibility: hidden;
}
/* Flip slide shadows end */
.swiper-creative .swiper-slide {
backface-visibility: hidden;
overflow: hidden;
transition-property: transform, opacity, height;
}
.swiper-cards {
overflow: visible;
}
.swiper-cards .swiper-slide {
transform-origin: center bottom;
backface-visibility: hidden;
overflow: hidden;
}
.swiper-pagination-bullet{
height: 0.5rem;
width: 0.5rem;
border-radius: 9999px;
transition-duration: 300ms;
}
.swiper-pagination-bullet-active{
width: 2.25rem;
border-radius: 9999px;
--tw-bg-opacity: 1;
background-color: rgb(184 22 33 / var(--tw-bg-opacity));
}
.swiper-buttons{
display: flex;
justify-content: flex-end;
gap: 2rem;
}
@media not all and (min-width: 768px){
.swiper-buttons{
margin-top: 2rem;
}
}
.swiper-buttons .swiper-button-prev{
position: relative;
height: auto;
width: -moz-fit-content;
width: fit-content;
border-radius: 9999px;
padding: 0.5rem;
}
.swiper-buttons .swiper-button-prev:after {
content: '';
}
.swiper-buttons .swiper-button-prev svg{
border-radius: 9999px;
}
.swiper-buttons .swiper-button-next{
position: relative;
height: auto;
width: -moz-fit-content;
width: fit-content;
border-radius: 9999px;
padding: 0.5rem;
}
.swiper-buttons .swiper-button-next:after {
content: '';
}
.swiper-buttons .swiper-button-next svg{
border-radius: 9999px;
}
.menu-link{
position: relative;
}
.menu-link:before {
content: '';
position: absolute;
bottom: 0px;
left: 0px;
height: 1px;
width: 0px;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
transition-duration: 0.25s;
}
.menu-link:hover:before{
width: 100%;
}
.menu-link:hover svg{
--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));
opacity: 1;
transition-delay: 150ms;
}
.headerhome [data-logo-mobile]{
opacity: 0;
}
[data-logo-mobile] path{
fill: #FF911E;
}
.no-header-image [data-hamburger] path{
stroke: #000000;
}
.no-header-image .headerhome [data-hamburger] path{
stroke: #FF911E;
}
.no-header-image [data-logo-mobile] path{
fill: #000000;
}
header.bg-LightGrey, .no-header-image header.bg-LightGrey{
border-bottom-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(0 0 0 / var(--tw-border-opacity));
}
header.bg-LightGrey .menu-link,.no-header-image header.bg-LightGrey .menu-link{
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
header.bg-LightGrey .menu-link:before, .no-header-image header.bg-LightGrey .menu-link:before{
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
header.bg-LightGrey [data-hamburger] path,.no-header-image header.bg-LightGrey [data-hamburger] path{
stroke: #000000;
}
header.bg-LightGrey .headerhome [data-hamburger] path,.no-header-image header.bg-LightGrey .headerhome [data-hamburger] path{
stroke: #000000;
}
header.bg-LightGrey [data-logo], header.bg-LightGrey [data-logo-mobile], .no-header-image header.bg-LightGrey [data-logo], .no-header-image header.bg-LightGrey [data-logo-mobile]{
opacity: 1;
}
header.bg-LightGrey .headerhome [data-logo], header.bg-LightGrey .headerhome [data-logo-mobile], .no-header-image header.bg-LightGrey .headerhome [data-logo], .no-header-image header.bg-LightGrey .headerhome [data-logo-mobile]{
opacity: 1;
}
header.bg-LightGrey [data-logo-mobile] path,.no-header-image header.bg-LightGrey [data-logo-mobile] path{
fill: #000000;
}
.menu-item-has-children.sub-menu-open .menu-item-link{
--tw-text-opacity: 1;
color: rgb(255 145 30 / var(--tw-text-opacity));
}
.menu-item-has-children.sub-menu-open .menu-item-link .chevron{
--tw-translate-y: 2.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));
transition-delay: 100ms;
}
.menu-item-has-children.sub-menu-open .menu-item-link .chevron-toggled{
--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));
}
.sub-menu .submenu-link{
position: relative;
}
.sub-menu .submenu-link:before {
content: '';
position: absolute;
bottom: 0px;
left: 0px;
height: 1px;
width: 0px;
transition-duration: 0.25s;
}
.sub-menu .submenu-link:hover:before{
width: 100%;
}
.sub-menu .submenu-link:hover svg{
--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));
opacity: 1;
transition-delay: 150ms;
}
.sub-menu.sub-menu-active{
pointer-events: auto;
opacity: 1;
}
.sub-menu-active header{
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.sub-menu-active [data-logo]{
opacity: 1 !important;
}
.sub-menu-active [data-logo] path{
fill: #FF911E;
}
.sub-menu-active .menu-link, .sub-menu-active header.bg-LightGrey .menu-link{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.sub-menu-active .menu-link:before, .sub-menu-active header.bg-LightGrey .menu-link:before{
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.sub-menu-active .sub-menu-open .menu-link{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.sub-menu-active .sub-menu-open .menu-link:before{
width: 100%;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
[data-menu]{
--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));
}
.menuIsOpen header, .no-header-image.menuIsOpen header{
min-height: 60px;
border-bottom-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(255 145 30 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
@media (min-width: 1024px){
.menuIsOpen header, .no-header-image.menuIsOpen header{
border-width: 0px;
}
}
.menuIsOpen header [data-hamburger] path:first-of-type, .no-header-image.menuIsOpen header [data-hamburger] path:first-of-type{
--tw-translate-y: 0.32rem;
--tw-rotate: 17deg;
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));
}
.menuIsOpen header [data-hamburger] path:last-of-type, .no-header-image.menuIsOpen header [data-hamburger] path:last-of-type{
--tw-translate-y: -0.32rem;
--tw-rotate: -17deg;
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));
}
.menuIsOpen header [data-hamburger] path,.no-header-image.menuIsOpen header [data-hamburger] path{
stroke: #FF911E;
}
.menuIsOpen header [data-logo-mobile],.no-header-image.menuIsOpen header [data-logo-mobile]{
opacity: 1;
}
.menuIsOpen header [data-logo-mobile] path,.no-header-image.menuIsOpen header [data-logo-mobile] path{
fill: #FF911E;
}
.menuIsOpen header [data-toggle-mobile-sub-menu].opened path:last-of-type, .no-header-image.menuIsOpen header [data-toggle-mobile-sub-menu].opened path:last-of-type{
--tw-translate-y: -1px;
--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));
}
.menuIsOpen header [data-mobile-sub-menu].opened, .no-header-image.menuIsOpen header [data-mobile-sub-menu].opened{
display: block;
opacity: 1;
}
.menuIsOpen [data-menu], .no-header-image.menuIsOpen [data-menu]{
--tw-translate-y: 62px;
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));
}
.menuIsOpen [data-hamburger] path,.no-header-image.menuIsOpen [data-hamburger] path{
stroke: #FF911E;
}
[data-menu]{
--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));
}
.menuIsOpen [data-menu]{
--tw-translate-x: 0px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
main section{
position: relative;
padding-top: 2rem;
padding-bottom: 2rem;
}
@media (min-width: 1024px){
main section{
padding-top: 3rem;
padding-bottom: 3rem;
}
}
@media (min-width: 1536px){
main section{
padding-top: 4rem;
padding-bottom: 4rem;
}
}
.rounded-top{
border-top-left-radius: 1.5rem;
border-top-right-radius: 1.5rem;
}
@media (min-width: 1024px){
.rounded-top{
border-top-left-radius: 100px;
border-top-right-radius: 100px;
}
}
@media (min-width: 1536px){
.rounded-top{
border-top-left-radius: 200px;
border-top-right-radius: 200px;
}
}
.rounded-bottom{
border-bottom-right-radius: 1.5rem;
border-bottom-left-radius: 1.5rem;
}
@media (min-width: 1024px){
.rounded-bottom{
border-bottom-right-radius: 100px;
border-bottom-left-radius: 100px;
}
}
@media (min-width: 1536px){
.rounded-bottom{
border-bottom-right-radius: 200px;
border-bottom-left-radius: 200px;
}
}
.section-padding{
position: relative;
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
@media (min-width: 1024px){
.section-padding{
padding-top: 5rem;
padding-bottom: 5rem;
}
}
@media (min-width: 1536px){
.section-padding{
padding-top: 8rem;
padding-bottom: 8rem;
}
}
.remove-section-padding{
padding-top: 0px !important;
padding-bottom: 0px !important;
}
/* main > section:first-of-type {
@apply pt-0 lg:pt-0 xl:pt-0 2xl:pt-0;
} */
/* REMOVE LOOM EXTENSION PADDING */
section#shadow-host-companion{
padding-top: 0px !important;
padding-bottom: 0px !important;
}
/* HEADER */
header{
transition-property: all;
transition-duration: 300ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
header nav>[data-toggle-menu] svg{
stroke: #FFFFFF;
}
header #logo-black{
display: none;
opacity: 0;
transition-property: all;
transition-duration: 300ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
header #logo-white{
opacity: 1;
transition-property: all;
transition-duration: 300ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
header{
background-color: rgb(0 0 0 / 0.9);
--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);
}
header .container{
border-width: 0px;
}
/*
.scrolled header {
@apply bg-black/90 backdrop-blur-sm;
.container{
@apply border-0;
}
} */
/* INFINITE SCROLL */
@keyframes infiniteScrollSlow1 {
from {
transform: translateX(0%);
}
to {
transform: translateX(-100%);
}
}
@keyframes infiniteScrollSlow2 {
from {
transform: translateX(100%);
}
to {
transform: translateX(0%);
}
}
/* UTILS */
.rounded-icon{
position: relative;
display: flex;
height: 2.5rem;
width: 2.5rem;
flex-shrink: 0;
align-items: center;
justify-content: center;
border-radius: 9999px;
--tw-bg-opacity: 1;
background-color: rgb(255 145 30 / var(--tw-bg-opacity));
}
.underline_hover{
position: relative;
}
.underline_hover:before {
content: '';
position: absolute;
bottom: 0px;
left: 0px;
height: 1px;
width: 0px;
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
transition-duration: 0.25s;
}
.underline_hover:hover:before{
width: 100%;
}
.underline_hover:hover svg{
--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));
opacity: 1;
transition-delay: 150ms;
}
.link_hover_icon_effect{
position: relative;
}
.link_hover_icon_effect svg{
transition-property: all;
transition-duration: 300ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.link_hover_icon_effect:hover svg{
--tw-translate-x: 0.5rem;
--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));
}
.custom-overflow-wrap{
overflow-wrap: break-word; /* Aplicamos break-words de Tailwind */
overflow-wrap: anywhere; /* Sobreescribimos con overflow-wrap: anywhere */
}
i.fas.fa-star {
color: orange;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
background-color: rgba(184,22,33,var(--tw-bg-opacity));
}
.experiences-container {
position: relative;
max-height: 450px;
overflow: hidden; /* Esto corta el contenido que sobrepase el contenedor */
}
.experiences-container::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 50px; /* Ajusta la altura del difuminado */
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
pointer-events: none; /* No afecta la interacción con el contenido */
}
body.sub-menu-active .overlay-layer{
pointer-events: auto;
z-index: 50;
opacity: 1;
}
.slider-pagination{
position: relative;
margin-top: 2rem;
}
@media (min-width: 768px){
.md\:container{
width: 100%;
}
@media (min-width: 375px){
.md\:container{
max-width: 375px;
}
}
@media (min-width: 640px){
.md\:container{
max-width: 640px;
}
}
@media (min-width: 768px){
.md\:container{
max-width: 768px;
}
}
@media (min-width: 1024px){
.md\:container{
max-width: 1024px;
}
}
@media (min-width: 1280px){
.md\:container{
max-width: 1280px;
}
}
@media (min-width: 1435px){
.md\:container{
max-width: 1435px;
}
}
@media (min-width: 1536px){
.md\:container{
max-width: 1536px;
}
}
@media (min-width: 1690px){
.md\:container{
max-width: 1690px;
}
}
@media (min-width: 2000px){
.md\:container{
max-width: 2000px;
}
}
.md\:container{
margin-left: auto;
margin-right: auto;
width: calc(100% - 4rem);
max-width: 1600px;
}
@media (min-width: 1024px){
.md\:container{
width: calc(100% - 8rem);
}
}
}
.after\:absolute::after{
content: var(--tw-content);
position: absolute;
}
.after\:left-0::after{
content: var(--tw-content);
left: 0px;
}
.after\:top-0::after{
content: var(--tw-content);
top: 0px;
}
.after\:z-10::after{
content: var(--tw-content);
z-index: 10;
}
.after\:h-full::after{
content: var(--tw-content);
height: 100%;
}
.after\:w-full::after{
content: var(--tw-content);
width: 100%;
}
.after\:bg-gradient-to-bl::after{
content: var(--tw-content);
background-image: linear-gradient(to bottom left, var(--tw-gradient-stops));
}
.after\:bg-gradient-to-br::after{
content: var(--tw-content);
background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}
.after\:bg-gradient-to-t::after{
content: var(--tw-content);
background-image: linear-gradient(to top, var(--tw-gradient-stops));
}
.after\:from-black\/0::after{
content: var(--tw-content);
--tw-gradient-from: rgb(0 0 0 / 0) 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);
}
.after\:to-black\/80::after{
content: var(--tw-content);
--tw-gradient-to: rgb(0 0 0 / 0.8) var(--tw-gradient-to-position);
}
.after\:bg-blend-multiply::after{
content: var(--tw-content);
background-blend-mode: multiply;
}
.first\:pt-0:first-child{
padding-top: 0px;
}
.last\:pb-0:last-child{
padding-bottom: 0px;
}
.hover\:bg-orange-100:hover{
--tw-bg-opacity: 1;
background-color: rgb(255 145 30 / var(--tw-bg-opacity));
}
.hover\:hover\:bg-orange-100:hover:hover{
--tw-bg-opacity: 1;
background-color: rgb(255 145 30 / var(--tw-bg-opacity));
}
.hover\:underline:hover{
text-decoration-line: underline;
}
.focus\:outline-none:focus{
outline: 2px solid transparent;
outline-offset: 2px;
}
.focus\:ring:focus{
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-opacity-50:focus{
--tw-ring-opacity: 0.5;
}
.group:hover .group-hover\:pointer-events-auto{
pointer-events: auto;
}
.group:hover .group-hover\:-translate-y-4{
--tw-translate-y: -1rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\: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));
}
.group:hover .group-hover\:translate-x-20{
--tw-translate-x: 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));
}
.group:hover .group-hover\: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));
}
.group:hover .group-hover\:scale-110{
--tw-scale-x: 1.1;
--tw-scale-y: 1.1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:border-charcoal{
--tw-border-opacity: 1;
border-color: rgb(40 40 40 / var(--tw-border-opacity));
}
.group:hover .group-hover\:border-orange-100{
--tw-border-opacity: 1;
border-color: rgb(255 145 30 / var(--tw-border-opacity));
}
.group:hover .group-hover\:bg-transparent{
background-color: rgba(0,0,0,0);
}
.group:hover .group-hover\:text-white{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.group:hover .group-hover\:opacity-100{
opacity: 1;
}
@media not all and (min-width: 1024px){
.max-lg\:hidden{
display: none;
}
.max-lg\:h-8{
height: 2rem;
}
}
@media not all and (min-width: 768px){
.max-md\:flex-col{
flex-direction: column;
}
.max-md\:text-center{
text-align: center;
}
}
@media (min-width: 640px){
.sm\:ml-0{
margin-left: 0px;
}
.sm\:mr-0{
margin-right: 0px;
}
.sm\:w-48{
width: 12rem;
}
.sm\:grid-cols-3{
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.sm\:flex-row{
flex-direction: row;
}
.sm\:items-center{
align-items: center;
}
.sm\:gap-0{
gap: 0px;
}
.sm\: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)));
}
}
@media (min-width: 768px){
.md\:absolute{
position: absolute;
}
.md\:\!-bottom-10{
bottom: -2.5rem !important;
}
.md\:left-\[200px\]{
left: 200px;
}
.md\:top-\[30px\]{
top: 30px;
}
.md\:m-0{
margin: 0px;
}
.md\:mb-0{
margin-bottom: 0px;
}
.md\:mb-20{
margin-bottom: 5rem;
}
.md\:ml-0{
margin-left: 0px;
}
.md\:ml-14{
margin-left: 3.5rem;
}
.md\:ml-5{
margin-left: 1.25rem;
}
.md\:ml-8{
margin-left: 2rem;
}
.md\:mr-8{
margin-right: 2rem;
}
.md\:mt-0{
margin-top: 0px;
}
.md\:mt-12{
margin-top: 3rem;
}
.md\:mt-20{
margin-top: 5rem;
}
.md\:mt-36{
margin-top: 9rem;
}
.md\:block{
display: block;
}
.md\:grid{
display: grid;
}
.md\:hidden{
display: none;
}
.md\:h-20{
height: 5rem;
}
.md\:h-\[300px\]{
height: 300px;
}
.md\:w-1\/2{
width: 50%;
}
.md\:w-full{
width: 100%;
}
.md\:min-w-96{
min-width: 24rem;
}
.md\:max-w-\[230px\]{
max-width: 230px;
}
.md\: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));
}
.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-start{
align-items: flex-start;
}
.md\:items-center{
align-items: center;
}
.md\:items-baseline{
align-items: baseline;
}
.md\:items-stretch{
align-items: stretch;
}
.md\:justify-end{
justify-content: flex-end;
}
.md\:gap-20{
gap: 5rem;
}
.md\:gap-32{
gap: 8rem;
}
.md\:gap-4{
gap: 1rem;
}
.md\:gap-8{
gap: 2rem;
}
.md\:gap-\[320px\]{
gap: 320px;
}
.md\:overflow-x-scroll{
overflow-x: scroll;
}
.md\:bg-black{
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.md\:bg-grey-200{
--tw-bg-opacity: 1;
background-color: rgb(233 233 233 / var(--tw-bg-opacity));
}
.md\:p-14{
padding: 3.5rem;
}
.md\:p-4{
padding: 1rem;
}
.md\:p-8{
padding: 2rem;
}
.md\:px-14{
padding-left: 3.5rem;
padding-right: 3.5rem;
}
.md\:py-6{
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.md\:pb-20{
padding-bottom: 5rem;
}
.md\:pl-0{
padding-left: 0px;
}
.md\:pr-0{
padding-right: 0px;
}
.md\:pt-32{
padding-top: 8rem;
}
.md\:pt-8{
padding-top: 2rem;
}
.md\:pt-\[250px\]{
padding-top: 250px;
}
.md\:pt-\[300px\]{
padding-top: 300px;
}
.md\:text-left{
text-align: left;
}
.md\:text-4xl{
font-size: 2.25rem;
line-height: 2.5rem;
}
.md\:text-\[4\.25rem\]{
font-size: 4.25rem;
}
.md\:text-lg{
font-size: 1.125rem;
line-height: 1.75rem;
}
.md\:text-xl{
font-size: 1.25rem;
line-height: 1.75rem;
}
}
@media (min-width: 1024px){
.lg\:left-1\/2{
left: 50%;
}
.lg\:order-1{
order: 1;
}
.lg\:order-2{
order: 2;
}
.lg\:mb-12{
margin-bottom: 3rem;
}
.lg\:mb-20{
margin-bottom: 5rem;
}
.lg\:ml-8{
margin-left: 2rem;
}
.lg\:mr-8{
margin-right: 2rem;
}
.lg\:mt-24{
margin-top: 6rem;
}
.lg\:mt-40{
margin-top: 10rem;
}
.lg\:flex{
display: flex;
}
.lg\:grid{
display: grid;
}
.lg\:w-1\/2{
width: 50%;
}
.lg\:w-1\/3{
width: 33.333333%;
}
.lg\:w-1\/4{
width: 25%;
}
.lg\:w-9\/12{
width: 75%;
}
.lg\:max-w-sm{
max-width: 24rem;
}
.lg\:grid-cols-2{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.lg\:grid-cols-3{
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.lg\:grid-cols-5{
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.lg\:flex-row{
flex-direction: row;
}
.lg\:items-center{
align-items: center;
}
.lg\:justify-end{
justify-content: flex-end;
}
.lg\:gap-0{
gap: 0px;
}
.lg\:gap-16{
gap: 4rem;
}
.lg\:gap-9{
gap: 2.25rem;
}
.lg\:border-0{
border-width: 0px;
}
.lg\:p-14{
padding: 3.5rem;
}
.lg\:px-8{
padding-left: 2rem;
padding-right: 2rem;
}
.lg\:py-6{
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.lg\:pb-12{
padding-bottom: 3rem;
}
.lg\:pl-20{
padding-left: 5rem;
}
.lg\:pr-20{
padding-right: 5rem;
}
.lg\:pr-32{
padding-right: 8rem;
}
.lg\:pt-12{
padding-top: 3rem;
}
.lg\:pt-20{
padding-top: 5rem;
}
.lg\:pt-28{
padding-top: 7rem;
}
.lg\:text-xl{
font-size: 1.25rem;
line-height: 1.75rem;
}
}
@media (min-width: 1280px){
.xl\:mx-24{
margin-left: 6rem;
margin-right: 6rem;
}
.xl\:mb-20{
margin-bottom: 5rem;
}
.xl\:mt-28{
margin-top: 7rem;
}
.xl\:flex{
display: flex;
}
.xl\:grid{
display: grid;
}
.xl\:hidden{
display: none;
}
.xl\:w-44{
width: 11rem;
}
.xl\:w-auto{
width: auto;
}
.xl\:max-w-none{
max-width: none;
}
.xl\:scale-\[0\.85\]{
--tw-scale-x: 0.85;
--tw-scale-y: 0.85;
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-2{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.xl\:flex-row{
flex-direction: row;
}
.xl\:items-center{
align-items: center;
}
}
@media (min-width: 1435px){
.xxl\:mx-auto{
margin-left: auto;
margin-right: auto;
}
.xxl\:grid-cols-3{
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.xxl\:grid-cols-4{
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
@media (min-width: 1536px){
.\32xl\:block{
display: block;
}
}
@media (min-width: 1690px){
.\33xl\:w-52{
width: 13rem;
}
.\33xl\: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));
}
.\33xl\:gap-6{
gap: 1.5rem;
}
.\33xl\:pb-2{
padding-bottom: 0.5rem;
}
}
@media (min-width: 2000px){
.\34xl\:translate-y-\[2vw\]{
--tw-translate-y: 2vw;
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));
}
}