:root {
    --header-height: 18rem;
    --header-height-classic: 15rem;
}

body {
  -webkit-user-select: none; /* Chrome, Safari */
  -moz-user-select: none;    /* Firefox */
  -ms-user-select: none;     /* IE/Edge */
  user-select: none;         /* Standard */
}

@keyframes slide-bottom {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(15px);
    }
}

.slide-bottom {
    animation: slide-bottom 1s ease-in-out infinite alternate both;
}

@keyframes slide-top {
    0% {
        transform: translateY(100vh);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes reduce {
    0% {
        transform: scale(100%);
        opacity: 1;
    }

    100% {
        transform: scale(97%);
        opacity: 0.7;
    }
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    min-height: 100dvh;
}

.slide-top {
    animation: slide-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.zoom .image-wrapper,
.zoom figure {
    overflow: clip;
}

.zoom img {
    transform: scale(1);
    transition: all 0.5s ease-in-out;
}

.zoom:hover img {
    transform: scale(1.1);
}

.hover-underline-animation {
    display: inline-block;
    position: relative;
    cursor: pointer;
}

.hover-underline-animation::after {
    content: "";
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 1px;
    bottom: 0;
    left: 0;
    background-color: var(--bs-primary);
    transform-origin: bottom right;
    transition: transform 0.4s ease-out;
}

.hover-underline-animation:hover::after {
    transform: scaleX(1);
    transform-origin: bottom left;
}

.single-term .heading-4 a {
    position: relative;
    display: inline-block;
}

.single-term .heading-4 a::after {
    content: "";
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 2px;
    bottom: -0.1rem;
    left: 0;
    background-color: var(--bs-primary);
    transform-origin: bottom right;
    transition: transform 0.3s ease-out;
}

.single-term:hover {
    cursor: pointer;
}

.single-term:hover .heading-4 a::after {
    transform: scaleX(1);
    transform-origin: bottom left;
}

.default-transition {
    transition: all 0.5s ease-in-out !important;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}

html {
    font-size: 10px;
    scroll-behavior: smooth;
    -webkit-font-smoothing: antialiased;
}

html,
body,
div,
header,
nav,
ul,
li {
    box-sizing: border-box;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

b,
strong {
    font-weight: bold;
}

* {
    font-size: 1em;
    text-decoration: none;
}

sup {
    vertical-align: super;
    font-size: 0.83em;
}

body {
    line-height: 1;
    max-width: 100vw;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote::before,
blockquote::after,
q::before,
q::after {
    content: "";
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a {
    color: unset;
}

a:hover,
a:visited {
    color: unset;
}

button {
    border: none;
    background: transparent;
}

a:active,
p:active,
h1:active,
h2:active,
h3:active,
h4:active,
h5:active,
h6:active,
li:active,
select:active,
button:active,
video:active,
input:active,
textarea:active,
div:active,
picture:active,
img:active {
    outline: none !important;
    box-shadow: none !important;
}

a:focus-within,
p:focus-within,
h1:focus-within,
h2:focus-within,
h3:focus-within,
h4:focus-within,
h5:focus-within,
h6:focus-within,
li:focus-within,
select:focus-within,
button:focus-within,
video:focus-within,
input:focus-within,
textarea:focus-within,
div:focus-within,
picture:focus-within,
img:focus-within {
    outline: none !important;
    box-shadow: none !important;
}

a:focus,
p:focus,
h1:focus,
h2:focus,
h3:focus,
h4:focus,
h5:focus,
h6:focus,
li:focus,
select:focus,
button:focus,
video:focus,
input:focus,
textarea:focus,
div:focus,
picture:focus,
img:focus {
    outline: none !important;
    box-shadow: none !important;
}

a:visited,
p:visited,
h1:visited,
h2:visited,
h3:visited,
h4:visited,
h5:visited,
h6:visited,
li:visited,
select:visited,
button:visited,
video:visited,
input:visited,
textarea:visited,
div:visited,
picture:visited,
img:visited {
    color: inherit;
}

input,
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.sr-only {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important;
}

.sr-only-focusable:focus,
.sr-only-focusable:active {
    clip: auto !important;
    -webkit-clip-path: none !important;
    clip-path: none !important;
    height: auto !important;
    margin: auto !important;
    overflow: visible !important;
    width: auto !important;
    white-space: normal !important;
}

.wpml-ls-statics-footer,
.otgs-development-site-front-end {
    display: none !important;
}

figure {
    position: relative;
    overflow: clip;
}

figure .thumb {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    transition: opacity 1.2s ease-in-out;
}

figure .final {
    position: absolute;
    display: block;
    height: 100%;
    top: 0;
    left: 0;
    width: 100%;
    min-width: 1px;
    min-height: 1px;
    opacity: 0;
    z-index: 10;
    transition: opacity 1.1s ease-in-out;
}

figure .final img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
}

figure.cover .thumb {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    display: block;
}

figure.cover .final img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    display: block;
}

figure.lazy .final {
    height: 100%;
    opacity: 1;
}

figure.lazy .thumb {
    position: relative;
    z-index: -1;
    opacity: 0;
}

figure.is-svg picture img,
figure.is-svg picture svg {
    width: 100%;
    height: auto;
}

.fade-in {
    opacity: 1;
}

html,
body {
    color: #7e7e7e;
}

::-moz-selection {
    color: black !important;
    background: var(--bs-primary) !important;
}

::selection {
    color: black !important;
    background: var(--bs-primary) !important;
}

.primary {
    color: var(--bs-primary);
}

.primary:visited {
    color: var(--bs-primary);
}

.primary-darken {
    color: #006fac;
}

.primary-bg {
    background-color: var(--bs-primary);
}

.primary-bg-darken {
    background-color: #006fac;
}

.secondary {
    color: #b7e6ff;
}

.secondary:visited {
    color: #b7e6ff;
}

.secondary-darken {
    color: #84d4ff;
}

.secondary-bg {
    background-color: #b7e6ff;
}

.secondary-bg-darken {
    background-color: #84d4ff;
}

.text-color {
    color: #7e7e7e;
}

.text-color:visited {
    color: #7e7e7e;
}

.text-color-darken {
    color: #656565;
}

.text-color-bg {
    background-color: #7e7e7e;
}

.text-color-bg-darken {
    background-color: #656565;
}

.white {
    color: #fff;
}

.white:visited {
    color: #fff;
}

.white-darken {
    color: #e6e6e6;
}

.white-bg {
    background-color: #fff;
}

.white-bg-darken {
    background-color: #e6e6e6;
}

.black {
    color: #161616;
}

.black:visited {
    color: #161616;
}

.black-darken {
    color: black;
}

.black-bg {
    background-color: #161616;
}

.black-bg-darken {
    background-color: black;
}

.light-grey {
    color: #eaeaea;
}

.light-grey:visited {
    color: #eaeaea;
}

.light-grey-darken {
    color: #d1d1d1;
}

.light-grey-bg {
    background-color: #eaeaea;
}

.light-grey-bg-darken {
    background-color: #d1d1d1;
}

.medium-grey {
    color: #b5b5b5;
}

.medium-grey:visited {
    color: #b5b5b5;
}

.medium-grey-darken {
    color: #9c9c9c;
}

.medium-grey-bg {
    background-color: #b5b5b5;
}

.medium-grey-bg-darken {
    background-color: #9c9c9c;
}

.dark-grey {
    color: #717171;
}

.dark-grey:visited {
    color: #717171;
}

.dark-grey-darken {
    color: #585858;
}

.dark-grey-bg {
    background-color: #717171;
}

.dark-grey-bg-darken {
    background-color: #585858;
}

.grey-a {
    color: #c6c6c6;
}

.grey-a:visited {
    color: #c6c6c6;
}

.grey-a-darken {
    color: #adadad;
}

.grey-a-bg {
    background-color: #c6c6c6;
}

.grey-a-bg-darken {
    background-color: #adadad;
}

.grey-b {
    color: #808080;
}

.grey-b:visited {
    color: #808080;
}

.grey-b-darken {
    color: #676767;
}

.grey-b-bg {
    background-color: #808080;
}

.grey-b-bg-darken {
    background-color: #676767;
}

.grey-c {
    color: #7E7E7E;
}

.grey-c:visited {
    color: #7E7E7E;
}

.grey-c-darken {
    color: #656565;
}

.grey-c-bg {
    background-color: #7E7E7E;
}

.grey-c-bg-darken {
    background-color: #656565;
}

.heading-1-bigger {
    font-family: "Montserrat";
    font-size: 4.5rem;
    line-height: 1.2;
    font-weight: 800;
}

@media (min-width: 576px) {
    .heading-1-bigger {
        font-size: 4.5rem;
    }
}

@media (min-width: 768px) {
    .heading-1-bigger {
        font-size: 5rem;
    }
}

@media (min-width: 992px) {
    .heading-1-bigger {
        font-size: 5rem;
    }
}

@media (min-width: 576px) {
    .heading-1-bigger {
        line-height: 1.2;
    }
}

@media (min-width: 768px) {
    .heading-1-bigger {
        line-height: 1.2;
    }
}

@media (min-width: 992px) {
    .heading-1-bigger {
        line-height: 1.2;
    }
}

h1,
.heading-1 {
    font-family: "Montserrat";
    font-size: 2.5rem;
    line-height: 1.2;
    font-weight: 800;
}

@media (min-width: 576px) {

    h1,
    .heading-1 {
        font-size: 2.8rem;
    }
}

@media (min-width: 768px) {

    h1,
    .heading-1 {
        font-size: 3rem;
    }
}

@media (min-width: 992px) {

    h1,
    .heading-1 {
        font-size: 3.5rem;
    }
}

@media (min-width: 576px) {

    h1,
    .heading-1 {
        line-height: 1.2;
    }
}

@media (min-width: 768px) {

    h1,
    .heading-1 {
        line-height: 1.2;
    }
}

@media (min-width: 992px) {

    h1,
    .heading-1 {
        line-height: 1.2;
    }
}

h2,
.heading-2 {
    font-family: "Montserrat";
    font-size: 2.4rem;
    line-height: 1.2;
    font-weight: 700;
}

@media (min-width: 576px) {

    h2,
    .heading-2 {
        font-size: 2.8rem;
    }
}

@media (min-width: 768px) {

    h2,
    .heading-2 {
        font-size: 3rem;
    }
}

@media (min-width: 992px) {

    h2,
    .heading-2 {
        font-size: 3.2rem;
    }
}

@media (min-width: 576px) {

    h2,
    .heading-2 {
        line-height: 1.2;
    }
}

@media (min-width: 768px) {

    h2,
    .heading-2 {
        line-height: 1.2;
    }
}

@media (min-width: 992px) {

    h2,
    .heading-2 {
        line-height: 1.2;
    }
}

.heading-2-alt {
    font-family: "Montserrat";
    font-size: 2.4rem;
    line-height: 1.2;
    font-weight: 700;
}

@media (min-width: 576px) {
    .heading-2-alt {
        font-size: 2.8rem;
    }
}

@media (min-width: 768px) {
    .heading-2-alt {
        font-size: 3.2rem;
    }
}

@media (min-width: 992px) {
    .heading-2-alt {
        font-size: 4rem;
    }
}

@media (min-width: 576px) {
    .heading-2-alt {
        line-height: 1.2;
    }
}

@media (min-width: 768px) {
    .heading-2-alt {
        line-height: 1.2;
    }
}

@media (min-width: 992px) {
    .heading-2-alt {
        line-height: 1.2;
    }
}

h3,
.heading-3 {
    font-family: "Montserrat";
    font-size: 2rem;
    line-height: 1.3;
    font-weight: 700;
}

@media (min-width: 576px) {

    h3,
    .heading-3 {
        font-size: 2.2rem;
    }
}

@media (min-width: 768px) {

    h3,
    .heading-3 {
        font-size: 2.6rem;
    }
}

@media (min-width: 992px) {

    h3,
    .heading-3 {
        font-size: 2.8rem;
    }
}

@media (min-width: 576px) {

    h3,
    .heading-3 {
        line-height: 1.3;
    }
}

@media (min-width: 768px) {

    h3,
    .heading-3 {
        line-height: 1.3;
    }
}

@media (min-width: 992px) {

    h3,
    .heading-3 {
        line-height: 1.3;
    }
}

.heading-3-alt {
    font-family: "Montserrat";
    font-size: 2rem;
    line-height: 1.3;
    font-weight: 700;
}

@media (min-width: 576px) {
    .heading-3-alt {
        font-size: 2.2rem;
    }
}

@media (min-width: 768px) {
    .heading-3-alt {
        font-size: 2.6rem;
    }
}

@media (min-width: 992px) {
    .heading-3-alt {
        font-size: 2.8rem;
    }
}

@media (min-width: 576px) {
    .heading-3-alt {
        line-height: 1.3;
    }
}

@media (min-width: 768px) {
    .heading-3-alt {
        line-height: 1.3;
    }
}

@media (min-width: 992px) {
    .heading-3-alt {
        line-height: 1.3;
    }
}

h4,
.heading-4 {
    font-family: "Montserrat";
    font-size: 1.8rem;
    line-height: 1.4;
    font-weight: 400;
}

@media (min-width: 576px) {

    h4,
    .heading-4 {
        font-size: 1.9rem;
    }
}

@media (min-width: 768px) {

    h4,
    .heading-4 {
        font-size: 2.2rem;
    }
}

@media (min-width: 992px) {

    h4,
    .heading-4 {
        font-size: 2.3rem;
    }
}

@media (min-width: 576px) {

    h4,
    .heading-4 {
        line-height: 1.4;
    }
}

@media (min-width: 768px) {

    h4,
    .heading-4 {
        line-height: 1.4;
    }
}

@media (min-width: 992px) {

    h4,
    .heading-4 {
        line-height: 1.4;
    }
}

p,
div,
ul,
body,
.text-1 {
    font-family: "Montserrat";
    font-size: 1.5rem;
    line-height: 1.4;
    font-weight: 400;
}

@media (min-width: 768px) {

    p,
    div,
    ul,
    body,
    .text-1 {
        font-size: 1.6rem;
    }
}

@media (min-width: 992px) {

    p,
    div,
    ul,
    body,
    .text-1 {
        font-size: 1.6rem;
    }
}

@media (min-width: 576px) {

    p,
    div,
    ul,
    body,
    .text-1 {
        line-height: 1.5;
    }
}

@media (min-width: 768px) {

    p,
    div,
    ul,
    body,
    .text-1 {
        line-height: 1.5;
    }
}

@media (min-width: 992px) {

    p,
    div,
    ul,
    body,
    .text-1 {
        line-height: 1.5;
    }
}

.text-1-bigger {
    font-family: "Montserrat";
    font-size: 1.8rem;
    line-height: 1.4;
    font-weight: 400;
}

@media (min-width: 768px) {
    .text-1-bigger {
        font-size: 1.9rem;
    }
}

@media (min-width: 992px) {
    .text-1-bigger {
        font-size: 2rem;
    }
}

@media (min-width: 576px) {
    .text-1-bigger {
        line-height: 1.5;
    }
}

@media (min-width: 768px) {
    .text-1-bigger {
        line-height: 1.5;
    }
}

@media (min-width: 992px) {
    .text-1-bigger {
        line-height: 1.5;
    }
}

.menu-item-text {
    font-family: "Montserrat";
    font-size: 2.4rem;
    line-height: 1.4;
    font-weight: 300;
}

@media (min-width: 768px) {
    .menu-item-text {
        font-size: 2.6rem;
    }
}

@media (min-width: 992px) {
    .menu-item-text {
        font-size: 3rem;
    }
}

@media (min-width: 1200px) {
    .menu-item-text {
        font-size: 3.4rem;
    }
}

@media (min-width: 576px) {
    .menu-item-text {
        line-height: 1.5;
    }
}

@media (min-width: 768px) {
    .menu-item-text {
        line-height: 1.5;
    }
}

@media (min-width: 992px) {
    .menu-item-text {
        line-height: 1.5;
    }
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}

@media (min-width: 576px) {
    .text-center-sm {
        text-align: center;
    }
}

@media (min-width: 768px) {
    .text-center-md {
        text-align: center;
    }
}

@media (min-width: 992px) {
    .text-center-lg {
        text-align: center;
    }
}

@media (min-width: 1200px) {
    .text-center-xl {
        text-align: center;
    }
}

@media (min-width: 1400px) {
    .text-center-xxl {
        text-align: center;
    }
}

@media (min-width: 576px) {
    .text-left-sm {
        text-align: left;
    }
}

@media (min-width: 768px) {
    .text-left-md {
        text-align: left;
    }
}

@media (min-width: 992px) {
    .text-left-lg {
        text-align: left;
    }
}

@media (min-width: 1200px) {
    .text-left-xl {
        text-align: left;
    }
}

@media (min-width: 1400px) {
    .text-left-xxl {
        text-align: left;
    }
}

.uppercase {
    text-transform: uppercase;
}

.underline {
    text-decoration: underline;
}

.light {
    font-weight: 300 !important;
}

.regular {
    font-weight: 400 !important;
}

.medium {
    font-weight: 500 !important;
}

.bold {
    font-weight: 700 !important;
}

.dark {
    font-weight: 800 !important;
}

.italic {
    font-style: italic;
}

p ul,
.text-1 ul,
.text-2 ul {
    margin: 1rem 0;
}

p ul li,
.text-1 ul li,
.text-2 ul li {
    padding-left: 1.4rem;
    position: relative;
    margin-bottom: 1rem;
}

p ul li::before,
.text-1 ul li::before,
.text-2 ul li::before {
    content: "";
    width: 8px;
    height: 8px;
    background-color: var(--bs-primary);
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 8px;
}

p ol,
.text-1 ol,
.text-2 ol {
    margin: 1rem 0;
    list-style: decimal;
}

p ol li,
.text-1 ol li,
.text-2 ol li {
    padding: 0.5rem 0;
    margin-left: 1.5rem;
}

.text-1 p,
.text-2 p {
    margin-bottom: 0.8rem;
}

.text-1 strong,
.text-1 b,
.text-2 strong,
.text-2 b {
    font-weight: 500;
}

.text-1 em,
.text-1 i,
.text-2 em,
.text-2 i {
    font-style: italic;
}

.rank-math-breadcrumb p {
    letter-spacing: 0.2rem;
}

.as-left {
    height: 100%;
}

@media (min-width: 576px) {
    .as-left {
        padding-left: calc((100vw - 540px) / 2);
    }
}

@media (min-width: 768px) {
    .as-left {
        padding-left: calc((100vw - 720px) / 2);
    }
}

@media (min-width: 992px) {
    .as-left {
        padding-left: calc((100vw - 980px) / 2);
    }
}

@media (min-width: 1200px) {
    .as-left {
        padding-left: calc((100vw - 1190px) / 2);
    }
}

@media (min-width: 1400px) {
    .as-left {
        padding-left: calc((100vw - 1380px) / 2);
    }
}

@media (min-width: 1600px) {
    .as-left {
        padding-left: calc((100vw - 1400px) / 2);
    }
}

@media (max-width: 767.98px) {
    .as-left {
        padding: 0 calc(2rem / 2);
    }
}

.as-right {
    height: 100%;
}

@media (min-width: 576px) {
    .as-right {
        padding-right: calc((100vw - 540px) / 2);
    }
}

@media (min-width: 768px) {
    .as-right {
        padding-right: calc((100vw - 720px) / 2);
    }
}

@media (min-width: 992px) {
    .as-right {
        padding-right: calc((100vw - 980px) / 2);
    }
}

@media (min-width: 1200px) {
    .as-right {
        padding-right: calc((100vw - 1190px) / 2);
    }
}

@media (min-width: 1400px) {
    .as-right {
        padding-right: calc((100vw - 1380px) / 2);
    }
}

@media (min-width: 1600px) {
    .as-right {
        padding-right: calc((100vw - 1400px) / 2);
    }
}

@media (max-width: 767.98px) {
    .as-right {
        padding: 0 calc(2rem / 2);
    }
}

@media (min-width: 576px) {
    .as-sm-right {
        padding-right: 0;
    }

    .as-sm-left {
        padding-left: 0;
    }
}

@media (min-width: 768px) {
    .as-md-right {
        padding-right: 0;
    }

    .as-md-left {
        padding-left: 0;
    }
}

@media (min-width: 992px) {
    .as-lg-right {
        padding-right: 0;
    }

    .as-lg-left {
        padding-left: 0;
    }
}

@media (min-width: 1200px) {
    .as-xl-right {
        padding-right: 0;
    }

    .as-xl-left {
        padding-left: 0;
    }
}

@media (min-width: 1400px) {
    .as-xxl-right {
        padding-right: 0;
    }

    .as-xxl-left {
        padding-left: 0;
    }
}

@media (min-width: 1600px) {
    .as-xxxl-right {
        padding-right: 0;
    }

    .as-xxxl-left {
        padding-left: 0;
    }
}

.container {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
}

.w-10 {
    width: calc(1 * 10%);
}

@media (min-width: 576px) {
    .w-sm-10 {
        width: calc(1 * 10%) !important;
    }
}

@media (min-width: 768px) {
    .w-md-10 {
        width: calc(1 * 10%) !important;
    }
}

@media (min-width: 992px) {
    .w-lg-10 {
        width: calc(1 * 10%) !important;
    }
}

@media (min-width: 1200px) {
    .w-xl-10 {
        width: calc(1 * 10%) !important;
    }
}

@media (min-width: 1400px) {
    .w-xxl-10 {
        width: calc(1 * 10%) !important;
    }
}

.rw-10 {
    width: calc(1 * 10rem);
}

@media (min-width: 576px) {
    .rw-sm-10 {
        width: calc(1 * 10rem);
    }
}

@media (min-width: 768px) {
    .rw-md-10 {
        width: calc(1 * 10rem);
    }
}

@media (min-width: 992px) {
    .rw-lg-10 {
        width: calc(1 * 10rem);
    }
}

@media (min-width: 1200px) {
    .rw-xl-10 {
        width: calc(1 * 10rem);
    }
}

@media (min-width: 1400px) {
    .rw-xxl-10 {
        width: calc(1 * 10rem);
    }
}

.h-10 {
    height: calc(1 * 10%);
}

@media (min-width: 576px) {
    .h-sm-10 {
        height: calc(1 * 10%);
    }
}

@media (min-width: 768px) {
    .h-md-10 {
        height: calc(1 * 10%);
    }
}

@media (min-width: 992px) {
    .h-lg-10 {
        height: calc(1 * 10%);
    }
}

@media (min-width: 1200px) {
    .h-xl-10 {
        height: calc(1 * 10%);
    }
}

@media (min-width: 1400px) {
    .h-xxl-10 {
        height: calc(1 * 10%);
    }
}

.rh-10 {
    height: calc(1 * 10rem) !important;
}

@media (min-width: 576px) {
    .rh-sm-10 {
        height: calc(1 * 10rem) !important;
    }
}

@media (min-width: 768px) {
    .rh-md-10 {
        height: calc(1 * 10rem) !important;
    }
}

@media (min-width: 992px) {
    .rh-lg-10 {
        height: calc(1 * 10rem) !important;
    }
}

@media (min-width: 1200px) {
    .rh-xl-10 {
        height: calc(1 * 10rem) !important;
    }
}

@media (min-width: 1400px) {
    .rh-xxl-10 {
        height: calc(1 * 10rem) !important;
    }
}

.vh-10 {
    height: calc(1 * 10vh);
}

@media (min-width: 576px) {
    .vh-sm-10 {
        height: calc(1 * 10vh);
    }
}

@media (min-width: 768px) {
    .vh-md-10 {
        height: calc(1 * 10vh);
    }
}

@media (min-width: 992px) {
    .vh-lg-10 {
        height: calc(1 * 10vh);
    }
}

@media (min-width: 1200px) {
    .vh-xl-10 {
        height: calc(1 * 10vh);
    }
}

@media (min-width: 1400px) {
    .vh-xxl-10 {
        height: calc(1 * 10vh);
    }
}

.w-15 {
    width: calc(1.5 * 10%);
}

@media (min-width: 576px) {
    .w-sm-15 {
        width: calc(1.5 * 10%) !important;
    }
}

@media (min-width: 768px) {
    .w-md-15 {
        width: calc(1.5 * 10%) !important;
    }
}

@media (min-width: 992px) {
    .w-lg-15 {
        width: calc(1.5 * 10%) !important;
    }
}

@media (min-width: 1200px) {
    .w-xl-15 {
        width: calc(1.5 * 10%) !important;
    }
}

@media (min-width: 1400px) {
    .w-xxl-15 {
        width: calc(1.5 * 10%) !important;
    }
}

.rw-15 {
    width: calc(1.5 * 10rem);
}

@media (min-width: 576px) {
    .rw-sm-15 {
        width: calc(1.5 * 10rem);
    }
}

@media (min-width: 768px) {
    .rw-md-15 {
        width: calc(1.5 * 10rem);
    }
}

@media (min-width: 992px) {
    .rw-lg-15 {
        width: calc(1.5 * 10rem);
    }
}

@media (min-width: 1200px) {
    .rw-xl-15 {
        width: calc(1.5 * 10rem);
    }
}

@media (min-width: 1400px) {
    .rw-xxl-15 {
        width: calc(1.5 * 10rem);
    }
}

.h-15 {
    height: calc(1.5 * 10%);
}

@media (min-width: 576px) {
    .h-sm-15 {
        height: calc(1.5 * 10%);
    }
}

@media (min-width: 768px) {
    .h-md-15 {
        height: calc(1.5 * 10%);
    }
}

@media (min-width: 992px) {
    .h-lg-15 {
        height: calc(1.5 * 10%);
    }
}

@media (min-width: 1200px) {
    .h-xl-15 {
        height: calc(1.5 * 10%);
    }
}

@media (min-width: 1400px) {
    .h-xxl-15 {
        height: calc(1.5 * 10%);
    }
}

.rh-15 {
    height: calc(1.5 * 10rem) !important;
}

@media (min-width: 576px) {
    .rh-sm-15 {
        height: calc(1.5 * 10rem) !important;
    }
}

@media (min-width: 768px) {
    .rh-md-15 {
        height: calc(1.5 * 10rem) !important;
    }
}

@media (min-width: 992px) {
    .rh-lg-15 {
        height: calc(1.5 * 10rem) !important;
    }
}

@media (min-width: 1200px) {
    .rh-xl-15 {
        height: calc(1.5 * 10rem) !important;
    }
}

@media (min-width: 1400px) {
    .rh-xxl-15 {
        height: calc(1.5 * 10rem) !important;
    }
}

.vh-15 {
    height: calc(1.5 * 10vh);
}

@media (min-width: 576px) {
    .vh-sm-15 {
        height: calc(1.5 * 10vh);
    }
}

@media (min-width: 768px) {
    .vh-md-15 {
        height: calc(1.5 * 10vh);
    }
}

@media (min-width: 992px) {
    .vh-lg-15 {
        height: calc(1.5 * 10vh);
    }
}

@media (min-width: 1200px) {
    .vh-xl-15 {
        height: calc(1.5 * 10vh);
    }
}

@media (min-width: 1400px) {
    .vh-xxl-15 {
        height: calc(1.5 * 10vh);
    }
}

.w-20 {
    width: calc(2 * 10%);
}

@media (min-width: 576px) {
    .w-sm-20 {
        width: calc(2 * 10%) !important;
    }
}

@media (min-width: 768px) {
    .w-md-20 {
        width: calc(2 * 10%) !important;
    }
}

@media (min-width: 992px) {
    .w-lg-20 {
        width: calc(2 * 10%) !important;
    }
}

@media (min-width: 1200px) {
    .w-xl-20 {
        width: calc(2 * 10%) !important;
    }
}

@media (min-width: 1400px) {
    .w-xxl-20 {
        width: calc(2 * 10%) !important;
    }
}

.rw-20 {
    width: calc(2 * 10rem);
}

@media (min-width: 576px) {
    .rw-sm-20 {
        width: calc(2 * 10rem);
    }
}

@media (min-width: 768px) {
    .rw-md-20 {
        width: calc(2 * 10rem);
    }
}

@media (min-width: 992px) {
    .rw-lg-20 {
        width: calc(2 * 10rem);
    }
}

@media (min-width: 1200px) {
    .rw-xl-20 {
        width: calc(2 * 10rem);
    }
}

@media (min-width: 1400px) {
    .rw-xxl-20 {
        width: calc(2 * 10rem);
    }
}

.h-20 {
    height: calc(2 * 10%);
}

@media (min-width: 576px) {
    .h-sm-20 {
        height: calc(2 * 10%);
    }
}

@media (min-width: 768px) {
    .h-md-20 {
        height: calc(2 * 10%);
    }
}

@media (min-width: 992px) {
    .h-lg-20 {
        height: calc(2 * 10%);
    }
}

@media (min-width: 1200px) {
    .h-xl-20 {
        height: calc(2 * 10%);
    }
}

@media (min-width: 1400px) {
    .h-xxl-20 {
        height: calc(2 * 10%);
    }
}

.rh-20 {
    height: calc(2 * 10rem) !important;
}

@media (min-width: 576px) {
    .rh-sm-20 {
        height: calc(2 * 10rem) !important;
    }
}

@media (min-width: 768px) {
    .rh-md-20 {
        height: calc(2 * 10rem) !important;
    }
}

@media (min-width: 992px) {
    .rh-lg-20 {
        height: calc(2 * 10rem) !important;
    }
}

@media (min-width: 1200px) {
    .rh-xl-20 {
        height: calc(2 * 10rem) !important;
    }
}

@media (min-width: 1400px) {
    .rh-xxl-20 {
        height: calc(2 * 10rem) !important;
    }
}

.vh-20 {
    height: calc(2 * 10vh);
}

@media (min-width: 576px) {
    .vh-sm-20 {
        height: calc(2 * 10vh);
    }
}

@media (min-width: 768px) {
    .vh-md-20 {
        height: calc(2 * 10vh);
    }
}

@media (min-width: 992px) {
    .vh-lg-20 {
        height: calc(2 * 10vh);
    }
}

@media (min-width: 1200px) {
    .vh-xl-20 {
        height: calc(2 * 10vh);
    }
}

@media (min-width: 1400px) {
    .vh-xxl-20 {
        height: calc(2 * 10vh);
    }
}

.w-25 {
    width: calc(2.5 * 10%);
}

@media (min-width: 576px) {
    .w-sm-25 {
        width: calc(2.5 * 10%) !important;
    }
}

@media (min-width: 768px) {
    .w-md-25 {
        width: calc(2.5 * 10%) !important;
    }
}

@media (min-width: 992px) {
    .w-lg-25 {
        width: calc(2.5 * 10%) !important;
    }
}

@media (min-width: 1200px) {
    .w-xl-25 {
        width: calc(2.5 * 10%) !important;
    }
}

@media (min-width: 1400px) {
    .w-xxl-25 {
        width: calc(2.5 * 10%) !important;
    }
}

.rw-25 {
    width: calc(2.5 * 10rem);
}

@media (min-width: 576px) {
    .rw-sm-25 {
        width: calc(2.5 * 10rem);
    }
}

@media (min-width: 768px) {
    .rw-md-25 {
        width: calc(2.5 * 10rem);
    }
}

@media (min-width: 992px) {
    .rw-lg-25 {
        width: calc(2.5 * 10rem);
    }
}

@media (min-width: 1200px) {
    .rw-xl-25 {
        width: calc(2.5 * 10rem);
    }
}

@media (min-width: 1400px) {
    .rw-xxl-25 {
        width: calc(2.5 * 10rem);
    }
}

.h-25 {
    height: calc(2.5 * 10%);
}

@media (min-width: 576px) {
    .h-sm-25 {
        height: calc(2.5 * 10%);
    }
}

@media (min-width: 768px) {
    .h-md-25 {
        height: calc(2.5 * 10%);
    }
}

@media (min-width: 992px) {
    .h-lg-25 {
        height: calc(2.5 * 10%);
    }
}

@media (min-width: 1200px) {
    .h-xl-25 {
        height: calc(2.5 * 10%);
    }
}

@media (min-width: 1400px) {
    .h-xxl-25 {
        height: calc(2.5 * 10%);
    }
}

.rh-25 {
    height: calc(2.5 * 10rem) !important;
}

@media (min-width: 576px) {
    .rh-sm-25 {
        height: calc(2.5 * 10rem) !important;
    }
}

@media (min-width: 768px) {
    .rh-md-25 {
        height: calc(2.5 * 10rem) !important;
    }
}

@media (min-width: 992px) {
    .rh-lg-25 {
        height: calc(2.5 * 10rem) !important;
    }
}

@media (min-width: 1200px) {
    .rh-xl-25 {
        height: calc(2.5 * 10rem) !important;
    }
}

@media (min-width: 1400px) {
    .rh-xxl-25 {
        height: calc(2.5 * 10rem) !important;
    }
}

.vh-25 {
    height: calc(2.5 * 10vh);
}

@media (min-width: 576px) {
    .vh-sm-25 {
        height: calc(2.5 * 10vh);
    }
}

@media (min-width: 768px) {
    .vh-md-25 {
        height: calc(2.5 * 10vh);
    }
}

@media (min-width: 992px) {
    .vh-lg-25 {
        height: calc(2.5 * 10vh);
    }
}

@media (min-width: 1200px) {
    .vh-xl-25 {
        height: calc(2.5 * 10vh);
    }
}

@media (min-width: 1400px) {
    .vh-xxl-25 {
        height: calc(2.5 * 10vh);
    }
}

.w-30 {
    width: calc(3 * 10%);
}

@media (min-width: 576px) {
    .w-sm-30 {
        width: calc(3 * 10%) !important;
    }
}

@media (min-width: 768px) {
    .w-md-30 {
        width: calc(3 * 10%) !important;
    }
}

@media (min-width: 992px) {
    .w-lg-30 {
        width: calc(3 * 10%) !important;
    }
}

@media (min-width: 1200px) {
    .w-xl-30 {
        width: calc(3 * 10%) !important;
    }
}

@media (min-width: 1400px) {
    .w-xxl-30 {
        width: calc(3 * 10%) !important;
    }
}

.rw-30 {
    width: calc(3 * 10rem);
}

@media (min-width: 576px) {
    .rw-sm-30 {
        width: calc(3 * 10rem);
    }
}

@media (min-width: 768px) {
    .rw-md-30 {
        width: calc(3 * 10rem);
    }
}

@media (min-width: 992px) {
    .rw-lg-30 {
        width: calc(3 * 10rem);
    }
}

@media (min-width: 1200px) {
    .rw-xl-30 {
        width: calc(3 * 10rem);
    }
}

@media (min-width: 1400px) {
    .rw-xxl-30 {
        width: calc(3 * 10rem);
    }
}

.h-30 {
    height: calc(3 * 10%);
}

@media (min-width: 576px) {
    .h-sm-30 {
        height: calc(3 * 10%);
    }
}

@media (min-width: 768px) {
    .h-md-30 {
        height: calc(3 * 10%);
    }
}

@media (min-width: 992px) {
    .h-lg-30 {
        height: calc(3 * 10%);
    }
}

@media (min-width: 1200px) {
    .h-xl-30 {
        height: calc(3 * 10%);
    }
}

@media (min-width: 1400px) {
    .h-xxl-30 {
        height: calc(3 * 10%);
    }
}

.rh-30 {
    height: calc(3 * 10rem) !important;
}

@media (min-width: 576px) {
    .rh-sm-30 {
        height: calc(3 * 10rem) !important;
    }
}

@media (min-width: 768px) {
    .rh-md-30 {
        height: calc(3 * 10rem) !important;
    }
}

@media (min-width: 992px) {
    .rh-lg-30 {
        height: calc(3 * 10rem) !important;
    }
}

@media (min-width: 1200px) {
    .rh-xl-30 {
        height: calc(3 * 10rem) !important;
    }
}

@media (min-width: 1400px) {
    .rh-xxl-30 {
        height: calc(3 * 10rem) !important;
    }
}

.vh-30 {
    height: calc(3 * 10vh);
}

@media (min-width: 576px) {
    .vh-sm-30 {
        height: calc(3 * 10vh);
    }
}

@media (min-width: 768px) {
    .vh-md-30 {
        height: calc(3 * 10vh);
    }
}

@media (min-width: 992px) {
    .vh-lg-30 {
        height: calc(3 * 10vh);
    }
}

@media (min-width: 1200px) {
    .vh-xl-30 {
        height: calc(3 * 10vh);
    }
}

@media (min-width: 1400px) {
    .vh-xxl-30 {
        height: calc(3 * 10vh);
    }
}

.w-35 {
    width: calc(3.5 * 10%);
}

@media (min-width: 576px) {
    .w-sm-35 {
        width: calc(3.5 * 10%) !important;
    }
}

@media (min-width: 768px) {
    .w-md-35 {
        width: calc(3.5 * 10%) !important;
    }
}

@media (min-width: 992px) {
    .w-lg-35 {
        width: calc(3.5 * 10%) !important;
    }
}

@media (min-width: 1200px) {
    .w-xl-35 {
        width: calc(3.5 * 10%) !important;
    }
}

@media (min-width: 1400px) {
    .w-xxl-35 {
        width: calc(3.5 * 10%) !important;
    }
}

.rw-35 {
    width: calc(3.5 * 10rem);
}

@media (min-width: 576px) {
    .rw-sm-35 {
        width: calc(3.5 * 10rem);
    }
}

@media (min-width: 768px) {
    .rw-md-35 {
        width: calc(3.5 * 10rem);
    }
}

@media (min-width: 992px) {
    .rw-lg-35 {
        width: calc(3.5 * 10rem);
    }
}

@media (min-width: 1200px) {
    .rw-xl-35 {
        width: calc(3.5 * 10rem);
    }
}

@media (min-width: 1400px) {
    .rw-xxl-35 {
        width: calc(3.5 * 10rem);
    }
}

.h-35 {
    height: calc(3.5 * 10%);
}

@media (min-width: 576px) {
    .h-sm-35 {
        height: calc(3.5 * 10%);
    }
}

@media (min-width: 768px) {
    .h-md-35 {
        height: calc(3.5 * 10%);
    }
}

@media (min-width: 992px) {
    .h-lg-35 {
        height: calc(3.5 * 10%);
    }
}

@media (min-width: 1200px) {
    .h-xl-35 {
        height: calc(3.5 * 10%);
    }
}

@media (min-width: 1400px) {
    .h-xxl-35 {
        height: calc(3.5 * 10%);
    }
}

.rh-35 {
    height: calc(3.5 * 10rem) !important;
}

@media (min-width: 576px) {
    .rh-sm-35 {
        height: calc(3.5 * 10rem) !important;
    }
}

@media (min-width: 768px) {
    .rh-md-35 {
        height: calc(3.5 * 10rem) !important;
    }
}

@media (min-width: 992px) {
    .rh-lg-35 {
        height: calc(3.5 * 10rem) !important;
    }
}

@media (min-width: 1200px) {
    .rh-xl-35 {
        height: calc(3.5 * 10rem) !important;
    }
}

@media (min-width: 1400px) {
    .rh-xxl-35 {
        height: calc(3.5 * 10rem) !important;
    }
}

.vh-35 {
    height: calc(3.5 * 10vh);
}

@media (min-width: 576px) {
    .vh-sm-35 {
        height: calc(3.5 * 10vh);
    }
}

@media (min-width: 768px) {
    .vh-md-35 {
        height: calc(3.5 * 10vh);
    }
}

@media (min-width: 992px) {
    .vh-lg-35 {
        height: calc(3.5 * 10vh);
    }
}

@media (min-width: 1200px) {
    .vh-xl-35 {
        height: calc(3.5 * 10vh);
    }
}

@media (min-width: 1400px) {
    .vh-xxl-35 {
        height: calc(3.5 * 10vh);
    }
}

.w-40 {
    width: calc(4 * 10%);
}

@media (min-width: 576px) {
    .w-sm-40 {
        width: calc(4 * 10%) !important;
    }
}

@media (min-width: 768px) {
    .w-md-40 {
        width: calc(4 * 10%) !important;
    }
}

@media (min-width: 992px) {
    .w-lg-40 {
        width: calc(4 * 10%) !important;
    }
}

@media (min-width: 1200px) {
    .w-xl-40 {
        width: calc(4 * 10%) !important;
    }
}

@media (min-width: 1400px) {
    .w-xxl-40 {
        width: calc(4 * 10%) !important;
    }
}

.rw-40 {
    width: calc(4 * 10rem);
}

@media (min-width: 576px) {
    .rw-sm-40 {
        width: calc(4 * 10rem);
    }
}

@media (min-width: 768px) {
    .rw-md-40 {
        width: calc(4 * 10rem);
    }
}

@media (min-width: 992px) {
    .rw-lg-40 {
        width: calc(4 * 10rem);
    }
}

@media (min-width: 1200px) {
    .rw-xl-40 {
        width: calc(4 * 10rem);
    }
}

@media (min-width: 1400px) {
    .rw-xxl-40 {
        width: calc(4 * 10rem);
    }
}

.h-40 {
    height: calc(4 * 10%);
}

@media (min-width: 576px) {
    .h-sm-40 {
        height: calc(4 * 10%);
    }
}

@media (min-width: 768px) {
    .h-md-40 {
        height: calc(4 * 10%);
    }
}

@media (min-width: 992px) {
    .h-lg-40 {
        height: calc(4 * 10%);
    }
}

@media (min-width: 1200px) {
    .h-xl-40 {
        height: calc(4 * 10%);
    }
}

@media (min-width: 1400px) {
    .h-xxl-40 {
        height: calc(4 * 10%);
    }
}

.rh-40 {
    height: calc(4 * 10rem) !important;
}

@media (min-width: 576px) {
    .rh-sm-40 {
        height: calc(4 * 10rem) !important;
    }
}

@media (min-width: 768px) {
    .rh-md-40 {
        height: calc(4 * 10rem) !important;
    }
}

@media (min-width: 992px) {
    .rh-lg-40 {
        height: calc(4 * 10rem) !important;
    }
}

@media (min-width: 1200px) {
    .rh-xl-40 {
        height: calc(4 * 10rem) !important;
    }
}

@media (min-width: 1400px) {
    .rh-xxl-40 {
        height: calc(4 * 10rem) !important;
    }
}

.vh-40 {
    height: calc(4 * 10vh);
}

@media (min-width: 576px) {
    .vh-sm-40 {
        height: calc(4 * 10vh);
    }
}

@media (min-width: 768px) {
    .vh-md-40 {
        height: calc(4 * 10vh);
    }
}

@media (min-width: 992px) {
    .vh-lg-40 {
        height: calc(4 * 10vh);
    }
}

@media (min-width: 1200px) {
    .vh-xl-40 {
        height: calc(4 * 10vh);
    }
}

@media (min-width: 1400px) {
    .vh-xxl-40 {
        height: calc(4 * 10vh);
    }
}

.w-45 {
    width: calc(4.5 * 10%);
}

@media (min-width: 576px) {
    .w-sm-45 {
        width: calc(4.5 * 10%) !important;
    }
}

@media (min-width: 768px) {
    .w-md-45 {
        width: calc(4.5 * 10%) !important;
    }
}

@media (min-width: 992px) {
    .w-lg-45 {
        width: calc(4.5 * 10%) !important;
    }
}

@media (min-width: 1200px) {
    .w-xl-45 {
        width: calc(4.5 * 10%) !important;
    }
}

@media (min-width: 1400px) {
    .w-xxl-45 {
        width: calc(4.5 * 10%) !important;
    }
}

.rw-45 {
    width: calc(4.5 * 10rem);
}

@media (min-width: 576px) {
    .rw-sm-45 {
        width: calc(4.5 * 10rem);
    }
}

@media (min-width: 768px) {
    .rw-md-45 {
        width: calc(4.5 * 10rem);
    }
}

@media (min-width: 992px) {
    .rw-lg-45 {
        width: calc(4.5 * 10rem);
    }
}

@media (min-width: 1200px) {
    .rw-xl-45 {
        width: calc(4.5 * 10rem);
    }
}

@media (min-width: 1400px) {
    .rw-xxl-45 {
        width: calc(4.5 * 10rem);
    }
}

.h-45 {
    height: calc(4.5 * 10%);
}

@media (min-width: 576px) {
    .h-sm-45 {
        height: calc(4.5 * 10%);
    }
}

@media (min-width: 768px) {
    .h-md-45 {
        height: calc(4.5 * 10%);
    }
}

@media (min-width: 992px) {
    .h-lg-45 {
        height: calc(4.5 * 10%);
    }
}

@media (min-width: 1200px) {
    .h-xl-45 {
        height: calc(4.5 * 10%);
    }
}

@media (min-width: 1400px) {
    .h-xxl-45 {
        height: calc(4.5 * 10%);
    }
}

.rh-45 {
    height: calc(4.5 * 10rem) !important;
}

@media (min-width: 576px) {
    .rh-sm-45 {
        height: calc(4.5 * 10rem) !important;
    }
}

@media (min-width: 768px) {
    .rh-md-45 {
        height: calc(4.5 * 10rem) !important;
    }
}

@media (min-width: 992px) {
    .rh-lg-45 {
        height: calc(4.5 * 10rem) !important;
    }
}

@media (min-width: 1200px) {
    .rh-xl-45 {
        height: calc(4.5 * 10rem) !important;
    }
}

@media (min-width: 1400px) {
    .rh-xxl-45 {
        height: calc(4.5 * 10rem) !important;
    }
}

.vh-45 {
    height: calc(4.5 * 10vh);
}

@media (min-width: 576px) {
    .vh-sm-45 {
        height: calc(4.5 * 10vh);
    }
}

@media (min-width: 768px) {
    .vh-md-45 {
        height: calc(4.5 * 10vh);
    }
}

@media (min-width: 992px) {
    .vh-lg-45 {
        height: calc(4.5 * 10vh);
    }
}

@media (min-width: 1200px) {
    .vh-xl-45 {
        height: calc(4.5 * 10vh);
    }
}

@media (min-width: 1400px) {
    .vh-xxl-45 {
        height: calc(4.5 * 10vh);
    }
}

.w-50 {
    width: calc(5 * 10%);
}

@media (min-width: 576px) {
    .w-sm-50 {
        width: calc(5 * 10%) !important;
    }
}

@media (min-width: 768px) {
    .w-md-50 {
        width: calc(5 * 10%) !important;
    }
}

@media (min-width: 992px) {
    .w-lg-50 {
        width: calc(5 * 10%) !important;
    }
}

@media (min-width: 1200px) {
    .w-xl-50 {
        width: calc(5 * 10%) !important;
    }
}

@media (min-width: 1400px) {
    .w-xxl-50 {
        width: calc(5 * 10%) !important;
    }
}

.rw-50 {
    width: calc(5 * 10rem);
}

@media (min-width: 576px) {
    .rw-sm-50 {
        width: calc(5 * 10rem);
    }
}

@media (min-width: 768px) {
    .rw-md-50 {
        width: calc(5 * 10rem);
    }
}

@media (min-width: 992px) {
    .rw-lg-50 {
        width: calc(5 * 10rem);
    }
}

@media (min-width: 1200px) {
    .rw-xl-50 {
        width: calc(5 * 10rem);
    }
}

@media (min-width: 1400px) {
    .rw-xxl-50 {
        width: calc(5 * 10rem);
    }
}

.h-50 {
    height: calc(5 * 10%);
}

@media (min-width: 576px) {
    .h-sm-50 {
        height: calc(5 * 10%);
    }
}

@media (min-width: 768px) {
    .h-md-50 {
        height: calc(5 * 10%);
    }
}

@media (min-width: 992px) {
    .h-lg-50 {
        height: calc(5 * 10%);
    }
}

@media (min-width: 1200px) {
    .h-xl-50 {
        height: calc(5 * 10%);
    }
}

@media (min-width: 1400px) {
    .h-xxl-50 {
        height: calc(5 * 10%);
    }
}

.rh-50 {
    height: calc(5 * 10rem) !important;
}

@media (min-width: 576px) {
    .rh-sm-50 {
        height: calc(5 * 10rem) !important;
    }
}

@media (min-width: 768px) {
    .rh-md-50 {
        height: calc(5 * 10rem) !important;
    }
}

@media (min-width: 992px) {
    .rh-lg-50 {
        height: calc(5 * 10rem) !important;
    }
}

@media (min-width: 1200px) {
    .rh-xl-50 {
        height: calc(5 * 10rem) !important;
    }
}

@media (min-width: 1400px) {
    .rh-xxl-50 {
        height: calc(5 * 10rem) !important;
    }
}

.vh-50 {
    height: calc(5 * 10vh);
}

@media (min-width: 576px) {
    .vh-sm-50 {
        height: calc(5 * 10vh);
    }
}

@media (min-width: 768px) {
    .vh-md-50 {
        height: calc(5 * 10vh);
    }
}

@media (min-width: 992px) {
    .vh-lg-50 {
        height: calc(5 * 10vh);
    }
}

@media (min-width: 1200px) {
    .vh-xl-50 {
        height: calc(5 * 10vh);
    }
}

@media (min-width: 1400px) {
    .vh-xxl-50 {
        height: calc(5 * 10vh);
    }
}

.w-55 {
    width: calc(5.5 * 10%);
}

@media (min-width: 576px) {
    .w-sm-55 {
        width: calc(5.5 * 10%) !important;
    }
}

@media (min-width: 768px) {
    .w-md-55 {
        width: calc(5.5 * 10%) !important;
    }
}

@media (min-width: 992px) {
    .w-lg-55 {
        width: calc(5.5 * 10%) !important;
    }
}

@media (min-width: 1200px) {
    .w-xl-55 {
        width: calc(5.5 * 10%) !important;
    }
}

@media (min-width: 1400px) {
    .w-xxl-55 {
        width: calc(5.5 * 10%) !important;
    }
}

.rw-55 {
    width: calc(5.5 * 10rem);
}

@media (min-width: 576px) {
    .rw-sm-55 {
        width: calc(5.5 * 10rem);
    }
}

@media (min-width: 768px) {
    .rw-md-55 {
        width: calc(5.5 * 10rem);
    }
}

@media (min-width: 992px) {
    .rw-lg-55 {
        width: calc(5.5 * 10rem);
    }
}

@media (min-width: 1200px) {
    .rw-xl-55 {
        width: calc(5.5 * 10rem);
    }
}

@media (min-width: 1400px) {
    .rw-xxl-55 {
        width: calc(5.5 * 10rem);
    }
}

.h-55 {
    height: calc(5.5 * 10%);
}

@media (min-width: 576px) {
    .h-sm-55 {
        height: calc(5.5 * 10%);
    }
}

@media (min-width: 768px) {
    .h-md-55 {
        height: calc(5.5 * 10%);
    }
}

@media (min-width: 992px) {
    .h-lg-55 {
        height: calc(5.5 * 10%);
    }
}

@media (min-width: 1200px) {
    .h-xl-55 {
        height: calc(5.5 * 10%);
    }
}

@media (min-width: 1400px) {
    .h-xxl-55 {
        height: calc(5.5 * 10%);
    }
}

.rh-55 {
    height: calc(5.5 * 10rem) !important;
}

@media (min-width: 576px) {
    .rh-sm-55 {
        height: calc(5.5 * 10rem) !important;
    }
}

@media (min-width: 768px) {
    .rh-md-55 {
        height: calc(5.5 * 10rem) !important;
    }
}

@media (min-width: 992px) {
    .rh-lg-55 {
        height: calc(5.5 * 10rem) !important;
    }
}

@media (min-width: 1200px) {
    .rh-xl-55 {
        height: calc(5.5 * 10rem) !important;
    }
}

@media (min-width: 1400px) {
    .rh-xxl-55 {
        height: calc(5.5 * 10rem) !important;
    }
}

.vh-55 {
    height: calc(5.5 * 10vh);
}

@media (min-width: 576px) {
    .vh-sm-55 {
        height: calc(5.5 * 10vh);
    }
}

@media (min-width: 768px) {
    .vh-md-55 {
        height: calc(5.5 * 10vh);
    }
}

@media (min-width: 992px) {
    .vh-lg-55 {
        height: calc(5.5 * 10vh);
    }
}

@media (min-width: 1200px) {
    .vh-xl-55 {
        height: calc(5.5 * 10vh);
    }
}

@media (min-width: 1400px) {
    .vh-xxl-55 {
        height: calc(5.5 * 10vh);
    }
}

.w-60 {
    width: calc(6 * 10%);
}

@media (min-width: 576px) {
    .w-sm-60 {
        width: calc(6 * 10%) !important;
    }
}

@media (min-width: 768px) {
    .w-md-60 {
        width: calc(6 * 10%) !important;
    }
}

@media (min-width: 992px) {
    .w-lg-60 {
        width: calc(6 * 10%) !important;
    }
}

@media (min-width: 1200px) {
    .w-xl-60 {
        width: calc(6 * 10%) !important;
    }
}

@media (min-width: 1400px) {
    .w-xxl-60 {
        width: calc(6 * 10%) !important;
    }
}

.rw-60 {
    width: calc(6 * 10rem);
}

@media (min-width: 576px) {
    .rw-sm-60 {
        width: calc(6 * 10rem);
    }
}

@media (min-width: 768px) {
    .rw-md-60 {
        width: calc(6 * 10rem);
    }
}

@media (min-width: 992px) {
    .rw-lg-60 {
        width: calc(6 * 10rem);
    }
}

@media (min-width: 1200px) {
    .rw-xl-60 {
        width: calc(6 * 10rem);
    }
}

@media (min-width: 1400px) {
    .rw-xxl-60 {
        width: calc(6 * 10rem);
    }
}

.h-60 {
    height: calc(6 * 10%);
}

@media (min-width: 576px) {
    .h-sm-60 {
        height: calc(6 * 10%);
    }
}

@media (min-width: 768px) {
    .h-md-60 {
        height: calc(6 * 10%);
    }
}

@media (min-width: 992px) {
    .h-lg-60 {
        height: calc(6 * 10%);
    }
}

@media (min-width: 1200px) {
    .h-xl-60 {
        height: calc(6 * 10%);
    }
}

@media (min-width: 1400px) {
    .h-xxl-60 {
        height: calc(6 * 10%);
    }
}

.rh-60 {
    height: calc(6 * 10rem) !important;
}

@media (min-width: 576px) {
    .rh-sm-60 {
        height: calc(6 * 10rem) !important;
    }
}

@media (min-width: 768px) {
    .rh-md-60 {
        height: calc(6 * 10rem) !important;
    }
}

@media (min-width: 992px) {
    .rh-lg-60 {
        height: calc(6 * 10rem) !important;
    }
}

@media (min-width: 1200px) {
    .rh-xl-60 {
        height: calc(6 * 10rem) !important;
    }
}

@media (min-width: 1400px) {
    .rh-xxl-60 {
        height: calc(6 * 10rem) !important;
    }
}

.vh-60 {
    height: calc(6 * 10vh);
}

@media (min-width: 576px) {
    .vh-sm-60 {
        height: calc(6 * 10vh);
    }
}

@media (min-width: 768px) {
    .vh-md-60 {
        height: calc(6 * 10vh);
    }
}

@media (min-width: 992px) {
    .vh-lg-60 {
        height: calc(6 * 10vh);
    }
}

@media (min-width: 1200px) {
    .vh-xl-60 {
        height: calc(6 * 10vh);
    }
}

@media (min-width: 1400px) {
    .vh-xxl-60 {
        height: calc(6 * 10vh);
    }
}

.w-65 {
    width: calc(6.5 * 10%);
}

@media (min-width: 576px) {
    .w-sm-65 {
        width: calc(6.5 * 10%) !important;
    }
}

@media (min-width: 768px) {
    .w-md-65 {
        width: calc(6.5 * 10%) !important;
    }
}

@media (min-width: 992px) {
    .w-lg-65 {
        width: calc(6.5 * 10%) !important;
    }
}

@media (min-width: 1200px) {
    .w-xl-65 {
        width: calc(6.5 * 10%) !important;
    }
}

@media (min-width: 1400px) {
    .w-xxl-65 {
        width: calc(6.5 * 10%) !important;
    }
}

.rw-65 {
    width: calc(6.5 * 10rem);
}

@media (min-width: 576px) {
    .rw-sm-65 {
        width: calc(6.5 * 10rem);
    }
}

@media (min-width: 768px) {
    .rw-md-65 {
        width: calc(6.5 * 10rem);
    }
}

@media (min-width: 992px) {
    .rw-lg-65 {
        width: calc(6.5 * 10rem);
    }
}

@media (min-width: 1200px) {
    .rw-xl-65 {
        width: calc(6.5 * 10rem);
    }
}

@media (min-width: 1400px) {
    .rw-xxl-65 {
        width: calc(6.5 * 10rem);
    }
}

.h-65 {
    height: calc(6.5 * 10%);
}

@media (min-width: 576px) {
    .h-sm-65 {
        height: calc(6.5 * 10%);
    }
}

@media (min-width: 768px) {
    .h-md-65 {
        height: calc(6.5 * 10%);
    }
}

@media (min-width: 992px) {
    .h-lg-65 {
        height: calc(6.5 * 10%);
    }
}

@media (min-width: 1200px) {
    .h-xl-65 {
        height: calc(6.5 * 10%);
    }
}

@media (min-width: 1400px) {
    .h-xxl-65 {
        height: calc(6.5 * 10%);
    }
}

.rh-65 {
    height: calc(6.5 * 10rem) !important;
}

@media (min-width: 576px) {
    .rh-sm-65 {
        height: calc(6.5 * 10rem) !important;
    }
}

@media (min-width: 768px) {
    .rh-md-65 {
        height: calc(6.5 * 10rem) !important;
    }
}

@media (min-width: 992px) {
    .rh-lg-65 {
        height: calc(6.5 * 10rem) !important;
    }
}

@media (min-width: 1200px) {
    .rh-xl-65 {
        height: calc(6.5 * 10rem) !important;
    }
}

@media (min-width: 1400px) {
    .rh-xxl-65 {
        height: calc(6.5 * 10rem) !important;
    }
}

.vh-65 {
    height: calc(6.5 * 10vh);
}

@media (min-width: 576px) {
    .vh-sm-65 {
        height: calc(6.5 * 10vh);
    }
}

@media (min-width: 768px) {
    .vh-md-65 {
        height: calc(6.5 * 10vh);
    }
}

@media (min-width: 992px) {
    .vh-lg-65 {
        height: calc(6.5 * 10vh);
    }
}

@media (min-width: 1200px) {
    .vh-xl-65 {
        height: calc(6.5 * 10vh);
    }
}

@media (min-width: 1400px) {
    .vh-xxl-65 {
        height: calc(6.5 * 10vh);
    }
}

.w-70 {
    width: calc(7 * 10%);
}

@media (min-width: 576px) {
    .w-sm-70 {
        width: calc(7 * 10%) !important;
    }
}

@media (min-width: 768px) {
    .w-md-70 {
        width: calc(7 * 10%) !important;
    }
}

@media (min-width: 992px) {
    .w-lg-70 {
        width: calc(7 * 10%) !important;
    }
}

@media (min-width: 1200px) {
    .w-xl-70 {
        width: calc(7 * 10%) !important;
    }
}

@media (min-width: 1400px) {
    .w-xxl-70 {
        width: calc(7 * 10%) !important;
    }
}

.rw-70 {
    width: calc(7 * 10rem);
}

@media (min-width: 576px) {
    .rw-sm-70 {
        width: calc(7 * 10rem);
    }
}

@media (min-width: 768px) {
    .rw-md-70 {
        width: calc(7 * 10rem);
    }
}

@media (min-width: 992px) {
    .rw-lg-70 {
        width: calc(7 * 10rem);
    }
}

@media (min-width: 1200px) {
    .rw-xl-70 {
        width: calc(7 * 10rem);
    }
}

@media (min-width: 1400px) {
    .rw-xxl-70 {
        width: calc(7 * 10rem);
    }
}

.h-70 {
    height: calc(7 * 10%);
}

@media (min-width: 576px) {
    .h-sm-70 {
        height: calc(7 * 10%);
    }
}

@media (min-width: 768px) {
    .h-md-70 {
        height: calc(7 * 10%);
    }
}

@media (min-width: 992px) {
    .h-lg-70 {
        height: calc(7 * 10%);
    }
}

@media (min-width: 1200px) {
    .h-xl-70 {
        height: calc(7 * 10%);
    }
}

@media (min-width: 1400px) {
    .h-xxl-70 {
        height: calc(7 * 10%);
    }
}

.rh-70 {
    height: calc(7 * 10rem) !important;
}

@media (min-width: 576px) {
    .rh-sm-70 {
        height: calc(7 * 10rem) !important;
    }
}

@media (min-width: 768px) {
    .rh-md-70 {
        height: calc(7 * 10rem) !important;
    }
}

@media (min-width: 992px) {
    .rh-lg-70 {
        height: calc(7 * 10rem) !important;
    }
}

@media (min-width: 1200px) {
    .rh-xl-70 {
        height: calc(7 * 10rem) !important;
    }
}

@media (min-width: 1400px) {
    .rh-xxl-70 {
        height: calc(7 * 10rem) !important;
    }
}

.vh-70 {
    height: calc(7 * 10vh);
}

@media (min-width: 576px) {
    .vh-sm-70 {
        height: calc(7 * 10vh);
    }
}

@media (min-width: 768px) {
    .vh-md-70 {
        height: calc(7 * 10vh);
    }
}

@media (min-width: 992px) {
    .vh-lg-70 {
        height: calc(7 * 10vh);
    }
}

@media (min-width: 1200px) {
    .vh-xl-70 {
        height: calc(7 * 10vh);
    }
}

@media (min-width: 1400px) {
    .vh-xxl-70 {
        height: calc(7 * 10vh);
    }
}

.w-75 {
    width: calc(7.5 * 10%);
}

@media (min-width: 576px) {
    .w-sm-75 {
        width: calc(7.5 * 10%) !important;
    }
}

@media (min-width: 768px) {
    .w-md-75 {
        width: calc(7.5 * 10%) !important;
    }
}

@media (min-width: 992px) {
    .w-lg-75 {
        width: calc(7.5 * 10%) !important;
    }
}

@media (min-width: 1200px) {
    .w-xl-75 {
        width: calc(7.5 * 10%) !important;
    }
}

@media (min-width: 1400px) {
    .w-xxl-75 {
        width: calc(7.5 * 10%) !important;
    }
}

.rw-75 {
    width: calc(7.5 * 10rem);
}

@media (min-width: 576px) {
    .rw-sm-75 {
        width: calc(7.5 * 10rem);
    }
}

@media (min-width: 768px) {
    .rw-md-75 {
        width: calc(7.5 * 10rem);
    }
}

@media (min-width: 992px) {
    .rw-lg-75 {
        width: calc(7.5 * 10rem);
    }
}

@media (min-width: 1200px) {
    .rw-xl-75 {
        width: calc(7.5 * 10rem);
    }
}

@media (min-width: 1400px) {
    .rw-xxl-75 {
        width: calc(7.5 * 10rem);
    }
}

.h-75 {
    height: calc(7.5 * 10%);
}

@media (min-width: 576px) {
    .h-sm-75 {
        height: calc(7.5 * 10%);
    }
}

@media (min-width: 768px) {
    .h-md-75 {
        height: calc(7.5 * 10%);
    }
}

@media (min-width: 992px) {
    .h-lg-75 {
        height: calc(7.5 * 10%);
    }
}

@media (min-width: 1200px) {
    .h-xl-75 {
        height: calc(7.5 * 10%);
    }
}

@media (min-width: 1400px) {
    .h-xxl-75 {
        height: calc(7.5 * 10%);
    }
}

.rh-75 {
    height: calc(7.5 * 10rem) !important;
}

@media (min-width: 576px) {
    .rh-sm-75 {
        height: calc(7.5 * 10rem) !important;
    }
}

@media (min-width: 768px) {
    .rh-md-75 {
        height: calc(7.5 * 10rem) !important;
    }
}

@media (min-width: 992px) {
    .rh-lg-75 {
        height: calc(7.5 * 10rem) !important;
    }
}

@media (min-width: 1200px) {
    .rh-xl-75 {
        height: calc(7.5 * 10rem) !important;
    }
}

@media (min-width: 1400px) {
    .rh-xxl-75 {
        height: calc(7.5 * 10rem) !important;
    }
}

.vh-75 {
    height: calc(7.5 * 10vh);
}

@media (min-width: 576px) {
    .vh-sm-75 {
        height: calc(7.5 * 10vh);
    }
}

@media (min-width: 768px) {
    .vh-md-75 {
        height: calc(7.5 * 10vh);
    }
}

@media (min-width: 992px) {
    .vh-lg-75 {
        height: calc(7.5 * 10vh);
    }
}

@media (min-width: 1200px) {
    .vh-xl-75 {
        height: calc(7.5 * 10vh);
    }
}

@media (min-width: 1400px) {
    .vh-xxl-75 {
        height: calc(7.5 * 10vh);
    }
}

.w-80 {
    width: calc(8 * 10%);
}

@media (min-width: 576px) {
    .w-sm-80 {
        width: calc(8 * 10%) !important;
    }
}

@media (min-width: 768px) {
    .w-md-80 {
        width: calc(8 * 10%) !important;
    }
}

@media (min-width: 992px) {
    .w-lg-80 {
        width: calc(8 * 10%) !important;
    }
}

@media (min-width: 1200px) {
    .w-xl-80 {
        width: calc(8 * 10%) !important;
    }
}

@media (min-width: 1400px) {
    .w-xxl-80 {
        width: calc(8 * 10%) !important;
    }
}

.rw-80 {
    width: calc(8 * 10rem);
}

@media (min-width: 576px) {
    .rw-sm-80 {
        width: calc(8 * 10rem);
    }
}

@media (min-width: 768px) {
    .rw-md-80 {
        width: calc(8 * 10rem);
    }
}

@media (min-width: 992px) {
    .rw-lg-80 {
        width: calc(8 * 10rem);
    }
}

@media (min-width: 1200px) {
    .rw-xl-80 {
        width: calc(8 * 10rem);
    }
}

@media (min-width: 1400px) {
    .rw-xxl-80 {
        width: calc(8 * 10rem);
    }
}

.h-80 {
    height: calc(8 * 10%);
}

@media (min-width: 576px) {
    .h-sm-80 {
        height: calc(8 * 10%);
    }
}

@media (min-width: 768px) {
    .h-md-80 {
        height: calc(8 * 10%);
    }
}

@media (min-width: 992px) {
    .h-lg-80 {
        height: calc(8 * 10%);
    }
}

@media (min-width: 1200px) {
    .h-xl-80 {
        height: calc(8 * 10%);
    }
}

@media (min-width: 1400px) {
    .h-xxl-80 {
        height: calc(8 * 10%);
    }
}

.rh-80 {
    height: calc(8 * 10rem) !important;
}

@media (min-width: 576px) {
    .rh-sm-80 {
        height: calc(8 * 10rem) !important;
    }
}

@media (min-width: 768px) {
    .rh-md-80 {
        height: calc(8 * 10rem) !important;
    }
}

@media (min-width: 992px) {
    .rh-lg-80 {
        height: calc(8 * 10rem) !important;
    }
}

@media (min-width: 1200px) {
    .rh-xl-80 {
        height: calc(8 * 10rem) !important;
    }
}

@media (min-width: 1400px) {
    .rh-xxl-80 {
        height: calc(8 * 10rem) !important;
    }
}

.vh-80 {
    height: calc(8 * 10vh);
}

@media (min-width: 576px) {
    .vh-sm-80 {
        height: calc(8 * 10vh);
    }
}

@media (min-width: 768px) {
    .vh-md-80 {
        height: calc(8 * 10vh);
    }
}

@media (min-width: 992px) {
    .vh-lg-80 {
        height: calc(8 * 10vh);
    }
}

@media (min-width: 1200px) {
    .vh-xl-80 {
        height: calc(8 * 10vh);
    }
}

@media (min-width: 1400px) {
    .vh-xxl-80 {
        height: calc(8 * 10vh);
    }
}

.w-85 {
    width: calc(8.5 * 10%);
}

@media (min-width: 576px) {
    .w-sm-85 {
        width: calc(8.5 * 10%) !important;
    }
}

@media (min-width: 768px) {
    .w-md-85 {
        width: calc(8.5 * 10%) !important;
    }
}

@media (min-width: 992px) {
    .w-lg-85 {
        width: calc(8.5 * 10%) !important;
    }
}

@media (min-width: 1200px) {
    .w-xl-85 {
        width: calc(8.5 * 10%) !important;
    }
}

@media (min-width: 1400px) {
    .w-xxl-85 {
        width: calc(8.5 * 10%) !important;
    }
}

.rw-85 {
    width: calc(8.5 * 10rem);
}

@media (min-width: 576px) {
    .rw-sm-85 {
        width: calc(8.5 * 10rem);
    }
}

@media (min-width: 768px) {
    .rw-md-85 {
        width: calc(8.5 * 10rem);
    }
}

@media (min-width: 992px) {
    .rw-lg-85 {
        width: calc(8.5 * 10rem);
    }
}

@media (min-width: 1200px) {
    .rw-xl-85 {
        width: calc(8.5 * 10rem);
    }
}

@media (min-width: 1400px) {
    .rw-xxl-85 {
        width: calc(8.5 * 10rem);
    }
}

.h-85 {
    height: calc(8.5 * 10%);
}

@media (min-width: 576px) {
    .h-sm-85 {
        height: calc(8.5 * 10%);
    }
}

@media (min-width: 768px) {
    .h-md-85 {
        height: calc(8.5 * 10%);
    }
}

@media (min-width: 992px) {
    .h-lg-85 {
        height: calc(8.5 * 10%);
    }
}

@media (min-width: 1200px) {
    .h-xl-85 {
        height: calc(8.5 * 10%);
    }
}

@media (min-width: 1400px) {
    .h-xxl-85 {
        height: calc(8.5 * 10%);
    }
}

.rh-85 {
    height: calc(8.5 * 10rem) !important;
}

@media (min-width: 576px) {
    .rh-sm-85 {
        height: calc(8.5 * 10rem) !important;
    }
}

@media (min-width: 768px) {
    .rh-md-85 {
        height: calc(8.5 * 10rem) !important;
    }
}

@media (min-width: 992px) {
    .rh-lg-85 {
        height: calc(8.5 * 10rem) !important;
    }
}

@media (min-width: 1200px) {
    .rh-xl-85 {
        height: calc(8.5 * 10rem) !important;
    }
}

@media (min-width: 1400px) {
    .rh-xxl-85 {
        height: calc(8.5 * 10rem) !important;
    }
}

.vh-85 {
    height: calc(8.5 * 10vh);
}

@media (min-width: 576px) {
    .vh-sm-85 {
        height: calc(8.5 * 10vh);
    }
}

@media (min-width: 768px) {
    .vh-md-85 {
        height: calc(8.5 * 10vh);
    }
}

@media (min-width: 992px) {
    .vh-lg-85 {
        height: calc(8.5 * 10vh);
    }
}

@media (min-width: 1200px) {
    .vh-xl-85 {
        height: calc(8.5 * 10vh);
    }
}

@media (min-width: 1400px) {
    .vh-xxl-85 {
        height: calc(8.5 * 10vh);
    }
}

.w-90 {
    width: calc(9 * 10%);
}

@media (min-width: 576px) {
    .w-sm-90 {
        width: calc(9 * 10%) !important;
    }
}

@media (min-width: 768px) {
    .w-md-90 {
        width: calc(9 * 10%) !important;
    }
}

@media (min-width: 992px) {
    .w-lg-90 {
        width: calc(9 * 10%) !important;
    }
}

@media (min-width: 1200px) {
    .w-xl-90 {
        width: calc(9 * 10%) !important;
    }
}

@media (min-width: 1400px) {
    .w-xxl-90 {
        width: calc(9 * 10%) !important;
    }
}

.rw-90 {
    width: calc(9 * 10rem);
}

@media (min-width: 576px) {
    .rw-sm-90 {
        width: calc(9 * 10rem);
    }
}

@media (min-width: 768px) {
    .rw-md-90 {
        width: calc(9 * 10rem);
    }
}

@media (min-width: 992px) {
    .rw-lg-90 {
        width: calc(9 * 10rem);
    }
}

@media (min-width: 1200px) {
    .rw-xl-90 {
        width: calc(9 * 10rem);
    }
}

@media (min-width: 1400px) {
    .rw-xxl-90 {
        width: calc(9 * 10rem);
    }
}

.h-90 {
    height: calc(9 * 10%);
}

@media (min-width: 576px) {
    .h-sm-90 {
        height: calc(9 * 10%);
    }
}

@media (min-width: 768px) {
    .h-md-90 {
        height: calc(9 * 10%);
    }
}

@media (min-width: 992px) {
    .h-lg-90 {
        height: calc(9 * 10%);
    }
}

@media (min-width: 1200px) {
    .h-xl-90 {
        height: calc(9 * 10%);
    }
}

@media (min-width: 1400px) {
    .h-xxl-90 {
        height: calc(9 * 10%);
    }
}

.rh-90 {
    height: calc(9 * 10rem) !important;
}

@media (min-width: 576px) {
    .rh-sm-90 {
        height: calc(9 * 10rem) !important;
    }
}

@media (min-width: 768px) {
    .rh-md-90 {
        height: calc(9 * 10rem) !important;
    }
}

@media (min-width: 992px) {
    .rh-lg-90 {
        height: calc(9 * 10rem) !important;
    }
}

@media (min-width: 1200px) {
    .rh-xl-90 {
        height: calc(9 * 10rem) !important;
    }
}

@media (min-width: 1400px) {
    .rh-xxl-90 {
        height: calc(9 * 10rem) !important;
    }
}

.vh-90 {
    height: calc(9 * 10vh);
}

@media (min-width: 576px) {
    .vh-sm-90 {
        height: calc(9 * 10vh);
    }
}

@media (min-width: 768px) {
    .vh-md-90 {
        height: calc(9 * 10vh);
    }
}

@media (min-width: 992px) {
    .vh-lg-90 {
        height: calc(9 * 10vh);
    }
}

@media (min-width: 1200px) {
    .vh-xl-90 {
        height: calc(9 * 10vh);
    }
}

@media (min-width: 1400px) {
    .vh-xxl-90 {
        height: calc(9 * 10vh);
    }
}

.w-95 {
    width: calc(9.5 * 10%);
}

@media (min-width: 576px) {
    .w-sm-95 {
        width: calc(9.5 * 10%) !important;
    }
}

@media (min-width: 768px) {
    .w-md-95 {
        width: calc(9.5 * 10%) !important;
    }
}

@media (min-width: 992px) {
    .w-lg-95 {
        width: calc(9.5 * 10%) !important;
    }
}

@media (min-width: 1200px) {
    .w-xl-95 {
        width: calc(9.5 * 10%) !important;
    }
}

@media (min-width: 1400px) {
    .w-xxl-95 {
        width: calc(9.5 * 10%) !important;
    }
}

.rw-95 {
    width: calc(9.5 * 10rem);
}

@media (min-width: 576px) {
    .rw-sm-95 {
        width: calc(9.5 * 10rem);
    }
}

@media (min-width: 768px) {
    .rw-md-95 {
        width: calc(9.5 * 10rem);
    }
}

@media (min-width: 992px) {
    .rw-lg-95 {
        width: calc(9.5 * 10rem);
    }
}

@media (min-width: 1200px) {
    .rw-xl-95 {
        width: calc(9.5 * 10rem);
    }
}

@media (min-width: 1400px) {
    .rw-xxl-95 {
        width: calc(9.5 * 10rem);
    }
}

.h-95 {
    height: calc(9.5 * 10%);
}

@media (min-width: 576px) {
    .h-sm-95 {
        height: calc(9.5 * 10%);
    }
}

@media (min-width: 768px) {
    .h-md-95 {
        height: calc(9.5 * 10%);
    }
}

@media (min-width: 992px) {
    .h-lg-95 {
        height: calc(9.5 * 10%);
    }
}

@media (min-width: 1200px) {
    .h-xl-95 {
        height: calc(9.5 * 10%);
    }
}

@media (min-width: 1400px) {
    .h-xxl-95 {
        height: calc(9.5 * 10%);
    }
}

.rh-95 {
    height: calc(9.5 * 10rem) !important;
}

@media (min-width: 576px) {
    .rh-sm-95 {
        height: calc(9.5 * 10rem) !important;
    }
}

@media (min-width: 768px) {
    .rh-md-95 {
        height: calc(9.5 * 10rem) !important;
    }
}

@media (min-width: 992px) {
    .rh-lg-95 {
        height: calc(9.5 * 10rem) !important;
    }
}

@media (min-width: 1200px) {
    .rh-xl-95 {
        height: calc(9.5 * 10rem) !important;
    }
}

@media (min-width: 1400px) {
    .rh-xxl-95 {
        height: calc(9.5 * 10rem) !important;
    }
}

.vh-95 {
    height: calc(9.5 * 10vh);
}

@media (min-width: 576px) {
    .vh-sm-95 {
        height: calc(9.5 * 10vh);
    }
}

@media (min-width: 768px) {
    .vh-md-95 {
        height: calc(9.5 * 10vh);
    }
}

@media (min-width: 992px) {
    .vh-lg-95 {
        height: calc(9.5 * 10vh);
    }
}

@media (min-width: 1200px) {
    .vh-xl-95 {
        height: calc(9.5 * 10vh);
    }
}

@media (min-width: 1400px) {
    .vh-xxl-95 {
        height: calc(9.5 * 10vh);
    }
}

.w-100 {
    width: calc(10 * 10%);
}

@media (min-width: 576px) {
    .w-sm-100 {
        width: calc(10 * 10%) !important;
    }
}

@media (min-width: 768px) {
    .w-md-100 {
        width: calc(10 * 10%) !important;
    }
}

@media (min-width: 992px) {
    .w-lg-100 {
        width: calc(10 * 10%) !important;
    }
}

@media (min-width: 1200px) {
    .w-xl-100 {
        width: calc(10 * 10%) !important;
    }
}

@media (min-width: 1400px) {
    .w-xxl-100 {
        width: calc(10 * 10%) !important;
    }
}

.rw-100 {
    width: calc(10 * 10rem);
}

@media (min-width: 576px) {
    .rw-sm-100 {
        width: calc(10 * 10rem);
    }
}

@media (min-width: 768px) {
    .rw-md-100 {
        width: calc(10 * 10rem);
    }
}

@media (min-width: 992px) {
    .rw-lg-100 {
        width: calc(10 * 10rem);
    }
}

@media (min-width: 1200px) {
    .rw-xl-100 {
        width: calc(10 * 10rem);
    }
}

@media (min-width: 1400px) {
    .rw-xxl-100 {
        width: calc(10 * 10rem);
    }
}

.h-100 {
    height: calc(10 * 10%);
}

@media (min-width: 576px) {
    .h-sm-100 {
        height: calc(10 * 10%);
    }
}

@media (min-width: 768px) {
    .h-md-100 {
        height: calc(10 * 10%);
    }
}

@media (min-width: 992px) {
    .h-lg-100 {
        height: calc(10 * 10%);
    }
}

@media (min-width: 1200px) {
    .h-xl-100 {
        height: calc(10 * 10%);
    }
}

@media (min-width: 1400px) {
    .h-xxl-100 {
        height: calc(10 * 10%);
    }
}

.rh-100 {
    height: calc(10 * 10rem) !important;
}

@media (min-width: 576px) {
    .rh-sm-100 {
        height: calc(10 * 10rem) !important;
    }
}

@media (min-width: 768px) {
    .rh-md-100 {
        height: calc(10 * 10rem) !important;
    }
}

@media (min-width: 992px) {
    .rh-lg-100 {
        height: calc(10 * 10rem) !important;
    }
}

@media (min-width: 1200px) {
    .rh-xl-100 {
        height: calc(10 * 10rem) !important;
    }
}

@media (min-width: 1400px) {
    .rh-xxl-100 {
        height: calc(10 * 10rem) !important;
    }
}

.vh-100 {
    height: calc(10 * 10vh);
}

@media (min-width: 576px) {
    .vh-sm-100 {
        height: calc(10 * 10vh);
    }
}

@media (min-width: 768px) {
    .vh-md-100 {
        height: calc(10 * 10vh);
    }
}

@media (min-width: 992px) {
    .vh-lg-100 {
        height: calc(10 * 10vh);
    }
}

@media (min-width: 1200px) {
    .vh-xl-100 {
        height: calc(10 * 10vh);
    }
}

@media (min-width: 1400px) {
    .vh-xxl-100 {
        height: calc(10 * 10vh);
    }
}

.w-auto {
    width: auto;
}

.h-auto {
    height: auto;
}

html,
body {
    color: #161616;
    cursor: default !important;
}

video {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.video-controller .circle {
    width: 13rem;
    height: 13rem;
    border-radius: 50%;
    border: 1px solid var(--bs-primary);
    background-color: rgba(255, 255, 255, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
}

.video-controller .circle svg {
    width: 2rem;
    height: auto;
}

.video-controller .circle svg.pause {
    display: none;
}

.noscroll {
    overflow-y: hidden;
    scrollbar-gutter: stable;
    scrollbar-width: thin;
    scrollbar-color: transparent transparent;
}

.noscroll::-webkit-scrollbar {
    display: none;
    width: 0;
    background: transparent;
}

.circle {
    border-radius: 50%;
}

.z-index-auto {
    z-index: auto;
}

.z-index-0 {
    z-index: 0;
}

.z-index-5 {
    z-index: 5;
}

.z-index-10 {
    z-index: 10;
}

.z-index-20 {
    z-index: 20;
}

.z-index-30 {
    z-index: 30;
}

.z-index-40 {
    z-index: 40;
}

.z-index-50 {
    z-index: 50;
}

.z-index-60 {
    z-index: 60;
}

.z-index-70 {
    z-index: 70;
}

.z-index-80 {
    z-index: 80;
}

.z-index-90 {
    z-index: 90;
}

.z-index-100 {
    z-index: 100;
}

.z-index-1000 {
    z-index: 1000;
}

.top-0 {
    top: 0;
}

.left-0 {
    left: 0;
}

.right-0 {
    right: 0;
}

.bottom-0 {
    bottom: 0;
}

.radius {
    border-radius: 2rem;
    overflow: clip;
}

.radius-half {
    border-radius: 1rem;
    overflow: clip;
}

.bottom-shadow {
    position: relative;
    /* &::before {
  	pointer-events: none;
  	content: "";
  	position: absolute;
  	width: 100%;
  	height: 50%;
  	bottom: 0;
  	left: 0;
  	z-index: 1;
  	background: rgb(0 0 0);
  	background: linear-gradient(0deg, rgb(0 0 0 / 60%) 0%, rgb(0 0 0 / 0%) 100%);
  } */
}

.center-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.v-center {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.o-center {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.contain img {
    -o-object-fit: contain !important;
    object-fit: contain !important;
}

.cover {
    -o-object-fit: cover;
    object-fit: cover;
}

.cover img {
    -o-object-fit: cover !important;
    object-fit: cover !important;
}

.obj-position-0 img {
    -o-object-position: 50% 0% !important;
    object-position: 50% 0% !important;
}

.obj-position-10 img {
    -o-object-position: 50% 10% !important;
    object-position: 50% 10% !important;
}

.obj-position-20 img {
    -o-object-position: 50% 20% !important;
    object-position: 50% 20% !important;
}

.obj-position-30 img {
    -o-object-position: 50% 30% !important;
    object-position: 50% 30% !important;
}

.obj-position-40 img {
    -o-object-position: 50% 40% !important;
    object-position: 50% 40% !important;
}

.obj-position-50 img {
    -o-object-position: 50% 50% !important;
    object-position: 50% 50% !important;
}

.obj-position-60 img {
    -o-object-position: 50% 60% !important;
    object-position: 50% 60% !important;
}

.obj-position-70 img {
    -o-object-position: 50% 70% !important;
    object-position: 50% 70% !important;
}

.obj-position-80 img {
    -o-object-position: 50% 80% !important;
    object-position: 50% 80% !important;
}

.obj-position-90 img {
    -o-object-position: 50% 90% !important;
    object-position: 50% 90% !important;
}

.obj-position-100 img {
    -o-object-position: 50% 100% !important;
    object-position: 50% 100% !important;
}

.page-template-default #site-content p {
    margin-bottom: 1rem;
}

.page-template-default #site-content h4 {
    font-weight: 500;
    margin-top: 2rem;
}

.page-template-default #site-content h2 {
    font-weight: 700;
}

.page-template-default #site-content ul {
    list-style: inherit;
    -webkit-margin-start: 1em;
    margin-inline-start: 1em;
}

.z-1 {
    z-index: 1;
}

body.page-my-account .woocommerce-notices-wrapper {
    display: none;
}

.float-end {
    float: right;
}

.site-content {
    padding-top: 8rem;
}

.overflow-clip {
    overflow: clip !important;
}

.overflow-x-clip {
    overflow-x: clip !important;
}

#mappa {
    height: 500px;
}

.cursor-pointer {
    cursor: pointer !important;
}

.h1-evidenziato {
    padding: 0.5rem 1.5rem;
    background-color: var(--bs-primary);
    color: white;
    margin-bottom: 2rem;
    display: inline-block;
    border-radius: 0.5rem;
    font-weight: 700;
}

.absolute {
    position: absolute;
}

.overflow-visible {
    overflow: visible;
}

.row-color-divider {
    background: rgb(96, 89, 201);
    background: linear-gradient(90deg, rgb(96, 89, 201) 50%, rgb(242, 237, 243) 50%);
}

@media (max-width: 767.98px) {
    .row-color-divider {
        background: linear-gradient(180deg, rgb(96, 89, 201) 50%, rgb(242, 237, 243) 50%);
    }
}

.default-min-height {
    min-height: 40rem;
}

.black50-hover-blur3:hover {
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
}

.hover-blur3:hover {
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
}

.blur3 {
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
}

.hr-white {
    border: 1px solid;
    border-color: white;
    border-radius: 2px;
    opacity: 0.6;
}

.hr-black {
    border: 1px solid;
    border-color: black;
    border-radius: 2px;
    opacity: 0.1;
}

.fit-content {
    height: -moz-fit-content;
    height: fit-content;
}

.curve {
    display: block;
    background-image: url("../images/wave.svg");
    background-size: cover;
    background-position: bottom center;
    background-repeat: no-repeat;
}

@media (max-width: 767.98px) {
    .h1-evidenziato {
        font-size: 1.8rem;
        line-height: 1.2;
        padding: 1rem 1.4rem;
        margin-bottom: 1rem;
        border-radius: 1.5rem;
    }
}

@media (max-width: 991px) {
    #magicPointer {
        display: none !important;
    }
}

.object-fit-cover {
    -o-object-fit: cover;
    object-fit: cover;
}

.d-none {
    display: none !important;
}

.grecaptcha-badge {
    opacity: 0;
    visibility: hidden;
}

.opacity-0 {
    opacity: 0;
}

.opacity-5 {
    opacity: 0.05;
}

.opacity-10 {
    opacity: 0.1;
}

.opacity-15 {
    opacity: 0.15;
}

.opacity-20 {
    opacity: 0.2;
}

.opacity-25 {
    opacity: 0.25;
}

.opacity-30 {
    opacity: 0.3;
}

.opacity-35 {
    opacity: 0.35;
}

.opacity-40 {
    opacity: 0.4;
}

.opacity-45 {
    opacity: 0.45;
}

.opacity-50 {
    opacity: 0.5;
}

.opacity-55 {
    opacity: 0.55;
}

.opacity-60 {
    opacity: 0.6;
}

.opacity-65 {
    opacity: 0.65;
}

.opacity-70 {
    opacity: 0.7;
}

.opacity-75 {
    opacity: 0.75;
}

.opacity-80 {
    opacity: 0.8;
}

.opacity-85 {
    opacity: 0.85;
}

.opacity-90 {
    opacity: 0.9;
}

.opacity-95 {
    opacity: 0.95;
}

.opacity-100 {
    opacity: 1;
}

.opacity-hover-to0:hover {
    opacity: 0;
}

.opacity-hover-to5:hover {
    opacity: 0.05;
}

.opacity-hover-to10:hover {
    opacity: 0.1;
}

.opacity-hover-to15:hover {
    opacity: 0.15;
}

.opacity-hover-to20:hover {
    opacity: 0.2;
}

.opacity-hover-to25:hover {
    opacity: 0.25;
}

.opacity-hover-to30:hover {
    opacity: 0.3;
}

.opacity-hover-to35:hover {
    opacity: 0.35;
}

.opacity-hover-to40:hover {
    opacity: 0.4;
}

.opacity-hover-to45:hover {
    opacity: 0.45;
}

.opacity-hover-to50:hover {
    opacity: 0.5;
}

.opacity-hover-to55:hover {
    opacity: 0.55;
}

.opacity-hover-to60:hover {
    opacity: 0.6;
}

.opacity-hover-to65:hover {
    opacity: 0.65;
}

.opacity-hover-to70:hover {
    opacity: 0.7;
}

.opacity-hover-to75:hover {
    opacity: 0.75;
}

.opacity-hover-to80:hover {
    opacity: 0.8;
}

.opacity-hover-to85:hover {
    opacity: 0.85;
}

.opacity-hover-to90:hover {
    opacity: 0.9;
}

.opacity-hover-to95:hover {
    opacity: 0.95;
}

.opacity-hover-to100:hover {
    opacity: 1;
}

.opacity-child-0to0 .opacity-child {
    opacity: 0;
}

.opacity-child-0to0:hover .opacity-child {
    opacity: 0;
}

.opacity-child-0to5 .opacity-child {
    opacity: 0;
}

.opacity-child-0to5:hover .opacity-child {
    opacity: 0.05;
}

.opacity-child-0to10 .opacity-child {
    opacity: 0;
}

.opacity-child-0to10:hover .opacity-child {
    opacity: 0.1;
}

.opacity-child-0to15 .opacity-child {
    opacity: 0;
}

.opacity-child-0to15:hover .opacity-child {
    opacity: 0.15;
}

.opacity-child-0to20 .opacity-child {
    opacity: 0;
}

.opacity-child-0to20:hover .opacity-child {
    opacity: 0.2;
}

.opacity-child-0to25 .opacity-child {
    opacity: 0;
}

.opacity-child-0to25:hover .opacity-child {
    opacity: 0.25;
}

.opacity-child-0to30 .opacity-child {
    opacity: 0;
}

.opacity-child-0to30:hover .opacity-child {
    opacity: 0.3;
}

.opacity-child-0to35 .opacity-child {
    opacity: 0;
}

.opacity-child-0to35:hover .opacity-child {
    opacity: 0.35;
}

.opacity-child-0to40 .opacity-child {
    opacity: 0;
}

.opacity-child-0to40:hover .opacity-child {
    opacity: 0.4;
}

.opacity-child-0to45 .opacity-child {
    opacity: 0;
}

.opacity-child-0to45:hover .opacity-child {
    opacity: 0.45;
}

.opacity-child-0to50 .opacity-child {
    opacity: 0;
}

.opacity-child-0to50:hover .opacity-child {
    opacity: 0.5;
}

.opacity-child-0to55 .opacity-child {
    opacity: 0;
}

.opacity-child-0to55:hover .opacity-child {
    opacity: 0.55;
}

.opacity-child-0to60 .opacity-child {
    opacity: 0;
}

.opacity-child-0to60:hover .opacity-child {
    opacity: 0.6;
}

.opacity-child-0to65 .opacity-child {
    opacity: 0;
}

.opacity-child-0to65:hover .opacity-child {
    opacity: 0.65;
}

.opacity-child-0to70 .opacity-child {
    opacity: 0;
}

.opacity-child-0to70:hover .opacity-child {
    opacity: 0.7;
}

.opacity-child-0to75 .opacity-child {
    opacity: 0;
}

.opacity-child-0to75:hover .opacity-child {
    opacity: 0.75;
}

.opacity-child-0to80 .opacity-child {
    opacity: 0;
}

.opacity-child-0to80:hover .opacity-child {
    opacity: 0.8;
}

.opacity-child-0to85 .opacity-child {
    opacity: 0;
}

.opacity-child-0to85:hover .opacity-child {
    opacity: 0.85;
}

.opacity-child-0to90 .opacity-child {
    opacity: 0;
}

.opacity-child-0to90:hover .opacity-child {
    opacity: 0.9;
}

.opacity-child-0to95 .opacity-child {
    opacity: 0;
}

.opacity-child-0to95:hover .opacity-child {
    opacity: 0.95;
}

.opacity-child-0to100 .opacity-child {
    opacity: 0;
}

.opacity-child-0to100:hover .opacity-child {
    opacity: 1;
}

.opacity-child-0to0 .opacity-child {
    opacity: 0;
}

.opacity-child-0to0:hover .opacity-child {
    opacity: 0;
}

.opacity-child-5to0 .opacity-child {
    opacity: 0.05;
}

.opacity-child-5to0:hover .opacity-child {
    opacity: 0;
}

.opacity-child-10to0 .opacity-child {
    opacity: 0.1;
}

.opacity-child-10to0:hover .opacity-child {
    opacity: 0;
}

.opacity-child-15to0 .opacity-child {
    opacity: 0.15;
}

.opacity-child-15to0:hover .opacity-child {
    opacity: 0;
}

.opacity-child-20to0 .opacity-child {
    opacity: 0.2;
}

.opacity-child-20to0:hover .opacity-child {
    opacity: 0;
}

.opacity-child-25to0 .opacity-child {
    opacity: 0.25;
}

.opacity-child-25to0:hover .opacity-child {
    opacity: 0;
}

.opacity-child-30to0 .opacity-child {
    opacity: 0.3;
}

.opacity-child-30to0:hover .opacity-child {
    opacity: 0;
}

.opacity-child-35to0 .opacity-child {
    opacity: 0.35;
}

.opacity-child-35to0:hover .opacity-child {
    opacity: 0;
}

.opacity-child-40to0 .opacity-child {
    opacity: 0.4;
}

.opacity-child-40to0:hover .opacity-child {
    opacity: 0;
}

.opacity-child-45to0 .opacity-child {
    opacity: 0.45;
}

.opacity-child-45to0:hover .opacity-child {
    opacity: 0;
}

.opacity-child-50to0 .opacity-child {
    opacity: 0.5;
}

.opacity-child-50to0:hover .opacity-child {
    opacity: 0;
}

.opacity-child-55to0 .opacity-child {
    opacity: 0.55;
}

.opacity-child-55to0:hover .opacity-child {
    opacity: 0;
}

.opacity-child-60to0 .opacity-child {
    opacity: 0.6;
}

.opacity-child-60to0:hover .opacity-child {
    opacity: 0;
}

.opacity-child-65to0 .opacity-child {
    opacity: 0.65;
}

.opacity-child-65to0:hover .opacity-child {
    opacity: 0;
}

.opacity-child-70to0 .opacity-child {
    opacity: 0.7;
}

.opacity-child-70to0:hover .opacity-child {
    opacity: 0;
}

.opacity-child-75to0 .opacity-child {
    opacity: 0.75;
}

.opacity-child-75to0:hover .opacity-child {
    opacity: 0;
}

.opacity-child-80to0 .opacity-child {
    opacity: 0.8;
}

.opacity-child-80to0:hover .opacity-child {
    opacity: 0;
}

.opacity-child-85to0 .opacity-child {
    opacity: 0.85;
}

.opacity-child-85to0:hover .opacity-child {
    opacity: 0;
}

.opacity-child-90to0 .opacity-child {
    opacity: 0.9;
}

.opacity-child-90to0:hover .opacity-child {
    opacity: 0;
}

.opacity-child-95to0 .opacity-child {
    opacity: 0.95;
}

.opacity-child-95to0:hover .opacity-child {
    opacity: 0;
}

.opacity-child-100to0 .opacity-child {
    opacity: 1;
}

.opacity-child-100to0:hover .opacity-child {
    opacity: 0;
}

.max-h-child-0to_content .h-child {
    max-height: 0;
    overflow: clip;
    transition: all 0.5s ease-in-out;
}

.max-h-child-0to_content:hover .h-child {
    max-height: 20rem;
}

.env-button {
    border-radius: 1rem;
    text-align: center;
    margin-top: 2rem;
    display: inline-block;
    width: 100%;
    max-width: 20rem;
    font-weight: 700;
    position: relative;
    overflow: envip;
    padding: 1rem;
    transition: 0.5s ease-in-out;
}

.generic-button {
    border-radius: 1rem;
    text-align: center;
    display: inline-block;
    max-width: 20rem;
    font-weight: 700;
    position: relative;
    overflow: envip;
    transition: 0.5s ease-in-out;
    text-decoration: none;
}

.generic-button.env-primary,
.env-button.env-primary {
    border: none;
    background-color: var(--bs-primary);
    color: white;
    transition: 0.5s ease-in-out;
    padding: 1rem 2rem;
}
@media (max-width: 299px) {
    .generic-button.env-primary,
    .env-button.env-primary {
        padding: 0.5rem 1rem;
    }
}
@media (max-width: 575px) {
    .generic-button.env-primary,
    .env-button.env-primary {
        padding: 0.75rem 1.5rem;
    }
}

.generic-button.env-primary:hover,
.env-button.env-primary:hover {
    background-color: #eaf8ff !important;
    color: var(--bs-primary);
    cursor: pointer;
}

.generic-button.env-primary:disabled,
.env-button.env-primary:disabled {
    pointer-events: none;
    background-color: rgb(183, 230, 255) !important;
}

.env-button.env-secondary {
    border: 1px solid #d1d1d1;
    color: #717171;
    transition: 0.5s ease-in-out;
    padding: 1rem 2rem;
}
@media (max-width: 299px) {
    .env-button.env-secondary {
        padding: 0.5rem 1rem;
    }
}
@media (max-width: 575px) {
    .env-button.env-secondary {
        padding: 0.75rem 1.5rem;
    }
}

.env-button.env-secondary:hover {
    border: 1px solid #eaeaea;
    background-color: #d1d1d1 !important;
    cursor: pointer;
}

.env-button.env-white {
    background-color: #fff;
    color: #b7e6ff;
    transition: 0.5s ease-in-out;
    padding: 1rem 2rem;
}

.env-button.env-white:hover {
    background-color: var(--bs-primary) !important;
    cursor: pointer;
}

.env-button.env-whatsapp {
    background-color: #009523;
    color: white;
    transition: 0.5s ease-in-out;
    padding: 1rem 1.5rem 1rem 4.3rem !important;
}

.env-button.env-whatsapp::after {
    content: "";
    position: absolute;
    width: 2.3rem;
    height: 2.3rem;
    left: 2.3rem;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url("/assets/images/svg/whatsapp-white.svg");
    background-repeat: no-repeat !important;
    background-size: 2.3rem 2.3rem !important;
    transition: all 0.5s ease-in-out;
}

.env-button.env-whatsapp:hover {
    background-color: #e6fcd6;
    color: #009523;
    cursor: pointer;
}

.env-button.env-whatsapp:hover::after {
    width: 2.3rem;
    height: 2.3rem;
    left: 2.3rem;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url("/assets/images/svg/whatsapp-green.svg");
    background-repeat: no-repeat !important;
    background-size: 2.3rem 2.3rem !important;
}

.env-button.callnow {
    padding: 1rem 1.5rem 1rem 4.3rem !important;
}

.env-button.callnow::after {
    content: "";
    position: absolute;
    width: 2.3rem;
    height: 2.3rem;
    left: 2.3rem;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url("/assets/images/svg/calling-white.svg");
    background-repeat: no-repeat;
    background-size: 2.3rem 2.3rem;
    transition: 0.5s ease-in-out;
}

.env-button.callnow:hover::after {
    width: 2.3rem;
    height: 2.3rem;
    left: 2.3rem;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url("/assets/images/svg/calling-primary.svg");
    background-repeat: no-repeat;
    background-size: 2.3rem 2.3rem;
}

.env-button.env-email {
    padding: 1rem 1.5rem 1rem 3.3rem !important;
    background-color: #eaeaea;
    color: #161616;
    transition: 0.5s ease-in-out;
}

.env-button.env-email::after {
    content: "";
    position: absolute;
    width: 2.3rem;
    height: 2.3rem;
    left: 2.3rem;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url("/assets/images/svg/email-black.svg");
    background-repeat: no-repeat !important;
    background-size: 2.3rem 2rem !important;
    transition: all 0.5s ease-in-out;
}

.env-button.env-email:hover {
    background-color: #7E7E7E;
    color: #fff;
}

.env-button.env-email:hover::after {
    width: 2.3rem;
    height: 2.3rem;
    left: 2.3rem;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url("/assets/images/svg/email-white.svg");
    background-repeat: no-repeat !important;
    background-size: 2.3rem 2.3rem !important;
}

.btn {
    border-radius: 1rem;
    text-align: center;
    display: inline-block;
    font-weight: 700;
    position: relative;
    overflow: envip;
    padding: 1rem;
    transition: 0.5s ease-in-out;
}

.btn.btn-primary {
    background-color: #b7e6ff;
    color: white;
    transition: 0.5s ease-in-out;
    padding: 1rem 2rem;
}

.btn.btn-primary:hover {
    background-color: #eaf8ff !important;
    cursor: pointer;
}

input:not([type=checkbox]):not([type=submit]):not([type=radio]):not([type=file]),
textarea,
select {
    border: 0;
    border-radius: 0.8rem;
    padding: 1rem;
    box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, 0.12);
    background-color: white;
}

input:not([type=checkbox]):not([type=submit]):not([type=radio]):not([type=file]):active,
input:not([type=checkbox]):not([type=submit]):not([type=radio]):not([type=file]):focus,
input:not([type=checkbox]):not([type=submit]):not([type=radio]):not([type=file]):focus-within,
textarea:active,
textarea:focus,
textarea:focus-within,
select:active,
select:focus,
select:focus-within {
    box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
}

.select2-selection {
    border: 0 !important;
    background-color: #eaeaea !important;
    border-radius: 0.5rem !important;
    padding: 1rem !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    font-family: inherit !important;
    color: inherit !important;
    height: auto !important;
}

.select2-selection .select2-selection__rendered {
    padding: 0 !important;
}

.select2-selection .select2-selection__arrow {
    top: 50% !important;
    transform: translateY(-40%);
}

input[type=checkbox] {
    width: 26px !important;
    height: 26px !important;
    border: 1px solid #161616;
    transition: all 0.5s ease-in-out;
    background-color: white;
    padding: 0;
    margin-right: 1rem;
    border-radius: 4px;
    display: inline-block !important;
}

input[type=checkbox]:checked {
    background-color: #b7e6ff;
    border: 1px solid #b7e6ff;
}

input[type=checkbox]:hover {
    cursor: pointer;
}

input[type=radio] {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    padding: 0;
    border: 1px solid black;
    background-color: white;
    margin-right: 1rem;
}

input[type=radio]:checked {
    background-color: var(--bs-primary);
}

input[type=submit],
input[type=submit]:target,
input[type=submit]:focus,
input[type=submit]:active {
    min-width: 0;
    width: 100%;
    max-width: 20rem;
    background-color: #b7e6ff;
    transition: all 0.5s ease-in-out;
    font-weight: 500;
    text-transform: uppercase;
}

input[type=submit]:hover,
input[type=submit]:target:hover,
input[type=submit]:focus:hover,
input[type=submit]:active:hover {
    background-color: #eaf8ff !important;
    color: var(--bs-primary);
}

input[type=submit][disabled],
input[type=submit]:target[disabled],
input[type=submit]:focus[disabled],
input[type=submit]:active[disabled] {
    cursor: not-allowed;
}

.env-form-1 {
    box-shadow: 0 0 8px 0 rgba(34, 36, 38, 0.1) !important;
}

.env-form-1:active,
.env-form-1:focus,
.env-form-1:focus-within {
    box-shadow: 0 0 8px 0 rgba(34, 36, 38, 0.1) !important;
}

.env-form-1 .screen-reader-response {
    display: none !important;
}

.env-form-1 .screen-reader-response>p {
    color: var(--bs-primary);
    font-weight: bold;
    margin-bottom: 2rem;
}

.env-form-1 .screen-reader-response ul {
    display: none !important;
}

.env-form-1 label,
.env-form-1 input,
.env-form-1 textarea {
    display: block;
    width: 100%;
}

.env-form-1 input[type=submit] {
    border: none;
    background-color: #b7e6ff;
    padding: 1rem;
    color: white;
    border-radius: 1rem;
    min-width: 100%;
    margin-top: 1.8rem;
    transition: all 0.5s ease-in-out;
    font-weight: 600;
    text-transform: uppercase;
}

.env-form-1 input[type=submit]:hover {
    cursor: pointer;
    background-color: var(--bs-primary);
    color: #b7e6ff !important;
}

.env-form-1 label {
    margin-bottom: 0.5rem;
}

.pranzo-cena-form {
    justify-content: space-between;
}

.pranzo-cena-form .btn-stanza,
.pranzo-cena-form .pranzo-cena {
    background-color: white;
    width: 49%;
    border: 1px solid #d1d1d1;
    border-radius: 12px;
    color: #707070;
    font-weight: 400;
    transition: all 0.5s ease-in-out;
}

.pranzo-cena-form .btn-stanza .productName,
.pranzo-cena-form .pranzo-cena .productName {
    color: #707070;
    font-weight: 400;
    margin-bottom: 0;
    transition: all 0.5s ease-in-out;
}

.pranzo-cena-form .btn-stanza:hover,
.pranzo-cena-form .pranzo-cena:hover {
    background-color: #d1d1d1 !important;
    width: 49%;
    border: 1px solid #d1d1d1;
    border-radius: 12px;
    color: #707070;
    font-weight: 400;
}

.pranzo-cena-form .btn-stanza.btn-selected,
.pranzo-cena-form .pranzo-cena.btn-selected {
    background-color: var(--bs-primary) !important;
    border: 1px solid transparent !important;
    color: white !important;
    font-weight: 800 !important;
}

.pranzo-cena-form .btn-stanza.btn-selected .productName,
.pranzo-cena-form .pranzo-cena.btn-selected .productName {
    color: white !important;
    font-weight: 800 !important;
    transition: all 0.5s ease-in-out;
}

.pranzo-cena-form .btn-stanza.btn-selected:hover,
.pranzo-cena-form .pranzo-cena.btn-selected:hover {
    background-color: var(--bs-primary) !important;
    border: 1px solid transparent !important;
    color: white !important;
    font-weight: 800 !important;
}

#orari-cena,
#orari-pranzo {
    justify-content: space-between;
    flex-wrap: wrap;
}

#orari-cena .btn-orario,
#orari-pranzo .btn-orario {
    width: 96px;
    background-color: white;
    border: 1px solid #d1d1d1;
    border-radius: 12px;
    color: #707070;
    font-weight: 400;
    transition: all 0.3s ease-in-out;
}

#orari-cena .btn-orario .productName,
#orari-pranzo .btn-orario .productName {
    color: #707070;
    font-weight: 400;
    margin-bottom: 0;
    transition: all 0.3s ease-in-out;
}

#orari-cena .btn-orario:hover,
#orari-pranzo .btn-orario:hover {
    background-color: #d1d1d1 !important;
    border: 1px solid #d1d1d1;
    border-radius: 12px;
    color: #707070;
    font-weight: 400;
}

#orari-cena .btn-orario.btn-selected,
#orari-pranzo .btn-orario.btn-selected {
    background-color: var(--bs-primary) !important;
    border: 1px solid transparent !important;
    color: white !important;
    font-weight: 800 !important;
}

#orari-cena .btn-orario.btn-selected .productName,
#orari-pranzo .btn-orario.btn-selected .productName {
    color: white !important;
    font-weight: 800 !important;
    transition: all 0.5s ease-in-out;
}

#orari-cena .btn-orario.btn-selected:hover,
#orari-pranzo .btn-orario.btn-selected:hover {
    background-color: var(--bs-primary) !important;
    border: 1px solid transparent !important;
    color: white !important;
    font-weight: 800 !important;
}

#orari-cena .btn-orario.btn-disabled,
#orari-pranzo .btn-orario.btn-disabled {
    background-color: #a2a2a2 !important;
    border: 1px solid transparent !important;
    cursor: disabled;
}

#orari-cena .btn-orario.btn-disabled .productName,
#orari-pranzo .btn-orario.btn-disabled .productName {
    color: white !important;
    transition: all 0.5s ease-in-out;
}

.quantity {
    position: relative;
    padding-bottom: 1rem;
}

.quantity input[type=number]::-webkit-inner-spin-button,
.quantity input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
}

.quantity input[type=number] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
}

.quantity input {
    width: 36px;
    height: 36px;
    float: left;
    display: block;
    padding: 0;
    margin: 0 12px 0 0;
    padding: 10px;
    font-size: 20px;
    color: #7e7e7e;
    text-align: center;
    font-family: "Hanken Grotesk", sans-serif;
    font-weight: 400;
    border: 1px solid #161616;
    border-radius: 5px !important;
    box-shadow: none;
    border-width: 1px !important;
}

.quantity .quantity-nav {
    position: relative;
    display: flex;
    align-content: center;
    flex-direction: row;
    justify-content: space-between;
}

.quantity .quantity-button {
    position: relative;
    cursor: pointer;
    width: 36px;
    height: 36px;
    text-align: center;
    color: #333;
    line-height: 1.7;
    border-radius: 5px;
    background-color: var(--bs-primary);
    color: white;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    transition: background-color 0.3s ease-in-out;
}

.quantity .quantity-button:hover {
    background-color: #007ec2;
}

.quantity .quantity-button.quantity-down {
    margin-right: 12px;
    background-color: var(--bs-danger);
}
.quantity .quantity-button.quantity-down:hover {
    background-color: #86202b;
}

.quantity .quantity-button.quantity-up {
    background-color: var(--bs-success);
}
.quantity .quantity-button.quantity-up:hover {
    background-color: #0d472c;
}

.quantity .quantity-button.quantity-down::after {
    content: "";
    height: 4px;
    width: 21px;
    background: url("/assets/images/svg/minus-white.svg");
    background-size: 10px 2px;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.quantity .quantity-button.quantity-up::after {
    content: "";
    height: 22px;
    width: 22px;
    background: url("/assets/images/svg/plus-white.svg");
    background-size: 10px 10px;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.progress {
    overflow: hidden;
    width: 100%;
    height: 6px !important;
    background-color: #eaeaea;
    position: absolute;
    margin: 0 4rem;
    left: 0;
    max-width: -webkit-fill-available;
    max-width: -moz-available;
    max-width: fill-available;
}

.progress .progress-bar {
    background-color: #b7e6ff;
    transition: width 0.5s ease;
    height: 6px !important;
    position: absolute;
    left: 0;
}

.sn_book_now {
    /* padding-top: 12rem;
  justify-content: center; */
}

.sn_book_now .sn_book_now__btn {
    position: absolute;
    width: 100%;
    bottom: 10rem;
    left: 0;
}

.sn_book_now:has(.sn_modal.__open) .sn_book_now__btn button {
    opacity: 0;
    pointer-events: none;
}

.sn_book_now .sn_book_now__btn .env-button {
    font-weight: 900 !important;
}

.z-9 {
    z-index: 9;
    position: relative;
}

body:has(.sn_modal.__open) {
    overflow: hidden;
}

.sn_modal {
    position: fixed;
    z-index: var(--z-index-popup);
    inset: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition:
        opacity 0.5s ease-in-out,
        visibility 0.5s ease-in-out;
}

.sn_modal__wr {
    position: relative;
    width: 100%;
    height: 100%;
}

.sn_modal.__open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.sn_modal__ct {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

.sn_modal__in {
    pointer-events: all;
}

.sn_modal__backdrop {
    position: absolute;
    z-index: 1;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.sn_modal.__open .sn_modal__backdrop {
    opacity: 1;
}

.sn_modal__header {
    position: relative;
    padding: 10px 30px;
}

.sn_modal__header .sn_modal__close {
    appearance: none;
    border: none;
    margin: 0;
    position: absolute;
    top: 5px;
    right: 5px;
    width: 30px;
    height: 30px;
    padding: 7px;
    transition: opacity 0.3s ease;
}
.sn_modal__header .sn_modal__close__img {
    width: 100%;
    height: 100%;
    background-image: url("/assets/images/svg/close-white.svg");
    background-size: contain;
}

.sn_modal__header .sn_modal__close:hover {
    opacity: .8;
}

#modal-book-now {
    max-width: 500px;
    margin: auto;
    opacity: 0;
    transform: scale3d(0.6, 0.6, 0.6);
    transition:
        opacity 0.3s ease-in-out,
        transform 0.3s ease-in-out;
    /* Style the input fields */
    /* Mark input boxes that gets an error on validation: */
    /* Hide all steps by default: */
    /* Make circles that indicate the steps of the form: */
    /* Mark the steps that are finished and valid: */
    /* Mark the active step: */
}

#modal-book-now .prefix {
    padding-right: 1rem;
}

.sn_modal.__open #modal-book-now {
    display: block;
    opacity: 1;
    transform: scale3d(1, 1, 1);
}

#modal-book-now input:not([type='checkbox']) {
    padding: 10px;
    box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, 0.12);
    background-color: white;
}

#modal-book-now input:active,
#modal-book-now input:focus,
#modal-book-now input:focus-within {
    box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
}

#modal-book-now .steps {
    justify-content: space-between;
    width: 100%;
    display: flex;
    align-items: center;
    overflow-y: auto;
    scrollbar-width: none;
    padding: 0 1rem;
}
@media (min-width: 576px) {
    #modal-book-now .steps {
        padding: 0 2rem;
    }
}

#modal-book-now select.invalid,
#modal-book-now input.invalid {
    background-color: #fdd;
}

#modal-book-now .tab {
    display: none;
}

#modal-book-now .step {
    height: 30px;
    width: 30px;
    flex-shrink: 0;
    margin: 0 2px;
    background-color: #eaeaea;
    border: none;
    border-radius: 50%;
    display: inline-block;
    opacity: 1;
    transition: all 0.3s ease-in-out;
}
@media (min-width: 576px) {
    #modal-book-now .step {
        height: 35px;
        width: 35px;
    }
}

@media (min-width: 768px) {
    #modal-book-now .step {
        height: 40px;
        width: 40px;
    }
}

#modal-book-now .step.confirm,
#modal-book-now .step.info,
#modal-book-now .step.people,
#modal-book-now .step.clock,
#modal-book-now .step.calendar,
#modal-book-now .step.extra,
#modal-book-now .step.boat,
#modal-book-now .step.list {
    position: relative;
    transition: all 0.3s ease-in-out;
}

#modal-book-now .step::after {
    content: "";
    height: 18px;
    width: 18px;
    top: -2px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    background-repeat: no-repeat;
    background-size: 18px 18px;
    transition: all 0.3s ease-in-out;
}
@media (min-width: 576px) {
    #modal-book-now .step::after {
        height: 21px;
        width: 21px;
        background-size: 21px 21px;
    }
}

@media (min-width: 768px) {
    #modal-book-now .step::after {
        height: 24px;
        width: 24px;
        background-size: 24px 24px;
    }
}

#modal-book-now .step.list::after {
    background-image: url("/assets/images/svg/list-white.svg");
}

#modal-book-now .step.boat::after {
    background-image: url("/assets/images/svg/boat-white.svg");
}

#modal-book-now .step.extra::after {
    background-image: url("/assets/images/svg/plus-white.svg");
}

#modal-book-now .step.calendar::after {
    background-image: url("/assets/images/svg/calendar-white.svg");
}

#modal-book-now .step.clock::after {
    background-image: url("/assets/images/svg/clock-white.svg");
}

#modal-book-now .step.people::after {
    background-image: url("/assets/images/svg/people-white.svg");
}

#modal-book-now .step.info::after {
    background-image: url("/assets/images/svg/info-white.svg");
}

#modal-book-now .step.confirm::after {
    background-image: url("/assets/images/svg/confirm-white.svg");
}

#modal-book-now .step.finish {
    background-color: #b7e6ff;
}

#modal-book-now .step.finish.list::after {
    background-image: url("/assets/images/svg/list-primary.svg");
}

#modal-book-now .step.finish.boat::after {
    background-image: url("/assets/images/svg/boat-primary.svg");
}

#modal-book-now .step.finish.extra::after {
    background-image: url("/assets/images/svg/plus-primary.svg");
}

#modal-book-now .step.finish.calendar::after {
    background-image: url("/assets/images/svg/calendar-primary.svg");
}

#modal-book-now .step.finish.clock::after {
    background-image: url("/assets/images/svg/clock-primary.svg");
}

#modal-book-now .step.finish.people::after {
    background-image: url("/assets/images/svg/people-primary.svg");
}

#modal-book-now .step.finish.info::after {
    background-image: url("/assets/images/svg/info-primary.svg");
}

#modal-book-now .step.finish.confirm::after {
    background-image: url("/assets/images/svg/confirm-primary.svg");
}

#modal-book-now .step.active {
    background-color: var(--bs-primary);
}

#modal-book-now .step.active.list::after {
    background-image: url("/assets/images/svg/list-white.svg");
}

#modal-book-now .step.active.boat::after {
    background-image: url("/assets/images/svg/boat-white.svg");
}

#modal-book-now .step.active.extra::after {
    background-image: url("/assets/images/svg/plus-white.svg");
}

#modal-book-now .step.active.calendar::after {
    background-image: url("/assets/images/svg/calendar-white.svg");
}

#modal-book-now .step.active.clock::after {
    background-image: url("/assets/images/svg/clock-white.svg");
}

#modal-book-now .step.active.people::after {
    background-image: url("/assets/images/svg/people-white.svg");
}

#modal-book-now .step.active.info::after {
    background-image: url("/assets/images/svg/info-white.svg");
}

#modal-book-now .step.active.confirm::after {
    background-image: url("/assets/images/svg/confirm-white.svg");
}

#prevBtn {
    margin-right: 0.7rem !important;
}

@media (max-width: 767px) {
    .__only_desktop {
        display: none !important;
    }
}
@media (min-width: 768px) {
    .__only_mobile {
        display: none !important;
    }
}

.sn_video_bg {
    position: relative;
    height: 100vh;
    height: 100dvh;
    width: 100%;
}

.sn_video_bg__in {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: -1;
    background: #000;
}

.sn_video_bg .video-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.35);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.sn_video_bg video, .sn_video_bg img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

/* @media (max-width: 767px) {
    .sn_video_bg video {
        height: 75%;
    }
} */

.sn_video_bg__scroll {
    position: absolute;
    right: 20px;
    bottom: 20px;
    transition: opacity 0.3s ease-in-out;
}

.sn_video_bg__scroll_target {
    position: absolute;
    left: 0px;
    bottom: 0px;
}

.sn_video_bg:has(.sn_modal.__open) .sn_video_bg__scroll {
    opacity: 0;
}

.ratio-img {
    --bs-aspect-ratio: calc(1 / 1 * 100%);
}

@media (min-width: 768px) {
    .ratio-img {
        --bs-aspect-ratio: calc(1 / 1.5 * 100%);
    }
}

@media (min-width: 992px) {
    .ratio-img {
        --bs-aspect-ratio: calc(1 / 2 * 100%);
    }
}

@media (min-width: 1200px) {
    .ratio-img {
        --bs-aspect-ratio: calc(1 / 3 * 100%);
    }
}

.accordion-button::after {
    flex-shrink: 0;
    width: 2rem;
    height: 2rem;
    content: "";
    margin-left: auto;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 2rem;
    transition: transform 0.2s ease-in-out;
}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230090df'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: rotate(-180deg);
}

.primary-bg .accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.primary-bg .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

#page {
    transition: 0.5s ease;
}

.sn_header {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: var(--z-index-fixed);
    height: var(--header-height);
    background: linear-gradient(0deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
    transition: all 0.3s ease-in-out;
}

.sn_header__hamburger {
    padding-top: 30px;
}

.sn_header .sn_header__logo {
    position: relative;
    z-index: 10;
}

.sn_header .sn_header__logo img {
    width: 20rem;
}

.sn_header #nav-trigger {
    z-index: 14;
}

.sn_header #nav-trigger .ham {
    width: 5rem;
    height: 5rem;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transition: transform 400ms;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.sn_header #nav-trigger .hamRotate.active {
    transform: rotate(45deg);
}

.sn_header #nav-trigger .hamRotate.active .line {
    stroke: var(--bs-primary);
}

.sn_header #nav-trigger .line {
    fill: none;
    transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
    stroke: #fff;
    stroke-width: 5;
    stroke-linecap: round;
}

.sn_header #nav-trigger .ham8 .top {
    stroke-dasharray: 30 160;
}

.sn_header #nav-trigger .ham8 .middle {
    stroke-dasharray: 40 142;
    transform-origin: 50%;
    transition: transform 400ms;
}

.sn_header #nav-trigger .ham8 .bottom {
    stroke-dasharray: 40 85;
    transform-origin: 50%;
    transition: transform 400ms, stroke-dashoffset 400ms;
}

.sn_header #nav-trigger .ham8.active .top {
    stroke-dashoffset: -64px;
}

.sn_header #nav-trigger .ham8.active .middle {
    transform: rotate(90deg);
}

.sn_header #nav-trigger .ham8.active .bottom {
    stroke-dashoffset: -64px;
}

.navbar-home .lang-switcher .current-lang {
    color: white;
}

.overflow-x-clip {
    padding-top: 10rem;
}

#lang .lang {
    font-size: 1.4rem;
    color: #b5b5b5;
    text-decoration: none;
}

#lang .lang .current-lang {
    color: var(--bs-primary);
}

.lang-switcher {
    padding: 30px 0;
}

.lang-switcher a {
    display: block;
    padding: 15px 0;
    font-weight: 700;
}

.sn_footer {
    position: relative;
    z-index: var(--z-index-fixed);
    margin-top: auto;
    background-color: var(--bs-primary);
}

.current-menu-item a {
    font-weight: bold;
    color: var(--bs-primary) !important;
}

.current-menu-item::after {
    background-color: var(--bs-primary) !important;
}

#main-nav {
    position: fixed;
    z-index: 12;
    top: 0;
    background: rgba(100, 100, 100, 0.9);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    left: 0;
    height: 100vh;
    height: 100dvh;
    border-radius: 0 0 1rem;
    padding: 9rem 7rem 4rem;
    transition: all 0.3s ease-in-out;
    overflow-y: auto;
}

#main-nav .menu-container {
    -webkit-margin-start: 0;
    margin-inline-start: 0;
}

#main-nav .menu-container .menu-item {
    position: relative;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
}

#main-nav .menu-container .menu-item a {
    color: #eaeaea;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
}

#main-nav .menu-container .menu-item::after {
    content: "";
    position: absolute;
    bottom: 0.5rem;
    left: 2px;
    height: 2px;
    width: 8rem;
    background-color: #eaeaea;
    transition: all 0.3s ease-in-out;
}

@media (max-width: 575.98px) {
    #main-nav .menu-container .menu-item::after {
        width: 4rem;
        bottom: 0rem;
    }
}

#main-nav .menu-container .menu-item:hover a {
    color: #fff;
}

#main-nav .menu-container .menu-item:hover::after {
    width: 12rem;
    background-color: #fff;
}

@media (max-width: 575.98px) {
    #main-nav .menu-container .menu-item:hover::after {
        width: 6rem;
    }
}

#main-nav .menu-item-text {
    display: relative;
}

#main-nav .menu-item-text a {
    color: white;
    display: relative;
    text-decoration: none;
}

#main-nav.close {
    transform: translateX(-100%);
}

@media (max-width: 575.98px) {
    #main-nav {
        padding: 11rem 4.5rem 4rem;
    }
}

.navbar-classic {
    height: var(--header-height-classic);
}

.navbar-classic .sn_header__logo {
    width: 15rem;
}

/*# sourceMappingURL=main.css.map */

.credits {
    font-size: 12px;
}

.sn_overflow_custom_index {
    overflow-y: auto;
}

.modal-body {
    max-height: calc(90vh - 100px);
    max-height: calc(90dvh - 100px);
    overflow-y: auto;
}

@media (max-width: 767.98px) {
    .sn_footer.__hidden {
        opacity: 0;
    }

    .sn_overflow_custom_index {
        overflow-y: hidden;
    }
}

input[type="checkbox"]:checked {
    background-color: var(--bs-primary) !important;
}

input[type="checkbox"]:checked:disabled {
    opacity: 0.8;
}

#room-service .form-check-input {
    margin-top: 0 !important;
    flex-shrink: 0;
}


.form-check-input:disabled~.form-check-label {
    color: #869ab8;
}

.form-check-input:disabled {
    border: 1px solid darkgray !important;
    background-color: lightgray !important;
}



/** ESPERIENZE **/
/* Experience Cards Section */

/* Experience Card */
.experience-card {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    background: white;
    border: none;
    border-radius: 6px;
    overflow: hidden;
}

.experience-card:hover {
    /* transform: translateY(-4px); */
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16) !important;
}

/* Immagine della Card */
.experience-card__image {
    overflow: hidden;
    background: linear-gradient(135deg, #f0f0f0 0%, #e0e0e0 100%);
}

.experience-card__image img {
    transition: transform 0.3s ease;
    object-fit: cover;
}

.experience-card:hover .experience-card__image img {
    transform: scale(1.05);
}

/* Titolo della Card */
.experience-card__title {
    font-weight: 700;
    font-size: 2rem;
    color: #212529;
    margin-bottom: 0.75rem;
}

/* Descrizione della Card */
.experience-card__description {
    font-size: 1.4rem;
    line-height: 1.4;
    color: #6c757d;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.experience-card__other {
    font-size: 1.4rem;
}

/* Footer della Card */
.experience-card__footer {
    gap: 1rem;
}

.experience-card__duration {
    font-size: 1.4rem;
    color: #6c757d;
}

/* Button */
.experience-card .btn {
    white-space: nowrap;
    font-size: 0.85rem;
    padding: 0.375rem 0.75rem;
    transition: all 0.2s ease;
}

.experience-card .btn:hover {
    transform: translateX(2px);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .experience-card__image {
        height: 225px !important;
    }

    .experiences-section {
        padding-top: 2rem !important;
        padding-bottom: 7rem !important;
    }
}

@media (max-width: 576px) {
    .experience-card__image {
        height: 200px !important;
    }

    .experience-card__body {
        padding: 1rem !important;
    }

    .experience-card__footer {
        flex-direction: column;
        align-items: flex-start;
    }

    .experience-card .btn {
        width: 100%;
        text-align: center;
    }
}

.sn_video_bg.__tour {
    height: 50vh;
    height: 50dvh;
    padding-top: var(--header-height);
    padding-bottom: var(--header-height);
}

.sn_video_bg.__page {
    height: 50vh;
    height: 50dvh;
    padding-top: var(--header-height);
    padding-bottom: var(--header-height);
}

.sn_tour_recap {
    position: relative;
    z-index: 2;
}

.other_tours_title {
    font-weight: 700;
    font-size: 25px;
}

.sn_tour_recap__i {
    display: flex;
    flex-wrap: nowrap;
    gap: 20px;
    margin-top: 30px;
}

@media (max-width: 575px) {
    .sn_tour_recap__i {
        display: flex;
        flex-direction: column;
        gap: 5px;
        margin-top: 30px;
    }
}

.sn_tour_recap__prices {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

@media (min-width: 992px) {
    .sn_tour_recap__prices {
        align-items: flex-end;
    }
}

.sn_tour_recap__prices .sn_tour_recap__prices__i {
    width: auto;
    display: flex;
    flex-wrap: nowrap;
    gap: 20px;
}

.sn_tour_recap__prices .sn_tour_recap__prices__i .value {
    font-weight: 700;
    font-size: 22px;
    line-height: 1.1;
}

.sn_tour_recap__i.gallery {
    display: block;
}

.sn_tour_recap__i.boats {
    display: block;
}

.sn_tour_recap__i.boats .boat_others {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.sn_tour_recap__i.boats .boat {
    overflow: hidden;
    width: calc(100% - 20px);
    display: flex;
    flex-direction: column;
    align-items: stretch;
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
@media (min-width: 576px) {
    .sn_tour_recap__i.boats .boat {
        width: calc(50% - 20px);
    }
}
@media (min-width: 992px) {
    .sn_tour_recap__i.boats .boat {
        width: calc(33% - 20px);
    }
}
@media (min-width: 1200px) {
    .sn_tour_recap__i.boats .boat {
        width: calc(25% - 20px);
    }
}

.sn_tour_recap__i.boats .boat img {
    width: 100%;
    aspect-ratio: 3/2;
}

.sn_tour_recap__i.boats .boat .boat_info {
    width: 100%;
    max-width: 300px;
    background: #fff;
    padding: 3px 10px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.sn_tour_recap__i.boats .boat .boat_info .boat_info__in {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.sn_tour_recap__i.boats .boat .boat_name {
    text-align: center;
    font-size: 20px;
    font-weight: 700;
}

.sn_tour_recap__i.boats .boat .boat_max_capacity {
    font-size: 14px;
}

.sn_tour_recap__i.boats .boat .boat_description {
    text-align: left;
    text-wrap: balance;
}

.sn_tour_recap__i .name {
    flex-grow: 0;
    flex-shrink: 0;
}
@media (min-width: 576px) {
    .sn_tour_recap__i .name {
        width: 40%;
    }
}

.sn_tour_recap__i .name, .sn_tour_recap__prices__i .name {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 300;
}

@media (max-width: 991px) {
    .sn_tour_recap__prices__i .name {
        flex-grow: 0;
        width: 40%;
        flex-shrink: 0;
    }
}

.sn_tour_recap__i.time_slots  {
    display: block;
}

.sn_tour_recap__i .time_slots__in {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin-top: 20px;
}

.sn_tour_recap__gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.sn_tour_recap__gallery__i {
    overflow: hidden;
    display: block;
    position: relative;
    width: calc(100% - 10px);
    aspect-ratio: 3/2;
    border-radius: 6px;
    transition: transform 0.3s ease
}
.sn_tour_recap__gallery__i::after {
    content: '';
    position: absolute;
    z-index: 2;
    inset: 0;
    opacity: 0;
    pointer-events: none;
    background-color: #000;
    transition: opacity 0.3s ease;
}
.sn_tour_recap__gallery__i:hover::after {
    opacity: 0.2;
}
.sn_tour_recap__gallery__i img {
    position: absolute;
    z-index: 1;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (min-width: 576px) {
    .sn_tour_recap__gallery__i {
        width: calc(50% - 10px);
    }
}
@media (min-width: 992px) {
    .sn_tour_recap__gallery__i {
        width: calc(33% - 10px);
    }
}
@media (min-width: 1200px) {
    .sn_tour_recap__gallery__i {
        width: calc(25% - 10px);
    }
}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
    border-color: var(--bs-primary) !important;
}

@media (min-width: 1200px) {
    .sn_tour_recap__i.extra .name {
        width: 20%;
    }
}

.sn_tour_recap__i__extra_list {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

#datetime-prenotazione {
    width: 100%;
}

#datetime-prenotazione .card {
    background: #fff;
    border: 0.5px solid rgba(0, 0, 0, 0.12);
    border-radius: 12px;
    padding: 1.25rem;
    margin-bottom: 1rem;
}



/* Navigazione mese */
#datetime-prenotazione .nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
}

#datetime-prenotazione .nav button {
    background: none;
    border: 0.5px solid rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    padding: 4px 12px;
    cursor: pointer;
    font-size: 16px;
    color: #1a1a1a;
}

#datetime-prenotazione .nav button:hover {
    background: #f1efe8;
}

#datetime-prenotazione .month-title {
    font-size: 15px;
    font-weight: 500;
}

/* Griglia calendario */
#datetime-prenotazione .grid-header {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 2px;
    margin-bottom: 4px;
}

#datetime-prenotazione .grid-header span {
    text-align: center;
    font-size: 11px;
    color: #888;
    padding: 4px 0;
}

#datetime-prenotazione .grid {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 2px;
}

#datetime-prenotazione .day {
    text-align: center;
    padding: 7px 2px;
    border-radius: 6px;
    font-size: 13px;
    cursor: pointer;
    border: 0.5px solid transparent;
    transition: background 0.1s;
}

#datetime-prenotazione .day:hover:not(.disabled):not(.empty):not(.past) {
    background: #eaf8ff;
    color: var(--bs-primary);
    border-color: var(--bs-primary);
}

#datetime-prenotazione .day.empty {
    cursor: default;
}

#datetime-prenotazione .day.disabled {
    color: #bbb;
    cursor: not-allowed;
    opacity: 0.5;
}

#datetime-prenotazione .day.past {
    color: #ccc;
    cursor: not-allowed;
    opacity: 0.4;
}

#datetime-prenotazione .day.selected {
    background: var(--bs-primary);
    color: #fff;
    font-weight: 500;
}

#datetime-prenotazione .day.today {
    border-color: var(--bs-primary);
}

/* Orari */
#datetime-prenotazione .time-section h3 {
    font-size: 13px;
    color: #666;
    margin-bottom: 8px;
}

#datetime-prenotazione .time-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 6px;
}

#datetime-prenotazione .slot {
    text-align: center;
    padding: 8px 4px;
    border-radius: 8px;
    font-size: 13px;
    cursor: pointer;
    border: 0.5px solid rgba(0, 0, 0, 0.12);
    background: #fff;
    transition: background 0.1s;
}

#datetime-prenotazione .slot:hover:not(.slot-disabled) {
    background: #eaf8ff;
    color: var(--bs-primary);
    border-color: var(--bs-primary);
}

#datetime-prenotazione .slot.slot-disabled {
    color: #bbb;
    cursor: not-allowed;
    opacity: 0.4;
}

#datetime-prenotazione .slot.slot-selected {
    background: var(--bs-primary);
    color: #fff;
    border-color: var(--bs-primary);
}

/* Risultato */
#datetime-prenotazione .result {
    background: #f1efe8;
    border-radius: 8px;
    padding: 0.75rem 1rem;
    font-size: 16px;
    color: #666;
}

#datetime-prenotazione .result strong {
    color: #1a1a1a;
    font-weight: 500;
}

/* Legenda */
#datetime-prenotazione .legend {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 0.75rem;
}

#datetime-prenotazione .leg {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    color: #666;
}

#datetime-prenotazione .leg-dot {
    width: 10px;
    height: 10px;
    border-radius: 2px;
}

#extras-prenotazione .form-group {
    flex-wrap: wrap;
}
#extras-prenotazione > div:not(:last-child) {
    margin-bottom: 10px;
}
#extras-prenotazione .extra-description {
    display: block;
    width: 100%;
    font-size: 12px;
    padding-left: 15px;
}

/* start map address */

/* .sn_map_address .sn_map_address__wr {
    border-radius: 10px;
    box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, 0.12);
} */

/* end map address */

/* start form */

/* .sn_form .sn_form__wr {
    border-radius: 10px;
    box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, 0.12);
} */

#map {
    min-height: 400px;
}

.sn_mail_link {
    text-underline-offset: 4px;
}

.sn_form__prefix {
    width: 35%;
    flex-shrink: 0;
}

.sn_form__phone {
    min-width: 0;
}

.sn_form textarea {
    resize: none;
}

@media (max-width: 767.98px) {
    .sn_form__prefix {
        width: 40%;
    }
}

/* end form */

/* Scroll down animation*/

@keyframes scroll-down-main {
    0% {
        transform: translate3d(0, 0, 0);
        visibility: visible;
    }
    25% {
        transform: translate3d(0, 0, 0);
        visibility: visible;
    }
    50% {
        transform: translate3d(0, 62px, 0);
        visibility: visible;
    }
    55% {
        transform: translate3d(0, 62px, 0);
        visibility: visible;
    }
    60% {
        transform: translate3d(0, 62px, 0);
        visibility: hidden;
    }
    65% {
        transform: translate3d(0, -62px, 0);
        visibility: hidden;
    }
    75% {
        transform: translate3d(0, -62px, 0);
        visibility: visible;
    }
    100% {
        transform: translate3d(0, 0, 0);
        visibility: visible;
    }
}

@keyframes scroll-down-aux {
    0% {
        transform: translate3d(0, 62px, 0);
        visibility: visible;
    }
    5% {
        transform: translate3d(0, 62px, 0);
        visibility: visible;
    }
    10% {
        transform: translate3d(0, 62px, 0);
        visibility: hidden;
    }
    15% {
        transform: translate3d(0, -62px, 0);
        visibility: hidden;
    }
    25% {
        transform: translate3d(0, -62px, 0);
        visibility: visible;
    }
    50% {
        transform: translate3d(0, 0, 0);
        visibility: visible;
    }
    75% {
        transform: translate3d(0, 0, 0);
        visibility: visible;
    }
    100% {
        transform: translate3d(0, 62px, 0);
        visibility: visible;
    }
}

.sn_scroll_down {
	overflow: hidden;
    appearance: none;
    margin: 0;
	position: relative;
    display: block;
    width: 34px;
    height: 62px;
    padding: 14px 0;
    color: #fff;
	border: 2px solid #fff;
	border-radius: 100px;
}
.sn_scroll_down:hover {
	color: currentColor;
}

.sn_scroll_down .position {
    width: 100%;
    height: 100%;
    position: relative;
}

.sn_scroll_down .position .icon_el {
    position: absolute;
    inset: 0;
    background-image: url("/assets/images/svg/arrow-down-white.svg");
    background-size: contain;
    animation-duration: 5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

.sn_scroll_down .position .icon_el.__main {
    animation-name: scroll-down-main;
}

.sn_scroll_down .position .icon_el.__aux {
    transform: translate3d(0, -62px, 0);
    animation-name: scroll-down-aux;
}
/**/