*,::before,::after {
box-sizing:border-box;
border-width:0;
border-style:solid;
border-color:#e5e7eb
}

::before,::after {
--tw-content:""
}

html,:host {
line-height:1.5;
-webkit-text-size-adjust:100%;
-moz-tab-size:4;
-o-tab-size:4;
tab-size:4;
font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
font-feature-settings:normal;
font-variation-settings:normal;
-webkit-tap-highlight-color:#fff0
}

body {
margin:0;
line-height:inherit
}

hr {
height:0;
color:inherit;
border-top-width:1px
}

abbr:where([title]) {
-webkit-text-decoration:underline dotted;
text-decoration:underline dotted
}

h1,h2,h3,h4,h5,h6 {
font-size:inherit;
font-weight:inherit
}

a {
color:inherit;
text-decoration:inherit
}

b,strong {
font-weight:bolder
}

code,kbd,samp,pre {
font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
font-feature-settings:normal;
font-variation-settings:normal;
font-size:1em
}

small {
font-size:80%
}

sub,sup {
font-size:75%;
line-height:0;
position:relative;
vertical-align:baseline
}

sub {
bottom:-.25em
}

sup {
top:-.5em
}

table {
text-indent:0;
border-color:inherit;
border-collapse:collapse
}

button,input,optgroup,select,textarea {
font-family:inherit;
font-feature-settings:inherit;
font-variation-settings:inherit;
font-size:100%;
font-weight:inherit;
line-height:inherit;
color:inherit;
margin:0;
padding:0
}

button,select {
text-transform:none
}

button,[type="button"],[type="reset"],[type="submit"] {
-webkit-appearance:button;
background-color:#fff0;
background-image:none
}

:-moz-focusring {
outline:auto
}

:-moz-ui-invalid {
box-shadow:none
}

progress {
vertical-align:baseline
}

::-webkit-inner-spin-button,::-webkit-outer-spin-button {
height:auto
}

[type="search"] {
-webkit-appearance:textfield;
outline-offset:-2px
}

::-webkit-search-decoration {
-webkit-appearance:none
}

::-webkit-file-upload-button {
-webkit-appearance:button;
font:inherit
}

summary {
display:list-item
}

blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre {
margin:0
}

fieldset {
margin:0;
padding:0
}

legend {
padding:0
}

ol,ul,menu {
list-style:none;
margin:0;
padding:0
}

dialog {
padding:0
}

textarea {
resize:vertical
}

input::-moz-placeholder,textarea::-moz-placeholder {
opacity:1;
color:#9ca3af
}

input::placeholder,textarea::placeholder {
opacity:1;
color:#9ca3af
}

button,[role="button"] {
cursor:pointer
}

:disabled {
cursor:default
}

img,svg,video,canvas,audio,iframe,embed,object {
display:block;
vertical-align:middle
}

img,video {
max-width:100%;
height:auto
}

[hidden] {
display:none
}

:root {
--primaryColor:#4674a4;
--secondaryColor:#273656;
--redColor:#d6000b;
--height-mobile-cta:70px;
--height-header:64px;
--height-microsite-header:64px;
--t:0.5s;
--z-cursor:160;
--z-loading:159;
--z-modal:150;
--z-nav:111;
--z-header:110;
--z-button:108;
--z-body:5;
--z-hero:4
}

* {
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
text-rendering:optimizeLegibility;
box-sizing:border-box
}

html {
scroll-behavior:smooth
}

body {
font-family:"Roboto","Arial","sans-serif";
font-size:1rem;
line-height:1.5rem;
--tw-text-opacity:1;
color:rgb(77 77 77 / var(--tw-text-opacity))
}

body.tt-ol-menu-open,body.scroll-hidden {
overflow:hidden
}

h1,.h1 {
font-size:2.25rem;
line-height:2.5rem
}

@media (min-width:768px) {
h1,.h1 {
font-size:3rem;
line-height:1
}

}

@media (min-width:1024px) {
h1,.h1 {
font-size:3.75rem;
line-height:1
}

}

h2,.h2 {
font-size:1.5rem;
line-height:2rem
}

@media (min-width:768px) {
h2,.h2 {
font-size:39px;
line-height:1.5
}

}

h3,.h3 {
font-size:1.5rem;
line-height:2rem
}

@media (min-width:768px) {
h3,.h3 {
font-size:1.875rem;
line-height:2.25rem;
line-height:1.5
}

}

h4,.h4 {
font-size:1.5rem;
line-height:2rem
}

h5,.h5 {
font-size:1.25rem;
line-height:1.75rem
}

h1,h2,h3,h4,h5,h6 {
font-weight:600
}

p,span {
line-height:1.5
}

.detail-left p,.detail-left h1,.detail-left h2,.detail-left h3,.detail-left h4,.detail-left h5,.detail-left h6 {
margin-bottom:1.5rem
}

.detail-left li {
margin-bottom:1rem
}

.page-builder .container>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse:0;
margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom:calc(1rem * var(--tw-space-y-reverse))
}

.page-builder ol {
list-style-type:none;
counter-reset:item
}

.page-builder ol>li {
display:table;
counter-increment:item
}

.page-builder ol>li::before {
content:counters(item,".") ".";
display:table-cell;
padding-right:.6em;
white-space:nowrap
}

.page-builder ol>li>ol>li::before {
content:counters(item,".");
display:table-cell;
padding-right:.6em;
white-space:nowrap
}

.page-builder ol>li>ol>li>ol>li::before {
content:"(" counter(item,lower-alpha) ")"
}

.justify-content-center {
justify-content:center
}

*,::before,::after {
--tw-border-spacing-x:0;
--tw-border-spacing-y:0;
--tw-translate-x:0;
--tw-translate-y:0;
--tw-rotate:0;
--tw-skew-x:0;
--tw-skew-y:0;
--tw-scale-x:1;
--tw-scale-y:1;
--tw-pan-x:;
--tw-pan-y:;
--tw-pinch-zoom:;
--tw-scroll-snap-strictness:proximity;
--tw-gradient-from-position:;
--tw-gradient-via-position:;
--tw-gradient-to-position:;
--tw-ordinal:;
--tw-slashed-zero:;
--tw-numeric-figure:;
--tw-numeric-spacing:;
--tw-numeric-fraction:;
--tw-ring-inset:;
--tw-ring-offset-width:0;
--tw-ring-offset-color:#fff;
--tw-ring-color:rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow:0 0 #0000;
--tw-ring-shadow:0 0 #0000;
--tw-shadow:0 0 #0000;
--tw-shadow-colored:0 0 #0000;
--tw-blur:;
--tw-brightness:;
--tw-contrast:;
--tw-grayscale:;
--tw-hue-rotate:;
--tw-invert:;
--tw-saturate:;
--tw-sepia:;
--tw-drop-shadow:;
--tw-backdrop-blur:;
--tw-backdrop-brightness:;
--tw-backdrop-contrast:;
--tw-backdrop-grayscale:;
--tw-backdrop-hue-rotate:;
--tw-backdrop-invert:;
--tw-backdrop-opacity:;
--tw-backdrop-saturate:;
--tw-backdrop-sepia:
}

::backdrop {
--tw-border-spacing-x:0;
--tw-border-spacing-y:0;
--tw-translate-x:0;
--tw-translate-y:0;
--tw-rotate:0;
--tw-skew-x:0;
--tw-skew-y:0;
--tw-scale-x:1;
--tw-scale-y:1;
--tw-pan-x:;
--tw-pan-y:;
--tw-pinch-zoom:;
--tw-scroll-snap-strictness:proximity;
--tw-gradient-from-position:;
--tw-gradient-via-position:;
--tw-gradient-to-position:;
--tw-ordinal:;
--tw-slashed-zero:;
--tw-numeric-figure:;
--tw-numeric-spacing:;
--tw-numeric-fraction:;
--tw-ring-inset:;
--tw-ring-offset-width:0;
--tw-ring-offset-color:#fff;
--tw-ring-color:rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow:0 0 #0000;
--tw-ring-shadow:0 0 #0000;
--tw-shadow:0 0 #0000;
--tw-shadow-colored:0 0 #0000;
--tw-blur:;
--tw-brightness:;
--tw-contrast:;
--tw-grayscale:;
--tw-hue-rotate:;
--tw-invert:;
--tw-saturate:;
--tw-sepia:;
--tw-drop-shadow:;
--tw-backdrop-blur:;
--tw-backdrop-brightness:;
--tw-backdrop-contrast:;
--tw-backdrop-grayscale:;
--tw-backdrop-hue-rotate:;
--tw-backdrop-invert:;
--tw-backdrop-opacity:;
--tw-backdrop-saturate:;
--tw-backdrop-sepia:
}

.container {
width:100%;
margin-right:auto;
margin-left:auto
}

@media (min-width:640px) {
.container {
max-width:640px
}

}

@media (min-width:768px) {
.container {
max-width:768px
}

}

@media (min-width:1024px) {
.container {
max-width:1024px
}

}

@media (min-width:1280px) {
.container {
max-width:1280px
}

}

@media (min-width:1536px) {
.container {
max-width:1536px
}

}

.footer a {
transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;
transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;
transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;
transition-timing-function:cubic-bezier(.4,0,.2,1);
transition-duration:500ms
}

.footer a:hover {
color:var(--brand-primary-strong, var(--secondaryColor))
}

@media (min-width:1280px) {
.footer h3,.footer .h3 {
font-size:3.3vw
}

}

.footer .nav-dropdown__head {
max-height:21px
}

.footer .nav-dropdown__body {
padding-left:0
}

.footer .box-link-list>li>a {
display:inline-block;
border-radius:9999px;
border-width:1px;
--tw-border-opacity:1;
border-color:rgb(209 213 219 / var(--tw-border-opacity));
--tw-bg-opacity:1;
background-color:rgb(249 250 251 / var(--tw-bg-opacity));
padding-top:.25rem;
padding-bottom:.25rem;
padding-left:.75rem;
padding-right:.75rem
}

.bg-linear {
background:linear-gradient(transparent,rgb(0 0 0 / .8))
}

.custom-select {
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
transition-property:max-height;
transition-timing-function:cubic-bezier(.4,0,.2,1);
transition-duration:500ms
}

.custom-select.active .head i {
--tw-rotate:-180deg;
transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.custom-select.\!active .head i {
--tw-rotate:-180deg;
transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.custom-select .head i {
transition-property:transform;
transition-timing-function:cubic-bezier(.4,0,.2,1);
transition-duration:500ms
}

.tt-image {
position:relative;
height:auto;
width:100%;
overflow:hidden;
padding-bottom:65%
}

.tt-image>div,.tt-image amp-img,.tt-image img {
position:absolute;
left:0;
top:0;
height:100%;
width:100%;
-o-object-fit:cover;
object-fit:cover;
-o-object-position:center;
object-position:center
}

.t-table-wrapper {
position:relative;
overflow:hidden
}

@media not all and (min-width:768px) {
.t-table-wrapper {
height:60vh
}

}

.t-table-shadow-left {
box-shadow:inset 4px 0 4px 0 rgb(0 0 0 / .0705882353);
position:absolute;
left:5rem;
top:3.5rem;
height:calc(100% - 3.5rem);
width:.75rem
}

.t-table-shadow-top {
box-shadow:inset 0 4px 4px 0 rgb(0 0 0 / .0705882353);
position:absolute;
left:0;
top:3.5rem;
height:.75rem;
width:100%
}

.t-table {
width:100%;
height:100%;
overflow:auto;
border-width:1px;
border-left-width:0;
--tw-border-opacity:1;
border-color:rgb(229 231 235 / var(--tw-border-opacity))
}

.t-table-col {
display:flex;
min-width:-moz-max-content;
min-width:max-content
}

.t-table-col:first-of-type {
position:sticky;
top:0;
z-index:10;
--tw-bg-opacity:1;
background-color:rgb(255 255 255 / var(--tw-bg-opacity));
font-weight:500
}

.t-table-col:not(:first-of-type)>div:not(:first-of-type) {
cursor:pointer
}

.t-table-col:not(:first-of-type)>div:not(:first-of-type):hover {
border-width:4px;
--tw-border-opacity:1;
border-color:rgb(209 213 219 / var(--tw-border-opacity))
}

.t-table-col:last-of-type>div {
border-bottom-width:0
}

.t-table-col>div {
display:flex;
height:3.5rem;
width:4rem;
flex-shrink:0;
flex-grow:1;
align-items:center;
justify-content:center;
white-space:nowrap;
border-bottom-width:1px;
border-right-width:1px;
--tw-border-opacity:1;
border-color:rgb(229 231 235 / var(--tw-border-opacity));
text-align:center;
font-size:.875rem;
line-height:1.25rem
}

.t-table-col>div:first-of-type {
position:sticky;
left:0;
width:5rem;
flex-grow:0;
border-left-width:1px;
--tw-bg-opacity:1;
background-color:rgb(255 255 255 / var(--tw-bg-opacity));
font-weight:500
}

.t-table-col>div:last-of-type {
border-right-width:0
}

.lazy {
opacity:0;
transition-property:all;
transition-timing-function:cubic-bezier(.4,0,.2,1);
transition-duration:500ms
}

.lazy.loaded {
opacity:1
}

.main-button {
display:inline-flex;
align-items:center;
justify-content:center;
border-radius:32px;
border-width:1px;
border-color:var(--brand-primary, var(--primaryColor));
background-color:var(--brand-primary, var(--primaryColor));
padding-left:3rem;
padding-right:3rem;
padding-top:.75rem;
padding-bottom:.75rem;
text-align:center;
font-size:.875rem;
line-height:1.25rem;
font-weight:700;
--tw-text-opacity:1;
color:rgb(255 255 255 / var(--tw-text-opacity));
transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;
transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;
transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;
transition-timing-function:cubic-bezier(.4,0,.2,1);
transition-duration:500ms;
cursor:pointer
}

.main-button:hover {
background-color:var(--brand-primary-strong, var(--secondaryColor))
}

@media not all and (min-width:640px) {
.main-button {
width:100%
}

}

.main-button.--trans-bg,.main-button .--ghost {
border-width:1px;
border-color:var(--brand-primary, var(--primaryColor));
background-color:#fff0;
color:var(--brand-primary, var(--primaryColor))
}

.main-button.--trans-bg:hover,.main-button .--ghost:hover {
border-color:var(--brand-primary, var(--primaryColor));
background-color:var(--brand-primary, var(--primaryColor));
--tw-text-opacity:1;
color:rgb(255 255 255 / var(--tw-text-opacity))
}

.main-button.--trans-bg.--trans-red,.main-button .--ghost.--trans-red {
--tw-border-opacity:1;
border-color:rgb(239 68 68 / var(--tw-border-opacity));
--tw-text-opacity:1;
color:rgb(239 68 68 / var(--tw-text-opacity))
}

.main-button.--trans-bg.--trans-red:hover,.main-button .--ghost.--trans-red:hover {
--tw-bg-opacity:1;
background-color:rgb(239 68 68 / var(--tw-bg-opacity));
--tw-text-opacity:1;
color:rgb(255 255 255 / var(--tw-text-opacity))
}

.main-button.--red {
--tw-border-opacity:1;
border-color:rgb(239 68 68 / var(--tw-border-opacity));
--tw-bg-opacity:1;
background-color:rgb(239 68 68 / var(--tw-bg-opacity))
}

.main-button.--red:hover {
background-color:#fff0;
--tw-text-opacity:1;
color:rgb(239 68 68 / var(--tw-text-opacity))
}

.main-button.--sm {
padding-left:.5rem;
padding-right:.5rem;
padding-top:.25rem;
padding-bottom:.25rem
}

#select-city-mobile.\!active {
--tw-translate-y:0;
transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

#select-city-mobile.active {
--tw-translate-y:0;
transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

#select-city.\!active {
visibility:visible;
opacity:1
}

#select-city.active {
visibility:visible;
opacity:1
}

#choose-city-button.\!active {
cursor:text;
border-color:var(--brand-primary, var(--primaryColor));
--tw-bg-opacity:1;
background-color:rgb(255 255 255 / var(--tw-bg-opacity));
color:var(--brand-primary, var(--primaryColor))
}

#choose-city-button.\!active::-moz-placeholder {
color:var(--brand-primary, var(--primaryColor))
}

#choose-city-button.\!active::placeholder {
color:var(--brand-primary, var(--primaryColor))
}

#choose-city-button.active {
cursor:text;
border-color:var(--brand-primary, var(--primaryColor));
--tw-bg-opacity:1;
background-color:rgb(255 255 255 / var(--tw-bg-opacity));
color:var(--brand-primary, var(--primaryColor))
}

#choose-city-button.active::-moz-placeholder {
color:var(--brand-primary, var(--primaryColor))
}

#choose-city-button.active::placeholder {
color:var(--brand-primary, var(--primaryColor))
}

#choose-city-button.\!active+div>i {
--tw-rotate:-180deg;
transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
color:var(--brand-primary, var(--primaryColor))
}

#choose-city-button.active+div>i {
--tw-rotate:-180deg;
transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
color:var(--brand-primary, var(--primaryColor))
}

.lang-button {
position:relative;
cursor:pointer;
padding-block:4px
}

.lang-button.active .lang-button__body {
opacity:1;
pointer-events:auto
}

.lang-button.\!active .lang-button__body {
opacity:1!important;
pointer-events:auto!important
}

.lang-button.active i svg {
transform:rotate(180deg)
}

.lang-button.\!active i svg {
transform:rotate(180deg)!important
}

.lang-button__head {
display:flex;
align-items:center;
gap:6px
}

.lang-button__head i {
transition:transform var(--t);
display:inline-flex
}

.lang-button__head i * {
transition:transform var(--t)
}

.lang-button__head i svg path {
fill:#fff
}

.lang-button__body {
position:absolute;
top:36px;
right:0;
opacity:0;
pointer-events:none;
background:#fff;
padding:10px;
transition:var(--t);
box-shadow:rgb(149 157 165 / .2) 0 8px 24px;
color:#000;
display:flex;
flex-direction:column;
align-items:flex-start;
border-radius:10px;
transition-delay:0.1s
}

.lang-button__body li {
padding:0!important;
width:100%
}

.lang-button__body li a,.lang-button__body li span {
text-align:left;
display:inline-flex;
align-items:center;
gap:6px;
opacity:1
}

.lang-button__body li a::before,.lang-button__body li a::after,.lang-button__body li span::before,.lang-button__body li span::after {
display:none
}

.lang-button .lang-list__circle {
display:flex;
height:1.25rem;
width:1.25rem;
min-width:1.25rem;
align-items:center;
justify-content:center;
border-radius:9999px;
border-width:2px;
--tw-border-opacity:1;
border-color:rgb(77 77 77 / var(--tw-border-opacity));
padding:.25rem
}

.lang-button .lang-list li {
display:flex;
align-items:center
}

.lang-button .lang-list li>:not([hidden])~:not([hidden]) {
--tw-space-x-reverse:0;
margin-right:calc(0.5rem * var(--tw-space-x-reverse));
margin-left:calc(0.5rem * calc(1 - var(--tw-space-x-reverse)))
}

.lang-button .lang-list li {
opacity:.6
}

.lang-button .lang-list li:hover {
opacity:1
}

.lang-button .lang-list li.active {
opacity:1
}

.lang-button .lang-list li.\!active {
opacity:1
}

.lang-button .lang-list li.active .lang-list__circle>div {
--tw-bg-opacity:1;
background-color:rgb(77 77 77 / var(--tw-bg-opacity))
}

.lang-button .lang-list li.\!active .lang-list__circle>div {
--tw-bg-opacity:1;
background-color:rgb(77 77 77 / var(--tw-bg-opacity))
}

@media (min-width:1024px) {
.lang-button:hover i {
transform:rotate(180deg)
}
.lang-button:hover .lang-button__body {
opacity:1;
pointer-events:auto
}
.lang-button__body {
padding:24px
}

}

@keyframes fade-up {
0% {
opacity:1;
transform:scale(.9)
}
30% {
transform:scale(.95)
}
50% {
transform:scale(1)
}
100% {
opacity:1;
transform:scale(1)
}

}

@media (min-width:768px) {
.modal .modal-dialog {
margin:auto!important
}

}

.popover {
position:relative;
cursor:pointer
}

.popover.active-popover .popover-head i {
--tw-rotate:-180deg;
transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.popover.active-popover .popover-body {
visibility:visible;
opacity:1
}

.popover-head i {
transition-property:transform;
transition-timing-function:cubic-bezier(.4,0,.2,1);
transition-duration:500ms
}

.popover-body {
visibility:hidden;
position:absolute;
top:100%;
opacity:0;
transition-property:all;
transition-timing-function:cubic-bezier(.4,0,.2,1);
transition-duration:500ms
}

.item-dropdown {
overflow:hidden;
transition-property:max-height;
transition-timing-function:cubic-bezier(.4,0,.2,1);
transition-duration:500ms;
cursor:pointer
}

.item-dropdown__icon {
transition-property:transform,color;
transition-timing-function:cubic-bezier(.4,0,.2,1);
transition-duration:500ms
}

.item-dropdown.active .item-dropdown__icon {
--tw-rotate:-180deg;
transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.item-dropdown.\!active .item-dropdown__icon {
--tw-rotate:-180deg;
transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.circle,.circle-border {
width:60px;
height:60px;
border-radius:50%
}

.circle {
z-index:1;
position:relative;
background:#fff;
transform:scale(1);
animation:success-anim 700ms ease
}

.circle-border {
z-index:0;
position:absolute;
background:#8f6;
transform:scale(1.1);
animation:circle-anim 400ms ease
}

@keyframes success-anim {
0% {
transform:scale(0)
}
30% {
transform:scale(0)
}
100% {
transform:scale(1)
}

}

@keyframes circle-anim {
from {
transform:scale(0)
}
to {
transform:scale(1.1)
}

}

.success::before,.success::after {
content:"";
display:block;
height:4px;
background:#8f6;
position:absolute
}

.success::before {
width:17px;
top:58%;
left:23%;
transform:rotateZ(50deg)
}

.success::after {
width:30px;
top:50%;
left:35%;
transform:rotateZ(-50deg)
}

[data-type-modal] {
-webkit-user-select:none;
-moz-user-select:none;
user-select:none
}

.modal-wrapper {
display:flex;
width:100%;
align-items:center;
justify-content:center;
opacity:0;
transition-property:transform,opacity;
transition-timing-function:cubic-bezier(.4,0,.2,1);
transition-duration:500ms;
height:100%
}

.modal-wrapper__inner {
position:relative;
height:100%;
overflow-y:auto
}

@media (min-width:1024px) {
.modal-wrapper__inner {
overflow:hidden
}

}

@media not all and (min-width:768px) {
.modal.bottom-sheet.active .modal-wrapper__inner {
--tw-translate-y:0;
transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.modal.bottom-sheet.\!active .modal-wrapper__inner {
--tw-translate-y:0;
transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.modal.bottom-sheet .modal-wrapper {
opacity:1
}

}

@media not all and (min-width:768px) {
.modal.bottom-sheet .modal-wrapper__inner {
--tw-translate-y:100%;
transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

/* Fixed header is 64px (z-110, below the modal's z-150): cap the bottom
   sheet so its top edge never paints over the header. */
.modal.bottom-sheet .modal-wrapper__inner {
max-height:calc(100% - 72px)
}

}

.tt-video {
position:relative;
overflow:hidden
}

.tt-video iframe {
position:absolute;
left:50%;
top:50%;
height:100%;
width:100%;
--tw-translate-x:-50%;
--tw-translate-y:-50%;
transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@media (min-aspect-ratio:16/9) {
.tt-video iframe {
height:60.25vw
}

}

@media (min-width:768px) and (max-aspect-ratio:16/9) {
.tt-video iframe {
width:200.78vh
}

}

@media (max-width:767px) and (max-aspect-ratio:16/9) {
.tt-video iframe {
width:95.78vh
}

}

.contact {
padding-top:2rem
}

@media not all and (min-width:1024px) {
.contact>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse:0;
margin-top:calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom:calc(2.5rem * var(--tw-space-y-reverse))
}

}

@media (min-width:1024px) {
.contact {
display:flex
}

}

.contact-left {
margin-left:auto;
margin-right:auto;
width:100%;
max-width:42rem;
padding-left:1.5rem;
padding-right:1.5rem;
padding-bottom:2rem
}

@media (min-width:1024px) {
.contact-left {
padding-left:2.5rem;
padding-right:2.5rem
}
.contact-left,.contact-right {
flex-basis:50%
}

}

.contact-form .formfield {
margin-bottom:30px
}

.contact-form__label {
margin-bottom:10px;
display:block;
font-size:.875rem;
line-height:1.25rem;
font-weight:100
}

.contact-form__input {
width:100%;
resize:none;
border-width:1px;
border-color:rgb(0 0 0 / .5);
background-color:#fff0;
padding:10px;
outline:2px solid #fff0;
outline-offset:2px;
transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;
transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;
transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;
transition-timing-function:cubic-bezier(.4,0,.2,1);
transition-duration:500ms
}

.contact-form__input::-moz-placeholder {
--tw-text-opacity:1;
color:rgb(0 0 0 / var(--tw-text-opacity))
}

.contact-form__input::placeholder {
--tw-text-opacity:1;
color:rgb(0 0 0 / var(--tw-text-opacity))
}

.contact-form__input:focus {
border-color:var(--brand-primary, var(--primaryColor))
}

.contact-form__submit {
width:100%;
border-width:1px;
border-color:rgb(0 0 0 / .5);
background-color:#fff0;
padding-left:2rem;
padding-right:2rem;
padding-top:1rem;
padding-bottom:1rem;
text-transform:uppercase;
letter-spacing:1px;
--tw-text-opacity:1;
color:rgb(0 0 0 / var(--tw-text-opacity));
transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;
transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;
transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;
transition-timing-function:cubic-bezier(.4,0,.2,1);
transition-duration:500ms
}

@media (min-width:768px) {
.contact-form__submit {
width:auto
}

}

.contact-form__submit:hover {
background-color:var(--brand-primary, var(--primaryColor));
--tw-text-opacity:1;
color:rgb(255 255 255 / var(--tw-text-opacity))
}

.contact-form .iti {
width:100%
}

.contact-right img {
height:100%
}

.contact .select2-container--default .select2-selection--multiple {
background-color:#fff0;
border-radius:0;
--tw-border-opacity:1;
border-color:rgb(255 255 255 / var(--tw-border-opacity))
}

.contact .select2-container--default.select2-container--focus .select2-selection--multiple {
border-color:var(--brand-primary, var(--primaryColor))
}

.contact .select2-container--default .select2-selection--multiple .select2-selection__choice {
background-color:#fff0
}

.contact .iti__country-list {
background-color:#fff
}

.pagination {
display:flex;
width:100%;
align-items:center;
justify-content:center;
padding-top:2.5rem;
padding-bottom:2.5rem
}

@media (min-width:1024px) {
.pagination {
padding-top:4rem;
padding-bottom:4rem
}

}

.pagination ul {
display:flex;
align-items:center;
justify-content:center;
gap:1rem
}

.pagination ul li {
display:flex;
align-items:center;
justify-content:center;
cursor:pointer
}

.pagination ul li.active span {
background-color:var(--brand-primary, var(--primaryColor));
--tw-text-opacity:1;
color:rgb(255 255 255 / var(--tw-text-opacity))
}

.pagination ul li.\!active span {
background-color:var(--brand-primary, var(--primaryColor));
--tw-text-opacity:1;
color:rgb(255 255 255 / var(--tw-text-opacity))
}

.pagination ul li.active span {
box-shadow:0 4px 5px 0 rgb(0 40 79 / .14),0 1px 10px 0 rgb(0 40 79 / .12),0 2px 4px -1px rgb(0 40 79 / .2)
}

.pagination ul li.\!active span {
box-shadow:0 4px 5px 0 rgb(0 40 79 / .14),0 1px 10px 0 rgb(0 40 79 / .12),0 2px 4px -1px rgb(0 40 79 / .2)!important
}

.pagination ul span {
display:flex;
height:1.75rem;
width:1.75rem;
align-items:center;
justify-content:center;
border-radius:.375rem;
border-width:1px;
border-color:#fff0;
font-size:.75rem;
line-height:1rem;
font-weight:600;
transition-property:box-shadow,border,color,background;
transition-timing-function:cubic-bezier(.4,0,.2,1);
transition-duration:500ms;
cursor:pointer
}

.pagination ul span:hover {
background-color:var(--brand-primary, var(--primaryColor));
--tw-text-opacity:1;
color:rgb(255 255 255 / var(--tw-text-opacity))
}

@media (min-width:1024px) {
.pagination ul span {
height:2.5rem;
width:2.5rem;
font-size:1rem;
line-height:1.5rem
}

}

.pagination ul span:hover {
box-shadow:0 4px 5px 0 rgb(0 40 79 / .14),0 1px 10px 0 rgb(0 40 79 / .12),0 2px 4px -1px rgb(0 40 79 / .2)
}

.news-slider .swiper-pagination-bullet {
flex-shrink:0;
--tw-bg-opacity:1;
background-color:rgb(255 255 255 / var(--tw-bg-opacity));
opacity:1
}

.news-slider .news-button {
color:#000;
height:2.75rem;
width:2.75rem;
min-width:44px;
border-radius:9999px;
--tw-bg-opacity:1;
background-color:rgb(255 255 255 / var(--tw-bg-opacity));
--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
transition-property:box-shadow;
transition-timing-function:cubic-bezier(.4,0,.2,1);
transition-duration:500ms
}

.news-slider .news-button:hover {
--tw-shadow:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.news-slider .news-button::after {
font-size:18px!important
}

.prod-slider .swiper-pagination {
width:60px!important;
position:unset!important;
transform:none!important
}

.prod-slider .swiper-pagination-bullet {
flex-shrink:0;
--tw-bg-opacity:1;
background-color:rgb(255 255 255 / var(--tw-bg-opacity));
opacity:1
}

.prod-slider .prod-button {
color:#fff;
position:unset!important;
margin:0!important;
transition-property:transform,opacity;
transition-timing-function:cubic-bezier(.4,0,.2,1);
transition-duration:300ms
}

.prod-slider .prod-button::after {
font-size:12px!important
}

.project-slider:hover .project-button {
opacity:1
}

.project-slider .project-button {
height:2.25rem;
width:2.25rem;
border-radius:9999px;
background-color:rgb(0 0 0 / .5);
opacity:0;
transition-property:opacity;
transition-timing-function:cubic-bezier(.4,0,.2,1);
transition-duration:500ms
}

.project-slider .project-button::after {
color:#fff;
font-size:16px
}

.project-slider .project-pagination .swiper-pagination-bullet-active {
--tw-bg-opacity:1;
background-color:rgb(255 255 255 / var(--tw-bg-opacity))
}

.detail-slider .swiper-pagination {
width:60px!important;
left:auto!important;
transform:none!important;
bottom:1.25rem;
right:1.25rem
}

.detail-slider .swiper-pagination-bullet {
flex-shrink:0;
--tw-bg-opacity:1;
background-color:rgb(255 255 255 / var(--tw-bg-opacity));
opacity:1
}

.detail-slider .detail-button {
color:#000;
height:2.75rem;
width:2.75rem;
min-width:44px;
border-radius:9999px;
--tw-bg-opacity:1;
background-color:rgb(255 255 255 / var(--tw-bg-opacity));
--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
transition-property:box-shadow;
transition-timing-function:cubic-bezier(.4,0,.2,1);
transition-duration:500ms
}

.detail-slider .detail-button:hover {
--tw-shadow:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.detail-slider .detail-button::after {
font-size:18px!important
}

.pagination {
display:flex;
width:100%;
align-items:center;
justify-content:center;
padding-top:2.5rem;
padding-bottom:2.5rem
}

@media (min-width:1024px) {
.pagination {
padding-top:4rem;
padding-bottom:4rem
}

}

.pagination ul {
display:flex;
align-items:center;
justify-content:center;
gap:1rem
}

.pagination ul li {
display:flex;
align-items:center;
justify-content:center;
cursor:pointer
}

.pagination ul li.active span {
background-color:var(--brand-primary, var(--primaryColor));
--tw-text-opacity:1;
color:rgb(255 255 255 / var(--tw-text-opacity))
}

.pagination ul li.\!active span {
background-color:var(--brand-primary, var(--primaryColor));
--tw-text-opacity:1;
color:rgb(255 255 255 / var(--tw-text-opacity))
}

.pagination ul li.active span {
box-shadow:0 4px 5px 0 rgb(0 40 79 / .14),0 1px 10px 0 rgb(0 40 79 / .12),0 2px 4px -1px rgb(0 40 79 / .2)
}

.pagination ul li.\!active span {
box-shadow:0 4px 5px 0 rgb(0 40 79 / .14),0 1px 10px 0 rgb(0 40 79 / .12),0 2px 4px -1px rgb(0 40 79 / .2)!important
}

.pagination ul span {
display:flex;
height:1.75rem;
width:1.75rem;
align-items:center;
justify-content:center;
border-radius:.375rem;
border-width:1px;
border-color:#fff0;
font-size:.75rem;
line-height:1rem;
font-weight:600;
transition-property:box-shadow,border,color,background;
transition-timing-function:cubic-bezier(.4,0,.2,1);
transition-duration:500ms;
cursor:pointer
}

.pagination ul span:hover {
background-color:var(--brand-primary, var(--primaryColor));
--tw-text-opacity:1;
color:rgb(255 255 255 / var(--tw-text-opacity))
}

@media (min-width:1024px) {
.pagination ul span {
height:2.5rem;
width:2.5rem;
font-size:1rem;
line-height:1.5rem
}

}

.pagination ul span:hover {
box-shadow:0 4px 5px 0 rgb(0 40 79 / .14),0 1px 10px 0 rgb(0 40 79 / .12),0 2px 4px -1px rgb(0 40 79 / .2)
}

.pagination .pagination-list {
display:flex;
align-items:center;
justify-content:center;
gap:1rem
}

.pagination .dots {
pointer-events:none
}

.tab-category-button .active-category {
border-top-left-radius:.5rem;
border-top-right-radius:.5rem;
background-color:var(--brand-primary-strong, var(--secondaryColor));
font-weight:600;
--tw-text-opacity:1;
color:rgb(255 255 255 / var(--tw-text-opacity))
}

.masory-grid {
-moz-columns:3;
columns:3;
gap:.5rem
}

@media (min-width:768px) {
.masory-grid {
gap:1rem
}

}

.masory-grid .tt-image {
-moz-column-break-inside:avoid;
break-inside:avoid;
border-radius:.375rem;
cursor:pointer
}

.masory-grid .tt-image:not(:first-of-type) {
margin-top:.5rem
}

@media (min-width:768px) {
.masory-grid .tt-image:not(:first-of-type) {
margin-top:1rem
}

}

.masory-grid .tt-image:nth-of-type(odd) {
padding-bottom:100%
}

.masory-grid .tt-image:nth-of-type(n+10) {
display:none
}

@media (min-width:768px) and (max-width:1024px) {
.masory-grid .tt-image:nth-of-type(n+7) {
display:none
}
.masory-grid .tt-image:nth-of-type(odd) {
padding-bottom:65%
}

}

.detail-left {
overflow:hidden
}

.detail-left .page-builder {
overflow:hidden
}

.page-builder {
line-height:1.5
}

.contact-section .select2-container--default .select2-selection--multiple {
background-color:#fff0;
border-color:rgb(255 255 255 / .5);
border-color:rgb(255 255 255 / .5)
}

@media (prefers-color-scheme:dark) {
.contact-section .select2-container--default .select2-selection--multiple {
border-color:rgb(255 255 255 / .5)
}

}

.contact-section .select2-container--default .select2-selection--multiple .select2-selection__choice {
background-color:#fff0
}

.contact-section .iti__country-list {
background-color:#fff;
border-color:rgb(255 255 255 / .5);
border-color:rgb(255 255 255 / .5)
}

@media (prefers-color-scheme:dark) {
.contact-section .iti__country-list {
border-color:rgb(255 255 255 / .5)
}

}

.contact-form {
max-width:36rem
}

.contact-form>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse:0;
margin-top:calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom:calc(2.5rem * var(--tw-space-y-reverse))
}

@media (min-width:1024px) {
.contact-form {
width:100%
}

}

.contact-form .form-heading>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse:0;
margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))
}

.contact-form .form-heading h3 {
font-size:1.5rem;
line-height:2rem
}

@media (min-width:768px) {
.contact-form .form-heading h3 {
font-size:39px;
line-height:1.5
}

}

.contact-form .form-field>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse:0;
margin-top:calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom:calc(0.75rem * var(--tw-space-y-reverse))
}

.contact-form .form-label {
pointer-events:none;
display:block;
font-size:.875rem;
line-height:1.25rem
}

.contact-form .form-input {
width:100%;
resize:none;
border-radius:0;
border-bottom-width:1px;
--tw-border-opacity:1;
border-color:rgb(77 77 77 / var(--tw-border-opacity));
background-color:#fff0;
padding-top:.75rem;
padding-bottom:.75rem;
--tw-text-opacity:1;
color:rgb(77 77 77 / var(--tw-text-opacity));
outline:2px solid #fff0;
outline-offset:2px;
transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;
transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;
transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;
transition-timing-function:cubic-bezier(.4,0,.2,1);
transition-duration:500ms
}

.contact-form .form-input::-moz-placeholder {
--tw-text-opacity:1;
color:rgb(255 255 255 / var(--tw-text-opacity))
}

.contact-form .form-input::placeholder {
--tw-text-opacity:1;
color:rgb(255 255 255 / var(--tw-text-opacity))
}

@media (prefers-color-scheme:dark) {
.contact-form .form-input {
--tw-text-opacity:1;
color:rgb(255 255 255 / var(--tw-text-opacity))
}

}

.contact-form .form-input:focus {
border-color:var(--brand-primary, var(--primaryColor))
}

.contact-form .form-button {
border-width:1px;
--tw-border-opacity:1;
border-color:rgb(77 77 77 / var(--tw-border-opacity));
background-color:#fff0;
padding-left:2rem;
padding-right:2rem;
padding-top:.75rem;
padding-bottom:.75rem;
text-transform:uppercase;
letter-spacing:1px;
transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;
transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;
transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;
transition-timing-function:cubic-bezier(.4,0,.2,1);
transition-duration:500ms
}

@media not all and (min-width:640px) {
.contact-form .form-button {
width:100%
}

}

@media (prefers-color-scheme:dark) {
.contact-form .form-button {
--tw-text-opacity:1;
color:rgb(255 255 255 / var(--tw-text-opacity))
}

}

.contact-form .form-button:hover {
border-color:var(--brand-primary, var(--primaryColor));
background-color:var(--brand-primary, var(--primaryColor));
--tw-text-opacity:1;
color:rgb(255 255 255 / var(--tw-text-opacity))
}

.contact-form .form-checkbox-label {
display:flex;
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
align-items:flex-start;
gap:.5rem
}

.contact-form .form-checkbox-label input {
margin-top:6px
}

.contact-form .form-wrapper>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse:0;
margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom:calc(2rem * var(--tw-space-y-reverse))
}

@media (min-width:1024px) {
.contact-form .form-wrapper>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse:0;
margin-top:calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom:calc(2.5rem * var(--tw-space-y-reverse))
}

}

.contact-form .form-field__label {
position:relative
}

.contact-form .form-field__label>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse:0;
margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));
margin-bottom:calc(0px * var(--tw-space-y-reverse))
}

.contact-form .form-field__label .form-label {
position:absolute;
top:50%;
--tw-translate-y:-50%;
transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
transition-property:transform,font-size;
transition-timing-function:cubic-bezier(.4,0,.2,1);
transition-duration:500ms
}

.contact-form .form-field__label .form-input:focus+.form-label,.contact-form .form-field__label .form-input:valid+.form-label {
--tw-translate-y:-2.5rem;
transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
font-size:.75rem;
line-height:1rem
}

.contact-form .form-field__label--tel .form-label {
--tw-translate-y:-2.5rem;
transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
font-size:.75rem;
line-height:1rem
}

.contact-form .iti {
width:100%
}

.modal-dialog {
pointer-events:none;
position:fixed;
inset:0;
z-index:1000;
margin:0;
width:100%;
height:100%;
background-color:rgb(0 0 0 / .5);
padding:0;
opacity:0;
transition-property:opacity,visibility;
transition-timing-function:cubic-bezier(.4,0,.2,1);
transition-duration:500ms;
height:calc(var(--vh, 1vh) * 100)
}

.modal-dialog::backdrop {
background-color:rgb(0 0 0 / .5)
}

@media (min-width:768px) {
.modal-dialog {
display:flex;
align-items:center
}

}

.modal-dialog[open] {
visibility:visible;
opacity:1
}

.modal-dialog[open] .modal-dialog-wrapper {
pointer-events:auto
}

.modal-dialog-wrapper {
position:relative;
margin-left:auto;
margin-right:auto;
display:flex;
width:100%;
height:100%;
max-width:42rem;
flex-direction:column;
justify-content:center;
-moz-column-gap:1rem;
column-gap:1rem;
row-gap:1.25rem;
--tw-bg-opacity:1;
background-color:rgb(255 255 255 / var(--tw-bg-opacity))
}

@media (min-width:768px) {
.modal-dialog-wrapper {
height:auto;
max-height:80%;
flex-direction:row
}

}

@media (min-width:1024px) {
.modal-dialog-wrapper {
max-width:48rem
}

}

@media (prefers-color-scheme:dark) {
.modal-dialog-wrapper {
--tw-bg-opacity:1;
background-color:rgb(77 77 77 / var(--tw-bg-opacity));
--tw-text-opacity:1;
color:rgb(255 255 255 / var(--tw-text-opacity))
}

}

.modal-dialog .content {
scrollbar-width:none
}

.modal-dialog .\!content {
scrollbar-width:none!important
}

.modal-dialog .content {
width:100%;
overflow:auto;
padding-left:1rem;
padding-right:1rem;
padding-bottom:1rem;
padding-top:3.5rem
}

@media (min-width:768px) {
.modal-dialog .content {
padding:2rem
}

}

@media (min-width:1024px) {
.modal-dialog .content {
padding:3rem
}

}

.modal-dialog .\!content {
width:100%;
overflow:auto;
padding-left:1rem;
padding-right:1rem;
padding-bottom:1rem;
padding-top:3.5rem
}

@media (min-width:768px) {
.modal-dialog .\!content {
padding:2rem
}

}

@media (min-width:1024px) {
.modal-dialog .\!content {
padding:3rem
}

}

.modal-dialog h4 {
margin-bottom:3rem
}

.modal-dialog-close {
position:absolute;
right:0;
top:0;
z-index:10;
cursor:pointer
}

.modal-dialog-close svg path {
fill:currentColor
}

.modal-dialog__fullscreen .modal-dialog-wrapper {
height:100%;
max-height:none;
max-width:none
}

.modal-dialog__fullscreen .content {
width:100%;
height:100%;
padding:0;
overflow:unset
}

.modal-dialog__fullscreen .\!content {
width:100%;
height:100%;
padding:0;
overflow:unset
}

.multi-form {
position:relative;
width:100%;
height:100%
}

.multi-form>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse:0;
margin-top:calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom:calc(2.5rem * var(--tw-space-y-reverse))
}

@media (min-width:1024px) {
.multi-form>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse:0;
margin-top:calc(4rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom:calc(4rem * var(--tw-space-y-reverse))
}

}

.multi-form__fullscreen>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse:0;
margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));
margin-bottom:calc(0px * var(--tw-space-y-reverse))
}

.multi-form__fullscreen {
padding-left:1rem;
padding-right:1rem;
padding-top:2rem
}

@media (min-width:768px) {
.multi-form__fullscreen {
padding-top:8.1vw
}

}

@media (min-width:1024px) {
.multi-form__fullscreen {
padding-left:8.1vw;
padding-right:8.1vw
}

}

@media (min-width:1280px) {
.multi-form__fullscreen {
padding-left:16vw;
padding-right:16vw
}

}

@media (min-width:768px) {
.multi-form__fullscreen h3 {
padding-bottom:7rem
}

}

@media (min-width:1024px) {
.multi-form__fullscreen h3 {
padding-bottom:8rem
}

}

.multi-form__fullscreen .form-step {
padding-bottom:7rem
}

@media (min-width:1024px) {
.multi-form__fullscreen .form-step {
padding-bottom:8rem
}

}

.multi-form__fullscreen .actions {
position:absolute;
bottom:0;
left:0;
width:100%;
--tw-bg-opacity:1;
background-color:rgb(255 255 255 / var(--tw-bg-opacity));
padding:1rem;
padding-left:1rem;
padding-right:1rem;
--tw-shadow:0 4px 16px 0 rgb(11 17 52 / 20%);
--tw-shadow-colored:0 4px 16px 0 var(--tw-shadow-color);
box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

@media (min-width:1024px) {
.multi-form__fullscreen .actions {
padding-left:8.1vw;
padding-right:8.1vw
}

}

@media (min-width:1280px) {
.multi-form__fullscreen .actions {
padding-left:16vw;
padding-right:16vw
}

}

.multi-form .steps {
display:none
}

.multi-form .content {
display:grid;
height:100%;
grid-template-columns:repeat(1,minmax(0,1fr));
gap:2.5rem;
padding:0
}

@media not all and (min-width:768px) {
.multi-form .content {
flex-direction:column
}

}

@media (min-width:768px) {
.multi-form .content {
grid-template-columns:repeat(2,minmax(0,1fr))
}

}

@media (min-width:1024px) {
.multi-form .content {
gap:5rem
}

}

.multi-form .\!content {
display:grid;
height:100%;
grid-template-columns:repeat(1,minmax(0,1fr));
gap:2.5rem;
padding:0
}

@media not all and (min-width:768px) {
.multi-form .\!content {
flex-direction:column
}

}

@media (min-width:768px) {
.multi-form .\!content {
grid-template-columns:repeat(2,minmax(0,1fr))
}

}

@media (min-width:1024px) {
.multi-form .\!content {
gap:5rem
}

}

.multi-form .actions ul {
display:flex;
justify-content:flex-end;
gap:.5rem
}

.multi-form .actions ul li.disabled {
display:none
}

.multi-form .actions ul li.\!disabled {
display:none
}

.multi-form .actions ul li:nth-of-type(1) a {
border-color:var(--brand-primary, var(--primaryColor));
background-color:#fff0;
color:var(--brand-primary, var(--primaryColor))
}

.multi-form .actions ul li:nth-of-type(1) a:hover {
border-color:var(--brand-primary, var(--primaryColor));
background-color:var(--brand-primary, var(--primaryColor));
--tw-text-opacity:1;
color:rgb(255 255 255 / var(--tw-text-opacity))
}

.multi-form .actions ul li a {
display:inline-flex;
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
align-items:center;
justify-content:center;
border-radius:.375rem;
border-width:1px;
border-color:var(--brand-primary, var(--primaryColor));
background-color:var(--brand-primary, var(--primaryColor));
padding-left:1rem;
padding-right:1rem;
padding-top:.5rem;
padding-bottom:.5rem;
text-align:center;
font-size:.875rem;
line-height:1.25rem;
font-weight:500;
text-transform:uppercase;
--tw-text-opacity:1;
color:rgb(255 255 255 / var(--tw-text-opacity));
transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;
transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;
transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;
transition-timing-function:cubic-bezier(.4,0,.2,1);
transition-duration:500ms;
cursor:pointer
}

.multi-form .actions ul li a:hover {
border-color:var(--brand-primary, var(--primaryColor));
background-color:#fff0;
color:var(--brand-primary, var(--primaryColor))
}

@media not all and (min-width:640px) {
.multi-form .actions ul li a {
width:100%
}

}

@media (min-width:1024px) {
.multi-form .actions ul li a {
padding-left:1.5rem;
padding-right:1.5rem;
padding-top:1rem;
padding-bottom:1rem;
font-size:1rem;
line-height:1.5rem
}

}

.multi-form .form-step {
scrollbar-width:none;
height:100%;
overflow:scroll
}

.multi-form .form-tag {
display:none
}

.multi-form .form-tag.current {
display:block
}

.multi-form .form-tag__description {
font-family:"Roboto","Arial","sans-serif";
font-size:.875rem;
line-height:1.25rem
}

@media (min-width:1024px) {
.multi-form .form-tag__description {
font-size:1rem;
line-height:1.5rem
}

}

.multi-form .form-content>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse:0;
margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom:calc(2rem * var(--tw-space-y-reverse))
}

@media (min-width:1024px) {
.multi-form .form-content>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse:0;
margin-top:calc(4rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom:calc(4rem * var(--tw-space-y-reverse))
}

}

.multi-form .form-label {
pointer-events:none;
display:block;
font-weight:600
}

.multi-form .form-input {
width:100%;
resize:none;
border-radius:0;
border-bottom-width:1px;
--tw-border-opacity:1;
border-color:rgb(77 77 77 / var(--tw-border-opacity));
background-color:#fff0;
padding-top:.75rem;
padding-bottom:.75rem;
--tw-text-opacity:1;
color:rgb(77 77 77 / var(--tw-text-opacity));
outline:2px solid #fff0;
outline-offset:2px;
transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;
transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;
transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;
transition-timing-function:cubic-bezier(.4,0,.2,1);
transition-duration:500ms
}

.multi-form .form-input::-moz-placeholder {
--tw-text-opacity:1;
color:rgb(255 255 255 / var(--tw-text-opacity))
}

.multi-form .form-input::placeholder {
--tw-text-opacity:1;
color:rgb(255 255 255 / var(--tw-text-opacity))
}

@media (prefers-color-scheme:dark) {
.multi-form .form-input {
--tw-text-opacity:1;
color:rgb(255 255 255 / var(--tw-text-opacity))
}

}

.multi-form .form-input:focus {
border-color:var(--brand-primary, var(--primaryColor))
}

.multi-form .form-field {
position:relative
}

.multi-form label.error {
position:absolute;
right:0;
top:0;
--tw-text-opacity:1;
color:rgb(239 68 68 / var(--tw-text-opacity))
}

.calculator-form-2 {
margin-left:auto;
margin-right:auto;
width:100%;
max-width:64rem
}

@media (min-width:768px) {
.calculator-form-2 {
border-radius:.75rem;
--tw-shadow:0 4px 16px 0 rgb(11 17 52 / 20%);
--tw-shadow-colored:0 4px 16px 0 var(--tw-shadow-color);
box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

}

.calculator-form-2__wrapper {
width:100%
}

@media (min-width:768px) {
.calculator-form-2__wrapper {
display:flex
}

}

.calculator-form-2__left {
flex:1 1 0%
}

.calculator-form-2__left>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse:0;
margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))
}

.calculator-form-2__left {
padding-top:1.5rem;
padding-bottom:1.5rem;
font-size:.875rem;
line-height:1.25rem
}

@media (min-width:768px) {
.calculator-form-2__left {
--tw-bg-opacity:1;
background-color:rgb(249 250 251 / var(--tw-bg-opacity));
padding:1.5rem;
padding-left:1rem;
padding-right:1rem
}

}

@media (min-width:1024px) {
.calculator-form-2__left {
padding:2rem
}

}

.calculator-form-2__right {
flex:1 1 0%
}

.calculator-form-2__right>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse:0;
margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom:calc(2rem * var(--tw-space-y-reverse))
}

.calculator-form-2__right {
padding-top:1.5rem;
padding-bottom:1.5rem
}

@media (min-width:768px) {
.calculator-form-2__right {
padding:1.5rem;
padding-left:1rem;
padding-right:1rem
}

}

@media (min-width:1024px) {
.calculator-form-2__right {
padding:2rem
}

}

.calculator-form-2 .form-wrapper>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse:0;
margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom:calc(1rem * var(--tw-space-y-reverse))
}

.calculator-form-2 .form-field {
position:relative;
display:flex;
flex:1 1 0%;
align-items:center;
--tw-bg-opacity:1;
background-color:rgb(255 255 255 / var(--tw-bg-opacity))
}

.calculator-form-2 .form-field__wrapper {
display:flex;
flex:1 1 0%;
gap:.5rem
}

.calculator-form-2 .form-field__radio {
border-radius:.25rem;
border-width:1px;
--tw-border-opacity:1;
border-color:rgb(229 231 235 / var(--tw-border-opacity));
padding-top:.5rem;
padding-bottom:.5rem;
padding-left:2.5rem;
padding-right:.5rem
}

.calculator-form-2 .form-field__text {
border-radius:.25rem;
border-width:1px;
--tw-border-opacity:1;
border-color:rgb(229 231 235 / var(--tw-border-opacity))
}

.calculator-form-2 .form-field__text>span {
padding:12px;
border-right-width:1px;
--tw-border-opacity:1;
border-color:rgb(229 231 235 / var(--tw-border-opacity));
--tw-bg-opacity:1;
background-color:rgb(243 244 246 / var(--tw-bg-opacity));
font-size:.875rem;
line-height:1.25rem
}

.calculator-form-2 .form-field__text .form-input {
border-color:#fff0
}

.calculator-form-2 .form-input {
padding:12px;
width:100%;
height:100%;
border-radius:.25rem;
border-width:1px;
--tw-border-opacity:1;
border-color:rgb(229 231 235 / var(--tw-border-opacity));
outline:2px solid #fff0;
outline-offset:2px
}

.calculator-form-2 .form-input__radio {
display:none;
padding-left:2.5rem
}

.calculator-form-2 .form-input__radio--check {
position:absolute;
left:.75rem;
width:1rem;
height:1rem;
border-radius:9999px;
border-width:1px;
--tw-border-opacity:1;
border-color:rgb(229 231 235 / var(--tw-border-opacity))
}

.calculator-form-2 .form-input__radio--check>div {
position:relative;
width:100%;
height:100%
}

.calculator-form-2 .form-input__radio--check>div::before {
pointer-events:none;
position:absolute;
left:50%;
top:50%;
display:block;
width:6px;
height:6px;
--tw-translate-x:-50%;
--tw-translate-y:-50%;
transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
border-radius:9999px;
background-color:#fff0;
--tw-content:"";
content:var(--tw-content)
}

.calculator-form-2 .form-input__radio:checked+.form-input__radio--check {
background-color:var(--brand-primary, var(--primaryColor))
}

.calculator-form-2 .form-input__radio:checked+.form-input__radio--check>div::before {
--tw-bg-opacity:1;
background-color:rgb(255 255 255 / var(--tw-bg-opacity))
}

.calculator-form-2 .form-title {
flex:1 1 0%;
font-weight:600
}

.calculator-form-2 .form-sub-total>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse:0;
margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))
}

.calculator-form-2 .form-sub-total__wrapper {
display:flex;
align-items:center;
justify-content:space-between;
gap:.75rem
}

.calculator-form-2 .form-sub-total__number {
white-space:nowrap
}

.calculator-form-2 .form-total>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse:0;
margin-top:calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom:calc(0.5rem * var(--tw-space-y-reverse))
}

.calculator-form-2 .form-total {
text-align:center
}

.calculator-form-2 .form-total p {
font-size:.875rem;
line-height:1.25rem;
font-weight:700
}

.calculator-form-2 .form-total__number {
font-size:1.5rem;
line-height:2rem;
font-weight:600
}

.calculator-form-2 .form-total__percent>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse:0;
margin-top:calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom:calc(0.75rem * var(--tw-space-y-reverse))
}

.calculator-form-2 .form-total__percent {
font-size:.875rem;
line-height:1.25rem
}

.calculator-form-2 .form-total__percent--pagination {
display:flex;
width:100%;
text-align:center;
font-size:.875rem;
line-height:1.25rem;
--tw-text-opacity:1;
color:rgb(255 255 255 / var(--tw-text-opacity))
}

.calculator-form-2 .form-total__percent--text {
display:flex;
flex-wrap:wrap;
gap:.5rem
}

.tab-scroll-nav li {
opacity:.7
}

.tab-scroll-nav li.active-nav {
color:var(--brand-primary, var(--primaryColor))!important;
opacity:1!important
}

.tab-scroll-nav li.active-nav span::before {
content:var(--tw-content)!important;
background-color:var(--brand-primary, var(--primaryColor))!important
}

.tab-scroll .tab-scroll-nav {
transition-property:all;
transition-timing-function:cubic-bezier(.4,0,.2,1);
transition-duration:500ms
}

@media (min-width:1024px) {
.tab-scroll.active-scroll .tab-scroll-nav {
padding-top:1rem!important;
padding-bottom:1rem!important
}

}

.tabs .tabs-nav li {
border-top-left-radius:.5rem;
border-top-right-radius:.5rem;
font-weight:600;
transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;
transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;
transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;
transition-timing-function:cubic-bezier(.4,0,.2,1);
transition-duration:500ms
}

.tabs .tabs-nav li:hover {
color:var(--brand-primary, var(--primaryColor))
}

.tabs .tabs-nav li.active-nav {
background-color:var(--brand-primary, var(--primaryColor));
--tw-text-opacity:1;
color:rgb(255 255 255 / var(--tw-text-opacity))
}

.tabs .tabs-nav li.active-nav:hover {
--tw-text-opacity:1;
color:rgb(255 255 255 / var(--tw-text-opacity))
}

.tabs .tab-content {
position:relative
}

.tabs .tab-panel {
pointer-events:none;
position:absolute;
inset:0;
display:none;
opacity:0
}

.tabs .tab-panel.active-tab {
pointer-events:auto;
opacity:1
}

.lg-outer {
z-index:9999!important
}

.lg-toolbar .lg-icon,.lg-sub-html,.lg-counter {
--tw-text-opacity:1;
color:rgb(77 77 77 / var(--tw-text-opacity))
}

.lg-toolbar .lg-icon:hover,.lg-sub-html:hover,.lg-counter:hover {
color:var(--brand-primary, var(--primaryColor))
}

.lg-backdrop,.lg-outer .lg-thumb-outer {
--tw-bg-opacity:1;
background-color:rgb(255 255 255 / var(--tw-bg-opacity))
}

.lg-outer .lg-thumb-item.active,.lg-outer .lg-thumb-item:hover {
border-color:var(--brand-primary, var(--primaryColor))!important
}

.lg-outer .lg-thumb-item.\!active {
border-color:var(--brand-primary, var(--primaryColor))!important
}

@media (min-width:1024px) {
.lg-thumb-outer {
padding-inline:30px!important
}

}

.lg-show-in .lg-prev,.lg-show-in .lg-next {
height:2.75rem;
width:2.75rem;
border-radius:9999px;
--tw-bg-opacity:1;
background-color:rgb(255 255 255 / var(--tw-bg-opacity));
--tw-text-opacity:1;
color:rgb(77 77 77 / var(--tw-text-opacity));
--tw-shadow:0 4px 16px 0 rgb(11 17 52 / 20%);
--tw-shadow-colored:0 4px 16px 0 var(--tw-shadow-color);
box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;
transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;
transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;
transition-timing-function:cubic-bezier(.4,0,.2,1);
transition-duration:500ms
}

.lg-show-in .lg-prev:hover,.lg-show-in .lg-next:hover {
background-color:var(--brand-primary, var(--primaryColor));
--tw-text-opacity:1;
color:rgb(255 255 255 / var(--tw-text-opacity))
}

.lg-toolbar .lg-icon,.lg-sub-html,.lg-counter {
--tw-text-opacity:1;
color:rgb(77 77 77 / var(--tw-text-opacity))
}

.lg-toolbar .lg-icon:hover,.lg-sub-html:hover,.lg-counter:hover {
color:var(--brand-primary, var(--primaryColor))
}

.lg-backdrop,.lg-outer .lg-thumb-outer {
--tw-bg-opacity:1;
background-color:rgb(255 255 255 / var(--tw-bg-opacity))
}

@media (min-width:1024px) {
.lg-thumb-outer {
padding-inline:30px!important
}

}

.lg-show-in .lg-prev,.lg-show-in .lg-next {
height:2.75rem;
width:2.75rem;
border-radius:9999px;
--tw-bg-opacity:1;
background-color:rgb(255 255 255 / var(--tw-bg-opacity));
--tw-text-opacity:1;
color:rgb(77 77 77 / var(--tw-text-opacity));
--tw-shadow:0 4px 16px 0 rgb(11 17 52 / 20%);
--tw-shadow-colored:0 4px 16px 0 var(--tw-shadow-color);
box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;
transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;
transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;
transition-timing-function:cubic-bezier(.4,0,.2,1);
transition-duration:500ms
}

.lg-show-in .lg-prev:hover,.lg-show-in .lg-next:hover {
background-color:var(--brand-primary, var(--primaryColor));
--tw-text-opacity:1;
color:rgb(255 255 255 / var(--tw-text-opacity))
}

.select2-dropdown {
background-color:#111!important
}

.select2-container--default .select2-results__option[aria-selected="true"],.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color:rgb(250 250 250 / .1)
}

.iti {
width:100%
}

.select2-container--default .select2-results__option[aria-selected="true"],.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color:var(--brand-primary, var(--primaryColor))!important;
--tw-text-opacity:1 !important;
color:rgb(255 255 255 / var(--tw-text-opacity))!important
}

.select2-results__option[aria-selected] {
--tw-bg-opacity:1;
background-color:rgb(209 213 219 / var(--tw-bg-opacity))
}

.ui-slider-handle {
margin-left:-0.25rem!important;
-webkit-user-select:none!important;
-moz-user-select:none!important;
user-select:none!important;
outline:2px solid transparent!important;
outline-offset:2px!important
}

.ui-slider-handle.ui-state-active {
border-color:var(--brand-primary, var(--primaryColor));
background-color:var(--brand-primary, var(--primaryColor))
}

.datepicker {
--tw-shadow:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
box-shadow:var(--tw-ring-offset-shadow,0 0 #fff0),var(--tw-ring-shadow,0 0 #fff0),var(--tw-shadow);
border-radius:.375rem;
border:0;
padding:12px
}

.datepicker table tr td.active,.datepicker table tr td.active.disabled,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.active:hover {
background-color:var(--brand-primary, var(--primaryColor))!important;
color:white!important;
background-image:none!important
}

.datepicker table tr td.\!active,.datepicker table tr td.\!active.disabled,.datepicker table tr td.\!active.disabled:hover,.datepicker table tr td.\!active:hover {
background-color:var(--brand-primary, var(--primaryColor))!important;
color:white!important;
background-image:none!important
}

.datepicker table tr td.active.\!disabled,.datepicker table tr td.active.\!disabled:hover {
background-color:var(--brand-primary, var(--primaryColor))!important;
color:white!important;
background-image:none!important
}

.datepicker table tr td.\!active,.datepicker table tr td.\!active.disabled,.datepicker table tr td.\!active.disabled:hover,.datepicker table tr td.\!active:hover {
background-color:var(--brand-primary, var(--primaryColor))!important;
color:white!important;
background-image:none!important
}

.datepicker table tr td.active.\!disabled,.datepicker table tr td.active.\!disabled:hover {
background-color:var(--brand-primary, var(--primaryColor))!important;
color:white!important;
background-image:none!important
}

.datepicker table tr td.\!active,.datepicker table tr td.\!active.disabled,.datepicker table tr td.\!active.disabled:hover,.datepicker table tr td.\!active:hover {
background-color:var(--brand-primary, var(--primaryColor))!important;
color:white!important;
background-image:none!important
}

.datepicker td,.datepicker th {
width:32px;
height:32px
}

.contact-social {
position:fixed;
bottom:80px;
right:24px;
z-index:9999;
background-color:var(--brand-primary, var(--primaryColor));
width:60px;
height:60px;
border-radius:50%;
cursor:pointer
}

.contact-social-icon i {
color:#fff;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
font-size:30px;
transition:transform 0.5s ease;
transform-origin:center
}

.contact-social-icon i:nth-of-type(2) {
transform:scale(0);
font-size:40px
}

.contact-social-list {
position:absolute;
bottom:calc(100% + 12px);
left:50%;
transform:translateX(-50%);
display:flex;
flex-direction:column
}

.contact-social-list li:not(:first-of-type) a {
margin-top:12px
}

.contact-social-list li a {
transform:scale(0);
transition:background 0.5s ease,transform 0.5s ease;
transform-origin:center;
color:#fff;
width:60px;
height:60px;
border-radius:50%;
cursor:pointer;
background-color:var(--brand-primary, var(--primaryColor));
display:flex;
align-items:center;
justify-content:center;
font-size:34px
}

.contact-social-list li a:hover {
background-color:var(--brand-primary-strong, var(--secondaryColor))
}

.contact-social.active .contact-social-list li a {
transform:scale(1)
}

.contact-social.\!active .contact-social-list li a {
transform:scale(1)!important
}

.contact-social.active .contact-social-icon i:nth-of-type(2) {
transform:translate(-50%,-50%) scale(1)
}

.contact-social.\!active .contact-social-icon i:nth-of-type(2) {
transform:translate(-50%,-50%) scale(1)!important
}

.contact-social.active .contact-social-icon i:nth-of-type(1) {
transform:translate(-50%,-50%) scale(0)
}

.contact-social.\!active .contact-social-icon i:nth-of-type(1) {
transform:translate(-50%,-50%) scale(0)!important
}

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

.static {
position:static
}

.\!bottom-auto {
bottom:auto!important
}

.-right-1\/2 {
right:-50%
}

.-right-\[200\%\] {
right:-200%
}

.-top-2 {
top:-.5rem
}

.bottom-20 {
bottom:5rem
}

.bottom-4 {
bottom:1rem
}

.bottom-6 {
bottom:1.5rem
}

.bottom-\[10px\] {
bottom:10px
}

.left-10 {
left:2.5rem
}

.right-2 {
right:.5rem
}

.right-3 {
right:.75rem
}

.right-4 {
right:1rem
}

.right-8 {
right:2rem
}

.right-\[15px\] {
right:15px
}

.top-1\/2 {
top:50%
}

.top-3 {
top:.75rem
}

.top-5 {
top:1.25rem
}

.top-\[calc\(var\(--height-header\)_\+_1rem\)\] {
top:calc(var(--height-header) + 1rem)
}

.isolate {
isolation:isolate
}

.z-20 {
z-index:20
}

.z-\[100\] {
z-index:100
}

.z-\[101\] {
z-index:101
}

.z-\[var\(--z-cursor\)\] {
z-index:var(--z-cursor)
}

.z-\[var\(--z-header\)\] {
z-index:var(--z-header)
}

.z-\[var\(--z-modal\)\] {
z-index:var(--z-modal)
}

.order-2 {
order:2
}

.order-3 {
order:3
}

.order-4 {
order:4
}

.\!m-0 {
margin:0!important
}

.mx-12 {
margin-left:3rem;
margin-right:3rem
}

.mx-3 {
margin-left:.75rem;
margin-right:.75rem
}

.my-16 {
margin-top:4rem;
margin-bottom:4rem
}

.my-4 {
margin-top:1rem;
margin-bottom:1rem
}

.\!mb-0 {
margin-bottom:0!important
}

.\!mb-2 {
margin-bottom:0.5rem!important
}

.-mt-1 {
margin-top:-.25rem
}

.-mt-10 {
margin-top:-2.5rem
}

.-mt-20 {
margin-top:-5rem
}

.-mt-40 {
margin-top:-10rem
}

.-mt-\[14px\] {
margin-top:-14px
}

.mb-0 {
margin-bottom:0
}

.mb-1 {
margin-bottom:.25rem
}

.mb-10 {
margin-bottom:2.5rem
}

.mb-12 {
margin-bottom:3rem
}

.mb-5 {
margin-bottom:1.25rem
}

.mb-7 {
margin-bottom:1.75rem
}

.mb-\[7\%\] {
margin-bottom:7%
}

.mr-1 {
margin-right:.25rem
}

.mr-3 {
margin-right:.75rem
}

.mr-4 {
margin-right:1rem
}

.mr-8 {
margin-right:2rem
}

.mt-16 {
margin-top:4rem
}

.mt-2 {
margin-top:.5rem
}

.mt-5 {
margin-top:1.25rem
}

.mt-\[calc\(var\(--height-header\)\*2\)\] {
margin-top:calc(var(--height-header) * 2)
}

.mt-\[var\(--height-header\)\] {
margin-top:var(--height-header)
}

.\!inline {
display:inline!important
}

.\!hidden {
display:none!important
}

.aspect-\[3\/2\] {
aspect-ratio:3/2
}

.\!size-auto {
width:auto!important;
height:auto!important
}

.size-3 {
width:.75rem;
height:.75rem
}

.size-4 {
width:1rem;
height:1rem
}

.size-5 {
width:1.25rem;
height:1.25rem
}

.h-10 {
height:2.5rem
}

.h-11 {
height:2.75rem
}

.h-12 {
height:3rem
}

.h-6 {
height:1.5rem
}

.h-\[2px\] {
height:2px
}

.h-\[300px\] {
height:300px
}

.h-\[350px\] {
height:350px
}

.h-\[35px\] {
height:35px
}

.h-\[450px\] {
height:450px
}

.h-\[60vh\] {
height:60vh
}

.h-\[70vh\] {
height:70vh
}

.h-\[90\%\] {
height:90%
}

.h-\[calc\(100\%_-_80px\)\] {
height:calc(100% - 80px)
}

.h-screen {
height:100vh
}

.max-h-\[56px\] {
max-height:56px
}

.max-h-\[60px\] {
max-height:60px
}

.max-h-\[60vh\] {
max-height:60vh
}

.max-h-\[80\%\] {
max-height:80%
}

.min-h-80 {
min-height:20rem
}

.min-h-\[300px\] {
min-height:300px
}

.min-h-\[350px\] {
min-height:350px
}

.w-11 {
width:2.75rem
}

.w-2\/3 {
width:66.666667%
}

.w-20 {
width:5rem
}

.w-24 {
width:6rem
}

.w-4 {
width:1rem
}

.w-\[100px\] {
width:100px
}

.w-\[150px\] {
width:150px
}

.w-\[200px\] {
width:200px
}

.w-\[32\%\] {
width:32%
}

.w-\[68\%\] {
width:68%
}

.w-\[70\%\] {
width:70%
}

.w-auto {
width:auto
}

.w-max {
width:-moz-max-content;
width:max-content
}

.min-w-10 {
min-width:2.5rem
}

.min-w-\[100px\] {
min-width:100px
}

.min-w-\[150px\] {
min-width:150px
}

.min-w-\[190px\] {
min-width:190px
}

.min-w-\[360px\] {
min-width:360px
}

.min-w-\[400px\] {
min-width:400px
}

.min-w-\[450px\] {
min-width:450px
}

.max-w-\[300px\] {
max-width:300px
}

.max-w-\[80\%\] {
max-width:80%
}

.grow {
flex-grow:1
}

.-translate-x-2 {
--tw-translate-x:-0.5rem;
transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-y-3 {
--tw-translate-y:-0.75rem;
transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-12 {
--tw-translate-x:3rem;
transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-2 {
--tw-translate-x:0.5rem;
transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-4 {
--tw-translate-x:1rem;
transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-full {
--tw-translate-x:100%;
transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-full {
--tw-translate-y:100%;
transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.items-end {
align-items:flex-end
}

.gap-10 {
gap:2.5rem
}

.gap-x-4 {
-moz-column-gap:1rem;
column-gap:1rem
}

.gap-y-1 {
row-gap:.25rem
}

.gap-y-10 {
row-gap:2.5rem
}

.gap-y-6 {
row-gap:1.5rem
}

.gap-y-8 {
row-gap:2rem
}

.\!space-y-1>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse:0 !important;
margin-top:calc(0.25rem * calc(1 - var(--tw-space-y-reverse)))!important;
margin-bottom:calc(0.25rem * var(--tw-space-y-reverse))!important
}

.\!space-y-6>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse:0 !important;
margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)))!important;
margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))!important
}

.space-x-1>:not([hidden])~:not([hidden]) {
--tw-space-x-reverse:0;
margin-right:calc(0.25rem * var(--tw-space-x-reverse));
margin-left:calc(0.25rem * calc(1 - var(--tw-space-x-reverse)))
}

.space-y-7>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse:0;
margin-top:calc(1.75rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom:calc(1.75rem * var(--tw-space-y-reverse))
}

.divide-y>:not([hidden])~:not([hidden]) {
--tw-divide-y-reverse:0;
border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));
border-bottom-width:calc(1px * var(--tw-divide-y-reverse))
}

.divide-gray-300>:not([hidden])~:not([hidden]) {
--tw-divide-opacity:1;
border-color:rgb(209 213 219 / var(--tw-divide-opacity))
}

.rounded-b-md {
border-bottom-right-radius:.375rem;
border-bottom-left-radius:.375rem
}

.rounded-bl-\[64px\] {
border-bottom-left-radius:64px
}

.rounded-tr-lg {
border-top-right-radius:.5rem
}

.border-dark {
--tw-border-opacity:1;
border-color:rgb(77 77 77 / var(--tw-border-opacity))
}

.border-dark\/40 {
border-color:rgb(77 77 77 / .4)
}

.border-secondary {
border-color:var(--brand-primary-strong, var(--secondaryColor))
}

.bg-\[\#0B1224\] {
--tw-bg-opacity:1;
background-color:rgb(11 18 36 / var(--tw-bg-opacity))
}

.bg-\[\#3d77c816\] {
background-color:#3d77c816
}

.bg-black\/30 {
background-color:rgb(0 0 0 / .3)
}

.bg-black\/50 {
background-color:rgb(0 0 0 / .5)
}

.bg-blue-600 {
--tw-bg-opacity:1;
background-color:rgb(37 99 235 / var(--tw-bg-opacity))
}

.bg-gray-200 {
--tw-bg-opacity:1;
background-color:rgb(229 231 235 / var(--tw-bg-opacity))
}

.bg-gray-50\/50 {
background-color:rgb(249 250 251 / .5)
}

.bg-green-600 {
--tw-bg-opacity:1;
background-color:rgb(22 163 74 / var(--tw-bg-opacity))
}

.bg-pink-400 {
--tw-bg-opacity:1;
background-color:rgb(244 114 182 / var(--tw-bg-opacity))
}

.bg-pink-600 {
--tw-bg-opacity:1;
background-color:rgb(219 39 119 / var(--tw-bg-opacity))
}

.bg-secondary {
background-color:var(--brand-primary-strong, var(--secondaryColor))
}

.bg-white\/90 {
background-color:rgb(255 255 255 / .9)
}

.bg-cover {
background-size:cover
}

.bg-fixed {
background-attachment:fixed
}

.bg-center {
background-position:center
}

.bg-no-repeat {
background-repeat:no-repeat
}

.object-bottom {
-o-object-position:bottom;
object-position:bottom
}

.object-top {
-o-object-position:top;
object-position:top
}

.p-0 {
padding:0
}

.px-1 {
padding-left:.25rem;
padding-right:.25rem
}

.px-7 {
padding-left:1.75rem;
padding-right:1.75rem
}

.px-\[14px\] {
padding-left:14px;
padding-right:14px
}

.px-\[15px\] {
padding-left:15px;
padding-right:15px
}

.py-8 {
padding-top:2rem;
padding-bottom:2rem
}

.py-\[10\.5px\] {
padding-top:10.5px;
padding-bottom:10.5px
}

.py-\[13px\] {
padding-top:13px;
padding-bottom:13px
}

.py-\[14px\] {
padding-top:14px;
padding-bottom:14px
}

.py-\[17px\] {
padding-top:17px;
padding-bottom:17px
}

.py-\[18px\] {
padding-top:18px;
padding-bottom:18px
}

.py-\[6px\] {
padding-top:6px;
padding-bottom:6px
}

.py-\[9px\] {
padding-top:9px;
padding-bottom:9px
}

.\!pb-16 {
padding-bottom:4rem!important
}

.\!pt-0 {
padding-top:0!important
}

.pb-2 {
padding-bottom:.5rem
}

.pb-5 {
padding-bottom:1.25rem
}

.pb-8 {
padding-bottom:2rem
}

.pb-\[120\%\] {
padding-bottom:120%
}

.pb-\[60\%\] {
padding-bottom:60%
}

.pb-\[65\%\] {
padding-bottom:65%
}

.pl-2 {
padding-left:.5rem
}

.pl-3 {
padding-left:.75rem
}

.pl-7 {
padding-left:1.75rem
}

.pl-8 {
padding-left:2rem
}

.pl-\[14px\] {
padding-left:14px
}

.pr-10 {
padding-right:2.5rem
}

.pr-14 {
padding-right:3.5rem
}

.pr-8 {
padding-right:2rem
}

.pr-\[14px\] {
padding-right:14px
}

.pt-0 {
padding-top:0
}

.pt-10 {
padding-top:2.5rem
}

.pt-20 {
padding-top:5rem
}

.pt-4 {
padding-top:1rem
}

.pt-\[calc\(var\(--height-header\)\*2\)\] {
padding-top:calc(var(--height-header) * 2)
}

.pt-\[calc\(var\(--height-header\)_\+_var\(--height-microsite-header\)\)\] {
padding-top:calc(var(--height-header) + var(--height-microsite-header))
}

.pt-\[var\(--height-header\)\] {
padding-top:var(--height-header)
}

.pt-\[var\(--height-microsite-header\)\] {
padding-top:var(--height-microsite-header)
}

.text-end {
text-align:end
}

.text-\[11px\] {
font-size:11px
}

.leading-none {
line-height:1
}

.tracking-widest {
letter-spacing:.1em
}

.text-blue-400 {
--tw-text-opacity:1;
color:rgb(96 165 250 / var(--tw-text-opacity))
}

.text-blue-600 {
--tw-text-opacity:1;
color:rgb(37 99 235 / var(--tw-text-opacity))
}

.text-dark {
--tw-text-opacity:1;
color:rgb(77 77 77 / var(--tw-text-opacity))
}

.text-gray-100 {
--tw-text-opacity:1;
color:rgb(243 244 246 / var(--tw-text-opacity))
}

.text-gray-300 {
--tw-text-opacity:1;
color:rgb(209 213 219 / var(--tw-text-opacity))
}

.text-gray-400 {
--tw-text-opacity:1;
color:rgb(156 163 175 / var(--tw-text-opacity))
}

.text-green-400 {
--tw-text-opacity:1;
color:rgb(74 222 128 / var(--tw-text-opacity))
}

.text-pink-300 {
--tw-text-opacity:1;
color:rgb(249 168 212 / var(--tw-text-opacity))
}

.text-secondary {
color:var(--brand-primary-strong, var(--secondaryColor))
}

.line-through {
-webkit-text-decoration-line:line-through;
text-decoration-line:line-through
}

.\!opacity-0 {
opacity:0!important
}

.shadow {
--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.shadow-main {
--tw-shadow:0 4px 16px 0 rgb(11 17 52 / 20%);
--tw-shadow-colored:0 4px 16px 0 var(--tw-shadow-color);
box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.blur {
--tw-blur:blur(8px);
filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.brightness-\[0\] {
--tw-brightness:brightness(0);
filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.invert {
--tw-invert:invert(100%);
filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.transition-\[background\] {
transition-property:background;
transition-timing-function:cubic-bezier(.4,0,.2,1);
transition-duration:150ms
}

.transition-\[transform\2c color\] {
transition-property:transform,color;
transition-timing-function:cubic-bezier(.4,0,.2,1);
transition-duration:150ms
}

.duration-300 {
transition-duration:300ms
}

.duration-\[var\(--t\)\] {
transition-duration:var(--t)
}

.text-shadow-md {
text-shadow:0 1px 2px rgb(30 29 39 / 19%),1px 2px 4px rgb(54 64 147 / 18%)
}

.h-screen-view {
height:calc(var(--vh, 1vh) * 100)
}

.hide-scrollbar::-webkit-scrollbar {
display:none
}

.cursor-pointer {
cursor:pointer!important
}

.hide-scrollbar::-webkit-scrollbar {
display:none
}

[data-aos="fade-up"] {
--tw-translate-y:1.25rem;
transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.hero-image-shadow {
box-shadow:0 0 0 6px #fff,0 22px 30px rgb(140 150 169 / .1019607843),0 7px 6px rgb(140 150 169 / .1215686275)
}

@media not all and (min-width:768px) {
.max-md\:h1 {
font-size:2.25rem;
line-height:2.5rem
}
@media (min-width:768px) {
.max-md\:h1 {
font-size:3rem;
line-height:1
}

}
@media (min-width:1024px) {
.max-md\:h1 {
font-size:3.75rem;
line-height:1
}

}

}

@media (min-width:1024px) {
.lg\:h2 {
font-size:1.5rem;
line-height:2rem
}
@media (min-width:768px) {
.lg\:h2 {
font-size:39px;
line-height:1.5
}

}
.lg\:h3 {
font-size:1.5rem;
line-height:2rem
}
@media (min-width:768px) {
.lg\:h3 {
font-size:1.875rem;
line-height:2.25rem;
line-height:1.5
}

}

}

.before\:bg-linear::before {
content:var(--tw-content);
background:linear-gradient(transparent,rgb(0 0 0 / .8))
}

@media not all and (min-width:1024px) {
.max-lg\:custom-shadow {
box-shadow:rgb(99 99 99 / .2) 0 2px 8px 0
}

}

@media (min-width:1024px) {
@media (min-width:1280px) {
.footer .lg\:h3 {
font-size:3.3vw
}

}

}

.\*\:cursor-pointer>* {
cursor:pointer!important
}

.placeholder\:font-normal::-moz-placeholder {
font-weight:400
}

.placeholder\:font-normal::placeholder {
font-weight:400
}

.placeholder\:text-dark::-moz-placeholder {
--tw-text-opacity:1;
color:rgb(77 77 77 / var(--tw-text-opacity))
}

.placeholder\:text-dark::placeholder {
--tw-text-opacity:1;
color:rgb(77 77 77 / var(--tw-text-opacity))
}

.placeholder\:text-primary::-moz-placeholder {
color:var(--brand-primary, var(--primaryColor))
}

.placeholder\:text-primary::placeholder {
color:var(--brand-primary, var(--primaryColor))
}

.placeholder\:text-secondary::-moz-placeholder {
color:var(--brand-primary-strong, var(--secondaryColor))
}

.placeholder\:text-secondary::placeholder {
color:var(--brand-primary-strong, var(--secondaryColor))
}

.placeholder\:transition-colors::-moz-placeholder {
-moz-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;
transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;
transition-timing-function:cubic-bezier(.4,0,.2,1);
transition-duration:150ms
}

.placeholder\:transition-colors::placeholder {
transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;
transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;
transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;
transition-timing-function:cubic-bezier(.4,0,.2,1);
transition-duration:150ms
}

.placeholder\:duration-500::-moz-placeholder {
transition-duration:500ms
}

.placeholder\:duration-500::placeholder {
transition-duration:500ms
}

.before\:absolute::before {
content:var(--tw-content);
position:absolute
}

.before\:inset-0::before {
content:var(--tw-content);
inset:0
}

.before\:z-10::before {
content:var(--tw-content);
z-index:10
}

.before\:bg-black\/40::before {
content:var(--tw-content);
background-color:rgb(0 0 0 / .4)
}

.before\:bg-black\/60::before {
content:var(--tw-content);
background-color:rgb(0 0 0 / .6)
}

.after\:absolute::after {
content:var(--tw-content);
position:absolute
}

.after\:top-1\/2::after {
content:var(--tw-content);
top:50%
}

.after\:h-3\/5::after {
content:var(--tw-content);
height:60%
}

.after\:w-\[1px\]::after {
content:var(--tw-content);
width:1px
}

.after\:-translate-y-1\/2::after {
content:var(--tw-content);
--tw-translate-y:-50%;
transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.after\:bg-gray-300::after {
content:var(--tw-content);
--tw-bg-opacity:1;
background-color:rgb(209 213 219 / var(--tw-bg-opacity))
}

.hover\:border-secondary:hover {
border-color:var(--brand-primary-strong, var(--secondaryColor))
}

.hover\:bg-secondary:hover {
background-color:var(--brand-primary-strong, var(--secondaryColor))
}

.hover\:text-primary:hover {
color:var(--brand-primary, var(--primaryColor))
}

.hover\:text-secondary:hover {
color:var(--brand-primary-strong, var(--secondaryColor))
}

.hover\:shadow-main:hover {
--tw-shadow:0 4px 16px 0 rgb(11 17 52 / 20%);
--tw-shadow-colored:0 4px 16px 0 var(--tw-shadow-color);
box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.group:hover .group-hover\:visible {
visibility:visible
}

.group:hover .group-hover\:translate-x-0 {
--tw-translate-x:0;
transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\:-rotate-180 {
--tw-rotate:-180deg;
transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\:bg-black\/50 {
background-color:rgb(0 0 0 / .5)
}

.group:hover .group-hover\:bg-gray-100 {
--tw-bg-opacity:1;
background-color:rgb(243 244 246 / var(--tw-bg-opacity))
}

.group:hover .group-hover\:text-secondary {
color:var(--brand-primary-strong, var(--secondaryColor))
}

.group:hover .group-hover\:\!opacity-0 {
opacity:0!important
}

.group:hover .group-hover\:\!opacity-100 {
opacity:1!important
}

@media not all and (min-width:1280px) {
.max-xl\:space-y-4>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse:0;
margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom:calc(1rem * var(--tw-space-y-reverse))
}

}

@media not all and (min-width:1024px) {
.max-lg\:flex {
display:flex
}
.max-lg\:h-full {
height:100%
}
.max-lg\:w-full {
width:100%
}
.max-lg\:flex-col {
flex-direction:column
}
.max-lg\:gap-8 {
gap:2rem
}
.max-lg\:rounded-b-\[64px\] {
border-bottom-right-radius:64px;
border-bottom-left-radius:64px
}
.max-lg\:rounded-r-lg {
border-top-right-radius:.5rem;
border-bottom-right-radius:.5rem
}
.max-lg\:rounded-tr-xl {
border-top-right-radius:.75rem
}
.max-lg\:bg-white {
--tw-bg-opacity:1;
background-color:rgb(255 255 255 / var(--tw-bg-opacity))
}
.max-lg\:p-4 {
padding:1rem
}
.max-lg\:px-0 {
padding-left:0;
padding-right:0
}
.max-lg\:py-10 {
padding-top:2.5rem;
padding-bottom:2.5rem
}
.max-lg\:pb-20 {
padding-bottom:5rem
}
.max-lg\:pl-0 {
padding-left:0
}
.max-lg\:pt-10 {
padding-top:2.5rem
}
.max-lg\:pt-36 {
padding-top:9rem
}

}

@media not all and (min-width:768px) {
.max-md\:mb-8 {
margin-bottom:2rem
}
.max-md\:justify-center {
justify-content:center
}
.max-md\:bg-\[\#FBF7F4\] {
--tw-bg-opacity:1;
background-color:rgb(251 247 244 / var(--tw-bg-opacity))
}
.max-md\:text-center {
text-align:center
}
.max-md\:\*\:w-full>* {
width:100%
}

}

@media not all and (min-width:640px) {
.max-sm\:max-w-none {
max-width:none
}
.max-sm\:flex-wrap {
flex-wrap:wrap
}
.max-sm\:px-0 {
padding-left:0;
padding-right:0
}
.max-sm\:px-4 {
padding-left:1rem;
padding-right:1rem
}

}

@media (min-width:640px) {
.sm\:w-full {
width:100%
}
.sm\:translate-x-10 {
--tw-translate-x:2.5rem;
transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

}

@media (min-width:768px) {
.md\:bottom-20 {
bottom:5rem
}
.md\:bottom-6 {
bottom:1.5rem
}
.md\:left-24 {
left:6rem
}
.md\:left-6 {
left:1.5rem
}
.md\:right-\[5vw\] {
right:5vw
}
.md\:mx-10 {
margin-left:2.5rem;
margin-right:2.5rem
}
.md\:mx-\[5vw\] {
margin-left:5vw;
margin-right:5vw
}
.md\:mb-0 {
margin-bottom:0
}
.md\:mb-12 {
margin-bottom:3rem
}
.md\:mb-2 {
margin-bottom:.5rem
}
.md\:mb-8 {
margin-bottom:2rem
}
.md\:mr-auto {
margin-right:auto
}
.md\:mt-32 {
margin-top:8rem
}
.md\:block {
display:block
}
.md\:inline {
display:inline
}
.md\:h-4\/5 {
height:80%
}
.md\:h-\[250px\] {
height:250px
}
.md\:h-\[400px\] {
height:400px
}
.md\:h-max {
height:-moz-max-content;
height:max-content
}
.md\:max-h-\[calc\(100vh_-_100px\)\] {
max-height:calc(100vh - 100px)
}
.md\:min-h-\[450px\] {
min-height:450px
}
.md\:min-h-\[80vh\] {
min-height:80vh
}
.md\:w-2\/3 {
width:66.666667%
}
.md\:w-\[200px\] {
width:200px
}
.md\:w-\[226px\] {
width:226px
}
.md\:max-w-\[487px\] {
max-width:487px
}
.md\:max-w-xl {
max-width:36rem
}
.md\:flex-wrap {
flex-wrap:wrap
}
.md\:items-start {
align-items:flex-start
}
.md\:justify-end {
justify-content:flex-end
}
.md\:justify-center {
justify-content:center
}
.md\:gap-3 {
gap:.75rem
}
.md\:gap-6 {
gap:1.5rem
}
.md\:gap-x-20 {
-moz-column-gap:5rem;
column-gap:5rem
}
.md\:gap-y-3 {
row-gap:.75rem
}
.md\:gap-y-5 {
row-gap:1.25rem
}
.md\:\!space-y-16>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse:0 !important;
margin-top:calc(4rem * calc(1 - var(--tw-space-y-reverse)))!important;
margin-bottom:calc(4rem * var(--tw-space-y-reverse))!important
}
.md\:space-y-0>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse:0;
margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));
margin-bottom:calc(0px * var(--tw-space-y-reverse))
}
.md\:overflow-y-auto {
overflow-y:auto
}
.md\:rounded-b-md {
border-bottom-right-radius:.375rem;
border-bottom-left-radius:.375rem
}
.md\:bg-\[\#FBF7F4\] {
--tw-bg-opacity:1;
background-color:rgb(251 247 244 / var(--tw-bg-opacity))
}
.md\:p-16 {
padding:4rem
}
.md\:px-10 {
padding-left:2.5rem;
padding-right:2.5rem
}
.md\:px-20 {
padding-left:5rem;
padding-right:5rem
}
.md\:py-6 {
padding-top:1.5rem;
padding-bottom:1.5rem
}
.md\:py-\[10vh\] {
padding-top:10vh;
padding-bottom:10vh
}
.md\:pb-12 {
padding-bottom:3rem
}
.md\:pt-6 {
padding-top:1.5rem
}
.md\:text-base {
font-size:1rem;
line-height:1.5rem
}

}

@media (min-width:1024px) {
.lg\:relative {
position:relative
}
.lg\:inset-0 {
inset:0
}
.lg\:left-10 {
left:2.5rem
}
.lg\:my-24 {
margin-top:6rem;
margin-bottom:6rem
}
.lg\:mb-0 {
margin-bottom:0
}
.lg\:mb-10 {
margin-bottom:2.5rem
}
.lg\:mb-16 {
margin-bottom:4rem
}
.lg\:mb-4 {
margin-bottom:1rem
}
.lg\:mb-\[7\%\] {
margin-bottom:7%
}
.lg\:ml-4 {
margin-left:1rem
}
.lg\:mt-12 {
margin-top:3rem
}
.lg\:mt-44 {
margin-top:11rem
}
.lg\:block {
display:block
}
.lg\:inline {
display:inline
}
.lg\:hidden {
display:none
}
.lg\:h-2\/3 {
height:66.666667%
}
.lg\:h-\[350px\] {
height:350px
}
.lg\:h-\[calc\(100vh-380px\)\] {
height:calc(100vh - 380px)
}
.lg\:h-auto {
height:auto
}
.lg\:w-3\/12 {
width:25%
}
.lg\:w-5\/12 {
width:41.666667%
}
.lg\:w-7\/12 {
width:58.333333%
}
.lg\:w-9\/12 {
width:75%
}
.lg\:min-w-\[230px\] {
min-width:230px
}
.lg\:max-w-\[600px\] {
max-width:600px
}
.lg\:max-w-lg {
max-width:32rem
}
.lg\:items-end {
align-items:flex-end
}
.lg\:items-center {
align-items:center
}
.lg\:items-stretch {
align-items:stretch
}
.lg\:space-y-16>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse:0;
margin-top:calc(4rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom:calc(4rem * var(--tw-space-y-reverse))
}
.lg\:rounded-b-lg {
border-bottom-right-radius:.5rem;
border-bottom-left-radius:.5rem
}
.lg\:rounded-bl-\[128px\] {
border-bottom-left-radius:128px
}
.lg\:rounded-bl-lg {
border-bottom-left-radius:.5rem
}
.lg\:rounded-br-none {
border-bottom-right-radius:0
}
.lg\:rounded-tl-lg {
border-top-left-radius:.5rem
}
.lg\:rounded-tr-none {
border-top-right-radius:0
}
.lg\:bg-\[\#F8F8F6\] {
--tw-bg-opacity:1;
background-color:rgb(248 248 246 / var(--tw-bg-opacity))
}
.lg\:p-10 {
padding:2.5rem
}
.lg\:p-5 {
padding:1.25rem
}
.lg\:px-0 {
padding-left:0;
padding-right:0
}
.lg\:px-4 {
padding-left:1rem;
padding-right:1rem
}
.lg\:px-6 {
padding-left:1.5rem;
padding-right:1.5rem
}
.lg\:py-16 {
padding-top:4rem;
padding-bottom:4rem
}
.lg\:py-24 {
padding-top:6rem;
padding-bottom:6rem
}
.lg\:py-6 {
padding-top:1.5rem;
padding-bottom:1.5rem
}
.lg\:pb-0 {
padding-bottom:0
}
.lg\:pb-10 {
padding-bottom:2.5rem
}
.lg\:pb-16 {
padding-bottom:4rem
}
.lg\:pb-6 {
padding-bottom:1.5rem
}
.lg\:pb-\[160\%\] {
padding-bottom:160%
}
.lg\:pb-\[20\%\] {
padding-bottom:20%
}
.lg\:pb-\[30\%\] {
padding-bottom:30%
}
.lg\:pb-\[40\%\] {
padding-bottom:40%
}
.lg\:pb-\[70\%\] {
padding-bottom:70%
}
.lg\:pl-20 {
padding-left:5rem
}
.lg\:pr-4 {
padding-right:1rem
}
.lg\:pt-24 {
padding-top:6rem
}
.lg\:text-left {
text-align:left
}
.lg\:text-center {
text-align:center
}
.lg\:text-\[44px\] {
font-size:44px
}
.lg\:text-sm {
font-size:.875rem;
line-height:1.25rem
}
.lg\:text-xl {
font-size:1.25rem;
line-height:1.75rem
}
.lg\:text-xs {
font-size:.75rem;
line-height:1rem
}
.lg\:leading-\[55px\] {
line-height:55px
}
.lg\:shadow-none {
--tw-shadow:0 0 #0000;
--tw-shadow-colored:0 0 #0000;
box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

}

@media (min-width:1280px) {
.xl\:left-\[calc\(50\%_-_576px\)\] {
left:calc(50% - 576px)
}
.xl\:block {
display:block
}
.xl\:max-w-xl {
max-width:36rem
}
.xl\:basis-1\/3 {
flex-basis:33.333333%
}
.xl\:basis-2\/3 {
flex-basis:66.666667%
}
.xl\:translate-x-0 {
--tw-translate-x:0;
transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.xl\:flex-row {
flex-direction:row
}
.xl\:px-16 {
padding-left:4rem;
padding-right:4rem
}
.xl\:px-5 {
padding-left:1.25rem;
padding-right:1.25rem
}
.xl\:pb-20 {
padding-bottom:5rem
}
.xl\:pl-40 {
padding-left:10rem
}
.xl\:pt-32 {
padding-top:8rem
}
.xl\:text-sm {
font-size:.875rem;
line-height:1.25rem
}

}

@media (min-width:1536px) {
.\32xl\:-right-full {
right:-100%
}

}

@media (prefers-color-scheme:dark) {
.dark\:border-gray-400 {
--tw-border-opacity:1;
border-color:rgb(156 163 175 / var(--tw-border-opacity))
}
.dark\:bg-neutral-800 {
--tw-bg-opacity:1;
background-color:rgb(38 38 38 / var(--tw-bg-opacity))
}
.dark\:bg-neutral-900 {
--tw-bg-opacity:1;
background-color:rgb(23 23 23 / var(--tw-bg-opacity))
}

}

.\[\&\>\*\:first-of-type\]\:border-t>*:first-of-type {
border-top-width:1px
}

.\[\&\>\*\:first-of-type\]\:border-gray-300>*:first-of-type {
--tw-border-opacity:1;
border-color:rgb(209 213 219 / var(--tw-border-opacity))
}

.\[\&\>\*\:last-of-type\]\:\!border-b>*:last-of-type {
border-bottom-width:1px!important
}

.\[\&\>\*\:last-of-type\]\:\!border-gray-300>*:last-of-type {
--tw-border-opacity:1 !important;
border-color:rgb(209 213 219 / var(--tw-border-opacity))!important
}

.\[\&\>li\]\:pointer-events-auto>li {
pointer-events:auto
}

@media (min-width:768px) {
.md\:h3 {
font-size:1.875rem;
line-height:2.25rem;
line-height:1.5
}

}

/* =============================================================================
   Site overrides (merged from custom.css)
   ============================================================================= */


.contact-section-heading  {

	padding: 16px;

	background-color: var(--brand-primary, var(--primaryColor));

	color: white;


}

.contact-section-form  {

	padding-inline: 16px;

	padding-bottom: 20px;


}

.lg\:border-2  {

	@media (min-width: 1024px)  {

		border-width: 2px;

	
}


}

.lg\:shadow-lg  {

	@media (min-width: 1024px)  {

		--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);

		--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);

		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);

	
}


}

select.active-filter  {

	color: var(--brand-primary, var(--primaryColor));


}

.skiptranslate  {

	display: none !important;


}

iframe  {

	width: 100%;


}

.contact-error,
label.error  {

	margin-top: 0 !important;

	font-size: 14px;

	color: red;


}

.select2-container  {

	font-size: 14px;

	.select2-selection--multiple  {

		padding-inline: 6px;

	
}


}

.md\:pb-image-35  {

	@media (min-width: 768px)  {

		padding-bottom: 35% !important;

	
}


}

.lg\:gap-14  {

	@media (min-width: 1024px)  {

		gap: 3.5rem !important;

	
}


}

.lg\:w-2\/5  {

	@media (min-width: 1024px)  {

		width: 40% !important;

	
}


}

.rounded-image  {

	--size: 250px;

	width: var(--size);

	height: var(--size);

	border-radius: 50%;

	overflow: hidden;


	img  {

		width: 100%;

		height: 100%;

		object-fit: cover;

	
}


	@media (min-width: 1024px)  {

		--size: 450px;

	
}


}

.accordion-icon  {

	cursor: pointer;


}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button  {

	opacity: 1;

	display: block;


}

.hover\:bg-primary  {

	&:hover  {

		background-color: var(--brand-primary, var(--primaryColor));

	
}


}

.hover\:border-primary  {

	&:hover  {

		border-color: var(--brand-primary, var(--primaryColor));

	
}


}

.md\:min-w-\[300\px\]  {

	@media (min-width: 768px)  {

		min-width: 300px;

	
}


}

.listing-item  {

	position: relative;

	&.sold  {

		&::before  {

			content: "SOLD";

			position: absolute;

			z-index: 1;

			width: 96px;

			height: 80px;

			top: 20px;

			left: 12px;

			background: url(../images/star.svg) center/contain no-repeat;

			display: flex;

			align-items: center;

			justify-content: center;

			font-weight: 900;

		
}

	
}


	&.rented  {

		&::before  {

			content: "RENTED";

			position: absolute;

			z-index: 1;

			width: 120px;

			height: 80px;

			top: 20px;

			left: 12px;

			background: url(../images/star.svg) center/contain no-repeat;

			display: flex;

			align-items: center;

			justify-content: center;

			font-weight: 900;

			font-size: 14px;

		
}

	
}


}

.modal-backdrop  {

	opacity: 0.1 !important;


}

.top-20  {

	top: 5rem;


}

.top-24  {

	top: 5.5rem;


}

.mt-34  {

	margin-top: 9rem;


}

.lg\:mt-34  {

	@media (min-width: 1024px)  {

		margin-top: 9rem;

	
}


}

.top-32  {

	top: 7.75rem;


}

.header  {

	transition-property: transform, box-shadow !important;


	@media (max-width: 1023px)  {

		&.active-toggle-scroll  {

			transform: translateY(calc(-100%));

		
}

	
}

	@media (min-width: 768px)  {

		&.active-scroll  {

			.tab-scroll-nav  {

				height: 48px;

			
}

		
}

	
}


	ul  {

		li:last-of-type,
		li:nth-last-of-type(2)  {

			&.dropdown  {

				.dropdown__body  {

					right: 0;

					left: auto;

				
}

			
}

		
}

	
}


}

.dropdown  {

	z-index: 10;


}

.h-20  {

	height: 80px;


}

.mt-header-double  {

	margin-top: calc(var(--height-header) * 2);


}

@media (min-width: 768px)  {

	.md\:w-1\/2  {

		width: 50% !important;

	
}


}

@media (min-width: 1024px)  {

	.lg\:w-auto  {

		width: auto !important;

	
}


}

.author-image  {

	width: 32px;

	height: 32px;

	border-radius: 50%;

	overflow: hidden;


	img  {

		width: 100%;

		height: 100%;

		object-fit: cover;

	
}


}

.mx-2  {

	margin-left: 8px;

	margin-right: 8px;


}

.masory-grid  {

	@media (min-width: 1024px)  {

		direction: rtl;

	
}


}

.masory-grid img  {

	margin-top: 0.5rem;


}

.footer-dropdown  {

	.footer-dropdown__head  {

		justify-content: space-between;

	
}

	@media (min-width: 1024px)  {

		max-height: none !important;


		.footer-dropdown__head  {

			i  {

				display: none !important;

			
}

		
}

	
}

	.footer-dropdown__body  {

		padding-left: 0 !important;

	
}


}

/* ── Footer nav — content/text blocks ─────────────────────────────────
   Colors meet WCAG AA (>=4.5:1) on the gray-100 (#f3f4f6) footer bg:
   #4b5563 = 6.9:1, #374151 = 9.1:1. (Old #9ca3af was ~2.8:1 — failed.) */

.footer-text  {
 font-size: 0.8125rem;
 line-height: 1.7;
 color: #4b5563;
 
}

.footer-text p  {
 margin-bottom: 0.6rem;
 
}

.footer-text p:last-child  {
 margin-bottom: 0;
 
}

.footer-text strong  {
 color: #1f2937;
 font-weight: 600;
 
}

.footer-text a  {
 color: #374151;
 text-decoration: underline;
 text-decoration-color: rgba(55,65,81,0.4);
 text-underline-offset: 2px;
 word-break: break-all;
 
}

.footer-text a:hover  {
 color: #111827;
 text-decoration-color: #111827;
 
}

.footer-disclaimer  {
 font-size: 0.75rem;
 line-height: 1.6;
 color: #4b5563;
 
}

.footer-bottom-bar  {
 font-size: 0.8125rem;
 color: #4b5563;
 
}

.footer-bottom-bar a  {
 color: #374151;
 text-decoration: underline;
 text-underline-offset: 2px;
 
}

.footer-bottom-bar a:hover  {
 color: #111827;
 
}

.footer-bottom-bar strong  {
 color: #1f2937;
 font-weight: 600;
 
}

.footer-credit  {
 font-size: 0.8125rem;
 color: #4b5563;
 
}

.footer-credit a  {
 color: #374151;
 
}

.footer-credit a:hover  {
 color: #111827;
 
}

.footer-credit strong  {
 color: #1f2937;
 font-weight: 600;
 
}

/* ── Footer nav — column headers & links ──────────────────────────── */

/* Distinguish parent category headers from their child links. Typography
   only — does NOT touch the accordion max-height mechanism. */

.footer-dropdown__head span  {

	font-size: 0.72rem;

	font-weight: 700;

	letter-spacing: 0.05em;

	text-transform: uppercase;

	color: #1f2937;


}

.footer-dropdown__head span:hover  {
 color: #111827;
 
}

/* Divider under each section header — row separators on mobile,
   column-header underlines on desktop. `.footer ` prefix beats the
   inline \3c style>'s single-class rule regardless of source order. */

.footer .footer-dropdown__head  {

	border-bottom: 1px solid #e5e7eb;

	padding-bottom: 0.5rem;

	margin-bottom: 0.6rem;


}

/* ── Vertical dividers between desktop columns ────────────────────────
   border-left on every grid cell, cleared on the first cell of each row.
   Re-declared per breakpoint because the column count changes which cell
   starts a row (md=2, lg=4, xl=5). Scoped to .footer-dropdown so the flat
   pill-menu variant is unaffected; mobile (1 col) gets no vertical rule. */

@media (min-width: 768px)  {

	.footer .box-link-list > li.footer-dropdown  {

		border-left: 1px solid #e5e7eb;

		padding-left: 1.25rem;

	
}

	.footer .box-link-list > li.footer-dropdown:nth-child(2n+1)  {

		border-left: 0;

		padding-left: 0;

	
}


}

@media (min-width: 1024px)  {

	.footer .box-link-list > li.footer-dropdown:nth-child(2n+1)  {

		border-left: 1px solid #e5e7eb;

		padding-left: 1.5rem;

	
}

	.footer .box-link-list > li.footer-dropdown:nth-child(4n+1)  {

		border-left: 0;

		padding-left: 0;

	
}


}

@media (min-width: 1280px)  {

	.footer .box-link-list > li.footer-dropdown:nth-child(4n+1)  {

		border-left: 1px solid #e5e7eb;

		padding-left: 1.5rem;

	
}

	.footer .box-link-list > li.footer-dropdown:nth-child(5n+1)  {

		border-left: 0;

		padding-left: 0;

	
}


}

.footer-dropdown__body li a  {

	color: #4b5563;

	transition: color 0.15s ease;


}

.footer-dropdown__body li a:hover  {
 color: #111827;
 
}

/* "Show more" toggle */

.footer-dropdown__view-more:hover  {
 text-decoration: underline;
 
}

/* ── Tap targets (Lighthouse: >=44px touch area on mobile) ────────── */

@media (max-width: 1023px)  {

	.footer-dropdown__body li a  {
 padding: 0.55rem 0;
 
}

	.footer-social a  {

		display: inline-flex;

		align-items: center;

		justify-content: center;

		width: 40px;

		height: 40px;

	
}


}

.list-none  {

	list-style: none !important;


}

.pl-0  {

	padding-left: 0 !important;


}

.bottom-sheet-content  {

	transform: translateY(0);

	will-change: transform;

	transition: transform 0.25s ease;

	touch-action: none;


}

button[type="reset"]  {

	background-color: transparent;


}

.mt-0  {

	margin-top: 0 !important;


}

.mrt-station-line-code  {

	font-weight: 700;

	font-size: 12px;

	text-transform: uppercase;

	color: white;

	padding-left: 3px;

	padding-right: 3px;


}

@media (min-width: 768px)  {

	.md\:min-w-\[400px\]  {

		min-width: 360px !important;

	
}


}

.pagination > .pagination-wrapper  {

	display: flex;

    align-items: center;

    justify-content: center;

    gap: 1rem;


}

/* ── LOCATION search box hidden for this template (2040) ──────────────────────
   Only the LOCATION search box opts out here; the MRT / Schools search stays.
   `display:contents` makes the wrap contribute NO box and NO grid gap — its chips
   (when any are selected) flow straight into the Location grid, and with no chips
   there's zero wasted space above the tiers. Remove this block to re-enable. */

.location-search-input  {

    display: none !important;


}

.location-search-wrap  {

    display: contents;


}

/* ── Mobile nav dropdown — spacing + visual hierarchy ─────────────────────────
   Adds breathing room between parent label ↔ first child and last child ↔ next
   sibling, a left accent border for hierarchy, a subtle tint, and a matching
   hover colour consistent with top-level menu items. */

.nav .nav-dropdown__body  {

    padding-top: 0.625rem;

    padding-bottom: 0.75rem;

    border-left: 2px solid var(--brand-primary, var(--primaryColor));

    margin-left: 0.125rem;

    background-color: #f5f5f5;

    border-radius: 0 0 4px 4px;


}

.nav .nav-dropdown__body li a  {

    display: block;

    width: 100%;

    padding-top: 0.4rem;

    padding-bottom: 0.4rem;


}

.nav .nav-dropdown__body li:first-child > a  {

    padding-top: 0;


}

.nav .nav-dropdown__body li:last-child > a  {

    padding-bottom: 0;


}

.nav .nav-dropdown__body li a:hover,
.nav .nav-dropdown__body li a:focus  {

    color: var(--brand-primary, var(--primaryColor));


}

/* ── Unit types table (microsite/unit-types page, outside .page-builder) ─────── */

.unit-types-table  {

    width: 100%;

    border-collapse: collapse;

    font-size: 0.875rem;


}

.unit-types-table th,
.unit-types-table td  {

    padding: 0.5rem 0.75rem;

    border: 1px solid #e5e7eb;

    text-align: left;

    vertical-align: top;


}

.unit-types-table thead th  {

    background-color: #f8f9fa;

    font-weight: 600;

    border-bottom: 2px solid #d1d5db;


}

.unit-types-table tbody tr:nth-child(odd)  {

    background-color: #f9fafb;


}

/* ── Unit types table (microsite/unit-types page, outside .page-builder) ─────── */

.unit-types-table  {

    width: 100%;

    border-collapse: collapse;

    font-size: 0.875rem;


}

.unit-types-table th,
.unit-types-table td  {

    padding: 0.5rem 0.75rem;

    border: 1px solid #e5e7eb;

    text-align: left;

    vertical-align: top;


}

.unit-types-table thead th  {

    background-color: #f8f9fa;

    font-weight: 600;

    border-bottom: 2px solid #d1d5db;


}

.unit-types-table tbody tr:nth-child(odd)  {

    background-color: #f9fafb;


}

/* -- Pagination row shim --------------------------------------------------
   The full Bootstrap grid (.row + .col-*, ~245 lines, was a shim replacing the
   dropped bootstrap.min.css) is gone. This template's markup now uses Tailwind
   grid utilities (home/mrt-stations, microsites/* maps + amenities). The only
   remaining `.row` consumer rendered in this template is the SHARED
   common/sections/paging.volt partial (a flex wrapper around the pagination),
   so keep this one minimal rule. Do not re-add Bootstrap columns. */
.row {
    display: flex;
    flex-wrap: wrap;
}

/* Heading size utility */

.h5  {
 font-size: 1.25rem;
 line-height: 1.5;
 
}