[data-v-a45d876b]:root { --desktop-scale: calc(100vw / 1920);
--mobile-scale: calc(100vw / 480);
--scale: var(--desktop-scale)
}
.header-wrapper[data-v-a45d876b] { display: flex; justify-content: center; position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; background: linear-gradient(180deg, #0009, #0000) }
.header-main[data-v-a45d876b] {
width:calc(1825 * var(--scale));
height:calc(80 * var(--scale)); display: flex; align-items: center; justify-content: space-between; padding:calc(10 * var(--scale));
z-index: 9999 }
.header-content[data-v-a45d876b] { width: 100%; display: flex; align-items: center; justify-content: space-between; gap:calc(40 * var(--scale))
}
.logo[data-v-a45d876b] {
height:calc(20 * var(--scale)); flex-shrink: 0; cursor: pointer }
.logo img[data-v-a45d876b] { height: 100% }
.menu[data-v-a45d876b] { display: flex; align-items: center; gap:calc(32 * var(--scale));
flex: 1; justify-content: center }
.menu-item[data-v-a45d876b] { display: flex; align-items: center; color: #fff; font-family: HarmonyOsSansSc-Medium, sans-serif; font-size:calc(15 * var(--scale));
line-height:calc(24 * var(--scale));
font-weight: 500; cursor: pointer; transition: all .3s ease }
.menu-item-content[data-v-a45d876b] { display: flex; align-items: center; gap:calc(4 * var(--scale));
padding:calc(8 * var(--scale)) calc(16 * var(--scale));
transition: all .3s ease }
.menu-item:hover .menu-item-content[data-v-a45d876b] { background: #001f16; border-left: 1px solid #60e700 }
.chevron[data-v-a45d876b] { width:calc(16 * var(--scale));
height:calc(16 * var(--scale))
}
.lang-switcher[data-v-a45d876b] { display: flex; align-items: center; gap:calc(15 * var(--scale));
justify-content: center; flex-shrink: 0 }
.lang[data-v-a45d876b] { color: #898989; font-family: HarmonyOsSansSc-Regular, sans-serif; font-size:calc(14 * var(--scale));
line-height:calc(24 * var(--scale));
cursor: pointer; transition: color .3s ease }
.lang.active[data-v-a45d876b], .lang[data-v-a45d876b]:hover { color: #fff }
.divider1[data-v-a45d876b] {
height:calc(12 * var(--scale)); width: 1px; background: #fff }
.search-icon[data-v-a45d876b] {
width:calc(32 * var(--scale));
height:calc(32 * var(--scale)); border-radius: 50%; background: #fff; display: flex; align-items: center; justify-content: center; cursor: pointer; flex-shrink: 0 }
.search-icon img[data-v-a45d876b] { width:calc(16 * var(--scale));
height:calc(16 * var(--scale))
}
.submenu-dropdown { position: absolute; top: 0; left: 0; width: 100%; background: #00110c; -webkit-backdrop-filter:blur(calc(10 * var(--scale)));
backdrop-filter:blur(calc(10 * var(--scale)));
padding:calc(60 * var(--scale)) calc(178 * var(--scale));
z-index: 999; padding-top:calc(157 * var(--scale))
}
.submenu-container { display: flex; justify-content: space-between; max-width:calc(1200 * var(--scale));
margin: 0 auto }
.submenu-left { flex: 1 }
.submenu-title { display: flex; align-items: center; gap:calc(12 * var(--scale));
color: #fff; font-size:calc(32 * var(--scale));
font-weight: 500; margin-bottom:calc(40 * var(--scale))
}
.submenu-arrow-icon { margin-left:calc(20 * var(--scale))
}
.submenu-groups { display: flex; gap:calc(80 * var(--scale))
}
.submenu-group { display: flex; flex-direction: column; gap:calc(20 * var(--scale));
border-left: 1px solid #4D4D4D }
.submenu-item { color: #ffffffb3; font-size:calc(16 * var(--scale));
cursor: pointer; transition: all .3s ease; padding-left:calc(12 * var(--scale));
border-left:calc(2 * var(--scale)) solid transparent;
height:calc(42 * var(--scale));
line-height:calc(42 * var(--scale));
width:calc(340 * var(--scale))
}
.submenu-item:hover, .submenu-item.active { color: #fff; border-left-color: #60e700; background: #00271b }
.submenu-right { width:calc(372 * var(--scale))
}
.submenu-card { background: #00271b; border-radius:calc(24 * var(--scale));
padding:calc(26 * var(--scale))
}
.submenu-card-title { display: flex; align-items: center; gap:calc(8 * var(--scale));
color: #fff; font-size:calc(20 * var(--scale));
font-weight: 500; margin-bottom:calc(16 * var(--scale))
}
.submenu-card-desc { color: #ffffffb3; font-size:calc(16 * var(--scale));
line-height:calc(28 * var(--scale));
margin-bottom:calc(28 * var(--scale))
}
.submenu-card-img { width: 100%; height:calc(180 * var(--scale));
-o-object-fit: cover; object-fit: cover; border-radius:calc(12 * var(--scale))
}
.slide-enter-active, .slide-leave-active { transition: all .3s ease; max-height:calc(500 * var(--scale))
}
.slide-enter-from[data-v-a45d876b], .slide-leave-to[data-v-a45d876b] { max-height: 0; opacity: 0 }
@media (max-width: 768px) {
[data-v-a45d876b]:root { --scale: var(--mobile-scale)
}
}
[data-v-c4a0b6cf]:root { --desktop-scale: calc(100vw / 1920);
--mobile-scale: calc(100vw / 480);
--scale: var(--desktop-scale)
}
.modal-overlay[data-v-c4a0b6cf] { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #00000080; display: flex; align-items: center; justify-content: center; z-index: 9999 }
.modal-container[data-v-c4a0b6cf] { background: #fff; border-radius:calc(20 * var(--scale));
width:calc(769 * var(--scale));
max-width: 90vw; max-height: 95vh; overflow: hidden; box-shadow:0 calc(20 * var(--scale)) calc(60 * var(--scale)) #00000040
}
.modal-header[data-v-c4a0b6cf] { display: flex; align-items: center; justify-content: space-between; padding:calc(20 * var(--scale));
border-bottom: 1px solid #e9e9e9; background: linear-gradient(135deg, #00523a, #007a54); color: #fff }
.modal-title[data-v-c4a0b6cf] {
font-size:calc(20 * var(--scale)); font-weight: 500; margin: 0; font-family: HarmonyOS Sans SC, sans-serif }
.modal-close[data-v-c4a0b6cf] { background: none; border: none; color: #fff; cursor: pointer; padding:calc(4 * var(--scale));
display: flex; align-items: center; justify-content: center; opacity: .8; transition: opacity .2s }
.modal-close[data-v-c4a0b6cf]:hover { opacity: 1 }
.modal-body[data-v-c4a0b6cf] {
padding:calc(35 * var(--scale)) calc(43 * var(--scale)) calc(5 * var(--scale)) calc(43 * var(--scale)); background: #e9e9e999 }
.form-row[data-v-c4a0b6cf] { display: flex; gap:calc(24 * var(--scale))
}
.form-group[data-v-c4a0b6cf] { flex: 1; display: flex; flex-direction: column; gap:calc(12 * var(--scale));
margin-bottom:calc(20 * var(--scale))
}
.form-label[data-v-c4a0b6cf] { font-family: HarmonyOS Sans SC, sans-serif; font-style: normal; font-weight: 400; font-size:calc(16 * var(--scale));
line-height:calc(28 * var(--scale));
color: #000 }
.form-input-wrapper[data-v-c4a0b6cf] { background: #fff; border-radius:calc(14 * var(--scale));
overflow: hidden }
.form-input-wrapper.has-error[data-v-c4a0b6cf] { box-shadow:0 0 0 calc(2 * var(--scale)) #e539354d
}
.form-textarea-wrapper[data-v-c4a0b6cf] { background: #fff; border-radius:calc(14 * var(--scale));
overflow: hidden }
.form-textarea-wrapper.has-error[data-v-c4a0b6cf] { box-shadow:0 0 0 calc(2 * var(--scale)) #e539354d
}
.error-message[data-v-c4a0b6cf] { font-family: HarmonyOS Sans SC, sans-serif; font-size:calc(12 * var(--scale));
color: #e53e3e; margin-top:calc(4 * var(--scale));
display: block }
.form-input[data-v-c4a0b6cf], .form-textarea[data-v-c4a0b6cf] { width: 100%; border: none; outline: none; background: transparent; font-family: HarmonyOS Sans SC, sans-serif; font-style: normal; font-weight: 400; font-size:calc(16 * var(--scale));
line-height:calc(28 * var(--scale));
color: #000; box-sizing: border-box }
.form-input[data-v-c4a0b6cf] { height:calc(68 * var(--scale));
padding:0 calc(24 * var(--scale))
}
.form-input[data-v-c4a0b6cf]:focus { outline: none }
.form-input[readonly][data-v-c4a0b6cf] { background: transparent; color: #000; cursor: default }
.form-textarea[data-v-c4a0b6cf] {
padding:calc(20 * var(--scale)) calc(24 * var(--scale)); resize: none; min-height:calc(180 * var(--scale))
}
.form-input[data-v-c4a0b6cf]::-moz-placeholder, .form-textarea[data-v-c4a0b6cf]::-moz-placeholder {
color:#898989
}
.form-input[data-v-c4a0b6cf]::placeholder, .form-textarea[data-v-c4a0b6cf]::placeholder {
color:#898989
}
.modal-footer[data-v-c4a0b6cf] { display: flex; justify-content: flex-end; gap:calc(12 * var(--scale));
padding:calc(5 * var(--scale)) calc(43 * var(--scale)) calc(35 * var(--scale)) calc(43 * var(--scale));
background: #e9e9e999 }
.btn-cancel[data-v-c4a0b6cf], .btn-submit[data-v-c4a0b6cf] { width: 100%; height:calc(51 * var(--scale));
border-radius:calc(14 * var(--scale));
font-family: HarmonyOS Sans SC, sans-serif; font-style: normal; font-weight: 400; font-size:calc(16 * var(--scale));
line-height:calc(28 * var(--scale));
cursor: pointer; transition: all .2s }
.btn-cancel[data-v-c4a0b6cf] { background: #fff; border: 1px solid #e9e9e9; color: #666; flex: 1 }
.btn-cancel[data-v-c4a0b6cf]:hover { border-color: #00523a; color: #00523a }
.btn-submit[data-v-c4a0b6cf] { background: #00523a; border: 1px solid #00523a; color: #fff; flex: 1 }
.btn-submit[data-v-c4a0b6cf]:hover:not(:disabled) { background: #003d2a; border-color: #003d2a }
.btn-submit[data-v-c4a0b6cf]:disabled { opacity: .6; cursor: not-allowed }
.modal-fade-enter-active[data-v-c4a0b6cf], .modal-fade-leave-active[data-v-c4a0b6cf] { transition: opacity .3s ease }
.modal-fade-enter-from[data-v-c4a0b6cf], .modal-fade-leave-to[data-v-c4a0b6cf] { opacity: 0 }
.modal-fade-enter-active .modal-container[data-v-c4a0b6cf], .modal-fade-leave-active .modal-container[data-v-c4a0b6cf] { transition: transform .3s ease }
.modal-fade-enter-from .modal-container[data-v-c4a0b6cf], .modal-fade-leave-to .modal-container[data-v-c4a0b6cf] { transform: scale(.9); opacity: 0 }
@media (max-width: 768px) {
[data-v-c4a0b6cf]:root { --scale: var(--mobile-scale)
}
}
[data-v-27ec1a56]:root { --desktop-scale: calc(100vw / 1920);
--mobile-scale: calc(100vw / 480);
--scale: var(--desktop-scale)
}
.footer-wrapper[data-v-27ec1a56] { width: 100%; height:calc(1773 * var(--scale));
position: relative; overflow: hidden }
.footer-hero[data-v-27ec1a56] { width: 100%; height:calc(1080 * var(--scale));
position: relative; overflow: hidden }
.hero-bg[data-v-27ec1a56] { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover }
.hero-overlay[data-v-27ec1a56] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, #0a3d2e4d, #0a3d2e99, #052d22f2) }
.slogan-left[data-v-27ec1a56] { position: absolute; right:calc(178 * var(--scale));
top:calc(141 * var(--scale));
color: var(--Neutral-Grey000, #fff); text-align: right; font-family: HarmonyOS Sans SC; font-size:calc(50 * var(--scale));
font-style: normal; font-weight: 700; line-height:calc(50 * var(--scale))
}
.slogan-right[data-v-27ec1a56] { color: var(--Neutral-Grey400, #898989); font-family: HarmonyOS Sans SC; font-size:calc(110 * var(--scale));
font-style: normal; font-weight: 700; line-height:calc(252 * var(--scale));
position: absolute; left:calc(178 * var(--scale));
top:calc(493 * var(--scale));
height:calc(298 * var(--scale))
}
.bgColor[data-v-27ec1a56] { background: linear-gradient(0deg, var(--Neutral-Grey800, #00110C) 0%, #00271B 77.33%, #003727 87.02%, rgba(0,119,84,0) 100%) }
.footer-main[data-v-27ec1a56] { width: 100%; height: 100% }
.company-info[data-v-27ec1a56] { display: flex; margin-top:calc(389 * var(--scale));
padding:0 calc(178 * var(--scale));
width: 100% }
.logo[data-v-27ec1a56] {
width:calc(256 * var(--scale));
height:calc(28 * var(--scale)); display: flex; align-items: center; margin-bottom:calc(41 * var(--scale))
}
.logo-icon[data-v-27ec1a56] { width:calc(40 * var(--scale));
height:calc(40 * var(--scale))
}
.logo-text[data-v-27ec1a56] { color: #fff; font-family: HarmonyOsSansSc-Medium, sans-serif; font-size:calc(16 * var(--scale));
line-height:calc(24 * var(--scale))
}
.company-name[data-v-27ec1a56] { color: var(--Neutral-Grey000, #FFF); font-family: HarmonyOS Sans SC; font-size:calc(32 * var(--scale));
font-style: normal; font-weight: 700; line-height:calc(40 * var(--scale));
margin-bottom:calc(19 * var(--scale))
}
.company-desc[data-v-27ec1a56] { color: var(--Neutral-Grey300, #C1C1C1); font-family: HarmonyOS Sans SC; font-size:calc(20 * var(--scale));
font-style: normal; font-weight: 400; line-height:calc(28 * var(--scale));
width:calc(516 * var(--scale));
height:calc(89 * var(--scale));
margin-bottom:calc(19 * var(--scale))
}
.subscribe-box[data-v-27ec1a56] { overflow: hidden; display: flex; align-items: center; width:calc(516 * var(--scale));
background: #00523a; border-radius:calc(24 * var(--scale));
padding:calc(4 * var(--scale));
border: 1px solid rgba(255,255,255,.2) }
.email-input[data-v-27ec1a56] { flex: 1; background: #00523a; border: none; padding:calc(10 * var(--scale)) calc(16 * var(--scale));
color: #fff; font-family: HarmonyOsSansSc-Regular, sans-serif; font-size:calc(14 * var(--scale));
outline: none }
.email-input[data-v-27ec1a56]::-moz-placeholder {
color:#ffffff80
}
.email-input[data-v-27ec1a56]::placeholder {
color:#ffffff80
}
.subscribe-btn[data-v-27ec1a56] {
width:calc(36 * var(--scale));
height:calc(36 * var(--scale)); border-radius: 50%; background: #ff6b35; border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all .3s ease }
.subscribe-btn[data-v-27ec1a56]:hover { background: #e55a2b }
.navigation[data-v-27ec1a56] { display: flex }
.nav-links[data-v-27ec1a56] { display: grid; grid-template-columns: 1fr 1fr; gap:calc(34 * var(--scale)) calc(82 * var(--scale))
}
.nav-link[data-v-27ec1a56] { color: var(--Neutral-Grey000, #FFF); font-family: HarmonyOS Sans SC; font-size:calc(20 * var(--scale));
font-style: normal; font-weight: 400; line-height:calc(32 * var(--scale))
}
.contact-title[data-v-27ec1a56] { color: var(--Neutral-Grey200, #E9E9E9); font-family: HarmonyOS Sans SC; font-size:calc(20 * var(--scale));
font-style: normal; font-weight: 400; line-height:calc(32 * var(--scale))
}
.contact-text[data-v-27ec1a56] { color: var(--Neutral-Grey300, #C1C1C1); font-family: HarmonyOS Sans SC; font-size:calc(16 * var(--scale));
font-style: normal; font-weight: 400; line-height:calc(40 * var(--scale))
}
.contact-list[data-v-27ec1a56] { color: var(--Neutral-Grey300, #C1C1C1); font-family: HarmonyOS Sans SC; font-size:calc(16 * var(--scale));
font-style: normal; font-weight: 400; display: flex; flex-direction: column; justify-content: space-between; height:calc(140 * var(--scale))
}
.contact-list p[data-v-27ec1a56] { margin: 0 }
.footer[data-v-27ec1a56] { padding:0px calc(178 * var(--scale))
}
.footer-bottom[data-v-27ec1a56] {
margin-top:calc(77 * var(--scale)); display: flex; justify-content: space-between; align-items: center; position: relative; z-index: 10; height:calc(88 * var(--scale))
}
.bottom-left[data-v-27ec1a56] { display: flex; align-items: center; gap:calc(38 * var(--scale));
color: var(--Neutral-Grey300, #C1C1C1); font-family: HarmonyOS Sans SC; font-size:calc(16 * var(--scale));
font-style: normal; font-weight: 400; line-height:calc(28 * var(--scale))
}
.lang-switch[data-v-27ec1a56] { color: #fff9; font-family: HarmonyOsSansSc-Regular, sans-serif; font-size:calc(13 * var(--scale));
cursor: pointer; transition: color .3s ease }
.lang-switch.active[data-v-27ec1a56] { color: #fff; border-bottom: 1px solid #ffffff }
.divider[data-v-27ec1a56] { color: #ffffff4d; margin:0 calc(8 * var(--scale))
}
.bottom-center[data-v-27ec1a56] { color: var(--Neutral-Grey300, #C1C1C1); font-family: HarmonyOS Sans SC; font-size:calc(16 * var(--scale));
font-style: normal; font-weight: 400; line-height:calc(28 * var(--scale));
display: flex; gap:calc(123 * var(--scale))
}
.bottom-right[data-v-27ec1a56] { display: flex; gap:calc(12 * var(--scale))
}
.social-link[data-v-27ec1a56] { width:calc(36 * var(--scale));
height:calc(36 * var(--scale))
}
.social-link[data-v-27ec1a56]:hover { background: #fff3 }
.social-link img[data-v-27ec1a56] { width:calc(36 * var(--scale));
height:calc(36 * var(--scale))
}
.social-link-wrapper[data-v-27ec1a56] { position: relative; display: inline-block }
.social-qr-popup[data-v-27ec1a56] {
width:calc(120 * var(--scale));
height:calc(120 * var(--scale)); display: none; position: absolute; bottom:calc(48 * var(--scale));
left: 50%; transform: translate(-50%); background: #fff; border-radius:calc(8 * var(--scale));
padding:calc(8 * var(--scale));
box-shadow:0 calc(4 * var(--scale)) calc(16 * var(--scale)) #0000004d;
z-index: 100 }
.social-qr-popup[data-v-27ec1a56]:after { content: ""; position: absolute; bottom:calc(-6 * var(--scale));
left: 50%; transform: translate(-50%); border-left:calc(6 * var(--scale)) solid transparent;
border-right:calc(6 * var(--scale)) solid transparent;
border-top:calc(6 * var(--scale)) solid #fff
}
.social-qr-popup img[data-v-27ec1a56] {
width:calc(120 * var(--scale));
height:calc(120 * var(--scale)); -o-object-fit: contain; object-fit: contain; display: block }
.social-link-wrapper:hover .social-qr-popup[data-v-27ec1a56] { display: block }
.bg-text[data-v-27ec1a56] { background: linear-gradient(180deg, #898989, #00110c 64.93%); height:calc(289 * var(--scale));
font-family: HarmonyOS Sans SC; font-size:calc(160 * var(--scale));
font-style: normal; font-weight: 700; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-top:calc(59 * var(--scale));
text-align: center; width: 100%; display: flex; justify-content: center }
.md-text[data-v-27ec1a56] { background: #898989; font-style: normal; font-weight: 700; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; line-height:calc(80 * var(--scale));
margin-top:calc(59 * var(--scale));
text-align: center; width: 100%; display: flex; justify-content: center }
.md-b-text[data-v-27ec1a56] {
height:calc(80 * var(--scale)); background: linear-gradient(180deg, #898989, #00110c 99.93%); font-style: normal; font-weight: 700; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; line-height:calc(80 * var(--scale));
margin-top:calc(59 * var(--scale));
text-align: center; width: 100%; display: flex; justify-content: center }
@media (max-width: 768px) {
[data-v-27ec1a56]:root { --scale: var(--mobile-scale)
}
}
[data-v-04587ede]:root { --desktop-scale: calc(100vw / 1920);
--mobile-scale: calc(100vw / 480);
--scale: var(--desktop-scale)
}
.home-page[data-v-04587ede] { width: 100%; background: #fff; height: 100vh }
@media (max-width: 768px) {
[data-v-04587ede]:root { --scale: var(--mobile-scale)
}
}
[data-v-bbea4aa1]:root { --desktop-scale: calc(100vw / 1920);
--mobile-scale: calc(100vw / 480);
--scale: var(--desktop-scale)
}
.toast-container[data-v-bbea4aa1] { position: fixed; top:calc(24 * var(--scale));
left: 50%; transform: translate(-50%); display: flex; flex-direction: column; gap:calc(12 * var(--scale));
z-index: 10000; pointer-events: none }
.toast-item[data-v-bbea4aa1] { display: flex; align-items: center; gap:calc(12 * var(--scale));
padding:calc(14 * var(--scale)) calc(20 * var(--scale));
border-radius:calc(8 * var(--scale));
background: #fff; box-shadow:0 calc(4 * var(--scale)) calc(20 * var(--scale)) #00000026;
min-width:calc(280 * var(--scale));
max-width:calc(500 * var(--scale));
pointer-events: auto }
.toast-icon[data-v-bbea4aa1] { display: flex; align-items: center; justify-content: center; flex-shrink: 0 }
.toast-message[data-v-bbea4aa1] { flex: 1; font-size:calc(14 * var(--scale));
color: #333; line-height: 1.5 }
.toast-close[data-v-bbea4aa1] { background: none; border: none; padding:calc(4 * var(--scale));
cursor: pointer; color: #999; display: flex; align-items: center; justify-content: center; transition: color .2s; flex-shrink: 0 }
.toast-close[data-v-bbea4aa1]:hover { color: #666 }
.toast-success[data-v-bbea4aa1] { border-left:calc(4 * var(--scale)) solid #52c41a
}
.toast-success .toast-icon[data-v-bbea4aa1] { color: #52c41a }
.toast-error[data-v-bbea4aa1] { border-left:calc(4 * var(--scale)) solid #ff4d4f
}
.toast-error .toast-icon[data-v-bbea4aa1] { color: #ff4d4f }
.toast-warning[data-v-bbea4aa1] { border-left:calc(4 * var(--scale)) solid #faad14
}
.toast-warning .toast-icon[data-v-bbea4aa1] { color: #faad14 }
.toast-info[data-v-bbea4aa1] { border-left:calc(4 * var(--scale)) solid #1890ff
}
.toast-info .toast-icon[data-v-bbea4aa1] { color: #1890ff }
.toast-enter-active[data-v-bbea4aa1], .toast-leave-active[data-v-bbea4aa1] { transition: all .3s ease }
.toast-enter-from[data-v-bbea4aa1] { opacity: 0; transform:translateY(calc(-20 * var(--scale)))
}
.toast-leave-to[data-v-bbea4aa1] { opacity: 0; transform:translate(calc(100 * var(--scale)))
}
@media (max-width: 768px) {
[data-v-bbea4aa1]:root { --scale: var(--mobile-scale)
}
}
:root { --desktop-scale: calc(100vw / 1920);
--mobile-scale: calc(100vw / 480);
--scale: var(--desktop-scale)
}
@media (max-width: 768px) {
:root { --scale: var(--mobile-scale)
}
}
:root { --desktop-scale: calc(100vw / 1920);
--mobile-scale: calc(100vw / 480);
--scale: var(--desktop-scale)
}
*, :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 / .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 / .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:
}
*, :before, :after { box-sizing: border-box; border-width: 0; border-style: solid; border-color: #e5e7eb }
:before, :after { --tw-content: ""
}
html, :host {
line-height:1.5;
-webkit-text-size-adjust:100%;
-moz-tab-size:4;
-o-tab-size:4;
tab-size:4;
font-family:HarmonyOS Sans SC, Inter, PingFang SC, Microsoft YaHei, system-ui, sans-serif;
font-feature-settings:normal;
font-variation-settings:normal;
-webkit-tap-highlight-color:transparent
}
body { margin: 0; line-height: inherit }
hr { height: 0; color: inherit; border-top-width: 1px }
abbr:where([title]) {
-webkit-text-decoration:underline dotted;
text-decoration:underline dotted
}
h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit }
a { color: inherit; text-decoration: inherit }
b, strong { font-weight: bolder }
code, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace; font-feature-settings: normal; font-variation-settings: normal; font-size: 1em }
small { font-size: 80% }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
sub { bottom: -.25em }
sup { top: -.5em }
table { text-indent: 0; border-color: inherit; border-collapse: collapse }
button, input, optgroup, select, textarea { font-family: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; margin: 0; padding: 0 }
button, select { text-transform: none }
button, input:where([type=button]), input:where([type=reset]), input:where([type=submit]) {
-webkit-appearance:button;
background-color:transparent;
background-image:none
}
:-moz-focusring {
outline:auto
}
:-moz-ui-invalid {
box-shadow:none
}
progress { vertical-align: baseline }
::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
height:auto
}
[type=search] {
-webkit-appearance:textfield;
outline-offset:calc(-2 * var(--scale))
}
::-webkit-search-decoration {
-webkit-appearance:none
}
::-webkit-file-upload-button {
-webkit-appearance:button;
font:inherit
}
summary { display: list-item }
blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0 }
fieldset { margin: 0; padding: 0 }
legend { padding: 0 }
ol, ul, menu { list-style: none; margin: 0; padding: 0 }
dialog { padding: 0 }
textarea { resize: vertical }
input::-moz-placeholder, textarea::-moz-placeholder {
opacity:1;
color:#9ca3af
}
input::placeholder, textarea::placeholder {
opacity:1;
color:#9ca3af
}
button, [role=button] {
cursor:pointer
}
:disabled { cursor: default }
img, svg, video, canvas, audio, iframe, embed, object { display: block; vertical-align: middle }
img, video { max-width: 100%; height: auto }
[hidden]:where(:not([hidden=until-found])) {
display:none
}
html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; scroll-behavior: smooth }
body {
--tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); font-family: HarmonyOS Sans SC, Inter, PingFang SC, Microsoft YaHei, system-ui, sans-serif; --tw-text-opacity: 1;
color: rgb(0 82 58 / var(--tw-text-opacity, 1)); font-feature-settings: "cv02", "cv03", "cv04", "cv11" }
h1, h2, h3 { font-family: HarmonyOS Sans SC, Inter, PingFang SC, sans-serif; font-weight: 500; letter-spacing: -.025em }
h1 {
font-size:calc(60 * var(--scale));
line-height:calc(80 * var(--scale)); font-weight: 500 }
h2 {
font-size:calc(32 * var(--scale));
line-height:calc(40 * var(--scale)); font-weight: 400 }
h3 {
font-size:calc(20 * var(--scale));
line-height:calc(32 * var(--scale)); font-weight: 400 }
.\!container { width: 100%!important; margin-right: auto!important; margin-left: auto!important; padding-right: 1rem!important; padding-left: 1rem!important }
.container { width: 100%; margin-right: auto; margin-left: auto; padding-right: 1rem; padding-left: 1rem }
@media (min-width: 640px) {
.\!container {
max-width:calc(640 * var(--scale))!important; padding-right: 2rem!important; padding-left: 2rem!important }
.container {
max-width:calc(640 * var(--scale)); padding-right: 2rem; padding-left: 2rem }
}
@media (min-width: 768px) {
.\!container { max-width:calc(768 * var(--scale))!important
}
.container { max-width:calc(768 * var(--scale))
}
}
@media (min-width: 1024px) {
.\!container {
max-width:calc(1024 * var(--scale))!important; padding-right: 4rem!important; padding-left: 4rem!important }
.container {
max-width:calc(1024 * var(--scale)); padding-right: 4rem; padding-left: 4rem }
}
@media (min-width: 1280px) {
.\!container {
max-width:calc(1280 * var(--scale))!important; padding-right: 5rem!important; padding-left: 5rem!important }
.container {
max-width:calc(1280 * var(--scale)); padding-right: 5rem; padding-left: 5rem }
}
@media (min-width: 1536px) {
.\!container {
max-width:calc(1536 * var(--scale))!important; padding-right: 6rem!important; padding-left: 6rem!important }
.container {
max-width:calc(1536 * var(--scale)); padding-right: 6rem; padding-left: 6rem }
}
@media (min-width: 1920px) {
.\!container { max-width:calc(1920 * var(--scale))!important
}
.container { max-width:calc(1920 * var(--scale))
}
}
.btn { display: inline-flex; align-items: center; justify-content: center; gap:.5rem;
border-radius:calc(24 * var(--scale));
padding:.75rem 1.5rem;
font-weight: 500; transition-property: all; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: .3s }
.btn-primary { display: inline-flex; align-items: center; justify-content: center; gap:.5rem;
border-radius:calc(24 * var(--scale));
padding:.75rem 1.5rem;
font-weight: 500; transition-property: all; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: .3s; --tw-bg-opacity: 1;
background-color: rgb(0 82 58 / 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(0 72 48 / var(--tw-bg-opacity, 1)); --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) }
.btn-outline { display: inline-flex; align-items: center; justify-content: center; gap:.5rem;
border-radius:calc(24 * var(--scale));
padding:.75rem 1.5rem;
font-weight: 500; transition-property: all; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: .3s; border-width:calc(2 * var(--scale));
--tw-border-opacity: 1;
border-color: rgb(0 82 58 / var(--tw-border-opacity, 1)); --tw-text-opacity: 1;
color: rgb(0 82 58 / var(--tw-text-opacity, 1)) }
.btn-outline:hover {
--tw-bg-opacity: 1; background-color: rgb(0 82 58 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1)) }
.card { overflow: hidden; border-radius:calc(24 * var(--scale));
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); --tw-shadow: 0 4px 6px -1px rgba(0, 82, 58, .1), 0 2px 4px -1px rgba(0, 82, 58, .06);
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); transition-property: box-shadow; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: .3s }
.news-card { overflow: hidden; border-radius:calc(24 * var(--scale));
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); --tw-shadow: 0 4px 6px -1px rgba(0, 82, 58, .1), 0 2px 4px -1px rgba(0, 82, 58, .06);
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); transition-property: box-shadow; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: .3s; padding:calc(24 * var(--scale))
}
.product-card { overflow: hidden; border-radius:calc(160 * var(--scale)) calc(24 * var(--scale)) calc(24 * var(--scale)) calc(24 * var(--scale));
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); --tw-shadow: 0 4px 6px -1px rgba(0, 82, 58, .1), 0 2px 4px -1px rgba(0, 82, 58, .06);
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); position: relative; padding: 2rem }
.nav-link { color: #fffc; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: .2s }
.nav-link:hover {
--tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)) }
.pointer-events-none { pointer-events: none }
.visible { visibility: visible }
.collapse { visibility: collapse }
.static { position: static }
.fixed { position: fixed }
.absolute { position: absolute }
.relative { position: relative }
.sticky { position: sticky }
.bottom-0 { bottom: 0 }
.bottom-\[112px\] { bottom:calc(112 * var(--scale))
}
.bottom-\[152px\] { bottom:calc(152 * var(--scale))
}
.bottom-\[20px\] { bottom:calc(20 * var(--scale))
}
.bottom-\[37px\] { bottom:calc(37 * var(--scale))
}
.left-0 { left: 0 }
.left-\[178px\] { left:calc(178 * var(--scale))
}
.left-\[204px\] { left:calc(204 * var(--scale))
}
.left-\[20px\] { left:calc(20 * var(--scale))
}
.left-\[26px\] { left:calc(26 * var(--scale))
}
.left-\[42px\] { left:calc(42 * var(--scale))
}
.left-\[50\%\] { left: 50% }
.right-0, .right-\[0\] { right: 0 }
.right-\[178px\] { right:calc(178 * var(--scale))
}
.top-0 { top: 0 }
.top-\[-233px\] { top:calc(-233 * var(--scale))
}
.top-\[-3922px\] { top:calc(-3922 * var(--scale))
}
.top-\[-4016px\] { top:calc(-4016 * var(--scale))
}
.top-\[-80px\] { top:calc(-80 * var(--scale))
}
.top-\[-87px\] { top:calc(-87 * var(--scale))
}
.top-\[0px\] { top: 0 }
.top-\[207px\] { top:calc(207 * var(--scale))
}
.top-\[20px\] { top:calc(20 * var(--scale))
}
.top-\[275px\] { top:calc(275 * var(--scale))
}
.top-\[38px\] { top:calc(38 * var(--scale))
}
.top-\[45px\] { top:calc(45 * var(--scale))
}
.top-\[47px\] { top:calc(47 * var(--scale))
}
.top-\[50\%\] { top: 50% }
.top-\[583px\] { top:calc(583 * var(--scale))
}
.top-\[606px\] { top:calc(606 * var(--scale))
}
.top-\[70px\] { top:calc(70 * var(--scale))
}
.z-10 { z-index: 10 }
.z-30 { z-index: 30 }
.z-\[-1\] { z-index: -1 }
.z-\[10\] { z-index: 10 }
.z-\[11\] { z-index: 11 }
.z-\[1\] { z-index: 1 }
.z-\[9999\] { z-index: 9999 }
.col-span-2 { grid-column: span 2 / span 2 }
.mx-\[16px\] { margin-left:calc(16 * var(--scale));
margin-right:calc(16 * var(--scale))
}
.mx-\[20px\] { margin-left:calc(20 * var(--scale));
margin-right:calc(20 * var(--scale))
}
.mx-auto { margin-left: auto; margin-right: auto }
.my-\[137px\] { margin-top:calc(137 * var(--scale));
margin-bottom:calc(137 * var(--scale))
}
.my-\[27px\] { margin-top:calc(27 * var(--scale));
margin-bottom:calc(27 * var(--scale))
}
.\!mt-0 { margin-top: 0!important }
.\!mt-\[85px\] { margin-top:calc(85 * var(--scale))!important
}
.mb-4 { margin-bottom: 1rem }
.mb-8 { margin-bottom: 2rem }
.mb-\[10px\] { margin-bottom:calc(10 * var(--scale))
}
.mb-\[111px\] { margin-bottom:calc(111 * var(--scale))
}
.mb-\[156px\] { margin-bottom:calc(156 * var(--scale))
}
.mb-\[16px\] { margin-bottom:calc(16 * var(--scale))
}
.mb-\[21px\] { margin-bottom:calc(21 * var(--scale))
}
.mb-\[27px\] { margin-bottom:calc(27 * var(--scale))
}
.mb-\[32px\] { margin-bottom:calc(32 * var(--scale))
}
.mb-\[51px\] { margin-bottom:calc(51 * var(--scale))
}
.mb-\[60px\] { margin-bottom:calc(60 * var(--scale))
}
.mr-\[50px\] { margin-right:calc(50 * var(--scale))
}
.mt-\[104px\] { margin-top:calc(104 * var(--scale))
}
.mt-\[105px\] { margin-top:calc(105 * var(--scale))
}
.mt-\[108px\] { margin-top:calc(108 * var(--scale))
}
.mt-\[112px\] { margin-top:calc(112 * var(--scale))
}
.mt-\[113px\] { margin-top:calc(113 * var(--scale))
}
.mt-\[128px\] { margin-top:calc(128 * var(--scale))
}
.mt-\[12px\] { margin-top:calc(12 * var(--scale))
}
.mt-\[139px\] { margin-top:calc(139 * var(--scale))
}
.mt-\[14px\] { margin-top:calc(14 * var(--scale))
}
.mt-\[151px\] { margin-top:calc(151 * var(--scale))
}
.mt-\[152px\] { margin-top:calc(152 * var(--scale))
}
.mt-\[167px\] { margin-top:calc(167 * var(--scale))
}
.mt-\[177px\] { margin-top:calc(177 * var(--scale))
}
.mt-\[20px\] { margin-top:calc(20 * var(--scale))
}
.mt-\[263px\] { margin-top:calc(263 * var(--scale))
}
.mt-\[27px\] { margin-top:calc(27 * var(--scale))
}
.mt-\[304px\] { margin-top:calc(304 * var(--scale))
}
.mt-\[30px\] { margin-top:calc(30 * var(--scale))
}
.mt-\[35px\] { margin-top:calc(35 * var(--scale))
}
.mt-\[40px\] { margin-top:calc(40 * var(--scale))
}
.mt-\[41px\] { margin-top:calc(41 * var(--scale))
}
.mt-\[46px\] { margin-top:calc(46 * var(--scale))
}
.mt-\[4px\] { margin-top:calc(4 * var(--scale))
}
.mt-\[50px\] { margin-top:calc(50 * var(--scale))
}
.mt-\[59px\] { margin-top:calc(59 * var(--scale))
}
.mt-\[60px\] { margin-top:calc(60 * var(--scale))
}
.mt-\[62px\] { margin-top:calc(62 * var(--scale))
}
.mt-\[80px\] { margin-top:calc(80 * var(--scale))
}
.mt-\[82px\] { margin-top:calc(82 * var(--scale))
}
.mt-\[84px\] { margin-top:calc(84 * var(--scale))
}
.mt-\[8px\] { margin-top:calc(8 * var(--scale))
}
.box-content { box-sizing: content-box }
.block { display: block }
.flex { display: flex }
.inline-flex { display: inline-flex }
.table { display: table }
.grid { display: grid }
.contents { display: contents }
.hidden { display: none }
.\!h-auto { height: auto!important }
.h-5 { height: 1.25rem }
.h-\[100vh\] { height: 100vh }
.h-\[1080px\] { height:calc(1080 * var(--scale))
}
.h-\[10px\] { height:calc(10 * var(--scale))
}
.h-\[1100px\] { height:calc(1100 * var(--scale))
}
.h-\[1148px\] { height:calc(1148 * var(--scale))
}
.h-\[1180px\] { height:calc(1180 * var(--scale))
}
.h-\[12px\] { height:calc(12 * var(--scale))
}
.h-\[16px\] { height:calc(16 * var(--scale))
}
.h-\[1975px\] { height:calc(1975 * var(--scale))
}
.h-\[1px\] { height: 1px }
.h-\[20px\] { height:calc(20 * var(--scale))
}
.h-\[25px\] { height:calc(25 * var(--scale))
}
.h-\[26px\] { height:calc(26 * var(--scale))
}
.h-\[274px\] { height:calc(274 * var(--scale))
}
.h-\[2px\] { height:calc(2 * var(--scale))
}
.h-\[305px\] { height:calc(305 * var(--scale))
}
.h-\[30px\] { height:calc(30 * var(--scale))
}
.h-\[315px\] { height:calc(315 * var(--scale))
}
.h-\[345px\] { height:calc(345 * var(--scale))
}
.h-\[34px\] { height:calc(34 * var(--scale))
}
.h-\[35px\] { height:calc(35 * var(--scale))
}
.h-\[376px\] { height:calc(376 * var(--scale))
}
.h-\[395px\] { height:calc(395 * var(--scale))
}
.h-\[40px\] { height:calc(40 * var(--scale))
}
.h-\[441px\] { height:calc(441 * var(--scale))
}
.h-\[44px\] { height:calc(44 * var(--scale))
}
.h-\[467px\] { height:calc(467 * var(--scale))
}
.h-\[48px\] { height:calc(48 * var(--scale))
}
.h-\[496px\] { height:calc(496 * var(--scale))
}
.h-\[49px\] { height:calc(49 * var(--scale))
}
.h-\[53px\] { height:calc(53 * var(--scale))
}
.h-\[575px\] { height:calc(575 * var(--scale))
}
.h-\[58\.213px\] { height:calc(58.213 * var(--scale))
}
.h-\[594px\] { height:calc(594 * var(--scale))
}
.h-\[595px\] { height:calc(595 * var(--scale))
}
.h-\[597px\] { height:calc(597 * var(--scale))
}
.h-\[60px\] { height:calc(60 * var(--scale))
}
.h-\[65px\] { height:calc(65 * var(--scale))
}
.h-\[732px\] { height:calc(732 * var(--scale))
}
.h-\[750px\] { height:calc(750 * var(--scale))
}
.h-\[760px\] { height:calc(760 * var(--scale))
}
.h-\[76px\] { height:calc(76 * var(--scale))
}
.h-\[83px\] { height:calc(83 * var(--scale))
}
.h-\[915px\] { height:calc(915 * var(--scale))
}
.h-\[927px\] { height:calc(927 * var(--scale))
}
.h-\[983px\] { height:calc(983 * var(--scale))
}
.h-\[99px\] { height:calc(99 * var(--scale))
}
.h-full { height: 100% }
.h-screen { height: 100vh }
.min-h-\[113px\] { min-height:calc(113 * var(--scale))
}
.min-h-\[500px\] { min-height:calc(500 * var(--scale))
}
.min-h-screen { min-height: 100vh }
.\!w-full { width: 100%!important }
.w-5 { width: 1.25rem }
.w-\[10px\] { width:calc(10 * var(--scale))
}
.w-\[12px\] { width:calc(12 * var(--scale))
}
.w-\[1562px\] { width:calc(1562 * var(--scale))
}
.w-\[1564px\] { width:calc(1564 * var(--scale))
}
.w-\[160px\] { width:calc(160 * var(--scale))
}
.w-\[16px\] { width:calc(16 * var(--scale))
}
.w-\[1920px\] { width:calc(1920 * var(--scale))
}
.w-\[1px\] { width: 1px }
.w-\[200px\] { width:calc(200 * var(--scale))
}
.w-\[20px\] { width:calc(20 * var(--scale))
}
.w-\[240px\] { width:calc(240 * var(--scale))
}
.w-\[25px\] { width:calc(25 * var(--scale))
}
.w-\[26px\] { width:calc(26 * var(--scale))
}
.w-\[280px\] { width:calc(280 * var(--scale))
}
.w-\[30px\] { width:calc(30 * var(--scale))
}
.w-\[34px\] { width:calc(34 * var(--scale))
}
.w-\[35px\] { width:calc(35 * var(--scale))
}
.w-\[376px\] { width:calc(376 * var(--scale))
}
.w-\[385px\] { width:calc(385 * var(--scale))
}
.w-\[394px\] { width:calc(394 * var(--scale))
}
.w-\[40px\] { width:calc(40 * var(--scale))
}
.w-\[441px\] { width:calc(441 * var(--scale))
}
.w-\[442px\] { width:calc(442 * var(--scale))
}
.w-\[44px\] { width:calc(44 * var(--scale))
}
.w-\[483px\] { width:calc(483 * var(--scale))
}
.w-\[486px\] { width:calc(486 * var(--scale))
}
.w-\[48px\] { width:calc(48 * var(--scale))
}
.w-\[495px\] { width:calc(495 * var(--scale))
}
.w-\[49px\] { width:calc(49 * var(--scale))
}
.w-\[508px\] { width:calc(508 * var(--scale))
}
.w-\[53px\] { width:calc(53 * var(--scale))
}
.w-\[541px\] { width:calc(541 * var(--scale))
}
.w-\[546px\] { width:calc(546 * var(--scale))
}
.w-\[554px\] { width:calc(554 * var(--scale))
}
.w-\[596px\] { width:calc(596 * var(--scale))
}
.w-\[597px\] { width:calc(597 * var(--scale))
}
.w-\[598px\] { width:calc(598 * var(--scale))
}
.w-\[60\.108px\] { width:calc(60.108 * var(--scale))
}
.w-\[604px\] { width:calc(604 * var(--scale))
}
.w-\[60px\] { width:calc(60 * var(--scale))
}
.w-\[612px\] { width:calc(612 * var(--scale))
}
.w-\[649px\] { width:calc(649 * var(--scale))
}
.w-\[650px\] { width:calc(650 * var(--scale))
}
.w-\[65px\] { width:calc(65 * var(--scale))
}
.w-\[686px\] { width:calc(686 * var(--scale))
}
.w-\[750px\] { width:calc(750 * var(--scale))
}
.w-\[751px\] { width:calc(751 * var(--scale))
}
.w-\[769px\] { width:calc(769 * var(--scale))
}
.w-\[928px\] { width:calc(928 * var(--scale))
}
.w-full { width: 100% }
.max-w-\[1200px\] { max-width:calc(1200 * var(--scale))
}
.max-w-md { max-width: 28rem }
.flex-1 { flex: 1 1 0% }
.flex-shrink { flex-shrink: 1 }
.flex-shrink-0 { flex-shrink: 0 }
.border-collapse { border-collapse: collapse }
.translate-x-\[-50\%\] {
--tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) }
.translate-y-\[-50\%\] {
--tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) }
.rotate-180 {
--tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) }
.transform { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) }
.cursor-pointer { cursor: pointer }
.resize { resize: both }
.grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) }
.grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)) }
.flex-col { flex-direction: column }
.flex-wrap { flex-wrap: wrap }
.items-end { align-items: flex-end }
.items-center { align-items: center }
.justify-end { justify-content: flex-end }
.justify-center { justify-content: center }
.justify-between { justify-content: space-between }
.justify-around { justify-content: space-around }
.gap-1 { gap:.25rem
}
.gap-2 { gap:.5rem
}
.gap-4 { gap: 1rem }
.gap-\[16px\] { gap: 16px }
.gap-\[18px\] { gap: 18px }
.gap-\[20px\] { gap: 20px }
.gap-\[21px\] { gap: 21px }
.gap-\[24px\] { gap: 24px }
.gap-\[30px\] { gap: 30px }
.gap-\[40px\] { gap: 40px }
.gap-\[49px\] { gap: 49px }
.gap-\[50px\] { gap: 50px }
.gap-\[5px\] { gap: 5px }
.gap-\[7px\] { gap: 7px }
.gap-\[8px\] { gap: 8px }
.gap-\[90px\] { gap: 90px }
.overflow-hidden { overflow: hidden }
.overflow-y-auto { overflow-y: auto }
.whitespace-nowrap { white-space: nowrap }
.break-words { overflow-wrap: break-word }
.rounded-\[16px\] { border-radius:calc(16 * var(--scale))
}
.rounded-\[18px\] { border-radius:calc(18 * var(--scale))
}
.rounded-\[20px\] { border-radius:calc(20 * var(--scale))
}
.rounded-\[24px\] { border-radius:calc(24 * var(--scale))
}
.rounded-\[50\%\] { border-radius: 50% }
.rounded-\[8px\] { border-radius:calc(8 * var(--scale))
}
.rounded-full { border-radius:calc(9999 * var(--scale))
}
.rounded-b-\[20px\] { border-bottom-right-radius:calc(20 * var(--scale));
border-bottom-left-radius:calc(20 * var(--scale))
}
.border { border-width: 1px }
.border-2 { border-width:calc(2 * var(--scale))
}
.border-b { border-bottom-width: 1px }
.border-b-\[3px\] { border-bottom-width:calc(3 * var(--scale))
}
.border-t { border-top-width: 1px }
.border-\[\#00A550\] {
--tw-border-opacity: 1; border-color: rgb(0 165 80 / var(--tw-border-opacity, 1)) }
.border-\[\#333\] {
--tw-border-opacity: 1; border-color: rgb(51 51 51 / var(--tw-border-opacity, 1)) }
.border-\[\#898989\] {
--tw-border-opacity: 1; border-color: rgb(137 137 137 / var(--tw-border-opacity, 1)) }
.border-\[\#C1C1C1\] {
--tw-border-opacity: 1; border-color: rgb(193 193 193 / var(--tw-border-opacity, 1)) }
.border-\[\#CCC\] {
--tw-border-opacity: 1; border-color: rgb(204 204 204 / var(--tw-border-opacity, 1)) }
.border-\[\#FFF\], .border-white {
--tw-border-opacity: 1; border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)) }
.\!bg-\[\#898989\] {
--tw-bg-opacity: 1 !important; background-color: rgb(137 137 137 / var(--tw-bg-opacity, 1))!important }
.\!bg-\[\#AFC8C0\] {
--tw-bg-opacity: 1 !important; background-color: rgb(175 200 192 / var(--tw-bg-opacity, 1))!important }
.\!bg-\[\#FFF\] {
--tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))!important }
.\!bg-transparent { background-color: transparent!important }
.bg-\[\#00110C\] {
--tw-bg-opacity: 1; background-color: rgb(0 17 12 / var(--tw-bg-opacity, 1)) }
.bg-\[\#001F16\] {
--tw-bg-opacity: 1; background-color: rgb(0 31 22 / var(--tw-bg-opacity, 1)) }
.bg-\[\#00523A\] {
--tw-bg-opacity: 1; background-color: rgb(0 82 58 / var(--tw-bg-opacity, 1)) }
.bg-\[\#00C853\] {
--tw-bg-opacity: 1; background-color: rgb(0 200 83 / var(--tw-bg-opacity, 1)) }
.bg-\[\#131313\] {
--tw-bg-opacity: 1; background-color: rgb(19 19 19 / var(--tw-bg-opacity, 1)) }
.bg-\[\#26A500\] {
--tw-bg-opacity: 1; background-color: rgb(38 165 0 / var(--tw-bg-opacity, 1)) }
.bg-\[\#60E700\] {
--tw-bg-opacity: 1; background-color: rgb(96 231 0 / var(--tw-bg-opacity, 1)) }
.bg-\[\#898989\] {
--tw-bg-opacity: 1; background-color: rgb(137 137 137 / var(--tw-bg-opacity, 1)) }
.bg-\[\#C1C1C1\] {
--tw-bg-opacity: 1; background-color: rgb(193 193 193 / var(--tw-bg-opacity, 1)) }
.bg-\[\#E5E5E5\] {
--tw-bg-opacity: 1; background-color: rgb(229 229 229 / var(--tw-bg-opacity, 1)) }
.bg-\[\#F9F9F9\] {
--tw-bg-opacity: 1; background-color: rgb(249 249 249 / var(--tw-bg-opacity, 1)) }
.bg-\[rgba\(59\,67\,75\,0\.5\)\] { background-color: #3b434b80 }
.bg-\[rgba\(77\,77\,77\,0\.5\)\] { background-color: #4d4d4d80 }
.bg-\[rgba\(83\,80\,83\,0\.5\)\] { background-color: #53505380 }
.bg-\[rgba\(98\,124\,116\,0\.6\)\] { background-color: #627c7499 }
.bg-transparent { background-color: transparent }
.bg-white {
--tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) }
.bg-gradient-dark { background-image: linear-gradient(0deg, #00523a, #00271b 77%, #003727 87%, #00523a00) }
.object-cover { -o-object-fit: cover; object-fit: cover }
.p-\[10px\] { padding:calc(10 * var(--scale))
}
.p-\[38px\] { padding:calc(38 * var(--scale))
}
.p-\[40px\] { padding:calc(40 * var(--scale))
}
.p-\[45px\] { padding:calc(45 * var(--scale))
}
.p-\[60px\] { padding:calc(60 * var(--scale))
}
.p-\[6px\] { padding:calc(6 * var(--scale))
}
.p-\[8px\] { padding:calc(8 * var(--scale))
}
.\!px-0 { padding-left: 0!important; padding-right: 0!important }
.px-4 { padding-left: 1rem; padding-right: 1rem }
.px-\[16px\] { padding-left:calc(16 * var(--scale));
padding-right:calc(16 * var(--scale))
}
.px-\[178px\] { padding-left:calc(178 * var(--scale));
padding-right:calc(178 * var(--scale))
}
.px-\[20px\] { padding-left:calc(20 * var(--scale));
padding-right:calc(20 * var(--scale))
}
.px-\[239px\] { padding-left:calc(239 * var(--scale));
padding-right:calc(239 * var(--scale))
}
.px-\[32px\] { padding-left:calc(32 * var(--scale));
padding-right:calc(32 * var(--scale))
}
.px-\[38px\] { padding-left:calc(38 * var(--scale));
padding-right:calc(38 * var(--scale))
}
.py-\[100px\] { padding-top:calc(100 * var(--scale));
padding-bottom:calc(100 * var(--scale))
}
.py-\[12px\] { padding-top:calc(12 * var(--scale));
padding-bottom:calc(12 * var(--scale))
}
.py-\[8px\] { padding-top:calc(8 * var(--scale));
padding-bottom:calc(8 * var(--scale))
}
.\!pt-\[150px\] { padding-top:calc(150 * var(--scale))!important
}
.pb-\[10px\] { padding-bottom:calc(10 * var(--scale))
}
.pb-\[150px\] { padding-bottom:calc(150 * var(--scale))
}
.pb-\[160px\] { padding-bottom:calc(160 * var(--scale))
}
.pb-\[27px\] { padding-bottom:calc(27 * var(--scale))
}
.pl-\[16px\] { padding-left:calc(16 * var(--scale))
}
.pl-\[178px\] { padding-left:calc(178 * var(--scale))
}
.pl-\[18px\] { padding-left:calc(18 * var(--scale))
}
.pl-\[269px\] { padding-left:calc(269 * var(--scale))
}
.pl-\[541px\] { padding-left:calc(541 * var(--scale))
}
.pt-0 { padding-top: 0 }
.pt-\[104px\] { padding-top:calc(104 * var(--scale))
}
.pt-\[10px\] { padding-top:calc(10 * var(--scale))
}
.pt-\[114px\] { padding-top:calc(114 * var(--scale))
}
.pt-\[115px\] { padding-top:calc(115 * var(--scale))
}
.pt-\[137px\] { padding-top:calc(137 * var(--scale))
}
.pt-\[160x\] { padding-top: 160x }
.pt-\[166px\] { padding-top:calc(166 * var(--scale))
}
.pt-\[20px\] { padding-top:calc(20 * var(--scale))
}
.pt-\[34px\] { padding-top:calc(34 * var(--scale))
}
.pt-\[62px\] { padding-top:calc(62 * var(--scale))
}
.text-center { text-align: center }
.text-right { text-align: right }
.\!text-\[32px\] { font-size:calc(32 * var(--scale))!important
}
.\!text-\[70px\] { font-size:calc(70 * var(--scale))!important
}
.text-3xl { font-size: 1.875rem; line-height: 2.25rem }
.text-\[12px\] { font-size:calc(12 * var(--scale))
}
.text-\[14px\] { font-size:calc(14 * var(--scale))
}
.text-\[150px\] { font-size:calc(150 * var(--scale))
}
.text-\[16px\] { font-size:calc(16 * var(--scale))
}
.text-\[200px\] { font-size:calc(200 * var(--scale))
}
.text-\[20px\] { font-size:calc(20 * var(--scale))
}
.text-\[24px\] { font-size:calc(24 * var(--scale))
}
.text-\[28px\] { font-size:calc(28 * var(--scale))
}
.text-\[32px\] { font-size:calc(32 * var(--scale))
}
.text-\[45px\] { font-size:calc(45 * var(--scale))
}
.text-\[60px\] { font-size:calc(60 * var(--scale))
}
.font-bold { font-weight: 700 }
.font-medium { font-weight: 500 }
.font-normal { font-weight: 400 }
.uppercase { text-transform: uppercase }
.\!leading-\[50px\] { line-height:calc(50 * var(--scale))!important
}
.leading-7 { line-height: 1.75rem }
.leading-\[24px\] { line-height:calc(24 * var(--scale))
}
.leading-\[28px\] { line-height:calc(28 * var(--scale))
}
.leading-\[32px\] { line-height:calc(32 * var(--scale))
}
.leading-\[36px\] { line-height:calc(36 * var(--scale))
}
.leading-\[40px\] { line-height:calc(40 * var(--scale))
}
.leading-\[45px\] { line-height:calc(45 * var(--scale))
}
.leading-\[80px\] { line-height:calc(80 * var(--scale))
}
.leading-\[90px\] { line-height:calc(90 * var(--scale))
}
.leading-none { line-height: 1 }
.\!text-black {
--tw-text-opacity: 1 !important; color: rgb(0 0 0 / var(--tw-text-opacity, 1))!important }
.\!text-white {
--tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity, 1))!important }
.text-\[\#000\] {
--tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity, 1)) }
.text-\[\#00110C\] {
--tw-text-opacity: 1; color: rgb(0 17 12 / var(--tw-text-opacity, 1)) }
.text-\[\#00523A\], .text-\[\#00523a\] {
--tw-text-opacity: 1; color: rgb(0 82 58 / var(--tw-text-opacity, 1)) }
.text-\[\#00A550\] {
--tw-text-opacity: 1; color: rgb(0 165 80 / var(--tw-text-opacity, 1)) }
.text-\[\#4D4D4D\], .text-\[\#4d4d4d\] {
--tw-text-opacity: 1; color: rgb(77 77 77 / var(--tw-text-opacity, 1)) }
.text-\[\#898989\] {
--tw-text-opacity: 1; color: rgb(137 137 137 / var(--tw-text-opacity, 1)) }
.text-\[\#F9F9F9\] {
--tw-text-opacity: 1; color: rgb(249 249 249 / var(--tw-text-opacity, 1)) }
.text-\[\#FFF\], .text-\[\#ffffff\] {
--tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)) }
.text-black {
--tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity, 1)) }
.text-primary {
--tw-text-opacity: 1; color: rgb(0 82 58 / var(--tw-text-opacity, 1)) }
.text-white {
--tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)) }
.text-white\/10 { color: #ffffff1a }
.text-white\/70 { color: #ffffffb3 }
.outline { outline-style: solid }
.blur {
--tw-blur: blur(8px); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) }
.filter { filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) }
.backdrop-blur-\[10px\] {
--tw-backdrop-blur: blur(10px); -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) }
.backdrop-filter { -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) }
.transition { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: .15s }
.transition-all { transition-property: all; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: .15s }
.transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: .15s }
.transition-opacity { transition-property: opacity; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: .15s }
.transition-transform { transition-property: transform; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: .15s }
.delay-100 { transition-delay: .1s }
.delay-200 { transition-delay: .2s }
.delay-300 { transition-delay: .3s }
.delay-500 { transition-delay: .5s }
.duration-200 { transition-duration: .2s }
.duration-300 { transition-duration: .3s }
.ease-in-out { transition-timing-function: cubic-bezier(.4, 0, .2, 1) }
.ease-out { transition-timing-function: cubic-bezier(0, 0, .2, 1) }
@font-face { font-weight: 100 900; font-style: normal; font-display: swap }
.hover\:border-none:hover { border-style: none }
.hover\:bg-\[\#00A550\]:hover {
--tw-bg-opacity: 1; background-color: rgb(0 165 80 / var(--tw-bg-opacity, 1)) }
.hover\:bg-white:hover {
--tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) }
.hover\:bg-white\/90:hover { background-color: #ffffffe6 }
.hover\:bg-gradient-to-t:hover { background-image: linear-gradient(to top, var(--tw-gradient-stops)) }
.hover\:from-\[\#26A500\]:hover { --tw-gradient-from: #26A500 var(--tw-gradient-from-position);
--tw-gradient-to: rgb(38 165 0 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.hover\:to-\[\#00523A\]:hover { --tw-gradient-to: #00523A var(--tw-gradient-to-position)
}
.hover\:text-\[\#00523A\]:hover {
--tw-text-opacity: 1; color: rgb(0 82 58 / var(--tw-text-opacity, 1)) }
.hover\:text-\[\#60e700\]:hover {
--tw-text-opacity: 1; color: rgb(96 231 0 / var(--tw-text-opacity, 1)) }
.hover\:text-primary:hover {
--tw-text-opacity: 1; color: rgb(0 82 58 / var(--tw-text-opacity, 1)) }
.hover\:underline:hover { text-decoration-line: underline }
.hover\:opacity-80:hover { opacity: .8 }
.group:hover .group-hover\:flex { display: flex }
.group:hover .group-hover\:hidden { display: none }
@media not all and (min-width: 1024px) {
.max-lg\:\!w-full { width: 100%!important }
.max-lg\:px-\[20px\] { padding-left:calc(20 * var(--scale));
padding-right:calc(20 * var(--scale))
}
}
@media not all and (min-width: 768px) {
.max-md\:\!static { position: static!important }
.max-md\:static { position: static }
.max-md\:absolute { position: absolute }
.max-md\:\!left-\[0px\] { left: 0!important }
.max-md\:\!left-\[16px\] { left:calc(16 * var(--scale))!important
}
.max-md\:\!right-\[16px\] { right:calc(16 * var(--scale))!important
}
.max-md\:\!top-\[331px\] { top:calc(331 * var(--scale))!important
}
.max-md\:\!top-\[350px\] { top:calc(350 * var(--scale))!important
}
.max-md\:\!top-\[628px\] { top:calc(628 * var(--scale))!important
}
.max-md\:\!top-\[67px\] { top:calc(67 * var(--scale))!important
}
.max-md\:bottom-0 { bottom: 0 }
.max-md\:left-0 { left: 0 }
.max-md\:left-\[0\%\] { left: 0% }
.max-md\:left-\[16px\] { left:calc(16 * var(--scale))
}
.max-md\:right-0 { right: 0 }
.max-md\:right-\[16px\] { right:calc(16 * var(--scale))
}
.max-md\:top-\[-200px\] { top:calc(-200 * var(--scale))
}
.max-md\:top-\[14px\] { top:calc(14 * var(--scale))
}
.max-md\:\!mx-\[0px\] { margin-left: 0!important; margin-right: 0!important }
.max-md\:\!mx-\[16px\] { margin-left:calc(16 * var(--scale))!important;
margin-right:calc(16 * var(--scale))!important
}
.max-md\:\!my-\[0px\] { margin-top: 0!important; margin-bottom: 0!important }
.max-md\:\!my-\[48px\] { margin-top:calc(48 * var(--scale))!important;
margin-bottom:calc(48 * var(--scale))!important
}
.max-md\:\!my-\[60px\] { margin-top:calc(60 * var(--scale))!important;
margin-bottom:calc(60 * var(--scale))!important
}
.max-md\:mx-\[35px\] { margin-left:calc(35 * var(--scale));
margin-right:calc(35 * var(--scale))
}
.max-md\:\!mb-\[0px\] { margin-bottom: 0!important }
.max-md\:\!mb-\[40px\] { margin-bottom:calc(40 * var(--scale))!important
}
.max-md\:\!mt-\[0px\] { margin-top: 0!important }
.max-md\:\!mt-\[100px\] { margin-top:calc(100 * var(--scale))!important
}
.max-md\:\!mt-\[20px\] { margin-top:calc(20 * var(--scale))!important
}
.max-md\:\!mt-\[49px\] { margin-top:calc(49 * var(--scale))!important
}
.max-md\:\!mt-\[65px\] { margin-top:calc(65 * var(--scale))!important
}
.max-md\:mr-\[14px\] { margin-right:calc(14 * var(--scale))
}
.max-md\:mt-\[100px\] { margin-top:calc(100 * var(--scale))
}
.max-md\:mt-\[126px\] { margin-top:calc(126 * var(--scale))
}
.max-md\:mt-\[146px\] { margin-top:calc(146 * var(--scale))
}
.max-md\:mt-\[16px\] { margin-top:calc(16 * var(--scale))
}
.max-md\:mt-\[20px\] { margin-top:calc(20 * var(--scale))
}
.max-md\:mt-\[25px\] { margin-top:calc(25 * var(--scale))
}
.max-md\:mt-\[27px\] { margin-top:calc(27 * var(--scale))
}
.max-md\:mt-\[30px\] { margin-top:calc(30 * var(--scale))
}
.max-md\:mt-\[41px\] { margin-top:calc(41 * var(--scale))
}
.max-md\:mt-\[44px\] { margin-top:calc(44 * var(--scale))
}
.max-md\:mt-\[49px\] { margin-top:calc(49 * var(--scale))
}
.max-md\:mt-\[50px\] { margin-top:calc(50 * var(--scale))
}
.max-md\:mt-\[52px\] { margin-top:calc(52 * var(--scale))
}
.max-md\:mt-\[64px\] { margin-top:calc(64 * var(--scale))
}
.max-md\:mt-\[69px\] { margin-top:calc(69 * var(--scale))
}
.max-md\:mt-\[78px\] { margin-top:calc(78 * var(--scale))
}
.max-md\:mt-\[8px\] { margin-top:calc(8 * var(--scale))
}
.max-md\:flex { display: flex }
.max-md\:\!grid { display: grid!important }
.max-md\:\!hidden { display: none!important }
.max-md\:\!h-\[1058px\] { height:calc(1058 * var(--scale))!important
}
.max-md\:\!h-\[1148px\] { height:calc(1148 * var(--scale))!important
}
.max-md\:\!h-\[1701px\] { height:calc(1701 * var(--scale))!important
}
.max-md\:\!h-\[208px\] { height:calc(208 * var(--scale))!important
}
.max-md\:\!h-\[2280px\] { height:calc(2280 * var(--scale))!important
}
.max-md\:\!h-\[262px\] { height:calc(262 * var(--scale))!important
}
.max-md\:\!h-\[80px\] { height:calc(80 * var(--scale))!important
}
.max-md\:\!h-\[auto\], .max-md\:\!h-auto { height: auto!important }
.max-md\:h-\[1230px\] { height:calc(1230 * var(--scale))
}
.max-md\:h-\[160px\] { height:calc(160 * var(--scale))
}
.max-md\:h-\[20px\] { height:calc(20 * var(--scale))
}
.max-md\:h-\[211px\] { height:calc(211 * var(--scale))
}
.max-md\:h-\[218px\] { height:calc(218 * var(--scale))
}
.max-md\:h-\[241px\] { height:calc(241 * var(--scale))
}
.max-md\:h-\[278px\] { height:calc(278 * var(--scale))
}
.max-md\:h-\[346px\] { height:calc(346 * var(--scale))
}
.max-md\:h-\[412px\] { height:calc(412 * var(--scale))
}
.max-md\:h-\[527px\] { height:calc(527 * var(--scale))
}
.max-md\:h-\[56px\] { height:calc(56 * var(--scale))
}
.max-md\:h-auto { height: auto }
.max-md\:\!w-full { width: 100%!important }
.max-md\:w-\[1400px\] { width:calc(1400 * var(--scale))
}
.max-md\:w-\[165px\] { width:calc(165 * var(--scale))
}
.max-md\:w-\[182px\] { width:calc(182 * var(--scale))
}
.max-md\:w-\[201px\] { width:calc(201 * var(--scale))
}
.max-md\:w-\[20px\] { width:calc(20 * var(--scale))
}
.max-md\:w-\[230px\] { width:calc(230 * var(--scale))
}
.max-md\:w-\[288px\] { width:calc(288 * var(--scale))
}
.max-md\:w-\[448px\] { width:calc(448 * var(--scale))
}
.max-md\:w-\[calc\(100\%-32px\)\] { width:calc(100% - calc(32 * var(--scale)))
}
.max-md\:w-auto { width: auto }
.max-md\:w-full { width: 100% }
.max-md\:\!min-w-\[0px\] { min-width: 0px!important }
.max-md\:flex-1 { flex: 1 1 0% }
.max-md\:origin-left { transform-origin: left }
.max-md\:rotate-0 {
--tw-rotate: 0deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) }
.max-md\:scale-\[0\.9\] {
--tw-scale-x: .9;
--tw-scale-y: .9; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) }
.max-md\:\!grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr))!important }
.max-md\:\!grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr))!important }
.max-md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) }
.max-md\:\!grid-rows-2 { grid-template-rows: repeat(2, minmax(0, 1fr))!important }
.max-md\:\!flex-col { flex-direction: column!important }
.max-md\:flex-col { flex-direction: column }
.max-md\:flex-wrap { flex-wrap: wrap }
.max-md\:\!items-start { align-items: flex-start!important }
.max-md\:items-start { align-items: flex-start }
.max-md\:items-end { align-items: flex-end }
.max-md\:items-center { align-items: center }
.max-md\:justify-center { justify-content: center }
.max-md\:\!gap-\[0px\] { gap: 0px!important }
.max-md\:\!gap-\[10px\] { gap:calc(10 * var(--scale))!important
}
.max-md\:\!gap-\[22px\] { gap:calc(22 * var(--scale))!important
}
.max-md\:\!gap-\[79px\] { gap:calc(79 * var(--scale))!important
}
.max-md\:gap-\[14px\] { gap:calc(14 * var(--scale))
}
.max-md\:gap-\[18px\] { gap:calc(18 * var(--scale))
}
.max-md\:gap-\[27px\] { gap:calc(27 * var(--scale))
}
.max-md\:gap-\[49px\] { gap:calc(49 * var(--scale))
}
.max-md\:gap-\[54px\] { gap:calc(54 * var(--scale))
}
.max-md\:gap-x-\[12px\] { -moz-column-gap:calc(12 * var(--scale));
column-gap:calc(12 * var(--scale))
}
.max-md\:gap-y-\[20px\] { row-gap:calc(20 * var(--scale))
}
.max-md\:overflow-auto { overflow: auto }
.max-md\:rounded-\[12px\] { border-radius:calc(12 * var(--scale))
}
.max-md\:bg-\[\#00523A\] {
--tw-bg-opacity: 1; background-color: rgb(0 82 58 / var(--tw-bg-opacity, 1)) }
.max-md\:bg-\[\#AFC8C0\] {
--tw-bg-opacity: 1; background-color: rgb(175 200 192 / var(--tw-bg-opacity, 1)) }
.max-md\:\!object-contain { -o-object-fit: contain!important; object-fit: contain!important }
.max-md\:p-\[0px\] { padding: 0 }
.max-md\:p-\[12px\] { padding:calc(12 * var(--scale))
}
.max-md\:\!px-\[0px\] { padding-left: 0!important; padding-right: 0!important }
.max-md\:\!px-\[16px\] { padding-left:calc(16 * var(--scale))!important;
padding-right:calc(16 * var(--scale))!important
}
.max-md\:\!px-\[20px\] { padding-left:calc(20 * var(--scale))!important;
padding-right:calc(20 * var(--scale))!important
}
.max-md\:\!py-0 { padding-top: 0!important; padding-bottom: 0!important }
.max-md\:\!py-\[70px\] { padding-top:calc(70 * var(--scale))!important;
padding-bottom:calc(70 * var(--scale))!important
}
.max-md\:px-\[0px\] { padding-left: 0; padding-right: 0 }
.max-md\:px-\[16px\] { padding-left:calc(16 * var(--scale));
padding-right:calc(16 * var(--scale))
}
.max-md\:px-\[18px\] { padding-left:calc(18 * var(--scale));
padding-right:calc(18 * var(--scale))
}
.max-md\:px-\[19px\] { padding-left:calc(19 * var(--scale));
padding-right:calc(19 * var(--scale))
}
.max-md\:px-\[61px\] { padding-left:calc(61 * var(--scale));
padding-right:calc(61 * var(--scale))
}
.max-md\:\!pb-\[116px\] { padding-bottom:calc(116 * var(--scale))!important
}
.max-md\:\!pb-\[133px\] { padding-bottom:calc(133 * var(--scale))!important
}
.max-md\:\!pb-\[34px\] { padding-bottom:calc(34 * var(--scale))!important
}
.max-md\:\!pt-\[0px\] { padding-top: 0!important }
.max-md\:\!pt-\[65px\] { padding-top:calc(65 * var(--scale))!important
}
.max-md\:pb-\[0px\] { padding-bottom: 0 }
.max-md\:pb-\[26px\] { padding-bottom:calc(26 * var(--scale))
}
.max-md\:pl-\[0px\] { padding-left: 0 }
.max-md\:pl-\[16px\] { padding-left:calc(16 * var(--scale))
}
.max-md\:pl-\[60px\] { padding-left:calc(60 * var(--scale))
}
.max-md\:pr-\[16px\] { padding-right:calc(16 * var(--scale))
}
.max-md\:pt-\[124px\] { padding-top:calc(124 * var(--scale))
}
.max-md\:pt-\[132px\] { padding-top:calc(132 * var(--scale))
}
.max-md\:pt-\[142px\] { padding-top:calc(142 * var(--scale))
}
.max-md\:pt-\[96px\] { padding-top:calc(96 * var(--scale))
}
.max-md\:\!text-right { text-align: right!important }
.max-md\:\!text-\[16px\] { font-size:calc(16 * var(--scale))!important
}
.max-md\:\!text-\[20px\] { font-size:calc(20 * var(--scale))!important
}
.max-md\:\!text-\[60px\] { font-size:calc(60 * var(--scale))!important
}
.max-md\:\!text-\[80px\] { font-size:calc(80 * var(--scale))!important
}
.max-md\:\!text-\[85px\] { font-size:calc(85 * var(--scale))!important
}
.max-md\:text-\[14px\] { font-size:calc(14 * var(--scale))
}
.max-md\:text-\[16px\] { font-size:calc(16 * var(--scale))
}
.max-md\:text-\[18px\] { font-size:calc(18 * var(--scale))
}
.max-md\:text-\[20px\] { font-size:calc(20 * var(--scale))
}
.max-md\:text-\[24px\] { font-size:calc(24 * var(--scale))
}
.max-md\:text-\[32px\] { font-size:calc(32 * var(--scale))
}
.max-md\:font-medium { font-weight: 500 }
.max-md\:font-normal { font-weight: 400 }
.max-md\:leading-\[22px\] { line-height:calc(22 * var(--scale))
}
.max-md\:leading-\[28px\] { line-height:calc(28 * var(--scale))
}
.max-md\:leading-\[32px\] { line-height:calc(32 * var(--scale))
}
.max-md\:transition-all { transition-property: all; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: .15s }
}
@media (min-width: 768px) {
.md\:text-4xl { font-size: 2.25rem; line-height: 2.5rem }
.md\:text-\[200px\] { font-size:calc(200 * var(--scale))
}
}
@media (min-width: 1024px) {
.lg\:overflow-x-hidden { overflow-x: hidden }
}
@media (max-width: 768px) {
:root { --scale: var(--mobile-scale)
}
}