@layer properties;
@layer theme, base, components, utilities;
@layer theme {
:root, :host {
--font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
"Courier New", monospace;
--color-blue-500: oklch(62.3% 0.214 259.815);
--color-gray-200: oklch(92.8% 0.006 264.531);
--color-gray-300: oklch(87.2% 0.01 258.338);
--color-gray-400: oklch(70.7% 0.022 261.325);
--color-gray-700: oklch(37.3% 0.034 259.733);
--color-black: #000000;
--color-white: #ffffff;
--spacing: 0.25rem;
--breakpoint-xl: 1350px;
--container-4xl: 56rem;
--text-xs: 0.75rem;
--text-xs--line-height: calc(1 / 0.75);
--text-sm: 0.875rem;
--text-sm--line-height: calc(1.25 / 0.875);
--text-lg: 1.125rem;
--text-lg--line-height: calc(1.75 / 1.125);
--text-xl: 1.25rem;
--text-xl--line-height: calc(1.75 / 1.25);
--font-weight-light: 300;
--font-weight-normal: 400;
--font-weight-medium: 500;
--font-weight-semibold: 600;
--font-weight-bold: 700;
--tracking-normal: 0em;
--tracking-wider: 0.05em;
--leading-tight: 1.25;
--leading-relaxed: 1.625;
--ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
--aspect-video: 16 / 9;
--default-transition-duration: 150ms;
--default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
--default-font-family: var(--font-sans);
--default-mono-font-family: var(--font-mono);
--color-lightGrey: #F6F6F6;
--color-darkGrey: #3A433A;
--color-themeBlue: #1E1656;
--color-sunset: #FF585F;
--color-mustard: #F0AB00;
--color-violet: #C1AFE5;
--color-titanWhite: #F2EEFA;
--font-fontAwesome: 'FontAwesome', sans-serif;
--font-dmSans: 'DM Sans', sans-serif;
--text-custom-h1: clamp(2rem, 5vw, 3.125rem);
--text-custom-h2: clamp(2rem, 2rem, 2.1875rem);
--text-custom-h3: clamp(1.875rem, 1.875rem, 1.875rem);
--text-custom-h4: clamp(1.5rem, 1.5rem, 1.5rem);
--text-custom-paragraph: clamp(1rem, 0.9762rem + 0.0952vw, 1.0625rem);
}
}
@layer base {
*, ::after, ::before, ::backdrop, ::file-selector-button {
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0 solid;
}
html, :host {
line-height: 1.5;
-webkit-text-size-adjust: 100%;
tab-size: 4;
font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
font-feature-settings: var(--default-font-feature-settings, normal);
font-variation-settings: var(--default-font-variation-settings, normal);
-webkit-tap-highlight-color: transparent;
}
hr {
height: 0;
color: inherit;
border-top-width: 1px;
}
abbr:where([title]) {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
h1, h2, h3, h4, h5, h6 {
font-size: inherit;
font-weight: inherit;
}
a {
color: inherit;
-webkit-text-decoration: inherit;
text-decoration: inherit;
}
b, strong {
font-weight: bolder;
}
code, kbd, samp, pre {
font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
font-feature-settings: var(--default-mono-font-feature-settings, normal);
font-variation-settings: var(--default-mono-font-variation-settings, normal);
font-size: 1em;
}
small {
font-size: 80%;
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
table {
text-indent: 0;
border-color: inherit;
border-collapse: collapse;
}
:-moz-focusring {
outline: auto;
}
progress {
vertical-align: baseline;
}
summary {
display: list-item;
}
ol, ul, menu {
list-style: none;
}
img, svg, video, canvas, audio, iframe, embed, object {
display: block;
vertical-align: middle;
}
img, video {
max-width: 100%;
height: auto;
}
button, input, select, optgroup, textarea, ::file-selector-button {
font: inherit;
font-feature-settings: inherit;
font-variation-settings: inherit;
letter-spacing: inherit;
color: inherit;
border-radius: 0;
background-color: transparent;
opacity: 1;
}
:where(select:is([multiple], [size])) optgroup {
font-weight: bolder;
}
:where(select:is([multiple], [size])) optgroup option {
padding-inline-start: 20px;
}
::file-selector-button {
margin-inline-end: 4px;
}
::placeholder {
opacity: 1;
}
@supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
::placeholder {
color: currentcolor;
@supports (color: color-mix(in lab, red, red)) {
color: color-mix(in oklab, currentcolor 50%, transparent);
}
}
}
textarea {
resize: vertical;
}
::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-date-and-time-value {
min-height: 1lh;
text-align: inherit;
}
::-webkit-datetime-edit {
display: inline-flex;
}
::-webkit-datetime-edit-fields-wrapper {
padding: 0;
}
::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
padding-block: 0;
}
::-webkit-calendar-picker-indicator {
line-height: 1;
}
:-moz-ui-invalid {
box-shadow: none;
}
button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
appearance: button;
}
::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
height: auto;
}
[hidden]:where(:not([hidden="until-found"])) {
display: none !important;
}
}
@layer utilities {
.pointer-events-none {
pointer-events: none;
}
.visible {
visibility: visible;
}
.\!absolute {
position: absolute !important;
}
.absolute {
position: absolute;
}
.fixed {
position: fixed;
}
.relative {
position: relative;
}
.static {
position: static;
}
.sticky {
position: sticky;
}
.top-0 {
top: 0px;
}
.top-1 {
top: var(--spacing);
}
.top-1\/2 {
top: calc(1 / 2 * 100%);
}
.top-4 {
top: calc(var(--spacing) * 4);
}
.top-\[-3px\] {
top: -3px;
}
.top-\[5\%\] {
top: 5%;
}
.top-\[40\%\] {
top: 40%;
}
.top-\[100px\] {
top: 100px;
}
.top-auto {
top: auto;
}
.right-0 {
right: 0px;
}
.right-2 {
right: calc(var(--spacing) * 2);
}
.right-3 {
right: calc(var(--spacing) * 3);
}
.right-4 {
right: calc(var(--spacing) * 4);
}
.right-\[-10\%\] {
right: -10%;
}
.right-\[20px\] {
right: 20px;
}
.bottom-0 {
bottom: 0px;
}
.bottom-\[-0\.5px\] {
bottom: -0.5px;
}
.bottom-\[5\%\] {
bottom: 5%;
}
.bottom-\[20\%\] {
bottom: 20%;
}
.bottom-\[32\%\] {
bottom: 32%;
}
.left-0 {
left: 0px;
}
.left-1\/2 {
left: calc(1 / 2 * 100%);
}
.left-1\/4 {
left: calc(1 / 4 * 100%);
}
.left-\[-10\%\] {
left: -10%;
}
.left-\[-50px\] {
left: -50px;
}
.left-auto {
left: auto;
}
.-z-10 {
z-index: calc(10 * -1);
}
.z-0 {
z-index: 0;
}
.z-1 {
z-index: 1;
}
.z-10 {
z-index: 10;
}
.z-20 {
z-index: 20;
}
.z-30 {
z-index: 30;
}
.z-50 {
z-index: 50;
}
.z-\[-1\] {
z-index: -1;
}
.z-\[1\] {
z-index: 1;
}
.z-\[2\] {
z-index: 2;
}
.z-\[500\] {
z-index: 500;
}
.z-\[9999\] {
z-index: 9999;
}
.col-2 {
grid-column: 2;
}
.col-3 {
grid-column: 3;
}
.col-span-2 {
grid-column: span 2 / span 2;
}
.col-span-3 {
grid-column: span 3 / span 3;
}
.col-span-full {
grid-column: 1 / -1;
}
.clear-both {
clear: both;
}
.container {
width: 100%;
@media (width >= (max-height: 650px)) {
max-width: (max-height: 650px);
}
@media (width >= (max-height: 850px)) {
max-width: (max-height: 850px);
}
@media (width >= (min-height: 1000px)) {
max-width: (min-height: 1000px);
}
@media (width >= (min-height: 1200px)) {
max-width: (min-height: 1200px);
}
@media (width >= (min-height: 680px)) {
max-width: (min-height: 680px);
}
@media (width >= (min-height: 800px)) {
max-width: (min-height: 800px);
}
@media (width >= 480px) {
max-width: 480px;
}
@media (width >= 550px) {
max-width: 550px;
}
@media (width >= 620px) {
max-width: 620px;
}
@media (width >= 650px) {
max-width: 650px;
}
@media (width >= 680px) {
max-width: 680px;
}
@media (width >= 768px) {
max-width: 768px;
}
@media (width >= 819px) {
max-width: 819px;
}
@media (width >= 820px) {
max-width: 820px;
}
@media (width >= 960px) {
max-width: 960px;
}
@media (width >= 1024px) {
max-width: 1024px;
}
@media (width >= 1024px) {
max-width: 1024px;
}
@media (width >= 1150px) {
max-width: 1150px;
}
@media (width >= 1180px) {
max-width: 1180px;
}
@media (width >= 1350px) {
max-width: 1350px;
}
@media (width >= 1350px) {
max-width: 1350px;
}
@media (width >= 1440px) {
max-width: 1440px;
}
@media (width >= 1500px) {
max-width: 1500px;
}
@media (width >= 1550px) {
max-width: 1550px;
}
}
.m-0 {
margin: 0px;
}
.m-5 {
margin: calc(var(--spacing) * 5);
}
.m-auto {
margin: auto;
}
.mx-auto {
margin-inline: auto;
}
.mt-5 {
margin-top: calc(var(--spacing) * 5);
}
.mt-10 {
margin-top: calc(var(--spacing) * 10);
}
.mt-\[15px\] {
margin-top: 15px;
}
.mt-\[20px\] {
margin-top: 20px;
}
.mt-\[30px\] {
margin-top: 30px;
}
.mt-\[50px\] {
margin-top: 50px;
}
.mt-auto {
margin-top: auto;
}
.mr-2 {
margin-right: calc(var(--spacing) * 2);
}
.mr-\[3px\] {
margin-right: 3px;
}
.mr-\[20px\] {
margin-right: 20px;
}
.mr-auto {
margin-right: auto;
}
.mb-0 {
margin-bottom: 0px;
}
.mb-1 {
margin-bottom: var(--spacing);
}
.mb-2 {
margin-bottom: calc(var(--spacing) * 2);
}
.mb-3 {
margin-bottom: calc(var(--spacing) * 3);
}
.mb-3\.75 {
margin-bottom: calc(var(--spacing) * 3.75);
}
.mb-4 {
margin-bottom: calc(var(--spacing) * 4);
}
.mb-5 {
margin-bottom: calc(var(--spacing) * 5);
}
.mb-7\.5 {
margin-bottom: calc(var(--spacing) * 7.5);
}
.mb-8 {
margin-bottom: calc(var(--spacing) * 8);
}
.mb-\[-0\.5px\] {
margin-bottom: -0.5px;
}
.mb-\[0\] {
margin-bottom: 0;
}
.mb-\[5px\] {
margin-bottom: 5px;
}
.mb-\[10px\] {
margin-bottom: 10px;
}
.mb-\[15px\] {
margin-bottom: 15px;
}
.mb-\[20px\] {
margin-bottom: 20px;
}
.mb-\[25px\] {
margin-bottom: 25px;
}
.mb-\[30px\] {
margin-bottom: 30px;
}
.mb-\[35px\] {
margin-bottom: 35px;
}
.mb-\[40px\] {
margin-bottom: 40px;
}
.mb-\[50px\] {
margin-bottom: 50px;
}
.ml-0 {
margin-left: 0px;
}
.ml-\[20px\] {
margin-left: 20px;
}
.ml-auto {
margin-left: auto;
}
.line-clamp-4 {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
}
.block {
display: block;
}
.contents {
display: contents;
}
.flex {
display: flex;
}
.grid {
display: grid;
}
.hidden {
display: none;
}
.inline {
display: inline;
}
.inline-block {
display: inline-block;
}
.inline-flex {
display: inline-flex;
}
.table {
display: table;
}
.aspect-4\/5 {
aspect-ratio: 4/5;
}
.aspect-video {
aspect-ratio: var(--aspect-video);
}
.\!h-\[600px\] {
height: 600px !important;
}
.\!h-auto {
height: auto !important;
}
.h-0 {
height: 0px;
}
.h-\[15\%\] {
height: 15%;
}
.h-\[16px\] {
height: 16px;
}
.h-\[20px\] {
height: 20px;
}
.h-\[62px\] {
height: 62px;
}
.h-\[70px\] {
height: 70px;
}
.h-\[80px\] {
height: 80px;
}
.h-\[245px\] {
height: 245px;
}
.h-\[calc\(var\(--vh\,1vh\)\*100-76px\)\] {
height: calc(var(--vh,1vh) * 100 - 76px);
}
.h-auto {
height: auto;
}
.h-full {
height: 100%;
}
.max-h-\[50vh\] {
max-height: 50vh;
}
.max-h-\[90vh\] {
max-height: 90vh;
}
.max-h-\[150px\] {
max-height: 150px;
}
.max-h-full {
max-height: 100%;
}
.min-h-\[390px\] {
min-height: 390px;
}
.min-h-\[420px\] {
min-height: 420px;
}
.min-h-\[calc\(var\(--vh\,1vh\)\*62\)\] {
min-height: calc(var(--vh,1vh) * 62);
}
.min-h-\[calc\(var\(--vh\,1vh\)\*80\)\] {
min-height: calc(var(--vh,1vh) * 80);
}
.min-h-full {
min-height: 100%;
}
.\!w-auto {
width: auto !important;
}
.\!w-full {
width: 100% !important;
}
.w-5 {
width: calc(var(--spacing) * 5);
}
.w-7 {
width: calc(var(--spacing) * 7);
}
.w-32 {
width: calc(var(--spacing) * 32);
}
.w-\[16px\] {
width: 16px;
}
.w-\[80px\] {
width: 80px;
}
.w-\[calc\(100\%\+40px\)\] {
width: calc(100% + 40px);
}
.w-dvw {
width: 100dvw;
}
.w-full {
width: 100%;
}
.\!max-w-\[960px\] {
max-width: 960px !important;
}
.max-w-4xl {
max-width: var(--container-4xl);
}
.max-w-187\.5 {
max-width: calc(var(--spacing) * 187.5);
}
.max-w-\[50px\] {
max-width: 50px;
}
.max-w-\[100\%\] {
max-width: 100%;
}
.max-w-\[180px\] {
max-width: 180px;
}
.max-w-\[220px\] {
max-width: 220px;
}
.max-w-\[400px\] {
max-width: 400px;
}
.max-w-\[480px\] {
max-width: 480px;
}
.max-w-\[520px\] {
max-width: 520px;
}
.max-w-\[600px\] {
max-width: 600px;
}
.max-w-\[680px\] {
max-width: 680px;
}
.max-w-\[700px\] {
max-width: 700px;
}
.max-w-\[768px\] {
max-width: 768px;
}
.max-w-\[850px\] {
max-width: 850px;
}
.max-w-\[960px\] {
max-width: 960px;
}
.max-w-\[1100px\] {
max-width: 1100px;
}
.max-w-full {
max-width: 100%;
}
.max-w-screen-xl {
max-width: var(--breakpoint-xl);
}
.min-w-0 {
min-width: 0px;
}
.min-w-35 {
min-width: calc(var(--spacing) * 35);
}
.min-w-\[180px\] {
min-width: 180px;
}
.flex-1 {
flex: 1;
}
.flex-shrink-0 {
flex-shrink: 0;
}
.shrink-0 {
flex-shrink: 0;
}
.-translate-x-1\/2 {
--tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-x-\[0\%\] {
--tw-translate-x: 0%;
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.-translate-y-1\/2 {
--tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.-rotate-180 {
rotate: calc(180deg * -1);
}
.rotate-0 {
rotate: 0deg;
}
.rotate-45 {
rotate: 45deg;
}
.rotate-120 {
rotate: 120deg;
}
.rotate-168 {
rotate: 168deg;
}
.rotate-180 {
rotate: 180deg;
}
.\[transform\:translate3d\(0\)\] {
transform: translate3d(0);
}
.transform {
transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
}
.cursor-pointer {
cursor: pointer;
}
.resize {
resize: both;
}
.appearance-none {
appearance: none;
}
.grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.flex-col {
flex-direction: column;
}
.flex-row-reverse {
flex-direction: row-reverse;
}
.flex-wrap {
flex-wrap: wrap;
}
.content-start {
align-content: flex-start;
}
.items-baseline {
align-items: baseline;
}
.items-center {
align-items: center;
}
.items-end {
align-items: flex-end;
}
.items-start {
align-items: flex-start;
}
.justify-between {
justify-content: space-between;
}
.justify-center {
justify-content: center;
}
.justify-end {
justify-content: flex-end;
}
.justify-start {
justify-content: flex-start;
}
.gap-0 {
gap: 0px;
}
.gap-2 {
gap: calc(var(--spacing) * 2);
}
.gap-2\.5 {
gap: calc(var(--spacing) * 2.5);
}
.gap-3 {
gap: calc(var(--spacing) * 3);
}
.gap-4 {
gap: calc(var(--spacing) * 4);
}
.gap-5 {
gap: calc(var(--spacing) * 5);
}
.gap-6 {
gap: calc(var(--spacing) * 6);
}
.gap-7\.5 {
gap: calc(var(--spacing) * 7.5);
}
.gap-10 {
gap: calc(var(--spacing) * 10);
}
.gap-12 {
gap: calc(var(--spacing) * 12);
}
.gap-\[3px\] {
gap: 3px;
}
.gap-\[4px\] {
gap: 4px;
}
.gap-\[5px\] {
gap: 5px;
}
.gap-\[10px\] {
gap: 10px;
}
.gap-\[15px\] {
gap: 15px;
}
.gap-\[20px\] {
gap: 20px;
}
.gap-\[30px\] {
gap: 30px;
}
.gap-\[50px\] {
gap: 50px;
}
:where(.space-y-4 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
}
.gap-x-\[20px\] {
column-gap: 20px;
}
.gap-x-\[30px\] {
column-gap: 30px;
}
.gap-x-\[60px\] {
column-gap: 60px;
}
.gap-y-\[10px\] {
row-gap: 10px;
}
.gap-y-\[20px\] {
row-gap: 20px;
}
.gap-y-\[30px\] {
row-gap: 30px;
}
.gap-y-\[40px\] {
row-gap: 40px;
}
.self-center {
align-self: center;
}
.self-start {
align-self: flex-start;
}
.\!overflow-visible {
overflow: visible !important;
}
.overflow-auto {
overflow: auto;
}
.overflow-hidden {
overflow: hidden;
}
.overflow-x-hidden {
overflow-x: hidden;
}
.overflow-y-auto {
overflow-y: auto;
}
.border {
border-style: var(--tw-border-style);
border-width: 1px;
}
.border-0 {
border-style: var(--tw-border-style);
border-width: 0px;
}
.border-\[1px\] {
border-style: var(--tw-border-style);
border-width: 1px;
}
.border-t {
border-top-style: var(--tw-border-style);
border-top-width: 1px;
}
.border-t-\[2px\] {
border-top-style: var(--tw-border-style);
border-top-width: 2px;
}
.border-r-0 {
border-right-style: var(--tw-border-style);
border-right-width: 0px;
}
.border-b {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 1px;
}
.border-b-0 {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 0px;
}
.border-b-2 {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 2px;
}
.border-b-\[1px\] {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 1px;
}
.border-l-0 {
border-left-style: var(--tw-border-style);
border-left-width: 0px;
}
.border-none {
--tw-border-style: none;
border-style: none;
}
.border-solid {
--tw-border-style: solid;
border-style: solid;
}
.border-\[\#C1AFE5\] {
border-color: #C1AFE5;
}
.border-black {
border-color: var(--color-black);
}
.border-darkGrey {
border-color: var(--color-darkGrey);
}
.border-gray-200 {
border-color: var(--color-gray-200);
}
.border-gray-300 {
border-color: var(--color-gray-300);
}
.border-transparent {
border-color: transparent;
}
.border-violet {
border-color: var(--color-violet);
}
.border-white {
border-color: var(--color-white);
}
.\!bg-transparent {
background-color: transparent !important;
}
.bg-mustard {
background-color: var(--color-mustard);
}
.bg-sunset {
background-color: var(--color-sunset);
}
.bg-themeBlue {
background-color: var(--color-themeBlue);
}
.bg-titanWhite {
background-color: var(--color-titanWhite);
}
.bg-transparent {
background-color: transparent;
}
.bg-violet {
background-color: var(--color-violet);
}
.bg-white {
background-color: var(--color-white);
}
.object-cover {
object-fit: cover;
}
.object-center {
object-position: center;
}
.object-top {
object-position: top;
}
.object-top-right {
object-position: right top;
}
.p-0 {
padding: 0px;
}
.p-2 {
padding: calc(var(--spacing) * 2);
}
.p-3 {
padding: calc(var(--spacing) * 3);
}
.p-6\.25 {
padding: calc(var(--spacing) * 6.25);
}
.p-10 {
padding: calc(var(--spacing) * 10);
}
.p-\[5px\] {
padding: 5px;
}
.p-\[10px\] {
padding: 10px;
}
.p-\[20px\] {
padding: 20px;
}
.p-\[25px\] {
padding: 25px;
}
.p-\[30px\] {
padding: 30px;
}
.\!px-\[50px\] {
padding-inline: 50px !important;
}
.px-0 {
padding-inline: 0px;
}
.px-5\! {
padding-inline: calc(var(--spacing) * 5) !important;
}
.px-25 {
padding-inline: calc(var(--spacing) * 25);
}
.px-\[0px\] {
padding-inline: 0px;
}
.px-\[10px\] {
padding-inline: 10px;
}
.px-\[20px\] {
padding-inline: 20px;
}
.px-\[30px\] {
padding-inline: 30px;
}
.px-\[80px\] {
padding-inline: 80px;
}
.py-0 {
padding-block: 0px;
}
.py-2\! {
padding-block: calc(var(--spacing) * 2) !important;
}
.py-3 {
padding-block: calc(var(--spacing) * 3);
}
.py-4 {
padding-block: calc(var(--spacing) * 4);
}
.py-5 {
padding-block: calc(var(--spacing) * 5);
}
.py-7\.5 {
padding-block: calc(var(--spacing) * 7.5);
}
.py-8 {
padding-block: calc(var(--spacing) * 8);
}
.py-10 {
padding-block: calc(var(--spacing) * 10);
}
.py-12\.5 {
padding-block: calc(var(--spacing) * 12.5);
}
.py-15 {
padding-block: calc(var(--spacing) * 15);
}
.py-30 {
padding-block: calc(var(--spacing) * 30);
}
.py-\[10px\] {
padding-block: 10px;
}
.py-\[12px\] {
padding-block: 12px;
}
.py-\[16px\] {
padding-block: 16px;
}
.py-\[20px\] {
padding-block: 20px;
}
.py-\[30px\] {
padding-block: 30px;
}
.py-\[35px\] {
padding-block: 35px;
}
.py-\[40px\] {
padding-block: 40px;
}
.py-\[50px\] {
padding-block: 50px;
}
.py-\[80px\] {
padding-block: 80px;
}
.pt-0 {
padding-top: 0px;
}
.pt-2 {
padding-top: calc(var(--spacing) * 2);
}
.pt-5 {
padding-top: calc(var(--spacing) * 5);
}
.pt-8 {
padding-top: calc(var(--spacing) * 8);
}
.pt-8\.75 {
padding-top: calc(var(--spacing) * 8.75);
}
.pt-10 {
padding-top: calc(var(--spacing) * 10);
}
.pt-12 {
padding-top: calc(var(--spacing) * 12);
}
.pt-12\.5 {
padding-top: calc(var(--spacing) * 12.5);
}
.pt-20 {
padding-top: calc(var(--spacing) * 20);
}
.pt-24 {
padding-top: calc(var(--spacing) * 24);
}
.pt-26 {
padding-top: calc(var(--spacing) * 26);
}
.pt-28 {
padding-top: calc(var(--spacing) * 28);
}
.pt-30 {
padding-top: calc(var(--spacing) * 30);
}
.pt-40 {
padding-top: calc(var(--spacing) * 40);
}
.pt-\[10px\] {
padding-top: 10px;
}
.pt-\[20px\] {
padding-top: 20px;
}
.pt-\[30px\] {
padding-top: 30px;
}
.pt-\[35px\] {
padding-top: 35px;
}
.pt-\[40px\] {
padding-top: 40px;
}
.pt-\[50px\] {
padding-top: 50px;
}
.pt-\[70px\] {
padding-top: 70px;
}
.pt-\[76px\] {
padding-top: 76px;
}
.pt-\[80px\] {
padding-top: 80px;
}
.pt-\[90px\] {
padding-top: 90px;
}
.pt-\[100\%\] {
padding-top: 100%;
}
.pr-0 {
padding-right: 0px;
}
.pr-6 {
padding-right: calc(var(--spacing) * 6);
}
.pr-8 {
padding-right: calc(var(--spacing) * 8);
}
.pr-10 {
padding-right: calc(var(--spacing) * 10);
}
.pr-16 {
padding-right: calc(var(--spacing) * 16);
}
.pr-\[40px\] {
padding-right: 40px;
}
.\!pb-\[50px\] {
padding-bottom: 50px !important;
}
.pb-0 {
padding-bottom: 0px;
}
.pb-3 {
padding-bottom: calc(var(--spacing) * 3);
}
.pb-5 {
padding-bottom: calc(var(--spacing) * 5);
}
.pb-8 {
padding-bottom: calc(var(--spacing) * 8);
}
.pb-12 {
padding-bottom: calc(var(--spacing) * 12);
}
.pb-20 {
padding-bottom: calc(var(--spacing) * 20);
}
.pb-24 {
padding-bottom: calc(var(--spacing) * 24);
}
.pb-26 {
padding-bottom: calc(var(--spacing) * 26);
}
.pb-28 {
padding-bottom: calc(var(--spacing) * 28);
}
.pb-30 {
padding-bottom: calc(var(--spacing) * 30);
}
.pb-\[20px\] {
padding-bottom: 20px;
}
.pb-\[30px\] {
padding-bottom: 30px;
}
.pb-\[50\%\] {
padding-bottom: 50%;
}
.pb-\[50px\] {
padding-bottom: 50px;
}
.pb-\[56\%\] {
padding-bottom: 56%;
}
.pb-\[56\.25\%\] {
padding-bottom: 56.25%;
}
.pb-\[60px\] {
padding-bottom: 60px;
}
.pb-\[85px\] {
padding-bottom: 85px;
}
.pb-\[120\%\] {
padding-bottom: 120%;
}
.pl-0 {
padding-left: 0px;
}
.text-center {
text-align: center;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.align-middle {
vertical-align: middle;
}
.align-top {
vertical-align: top;
}
.text-lg {
font-size: var(--text-lg);
line-height: var(--tw-leading, var(--text-lg--line-height));
}
.text-sm {
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
}
.text-xl {
font-size: var(--text-xl);
line-height: var(--tw-leading, var(--text-xl--line-height));
}
.text-xs {
font-size: var(--text-xs);
line-height: var(--tw-leading, var(--text-xs--line-height));
}
.text-\[0px\] {
font-size: 0px;
}
.text-\[12px\] {
font-size: 12px;
}
.text-\[13px\] {
font-size: 13px;
}
.text-\[13px\]\! {
font-size: 13px !important;
}
.text-\[14px\] {
font-size: 14px;
}
.text-\[15px\] {
font-size: 15px;
}
.text-\[16px\] {
font-size: 16px;
}
.text-\[18px\] {
font-size: 18px;
}
.text-\[20px\] {
font-size: 20px;
}
.text-\[22px\] {
font-size: 22px;
}
.text-\[26px\] {
font-size: 26px;
}
.text-\[28px\] {
font-size: 28px;
}
.text-\[30px\] {
font-size: 30px;
}
.text-\[50px\] {
font-size: 50px;
}
.text-custom-h3 {
font-size: var(--text-custom-h3);
}
.leading-7 {
--tw-leading: calc(var(--spacing) * 7);
line-height: calc(var(--spacing) * 7);
}
.leading-\[1\.1em\] {
--tw-leading: 1.1em;
line-height: 1.1em;
}
.leading-none {
--tw-leading: 1;
line-height: 1;
}
.font-\[600\] {
--tw-font-weight: 600;
font-weight: 600;
}
.font-bold {
--tw-font-weight: var(--font-weight-bold);
font-weight: var(--font-weight-bold);
}
.font-light {
--tw-font-weight: var(--font-weight-light);
font-weight: var(--font-weight-light);
}
.font-medium {
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
}
.font-normal {
--tw-font-weight: var(--font-weight-normal);
font-weight: var(--font-weight-normal);
}
.font-semibold {
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
}
.tracking-wider {
--tw-tracking: var(--tracking-wider);
letter-spacing: var(--tracking-wider);
}
.text-black {
color: var(--color-black);
}
.text-blue-500 {
color: var(--color-blue-500);
}
.text-darkGrey {
color: var(--color-darkGrey);
}
.text-gray-400 {
color: var(--color-gray-400);
}
.text-gray-700 {
color: var(--color-gray-700);
}
.text-sunset {
color: var(--color-sunset);
}
.text-themeBlue {
color: var(--color-themeBlue);
}
.text-white {
color: var(--color-white);
}
.uppercase {
text-transform: uppercase;
}
.no-underline {
text-decoration-line: none;
}
.underline {
text-decoration-line: underline;
}
.shadow-\[0_20px_60px_rgba\(0\,0\,0\,0\.2\)\] {
--tw-shadow: 0 20px 60px var(--tw-shadow-color, rgba(0,0,0,0.2));
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-md {
--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 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, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-all {
transition-property: all;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-colors {
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-opacity {
transition-property: opacity;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-transform {
transition-property: transform, translate, scale, rotate;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.duration-300 {
--tw-duration: 300ms;
transition-duration: 300ms;
}
.\[animation-delay\:0\.5s\] {
animation-delay: 0.5s;
}
.\[animation-fill-mode\:backwards\] {
animation-fill-mode: backwards;
}
.\[animation-fill-mode\:both\] {
animation-fill-mode: both;
}
.\[backface-visibility\:hidden\] {
backface-visibility: hidden;
}
.backface-hidden {
backface-visibility: hidden;
}
:is(.\*\:visible > *) {
visibility: visible;
}
@media (hover: hover) {
.group-hover\:scale-110:is(:where(.group):hover *) {
--tw-scale-x: 110%;
--tw-scale-y: 110%;
--tw-scale-z: 110%;
scale: var(--tw-scale-x) var(--tw-scale-y);
}
.group-hover\:text-sunset:is(:where(.group):hover *) {
color: var(--color-sunset);
}
.hover\:rotate-90:hover {
rotate: 90deg;
}
.hover\:text-black:hover {
color: var(--color-black);
}
.hover\:text-sunset:hover {
color: var(--color-sunset);
}
.hover\:underline:hover {
text-decoration-line: underline;
}
.hover\:opacity-70:hover {
opacity: 70%;
}
}
.focus\:outline-none:focus {
--tw-outline-style: none;
outline-style: none;
}
@supports (height:100svh) {
.supports-\[height\:100svh\]\:h-\[calc\(100svh-76px\)\] {
height: calc(100svh - 76px);
}
.supports-\[height\:100svh\]\:min-h-\[65svh\] {
min-height: 65svh;
}
.supports-\[height\:100svh\]\:min-h-\[80svh\] {
min-height: 80svh;
}
}
@media (width < 1024px) {
.max-lg\:hidden {
display: none;
}
.max-lg\:px-0 {
padding-inline: 0px;
}
.max-lg\:pt-\[10vw\] {
padding-top: 10vw;
}
.max-lg\:pb-\[10vw\] {
padding-bottom: 10vw;
}
}
@media (width < 820px) {
.max-md\:px-0 {
padding-inline: 0px;
}
}
@media (width < 550px) {
.max-\[550px\]\:hidden {
display: none;
}
}
@media (width < 480px) {
.max-\[480px\]\:w-full {
width: 100%;
}
.max-\[480px\]\:max-w-\[160px\] {
max-width: 160px;
}
.max-\[480px\]\:items-start {
align-items: flex-start;
}
}
@media (width >= 481px) {
.min-\[481px\]\:w-\[35\%\] {
width: 35%;
}
.min-\[481px\]\:max-w-\[200px\] {
max-width: 200px;
}
.min-\[481px\]\:flex-row {
flex-direction: row;
}
.min-\[481px\]\:flex-row-reverse {
flex-direction: row-reverse;
}
.min-\[481px\]\:items-center {
align-items: center;
}
}
@media (width >= 650px) {
.sm\:mt-0 {
margin-top: 0px;
}
.sm\:mb-\[20px\] {
margin-bottom: 20px;
}
.sm\:mb-\[30px\] {
margin-bottom: 30px;
}
.sm\:inline-flex {
display: inline-flex;
}
.sm\:h-\[20\%\] {
height: 20%;
}
.sm\:h-\[90px\] {
height: 90px;
}
.sm\:w-auto {
width: auto;
}
.sm\:max-w-50 {
max-width: calc(var(--spacing) * 50);
}
.sm\:max-w-\[280px\] {
max-width: 280px;
}
.sm\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.sm\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.sm\:flex-row {
flex-direction: row;
}
.sm\:justify-end {
justify-content: flex-end;
}
.sm\:gap-10 {
gap: calc(var(--spacing) * 10);
}
.sm\:gap-\[15px\] {
gap: 15px;
}
.sm\:gap-\[30px\] {
gap: 30px;
}
.sm\:gap-\[40px\] {
gap: 40px;
}
.sm\:gap-\[50px\] {
gap: 50px;
}
.sm\:gap-\[60px\] {
gap: 60px;
}
.sm\:gap-y-\[40px\] {
row-gap: 40px;
}
.sm\:border-t-0 {
border-top-style: var(--tw-border-style);
border-top-width: 0px;
}
.sm\:border-b-\[2px\] {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 2px;
}
.sm\:px-\[30px\] {
padding-inline: 30px;
}
.sm\:px-\[40px\] {
padding-inline: 40px;
}
.sm\:py-15 {
padding-block: calc(var(--spacing) * 15);
}
.sm\:py-\[60px\] {
padding-block: 60px;
}
.sm\:pt-0 {
padding-top: 0px;
}
.sm\:pt-\[20px\] {
padding-top: 20px;
}
.sm\:pb-8 {
padding-bottom: calc(var(--spacing) * 8);
}
.sm\:pb-12 {
padding-bottom: calc(var(--spacing) * 12);
}
.sm\:pb-\[20px\] {
padding-bottom: 20px;
}
}
@media (width >= 820px) {
.md\:float-left {
float: left;
}
.md\:mr-10 {
margin-right: calc(var(--spacing) * 10);
}
.md\:mb-5 {
margin-bottom: calc(var(--spacing) * 5);
}
.md\:flow-root {
display: flow-root;
}
.md\:h-\[100px\] {
height: 100px;
}
.md\:w-1\/2 {
width: calc(1 / 2 * 100%);
}
.md\:w-\[38\%\] {
width: 38%;
}
.md\:w-\[100px\] {
width: 100px;
}
.md\:w-\[calc\(50vw-7\.5px\)\] {
width: calc(50vw - 7.5px);
}
.md\:w-auto {
width: auto;
}
.md\:max-w-none {
max-width: none;
}
.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\:grid-cols-\[45\%_1fr\] {
grid-template-columns: 45% 1fr;
}
.md\:grid-cols-\[60\%_1fr\] {
grid-template-columns: 60% 1fr;
}
.md\:grid-cols-\[400px_1fr\] {
grid-template-columns: 400px 1fr;
}
.md\:flex-row {
flex-direction: row;
}
.md\:items-center {
align-items: center;
}
.md\:items-end {
align-items: flex-end;
}
.md\:gap-5 {
gap: calc(var(--spacing) * 5);
}
.md\:gap-7\.5 {
gap: calc(var(--spacing) * 7.5);
}
.md\:gap-\[10px\] {
gap: 10px;
}
.md\:gap-\[30px\] {
gap: 30px;
}
.md\:gap-\[50px\] {
gap: 50px;
}
.md\:p-\[30px\] {
padding: 30px;
}
.md\:\!px-0 {
padding-inline: 0px !important;
}
.md\:px-10 {
padding-inline: calc(var(--spacing) * 10);
}
.md\:px-15 {
padding-inline: calc(var(--spacing) * 15);
}
.md\:px-\[0px\] {
padding-inline: 0px;
}
.md\:px-\[20px\] {
padding-inline: 20px;
}
.md\:px-\[30px\] {
padding-inline: 30px;
}
.md\:px-\[35px\] {
padding-inline: 35px;
}
.md\:px-\[40px\] {
padding-inline: 40px;
}
.md\:py-0 {
padding-block: 0px;
}
.md\:py-15 {
padding-block: calc(var(--spacing) * 15);
}
.md\:py-50 {
padding-block: calc(var(--spacing) * 50);
}
.md\:py-\[40px\] {
padding-block: 40px;
}
.md\:pt-\[30px\] {
padding-top: 30px;
}
.md\:pt-\[50px\] {
padding-top: 50px;
}
.md\:pr-\[30px\] {
padding-right: 30px;
}
.md\:pr-\[50px\] {
padding-right: 50px;
}
.md\:\!pb-0 {
padding-bottom: 0px !important;
}
.md\:pb-20 {
padding-bottom: calc(var(--spacing) * 20);
}
.md\:pb-26 {
padding-bottom: calc(var(--spacing) * 26);
}
.md\:pb-\[30px\] {
padding-bottom: 30px;
}
.md\:pl-\[50px\] {
padding-left: 50px;
}
.md\:text-\[17px\] {
font-size: 17px;
}
.md\:text-\[18px\] {
font-size: 18px;
}
.md\:text-\[24px\] {
font-size: 24px;
}
.md\:text-\[26px\] {
font-size: 26px;
}
.md\:text-\[35px\] {
font-size: 35px;
}
}
@media (width >= 1024px) {
.lg\:right-\[24px\] {
right: 24px;
}
.lg\:flex {
display: flex;
}
.lg\:h-\[28\%\] {
height: 28%;
}
.lg\:w-auto {
width: auto;
}
.lg\:max-w-60 {
max-width: calc(var(--spacing) * 60);
}
.lg\:max-w-\[60vw\] {
max-width: 60vw;
}
.lg\:min-w-60 {
min-width: calc(var(--spacing) * 60);
}
.lg\:flex-1 {
flex: 1;
}
.lg\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.lg\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.lg\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.lg\:grid-cols-\[1fr_340px\] {
grid-template-columns: 1fr 340px;
}
.lg\:grid-cols-\[30\%_1fr\] {
grid-template-columns: 30% 1fr;
}
.lg\:grid-cols-\[50\%_1fr\] {
grid-template-columns: 50% 1fr;
}
.lg\:flex-row {
flex-direction: row;
}
.lg\:flex-wrap {
flex-wrap: wrap;
}
.lg\:gap-12 {
gap: calc(var(--spacing) * 12);
}
.lg\:gap-20 {
gap: calc(var(--spacing) * 20);
}
.lg\:gap-26 {
gap: calc(var(--spacing) * 26);
}
.lg\:gap-\[8px\] {
gap: 8px;
}
.lg\:gap-\[20px\] {
gap: 20px;
}
.lg\:gap-\[30px\] {
gap: 30px;
}
.lg\:gap-\[50px\] {
gap: 50px;
}
.lg\:gap-\[80px\] {
gap: 80px;
}
.lg\:gap-\[100px\] {
gap: 100px;
}
.lg\:gap-x-20 {
column-gap: calc(var(--spacing) * 20);
}
.lg\:gap-y-20 {
row-gap: calc(var(--spacing) * 20);
}
.lg\:border {
border-style: var(--tw-border-style);
border-width: 1px;
}
.lg\:border-y-0 {
border-block-style: var(--tw-border-style);
border-block-width: 0px;
}
.lg\:border-r-0 {
border-right-style: var(--tw-border-style);
border-right-width: 0px;
}
.lg\:border-l {
border-left-style: var(--tw-border-style);
border-left-width: 1px;
}
.lg\:p-\[30px\] {
padding: 30px;
}
.lg\:px-0 {
padding-inline: 0px;
}
.lg\:px-6 {
padding-inline: calc(var(--spacing) * 6);
}
.lg\:px-22 {
padding-inline: calc(var(--spacing) * 22);
}
.lg\:px-\[20px\] {
padding-inline: 20px;
}
.lg\:px-\[30px\] {
padding-inline: 30px;
}
.lg\:px-\[40px\] {
padding-inline: 40px;
}
.lg\:px-\[90px\] {
padding-inline: 90px;
}
.lg\:px-\[calc\(6\.25rem\+20px\)\] {
padding-inline: calc(6.25rem + 20px);
}
.lg\:py-0 {
padding-block: 0px;
}
.lg\:py-15 {
padding-block: calc(var(--spacing) * 15);
}
.lg\:py-\[8px\] {
padding-block: 8px;
}
.lg\:py-\[20px\] {
padding-block: 20px;
}
.lg\:py-\[40px\] {
padding-block: 40px;
}
.lg\:py-\[50px\] {
padding-block: 50px;
}
.lg\:pt-24 {
padding-top: calc(var(--spacing) * 24);
}
.lg\:pr-0 {
padding-right: 0px;
}
.lg\:pr-10 {
padding-right: calc(var(--spacing) * 10);
}
.lg\:pr-12\.5 {
padding-right: calc(var(--spacing) * 12.5);
}
.lg\:pb-12\.5 {
padding-bottom: calc(var(--spacing) * 12.5);
}
.lg\:pb-24 {
padding-bottom: calc(var(--spacing) * 24);
}
.lg\:pb-26 {
padding-bottom: calc(var(--spacing) * 26);
}
.lg\:pb-\[80px\] {
padding-bottom: 80px;
}
.lg\:pl-6 {
padding-left: calc(var(--spacing) * 6);
}
.lg\:text-\[15px\] {
font-size: 15px;
}
.lg\:after\:absolute::after {
content: var(--tw-content);
position: absolute;
}
.lg\:after\:inset-y-0::after {
content: var(--tw-content);
inset-block: 0px;
}
.lg\:after\:left-1\/2::after {
content: var(--tw-content);
left: calc(1 / 2 * 100%);
}
.lg\:after\:w-px::after {
content: var(--tw-content);
width: 1px;
}
.lg\:after\:-translate-x-1\/2::after {
content: var(--tw-content);
--tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.lg\:after\:bg-violet::after {
content: var(--tw-content);
background-color: var(--color-violet);
}
.lg\:after\:content-\[\'\'\]::after {
--tw-content: '';
content: var(--tw-content);
}
}
@media (width >= 1100px) {
.min-\[1100px\]\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (width >= 1180px) {
.lgl\:bottom-\[33\%\] {
bottom: 33%;
}
.lgl\:block {
display: block;
}
.lgl\:flex {
display: flex;
}
.lgl\:hidden {
display: none;
}
.lgl\:h-\[30\%\] {
height: 30%;
}
.lgl\:h-\[calc\(var\(--vh\,1vh\)\*100-137px\)\] {
height: calc(var(--vh,1vh) * 100 - 137px);
}
.lgl\:min-h-\[30vh\] {
min-height: 30vh;
}
.lgl\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.lgl\:grid-cols-\[38\%_1fr\] {
grid-template-columns: 38% 1fr;
}
.lgl\:p-11\.25 {
padding: calc(var(--spacing) * 11.25);
}
.lgl\:p-\[25px\] {
padding: 25px;
}
.lgl\:px-21\.25 {
padding-inline: calc(var(--spacing) * 21.25);
}
.lgl\:pt-\[60px\] {
padding-top: 60px;
}
.lgl\:pt-\[137px\] {
padding-top: 137px;
}
@supports (height:100svh) {
.lgl\:supports-\[height\:100svh\]\:h-\[calc\(100svh-137px\)\] {
height: calc(100svh - 137px);
}
}
}
@media (width >= 1350px) {
.xl\:h-\[135px\] {
height: 135px;
}
.xl\:w-\[135px\] {
width: 135px;
}
.xl\:grid-cols-\[1fr_1fr\] {
grid-template-columns: 1fr 1fr;
}
.xl\:grid-cols-\[38\%_1fr\] {
grid-template-columns: 38% 1fr;
}
.xl\:grid-cols-\[45\%_1fr\] {
grid-template-columns: 45% 1fr;
}
.xl\:gap-40 {
gap: calc(var(--spacing) * 40);
}
.xl\:pr-\[50px\] {
padding-right: 50px;
}
.xl\:pr-\[100px\] {
padding-right: 100px;
}
.xl\:pl-\[100px\] {
padding-left: 100px;
}
.xl\:text-\[22px\] {
font-size: 22px;
}
.xl\:text-\[55px\] {
font-size: 55px;
}
.xl\:text-\[60px\] {
font-size: 60px;
}
}
@media (width >= 1440px) {
.xxl\:-ml-\[calc\(6\.25rem\+20px\)\] {
margin-left: calc(calc(6.25rem + 20px) * -1);
}
.xxl\:h-\[20\%\] {
height: 20%;
}
.xxl\:px-\[70px\] {
padding-inline: 70px;
}
}
.\[\&\>\*\:last-child\]\:mb-0 > :last-child {
margin-bottom: 0px;
}
.container {
width: 100%;
position: relative;
margin: 0 auto;
max-width: 1344px;
padding-inline: 20px;
}
.container.full {
max-width: 100%;
padding-inline: 20px;
@media (width >= 1350px) {
padding-inline: 90px;
}
}
.container.small {
max-width: 1050px;
}
}
@layer components {
.screen-reader-text, .gform_validation_errors, .gform_required_legend, .wpadminbar {
display: none !important;
}
html {
overflow-x: hidden;
-webkit-text-size-adjust: 100%;
}
body {
font-family: var(--font-dmSans);
overflow-x: hidden;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
opacity: 1;
background-color: #ffffff;
transition: 1s opacity;
}
body.fade-out {
opacity: 0;
}
body.ie {
opacity: 1 !important;
}
img.aligncenter {
margin: 20px auto;
display: inline-block;
}
.wysiwyg-container a:not(.primary, .secondary, .border-button), .btn-link {
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
color: var(--color-sunset);
text-decoration-line: underline;
}
.simple-sitemap-container a, ul.ss-top-level a {
color: black !important;
}
.simple-sitemap-container a:hover, ul.ss-top-level a:hover {
color: var(--color-sunset) !important;
}
h1, h2, h3, h4, h5, h6 {
margin-bottom: 20px;
--tw-leading: var(--leading-tight);
line-height: var(--leading-tight);
--tw-font-weight: var(--font-weight-bold);
font-weight: var(--font-weight-bold);
--tw-tracking: var(--tracking-normal);
letter-spacing: var(--tracking-normal);
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
--tw-font-weight: var(--font-weight-bold);
font-weight: var(--font-weight-bold);
}
h1 {
margin-bottom: 20px;
font-size: var(--text-custom-h1);
--tw-leading: var(--leading-tight);
line-height: var(--leading-tight);
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
}
.wysiwyg-container h2 {
font-size: 1.65rem;
@media (width >= 820px) {
font-size: var(--text-custom-h2);
}
}
.wysiwyg-container h3 {
font-size: 1.5rem;
@media (width >= 820px) {
font-size: var(--text-custom-h3);
}
}
.block-content h3 {
font-size: 1.25rem;
@media (width >= 820px) {
font-size: var(--text-custom-h4);
}
}
.wysiwyg-container li, .wysiwyg-container p {
font-size: var(--text-custom-paragraph);
--tw-leading: var(--leading-relaxed);
line-height: var(--leading-relaxed);
}
.wysiwyg-container li:last-child {
margin-bottom: 0;
}
.column-content h2 {
margin-bottom: calc(var(--spacing) * 5);
font-size: var(--text-custom-h4);
--tw-font-weight: var(--font-weight-normal);
font-weight: var(--font-weight-normal);
}
.wysiwyg-container ul {
list-style-type: disc;
padding-left: 15px;
margin-bottom: 20px;
}
.wysiwyg-container ul li::marker {
color: var(--color-sunset);
}
.product-excerpt ul {
list-style-type: disc;
padding-left: 15px;
margin-bottom: 20px;
}
.product-excerpt ul li::marker {
color: var(--color-sunset);
}
.product-excerpt ul li {
margin-bottom: 12px;
}
@media screen and (max-width: 850px) {
h1 br, h2 br, h3 br, h4 br {
display: none;
}
}
a {
transition: 0.2s all ease-in-out;
}
p, a, li {
font-weight: 400;
margin-bottom: 20px;
color: black;
}
p span {
font-weight: normal;
}
hr {
width: 100%;
height: 2px;
border: 0;
background-color: var(--color-violet);
margin: 20px 0;
}
.bg-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
pointer-events: none;
z-index: 0;
}
.container {
width: 100%;
position: relative;
margin: 0 auto;
max-width: 1344px;
}
.container.full {
max-width: 100%;
padding-inline: 20px;
@media (width >= 1350px) {
padding-inline: 90px;
}
}
.container.small {
max-width: 1050px;
}
.wysiwyg-container .table-wrap {
width: 100%;
margin-bottom: 40px;
overflow: auto;
}
body:not(.woocommerce-page) .wysiwyg-container .table-wrap table {
table-layout: fixed;
width: 100%;
border-collapse: collapse;
border: 1px solid var(--color-darkGrey);
}
body:not(.woocommerce-page) .wysiwyg-container .table-wrap table tr {
text-align: left;
}
body:not(.woocommerce-page) .wysiwyg-container .table-wrap table tr td {
padding: 10px;
color: black;
border: 1px solid black;
}
body:not(.woocommerce-page) .wysiwyg-container .table-wrap table thead tr {
background-color: var(--color-lightGrey);
}
body:not(.woocommerce-page) .wysiwyg-container .table-wrap table thead tr td, body:not(.woocommerce-page) .wysiwyg-container .table-wrap table tbody tr td {
border-bottom: 1px solid var(--color-darkGrey);
overflow-wrap: break-word;
}
body:not(.woocommerce-page) .wysiwyg-container .table-wrap table tbody tr:nth-child(even) td {
background-color: #f2f2f2;
}
body:not(.woocommerce-page) .wysiwyg-container .table-wrap table thead tr td {
font-weight: 600;
}
body:not(.woocommerce-page) .wysiwyg-container .table-wrap table tbody tr td p {
margin-bottom: 10px;
}
body:not(.woocommerce-page) .wysiwyg-container .table-wrap table tbody tr td p:last-child {
margin-bottom: 0;
}
@media screen and (max-width: 850px) {
body:not(.woocommerce-page) .wysiwyg-container .table-wrap {
overflow: auto;
}
body:not(.woocommerce-page) .wysiwyg-container .table-wrap table {
min-width: 700px;
width: 100%;
}
}
.content-wrap > *:last-child {
margin-bottom: 0;
}
.site-branding {
width: 100%;
}
.site-branding a.logo {
margin-bottom: 0px;
width: 100%;
}
.site-branding p {
flex-shrink: 0;
}
.site-branding svg path {
transition: ease-in-out 0.3s all;
}
.site-branding svg {
width: 100%;
height: auto;
display: block;
}
.section-heading .content-wrap > *:last-child {
margin-bottom: 0;
}
.search-form form {
position: relative;
}
.search-form form button {
position: absolute;
left: 8px;
top: 50%;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transform: translateY(-50%);
}
.search-form form input[type="text"] {
padding: 6px 20px 6px 36px;
}
button.button, a.button, li.button > a {
position: relative;
overflow: hidden;
font-size: 15px;
transition: 0.3s all;
display: inline-flex;
align-items: center;
gap: 8px;
justify-content: center;
margin-bottom: 0;
text-align: center;
cursor: pointer;
text-decoration: none;
padding: 10px 36px;
color: white;
border-radius: 0;
font-weight: 600;
z-index: 1;
background-color: transparent;
border: 1px solid var(--color-sunset);
width: 100%;
--tw-tracking: 0.05em;
letter-spacing: 0.05em;
@media (width >= 650px) {
width: auto;
}
&:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--color-sunset);
z-index: -2;
}
&:after {
content: '';
width: calc(100% + 60px);
height: 101%;
display: block;
position: absolute;
top: 0;
right: calc(-100% - 30px);
background-color: white;
clip-path: polygon(30px 0%, 100% 0%, calc(100% - 30px) 100%, 0% 100%);
transition: 1s all;
z-index: -1;
}
&:hover {
color: var(--color-themeBlue);
&:after {
right: -30px;
}
}
}
.add-to-basket-btn:after {
background-color: var(--color-titanWhite);
}
.button.primary, .woocommerce-cart .woocommerce-cart-form .actions button[name="update_cart"] {
border-color: var(--color-themeBlue);
&:before {
background-color: var(--color-themeBlue);
}
&:after {
background-color: var(--color-sunset);
}
&:hover {
color: white;
}
}
.button:disabled {
opacity: 0.5;
cursor: not-allowed;
pointer-events: none;
}
.button.secondary:hover {
color: var(--color-themeBlue);
}
.icon-button, a.button.icon-button {
padding: 7px 25px;
border-color: var(--color-themeBlue);
background-color: var(--color-themeBlue);
&:before, &:after {
content: none;
}
&:hover {
color: var(--color-themeBlue);
background-color: white;
}
}
.border-button, a.border-button, button.border-button, .woocommerce-cart .wc-proceed-to-checkout .keep-shopping {
color: var(--color-themeBlue);
background-color: white;
border: 2px solid var(--color-themeBlue);
padding: 10px 20px;
text-align: center;
&:before, &:after {
content: none !important;
}
&:hover {
color: white;
border-color: var(--color-themeBlue);
background-color: var(--color-themeBlue);
}
&.white:hover {
color: white;
border-color: white;
}
}
.blue-gradient {
background-image: linear-gradient(to right, var(--color-themeBlue), #0B0328);
}
.blue-gradient-up {
background-image: linear-gradient(to top, var(--color-themeBlue), #0B0328);
}
.blue-gradient.to-left {
background-image: linear-gradient(to left, var(--color-themeBlue), #0B0328);
}
.violet-gradient {
background-image: linear-gradient(to right, #f0ecfa, var(--color-violet));
}
.violet-gradient-light {
background-image: linear-gradient(to right, #f2edfa, #e7ddfb);
}
.text-white > p {
color: white;
}
.hamburger span {
height: 2px;
width: 100%;
border-radius: 2px;
background-color: var(--color-themeBlue);
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
--tw-duration: .3s;
transition-duration: .3s;
--tw-ease: var(--ease-in-out);
transition-timing-function: var(--ease-in-out);
}
.menu-toggle.active .hamburger span:nth-of-type(1) {
transform: translateY(9px) rotate(45deg);
}
.menu-toggle.active .hamburger span:nth-of-type(2) {
opacity: 0;
}
.menu-toggle.active .hamburger span:nth-of-type(3) {
transform: translateY(-9px) rotate(-45deg);
}
.two-buttons {
display: flex;
flex-wrap: wrap;
align-items: start;
justify-content: flex-start;
padding: 20px;
gap: 20px;
}
.two-buttons a.button {
margin-bottom: 0px;
width: 100%;
@media (width >= 650px) {
width: auto;
}
@media (width >= 1024px) {
margin-bottom: 20px;
}
}
.mobile-navigation.active {
top: 0;
}
.social-share ul, .social-navigation ul {
display: flex;
width: 100%;
gap: calc(var(--spacing) * 3);
}
.social-navigation .container {
text-align: left;
@media (width >= 1024px) {
text-align: center;
}
}
.social-navigation ul {
margin: 0 auto;
width: auto;
display: inline-flex;
justify-content: center;
}
.social-navigation ul li {
width: auto;
margin: 0;
padding: 0;
}
.social-share ul li, .social-navigation ul li {
height: 35px;
width: 35px;
}
.social-share ul li a, .social-navigation ul li a {
margin-bottom: 0px;
display: flex;
align-items: center;
justify-content: center;
padding: 5px;
text-align: center;
vertical-align: middle;
font-size: 14px;
color: var(--color-white);
position: relative;
width: 100%;
height: 100%;
text-decoration: none;
background: white;
box-sizing: border-box;
clip-path: polygon( 30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30% );
transform: rotate(22.5deg);
}
.social-share ul li a::before, .social-navigation ul li a::before {
content: "";
position: absolute;
inset: 2px;
background: var(--color-themeBlue);
clip-path: inherit;
z-index: -1;
transition: 0.3s all;
}
.social-share ul li a i, .social-navigation ul li a i {
transform: rotate(-22.5deg);
}
.social-share ul li a:hover, .social-navigation ul li a:hover {
color: white;
}
.social-share ul li a:hover::before, .social-navigation ul li a:hover::before {
background: var(--color-sunset);
}
.main-navigation {
width: 100%;
display: flex;
justify-content: flex-end;
}
.main-navigation ul {
margin: 0;
display: flex;
align-items: center;
gap: 30px;
@media (width >= 1550px) {
gap: 50px;
}
}
.main-navigation ul li {
display: inline-flex;
margin: 0;
padding: 0;
align-items: center;
gap: 10px;
position: relative;
}
.main-navigation ul li.mobile-show {
display: inline-flex;
@media (width >= 1024px) {
display: none;
}
}
.main-navigation ul li .child-chevron {
color: white;
font-size: 12px;
}
.main-navigation ul li:not(.button) a {
color: white;
margin: 0;
padding: 20px 0;
}
.main-navigation ul li.button a {
padding: 8px 45px;
}
.main-navigation ul > li > .sub-wrap {
color: white;
background-color: var(--color-themeBlue);
width: 300px;
position: absolute;
bottom: 2px;
transform: translateY(100%);
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-in-out;
box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
}
@media screen and (max-width: 1440px) {
.main-navigation ul li a {
font-size: 15px;
}
.main-navigation ul > li > .sub-wrap {
width: 260px;
}
}
.main-navigation ul > li > .sub-wrap ul {
flex-direction: column;
gap: 0;
align-items: flex-start;
justify-content: flex-start;
padding: 10px 0;
}
.main-navigation ul > li > .sub-wrap ul li {
width: 100%;
gap: 10px;
position: relative;
justify-content: space-between;
letter-spacing: normal;
padding: 10px 20px;
}
.main-navigation ul > li > .sub-wrap ul li > .sub-wrap {
top: -10px;
left: 100%;
bottom: auto;
transform: none;
}
.main-navigation ul > li > .sub-wrap ul li > a {
font-size: 14px;
padding: 0;
&:hover {
@media (hover: hover) {
opacity: 70%;
}
}
}
.main-navigation ul > li > .sub-wrap ul li.current-menu-item > a {
opacity: 70%;
}
.main-navigation ul > li > .sub-wrap ul li:last-child {
margin-bottom: 0;
}
.main-navigation ul > li.menu-item-has-children.active-hover > a, .main-navigation ul > li.menu-item-has-children > a:hover {
opacity: 1;
}
.main-navigation ul > li:hover > .sub-wrap {
opacity: 1;
visibility: visible;
transition: all 0.3s ease-in-out;
}
.main-navigation > ul > li > .sub-wrap.align-right {
left: auto;
right: 0;
}
#mobile-navigation {
background-color: white;
position: fixed;
top: -100%;
left: 0;
width: 100%;
height: calc(var(--vh, 1vh) * 100);
z-index: 500;
overflow: hidden;
transition: all 700ms cubic-bezier(0.4, 0, 0.2, 1);
display: flex;
flex-direction: column;
flex-wrap: wrap;
align-content: flex-start;
padding-top: 100px;
padding-bottom: 20px;
}
@media (min-width: 1180px) {
#mobile-navigation {
display: none;
}
}
#mobile-navigation.active {
top: 0;
z-index: 600;
}
#mobile-navigation .navigation ul {
display: block;
width: 100%;
margin: 0;
list-style: none;
}
#mobile-navigation .navigation ul > li {
display: block;
width: 100%;
position: relative;
margin: 0;
padding: 14px 0;
border-bottom: 1px solid var(--color-themeBlue);
}
#mobile-navigation .navigation ul > li:last-child {
border-bottom: none;
}
#mobile-navigation .navigation ul > li.current-menu-item > a {
color: var(--color-themeBlue);
}
#mobile-navigation .navigation ul > li a {
font-weight: 500;
}
#mobile-navigation .navigation ul > li a:hover {
color: var(--color-sunset);
}
#mobile-navigation .navigation ul li.menu-item-has-children > ul.sub-menu {
position: static;
display: none;
opacity: 1;
pointer-events: auto;
height: auto;
padding-top: 10px;
transform: none;
transition: none;
max-height: none;
}
#mobile-navigation .navigation ul li.menu-item-has-children > ul.sub-menu > li {
border-bottom: none;
padding: 10px 15px;
}
#mobile-navigation .navigation ul li.menu-item-has-children.level-0 > ul.sub-menu > li:first-child {
border-top: 1px solid var(--color-themeBlue);
}
#mobile-navigation .navigation ul li.menu-item-has-children > ul.sub-menu > li a {
font-size: 16px;
font-weight: 400;
}
#mobile-navigation .navigation ul li .menu-expand {
cursor: pointer;
position: absolute;
z-index: 10;
padding: 10px;
top: 16px;
right: 0;
width: 23px;
height: 23px;
display: flex;
align-items: center;
justify-content: center;
transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
#mobile-navigation .navigation ul li .menu-expand i {
color: var(--color-themeBlue);
font-family: var(--font-fontAwesome);
font-weight: 300;
font-size: 16px;
}
#mobile-navigation .navigation ul li .menu-expand.active {
transform: rotate(180deg);
}
#mobile-navigation .navigation ul li .menu-expand.active i {
color: var(--color-themeBlue);
}
#mobile-navigation .nav-footer p a:hover {
color: var(--color-themeBlue);
}
#mobile-navigation li.button > a {
position: static;
overflow: visible;
display: inline-block;
width: auto;
padding: 0;
background-color: transparent;
border: none;
border-radius: 0;
color: black;
font-size: inherit;
font-weight: 500;
letter-spacing: normal;
text-decoration: none;
text-align: left;
margin-bottom: 0;
z-index: auto;
}
#mobile-navigation li.button > a:before, #mobile-navigation li.button > a:after {
content: none !important;
}
#mobile-navigation li.button > a:hover {
color: var(--color-themeBlue);
}
#mobile-navigation .social-navigation {
position: relative;
}
#mobile-navigation .social-navigation ul {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
gap: 10px;
list-style: none;
width: 100%;
padding-top: 10px;
}
.footer-menu ul li {
margin-bottom: 16px;
}
.footer-menu ul li:last-child {
margin-bottom: 0;
}
.footer-menu ul li a {
color: white;
margin: 0;
padding-bottom: 1px;
text-decoration: underline;
font-size: 17px;
}
.footer-menu ul li a:hover {
color: var(--color-sunset);
}
.terms-menu ul li {
margin-bottom: 0;
}
.terms-menu ul li a {
font-size: 14px;
padding-bottom: 1px;
text-decoration: underline;
}
.terms-menu ul li a:hover {
color: var(--color-sunset);
}
.breadcrumb a, .breadcrumb [property="name"] {
color: white;
transition: 0.3s all;
}
.breadcrumb a:hover {
text-decoration: underline;
}
.breadcrumb .breadcrumb-separator {
display: inline-block;
margin: 0 10px;
}
.image-text-banner .breadcrumb a, .image-text-banner .breadcrumb [property="name"], .image-text-banner .breadcrumb .breadcrumb-separator, .text-banner .breadcrumb a, .text-banner .breadcrumb [property="name"], .text-banner .breadcrumb .breadcrumb-separator, .post-banner .breadcrumb a, .post-banner .breadcrumb [property="name"], .post-banner .breadcrumb .breadcrumb-separator, .product-banner .breadcrumb a, .product-banner .breadcrumb [property="name"], .product-banner .breadcrumb .breadcrumb-separator, .shop-banner .breadcrumb a, .shop-banner .breadcrumb [property="name"], .shop-banner .breadcrumb .breadcrumb-separator, .form-banner .breadcrumb a, .form-banner .breadcrumb [property="name"], .form-banner .breadcrumb .breadcrumb-separator, .team-member-banner .breadcrumb a, .team-member-banner .breadcrumb [property="name"], .team-member-banner .breadcrumb .breadcrumb-separator {
color: black !important;
}
.form-banner .form-card {
position: relative;
}
.form-banner .form-card-accent {
position: absolute;
top: 20px;
right: -10px;
bottom: -10px;
width: 10px;
background-color: var(--color-mustard);
z-index: 0;
}
.banner-tri {
position: absolute;
width: 30%;
height: 40%;
top: 0;
right: 0;
z-index: 1;
clip-path: polygon(100% 0, 0 0, 100% 100%);
}
@media (max-width: 1180px) {
section.text-banner .bg-img {
width: 110%;
height: 110%;
object-position: left;
}
.banner-tri {
width: 40%;
max-height: 200px;
}
}
@media (max-width: 768px) {
.banner-tri {
width: 50%;
height: 25%;
max-height: 150px;
}
}
.hero-banner .image {
overflow: hidden;
}
.hero-banner .image:before, .hero-banner .image:after {
content: '';
position: absolute;
left: 0;
top: 0;
display: block;
width: 60%;
height: 100%;
z-index: 10;
opacity: 1;
pointer-events: none;
}
.hero-banner .image:before {
background: linear-gradient(to right,rgba(0, 0, 0, 0.9) 0,rgba(0, 0, 0, 0.65) 70%,rgba(0, 0, 0, 0) 100%);
}
.hero-banner .image:after {
width: 25%;
opacity: 0.6;
left: auto;
right: 0;
background: linear-gradient(to left,rgba(0, 0, 0, 0.9) 0,rgba(0, 0, 0, 0.65) 70%,rgba(0, 0, 0, 0) 100%);
}
.hero-banner:after {
content: '';
bottom: 0;
left: 0;
position: absolute;
opacity: 0.7;
width: 100%;
height: 45%;
background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0) 100%);
}
.home-hero-banner .down-bar {
clip-path: polygon(0% 0%, 100% 100%, 100% 100%, 0% 100%);
}
.home-hero-banner .triangle {
width: 40%;
height: 100%;
position: absolute;
bottom: 0;
left: 0;
clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 100%);
}
.hero-banner .banner-content p {
color: white;
}
.hero-banner .hero-angles {
clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 0% 100%);
}
.hero-banner .hero-angles .triangle {
width: 40%;
height: 100%;
position: absolute;
bottom: 0;
right: 0;
clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 0% 0%);
}
.trap-clip {
clip-path: polygon(14% 0%, 100% 0%, 86% 100%, 0% 100%);
}
@media screen and (max-width: 820px) {
.trap-clip {
clip-path: polygon(50px 0%, 100% 0%, calc(100% - 50px) 100%, 0% 100%);
}
.hero-banner .hero-angles .triangle {
width: 70%;
}
}
.hero-banner + section.pt-0 {
margin-top: 30px;
}
.octagon {
display: flex;
align-items: center;
justify-content: center;
position: relative;
width: 35px;
height: 35px;
text-decoration: none;
background: black;
box-sizing: border-box;
clip-path: polygon( 30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30% );
transform: rotate(22.5deg);
transition: 0.3s all;
}
.octagon::before {
content: "";
position: absolute;
inset: 2px;
background: white;
clip-path: inherit;
z-index: -1;
transition: 0.3s all;
}
.octagon i {
transform: rotate(-22.5deg);
margin: 0;
}
.octagon.lrg {
width: 135px;
height: 135px;
}
.octagon.blue-gradient:before {
background-color: var(--color-themeBlue);
background-image: linear-gradient(to right, var(--color-themeBlue), #0B0328);
}
.down:hover .octagon {
transform: rotate(22.5deg) scale(1.05);
i {
color: white;
}
&:before {
background-color: var(--color-themeBlue);
}
}
section .bg-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
pointer-events: none;
z-index: 0;
}
.image-col .triangle {
width: 70%;
height: 70%;
position: absolute;
top: 0;
left: 0px;
clip-path: polygon(0 0, 0 100%, 100% 30%);
transform: rotate(-35deg);
}
.image-col .triangle.lrg {
width: 100%;
height: 80%;
left: auto;
right: 30px;
top: auto;
bottom: 0;
transform: rotate(150deg);
}
.team-member-banner .image-col .triangle {
width: 115%;
height: 300px;
left: -10%;
top: 16%;
transform: rotate(135deg);
clip-path: polygon(0 0, 0 100%, 100% 70%);
}
.gallery-section .corner-triangle {
position: absolute;
width: 400px;
height: 210px;
top: 0;
left: 0px;
clip-path: polygon(0 0, 0 100%, 100% 30%);
transform: rotate(-35deg);
}
.image-content-block .image-col {
order: 1;
}
.image-content-block .content-col {
order: 2;
}
.image-content-block.image-right {
grid-template-columns: repeat(1, minmax(0, 1fr));
@media (width >= 820px) {
grid-template-columns: 1fr 52%;
}
@media (width >= 1024px) {
grid-template-columns: 1fr 55%;
}
}
.events-intro .image-content-block.image-right {
grid-template-columns: repeat(1, minmax(0, 1fr));
@media (width >= 820px) {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.video-and-content .media-right, .rise-bg .image-content-block.image-right {
grid-template-columns: repeat(1, minmax(0, 1fr));
@media (width >= 820px) {
grid-template-columns: 1fr 55%;
}
@media (width >= 1350px) {
grid-template-columns: 1fr 65%;
}
}
.video-and-content .media-right .image-col, .image-content-block.image-right .image-col {
order: 2;
}
.video-and-content .media-right .content-col, .image-content-block.image-right .content-col {
order: 1;
}
@media screen and (max-width: 1024px) {
.video-and-content .media-right .image-col, .image-content-block.image-right .image-col, .image-content-block .image-col {
order: 1;
}
.video-and-content .media-right .content-col, .image-content-block.image-right .content-col, .image-content-block .content-col {
order: 2;
}
}
.clip-mask {
clip-path: polygon(0% 0%, 100% 5vw, 100% 100%, 0% calc(100% - 5vw));
}
.clip-mask.right-up {
clip-path: polygon(0% 5vw, 100% 0%, 100% calc(100% - 5vw), 0% 100%);
}
section .section-triangle {
width: calc(50vw - 20px);
height: 22vw;
position: absolute;
top: 0;
}
@media screen and (max-width: 400px) {
section .section-triangle {
width: calc(65vw - 20px);
height: 35vw;
}
}
section .section-triangle.left {
left: 0px;
clip-path: polygon(0 0%, 0% 100%, 100% 100%);
background-color: var(--color-violet);
}
section .section-triangle.right {
left: auto;
right: 0;
clip-path: polygon(0 100%, 100% 100%, 100% 0%);
background-color: var(--color-violet);
}
.pricing-blocks .section-triangle.right {
top: -2.5vw;
width: calc(25vw - 10px);
height: 11vw;
clip-path: polygon(0% 0, 100% 100%, 100% 0%);
}
@media screen and (max-width: 768px) {
.pricing-blocks .section-triangle.right {
top: -7vw;
width: calc(40vw - 10px);
height: 15vw;
}
}
@media screen and (max-width: 400px) {
.pricing-blocks .section-triangle.right {
width: calc(32.5vw - 10px);
height: 17.5vw;
}
}
section .section-triangle.left.bottom-triangle {
bottom: 0;
top: auto;
clip-path: polygon(0 0%, 0% 100%, 100% 0%);
}
.clip-mask-section .column .triangle.tri-2 {
position: absolute;
width: 90%;
height: 25vw;
max-height: 360px;
left: auto;
right: 0;
top: 0;
bottom: 0;
background-color: var(--color-sunset);
transform: translateY(-15%) rotate(200deg);
clip-path: polygon(0 0, 0 100%, 100% 70%);
}
@media screen and (max-width: 1180px) {
.clip-mask-section .column .triangle.tri-2 {
width: 50%;
}
}
@media screen and (max-width: 1024px) {
.clip-mask-section .column .triangle.tri-2 {
width: 80%;
height: 40vw;
top: 20px;
}
}
.swiper-pagination .swiper-pagination-bullet {
background-color: white !important;
}
.page-block > .triangle {
position: absolute;
width: 80%;
height: 250px;
left: auto;
right: 0;
top: 0;
bottom: 0;
z-index: -1;
background-color: var(--color-sunset);
transform: translateY(-10%) rotate(-30deg);
clip-path: polygon(0 0, 0 100%, 100% 30%);
}
.page-block:nth-of-type(odd) > .triangle {
left: 0;
right: auto;
clip-path: polygon(0 0, 0 100%, 100% 30%);
background-color: var(--color-violet);
}
.page-block:nth-of-type(even) > .triangle {
left: auto;
right: 0;
top: auto;
bottom: 0;
transform: translateY(10%) rotate(-30deg);
clip-path: polygon(100% 0, 0 70%, 100% 100%);
background-color: var(--color-sunset) !important;
}
.post-col .triangle {
width: 50%;
height: 26%;
position: absolute;
top: auto;
bottom: 4%;
left: 7%;
clip-path: polygon(10% 0, 0 100%, 100% 100%);
background-color: var(--color-mustard);
transform: rotate(20deg);
}
.post-col .triangle.lrg {
width: 100%;
height: 70%;
left: auto;
right: 8%;
top: 10%;
bottom: auto;
clip-path: polygon(0 0, 0 100%, 100% 70%);
background-color: var(--color-sunset);
transform: rotate(-150deg);
}
.featured-team-members .team-col {
min-width: 0;
}
.featured-team-members .team-members-swiper {
overflow: hidden;
width: 100%;
}
.featured-team-members .team-members-swiper .swiper-slide {
height: auto;
}
.featured-team-members .team-members-swiper .team-block {
height: 100%;
}
.featured-team-members .team-members-pagination .swiper-pagination-bullet {
background-color: white;
opacity: 0.5;
}
.featured-team-members .team-members-pagination .swiper-pagination-bullet-active {
opacity: 1;
background-color: var(--color-mustard);
}
.featured-team-members .team-tri {
position: absolute;
clip-path: polygon(0 0, 100% 0, 100% 100%);
background-color: var(--color-mustard);
}
.featured-team-members .team-tri-1 {
width: 220px;
height: 220px;
top: -20px;
right: -20px;
}
.featured-team-members .team-tri-2 {
width: 150px;
height: 150px;
top: 80px;
right: 80px;
opacity: 0.5;
}
.team-block-image {
aspect-ratio: 3 / 4;
}
.team-block-image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top center;
}
.grid .section-triangle {
width: 50%;
height: 380px;
position: absolute;
top: 0;
left: 0px;
clip-path: polygon(0 0, 0 100%, 100% 30%);
background-color: var(--color-themeBlue);
transform: rotate(35deg);
}
.image-col .triangle {
width: 70%;
height: 70%;
position: absolute;
top: 0;
left: 0px;
clip-path: polygon(0 0, 0 100%, 100% 30%);
transform: rotate(-35deg);
}
.block > .triangle {
position: absolute;
width: 45%;
height: 12vw;
left: auto;
right: 0;
top: 0;
bottom: 0;
z-index: -1;
background-color: var(--color-sunset);
transform: translateY(-10%) rotate(-30deg);
clip-path: polygon(0 0, 0 100%, 100% 30%);
}
@media screen and (max-width: 768px) {
.block > .triangle {
width: 50%;
height: 30vw;
}
}
.careers-cta .block .tri-1 {
clip-path: polygon(0 0, 0 100%, 100% 70%);
}
.careers-cta .block .tri-2 {
clip-path: polygon(100% 0, 0 30%, 100% 100%);
}
.case-study-block > .triangle {
position: absolute;
width: 50%;
height: 130px;
left: auto;
right: 0;
top: 0;
z-index: 0;
clip-path: polygon(100% 0, 0 0, 100% 100%);
}
.career-block > .triangle {
position: absolute;
width: 80%;
height: 250px;
left: auto;
right: 0;
top: 0;
bottom: 0;
z-index: -1;
background-color: var(--color-sunset);
transform: translateY(-10%) rotate(-25deg);
clip-path: polygon(0 0, 0 100%, 100% 30%);
}
.career-block:nth-of-type(odd) > .triangle {
left: 0;
right: auto;
clip-path: polygon(0 0, 0 100%, 100% 30%);
background-color: var(--color-violet);
}
.career-block:nth-of-type(even) > .triangle {
left: auto;
right: 0;
top: auto;
bottom: 0;
transform: translateY(10%) rotate(-25deg);
clip-path: polygon(100% 0, 0 70%, 100% 100%);
background-color: var(--color-sunset) !important;
}
.three-column-blocks .child-page-block > .triangle {
width: 100%;
}
.three-column-blocks .child-page-block:nth-of-type(even) > .triangle {
display: none;
}
.child-page-block > .triangle {
position: absolute;
width: 60%;
height: 250px;
left: 0;
right: auto;
top: 0;
bottom: 0;
z-index: 0;
transform: translateY(-10%) rotate(-25deg);
clip-path: polygon(0 0, 0 100%, 100% 30%);
}
.child-page-block:nth-of-type(even) > .triangle {
left: auto;
right: 0;
top: auto;
bottom: 0;
transform: translateY(10%) rotate(-25deg);
clip-path: polygon(100% 0, 0 70%, 100% 100%);
}
.child-page-block > .triangle.tri-left {
left: 0;
right: auto;
top: 0;
bottom: auto;
transform: translateY(-10%) rotate(-25deg);
clip-path: polygon(0 0, 0 100%, 100% 30%);
}
.child-page-block > .triangle.tri-right {
left: auto;
right: 0;
top: auto;
bottom: 0;
transform: translateY(10%) rotate(-25deg);
clip-path: polygon(100% 0, 0 70%, 100% 100%);
}
.feature-blocks .blocks-wrapper > .triangle {
position: absolute;
clip-path: polygon(100% 0, 0 70%, 100% 100%);
z-index: 0;
pointer-events: none;
width: 25%;
height: 190px;
}
.feature-blocks .tri-1 {
top: 0;
left: -20px;
transform: rotate(-225deg);
}
.feature-blocks .tri-2 {
bottom: 0;
left: 0;
transform: rotate(-20deg);
clip-path: polygon(100% 0, 0 30%, 100% 100%) !important;
}
.feature-blocks .tri-3 {
top: -15px;
right: -20px;
transform: rotate(40deg);
}
.feature-blocks .tri-4 {
bottom: -15px;
right: -20px;
transform: rotate(155deg);
}
.programme-card .triangle.card-tri {
position: absolute;
width: 55%;
height: 55%;
top: 0;
right: 0;
clip-path: polygon(100% 0, 0 0, 100% 100%);
opacity: 0.25;
}
.map-section .map-embed {
position: relative;
width: 100%;
aspect-ratio: 16 / 6;
overflow: hidden;
}
.map-section .map-embed iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
border: 0;
}
.participants-modal {
position: fixed;
inset: 0;
z-index: 9999;
display: flex;
align-items: center;
justify-content: center;
}
.participants-modal.hidden {
display: none;
}
.participants-modal .modal-overlay {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.55);
}
.participants-modal .modal-close {
background: none;
border: none;
cursor: pointer;
font-size: 1.5rem;
line-height: 1;
color: var(--color-themeBlue);
}
#get-in-touch-modal .gform_fields {
grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
}
.module-tray-items, .module-tray-panel {
scrollbar-width: thin;
scrollbar-color: var(--color-themeBlue) transparent;
}
.module-tray-items::-webkit-scrollbar, .module-tray-panel::-webkit-scrollbar {
width: 6px;
}
.module-tray-items::-webkit-scrollbar-track, .module-tray-panel::-webkit-scrollbar-track {
background: transparent;
}
.module-tray-items::-webkit-scrollbar-thumb, .module-tray-panel::-webkit-scrollbar-thumb {
background-color: var(--color-themeBlue);
border-radius: 4px;
}
#module-tray-chevron.active {
transform: rotate(180deg);
}
.cart-count {
position: absolute;
top: -8px;
right: -8px;
min-width: 20px;
height: 20px;
background-color: var(--color-sunset);
color: white;
border-radius: 50%;
font-size: 11px;
font-weight: 700;
display: flex;
align-items: center;
justify-content: center;
padding: 0 4px;
pointer-events: none;
z-index: 10;
}
.cart-count.hidden {
display: none;
}
#add-to-cart-toast {
position: fixed;
bottom: 90px;
left: 50%;
transform: translateX(-50%) translateY(20px);
background-color: var(--color-themeBlue);
color: white;
border: 1px solid white;
padding: 14px 28px;
font-size: 15px;
font-weight: 500;
z-index: 99999;
opacity: 0;
transition: opacity 0.3s ease, transform 0.3s ease;
pointer-events: none;
white-space: nowrap;
}
#add-to-cart-toast.visible {
opacity: 1;
transform: translateX(-50%) translateY(0);
}
.cart-empty.woocommerce-info {
margin-top: 20px;
margin-bottom: 20px;
}
.woocommerce-cart .woocommerce {
padding-block: 20px;
}
.woocommerce-cart table.shop_table {
width: 100%;
border-collapse: collapse;
border: none;
margin: 0;
background: transparent;
}
.woocommerce-cart table.shop_table thead tr {
border-top: 2px solid var(--color-themeBlue);
border-bottom: 2px solid var(--color-themeBlue);
position: relative;
}
.woocommerce-cart table.shop_table thead tr:after {
content: '';
position: absolute;
bottom: 6px;
left: 0;
height: 2px;
width: 100%;
background-color: var(--color-themeBlue);
}
.woocommerce-cart table.shop_table thead th {
padding: 14px 20px;
font-size: 15px;
font-weight: 600;
color: var(--color-themeBlue);
text-align: left;
border: none;
background: transparent;
}
.woocommerce-cart table.shop_table thead th.product-price, .woocommerce-cart table.shop_table thead th.product-quantity, .woocommerce-cart table.shop_table thead th.product-subtotal {
text-align: left;
}
.woocommerce-cart table.shop_table tbody tr {
background-color: #ffffff;
background-color: transparent;
}
.woocommerce-cart table.shop_table tbody td {
padding: 20px;
vertical-align: middle;
border: none;
color: black;
background-color: var(--color-titanWhite);
border-bottom: 10px solid white;
border-top: 10px solid white;
}
.woocommerce-cart table.shop_table tbody td.actions {
background-color: transparent;
text-align: right;
}
.woocommerce-cart table.shop_table tbody td.actions .coupon .button, .woocommerce-cart table.shop_table tbody td.actions .coupon {
display: none !important;
}
.woocommerce-cart table.shop_table th.product-thumbnail, .woocommerce-cart table.shop_table td.product-thumbnail {
display: none;
}
.woocommerce-cart table.shop_table td.product-name {
font-weight: 600;
}
.woocommerce-cart table.shop_table td.product-name a {
color: black;
text-decoration: none;
font-weight: 600;
margin: 0;
}
.woocommerce-cart table.shop_table td.product-name a:hover {
color: var(--color-themeBlue);
}
.woocommerce-cart table.shop_table td.product-name .variation {
font-size: 13px;
font-weight: 400;
color: #666;
margin-top: 4px;
display: flex;
gap: 10px;
}
.woocommerce-cart table.shop_table td.product-name .variation p {
margin: 0;
font-size: 13px;
}
.woocommerce-cart table.shop_table td.product-price, .woocommerce-cart table.shop_table td.product-quantity, .woocommerce-cart table.shop_table td.product-subtotal {
text-align: left;
}
.woocommerce-cart table.shop_table td.product-remove {
width: 40px;
padding-right: 0;
}
.woocommerce-cart table.shop_table td.product-remove a.remove {
color: var(--color-sunset) !important;
font-size: 22px;
font-weight: 400;
margin: 0;
text-decoration: none;
display: flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
}
.woocommerce-cart table.shop_table td.product-quantity {
color: black !important;
}
.woocommerce-cart td.product-quantity .quantity {
display: flex;
align-items: center;
}
.woocommerce-cart td.product-quantity input.qty {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
color: black !important;
background-color: white !important;
width: 65px !important;
height: auto !important;
padding: 6px 8px !important;
font-size: 15px !important;
text-align: center !important;
border: 1px solid #d0cce8 !important;
border-radius: 0 !important;
-webkit-appearance: textfield !important;
appearance: textfield !important;
}
.woocommerce-cart td.product-quantity input.qty.quantity-locked {
cursor: default !important;
pointer-events: none;
-moz-appearance: textfield !important;
appearance: textfield !important;
}
.woocommerce-cart td.product-quantity input.qty.quantity-locked::-webkit-outer-spin-button, .woocommerce-cart td.product-quantity input.qty.quantity-locked::-webkit-inner-spin-button {
-webkit-appearance: none !important;
margin: 0;
}
.add-module-tooltip {
position: absolute;
background-color: var(--color-themeBlue);
color: white;
padding: 6px 14px;
font-size: 13px;
font-weight: 600;
white-space: nowrap;
border-radius: 4px;
z-index: 9999;
opacity: 0;
transform: translateY(4px);
transition: opacity 0.2s ease, transform 0.2s ease;
pointer-events: none;
}
.add-module-tooltip::after {
content: '';
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
border: 5px solid transparent;
border-top-color: var(--color-themeBlue);
}
.add-module-tooltip.visible {
opacity: 1;
transform: translateY(0);
}
.product-block .added_to_cart {
display: none;
}
.woocommerce-cart .woocommerce-cart-form .actions {
padding: 16px 0 16px 20px;
background: #ffffff;
border-top: 2px solid var(--color-themeBlue);
}
.woocommerce-cart .woocommerce-cart-form .actions .coupon {
display: none;
}
.woocommerce-cart .woocommerce-cart-form .actions button[name="update_cart"] {
font-size: 14px;
width: auto;
}
@media screen and (max-width: 680px) {
.woocommerce-cart table.shop_table, .woocommerce-cart table.shop_table tbody, .woocommerce-cart table.shop_table tr, .woocommerce-cart table.shop_table td {
display: block;
width: 100%;
}
.woocommerce-cart table.shop_table thead {
display: block;
}
.woocommerce-cart table.shop_table thead tr {
display: block;
border-bottom: 0;
}
.woocommerce-cart table.shop_table thead th {
display: none;
}
.woocommerce-cart table.shop_table thead th.product-name {
display: block;
width: 100%;
}
.woocommerce-cart table.shop_table tbody tr.woocommerce-cart-form__cart-item {
position: relative;
padding: 20px 20px 20px 20px;
background-color: var(--color-titanWhite);
margin-bottom: 10px;
border-bottom: none;
}
.woocommerce-cart table.shop_table tbody td {
padding: 4px 0;
border: none;
background: transparent;
text-align: left;
display: flex;
align-items: baseline;
gap: 8px;
}
.woocommerce-cart table.shop_table td[data-title]:before {
content: attr(data-title) ": ";
font-weight: 600;
font-size: 14px;
flex-shrink: 0;
color: black;
}
.woocommerce-cart table.shop_table td.product-name {
font-weight: 600;
font-size: 15px;
margin-bottom: 8px;
display: block;
}
.woocommerce-cart table.shop_table td.product-name:before {
display: none;
}
.woocommerce-cart table.shop_table td.product-remove {
position: absolute;
top: 16px;
right: 16px;
width: auto;
padding: 0;
}
.woocommerce-cart table.shop_table td.product-remove:before {
display: none;
}
.woocommerce-cart table.shop_table td.product-quantity input.qty {
width: 60px !important;
}
.woocommerce-cart table.shop_table tbody td.actions {
padding: 16px 0;
background: transparent;
text-align: right;
}
}
.woocommerce-cart .cart-collaterals {
display: flex;
justify-content: flex-end;
margin-top: 40px;
}
.woocommerce-cart .cart_totals {
width: 100%;
max-width: 420px;
}
.woocommerce-cart .cart_totals h2 {
display: none;
}
.woocommerce-cart .cart_totals table.shop_table {
border-top: 2px solid var(--color-themeBlue);
}
.woocommerce-cart .cart_totals table.shop_table th, .woocommerce-cart .cart_totals table.shop_table td {
padding: 14px 0;
border: none;
border-bottom: 2px solid var(--color-themeBlue);
font-size: 15px;
background: transparent;
}
.woocommerce-cart .cart_totals table th {
font-weight: 400;
text-align: right;
color: black;
padding-right: 24px;
}
.woocommerce-cart .cart_totals table td {
text-align: right;
font-weight: 600;
color: black;
}
.woocommerce-cart .cart_totals tr.order-total th, .woocommerce-cart .cart_totals tr.order-total td {
font-size: 17px;
}
.woocommerce-cart .wc-proceed-to-checkout {
display: flex;
flex-wrap: wrap;
gap: 12px;
align-items: center;
justify-content: flex-end;
padding: 24px 0 0;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout .keep-shopping {
width: auto;
margin-bottom: 0;
}
@media screen and (max-width: 680px) {
.woocommerce-cart .cart_totals {
max-width: 100%;
}
.woocommerce-cart .cart_totals table.shop_table th {
display: none;
}
.woocommerce-cart .cart_totals tr.order-total th, .woocommerce-cart .cart_totals tr.order-total td {
font-size: 15px;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout .keep-shopping, .woocommerce-cart .woocommerce-cart-form .actions button[name="update_cart"] {
width: 100%;
}
}
.woocommerce-notices-wrapper {
margin-bottom: 30px;
border-radius: 0;
width: 100%;
}
.woocommerce-notices-wrapper .woocommerce-message {
border-radius: 0;
padding: 20px;
background-color: var(--color-titanWhite);
}
.woocommerce-info a, a.showcoupon {
color: var(--color-themeBlue) !important;
font-weight: 400 !important;
}
form.woocommerce-form-coupon {
padding: 30px 0;
display: flex;
flex-wrap: wrap;
flex-direction: column;
justify-content: flex-start;
}
form.woocommerce-form-coupon .form-row {
width: 100%;
}
form.woocommerce-form-coupon .form-row input[type="text"] {
width: 100%;
max-width: 500px;
}
form.woocommerce-form-coupon .coupon-error-notice {
color: red;
}
form.woocommerce-form-coupon .form-row .coupon-error-notice {
display: block;
}
.product-filter-btn {
display: inline-flex;
align-items: center;
padding: 10px 16px;
border: 2px solid var(--color-themeBlue);
background: var(--color-titanWhite);
color: var(--color-themeBlue);
font-size: 0.875rem;
cursor: pointer;
transition: 0.2s all ease-in-out;
white-space: nowrap;
}
.product-filter-btn:hover, .product-filter-btn.active {
background: var(--color-themeBlue);
color: #ffffff;
}
#products-grid {
transition: opacity 0.2s ease;
}
#customer_details .woocommerce-billing-fields__field-wrapper {
display: flex;
flex-wrap: wrap;
gap: 0 16px;
}
#customer_details .form-row-first, #customer_details .form-row-last {
flex: 0 0 calc(50% - 8px);
}
#customer_details .form-row-wide {
flex: 0 0 100%;
}
#billing_state_field, #billing_postcode_field {
flex: 0 0 calc(50% - 8px) !important;
}
@media screen and (max-width: 960px) {
#customer_details .form-row-first, #customer_details .form-row-last, #billing_state_field, #billing_postcode_field {
flex: 0 0 100% !important;
}
}
.woocommerce-checkout .form-row label {
display: none;
}
.woocommerce-checkout .form-row input::placeholder, .woocommerce-checkout .form-row textarea::placeholder {
color: #aaa;
font-size: 14px;
}
.woocommerce-checkout .form-row input[type="tel"], .woocommerce-checkout .form-row input[type="email"], .woocommerce-checkout .form-row input[type="number"], .woocommerce-checkout .form-row input[type="text"], .woocommerce-checkout .form-row select, .woocommerce-checkout .form-row textarea {
width: 100%;
border: 1px solid var(--color-violet);
padding: 12px 14px;
font-size: 15px;
background: white;
outline: none;
transition: border-color 0.2s ease;
border-radius: 0;
appearance: none;
-webkit-appearance: none;
}
.woocommerce-checkout .form-row.woocommerce-invalid input, .woocommerce-checkout .form-row.woocommerce-invalid select {
border-color: var(--color-sunset);
background-color: #ffd4d4;
}
.p-AccordionItem.p-AccordionItem--selected:last-child {
border-radius: 0 !important;
}
p.checkout-inline-error-message {
font-size: 12px;
color: red;
}
#wc-stripe-express-checkout-element {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
}
#wc-stripe-new-payment-method {
margin-right: 5px;
}
.woocommerce-privacy-policy-text a, .wc_payment_method a {
font-weight: 400 !important;
color: var(--color-themeBlue) !important;
}
.checkout-col--right {
align-self: start;
}
.woocommerce-checkout-review-order-table {
width: 100%;
border-collapse: separate;
border-spacing: 0 8px;
margin-bottom: 24px;
}
.woocommerce-checkout-review-order-table thead th {
font-size: 14px;
font-weight: 600;
padding: 10px 0;
border-bottom: 2px solid var(--color-themeBlue);
color: var(--color-themeBlue);
}
.woocommerce-checkout-review-order-table thead th.product-total {
text-align: right;
}
.woocommerce-checkout-review-order-table tfoot th.order-total, .woocommerce-checkout-review-order-table tfoot th.cart-subtotal, .woocommerce-checkout-review-order-table thead th.product-name {
text-align: left;
}
.woocommerce-checkout-review-order-table .cart_item td {
padding: 14px 16px;
font-size: 15px;
vertical-align: middle;
background-color: var(--color-titanWhite);
}
.woocommerce-checkout-review-order-table .cart_item .variation {
display: flex;
align-items: center;
gap: 10px;
}
.woocommerce-checkout-review-order-table .cart_item p {
margin: 0;
}
.woocommerce-checkout-review-order-table .cart_item .product-name {
font-weight: 500;
color: black;
}
.woocommerce-checkout-review-order-table .cart_item .product-total {
text-align: right;
font-weight: 600;
white-space: nowrap;
}
.woocommerce-checkout-review-order-table tfoot tr td, .woocommerce-checkout-review-order-table tfoot tr th {
padding: 12px 0;
font-size: 15px;
border-bottom: 1px solid var(--color-violet);
}
.woocommerce-checkout-review-order-table tfoot tr th {
text-align: left;
}
.woocommerce-checkout-review-order-table tfoot .order-total th, .woocommerce-checkout-review-order-table tfoot .order-total td {
font-weight: 700;
font-size: 17px;
border-bottom: 2px solid var(--color-themeBlue);
color: var(--color-themeBlue);
}
.woocommerce-checkout-review-order-table tfoot td {
text-align: right;
font-weight: 600;
}
#wc-stripe-upe-form {
margin-bottom: 20px;
}
#payment {
margin-top: 24px;
}
#payment .payment_methods {
list-style: none;
padding: 0;
margin: 0 0 20px;
}
#payment .payment_methods li {
margin-bottom: 10px;
}
#payment .payment_methods li label {
font-weight: 500;
cursor: pointer;
}
#payment .place-order {
margin-top: 20px;
}
@media screen and (max-width: 680px) {
#payment #place_order {
width: 100%;
justify-content: center;
}
}
.woocommerce-order .woocommerce-table--order-details {
width: 100%;
border-collapse: separate;
border-spacing: 0 8px;
border-bottom: 2px solid var(--color-themeBlue);
margin-bottom: 40px;
}
.woocommerce-order .woocommerce-table--order-details thead th {
font-size: 14px;
font-weight: 600;
padding: 0 16px 8px;
border-bottom: 2px solid var(--color-themeBlue);
}
.woocommerce-order .woocommerce-table--order-details thead th.product-total {
text-align: right;
}
.woocommerce-order .woocommerce-table--order-details tbody tr td {
padding: 14px 16px;
font-size: 15px;
background-color: var(--color-titanWhite);
}
.woocommerce-order .woocommerce-table--order-details tbody tr td.product-name {
font-weight: 500;
}
.woocommerce-order .woocommerce-table--order-details tbody tr td.product-name a {
color: var(--color-themeBlue);
font-weight: 600;
margin-bottom: 0;
}
.woocommerce-order .woocommerce-table--order-details tbody tr td ul.wc-item-meta {
list-style: none;
padding: 0;
margin: 6px 0 0;
font-size: 13px;
color: #555;
}
.woocommerce-order .woocommerce-table--order-details tbody tr td ul.wc-item-meta li {
margin-bottom: 2px;
}
.woocommerce-order .woocommerce-table--order-details tbody tr td.product-total {
text-align: right;
font-weight: 600;
}
.woocommerce-order .woocommerce-table--order-details tfoot tr th, .woocommerce-order .woocommerce-table--order-details tfoot tr td {
padding: 10px 16px;
font-size: 15px;
border-top: 1px solid var(--color-themeBlue);
}
.woocommerce-order .woocommerce-table--order-details tfoot tr:first-child th, .woocommerce-order .woocommerce-table--order-details tfoot tr:first-child td {
border-top: none;
padding-top: 20px;
}
.woocommerce-order .woocommerce-table--order-details tfoot tr th {
font-weight: 500;
text-align: left;
}
.woocommerce-order .woocommerce-table--order-details tfoot tr td {
text-align: right;
font-weight: 600;
}
.woocommerce-order .woocommerce-table--order-details tfoot .order-total th, .woocommerce-order .woocommerce-table--order-details tfoot .order-total td {
font-weight: 700;
font-size: 17px;
}
ul.woocommerce-thankyou-order-details {
border: 1px solid var(--color-themeBlue);
padding: 20px 40px;
margin-bottom: 40px;
}
ul.woocommerce-thankyou-order-details li:last-child {
margin-bottom: 0;
}
.woocommerce-order-details .woocommerce-table--order-details th.product-name {
text-align: left;
padding-left: 0;
}
.order_item ul.wc-item-meta li {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 5px;
}
.order_item ul.wc-item-meta li p {
margin: 0;
}
.woocommerce-customer-details address {
border: 1px solid var(--color-themeBlue);
padding: 20px;
margin-bottom: 40px;
}
.woocommerce-customer-details address p:last-child {
margin-bottom: 0;
}
@media screen and (max-width: 819px) {
.text-banner + section {
padding-top: 40px !important;
}
}
.fancybox-content:has(.team-bio-modal) {
padding: 0 !important;
background: transparent !important;
overflow: visible !important;
}
.tbm-triangle-1 {
width: 450px;
height: 210px;
clip-path: polygon(0 0, 100% 30%, 0 100%);
position: absolute;
z-index: -1;
top: 60px;
left: -140px;
transform: rotate(140deg);
}
.tbm-triangle-2 {
width: 530px;
height: 280px;
clip-path: polygon(100% 0, 100% 100%, 0 30%);
position: absolute;
z-index: -1;
bottom: 130px;
right: -50px;
transform: rotate(48deg);
}
@media screen and (max-width: 1024px) {
.tbm-triangle-2 {
right: -20px;
}
}
.team-bio-modal .fancybox-close-small {
top: 43px !important;
right: 43px !important;
transition: 0.3s all !important;
}
.team-bio-modal .fancybox-close-small:hover {
transform: rotate(90deg);
}
.news-featured .featured-post {
min-height: 420px;
}
.news-featured .featured-title a:hover {
color: var(--color-themeBlue);
}
.filter-select-wrap select {
min-width: 140px;
}
#news-grid {
transition: opacity 0.2s ease;
}
.programme-card.card-1 .slant-clip {
right: 0;
left: auto;
clip-path: polygon(100% 0, 100% calc(100% - 10vw), 0 100%, 0 10vw);
}
.programme-card.card-2 .slant-clip {
left: 0;
right: auto;
clip-path: polygon(0 0, 0 calc(100% - 10vw), 100% 100%, 100% 10vw);
}
.fdp-cta-section {
clip-path: polygon(0 10vw, 50% 0, 100% 10vw, 100% 100%, 0 100%);
margin-top: calc(-10vw + 15px);
position: relative;
z-index: 0;
}
@media screen and (max-width: 820px) {
.programme-card.card-1 .slant-clip {
right: -20px;
left: auto;
clip-path: polygon(100% 0%, 100% 100%, 0 calc(100% - 10vw), 0 10vw);
}
.programme-card.card-2 {
margin-top: -10vw;
}
.programme-card.card-2 .slant-clip {
left: -20px;
right: auto;
clip-path: polygon(0 0, 0 calc(100% - 10vw), 100% 100%, 100% 10vw);
}
.fdp-cta-section {
clip-path: polygon(0 0, 0 0, 100% 10vw, 100% 100%, 0 100%);
}
}
.footer-ctas .cta::before {
content: '';
position: absolute;
top: 0;
height: 100%;
width: calc(60vw + 200px);
}
.footer-ctas .left-cta::before {
right: -100px;
background-image: linear-gradient(to right, #f0ecfa, var(--color-violet));
clip-path: polygon(0 0, calc(100% - 200px) 0, 100% 100%, 0 100%);
border-bottom: 20px solid white;
}
.footer-ctas .right-cta::before {
left: -100px;
background-image: linear-gradient(to bottom, var(--color-themeBlue), #0B0328);
clip-path: polygon(0 0, 100% 0, 100% 100%, 200px 100%);
border-top: 20px solid white;
}
@media screen and (max-width: 1099px) {
.footer-ctas .cta::before {
width: 100%;
left: 0;
right: 0;
}
.footer-ctas .left-cta {
padding-bottom: 150px !important;
}
.footer-ctas .left-cta::before {
border-bottom: 0;
background-image: linear-gradient(to bottom, #f0ecfa, var(--color-violet));
clip-path: polygon(0 0, 100% 0, 100% calc(100% - 100px), 0 100%);
}
.footer-ctas .right-cta {
padding-top: 150px !important;
margin-top: -100px;
}
.footer-ctas .right-cta::before {
border-top: 0;
background-image: linear-gradient(to bottom, var(--color-themeBlue), #0B0328);
clip-path: polygon(0 100px, 100% 0, 100% 100%, 0 100%);
}
}
.footer-ctas .right-cta .cta-content h1, .footer-ctas .right-cta .cta-content h2, .footer-ctas .right-cta .cta-content h3, .footer-ctas .right-cta .cta-content h4, .footer-ctas .right-cta .cta-content p, .footer-ctas .right-cta .cta-content li, .footer-ctas .right-cta .cta-content span {
color: white !important;
}
.gform-theme--foundation form .gform_fields {
row-gap: 20px;
}
.gform_wrapper, .gform_wrapper form, .gform_wrapper .gform_fields {
max-width: 100%;
min-width: 0;
}
.gform-theme--foundation .gfield {
min-width: 0;
}
.gform-theme--foundation .gfield input, .gform-theme--foundation .gfield textarea, .gform-theme--foundation .gfield select {
width: 100%;
min-width: 0;
}
.gform-theme--framework .gfield input, .gform-theme--framework .gfield textarea, .gform-theme--framework .gfield select {
width: 100% !important;
border-radius: 0 !important;
background-color: var(--color-white) !important;
--tw-shadow: 0 0 #0000 !important;
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.gform-theme--framework .gfield input[type="file"] {
cursor: pointer;
}
.gform-theme--framework .gfield .gfield_description {
color: black !important;
}
.gform-theme--framework .gfield_required {
color: black !important;
}
.gform-theme--framework .gfield .gfield_validation_message {
display: none !important;
}
.gform-theme--framework .gfield_error input, .gform-theme--framework .gfield_error textarea {
background-color: #ffd4d4 !important;
}
.form-block .gform-theme--foundation .ginput_address_country {
inline-size: 100%;
}
.form-block .gform-theme--foundation .ginput_address_country select {
border-radius: 0 !important;
}
form .gform_fields {
column-gap: 15px !important;
@media (width >= 820px) {
column-gap: 30px !important;
}
row-gap: 20px !important;
}
.gform-theme--foundation .gform_footer {
justify-content: flex-start;
}
form .gform-footer .gform_button {
position: relative !important;
overflow: hidden !important;
font-size: 15px !important;
transition: 0.3s all !important;
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
justify-content: center !important;
margin-bottom: 0 !important;
text-align: center !important;
cursor: pointer !important;
text-decoration: none !important;
padding: 12px 40px !important;
color: white !important;
border-radius: 0 !important;
font-weight: 600 !important;
z-index: 1 !important;
background-color: transparent !important;
border: 1px solid var(--color-sunset) !important;
letter-spacing: 0.05em !important;
min-width: 180px !important;
@media screen and (max-width: 650px) {
width: 100% !important;
}
&:before {
content: '' !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
background-color: var(--color-sunset) !important;
z-index: -2 !important;
}
&:after {
content: '' !important;
width: calc(100% + 60px) !important;
height: 101% !important;
display: block !important;
position: absolute !important;
top: 0 !important;
right: calc(-100% - 30px) !important;
background-color: white !important;
clip-path: polygon(30px 0%, 100% 0%, calc(100% - 30px) 100%, 0% 100%) !important;
transition: 1s all !important;
z-index: -1 !important;
}
&:hover {
color: var(--color-themeBlue) !important;
&:after {
right: -30px !important;
}
}
}
form .gform-footer .gform_button .button-text {
line-height: 1.25 !important;
}
.gform-theme--foundation .gfield_label {
gap: 3px;
--tw-font-weight: var(--font-weight-normal);
font-weight: var(--font-weight-normal);
color: var(--color-black);
}
form label.gform-field-label a {
text-decoration: underline !important;
color: black;
}
.gform-theme--foundation form .gfield_radio input[type="radio"] {
border-radius: 50% !important;
cursor: pointer !important;
}
.gform-theme--foundation form .gfield_checkbox input[type="checkbox"] {
cursor: pointer !important;
}
form .gfield input, form .gfield textarea, form .gfield select {
border: 2px solid #c1afe5 !important;
}
footer {
clip-path: polygon(0% 0%, 100% 10%, 100% 100%, 0% 100%);
}
@media screen and (max-width: 1024px) {
footer {
clip-path: polygon(0% 0%, 100% 100px, 100% 100%, 0% 100%);
}
}
@media screen and (max-width: 650px) {
footer {
clip-path: polygon(0% 0%, 100% 50px, 100% 100%, 0% 100%);
}
}
footer p, footer li, footer li a, footer p a {
color: white;
font-size: 17px;
}
footer li a:hover, footer p a:hover {
color: var(--color-sunset);
}
.map-section + footer {
margin-top: calc(var(--spacing) * -20);
}
#purechat-container .purechat-launcher-frame.purechat-launcher-frame-bottom-right {
display: none !important;
}
.chat-launcher-button {
position: fixed;
right: calc(var(--spacing) * 5);
bottom: 70px;
z-index: 999;
height: 60px;
width: 60px;
cursor: pointer;
border-radius: calc(infinity * 1px);
border-style: var(--tw-border-style);
border-width: 0px;
padding: 0px;
}
.chat-launcher-button img {
display: block;
height: 100%;
width: 100%;
transition-property: transform, translate, scale, rotate;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
--tw-duration: 300ms;
transition-duration: 300ms;
--tw-ease: var(--ease-in-out);
transition-timing-function: var(--ease-in-out);
}
.chat-launcher-button:hover img {
--tw-scale-x: 105%;
--tw-scale-y: 105%;
--tw-scale-z: 105%;
scale: var(--tw-scale-x) var(--tw-scale-y);
}
.chat-launcher-tooltip {
position: absolute;
bottom: calc(100% + 10px);
right: 0;
background-color: var(--color-themeBlue);
color: white;
padding: 6px 14px;
font-size: 13px;
font-weight: 600;
white-space: nowrap;
border-radius: 4px;
opacity: 0;
transform: translateY(4px);
transition: opacity 0.2s ease, transform 0.2s ease;
pointer-events: none;
}
.chat-launcher-tooltip::after {
content: '';
position: absolute;
top: 100%;
right: 22px;
border: 5px solid transparent;
border-top-color: var(--color-themeBlue);
}
.chat-launcher-button:hover .chat-launcher-tooltip {
opacity: 1;
transform: translateY(0);
}
.gsap-fade {
visibility: hidden;
}
@keyframes loading {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
animation-name: fadeIn;
animation-duration: 1.3s;
}
@keyframes fadeInOnload {
from {
opacity: 0;
}
to {
opacity: 0.05;
}
}
.fade-in-onload {
animation: fadeInOnload 1.3s ease forwards;
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.fadeOut {
animation-name: fadeOut;
animation-duration: 1.8s;
}
@keyframes fadeInUp {
from {
opacity: 0;
translate: 0 12%;
}
to {
opacity: 1;
translate: 0 0;
}
}
.fadeInUp {
animation-name: fadeInUp;
animation-duration: 1.8s;
}
@keyframes fadeInLeft {
from {
opacity: 0;
translate: -8% 0;
}
to {
opacity: 1;
translate: 0 0;
}
}
.fadeInLeft {
animation-name: fadeInLeft;
animation-duration: 2.5s;
}
@keyframes fadeInRight {
from {
opacity: 0;
translate: 8% 0;
}
to {
opacity: 1;
translate: 0 0;
}
}
.fadeInRight {
animation-name: fadeInRight;
animation-duration: 1.8s;
}
@keyframes fadePulse {
0%, 100% {
opacity: 1;
}
50% {
opacity: 0.5;
}
}
.animated {
animation-duration: 1s;
animation-fill-mode: both;
}
}
@property --tw-translate-x {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-translate-y {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-translate-z {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-rotate-x {
syntax: "*";
inherits: false;
}
@property --tw-rotate-y {
syntax: "*";
inherits: false;
}
@property --tw-rotate-z {
syntax: "*";
inherits: false;
}
@property --tw-skew-x {
syntax: "*";
inherits: false;
}
@property --tw-skew-y {
syntax: "*";
inherits: false;
}
@property --tw-space-y-reverse {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-border-style {
syntax: "*";
inherits: false;
initial-value: solid;
}
@property --tw-leading {
syntax: "*";
inherits: false;
}
@property --tw-font-weight {
syntax: "*";
inherits: false;
}
@property --tw-tracking {
syntax: "*";
inherits: false;
}
@property --tw-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
syntax: "*";
inherits: false;
}
@property --tw-shadow-alpha {
syntax: "<percentage>";
inherits: false;
initial-value: 100%;
}
@property --tw-inset-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
syntax: "*";
inherits: false;
}
@property --tw-inset-shadow-alpha {
syntax: "<percentage>";
inherits: false;
initial-value: 100%;
}
@property --tw-ring-color {
syntax: "*";
inherits: false;
}
@property --tw-ring-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
syntax: "*";
inherits: false;
}
@property --tw-inset-ring-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
syntax: "*";
inherits: false;
}
@property --tw-ring-offset-width {
syntax: "<length>";
inherits: false;
initial-value: 0px;
}
@property --tw-ring-offset-color {
syntax: "*";
inherits: false;
initial-value: #fff;
}
@property --tw-ring-offset-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-blur {
syntax: "*";
inherits: false;
}
@property --tw-brightness {
syntax: "*";
inherits: false;
}
@property --tw-contrast {
syntax: "*";
inherits: false;
}
@property --tw-grayscale {
syntax: "*";
inherits: false;
}
@property --tw-hue-rotate {
syntax: "*";
inherits: false;
}
@property --tw-invert {
syntax: "*";
inherits: false;
}
@property --tw-opacity {
syntax: "*";
inherits: false;
}
@property --tw-saturate {
syntax: "*";
inherits: false;
}
@property --tw-sepia {
syntax: "*";
inherits: false;
}
@property --tw-drop-shadow {
syntax: "*";
inherits: false;
}
@property --tw-drop-shadow-color {
syntax: "*";
inherits: false;
}
@property --tw-drop-shadow-alpha {
syntax: "<percentage>";
inherits: false;
initial-value: 100%;
}
@property --tw-drop-shadow-size {
syntax: "*";
inherits: false;
}
@property --tw-duration {
syntax: "*";
inherits: false;
}
@property --tw-scale-x {
syntax: "*";
inherits: false;
initial-value: 1;
}
@property --tw-scale-y {
syntax: "*";
inherits: false;
initial-value: 1;
}
@property --tw-scale-z {
syntax: "*";
inherits: false;
initial-value: 1;
}
@property --tw-content {
syntax: "*";
initial-value: "";
inherits: false;
}
@property --tw-ease {
syntax: "*";
inherits: false;
}
@layer properties {
@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
*, ::before, ::after, ::backdrop {
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-translate-z: 0;
--tw-rotate-x: initial;
--tw-rotate-y: initial;
--tw-rotate-z: initial;
--tw-skew-x: initial;
--tw-skew-y: initial;
--tw-space-y-reverse: 0;
--tw-border-style: solid;
--tw-leading: initial;
--tw-font-weight: initial;
--tw-tracking: initial;
--tw-shadow: 0 0 #0000;
--tw-shadow-color: initial;
--tw-shadow-alpha: 100%;
--tw-inset-shadow: 0 0 #0000;
--tw-inset-shadow-color: initial;
--tw-inset-shadow-alpha: 100%;
--tw-ring-color: initial;
--tw-ring-shadow: 0 0 #0000;
--tw-inset-ring-color: initial;
--tw-inset-ring-shadow: 0 0 #0000;
--tw-ring-inset: initial;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-offset-shadow: 0 0 #0000;
--tw-blur: initial;
--tw-brightness: initial;
--tw-contrast: initial;
--tw-grayscale: initial;
--tw-hue-rotate: initial;
--tw-invert: initial;
--tw-opacity: initial;
--tw-saturate: initial;
--tw-sepia: initial;
--tw-drop-shadow: initial;
--tw-drop-shadow-color: initial;
--tw-drop-shadow-alpha: 100%;
--tw-drop-shadow-size: initial;
--tw-duration: initial;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-scale-z: 1;
--tw-content: "";
--tw-ease: initial;
}
}
}@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}:root{--swiper-theme-color:#007aff}.swiper,swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;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-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide,swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.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);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{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,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(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,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(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,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.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-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.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-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,swiper-container:not(.swiper-watch-progress) .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)}}.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-button-next,.swiper-button-prev{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-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev: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,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.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'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s 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}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.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(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.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, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-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-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s 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:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(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-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;-ms-touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(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-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{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,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification,swiper-container .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,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;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-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.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-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;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}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}