.cardm{width:27rem;margin:3rem 1rem 0}.cardhe{font-family:Alata}.cardsubh{color:#002778}.cardsu,.cardsubh{font-family:Abel}.btcl{color:#b1683d;background-image:linear-gradient(90deg,#ffe2c9,#fff);transition:all .5s ease;font-family:Alata}.btcl2{color:#002778;background-image:linear-gradient(90deg,#bad1ff,#fff);transition:all .5s ease;font-family:Alata}.cardimg{border-radius:25px;height:235px}@media (max-width:880px){.cardm{width:24rem}.cardimg{width:386px;border-radius:25px}}@media (max-width:410px){.cardm{width:21rem}.cardimg{width:336px;border-radius:25px}}.like-button-container{position:relative;display:inline-block}.heart-button{position:relative;background:none;border:none;cursor:pointer;padding:8px 0;border-radius:50%;transition:all .2s cubic-bezier(.4,0,.2,1);outline:none}.heart-button:hover{transform:scale(1.1)}.heart-button:active{transform:scale(.9)}.heart-container{position:relative;transition:transform .3s cubic-bezier(.68,-.55,.265,1.55)}.heart-button.animating .heart-container{animation:heartBeat .3s ease-in-out}.heart-path{stroke:#6b7280;fill:transparent;transition:all .2s ease-in-out}.heart-button.liked .heart-path{stroke:#ef4444;fill:#ef4444}.shine-effect{top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);transform:skewX(-12deg);animation:shine .5s ease-out}.particles,.shine-effect{position:absolute;pointer-events:none}.particles{top:50%;left:50%}.particle{position:absolute;top:0;left:0;transform:translate(-50%,-50%);animation:particleFloat .8s ease-out forwards}.particle-1{animation-delay:0s}.particle-2{animation-delay:50ms}.particle-3{animation-delay:.1s}.particle-4{animation-delay:.15s}.particle-5{animation-delay:.2s}.particle-6{animation-delay:.25s}@keyframes heartBeat{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes pulseOut{0%{transform:translate(-50%,-50%) scale(0);opacity:.8}to{transform:translate(-50%,-50%) scale(2);opacity:0}}@keyframes shine{0%{left:-100%;opacity:0}50%{opacity:1}to{left:100%;opacity:0}}@keyframes particleFloat{0%{transform:translate(-50%,-50%) scale(0);opacity:1}15%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(var(--particle-x,0),var(--particle-y,0)) scale(0);opacity:0}}.particle-1{--particle-x:-30px;--particle-y:-40px}.particle-2{--particle-x:25px;--particle-y:-35px}.particle-3{--particle-x:-40px;--particle-y:10px}.particle-4{--particle-x:35px;--particle-y:15px}.particle-5{--particle-x:-15px;--particle-y:45px}.particle-6{--particle-x:20px;--particle-y:40px}@media (max-width:768px){.heart-button{padding:6px}}.cont{flex-wrap:wrap}.cont,.more{display:flex;justify-content:center;align-items:center}.more{width:100%}.imgcontm{padding:2vw}.imgbg{background-color:#e0e0e0;padding:2vw 43vw}.selectc{text-align:center;border:none;outline:none}.allselect{margin:5px;background-color:#dbeafe;border-radius:24px;width:70px;height:70px;transform:rotate(90deg);padding:4px}.tagline{font-family:BricolageGrotesque;font-size:clamp(18px,15vw,50px);margin:clamp(30px,12vw,250px) 0 4rem}.labn{height:100%;display:flex;justify-content:center;align-items:center;color:#002778;font-size:clamp(18px,24px,25px);text-transform:uppercase;letter-spacing:3px}.labn,.labnv{font-family:Jost}.searchimgc{margin:1rem;right:0}.cimgc{max-width:430px;aspect-ratio:430/235}.searchbox{font-size:1.25rem;border:none;outline:none;height:67px;width:100%;border-radius:15px;background-color:#ffffff85;color:#000}.textlogo{display:flex;justify-content:space-around;align-items:center;font-family:BricolageGrotesque;font-size:clamp(12px,5vw,85px);letter-spacing:clamp(5px,1vw,12px);color:#fff;margin:1rem 0;width:100%}.logocont{display:flex;justify-content:center;align-items:center;margin-top:calc((100vw / (1439 / 1073))*.65);flex-direction:column;padding:0 2rem}.search{position:relative;width:100%;height:67px;margin:1rem 0}.search img{margin:10px;width:49px;z-index:2;height:auto}.search input{padding-left:16px}.search img,.search input{position:absolute}.buttons{width:100%;display:flex;flex-wrap:wrap;justify-content:space-around}.selec{width:180px}.selecont,.selecontn{width:252px;margin:5px}.selecontn{border-radius:20px}.backgroundContainer{position:absolute;top:0;left:0;width:100%;aspect-ratio:1439/1073;background-image:linear-gradient(#fff0 80%,#fff 95%,#fff),url(https://disifwbee2qk2.cloudfront.net/images/BG.png);background-size:cover;background-position:top;background-repeat:no-repeat;z-index:-1}.content{position:relative;z-index:1;padding-top:100px}.cardmessage{margin:5vw;background-color:#54d3b736;padding:1rem;border-radius:10px}@media (max-width:880px){.searchbox{height:50px}.search img{width:32px;margin:10px}.tagline{font-size:clamp(10px,6vw,40px);margin:8vw 0 4vw}}@media (max-width:768px){.cont{margin:0}}.custom-select{position:relative;width:252px;font-family:system-ui,-apple-system,sans-serif}.custom-select__trigger{width:252px;height:70px;display:flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:20px;background-color:#e8efff;cursor:pointer;font-size:16px;transition:all .2s ease;outline:none}.custom-selectIM{position:relative;width:76px;font-family:system-ui,-apple-system,sans-serif}.custom-select__triggerIM{width:76px;height:70px;display:flex;align-items:center;justify-content:space-between;padding:8px;border-radius:20px;background-color:#e8efff;cursor:pointer;font-size:16px;transition:all .2s ease;outline:none}.custom-select__trigger:hover{border-color:#cbd5e1}.custom-select__trigger:focus{border-color:#3182ce;box-shadow:0 0 0 3px rgba(49,130,206,.1)}.custom-select__value{color:#1a202c}.custom-select__placeholder{color:#a0aec0}.custom-select__arrow{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #718096;transition:transform .2s ease}.custom-select__arrow--open{transform:rotate(180deg)}.custom-select__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;transition:all .3s ease;opacity:0;visibility:hidden}.custom-select__overlay--open{opacity:1;visibility:visible}.custom-select__popup{background-color:#fff;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.2);min-width:320px;max-width:400px;max-height:80vh;overflow:hidden;transition:all .3s cubic-bezier(.34,1.56,.64,1);transform:scale(.9) translateY(-20px);opacity:0;font-family:Jost}.custom-select__popup--open{transform:scale(1) translateY(0);opacity:1}.custom-select__header{padding:20px 24px 16px;border-bottom:1px solid #f1f5f9;background-color:#f8fafc}.custom-select__title{font-size:18px;font-weight:600;color:#1e293b;margin:0}.custom-select__options{max-height:300px;overflow-y:auto;padding:8px 0}.custom-select__option{padding:12px 24px;cursor:pointer;font-size:16px;color:#1a202c;background-color:transparent;transition:all .15s ease;display:flex;align-items:center;gap:12px;height:48px}.custom-select__option--focused,.custom-select__option:hover{background-color:#e0f2fe}.custom-select__option--selected{background-color:#dbeafe;color:#1e40af;font-weight:500}.custom-select__option-label{flex:1}.custom-select__checkmark{width:16px;height:16px;border-radius:50%;background-color:#3b82f6;color:#fff;font-size:12px}.custom-select__checkmark,.demo-container{display:flex;align-items:center;justify-content:center}.demo-container{flex-direction:column;min-height:100vh;background-color:#f1f5f9;padding:20px;gap:20px}.demo-title{font-size:28px;font-weight:700;color:#1e293b;margin-bottom:20px}.demo-result,.demo-title{font-family:system-ui,-apple-system,sans-serif}.demo-result{margin-top:20px;padding:20px;background-color:#fff;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);text-align:center}.demo-result__value{color:#3b82f6;font-weight:500}.demo-instructions{margin-top:20px;text-align:center;color:#64748b;font-size:14px;font-family:system-ui,-apple-system,sans-serif;line-height:1.6}.demo-instructions p{margin:4px 0}.custom-select__options::-webkit-scrollbar{width:6px}.custom-select__options::-webkit-scrollbar-track{background:#f1f5f9}.custom-select__options::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.custom-select__options::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width:1140px){.selecontn{width:18vw;border-radius:10px}.labn{font-size:2vw;letter-spacing:1px}.custom-select{position:relative;width:18vw;font-family:system-ui,-apple-system,sans-serif}.labnv{margin-top:4px}.custom-select__trigger{width:20vw;height:7vw;display:flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:20px;background-color:#e8efff;cursor:pointer;font-size:1.5vw;transition:all .2s;outline:none}.selecont{width:18vw}.allselect{margin:5px;background-color:#dbeafe;border-radius:12px;width:7vw;height:7vw;transform:rotate(90deg);padding:4px}.custom-selectIM{position:relative;width:7vw;font-family:system-ui,-apple-system,sans-serif}.custom-select__triggerIM{width:7vw;height:7vw;display:flex;align-items:center;justify-content:space-between;padding:8px;border-radius:20px;background-color:#e8efff;cursor:pointer;font-size:1.5vw;transition:all .2s;outline:none}.imgsi{width:60px;transform:rotate(90deg)}}@media (max-width:900px){.selecontn{width:18vw;border-radius:10px}.labn{font-size:2vw;letter-spacing:1px}.custom-select{position:relative;width:18vw;font-family:system-ui,-apple-system,sans-serif}.labnv{margin-top:4px}.custom-select__trigger{width:20vw;height:7vw;display:flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:10px;background-color:#e8efff;cursor:pointer;font-size:1.5vw;transition:all .2s;outline:none}.selecont{width:18vw}.allselect{margin:5px;background-color:#dbeafe;border-radius:12px;width:7vw;height:7vw;transform:rotate(90deg);padding:4px}.custom-selectIM{position:relative;width:7vw;font-family:system-ui,-apple-system,sans-serif}.custom-select__triggerIM{width:7vw;height:7vw;display:flex;align-items:center;justify-content:space-between;padding:8px;border-radius:10px;background-color:#e8efff;cursor:pointer;font-size:1.5vw;transition:all .2s;outline:none}.imgsi{width:5vw;transform:rotate(90deg)}}.loader-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(209,164,241,.4);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:9999}.svgcont{width:90%}.draw-path{stroke-dasharray:600;stroke-dashoffset:600;animation:draw 2s ease-out forwards}.draw-and-fill2{stroke:#013861;stroke-width:1;stroke-dasharray:500;stroke-dashoffset:500}.draw-and-fill,.draw-and-fill2{fill:none;animation:draw 3.2s ease forwards;animation-delay:1s}.draw-and-fill{stroke:#ee8c27;stroke-width:1;stroke-dasharray:500;stroke-dashoffset:500}@keyframes draw{to{stroke-dashoffset:0}}@keyframes fillColor{to{fill:#ee8c27}}@keyframes fillColor2{to{fill:#013861}}@keyframes removeStroke{to{stroke:none}}@keyframes drawLoop{0%{stroke-dashoffset:1348.58;fill:none;stroke:orange}50%{stroke-dashoffset:0;fill:orange;stroke:orange}70%{fill:orange;stroke:none}to{stroke-dashoffset:1348.58;fill:none;stroke:orange}}