/* Estilos de layout da página de referência (bambulab.com/pt-br/a1), capturados na auditoria.
   Gerado por tools/gen_a1.py — não editar à mão: ajustes da 3D Club ficam em css/a1/a1.css. */
:root { --Display-1-Size: 54px; --Display-1-Line-Height: 60px; --Display-1-1-Size: 48px; --Display-1-1-Line-Height: 53px; --Display-2-Size: 40px; --Display-2-Line-Height: 44px; --Headline-1-Size: 36px; --Headline-1-Line-Height: 40px; --Headline-2-Size: 30px; --Headline-2-Line-Height: 33px; --Headline-3-Size: 28px; --Headline-3-Line-Height: 31px; --Headline-4-Size: 24px; --Headline-4-Line-Height: 29px; --Title-1-Size: 22px; --Title-1-Line-Height: 27px; --Title-2-Size: 20px; --Title-2-Line-Height: 24px; --Title-3-Size: 20px; --Title-3-Line-Height: 24px; --Title-4-Size: 18px; --Title-4-Line-Height: 23px; --Body-1-Size: 16px; --Body-1-Line-Height: 21px; --Body-2-Size: 14px; --Body-2-Line-Height: 19px; --Body-3-Size: 14px; --Body-3-Line-Height: 20px; --Body-4-Size: 12px; --Body-4-Line-Height: 17px; --Button-1-Size: 14px; --Button-1-Line-Height: 20px; --Description-1-Size: 12px; --Description-1-Line-Height: 17px; }
@media (min-width: 1025px){:root { --Display-1-Size: 64px; --Display-1-Line-Height: 70px; --Display-1-1-Size: 60px; --Display-1-1-Line-Height: 66px; --Display-2-Size: 56px; --Display-2-Line-Height: 61px; --Headline-1-Size: 48px; --Headline-1-Line-Height: 53px; --Headline-2-Size: 40px; --Headline-2-Line-Height: 44px; --Headline-3-Size: 36px; --Headline-3-Line-Height: 40px; --Headline-4-Size: 32px; --Headline-4-Line-Height: 38px; --Title-1-Size: 30px; --Title-1-Line-Height: 36px; --Title-2-Size: 24px; --Title-2-Line-Height: 29px; --Title-3-Size: 20px; --Title-3-Line-Height: 24px; --Title-4-Size: 18px; --Title-4-Line-Height: 23px; --Body-1-Size: 16px; --Body-1-Line-Height: 21px; --Body-2-Size: 14px; --Body-2-Line-Height: 19px; --Body-3-Size: 14px; --Body-3-Line-Height: 20px; --Body-4-Size: 14px; --Body-4-Line-Height: 20px; --Button-1-Size: 14px; --Button-1-Line-Height: 20px; --Description-1-Size: 12px; --Description-1-Line-Height: 17px; }}
@media (min-width: 1440px){:root { --Display-1-Size: 100px; --Display-1-Line-Height: 110px; --Display-1-1-Size: 86px; --Display-1-1-Line-Height: 95px; --Display-2-Size: 72px; --Display-2-Line-Height: 79px; --Headline-1-Size: 60px; --Headline-1-Line-Height: 66px; --Headline-2-Size: 54px; --Headline-2-Line-Height: 60px; --Headline-3-Size: 48px; --Headline-3-Line-Height: 53px; --Headline-4-Size: 40px; --Headline-4-Line-Height: 48px; --Title-1-Size: 34px; --Title-1-Line-Height: 41px; --Title-2-Size: 30px; --Title-2-Line-Height: 36px; --Title-3-Size: 24px; --Title-3-Line-Height: 29px; --Title-4-Size: 20px; --Title-4-Line-Height: 26px; --Body-1-Size: 18px; --Body-1-Line-Height: 24px; --Body-2-Size: 16px; --Body-2-Line-Height: 21px; --Body-3-Size: 14px; --Body-3-Line-Height: 20px; --Body-4-Size: 14px; --Body-4-Line-Height: 20px; --Button-1-Size: 16px; --Button-1-Line-Height: 22px; --Description-1-Size: 12px; --Description-1-Line-Height: 17px; }}
:root { --Font-Style-Headline-1-Size: 54px; --Font-Style-Headline-1-Line-Height: 1.01; --Font-Style-Headline-2-Size: 30px; --Font-Style-Headline-2-Line-Height: 1.1; --Font-Style-Headline-3-Size: 26px; --Font-Style-Headline-3-Line-Height: 1.1; --Font-Style-Headline-4-Size: 24px; --Font-Style-Headline-4-Line-Height: 1.2; --Font-Style-Headline-5-Size: 22px; --Font-Style-Headline-5-Line-Height: 1.1; --Font-Style-Subtitle-1-Size: 20px; --Font-Style-Subtitle-1-Line-Height: 1.2; --Font-Style-Subtitle-2-Size: 18px; --Font-Style-Subtitle-2-Line-Height: 1.2; --Font-Style-Subtitle-3-Size: 16px; --Font-Style-Subtitle-3-Line-Height: 1.3; --Font-Style-Subtitle-4-Size: 14px; --Font-Style-Subtitle-4-Line-Height: 1.4; --Font-Style-Subtitle-5-Size: 12px; --Font-Style-Subtitle-5-Line-Height: 1.5; --Font-Style-Subtitle-6-Size: 14px; --Font-Style-Subtitle-6-Line-Height: 1.5; --Font-Style-Body-1-Size: 16px; --Font-Style-Body-1-Line-Height: 1.3; --Font-Style-Body-2-Size: 14px; --Font-Style-Body-2-Line-Height: 1.4; --Font-Style-Body-3-Size: 12px; --Font-Style-Body-3-Line-Height: 1.5; --Font-Style-Button-Size: 14px; --Font-Style-Button-Line-Height: 1.4; --Font-Style-Description-Size: 12px; --Font-Style-Description-Line-Height: 1.5; }
@media (min-width: 1025px){:root { --Font-Style-Headline-1-Size: 100px; --Font-Style-Headline-1-Line-Height: 1.1; --Font-Style-Headline-2-Size: 54px; --Font-Style-Headline-2-Line-Height: 1.01; --Font-Style-Headline-3-Size: 48px; --Font-Style-Headline-3-Line-Height: 1.01; --Font-Style-Headline-4-Size: 40px; --Font-Style-Headline-5-Size: 34px; --Font-Style-Headline-5-Line-Height: 1.2; --Font-Style-Subtitle-1-Size: 30px; --Font-Style-Subtitle-2-Size: 24px; --Font-Style-Subtitle-3-Size: 18px; --Font-Style-Subtitle-4-Size: 16px; --Font-Style-Subtitle-5-Size: 14px; --Font-Style-Body-1-Size: 18px; --Font-Style-Body-2-Size: 16px; --Font-Style-Body-3-Size: 14px; --Font-Style-Button-Size: 16px; }}
:root { --Section-Gap-1: 32px; --Section-Gap-2: 48px; --Section-Gap-3: 56px; --Section-Gap-4: 64px; --Section-Gap-5: 80px; --Section-Gap-6: 120px; --Section-Gap-7: 140px; --Section-Gap-8: 160px; --Content-Gap-1: 2px; --Content-Gap-2: 4px; --Content-Gap-2-1: 6px; --Content-Gap-3: 8px; --Content-Gap-4: 10px; --Content-Gap-5: 12px; --Content-Gap-6: 12px; --Content-Gap-7: 14px; --Content-Gap-8: 18px; --Content-Gap-9: 20px; --Content-Gap-10: 28px; --Gutter-Gap-1: 16px; --Gutter-Gap-2: 12px; --Button-Gap-1: 10px; --Button-Gap-2: 12px; }
@media (min-width: 1025px){:root { --Section-Gap-1: 48px; --Section-Gap-2: 60px; --Section-Gap-3: 80px; --Section-Gap-4: 100px; --Section-Gap-5: 120px; --Section-Gap-6: 160px; --Section-Gap-7: 180px; --Section-Gap-8: 240px; --Content-Gap-1: 4px; --Content-Gap-2: 6px; --Content-Gap-2-1: 8px; --Content-Gap-3: 10px; --Content-Gap-4: 12px; --Content-Gap-5: 16px; --Content-Gap-6: 18px; --Content-Gap-7: 20px; --Content-Gap-8: 24px; --Content-Gap-9: 30px; --Content-Gap-10: 40px; --Gutter-Gap-1: 18px; --Gutter-Gap-2: 80px; --Button-Gap-1: 10px; --Button-Gap-2: 18px; }}
@media (min-width: 1440px){:root { --Section-Gap-1: 60px; --Section-Gap-2: 80px; --Section-Gap-3: 100px; --Section-Gap-4: 140px; --Section-Gap-5: 160px; --Section-Gap-6: 200px; --Section-Gap-7: 240px; --Section-Gap-8: 320px; --Content-Gap-1: 4px; --Content-Gap-2: 8px; --Content-Gap-2-1: 10px; --Content-Gap-3: 12px; --Content-Gap-4: 16px; --Content-Gap-5: 18px; --Content-Gap-6: 20px; --Content-Gap-7: 24px; --Content-Gap-8: 32px; --Content-Gap-9: 40px; --Content-Gap-10: 48px; --Gutter-Gap-1: 24px; --Gutter-Gap-2: 100px; --Button-Gap-1: 10px; --Button-Gap-2: 20px; }}
:root { --cc-font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; --cc-font-size: 16px; --cc-bg: #fff; --cc-z-index: 2147480000; --cc-text: #2d4156; --cc-border-radius: .45rem; --cc-btn-primary-bg: #2d4156; --cc-btn-primary-text: var(--cc-bg); --cc-btn-primary-hover-bg: #1d2e38; --cc-btn-primary-hover-text: var(--cc-btn-primary-text); --cc-btn-secondary-bg: #eaeff2; --cc-btn-secondary-text: var(--cc-text); --cc-btn-secondary-hover-bg: #d8e0e6; --cc-btn-secondary-hover-text: var(--cc-btn-secondary-text); --cc-btn-border-radius: .375rem; --cc-toggle-bg-off: #919ea6; --cc-toggle-bg-on: var(--cc-btn-primary-bg); --cc-toggle-bg-readonly: #d5dee2; --cc-toggle-knob-bg: #fff; --cc-toggle-knob-icon-color: #ecf2fa; --cc-block-text: var(--cc-text); --cc-cookie-category-block-bg: #f0f4f7; --cc-cookie-category-block-bg-hover: #e9eff4; --cc-section-border: #f1f3f5; --cc-cookie-table-border: #e9edf2; --cc-overlay-bg: #040608; --cc-overlay-opacity: .85; --cc-consent-modal-box-shadow: 0 .625rem 1.875rem rgba(2,2,3,.28); --cc-webkit-scrollbar-bg: #cfd5db; --cc-webkit-scrollbar-bg-hover: #9199a0; }
:root { --vh100: 100vh; --vh100-fixedTop: calc(100vh - 50px); --navBarHeight: 50px; --fixedTop: 50px; --cc-btn-primary-bg: #000; --x2d-color: #664beb; --x2d-color-dark: #938aff; --a2l-color: #5dc700; --a2l-color-dark: #64d402; }
@media (min-width: 1025px){:root { --vh100: 100vh; --vh100-fixedTop: calc(100vh - 56px); --navBarHeight: 56px; --fixedTop: 56px; }}
:root { --icon-main-color: #333; --icon-fill-color: #f5f5f5; }
:root { --swiper-theme-color: #007aff; }
:root { --swiper-navigation-size: 44px; }
@keyframes consent-banner-fade-in-top { 
  0% { opacity: 0; transform: translateY(-20px); }
  60% { opacity: 1; transform: translateY(4px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes consent-banner-fade-in-left-bottom { 
  0% { opacity: 0; transform: translate(-20px, 20px); }
  60% { opacity: 1; transform: translate(4px, -4px); }
  100% { opacity: 1; transform: translate(0px); }
}
@keyframes swiper-preloader-spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes video-react-spinner-spin { 
  100% { transform: rotate(360deg); }
}
@-webkit-keyframes video-react-spinner-spin { 
  100% { transform: rotate(360deg); }
}
@keyframes video-react-spinner-fade { 
  0% { border-top-color: rgb(115, 133, 159); }
  20% { border-top-color: rgb(115, 133, 159); }
  35% { border-top-color: rgb(255, 255, 255); }
  60% { border-top-color: rgb(115, 133, 159); }
  100% { border-top-color: rgb(115, 133, 159); }
}
@keyframes video-react-bezel-fadeout { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: scale(2); }
}
@keyframes video-react-bezel-fadeout-alt { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: scale(2); }
}
@-webkit-keyframes nprogress-spinner { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes nprogress-spinner { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.css-ewz95p { height: 100%; }
.css-ewz95p .notistack-MuiContent { font-size: 1.4rem; }
.css-ewz95p .notistack-MuiContent-success { background-color: rgb(84, 214, 44) !important; }
.css-ewz95p .notistack-MuiContent-error { background-color: rgb(255, 72, 66) !important; }
.css-ewz95p .notistack-MuiContent-warning { background-color: rgb(255, 193, 7) !important; }
.css-ewz95p .notistack-MuiContent-info { background-color: rgb(0, 174, 66) !important; }
.css-15sctiv { height: 100%; display: flex; flex-direction: column; min-height: var(--vh100); }
.css-15sctiv .pageContent { flex: 1 1 0%; display: flex; flex-direction: column; padding-top: var(--fixedTop); }
.css-15sctiv .pageContent .fullHeight { height: var(--vh100-fixedTop); }
.css-15sctiv .pageContent .fullHeightMin { min-height: var(--vh100-fixedTop); }
.css-15sctiv .pageContent .fixTop { top: var(--fixedTop); }
.css-15sctiv .fix-icon-content { position: fixed; bottom: 80px; right: 20px; display: flex; flex-direction: column; -webkit-box-pack: justify; justify-content: space-between; width: 48px; z-index: 999; }
.css-1v9lt4u { margin: 0px; font: inherit; letter-spacing: inherit; color: rgb(0, 174, 66); text-decoration: none; }
.css-1v9lt4u:hover { text-decoration: underline; }
.css-1qjpx9t { position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; font-family: Manrope, "Open Sans", "system-ui", "Segoe UI", Roboto, Oxygen, Ubuntu, "Fira Sans", "Droid Sans", "Helvetica Neue", sans; padding: 6px 16px; border: 0px; color: var(--variant-containedColor); background-color: var(--variant-containedBg); --variant-textColor: #00AE42; --variant-outlinedColor: #00AE42; --variant-outlinedBorder: rgba(0, 174, 66, 0.5); --variant-containedColor: #fff; --variant-containedBg: #00AE42; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1); font-size: var(--Button-1-Size); line-height: var(--Button-1-Line-Height); text-transform: none; font-weight: 400; height: 40px; min-width: 140px; display: inline-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; border-radius: 3px; box-shadow: none; }
.css-1qjpx9t.Mui-disabled { pointer-events: none; cursor: default; }
.css-1qjpx9t:hover { text-decoration: none; }
.css-1qjpx9t.Mui-disabled { color: rgba(145, 158, 171, 0.8); }
.css-1qjpx9t:hover { box-shadow: rgba(145, 158, 171, 0.2) 0px 2px 4px -1px, rgba(145, 158, 171, 0.14) 0px 4px 5px 0px, rgba(145, 158, 171, 0.12) 0px 1px 10px 0px; }
.css-1qjpx9t:active { box-shadow: rgba(145, 158, 171, 0.2) 0px 5px 5px -3px, rgba(145, 158, 171, 0.14) 0px 8px 10px 1px, rgba(145, 158, 171, 0.12) 0px 3px 14px 2px; }
.css-1qjpx9t.Mui-focusVisible { box-shadow: rgba(145, 158, 171, 0.2) 0px 3px 5px -1px, rgba(145, 158, 171, 0.14) 0px 6px 10px 0px, rgba(145, 158, 171, 0.12) 0px 1px 18px 0px; }
.css-1qjpx9t.Mui-disabled { color: rgba(145, 158, 171, 0.8); box-shadow: none; background-color: rgba(145, 158, 171, 0.24); }
.css-1qjpx9t.MuiButton-loading { color: transparent; }
.css-1qjpx9t:hover { box-shadow: none; }
.css-kv22yv { background: rgb(255, 255, 255); }
.css-kv22yv .anchor { scroll-margin-top: calc(var(--fixedTop)); }
.css-1rdcuti { position: sticky; top: 0px; left: 0px; right: 0px; z-index: 1200; background-color: rgb(255, 255, 255); box-shadow: rgba(189, 189, 189, 0.25) 0px 3px 3px 0px; }
.css-9bc54w { padding-left: 20px; padding-right: 20px; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; max-width: 1200px; margin: 0px auto; height: var(--navBarHeight); }
.css-125pbvj { display: flex; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; height: 100%; flex: 1 1 0%; overflow: hidden; }
.css-125pbvj .title { margin-right: 50px; font-size: 16px; font-weight: 600; color: rgb(0, 0, 0); white-space: nowrap; }
.css-125pbvj .LinkItemContent { display: none; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }
.css-125pbvj .LinkItemContent .menuItem { margin-right: 30px; font-size: 14px; line-height: 19px; color: rgb(51, 51, 51); }
.css-125pbvj .LinkItemContent .menuItem:hover { color: rgb(153, 153, 153); }
.css-d8jj0z { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }
.css-d8jj0z .link { margin-left: 20px; color: rgb(51, 51, 51); font-size: 14px; line-height: 20px; }
.css-d8jj0z .link:nth-of-type(1) { margin-left: 0px; }
.css-d8jj0z .buy { display: block; }
.css-d8jj0z .buy .buyButton { height: 23px; padding: 10px; border-radius: 3px; border: 1px solid rgb(0, 174, 66); background: rgb(255, 255, 255); color: rgb(0, 174, 66); font-size: 12px; min-width: 42px; font-weight: 400; }
.css-aeikfa > .sticky-content:nth-of-type(1) > .sticky-mask { display: none; }
.css-1rblvik { position: relative; z-index: 10; }
.css-1rblvik > .sticky-mask { pointer-events: none; position: absolute; top: calc(0px - var(--vh100-fixedTop)); height: var(--vh100-fixedTop); left: 0px; width: 100%; background: rgb(0, 0, 0); opacity: 0; }
.css-9boyxz { background: rgb(247, 247, 247); position: relative; height: var(--vh100-fixedTop); }
.css-9boyxz .maxWidthContent { position: relative; width: 100%; height: 100%; margin: 0px auto; }
.css-9boyxz .textContent { position: absolute; inset: 0px; }
.css-9boyxz .maxWidth { max-width: 1200px; width: 100%; top: 0px; }
.css-9boyxz .scrollVideoContent { width: 100%; height: var(--vh100-fixedTop); position: sticky; top: var(--fixedTop); }
.css-9boyxz .scrollVideoContent .imgContent { display: none; }
.css-9boyxz .mobileBg { position: absolute; bottom: 0px; width: 100%; min-height: 100%; object-fit: cover; z-index: 10; }
.css-9boyxz .scrollVideoCanvas { display: none; position: absolute; width: 100%; height: 100%; z-index: 10; }
.css-zginet { position: absolute; text-align: center; padding: 20px; color: rgb(51, 51, 51); top: 0px; z-index: 10; width: 100%; }
.css-zginet .title { margin: 20px 0px 10px; font-size: 24px; line-height: 32px; font-weight: 600; white-space: nowrap; }
.css-zginet .desc { margin: 0px auto 5px; font-weight: 400; font-size: 16px; line-height: 24px; }
.css-zginet .linkContent { margin-top: 20px; width: 100%; text-align: center; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }
.css-zginet .linkContent .gridContent { display: grid; grid-template-columns: 1fr; gap: 15px; }
.css-zginet .linkContent .gridContent .button { min-width: 180px; }
.css-zginet .linkContent .gridContent.gridContent-2 { grid-template-columns: 1fr 1fr; }
.css-zginet .linkContent .gridContent.gridContent-2 .button { min-width: auto; }
.css-zginet .linkContent .button { width: 100%; height: 44px; font-size: 14px; line-height: 16px; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; font-weight: 400; color: rgb(51, 51, 51); border: 1px solid rgb(51, 51, 51); border-radius: 5px; padding: 0px 20px; white-space: nowrap; }
.css-zginet .linkContent .button .playIcon { margin-left: 10px; min-width: 14px; min-height: 14px; }
.css-zginet .linkContent .button:hover { background: rgb(51, 51, 51); color: rgb(255, 255, 255); }
.css-zginet .linkContent .button:hover .playIcon path { fill: rgb(255, 255, 255); }
.css-t6gb2x { position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; font-family: Manrope, "Open Sans", "system-ui", "Segoe UI", Roboto, Oxygen, Ubuntu, "Fira Sans", "Droid Sans", "Helvetica Neue", sans; border-width: 1px; border-style: solid; border-image: none; border-color: var(--variant-outlinedBorder, currentColor); background-color: var(--variant-outlinedBg); color: var(--variant-outlinedColor); --variant-textColor: #00AE42; --variant-outlinedColor: #00AE42; --variant-outlinedBorder: rgba(0, 174, 66, 0.5); --variant-containedColor: #fff; --variant-containedBg: #00AE42; padding: 3px 9px; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1); font-size: var(--Button-1-Size); line-height: var(--Button-1-Line-Height); text-transform: none; font-weight: 400; height: 40px; min-width: 140px; display: inline-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; border-radius: 3px; }
.css-t6gb2x.Mui-disabled { pointer-events: none; cursor: default; }
.css-t6gb2x:hover { text-decoration: none; }
.css-t6gb2x.Mui-disabled { color: rgba(145, 158, 171, 0.8); }
.css-t6gb2x.Mui-disabled { border: 1px solid rgba(145, 158, 171, 0.24); }
.css-t6gb2x.MuiButton-loading { color: transparent; }
.css-t6gb2x:hover { box-shadow: none; }
.css-1xo8gy { background: rgb(0, 0, 0); display: flex; flex-direction: column; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; padding: 60px 0px; }
.css-1xo8gy .galleryitle { font-size: 22px; line-height: 30px; font-weight: 600; color: rgb(255, 255, 255); margin-bottom: 30px; text-align: center; white-space: pre-wrap; }
.css-1xo8gy .content { width: 100%; max-width: 1160px; display: grid; gap: 10px; }
.css-vn5n95 { position: relative; height: 500px; overflow: hidden; }
.css-1ig39ys { transition: opacity 500ms; opacity: 0.2; position: relative; height: 100%; }
.css-1ig39ys img { position: absolute; display: block; width: 100%; height: 100%; object-fit: cover; }
.css-e8gtuo { position: absolute; bottom: 0px; right: 0px; left: 0px; font-weight: 400; background: rgba(0, 0, 0, 0.7); width: 100%; padding: 15px 20px; box-sizing: border-box; filter: drop-shadow(rgba(0, 0, 0, 0.1) 0px 0px 10px); color: rgb(255, 255, 255); }
.css-e8gtuo .row { display: flex; flex-direction: column; align-items: flex-start; -webkit-box-pack: justify; justify-content: space-between; }
.css-e8gtuo .author { white-space: nowrap; font-size: 14px; line-height: 22px; }
.css-e8gtuo .time { display: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: start; justify-content: flex-start; font-size: 14px; line-height: 22px; font-weight: 700; }
.css-e8gtuo .time svg { width: 17.5px; height: 20px; }
.css-e8gtuo .time svg path { fill: rgb(255, 255, 255); }
.css-e8gtuo .title { font-size: 14px; line-height: 22px; }
.css-1ymjihh { position: relative; height: 500px; overflow: hidden; }
.css-vb0y3a { position: relative; height: 500px; overflow: hidden; }
.css-2go790 { background: rgb(255, 255, 255); }
.css-7tl5he { height: var(--vh100-fixedTop); position: sticky; top: var(--fixedTop); padding: 0px 20px; overflow: hidden; display: flex; flex-direction: column; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }
.css-7tl5he .maxWidth { max-width: 1920px; width: 100%; margin: 0px auto; }
.css-7tl5he .title { width: 100%; font-size: 20px; line-height: 30px; font-weight: 600; color: rgb(51, 51, 51); border-bottom: 0.3px solid rgb(51, 51, 51); padding: 10px 0px; }
.css-1fy2slb { padding: 10px 0px; width: 100%; position: relative; }
.css-wosrif { display: grid; column-gap: 15px; grid-auto-flow: column; position: absolute; left: 0px; }
.css-1sa7noc { max-width: 350px; width: 300px; }
.css-1sa7noc .cardTitle { font-size: 16px; line-height: 26px; font-weight: 600; color: rgb(51, 51, 51); margin-bottom: 5px; white-space: nowrap; }
.css-1sa7noc .cardDesc { font-size: 14px; line-height: 22px; color: rgb(51, 51, 51); white-space: nowrap; }
.css-1sa7noc .imgContent { width: 100%; padding-bottom: 142.857%; position: relative; margin-top: 10px; }
.css-1sa7noc .imgContent picture .img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; }
.css-mspzmi { background: rgb(255, 255, 255); position: relative; }
.css-mspzmi .textContent { position: sticky; top: var(--fixedTop); left: 0px; right: 0px; bottom: 0px; z-index: 12; }
.css-mspzmi .textContent .imagesContent { transition: 300ms; position: absolute; width: 100%; }
.css-mspzmi .seactionTextContent { top: 50px; max-width: 500px; }
.css-mspzmi .imgContent { display: block; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 10; overflow: hidden; transition: 300ms; }
.css-mspzmi .imgContent .scrollVideoImg { position: absolute; top: 0px; left: -65%; width: 170%; height: 100%; object-fit: cover; object-position: center 80%; }
.css-1vigyk1 { position: relative; width: 100%; height: var(--vh100-fixedTop); left: 0px; bottom: 0px; }
.css-1vigyk1.fixHeight { height: 154.67vw; }
.css-1vigyk1 .maxWidth { max-width: 1160px; margin: 0px auto; position: absolute; width: 100%; height: 100%; top: 0px; }
.css-1doqxhe { width: 100%; height: 100%; }
.css-1doqxhe .content { height: 100%; line-height: 0; position: relative; }
.css-1doqxhe .content.hidden { display: none; }
.css-1doqxhe .content picture, .css-1doqxhe .content img { position: absolute; top: 0px; left: 0px; width: 100%; object-position: center top; line-height: 0; }
.css-1l8ptx2 { text-align: center; padding: 20px; color: rgb(51, 51, 51); position: absolute; top: 20px; z-index: 10; width: 100%; }
.css-1l8ptx2 .content { position: relative; }
.css-1l8ptx2 .sectionTitle { margin: 0px; font-size: 18px; line-height: 28px; font-weight: 400; }
.css-1l8ptx2 .title { margin: 0px 0px 15px; font-size: 22px; line-height: 30px; font-weight: 600; }
.css-1l8ptx2 .desc { margin: 0px auto 20px; font-weight: 400; font-size: 14px; line-height: 22px; white-space: pre-line; }
.css-1l8ptx2 .buttonContent { margin-top: 20px; width: 100%; }
.css-1l8ptx2 .buttonContent .link { display: inline-block; }
.css-1l8ptx2 .buttonContent .button { height: 44px; font-size: 14px; line-height: 16px; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; font-weight: 400; color: rgb(51, 51, 51); border: 1px solid rgb(51, 51, 51); min-width: 180px; border-radius: 5px; padding: 0px 20px; }
.css-1l8ptx2 .buttonContent .button .icon { margin-left: 10px; }
.css-1l8ptx2 .buttonContent .button:hover { background: rgb(51, 51, 51); color: rgb(255, 255, 255); }
.css-1l8ptx2 .buttonContent .button:hover .icon path { fill: rgb(255, 255, 255); }
.css-1l8ptx2 .buttonContent .button.green { background: rgb(0, 174, 66); color: rgb(255, 255, 255); border: 1px solid rgb(0, 174, 66); }
.css-1l8ptx2.white { color: rgb(255, 255, 255); }
.css-1l8ptx2.hideButtonInMobile .buttonContent { display: none; }
.css-1u5hkdl { position: absolute; width: 100%; top: -30px; height: 28px; overflow: hidden; }
.css-1u5hkdl .sectionTitleContent { position: absolute; width: 100%; top: 0px; left: 0px; z-index: 1; transition: top 500ms; }
.css-1u5hkdl .sectionTitleContent .sectionTitle { white-space: nowrap; transition: opacity 500ms; margin: 0px; }
.css-1u5hkdl .sectionTitleContent .absoluteButtonContent { position: absolute; width: 100%; bottom: -70px; }
.css-1plvhti .sectionTextContent { position: absolute; left: 0px; top: 0px; opacity: 0; transition: 500ms; }
.css-1plvhti .sectionTextContent:nth-of-type(1) { opacity: 1; }
.css-ayliak { height: calc(var(--vh100) + 800px); position: relative; }
.css-ayliak .maxWidthContent { position: relative; width: 100%; height: 100%; max-width: 1920px; margin: 0px auto; }
.css-ayliak .textContent { position: absolute; inset: 0px; z-index: 10; }
.css-ayliak .scrollVideoContent { width: 100%; height: var(--vh100-fixedTop); position: sticky; top: var(--fixedTop); }
.css-ayliak .scrollVideoContent .imgContent { display: block; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 10; overflow: hidden; }
.css-ayliak .scrollVideoContent .imgContent .scrollVideoImg { position: absolute; top: 0px; left: -100%; width: 200%; height: 100%; object-fit: cover; object-position: center 70%; }
.css-ayliak .scrollVideoImg { position: absolute; width: 100%; height: 100%; object-fit: contain; }
.css-ayliak .scrollVideoCanvas { position: absolute; width: 100%; height: 100%; z-index: 10; }
.css-1uqzs8i { position: absolute; left: 0px; top: 0px; overflow: hidden; width: 100%; }
.css-m0c8sz { width: 100%; }
.css-m0c8sz .stickyContent { overflow: hidden; position: sticky; top: var(--fixedTop); }
.css-m0c8sz .rowContent { position: relative; height: var(--vh100-fixedTop); width: 100%; }
.css-m0c8sz .item { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 0; opacity: 0; transition: opacity 1000ms; }
.css-m0c8sz .item:nth-of-type(1) { opacity: 1; z-index: 1; }
.css-m0c8sz .progress { position: absolute; bottom: 58px; left: 50%; width: calc(100% - 50px); max-width: 450px; transform: translateX(-50%); }
.css-1o4htdl { position: relative; overflow: hidden; width: 100vw; }
.css-1o4htdl .createBy { position: absolute; right: 0px; bottom: 40px; color: rgb(91, 68, 28); width: 100%; text-align: center; font-size: 12px; line-height: 16px; }
.css-1o4htdl:nth-of-type(1) { height: 100%; box-shadow: none; }
.css-wtznu4 { position: relative; height: calc(var(--vh100) + 1000px); }
.css-wtznu4 .stickyContent { width: 100%; height: var(--vh100-fixedTop); position: sticky; top: var(--fixedTop); }
.css-wtznu4 .maxWidth .sectionTitle { color: rgb(255, 255, 255); }
.css-wtznu4 .maxWidth .title { color: rgb(255, 255, 255); }
.css-wtznu4 .maxWidth .desc { color: rgb(255, 255, 255); }
.css-40picm { position: absolute; left: 0px; top: 0px; overflow: hidden; width: 100%; height: 100%; z-index: 0; opacity: 0; transition: opacity 1000ms; }
.css-40picm .OpcityContentMask { position: absolute; left: 0px; top: 0px; overflow: hidden; width: 100%; height: 100%; background: rgb(0, 0, 0); opacity: 0.9; transition: opacity 1000ms; }
.css-40picm .maxWidth { max-width: 1200px; margin: 0px auto; position: absolute; width: 100%; height: 100%; top: 0px; }
.css-14cl4y5 { text-align: center; padding: 20px; color: rgb(51, 51, 51); position: absolute; bottom: 50%; z-index: 10; width: 100%; height: 35%; min-height: 300px; transform: translateY(50%); }
.css-14cl4y5 .swiper { height: calc(100% - 50px); }
.css-14cl4y5 .swiper-slide { height: 100%; display: flex; -webkit-box-pack: center; justify-content: center; align-items: flex-start; color: rgb(255, 199, 0); text-align: center; font-size: 14px; line-height: 22px; }
.css-14cl4y5 .swiperButton { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; width: 100%; font-size: 0px; }
.css-14cl4y5 .swiperButton .prev, .css-14cl4y5 .swiperButton .next { cursor: pointer; font-size: 40px; line-height: 40px; height: 40px; margin: 0px 20px; border-radius: 50%; }
.css-14cl4y5 .swiperButton .prev:hover path, .css-14cl4y5 .swiperButton .next:hover path { fill: rgb(255, 199, 0); }
.css-14cl4y5 .swiperButton .prev:hover rect, .css-14cl4y5 .swiperButton .next:hover rect { stroke: rgb(255, 199, 0); }
.css-14cl4y5 .swiperButton .next { transform: rotate(180deg); }
.css-14cl4y5 .SwiperSlideContent { display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.css-14cl4y5 .SwiperSlideContent .SwiperSlideImgContent { margin-bottom: 15px; border: 7px solid rgb(255, 255, 255); height: calc(-64px + 80vw); font-size: 0px; line-height: 0; }
.css-14cl4y5 .SwiperSlideContent .SwiperSlideImgContent .img { width: 100%; height: 100%; object-fit: cover; }
.css-14cl4y5 .SwiperSlideContent .textContent { flex: 1 1 0%; align-self: flex-start; }
.css-14cl4y5.hasImg { height: 95%; padding: 20px 40px; }
.css-14cl4y5.hasImg .textContent { text-align: left; }
.css-guvodc { overflow: hidden; position: relative; }
.css-guvodc .buttonContent { display: none; margin-top: 20px; width: 100%; }
.css-guvodc .buttonContent .link { display: inline-block; }
.css-guvodc .buttonContent .button { height: 44px; font-size: 14px; line-height: 16px; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; font-weight: 400; color: rgb(51, 51, 51); border: 1px solid rgb(51, 51, 51); min-width: 180px; border-radius: 5px; padding: 0px 20px; }
.css-guvodc .buttonContent .button .icon { margin-left: 10px; }
.css-guvodc .buttonContent .button:hover { background: rgb(51, 51, 51); color: rgb(255, 255, 255); }
.css-guvodc .buttonContent .button:hover .icon path { fill: rgb(255, 255, 255); }
.css-guvodc .auth { position: absolute; bottom: 20px; left: 50%; font-size: 12px; line-height: 20px; color: rgb(102, 102, 102); transform: translateX(-50%); display: flex; }
.css-guvodc .auth .authItem { display: flex; margin-right: 10px; white-space: nowrap; }
.css-guvodc .auth .authItem .authItem { display: flex; margin-right: 50px; }
.css-guvodc .auth .authItem .authItem .marker { width: 30px; height: 30px; min-width: 30px; background: rgb(51, 51, 51); color: rgb(255, 255, 255); display: flex; text-align: center; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; border-radius: 50%; font-size: 12px; line-height: 12px; margin-right: 10px; }
.css-guvodc .auth .authItem .authItem .marker:nth-last-of-type(1) { margin-right: 30px; }
.css-guvodc .auth .authItem .marker { width: 20px; height: 20px; min-width: 20px; background: rgb(51, 51, 51); color: rgb(255, 255, 255); display: flex; text-align: center; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; border-radius: 50%; font-size: 14px; line-height: 14px; margin-right: 5px; }
.css-guvodc .auth .authItem .marker:nth-last-of-type(1) { margin-right: 10px; }
.css-nst0ur { position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; font-family: Manrope, "Open Sans", "system-ui", "Segoe UI", Roboto, Oxygen, Ubuntu, "Fira Sans", "Droid Sans", "Helvetica Neue", sans; border-width: 1px; border-style: solid; border-image: none; border-color: var(--variant-outlinedBorder, currentColor); background-color: var(--variant-outlinedBg); color: var(--variant-outlinedColor); --variant-textColor: #00AE42; --variant-outlinedColor: #00AE42; --variant-outlinedBorder: rgba(0, 174, 66, 0.5); --variant-containedColor: #fff; --variant-containedBg: #00AE42; padding: 3px 9px; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1); text-transform: none; height: 36px; font-size: 12px; line-height: 15px; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; font-weight: 400; margin: 0px auto; min-width: 120px; border-radius: 5px; }
.css-nst0ur.Mui-disabled { pointer-events: none; cursor: default; }
.css-nst0ur:hover { text-decoration: none; }
.css-nst0ur.Mui-disabled { color: rgba(145, 158, 171, 0.8); }
.css-nst0ur.Mui-disabled { border: 1px solid rgba(145, 158, 171, 0.24); }
.css-nst0ur.MuiButton-loading { color: transparent; }
.css-nst0ur:hover { box-shadow: none; }
.css-nst0ur .icon { margin-left: 10px; }
.css-nst0ur .icon path { fill: rgb(51, 51, 51); }
.css-hs3ei3 { text-align: center; position: absolute; bottom: 20px; right: 0px; z-index: 10; width: 100%; }
.css-hs3ei3 .imgContent { padding-top: 60%; position: relative; }
.css-hs3ei3 .imgContent .phoneContent { position: absolute; bottom: 20px; width: 40%; padding-top: 70%; left: 50%; transform: translateX(-50%); }
.css-hs3ei3 picture, .css-hs3ei3 img { position: absolute; object-fit: contain; object-position: center center; line-height: 0; }
.css-hs3ei3 picture.phone, .css-hs3ei3 img.phone { bottom: -20px; left: 0px; width: 100%; }
.css-hs3ei3 picture.model, .css-hs3ei3 img.model { transform-origin: center center; transition: transform 2s; }
.css-hs3ei3 picture.model.model1, .css-hs3ei3 img.model.model1 { width: 80%; right: -50%; top: 10%; }
.css-hs3ei3 picture.model.model2, .css-hs3ei3 img.model.model2 { width: 80%; left: -65%; bottom: 25%; }
.css-hs3ei3 picture.model.model3, .css-hs3ei3 img.model.model3 { width: 42%; left: -25%; top: 0%; }
.css-hs3ei3 picture.model.end, .css-hs3ei3 img.model.end { transform: translateY(10px); }
.css-hs3ei3 picture.model.start, .css-hs3ei3 img.model.start { transform: translateY(0px); }
.css-c5frto { background: rgb(241, 241, 243); height: calc(var(--vh100) + 800px); position: relative; }
.css-c5frto .maxWidthContent { position: relative; width: 100%; height: 100%; max-width: 1920px; margin: 0px auto; }
.css-c5frto .textContent { position: absolute; inset: 0px; z-index: 10; }
.css-c5frto .scrollVideoContent { width: 100%; height: var(--vh100-fixedTop); position: sticky; top: var(--fixedTop); }
.css-c5frto .scrollVideoContent .imgContent { display: block; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 10; overflow: hidden; }
.css-c5frto .scrollVideoContent .imgContent .scrollVideoImg { position: absolute; top: 0px; left: -80%; width: 200%; height: 100%; object-fit: cover; object-position: center 70%; }
.css-c5frto .scrollVideoImg { position: absolute; width: 100%; height: 100%; object-fit: contain; }
.css-c5frto .scrollVideoCanvas { position: absolute; width: 100%; height: 100%; z-index: 10; }
.css-1qn265s { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; background: rgb(255, 255, 255); padding: 40px 10px 10px; position: relative; }
.css-1qn265s .content { width: 100%; display: grid; gap: 10px; }
.css-1qn265s .content .leftGrid { display: grid; grid-auto-flow: column; grid-template-columns: 1fr; grid-template-rows: 1fr 1fr 1fr 1fr; gap: 10px; }
.css-1qn265s .content .rightGrid { display: grid; grid-auto-flow: column; grid-template-columns: 1fr; grid-template-rows: 1fr 1fr 1fr 1fr; gap: 10px; }
.css-karavo { position: relative; padding-bottom: 50%; border-radius: 5px; overflow: hidden; }
.css-karavo .imgContent { font-size: 0px; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden; }
.css-karavo .imgContent picture, .css-karavo .imgContent img { width: 100%; height: 100%; object-fit: cover; }
.css-karavo .title { position: absolute; z-index: 1; padding: 20px; font-weight: 600; font-size: 22px; line-height: 30px; color: rgb(255, 255, 255); }
.css-karavo .arrowIcon { transform: rotate(180deg); cursor: pointer; border-radius: 50%; position: absolute; bottom: -45px; left: 20px; z-index: 1; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; font-size: 40px; color: rgb(255, 199, 0); }
.css-karavo .arrowIcon path { fill: rgb(255, 199, 0); }
.css-karavo .arrowIcon rect { stroke: rgb(255, 199, 0); }
.css-1b8b3a0 { position: relative; padding-bottom: 50%; border-radius: 5px; overflow: hidden; }
.css-1b8b3a0 .imgContent { font-size: 0px; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden; }
.css-1b8b3a0 .imgContent picture, .css-1b8b3a0 .imgContent img { width: 100%; height: 100%; object-fit: cover; }
.css-1b8b3a0 .title { position: absolute; z-index: 1; padding: 20px; font-weight: 600; font-size: 22px; line-height: 30px; color: rgb(255, 255, 255); }
.css-1b8b3a0 .arrowIcon { transform: rotate(180deg); cursor: pointer; border-radius: 50%; position: absolute; bottom: -45px; left: 20px; z-index: 1; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; font-size: 40px; color: rgb(255, 199, 0); }
.css-1b8b3a0 .arrowIcon path { fill: rgb(255, 199, 0); }
.css-1b8b3a0 .arrowIcon rect { stroke: rgb(255, 199, 0); }
.css-18rgjce { position: relative; padding-bottom: 50%; border-radius: 5px; overflow: hidden; }
.css-18rgjce .imgContent { font-size: 0px; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden; }
.css-18rgjce .imgContent picture, .css-18rgjce .imgContent img { width: 100%; height: 100%; object-fit: cover; }
.css-18rgjce .title { position: absolute; z-index: 1; padding: 20px; font-weight: 600; font-size: 22px; line-height: 30px; color: rgb(255, 255, 255); }
.css-18rgjce .arrowIcon { transform: rotate(180deg); cursor: pointer; border-radius: 50%; position: absolute; bottom: -45px; left: 20px; z-index: 1; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; font-size: 40px; color: rgb(255, 199, 0); }
.css-18rgjce .arrowIcon path { fill: rgb(255, 199, 0); }
.css-18rgjce .arrowIcon rect { stroke: rgb(255, 199, 0); }
.css-1p8p1o6 { position: relative; padding-bottom: 50%; border-radius: 5px; overflow: hidden; }
.css-1p8p1o6 .imgContent { font-size: 0px; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden; }
.css-1p8p1o6 .imgContent picture, .css-1p8p1o6 .imgContent img { width: 100%; height: 100%; object-fit: cover; }
.css-1p8p1o6 .title { position: absolute; z-index: 1; padding: 20px; font-weight: 600; font-size: 22px; line-height: 30px; color: rgb(255, 255, 255); }
.css-1p8p1o6 .arrowIcon { transform: rotate(180deg); cursor: pointer; border-radius: 50%; position: absolute; bottom: -45px; left: 20px; z-index: 1; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; font-size: 40px; color: rgb(255, 199, 0); }
.css-1p8p1o6 .arrowIcon path { fill: rgb(255, 199, 0); }
.css-1p8p1o6 .arrowIcon rect { stroke: rgb(255, 199, 0); }
.css-1t2ceam { position: relative; padding-bottom: 50%; border-radius: 5px; overflow: hidden; }
.css-1t2ceam .imgContent { font-size: 0px; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden; }
.css-1t2ceam .imgContent picture, .css-1t2ceam .imgContent img { width: 100%; height: 100%; object-fit: cover; }
.css-1t2ceam .title { position: absolute; z-index: 1; padding: 20px; font-weight: 600; font-size: 22px; line-height: 30px; color: rgb(255, 255, 255); }
.css-1t2ceam .arrowIcon { transform: rotate(180deg); cursor: pointer; border-radius: 50%; position: absolute; bottom: -45px; left: 20px; z-index: 1; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; font-size: 40px; color: rgb(255, 199, 0); }
.css-1t2ceam .arrowIcon path { fill: rgb(255, 199, 0); }
.css-1t2ceam .arrowIcon rect { stroke: rgb(255, 199, 0); }
.css-w1m7gk { position: relative; padding-bottom: 50%; border-radius: 5px; overflow: hidden; }
.css-w1m7gk .imgContent { font-size: 0px; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden; }
.css-w1m7gk .imgContent picture, .css-w1m7gk .imgContent img { width: 100%; height: 100%; object-fit: cover; }
.css-w1m7gk .title { position: absolute; z-index: 1; padding: 20px; font-weight: 600; font-size: 22px; line-height: 30px; color: rgb(255, 255, 255); }
.css-w1m7gk .arrowIcon { transform: rotate(180deg); cursor: pointer; border-radius: 50%; position: absolute; bottom: -45px; left: 20px; z-index: 1; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; font-size: 40px; color: rgb(255, 199, 0); }
.css-w1m7gk .arrowIcon path { fill: rgb(255, 199, 0); }
.css-w1m7gk .arrowIcon rect { stroke: rgb(255, 199, 0); }
.css-1yhta98 { position: relative; background: rgb(233, 237, 242); height: 580px; overflow: hidden; }
.css-1yhta98 .maxWidth { max-width: 1200px; margin: 0px auto; position: absolute; top: 0px; left: 50%; transform: translateX(-50%); width: 100%; height: 100%; padding: 20px; display: flex; flex-direction: column; }
.css-6z18tp { position: absolute; left: 0px; bottom: 0px; width: 100%; line-height: 0; }
.css-6z18tp picture, .css-6z18tp img { width: 100%; height: 100%; object-fit: cover; }
.css-1odayif { text-align: center; color: rgb(51, 51, 51); z-index: 10; width: 100%; padding-top: 20px; }
.css-1odayif .topContent .title { margin: 0px 0px 10px; font-size: 24px; line-height: 32px; font-weight: 600; }
.css-1odayif .topContent .desc { margin: 0px 0px 20px; font-size: 14px; line-height: 22px; font-weight: 400; }
.css-1odayif .linkContent { margin-top: 20px; width: 100%; }
.css-1odayif .linkContent .link { display: inline-block; }
.css-1odayif .linkContent .button { height: 44px; font-size: 14px; line-height: 16px; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; font-weight: 400; color: rgb(255, 255, 255); border: 1px solid rgb(51, 51, 51); min-width: 160px; border-radius: 5px; padding: 0px 20px; background: rgb(51, 51, 51); }
.css-1odayif .linkContent .button .icon { margin-left: 10px; }
.css-1odayif .linkContent .button .icon path { fill: rgb(255, 255, 255); }
.css-1odayif .linkContent .button:hover { background: rgb(0, 0, 0); color: rgb(255, 255, 255); }
.css-1odayif .linkContent .button:hover .icon path { fill: rgb(255, 255, 255); }
@-webkit-keyframes animation-61bdi0 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes animation-61bdi0 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@-webkit-keyframes animation-1o38n3e { 
  0% { stroke-dasharray: 1px, 200px; stroke-dashoffset: 0; }
  50% { stroke-dasharray: 100px, 200px; stroke-dashoffset: -15px; }
  100% { stroke-dasharray: 1px, 200px; stroke-dashoffset: -126px; }
}
@keyframes animation-1o38n3e { 
  0% { stroke-dasharray: 1px, 200px; stroke-dashoffset: 0; }
  50% { stroke-dasharray: 100px, 200px; stroke-dashoffset: -15px; }
  100% { stroke-dasharray: 1px, 200px; stroke-dashoffset: -126px; }
}
.portal-css-1vigyk1 { position: relative; width: 100%; height: var(--vh100-fixedTop); left: 0px; bottom: 0px; }
.portal-css-1vigyk1.fixHeight { height: 154.67vw; }
.portal-css-1vigyk1 .maxWidth { max-width: 1160px; margin: 0px auto; position: absolute; width: 100%; height: 100%; top: 0px; }
.portal-css-1doqxhe { width: 100%; height: 100%; }
.portal-css-1doqxhe .content { height: 100%; line-height: 0; position: relative; }
.portal-css-1doqxhe .content.hidden { display: none; }
.portal-css-1doqxhe .content picture, .portal-css-1doqxhe .content img { position: absolute; top: 0px; left: 0px; width: 100%; object-position: center top; line-height: 0; }
.portal-css-1l8ptx2 { text-align: center; padding: 20px; color: rgb(51, 51, 51); position: absolute; top: 20px; z-index: 10; width: 100%; }
.portal-css-1l8ptx2 .content { position: relative; }
.portal-css-1l8ptx2 .sectionTitle { margin: 0px; font-size: 18px; line-height: 28px; font-weight: 400; }
.portal-css-1l8ptx2 .title { margin: 0px 0px 15px; font-size: 22px; line-height: 30px; font-weight: 600; }
.portal-css-1l8ptx2 .desc { margin: 0px auto 20px; font-weight: 400; font-size: 14px; line-height: 22px; white-space: pre-line; }
.portal-css-1l8ptx2 .buttonContent { margin-top: 20px; width: 100%; }
.portal-css-1l8ptx2 .buttonContent .link { display: inline-block; }
.portal-css-1l8ptx2 .buttonContent .button { height: 44px; font-size: 14px; line-height: 16px; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; font-weight: 400; color: rgb(51, 51, 51); border: 1px solid rgb(51, 51, 51); min-width: 180px; border-radius: 5px; padding: 0px 20px; }
.portal-css-1l8ptx2 .buttonContent .button .icon { margin-left: 10px; }
.portal-css-1l8ptx2 .buttonContent .button:hover { background: rgb(51, 51, 51); color: rgb(255, 255, 255); }
.portal-css-1l8ptx2 .buttonContent .button:hover .icon path { fill: rgb(255, 255, 255); }
.portal-css-1l8ptx2 .buttonContent .button.green { background: rgb(0, 174, 66); color: rgb(255, 255, 255); border: 1px solid rgb(0, 174, 66); }
.portal-css-1l8ptx2.white { color: rgb(255, 255, 255); }
.portal-css-1l8ptx2.hideButtonInMobile .buttonContent { display: none; }
.portal-css-o6c6ix { background-color: rgb(255, 255, 255); color: rgb(33, 43, 54); transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1); box-shadow: var(--Paper-shadow); background-image: none; overflow-y: auto; display: flex; flex-direction: column; height: 100%; flex: 1 0 auto; z-index: 1200; position: fixed; top: 0px; outline: 0px; right: 0px; }
.portal-css-u718rw { height: 100%; overflow-y: auto; }
.portal-css-1qra10a { width: 100%; }
.portal-css-1qra10a .stickyContent { overflow: hidden; position: sticky; top: 0px; height: var(--vh100); }
.portal-css-1qra10a .rowContent { height: var(--vh100); background-size: cover; background-position: center center; display: flex; }
.portal-css-1qra10a .item { flex: 0 0 100vw; width: 100vw; height: 100%; object-fit: cover; background-size: 100% 100%; }
.portal-css-1qra10a .item .section { height: 100%; }
.portal-css-1qra10a .progress { position: absolute; bottom: 58px; left: 50%; width: calc(100% - 50px); max-width: 1200px; transform: translateX(-50%); display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.portal-css-1qra10a .closeIcon { position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); cursor: pointer; width: 40px; border-radius: 50%; z-index: 1; font-size: 40px; color: rgb(255, 199, 0); }
.portal-css-1qra10a .closeIcon path { fill: rgb(255, 199, 0); }
.portal-css-1qra10a .closeIcon rect { stroke: rgb(255, 199, 0); }
.portal-css-1qra10a .section .title { color: rgb(255, 199, 0); }
.portal-css-1qra10a .section .desc { color: rgb(255, 255, 255); font-size: 12px; line-height: 16px; }
.portal-css-1qra10a .section .imgContent picture, .portal-css-1qra10a .section .imgContent img { position: absolute; top: auto; bottom: 0px; left: 0px; width: 100%; object-position: center bottom; }
@media print{.css-1qjpx9t { print-color-adjust: exact; }}
@media (hover: none){.css-1qjpx9t:hover { box-shadow: rgba(145, 158, 171, 0.2) 0px 3px 1px -2px, rgba(145, 158, 171, 0.14) 0px 2px 2px 0px, rgba(145, 158, 171, 0.12) 0px 1px 5px 0px; }}
@media (hover: hover){.css-1qjpx9t:hover { --variant-containedBg: #007B55; --variant-textBg: rgba(0, 174, 66, 0.08); --variant-outlinedBorder: #00AE42; --variant-outlinedBg: rgba(0, 174, 66, 0.08); }}
@media print{.css-t6gb2x { print-color-adjust: exact; }}
@media (hover: hover){.css-t6gb2x:hover { --variant-containedBg: #007B55; --variant-textBg: rgba(0, 174, 66, 0.08); --variant-outlinedBorder: #00AE42; --variant-outlinedBg: rgba(0, 174, 66, 0.08); }}
@media print{.css-nst0ur { print-color-adjust: exact; }}
@media (hover: hover){.css-nst0ur:hover { --variant-containedBg: #007B55; --variant-textBg: rgba(0, 174, 66, 0.08); --variant-outlinedBorder: #00AE42; --variant-outlinedBg: rgba(0, 174, 66, 0.08); }}
@media (min-width: 600px){.css-125pbvj .title { font-size: 20px; }}
@media (min-width: 600px){.css-125pbvj .LinkItemContent { display: flex; }}
@media (min-width: 600px){.css-d8jj0z .link { display: block; }}
@media (min-width: 600px){.css-d8jj0z .buy { margin-left: 20px; }}
@media (min-width: 600px){.css-d8jj0z .buy .buyButton { height: 30px; padding: 10px 15px; border-radius: 5px; background: rgb(0, 174, 66); color: rgb(255, 255, 255); font-size: 14px; min-width: 50px; }}
@media (min-width: 600px){.css-1xo8gy { padding-top: 100px; padding-bottom: 193px; }}
@media (min-width: 600px){.css-1xo8gy .galleryitle { font-size: 34px; line-height: 42px; margin-bottom: 58px; white-space: initial; }}
@media (min-width: 600px){.css-1xo8gy .content { grid-template-columns: 1fr 1fr; gap: 15px; }}
@media (min-width: 600px){.css-vn5n95 { height: 600px; }}
@media (min-width: 600px){.css-vn5n95 { grid-area: 1 / 1 / 1 / 3; }}
@media (min-width: 600px){.css-1ig39ys { padding: 0px; height: 100%; }}
@media (min-width: 600px){.css-1ig39ys img { position: relative; height: 100%; }}
@media (min-width: 600px){.css-e8gtuo { position: absolute; bottom: 0px; padding: 15px 30px; -webkit-box-pack: center; justify-content: center; height: 80px; }}
@media (min-width: 600px){.css-e8gtuo .row { -webkit-box-align: center; align-items: center; flex-direction: row; }}
@media (min-width: 600px){.css-e8gtuo .row-reverse { flex-direction: row-reverse; }}
@media (min-width: 600px){.css-e8gtuo .author { font-weight: 400; font-size: 16px; }}
@media (min-width: 600px){.css-e8gtuo .time { display: flex; font-size: 18px; line-height: 28px; }}
@media (min-width: 600px){.css-e8gtuo .time svg { width: 12px; height: 14px; }}
@media (min-width: 600px){.css-e8gtuo .title { display: block; font-size: 18px; line-height: 28px; max-width: 50%; align-self: flex-end; }}
@media (min-width: 600px){.css-1ymjihh { height: 600px; }}
@media (min-width: 600px){.css-1ymjihh { height: 462px; }}
@media (min-width: 600px){.css-vb0y3a { height: 600px; }}
@media (min-width: 600px){.css-vb0y3a { grid-area: 3 / 1 / 3 / 3; }}
@media (min-width: 600px){.css-7tl5he { min-height: 500px; }}
@media (min-width: 600px){.css-7tl5he .maxWidth { max-width: 1920px; }}
@media (min-width: 600px){.css-7tl5he .title { font-size: 40px; line-height: 50px; padding: 20px 0px; }}
@media (min-width: 600px){.css-1fy2slb { padding: 20px 0px; }}
@media (min-width: 600px){.css-1sa7noc { width: 300px; }}
@media (min-width: 600px){.css-1sa7noc .cardTitle { font-size: 18px; line-height: 28px; }}
@media (min-width: 600px){.css-mspzmi .seactionTextContent { top: 40%; }}
@media (min-width: 600px){.css-mspzmi .imgContent .scrollVideoImg { top: 0px; left: 15%; width: 85%; height: 100%; object-fit: scale-down; object-position: center center; }}
@media (min-width: 600px){.css-1vigyk1.fixHeight { height: var(--vh100-fixedTop); }}
@media (min-width: 600px){.css-1vigyk1 .maxWidth { position: relative; height: 100%; }}
@media (min-width: 600px){.css-1doqxhe { position: absolute; left: 50%; transform: translateX(-50%); top: 0px; min-width: 600px; }}
@media (min-width: 600px){.css-1doqxhe .content { padding-top: 0px; height: 100%; }}
@media (min-width: 600px){.css-1doqxhe .content picture, .css-1doqxhe .content img { width: 100%; height: 100%; object-fit: cover; object-position: center center; }}
@media (min-width: 600px){.css-1l8ptx2 { text-align: left; width: 550px; -webkit-box-align: center; align-items: center; padding: 0px 50px 0px 0px; top: 50%; transform: translateY(-50%); bottom: auto; }}
@media (min-width: 600px){.css-1l8ptx2 .sectionTitle { font-size: 30px; line-height: 40px; margin-bottom: 5px; }}
@media (min-width: 600px){.css-1l8ptx2 .title { font-size: 34px; line-height: 42px; margin-bottom: 30px; }}
@media (min-width: 600px){.css-1l8ptx2 .desc { margin: 0px 0px 40px; font-size: 18px; line-height: 28px; min-height: 50px; }}
@media (min-width: 600px){.css-1l8ptx2 .buttonContent { display: block; }}
@media (min-width: 600px){.css-1l8ptx2.right { right: 0px; padding-right: 0px; padding-left: 80px; }}
@media (min-width: 600px){.css-1l8ptx2.rightTop { right: 0px; top: 180px; transform: none; }}
@media (min-width: 600px){.css-1l8ptx2.center { top: 80px; left: 50%; transform: translateX(-50%); text-align: center; width: 85%; }}
@media (min-width: 600px){.css-1l8ptx2.center .buttonContent { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }}
@media (min-width: 600px){.css-1u5hkdl { top: -150px; height: 120px; margin-bottom: 30px; }}
@media (min-width: 600px){.css-1u5hkdl .sectionTitleContent .sectionTitle { font-size: 24px; line-height: 40px; }}
@media (min-width: 600px){.css-ayliak .scrollVideoContent .imgContent .scrollVideoImg { top: 0px; left: 0px; width: 100%; height: 100%; object-fit: contain; object-position: center center; }}
@media (min-width: 600px){.css-1o4htdl .createBy { right: 60px; bottom: 40px; font-size: 16px; line-height: 24px; width: auto; color: rgb(102, 102, 102); }}
@media (min-width: 600px){.css-40picm .maxWidth { position: relative; height: 100%; }}
@media (min-width: 600px){.css-14cl4y5 { text-align: left; width: 600px; -webkit-box-align: center; align-items: center; padding: 0px 10px; bottom: auto; top: 50%; right: -20px; transform: translateY(-50%); }}
@media (min-width: 600px){.css-14cl4y5 .swiper { min-height: 350px; }}
@media (min-width: 600px){.css-14cl4y5 .swiper-slide { -webkit-box-align: center; align-items: center; font-size: 32px; line-height: 44px; }}
@media (min-width: 600px){.css-14cl4y5 .swiperButton .prev, .css-14cl4y5 .swiperButton .next { cursor: pointer; font-size: 50px; line-height: 50px; height: 50px; }}
@media (min-width: 600px){.css-14cl4y5 .SwiperSlideContent { flex-direction: row; }}
@media (min-width: 600px){.css-14cl4y5 .SwiperSlideContent .SwiperSlideImgContent { border-width: 10px; width: 500px; height: 300px; margin-bottom: 0px; margin-right: 70px; }}
@media (min-width: 600px){.css-14cl4y5 .SwiperSlideContent .textContent { font-size: 24px; line-height: 32px; }}
@media (min-width: 600px){.css-14cl4y5.hasImg { width: 100%; height: 500px; }}
@media (min-width: 600px){.css-14cl4y5.hasImg .textContent { text-align: left; }}
@media (min-width: 600px){.css-guvodc .buttonContent { display: block; }}
@media (min-width: 600px){.css-guvodc .auth { left: auto; bottom: 40px; right: 10px; font-size: 16px; line-height: 24px; transform: none; }}
@media (min-width: 600px){.css-guvodc .auth .authItem { margin-right: 50px; }}
@media (min-width: 600px){.css-guvodc .auth .authItem .marker { width: 30px; height: 30px; min-width: 30px; font-size: 14px; line-height: 14px; margin-right: 10px; }}
@media (min-width: 600px){.css-guvodc .auth .authItem .marker:nth-last-of-type(1) { margin-right: 30px; }}
@media (min-width: 600px){.css-nst0ur { margin: 0px; min-width: 188px; height: 44px; font-size: 16px; line-height: 16px; padding: 0px 20px; }}
@media (min-width: 600px){.css-hs3ei3 { text-align: left; width: 50%; -webkit-box-align: center; align-items: center; top: 50%; right: 0px; transform: translateY(-50%); bottom: auto; }}
@media (min-width: 600px){.css-hs3ei3 .imgContent { padding-top: 100%; position: relative; }}
@media (min-width: 600px){.css-hs3ei3 .imgContent .phoneContent { position: absolute; bottom: 0px; width: 40%; padding-top: 75%; left: 30%; top: 50%; transform: translate(-50%, -50%); }}
@media (min-width: 600px){.css-hs3ei3 picture, .css-hs3ei3 img { object-fit: contain; }}
@media (min-width: 600px){.css-hs3ei3 picture.phone, .css-hs3ei3 img.phone { bottom: 0px; width: 100%; left: 50%; transform: translateX(-50%); }}
@media (min-width: 600px){.css-hs3ei3.right { right: auto; left: 0px; }}
@media (min-width: 600px){.css-c5frto .scrollVideoContent .imgContent .scrollVideoImg { top: 0px; left: 20%; width: 80%; height: 100%; object-fit: contain; object-position: center center; }}
@media (min-width: 600px){.css-1qn265s { padding-top: 85px; padding-bottom: 85px; background: rgb(17, 17, 17); }}
@media (min-width: 600px){.css-1qn265s .content { grid-auto-flow: row; gap: 15px; max-width: 900px; }}
@media (min-width: 600px){.css-1qn265s .content .leftGrid { display: grid; grid-auto-flow: column; grid-template-rows: 200px 1fr 1fr; grid-template-columns: 300px 1fr; gap: 15px; }}
@media (min-width: 600px){.css-1qn265s .content .rightGrid { display: grid; grid-auto-flow: column; grid-template-rows: 400px 250px; grid-template-columns: 1fr 1fr; gap: 15px; }}
@media (min-width: 600px){.css-1qn265s.de .title { hyphens: auto; }}
@media (min-width: 600px){.css-karavo { min-height: 200px; padding-bottom: 0px; border-radius: 0px; }}
@media (min-width: 600px){.css-karavo .title { font-size: 30px; line-height: 40px; }}
@media (min-width: 600px){.css-karavo .arrowIcon { font-size: 45px; }}
@media (min-width: 600px){.css-karavo { grid-area: 1 / 1 / 3 / 2; }}
@media (min-width: 600px){.css-1b8b3a0 { min-height: 200px; padding-bottom: 0px; border-radius: 0px; }}
@media (min-width: 600px){.css-1b8b3a0 .title { font-size: 30px; line-height: 40px; }}
@media (min-width: 600px){.css-1b8b3a0 .arrowIcon { font-size: 45px; }}
@media (min-width: 600px){.css-18rgjce { min-height: 200px; padding-bottom: 0px; border-radius: 0px; }}
@media (min-width: 600px){.css-18rgjce .title { font-size: 30px; line-height: 40px; }}
@media (min-width: 600px){.css-18rgjce .arrowIcon { font-size: 45px; }}
@media (min-width: 600px){.css-18rgjce { grid-area: 3 / 1 / 4 / 3; }}
@media (min-width: 600px){.css-1p8p1o6 { min-height: 200px; padding-bottom: 0px; border-radius: 0px; }}
@media (min-width: 600px){.css-1p8p1o6 .title { font-size: 30px; line-height: 40px; }}
@media (min-width: 600px){.css-1p8p1o6 .arrowIcon { font-size: 45px; }}
@media (min-width: 600px){.css-1p8p1o6 { grid-area: 2 / 2 / 3 / 3; }}
@media (min-width: 600px){.css-1t2ceam { min-height: 200px; padding-bottom: 0px; border-radius: 0px; }}
@media (min-width: 600px){.css-1t2ceam .title { font-size: 30px; line-height: 40px; }}
@media (min-width: 600px){.css-1t2ceam .arrowIcon { font-size: 45px; }}
@media (min-width: 600px){.css-w1m7gk { min-height: 200px; padding-bottom: 0px; border-radius: 0px; }}
@media (min-width: 600px){.css-w1m7gk .title { font-size: 30px; line-height: 40px; }}
@media (min-width: 600px){.css-w1m7gk .arrowIcon { font-size: 45px; }}
@media (min-width: 600px){.css-w1m7gk { grid-area: 2 / 1 / 3 / 2; }}
@media (min-width: 600px){.css-1yhta98 { padding-top: 37.448%; height: auto; }}
@media (min-width: 600px){.css-1yhta98 .maxWidth { flex-direction: row; -webkit-box-pack: justify; justify-content: space-between; }}
@media (min-width: 600px){.css-6z18tp picture, .css-6z18tp img { width: 100%; height: 100%; object-fit: cover; }}
@media (min-width: 600px){.css-1odayif { width: 488px; min-width: 300px; text-align: left; -webkit-box-align: center; align-items: center; padding: 0px 20px; color: rgb(51, 51, 51); display: flex; -webkit-box-pack: center; justify-content: center; }}
@media (min-width: 600px){.css-1odayif .topContent .title { font-size: 30px; line-height: 50px; margin-bottom: 20px; }}
@media (min-width: 600px){.css-1odayif .topContent .title .brand { display: inline; }}
@media (min-width: 600px){.css-1odayif .topContent .desc { font-size: 14px; line-height: 25px; margin-bottom: 50px; }}
@media (min-width: 600px){.css-1odayif .linkContent { -webkit-box-pack: start; justify-content: flex-start; }}
@media (min-width: 600px){.portal-css-1vigyk1.fixHeight { height: var(--vh100-fixedTop); }}
@media (min-width: 600px){.portal-css-1vigyk1 .maxWidth { position: relative; height: 100%; }}
@media (min-width: 600px){.portal-css-1doqxhe { position: absolute; left: 50%; transform: translateX(-50%); top: 0px; min-width: 600px; }}
@media (min-width: 600px){.portal-css-1doqxhe .content { padding-top: 0px; height: 100%; }}
@media (min-width: 600px){.portal-css-1doqxhe .content picture, .portal-css-1doqxhe .content img { width: 100%; height: 100%; object-fit: cover; object-position: center center; }}
@media (min-width: 600px){.portal-css-1l8ptx2 { text-align: left; width: 550px; -webkit-box-align: center; align-items: center; padding: 0px 50px 0px 0px; top: 50%; transform: translateY(-50%); bottom: auto; }}
@media (min-width: 600px){.portal-css-1l8ptx2 .sectionTitle { font-size: 30px; line-height: 40px; margin-bottom: 5px; }}
@media (min-width: 600px){.portal-css-1l8ptx2 .title { font-size: 34px; line-height: 42px; margin-bottom: 30px; }}
@media (min-width: 600px){.portal-css-1l8ptx2 .desc { margin: 0px 0px 40px; font-size: 18px; line-height: 28px; min-height: 50px; }}
@media (min-width: 600px){.portal-css-1l8ptx2 .buttonContent { display: block; }}
@media (min-width: 600px){.portal-css-1l8ptx2.right { right: 0px; padding-right: 0px; padding-left: 80px; }}
@media (min-width: 600px){.portal-css-1l8ptx2.rightTop { right: 0px; top: 180px; transform: none; }}
@media (min-width: 600px){.portal-css-1l8ptx2.center { top: 80px; left: 50%; transform: translateX(-50%); text-align: center; width: 85%; }}
@media (min-width: 600px){.portal-css-1l8ptx2.center .buttonContent { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }}
@media (min-width: 600px){.portal-css-1qra10a .closeIcon { bottom: 70px; left: auto; right: 30px; transform: translateX(-50%); width: 45px; font-size: 45px; }}
@media (min-width: 600px){.portal-css-1qra10a .section .imgContent picture, .portal-css-1qra10a .section .imgContent img { object-fit: contain; object-position: center center; }}
@media (min-width: 600px){.portal-css-1qra10a .section .desc { color: rgb(255, 255, 255); font-size: 18px; line-height: 28px; }}
@media (min-width: 600px){.portal-css-1qra10a .closeIcon { left: calc(50% + 620px); right: auto; }}
@media (min-width: 900px){.css-9boyxz .maxWidth { position: relative; height: 100%; margin: 0px auto; }}
@media (min-width: 900px){.css-9boyxz .scrollVideoContent .imgContent { display: block; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 1; }}
@media (min-width: 900px){.css-9boyxz .scrollVideoContent .imgContent img { width: 100%; height: 100%; object-fit: cover; }}
@media (min-width: 900px){.css-9boyxz .mobileBg { display: none; }}
@media (min-width: 900px){.css-9boyxz .scrollVideoCanvas { display: block; }}
@media (min-width: 900px){.css-9boyxz { height: calc(var(--vh100-fixedTop) + 3020px); }}
@media (min-width: 900px){.css-zginet { position: absolute; text-align: left; width: 455px; -webkit-box-align: center; align-items: center; padding: 0px 50px 0px 20px; top: 50%; transform: translateY(-50%); bottom: auto; }}
@media (min-width: 900px){.css-zginet .title { font-size: 40px; line-height: 48px; margin-bottom: 10px; }}
@media (min-width: 900px){.css-zginet .desc { margin: 0px 0px 20px; font-size: 18px; line-height: 28px; min-height: 50px; }}
@media (min-width: 900px){.css-zginet .linkContent { flex-direction: row; -webkit-box-pack: start; justify-content: flex-start; }}
@media (min-width: 1025px){.css-1qjpx9t { height: 42px; min-width: 180px; font-size: 16px; }}
@media (min-width: 1025px){.css-t6gb2x { height: 42px; min-width: 180px; font-size: 16px; }}
@media (min-width: 1025px){.css-nst0ur { height: 42px; min-width: 180px; font-size: 16px; }}
@media (min-width: 1200px){.css-6z18tp picture, .css-6z18tp img { width: 100%; height: 100%; object-fit: cover; }}
@media (min-width: 1200px){.css-1odayif .topContent .title { font-size: 40px; line-height: 50px; margin-bottom: 10px; }}
@media (min-width: 1200px){.css-1odayif .topContent .desc { font-size: 15px; line-height: 25px; }}
@media (min-width: 1500px){.css-7tl5he .title { padding: 30px 0px; }}
@media (min-width: 1500px){.css-1fy2slb { padding: 30px 0px; }}
@media (min-width: 1500px){.css-1sa7noc { width: 350px; }}
@media (min-width: 1500px){.css-1sa7noc .cardTitle { font-size: 18px; line-height: 28px; }}
@media (min-width: 1500px){.css-1qn265s { padding-top: 85px; padding-bottom: 85px; }}
@media (min-width: 1500px){.css-1qn265s .content { grid-auto-flow: column; grid-template-columns: 833px 1fr; gap: 15px; max-width: 1500px; }}
@media (min-width: 1500px){.css-1qn265s .content .leftGrid { display: grid; grid-auto-flow: column; grid-template-rows: 210px 243px 243px; grid-template-columns: 1fr 500px; gap: 15px; }}
@media (min-width: 1500px){.css-1qn265s .content .rightGrid { display: grid; grid-auto-flow: column; grid-template-rows: 1fr 434px; grid-template-columns: 1fr 1fr; gap: 15px; }}
@media (min-width: 1500px){.css-karavo { min-height: auto; }}
@media (min-width: 1500px){.css-1b8b3a0 { min-height: auto; }}
@media (min-width: 1500px){.css-18rgjce { min-height: auto; }}
@media (min-width: 1500px){.css-1p8p1o6 { min-height: auto; }}
@media (min-width: 1500px){.css-1t2ceam { min-height: auto; }}
@media (min-width: 1500px){.css-w1m7gk { min-height: auto; }}
@media (min-width: 1600px){.css-hs3ei3 { top: 55%; }}
@media (min-width: 1600px){.css-hs3ei3 .imgContent .phoneContent { bottom: 0px; width: 70%; padding-top: 130%; left: 20%; top: 50%; }}