.glide{position:relative;width:100%;box-sizing:border-box}.glide *{box-sizing:inherit}.glide__track{overflow:hidden}.glide__slides{position:relative;width:100%;list-style:none;backface-visibility:hidden;transform-style:preserve-3d;touch-action:pan-Y;overflow:hidden;margin:0;padding:0;white-space:nowrap;display:flex;flex-wrap:nowrap;will-change:transform}.glide__slides--dragging{-webkit-user-select:none;-moz-user-select:none;user-select:none}.glide__slide{width:100%;height:100%;flex-shrink:0;white-space:normal;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.glide__slide a{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-moz-user-select:none;-ms-user-select:none}.glide__arrows{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.glide__bullets{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.glide--rtl{direction:rtl} .glide__arrow{position:absolute;display:block;top:50%;z-index:2;color:#fff;text-transform:uppercase;padding:9px 12px;background-color:transparent;border:2px solid rgba(255,255,255,.5);border-radius:4px;box-shadow:0 .25em .5em 0 rgba(0,0,0,.1);text-shadow:0 .25em .5em rgba(0,0,0,.1);opacity:1;cursor:pointer;transition:opacity 150ms ease,border 300ms ease-in-out;transform:translateY(-50%);line-height:1}.glide__arrow:focus{outline:none}.glide__arrow:hover{border-color:#fff}.glide__arrow--left{left:2em}.glide__arrow--right{right:2em}.glide__arrow--disabled{opacity:.33}.glide__bullets{position:absolute;z-index:2;bottom:2em;left:50%;display:inline-flex;list-style:none;transform:translateX(-50%)}.glide__bullet{background-color:rgba(255,255,255,.5);width:9px;height:9px;padding:0;border-radius:50%;border:2px solid transparent;transition:all 300ms ease-in-out;cursor:pointer;line-height:0;box-shadow:0 .25em .5em 0 rgba(0,0,0,.1);margin:0 .25em}.glide__bullet:focus{outline:none}.glide__bullet:hover,.glide__bullet:focus{border:2px solid #fff;background-color:rgba(255,255,255,.5)}.glide__bullet--active{background-color:#fff}.glide--swipeable{cursor:grab;cursor:-webkit-grab}.glide--dragging{cursor:grabbing;cursor:-webkit-grabbing} /* Optional custom styles */ .glide__slide img { -o-object-fit: cover; object-fit: cover; } /* Optional custom styles */ .glide__slide img { -o-object-fit: cover; object-fit: cover; } /* Optional custom styles */ .glide__slide img { -o-object-fit: cover; object-fit: cover; } .lds-ellipsis div { animation-timing-function: cubic-bezier(0, 1, 1, 0); } .lds-ellipsis div:nth-child(1) { left: 8px; animation: lds-ellipsis1 0.6s infinite; } .lds-ellipsis div:nth-child(2) { left: 8px; animation: lds-ellipsis2 0.6s infinite; } .lds-ellipsis div:nth-child(3) { left: 32px; animation: lds-ellipsis2 0.6s infinite; } .lds-ellipsis div:nth-child(4) { left: 56px; animation: lds-ellipsis3 0.6s infinite; } @keyframes lds-ellipsis1 { 0% { transform: scale(0); } 100% { transform: scale(1); } } @keyframes lds-ellipsis3 { 0% { transform: scale(1); } 100% { transform: scale(0); } } @keyframes lds-ellipsis2 { 0% { transform: translate(0, 0); } 100% { transform: translate(24px, 0); } } @font-face { font-family: "icomoon"; src: url(data:application/vnd.ms-fontobject;base64,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); src: url(data:application/vnd.ms-fontobject;base64,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#iefix) format("embedded-opentype"), url(data:font/ttf;base64,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) format("truetype"), url(data:font/woff;base64,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) format("woff"), url(/img/icomoon.960f8715.svg#icomoon) format("svg"); font-weight: normal; font-style: normal; font-display: block; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: "icomoon" !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-chevron-up:before { content: "\e90e"; } .icon-chevron-left:before { content: "\e90f"; } .icon-chevron-down:before { content: "\e910"; } .icon-magnifying-glass:before { content: "\e911"; } .icon-cart-shopping:before { content: "\e912"; } .icon-user:before { content: "\e913"; } .icon-link:before { content: "\e90d"; } .icon-minus:before { content: "\e90b"; } .icon-plus:before { content: "\e90c"; } .icon-line:before { content: "\e900"; } .icon-close:before { content: "\e901"; } .icon-arrow-right:before { content: "\e902"; } .icon-menu:before { content: "\e903"; } .icon-arrow-select:before { content: "\e904"; } .icon-facebook:before { content: "\e905"; } .icon-chevron-right:before { content: "\e906"; } .icon-instagram:before { content: "\e907"; } .icon-time:before { content: "\e909"; } .icon-star:before { content: "\e90a"; } .icon-phone:before { content: "\e942"; } .editor_content img.fr-dib { width: 100% !important; } .editor_content span.fr-emoticon.fr-emoticon-img { background-repeat: no-repeat !important; font-size: inherit; height: 1em; width: 1em; min-height: 20px; min-width: 20px; display: inline-block; margin: -0.1em 0.1em 0.1em; line-height: 1; vertical-align: middle; } .editor_content span.fr-emoticon { font-weight: normal; font-family: "Apple Color Emoji", "Segoe UI Emoji", "NotoColorEmoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols"; display: inline; line-height: 0; } .editor_content .fr-video.fr-dvb { display: block; clear: both; } .editor_content .fr-video { text-align: center; position: relative; aspect-ratio: 16/9; } .editor_content .fr-video > * { display: block; width: 100% !important; height: 100%; max-width: 100%; border: none; } .editor_content p, .editor_content h1, .editor_content h2, .editor_content h3, .editor_content h4, .editor_content h5, .editor_content h6 { padding-bottom: 10px; width: 100%; display: block; } .editor_content img { width: 100%; display: block; } .editor_content ol, .editor_content ul { list-style: disc; padding-left: 30px; } .editor_content a { --tw-text-opacity: 1; color: rgb(247 147 30 / var(--tw-text-opacity)); } .section_title { font-size: 1.875rem; line-height: 2.25rem; font-weight: 700; } @media (min-width: 768px) { .section_title { font-size: 2.25rem; line-height: 2.5rem; font-weight: 900; } } .section_title { margin-bottom: 2.5rem; } /* CoverSection */ #CoverSection { position: relative; width: 100%; } #CoverSection .image_box { aspect-ratio: 16 / 9; width: 100%; } #CoverSection .image_box img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; } /* ContentSection */ #ContentSection { position: relative; width: 100%; padding-top: 5rem; padding-bottom: 5rem; } #ContentSection .main_container > .title { font-size: 1.875rem; line-height: 2.25rem; font-weight: 700; } @media (min-width: 768px) { #ContentSection .main_container > .title { font-size: 2.25rem; line-height: 2.5rem; font-weight: 900; } } #ContentSection .main_container > .title { margin-bottom: 2.5rem; --tw-text-opacity: 1; color: rgb(33 64 109 / var(--tw-text-opacity)); } #ContentSection .content { line-height: 2; letter-spacing: 0.1em; } /* FeatureSection */ #FeatureSection { position: relative; width: 100%; padding-top: 5rem; padding-bottom: 5rem; --tw-bg-opacity: 1; background-color: rgb(33 64 109 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } #FeatureSection .main_container > .title { font-size: 1.875rem; line-height: 2.25rem; font-weight: 700; } @media (min-width: 768px) { #FeatureSection .main_container > .title { font-size: 2.25rem; line-height: 2.5rem; font-weight: 900; } } #FeatureSection .main_container > .title { margin-bottom: 1.25rem; } #FeatureSection .main_container > .content { font-size: 1.125rem; line-height: 1.75rem; font-weight: 700; margin-bottom: 3.5rem; display: block; } #FeatureSection .feature_box { margin-bottom: 2.5rem; } #FeatureSection .feature_box .title { margin-bottom: 1.25rem; display: inline-block; padding-left: 1.25rem; padding-right: 1.25rem; padding-top: 0.5rem; padding-bottom: 0.5rem; border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(33 64 109 / var(--tw-text-opacity)); font-size: 1.125rem; line-height: 1.75rem; font-weight: 700; } @media (min-width: 768px) { #FeatureSection .feature_box .title { font-size: 1.25rem; line-height: 1.75rem; } } #FeatureSection .feature_box .content { line-height: 2; letter-spacing: 0.1em; } #FeatureSection.white { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(33 64 109 / var(--tw-text-opacity)); } #FeatureSection.white .feature_box .title { border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgb(33 64 109 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } #FeatureSection.gray { --tw-bg-opacity: 1; background-color: rgb(228 228 231 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(33 64 109 / var(--tw-text-opacity)); } #FeatureSection.gray .feature_box .title { border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgb(33 64 109 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } /* CompareSection */ #CompareSection .section_title { margin-bottom: 5rem; --tw-text-opacity: 1; color: rgb(33 64 109 / var(--tw-text-opacity)); } #CompareSection .compare_item { position: relative; margin-bottom: 3.5rem; width: 100%; padding: 2.5rem; padding-bottom: 0px; border-radius: 1rem; border-width: 2px; --tw-border-opacity: 1; border-color: rgb(33 64 109 / var(--tw-border-opacity)); } #CompareSection .compare_item > .title { font-size: 1.5rem; line-height: 2rem; font-weight: 700; position: absolute; top: -1.25rem; left: 1.25rem; z-index: 10; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding-left: 0.5rem; padding-right: 0.5rem; --tw-text-opacity: 1; color: rgb(33 64 109 / var(--tw-text-opacity)); } #CompareSection .compare_item ol { display: flex; flex-wrap: wrap; align-items: stretch; justify-content: flex-start; margin-left: -1.25rem; margin-right: -1.25rem; } #CompareSection .compare_item ol li { margin-bottom: 2.5rem; width: 100%; padding-left: 1.25rem; padding-right: 1.25rem; } @media (min-width: 768px) { #CompareSection .compare_item ol li { width: 50%; } } #CompareSection .compare_item ol li .title { margin-bottom: 1.25rem; display: inline-block; --tw-bg-opacity: 1; background-color: rgb(33 64 109 / var(--tw-bg-opacity)); padding-left: 1.25rem; padding-right: 1.25rem; padding-top: 0.5rem; padding-bottom: 0.5rem; font-size: 1.125rem; line-height: 1.75rem; font-weight: 700; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); border-radius: 9999px; } #CompareSection .compare_item ol li .content { line-height: 2; letter-spacing: 0.1em; } #CompareSection .compare_item:nth-of-type(even) { border-width: 2px; --tw-border-opacity: 1; border-color: rgb(247 147 30 / var(--tw-border-opacity)); } #CompareSection .compare_item:nth-of-type(even) > .title { --tw-text-opacity: 1; color: rgb(247 147 30 / var(--tw-text-opacity)); } #CompareSection .compare_item:nth-of-type(even) ol li .title { --tw-bg-opacity: 1; background-color: rgb(247 147 30 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } /* StepSection */ #StepSection { position: relative; width: 100%; padding-top: 5rem; padding-bottom: 5rem; } #StepSection .section_title { --tw-text-opacity: 1; color: rgb(33 64 109 / var(--tw-text-opacity)); } #StepSection .step_list { display: flex; flex-wrap: wrap; align-items: stretch; justify-content: flex-start; margin-left: -1.25rem; margin-right: -1.25rem; } #StepSection .step_list li { margin-bottom: 1.25rem; width: 50%; padding-left: 1.25rem; padding-right: 1.25rem; } @media (min-width: 768px) { #StepSection .step_list li { margin-bottom: 2.5rem; width: 33.333333%; } } @media (min-width: 1024px) { #StepSection .step_list li { width: 25%; } } #StepSection .step_list li > div { display: flex; height: 100%; flex-direction: column; } #StepSection .step_list li .title { font-weight: 900; --tw-text-opacity: 1; color: rgb(33 64 109 / var(--tw-text-opacity)); margin-bottom: 0.5rem; } #StepSection .step_list li .content { flex: 1 1 0%; --tw-bg-opacity: 1; background-color: rgb(33 64 109 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); display: flex; align-items: center; justify-content: center; border-radius: 0.5rem; padding-left: 1.25rem; padding-right: 1.25rem; padding-top: 1rem; padding-bottom: 1rem; text-align: center; font-size: 1.125rem; line-height: 1.75rem; font-weight: 700; } #StepSection .step_list li:nth-of-type(2) .title, #StepSection .step_list li:nth-of-type(3) .title, #StepSection .step_list li:nth-of-type(6) .title, #StepSection .step_list li:nth-of-type(7) .title, #StepSection .step_list li:nth-of-type(10) .title, #StepSection .step_list li:nth-of-type(11) .title { --tw-text-opacity: 1; color: rgb(247 147 30 / var(--tw-text-opacity)); } #StepSection .step_list li:nth-of-type(2) .content, #StepSection .step_list li:nth-of-type(3) .content, #StepSection .step_list li:nth-of-type(6) .content, #StepSection .step_list li:nth-of-type(7) .content, #StepSection .step_list li:nth-of-type(10) .content, #StepSection .step_list li:nth-of-type(11) .content { --tw-bg-opacity: 1; background-color: rgb(247 147 30 / var(--tw-bg-opacity)); } @media (min-width: 768px) { #StepSection .step_list li:nth-of-type(odd) .content { --tw-bg-opacity: 1; background-color: rgb(33 64 109 / var(--tw-bg-opacity)); } #StepSection .step_list li:nth-of-type(even) .content { --tw-bg-opacity: 1; background-color: rgb(247 147 30 / var(--tw-bg-opacity)); } #StepSection .step_list li:nth-of-type(odd) .title { --tw-text-opacity: 1; color: rgb(33 64 109 / var(--tw-text-opacity)); } #StepSection .step_list li:nth-of-type(even) .title { --tw-text-opacity: 1; color: rgb(247 147 30 / var(--tw-text-opacity)); } } @media (min-width: 1024px) { #StepSection .step_list li:nth-of-type(6) .title, #StepSection .step_list li:nth-of-type(8) .title { --tw-text-opacity: 1; color: rgb(33 64 109 / var(--tw-text-opacity)); } #StepSection .step_list li:nth-of-type(6) .content, #StepSection .step_list li:nth-of-type(8) .content { --tw-bg-opacity: 1; background-color: rgb(33 64 109 / var(--tw-bg-opacity)); } #StepSection .step_list li:nth-of-type(2) .title, #StepSection .step_list li:nth-of-type(4) .title, #StepSection .step_list li:nth-of-type(5) .title, #StepSection .step_list li:nth-of-type(7) .title, #StepSection .step_list li:nth-of-type(10) .title, #StepSection .step_list li:nth-of-type(12) .title { --tw-text-opacity: 1; color: rgb(247 147 30 / var(--tw-text-opacity)); } #StepSection .step_list li:nth-of-type(2) .content, #StepSection .step_list li:nth-of-type(4) .content, #StepSection .step_list li:nth-of-type(5) .content, #StepSection .step_list li:nth-of-type(7) .content, #StepSection .step_list li:nth-of-type(10) .content, #StepSection .step_list li:nth-of-type(12) .content { --tw-bg-opacity: 1; background-color: rgb(247 147 30 / var(--tw-bg-opacity)); } } #ContactFooter { position: relative; width: 100%; padding-top: 10rem; padding-bottom: 10rem; } #ContactFooter .header_box { margin-bottom: 2.5rem; text-align: center; } #ContactFooter .header_box .title { margin-bottom: 0.5rem; font-size: 3rem; line-height: 1; font-weight: 900; --tw-text-opacity: 1; color: rgb(33 64 109 / var(--tw-text-opacity)); } #ContactFooter .header_box .sub_title { font-size: 1.5rem; line-height: 2rem; font-weight: 700; --tw-text-opacity: 1; color: rgb(33 64 109 / var(--tw-text-opacity)); } #ContactFooter .header_box .sub_title span { --tw-text-opacity: 1; color: rgb(247 147 30 / var(--tw-text-opacity)); } #ContactFooter .info_box { margin-bottom: 3.5rem; text-align: center; } #ContactFooter .info_box a { margin-bottom: 1.25rem; padding-left: 1.25rem; padding-right: 1.25rem; padding-top: 0.75rem; padding-bottom: 0.75rem; display: inline-flex; align-items: center; justify-content: center; border-radius: 0.75rem; --tw-bg-opacity: 1; background-color: rgb(33 64 109 / var(--tw-bg-opacity)); font-weight: 700; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); border-width: 2px; --tw-border-opacity: 1; border-color: rgb(33 64 109 / var(--tw-border-opacity)); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; } #ContactFooter .info_box a:hover { background-color: transparent; --tw-text-opacity: 1; color: rgb(33 64 109 / var(--tw-text-opacity)); } #ContactFooter .info_box a:nth-of-type(2) { margin-left: 0.75rem; --tw-bg-opacity: 1; background-color: rgb(247 147 30 / var(--tw-bg-opacity)); border-width: 2px; --tw-border-opacity: 1; border-color: rgb(247 147 30 / var(--tw-border-opacity)); } #ContactFooter .info_box a:nth-of-type(2):hover { background-color: transparent; --tw-text-opacity: 1; color: rgb(247 147 30 / var(--tw-text-opacity)); } /* #ContactFooter .info_box a span:nth-of-type(1) { @apply mr-2; } */ #ContactFooter .content_box { text-align: center; } #ContactFooter .content_box .content { margin-bottom: 1.25rem; --tw-text-opacity: 1; color: rgb(82 82 91 / var(--tw-text-opacity)); } #ContactFooter .content_box a { padding-left: 1.5rem; padding-right: 1.5rem; padding-top: 0.75rem; padding-bottom: 0.75rem; display: inline-flex; align-items: center; justify-content: center; border-radius: 0.75rem; --tw-bg-opacity: 1; background-color: rgb(33 64 109 / var(--tw-bg-opacity)); font-weight: 700; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); border-width: 2px; --tw-border-opacity: 1; border-color: rgb(33 64 109 / var(--tw-border-opacity)); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; } #ContactFooter .content_box a:hover { background-color: transparent; --tw-text-opacity: 1; color: rgb(33 64 109 / var(--tw-text-opacity)); } /* @import url("./components/mainDialog.css"); */ #MainFooter { width: 100%; --tw-bg-opacity: 1; background-color: rgb(33 64 109 / var(--tw-bg-opacity)); padding-top: 2.5rem; padding-bottom: 1.25rem; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } #MainFooter .content_box { display: flex; width: 100%; flex-wrap: wrap; align-items: flex-start; justify-content: center; } @media (min-width: 768px) { #MainFooter .content_box { justify-content: space-between; } } #MainFooter .content_box { border-bottom-width: 1px; border-color: rgb(255 255 255 / 0.2); padding-bottom: 2.5rem; } #MainFooter .content_box .spacer { width: 100%; } @media (min-width: 768px) { #MainFooter .content_box .spacer { width: auto; flex: 1 1 0%; } } #MainFooter .content_box .logo_box { margin-left: auto; margin-right: auto; margin-bottom: 2.5rem; display: inline-block; width: 7rem; } @media (min-width: 768px) { #MainFooter .content_box .logo_box { margin-left: 0px; margin-right: 0px; margin-bottom: 0px; width: 9rem; } } #MainFooter .content_box .logo_box img { height: 100%; width: 100%; -o-object-fit: contain; object-fit: contain; } #MainFooter .content_box .info_box { margin-bottom: 2.5rem; width: 100%; text-align: center; } @media (min-width: 768px) { #MainFooter .content_box .info_box { margin-right: 5rem; margin-bottom: 0px; width: auto; text-align: left; } } #MainFooter .content_box .info_box .title { margin-bottom: 0.75rem; font-size: 1.125rem; line-height: 1.75rem; font-weight: 600; } #MainFooter .content_box .info_box ol li { margin-bottom: 0.5rem; font-size: 0.875rem; line-height: 1.25rem; } #MainFooter .content_box .social_box { width: 100%; text-align: center; } @media (min-width: 768px) { #MainFooter .content_box .social_box { width: auto; text-align: left; } } #MainFooter .content_box .social_box .title { margin-bottom: 0.75rem; font-size: 1.125rem; line-height: 1.75rem; font-weight: 600; } #MainFooter .content_box .social_box ol { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } @media (min-width: 768px) { #MainFooter .content_box .social_box ol { justify-content: flex-start; } } #MainFooter .content_box .social_box ol { margin-left: -0.5rem; margin-right: -0.5rem; } #MainFooter .content_box .social_box ol li { padding-left: 0.5rem; padding-right: 0.5rem; } #MainFooter .content_box .social_box ol li a { display: block; width: 1.5rem; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; } #MainFooter .content_box .social_box ol li a:hover { opacity: 0.5; } #MainFooter .footer_bottom_box { display: flex; width: 100%; flex-direction: column; align-items: center; justify-content: space-between; } @media (min-width: 768px) { #MainFooter .footer_bottom_box { flex-direction: row; } } #MainFooter .footer_bottom_box { padding-top: 1.25rem; } #MainFooter .footer_bottom_box .copyright { margin-bottom: 1.25rem; font-size: 0.75rem; line-height: 1rem; } @media (min-width: 768px) { #MainFooter .footer_bottom_box .copyright { margin-bottom: 0px; } } #MainFooter .footer_bottom_box .terms_box { display: flex; align-items: center; font-size: 0.75rem; line-height: 1rem; } #MainFooter .footer_bottom_box .terms_box li { margin-left: 1.25rem; } #MainFooter .footer_bottom_box .terms_box li a { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; } #MainFooter .footer_bottom_box .terms_box li a:hover { opacity: 0.5; } #MainHeader { position: fixed; top: 0px; left: 0px; right: 0px; z-index: 21; } @media (min-width: 1024px) { #MainHeader { top: 1.25rem; } } #MainHeader .main_container { width: 100%; max-width: 1920px; padding-left: 0px; padding-right: 0px; } @media (min-width: 1024px) { #MainHeader .main_container { padding-left: 2.5rem; padding-right: 2.5rem; } } #MainHeader .main_container { height: 4rem; } @media (min-width: 768px) { #MainHeader .main_container { height: 5rem; } } #MainHeader .main_container > div { display: flex; width: 100%; align-items: center; justify-content: flex-start; height: 100%; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } @media (min-width: 1024px) { #MainHeader .main_container > div { border-radius: 0.5rem; } } #MainHeader .main_container > div { padding-left: 1.25rem; padding-right: 1.25rem; padding-top: 0.75rem; padding-bottom: 0.75rem; } @media (min-width: 1024px) { #MainHeader .main_container > div { --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } } #MainHeader .logo_box { display: inline-block; height: 100%; width: 7rem; } @media (min-width: 768px) { #MainHeader .logo_box { width: 9rem; } } #MainHeader .logo_box img { height: 100%; width: 100%; -o-object-fit: contain; object-fit: contain; } #MainHeader .spacer { flex: 1 1 0%; } #MainHeader .menu_list_box { margin-right: 1.5rem; display: none; align-items: center; justify-content: flex-end; } @media (min-width: 1024px) { #MainHeader .menu_list_box { display: flex; } } #MainHeader .menu_list_box li { padding-left: 0.75rem; padding-right: 0.75rem; } #MainHeader .menu_list_box li:nth-last-of-type(1) { padding-right: 0px; } #MainHeader .menu_list_box li a { font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; } #MainHeader .menu_list_box li a:hover { --tw-text-opacity: 1; color: rgb(247 147 30 / var(--tw-text-opacity)); } #MainHeader .menu_list_box li .contact_button { padding-left: 1rem; padding-right: 1rem; padding-top: 0.5rem; padding-bottom: 0.5rem; border-radius: 0.375rem; border-width: 2px; --tw-border-opacity: 1; border-color: rgb(33 64 109 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(33 64 109 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } #MainHeader .menu_list_box li .contact_button:hover { background-color: transparent; --tw-text-opacity: 1; color: rgb(33 64 109 / var(--tw-text-opacity)); } #MainHeader .menu_list_box li .contact_button { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; } #MainHeader .menu_button { margin-left: 1.25rem; display: block; } @media (min-width: 1024px) { #MainHeader .menu_button { display: none; } } #MainHeader .menu_button { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; --tw-text-opacity: 1; color: rgb(33 64 109 / var(--tw-text-opacity)); } #MainHeader .menu_button:hover { --tw-text-opacity: 1; color: rgb(247 147 30 / var(--tw-text-opacity)); } #MainHeader .menu_button span:nth-of-type(1) { display: block; } #MainHeader .menu_button span:nth-of-type(2) { display: none; } #MainHeader .menu_button.active span:nth-of-type(1) { display: none; } #MainHeader .menu_button.active span:nth-of-type(2) { display: block; } #MainHeader .shop_cart_button { position: relative; padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.5rem; padding-bottom: 0.5rem; --tw-text-opacity: 1; color: rgb(33 64 109 / var(--tw-text-opacity)); } #MainHeader .shop_cart_button:hover { --tw-text-opacity: 1; color: rgb(247 147 30 / var(--tw-text-opacity)); } #MainHeader .shop_cart_button { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; /* @apply text-white rounded-md bg-primary; */ } #MainHeader .shop_cart_button span { position: relative; z-index: 0; display: block; } #MainHeader .shop_cart_button i { position: absolute; top: -0.25rem; right: -0.25rem; z-index: 10; border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgb(33 64 109 / var(--tw-bg-opacity)); font-size: 0.75rem; line-height: 1rem; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); height: 1.25rem; width: 1.25rem; font-weight: 500; font-style: normal; display: flex; align-items: center; justify-content: center; --tw-scale-x: .75; --tw-scale-y: .75; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } #MainMenu { position: fixed; bottom: 0px; right: 0px; left: 100%; z-index: 20; width: 100%; top: 4rem; } @media (min-width: 768px) { #MainMenu { top: 5rem; } } #MainMenu .menu_list_box { position: relative; z-index: 10; padding-left: 1.25rem; padding-right: 1.25rem; height: 100%; overflow-y: auto; } #MainMenu .menu_list_box li { border-bottom-width: 1px; border-color: rgb(33 64 109 / 0.3); } #MainMenu .menu_list_box .menu_list_item { display: flex; align-items: center; justify-content: space-between; padding-top: 1.25rem; padding-bottom: 1.25rem; font-weight: 700; --tw-text-opacity: 1; color: rgb(33 64 109 / var(--tw-text-opacity)); position: relative; } #MainMenu .menu_list_box .menu_list_item i { position: absolute; bottom: 0px; left: 0px; border-width: 1px; display: block; height: 0.25rem; width: 100%; --tw-bg-opacity: 1; background-color: rgb(33 64 109 / var(--tw-bg-opacity)); transform-origin: left; --tw-scale-x: 0; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 500ms; } #MainMenu .menu_list_box .menu_list_item:hover i { --tw-scale-x: 1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } #MainMenu .background { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; z-index: 0; background-color: rgb(255 255 255 / 0.7); --tw-backdrop-blur: blur(4px); -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } #ShopCartMessage { position: sticky; right: 0px; left: auto; top: 10rem; z-index: 20; width: 100%; } #ShopCartMessage .outbox { position: absolute; top: 0px; right: 0px; width: 16rem; overflow: hidden; } #ShopCartMessage .message_box { position: relative; width: 100%; padding-left: 1.25rem; padding-right: 1.25rem; padding-top: 1.5rem; padding-bottom: 1.5rem; transform-origin: left; } #ShopCartMessage .message_box .content_box { display: flex; align-items: center; justify-content: space-between; font-weight: 500; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); position: relative; z-index: 10; } #ShopCartMessage .message_box .content_box button span { display: block; } #ShopCartMessage .message_box .background_box { position: absolute; top: 0px; left: 0px; z-index: 0; height: 100%; width: 100%; overflow: hidden; border-radius: 0.5rem; --tw-bg-opacity: 1; background-color: rgb(33 64 109 / var(--tw-bg-opacity)); } #ShopCartMessage .message_box .background_box div { position: absolute; top: 0px; left: 0px; z-index: 0; height: 100%; width: 100%; --tw-bg-opacity: 1; background-color: rgb(247 147 30 / var(--tw-bg-opacity)); } #HomeCoverSection { position: relative; z-index: 10; width: 100%; } #HomeCoverSection .image_box { aspect-ratio: 16 / 9; width: 100%; } #HomeCoverSection .image_box img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; } /* HomeFeatureSection */ #HomeFeatureSection { position: relative; z-index: 10; width: 100%; padding-top: 2.5rem; padding-bottom: 2.5rem; } @media (min-width: 768px) { #HomeFeatureSection { padding-top: 5rem; padding-bottom: 5rem; } } #HomeFeatureSection::before { content: ""; width: calc((100vw - 1280px) / 2); position: absolute; top: 5rem; left: 0px; bottom: 5rem; z-index: 0; --tw-bg-opacity: 1; background-color: rgb(228 228 231 / var(--tw-bg-opacity)); } #HomeFeatureSection .main_container { position: relative; z-index: 10; padding-top: 2.5rem; padding-bottom: 2.5rem; } @media (min-width: 768px) { #HomeFeatureSection .main_container { padding-top: 5rem; padding-bottom: 5rem; } } #HomeFeatureSection .main_container::before { content: ""; position: absolute; top: 0px; left: 0px; bottom: 0px; z-index: 0; width: 66.666667%; border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; --tw-bg-opacity: 1; background-color: rgb(228 228 231 / var(--tw-bg-opacity)); } @media (min-width: 768px) { #HomeFeatureSection .main_container::before { border-top-right-radius: 1rem; border-bottom-right-radius: 1rem; } } #HomeFeatureSection .feature_card { position: relative; z-index: 10; margin-bottom: 5rem; width: 100%; } @media (min-width: 768px) { #HomeFeatureSection .feature_card { margin-bottom: 8rem; } } #HomeFeatureSection .feature_card { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; flex-direction: column-reverse; } @media (min-width: 1024px) { #HomeFeatureSection .feature_card { flex-direction: row; } #HomeFeatureSection .feature_card:nth-of-type(even) { flex-direction: row-reverse; } } #HomeFeatureSection .feature_card .text_box { width: 100%; } @media (min-width: 1024px) { #HomeFeatureSection .feature_card .text_box { width: 50%; } } #HomeFeatureSection .feature_card .text_box .title { font-size: 1.5rem; line-height: 2rem; font-weight: 700; --tw-text-opacity: 1; color: rgb(33 64 109 / var(--tw-text-opacity)); margin-top: 0px; margin-bottom: 1.25rem; } #HomeFeatureSection .feature_card .text_box .content { line-height: 2; letter-spacing: 0.1em; margin-bottom: 2.5rem; } #HomeFeatureSection .feature_card .text_box .link_box { display: flex; justify-content: center; } @media (min-width: 768px) { #HomeFeatureSection .feature_card .text_box .link_box { justify-content: flex-start; } } #HomeFeatureSection .feature_card .text_box a { display: inline-block; padding-left: 2rem; padding-right: 2rem; padding-top: 0.75rem; padding-bottom: 0.75rem; --tw-bg-opacity: 1; background-color: rgb(33 64 109 / var(--tw-bg-opacity)); font-weight: 700; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); border-radius: 0.5rem; text-decoration-line: none; border-width: 2px; --tw-border-opacity: 1; border-color: rgb(33 64 109 / var(--tw-border-opacity)); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; } #HomeFeatureSection .feature_card .text_box a:hover { background-color: transparent; --tw-text-opacity: 1; color: rgb(33 64 109 / var(--tw-text-opacity)); } @media (min-width: 1024px) { #HomeFeatureSection .feature_card:nth-of-type(even) .text_box { padding-left: 1.25rem; } #HomeFeatureSection .feature_card:nth-of-type(odd) .text_box { padding-right: 1.25rem; } } #HomeFeatureSection .feature_card .image_box { margin-bottom: 2.5rem; width: 100%; } @media (min-width: 1024px) { #HomeFeatureSection .feature_card .image_box { margin-bottom: 0px; width: 50%; } #HomeFeatureSection .feature_card:nth-of-type(even) .image_box { padding-right: 1.25rem; } #HomeFeatureSection .feature_card:nth-of-type(odd) .image_box { padding-left: 1.25rem; } } #HomeFeatureSection .feature_card .image_box img { width: 100%; border-radius: 0.5rem; } @media (min-width: 768px) { #HomeFeatureSection .feature_card .image_box img { border-radius: 0.75rem; } } /* HomeAboutSection */ #HomeAboutSection { position: relative; z-index: 10; width: 100%; padding-top: 10rem; padding-bottom: 10rem; --tw-bg-opacity: 1; background-color: rgb(33 64 109 / var(--tw-bg-opacity)); text-align: center; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } #HomeAboutSection .main_container { position: relative; z-index: 10; } #HomeAboutSection .background_box { position: absolute; bottom: 0px; left: 0px; right: 0px; top: 0px; z-index: 0; height: auto; max-height: 100%; display: flex; align-items: flex-end; justify-content: center; } #HomeAboutSection .background_box img { display: block; height: 100%; width: 100%; -o-object-fit: contain; object-fit: contain; -o-object-position: bottom; object-position: bottom; } #HomeAboutSection .title { margin-bottom: 2.5rem; margin-top: 0px; font-size: 2.25rem; line-height: 2.5rem; font-weight: 900; } #HomeAboutSection .content { text-align: left; line-height: 2; letter-spacing: 0.1em; margin-left: auto; margin-right: auto; margin-bottom: 2.5rem; max-width: 42rem; } #HomeAboutSection .link_box { display: flex; justify-content: center; } #HomeAboutSection .link_box a { display: inline-block; padding-left: 2rem; padding-right: 2rem; padding-top: 0.75rem; padding-bottom: 0.75rem; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); font-weight: 700; --tw-text-opacity: 1; color: rgb(33 64 109 / var(--tw-text-opacity)); border-radius: 0.5rem; text-decoration-line: none; border-width: 2px; --tw-border-opacity: 1; border-color: rgb(255 255 255 / var(--tw-border-opacity)); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; } #HomeAboutSection .link_box a:hover { background-color: transparent; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } #HomePostSection { position: relative; z-index: 10; width: 100%; --tw-bg-opacity: 1; background-color: rgb(33 64 109 / var(--tw-bg-opacity)); padding-top: 5rem; padding-bottom: 5rem; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } #HomePostSection .header_box { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 2.5rem; width: 100%; } #HomePostSection .header_box .section_title { margin-bottom: 0px; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } #HomePostSection .header_box .button_box { display: flex; align-items: flex-end; justify-content: flex-end; } #HomePostSection .header_box .button_box button { height: 2.5rem; width: 2.5rem; border-radius: 0.375rem; display: flex; align-items: center; justify-content: center; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); font-weight: 700; --tw-text-opacity: 1; color: rgb(33 64 109 / var(--tw-text-opacity)); border-width: 2px; --tw-border-opacity: 1; border-color: rgb(255 255 255 / var(--tw-border-opacity)); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; } #HomePostSection .header_box .button_box button:hover { background-color: transparent; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } #HomePostSection .header_box .button_box button:nth-of-type(1) { margin-right: 0.75rem; } #HomePostSection .glide { margin-bottom: 2.5rem; } #HomePostSection .product_box .image_box { position: relative; margin-bottom: 1.25rem; display: block; aspect-ratio: 1 / 1; width: 100%; } #HomePostSection .product_box .image_box img { height: 100%; width: 100%; border-radius: 0.5rem; -o-object-fit: cover; object-fit: cover; } #HomePostSection .product_box .text_box .title { margin-bottom: 0.5rem; font-size: 1.25rem; line-height: 1.75rem; font-weight: 700; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } #HomePostSection .product_box .text_box .time { font-size: 0.75rem; line-height: 1rem; font-weight: 700; --tw-text-opacity: 1; color: rgb(161 161 170 / var(--tw-text-opacity)); } #HomePostSection .main_container > .button_box { display: flex; width: 100%; align-items: center; justify-content: center; } #HomePostSection .main_container > .button_box a { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); font-weight: 700; --tw-text-opacity: 1; color: rgb(33 64 109 / var(--tw-text-opacity)); border-width: 2px; --tw-border-opacity: 1; border-color: rgb(255 255 255 / var(--tw-border-opacity)); border-radius: 0.5rem; padding-left: 2rem; padding-right: 2rem; padding-top: 0.75rem; padding-bottom: 0.75rem; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; } #HomePostSection .main_container > .button_box a:hover { background-color: transparent; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } /* white */ #HomePostSection.white { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(33 64 109 / var(--tw-text-opacity)); } #HomePostSection.white .header_box .section_title { --tw-text-opacity: 1; color: rgb(33 64 109 / var(--tw-text-opacity)); } #HomePostSection.white .header_box .button_box button { --tw-bg-opacity: 1; background-color: rgb(33 64 109 / var(--tw-bg-opacity)); font-weight: 700; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); border-width: 2px; --tw-border-opacity: 1; border-color: rgb(33 64 109 / var(--tw-border-opacity)); } #HomePostSection.white .header_box .button_box button:hover { background-color: transparent; --tw-text-opacity: 1; color: rgb(33 64 109 / var(--tw-text-opacity)); } #HomePostSection.white .product_box .text_box .title { --tw-text-opacity: 1; color: rgb(33 64 109 / var(--tw-text-opacity)); } #HomePostSection.white .product_box .text_box .time { --tw-text-opacity: 1; color: rgb(113 113 122 / var(--tw-text-opacity)); } #HomePostSection.white .main_container > .button_box a { --tw-bg-opacity: 1; background-color: rgb(33 64 109 / var(--tw-bg-opacity)); font-weight: 700; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); border-width: 2px; --tw-border-opacity: 1; border-color: rgb(33 64 109 / var(--tw-border-opacity)); } #HomePostSection.white .main_container > .button_box a:hover { background-color: transparent; --tw-text-opacity: 1; color: rgb(33 64 109 / var(--tw-text-opacity)); } #HomeProjectSection { position: relative; z-index: 10; width: 100%; padding-top: 5rem; padding-bottom: 5rem; } #HomeProjectSection .main_container { position: relative; z-index: 10; } #HomeProjectSection .background_box { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: 0; } #HomeProjectSection .background_box img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; } #HomeProjectSection .header_box { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 2.5rem; width: 100%; } #HomeProjectSection .header_box .section_title { margin-bottom: 0px; --tw-text-opacity: 1; color: rgb(33 64 109 / var(--tw-text-opacity)); } #HomeProjectSection .header_box .button_box { display: flex; align-items: flex-end; justify-content: flex-end; } #HomeProjectSection .header_box .button_box button { height: 2.5rem; width: 2.5rem; border-radius: 0.375rem; display: flex; align-items: center; justify-content: center; --tw-bg-opacity: 1; background-color: rgb(33 64 109 / var(--tw-bg-opacity)); font-weight: 700; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); border-width: 2px; --tw-border-opacity: 1; border-color: rgb(33 64 109 / var(--tw-border-opacity)); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; } #HomeProjectSection .header_box .button_box button:hover { background-color: transparent; --tw-text-opacity: 1; color: rgb(33 64 109 / var(--tw-text-opacity)); } #HomeProjectSection .header_box .button_box button:nth-of-type(1) { margin-right: 0.75rem; } #HomeProjectSection .glide { margin-bottom: 2.5rem; } #HomeProjectSection .product_box .image_box { position: relative; margin-bottom: 1.25rem; display: block; aspect-ratio: 1 / 1; width: 100%; } #HomeProjectSection .product_box .image_box img { height: 100%; width: 100%; border-radius: 0.5rem; -o-object-fit: cover; object-fit: cover; } #HomeProjectSection .product_box .text_box .title { margin-bottom: 0.25rem; font-size: 1.25rem; line-height: 1.75rem; font-weight: 700; --tw-text-opacity: 1; color: rgb(33 64 109 / var(--tw-text-opacity)); } #HomeProjectSection .product_box .text_box .time { font-size: 0.75rem; line-height: 1rem; font-weight: 700; --tw-text-opacity: 1; color: rgb(113 113 122 / var(--tw-text-opacity)); } #HomeProjectSection .main_container > .button_box { display: flex; width: 100%; align-items: center; justify-content: center; } #HomeProjectSection .main_container > .button_box a { --tw-bg-opacity: 1; background-color: rgb(33 64 109 / var(--tw-bg-opacity)); font-weight: 700; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); border-width: 2px; --tw-border-opacity: 1; border-color: rgb(33 64 109 / var(--tw-border-opacity)); border-radius: 0.5rem; padding-left: 2rem; padding-right: 2rem; padding-top: 0.75rem; padding-bottom: 0.75rem; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; } #HomeProjectSection .main_container > .button_box a:hover { background-color: transparent; --tw-text-opacity: 1; color: rgb(33 64 109 / var(--tw-text-opacity)); } #HomeProductSection { position: relative; z-index: 10; width: 100%; padding-top: 5rem; padding-bottom: 5rem; } #HomeProductSection .header_box { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 2.5rem; width: 100%; } #HomeProductSection .header_box .section_title { margin-bottom: 0px; --tw-text-opacity: 1; color: rgb(33 64 109 / var(--tw-text-opacity)); } #HomeProductSection .header_box .button_box { display: flex; align-items: flex-end; justify-content: flex-end; } #HomeProductSection .header_box .button_box button { height: 2.5rem; width: 2.5rem; border-radius: 0.375rem; display: flex; align-items: center; justify-content: center; --tw-bg-opacity: 1; background-color: rgb(33 64 109 / var(--tw-bg-opacity)); font-weight: 700; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); border-width: 2px; --tw-border-opacity: 1; border-color: rgb(33 64 109 / var(--tw-border-opacity)); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; } #HomeProductSection .header_box .button_box button:hover { background-color: transparent; --tw-text-opacity: 1; color: rgb(33 64 109 / var(--tw-text-opacity)); } #HomeProductSection .header_box .button_box button:nth-of-type(1) { margin-right: 0.75rem; } #HomeProductSection .glide { margin-bottom: 2.5rem; } #HomeProductSection .product_box .image_box { position: relative; margin-bottom: 1.25rem; display: block; aspect-ratio: 1 / 1; width: 100%; } #HomeProductSection .product_box .image_box img { height: 100%; width: 100%; border-radius: 0.5rem; -o-object-fit: cover; object-fit: cover; } #HomeProductSection .product_box .text_box .title { margin-bottom: 0.5rem; font-size: 1.25rem; line-height: 1.75rem; font-weight: 700; --tw-text-opacity: 1; color: rgb(33 64 109 / var(--tw-text-opacity)); } #HomeProductSection .product_box .price_box { display: flex; align-items: center; justify-content: flex-start; margin-bottom: 1.25rem; } #HomeProductSection .product_box .price_box .price { font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; --tw-text-opacity: 1; color: rgb(33 64 109 / var(--tw-text-opacity)); } #HomeProductSection .product_box .price_box .original_price { margin-left: 0.75rem; font-size: 0.75rem; line-height: 1rem; --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity)); text-decoration-line: line-through; } #HomeProductSection .main_container > .button_box { display: flex; width: 100%; align-items: center; justify-content: center; } #HomeProductSection .main_container > .button_box a { --tw-bg-opacity: 1; background-color: rgb(33 64 109 / var(--tw-bg-opacity)); font-weight: 700; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); border-width: 2px; --tw-border-opacity: 1; border-color: rgb(33 64 109 / var(--tw-border-opacity)); border-radius: 0.5rem; padding-left: 2rem; padding-right: 2rem; padding-top: 0.75rem; padding-bottom: 0.75rem; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; } #HomeProductSection .main_container > .button_box a:hover { background-color: transparent; --tw-text-opacity: 1; color: rgb(33 64 109 / var(--tw-text-opacity)); } #SeamlessBathroomPage { position: relative; width: 100%; } /* SeamlessBathroomPriceSection */ #SeamlessBathroomPriceSection { position: relative; width: 100%; padding-top: 10rem; padding-bottom: 10rem; } #SeamlessBathroomPriceSection .main_container { position: relative; z-index: 10; width: 100%; } #SeamlessBathroomPriceSection .background_box { position: absolute; top: 0px; left: 0px; z-index: 0; height: 100%; width: 100%; } #SeamlessBathroomPriceSection .background_box img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; } #SeamlessBathroomPriceSection .main_container > .section_title { margin-bottom: 0.5rem; text-align: center; --tw-text-opacity: 1; color: rgb(33 64 109 / var(--tw-text-opacity)); } #SeamlessBathroomPriceSection .main_container > .sub_title { text-align: center; font-size: 1.125rem; line-height: 1.75rem; font-weight: 700; } @media (min-width: 768px) { #SeamlessBathroomPriceSection .main_container > .sub_title { font-size: 1.25rem; line-height: 1.75rem; } } #SeamlessBathroomPriceSection .main_container > .sub_title { margin-bottom: 2.5rem; } #SeamlessBathroomPriceSection .price_box { display: flex; flex-wrap: wrap; align-items: stretch; justify-content: space-between; margin-left: -1.25rem; margin-right: -1.25rem; margin-bottom: 2.5rem; } #SeamlessBathroomPriceSection .price_box .price_item { margin-bottom: 2.5rem; width: 100%; padding-left: 1.25rem; padding-right: 1.25rem; } @media (min-width: 640px) { #SeamlessBathroomPriceSection .price_box .price_item { width: 50%; } } @media (min-width: 768px) { #SeamlessBathroomPriceSection .price_box .price_item { margin-bottom: 0px; width: 33.333333%; } } #SeamlessBathroomPriceSection .price_box .price_item > div { aspect-ratio: 16 / 9; border-radius: 0.75rem; border-width: 2px; --tw-border-opacity: 1; border-color: rgb(33 64 109 / var(--tw-border-opacity)); padding: 1.25rem; } @media (min-width: 640px) { #SeamlessBathroomPriceSection .price_box .price_item > div { aspect-ratio: 1 / 1; } } #SeamlessBathroomPriceSection .price_box .price_item > div { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; } #SeamlessBathroomPriceSection .price_box .price_item .title { font-size: 2.25rem; line-height: 2.5rem; font-weight: 900; --tw-text-opacity: 1; color: rgb(33 64 109 / var(--tw-text-opacity)); margin-bottom: 0.5rem; } #SeamlessBathroomPriceSection .price_box .price_item .content { font-weight: 500; line-height: 1.625; letter-spacing: 0.05em; --tw-text-opacity: 1; color: rgb(33 64 109 / var(--tw-text-opacity)); } #SeamlessBathroomPriceSection .button_box { display: flex; align-items: center; justify-content: center; } #SeamlessBathroomPriceSection .button_box a { display: inline-block; padding-left: 2rem; padding-right: 2rem; padding-top: 0.75rem; padding-bottom: 0.75rem; --tw-bg-opacity: 1; background-color: rgb(33 64 109 / var(--tw-bg-opacity)); font-weight: 700; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); border-radius: 0.5rem; text-decoration-line: none; border-width: 2px; --tw-border-opacity: 1; border-color: rgb(33 64 109 / var(--tw-border-opacity)); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; } #SeamlessBathroomPriceSection .button_box a:hover { background-color: transparent; --tw-text-opacity: 1; color: rgb(33 64 109 / var(--tw-text-opacity)); } #ContactPage #CoverSection { margin-bottom: 5rem; } #ContactPage > .main_container { display: flex; flex-wrap: wrap; align-items: flex-start; } #ContactFormSection { margin-bottom: 5rem; width: 100%; } @media (min-width: 768px) { #ContactFormSection { margin-bottom: 0px; width: 50%; padding-right: 2.5rem; } #ContactFormSection form { border-radius: 0.75rem; border-width: 2px; --tw-border-opacity: 1; border-color: rgb(33 64 109 / var(--tw-border-opacity)); padding: 2.5rem; } } #ContactFormSection form h4.title { margin-bottom: 1.25rem; font-size: 1.5rem; line-height: 2rem; font-weight: 700; --tw-text-opacity: 1; color: rgb(33 64 109 / var(--tw-text-opacity)); } #ContactFormSection form .form_group { margin-bottom: 1.25rem; } #ContactFormSection form button { margin-top: 2.5rem; display: block; width: 100%; padding: 1rem; border-radius: 0.5rem; --tw-bg-opacity: 1; background-color: rgb(33 64 109 / var(--tw-bg-opacity)); font-weight: 700; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); border-width: 1px; --tw-border-opacity: 1; border-color: rgb(33 64 109 / var(--tw-border-opacity)); } #ContactFormSection form button:hover { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(33 64 109 / var(--tw-text-opacity)); } #ContactFormSection form button { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; } #ContactInfoSection { width: 100%; text-align: center; } @media (min-width: 768px) { #ContactInfoSection { width: 50%; padding: 2.5rem; text-align: start; } } #ContactInfoSection .title { margin-bottom: 1.25rem; font-size: 1.5rem; line-height: 2rem; font-weight: 700; --tw-text-opacity: 1; color: rgb(33 64 109 / var(--tw-text-opacity)); } #ContactInfoSection .info_list { margin-bottom: 2.5rem; } @media (min-width: 768px) { #ContactInfoSection .info_list { margin-bottom: 5rem; } } #ContactInfoSection .info_list li { margin-bottom: 0.75rem; --tw-text-opacity: 1; color: rgb(39 39 42 / var(--tw-text-opacity)); } #ContactInfoSection .info_list li:nth-of-type(1) { font-weight: 700; --tw-text-opacity: 1; color: rgb(33 64 109 / var(--tw-text-opacity)); } #ContactInfoSection .info_list li span { margin-right: 0.5rem; font-weight: 700; --tw-text-opacity: 1; color: rgb(33 64 109 / var(--tw-text-opacity)); } #ContactInfoSection .social_list { display: flex; align-items: center; justify-content: center; gap: 0.75rem; } @media (min-width: 768px) { #ContactInfoSection .social_list { justify-content: flex-start; } } #ContactInfoSection .social_list a { display: flex; height: 2rem; width: 2rem; align-items: center; justify-content: center; border-radius: 0.375rem; --tw-bg-opacity: 1; background-color: rgb(33 64 109 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } #ContactInfoSection .social_list a:hover { background-color: rgb(33 64 109 / 0.8); } #ContactInfoSection .social_list a { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; } #ContactInfoSection .social_list a img { height: 1.25rem; width: 1.25rem; } /* ! tailwindcss v3.3.2 | MIT License | https://tailwindcss.com */ /* 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) */ *, ::before, ::after { box-sizing: border-box; /* 1 */ border-width: 0; /* 2 */ border-style: solid; /* 2 */ border-color: #e5e7eb; /* 2 */ } ::before, ::after { --tw-content: ''; } /* 1. Use a consistent sensible line-height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. 3. Use a more readable tab size. 4. Use the user's configured `sans` font-family by default. 5. Use the user's configured `sans` font-feature-settings by default. 6. Use the user's configured `sans` font-variation-settings by default. */ html { line-height: 1.5; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -moz-tab-size: 4; /* 3 */ -o-tab-size: 4; tab-size: 4; /* 3 */ font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */ font-feature-settings: normal; /* 5 */ font-variation-settings: normal; /* 6 */ } /* 1. Remove the margin in all browsers. 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. */ body { margin: 0; /* 1 */ line-height: inherit; /* 2 */ } /* 1. Add the correct height in Firefox. 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) 3. Ensure horizontal rules are visible by default. */ hr { height: 0; /* 1 */ color: inherit; /* 2 */ border-top-width: 1px; /* 3 */ } /* Add the correct text decoration in Chrome, Edge, and Safari. */ abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } /* Remove the default font size and weight for headings. */ h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } /* Reset links to optimize for opt-in styling instead of opt-out. */ a { color: inherit; text-decoration: inherit; } /* Add the correct font weight in Edge and Safari. */ b, strong { font-weight: bolder; } /* 1. Use the user's configured `mono` font family by default. 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Add the correct font size in all browsers. */ small { font-size: 80%; } /* Prevent `sub` and `sup` elements from affecting the line height in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) 3. Remove gaps between table borders by default. */ table { text-indent: 0; /* 1 */ border-color: inherit; /* 2 */ border-collapse: collapse; /* 3 */ } /* 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. 3. Remove default padding in all browsers. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ font-weight: inherit; /* 1 */ line-height: inherit; /* 1 */ color: inherit; /* 1 */ margin: 0; /* 2 */ padding: 0; /* 3 */ } /* Remove the inheritance of text transform in Edge and Firefox. */ button, select { text-transform: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Remove default button styles. */ button, [type='button'], [type='reset'], [type='submit'] { -webkit-appearance: button; /* 1 */ background-color: transparent; /* 2 */ background-image: none; /* 2 */ } /* Use the modern Firefox focus style for all focusable elements. */ :-moz-focusring { outline: auto; } /* Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) */ :-moz-ui-invalid { box-shadow: none; } /* Add the correct vertical alignment in Chrome and Firefox. */ progress { vertical-align: baseline; } /* Correct the cursor style of increment and decrement buttons in Safari. */ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } /* 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */ [type='search'] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /* Remove the inner padding in Chrome and Safari on macOS. */ ::-webkit-search-decoration { -webkit-appearance: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Add the correct display in Chrome and Safari. */ summary { display: list-item; } /* Removes the default spacing and border for appropriate elements. */ blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0; } fieldset { margin: 0; padding: 0; } legend { padding: 0; } ol, ul, menu { list-style: none; margin: 0; padding: 0; } /* Prevent resizing textareas horizontally by default. */ textarea { resize: vertical; } /* 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) 2. Set the default placeholder color to the user's configured gray 400 color. */ input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } input::placeholder, textarea::placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } /* Set the default cursor for buttons. */ button, [role="button"] { cursor: pointer; } /* Make sure disabled buttons don't get the pointer cursor. */ :disabled { cursor: default; } /* 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) This can trigger a poorly considered lint error in some tools but is included by design. */ img, svg, video, canvas, audio, iframe, embed, object { display: block; /* 1 */ vertical-align: middle; /* 2 */ } /* Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) */ img, video { max-width: 100%; height: auto; } /* Make elements with the HTML hidden attribute stay hidden by default */ [hidden] { display: none; } *, ::before, ::after { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; } ::backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; } .pointer-events-none { pointer-events: none; } .fixed { position: fixed; } .absolute { position: absolute; } .relative { position: relative; } .sticky { position: sticky; } .-bottom-\[136px\] { bottom: -136px; } .-bottom-\[180px\] { bottom: -180px; } .-left-full { left: -100%; } .-top-\[136px\] { top: -136px; } .-top-\[180px\] { top: -180px; } .bottom-0 { bottom: 0px; } .left-0 { left: 0px; } .left-1\/2 { left: 50%; } .left-2 { left: 0.5rem; } .left-full { left: 100%; } .right-0 { right: 0px; } .right-2 { right: 0.5rem; } .right-3 { right: 0.75rem; } .right-4 { right: 1rem; } .right-5 { right: 1.25rem; } .top-0 { top: 0px; } .top-1\/2 { top: 50%; } .top-2 { top: 0.5rem; } .top-28 { top: 7rem; } .top-\[200px\] { top: 200px; } .top-\[33px\] { top: 33px; } .top-full { top: 100%; } .z-0 { z-index: 0; } .z-10 { z-index: 10; } .z-20 { z-index: 20; } .z-30 { z-index: 30; } .z-40 { z-index: 40; } .z-50 { z-index: 50; } .z-\[1\] { z-index: 1; } .z-\[31\] { z-index: 31; } .-mx-1 { margin-left: -0.25rem; margin-right: -0.25rem; } .-mx-2 { margin-left: -0.5rem; margin-right: -0.5rem; } .-mx-3 { margin-left: -0.75rem; margin-right: -0.75rem; } .-mx-5 { margin-left: -1.25rem; margin-right: -1.25rem; } .mx-1 { margin-left: 0.25rem; margin-right: 0.25rem; } .mx-auto { margin-left: auto; margin-right: auto; } .my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; } .-mr-2 { margin-right: -0.5rem; } .mb-0 { margin-bottom: 0px; } .mb-1 { margin-bottom: 0.25rem; } .mb-10 { margin-bottom: 2.5rem; } .mb-16 { margin-bottom: 4rem; } .mb-2 { margin-bottom: 0.5rem; } .mb-20 { margin-bottom: 5rem; } .mb-3 { margin-bottom: 0.75rem; } .mb-32 { margin-bottom: 8rem; } .mb-4 { margin-bottom: 1rem; } .mb-40 { margin-bottom: 10rem; } .mb-5 { margin-bottom: 1.25rem; } .mb-6 { margin-bottom: 1.5rem; } .mb-8 { margin-bottom: 2rem; } .mb-\[60px\] { margin-bottom: 60px; } .ml-1 { margin-left: 0.25rem; } .ml-2 { margin-left: 0.5rem; } .ml-3 { margin-left: 0.75rem; } .ml-4 { margin-left: 1rem; } .ml-auto { margin-left: auto; } .mr-1 { margin-right: 0.25rem; } .mr-2 { margin-right: 0.5rem; } .mr-3 { margin-right: 0.75rem; } .mr-4 { margin-right: 1rem; } .mr-5 { margin-right: 1.25rem; } .mt-1 { margin-top: 0.25rem; } .mt-2 { margin-top: 0.5rem; } .mt-3 { margin-top: 0.75rem; } .mt-5 { margin-top: 1.25rem; } .block { display: block; } .inline-block { display: inline-block; } .flex { display: flex; } .contents { display: contents; } .hidden { display: none; } .aspect-\[1\.5\/1\] { aspect-ratio: 1.5/1; } .aspect-square { aspect-ratio: 1 / 1; } .aspect-video { aspect-ratio: 16 / 9; } .h-1 { height: 0.25rem; } .h-20 { height: 5rem; } .h-24 { height: 6rem; } .h-3 { height: 0.75rem; } .h-5 { height: 1.25rem; } .h-7 { height: 1.75rem; } .h-8 { height: 2rem; } .h-9 { height: 2.25rem; } .h-\[1px\] { height: 1px; } .h-\[2px\] { height: 2px; } .h-auto { height: auto; } .h-full { height: 100%; } .h-screen { height: 100vh; } .max-h-0 { max-height: 0px; } .max-h-\[300px\] { max-height: 300px; } .max-h-screen { max-height: 100vh; } .min-h-0 { min-height: 0px; } .min-h-\[100px\] { min-height: 100px; } .min-h-\[150px\] { min-height: 150px; } .min-h-screen { min-height: 100vh; } .w-1\/2 { width: 50%; } .w-1\/3 { width: 33.333333%; } .w-1\/4 { width: 25%; } .w-1\/6 { width: 16.666667%; } .w-10 { width: 2.5rem; } .w-11\/12 { width: 91.666667%; } .w-12 { width: 3rem; } .w-20 { width: 5rem; } .w-24 { width: 6rem; } .w-3 { width: 0.75rem; } .w-32 { width: 8rem; } .w-4 { width: 1rem; } .w-40 { width: 10rem; } .w-48 { width: 12rem; } .w-5 { width: 1.25rem; } .w-52 { width: 13rem; } .w-6 { width: 1.5rem; } .w-7 { width: 1.75rem; } .w-8 { width: 2rem; } .w-9 { width: 2.25rem; } .w-\[100px\] { width: 100px; } .w-\[15\%\] { width: 15%; } .w-\[400px\] { width: 400px; } .w-\[500px\] { width: 500px; } .w-\[50px\] { width: 50px; } .w-\[600px\] { width: 600px; } .w-full { width: 100%; } .w-screen { width: 100vw; } .max-w-\[1920px\] { max-width: 1920px; } .max-w-\[90\%\] { max-width: 90%; } .max-w-\[95\%\] { max-width: 95%; } .max-w-full { max-width: 100%; } .max-w-md { max-width: 28rem; } .max-w-screen-2xl { max-width: 1536px; } .max-w-screen-md { max-width: 768px; } .max-w-screen-sm { max-width: 640px; } .max-w-screen-xl { max-width: 1280px; } .flex-1 { flex: 1 1 0%; } .flex-shrink-0 { flex-shrink: 0; } .origin-right { transform-origin: right; } .-translate-x-1\/2 { --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-translate-y-0 { --tw-translate-y: -0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-translate-y-1 { --tw-translate-y: -0.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-translate-y-1\/2 { --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-translate-y-full { --tw-translate-y: -100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-x-0 { --tw-translate-x: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-x-1 { --tw-translate-x: 0.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-x-full { --tw-translate-x: 100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-scale-100 { --tw-scale-x: -1; --tw-scale-y: -1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .scale-75 { --tw-scale-x: .75; --tw-scale-y: .75; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .scale-90 { --tw-scale-x: .9; --tw-scale-y: .9; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-scale-y-100 { --tw-scale-y: -1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .transform { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .cursor-not-allowed { cursor: not-allowed; } .cursor-pointer { cursor: pointer; } .resize { resize: both; } .list-disc { list-style-type: disc; } .list-none { list-style-type: none; } .appearance-none { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .flex-row { flex-direction: row; } .flex-col { flex-direction: column; } .flex-col-reverse { flex-direction: column-reverse; } .flex-wrap { flex-wrap: wrap; } .items-start { align-items: flex-start; } .items-end { align-items: flex-end; } .items-center { align-items: center; } .items-stretch { align-items: stretch; } .justify-start { justify-content: flex-start; } .justify-end { justify-content: flex-end; } .justify-center { justify-content: center; } .justify-between { justify-content: space-between; } .overflow-hidden { overflow: hidden; } .overflow-y-auto { overflow-y: auto; } .truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .rounded { border-radius: 0.25rem; } .rounded-2xl { border-radius: 1rem; } .rounded-\[100\%\] { border-radius: 100%; } .rounded-\[50\%\] { border-radius: 50%; } .rounded-full { border-radius: 9999px; } .rounded-lg { border-radius: 0.5rem; } .rounded-md { border-radius: 0.375rem; } .rounded-sm { border-radius: 0.125rem; } .rounded-xl { border-radius: 0.75rem; } .border { border-width: 1px; } .border-2 { border-width: 2px; } .border-x { border-left-width: 1px; border-right-width: 1px; } .border-y { border-top-width: 1px; border-bottom-width: 1px; } .border-b { border-bottom-width: 1px; } .border-b-2 { border-bottom-width: 2px; } .border-t { border-top-width: 1px; } .border-black { --tw-border-opacity: 1; border-color: rgb(0 0 0 / var(--tw-border-opacity)); } .border-green-500 { --tw-border-opacity: 1; border-color: rgb(34 197 94 / var(--tw-border-opacity)); } .border-primary { --tw-border-opacity: 1; border-color: rgb(33 64 109 / var(--tw-border-opacity)); } .border-secondary { --tw-border-opacity: 1; border-color: rgb(247 147 30 / var(--tw-border-opacity)); } .border-transparent { border-color: transparent; } .border-white { --tw-border-opacity: 1; border-color: rgb(255 255 255 / var(--tw-border-opacity)); } .border-zinc-100 { --tw-border-opacity: 1; border-color: rgb(244 244 245 / var(--tw-border-opacity)); } .border-zinc-200 { --tw-border-opacity: 1; border-color: rgb(228 228 231 / var(--tw-border-opacity)); } .border-zinc-300 { --tw-border-opacity: 1; border-color: rgb(212 212 216 / var(--tw-border-opacity)); } .border-zinc-500 { --tw-border-opacity: 1; border-color: rgb(113 113 122 / var(--tw-border-opacity)); } .border-zinc-600 { --tw-border-opacity: 1; border-color: rgb(82 82 91 / var(--tw-border-opacity)); } .border-opacity-20 { --tw-border-opacity: 0.2; } .bg-black { --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity)); } .bg-green-500 { --tw-bg-opacity: 1; background-color: rgb(34 197 94 / var(--tw-bg-opacity)); } .bg-green-700 { --tw-bg-opacity: 1; background-color: rgb(21 128 61 / var(--tw-bg-opacity)); } .bg-primary { --tw-bg-opacity: 1; background-color: rgb(33 64 109 / var(--tw-bg-opacity)); } .bg-red-500 { --tw-bg-opacity: 1; background-color: rgb(239 68 68 / var(--tw-bg-opacity)); } .bg-secondary { --tw-bg-opacity: 1; background-color: rgb(247 147 30 / var(--tw-bg-opacity)); } .bg-transparent { background-color: transparent; } .bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .bg-zinc-100 { --tw-bg-opacity: 1; background-color: rgb(244 244 245 / var(--tw-bg-opacity)); } .bg-zinc-200 { --tw-bg-opacity: 1; background-color: rgb(228 228 231 / var(--tw-bg-opacity)); } .bg-zinc-300 { --tw-bg-opacity: 1; background-color: rgb(212 212 216 / var(--tw-bg-opacity)); } .bg-zinc-50 { --tw-bg-opacity: 1; background-color: rgb(250 250 250 / var(--tw-bg-opacity)); } .bg-zinc-500 { --tw-bg-opacity: 1; background-color: rgb(113 113 122 / var(--tw-bg-opacity)); } .bg-zinc-600 { --tw-bg-opacity: 1; background-color: rgb(82 82 91 / var(--tw-bg-opacity)); } .bg-zinc-700 { --tw-bg-opacity: 1; background-color: rgb(63 63 70 / var(--tw-bg-opacity)); } .bg-opacity-10 { --tw-bg-opacity: 0.1; } .bg-opacity-20 { --tw-bg-opacity: 0.2; } .bg-opacity-50 { --tw-bg-opacity: 0.5; } .bg-opacity-70 { --tw-bg-opacity: 0.7; } .bg-opacity-80 { --tw-bg-opacity: 0.8; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)); } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)); } .from-white { --tw-gradient-from: #fff var(--tw-gradient-from-position); --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .to-transparent { --tw-gradient-to: transparent var(--tw-gradient-to-position); } .bg-repeat { background-repeat: repeat; } .object-contain { -o-object-fit: contain; object-fit: contain; } .object-cover { -o-object-fit: cover; object-fit: cover; } .p-10 { padding: 2.5rem; } .p-3 { padding: 0.75rem; } .p-4 { padding: 1rem; } .p-5 { padding: 1.25rem; } .px-0 { padding-left: 0px; padding-right: 0px; } .px-1 { padding-left: 0.25rem; padding-right: 0.25rem; } .px-10 { padding-left: 2.5rem; padding-right: 2.5rem; } .px-14 { padding-left: 3.5rem; padding-right: 3.5rem; } .px-16 { padding-left: 4rem; padding-right: 4rem; } .px-2 { padding-left: 0.5rem; padding-right: 0.5rem; } .px-3 { padding-left: 0.75rem; padding-right: 0.75rem; } .px-4 { padding-left: 1rem; padding-right: 1rem; } .px-5 { padding-left: 1.25rem; padding-right: 1.25rem; } .px-8 { padding-left: 2rem; padding-right: 2rem; } .py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; } .py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; } .py-14 { padding-top: 3.5rem; padding-bottom: 3.5rem; } .py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; } .py-20 { padding-top: 5rem; padding-bottom: 5rem; } .py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; } .py-4 { padding-top: 1rem; padding-bottom: 1rem; } .py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; } .py-64 { padding-top: 16rem; padding-bottom: 16rem; } .py-8 { padding-top: 2rem; padding-bottom: 2rem; } .py-\[2px\] { padding-top: 2px; padding-bottom: 2px; } .py-\[3px\] { padding-top: 3px; padding-bottom: 3px; } .pb-10 { padding-bottom: 2.5rem; } .pb-14 { padding-bottom: 3.5rem; } .pb-2 { padding-bottom: 0.5rem; } .pb-20 { padding-bottom: 5rem; } .pb-3 { padding-bottom: 0.75rem; } .pb-32 { padding-bottom: 8rem; } .pb-5 { padding-bottom: 1.25rem; } .pl-0 { padding-left: 0px; } .pl-10 { padding-left: 2.5rem; } .pl-2 { padding-left: 0.5rem; } .pl-3 { padding-left: 0.75rem; } .pl-5 { padding-left: 1.25rem; } .pr-10 { padding-right: 2.5rem; } .pr-14 { padding-right: 3.5rem; } .pr-2 { padding-right: 0.5rem; } .pr-4 { padding-right: 1rem; } .pr-5 { padding-right: 1.25rem; } .pt-10 { padding-top: 2.5rem; } .pt-14 { padding-top: 3.5rem; } .pt-2 { padding-top: 0.5rem; } .pt-20 { padding-top: 5rem; } .pt-32 { padding-top: 8rem; } .pt-40 { padding-top: 10rem; } .pt-48 { padding-top: 12rem; } .pt-5 { padding-top: 1.25rem; } .pt-\[1px\] { padding-top: 1px; } .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } .font-mono { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } .text-2xl { font-size: 1.5rem; line-height: 2rem; } .text-3xl { font-size: 1.875rem; line-height: 2.25rem; } .text-4xl { font-size: 2.25rem; line-height: 2.5rem; } .text-7xl { font-size: 4.5rem; line-height: 1; } .text-base { font-size: 1rem; line-height: 1.5rem; } .text-lg { font-size: 1.125rem; line-height: 1.75rem; } .text-sm { font-size: 0.875rem; line-height: 1.25rem; } .text-xl { font-size: 1.25rem; line-height: 1.75rem; } .text-xs { font-size: 0.75rem; line-height: 1rem; } .font-bold { font-weight: 700; } .font-medium { font-weight: 500; } .font-normal { font-weight: 400; } .font-semibold { font-weight: 600; } .uppercase { text-transform: uppercase; } .leading-none { line-height: 1; } .text-black { --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .text-green-500 { --tw-text-opacity: 1; color: rgb(34 197 94 / var(--tw-text-opacity)); } .text-primary { --tw-text-opacity: 1; color: rgb(33 64 109 / var(--tw-text-opacity)); } .text-red-600 { --tw-text-opacity: 1; color: rgb(220 38 38 / var(--tw-text-opacity)); } .text-red-700 { --tw-text-opacity: 1; color: rgb(185 28 28 / var(--tw-text-opacity)); } .text-secondary { --tw-text-opacity: 1; color: rgb(247 147 30 / var(--tw-text-opacity)); } .text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .text-zinc-300 { --tw-text-opacity: 1; color: rgb(212 212 216 / var(--tw-text-opacity)); } .text-zinc-400 { --tw-text-opacity: 1; color: rgb(161 161 170 / var(--tw-text-opacity)); } .text-zinc-500 { --tw-text-opacity: 1; color: rgb(113 113 122 / var(--tw-text-opacity)); } .text-zinc-600 { --tw-text-opacity: 1; color: rgb(82 82 91 / var(--tw-text-opacity)); } .text-zinc-700 { --tw-text-opacity: 1; color: rgb(63 63 70 / var(--tw-text-opacity)); } .text-opacity-60 { --tw-text-opacity: 0.6; } .underline { text-decoration-line: underline; } .line-through { text-decoration-line: line-through; } .opacity-0 { opacity: 0; } .opacity-10 { opacity: 0.1; } .opacity-100 { opacity: 1; } .opacity-30 { opacity: 0.3; } .opacity-60 { opacity: 0.6; } .opacity-80 { opacity: 0.8; } .mix-blend-overlay { mix-blend-mode: overlay; } .shadow-lg { --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-xl { --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .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); } .grayscale { --tw-grayscale: grayscale(100%); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .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-md { --tw-backdrop-blur: blur(12px); -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .transition-all { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-opacity { transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .duration-200 { transition-duration: 200ms; } .duration-300 { transition-duration: 300ms; } .duration-500 { transition-duration: 500ms; } * { font-family: "Kanit", "Noto Sans TC"; } body.lock { overflow: hidden; } .main_container { margin-left: auto; margin-right: auto; width: 100%; max-width: 1536px; padding-left: 1.25rem; padding-right: 1.25rem; } @media (min-width: 768px) { .main_container { padding-left: 2.5rem; padding-right: 2.5rem; } } .page_container { padding-top: 4rem; } @media (min-width: 768px) { .page_container { padding-top: 5rem; } } @media (min-width: 1024px) { .page_container { padding-top: 0px; } } .upright { writing-mode: vertical-lr; text-orientation: mixed; } .map_content iframe { width: 100%; height: 100%; } .checked\:accent-primary:checked { accent-color: #21406d; } .hover\:scale-105:hover { --tw-scale-x: 1.05; --tw-scale-y: 1.05; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .hover\:border-secondary:hover { --tw-border-opacity: 1; border-color: rgb(247 147 30 / var(--tw-border-opacity)); } .hover\:bg-primary:hover { --tw-bg-opacity: 1; background-color: rgb(33 64 109 / var(--tw-bg-opacity)); } .hover\:bg-secondary:hover { --tw-bg-opacity: 1; background-color: rgb(247 147 30 / var(--tw-bg-opacity)); } .hover\:bg-transparent:hover { background-color: transparent; } .hover\:bg-opacity-10:hover { --tw-bg-opacity: 0.1; } .hover\:bg-opacity-30:hover { --tw-bg-opacity: 0.3; } .hover\:bg-opacity-70:hover { --tw-bg-opacity: 0.7; } .hover\:bg-opacity-80:hover { --tw-bg-opacity: 0.8; } .hover\:text-primary:hover { --tw-text-opacity: 1; color: rgb(33 64 109 / var(--tw-text-opacity)); } .hover\:text-secondary:hover { --tw-text-opacity: 1; color: rgb(247 147 30 / var(--tw-text-opacity)); } .hover\:text-white:hover { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .hover\:text-opacity-50:hover { --tw-text-opacity: 0.5; } .focus\:outline-none:focus { outline: 2px solid transparent; outline-offset: 2px; } .focus\:outline-primary:focus { outline-color: #21406d; } @media (min-width: 640px) { .sm\:left-3 { left: 0.75rem; } .sm\:top-3 { top: 0.75rem; } .sm\:top-32 { top: 8rem; } .sm\:mb-0 { margin-bottom: 0px; } .sm\:mb-20 { margin-bottom: 5rem; } .sm\:flex { display: flex; } .sm\:w-1\/2 { width: 50%; } .sm\:w-auto { width: auto; } .sm\:items-center { align-items: center; } .sm\:p-10 { padding: 2.5rem; } .sm\:p-3 { padding: 0.75rem; } .sm\:px-10 { padding-left: 2.5rem; padding-right: 2.5rem; } .sm\:px-3 { padding-left: 0.75rem; padding-right: 0.75rem; } .sm\:px-5 { padding-left: 1.25rem; padding-right: 1.25rem; } .sm\:pl-10 { padding-left: 2.5rem; } .sm\:pl-2 { padding-left: 0.5rem; } .sm\:pr-10 { padding-right: 2.5rem; } .sm\:pr-2 { padding-right: 0.5rem; } .sm\:text-2xl { font-size: 1.5rem; line-height: 2rem; } .sm\:text-3xl { font-size: 1.875rem; line-height: 2.25rem; } .sm\:text-4xl { font-size: 2.25rem; line-height: 2.5rem; } .sm\:text-9xl { font-size: 8rem; line-height: 1; } .sm\:text-base { font-size: 1rem; line-height: 1.5rem; } .sm\:text-sm { font-size: 0.875rem; line-height: 1.25rem; } } @media (min-width: 768px) { .md\:mb-0 { margin-bottom: 0px; } .md\:ml-10 { margin-left: 2.5rem; } .md\:ml-2 { margin-left: 0.5rem; } .md\:ml-5 { margin-left: 1.25rem; } .md\:mr-10 { margin-right: 2.5rem; } .md\:mr-5 { margin-right: 1.25rem; } .md\:block { display: block; } .md\:inline-block { display: inline-block; } .md\:hidden { display: none; } .md\:aspect-\[2\.5\/1\] { aspect-ratio: 2.5/1; } .md\:h-10 { height: 2.5rem; } .md\:w-1\/2 { width: 50%; } .md\:w-1\/4 { width: 25%; } .md\:w-1\/5 { width: 20%; } .md\:w-10 { width: 2.5rem; } .md\:w-2\/3 { width: 66.666667%; } .md\:w-4\/5 { width: 80%; } .md\:w-64 { width: 16rem; } .md\:w-72 { width: 18rem; } .md\:w-auto { width: auto; } .md\:max-w-screen-sm { max-width: 640px; } .md\:flex-1 { flex: 1 1 0%; } .md\:flex-col { flex-direction: column; } .md\:flex-nowrap { flex-wrap: nowrap; } .md\:justify-end { justify-content: flex-end; } .md\:justify-center { justify-content: center; } .md\:rounded-lg { border-radius: 0.5rem; } .md\:rounded-md { border-radius: 0.375rem; } .md\:border { border-width: 1px; } .md\:border-primary { --tw-border-opacity: 1; border-color: rgb(33 64 109 / var(--tw-border-opacity)); } .md\:bg-transparent { background-color: transparent; } .md\:p-10 { padding: 2.5rem; } .md\:p-5 { padding: 1.25rem; } .md\:px-0 { padding-left: 0px; padding-right: 0px; } .md\:px-10 { padding-left: 2.5rem; padding-right: 2.5rem; } .md\:px-20 { padding-left: 5rem; padding-right: 5rem; } .md\:px-5 { padding-left: 1.25rem; padding-right: 1.25rem; } .md\:pl-0 { padding-left: 0px; } .md\:pl-10 { padding-left: 2.5rem; } .md\:pr-5 { padding-right: 1.25rem; } .md\:pt-28 { padding-top: 7rem; } .md\:text-base { font-size: 1rem; line-height: 1.5rem; } .md\:text-sm { font-size: 0.875rem; line-height: 1.25rem; } .md\:text-primary { --tw-text-opacity: 1; color: rgb(33 64 109 / var(--tw-text-opacity)); } .hover\:md\:scale-105:hover { --tw-scale-x: 1.05; --tw-scale-y: 1.05; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .hover\:md\:scale-110:hover { --tw-scale-x: 1.1; --tw-scale-y: 1.1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .hover\:md\:border-primary:hover { --tw-border-opacity: 1; border-color: rgb(33 64 109 / var(--tw-border-opacity)); } .hover\:md\:border-secondary:hover { --tw-border-opacity: 1; border-color: rgb(247 147 30 / var(--tw-border-opacity)); } .hover\:md\:bg-secondary:hover { --tw-bg-opacity: 1; background-color: rgb(247 147 30 / var(--tw-bg-opacity)); } .hover\:md\:bg-transparent:hover { background-color: transparent; } .md\:hover\:bg-secondary:hover { --tw-bg-opacity: 1; background-color: rgb(247 147 30 / var(--tw-bg-opacity)); } .hover\:md\:bg-opacity-100:hover { --tw-bg-opacity: 1; } .hover\:md\:text-primary:hover { --tw-text-opacity: 1; color: rgb(33 64 109 / var(--tw-text-opacity)); } .hover\:md\:text-secondary:hover { --tw-text-opacity: 1; color: rgb(247 147 30 / var(--tw-text-opacity)); } .hover\:md\:text-white:hover { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .md\:hover\:text-white:hover { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .hover\:md\:opacity-60:hover { opacity: 0.6; } } @media (min-width: 1024px) { .lg\:block { display: block; } .lg\:hidden { display: none; } .lg\:w-1\/2 { width: 50%; } .lg\:w-1\/3 { width: 33.333333%; } .lg\:w-3\/4 { width: 75%; } .lg\:p-10 { padding: 2.5rem; } .lg\:pl-20 { padding-left: 5rem; } .lg\:pt-48 { padding-top: 12rem; } } @media (min-width: 1280px) { .xl\:px-0 { padding-left: 0px; padding-right: 0px; } .xl\:px-16 { padding-left: 4rem; padding-right: 4rem; } .xl\:pl-0 { padding-left: 0px; } } @media (min-width: 1536px) { .\32xl\:block { display: block; } .\32xl\:w-1\/4 { width: 25%; } .\32xl\:w-1\/5 { width: 20%; } .\32xl\:w-4\/5 { width: 80%; } }