body{background-image:url(/img/background.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-blend-mode:overlay;background-color:#e69bbecc}.dui-step[_ngcontent-ng-c2898920307]:after{transition:all .3s ease-in-out;--tw-bg-opacity:1;background-color:var(--fallback-s,oklch(var(--s)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)))}.dui-step[_ngcontent-ng-c2898920307]:before{--tw-bg-opacity:1;background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)))}.dui-step.selected[_ngcontent-ng-c2898920307]:after{height:2.25rem;width:2.25rem;--tw-bg-opacity:1;background-color:var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));font-size:1.5rem;line-height:2rem}.dui-step.current[_ngcontent-ng-c2898920307]:after{height:3.5rem;width:3.5rem;border-width:8px;border-style:double;--tw-border-opacity:1;border-color:var(--fallback-pc,oklch(var(--pc)/var(--tw-border-opacity)));font-size:2.25rem;line-height:2.5rem}.selected-label[_ngcontent-ng-c2898920307]{transition:all .3s ease-in-out;top:0;left:0;border-width:2px;border-style:solid;--tw-border-opacity:1;border-color:var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)));--tw-bg-opacity:1;background-color:var(--fallback-pc,oklch(var(--pc)/var(--tw-bg-opacity)));opacity:1;--tw-shadow:0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transform:scale(1.1)}@media(max-width:1079.98px){.steps-container p{display:block;text-align:justify}#steps .content-container{display:none}#mobile-menu{margin-top:30px}#mobile-menu ul{list-style-type:none}#mobile-menu ul li{text-align:left}.dui-steps .dui-step:before{display:none}.steps-container{display:flex;flex-direction:column;align-items:center;width:100%}.steps-container .dui-step{width:100%;max-width:400px;margin-bottom:20px}.steps-container label>div{margin:10px 0 !important}#tab1:checked~.steps-container .step-1::after,#tab2:checked~.steps-container .step-2::after,#tab3:checked~.steps-container .step-3::after,#tab4:checked~.steps-container .step-4::after{top:50%;left:auto;right:-20px;bottom:auto;transform:translateY(-50%);border-top:15px solid transparent;border-bottom:15px solid transparent;border-left:15px solid var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));border-right:none}.content-container{margin-top:20px;width:100%}.flex.flex-col.justify-center.items-center{flex-direction:column}}.tab-radio{display:none}@media(min-width:1080px){.steps-container p{display:none}#steps h3{font-size:1.5rem}#tab1:checked~.steps-container .step-1,#tab2:checked~.steps-container .step-2,#tab3:checked~.steps-container .step-3,#tab4:checked~.steps-container .step-4{transition:all .3s ease-in-out;top:0;left:0;border-width:2px;border-style:solid;--tw-border-opacity:1;border-color:var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)));--tw-bg-opacity:1;background-color:var(--fallback-pc,oklch(var(--pc)/var(--tw-bg-opacity)));opacity:1;--tw-shadow:0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transform:scale(1.1)}.steps-container label>div{position:relative}#tab1:checked~.steps-container .step-1::after,#tab2:checked~.steps-container .step-2::after,#tab3:checked~.steps-container .step-3::after,#tab4:checked~.steps-container .step-4::after{position:absolute;height:2.25rem;width:2.25rem;--tw-bg-opacity:1;background-color:var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity))); )); */font-size: 1.5rem; line-height: 2rem } } .content-item { display: none; } #tab1:checked ~ .content-container .content-1, #tab2:checked ~ .content-container .content-2, #tab3:checked ~ .content-container .content-3, #tab4:checked ~ .content-container .content-4 { display: block; } p[_ngcontent-ng-c2898920307] a { cursor: pointer; text-decoration-line: underline; } input[type=checkbox][_ngcontent-ng-c2613728133] { display: none; } input[type=checkbox][_ngcontent-ng-c2613728133]:checked ~ .accordion-content[_ngcontent-ng-c2613728133] { max-height: fit-content; } .accordion-content[_ngcontent-ng-c2613728133] { transition: .5s ease-in-out; } [_nghost-ng-c1763540204] .dui-camera[_ngcontent-ng-c1763540204] { position: relative; top: 0; left: 0; background: #000; height: 25px; width: 150px; margin: 0 auto; border-bottom-left-radius: 17px; border-bottom-right-radius: 17px; z-index: 11; } [_nghost-ng-c1763540204] { max-height: calc(100vh - 5em); grid-column-start: 1; grid-row-start: 1; width: 91.666667%; max-width: 32rem; --tw-scale-x: .9; --tw-scale-y: .9; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); border-bottom-right-radius: var(--rounded-box, 1rem); border-bottom-left-radius: var(--rounded-box, 1rem); border-top-left-radius: var(--rounded-box, 1rem); border-top-right-radius: var(--rounded-box, 1rem); --tw-bg-opacity: 1; background-color: var(--fallback-b1, oklch ↳ oklch(90.8941% .046626 348.640232 / 1) ↳ #fad5e6 (var(--b1) / var(--tw-bg-opacity))); padding: 1.5rem; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-timing-function: cubic-bezier(0,0,.2,1); transition-duration: .2s; box-shadow: #00000040 0 25px 50px -12px; overflow-y: auto; overscroll-behavior: contain; display: inline-block; border: 4px solid #444; border-radius: 50px; background-color: #000; padding: 10px; margin: 0 auto; overflow: hidden; } [_nghost-ng-c1763540204] { width: auto; } [_nghost-ng-c1763540204] .dui-camera[_ngcontent-ng-c1763540204] { position: relative; top: 0; left: 0; background: #000; height: 25px; width: 150px; margin: 0 auto; border-bottom-left-radius: 17px; border-bottom-right-radius: 17px; z-index: 11; } .bg-[#e9f5d6] { --tw-bg-opacity: 1; background-color: rgb(233 245 214 / var(--tw-bg-opacity)); } .dui-modal-open [_nghost-ng-c1763540204], .dui-modal-toggle:checked + .dui-modal [_nghost-ng-c1763540204], .dui-modal:target [_nghost-ng-c1763540204], .dui-modal[open] [_nghost-ng-c1763540204] { --tw-translate-y: 0px; --tw-scale-x: 1; --tw-scale-y: 1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } [_nghost-ng-c1763540204] .dui-display[_ngcontent-ng-c1763540204] { overflow: hidden; border-radius: 40px; margin-top: -25px; } @media (min-width: 1024px) { .lg\:dui-phone-2.dui-artboard { width: 375px; height: 650px; } } section { scroll-margin-top: 100px; } .custom-rounded[_ngcontent-ng-c1802314401] { border-top-left-radius: 32px; border-top-right-radius: 32px; } .custom-rounded[_ngcontent-ng-c1256912563] { border-top-left-radius: 32px; border-top-right-radius: 32px; } footer { margin-top: 10px; } .photo-container { display: flex; flex-wrap: wrap; text-align: center; justify-content: center; } .photo-container .grid-item { width: 40%; margin: 20px; } @media (max-width: 1080px) { .photo-container { flex-wrap: wrap; } .photo-container .grid-item { width: 90%; } } #faq ul { list-style-type: none; } #faq li::before { margin: 3px; display: inline-block; content: ""; display: inline-block; width: 1.5em; height: 1.5em; margin: 3px; background-color: oklch(var(--s)); -webkit-mask: url(/img/list.svg) no-repeat center; mask: url(/img/list.svg) no-repeat center; -webkit-mask-size: contain; mask-size: contain; vertical-align: middle; } .grad-pink { background-image: linear-gradient(to right, #ed008c, #a356a3 51%, #ed008c); transition: .5s; background-size: 300% auto; } .glare-button { position: relative; overflow: hidden } .glare-button:before { content: ""; position: absolute; width: 100px; height: 100%; background-image: linear-gradient(120deg,#fff0 30%,#fffc,#fff0 70%); top: 0; left: -100px; animation: _ngcontent-ng-c1256912563_shine 6s infinite linear } @keyframes _ngcontent-ng-c1256912563_shine { 0% { left: -100px } 20% { left: 100% } to { left: 100% } } .dvc-nav { flex-wrap: wrap; } #steps p { margin-top: 20px; } input[type="checkbox"]:checked ~ label .minus-icon { display: block; transition: opacity 0.3s ease; } input[type="checkbox"]:not(:checked) ~ label .minus-icon { display: none; transition: opacity 0.3s ease; } input[type="checkbox"]:checked ~ label .plus-icon { display: none; transition: opacity 0.3s ease; } input[type="checkbox"]:not(:checked) ~ label .plus-icon { display:block; transition: opacity 0.3s ease; }}}