*,
::before,
::after {
box-sizing: border-box; border-width: 0; border-style: solid; border-color: #e5e7eb; }
::before,
::after {
--tw-content: '';
} html,
:host {
line-height: 1.5; -webkit-text-size-adjust: 100%; -moz-tab-size: 4; -o-tab-size: 4;
tab-size: 4; font-family: Hind Madurai, sans-serif; font-feature-settings: normal; font-variation-settings: normal; -webkit-tap-highlight-color: transparent; } body {
margin: 0; line-height: inherit; } 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;
text-decoration: inherit;
} b,
strong {
font-weight: bolder;
} code,
kbd,
samp,
pre {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-feature-settings: normal; 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; } button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; color: inherit; margin: 0; padding: 0; } button,
select {
text-transform: none;
} button,
[type='button'],
[type='reset'],
[type='submit'] {
-webkit-appearance: button; background-color: transparent; background-image: none; } :-moz-focusring {
outline: auto;
} :-moz-ui-invalid {
box-shadow: none;
} progress {
vertical-align: baseline;
} ::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
height: auto;
} [type='search'] {
-webkit-appearance: textfield; outline-offset: -2px; } ::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; } summary {
display: list-item;
} blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
margin: 0;
}
fieldset {
margin: 0;
padding: 0;
}
legend {
padding: 0;
}
ol,
ul,
menu {
list-style: none;
margin: 0;
padding: 0;
} dialog {
padding: 0;
} textarea {
resize: vertical;
} input::-moz-placeholder, textarea::-moz-placeholder {
opacity: 1; color: #9ca3af; }
input::placeholder,
textarea::placeholder {
opacity: 1; color: #9ca3af; } button,
[role="button"] {
cursor: pointer;
} :disabled {
cursor: default;
} img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
display: block; vertical-align: middle; } img,
video {
max-width: 100%;
height: auto;
} [hidden] {
display: none;
}
*, ::before, ::after {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x:  ;
--tw-pan-y:  ;
--tw-pinch-zoom:  ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position:  ;
--tw-gradient-via-position:  ;
--tw-gradient-to-position:  ;
--tw-ordinal:  ;
--tw-slashed-zero:  ;
--tw-numeric-figure:  ;
--tw-numeric-spacing:  ;
--tw-numeric-fraction:  ;
--tw-ring-inset:  ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur:  ;
--tw-brightness:  ;
--tw-contrast:  ;
--tw-grayscale:  ;
--tw-hue-rotate:  ;
--tw-invert:  ;
--tw-saturate:  ;
--tw-sepia:  ;
--tw-drop-shadow:  ;
--tw-backdrop-blur:  ;
--tw-backdrop-brightness:  ;
--tw-backdrop-contrast:  ;
--tw-backdrop-grayscale:  ;
--tw-backdrop-hue-rotate:  ;
--tw-backdrop-invert:  ;
--tw-backdrop-opacity:  ;
--tw-backdrop-saturate:  ;
--tw-backdrop-sepia:  ;
}
::backdrop {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x:  ;
--tw-pan-y:  ;
--tw-pinch-zoom:  ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position:  ;
--tw-gradient-via-position:  ;
--tw-gradient-to-position:  ;
--tw-ordinal:  ;
--tw-slashed-zero:  ;
--tw-numeric-figure:  ;
--tw-numeric-spacing:  ;
--tw-numeric-fraction:  ;
--tw-ring-inset:  ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur:  ;
--tw-brightness:  ;
--tw-contrast:  ;
--tw-grayscale:  ;
--tw-hue-rotate:  ;
--tw-invert:  ;
--tw-saturate:  ;
--tw-sepia:  ;
--tw-drop-shadow:  ;
--tw-backdrop-blur:  ;
--tw-backdrop-brightness:  ;
--tw-backdrop-contrast:  ;
--tw-backdrop-grayscale:  ;
--tw-backdrop-hue-rotate:  ;
--tw-backdrop-invert:  ;
--tw-backdrop-opacity:  ;
--tw-backdrop-saturate:  ;
--tw-backdrop-sepia:  ;
}
.container {
width: 100%;
padding-right: 1rem;
padding-left: 1rem;
}
@media (min-width: 480px) {
.container {
max-width: 480px;
}
}
@media (min-width: 600px) {
.container {
max-width: 600px;
padding-right: 2rem;
padding-left: 2rem;
}
}
@media (min-width: 782px) {
.container {
max-width: 782px;
}
}
@media (min-width: 960px) {
.container {
max-width: 960px;
padding-right: 0rem;
padding-left: 0rem;
}
}
@media (min-width: 1280px) {
.container {
max-width: 1280px;
}
}
@media (min-width: 1440px) {
.container {
max-width: 1440px;
}
} @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
}
:host{
position:relative;
display:block;
margin-left:auto;
margin-right:auto;
z-index:1
}
.swiper{
margin-left:auto;
margin-right:auto;
position:relative;
overflow:hidden;
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-ios .swiper-slide,.swiper-wrapper{
transform:translate3d(0px,0,0)
}
.swiper-horizontal{
touch-action:pan-y
}
.swiper-vertical{
touch-action:pan-x
}
.swiper-slide{
flex-shrink:0;
width:100%;
height:100%;
position:relative;
transition-property:transform;
display:block
}
.swiper-slide-invisible-blank{
visibility:hidden
}
.swiper-autoheight,.swiper-autoheight .swiper-slide{
height:auto
}
.swiper-autoheight .swiper-wrapper{
align-items:flex-start;
transition-property:transform,height
}
.swiper-backface-hidden .swiper-slide{
transform:translateZ(0);
backface-visibility:hidden
}
.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{
transform-style:preserve-3d
}
.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-css-mode.swiper-horizontal>.swiper-wrapper{
scroll-snap-type:x mandatory
}
.swiper-css-mode.swiper-vertical>.swiper-wrapper{
scroll-snap-type:y mandatory
}
.swiper-css-mode.swiper-free-mode>.swiper-wrapper{
scroll-snap-type:none
}
.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{
scroll-snap-align:none
}
.swiper-css-mode.swiper-centered>.swiper-wrapper::before{
content:'';
flex-shrink:0;
order:9999
}
.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{
scroll-snap-align:center center;
scroll-snap-stop:always
}
.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{
margin-inline-start:var(--swiper-centered-offset-before)
}
.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{
height:100%;
min-height:1px;
width:var(--swiper-centered-offset-after)
}
.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{
margin-block-start:var(--swiper-centered-offset-before)
}
.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{
width:100%;
min-width:1px;
height:var(--swiper-centered-offset-after)
}
.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-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{
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 svg,.swiper-button-prev svg{
width:100%;
height:100%;
-o-object-fit:contain;
object-fit:contain;
transform-origin:center
}
.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{
transform:rotate(180deg)
}
.swiper-button-prev,.swiper-rtl .swiper-button-next{
left:var(--swiper-navigation-sides-offset,10px);
right:auto
}
.swiper-button-next,.swiper-rtl .swiper-button-prev{
right:var(--swiper-navigation-sides-offset,10px);
left:auto
}
.swiper-button-lock{
display:none
}
.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: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-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;
-moz-appearance:none;
appearance:none
}
.swiper-pagination-clickable .swiper-pagination-bullet{
cursor:pointer
}
.swiper-pagination-bullet:only-child{
display:none!important
}
.swiper-pagination-bullet-active{
opacity:var(--swiper-pagination-bullet-opacity, 1);
background:var(--swiper-pagination-color,var(--swiper-theme-color))
}
.swiper-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{
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;
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%;
-o-object-fit:contain;
object-fit:contain
}
.swiper-slide-zoomed{
cursor:move;
touch-action:none
}
.swiper .swiper-notification{
position:absolute;
left:0;
top:0;
pointer-events:none;
opacity:0;
z-index:-1000
}
.swiper-free-mode>.swiper-wrapper{
transition-timing-function:ease-out;
margin:0 auto
}
.swiper-grid>.swiper-wrapper{
flex-wrap:wrap
}
.swiper-grid-column>.swiper-wrapper{
flex-wrap:wrap;
flex-direction:column
}
.swiper-fade.swiper-free-mode .swiper-slide{
transition-timing-function:ease-out
}
.swiper-fade .swiper-slide{
pointer-events:none;
transition-property:opacity
}
.swiper-fade .swiper-slide .swiper-slide{
pointer-events:none
}
.swiper-fade .swiper-slide-active{
pointer-events:auto
}
.swiper-fade .swiper-slide-active .swiper-slide-active{
pointer-events:auto
}
.swiper.swiper-cube{
overflow:visible
}
.swiper-cube .swiper-slide{
pointer-events:none;
backface-visibility:hidden;
z-index:1;
visibility:hidden;
transform-origin:0 0;
width:100%;
height:100%
}
.swiper-cube .swiper-slide .swiper-slide{
pointer-events:none
}
.swiper-cube.swiper-rtl .swiper-slide{
transform-origin:100% 0
}
.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{
pointer-events:auto
}
.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{
pointer-events:auto;
visibility:visible
}
.swiper-cube .swiper-cube-shadow{
position:absolute;
left:0;
bottom:0px;
width:100%;
height:100%;
opacity:.6;
z-index:0
}
.swiper-cube .swiper-cube-shadow:before{
content:'';
background:#000;
position:absolute;
left:0;
top:0;
bottom:0;
right:0;
filter:blur(50px)
}
.swiper-cube .swiper-slide-next+.swiper-slide{
pointer-events:auto;
visibility:visible
}
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{
z-index:0;
backface-visibility:hidden
}
.swiper.swiper-flip{
overflow:visible
}
.swiper-flip .swiper-slide{
pointer-events:none;
backface-visibility:hidden;
z-index:1
}
.swiper-flip .swiper-slide .swiper-slide{
pointer-events:none
}
.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{
pointer-events:auto
}
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{
z-index:0;
backface-visibility:hidden
}
.swiper-creative .swiper-slide{
backface-visibility:hidden;
overflow:hidden;
transition-property:transform,opacity,height
}
.swiper.swiper-cards{
overflow:visible
}
.swiper-cards .swiper-slide{
transform-origin:center bottom;
backface-visibility:hidden;
overflow:hidden
} .tobii-zoom {
border: 0;
box-shadow: none;
display: inline-block;
position: relative;
text-decoration: none;
}
.tobii-zoom img {
display: block;
}
.tobii-zoom__icon {
background-color: rgba(26, 42, 58, 0.94);
bottom: 0;
color: #fff;
line-height: 1;
position: absolute;
right: 0;
}
.tobii-zoom__icon svg {
color: #fff;
fill: none;
height: 1.11111em;
padding-bottom: 0.22222em;
padding-left: 0.22222em;
padding-right: 0.22222em;
padding-top: 0.22222em;
pointer-events: none;
stroke-linecap: square;
stroke-linejoin: miter;
stroke-width: 2;
stroke: #fff;
width: 1.11111em;
} .tobii-is-open {
overflow-y: hidden;
} .tobii {
background-color: rgba(26, 42, 58, 0.94);
bottom: 0;
box-sizing: border-box;
contain: strict;
font-size: 18px;
left: 0;
line-height: 1.5555555555555556;
overflow: hidden;
position: fixed;
right: 0;
top: 0;
z-index: 1337;
}
.tobii[aria-hidden="true"] {
display: none;
}
.tobii *,
.tobii *::before,
.tobii *::after {
box-sizing: inherit;
} .tobii__slider {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
will-change: transform;
}
.tobii__slider--animate:not(.tobii__slider--is-dragging) {
transition-duration: 0.3s;
transition-property: transform;
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
@media screen and (prefers-reduced-motion: reduce) {
.tobii__slider--animate:not(.tobii__slider--is-dragging) {
transition: none;
}
}
.tobii__slider--is-draggable .tobii__slider__slide__content {
cursor: grab;
}
.tobii__slider--is-dragging .tobii__slider__slide__content {
cursor: grabbing;
} .tobii__slider-slide {
align-items: center;
display: flex;
height: 100%;
justify-content: center;
width: 100%;
} [data-type] {
max-height: 85vh;
max-width: 85vw;
overflow: hidden;
overflow-y: auto;
overscroll-behavior: contain;
}
[data-type] iframe,
[data-type] video {
display: block;
}
[data-type] > figure {
margin: 0;
position: relative;
}
[data-type] > figure > img {
display: block;
height: auto;
max-height: 85vh;
max-width: 85vw;
width: auto;
}
[data-type] > figure > figcaption {
background-color: rgba(255, 255, 255, 0.94);
bottom: 0;
color: #1a2a3a;
padding-bottom: 0.22222em;
padding-left: 0.44444em;
padding-right: 0.44444em;
padding-top: 0.22222em;
position: absolute;
white-space: pre-wrap;
width: 100%;
}
[data-type="html"] video {
cursor: auto;
max-height: 85vh;
max-width: 85vw;
}
[data-type="iframe"] { -webkit-overflow-scrolling: touch;
transform: translate3d(0, 0, 0);
}
[data-type="iframe"] iframe {
height: 85vh;
width: 85vw;
} .tobii > button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: transparent;
border: 0.05556em solid transparent;
color: #fff;
cursor: pointer;
font: inherit;
line-height: 1;
margin: 0;
opacity: 0.5;
padding-bottom: 0.22222em;
padding-left: 0.22222em;
padding-right: 0.22222em;
padding-top: 0.22222em;
position: absolute;
touch-action: manipulation;
transition-duration: 0.3s;
transition-property: opacity, transform;
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
will-change: opacity, transform;
z-index: 1;
}
@media screen and (prefers-reduced-motion: reduce) {
.tobii > button {
transition: none;
will-change: opacity;
}
}
.tobii > button svg {
pointer-events: none;
stroke: #fff;
stroke-width: 1;
stroke-linecap: square;
stroke-linejoin: miter;
fill: none;
color: #fff;
}
.tobii > button:active, .tobii > button:focus, .tobii > button:hover {
opacity: 1;
transform: scale(0.84);
}
@media screen and (prefers-reduced-motion: reduce) {
.tobii > button:active, .tobii > button:focus, .tobii > button:hover {
transform: none;
}
}
.tobii > button.tobii__prev, .tobii > button.tobii__next {
top: 50%;
top: calc(50% - 2.22222em);
}
.tobii > button.tobii__prev svg, .tobii > button.tobii__next svg {
height: 3.88889em;
width: 3.88889em;
}
.tobii > button.tobii__prev {
left: 0;
}
.tobii > button.tobii__next {
right: 0;
}
.tobii > button.tobii__close {
right: 0.27778em;
top: 1em;
}
.tobii > button.tobii__close svg {
height: 3.33333em;
width: 3.33333em;
}
.tobii > button:disabled, .tobii > button[aria-hidden="true"] {
display: none;
} .tobii__counter {
background-color: transparent;
color: #fff;
font-size: 1.11111em;
left: 1em;
line-height: 1;
position: absolute;
top: 2.22222em;
z-index: 1;
}
.tobii__counter[aria-hidden="true"] {
display: none;
} .tobii-loader {
display: inline-block;
height: 5.55556em;
left: calc(50% - 2.77778em);
position: absolute;
top: calc(50% - 2.77778em);
width: 5.55556em;
}
.tobii-loader::before {
animation: spin 1s infinite;
border-radius: 100%;
border: 0.22222em solid #949ba3;
border-top-color: #fff;
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1;
}
@keyframes spin {
to {
transform: rotate(360deg);
}
}
.fixed {
position: fixed;
}
.absolute {
position: absolute;
}
.relative {
position: relative;
}
.sticky {
position: sticky;
}
.inset-0 {
inset: 0px;
}
.-bottom-1\/2 {
bottom: -50%;
}
.bottom-0 {
bottom: 0px;
}
.bottom-\[50px\] {
bottom: 50px;
}
.bottom-\[64px\] {
bottom: 64px;
}
.left-0 {
left: 0px;
}
.left-1\/2 {
left: 50%;
}
.right-0 {
right: 0px;
}
.top-0 {
top: 0px;
}
.z-0 {
z-index: 0;
}
.z-10 {
z-index: 10;
}
.z-30 {
z-index: 30;
}
.z-\[0\] {
z-index: 0;
}
.z-\[1000\] {
z-index: 1000;
}
.z-\[1\] {
z-index: 1;
}
.col-span-1 {
grid-column: span 1 / span 1;
}
.m-8 {
margin: 2rem;
}
.mx-auto {
margin-left: auto;
margin-right: auto;
}
.my-3 {
margin-top: 0.75rem;
margin-bottom: 0.75rem;
}
.my-6 {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
.my-8 {
margin-top: 2rem;
margin-bottom: 2rem;
}
.my-auto {
margin-top: auto;
margin-bottom: auto;
}
.mb-0 {
margin-bottom: 0px;
}
.mb-1 {
margin-bottom: 0.25rem;
}
.mb-12 {
margin-bottom: 3rem;
}
.mb-16 {
margin-bottom: 4rem;
}
.mb-2 {
margin-bottom: 0.5rem;
}
.mb-3 {
margin-bottom: 0.75rem;
}
.mb-36 {
margin-bottom: 9rem;
}
.mb-4 {
margin-bottom: 1rem;
}
.mb-6 {
margin-bottom: 1.5rem;
}
.mb-8 {
margin-bottom: 2rem;
}
.mb-9 {
margin-bottom: 2.25rem;
}
.ml-auto {
margin-left: auto;
}
.mr-auto {
margin-right: auto;
}
.mt-10 {
margin-top: 2.5rem;
}
.mt-12 {
margin-top: 3rem;
}
.mt-16 {
margin-top: 4rem;
}
.mt-4 {
margin-top: 1rem;
}
.mt-6 {
margin-top: 1.5rem;
}
.mt-8 {
margin-top: 2rem;
}
.block {
display: block;
}
.inline-block {
display: inline-block;
}
.\!flex {
display: flex !important;
}
.flex {
display: flex;
}
.inline-flex {
display: inline-flex;
}
.table {
display: table;
}
.grid {
display: grid;
}
.\!hidden {
display: none !important;
}
.hidden {
display: none;
}
.h-1 {
height: 0.25rem;
}
.h-2 {
height: 0.5rem;
}
.h-6 {
height: 1.5rem;
}
.h-\[0\] {
height: 0;
}
.h-\[200px\] {
height: 200px;
}
.h-\[300px\] {
height: 300px;
}
.h-\[350px\] {
height: 350px;
}
.h-\[400px\] {
height: 400px;
}
.h-\[50vh\] {
height: 50vh;
}
.h-\[92\%\] {
height: 92%;
}
.h-full {
height: 100%;
}
.h-screen {
height: 100vh;
}
.min-h-\[400px\] {
min-height: 400px;
}
.min-h-\[500px\] {
min-height: 500px;
}
.min-h-\[600px\] {
min-height: 600px;
}
.min-h-screen {
min-height: 100vh;
}
.\!w-full {
width: 100% !important;
}
.w-14 {
width: 3.5rem;
}
.w-16 {
width: 4rem;
}
.w-2\/4 {
width: 50%;
}
.w-3 {
width: 0.75rem;
}
.w-32 {
width: 8rem;
}
.w-40 {
width: 10rem;
}
.w-44 {
width: 11rem;
}
.w-6 {
width: 1.5rem;
}
.w-\[96\%\] {
width: 96%;
}
.w-full {
width: 100%;
}
.min-w-\[200px\] {
min-width: 200px;
}
.min-w-\[780px\] {
min-width: 780px;
}
.max-w-2xl {
max-width: 42rem;
}
.max-w-3xl {
max-width: 48rem;
}
.max-w-4xl {
max-width: 56rem;
}
.max-w-5xl {
max-width: 64rem;
}
.max-w-md {
max-width: 28rem;
}
.max-w-sm {
max-width: 24rem;
}
.max-w-xl {
max-width: 36rem;
}
.flex-auto {
flex: 1 1 auto;
}
.flex-shrink {
flex-shrink: 1;
}
.flex-grow {
flex-grow: 1;
}
.\!translate-x-\[0\] {
--tw-translate-x: 0 !important;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.-translate-x-1\/2 {
--tw-translate-x: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-100 {
--tw-scale-x: 1;
--tw-scale-y: 1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.cursor-pointer {
cursor: pointer;
}
.resize {
resize: both;
}
.list-none {
list-style-type: none;
}
.grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.flex-row {
flex-direction: row;
}
.flex-col {
flex-direction: column;
}
.flex-col-reverse {
flex-direction: column-reverse;
}
.flex-wrap {
flex-wrap: wrap;
}
.items-start {
align-items: flex-start;
}
.items-end {
align-items: flex-end;
}
.items-center {
align-items: center;
}
.justify-center {
justify-content: center;
}
.justify-between {
justify-content: space-between;
}
.gap-1 {
gap: 0.25rem;
}
.gap-2 {
gap: 0.5rem;
}
.gap-3 {
gap: 0.75rem;
}
.gap-4 {
gap: 1rem;
}
.gap-5 {
gap: 1.25rem;
}
.gap-6 {
gap: 1.5rem;
}
.gap-8 {
gap: 2rem;
}
.overflow-hidden {
overflow: hidden;
}
.overflow-x-scroll {
overflow-x: scroll;
}
.overflow-y-scroll {
overflow-y: scroll;
}
.rounded {
border-radius: 0.25rem;
}
.rounded-3xl {
border-radius: 1.5rem;
}
.rounded-lg {
border-radius: 0.5rem;
}
.rounded-md {
border-radius: 0.375rem;
}
.rounded-xl {
border-radius: 0.75rem;
}
.rounded-r-lg {
border-top-right-radius: 0.5rem;
border-bottom-right-radius: 0.5rem;
}
.border {
border-width: 1px;
}
.border-0 {
border-width: 0px;
}
.border-2 {
border-width: 2px;
}
.border-\[1px\] {
border-width: 1px;
}
.border-b {
border-bottom-width: 1px;
}
.border-b-0 {
border-bottom-width: 0px;
}
.border-b-2 {
border-bottom-width: 2px;
}
.border-b-\[1px\] {
border-bottom-width: 1px;
}
.border-b-\[2px\] {
border-bottom-width: 2px;
}
.border-t {
border-top-width: 1px;
}
.border-t-2 {
border-top-width: 2px;
}
.border-t-\[1px\] {
border-top-width: 1px;
}
.border-dark-grey {
--tw-border-opacity: 1;
border-color: rgb(51 51 51 / var(--tw-border-opacity));
}
.border-dark-grey\/10 {
border-color: rgb(51 51 51 / 0.1);
}
.border-dark-grey\/20 {
border-color: rgb(51 51 51 / 0.2);
}
.border-dark-grey\/5 {
border-color: rgb(51 51 51 / 0.05);
}
.border-gold {
--tw-border-opacity: 1;
border-color: rgb(198 157 70 / var(--tw-border-opacity));
}
.border-light-grey {
--tw-border-opacity: 1;
border-color: rgb(250 250 250 / var(--tw-border-opacity));
}
.border-spa-blue {
--tw-border-opacity: 1;
border-color: rgb(67 104 146 / var(--tw-border-opacity));
}
.border-transparent {
border-color: transparent;
}
.border-white {
--tw-border-opacity: 1;
border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.border-white\/20 {
border-color: rgb(255 255 255 / 0.2);
}
.border-b-spa-blue {
--tw-border-opacity: 1;
border-bottom-color: rgb(67 104 146 / var(--tw-border-opacity));
}
.\!bg-spa-blue {
--tw-bg-opacity: 1 !important;
background-color: rgb(67 104 146 / var(--tw-bg-opacity)) !important;
}
.bg-\[\#FDFDFD\] {
--tw-bg-opacity: 1;
background-color: rgb(253 253 253 / var(--tw-bg-opacity));
}
.bg-black\/30 {
background-color: rgb(0 0 0 / 0.3);
}
.bg-gold {
--tw-bg-opacity: 1;
background-color: rgb(198 157 70 / var(--tw-bg-opacity));
}
.bg-gold\/20 {
background-color: rgb(198 157 70 / 0.2);
}
.bg-gray-200 {
--tw-bg-opacity: 1;
background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.bg-inherit {
background-color: inherit;
}
.bg-light-grey {
--tw-bg-opacity: 1;
background-color: rgb(250 250 250 / var(--tw-bg-opacity));
}
.bg-silver {
--tw-bg-opacity: 1;
background-color: rgb(192 192 192 / var(--tw-bg-opacity));
}
.bg-slate-100 {
--tw-bg-opacity: 1;
background-color: rgb(241 245 249 / var(--tw-bg-opacity));
}
.bg-spa-blue {
--tw-bg-opacity: 1;
background-color: rgb(67 104 146 / var(--tw-bg-opacity));
}
.bg-transparent {
background-color: transparent;
}
.bg-white {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-white\/10 {
background-color: rgb(255 255 255 / 0.1);
}
.bg-\[url\(\'\/wp-content\/uploads\/2025\/01\/dropdown-blue\.svg\'\)\] {
background-image: url(//www.spahotel.co.uk/wp-content/uploads/2025/01/dropdown-blue.svg);
}
.bg-fade-y-dark {
background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.30) 100%);
}
.bg-contain {
background-size: contain;
}
.bg-no-repeat {
background-repeat: no-repeat;
}
.object-contain {
-o-object-fit: contain;
object-fit: contain;
}
.object-cover {
-o-object-fit: cover;
object-fit: cover;
}
.object-bottom {
-o-object-position: bottom;
object-position: bottom;
}
.object-center {
-o-object-position: center;
object-position: center;
}
.object-left {
-o-object-position: left;
object-position: left;
}
.object-top {
-o-object-position: top;
object-position: top;
}
.p-2 {
padding: 0.5rem;
}
.p-4 {
padding: 1rem;
}
.p-6 {
padding: 1.5rem;
}
.p-8 {
padding: 2rem;
}
.\!px-5 {
padding-left: 1.25rem !important;
padding-right: 1.25rem !important;
}
.\!py-0 {
padding-top: 0px !important;
padding-bottom: 0px !important;
}
.\!py-3 {
padding-top: 0.75rem !important;
padding-bottom: 0.75rem !important;
}
.px-0 {
padding-left: 0px;
padding-right: 0px;
}
.px-1 {
padding-left: 0.25rem;
padding-right: 0.25rem;
}
.px-1\.5 {
padding-left: 0.375rem;
padding-right: 0.375rem;
}
.px-2 {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.px-3 {
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.px-4 {
padding-left: 1rem;
padding-right: 1rem;
}
.px-6 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.px-8 {
padding-left: 2rem;
padding-right: 2rem;
}
.py-1 {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
.py-1\.5 {
padding-top: 0.375rem;
padding-bottom: 0.375rem;
}
.py-12 {
padding-top: 3rem;
padding-bottom: 3rem;
}
.py-16 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.py-2 {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.py-24 {
padding-top: 6rem;
padding-bottom: 6rem;
}
.py-3 {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
.py-4 {
padding-top: 1rem;
padding-bottom: 1rem;
}
.py-6 {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.py-60 {
padding-top: 15rem;
padding-bottom: 15rem;
}
.py-9 {
padding-top: 2.25rem;
padding-bottom: 2.25rem;
}
.pb-12 {
padding-bottom: 3rem;
}
.pb-16 {
padding-bottom: 4rem;
}
.pb-2 {
padding-bottom: 0.5rem;
}
.pb-3 {
padding-bottom: 0.75rem;
}
.pb-4 {
padding-bottom: 1rem;
}
.pb-6 {
padding-bottom: 1.5rem;
}
.pb-8 {
padding-bottom: 2rem;
}
.pb-9 {
padding-bottom: 2.25rem;
}
.pt-11 {
padding-top: 2.75rem;
}
.pt-12 {
padding-top: 3rem;
}
.pt-16 {
padding-top: 4rem;
}
.pt-24 {
padding-top: 6rem;
}
.pt-3 {
padding-top: 0.75rem;
}
.pt-6 {
padding-top: 1.5rem;
}
.pt-72 {
padding-top: 18rem;
}
.text-left {
text-align: left;
}
.text-center {
text-align: center;
}
.font-display {
font-family: Judson, sans-serif;
}
.font-sans {
font-family: Hind Madurai, sans-serif;
}
.\!text-base {
font-size: 1rem !important;
}
.text-2xl {
font-size: 1.5rem;
}
.text-3xl {
font-size: 1.875rem;
}
.text-5xl {
font-size: 3rem;
}
.text-lg {
font-size: 1.125rem;
}
.text-sm {
font-size: 0.875rem;
}
.text-xl {
font-size: 1.25rem;
}
.text-xs {
font-size: 0.75rem;
line-height: 1rem;
}
.\!font-normal {
font-weight: 400 !important;
}
.font-bold {
font-weight: 700;
}
.font-extrabold {
font-weight: 800;
}
.font-light {
font-weight: 300;
}
.font-medium {
font-weight: 500;
}
.font-normal {
font-weight: 400;
}
.uppercase {
text-transform: uppercase;
}
.leading-tight {
line-height: 1.25;
}
.\!text-white {
--tw-text-opacity: 1 !important;
color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
.text-\[\#6B7280\] {
--tw-text-opacity: 1;
color: rgb(107 114 128 / var(--tw-text-opacity));
}
.text-dark-grey {
--tw-text-opacity: 1;
color: rgb(51 51 51 / var(--tw-text-opacity));
}
.text-dark-grey\/70 {
color: rgb(51 51 51 / 0.7);
}
.text-gray-700 {
--tw-text-opacity: 1;
color: rgb(55 65 81 / var(--tw-text-opacity));
}
.text-gray-800 {
--tw-text-opacity: 1;
color: rgb(31 41 55 / var(--tw-text-opacity));
}
.text-gray-900 {
--tw-text-opacity: 1;
color: rgb(17 24 39 / var(--tw-text-opacity));
}
.text-spa-blue {
--tw-text-opacity: 1;
color: rgb(67 104 146 / var(--tw-text-opacity));
}
.text-white {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.underline {
text-decoration-line: underline;
}
.antialiased {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.\!opacity-100 {
opacity: 1 !important;
}
.opacity-0 {
opacity: 0;
}
.opacity-100 {
opacity: 1;
}
.opacity-30 {
opacity: 0.3;
}
.opacity-50 {
opacity: 0.5;
}
.backdrop-blur-sm {
--tw-backdrop-blur: blur(4px);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.transition {
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.transition-all {
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.duration-300 {
transition-duration: 300ms;
}
.duration-500 {
transition-duration: 500ms;
}
.ease-in {
transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.ease-in-out {
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.alignfull {
margin: 2rem calc(50% - 50vw) !important;
max-width: 100vw !important;
width: 100vw;
}
.alignwide {
margin: 2rem 0;
max-width: 1280px !important;
}
.alignnone {
margin-left: 0px;
margin-right: 0px;
height: auto;
max-width: 100%;
}
.aligncenter {
margin: 0.5rem auto;
display: block;
}
@media (min-width: 600px) {
.alignleft:not(.wp-block-button) {
margin-right: 0.5rem;
float: left;
}
.alignright:not(.wp-block-button) {
margin-left: 0.5rem;
float: right;
}
.wp-block-button.alignleft a {
float: left;
margin-right: 1rem;
}
.wp-block-button.alignright a {
float: right;
margin-left: 1rem;
}
}
.wp-caption {
display: inline-block;
}
.wp-caption img {
margin-bottom: 0.5rem;
line-height: 1;
}
.wp-caption-text {
font-size: 0;
color: #4b5563;
}
* {
box-sizing: border-box;
}
html {
overflow-x: hidden;
}
h1,h2,h3,h4,h5,h6 {
font-family: Judson, sans-serif;
line-height: 1;
}
h2 {
font-size: 1.875rem;
}
@media (min-width: 960px) {
h2 {
font-size: 3rem;
}
}
p {
font-size: 0.875rem;
font-weight: 300;
}
@media (min-width: 782px) {
p {
font-size: 1.125rem;
}
}
.section-y-normal {
padding-top: 4rem;
padding-bottom: 4rem;
}
@media (min-width: 960px) {
.section-y-normal {
padding-top: 6rem;
padding-bottom: 6rem;
}
}
.section-y-small {
padding-top: 4rem;
padding-bottom: 4rem;
}
@media (min-width: 960px) {
.section-y-small {
padding-top: 6rem;
padding-bottom: 4rem;
}
}
.banner-buttons {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 0.5rem;
}
.banner-buttons :nth-child(odd) {
--tw-border-opacity: 1;
border-color: rgb(255 255 255 / var(--tw-border-opacity));
background-color: transparent;
}
.text-shadow {
text-shadow: -1px 2px 3px rgba(0, 0, 0, 0.25), 0px 1px 1px rgba(0, 0, 0, 0.25), 0px 2px 3px rgba(0, 0, 0, 0.25);
}
.text-block-content p, .text-block-content h2, .text-section p, .text-section h2, .text-image-content p, .text-image-content h2, .room-upgrade p, .room-upgrade h2 {
margin-bottom: 1rem;
}
.text-block-content p strong, .text-block-content h2 strong, .text-section p strong, .text-section h2 strong, .text-image-content p strong, .text-image-content h2 strong, .room-upgrade p strong, .room-upgrade h2 strong {
font-weight: 700;
}
.text-block-content h3, .text-section h3, .text-image-content h3, .room-upgrade h3 {
margin-bottom: 1rem;
font-size: 1.125rem;
}
@media (min-width: 960px) {
.text-block-content h3, .text-section h3, .text-image-content h3, .room-upgrade h3 {
font-size: 1.5rem;
}
}
.text-block-content hr, .text-section hr, .text-image-content hr, .room-upgrade hr {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
margin-left: auto;
margin-right: auto;
width: 3.5rem;
--tw-border-opacity: 1;
border-color: rgb(198 157 70 / var(--tw-border-opacity));
}
.wedding-card {
position: relative;
display: flex;
height: 100%;
width: 100%;
flex-direction: column;
align-items: center;
justify-content: center;
border-radius: 0.5rem;
padding: 2rem;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.wedding-card h2 {
margin-bottom: 1rem;
font-size: 1.25rem;
}
@media (min-width: 960px) {
.wedding-card h2 {
font-size: 3rem;
}
}
.wedding-card p {
margin-bottom: 1rem;
}
.ceremony-numbers li {
border-bottom-width: 1px;
border-bottom-color: rgb(51 51 51 / 0.1);
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.ceremony-numbers.room-numbers li {
border-bottom-width: 1px;
border-bottom-color: transparent;
}
.event-room-card:last-of-type {
grid-column: span 1 / span 1;
flex-direction: column;
align-items: center;
justify-content: center;
}
@media (min-width: 960px) {
.event-room-card:last-of-type {
grid-column: span 3 / span 3;
flex-direction: row;
}
}
.event-room-card:last-of-type .event-room-image, .event-room-card:last-of-type .event-room-content {
width: 100%;
}
@media (min-width: 960px) {
.event-room-card:last-of-type .event-room-image, .event-room-card:last-of-type .event-room-content {
width: 50%;
}
}
.entry-content p {
margin-bottom: 1rem;
} .btn {
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 9999px;
border-width: 1px;
border-color: transparent;
--tw-bg-opacity: 1;
background-color: rgb(67 104 146 / var(--tw-bg-opacity));
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
text-align: center;
font-family: Hind Madurai, sans-serif;
font-size: 0.875rem;
font-weight: 500;
text-transform: uppercase;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (min-width: 782px) {
.btn {
font-size: 1rem;
}
}
.btn.btn-outline {
--tw-border-opacity: 1;
border-color: rgb(51 51 51 / var(--tw-border-opacity));
background-color: transparent;
--tw-text-opacity: 1;
color: rgb(51 51 51 / var(--tw-text-opacity));
}
.btn.btn-outline-white {
--tw-border-opacity: 1;
border-color: rgb(255 255 255 / var(--tw-border-opacity));
background-color: transparent;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.btn.btn-white {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(67 104 146 / var(--tw-text-opacity));
} .vimeo-container {
--videoRatio: calc(21.2 / 9); background-color: #FFFFFF;
padding: 0;
margin: 0;
width: 100vw;
height: 100vh;
overflow: hidden;
position: relative;
} .vimeo-container iframe {
padding: 0;
margin: 0;
position: relative;
--w: 100vw;
--h: calc(var(--w) / var(--videoRatio));
top: calc(50% - (var(--h) / 2));
left: 0;
width: var(--w);
height: var(--h);
-o-object-fit: cover;
object-fit: cover;
} @media (max-aspect-ratio: 21.2 / 9) { .vimeo-container iframe {
--h: 100vh;
--w: calc(var(--h) * var(--videoRatio));
top: 0;
left: calc(50% - (var(--w) / 2));
}
} .thumb-swiper .swiper-slide {
display: flex;
flex-shrink: 1;
justify-content: center;
border-bottom-width: 2px;
border-color: transparent;
}
.thumb-swiper .swiper-slide-thumb-active {
--tw-border-opacity: 1;
border-color: rgb(198 157 70 / var(--tw-border-opacity));
} .review-slide {
width: 100% !important;
background-color: rgb(67 104 146 / 0.05);
}
.swiper-pagination-bullet .swiper-pagination-bullet-active {
--tw-bg-opacity: 1 !important;
background-color: rgb(67 104 146 / var(--tw-bg-opacity)) !important;
} .menu-links button {
border-bottom-width: 2px;
border-color: transparent;
padding-bottom: 0.5rem;
opacity: 0.5;
}
.menu-links button.active {
--tw-border-opacity: 1;
border-color: rgb(51 51 51 / var(--tw-border-opacity));
font-weight: 700;
opacity: 1;
}
.menu-title-strike {
display: flex;
}
.menu-title-strike:before, .menu-title-strike:after {
color:white;
content:'';
flex:1;
margin-top: auto;
margin-bottom: auto;
border-bottom-width: 2px;
--tw-border-opacity: 1;
border-color: rgb(51 51 51 / var(--tw-border-opacity));
}
details[open] summary img {
transform: rotate(180deg); transition: transform 0.3s ease; }
summary img {
transform: rotate(0deg); transition: transform 0.3s ease; }
details summary {
list-style: none; }
details summary::-webkit-details-marker {
display: none; } .wedding-table {
table-layout: fixed;
min-width: 780px;
}
.wedding-table th, .wedding-table td {
width: calc(100% / 4);
padding-left: 0.75rem;
padding-right: 0.75rem;
font-size: 0.875rem;
}
.wedding-table tr {
border-bottom-width: 1px;
border-color: rgb(51 51 51 / 0.05);
}
.wedding-table td {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.capacities-table th, .capacities-table td {
width: calc(100% / 9);
min-width: 200px;
}
#primary-menu.opened-menu {
display: block;
}
.nav-transition {
--tw-bg-opacity: 1 !important;
background-color: rgb(67 104 146 / var(--tw-bg-opacity)) !important;
--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.nav-small {
height: 0;
border-bottom-width: 0px !important;
padding-top: 0px !important;
padding-bottom: 0px !important;
}
.nav-small a {
opacity: 0;
}
.nav-small .custom-logo-link {
opacity: 0;
}
.custom-logo-link img {
max-width: 5rem;
}
.menu-bottom-border {
border-bottom-width: 1px;
border-color: rgb(255 255 255 / 0.2);
}
.menu-bottom-border.border-remove {
border-bottom-width: 0px;
}
@media (min-width: 960px) {
.menu-bottom-border.border-remove {
border-bottom-width: 1px;
}
}
.menu-item-has-children > a:after {
content: '';
margin-left: 0.25rem;
display: inline-block;
height: 0.5rem;
width: 0.75rem;
background-image: url(//www.spahotel.co.uk/wp-content/uploads/2025/01/dropdown-blue.svg);
background-size: contain;
background-repeat: no-repeat;
}
@media (min-width: 960px) {
.menu-item-has-children > a:after {
background-image: url(//www.spahotel.co.uk/wp-content/uploads/2025/01/dropdown-white.svg);
}
}
.menu-item-has-children > a:after {
transform: rotate(0deg);
}
.menu-item-has-children.open > a:after, 
.menu-item-has-children > a[aria-expanded="true"]:after {
padding-bottom: 0.25rem;
transform: rotate(180deg);
}
#menu-primary-menu {
padding-top: 1rem;
padding-bottom: 1rem;
}
@media (min-width: 960px) {
#menu-primary-menu {
padding-top: 0px;
padding-bottom: 0px;
}
}
#menu-primary-menu li {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
.sub-menu li {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
--tw-text-opacity: 1;
color: rgb(67 104 146 / var(--tw-text-opacity));
}
.sub-menu li :hover {
font-weight: 700;
}
.sub-menu.open {
display: block;
}
#book-menu {
position: absolute;
inset: 0px;
z-index: 1000;
display: none;
height: 100vh;
width: 100%;
grid-template-columns: repeat(2, minmax(0, 1fr));
--tw-bg-opacity: 1;
background-color: rgb(67 104 146 / var(--tw-bg-opacity));
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 500ms;
}
@media (min-width: 960px) {
#book-menu.open {
display: grid;
}
}
#menu-book-menu li {
font-weight: 300;
}
#menu-book-menu li:hover {
text-decoration-line: underline;
}
.book-button-mobile {
display: block;
}
@media (min-width: 960px) {
.book-button-mobile {
display: none;
}
} .gform_title {
margin-bottom: 1rem;
}
.contact-form, .vacancy-form {
margin-left: auto;
margin-right: auto;
max-width: 56rem;
border-radius: 0.5rem;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
padding: 2rem;
}
.contact-form input,
.contact-form textarea,
.contact-form select,
.vacancy-form input,
.vacancy-form textarea,
.vacancy-form select {
width: 100%;
border-radius: 0.5rem;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(250 250 250 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(250 250 250 / var(--tw-bg-opacity));
padding-left: 1.25rem !important;
padding-right: 1.25rem !important;
padding-top: 0.75rem !important;
padding-bottom: 0.75rem !important;
text-align: left;
}
.contact-form input::-moz-placeholder, .contact-form textarea::-moz-placeholder, .contact-form select::-moz-placeholder, .vacancy-form input::-moz-placeholder, .vacancy-form textarea::-moz-placeholder, .vacancy-form select::-moz-placeholder {
--tw-text-opacity: 1;
color: rgb(107 114 128 / var(--tw-text-opacity));
}
.contact-form input::placeholder, .contact-form textarea::placeholder, .contact-form select::placeholder, .vacancy-form input::placeholder, .vacancy-form textarea::placeholder, .vacancy-form select::placeholder {
--tw-text-opacity: 1;
color: rgb(107 114 128 / var(--tw-text-opacity));
}
.contact-form label, .vacancy-form label {
display: flex !important;
align-items: center;
font-family: Hind Madurai, sans-serif;
font-size: 1rem !important;
font-weight: 400 !important;
--tw-text-opacity: 1 !important;
color: rgb(0 0 0 / var(--tw-text-opacity)) !important;
}
.contact-form fieldset, .vacancy-form fieldset {
display: flex !important;
flex-wrap: wrap;
}
.contact-form input[type='submit'], .vacancy-form input[type='submit'] {
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 9999px;
border-width: 1px;
border-color: transparent;
--tw-bg-opacity: 1;
background-color: rgb(67 104 146 / var(--tw-bg-opacity));
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
text-align: center;
font-family: Hind Madurai, sans-serif;
font-size: 0.875rem;
font-weight: 500;
text-transform: uppercase;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (min-width: 782px) {
.contact-form input[type='submit'], .vacancy-form input[type='submit'] {
font-size: 1rem;
}
}
.booking-form label {
font-size: 0.875rem;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.booking-form button {
--tw-border-opacity: 1;
border-color: rgb(255 255 255 / var(--tw-border-opacity));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.booking-form select, .booking-form input {
border-radius: 0.5rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 0.75rem;
padding-right: 0.75rem;
} .sign-up form {
padding-top: 3rem;
padding-bottom: 3rem;
}
.sign-up form div {
display: flex;
flex-direction: column;
justify-content: center;
gap: 0.5rem;
}
@media (min-width: 782px) {
.sign-up form div {
flex-direction: row;
gap: 0px;
}
}
.sign-up form input {
border-radius: 0.5rem;
border-width: 2px;
--tw-border-opacity: 1;
border-color: rgb(255 255 255 / var(--tw-border-opacity));
padding-left: 1rem;
padding-right: 1rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
--tw-text-opacity: 1 !important;
color: rgb(51 51 51 / var(--tw-text-opacity)) !important;
}
@media (min-width: 782px) {
.sign-up form input {
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0.5rem;
border-bottom-left-radius: 0.5rem;
}
}
.sign-up form input[type="submit"] {
cursor: pointer;
border-radius: 0.5rem;
border-top-right-radius: 0.5rem;
border-bottom-right-radius: 0.5rem;
--tw-text-opacity: 1 !important;
color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
@media (min-width: 782px) {
.sign-up form input[type="submit"] {
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
}
body {
font-family: Hind Madurai, sans-serif;
}
.wp-block {
max-width: 1280px;
}
.wp-block[data-align=wide] {
max-width: 1280px;
}
.wp-block[data-align=full] {
max-width: 100%;
}
.hover\:scale-125:hover {
--tw-scale-x: 1.25;
--tw-scale-y: 1.25;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:\!text-white:hover {
--tw-text-opacity: 1 !important;
color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
.hover\:text-dark-grey:hover {
--tw-text-opacity: 1;
color: rgb(51 51 51 / var(--tw-text-opacity));
}
.hover\:underline:hover {
text-decoration-line: underline;
}
.group:hover .group-hover\:block {
display: block;
}
.group:hover .group-hover\:scale-125 {
--tw-scale-x: 1.25;
--tw-scale-y: 1.25;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:bg-spa-blue {
--tw-bg-opacity: 1;
background-color: rgb(67 104 146 / var(--tw-bg-opacity));
}
.group:hover .group-hover\:opacity-100 {
opacity: 1;
}
@media (min-width: 782px) {
.md\:bottom-\[100px\] {
bottom: 100px;
}
.md\:my-6 {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
.md\:mb-16 {
margin-bottom: 4rem;
}
.md\:mt-16 {
margin-top: 4rem;
}
.md\:block {
display: block;
}
.md\:flex {
display: flex;
}
.md\:h-\[500px\] {
height: 500px;
}
.md\:w-1\/2 {
width: 50%;
}
.md\:w-4\/5 {
width: 80%;
}
.md\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.md\:flex-row {
flex-direction: row;
}
.md\:flex-col {
flex-direction: column;
}
.md\:gap-16 {
gap: 4rem;
}
.md\:gap-3 {
gap: 0.75rem;
}
.md\:overflow-auto {
overflow: auto;
}
.md\:rounded-l-lg {
border-top-left-radius: 0.5rem;
border-bottom-left-radius: 0.5rem;
}
.md\:rounded-l-none {
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
.md\:rounded-r-none {
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
.md\:p-16 {
padding: 4rem;
}
.md\:p-5 {
padding: 1.25rem;
}
.md\:p-6 {
padding: 1.5rem;
}
.md\:text-3xl {
font-size: 1.875rem;
}
.md\:text-base {
font-size: 1rem;
}
.md\:text-lg {
font-size: 1.125rem;
}
}
@media (min-width: 960px) {
.lg\:absolute {
position: absolute;
}
.lg\:relative {
position: relative;
}
.lg\:bottom-12 {
bottom: 3rem;
}
.lg\:top-auto {
top: auto;
}
.lg\:order-first {
order: -9999;
}
.lg\:order-last {
order: 9999;
}
.lg\:col-span-3 {
grid-column: span 3 / span 3;
}
.lg\:col-span-6 {
grid-column: span 6 / span 6;
}
.lg\:mb-24 {
margin-bottom: 6rem;
}
.lg\:block {
display: block;
}
.lg\:flex {
display: flex;
}
.lg\:\!inline-flex {
display: inline-flex !important;
}
.lg\:grid {
display: grid;
}
.lg\:hidden {
display: none;
}
.lg\:h-\[450px\] {
height: 450px;
}
.lg\:h-\[550px\] {
height: 550px;
}
.lg\:h-auto {
height: auto;
}
.lg\:w-auto {
width: auto;
}
.lg\:max-w-xl {
max-width: 36rem;
}
.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-9 {
grid-template-columns: repeat(9, minmax(0, 1fr));
}
.lg\:flex-row {
flex-direction: row;
}
.lg\:items-center {
align-items: center;
}
.lg\:justify-center {
justify-content: center;
}
.lg\:gap-4 {
gap: 1rem;
}
.lg\:overflow-visible {
overflow: visible;
}
.lg\:rounded {
border-radius: 0.25rem;
}
.lg\:border-b-\[1px\] {
border-bottom-width: 1px;
}
.lg\:bg-transparent {
background-color: transparent;
}
.lg\:bg-white {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.lg\:bg-\[url\(\'\/wp-content\/uploads\/2025\/01\/dropdown-white\.svg\'\)\] {
background-image: url(//www.spahotel.co.uk/wp-content/uploads/2025/01/dropdown-white.svg);
}
.lg\:p-0 {
padding: 0px;
}
.lg\:p-12 {
padding: 3rem;
}
.lg\:p-4 {
padding: 1rem;
}
.lg\:px-0 {
padding-left: 0px;
padding-right: 0px;
}
.lg\:px-12 {
padding-left: 3rem;
padding-right: 3rem;
}
.lg\:px-16 {
padding-left: 4rem;
padding-right: 4rem;
}
.lg\:px-24 {
padding-left: 6rem;
padding-right: 6rem;
}
.lg\:px-6 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.lg\:py-12 {
padding-top: 3rem;
padding-bottom: 3rem;
}
.lg\:py-2 {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.lg\:py-24 {
padding-top: 6rem;
padding-bottom: 6rem;
}
.lg\:py-4 {
padding-top: 1rem;
padding-bottom: 1rem;
}
.lg\:pb-24 {
padding-bottom: 6rem;
}
.lg\:pb-6 {
padding-bottom: 1.5rem;
}
.lg\:pt-24 {
padding-top: 6rem;
}
.lg\:text-2xl {
font-size: 1.5rem;
}
.lg\:text-3xl {
font-size: 1.875rem;
}
.lg\:text-5xl {
font-size: 3rem;
}
.lg\:text-7xl {
font-size: 4.5rem;
}
.lg\:text-white {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
}
@media (min-width: 1280px) {
.xl\:pb-32 {
padding-bottom: 8rem;
}
.xl\:text-8xl {
font-size: 6rem;
}
}