.row {
display: flex;
flex-wrap: wrap;
margin-left: -8px;
margin-right: -8px;
row-gap: clamp(16px, calc(16/1920*100rem), calc(16/1920*100rem)) }@media (min-width: 1200px) {.row {
row-gap: clamp(32px, calc(32/1920*100rem), calc(32/1920*100rem));
margin-left: clamp(-16px, calc(-16/1920*100rem), calc(-16/1920*100rem));
margin-right: clamp(-16px, calc(-16/1920*100rem), calc(-16/1920*100rem)) }
.row.medium-spacing {
margin-left: clamp(-10px, calc(-10/1920*100rem), calc(-10/1920*100rem));
margin-right: clamp(-10px, calc(-10/1920*100rem), calc(-10/1920*100rem)); }
@media (min-width: 1200px) {
.row.medium-spacing > [class*="col-"] {
padding-right: clamp(10px, calc(10/1920*100rem), calc(10/1920*100rem));
padding-left: clamp(10px, calc(10/1920*100rem), calc(10/1920*100rem)); } }
.row.lg-spacing {
margin-left: clamp(-12px, calc(-12/1920*100rem), calc(-12/1920*100rem));
margin-right: clamp(-12px, calc(-12/1920*100rem), calc(-12/1920*100rem)); }
@media (min-width: 1200px) {
.row.lg-spacing > [class*="col-"] {
padding-right: clamp(12px, calc(12/1920*100rem), calc(12/1920*100rem));
padding-left: clamp(12px, calc(12/1920*100rem), calc(12/1920*100rem)); } } }
.row > [class*="col-"] {
position: relative;
width: 100%;
padding-right: 8px;
padding-left: 8px; }
@media (min-width: 1200px) {
.row > [class*="col-"] {
padding-right: clamp(16px, calc(16/1920*100rem), calc(16/1920*100rem));
padding-left: clamp(16px, calc(16/1920*100rem), calc(16/1920*100rem)); } }
.row .col {
flex-basis: 0;
flex-grow: 1;
max-width: 100%; }
@media (max-width: 575.98px) {
.row.column-full-no-gutter {
margin-left: 0;
margin-right: 0 }
.row.column-full-no-gutter > [class*='col-'] {
padding-left: 0;
padding-right: 0 } }
.no-gutters {
margin-left: 0;
margin-right: 0; }
.p-0 {
padding-left: 0;
padding-right: 0; }
.col-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%; }
.col-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%; }
.col-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.col-3 {
flex: 0 0 25%;
max-width: 25%; }
.col-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.col-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%; }
.col-6 {
flex: 0 0 50%;
max-width: 50%; }
.col-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%; }
.col-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.col-9 {
flex: 0 0 75%;
max-width: 75%; }
.col-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.col-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%; }
.col-12 {
flex: 0 0 100%;
max-width: 100%; }
@media (min-width: 576px) {
.col-sm {
flex-basis: 0;
flex-grow: 1;
max-width: 100%; }
.col-sm-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%; }
.col-sm-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%; }
.col-sm-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.col-sm-3 {
flex: 0 0 25%;
max-width: 25%; }
.col-sm-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.col-sm-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%; }
.col-sm-6 {
flex: 0 0 50%;
max-width: 50%; }
.col-sm-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%; }
.col-sm-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.col-sm-9 {
flex: 0 0 75%;
max-width: 75%; }
.col-sm-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.col-sm-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%; }
.col-sm-12 {
flex: 0 0 100%;
max-width: 100%; } }
@media (min-width: 768px) {
.col-md {
flex-basis: 0;
flex-grow: 1;
max-width: 100%; }
.col-md-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%; }
.col-md-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%; }
.col-md-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.col-md-3 {
flex: 0 0 25%;
max-width: 25%; }
.col-md-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.col-md-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%; }
.col-md-6 {
flex: 0 0 50%;
max-width: 50%; }
.col-md-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%; }
.col-md-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.col-md-9 {
flex: 0 0 75%;
max-width: 75%; }
.col-md-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.col-md-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%; }
.col-md-12 {
flex: 0 0 100%;
max-width: 100%; } }
@media (min-width: 1024px) {
.col-lg {
flex-basis: 0;
flex-grow: 1;
max-width: 100%; }
.col-lg-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%; }
.col-lg-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%; }
.col-lg-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.col-lg-3 {
flex: 0 0 25%;
max-width: 25%; }
.col-lg-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.col-lg-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%; }
.col-lg-6 {
flex: 0 0 50%;
max-width: 50%; }
.col-lg-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%; }
.col-lg-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.col-lg-9 {
flex: 0 0 75%;
max-width: 75%; }
.col-lg-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.col-lg-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%; }
.col-lg-12 {
flex: 0 0 100%;
max-width: 100%; } }
@media (min-width: 1200px) {
.col-xl {
flex-basis: 0;
flex-grow: 1;
max-width: 100%; }
.col-xl-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%; }
.col-xl-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%; }
.col-xl-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.col-xl-3 {
flex: 0 0 25%;
max-width: 25%; }
.col-xl-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.col-xl-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%; }
.col-xl-6 {
flex: 0 0 50%;
max-width: 50%; }
.col-xl-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%; }
.col-xl-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.col-xl-9 {
flex: 0 0 75%;
max-width: 75%; }
.col-xl-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.col-xl-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%; }
.col-xl-12 {
flex: 0 0 100%;
max-width: 100%; } }
.accordion-item .top i {
font-size: clamp(20px, calc(24/1920*100rem), calc(24/1920*100rem));
line-height: 1.25;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 500ms;
display: flex;
width: 100%;
height: 100%;
align-items: center;
justify-content: center }
.accordion-item .top i:nth-of-type(2) {
position: absolute;
inset: 0;
--tw-scale-x: 1.25;
--tw-scale-y: 1.25;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
opacity: 0 }
.accordion-item.active .top i:nth-of-type(1) {
--tw-scale-x: .75;
--tw-scale-y: .75;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
opacity: 0 }
.accordion-item.active .top i:nth-of-type(2) {
--tw-scale-x: 1;
--tw-scale-y: 1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
opacity: 1 }
.primary-nav {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
display: flex;
white-space: nowrap;
border-bottom-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(220 220 220 / var(--tw-border-opacity, 1)) }
body .primary-nav ul::-webkit-scrollbar {
width: clamp(2px, calc(2/1920*100rem), calc(2/1920*100rem));
height: clamp(2px, calc(2/1920*100rem), calc(2/1920*100rem)); }
.primary-nav ul {
display: flex;
align-items: center;
gap: clamp(24px, calc(24/1920*100rem), calc(24/1920*100rem));
overflow: auto }
.primary-nav ul::-webkit-scrollbar {
width: 0;
height: 0; }
.primary-nav a {
font-weight: 600;
padding-bottom: clamp(6px, calc(6/1920*100rem), calc(6/1920*100rem));
position: relative;
display: block;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms }
.primary-nav a::before {
content: '';
position: absolute;
bottom: 0;
left: 50%;
height: clamp(1px, calc(1/1920*100rem), calc(1/1920*100rem));
width: 0;
--tw-translate-x: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
--tw-bg-opacity: 1;
background-color: rgb(177 127 44 / var(--tw-bg-opacity, 1));
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms }
.primary-nav li.active a, .primary-nav li:hover a {
--tw-text-opacity: 1;
color: rgb(177 127 44 / var(--tw-text-opacity, 1)) }
.primary-nav li.active a::before, .primary-nav li:hover a::before {
width: 100% }
.dental-condition .item:nth-child(odd) {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) }
.dental-condition .item:nth-child(even) {
--tw-bg-opacity: 1;
background-color: rgb(177 127 44 / var(--tw-bg-opacity, 1)) }
.dental-condition .item {
padding-left: clamp(16px, calc(16/1920*100rem), calc(16/1920*100rem));
padding-right: clamp(16px, calc(16/1920*100rem), calc(16/1920*100rem));
padding-top: clamp(24px, calc(24/1920*100rem), calc(24/1920*100rem));
padding-bottom: clamp(24px, calc(24/1920*100rem), calc(24/1920*100rem)) }
.item-step:hover {
--tw-bg-opacity: 1;
background-color: rgb(177 127 44 / var(--tw-bg-opacity, 1));
border-bottom-left-radius: 8.333333333333334rem }
.item-step:hover .step {
--tw-bg-opacity: 1;
background-color: rgb(177 127 44 / var(--tw-bg-opacity, 1));
--tw-text-opacity: 1;
color: rgb(177 127 44 / var(--tw-text-opacity, 1)) }
.item-step:hover .title {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1)) }
.item-step:hover .description {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1)) }
.item-step:hover .img a {
border-bottom-left-radius: 8.333333333333334rem }
.secondary-nav li:hover a, .secondary-nav li.active a {
--tw-bg-opacity: 1;
background-color: rgb(177 127 44 / var(--tw-bg-opacity, 1));
opacity: 1 }
.secondary-nav a {
display: block;
padding-top: clamp(12px, calc(12/1920*100rem), calc(12/1920*100rem));
padding-bottom: clamp(12px, calc(12/1920*100rem), calc(12/1920*100rem));
padding-left: clamp(12px, calc(12/1920*100rem), calc(12/1920*100rem));
padding-right: clamp(12px, calc(12/1920*100rem), calc(12/1920*100rem));
font-weight: 700 }
@media (min-width: 768px) {.secondary-nav a {
font-size: clamp(20px, calc(24/1920*100rem), calc(24/1920*100rem));
line-height: 1.25 } }
@media (min-width: 1024px) {.secondary-nav a {
padding-top: clamp(24px, calc(24/1920*100rem), calc(24/1920*100rem));
padding-bottom: clamp(24px, calc(24/1920*100rem), calc(24/1920*100rem)) } }
.secondary-nav a {
opacity: 0.5;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms }
.module-toggle[class*="module-split"] {
gap: 24px; }
@media (min-width: 1200px) {.module-toggle[class*="module-split"] {
gap: calc(40/1920*100rem) } }
.module-toggle[class*="module-split"] {
display: grid }
@media (min-width: 1024px) {.module-toggle[class*="module-split"][data-split="2"] {
grid-template-columns: repeat(2, minmax(0, 1fr)) }.module-toggle[class*="module-split"][data-split="3"] {
grid-template-columns: repeat(3, minmax(0, 1fr)) }.module-toggle[class*="module-split"][data-split="4"] {
grid-template-columns: repeat(4, minmax(0, 1fr)) } }
.step-nav nav {
display: flex;
justify-content: center;
overflow: hidden }
body .step-nav ul::-webkit-scrollbar {
width: clamp(2px, calc(2/1920*100rem), calc(2/1920*100rem));
height: clamp(2px, calc(2/1920*100rem), calc(2/1920*100rem)); }
.step-nav ul {
display: flex;
overflow: auto;
width: 100%;
text-align: center }
.step-nav ul li {
flex: 1 1 0%;
padding-left: clamp(4px, calc(4/1920*100rem), calc(4/1920*100rem));
padding-right: clamp(4px, calc(4/1920*100rem), calc(4/1920*100rem));
font-size: clamp(14px, calc(14/1920*100rem), calc(14/1920*100rem));
line-height: 1.28571;
--tw-text-opacity: 1;
color: rgb(152 152 152 / var(--tw-text-opacity, 1));
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
min-width: 50% }
@media (min-width: 576px) {.step-nav ul li {
min-width: 180px } }
@media (min-width: 768px) {.step-nav ul li {
min-width: clamp(200px, calc(200/1920*100rem), calc(200/1920*100rem)) } }
.step-nav ul li {
position: relative }
.step-nav ul li:not(:first-child)::before {
content: '';
position: absolute;
top: clamp(23px, calc(23/1920*100rem), calc(23/1920*100rem));
right: 50%;
height: clamp(2px, calc(2/1920*100rem), calc(2/1920*100rem));
width: 100%;
--tw-bg-opacity: 1;
background-color: rgb(197 199 203 / var(--tw-bg-opacity, 1));
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
z-index: -1 }
.step-nav ul li.active .circle::before, .step-nav ul li.done .circle::before {
--tw-bg-opacity: 1;
background-color: rgb(177 127 44 / var(--tw-bg-opacity, 1)) }
.step-nav ul li.active::before, .step-nav ul li.done::before {
--tw-bg-opacity: 1;
background-color: rgb(177 127 44 / var(--tw-bg-opacity, 1)) }
.step-nav ul li.active, .step-nav ul li:hover {
--tw-text-opacity: 1;
color: rgb(35 31 32 / var(--tw-text-opacity, 1)) }
.step-nav ul li.active .circle, .step-nav ul li:hover .circle {
--tw-border-opacity: 1;
border-color: rgb(177 127 44 / var(--tw-border-opacity, 1));
--tw-bg-opacity: 1;
background-color: rgb(246 246 246 / var(--tw-bg-opacity, 1));
--tw-scale-x: 1;
--tw-scale-y: 1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) }
.step-nav ul li.active .circle::after, .step-nav ul li:hover .circle::after {
--tw-border-opacity: 1;
border-color: rgb(177 127 44 / var(--tw-border-opacity, 1));
--tw-scale-x: 1;
--tw-scale-y: 1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) }
.step-nav ul li.active .circle::before, .step-nav ul li:hover .circle::before {
--tw-bg-opacity: 1;
background-color: rgb(177 127 44 / var(--tw-bg-opacity, 1)) }
.step-nav .step-item {
display: flex;
flex-direction: column;
align-items: center;
gap: clamp(12px, calc(12/1920*100rem), calc(12/1920*100rem)) }
.step-nav .circle {
width: clamp(48px, calc(48/1920*100rem), calc(48/1920*100rem));
height: clamp(48px, calc(48/1920*100rem), calc(48/1920*100rem));
position: relative;
border-radius: 9999px }
.step-nav .circle::after {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 50%;
--tw-translate-y: -50%;
left: 50%;
--tw-translate-x: -50%;
border-radius: 9999px;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
border-width: 1px;
border-color: transparent;
--tw-scale-x: .9;
--tw-scale-y: .9;
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)) }
.step-nav .circle::before {
content: '';
position: absolute;
width: clamp(24px, calc(24/1920*100rem), calc(24/1920*100rem));
height: clamp(24px, calc(24/1920*100rem), calc(24/1920*100rem));
--tw-bg-opacity: 1;
background-color: rgb(197 199 203 / var(--tw-bg-opacity, 1));
top: 50%;
--tw-translate-y: -50%;
left: 50%;
--tw-translate-x: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
border-radius: 9999px;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms }
.next-step-column > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(clamp(40px, calc(40/1920*100rem), calc(40/1920*100rem)) * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(clamp(40px, calc(40/1920*100rem), calc(40/1920*100rem)) * var(--tw-space-y-reverse)) }
.next-step-column .item + .item {
position: relative }
.next-step-column .item + .item::before {
content: '';
background-image: url("../img/question/arrow-down.svg");
position: absolute;
left: 50%;
bottom: 100%;
height: clamp(40px, calc(40/1920*100rem), calc(40/1920*100rem));
--tw-translate-x: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
width: clamp(13px, calc(13/1920*100rem), calc(13/1920*100rem));
background-size: contain;
background-position: center;
background-repeat: no-repeat }
.error-label {
--tw-text-opacity: 1;
color: rgb(239 68 68 / var(--tw-text-opacity, 1));
font-size: clamp(14px, calc(14/1920*100rem), calc(14/1920*100rem));
line-height: 1.28571;
font-weight: 500;
margin-top: clamp(4px, calc(4/1920*100rem), calc(4/1920*100rem)) }
.container {
max-width: 100%;
padding-left: clamp(16px, calc(16/1920*100rem), calc(16/1920*100rem));
padding-right: clamp(16px, calc(16/1920*100rem), calc(16/1920*100rem));
margin-left: auto;
margin-right: auto;
width: 100% }
@media (min-width: 1200px) {
.container {
max-width: 75rem;
padding-left: clamp(20px, calc(20/1920*100rem), calc(20/1920*100rem));
padding-right: clamp(20px, calc(20/1920*100rem), calc(20/1920*100rem)) } }
.container-fluid {
width: 100%;
padding-left: clamp(16px, calc(16/1920*100rem), calc(16/1920*100rem));
padding-right: clamp(16px, calc(16/1920*100rem), calc(16/1920*100rem)) }
@media (min-width: 1200px) {.container-fluid {
padding-left: calc(80/1920*100rem);
padding-right: calc(80/1920*100rem) } }
body, html {
font-size: 14px; }
@media (min-width: 576px) {
body, html {
font-size: 16px; } }
@media (min-width: 1024px) {
body, html {
font-size: 16px; } }
@media (min-width: 1200px) {
body, html {
font-size: 1vw; } }
main {
max-width: 100vw; }
::-moz-selection {
color: #fff;
--tw-bg-opacity: 1;
background-color: rgb(177 127 44 / var(--tw-bg-opacity, 1)) }
::selection {
color: #fff;
--tw-bg-opacity: 1;
background-color: rgb(177 127 44 / var(--tw-bg-opacity, 1)) }
img.noImage {
padding: 5% !important;
-o-object-fit: contain !important;
object-fit: contain !important; }
.zoom-img {
overflow: hidden; }
@media (min-width: 1200px) {
.zoom-img:hover img, .zoom-img:hover svg {
transform: scale(1.1); } }
.zoom-img .img {
overflow: hidden }
.zoom-img img, .zoom-img svg {
transition: 0.3s transform ease-in-out !important; }
@keyframes slide-in-blurred-right {
0% {
transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
transform-origin: 0% 50%;
filter: blur(40px);
opacity: 0; }
100% {
transform: translateX(0) scaleY(1) scaleX(1);
transform-origin: 50% 50%;
filter: blur(0);
opacity: 1; } }
@keyframes swing {
0% {
transform: translateX(clamp(-10px, calc(-10/1920*100rem), calc(-10/1920*100rem))); }
100% {
transform: translateX(clamp(10px, calc(10/1920*100rem), calc(10/1920*100rem))); } }
@keyframes reveal-header {
0% {
transform: translateY(-10%);
opacity: 0; }
100% {
transform: translateY(0);
opacity: 1; } }
@keyframes slide-in-blurred-right {
0% {
transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
transform-origin: 0% 50%;
filter: blur(40px);
opacity: 0; }
100% {
transform: translateX(0) scaleY(1) scaleX(1);
transform-origin: 50% 50%;
filter: blur(0);
opacity: 1; } }
@keyframes ping {
0% {
transform: scale(0.7);
opacity: 1; }
75% {
transform: scale(1.05);
opacity: 0.75; }
100% {
transform: scale(1.2);
opacity: 0; } }
@keyframes check {
0% {
transform: scale(0.7); }
75% {
transform: scale(1.05); }
100% {
transform: scale(1.2); } }
.btn {
transition: all 0.4s cubic-bezier(0.5, 0.24, 0, 1); }
.btn::before {
transition: all 0.4s cubic-bezier(0.5, 0.24, 0, 1); }
.btn {
display: flex;
align-items: center;
justify-content: center;
gap: clamp(12px, calc(12/1920*100rem), calc(12/1920*100rem));
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
border-radius: clamp(2px, calc(2/1920*100rem), calc(2/1920*100rem));
border-width: 1px;
border-color: transparent;
background-position: center }
.btn[loading] {
background-image: url(../img/loading.svg);
background-size: contain;
background-repeat: no-repeat;
--tw-bg-opacity: 1;
background-color: rgb(129 129 129 / var(--tw-bg-opacity, 1));
color: transparent;
pointer-events: none }
.btn[disabled] {
pointer-events: none;
opacity: 0.8;
--tw-grayscale: grayscale(.7);
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) }
.btn i {
font-size: clamp(20px, calc(20/1920*100rem), calc(20/1920*100rem)) }
.btn-primary {
font-size: clamp(16px, calc(16/1920*100rem), calc(16/1920*100rem));
line-height: 1.5;
font-weight: 400;
padding-left: calc(28/1920*100rem);
padding-right: calc(28/1920*100rem);
--tw-bg-opacity: 1;
background-color: rgb(177 127 44 / var(--tw-bg-opacity, 1));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
position: relative;
z-index: 1;
border-radius: 9999px;
min-height: clamp(40px, calc(40/1920*100rem), calc(40/1920*100rem)) }
.btn-primary.btn-white {
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(61 61 61 / var(--tw-border-opacity, 1));
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
--tw-text-opacity: 1;
color: rgb(41 41 41 / var(--tw-text-opacity, 1)) }
.btn-primary.btn-white:hover {
--tw-bg-opacity: 1;
background-color: rgb(41 41 41 / var(--tw-bg-opacity, 1));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1)) }
.btn-primary:hover {
--tw-bg-opacity: 1;
background-color: rgb(61 61 61 / var(--tw-bg-opacity, 1)) }
.view-link {
font-size: clamp(14px, calc(14/1920*100rem), calc(14/1920*100rem));
line-height: 1.28571;
display: flex;
align-items: center;
gap: clamp(12px, calc(12/1920*100rem), calc(12/1920*100rem));
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms }
.view-link i {
color: inherit }
.view-link:hover {
--tw-text-opacity: 1;
color: rgb(177 127 44 / var(--tw-text-opacity, 1)) }
.popup-doctor.fancybox__container .fancybox__viewport .fancybox__content.fancybox__content {
--tw-bg-opacity: 1;
background-color: rgb(246 246 246 / var(--tw-bg-opacity, 1));
padding-left: clamp(16px, calc(16/1920*100rem), calc(16/1920*100rem));
padding-right: clamp(16px, calc(16/1920*100rem), calc(16/1920*100rem));
padding-top: clamp(32px, calc(32/1920*100rem), calc(32/1920*100rem));
padding-bottom: clamp(32px, calc(32/1920*100rem), calc(32/1920*100rem)) }
@media (min-width: 1200px) {.popup-doctor.fancybox__container .fancybox__viewport .fancybox__content.fancybox__content {
padding: clamp(60px, calc(60/1920*100rem), calc(60/1920*100rem)) } }
.popup-doctor.fancybox__container .fancybox__viewport .fancybox__content.fancybox__content {
width: 100%;
max-width: clamp(1010px, calc(1010/1920*100rem), calc(1010/1920*100rem));
border-radius: 0px;
border-width: 0px }
.popup-doctor .col-right {
width: 100% }
@media (min-width: 1024px) {.popup-doctor .col-right {
display: flex;
flex-direction: column } }
@media (max-width: 1023.98px) {
.popup-doctor .col-right {
padding-top: clamp(24px, calc(24/1920*100rem), calc(24/1920*100rem));
padding-bottom: clamp(24px, calc(24/1920*100rem), calc(24/1920*100rem));
padding-left: clamp(16px, calc(16/1920*100rem), calc(16/1920*100rem));
padding-right: clamp(16px, calc(16/1920*100rem), calc(16/1920*100rem)) } }
body .popup-doctor .col-right .description-wrapper::-webkit-scrollbar {
width: clamp(2px, calc(2/1920*100rem), calc(2/1920*100rem));
height: clamp(2px, calc(2/1920*100rem), calc(2/1920*100rem)); }
.popup-doctor .col-right .description-wrapper {
flex: 1 1 0%;
overflow: auto }
.popup-doctor .col-right .description-wrapper::-webkit-scrollbar {
width: 3px; }
.popup-doctor .col-right .description-wrapper::-webkit-scrollbar-thumb {
--tw-bg-opacity: 1;
background-color: rgb(177 127 44 / var(--tw-bg-opacity, 1)) }
.popup-doctor .col-right .description {
inset: 0 }
@media (min-width: 1024px) {.popup-doctor .col-right .description {
position: absolute;
padding-right: clamp(20px, calc(20/1920*100rem), calc(20/1920*100rem)) } }
.has-custom-close-normal-button.fancybox__container .fancybox__viewport .fancybox__content [data-fancybox-close] {
border: 0 !important;
box-shadow: none !important;
width: 40px;
height: 40px;
padding: 0;
opacity: 1;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
border-radius: clamp(4px, calc(4/1920*100rem), calc(4/1920*100rem));
background-color: transparent;
top: clamp(8px, calc(8/1920*100rem), calc(8/1920*100rem));
right: clamp(8px, calc(8/1920*100rem), calc(8/1920*100rem)) }
@media (min-width: 1200px) {
.has-custom-close-normal-button.fancybox__container .fancybox__viewport .fancybox__content [data-fancybox-close] {
width: clamp(40px, calc(40/1920*100rem), calc(40/1920*100rem));
height: clamp(40px, calc(40/1920*100rem), calc(40/1920*100rem)); } }
.has-custom-close-normal-button.fancybox__container .fancybox__viewport .fancybox__content [data-fancybox-close] i {
font-size: calc(32/1920*100rem);
line-height: 1.25;
--tw-text-opacity: 1;
color: rgb(189 189 189 / var(--tw-text-opacity, 1));
font-weight: 700;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms }
.has-custom-close-normal-button.fancybox__container .fancybox__viewport .fancybox__content [data-fancybox-close]:hover {
--tw-bg-opacity: 1;
background-color: rgb(177 127 44 / var(--tw-bg-opacity, 1)) }
.has-custom-close-normal-button.fancybox__container .fancybox__viewport .fancybox__content [data-fancybox-close]:hover i {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1)) }
.fancybox__container.fancybox__container .fancybox__viewport .fancybox__content {
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(152 152 152 / var(--tw-border-opacity, 1));
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) }
[data-fancybox] {
cursor: pointer }
.fancybox__container .fancybox__slide.has-youtube .fancybox__content {
max-width: 1176px;
width: 100% !important; }
.fancybox__container .fancybox__carousel .fancybox__viewport .fancybox__track .fancybox__slide.has-pdf {
padding: 0;
padding-left: 0;
padding-right: 0 }
.fancybox__container .fancybox__carousel .fancybox__viewport .fancybox__track .fancybox__slide.has-pdf .fancybox__content {
height: 100%;
width: 100%;
padding-top: clamp(40px, calc(40/1920*100rem), calc(40/1920*100rem)) }
.fancybox__container .fancybox__carousel .fancybox__viewport .fancybox__track .fancybox__slide.has-pdf .fancybox__content [data-fancybox-close] {
top: 0;
right: 0;
border: 0 !important;
box-shadow: none !important;
width: 30px;
height: 30px;
padding: 0;
background-color: transparent;
opacity: 1;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
border-radius: 0px;
border-top-right-radius: clamp(5px, calc(5/1920*100rem), calc(5/1920*100rem)) }
@media (min-width: 1200px) {
.fancybox__container .fancybox__carousel .fancybox__viewport .fancybox__track .fancybox__slide.has-pdf .fancybox__content [data-fancybox-close] {
width: 1.5625rem;
height: 1.5625rem; } }
.fancybox__container .fancybox__carousel .fancybox__viewport .fancybox__track .fancybox__slide.has-pdf .fancybox__content [data-fancybox-close] i {
font-size: clamp(20px,calc(20/1920*100rem),calc(20/1920*100rem));
line-height: 1.5;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1)) }
.fancybox__container .fancybox__carousel .fancybox__viewport .fancybox__track .fancybox__slide.has-pdf .fancybox__content [data-fancybox-close]:hover {
--tw-bg-opacity: 1;
background-color: rgb(204 204 204 / var(--tw-bg-opacity, 1)) }
.wpcf7-not-valid-tip {
margin-top: clamp(8px, calc(8/1920*100rem), calc(8/1920*100rem));
margin-bottom: clamp(8px, calc(8/1920*100rem), calc(8/1920*100rem));
font-size: clamp(14px, calc(14/1920*100rem), calc(14/1920*100rem));
line-height: 1.5;
--tw-text-opacity: 1;
color: rgb(255 0 0 / var(--tw-text-opacity, 1)) }
.wpcf7 form.wpcf7-form .wpcf7-response-output {
margin: 0;
margin-top: clamp(12px, calc(12/1920*100rem), calc(12/1920*100rem));
margin-bottom: clamp(12px, calc(12/1920*100rem), calc(12/1920*100rem));
border-width: 0px;
text-align: center;
font-size: clamp(14px, calc(14/1920*100rem), calc(14/1920*100rem));
line-height: 1.5;
font-weight: 600;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
border-radius: clamp(4px, calc(4/1920*100rem), calc(4/1920*100rem));
padding-top: clamp(12px, calc(12/1920*100rem), calc(12/1920*100rem));
padding-bottom: clamp(12px, calc(12/1920*100rem), calc(12/1920*100rem));
width: 100% }
.wpcf7 form.wpcf7-form.submitting .button {
cursor: not-allowed }
.wpcf7 form.wpcf7-form.submitting button {
pointer-events: none;
--tw-bg-opacity: 1;
background-color: rgb(220 220 220 / var(--tw-bg-opacity, 1));
opacity: 0.5 }
.wpcf7 form.wpcf7-form.unaccepted .wpcf7-response-output {
--tw-bg-opacity: 1;
background-color: rgb(234 179 8 / var(--tw-bg-opacity, 1)) }
.wpcf7 form.wpcf7-form.sent .wpcf7-response-output {
--tw-bg-opacity: 1;
background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1)) }
.wpcf7 form.wpcf7-form.invalid .wpcf7-response-output {
--tw-bg-opacity: 1;
background-color: rgb(255 0 0 / var(--tw-bg-opacity, 1)) }
.wpcf7 form.wpcf7-form.invalid .form-group .wpcf7-not-valid-tip {
margin-top: clamp(8px, calc(8/1920*100rem), calc(8/1920*100rem));
margin-bottom: clamp(8px, calc(8/1920*100rem), calc(8/1920*100rem));
font-size: clamp(14px, calc(14/1920*100rem), calc(14/1920*100rem));
line-height: 1.5;
--tw-text-opacity: 1;
color: rgb(255 0 0 / var(--tw-text-opacity, 1)) }
.wpcf7 form.wpcf7-form .form-group.phoneInput input, .wpcf7 form.wpcf7-form .form-group.countryInput input {
padding-left: clamp(44px, calc(44/1920*100rem), calc(44/1920*100rem)) }
.form-group input, .form-group textarea, .form-group select {
display: block;
width: 100%;
font-size: clamp(16px, calc(16/1920*100rem), calc(16/1920*100rem));
line-height: 1.5;
background-color: transparent;
padding-top: clamp(5px, calc(5/1920*100rem), calc(5/1920*100rem));
padding-bottom: clamp(5px, calc(5/1920*100rem), calc(5/1920*100rem));
resize: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0px }
.form-group input:disabled, .form-group textarea:disabled, .form-group select:disabled {
--tw-border-opacity: 1;
border-color: rgb(189 189 189 / var(--tw-border-opacity, 1));
--tw-bg-opacity: 1;
background-color: rgb(189 189 189 / var(--tw-bg-opacity, 1)) }
.form-group textarea {
height: clamp(80px, calc(80/1920*100rem), calc(80/1920*100rem)) }
.form-group select {
background-image: url('data:image/svg+xml,');
background-size: clamp(10px, calc(10/1920*100rem), calc(10/1920*100rem)) clamp(6px, calc(6/1920*100rem), calc(6/1920*100rem));
background-position: center right;
background-repeat: no-repeat;
padding-right: clamp(16px, calc(16/1920*100rem), calc(16/1920*100rem)) }
.custom-form-wrap {
border-radius: clamp(16px, calc(16/1920*100rem), calc(16/1920*100rem));
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
padding-top: clamp(24px, calc(24/1920*100rem), calc(24/1920*100rem));
padding-bottom: clamp(24px, calc(24/1920*100rem), calc(24/1920*100rem));
padding-left: clamp(16px, calc(16/1920*100rem), calc(16/1920*100rem));
padding-right: clamp(16px, calc(16/1920*100rem), calc(16/1920*100rem)) }
@media (min-width: 1200px) {.custom-form-wrap {
padding: clamp(40px, calc(40/1920*100rem), calc(40/1920*100rem)) } }
.custom-form-wrap .required-mark {
--tw-text-opacity: 1;
color: rgb(255 0 0 / var(--tw-text-opacity, 1)) }
.custom-form-wrap .tool-tips {
font-size: clamp(16px, calc(16/1920*100rem), calc(16/1920*100rem));
line-height: 1.5;
--tw-text-opacity: 1;
color: rgb(129 129 129 / var(--tw-text-opacity, 1)) }
.custom-form-wrap .header-title {
font-size: clamp(20px, calc(24/1920*100rem), calc(24/1920*100rem));
line-height: 1.25;
margin-bottom: clamp(28px, calc(28/1920*100rem), calc(28/1920*100rem));
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(177 127 44 / var(--tw-text-opacity, 1)) }
.custom-form-wrap .header-title.sub-title {
font-size: clamp(20px, calc(20/1920*100rem), calc(20/1920*100rem));
line-height: 1.4;
margin-bottom: clamp(28px, calc(28/1920*100rem), calc(28/1920*100rem));
display: flex;
align-items: center;
gap: clamp(16px, calc(16/1920*100rem), calc(16/1920*100rem)) }
.custom-form-wrap .header-title.sub-title::before {
width: clamp(20px, calc(20/1920*100rem), calc(20/1920*100rem));
--tw-bg-opacity: 1;
background-color: rgb(177 127 44 / var(--tw-bg-opacity, 1));
content: var(--tw-content);
height: clamp(3px, calc(3/1920*100rem), calc(3/1920*100rem)) }
.custom-form-wrap .note {
font-weight: 300;
font-style: italic;
--tw-text-opacity: 1;
color: rgb(177 127 44 / var(--tw-text-opacity, 1)) }
.custom-form-wrap .note.soft {
font-size: clamp(14px, calc(14/1920*100rem), calc(14/1920*100rem));
--tw-text-opacity: 1;
color: rgb(129 129 129 / var(--tw-text-opacity, 1));
line-height: 1.57143 }
.custom-form-wrap .wrap {
align-items: center }
@media (min-width: 1024px) {.custom-form-wrap .group-left {
max-width: calc(360 / 1320 * 100%) }.custom-form-wrap .group-right {
max-width: calc(936 / 1320 * 100%) }.custom-form-wrap.wrap-grid-2 .group-left {
max-width: calc(420 / 1320 * 100%) }.custom-form-wrap.wrap-grid-2 .group-right {
max-width: calc(876 / 1320 * 100%) }.custom-form-wrap.wrap-grid-3 .group-left {
max-width: calc(658 / 1320 * 100%) }.custom-form-wrap.wrap-grid-3 .group-right {
max-width: calc(638 / 1320 * 100%) }.custom-form-wrap.wrap-grid-4 .group-left {
max-width: calc(803 / 1320 * 100%) }.custom-form-wrap.wrap-grid-4 .group-right {
max-width: calc(493 / 1320 * 100%) } }
.custom-form-wrap .group-form-wrap > .form-group-wrap:last-child {
margin-bottom: 0 }
.custom-form-wrap .form-group-wrap {
margin-bottom: clamp(28px, calc(28/1920*100rem), calc(28/1920*100rem)) }
.custom-form-wrap .form-group-wrap > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(clamp(24px, calc(24/1920*100rem), calc(24/1920*100rem)) * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(clamp(24px, calc(24/1920*100rem), calc(24/1920*100rem)) * var(--tw-space-y-reverse)) }
.custom-form-wrap .form-group-wrap ul {
list-style-type: disc;
padding-left: clamp(24px, calc(24/1920*100rem), calc(24/1920*100rem)) }
.custom-form-wrap .form-group-wrap .wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
row-gap: clamp(12px, calc(12/1920*100rem), calc(12/1920*100rem)) }
@media (min-width: 1024px) {.custom-form-wrap .form-group-wrap .wrap {
row-gap: clamp(20px, calc(20/1920*100rem), calc(20/1920*100rem)) } }
.custom-form-wrap .form-group-wrap .group-left {
width: 100% }
.custom-form-wrap .form-group-wrap .group-left.full {
max-width: 100% }
.custom-form-wrap .form-group-wrap .group-left .title {
font-weight: 700 }
.custom-form-wrap .form-group-wrap .group-left .note {
margin-top: clamp(4px, calc(4/1920*100rem), calc(4/1920*100rem)) }
.custom-form-wrap .form-group-wrap .group-left .tool-tips {
display: inline-flex }
@media (min-width: 1200px) {.custom-form-wrap .form-group-wrap .group-left.sub {
padding-left: clamp(20px, calc(20/1920*100rem), calc(20/1920*100rem)) } }
.custom-form-wrap .form-group-wrap .group-left.sub .title {
font-weight: 400 }
.custom-form-wrap .form-group-wrap .group-left.sub .label {
display: inline }
.custom-form-wrap .form-group-wrap .group-left.sub-duplicate .btn-remove-item {
--tw-text-opacity: 1;
color: rgb(177 127 44 / var(--tw-text-opacity, 1));
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms }
.custom-form-wrap .form-group-wrap .group-left.sub-duplicate .btn-remove-item:hover {
--tw-scale-x: 1.25;
--tw-scale-y: 1.25;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
--tw-text-opacity: 1;
color: rgb(101 101 101 / var(--tw-text-opacity, 1)) }
.custom-form-wrap .form-group-wrap .group-left.sub-duplicate .title {
display: flex;
align-items: center;
gap: clamp(24px, calc(24/1920*100rem), calc(24/1920*100rem)) }
.custom-form-wrap .form-group-wrap.form-group-sub .group-left .title {
font-weight: 400 }
.custom-form-wrap .form-group-wrap .group-right {
width: 100%;
display: grid;
gap: clamp(12px, calc(12/1920*100rem), calc(12/1920*100rem)) }
@media (min-width: 1024px) {.custom-form-wrap .form-group-wrap .group-right {
gap: clamp(24px, calc(24/1920*100rem), calc(24/1920*100rem)) } }
@media (min-width: 768px) {.custom-form-wrap .form-group-wrap .group-right.column-2 {
grid-template-columns: repeat(2, minmax(0, 1fr)) }.custom-form-wrap .form-group-wrap .group-right.column-2-1 {
grid-template-columns: calc(536 / 876 * 100%) 1fr }.custom-form-wrap .form-group-wrap .group-right.column-3 {
grid-template-columns: repeat(2, minmax(0, 1fr)) } }
@media (min-width: 1024px) {.custom-form-wrap .form-group-wrap .group-right.column-3 {
grid-template-columns: repeat(3, minmax(0, 1fr)) } }
.custom-form-wrap .form-group-wrap .group-right.contain-group-radio {
align-items: stretch !important }
.custom-form-wrap .form-group-wrap .group-right.contain-group-radio .radio-wrapper .group-radio.group-radio.group-radio {
grid-template-columns: repeat(2, minmax(0, 1fr)) }
.custom-form-wrap .form-group-wrap .group-right.contain-group-radio .radio-wrapper .group-radio.group-radio.group-radio label {
grid-column: 1 / -1 }
.custom-form-wrap .form-group-wrap .group-right[class*='column-'] {
align-items: baseline }
.custom-form-wrap .form-group-wrap .group-right[class*='column-'] > div {
display: flex;
flex-direction: column;
justify-content: space-between }
.custom-form-wrap .wrap-duplicate + .wrap-duplicate {
margin-top: clamp(24px, calc(24/1920*100rem), calc(24/1920*100rem));
border-top-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(239 239 239 / var(--tw-border-opacity, 1));
padding-top: clamp(24px, calc(24/1920*100rem), calc(24/1920*100rem)) }
.custom-form-wrap .tool-tips {
cursor: pointer }
.custom-form-wrap .tool-tips .tool-tips-content {
position: absolute;
left: 0;
width: clamp(200px, calc(200/1920*100rem), calc(200/1920*100rem));
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(239 239 239 / var(--tw-border-opacity, 1));
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
border-radius: clamp(4px, calc(4/1920*100rem), calc(4/1920*100rem));
padding-left: clamp(16px, calc(16/1920*100rem), calc(16/1920*100rem));
padding-right: clamp(16px, calc(16/1920*100rem), calc(16/1920*100rem));
padding-top: clamp(12px, calc(12/1920*100rem), calc(12/1920*100rem));
padding-bottom: clamp(12px, calc(12/1920*100rem), calc(12/1920*100rem));
top: 100%;
z-index: 10 }
.custom-form-wrap .group-radio {
display: flex;
flex-wrap: wrap;
row-gap: clamp(12px, calc(12/1920*100rem), calc(12/1920*100rem));
-moz-column-gap: calc(40/1920*100rem);
column-gap: calc(40/1920*100rem);
align-items: baseline }
.custom-form-wrap .group-radio label.error {
grid-column: 1 / -1;
width: 100% }
.custom-form-wrap .radio-item {
display: flex;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none }
.custom-form-wrap .radio-item input {
margin: 0;
width: 0;
height: 0;
min-height: 0;
border-width: 0px;
padding: 0;
padding-left: 0;
padding-right: 0 }
.custom-form-wrap .radio-item input.error ~ label::before {
background-image: url("../img/form/check_error.svg"); }
.custom-form-wrap .radio-item input:focus ~ label {
background-color: rgb(246 246 246 / 0.5);
margin: calc(clamp(4px, calc(4/1920*100rem), calc(4/1920*100rem)) * -1);
border-radius: clamp(4px, calc(4/1920*100rem), calc(4/1920*100rem));
padding: clamp(4px, calc(4/1920*100rem), calc(4/1920*100rem)) }
.custom-form-wrap .radio-item input:checked ~ label {
--tw-text-opacity: 1;
color: rgb(177 127 44 / var(--tw-text-opacity, 1)) }
.custom-form-wrap .radio-item input:checked ~ label::before {
background-image: url("../img/form/check.svg");
animation: check 0.2s ease-in-out; }
.custom-form-wrap .radio-item input[disabled] ~ label {
opacity: 0.5 }
.custom-form-wrap .radio-item input[disabled] ~ label::before {
background-image: url("../img/form/check_disabled.svg"); }
@media (min-width: 768px) {.custom-form-wrap .radio-item label {
min-width: clamp(140px, calc(140/1920*100rem), calc(140/1920*100rem)) } }
.custom-form-wrap .radio-item label {
display: flex;
cursor: pointer;
align-items: center;
gap: clamp(4px, calc(4/1920*100rem), calc(4/1920*100rem)) }
@media (min-width: 1024px) {.custom-form-wrap .radio-item label {
gap: clamp(8px, calc(8/1920*100rem), calc(8/1920*100rem)) } }
.custom-form-wrap .radio-item label {
--tw-text-opacity: 1;
color: rgb(129 129 129 / var(--tw-text-opacity, 1));
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms }
.custom-form-wrap .radio-item label::before {
content: '';
background-image: url("../img/form/uncheck.svg");
flex: 0 0 24px;
width: clamp(24px, calc(24/1920*100rem), calc(24/1920*100rem));
height: clamp(24px, calc(24/1920*100rem), calc(24/1920*100rem)) }
@media (min-width: 1024px) {.custom-form-wrap .radio-item label::before {
width: clamp(28px, calc(28/1920*100rem), calc(28/1920*100rem));
height: clamp(28px, calc(28/1920*100rem), calc(28/1920*100rem)) } }
.custom-form-wrap .radio-item label::before {
background-position: center;
background-repeat: no-repeat;
background-size: contain;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms }
@media (min-width: 1024px) {
.custom-form-wrap .radio-item label::before {
flex: 0 0 clamp(28px, calc(28/1920*100rem), calc(28/1920*100rem)); } }
.custom-form-wrap input, .custom-form-wrap textarea, .custom-form-wrap select {
border-radius: clamp(4px, calc(4/1920*100rem), calc(4/1920*100rem));
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(239 239 239 / var(--tw-border-opacity, 1));
--tw-bg-opacity: 1;
background-color: rgb(246 246 246 / var(--tw-bg-opacity, 1));
display: block;
padding-top: clamp(8px, calc(8/1920*100rem), calc(8/1920*100rem));
padding-bottom: clamp(8px, calc(8/1920*100rem), calc(8/1920*100rem));
width: 100%;
resize: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding-left: clamp(20px, calc(20/1920*100rem), calc(20/1920*100rem));
padding-right: clamp(20px, calc(20/1920*100rem), calc(20/1920*100rem));
min-height: clamp(40px, calc(40/1920*100rem), calc(40/1920*100rem)) }
.custom-form-wrap label.error {
--tw-text-opacity: 1;
color: rgb(255 0 0 / var(--tw-text-opacity, 1));
font-size: clamp(14px, calc(14/1920*100rem), calc(14/1920*100rem));
line-height: 1.28571;
margin-top: clamp(4px, calc(4/1920*100rem), calc(4/1920*100rem)) }
.custom-form-wrap select {
background-image: url('data:image/svg+xml,');
background-size: clamp(12px, calc(12/1920*100rem), calc(12/1920*100rem)) clamp(7px, calc(7/1920*100rem), calc(7/1920*100rem));
background-position: center right clamp(24px, calc(24/1920*100rem), calc(24/1920*100rem));
background-repeat: no-repeat }
.custom-form-wrap input.error {
border-color: rgb(255 0 0 / 0.5);
background-color: rgb(255 0 0 / 0.1) }
.custom-form-wrap input[disabled] {
--tw-border-opacity: 1;
border-color: rgb(220 220 220 / var(--tw-border-opacity, 1));
--tw-bg-opacity: 1;
background-color: rgb(220 220 220 / var(--tw-bg-opacity, 1)) }
.custom-form-wrap .form-input {
width: 100% }
.custom-form-wrap .form-input.date-picker input {
background-image: url("../img/form/calendar-days.svg");
background-size: clamp(16px, calc(16/1920*100rem), calc(16/1920*100rem)) clamp(16px, calc(16/1920*100rem), calc(16/1920*100rem));
background-position: center right clamp(24px, calc(24/1920*100rem), calc(24/1920*100rem));
background-repeat: no-repeat }
.custom-form-wrap .form-input.date-picker.date-picker-loading input {
background-image: url("../img/loading.svg");
background-size: clamp(40px, calc(40/1920*100rem), calc(40/1920*100rem));
--tw-border-opacity: 1;
border-color: rgb(220 220 220 / var(--tw-border-opacity, 1));
--tw-bg-opacity: 1;
background-color: rgb(220 220 220 / var(--tw-bg-opacity, 1)) }
.custom-form-wrap .form-input label {
cursor: pointer }
.custom-form-wrap .form-input label + input {
margin-top: clamp(12px, calc(12/1920*100rem), calc(12/1920*100rem)) }
.custom-form-wrap .btn-add-item {
display: flex;
width: -moz-fit-content;
width: fit-content;
align-items: center;
border-radius: clamp(4px, calc(4/1920*100rem), calc(4/1920*100rem));
--tw-bg-opacity: 1;
background-color: rgb(246 246 246 / var(--tw-bg-opacity, 1));
padding-left: clamp(20px, calc(20/1920*100rem), calc(20/1920*100rem));
padding-right: clamp(20px, calc(20/1920*100rem), calc(20/1920*100rem));
min-height: clamp(48px, calc(48/1920*100rem), calc(48/1920*100rem));
gap: clamp(12px, calc(12/1920*100rem), calc(12/1920*100rem));
--tw-text-opacity: 1;
color: rgb(70 70 70 / var(--tw-text-opacity, 1));
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms }
.custom-form-wrap .btn-add-item:hover:not([disabled]) {
--tw-bg-opacity: 1;
background-color: rgb(129 129 129 / var(--tw-bg-opacity, 1));
--tw-text-opacity: 1;
color: rgb(246 246 246 / var(--tw-text-opacity, 1)) }
.custom-form-wrap .btn-add-item[disabled] {
--tw-bg-opacity: 1;
background-color: rgb(189 189 189 / var(--tw-bg-opacity, 1));
color: rgb(129 129 129 / 0.5) }
.planing-question .custom-form-wrap .group-radio.group-radio.group-radio.group-radio {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
-moz-column-gap: clamp(24px, calc(24/1920*100rem), calc(24/1920*100rem));
column-gap: clamp(24px, calc(24/1920*100rem), calc(24/1920*100rem)) }
@media (min-width: 1024px) {.planing-question .custom-form-wrap .group-radio.group-radio.group-radio.group-radio {
grid-template-columns: repeat(3, minmax(0, 1fr)) } }
.planing-question .custom-form-wrap .group-radio.group-radio.group-radio.group-radio .radio-item label {
width: auto;
max-width: unset }
@media (min-width: 768px) {.form-bottom-buttons .btn {
min-width: clamp(140px, calc(140/1920*100rem), calc(140/1920*100rem)) } }
[data-tippy-root] {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
border-radius: clamp(4px, calc(4/1920*100rem), calc(4/1920*100rem));
--tw-shadow: calc(4/1920*100rem) calc(4/1920*100rem) calc(32/1920*100rem) calc(16/1920*100rem) rgba(0,0,0,0.08);
--tw-shadow-colored: calc(4/1920*100rem) calc(4/1920*100rem) calc(32/1920*100rem) calc(16/1920*100rem) rgba(0,0,0,0.08);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) }
[data-tippy-root] .tippy-box {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
color: rgb(41 41 41 / 0.6) }
[data-tippy-root] .tippy-box[data-placement^=top] .tippy-arrow::before {
--tw-border-opacity: 1;
border-top-color: rgb(255 255 255 / var(--tw-border-opacity, 1)) }
[data-tippy-root] .tippy-box[data-placement^=bottom] .tippy-arrow::before {
--tw-border-opacity: 1;
border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity, 1)) }
[data-tippy-root] .tippy-arrow {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) }
[data-tippy-root] .tippy-content {
font-size: clamp(14px, calc(14/1920*100rem), calc(14/1920*100rem));
line-height: 1.28571;
font-weight: 400;
font-style: italic }
.search-page .search-form form {
position: relative }
.search-page .search-form form input {
padding: 0.52083rem 1.04167rem;
border: thin solid;
padding-right: 2.34375rem;
width: 100%;
background-color: transparent;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms }
.search-page .search-form form input:not(:-moz-placeholder-shown) {
border-color: transparent;
--tw-bg-opacity: 1;
background-color: rgb(177 127 44 / var(--tw-bg-opacity, 1));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1)) }
.search-page .search-form form input:not(:placeholder-shown) {
border-color: transparent;
--tw-bg-opacity: 1;
background-color: rgb(177 127 44 / var(--tw-bg-opacity, 1));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1)) }
.search-page .search-form form button {
width: 2.08333rem;
position: absolute;
top: 0;
right: 0;
display: flex;
height: 100%;
align-items: center;
justify-content: center }
.search-page .search-query {
margin-top: clamp(16px, calc(16/1920*100rem), calc(16/1920*100rem));
margin-bottom: clamp(16px, calc(16/1920*100rem), calc(16/1920*100rem)) }
.search-page .found-nothing {
background-image: url(../img/nothing.png);
height: 30vh;
background-position: center;
background-repeat: no-repeat }
.search-page .found-nothing-title {
position: relative;
font-size: clamp(20px,calc(20/1920*100rem),calc(20/1920*100rem));
line-height: 1.5;
font-weight: 700;
text-transform: uppercase;
--tw-text-opacity: 1;
color: rgb(177 127 44 / var(--tw-text-opacity, 1)) }
.search-page .list-search {
display: grid;
gap: clamp(12px, calc(12/1920*100rem), calc(12/1920*100rem)) }
@media (min-width: 576px) {.search-page .list-search {
grid-template-columns: repeat(2, minmax(0, 1fr)) } }
@media (min-width: 768px) {.search-page .list-search {
gap: clamp(24px, calc(24/1920*100rem), calc(24/1920*100rem)) } }
@media (min-width: 1024px) {.search-page .list-search {
grid-template-columns: repeat(3, minmax(0, 1fr)) } }
@media (min-width: 1200px) {.search-page .list-search {
gap: calc(40/1920*100rem) } }
.wp-pagination {
margin-top: clamp(40px, calc(40/1920*100rem), calc(40/1920*100rem)) }
.wp-pagination ul {
display: flex;
list-style-type: none;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: clamp(8px, calc(8/1920*100rem), calc(8/1920*100rem)) }
.wp-pagination ul li {
list-style-type: none;
flex: 0 0 clamp(48px, calc(48/1920*100rem), calc(48/1920*100rem));
width: clamp(48px, calc(48/1920*100rem), calc(48/1920*100rem));
height: clamp(48px, calc(48/1920*100rem), calc(48/1920*100rem));
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms }
.wp-pagination ul li.prev-page, .wp-pagination ul li.next-page {
display: none }
.wp-pagination ul li.prev-page a, .wp-pagination ul li.next-page a {
background-image: url('data:image/svg+xml,');
background-position: center;
background-repeat: no-repeat;
font-size: 0;
line-height: 0 }
.wp-pagination ul li a {
display: flex;
align-items: center;
justify-content: center;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
font-size: clamp(20px, calc(20/1920*100rem), calc(20/1920*100rem));
line-height: 1.4;
font-weight: 700;
text-transform: uppercase;
height: 100%;
width: 100%;
border-radius: 9999px;
--tw-bg-opacity: 1;
background-color: rgb(246 246 246 / var(--tw-bg-opacity, 1));
border-width: 0px }
.wp-pagination ul li.disabled a {
border-color: transparent;
background-color: transparent }
.wp-pagination ul li.active:not(.disabled) a, .wp-pagination ul li:hover:not(.disabled) a {
border-color: transparent;
--tw-bg-opacity: 1;
background-color: rgb(177 127 44 / var(--tw-bg-opacity, 1));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1)) }
.wp-pagination ul li.active:not(.disabled).prev-page a, .wp-pagination ul li.active:not(.disabled).next-page a, .wp-pagination ul li:hover:not(.disabled).prev-page a, .wp-pagination ul li:hover:not(.disabled).next-page a {
background-color: rgb(177 127 44 / 0.3) }
.section {
padding: 40px 0; }
@media (min-width: 768px) {
.section {
padding: 50px 0; } }
@media (min-width: 1200px) {
.section {
padding: clamp(64px, calc(64/1920*100rem), calc(64/1920*100rem)) 0 clamp(64px, calc(64/1920*100rem), calc(64/1920*100rem)) 0; } }
.arrow-button {
--data-length: 32px;
--edge-padding: 20px;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none }
@media (min-width: 1200px) {
.arrow-button {
--edge-padding: calc(20/1920*100rem);
--data-length: clamp(32px,calc(32/1920*100rem),calc(32/1920*100rem)); } }
.arrow-button .swiper-btn-prev, .arrow-button .swiper-btn-next {
width: var(--data-length);
height: var(--data-length);
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));
z-index: 10;
display: flex;
align-items: center;
justify-content: center;
border-radius: 9999px;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)) }
.arrow-button .swiper-btn-prev::before, .arrow-button .swiper-btn-next::before {
font-family: 'Font Awesome 6 Pro';
font-size: clamp(14px, calc(14/1920*100rem), calc(14/1920*100rem));
line-height: 1.28571;
font-weight: 300;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1)) }
.arrow-button .swiper-btn-prev.swiper-button-disabled, .arrow-button .swiper-btn-next.swiper-button-disabled {
pointer-events: none;
opacity: 0.5 }
.arrow-button .swiper-btn-prev.swiper-button-lock, .arrow-button .swiper-btn-next.swiper-button-lock {
pointer-events: none;
opacity: 0 }
.arrow-button .swiper-btn-prev {
left: calc(var(--data-length) * -1 - var(--edge-padding)); }
.arrow-button .swiper-btn-prev::before {
content: '\f053'; }
.arrow-button .swiper-btn-next {
right: calc(var(--data-length) * -1 - var(--edge-padding)); }
.arrow-button .swiper-btn-next::before {
content: '\f054'; }
@media (max-width: 1199.98px) {
.arrow-button {
position: static;
margin-top: clamp(24px, calc(24/1920*100rem), calc(24/1920*100rem));
display: flex;
align-items: center;
justify-content: center;
gap: clamp(12px, calc(12/1920*100rem), calc(12/1920*100rem)) }
.arrow-button .swiper-btn-prev, .arrow-button .swiper-btn-next {
position: static;
--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)) } }
.swiper-column-auto {
--mr: 16px;
--spv: 1; }
@media (min-width: 1200px) {
.swiper-column-auto {
--mr: calc(40/1920*100rem); } }
.swiper-column-auto[data-time='0'] .swiper-wrapper {
transition-timing-function: linear; }
.swiper-column-auto .swiper-slide.swiper-slide {
overflow: visible }
.swiper-column-auto .swiper-slide {
width: calc(calc(100% - calc(var(--mr) * calc(var(--spv) - 1)))/var(--spv));
height: auto }
.swiper-column-auto .swiper-slide:not(:last-child) {
margin-right: var(--mr); }
@media (min-width: 768px) {
.swiper-column-auto.auto-2-column {
--spv: 2; }
.swiper-column-auto.auto-3-column {
--spv: 2; } }
@media (min-width: 1024px) {
.swiper-column-auto.auto-3-column {
--spv: 3; } }
@media (max-width: 767.98px) {
.swiper-column-auto.auto-3-column.show-half-mobile .swiper-slide {
width: 80%; } }
@media (min-width: 576px) {
.swiper-column-auto.auto-4-column {
--spv: 2; } }
@media (min-width: 1024px) {
.swiper-column-auto.auto-4-column {
--spv: 3; } }
@media (min-width: 1200px) {
.swiper-column-auto.auto-4-column {
--spv: 4; } }
@media (min-width: 576px) {
.swiper-column-auto.auto-5-column {
--spv: 2; } }
@media (min-width: 768px) {
.swiper-column-auto.auto-5-column {
--spv: 3; } }
@media (min-width: 1024px) {
.swiper-column-auto.auto-5-column {
--spv: 4; } }
@media (min-width: 1200px) {
.swiper-column-auto.auto-5-column {
--spv: 5; } }
@media (max-width: 575.98px) {
.swiper-column-auto.show-half-mobile .swiper-slide {
width: 80%; }
.swiper-column-auto.show-2-column-mobile {
--spv: 2; } }
.swiper-column-auto .swiper-scrollbar.swiper-scrollbar {
position: static;
margin-top: clamp(16px, calc(16/1920*100rem), calc(16/1920*100rem)) }
@media (min-width: 1200px) {.swiper-column-auto .swiper-scrollbar.swiper-scrollbar {
margin-top: calc(40/1920*100rem) } }
.swiper-column-auto .swiper-scrollbar.swiper-scrollbar {
width: 100%;
border-radius: 0px;
--tw-bg-opacity: 1;
background-color: rgb(189 189 189 / var(--tw-bg-opacity, 1)) }
.swiper-column-auto .swiper-scrollbar.swiper-scrollbar .swiper-scrollbar-drag {
border-radius: 0px;
--tw-bg-opacity: 1;
background-color: rgb(177 127 44 / var(--tw-bg-opacity, 1)) }
.allow-touchMove .swiper-slide {
cursor: grab }
.swiper-pagination.swiper-pagination.swiper-pagination {
position: static;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(220 220 220 / var(--tw-border-opacity, 1));
margin-left: auto;
margin-right: auto;
display: flex;
width: -moz-fit-content;
width: fit-content;
justify-content: center;
gap: clamp(8px, calc(8/1920*100rem), calc(8/1920*100rem));
border-radius: 9999px;
padding: clamp(8px, calc(8/1920*100rem), calc(8/1920*100rem)) }
.swiper-pagination.swiper-pagination.swiper-pagination.swiper-pagination-lock {
padding: 0;
padding-left: 0;
padding-right: 0 }
.swiper-pagination.swiper-pagination.swiper-pagination span {
margin-left: 0;
margin-right: 0;
width: clamp(8px, calc(8/1920*100rem), calc(8/1920*100rem));
height: clamp(8px, calc(8/1920*100rem), calc(8/1920*100rem));
--tw-bg-opacity: 1;
background-color: rgb(239 239 239 / var(--tw-bg-opacity, 1));
opacity: 1 }
.swiper-pagination.swiper-pagination.swiper-pagination span.swiper-pagination-bullet-active {
--tw-bg-opacity: 1;
background-color: rgb(177 127 44 / var(--tw-bg-opacity, 1)) }
.swiper-column-1 .swiper-slide, .swiper-column-2 .swiper-slide, .swiper-xl-3 .swiper-slide, .swiper-xl-4 .swiper-slide {
height: auto }
.swiper-center .swiper-wrapper {
margin-left: auto;
margin-right: auto;
width: -moz-fit-content;
width: fit-content }
@media (min-width: 1200px) {
.swiper-shadow-spacing .swiper {
padding: 1.25rem;
margin: -1.25rem; } }
.block-title {
font-size: calc(48/1920*100rem);
line-height: 1.16667;
font-weight: 700 }
.tippy-box[data-animation=fade][data-state=hidden] {
opacity: 0; }
[data-tippy-root] {
max-width: calc(100vw - 10px); }
.tippy-box {
position: relative;
background-color: #333;
color: #fff;
border-radius: 4px;
font-size: 14px;
line-height: 1.4;
white-space: normal;
outline: 0;
transition-property: transform,visibility,opacity; }
.tippy-box[data-placement^=top] > .tippy-arrow {
bottom: 0; }
.tippy-box[data-placement^=top] > .tippy-arrow:before {
bottom: -7px;
left: 0;
border-width: 8px 8px 0;
border-top-color: initial;
transform-origin: center top; }
.tippy-box[data-placement^=bottom] > .tippy-arrow {
top: 0; }
.tippy-box[data-placement^=bottom] > .tippy-arrow:before {
top: -7px;
left: 0;
border-width: 0 8px 8px;
border-bottom-color: initial;
transform-origin: center bottom; }
.tippy-box[data-placement^=left] > .tippy-arrow {
right: 0; }
.tippy-box[data-placement^=left] > .tippy-arrow:before {
border-width: 8px 0 8px 8px;
border-left-color: initial;
right: -7px;
transform-origin: center left; }
.tippy-box[data-placement^=right] > .tippy-arrow {
left: 0; }
.tippy-box[data-placement^=right] > .tippy-arrow:before {
left: -7px;
border-width: 8px 8px 8px 0;
border-right-color: initial;
transform-origin: center right; }
.tippy-box[data-inertia][data-state=visible] {
transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11); }
.tippy-arrow {
width: 16px;
height: 16px;
color: #333; }
.tippy-arrow:before {
content: "";
position: absolute;
border-color: transparent;
border-style: solid; }
.tippy-content {
position: relative;
padding: 5px 9px;
z-index: 1; }
/* HTML: */
.loading-screen {
width: 40px;
aspect-ratio: 1;
--c: no-repeat linear-gradient(#000 0 0);
background: var(--c) 0 0, var(--c) 0 100%, var(--c) 50% 0, var(--c) 50% 100%, var(--c) 100% 0, var(--c) 100% 100%;
background-size: 8px 50%;
animation: l7-0 1s infinite;
position: absolute;
overflow: hidden;
z-index: 30;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
.loading-screen:before {
content: "";
position: absolute;
width: 8px;
height: 8px;
border-radius: 50%;
background: #000;
top: calc(50% - 4px);
left: -8px;
animation: inherit;
animation-name: l7-1; }
@keyframes l7-0 {
16.67% {
background-size: 8px 30%, 8px 30%, 8px 50%, 8px 50%, 8px 50%, 8px 50%; }
33.33% {
background-size: 8px 30%, 8px 30%, 8px 30%, 8px 30%, 8px 50%, 8px 50%; }
50% {
background-size: 8px 30%, 8px 30%, 8px 30%, 8px 30%, 8px 30%, 8px 30%; }
66.67% {
background-size: 8px 50%, 8px 50%, 8px 30%, 8px 30%, 8px 30%, 8px 30%; }
83.33% {
background-size: 8px 50%, 8px 50%, 8px 50%, 8px 50%, 8px 30%, 8px 30%; } }
@keyframes l7-1 {
20% {
left: 0px; }
40% {
left: calc(50% - 4px); }
60% {
left: calc(100% - 8px); }
80%,
100% {
left: 100%; } }
#overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: transparent;
pointer-events: none;
z-index: 30;
opacity: 0;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms }
#overlay.active {
pointer-events: auto;
opacity: 1 }
.desktop-show {
display: none }
@media (min-width: 1200px) {.desktop-show {
display: block } }
.mobile-show {
display: block }
@media (min-width: 1200px) {.mobile-show {
display: none } }
#fixed-tool {
--icon-size: clamp(48px,calc(48/1920*100rem),calc(48/1920*100rem));
--gap: clamp(8px,calc(8/1920*100rem),calc(8/1920*100rem));
bottom: clamp(24px, calc(24/1920*100rem), calc(24/1920*100rem));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1)) }
#fixed-tool li {
transform: translateX(calc(100% - var(--icon-size)));
--tw-bg-opacity: 1;
background-color: rgb(177 127 44 / var(--tw-bg-opacity, 1));
margin-left: auto;
width: -moz-fit-content;
width: fit-content;
display: flex;
align-items: center;
gap: var(--gap);
pointer-events: auto;
border-top-left-radius: clamp(2px, calc(2/1920*100rem), calc(2/1920*100rem));
border-bottom-left-radius: clamp(2px, calc(2/1920*100rem), calc(2/1920*100rem));
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms }
#fixed-tool li:hover {
--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)) }
#fixed-tool li.scrollToTop {
pointer-events: none;
--tw-translate-y: clamp(16px, calc(16/1920*100rem), calc(16/1920*100rem));
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
opacity: 0 }
#fixed-tool li.scrollToTop.active {
pointer-events: auto;
--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));
opacity: 1 }
#fixed-tool li .icon {
width: var(--icon-size);
height: var(--icon-size);
display: flex;
align-items: center;
justify-content: center }
#fixed-tool li .icon img {
width: 100%;
height: 100%;
border-top-left-radius: clamp(2px, calc(2/1920*100rem), calc(2/1920*100rem));
border-bottom-left-radius: clamp(2px, calc(2/1920*100rem), calc(2/1920*100rem));
-o-object-fit: cover;
object-fit: cover }
#fixed-tool li .icon i {
font-size: clamp(24px, calc(24/1920*100rem), calc(24/1920*100rem)) }
#fixed-tool li .content {
padding-top: clamp(4px, calc(4/1920*100rem), calc(4/1920*100rem));
padding-bottom: clamp(4px, calc(4/1920*100rem), calc(4/1920*100rem));
padding-right: clamp(8px, calc(8/1920*100rem), calc(8/1920*100rem)) }
#fixed-tool.list-item-added {
padding-left: clamp(19px, calc(19/1920*100rem), calc(19/1920*100rem));
list-style-type: disc }
.ul-check ul {
list-style-type: none;
padding: 0;
padding-left: 0;
padding-right: 0 }
.ul-check ul li {
display: flex;
gap: clamp(12px, calc(12/1920*100rem), calc(12/1920*100rem)) }
.ul-check ul li::before {
content: "\f00c";
font-family: 'Font Awesome 6 Pro' }
[data-toggle="tabslet"] .tabslet-tab li.active {
pointer-events: none }
[data-toggle="tabslet"] .tab-content .tabslet-content, [data-toggle="tabslet"] .tab-content > [class*='tabslet-custom'], [data-toggle="tabslet"] .tab-content .tabslet-content-other, [data-toggle="tabslet"] [class*='tab-custom'] .tabslet-content, [data-toggle="tabslet"] [class*='tab-custom'] > [class*='tabslet-custom'], [data-toggle="tabslet"] [class*='tab-custom'] .tabslet-content-other {
display: none }
[data-toggle="tabslet"] .tab-content .tabslet-content:first-child, [data-toggle="tabslet"] .tab-content > [class*='tabslet-custom']:first-child, [data-toggle="tabslet"] .tab-content .tabslet-content-other:first-child, [data-toggle="tabslet"] [class*='tab-custom'] .tabslet-content:first-child, [data-toggle="tabslet"] [class*='tab-custom'] > [class*='tabslet-custom']:first-child, [data-toggle="tabslet"] [class*='tab-custom'] .tabslet-content-other:first-child {
display: block }
.content-spacing * + * {
margin-top: clamp(20px, calc(20/1920*100rem), calc(20/1920*100rem)) }
.edit-link-post {
width: clamp(20px, calc(20/1920*100rem), calc(20/1920*100rem));
height: clamp(20px, calc(20/1920*100rem), calc(20/1920*100rem));
pointer-events: auto;
display: inline-flex;
align-items: center;
justify-content: center;
position: relative;
z-index: 10 }
.edit-link-post span {
--tw-text-opacity: 1;
color: rgb(177 127 44 / var(--tw-text-opacity, 1)) }
.edit-term-post {
width: clamp(20px, calc(20/1920*100rem), calc(20/1920*100rem));
height: clamp(20px, calc(20/1920*100rem), calc(20/1920*100rem));
pointer-events: auto;
display: inline-flex;
align-items: center;
justify-content: center }
.edit-term-post span {
--tw-text-opacity: 1;
color: rgb(29 78 216 / var(--tw-text-opacity, 1)) }
.ovh {
overflow: hidden }
.loading {
background-image: url(../img/loading.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
position: absolute;
top: 50%;
left: 50%;
width: clamp(60px, calc(60/1920*100rem), calc(60/1920*100rem));
height: clamp(60px, calc(60/1920*100rem), calc(60/1920*100rem));
--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));
pointer-events: none;
z-index: 2 }
.loading-overlay::before {
content: '';
position: absolute;
inset: 0;
cursor: not-allowed;
background-color: rgb(255 255 255 / 0.1);
--tw-backdrop-blur: blur(4px);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) }
.image-svg img {
opacity: 0 }
.image-svg .img-generate img {
opacity: 1 }
.image-svg svg {
height: 100%;
width: 100% }
.image-svg.image-absolute .svg-generate {
position: absolute;
inset: 0;
height: 100%;
width: 100% }
.expander {
display: grid;
grid-template-rows: 0fr;
overflow: hidden;
transition: grid-template-rows .3s; }
.expander .expander-content {
min-height: 0;
transition: visibility .3s;
visibility: hidden; }
.image-not-found {
font-size: clamp(12px, calc(12/1920*100rem), calc(12/1920*100rem));
line-height: 1.5;
--tw-text-opacity: 1;
color: rgb(220 38 38 / var(--tw-text-opacity, 1)) }
.play-btn {
position: absolute;
top: 50%;
left: 50%;
z-index: 2;
--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)) }
.play-btn .icon {
top: 50%;
left: 50%;
z-index: 2;
--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));
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
position: absolute;
width: 50px;
height: 50px }
@media (min-width: 768px) {
.play-btn .icon {
width: 60px;
height: 60px } }
@media (min-width: 1200px) {
.play-btn .icon {
width: 4.427083333333334rem;
height: 4.427083333333334rem } }
.play-btn .icon a {
position: relative;
display: block;
height: 0;
overflow: hidden;
padding-top: 100%;
overflow: visible }
.play-btn .icon a img, .play-btn .icon a iframe, .play-btn .icon a video {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
-o-object-fit: cover;
object-fit: cover;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms }
.play-btn .icon svg {
overflow: visible }
.play-btn .icon rect {
transform-origin: center;
transform-box: fill-box;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms }
.play-btn .icon rect:nth-of-type(1) {
position: relative;
z-index: 2 }
.play-btn .icon rect:nth-of-type(2) {
animation: ping 1.3s ease-in-out infinite both; }
.play-btn .icon rect:nth-of-type(3) {
animation: ping 1.3s .3s ease-in-out infinite both; }
@keyframes pathMove {
0% {
stroke-dashoffset: var(--data-stroke-dasharray);
stroke-dasharray: var(--data-stroke-dasharray); }
100% {
stroke-dasharray: 0;
stroke-dashoffset: var(--data-stroke-dasharray); } }
.play-btn .icon .pause {
display: none }
.play-btn:hover .icon {
--tw-scale-x: .9;
--tw-scale-y: .9;
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)) }
.play-btn:hover .icon path {
fill: rgb(255 255 255 / 0.5) }
[class*='ratio-'] {
position: relative;
display: block;
height: 0;
overflow: hidden }
[class*='ratio-'] img, [class*='ratio-'] iframe, [class*='ratio-'] video, [class*='ratio-'] .ratio-frame, [class*='ratio-'] picture {
-o-object-fit: cover;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms }
[class*='ratio-'].ratio-contain img, [class*='ratio-'].ratio-contain video, [class*='ratio-'].ratio-contain picture {
-o-object-fit: contain;
object-fit: contain }
[class*='ratio-'] iframe {
-o-object-fit: none !important;
object-fit: none !important; }
[class*='line-clamp-'] {
overflow-wrap: break-word }
.flow-form-booking {
pointer-events: none;
--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));
opacity: 0 }
.flow-form-booking.active {
pointer-events: auto;
--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));
opacity: 1 }
img.lozad {
opacity: 0 }
img.lozad[data-loaded] {
opacity: 1 }
[data-tabslet] [class*='tabslet-content'] {
display: none }
.description ul {
list-style-type: disc;
padding-left: calc(24/1920*100rem) }
.spy-menu.start-sticky {
--tw-translate-y: clamp(8px, calc(8/1920*100rem), calc(8/1920*100rem));
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)) }
.spy-menu ul::-webkit-scrollbar {
width: 0;
height: 0; }
.spy-menu li a {
padding-top: clamp(10.5px, calc(10.5/1920*100rem), calc(10.5/1920*100rem));
padding-bottom: clamp(10.5px, calc(10.5/1920*100rem), calc(10.5/1920*100rem));
position: relative }
.spy-menu li a::before {
content: '';
position: absolute;
bottom: 0;
left: 50%;
height: clamp(1px, calc(1/1920*100rem), calc(1/1920*100rem));
width: 0;
--tw-translate-x: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
--tw-bg-opacity: 1;
background-color: rgb(177 127 44 / var(--tw-bg-opacity, 1));
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms }
.spy-menu li.active a::before, .spy-menu li:hover a::before {
width: 100% }
.spy-menu li + li {
display: flex;
align-items: center }
.spy-menu li + li::before {
content: '';
height: clamp(12px, calc(12/1920*100rem), calc(12/1920*100rem));
width: clamp(1px, calc(1/1920*100rem), calc(1/1920*100rem));
--tw-bg-opacity: 1;
background-color: rgb(220 220 220 / var(--tw-bg-opacity, 1));
margin-left: clamp(20px, calc(20/1920*100rem), calc(20/1920*100rem));
margin-right: clamp(20px, calc(20/1920*100rem), calc(20/1920*100rem)) }
.nav-swiper {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
white-space: nowrap }
@media (max-width: 1199.98px) {
.nav-swiper {
padding-left: 64px;
padding-right: 64px } }
.nav-swiper a {
display: block;
padding-top: clamp(16px, calc(16/1920*100rem), calc(16/1920*100rem));
padding-bottom: clamp(16px, calc(16/1920*100rem), calc(16/1920*100rem));
position: relative;
width: -moz-fit-content;
width: fit-content;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 500ms }
.nav-swiper a::before {
content: '';
width: 0;
position: absolute;
left: 0;
bottom: 0;
height: clamp(2px, calc(2/1920*100rem), calc(2/1920*100rem));
--tw-bg-opacity: 1;
background-color: rgb(177 127 44 / var(--tw-bg-opacity, 1));
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 500ms }
.nav-swiper .swiper-slide:hover a::before {
width: 50%;
background-color: rgb(177 127 44 / 0.5) }
.nav-swiper .swiper-slide.current-menu-item a {
--tw-text-opacity: 1;
color: rgb(177 127 44 / var(--tw-text-opacity, 1)) }
.nav-swiper .swiper-slide.current-menu-item a::before {
width: 100% }
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto !important;
margin-right: auto !important; }
a img.alignleft {
margin: 5px 20px 20px 0; }
a img.aligncenter {
display: block;
margin-left: auto !important;
margin-right: auto !important; }
.wp-caption {
background: #fff;
max-width: 100%;
text-align: center; }
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto; }
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px; }
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important; }
.screen-reader-text:focus {
background-color: #eee;
clip: auto !important;
clip-path: none;
color: #444;
display: block;
font-size: 1em;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; }
[class*='bn-'] .title {
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms }
[class*='bn-']:hover .title {
--tw-text-opacity: 1;
color: rgb(177 127 44 / var(--tw-text-opacity, 1)) }
.item-service {
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms }
.item-service:hover {
--tw-bg-opacity: 1;
background-color: rgb(177 127 44 / var(--tw-bg-opacity, 1)) }
.item-service:hover .icon img {
--tw-brightness: brightness(0);
--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) }
.item-service:hover .title {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1)) }
.item-service .icon img {
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms }
.item-service .title {
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms }
*, ::before, ::after {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
--tw-contain-size: ;
--tw-contain-layout: ;
--tw-contain-paint: ;
--tw-contain-style: }
::backdrop {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
--tw-contain-size: ;
--tw-contain-layout: ;
--tw-contain-paint: ;
--tw-contain-style: }
/* ! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com */
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
*,
::before,
::after {
box-sizing: border-box; /* 1 */
border-width: 0; /* 2 */
border-style: solid; /* 2 */
border-color: #BBBBBB; /* 2 */
}
::before,
::after {
--tw-content: '';
}
/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/
html,
:host {
line-height: 1.5; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
-moz-tab-size: 4; /* 3 */
-o-tab-size: 4;
tab-size: 4; /* 3 */
font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
font-feature-settings: normal; /* 5 */
font-variation-settings: normal; /* 6 */
-webkit-tap-highlight-color: transparent; /* 7 */
}
/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {
margin: 0; /* 1 */
line-height: inherit; /* 2 */
}
/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
height: 0; /* 1 */
color: inherit; /* 2 */
border-top-width: 1px; /* 3 */
}
/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]) {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
font-weight: inherit;
}
/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
color: inherit;
text-decoration: inherit;
}
/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
font-weight: bolder;
}
/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
font-feature-settings: normal; /* 2 */
font-variation-settings: normal; /* 3 */
font-size: 1em; /* 4 */
}
/*
Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
text-indent: 0; /* 1 */
border-color: inherit; /* 2 */
border-collapse: collapse; /* 3 */
}
/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit; /* 1 */
font-feature-settings: inherit; /* 1 */
font-variation-settings: inherit; /* 1 */
font-size: 100%; /* 1 */
font-weight: inherit; /* 1 */
line-height: inherit; /* 1 */
letter-spacing: inherit; /* 1 */
color: inherit; /* 1 */
margin: 0; /* 2 */
padding: 0; /* 3 */
}
/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
text-transform: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
-webkit-appearance: button; /* 1 */
background-color: transparent; /* 2 */
background-image: none; /* 2 */
}
/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
outline: auto;
}
/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
box-shadow: none;
}
/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
vertical-align: baseline;
}
/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
height: auto;
}
/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}
/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
-webkit-appearance: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}
/*
Add the correct display in Chrome and Safari.
*/
summary {
display: list-item;
}
/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
margin: 0;
}
fieldset {
margin: 0;
padding: 0;
}
legend {
padding: 0;
}
ol,
ul,
menu {
list-style: none;
margin: 0;
padding: 0;
}
/*
Reset default styling for dialogs.
*/
dialog {
padding: 0;
}
/*
Prevent resizing textareas horizontally by default.
*/
textarea {
resize: vertical;
}
/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input::-moz-placeholder, textarea::-moz-placeholder {
opacity: 1; /* 1 */
color: #777777; /* 2 */
}
input::placeholder,
textarea::placeholder {
opacity: 1; /* 1 */
color: #777777; /* 2 */
}
/*
Set the default cursor for buttons.
*/
button,
[role="button"] {
cursor: pointer;
}
/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
cursor: default;
}
/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
display: block; /* 1 */
vertical-align: middle; /* 2 */
}
/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
max-width: 100%;
height: auto;
}
/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
display: none;
}.prose {
color: var(--tw-prose-body);
max-width: unset; }.prose :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top: 1.25em;
margin-bottom: 1.25em }.prose :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
color: var(--tw-prose-lead);
font-size: 1.25em;
line-height: 1.6;
margin-top: 1.2em;
margin-bottom: 1.2em }.prose :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
color: #B17F2C;
text-decoration: underline;
font-weight: 500; }.prose :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)):hover {
color: #ff0000 }.prose :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
color: inherit;
font-weight: 700 }.prose :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
color: inherit }.prose :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
color: inherit }.prose :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
color: inherit }.prose :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
list-style-type: decimal;
margin-top: 1.25em;
margin-bottom: 1.25em;
padding-inline-start: 1.625em }.prose :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
list-style-type: upper-alpha }.prose :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
list-style-type: lower-alpha }.prose :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
list-style-type: upper-alpha }.prose :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
list-style-type: lower-alpha }.prose :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
list-style-type: upper-roman }.prose :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
list-style-type: lower-roman }.prose :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
list-style-type: upper-roman }.prose :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
list-style-type: lower-roman }.prose :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
list-style-type: decimal }.prose :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
list-style-type: disc;
margin-top: 1.25em;
margin-bottom: 1.25em;
padding-inline-start: 1.625em;
padding-left: clamp(19px, calc(19/1920*100rem), calc(19/1920*100rem)); }.prose :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) li {
padding-left: 0; }.prose :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) li::marker {
color: #292929 }.prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
font-weight: 400;
color: var(--tw-prose-counters) }.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
color: var(--tw-prose-bullets) }.prose :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
color: var(--tw-prose-headings);
font-weight: 600;
margin-top: 1.25em }.prose :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
border-color: var(--tw-prose-hr);
border-top-width: 1px;
margin-top: 3em;
margin-bottom: 3em }.prose :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
font-weight: 500;
font-style: italic;
color: #white;
border-inline-start-width: 0.25rem;
border-inline-start-color: var(--tw-prose-quote-borders);
quotes: "\201C""\201D""\2018""\2019";
margin-top: 1.6em;
margin-bottom: 1.6em;
padding-inline-start: 1em }.prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
content: open-quote }.prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
content: close-quote }.prose :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
color: var(--tw-prose-headings);
font-weight: 800;
font-size: 2.25em;
margin-top: 0;
margin-bottom: 0.8888889em;
line-height: 1.1111111 }.prose :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
font-weight: 900;
color: inherit }.prose :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
color: var(--tw-prose-headings);
font-weight: 700;
font-size: 1.5em;
margin-top: 2em;
margin-bottom: 1em;
line-height: 1.3333333 }.prose :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
font-weight: 800;
color: inherit }.prose :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
color: var(--tw-prose-headings);
font-weight: 600;
font-size: 1.25em;
margin-top: 1.6em;
margin-bottom: 0.6em;
line-height: 1.6 }.prose :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
font-weight: 700;
color: inherit }.prose :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
color: var(--tw-prose-headings);
font-weight: 600;
margin-top: 1.5em;
margin-bottom: 0.5em;
line-height: 1.5 }.prose :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
font-weight: 700;
color: inherit }.prose :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top: 2em;
margin-bottom: 2em }.prose :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
display: block;
margin-top: 2em;
margin-bottom: 2em }.prose :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top: 2em;
margin-bottom: 2em }.prose :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
font-weight: 500;
font-family: inherit;
color: var(--tw-prose-kbd);
box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%);
font-size: 0.875em;
border-radius: 0.3125rem;
padding-top: 0.1875em;
padding-inline-end: 0.375em;
padding-bottom: 0.1875em;
padding-inline-start: 0.375em }.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
color: var(--tw-prose-code);
font-weight: 600;
font-size: 0.875em }.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
content: "`" }.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
content: "`" }.prose :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
color: inherit }.prose :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
color: inherit }.prose :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
color: inherit;
font-size: 0.875em }.prose :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
color: inherit;
font-size: 0.9em }.prose :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
color: inherit }.prose :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
color: inherit }.prose :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
color: inherit }.prose :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
color: var(--tw-prose-pre-code);
background-color: var(--tw-prose-pre-bg);
overflow-x: auto;
font-weight: 400;
font-size: 0.875em;
line-height: 1.7142857;
margin-top: 1.7142857em;
margin-bottom: 1.7142857em;
border-radius: 0.375rem;
padding-top: 0.8571429em;
padding-inline-end: 1.1428571em;
padding-bottom: 0.8571429em;
padding-inline-start: 1.1428571em }.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
background-color: transparent;
border-width: 0;
border-radius: 0;
padding: 0;
font-weight: inherit;
color: inherit;
font-size: inherit;
font-family: inherit;
line-height: inherit }.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
content: none }.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
content: none }.prose :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
width: 100%;
table-layout: auto;
margin-top: 2em;
margin-bottom: 2em;
font-size: 0.875em;
line-height: 1.7142857; }.prose :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) td {
border: thin solid #e8e8e8;
padding: 0.5rem }.prose :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
border-bottom-width: 1px;
border-bottom-color: var(--tw-prose-th-borders) }.prose :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
color: var(--tw-prose-headings);
font-weight: 600;
vertical-align: bottom;
padding-inline-end: 0.5714286em;
padding-bottom: 0.5714286em;
padding-inline-start: 0.5714286em }.prose :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
border-bottom-width: 1px;
border-bottom-color: var(--tw-prose-td-borders) }.prose :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
border-bottom-width: 0 }.prose :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
vertical-align: baseline }.prose :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
border-top-width: 1px;
border-top-color: var(--tw-prose-th-borders) }.prose :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
vertical-align: top }.prose :where(th, td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
text-align: start }.prose :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top: 0;
margin-bottom: 0 }.prose :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
color: var(--tw-prose-captions);
font-size: clamp(15px, calc(15/1920*100rem), calc(15/1920*100rem));
line-height: 1.4285714;
margin-top: 0.8571429em }.prose {
--tw-prose-body: #374151;
--tw-prose-headings: inherit;
--tw-prose-lead: #4b5563;
--tw-prose-links: #111827;
--tw-prose-bold: #111827;
--tw-prose-counters: #6b7280;
--tw-prose-bullets: #d1d5db;
--tw-prose-hr: #e5e7eb;
--tw-prose-quotes: #111827;
--tw-prose-quote-borders: #e5e7eb;
--tw-prose-captions: #6b7280;
--tw-prose-kbd: #111827;
--tw-prose-kbd-shadows: 17 24 39;
--tw-prose-code: #111827;
--tw-prose-pre-code: #e5e7eb;
--tw-prose-pre-bg: #1f2937;
--tw-prose-th-borders: #d1d5db;
--tw-prose-td-borders: #e5e7eb;
--tw-prose-invert-body: #d1d5db;
--tw-prose-invert-headings: #fff;
--tw-prose-invert-lead: #9ca3af;
--tw-prose-invert-links: #fff;
--tw-prose-invert-bold: #fff;
--tw-prose-invert-counters: #9ca3af;
--tw-prose-invert-bullets: #4b5563;
--tw-prose-invert-hr: #374151;
--tw-prose-invert-quotes: #f3f4f6;
--tw-prose-invert-quote-borders: #374151;
--tw-prose-invert-captions: #9ca3af;
--tw-prose-invert-kbd: #fff;
--tw-prose-invert-kbd-shadows: 255 255 255;
--tw-prose-invert-code: #fff;
--tw-prose-invert-pre-code: #d1d5db;
--tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
--tw-prose-invert-th-borders: #4b5563;
--tw-prose-invert-td-borders: #374151;
font-size: inherit;
line-height: inherit }.prose :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top: 0;
margin-bottom: 0 }.prose :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top: 0.5em;
margin-bottom: 0.5em }.prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
padding-inline-start: 0.375em }.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
padding-inline-start: 0.375em }.prose :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top: 0.75em;
margin-bottom: 0.75em }.prose :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top: 1.25em }.prose :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-bottom: 1.25em }.prose :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top: 1.25em }.prose :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-bottom: 1.25em }.prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top: 0.75em;
margin-bottom: 0.75em }.prose :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top: 1.25em;
margin-bottom: 1.25em }.prose :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top: 0.5em;
padding-inline-start: 1.625em }.prose :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top: 0 }.prose :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top: 0 }.prose :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top: 0 }.prose :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top: 0 }.prose :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
padding-inline-start: 0 }.prose :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
padding-inline-end: 0 }.prose :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
padding-top: 0.5714286em;
padding-inline-end: 0.5714286em;
padding-bottom: 0.5714286em;
padding-inline-start: 0.5714286em }.prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
padding-inline-start: 0 }.prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
padding-inline-end: 0 }.prose :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top: 2em;
margin-bottom: 2em }.prose :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top: 0 }.prose :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-bottom: 0 }.prose :where(h1,h2,h3,h4,h5,h6):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
font-size: calc(28/1920*100rem);
font-weight: 700;
line-height: 1.25; }@media (min-width: 1200px) {.prose :where(h1,h2,h3,h4,h5,h6):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
font-size: calc(32/1920*100rem) } }.prose :where(*):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin: clamp(20px, calc(24/1920*100rem), calc(24/1920*100rem)) 0 }.prose :where(.prose > *:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top: 0 }.prose :where(.prose > *:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-bottom: 0 }.prose :where(div):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin: clamp(20px, calc(24/1920*100rem), calc(24/1920*100rem)) 0 }.prose {
margin: 0 }.prose-space-y-3 :where(*):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin: clamp(12px, calc(12/1920*100rem), calc(12/1920*100rem)) 0 }.prose-space-y-3 :where(div):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin: clamp(12px, calc(12/1920*100rem), calc(12/1920*100rem)) 0 }.prose-space-y-3 :where(.prose-space-y-3 > *:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top: 0 }.prose-space-y-3 :where(.prose-space-y-3 > *:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-bottom: 0 }.prose-space-y-4 :where(*):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin: clamp(16px, calc(16/1920*100rem), calc(16/1920*100rem)) 0 }.prose-space-y-4 :where(div):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin: clamp(16px, calc(16/1920*100rem), calc(16/1920*100rem)) 0 }.prose-space-y-4 :where(.prose-space-y-4 > *:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top: 0 }.prose-space-y-4 :where(.prose-space-y-4 > *:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-bottom: 0 }.prose-space-y-4 :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) li {
margin: clamp(5px, calc(5/1920*100rem), calc(5/1920*100rem)) 0 }.prose-space-y-5 :where(*):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin: clamp(20px, calc(20/1920*100rem), calc(20/1920*100rem)) 0 }.prose-space-y-5 :where(div):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin: clamp(20px, calc(20/1920*100rem), calc(20/1920*100rem)) 0 }.prose-space-y-5 :where(.prose-space-y-5 > *:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top: 0 }.prose-space-y-5 :where(.prose-space-y-5 > *:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-bottom: 0 }.prose-space-y-5 :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) li {
margin: clamp(16px, calc(16/1920*100rem), calc(16/1920*100rem)) 0 }.base-gap {
gap: 24px; }@media (min-width: 1200px) {.base-gap {
gap: calc(40/1920*100rem) } }.allow-touchMove {
cursor: grab }.body-14 {
font-size: clamp(14px, calc(14/1920*100rem), calc(14/1920*100rem));
line-height: 1.28571 }.body-16 {
font-size: clamp(16px, calc(16/1920*100rem), calc(16/1920*100rem));
line-height: 1.5 }.body-18 {
font-size: clamp(16px, calc(18/1920*100rem), calc(18/1920*100rem));
line-height: 1.44444 }.subheader-20 {
font-size: clamp(20px, calc(20/1920*100rem), calc(20/1920*100rem));
line-height: 1.4 }.subheader-24 {
font-size: clamp(20px, calc(24/1920*100rem), calc(24/1920*100rem));
line-height: 1.25 }.header-32 {
font-size: calc(32/1920*100rem);
line-height: 1.25 }.header-48 {
font-size: calc(48/1920*100rem);
line-height: 1.16667 }*,
*::before,
*::after {
box-sizing: border-box; }*::-webkit-scrollbar-track {
background-color: rgb(255 255 255 / 0.5) }*::-webkit-scrollbar-thumb {
border-radius: clamp(2px, calc(2/1920*100rem), calc(2/1920*100rem));
border-radius: 0px;
--tw-bg-opacity: 1;
background-color: rgb(177 127 44 / var(--tw-bg-opacity, 1)) }*:focus-within, *:focus-visible {
outline-width: 0px }html {
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
--padding-left: calc(15/1920*100rem);
--padding-right: calc(15/1920*100rem); }@media (min-width: 1200px) {
html {
--padding-left: calc(100/1920*100rem);
--padding-right: calc(100/1920*100rem); } }body {
font-optical-sizing: auto;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
font-family: Inter Tight;
--tw-text-opacity: 1;
color: rgb(41 41 41 / var(--tw-text-opacity, 1));
font-size: clamp(16px, calc(16/1920*100rem), calc(16/1920*100rem));
line-height: 1.5;
font-weight: 400 }body .overflow-auto::-webkit-scrollbar, body .overflow-y-auto::-webkit-scrollbar {
width: clamp(2px, calc(2/1920*100rem), calc(2/1920*100rem));
height: clamp(2px, calc(2/1920*100rem), calc(2/1920*100rem)); }img {
display: inline; }::-moz-range-track {
background: black;
border: 0; }input::-moz-focus-inner,
input::-moz-focus-outer {
border: 0; }.pointer-events-none {
pointer-events: none }.fixed {
position: fixed }.absolute {
position: absolute }.relative {
position: relative }.sticky {
position: sticky }.inset-0 {
inset: 0 }.bottom-0 {
bottom: 0 }.left-0 {
left: 0 }.left-1\/2 {
left: 50% }.right-0 {
right: 0 }.top-0 {
top: 0 }.top-1\/2 {
top: 50% }.top-full {
top: 100% }.isolate {
isolation: isolate }.z-1 {
z-index: 1 }.z-2 {
z-index: 2 }.z-3 {
z-index: 3 }.z-\[100\] {
z-index: 100 }.z-\[150\] {
z-index: 150 }.col-span-full {
grid-column: 1 / -1 }.mx-auto {
margin-left: auto;
margin-right: auto }.\!mb-0 {
margin-bottom: 0 !important }.-mt-3 {
margin-top: calc(clamp(12px, calc(12/1920*100rem), calc(12/1920*100rem)) * -1) }.mb-3 {
margin-bottom: clamp(12px, calc(12/1920*100rem), calc(12/1920*100rem)) }.mb-8 {
margin-bottom: clamp(32px, calc(32/1920*100rem), calc(32/1920*100rem)) }.ml-5 {
margin-left: clamp(20px, calc(20/1920*100rem), calc(20/1920*100rem)) }.ml-auto {
margin-left: auto }.mr-auto {
margin-right: auto }.mt-1 {
margin-top: clamp(4px, calc(4/1920*100rem), calc(4/1920*100rem)) }.mt-10 {
margin-top: clamp(40px, calc(40/1920*100rem), calc(40/1920*100rem)) }.mt-2 {
margin-top: clamp(8px, calc(8/1920*100rem), calc(8/1920*100rem)) }.mt-3 {
margin-top: clamp(12px, calc(12/1920*100rem), calc(12/1920*100rem)) }.mt-4 {
margin-top: clamp(16px, calc(16/1920*100rem), calc(16/1920*100rem)) }.mt-5 {
margin-top: clamp(20px, calc(20/1920*100rem), calc(20/1920*100rem)) }.mt-6 {
margin-top: clamp(24px, calc(24/1920*100rem), calc(24/1920*100rem)) }.mt-8 {
margin-top: clamp(32px, calc(32/1920*100rem), calc(32/1920*100rem)) }.line-clamp-1 {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1 }.line-clamp-2 {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2 }.line-clamp-3 {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3 }.line-clamp-4 {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4 }.line-clamp-5 {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5 }.line-clamp-\[11\] {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 11 }.block {
display: block }.inline {
display: inline }.\!flex {
display: flex !important }.flex {
display: flex }.grid {
display: grid }.hidden {
display: none }.size-10 {
width: clamp(40px, calc(40/1920*100rem), calc(40/1920*100rem));
height: clamp(40px, calc(40/1920*100rem), calc(40/1920*100rem)) }.size-6 {
width: clamp(24px, calc(24/1920*100rem), calc(24/1920*100rem));
height: clamp(24px, calc(24/1920*100rem), calc(24/1920*100rem)) }.size-full {
width: 100%;
height: 100% }.h-0 {
height: 0 }.h-1px {
height: clamp(1px, calc(1/1920*100rem), calc(1/1920*100rem)) }.h-full {
height: 100% }.w-\[calc\(330\/680\*100\%\)\] {
width: calc(330 / 680 * 100%) }.w-\[calc\(552\/680\*100\%\)\] {
width: calc(552 / 680 * 100%) }.w-fit {
width: -moz-fit-content;
width: fit-content }.w-full {
width: 100% }.max-w-\[calc\(666\/680\*100\%\)\] {
max-width: calc(666 / 680 * 100%) }.flex-1 {
flex: 1 1 0% }.-translate-x-1\/2 {
--tw-translate-x: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) }.-translate-y-1\/2 {
--tw-translate-y: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) }.cursor-pointer {
cursor: pointer }.select-none {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none }.resize {
resize: both }.grid-cols-12 {
grid-template-columns: repeat(12, minmax(0, 1fr)) }.grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr)) }.grid-cols-\[calc\(100\/360\*100\%\)_1fr\] {
grid-template-columns: calc(100 / 360 * 100%) 1fr }.grid-cols-\[calc\(240\/680\*100\%\)_1fr\] {
grid-template-columns: calc(240 / 680 * 100%) 1fr }.flex-col {
flex-direction: column }.flex-wrap {
flex-wrap: wrap }.\!items-start {
align-items: flex-start !important }.items-end {
align-items: flex-end }.items-center {
align-items: center }.\!items-baseline {
align-items: baseline !important }.justify-end {
justify-content: flex-end }.justify-center {
justify-content: center }.justify-between {
justify-content: space-between }.gap-2 {
gap: clamp(8px, calc(8/1920*100rem), calc(8/1920*100rem)) }.gap-3 {
gap: clamp(12px, calc(12/1920*100rem), calc(12/1920*100rem)) }.gap-4 {
gap: clamp(16px, calc(16/1920*100rem), calc(16/1920*100rem)) }.gap-5 {
gap: clamp(20px, calc(20/1920*100rem), calc(20/1920*100rem)) }.gap-6 {
gap: clamp(24px, calc(24/1920*100rem), calc(24/1920*100rem)) }.\!gap-y-3 {
row-gap: clamp(12px, calc(12/1920*100rem), calc(12/1920*100rem)) !important }.gap-x-4 {
-moz-column-gap: clamp(16px, calc(16/1920*100rem), calc(16/1920*100rem));
column-gap: clamp(16px, calc(16/1920*100rem), calc(16/1920*100rem)) }.gap-y-2 {
row-gap: clamp(8px, calc(8/1920*100rem), calc(8/1920*100rem)) }.gap-y-3 {
row-gap: clamp(12px, calc(12/1920*100rem), calc(12/1920*100rem)) }.gap-y-8 {
row-gap: clamp(32px, calc(32/1920*100rem), calc(32/1920*100rem)) }.space-y-3 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(clamp(12px, calc(12/1920*100rem), calc(12/1920*100rem)) * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(clamp(12px, calc(12/1920*100rem), calc(12/1920*100rem)) * var(--tw-space-y-reverse)) }.space-y-4 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(clamp(16px, calc(16/1920*100rem), calc(16/1920*100rem)) * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(clamp(16px, calc(16/1920*100rem), calc(16/1920*100rem)) * var(--tw-space-y-reverse)) }.space-y-6 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(clamp(24px, calc(24/1920*100rem), calc(24/1920*100rem)) * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(clamp(24px, calc(24/1920*100rem), calc(24/1920*100rem)) * var(--tw-space-y-reverse)) }.self-end {
align-self: flex-end }.self-center {
align-self: center }.overflow-auto {
overflow: auto }.overflow-hidden {
overflow: hidden }.rounded-4 {
border-radius: clamp(16px, calc(16/1920*100rem), calc(16/1920*100rem)) }.rounded-4px {
border-radius: clamp(4px, calc(4/1920*100rem), calc(4/1920*100rem)) }.rounded-6 {
border-radius: clamp(24px, calc(24/1920*100rem), calc(24/1920*100rem)) }.border {
border-width: 1px }.border-b {
border-bottom-width: 1px }.border-t {
border-top-width: 1px }.border-t-2 {
border-top-width: clamp(2px,calc(2/1920*100rem),calc(2/1920*100rem)) }.border-dashed {
border-style: dashed }.border-neutral-100 {
--tw-border-opacity: 1;
border-color: rgb(239 239 239 / var(--tw-border-opacity, 1)) }.border-neutral-200 {
--tw-border-opacity: 1;
border-color: rgb(220 220 220 / var(--tw-border-opacity, 1)) }.border-neutral-300 {
--tw-border-opacity: 1;
border-color: rgb(189 189 189 / var(--tw-border-opacity, 1)) }.border-neutral-400 {
--tw-border-opacity: 1;
border-color: rgb(152 152 152 / var(--tw-border-opacity, 1)) }.border-neutral-700 {
--tw-border-opacity: 1;
border-color: rgb(82 82 82 / var(--tw-border-opacity, 1)) }.bg-black {
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)) }.bg-neutral-50 {
--tw-bg-opacity: 1;
background-color: rgb(246 246 246 / var(--tw-bg-opacity, 1)) }.bg-neutral-900 {
--tw-bg-opacity: 1;
background-color: rgb(61 61 61 / var(--tw-bg-opacity, 1)) }.bg-neutral-950 {
--tw-bg-opacity: 1;
background-color: rgb(41 41 41 / var(--tw-bg-opacity, 1)) }.bg-primary-1 {
--tw-bg-opacity: 1;
background-color: rgb(177 127 44 / var(--tw-bg-opacity, 1)) }.bg-white {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) }.bg-white\/80 {
background-color: rgb(255 255 255 / 0.8) }.p-4 {
padding: clamp(16px, calc(16/1920*100rem), calc(16/1920*100rem)) }.px-2 {
padding-left: clamp(8px, calc(8/1920*100rem), calc(8/1920*100rem));
padding-right: clamp(8px, calc(8/1920*100rem), calc(8/1920*100rem)) }.px-3 {
padding-left: clamp(12px, calc(12/1920*100rem), calc(12/1920*100rem));
padding-right: clamp(12px, calc(12/1920*100rem), calc(12/1920*100rem)) }.px-4 {
padding-left: clamp(16px, calc(16/1920*100rem), calc(16/1920*100rem));
padding-right: clamp(16px, calc(16/1920*100rem), calc(16/1920*100rem)) }.px-6 {
padding-left: clamp(24px, calc(24/1920*100rem), calc(24/1920*100rem));
padding-right: clamp(24px, calc(24/1920*100rem), calc(24/1920*100rem)) }.py-1 {
padding-top: clamp(4px, calc(4/1920*100rem), calc(4/1920*100rem));
padding-bottom: clamp(4px, calc(4/1920*100rem), calc(4/1920*100rem)) }.py-10 {
padding-top: clamp(40px, calc(40/1920*100rem), calc(40/1920*100rem));
padding-bottom: clamp(40px, calc(40/1920*100rem), calc(40/1920*100rem)) }.py-2 {
padding-top: clamp(8px, calc(8/1920*100rem), calc(8/1920*100rem));
padding-bottom: clamp(8px, calc(8/1920*100rem), calc(8/1920*100rem)) }.py-3 {
padding-top: clamp(12px, calc(12/1920*100rem), calc(12/1920*100rem));
padding-bottom: clamp(12px, calc(12/1920*100rem), calc(12/1920*100rem)) }.py-4 {
padding-top: clamp(16px, calc(16/1920*100rem), calc(16/1920*100rem));
padding-bottom: clamp(16px, calc(16/1920*100rem), calc(16/1920*100rem)) }.py-5 {
padding-top: clamp(20px, calc(20/1920*100rem), calc(20/1920*100rem));
padding-bottom: clamp(20px, calc(20/1920*100rem), calc(20/1920*100rem)) }.py-6 {
padding-top: clamp(24px, calc(24/1920*100rem), calc(24/1920*100rem));
padding-bottom: clamp(24px, calc(24/1920*100rem), calc(24/1920*100rem)) }.pb-0 {
padding-bottom: 0 }.pb-3 {
padding-bottom: clamp(12px, calc(12/1920*100rem), calc(12/1920*100rem)) }.pb-4 {
padding-bottom: clamp(16px, calc(16/1920*100rem), calc(16/1920*100rem)) }.pb-6 {
padding-bottom: clamp(24px, calc(24/1920*100rem), calc(24/1920*100rem)) }.pb-8 {
padding-bottom: clamp(32px, calc(32/1920*100rem), calc(32/1920*100rem)) }.pr-2 {
padding-right: clamp(8px, calc(8/1920*100rem), calc(8/1920*100rem)) }.pt-0 {
padding-top: 0 }.pt-3 {
padding-top: clamp(12px, calc(12/1920*100rem), calc(12/1920*100rem)) }.pt-4 {
padding-top: clamp(16px, calc(16/1920*100rem), calc(16/1920*100rem)) }.pt-5 {
padding-top: clamp(20px, calc(20/1920*100rem), calc(20/1920*100rem)) }.pt-6 {
padding-top: clamp(24px, calc(24/1920*100rem), calc(24/1920*100rem)) }.pt-8 {
padding-top: clamp(32px, calc(32/1920*100rem), calc(32/1920*100rem)) }.pt-\[calc\(644\/680\*100\%\)\] {
padding-top: calc(644 / 680 * 100%) }.text-center {
text-align: center }.text-justify {
text-align: justify }.text-\[18px\] {
font-size: 18px }.text-\[32px\] {
font-size: 32px }.text-\[36px\] {
font-size: 36px }.font-black {
font-weight: 900 }.font-bold {
font-weight: 700 }.font-medium {
font-weight: 500 }.font-normal {
font-weight: 400 }.font-semibold {
font-weight: 600 }.leading-\[1\.25\] {
line-height: 1.25 }.text-\[\#F3890D\] {
--tw-text-opacity: 1;
color: rgb(243 137 13 / var(--tw-text-opacity, 1)) }.text-black {
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity, 1)) }.text-neutral-500 {
--tw-text-opacity: 1;
color: rgb(129 129 129 / var(--tw-text-opacity, 1)) }.text-neutral-950 {
--tw-text-opacity: 1;
color: rgb(41 41 41 / var(--tw-text-opacity, 1)) }.text-primary-1 {
--tw-text-opacity: 1;
color: rgb(177 127 44 / var(--tw-text-opacity, 1)) }.text-white {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1)) }.text-white\/50 {
color: rgb(255 255 255 / 0.5) }.underline {
text-decoration-line: underline }.opacity-0 {
opacity: 0 }.opacity-60 {
opacity: 0.6 }.shadow-light {
--tw-shadow: calc(4/1920*100rem) calc(4/1920*100rem) calc(32/1920*100rem) calc(16/1920*100rem) rgba(0,0,0,0.08);
--tw-shadow-colored: calc(4/1920*100rem) calc(4/1920*100rem) calc(32/1920*100rem) calc(16/1920*100rem) rgba(0,0,0,0.08);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) }.shadow-md {
--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) }.backdrop-blur-\[4px\] {
--tw-backdrop-blur: blur(4px);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) }.transition-all {
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms }.duration-300 {
transition-duration: 300ms }.duration-500 {
transition-duration: 500ms }.max-w-clamp-401px {
max-width: clamp(401px, calc(401/1920*100rem), calc(401/1920*100rem)) }.max-w-clamp-600px {
max-width: clamp(600px, calc(600/1920*100rem), calc(600/1920*100rem)) }.max-w-clamp-1440px {
max-width: clamp(1440px, calc(1440/1920*100rem), calc(1440/1920*100rem)) }.ratio-\[1\/1\] {
padding-top: 100% }.ratio-\[127\/680\] {
padding-top: 18.676470588235293% }.ratio-\[146\/240\] {
padding-top: 60.83333333333333% }.ratio-\[260\/392\] {
padding-top: 66.3265306122449% }.ratio-\[280\/440\] {
padding-top: 63.63636363636363% }.ratio-\[293\/440\] {
padding-top: 66.5909090909091% }.ratio-\[360\/920\] {
padding-top: 39.130434782608695% }.ratio-\[444\/330\] {
padding-top: 134.54545454545453% }.ratio-\[454\/680\] {
padding-top: 66.76470588235294% }.ratio-\[492\/552\] {
padding-top: 89.13043478260869% }.ratio-\[518\/680\] {
padding-top: 76.17647058823529% }.ratio-\[518\/920\] {
padding-top: 56.30434782608695% }.ratio-\[530\/452\] {
padding-top: 117.25663716814158% }.ratio-\[566\/401\] {
padding-top: 141.14713216957605% }.ratio-\[60\/100\] {
padding-top: 60% }.ratio-\[671\/666\] {
padding-top: 100.75075075075075% }.ratio-\[674\/988\] {
padding-top: 68.21862348178138% }.ratio-\[806\/820\] {
padding-top: 98.29268292682927% }
.contact .form-wrap {
margin-top: clamp(24px, calc(24/1920*100rem), calc(24/1920*100rem));
gap: 24px }
@media (min-width: 1200px) {.contact .form-wrap {
gap: calc(40/1920*100rem) } }
.contact .form-wrap {
display: grid }
@media (min-width: 768px) {.contact .form-wrap {
grid-template-columns: repeat(2, minmax(0, 1fr)) } }
.contact .form-wrap {
flex: 1 1 0% }
.contact .form-group {
margin-bottom: clamp(24px, calc(24/1920*100rem), calc(24/1920*100rem)) }
.contact .form-group:last-child {
margin-bottom: 0 }
.contact .form-group input, .contact .form-group textarea {
display: block;
width: 100%;
resize: none;
padding-top: clamp(8px, calc(8/1920*100rem), calc(8/1920*100rem));
padding-bottom: clamp(8px, calc(8/1920*100rem), calc(8/1920*100rem));
padding-left: clamp(20px, calc(20/1920*100rem), calc(20/1920*100rem));
padding-right: clamp(20px, calc(20/1920*100rem), calc(20/1920*100rem));
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(239 239 239 / var(--tw-border-opacity, 1));
--tw-bg-opacity: 1;
background-color: rgb(246 246 246 / var(--tw-bg-opacity, 1));
margin-top: clamp(8px, calc(8/1920*100rem), calc(8/1920*100rem)) }
.contact .form-group label {
font-size: clamp(16px, calc(16/1920*100rem), calc(16/1920*100rem));
line-height: 1.5 }
.contact .form-group label span {
--tw-text-opacity: 1;
color: rgb(255 0 0 / var(--tw-text-opacity, 1)) }
.contact .right .form-group {
display: flex;
height: 100%;
flex-direction: column }
.contact .right .form-group span {
margin-top: clamp(8px, calc(8/1920*100rem), calc(8/1920*100rem));
height: 100%;
flex: 1 1 0% }
.contact .right .form-group span textarea {
margin-top: 0 }
.contact .right .form-group textarea {
height: 100% }
@media (max-width: 767.98px) {
.contact .right .form-group textarea {
height: 160px } }
.contact .bottom {
grid-column: 1 / -1;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: clamp(12px, calc(12/1920*100rem), calc(12/1920*100rem)) }
.page-template-About .global-breadcrumb {
position: relative;
z-index: 2;
margin-bottom: calc(clamp(44px, calc(44/1920*100rem), calc(44/1920*100rem)) * -1);
background-color: transparent }
.page-template-About .global-breadcrumb .rank-math-breadcrumb {
color: rgb(255 255 255 / 0.6) }
.page-template-About .global-breadcrumb .rank-math-breadcrumb .separator::before {
color: rgb(255 255 255 / 0.6) }
.about {
min-height: 88.54166667vh; }
.about .description li::marker {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1)) }
.about .text-wrapper {
margin-bottom: -2.8125rem }
.scroller {
-webkit-mask: linear-gradient(90deg, transparent, white 10%, white 90%, transparent);
mask: linear-gradient(90deg, transparent, white 10%, white 90%, transparent);
white-space: nowrap }
.scroller-inner {
animation: 35s scroll infinite linear;
display: inline-block; }
.scroller-inner img {
margin-left: clamp(12px, calc(12/1920*100rem), calc(12/1920*100rem));
margin-right: clamp(12px, calc(12/1920*100rem), calc(12/1920*100rem));
-o-object-fit: contain;
object-fit: contain;
height: 5.520833333333334rem }
@keyframes scroll {
from {
transform: translateX(0); }
to {
transform: translateX(-100%); } }
.planing-question .description li + li {
margin-top: clamp(8px, calc(8/1920*100rem), calc(8/1920*100rem)) }
.planing-question .description li::marker {
--tw-text-opacity: 1;
color: rgb(177 127 44 / var(--tw-text-opacity, 1)) }
.form-wrapper::before {
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms }
.form-wrapper.is-initalize {
position: relative }
.form-wrapper.is-initalize::before {
content: '';
position: absolute;
inset: 0;
background-color: rgb(255 255 255 / 0.1);
z-index: 20;
border-radius: clamp(16px, calc(16/1920*100rem), calc(16/1920*100rem));
--tw-backdrop-blur: blur(12px);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms }
@media (min-width: 576px) {
footer .list-comment .swiper-slide + .swiper-slide::before {
content: '';
left: calc(calc(var(--mr) * -1/2));
height: 100%;
width: clamp(1px, calc(1/1920*100rem), calc(1/1920*100rem));
background-color: rgb(255 255 255 / 0.2);
position: absolute;
top: 0 } }
footer ul.menu {
display: flex;
align-items: center }
footer ul.menu a {
font-size: clamp(14px, calc(14/1920*100rem), calc(14/1920*100rem));
line-height: 1.28571 }
footer ul.menu li + li {
display: flex;
align-items: center }
footer ul.menu li + li::before {
content: '|';
margin-left: clamp(8px, calc(8/1920*100rem), calc(8/1920*100rem));
margin-right: clamp(8px, calc(8/1920*100rem), calc(8/1920*100rem)) }
@media (max-width: 1199.98px) {
footer .arrow-button {
margin-top: clamp(8px, calc(8/1920*100rem), calc(8/1920*100rem)) } }
body:not(.home) footer .top {
display: none }
header {
box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.1);
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms }
@media (min-width: 1200px) {
header {
animation: reveal-header 0.6s cubic-bezier(0.53, -0.22, 0.35, 1.16); } }
header .left-logo-overlay {
width: 190px;
--tw-bg-opacity: 1;
background-color: rgb(41 41 41 / var(--tw-bg-opacity, 1));
border-top-right-radius: 1.6666666666666667rem }
@media (min-width: 576px) {
header .left-logo-overlay {
width: 220px; } }
@media (min-width: 1024px) {
header .left-logo-overlay {
width: 28%; } }
@media (min-width: 1200px) {
header .left-logo-overlay {
width: calc(580/1920*100%); } }
header .col-left {
width: 100%;
max-width: 160px }
@media (min-width: 576px) {header .col-left {
max-width: 180px } }
@media (min-width: 1024px) {header .col-left {
max-width: calc(320 / 1400 * 100%) } }
@media (min-width: 1200px) {header .col-left .logo {
padding-left: clamp(20px, calc(20/1920*100rem), calc(20/1920*100rem));
padding-right: clamp(20px, calc(20/1920*100rem), calc(20/1920*100rem)) } }
@media (min-width: 1440px) {
header .col-left .logo {
padding-left: calc(52/320*100%);
padding-right: calc(65/320*100%); } }
@media (max-width: 1199.98px) {
header .col-left .logo {
height: 100% } }
header .col-left a {
width: 100% }
@media (min-width: 1200px) {
header .col-left a {
position: relative;
display: block;
height: 0;
overflow: hidden;
padding-top: 22.6601%; }
header .col-left a img, header .col-left a iframe, header .col-left a video {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
-o-object-fit: contain;
object-fit: contain;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms } }
@media (max-width: 1199.98px) {
header .col-left a {
height: 100% }
header .col-left a img {
height: 100%;
width: auto;
-o-object-fit: contain;
object-fit: contain } }
header #burger.active i:nth-of-type(1) {
--tw-scale-x: .75;
--tw-scale-y: .75;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
opacity: 0 }
header #burger.active i:nth-of-type(2) {
opacity: 1 }
header .header-wrapper {
height: clamp(60px, calc(60/1920*100rem), calc(60/1920*100rem)) }
header .header-wrapper nav {
height: 100% }
header .header-wrapper nav a {
display: block;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
font-weight: 500;
font-size: clamp(13px, calc(16/1920*100rem), calc(16/1920*100rem)) }
header .header-wrapper nav li[class*='current'] > a::before, header .header-wrapper nav li[class*='current'] > .title > a::before, header .header-wrapper nav li:hover > a::before, header .header-wrapper nav li:hover > .title > a::before {
inset: 0;
--tw-bg-opacity: 1;
background-color: rgb(177 127 44 / var(--tw-bg-opacity, 1)) }
header .header-wrapper nav > ul {
height: 100%;
display: flex;
gap: clamp(8px, calc(8/1920*100rem), calc(8/1920*100rem)) }
@media (min-width: 1366px) {header .header-wrapper nav > ul {
gap: calc(16/1920*100rem) } }
header .header-wrapper nav > ul > li {
display: flex;
align-items: center }
header .header-wrapper nav > ul > li > a, header .header-wrapper nav > ul > li > .title > a {
text-transform: uppercase;
border-radius: 9999px;
padding-top: clamp(8px, calc(8/1920*100rem), calc(8/1920*100rem));
padding-bottom: clamp(8px, calc(8/1920*100rem), calc(8/1920*100rem));
padding-left: clamp(16px, calc(16/1920*100rem), calc(16/1920*100rem));
padding-right: clamp(16px, calc(16/1920*100rem), calc(16/1920*100rem));
position: relative;
z-index: 1 }
header .header-wrapper nav > ul > li > a::before, header .header-wrapper nav > ul > li > .title > a::before {
content: '';
position: absolute;
inset: clamp(4px, calc(4/1920*100rem), calc(4/1920*100rem));
z-index: -1;
border-radius: 9999px;
background-color: transparent;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms }
header .header-wrapper nav > ul > li > a, header .header-wrapper nav > ul > li > .title, header .header-wrapper nav > ul > li > .title > a {
display: flex;
align-items: center;
gap: clamp(8px, calc(8/1920*100rem), calc(8/1920*100rem)) }
header .header-wrapper nav > ul > li > .title i {
display: none }
header .header-wrapper nav > ul > li[class*='has-children'] {
position: relative }
header .header-wrapper nav > ul > li[class*='has-children'] > ul {
position: absolute;
top: 100%;
pointer-events: none;
opacity: 0;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
--tw-translate-y: clamp(12px, calc(12/1920*100rem), calc(12/1920*100rem));
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));
padding-top: clamp(4px, calc(4/1920*100rem), calc(4/1920*100rem));
padding-bottom: clamp(4px, calc(4/1920*100rem), calc(4/1920*100rem));
width: -moz-max-content;
width: max-content;
--tw-bg-opacity: 1;
background-color: rgb(61 61 61 / var(--tw-bg-opacity, 1));
--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) }
header .header-wrapper nav > ul > li[class*='has-children'] > ul a {
padding-left: clamp(24px, calc(24/1920*100rem), calc(24/1920*100rem));
padding-right: clamp(24px, calc(24/1920*100rem), calc(24/1920*100rem));
padding-top: clamp(12px, calc(12/1920*100rem), calc(12/1920*100rem));
padding-bottom: clamp(12px, calc(12/1920*100rem), calc(12/1920*100rem));
min-width: 210px }
header .header-wrapper nav > ul > li[class*='has-children'] > ul li + li {
margin-top: clamp(12px, calc(12/1920*100rem), calc(12/1920*100rem)) }
header .header-wrapper nav > ul > li[class*='has-children'] > ul li[class*='current'] a, header .header-wrapper nav > ul > li[class*='has-children'] > ul li:hover a {
--tw-bg-opacity: 1;
background-color: rgb(177 127 44 / var(--tw-bg-opacity, 1));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1)) }
header .header-wrapper nav > ul > li[class*='has-children']:hover > ul {
pointer-events: auto;
--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));
opacity: 1 }
@media (max-width: 1439.98px) {
header .header-wrapper .link-website .btn {
font-size: clamp(14px, calc(14/1920*100rem), calc(14/1920*100rem));
line-height: 1.28571 }
header .header-wrapper .link-website .btn span {
padding-left: clamp(8px, calc(8/1920*100rem), calc(8/1920*100rem));
padding-right: clamp(8px, calc(8/1920*100rem), calc(8/1920*100rem)) } }
header .language {
font-size: clamp(14px, calc(14/1920*100rem), calc(14/1920*100rem));
line-height: 1.28571 }
@media (min-width: 1200px) {header .language {
font-size: clamp(13px, calc(16/1920*100rem), calc(16/1920*100rem)) } }
header .language:hover .hover-language {
pointer-events: auto;
opacity: 1 }
header .language .wpml-ls {
border-width: 0px;
padding: 0;
padding-left: 0;
padding-right: 0 }
header .language .wpml-ls li a {
margin: 0;
display: block;
padding: 0;
padding-left: 0;
padding-right: 0;
font-weight: 500;
text-transform: uppercase }
header .language i {
display: none }
header .language .active-language {
display: flex;
align-items: center;
gap: clamp(4px, calc(4/1920*100rem), calc(4/1920*100rem)) }
header .language .active-language ul {
display: flex;
align-items: center }
header .language .active-language i:first-child {
margin-right: clamp(4px, calc(4/1920*100rem), calc(4/1920*100rem)) }
header .language .active-language li a {
border-bottom-width: 1px;
border-bottom-color: transparent;
padding-bottom: clamp(4px, calc(4/1920*100rem), calc(4/1920*100rem)) }
header .language .active-language li + li {
position: relative;
display: flex;
align-items: center }
header .language .active-language li + li::before {
content: '|';
position: static;
margin-left: clamp(4px, calc(4/1920*100rem), calc(4/1920*100rem));
margin-right: clamp(4px, calc(4/1920*100rem), calc(4/1920*100rem));
font-size: clamp(10px, calc(10/1920*100rem), calc(10/1920*100rem)) }
header .language .active-language li[class*="current"] a {
--tw-border-opacity: 1;
border-bottom-color: rgb(177 127 44 / var(--tw-border-opacity, 1)) }
header .language .hover-language {
display: none }
@media (max-width: 1199.98px) {
header .search {
display: flex;
width: clamp(40px, calc(40/1920*100rem), calc(40/1920*100rem));
height: clamp(40px, calc(40/1920*100rem), calc(40/1920*100rem));
align-items: center;
justify-content: center }
header .search i {
display: flex;
width: 100%;
height: 100%;
align-items: center;
justify-content: center } }
header .search-overlay.active {
pointer-events: auto;
opacity: 1 }
header .searchbox input {
width: 100%;
flex: 1 1 0%;
font-weight: 500 }
header .searchbox input::-moz-placeholder {
font-weight: 400;
--tw-text-opacity: 1;
color: rgb(152 152 152 / var(--tw-text-opacity, 1)) }
header .searchbox input::placeholder {
font-weight: 400;
--tw-text-opacity: 1;
color: rgb(152 152 152 / var(--tw-text-opacity, 1)) }
header .searchbox input {
background-color: transparent;
padding-top: clamp(12px, calc(12/1920*100rem), calc(12/1920*100rem));
padding-bottom: clamp(12px, calc(12/1920*100rem), calc(12/1920*100rem));
padding-left: clamp(16px, calc(16/1920*100rem), calc(16/1920*100rem));
padding-right: clamp(16px, calc(16/1920*100rem), calc(16/1920*100rem));
font-size: clamp(16px, calc(16/1920*100rem), calc(16/1920*100rem));
line-height: 1.5;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1)) }
@media (min-width: 1200px) {header .searchbox input {
font-size: clamp(14px, calc(14/1920*100rem), calc(14/1920*100rem));
line-height: 1.28571 } }
header .nav-mobile {
transition: all 0.7s cubic-bezier(0.53, -0.22, 0.35, 1.16);
max-height: calc(100dvh - var(--header-height));
max-width: calc(100% - 16px);
height: auto }
body header .nav-mobile::-webkit-scrollbar {
width: clamp(2px, calc(2/1920*100rem), calc(2/1920*100rem));
height: clamp(2px, calc(2/1920*100rem), calc(2/1920*100rem)); }
header .nav-mobile {
top: clamp(68px, calc(68/1920*100rem), calc(68/1920*100rem));
overflow: auto;
left: 50%;
--tw-translate-x: -50%;
pointer-events: none;
opacity: 0;
background-color: transparent;
--tw-translate-y: clamp(8px, calc(8/1920*100rem), calc(8/1920*100rem));
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)) }
header .nav-mobile .nav-wrapper {
border-radius: clamp(4px, calc(4/1920*100rem), calc(4/1920*100rem));
--tw-bg-opacity: 1;
background-color: rgb(70 70 70 / var(--tw-bg-opacity, 1)) }
header .nav-mobile.active {
pointer-events: auto;
opacity: 1;
--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)) }
header .nav-mobile #autoClone-HeaderMainMenu {
width: 100% }
@media (min-width: 576px) {header .nav-mobile .link-website {
margin-left: auto;
margin-right: auto;
width: -moz-fit-content;
width: fit-content } }
@media (max-width: 575.98px) {
header .nav-mobile .link-website .btn {
width: 100% }
header .nav-mobile .link-website .btn span {
flex: 1 1 0% } }
header .nav-mobile .link-website .link-website-list {
pointer-events: auto;
position: static;
opacity: 1;
display: none;
transition-property: none }
body header .nav-mobile nav::-webkit-scrollbar {
width: clamp(2px, calc(2/1920*100rem), calc(2/1920*100rem));
height: clamp(2px, calc(2/1920*100rem), calc(2/1920*100rem)); }
header .nav-mobile nav {
margin-right: calc(clamp(16px, calc(16/1920*100rem), calc(16/1920*100rem)) * -1);
overflow: auto;
padding-right: clamp(16px, calc(16/1920*100rem), calc(16/1920*100rem));
display: flex;
height: 100%;
flex: 1 1 0%;
flex-direction: column }
header .nav-mobile nav i {
display: flex;
height: clamp(32px, calc(32/1920*100rem), calc(32/1920*100rem));
width: clamp(32px, calc(32/1920*100rem), calc(32/1920*100rem));
align-items: center;
justify-content: center;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 500ms }
header .nav-mobile nav .title, header .nav-mobile nav a {
display: flex }
header .nav-mobile nav .title {
align-items: center;
justify-content: space-between;
gap: clamp(8px, calc(8/1920*100rem), calc(8/1920*100rem)) }
header .nav-mobile nav .title > a {
flex: 1 1 0% }
header .nav-mobile nav a {
font-size: 20px; }
header .nav-mobile nav .sub-link {
padding-top: clamp(8px, calc(8/1920*100rem), calc(8/1920*100rem));
padding-bottom: clamp(8px, calc(8/1920*100rem), calc(8/1920*100rem)) }
header .nav-mobile nav > ul > li {
border-bottom-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(220 220 220 / var(--tw-border-opacity, 1)) }
header .nav-mobile nav > ul > li:last-child {
border-bottom-width: 0px }
header .nav-mobile nav > ul > li + li {
margin-top: clamp(4px, calc(4/1920*100rem), calc(4/1920*100rem)) }
header .nav-mobile nav > ul > li > a, header .nav-mobile nav > ul > li > .title > a {
padding-top: clamp(8px, calc(8/1920*100rem), calc(8/1920*100rem));
padding-bottom: clamp(8px, calc(8/1920*100rem), calc(8/1920*100rem));
font-weight: 500 }
header .nav-mobile nav > ul > li[class*='has-children'] {
position: relative }
header .nav-mobile nav > ul > li[class*='toggle-dropdown'] > .title > i, header .nav-mobile nav > ul > li[class*='toggle-dropdown'] > .title > a {
--tw-text-opacity: 1;
color: rgb(177 127 44 / var(--tw-text-opacity, 1)) }
header .nav-mobile nav > ul > li[class*='toggle-dropdown'] > .title > 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)) }
header .nav-mobile nav > ul > li[class*='current'] > a, header .nav-mobile nav > ul > li[class*='current'] > .title > a {
font-weight: 600 }
header .nav-mobile nav > ul > li > ul {
border-radius: 0.625rem;
--tw-bg-opacity: 1;
background-color: rgb(61 61 61 / var(--tw-bg-opacity, 1));
display: none;
margin-top: clamp(8px, calc(8/1920*100rem), calc(8/1920*100rem));
margin-bottom: clamp(8px, calc(8/1920*100rem), calc(8/1920*100rem));
padding-top: clamp(12px, calc(12/1920*100rem), calc(12/1920*100rem));
padding-bottom: clamp(12px, calc(12/1920*100rem), calc(12/1920*100rem)) }
header .nav-mobile nav > ul > li > ul a {
font-size: 16px;
font-weight: 500;
padding-left: clamp(16px, calc(16/1920*100rem), calc(16/1920*100rem));
padding-right: clamp(16px, calc(16/1920*100rem), calc(16/1920*100rem));
padding-top: clamp(8px, calc(8/1920*100rem), calc(8/1920*100rem));
padding-bottom: clamp(8px, calc(8/1920*100rem), calc(8/1920*100rem)) }
header .nav-mobile nav > ul > li > ul li:hover > a, header .nav-mobile nav > ul > li > ul li[class*='current'] > a {
--tw-text-opacity: 1;
color: rgb(177 127 44 / var(--tw-text-opacity, 1)) }
header .nav-mobile #autoClone-HeaderInfo {
margin-top: clamp(8px, calc(8/1920*100rem), calc(8/1920*100rem));
margin-bottom: clamp(8px, calc(8/1920*100rem), calc(8/1920*100rem));
text-align: right }
header #autoCloneHere-HeaderMainMenu {
flex: none }
.main-banner .swiper-slide {
min-height: 55.20833333vh;
display: flex;
align-items: flex-end;
overflow: hidden }
.main-banner .backdrop-overlay {
width: calc(920/452*100%); }
.main-banner .image-wrapper {
max-width: 70%;
margin-left: auto }
@media (max-width: 1023.98px) {.main-banner .image-wrapper {
margin-right: auto } }
@media (min-width: 1200px) {
.main-banner .image-wrapper {
max-width: calc(452/800*100%); } }
.main-banner .steps .step-item::before {
content: '';
background-image: url(../img/banner/arrow-next.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
height: calc(12/1920*100rem);
width: calc(32/1920*100rem);
position: absolute;
pointer-events: none;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 500ms }
.main-banner .steps .step-item:nth-of-type(4n+1)::before, .main-banner .steps .step-item:nth-of-type(4n+3)::before {
left: 100%;
--tw-translate-x: calc(clamp(8px, calc(8/1920*100rem), calc(8/1920*100rem)) * -1);
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
opacity: 0;
transition-delay: calc(var(--delay-duration) * 1.25ms) }
.main-banner .steps .step-item:nth-of-type(4n+1).active::before, .main-banner .steps .step-item:nth-of-type(4n+3).active::before {
--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));
opacity: 1 }
.main-banner .steps .step-item:nth-of-type(4n+2)::before, .main-banner .steps .step-item:nth-of-type(4n+4)::before {
top: calc(100% + calc(5/1920*100rem));
background-image: url(../img/banner/arrow-next-down.svg);
right: 100%;
--tw-scale-x: 2.2;
--tw-scale-y: 2.2;
opacity: 0;
transition-delay: calc(var(--delay-duration) * 1.5ms);
--tw-translate-y: calc(clamp(8px, calc(8/1920*100rem), calc(8/1920*100rem)) * -1);
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) }
.main-banner .steps .step-item:nth-of-type(4n+2).active::before, .main-banner .steps .step-item:nth-of-type(4n+4).active::before {
opacity: 1;
--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)) }
.main-banner .steps .step-item:last-child::before {
display: none }
.main-banner .item-delay {
opacity: 0;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 500ms }
.main-banner .item-delay.active {
opacity: 1 }
.main-banner .item-button {
--tw-translate-x: calc(clamp(12px, calc(12/1920*100rem), calc(12/1920*100rem)) * -1);
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) }
.main-banner .item-button.active {
--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)) }
.page-banner {
min-height: 250px }
@media (min-width: 768px) {.page-banner {
min-height: 28.125rem } }
.page-banner.no-image {
min-height: 0;
--tw-bg-opacity: 1;
background-color: rgb(177 127 44 / var(--tw-bg-opacity, 1)) }
.global-breadcrumb {
padding-left: clamp(16px, calc(16/1920*100rem), calc(16/1920*100rem));
padding-right: clamp(16px, calc(16/1920*100rem), calc(16/1920*100rem));
font-size: clamp(14px, calc(14/1920*100rem), calc(14/1920*100rem));
line-height: 1.28571;
--tw-text-opacity: 1;
color: rgb(41 41 41 / var(--tw-text-opacity, 1));
display: flex;
align-items: center;
min-height: clamp(44px, calc(44/1920*100rem), calc(44/1920*100rem));
background-color: transparent;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) }
.global-breadcrumb .rank-math-breadcrumb p {
font-feature-settings: 'clig' off, 'liga' off;
font-weight: 400;
display: flex;
flex-wrap: wrap;
align-items: center;
font-size: clamp(16px, calc(16/1920*100rem), calc(16/1920*100rem));
line-height: 1.5;
-moz-column-gap: 0;
column-gap: 0 }
.global-breadcrumb .rank-math-breadcrumb p .separator {
padding-top: 0;
padding-bottom: 0;
display: flex;
align-items: center;
background-color: transparent;
position: relative;
font-size: 0 }
.global-breadcrumb .rank-math-breadcrumb p .separator::before {
content: "|";
position: static;
margin-left: clamp(8px, calc(8/1920*100rem), calc(8/1920*100rem));
margin-right: clamp(8px, calc(8/1920*100rem), calc(8/1920*100rem));
font-size: clamp(16px, calc(16/1920*100rem), calc(16/1920*100rem));
line-height: 1.5;
font-weight: 400;
color: rgb(41 41 41 / 0.6) }
.global-breadcrumb .rank-math-breadcrumb p a {
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms }
.global-breadcrumb .rank-math-breadcrumb p a:hover {
--tw-text-opacity: 1;
color: rgb(177 127 44 / var(--tw-text-opacity, 1)) }
.news-detail article img {
width: 100% }
.services-detail .description::-webkit-scrollbar-track {
background-color: #D9D9D9; }
.services-list {
min-height: calc(806/960*100vh); }
@media (min-width: 576px) {.sm\:subheader-20 {
font-size: clamp(20px, calc(20/1920*100rem), calc(20/1920*100rem));
line-height: 1.4 }.sm\:header-64 {
font-size: calc(64/1920*100rem);
line-height: 1.25 } }
@media (min-width: 768px) {.md\:subheader-20 {
font-size: clamp(20px, calc(20/1920*100rem), calc(20/1920*100rem));
line-height: 1.4 }.md\:subheader-24 {
font-size: clamp(20px, calc(24/1920*100rem), calc(24/1920*100rem));
line-height: 1.25 } }
.\[\&_i\]\:label-12 i {
font-size: clamp(12px, calc(12/1920*100rem), calc(12/1920*100rem));
line-height: 1.33333;
letter-spacing: calc(0.48/1920*100rem) }
.before\:absolute::before {
content: var(--tw-content);
position: absolute }
.before\:inset-0::before {
content: var(--tw-content);
inset: 0 }
.before\:-z-1::before {
content: var(--tw-content);
z-index: -1 }
.before\:bg-linear-banner::before {
content: var(--tw-content);
background-image: linear-gradient(270deg, rgba(41, 41, 41, 0.00) 0%, rgba(41, 41, 41, 0.90) 41%, #292929 66.03%) }
.after\:mx-2::after {
content: var(--tw-content);
margin-left: clamp(8px, calc(8/1920*100rem), calc(8/1920*100rem));
margin-right: clamp(8px, calc(8/1920*100rem), calc(8/1920*100rem)) }
.after\:block::after {
content: var(--tw-content);
display: block }
.after\:w-1px::after {
content: var(--tw-content);
width: clamp(1px, calc(1/1920*100rem), calc(1/1920*100rem)) }
.after\:bg-neutral-200::after {
content: var(--tw-content);
--tw-bg-opacity: 1;
background-color: rgb(220 220 220 / var(--tw-bg-opacity, 1)) }
.last\:border-b-0:last-child {
border-bottom-width: 0px }
.group\/item:first-child .group-first\/item\:pt-0 {
padding-top: 0 }
.group:hover .group-hover\:text-black {
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity, 1)) }
.group:hover .group-hover\:text-primary-1 {
--tw-text-opacity: 1;
color: rgb(177 127 44 / var(--tw-text-opacity, 1)) }
.group:hover .group-hover\:underline {
text-decoration-line: underline }
.rem\:mt-10 {
margin-top: calc(40/1920*100rem) }
.rem\:mt-12 {
margin-top: calc(48/1920*100rem) }
.rem\:mt-6 {
margin-top: calc(24/1920*100rem) }
.rem\:mt-8 {
margin-top: calc(32/1920*100rem) }
.rem\:min-h-\[400px\] {
min-height: 20.833333333333336rem }
.rem\:min-h-\[64px\] {
min-height: 3.3333333333333335rem }
.rem\:w-\[100px\] {
width: 5.208333333333334rem }
.rem\:w-\[60px\] {
width: 3.125rem }
.rem\:gap-x-8 {
-moz-column-gap: calc(32/1920*100rem);
column-gap: calc(32/1920*100rem) }
.rem\:gap-y-6 {
row-gap: calc(24/1920*100rem) }
.rem\:space-y-16 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(calc(64/1920*100rem) * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(calc(64/1920*100rem) * var(--tw-space-y-reverse)) }
.rem\:space-y-8 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(calc(32/1920*100rem) * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(calc(32/1920*100rem) * var(--tw-space-y-reverse)) }
.rem\:pb-20 {
padding-bottom: calc(80/1920*100rem) }
.rem\:text-\[24px\] {
font-size: 1.25rem }
.clamp\:ml-\[38px\] {
margin-left: clamp(38px, calc(38/1920*100rem), calc(38/1920*100rem)) }
.clamp\:mt-\[-7px\] {
margin-top: clamp(-7px, calc(-7/1920*100rem), calc(-7/1920*100rem)) }
.clamp\:mt-\[6px\] {
margin-top: clamp(6px, calc(6/1920*100rem), calc(6/1920*100rem)) }
.clamp\:h-\[320px\] {
height: clamp(320px, calc(320/1920*100rem), calc(320/1920*100rem)) }
.clamp\:py-\[11px\] {
padding-top: clamp(11px, calc(11/1920*100rem), calc(11/1920*100rem));
padding-bottom: clamp(11px, calc(11/1920*100rem), calc(11/1920*100rem)) }
.clamp\:text-\[18px\] {
font-size: clamp(18px, calc(18/1920*100rem), calc(18/1920*100rem)) }
.after\:clamp\:h-\[10px\]::after {
content: var(--tw-content);
height: clamp(10px, calc(10/1920*100rem), calc(10/1920*100rem)) }
@media (min-width: 576px) {.sm\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr)) }.sm\:gap-5 {
gap: clamp(20px, calc(20/1920*100rem), calc(20/1920*100rem)) }.sm\:px-4 {
padding-left: clamp(16px, calc(16/1920*100rem), calc(16/1920*100rem));
padding-right: clamp(16px, calc(16/1920*100rem), calc(16/1920*100rem)) }.sm\:py-6 {
padding-top: clamp(24px, calc(24/1920*100rem), calc(24/1920*100rem));
padding-bottom: clamp(24px, calc(24/1920*100rem), calc(24/1920*100rem)) } }
@media (min-width: 768px) {.md\:absolute {
position: absolute }.md\:col-span-5 {
grid-column: span 5 / span 5 }.md\:col-span-7 {
grid-column: span 7 / span 7 }.md\:mt-0 {
margin-top: 0 }.md\:block {
display: block }.md\:hidden {
display: none }.md\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr)) }.md\:px-6 {
padding-left: clamp(24px, calc(24/1920*100rem), calc(24/1920*100rem));
padding-right: clamp(24px, calc(24/1920*100rem), calc(24/1920*100rem)) }.md\:pb-10 {
padding-bottom: clamp(40px, calc(40/1920*100rem), calc(40/1920*100rem)) }.md\:text-white {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1)) }.md\:rem\:gap-x-8 {
-moz-column-gap: calc(32/1920*100rem);
column-gap: calc(32/1920*100rem) }.md\:rem\:p-6 {
padding: calc(24/1920*100rem) } }
@media (min-width: 1024px) {.lg\:absolute {
position: absolute }.lg\:col-span-2 {
grid-column: span 2 / span 2 }.lg\:col-span-3 {
grid-column: span 3 / span 3 }.lg\:col-span-4 {
grid-column: span 4 / span 4 }.lg\:col-span-5 {
grid-column: span 5 / span 5 }.lg\:col-span-6 {
grid-column: span 6 / span 6 }.lg\:col-span-7 {
grid-column: span 7 / span 7 }.lg\:col-span-8 {
grid-column: span 8 / span 8 }.lg\:col-span-9 {
grid-column: span 9 / span 9 }.lg\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr)) }.lg\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr)) }.lg\:grid-cols-\[calc\(512\/1272\*100\%\)_1fr\] {
grid-template-columns: calc(512 / 1272 * 100%) 1fr }.lg\:grid-cols-\[calc\(920\/1400\*100\%\)_1fr\] {
grid-template-columns: calc(920 / 1400 * 100%) 1fr }.lg\:rounded-tl-4 {
border-top-left-radius: clamp(16px, calc(16/1920*100rem), calc(16/1920*100rem)) }.lg\:rounded-tr-4 {
border-top-right-radius: clamp(16px, calc(16/1920*100rem), calc(16/1920*100rem)) }.lg\:py-10 {
padding-top: clamp(40px, calc(40/1920*100rem), calc(40/1920*100rem));
padding-bottom: clamp(40px, calc(40/1920*100rem), calc(40/1920*100rem)) }.group:nth-child(even) .lg\:group-even\:order-2 {
order: 2 }.lg\:rem\:min-w-\[274px\] {
min-width: 14.270833333333334rem }.lg\:rem\:gap-x-20 {
-moz-column-gap: calc(80/1920*100rem);
column-gap: calc(80/1920*100rem) } }
@media (min-width: 1200px) {.xl\:col-span-5 {
grid-column: span 5 / span 5 }.xl\:col-span-7 {
grid-column: span 7 / span 7 }.xl\:mt-3 {
margin-top: clamp(12px, calc(12/1920*100rem), calc(12/1920*100rem)) }.xl\:block {
display: block }.xl\:hidden {
display: none }.xl\:w-\[calc\(988\/666\*100\%\)\] {
width: calc(988 / 666 * 100%) }.xl\:justify-start {
justify-content: flex-start }.xl\:gap-0 {
gap: 0 }.xl\:gap-1 {
gap: clamp(4px, calc(4/1920*100rem), calc(4/1920*100rem)) }.xl\:py-20 {
padding-top: clamp(80px, calc(80/1920*100rem), calc(80/1920*100rem));
padding-bottom: clamp(80px, calc(80/1920*100rem), calc(80/1920*100rem)) }.xl\:py-6 {
padding-top: clamp(24px, calc(24/1920*100rem), calc(24/1920*100rem));
padding-bottom: clamp(24px, calc(24/1920*100rem), calc(24/1920*100rem)) }.xl\:rem\:ml-5 {
margin-left: calc(20/1920*100rem) }.xl\:rem\:mt-10 {
margin-top: calc(40/1920*100rem) }.xl\:rem\:mt-6 {
margin-top: calc(24/1920*100rem) }.xl\:rem\:mt-\[70px\] {
margin-top: 3.6458333333333335rem }.xl\:rem\:translate-x-17 {
--tw-translate-x: calc(68/1920*100rem);
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\:rem\:gap-\[64px\] {
gap: 3.3333333333333335rem }.xl\:rem\:p-10 {
padding: calc(40/1920*100rem) }.xl\:rem\:p-\[64px\] {
padding: 3.3333333333333335rem }.xl\:rem\:px-10 {
padding-left: calc(40/1920*100rem);
padding-right: calc(40/1920*100rem) }.xl\:rem\:px-20 {
padding-left: calc(80/1920*100rem);
padding-right: calc(80/1920*100rem) }.xl\:rem\:px-6 {
padding-left: calc(24/1920*100rem);
padding-right: calc(24/1920*100rem) }.xl\:rem\:px-8 {
padding-left: calc(32/1920*100rem);
padding-right: calc(32/1920*100rem) }.xl\:rem\:py-8 {
padding-top: calc(32/1920*100rem);
padding-bottom: calc(32/1920*100rem) }.xl\:rem\:pb-6 {
padding-bottom: calc(24/1920*100rem) }.xl\:rem\:pt-\[116px\] {
padding-top: 6.041666666666667rem }.xl\:clamp\:text-\[16\/20\] {
font-size: clamp(16px, calc(20/1920*100rem), calc(20/1920*100rem)) }.xl\:clamp\:text-\[17\/20\] {
font-size: clamp(17px, calc(20/1920*100rem), calc(20/1920*100rem)) } }
@media (max-width: 767.98px) {.-md\:order-2 {
order: 2 }.-md\:justify-center {
justify-content: center }.-md\:text-center {
text-align: center } }
@media (max-width: 1023.98px) {.-lg\:order-2 {
order: 2 }.-lg\:-mx-4 {
margin-left: calc(clamp(16px, calc(16/1920*100rem), calc(16/1920*100rem)) * -1);
margin-right: calc(clamp(16px, calc(16/1920*100rem), calc(16/1920*100rem)) * -1) }.-lg\:w-\[86\%\] {
width: 86% }.-lg\:max-w-\[60\%\] {
max-width: 60% }.-lg\:justify-center {
justify-content: center } }
.\[\&_\>\*\]\:h-full >* {
height: 100% }
.\[\&_i\]\:flex i {
display: flex }
.\[\&_i\]\:size-7 i {
width: clamp(28px, calc(28/1920*100rem), calc(28/1920*100rem));
height: clamp(28px, calc(28/1920*100rem), calc(28/1920*100rem)) }
.\[\&_i\]\:size-full i {
width: 100%;
height: 100% }
.\[\&_i\]\:items-center i {
align-items: center }
.\[\&_i\]\:justify-center i {
justify-content: center }
.\[\&_i\]\:rounded-full i {
border-radius: 9999px }
.\[\&_i\]\:border i {
border-width: 1px }
.\[\&_i\]\:border-white i {
--tw-border-opacity: 1;
border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)) }
.\[\&_iframe\]\:size-full iframe {
width: 100%;
height: 100% }
.\[\&_img\]\:size-full img {
width: 100%;
height: 100% }
.\[\&_img\]\:object-cover img {
-o-object-fit: cover;
object-fit: cover }
.\[\&_img\]\:object-bottom img {
-o-object-position: bottom;
object-position: bottom }
.\[\&_img\]\:mix-blend-luminosity img {
mix-blend-mode: luminosity }
.\[\&_img\]\:transition-all img {
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms }
.\[\&_textarea\]\:clamp\:min-h-\[120px\] textarea {
min-height: clamp(120px, calc(120/1920*100rem), calc(120/1920*100rem)) }
.\[\&_video\]\:size-full video {
width: 100%;
height: 100% }
.\[\&_video\]\:object-cover video {
-o-object-fit: cover;
object-fit: cover }
/*# sourceMappingURL=main.min.css.map */