@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@700&family=Lexend+Deca&display=swap";@import"https://fonts.googleapis.com/css2?family=Figtree:wght@500;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,700&family=Montserrat:wght@500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:wght@500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Space+Mono:wght@700&display=swap";@import"https://fonts.googleapis.com/css2?family=Overpass:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Kumbh+Sans:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@500;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Libre+Franklin:wght@300;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap";@import"https://fonts.googleapis.com/css2?family=Karla:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Open+Sans&family=Poppins:wght@400;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Alata&family=Inter:opsz,wght@14..32,100..900&family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=League+Spartan:wght@100..900&family=Lexend+Deca:wght@100..900&family=Outfit:wght@100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Red+Hat+Display:wght@300..900&family=Red+Hat+Text:wght@300..700&family=Rubik:wght@300..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@200..800&display=swap";@import"https://fonts.googleapis.com/css2?family=Inconsolata:wght@400;500;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Bai+Jamjuree:wght@400;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&family=Raleway:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Barlow:wght@600&family=Fraunces:opsz,wght@9..144,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap";@import"https://fonts.googleapis.com/css2?family=Epilogue:wght@500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Overpass:wght@300;600&family=Ubuntu:wght@400;500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Karla:wght@400;700&display=swap";*{margin:0;padding:0;border:0;outline:0;box-sizing:border-box;text-decoration:none;text-align:unset;-webkit-user-select:none;user-select:none;scroll-behavior:smooth}*,*:before,*:after{box-sizing:border-box}body{overflow-x:hidden}body::-webkit-scrollbar{width:8px}body::-webkit-scrollbar-thumb{background:#000;border-radius:50px}body::-webkit-scrollbar-track{background:#ff6bb5}body main{flex:1;display:flex;flex-direction:column;align-items:center}body a{text-decoration:none}.main-home{padding:.5rem;position:fixed;bottom:1.25rem;right:1.25rem;z-index:1000;background:#000000a9;border-radius:50%;transition:transform .2s ease}.main-home .home-icon{width:24px;height:24px;color:#000;transition:color .2s ease}.main-home .home-icon:hover{color:#fb6087}.main-home:hover{transform:scale(1.5)}.footer{padding-block:2rem;width:100vw;font-size:.6875rem;text-align:center}.footer .socials{display:flex;justify-content:center;padding-block-end:1.5rem;gap:1.5rem}.footer .socials .social__icon{color:#87cefa}.footer .socials .social__icon:hover,.footer .socials .social__icon:focus,.footer .socials .social__icon:focus-visible{color:red}.footer a{font-weight:700}.footer-default a{color:#fff}.footer-main a{color:#ff6bb5}.footer-1 a,.footer-9 a,.footer-15 a{color:#3e52a3}.footer-2 a{background:linear-gradient(90deg,#e38826,#006970,#004241);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.footer-3 a{color:#fb6087}.footer-9,.footer-10{color:#fff}.footer-10 a{color:#2af86f}.footer-11{color:#854632}.footer-11 a{color:#7b284f}.footer-12 a{color:#3c8067}.footer-13 a{background:linear-gradient(90deg,#ea5353,#45d3d3,#fcaf4a,#549ef2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.footer-14 a{color:#7541c8}.footer-16{color:#fff}.footer-16 a{color:#ff6257}.footer-17{color:#fff}.footer-17 a{background:linear-gradient(90deg,#ff8c66,#56c2e6,#ff5c7c,#4acf81,#7536d3,#f1c65b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.footer-18 a{color:#00494d}.footer-19{color:#fff}.footer-19 a{color:#fb7413}.footer-20 a{color:#ad28eb}.footer-21 a{color:#0c7d69}.footer-22 a{background:linear-gradient(90deg,#f15e50,#e9ab53);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.footer-23 a{color:#ff7d1a}.footer-24{color:#fff;background:#000}.footer-24 .socials{display:none}.footer-24 a{color:#ff7d1a}.footer-25{color:#fff;background:#000}.footer-25 a{color:#f15e50}.footer-26{color:#fff;background:#252b46}.footer-26 .socials{display:none}.footer-26 a{color:#fa5757}.footer-27 a{background:linear-gradient(90deg,#ff5757,#ffb01f,#00bd91,#1125d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.footer-28 a{color:#c73a0f}.footer-29{background-color:#122f3f;color:#fff}.footer-29 a{color:#d7da2f}.footer-30{color:#5457b6}.footer-30 a{color:#ed6468}.footer-30 a:hover{color:color-mix(in srgb,white 45%,hsl(358,79%,66%))}.footer-31 a{color:#473dff}.footer-32 a{color:var(--button-bg-active)}.footer-33 a{color:#21092f}.footer-34 a{color:#ec775f}.footer-35{color:#969696}.footer-35 .socials .social__icon{border-radius:50%;border:hsl(0,0%,59%) solid 1px;color:#4f7df3;padding:.5rem}.footer-35 .socials .social__icon:hover,.footer-35 .socials .social__icon:focus,.footer-35 .socials .social__icon:focus-visible{background-color:#4f7df3;color:#fff;border:solid 1px hsl(223,87%,63%)}.footer-35 a{color:#4f7df3}.footer-37 a{background:linear-gradient(to right,#378fe6,#3eda82);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.footer-38 a{color:#3829e0}.footer-39 a{color:#aa5cdb}.footer-40{color:#502050}.footer-40 a{color:#ee68a4}.footer-41{color:#2ab2af}.footer-41 a{color:#c0df34}.footer-42{background:linear-gradient(135deg,#fff,#fff5f5);color:#ce9797}.footer-42 a{color:#f96262}.footer-43{display:flex;justify-content:space-between;flex-direction:column;color:#ce9797;width:80vw;margin:0 auto}.footer-43 .socials .social__icon{border-radius:50%;border:white solid 1px;color:#fff;padding:.5rem}.footer-43 .socials .social__icon:hover,.footer-43 .socials .social__icon:focus,.footer-43 .socials .social__icon:focus-visible{color:#e882e8;border:solid 1px hsl(300,69%,71%)}.footer-43 a{color:#e882e8}@media screen and (min-width: 62rem){.footer-43{flex-direction:row-reverse}}.footer-44 a{color:#38cc8c}.footer-45 a{color:#5ba4a4}.footer-46 a{color:#0a317b}.footer-47{color:#fff}.footer-47 a{background:linear-gradient(to right,#f37362,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.footer-48{background:#cccccc31}.footer-48 .socials{display:none}.footer-48 a{color:#26baa4}.footer-49{background:#0b1523}.footer-49 .socials{display:none}.footer-49 a{color:#fff}.footer-49 a:hover{color:#65e2d9}.footer-50{background:color-mix(in srgb,white 20%,hsl(167,34%,41%))}.footer-50 .socials{display:none}.footer-50 a{color:#fff}.footer-50 a:hover{color:#25564b}.footer-51 a{color:#7650dc}.footer-51 a:hover{color:#ffcb6b}.footer-52 a{color:#696ddd}.footer-52 a:hover{color:#a2a6f1}.footer-53 a{color:#696969}.footer-53 a:hover{color:#141414}.footer-54{background:#25252d}.footer-54 a{color:#fff}.footer-54 a:hover{color:#141414}.footer-55{background-color:#fafafa}.footer-55 .socials{display:none}.footer-55 a{color:#2d2640}.layout{display:flex;flex-direction:column;min-height:100vh}.projectdefault{background:#fff}.project1{background:#d6e2f0}.project2{background:#f2f2f2}.project3{background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='1440'%20height='197'%3e%3cdefs%3e%3cpath%20id='a'%20d='M0%200h1440v197H0z'/%3e%3c/defs%3e%3cg%20fill='none'%20fill-rule='evenodd'%3e%3cmask%20id='b'%20fill='%23fff'%3e%3cuse%20xlink:href='%23a'/%3e%3c/mask%3e%3cg%20mask='url(%23b)'%3e%3cpath%20fill='%23211A29'%20d='M1440%2050.205L1088.504%200%20949.669%2050.205%20878%2025.102%20556%200%20398.525%2050.205l-95.807-25.103-51.328%2016.761L45.704%200%200%2017.701V160h1440z'/%3e%3cpath%20fill='%231A1823'%20d='M1394.296%201l94.649%2069.336%2050.047-49.449zM1137.282%2042.576l51.328%2027.76%2080.6-5.426zM884%201l157.475%2083.151%2080.929-26.062zM351.496%201l138.835%2083.151%2049.321-28.526z'/%3e%3cpath%20fill='%232F2439'%20d='M0%2084.151L351.496%201l138.835%2083.151L562%2042.576%20884%201l157.475%2083.151%2095.807-41.575%2051.328%2027.76L1394.296%201%201440%2030.317V266H0z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") bottom no-repeat,url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='1440'%20height='569'%3e%3cpath%20fill='%2346485B'%20fill-rule='evenodd'%20d='M774%20563a3%203%200%20110%206%203%203%200%20010-6zm-623.5-5a1.5%201.5%200%20110%203%201.5%201.5%200%20010-3zm875%200a1.5%201.5%200%20110%203%201.5%201.5%200%20010-3zm-523-3a1.5%201.5%200%20110%203%201.5%201.5%200%20010-3zm233-7a1.5%201.5%200%20110%203%201.5%201.5%200%20010-3zM178%20542a3%203%200%20110%206%203%203%200%20010-6zm1127.5%202a1.5%201.5%200%20110%203%201.5%201.5%200%20010-3zm45.5-10a3%203%200%20110%206%203%203%200%20010-6zm-565.5-3a1.5%201.5%200%20110%203%201.5%201.5%200%20010-3zm-784-15a1.5%201.5%200%20110%203%201.5%201.5%200%20010-3zm278.5-9a3%203%200%20110%206%203%203%200%20010-6zm207.5-30a1.5%201.5%200%20110%203%201.5%201.5%200%20010-3zm50-17a1.5%201.5%200%20110%203%201.5%201.5%200%20010-3zm233-8a1.5%201.5%200%20110%203%201.5%201.5%200%20010-3zm465-22a1.5%201.5%200%20110%203%201.5%201.5%200%20010-3zm-699-6a1.5%201.5%200%20110%203%201.5%201.5%200%20010-3zm-465-22a1.5%201.5%200%20110%203%201.5%201.5%200%20010-3zm1165-8a1.5%201.5%200%20110%203%201.5%201.5%200%20010-3zm-50-17a1.5%201.5%200%20110%203%201.5%201.5%200%20010-3zM250%20345a3%203%200%20110%206%203%203%200%20010-6zm450.5-7a1.5%201.5%200%20110%203%201.5%201.5%200%20010-3zm-614-15a1.5%201.5%200%20110%203%201.5%201.5%200%20010-3zm520-13a1.5%201.5%200%20110%203%201.5%201.5%200%20010-3zm-570-4a1.5%201.5%200%20110%203%201.5%201.5%200%20010-3zm1169.5-7a3%203%200%20110%206%203%203%200%20010-6zm-4.5%200a1.5%201.5%200%20110%203%201.5%201.5%200%20010-3zm-875-3a1.5%201.5%200%20110%203%201.5%201.5%200%20010-3zm523%200a1.5%201.5%200%20110%203%201.5%201.5%200%20010-3zm-392-34a1.5%201.5%200%20110%203%201.5%201.5%200%20010-3zm656%200a1.5%201.5%200%20110%203%201.5%201.5%200%20010-3zm-1008-3a1.5%201.5%200%20110%203%201.5%201.5%200%20010-3zm1298-7a1.5%201.5%200%20110%203%201.5%201.5%200%20010-3zm-570-4a1.5%201.5%200%20110%203%201.5%201.5%200%20010-3zm520-13a1.5%201.5%200%20110%203%201.5%201.5%200%20010-3zm-145.5-9a3%203%200%20110%206%203%203%200%20010-6zm-601.5-6a1.5%201.5%200%20110%203%201.5%201.5%200%20010-3zm499.5-29a3%203%200%20110%206%203%203%200%20010-6zm-985.5-10a1.5%201.5%200%20110%203%201.5%201.5%200%20010-3zm-50-17a1.5%201.5%200%20110%203%201.5%201.5%200%20010-3zm1298-8a1.5%201.5%200%20110%203%201.5%201.5%200%20010-3zm-465-22a1.5%201.5%200%20110%203%201.5%201.5%200%20010-3zm-832-6a1.5%201.5%200%20110%203%201.5%201.5%200%20010-3zm33.5-18a3%203%200%20110%206%203%203%200%20010-6zm431.5-4a1.5%201.5%200%20110%203%201.5%201.5%200%20010-3zm366-8a1.5%201.5%200%20110%203%201.5%201.5%200%20010-3zm50-17a1.5%201.5%200%20110%203%201.5%201.5%200%20010-3zm486-39a1.5%201.5%200%20110%203%201.5%201.5%200%20010-3zM1136%2029a3%203%200%20110%206%203%203%200%20010-6zm-614.5-2a1.5%201.5%200%20110%203%201.5%201.5%200%20010-3zM412%2023a3%203%200%20110%206%203%203%200%20010-6zM1.5%2014a1.5%201.5%200%20110%203%201.5%201.5%200%20010-3zm570-4a1.5%201.5%200%20110%203%201.5%201.5%200%20010-3zm366-7a1.5%201.5%200%20110%203%201.5%201.5%200%20010-3zm-656-3a1.5%201.5%200%20110%203%201.5%201.5%200%20010-3zm1008%200a1.5%201.5%200%20110%203%201.5%201.5%200%20010-3z'/%3e%3c/svg%3e") no-repeat,linear-gradient(to top,#fb6087cc,#1e1f29 30%);background-size:100% auto}.project7{background:#f4d04e}.project8{background-color:#19a2ae;background-image:url("data:image/svg+xml,%3csvg%20width='978'%20height='978'%20xmlns='http://www.w3.org/2000/svg'%3e%3cdefs%3e%3clinearGradient%20x1='50%25'%20y1='.779%25'%20x2='50%25'%20y2='100%25'%20id='a'%3e%3cstop%20stop-color='%230989B4'%20stop-opacity='0'%20offset='0%25'/%3e%3cstop%20stop-color='%2353FFEE'%20offset='99.94%25'/%3e%3c/linearGradient%3e%3c/defs%3e%3cellipse%20fill='url(%23a)'%20transform='rotate(-135%20489%20489)'%20cx='489'%20cy='489'%20rx='489'%20ry='488'%20fill-rule='evenodd'%20opacity='.5'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg%20width='978'%20height='978'%20xmlns='http://www.w3.org/2000/svg'%3e%3cdefs%3e%3clinearGradient%20x1='50%25'%20y1='.779%25'%20x2='50%25'%20y2='100%25'%20id='a'%3e%3cstop%20stop-color='%230989B4'%20stop-opacity='0'%20offset='0%25'/%3e%3cstop%20stop-color='%2353FFEE'%20offset='99.94%25'/%3e%3c/linearGradient%3e%3c/defs%3e%3cellipse%20fill='url(%23a)'%20transform='scale(1%20-1)%20rotate(45%201669.55%200)'%20cx='489'%20cy='489'%20rx='489'%20ry='488'%20fill-rule='evenodd'%20opacity='.25'/%3e%3c/svg%3e");background-position:top -25vw left -20vw,bottom -25vw right -20vw;background-repeat:no-repeat,no-repeat}.project9{background:#0d192b}.project10{background:#141414}.project11{background:#f3e6d8}.project12{background:#f2ebe3}.project15{background:#ecf2f8}.project16{background-color:#36384e}.project17{background-color:#0f1424}.project18{background-color:#c5e4e7}.project19{background-color:#121417}.project20{background-color:#f9f0ff;z-index:-999}.project21{background-color:#dff1e7}.project27{background-color:#ebf1ff}.project28{background-color:#f4edeb}.project29{background-color:#e3f3fd}.project30{background-color:#f5f6fa}.project31{background-color:#f0f5ff}.project34{background-color:#f9ece1}.project38{background-color:#e0e8ff;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='375'%20height='194'%3e%3cpath%20fill='%23D6E1FF'%20fill-rule='evenodd'%20d='M-131.808%20155.366c97.026%2051.512%20204.233%2051.512%20321.62%200%20117.388-51.512%20223.27-51.512%20317.648%200V0h-639.268v155.366z'/%3e%3c/svg%3e");background-size:100% auto;background-repeat:no-repeat;background-position:top center}@media screen and (min-width: 62rem){.project38{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='1440'%20height='437'%3e%3cpath%20fill='%23D6E1FF'%20fill-rule='evenodd'%20d='M0%20349.974c218.558%20116.035%20460.05%20116.035%20724.475%200s502.933-116.035%20715.525%200V0H0v349.974z'/%3e%3c/svg%3e")}}.project39{background-color:#090b1a}.project40{background-color:#f7f2f7;background-image:url("data:image/svg+xml,%3csvg%20width='374'%20height='232'%20xmlns='http://www.w3.org/2000/svg'%3e%3cdefs%3e%3clinearGradient%20x1='100%25'%20y1='69.24%25'%20x2='9.399%25'%20y2='32.157%25'%20id='a'%3e%3cstop%20stop-color='%238A4389'%20stop-opacity='0'%20offset='0%25'/%3e%3cstop%20stop-color='%23512051'%20offset='100%25'/%3e%3cstop%20stop-color='%23512051'%20offset='100%25'/%3e%3cstop%20stop-color='%23512051'%20offset='100%25'/%3e%3c/linearGradient%3e%3c/defs%3e%3cpath%20d='M0%20232c25.63-53.065%2074.118-86.618%20145.464-100.66%20107.018-21.062%2066.506-42.306%20119.083-84.466C299.6%2018.767%20336.083%203.143%20374%200v232H0z'%20transform='rotate(180%20187%20116)'%20fill='url(%23a)'%20fill-rule='evenodd'%20opacity='.05'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg%20width='375'%20height='503'%20xmlns='http://www.w3.org/2000/svg'%3e%3cdefs%3e%3clinearGradient%20x1='100%25'%20y1='69.237%25'%20x2='9.399%25'%20y2='32.159%25'%20id='a'%3e%3cstop%20stop-color='%238A4389'%20stop-opacity='0'%20offset='0%25'/%3e%3cstop%20stop-color='%23512051'%20offset='100%25'/%3e%3cstop%20stop-color='%23512051'%20offset='100%25'/%3e%3cstop%20stop-color='%23512051'%20offset='100%25'/%3e%3c/linearGradient%3e%3c/defs%3e%3cpath%20d='M-355%201530c74.356-153.934%20215.022-251.268%20422-292%20310.466-61.099%20192.94-122.724%20345.47-245.025C514.157%20911.442%20620%20866.116%20730%20857v673H-355z'%20transform='translate(0%20-1027)'%20fill='url(%23a)'%20fill-rule='evenodd'%20opacity='.05'/%3e%3c/svg%3e");background-position:top 0vw left 0vw,bottom 0vw right 0vw;background-repeat:no-repeat,no-repeat;background-size:contain,100%}@media screen and (min-width: 62rem){.project40{background-image:url("data:image/svg+xml,%3csvg%20width='584'%20height='362'%20xmlns='http://www.w3.org/2000/svg'%3e%3cdefs%3e%3clinearGradient%20x1='100%25'%20y1='69.212%25'%20x2='9.399%25'%20y2='32.183%25'%20id='a'%3e%3cstop%20stop-color='%238A4389'%20stop-opacity='0'%20offset='0%25'/%3e%3cstop%20stop-color='%23512051'%20offset='100%25'/%3e%3cstop%20stop-color='%23512051'%20offset='100%25'/%3e%3cstop%20stop-color='%23512051'%20offset='100%25'/%3e%3c/linearGradient%3e%3c/defs%3e%3cpath%20d='M0%20362c40.022-82.8%20115.736-135.154%20227.141-157.064%20167.108-32.864%20103.85-66.012%20185.949-131.796C467.823%2029.284%20524.793%204.904%20584%200v362H0z'%20transform='rotate(180%20292%20181)'%20fill='url(%23a)'%20fill-rule='evenodd'%20opacity='.05'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg%20width='1085'%20height='673'%20xmlns='http://www.w3.org/2000/svg'%3e%3cdefs%3e%3clinearGradient%20x1='100%25'%20y1='69.237%25'%20x2='9.399%25'%20y2='32.159%25'%20id='a'%3e%3cstop%20stop-color='%238A4389'%20stop-opacity='0'%20offset='0%25'/%3e%3cstop%20stop-color='%23512051'%20offset='100%25'/%3e%3cstop%20stop-color='%23512051'%20offset='100%25'/%3e%3cstop%20stop-color='%23512051'%20offset='100%25'/%3e%3c/linearGradient%3e%3c/defs%3e%3cpath%20d='M355%20800c74.356-153.934%20215.022-251.268%20422-292%20310.466-61.099%20192.94-122.724%20345.47-245.025C1224.157%20181.442%201330%20136.116%201440%20127v673H355z'%20transform='translate(-355%20-127)'%20fill='url(%23a)'%20fill-rule='evenodd'%20opacity='.05'/%3e%3c/svg%3e");background-position:top -15vw left -30vw,bottom -5vw right -20vw}}.project41{background-color:#e5eff5}.project43{background-color:#674baf;background-image:url("data:image/svg+xml,%3csvg%20width='375'%20height='373'%20xmlns='http://www.w3.org/2000/svg'%3e%3cdefs%3e%3clinearGradient%20x1='221.401%25'%20y1='-103.001%25'%20x2='-5.513%25'%20y2='110.015%25'%20id='a'%3e%3cstop%20stop-color='%23FF52C1'%20offset='0%25'/%3e%3cstop%20stop-color='%23F952C5'%20offset='7.3%25'/%3e%3cstop%20stop-color='%239952FF'%20stop-opacity='0'%20offset='100%25'/%3e%3c/linearGradient%3e%3clinearGradient%20x1='212.128%25'%20y1='-106.466%25'%20x2='-5.513%25'%20y2='110.015%25'%20id='b'%3e%3cstop%20stop-color='%23FF52C1'%20offset='0%25'/%3e%3cstop%20stop-color='%23F952C5'%20offset='0%25'/%3e%3cstop%20stop-color='%239952FF'%20stop-opacity='0'%20offset='100%25'/%3e%3c/linearGradient%3e%3clinearGradient%20x1='21.681%25'%20y1='5.006%25'%20x2='145.861%25'%20y2='145.591%25'%20id='c'%3e%3cstop%20stop-color='%23FF52C1'%20offset='0%25'/%3e%3cstop%20stop-color='%239952FF'%20offset='100%25'/%3e%3c/linearGradient%3e%3c/defs%3e%3cg%20fill='none'%20fill-rule='evenodd'%3e%3cpath%20fill='url(%23a)'%20d='M0%20265.7L319.689%200H375v73.607L0%20313.664z'/%3e%3cpath%20fill='url(%23b)'%20transform='matrix(-1%200%200%201%20375%200)'%20d='M0%20318.687L375%20102v119.176L0%20360.228z'/%3e%3crect%20fill='url(%23c)'%20opacity='.558'%20transform='rotate(45%20332.799%20180.799)'%20x='318.799'%20y='166.799'%20width='28'%20height='28'%20rx='3'/%3e%3crect%20fill='url(%23c)'%20opacity='.387'%20transform='rotate(45%20122.364%20366.364)'%20x='117.864'%20y='361.864'%20width='9'%20height='9'%20rx='1'/%3e%3crect%20fill='url(%23c)'%20opacity='.387'%20transform='rotate(45%20164.728%20344.728)'%20x='155.728'%20y='335.728'%20width='18'%20height='18'%20rx='1'/%3e%3crect%20fill='url(%23c)'%20opacity='.387'%20transform='rotate(45%20139.728%2086.9)'%20x='132.728'%20y='79.899'%20width='14'%20height='14'%20rx='1'/%3e%3crect%20fill='url(%23c)'%20opacity='.387'%20transform='rotate(45%20325.02%20344.02)'%20x='316.521'%20y='335.521'%20width='17'%20height='17'%20rx='1'/%3e%3crect%20fill='url(%23c)'%20opacity='.503'%20transform='rotate(45%2063.598%20282.497)'%20x='42.598'%20y='261.497'%20width='42'%20height='42'%20rx='3'/%3e%3c/g%3e%3c/svg%3e");background-repeat:no-repeat;background-size:contain}@media screen and (min-width: 62rem){.project43{background-image:url("data:image/svg+xml,%3csvg%20width='1318'%20height='800'%20xmlns='http://www.w3.org/2000/svg'%3e%3cdefs%3e%3clinearGradient%20x1='-45.25%25'%20y1='-88.077%25'%20x2='97.789%25'%20y2='100%25'%20id='a'%3e%3cstop%20stop-color='%23FF52C1'%20offset='0%25'/%3e%3cstop%20stop-color='%23F952C5'%20offset='4.09%25'/%3e%3cstop%20stop-color='%239952FF'%20stop-opacity='0'%20offset='100%25'/%3e%3c/linearGradient%3e%3clinearGradient%20x1='-64.06%25'%20y1='-121.906%25'%20x2='97.789%25'%20y2='100%25'%20id='b'%3e%3cstop%20stop-color='%23FF52C1'%20offset='0%25'/%3e%3cstop%20stop-color='%23F952C5'%20offset='4.09%25'/%3e%3cstop%20stop-color='%239952FF'%20stop-opacity='0'%20offset='100%25'/%3e%3c/linearGradient%3e%3clinearGradient%20x1='100%25'%20y1='111.373%25'%20x2='-24.893%25'%20y2='-55.159%25'%20id='c'%3e%3cstop%20stop-color='%23FF52C1'%20offset='0%25'/%3e%3cstop%20stop-color='%239952FF'%20offset='100%25'/%3e%3c/linearGradient%3e%3clinearGradient%20x1='21.681%25'%20y1='5.006%25'%20x2='145.861%25'%20y2='145.591%25'%20id='d'%3e%3cstop%20stop-color='%23FF52C1'%20offset='0%25'/%3e%3cstop%20stop-color='%239952FF'%20offset='100%25'/%3e%3c/linearGradient%3e%3clinearGradient%20x1='6.375%25'%20y1='-15.195%25'%20x2='91.754%25'%20y2='105.701%25'%20id='e'%3e%3cstop%20stop-color='%23FF52C1'%20offset='0%25'/%3e%3cstop%20stop-color='%239952FF'%20offset='100%25'/%3e%3c/linearGradient%3e%3c/defs%3e%3cg%20fill='none'%20fill-rule='evenodd'%3e%3cpath%20fill='url(%23a)'%20transform='matrix(-1%200%200%201%20834.817%200)'%20d='M0%200h409.224l425.593%20376v156.83z'/%3e%3cpath%20fill='url(%23b)'%20transform='rotate(180%20528.65%20584)'%20d='M0%20367l641.153.138L1057.3%20673.299V801z'/%3e%3ccircle%20stroke='url(%23c)'%20stroke-width='17'%20cx='704'%20cy='563'%20r='49'/%3e%3crect%20fill='url(%23d)'%20opacity='.558'%20transform='rotate(45%201107.87%20708.87)'%20x='1088.87'%20y='689.87'%20width='38'%20height='38'%20rx='3'/%3e%3crect%20fill='url(%23d)'%20opacity='.503'%20transform='rotate(45%201279.598%20103.598)'%20x='1251.598'%20y='75.598'%20width='56'%20height='56'%20rx='3'/%3e%3crect%20fill='url(%23d)'%20opacity='.558'%20transform='rotate(45%20934.627%2063.627)'%20x='918.627'%20y='47.627'%20width='32'%20height='32'%20rx='3'/%3e%3crect%20fill='url(%23d)'%20opacity='.558'%20transform='rotate(45%20703.627%20186.627)'%20x='687.627'%20y='170.627'%20width='32'%20height='32'%20rx='3'/%3e%3crect%20fill='url(%23d)'%20opacity='.387'%20transform='rotate(45%201237.02%20606.02)'%20x='1228.521'%20y='597.521'%20width='17'%20height='17'%20rx='1'/%3e%3cpath%20d='M91.477%20739.477v-16.5a5%205%200%200%201%2010%200v16.5h16.5a5%205%200%200%201%200%2010h-16.5v16.5a5%205%200%201%201-10%200v-16.5h-16.5a5%205%200%201%201%200-10h16.5z'%20fill='url(%23e)'%20opacity='.211'%20transform='rotate(45%2096.477%20744.477)'/%3e%3c/g%3e%3c/svg%3e")}}.project44{background-color:#ff7a7a;background-image:url(/frontend-mentor-challenges-using-react/assets/bg-intro-mobile-CJlk9__V.png);background-repeat:no-repeat;background-size:contain}@media screen and (min-width: 62rem){.project44{background-image:url(/frontend-mentor-challenges-using-react/assets/bg-intro-desktop-C0Ip2ioZ.png)}}.project45{background-color:#effafa}.project46{background-color:#f7fafd}.project47{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='217'%20height='217'%20fill='none'%20viewBox='0%200%20217%20217'%3e%3cg%20stroke='%23fff'%20opacity='.1'%3e%3ccircle%20cx='108.5'%20cy='108.5'%20r='54'/%3e%3ccircle%20cx='108.5'%20cy='108.5'%20r='108'/%3e%3c/g%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='446'%20height='208'%20fill='none'%20viewBox='0%200%20446%20208'%3e%3cg%20clip-path='url(%23a)'%3e%3cpath%20fill='url(%23b)'%20d='M18.222%2023.675c66.877-3.9%20134.173-5.466%20201.133-3.38%2037.185%201.158%2080.292.247%20115.655%2013.548%2033.024%2012.422-19.006%2046.068-31.798%2055.203-21.265%2015.19-146.852%2088.37-70.869%20113.401%2035.973%2011.85%2082.337-2.004%20117.998-8.724%2052.559-9.903%20107.19-23.121%20161.025-19.36%2017.096%201.195%2062.097%206.046%2057.942%2030.808-3.004%2017.903-26.172%2032.45-39.649%2041.92-16.318%2011.466-79.509%2035.783-61.903%2063.491%208.244%2012.976%2027.418%2017.019%2041.393%2018.586%2032.812%203.678%2064.055-5.355%2096.111-10.534%2018.747-3.028%20171.327-15.795%20153.351%2027.262-8.662%2020.744-37.61%2034.687-55.745%2045.566-14.194%208.516-38.351%2018.706-45.403%2035.106-13.066%2030.378%2036.791%2035.65%2054.396%2034.407%2048.724-3.438%2096.156-18.956%20144.232-26.829%2022.483-3.681%2046.752-7.408%2069.267-2.075%2014.614%203.461%2036.726%2010.824%2035.148%2029.272-1.013%2011.852-11.844%2022.582-20.269%2029.769-21.961%2018.733-48.796%2041.411-48.284%2073.44.621%2038.867%2048.98%2047.264%2078.972%2047.624%2057.585.69%20116.165-7.779%20173.145-15.187%2048.04-6.245%2095.96-13.449%20143.74-21.402%208.09-1.345%2016.18-2.703%2024.26-4.127%208.07-1.423-4.6-13.009-10.56-11.957-85.75%2015.122-172.27%2027.814-258.98%2035.821-30.9%202.853-143.953%2023.86-133.927-32.913%202.747-15.554%2012.686-30.314%2023.184-41.77%2012.458-13.591%2030.17-22.071%2039.479-38.561%2021.65-38.355-31.843-60.442-61.579-63.897-46.089-5.357-94.859%209.747-139.483%2019.251-23.37%204.977-47.284%2010.683-71.246%2011.643-6.194.249-17.618%201.591-23.005-2.288-10.421-7.504.969-17.964%207.451-23.331%2017.867-14.794%2039.856-24.342%2058.857-37.579%2012.72-8.862%2034.475-23.912%2034.437-41.621-.079-34.991-64.438-40.371-87.608-42.064-30.325-2.216-61.118-.633-91.161%203.962-33.552%205.132-69.439%2017.928-103.55%209.473-33.467-8.296%204.923-30.07%2017.916-37.97%2018-10.944%2036.324-22.165%2051.973-36.379%2024.755-22.488%2028.91-47.975-3.842-64.866-40.635-20.956-90.43-15.885-134.02-9.833-50.79%207.053-100.707%2020.308-151.712%2025.754-10.976%201.172-42.639%206.686-49.902-5.292-6.678-11.018%2010.107-26.2%2016.903-32.467%2027.735-25.566%2061.661-43.538%2091.19-66.84%2015.197-11.99%2042.177-33.259%2022.559-52.994-18.995-19.107-56.347-20.457-81.2-22.937C193.165%203.71%20110.508%206.652%2029.24%2010.502c-6.072.287-12.144.584-18.213.938-10.181.594.968%2012.598%207.195%2012.235Z'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient%20id='b'%20x1='160.388'%20x2='1314.9'%20y1='-3.406'%20y2='661.838'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23fff'%20stop-opacity='0'/%3e%3cstop%20offset='.48'%20stop-color='%23F37362'/%3e%3cstop%20offset='.905'%20stop-color='%23fff'%20stop-opacity='0'/%3e%3c/linearGradient%3e%3cclipPath%20id='a'%3e%3cpath%20fill='%23fff'%20d='M0%200h446v208H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='760'%20height='530'%20fill='none'%20viewBox='0%200%20760%20530'%3e%3cg%20clip-path='url(%23a)'%3e%3cpath%20fill='url(%23b)'%20d='M-1227.27-87.161c-7.09%2036.417-.16%2078.003%2019.92%20109.154%2050.36%2078.182%20161.58%2073.48%20241.524%2059.1%20168.468-30.284%20328.801-96.67%20498.051-125.76C-311.494-71.536-130.441-75.683-10.57%2045.707%2098.614%20156.272%20142.717%20331.011%2062.758%20470.141c-45.011%2078.271-162.871%20188.27-263.232%20144.7-79.429-34.493-19.307-139.17%2015.958-183.545C-111.678%20339.638-.6%20275.759%20113.019%20250.914c157.528-34.393%20335.28%207.367%20462.656%20105.901%2053.847%2041.704%20107.443%2097.897%20134.72%20161.627%205.444%2012.682%2035.57%2011.864%2028.689-4.196-82.118-191.948-319.932-295.719-516.236-297.803-128.77-1.393-256.864%2044.506-357.283%20124.854-61.434%2049.176-144.664%20133.678-134.759%20220.809%209.772%2086.104%20117.137%2093.096%20181.786%2071.72%20114.259-37.765%20201.261-149.733%20218.943-267.229C154.382%20214.695%2066.757%2051.074-64.213-25.257c-142.779-83.23-321.551-62.512-475.921-29.75-98.107%2020.836-194.451%2049.104-290.878%2076.46-87.43%2024.776-189.798%2063.09-281.628%2039.115-63.03-16.43-96.87-77.031-84.58-140.11%202.84-14.586-27.23-22.042-30.05-7.62Z'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient%20id='b'%20x1='-1064.23'%20x2='824.864'%20y1='1.948'%20y2='467.112'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23fff'%20stop-opacity='0'/%3e%3cstop%20offset='.535'%20stop-color='%23F37362'/%3e%3cstop%20offset='.905'%20stop-color='%23fff'%20stop-opacity='0'/%3e%3c/linearGradient%3e%3cclipPath%20id='a'%3e%3cpath%20fill='%23fff'%20d='M0%200h760v530H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='217'%20height='217'%20fill='none'%20viewBox='0%200%20217%20217'%3e%3cg%20stroke='%23fff'%20opacity='.1'%3e%3ccircle%20cx='108.5'%20cy='108.5'%20r='54'/%3e%3ccircle%20cx='108.5'%20cy='108.5'%20r='108'/%3e%3c/g%3e%3c/svg%3e"),url(/frontend-mentor-challenges-using-react/assets/pattern-lines-B-UgRvVK.svg),url(/frontend-mentor-challenges-using-react/assets/background-mobile-BWsBfmEN.png);background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat;background-position:top -2% left -5%,top 5% right,bottom left,105% 60%,center,center;background-size:100px,100px,300px,100px,cover,cover}@media screen and (min-width: 48rem){.project47{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='217'%20height='217'%20fill='none'%20viewBox='0%200%20217%20217'%3e%3cg%20stroke='%23fff'%20opacity='.1'%3e%3ccircle%20cx='108.5'%20cy='108.5'%20r='54'/%3e%3ccircle%20cx='108.5'%20cy='108.5'%20r='108'/%3e%3c/g%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='446'%20height='208'%20fill='none'%20viewBox='0%200%20446%20208'%3e%3cg%20clip-path='url(%23a)'%3e%3cpath%20fill='url(%23b)'%20d='M18.222%2023.675c66.877-3.9%20134.173-5.466%20201.133-3.38%2037.185%201.158%2080.292.247%20115.655%2013.548%2033.024%2012.422-19.006%2046.068-31.798%2055.203-21.265%2015.19-146.852%2088.37-70.869%20113.401%2035.973%2011.85%2082.337-2.004%20117.998-8.724%2052.559-9.903%20107.19-23.121%20161.025-19.36%2017.096%201.195%2062.097%206.046%2057.942%2030.808-3.004%2017.903-26.172%2032.45-39.649%2041.92-16.318%2011.466-79.509%2035.783-61.903%2063.491%208.244%2012.976%2027.418%2017.019%2041.393%2018.586%2032.812%203.678%2064.055-5.355%2096.111-10.534%2018.747-3.028%20171.327-15.795%20153.351%2027.262-8.662%2020.744-37.61%2034.687-55.745%2045.566-14.194%208.516-38.351%2018.706-45.403%2035.106-13.066%2030.378%2036.791%2035.65%2054.396%2034.407%2048.724-3.438%2096.156-18.956%20144.232-26.829%2022.483-3.681%2046.752-7.408%2069.267-2.075%2014.614%203.461%2036.726%2010.824%2035.148%2029.272-1.013%2011.852-11.844%2022.582-20.269%2029.769-21.961%2018.733-48.796%2041.411-48.284%2073.44.621%2038.867%2048.98%2047.264%2078.972%2047.624%2057.585.69%20116.165-7.779%20173.145-15.187%2048.04-6.245%2095.96-13.449%20143.74-21.402%208.09-1.345%2016.18-2.703%2024.26-4.127%208.07-1.423-4.6-13.009-10.56-11.957-85.75%2015.122-172.27%2027.814-258.98%2035.821-30.9%202.853-143.953%2023.86-133.927-32.913%202.747-15.554%2012.686-30.314%2023.184-41.77%2012.458-13.591%2030.17-22.071%2039.479-38.561%2021.65-38.355-31.843-60.442-61.579-63.897-46.089-5.357-94.859%209.747-139.483%2019.251-23.37%204.977-47.284%2010.683-71.246%2011.643-6.194.249-17.618%201.591-23.005-2.288-10.421-7.504.969-17.964%207.451-23.331%2017.867-14.794%2039.856-24.342%2058.857-37.579%2012.72-8.862%2034.475-23.912%2034.437-41.621-.079-34.991-64.438-40.371-87.608-42.064-30.325-2.216-61.118-.633-91.161%203.962-33.552%205.132-69.439%2017.928-103.55%209.473-33.467-8.296%204.923-30.07%2017.916-37.97%2018-10.944%2036.324-22.165%2051.973-36.379%2024.755-22.488%2028.91-47.975-3.842-64.866-40.635-20.956-90.43-15.885-134.02-9.833-50.79%207.053-100.707%2020.308-151.712%2025.754-10.976%201.172-42.639%206.686-49.902-5.292-6.678-11.018%2010.107-26.2%2016.903-32.467%2027.735-25.566%2061.661-43.538%2091.19-66.84%2015.197-11.99%2042.177-33.259%2022.559-52.994-18.995-19.107-56.347-20.457-81.2-22.937C193.165%203.71%20110.508%206.652%2029.24%2010.502c-6.072.287-12.144.584-18.213.938-10.181.594.968%2012.598%207.195%2012.235Z'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient%20id='b'%20x1='160.388'%20x2='1314.9'%20y1='-3.406'%20y2='661.838'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23fff'%20stop-opacity='0'/%3e%3cstop%20offset='.48'%20stop-color='%23F37362'/%3e%3cstop%20offset='.905'%20stop-color='%23fff'%20stop-opacity='0'/%3e%3c/linearGradient%3e%3cclipPath%20id='a'%3e%3cpath%20fill='%23fff'%20d='M0%200h446v208H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='760'%20height='530'%20fill='none'%20viewBox='0%200%20760%20530'%3e%3cg%20clip-path='url(%23a)'%3e%3cpath%20fill='url(%23b)'%20d='M-1227.27-87.161c-7.09%2036.417-.16%2078.003%2019.92%20109.154%2050.36%2078.182%20161.58%2073.48%20241.524%2059.1%20168.468-30.284%20328.801-96.67%20498.051-125.76C-311.494-71.536-130.441-75.683-10.57%2045.707%2098.614%20156.272%20142.717%20331.011%2062.758%20470.141c-45.011%2078.271-162.871%20188.27-263.232%20144.7-79.429-34.493-19.307-139.17%2015.958-183.545C-111.678%20339.638-.6%20275.759%20113.019%20250.914c157.528-34.393%20335.28%207.367%20462.656%20105.901%2053.847%2041.704%20107.443%2097.897%20134.72%20161.627%205.444%2012.682%2035.57%2011.864%2028.689-4.196-82.118-191.948-319.932-295.719-516.236-297.803-128.77-1.393-256.864%2044.506-357.283%20124.854-61.434%2049.176-144.664%20133.678-134.759%20220.809%209.772%2086.104%20117.137%2093.096%20181.786%2071.72%20114.259-37.765%20201.261-149.733%20218.943-267.229C154.382%20214.695%2066.757%2051.074-64.213-25.257c-142.779-83.23-321.551-62.512-475.921-29.75-98.107%2020.836-194.451%2049.104-290.878%2076.46-87.43%2024.776-189.798%2063.09-281.628%2039.115-63.03-16.43-96.87-77.031-84.58-140.11%202.84-14.586-27.23-22.042-30.05-7.62Z'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient%20id='b'%20x1='-1064.23'%20x2='824.864'%20y1='1.948'%20y2='467.112'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23fff'%20stop-opacity='0'/%3e%3cstop%20offset='.535'%20stop-color='%23F37362'/%3e%3cstop%20offset='.905'%20stop-color='%23fff'%20stop-opacity='0'/%3e%3c/linearGradient%3e%3cclipPath%20id='a'%3e%3cpath%20fill='%23fff'%20d='M0%200h760v530H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='217'%20height='217'%20fill='none'%20viewBox='0%200%20217%20217'%3e%3cg%20stroke='%23fff'%20opacity='.1'%3e%3ccircle%20cx='108.5'%20cy='108.5'%20r='54'/%3e%3ccircle%20cx='108.5'%20cy='108.5'%20r='108'/%3e%3c/g%3e%3c/svg%3e"),url(/frontend-mentor-challenges-using-react/assets/pattern-lines-B-UgRvVK.svg),url(/frontend-mentor-challenges-using-react/assets/background-tablet-PKJ41Yp-.png)}}@media screen and (min-width: 62rem){.project47{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='217'%20height='217'%20fill='none'%20viewBox='0%200%20217%20217'%3e%3cg%20stroke='%23fff'%20opacity='.1'%3e%3ccircle%20cx='108.5'%20cy='108.5'%20r='54'/%3e%3ccircle%20cx='108.5'%20cy='108.5'%20r='108'/%3e%3c/g%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='446'%20height='208'%20fill='none'%20viewBox='0%200%20446%20208'%3e%3cg%20clip-path='url(%23a)'%3e%3cpath%20fill='url(%23b)'%20d='M18.222%2023.675c66.877-3.9%20134.173-5.466%20201.133-3.38%2037.185%201.158%2080.292.247%20115.655%2013.548%2033.024%2012.422-19.006%2046.068-31.798%2055.203-21.265%2015.19-146.852%2088.37-70.869%20113.401%2035.973%2011.85%2082.337-2.004%20117.998-8.724%2052.559-9.903%20107.19-23.121%20161.025-19.36%2017.096%201.195%2062.097%206.046%2057.942%2030.808-3.004%2017.903-26.172%2032.45-39.649%2041.92-16.318%2011.466-79.509%2035.783-61.903%2063.491%208.244%2012.976%2027.418%2017.019%2041.393%2018.586%2032.812%203.678%2064.055-5.355%2096.111-10.534%2018.747-3.028%20171.327-15.795%20153.351%2027.262-8.662%2020.744-37.61%2034.687-55.745%2045.566-14.194%208.516-38.351%2018.706-45.403%2035.106-13.066%2030.378%2036.791%2035.65%2054.396%2034.407%2048.724-3.438%2096.156-18.956%20144.232-26.829%2022.483-3.681%2046.752-7.408%2069.267-2.075%2014.614%203.461%2036.726%2010.824%2035.148%2029.272-1.013%2011.852-11.844%2022.582-20.269%2029.769-21.961%2018.733-48.796%2041.411-48.284%2073.44.621%2038.867%2048.98%2047.264%2078.972%2047.624%2057.585.69%20116.165-7.779%20173.145-15.187%2048.04-6.245%2095.96-13.449%20143.74-21.402%208.09-1.345%2016.18-2.703%2024.26-4.127%208.07-1.423-4.6-13.009-10.56-11.957-85.75%2015.122-172.27%2027.814-258.98%2035.821-30.9%202.853-143.953%2023.86-133.927-32.913%202.747-15.554%2012.686-30.314%2023.184-41.77%2012.458-13.591%2030.17-22.071%2039.479-38.561%2021.65-38.355-31.843-60.442-61.579-63.897-46.089-5.357-94.859%209.747-139.483%2019.251-23.37%204.977-47.284%2010.683-71.246%2011.643-6.194.249-17.618%201.591-23.005-2.288-10.421-7.504.969-17.964%207.451-23.331%2017.867-14.794%2039.856-24.342%2058.857-37.579%2012.72-8.862%2034.475-23.912%2034.437-41.621-.079-34.991-64.438-40.371-87.608-42.064-30.325-2.216-61.118-.633-91.161%203.962-33.552%205.132-69.439%2017.928-103.55%209.473-33.467-8.296%204.923-30.07%2017.916-37.97%2018-10.944%2036.324-22.165%2051.973-36.379%2024.755-22.488%2028.91-47.975-3.842-64.866-40.635-20.956-90.43-15.885-134.02-9.833-50.79%207.053-100.707%2020.308-151.712%2025.754-10.976%201.172-42.639%206.686-49.902-5.292-6.678-11.018%2010.107-26.2%2016.903-32.467%2027.735-25.566%2061.661-43.538%2091.19-66.84%2015.197-11.99%2042.177-33.259%2022.559-52.994-18.995-19.107-56.347-20.457-81.2-22.937C193.165%203.71%20110.508%206.652%2029.24%2010.502c-6.072.287-12.144.584-18.213.938-10.181.594.968%2012.598%207.195%2012.235Z'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient%20id='b'%20x1='160.388'%20x2='1314.9'%20y1='-3.406'%20y2='661.838'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23fff'%20stop-opacity='0'/%3e%3cstop%20offset='.48'%20stop-color='%23F37362'/%3e%3cstop%20offset='.905'%20stop-color='%23fff'%20stop-opacity='0'/%3e%3c/linearGradient%3e%3cclipPath%20id='a'%3e%3cpath%20fill='%23fff'%20d='M0%200h446v208H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='825'%20height='400'%20fill='none'%20viewBox='0%200%20825%20400'%3e%3cg%20clip-path='url(%23a)'%3e%3cpath%20fill='url(%23b)'%20d='M-791.563%208.31c-5.988%2030.729-.137%2065.818%2016.801%2092.103%2042.5%2065.969%20136.343%2062.002%20203.798%2049.868%20142.151-25.553%20277.439-81.568%20420.25-106.115%20131.868-22.67%20284.639-26.17%20385.784%2076.258%2092.128%2093.292%20129.342%20240.735%2061.874%20358.131-37.981%2066.045-137.429%20158.86-222.113%20122.097-67.021-29.105-16.29-117.43%2013.466-154.874%2061.46-77.34%20155.186-131.24%20251.056-152.204%20132.92-29.02%20282.906%206.216%20390.384%2089.359%2045.436%2035.188%2090.659%2082.604%20113.675%20136.378%204.594%2010.701%2030.014%2010.011%2024.208-3.54-69.29-161.963-269.955-249.525-435.595-251.283-108.654-1.175-216.738%2037.554-301.471%20105.35C78.717%20411.333%208.489%20482.634%2016.847%20556.155c8.245%2072.653%2098.838%2078.553%20153.388%2060.516%2096.411-31.865%20169.822-126.343%20184.741-225.484%2019.279-128.174-54.658-266.235-165.169-330.643C69.332-9.684-81.515%207.798-211.77%2035.442c-82.782%2017.58-164.075%2041.433-245.439%2064.516-73.773%2020.905-160.151%2053.234-237.638%2033.004-53.178-13.863-81.737-64.998-71.366-118.222%202.399-12.308-22.977-18.6-25.35-6.43Z'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient%20id='b'%20x1='-654'%20x2='940'%20y1='83.5'%20y2='476'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23fff'%20stop-opacity='0'/%3e%3cstop%20offset='.48'%20stop-color='%23F37362'/%3e%3cstop%20offset='.905'%20stop-color='%23fff'%20stop-opacity='0'/%3e%3c/linearGradient%3e%3cclipPath%20id='a'%3e%3cpath%20fill='%23fff'%20d='M-421%200H825v476H-421z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='217'%20height='217'%20fill='none'%20viewBox='0%200%20217%20217'%3e%3cg%20stroke='%23fff'%20opacity='.1'%3e%3ccircle%20cx='108.5'%20cy='108.5'%20r='54'/%3e%3ccircle%20cx='108.5'%20cy='108.5'%20r='108'/%3e%3c/g%3e%3c/svg%3e"),url(/frontend-mentor-challenges-using-react/assets/pattern-lines-B-UgRvVK.svg),url(/frontend-mentor-challenges-using-react/assets/background-desktop-DBEOVdsQ.png);background-position:top -10% left 5%,top 5% right,bottom left,75% 60%,center,center;background-size:auto,auto,auto,200px,cover,cover}}.project48{background-image:url(/frontend-mentor-challenges-using-react/assets/bg-header-mobile-DjG3iMTD.png);background-repeat:no-repeat;background-size:contain}@media screen and (min-width: 62rem){.project48{background-image:url(/frontend-mentor-challenges-using-react/assets/bg-header-desktop-B5u4wcCW.png)}}.project49{background-color:#181f2a}.project51{background-color:#fff}.project52{background-color:#f6f6fe;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='375'%20height='658'%3e%3cg%20fill='none'%20fill-rule='evenodd'%20stroke='%23D0D5F6'%20stroke-width='2'%3e%3cpath%20d='M172.71-101C70.623-79.38%2017.478-39.688%2013.273%2018.074c-6.307%2086.643%20231.598%2017.186%20136.358%20198-95.241%20180.813-181.318%20185.29-136.358%20298C58.233%20626.784%20178.96%20685.954%20319.21%20641.2c93.501-29.836%20144.652-140.545%20153.453-332.126'/%3e%3cpath%20d='M214.7-101C134.617-82.012%2092.926-47.154%2089.628%203.575c-4.948%2076.093%20181.679%2015.094%20106.966%20173.89C121.882%20336.262%2054.36%20340.192%2089.628%20439.18c35.269%2098.986%20129.974%20150.95%20239.995%20111.646C402.97%20524.622%20443.096%20427.395%20450%20259.141'/%3e%3cpath%20d='M250.935-103c-60.604%2016.56-92.153%2046.963-94.65%2091.208-3.743%2066.367%20137.488%2013.165%2080.949%20151.664-56.54%20138.5-107.638%20141.927-80.948%20228.261%2026.69%2086.335%2098.359%20131.656%20181.618%2097.376C393.41%20442.655%20423.775%20357.855%20429%20211.108'/%3e%3c/g%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='353'%20height='304'%3e%3cg%20fill='none'%20fill-rule='evenodd'%20stroke='%23D0D5F6'%20stroke-width='2'%3e%3cpath%20d='M180.29%20759c102.087-21.62%20155.232-61.312%20159.437-119.074%206.307-86.643-231.598-17.186-136.358-198%2095.241-180.813%20181.318-185.29%20136.358-298C294.767%2031.216%20174.04-27.954%2033.79%2016.8c-93.501%2029.836-144.652%20140.545-153.453%20332.126'/%3e%3cpath%20d='M138.3%20759c80.083-18.988%20121.774-53.846%20125.072-104.575%204.948-76.093-181.679-15.094-106.966-173.89C231.118%20321.738%20298.64%20317.808%20263.372%20218.82c-35.269-98.986-129.974-150.95-239.995-111.646C-49.97%20133.378-90.096%20230.605-97%20398.859'/%3e%3cpath%20d='M102.065%20761c60.604-16.56%2092.153-46.963%2094.65-91.208%203.743-66.367-137.488-13.165-80.949-151.664%2056.54-138.5%20107.638-141.927%2080.948-228.261-26.69-86.335-98.359-131.656-181.618-97.376C-40.41%20215.345-70.775%20300.145-76%20446.892'/%3e%3c/g%3e%3c/svg%3e");background-position:top -5vw right 0vw,bottom 0vw left 0vw;background-repeat:no-repeat,no-repeat}.theme{background:var(--bg-color)}.projects{font-family:Outfit,sans-serif;font-size:15px;display:flex;flex-wrap:wrap;flex-direction:column;align-items:center;gap:3rem;padding:5rem;width:100%;margin:0 auto}.projects__filters{display:flex;gap:1rem;flex-wrap:wrap}.projects__filters .filter-btn{padding:.5rem 1rem;border:1px solid #ccc;background-color:#f9f9f9;color:#222;font-weight:600;box-shadow:0 2px 4px #0000000d;cursor:pointer;border-radius:.25rem;transition:all .3s ease}.projects__filters .filter-btn:hover{background-color:#f0f0f0;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.projects__filters .newbie.active{background-color:#06b6d4;border-color:#06b6d4;color:#fff}.projects__filters .junior.active{background-color:#34d399;border-color:#34d399;color:#fff}.projects__filters .intermediate.active{background-color:#fbbf24;border-color:#fbbf24;color:#fff}.projects__filters .advanced.active{background-color:#f97316;border-color:#f97316;color:#fff}.projects__filters .guru.active{background-color:#e11d48;border-color:#e11d48;color:#fff}.projects__filters .all.active{background-color:#3f54a3;border-color:#3f54a3;color:#fff}.projects .filter-bar-wrapper{min-height:60px;min-width:60vw}.projects .filter-bar-wrapper .filter-bar{padding:1rem 2rem;background:#fff;border-radius:.375rem;box-shadow:10px 10px 20px -4px #00000059;display:flex;justify-content:space-between;align-items:center;gap:1rem;width:100%}.projects .filter-bar-wrapper .filter-bar .tags{display:flex;flex-wrap:wrap;gap:1rem}.projects .filter-bar-wrapper .filter-bar .tags .tag{display:flex;align-items:center;border-radius:.375rem;overflow:hidden;font-weight:700;box-shadow:10px 10px 20px -4px #00000059}.projects .filter-bar-wrapper .filter-bar .tags .tag span{padding:.5rem .75rem;color:#fff}.projects .filter-bar-wrapper .filter-bar .tags .tag button{background:#0000001a;color:#fff;border:none;padding:.5rem;cursor:pointer}.projects .filter-bar-wrapper .filter-bar .tags .tag button:hover{background:#0003}.projects .filter-bar-wrapper .filter-bar .tags .tag.react{background-color:#61dafb}.projects .filter-bar-wrapper .filter-bar .tags .tag.scss{background-color:#cd6799}.projects .filter-bar-wrapper .filter-bar .tags .tag.component{background-color:#3f51b5}.projects .filter-bar-wrapper .filter-bar .tags .tag.flex{background-color:#ff9800}.projects .filter-bar-wrapper .filter-bar .tags .tag.api{background-color:#76b947}.projects .filter-bar-wrapper .filter-bar .tags .tag.theme{background-color:#7e57c2}.projects .filter-bar-wrapper .filter-bar .tags .tag.grid{background-color:#009688}.projects .filter-bar-wrapper .filter-bar .tags .tag.form{background-color:#26a69a}.projects .filter-bar-wrapper .filter-bar .tags .tag.dashboard{background-color:#1e1e2f}.projects .filter-bar-wrapper .filter-bar .tags .tag.calculator{background-color:#455a64}.projects .filter-bar-wrapper .filter-bar .tags .tag.toast{background-color:#4caf50}.projects .filter-bar-wrapper .filter-bar .tags .tag.landing{background-color:#795548}.projects .filter-bar-wrapper .filter-bar .tags .tag.card{background-color:#607d8b}.projects .filter-bar-wrapper .filter-bar .tags .tag.filter{background-color:#8bc34a}.projects .filter-bar-wrapper .filter-bar .tags .tag.animation{background-color:#e91e63}.projects .filter-bar-wrapper .filter-bar .tags .tag.gsap{background-color:#88ce02}.projects .filter-bar-wrapper .filter-bar .tags .tag.dropdown{background-color:#04f}.projects .filter-bar-wrapper .filter-bar .clear{all:unset;font-weight:700;cursor:pointer}.projects .filter-bar-wrapper .filter-bar .clear:hover{color:#ff69b4;text-decoration:underline}.projects .filter-bar-wrapper .filter-bar.empty{visibility:hidden}.projects__filtered{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;width:100%;justify-items:center}.projects__filtered .project{border-radius:1rem;width:100%;max-width:320px;box-shadow:10px 10px 20px -4px #00000059;transition:all .4s ease;overflow:hidden}.projects__filtered .project:hover,.projects__filtered .project:focus,.projects__filtered .project:focus-visible{transform:translateY(-5px) scale(1.02);outline:2px solid black}.projects__filtered .project__top{position:relative}.projects__filtered .project__top__img{height:200px;width:100%;object-fit:cover;object-position:top}.projects__filtered .project__top__num{position:absolute;top:.5rem;right:.5rem;color:#fff;border-radius:50%;width:1.625rem;height:1.625rem;display:flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:700;z-index:2;box-shadow:0 2px 8px #0000004d}.projects__filtered .project__top__num.newbie{background-color:#06b6d4}.projects__filtered .project__top__num.junior{background-color:#34d399}.projects__filtered .project__top__num.intermediate{background-color:#fbbf24}.projects__filtered .project__top__num.advanced{background-color:#f97316}.projects__filtered .project__top__num.guru{background-color:#e11d48}.projects__filtered .project__top__num.all{background-color:#3f54a3}.projects__filtered .project__body{display:flex;flex-direction:column;gap:1rem;padding:.75rem}.projects__filtered .project__body__header{display:flex;justify-content:space-between}.projects__filtered .project__body__header h4{padding:.375rem 0;color:#8b0000}.projects__filtered .project__body__header .level{display:flex;flex-wrap:wrap;border-radius:.5rem;overflow:hidden;text-transform:capitalize;font-size:.625rem}.projects__filtered .project__body__header .level span{flex-grow:1;text-align:center;padding:.3125rem}.projects__filtered .project__body__header .level.newbie{border:rgb(6,182,212) 1px dotted}.projects__filtered .project__body__header .level.junior{border:rgb(52,211,153) 1px dotted}.projects__filtered .project__body__header .level.intermediate{border:rgb(251,191,36) 1px dotted}.projects__filtered .project__body__header .level.advanced{border:rgb(249,115,22) 1px dotted}.projects__filtered .project__body__header .level.guru{border:rgb(225,29,72) 1px dotted}.projects__filtered .project__body__header .level.all{border:#3f54a3 1px dotted}.projects__filtered .project__body__header .level__no.newbie{background-color:#06b6d4}.projects__filtered .project__body__header .level__no.junior{background-color:#34d399}.projects__filtered .project__body__header .level__no.intermediate{background-color:#fbbf24}.projects__filtered .project__body__header .level__no.advanced{background-color:#f97316}.projects__filtered .project__body__header .level__no.guru{background-color:#e11d48}.projects__filtered .project__body__header .level__no.all{background-color:#3f54a3}.projects__filtered .project__description{padding-inline:.75rem}.projects__filtered .project__tags{display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem}.projects__filtered .project__tags .tag{background-color:#f5f5f5;border-radius:.5rem;font-weight:700;padding:.375rem;cursor:pointer;transition:background .2s ease}.projects__filtered .project__tags .tag:hover{background-color:#e6e6e6}.projects__filtered .project__tags .tag.react{color:#61dafb}.projects__filtered .project__tags .tag.scss{color:#cd6799}.projects__filtered .project__tags .tag.component{color:#3f51b5}.projects__filtered .project__tags .tag.flex{color:#ff9800}.projects__filtered .project__tags .tag.api{color:#76b947}.projects__filtered .project__tags .tag.theme{color:#7e57c2}.projects__filtered .project__tags .tag.grid{color:#009688}.projects__filtered .project__tags .tag.form{color:#26a69a}.projects__filtered .project__tags .tag.dashboard{color:#1e1e2f}.projects__filtered .project__tags .tag.calculator{color:#455a64}.projects__filtered .project__tags .tag.toast{color:#4caf50}.projects__filtered .project__tags .tag.landing{color:#795548}.projects__filtered .project__tags .tag.card{color:#607d8b}.projects__filtered .project__tags .tag.filter{color:#8bc34a}.projects__filtered .project__tags .tag.animation{color:#e91e63}.projects__filtered .project__tags .tag.gsap{color:#88ce02}.projects__filtered .project__tags .tag.dropdown{color:#04f}.project-1{font-family:Outfit,sans-serif;flex:1;display:flex;justify-content:center;align-items:center}.project-1 .card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;border-radius:1rem;box-shadow:10px 10px 20px -4px #00000059;background:#fff;text-align:center;padding:1em;max-width:300px}.project-1 .card__img{width:100%;height:auto;border-radius:.625em}.project-1 .card__header{font-weight:700;font-size:1.25rem;color:#1f3251}.project-1 .card__body{font-weight:400;font-size:.9375rem;color:#7b879d}.project-2{flex:1;display:flex;justify-content:center;align-items:center}.project-2 .card-container{width:50vw;display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;font-size:.9375rem;-webkit-user-select:none;user-select:none;border-radius:.625rem;overflow:hidden}.project-2 .card-container .card{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;flex:1 0 200px;padding:2rem}.project-2 .card-container .card__top{display:flex;flex-direction:column;margin-bottom:5rem;justify-content:space-between;gap:2rem}.project-2 .card-container .card__top img{width:3.125rem}.project-2 .card-container .card__top h1{text-transform:uppercase;font-family:Big Shoulders Display,cursive;color:#ffffffbf}.project-2 .card-container .card__top p{color:#ffffffbf;font-size:.75rem;font-family:Lexend Deca,sans-serif}.project-2 .card-container .card a{display:block;border-radius:3.125rem;font-family:Lexend Deca,sans-serif;background:#ffffffbf;padding:.5rem 1rem}.project-2 .card-container .card a.sedan{color:#e38826}.project-2 .card-container .card a.suvs{color:#006970}.project-2 .card-container .card a.luxury{color:#004241}.project-2 .card-container .card a:hover{outline:hsla(0,0%,100%,.75) 2px solid;background:transparent;color:#ffffffbf}.project-2 .card-container .card.sedan{background:#e38826}.project-2 .card-container .card.suvs{background:#006970}.project-2 .card-container .card.luxury{background:#004241}.project-3{font-family:Red Hat Text,sans-serif;font-size:.875rem;padding:2rem;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;width:100%}.project-3 .heading{color:#fff;font-weight:700;text-align:center;text-transform:uppercase;letter-spacing:.4375rem;margin-bottom:2rem;text-shadow:rgb(251,96,135) 1px 1px 5px}.project-3 .countdown-container{display:flex;flex-wrap:wrap;gap:2rem;width:70%;justify-content:center}.project-3 .countdown-container .ctd{color:#fb6087;flex:1 0 150px;text-align:center}.project-3 .countdown-container .ctd .countdown-el{position:relative;height:100px;background:#343650;border-radius:.5rem;box-shadow:#191a24 0 10px 2px;font-size:4.8rem;overflow:hidden;text-align:center;vertical-align:middle}.project-3 .countdown-container .ctd .countdown-el:before,.project-3 .countdown-container .ctd .countdown-el:after{content:"";position:absolute;z-index:6;top:calc(50% - 5px);background:#00000080;border-radius:50%;width:10px;height:10px}.project-3 .countdown-container .ctd .countdown-el:before{left:-5px}.project-3 .countdown-container .ctd .countdown-el:after{right:-5px}.project-3 .countdown-container .ctd .countdown-el>span{position:absolute;left:0;right:0}.project-3 .countdown-container .ctd .countdown-el .top{z-index:3;color:#fb6087cc;background-color:#2a2a41;transform-origin:50% 100%;transform:perspective(200px)}.project-3 .countdown-container .ctd .countdown-el .top,.project-3 .countdown-container .ctd .countdown-el .top-back{height:50%;overflow:hidden;backface-visibility:hidden}.project-3 .countdown-container .ctd .countdown-el .top-back{z-index:4;bottom:0;transform-origin:50% 0;background-color:#2a2a41;transform:perspective(200px) rotateX(180deg)}.project-3 .countdown-container .ctd .countdown-el .top-back span{position:absolute;top:-100%;left:0;right:0}.project-3 .countdown-container .ctd .countdown-el .bottom{z-index:1}.project-3 .countdown-container .ctd .countdown-el .bottom-back{z-index:2;top:0;height:50%;overflow:hidden;background-color:#2a2a41}.project-3 .countdown-container .describe-container{letter-spacing:.3125rem;padding:2rem;color:#8486a9;text-transform:uppercase}.project-7{font-family:Figtree,serif;font-size:1rem;line-height:1.5;flex:1;display:flex;justify-content:center;align-items:center}.project-7 .card{min-width:327px;max-width:384px;border:hsl(0,0%,7%) solid 1px;border-radius:1.25rem;display:flex;box-shadow:8px 8px #000;gap:1.5rem;background:#fff;flex-direction:column;padding:1.5em}.project-7 .card__img{width:100%;height:auto;border-radius:.625em}.project-7 .card__details{display:flex;gap:.75rem;flex-direction:column;align-items:flex-start}.project-7 .card__tag{color:#121212;font-weight:800;font-size:.875rem;background-color:#f4d04e;padding:.25rem .75rem;border-radius:.25rem}.project-7 .card__date{font-size:.875rem}.project-7 .card__header{font-weight:800;font-size:1.5rem}.project-7 .card__header:hover{color:#f4d04e;cursor:pointer}.project-7 .card__body{font-weight:500;font-size:1rem;color:#6b6b6b}.project-7 .card__author{display:flex;align-items:center;gap:.75rem}.project-7 .card__author .author__img{width:32px;height:32px}.project-7 .card__author .author__name{color:#121212;font-weight:800;font-size:.875rem}.project-8{flex:1;display:flex;justify-content:center;align-items:center;font-family:Kumbh Sans,sans-serif;font-size:1rem;line-height:150%}.project-8 .card{min-width:327px;max-width:384px;border-radius:1.25rem;display:flex;gap:1.5rem;background:#fff;flex-direction:column;z-index:999}.project-8 .card__header{position:relative;display:flex;justify-content:center}.project-8 .card__img{width:100%;border-radius:1.25rem 1.25rem 0 0}.project-8 .card__details{display:flex;flex-direction:column;align-items:center;gap:.75rem;font-size:1.125rem;padding:2rem 0 0}.project-8 .card__profile{font-weight:700;font-size:1.125rem}.project-8 .card__name{color:#2d3248}.project-8 .card__age,.project-8 .card__city{color:#6a6f81}.project-8 .card__footer{border-top:1px hsl(0,0%,59%) solid;display:flex;justify-content:space-around;padding:1rem}.project-8 .card__info{padding:1rem;display:flex;flex-direction:column;align-items:center}.project-8 .card__number{font-weight:700;font-size:x-large;color:#2d3248}.project-8 .card__topic{color:#969696}.project-8 .profile_img{position:absolute;top:80px;display:block}.project-8 .profile_pic{border-radius:50%;object-fit:cover;border:.3125rem hsl(0,0%,100%) solid}.project-9{flex:1;display:flex;justify-content:center;align-items:center;font-family:Outfit,sans-serif;font-size:1.125rem;line-height:150%}.project-9 .card{min-width:327px;max-width:384px;background-color:#14253d;color:#fff;border-radius:1.25rem;display:flex;box-shadow:0 0 #000;gap:1.5rem;flex-direction:column;padding:1.5em}.project-9 .card .img__container{border-radius:.625rem;background-color:#00fff7;position:relative;overflow:hidden}.project-9 .card .img__container .nft_img{width:100%;display:block;transition:opacity .3s ease}.project-9 .card .img__container .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00fff780;cursor:pointer;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease-in-out}.project-9 .card .img__container:hover .overlay{opacity:50%}.project-9 .card .eye-icon{opacity:1;z-index:10}.project-9 .card__details{display:flex;gap:.75rem;flex-direction:column;align-items:flex-start}.project-9 .card__header{font-weight:600;font-size:1.5rem}.project-9 .card__header:hover{color:#00fff7;cursor:pointer}.project-9 .card__body{font-weight:300;font-size:1.125rem;color:#8bacda}.project-9 .card__flex{display:flex;justify-content:space-between}.project-9 .card__amount{color:#00fff7;font-weight:600}.project-9 .card__info{display:flex;gap:.5rem;align-items:center}.project-9 .card__time{color:#8bacda}.project-9 .card__footer{border-top:1px solid hsl(215,32%,27%);padding-top:.875rem;display:flex;align-items:center;gap:.75rem;color:#8bacda}.project-9 .card__footer .author__img{width:32px;height:32px;border:hsl(0,0%,100%) solid 2px;border-radius:50%}.project-9 .card__footer .author__name{color:#fff;font-weight:300}.project-9 .card__footer .author__name:hover{color:#00fff7;cursor:pointer}.project-10{flex:1;display:flex;justify-content:center;align-items:center;font-family:Inter,sans-serif;font-size:.875rem;line-height:1.5}.project-10 .card{min-width:327px;max-width:400px;background-color:#1f1f1f;color:#fff;border-radius:.875rem;display:flex;box-shadow:0 0 #000;gap:1.5rem;flex-direction:column;justify-content:center;align-items:center;padding:2.5rem}.project-10 .card .img__container img{border-radius:50%;width:5.625rem;height:5.625rem;object-fit:cover}.project-10 .card__details{display:flex;gap:.75rem;flex-direction:column;align-items:center}.project-10 .card__details .location{color:#2af86f;font-weight:600;font-size:.75rem}.project-10 .card__header{font-weight:700;font-size:1.5rem}.project-10 .card__body{font-weight:400;font-size:.875rem;opacity:50%;padding:0 1.5rem;text-align:center}.project-10 .card__social{width:100%;display:flex;align-items:center;gap:.75rem;flex-direction:column}.project-10 .card__social a{width:100%;border-radius:.5rem;text-align:center;color:#fff;font-weight:600;background:#333;transition:background-color .5s,color .5s;padding:.75rem}.project-10 .card__social a:hover{background:#2af86f;color:#141414;cursor:pointer}.project-10 .card__social a:focus{outline:3px solid hsl(140,94%,57%);outline-offset:3px}.project-11{flex:1;display:flex;justify-content:center;align-items:center;color:#5f574e;list-style:none;font-family:Outfit,sans-serif;font-size:.875rem;line-height:1.5;padding:2rem}.project-11 .card{max-width:600px;background-color:#fff;border-radius:.875rem;display:flex;box-shadow:0 0 #000;flex-direction:column}.project-11 .card .img__container{border-radius:.875rem;padding:2rem}.project-11 .card .img__container img{width:100%;border-radius:.875rem}.project-11 .card__header{font-weight:700;font-size:1.875rem;color:#302d2c}.project-11 .card__details{padding:0 2rem 2rem;display:flex;gap:1.5rem;flex-direction:column}.project-11 .card__details .description{text-align:justify}.project-11 .card__details h1,.project-11 .card__details h2{font-family:"Young Serif",serif;font-weight:400}.project-11 .card__details h2{color:#854632}.project-11 .card__details span{font-weight:700}.project-11 .card__details ul,.project-11 .card__details ol{padding-left:20px}.project-11 .card__details ul li,.project-11 .card__details ol li{margin-bottom:10px}.project-11 .card__details h2{font-size:2em;padding-bottom:1.125rem}.project-11 .card__details .prep_time{padding:1.5rem;background-color:#fff5fa;border-radius:.75rem}.project-11 .card__details .prep_time h2{font-size:1.25rem;color:#7b284f;padding-bottom:.75rem}.project-11 .card__details hr{background-color:#f3e6d8;height:1px}.project-11 .card__details .nutrition table{width:100%}.project-11 .card__details .nutrition table td{border-bottom:hsl(30,18%,87%) solid 1px;padding:.5rem 1rem}.project-11 .card__details .nutrition table .type{color:#302d2c}.project-11 .card__details .nutrition table .amount{font-weight:700;color:#854632}.project-12{font-size:.875rem;line-height:1.5;font-family:Montserrat,sans-serif;flex:1;display:flex;align-items:center;justify-content:center}.project-12 .card{background-color:#fff;border-radius:.5rem;box-shadow:0 0 #000;display:flex;flex-direction:row;flex-wrap:wrap;overflow:hidden;transition:all .3s ease-in-out;max-width:600px}@media screen and (max-width: 37.5rem){.project-12 .card{margin:2rem;flex-direction:column!important}}.project-12 .card .img__container{flex:1}.project-12 .card .img__container img{width:100%;height:100%;object-fit:cover;border-radius:.5rem 0 0 .5rem}.project-12 .card__details{flex:1;padding:1.5rem;display:flex;gap:1.125rem;flex-direction:column}.project-12 .card__details .tag{text-transform:uppercase;letter-spacing:.3125rem;color:#6c7289}.project-12 .card__details h1{font-family:Fraunces,serif;font-weight:700}.project-12 .card__details .description{color:#6c7289}.project-12 .card__details .price{display:flex;align-items:center;gap:1.25rem}.project-12 .card__details .price .now-price{color:#3c8067;font-family:Fraunces,serif;font-weight:700;font-size:2rem}.project-12 .card__details .price .old-price{text-decoration:line-through;color:#6c7289}.project-12 .card__details .btn{color:#fff;background-color:#3c8067;display:flex;justify-content:center;gap:.625rem;padding:1rem;border-radius:.5rem;transition:all .5s}.project-12 .card__details .btn:hover{background-color:#1b4133}.project-13{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;font-family:Poppins,sans-serif;font-size:.9375rem;line-height:1.5}.project-13 .project-header{text-align:center;max-width:31.25em}.project-13 .project-header h1{font-weight:200}.project-13 .project-header h2{font-weight:600;color:#4c4e61;font-size:1.875rem}.project-13 p{color:#697077;margin-top:.625rem;font-size:.75rem}.project-13 .card-wrapper{max-width:68.75em;display:grid;grid-template-columns:repeat(3,1fr);gap:1.875rem;grid-template-areas:"supervisor team-builder calculator" "supervisor karma calculator";justify-content:center;align-items:center;padding:2rem;transition:all ease-in-out .5s}@media screen and (max-width: 56.25rem){.project-13 .card-wrapper{grid-template-columns:repeat(1,1fr)!important;grid-template-areas:"supervisor" "team-builder" "calculator" "karma"!important}}.project-13 .card-wrapper .card{background-color:#fff;border-radius:.5rem;text-align:left;padding:1.875rem 1.25rem;height:15.625em;display:flex;flex-direction:column;justify-content:space-between}.project-13 .card-wrapper .card:hover{transform:translateY(-5px)}.project-13 .card-wrapper .card.supervisor{border-top:hsl(180,62%,55%) 4px solid;box-shadow:0 4px 6px color-mix(in srgb,white 80%,hsl(180,62%,55%));grid-area:supervisor}.project-13 .card-wrapper .card.team-builder{border-top:hsl(0,78%,62%) 4px solid;box-shadow:0 4px 6px color-mix(in srgb,white 80%,hsl(0,78%,62%));grid-area:team-builder}.project-13 .card-wrapper .card.calculator{border-top:hsl(212,86%,64%) 4px solid;box-shadow:0 4px 6px color-mix(in srgb,white 80%,hsl(212,86%,64%));grid-area:calculator}.project-13 .card-wrapper .card.karma{border-top:hsl(34,97%,64%) 4px solid;box-shadow:0 4px 6px color-mix(in srgb,white 80%,hsl(34,97%,64%));grid-area:karma}.project-13 .card-wrapper .card__title{color:#4c4e61;font-size:1.125rem;font-weight:600}.project-13 .card-wrapper .card img{width:3.125rem;align-self:flex-end}.project-14{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Barlow Semi Condensed,sans-serif;line-height:1.5;font-size:.8125rem;gap:2rem;max-width:88%;padding:2rem}.project-14 .card-wrapper{width:100%;display:grid;grid-template-columns:repeat(auto-fit,1fr);gap:1.5rem;grid-template-areas:"testimonial1" "testimonial2" "testimonial3" "testimonial4" "testimonial5"!important;padding:2rem}@media screen and (min-width: 27.5em){.project-14 .card-wrapper{grid-template-columns:repeat(2,1fr);grid-template-areas:"testimonial1 testimonial2" "testimonial3 testimonial4" "testimonial5 testimonial5"!important}}@media screen and (min-width: 48.125em){.project-14 .card-wrapper{grid-template-columns:repeat(4,1fr)!important;grid-template-areas:"testimonial1 testimonial1 testimonial2 testimonial5" "testimonial3 testimonial4 testimonial4 testimonial5"!important}}.project-14 .card-wrapper .card{border-radius:.5rem;padding:2rem;display:flex;flex-direction:column;gap:1.25rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 30px #0000001a,0 4px 6px #0000000d;transition:all ease-in-out .5s}.project-14 .card-wrapper .card:hover{box-shadow:0 0 15px #7541c8}.project-14 .card-wrapper .card.testimonial1{grid-area:testimonial1;background-color:#7541c8;color:#eee5ff}.project-14 .card-wrapper .card.testimonial1 img{border:hsl(264,82%,80%) 4px solid}.project-14 .card-wrapper .card.testimonial1 h1{color:#fff}@media screen and (min-width: 48.125em){.project-14 .card-wrapper .card.testimonial1{position:relative}.project-14 .card-wrapper .card.testimonial1:before{content:"";position:absolute;top:0;right:50px;width:100px;height:100px;opacity:.5;background:url("data:image/svg+xml,%3csvg%20width='104'%20height='102'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M104%20102V59.727H84.114c0-5.871.689-11.182%202.068-15.933%201.379-4.75%203.42-9.287%206.125-13.61C95.01%2025.86%2098.909%2022.257%20104%2019.375V0c-9.758%204.27-17.712%209.874-23.864%2016.813-6.151%206.939-10.712%2014.545-13.681%2022.818C63.485%2047.904%2062%2059.941%2062%2075.74V102h42zm-62%200V59.727H22.114c0-5.871.689-11.182%202.068-15.933%201.379-4.75%203.42-9.287%206.125-13.61C33.01%2025.86%2036.909%2022.257%2042%2019.375V0c-9.652%204.27-17.58%209.874-23.784%2016.813C12.01%2023.752%207.424%2031.358%204.455%2039.631%201.485%2047.904%200%2059.941%200%2075.74V102h42z'%20fill='%23A775F1'%20fill-rule='nonzero'/%3e%3c/svg%3e") no-repeat center;background-size:contain}}.project-14 .card-wrapper .card.testimonial2{grid-area:testimonial2;background-color:#676d7e;color:#e7eaee}.project-14 .card-wrapper .card.testimonial2 h1{color:#fff}.project-14 .card-wrapper .card.testimonial3{grid-area:testimonial3;color:#676d7e}.project-14 .card-wrapper .card.testimonial4{grid-area:testimonial4;background-color:#19212e;color:#e7eaee}.project-14 .card-wrapper .card.testimonial4 img{border:hsl(263,55%,52%) 4px solid}.project-14 .card-wrapper .card.testimonial4 h1{color:#fff}.project-14 .card-wrapper .card.testimonial5{grid-area:testimonial5;color:#676d7e}.project-14 .card-wrapper .card__header{display:flex;gap:1.75rem;align-items:center}.project-14 .card-wrapper .card__header img{border-radius:50%}.project-14 .card-wrapper .card__header .name{font-weight:600}.project-14 .card-wrapper .card__header .status{font-weight:500}@media screen and (min-width: 48.125em){.project-14 .card-wrapper .card__header{z-index:999}}.project-14 .card-wrapper .card__topic{font-size:1.625em;font-weight:600}@keyframes slide-top{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slide-left{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes glassSlideIn{0%{opacity:0;transform:translate(60px) scale(.95);filter:blur(8px)}60%{opacity:1;filter:blur(2px)}to{transform:translate(0) scale(1);filter:blur(0)}}@keyframes sweepLight{0%{transform:translate(-100%);opacity:.1}50%{opacity:.3}to{transform:translate(200%);opacity:0}}@keyframes flipDropReveal{0%{opacity:0;transform:rotateX(-90deg) scale(.9);box-shadow:none}60%{opacity:1;transform:rotateX(20deg) scale(1.02);box-shadow:0 12px 24px #00000026}to{transform:rotateX(0) scale(1);box-shadow:0 8px 20px #0000001a}}@keyframes cardEntrance{0%{transform:scale(.9) translateY(40px);opacity:0;filter:blur(10px)}60%{opacity:1;filter:blur(2px)}to{transform:scale(1) translateY(0);filter:blur(0)}}@keyframes shimmerSweep{0%{transform:translate(-150%);opacity:0}50%{opacity:.3}to{transform:translate(200%);opacity:0}}.project-15{font-family:Manrope,sans-serif;font-size:.8125rem;line-height:1.5;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.project-15 .card{min-width:18.75rem;border-radius:.5rem;margin:5rem;display:flex;flex-direction:column;justify-content:center;background:#fff;box-shadow:0 10px 30px #0000001a,0 4px 6px #0000000d;transition:all ease-in-out .5s}@media screen and (min-width: 48rem){.project-15 .card{max-width:56.25rem;flex-direction:row!important}}.project-15 .card .card-image{flex:1;overflow:hidden;border-radius:.5rem}.project-15 .card__img{object-fit:cover}@media screen and (min-width: 48rem){.project-15 .card__img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}}.project-15 .card__content{flex:1;display:flex;flex-direction:column;justify-content:space-around}.project-15 .card__content .details{padding:2rem;display:flex;flex-direction:column;gap:1.375rem}.project-15 .card__header{font-size:1.125rem}.project-15 .card__footer{display:flex;align-items:center;justify-content:space-between;position:relative}.project-15 .card__footer .author{width:100%;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:1.375rem}.project-15 .card__footer .author .profile{display:flex;align-items:center;gap:1.875rem}.project-15 .card__footer .author__img{height:auto;width:50px;border-radius:50%}.project-15 .card__footer .author__details{color:#48556a}.project-15 .card__footer .author__details .name{font-weight:700}.project-15 .card__footer .author__details .date{color:#9eafc2}.project-15 .card__footer .author .share-btn{border-radius:50%;background-color:#ecf2f8;box-shadow:0 10px 30px #0000001a,0 4px 6px #0000000d;padding:.5rem;-webkit-user-select:none;user-select:none;cursor:pointer;text-align:center;display:flex;align-items:center;z-index:999}.project-15 .card__footer .author .share-btn .fa-share{color:#6d7f97;z-index:20}.project-15 .card__footer .author .share-btn:hover{background-color:#9eafc2}.project-15 .card__footer .author .share-btn:hover .fa-share{color:#ecf2f8}.project-15 .card__footer .share-container .share-popup{position:absolute;left:0;top:0;bottom:0;text-align:center;padding:1rem 2rem;background-color:#48556a;box-shadow:0 10px 30px #0000001a,0 4px 6px #0000000d;animation:slide-left .3s cubic-bezier(.5,.8,.5,.8) both;color:#fff;border-radius:.5rem;z-index:0;display:none;width:100%}.project-15 .card__footer .share-container .share-popup .share-box{max-width:100%;min-width:80%;display:flex;align-items:center;justify-content:space-between}@media screen and (min-width: 48rem){.project-15 .card__footer .share-container .share-popup .share-box{width:100%}}.project-15 .card__footer .share-container .share-popup.clicked{display:flex;align-items:center;justify-content:space-between}@media screen and (min-width: 48rem){.project-15 .card__footer .share-container .share-popup.clicked{height:65px!important;display:flex!important}}@media screen and (min-width: 48rem){.project-15 .card__footer .share-container .share-popup .triangle-down{content:""!important;display:block;border-top:15px solid hsl(217,19%,35%)!important;border-right:10px solid transparent!important;border-left:10px solid transparent!important;position:absolute!important;bottom:-20%!important;left:50%!important;z-index:999!important}}.project-15 .card__footer .share-container .share-popup span{letter-spacing:.5em;color:#6d7f97}.project-15 .card__footer .share-container .share-popup .social__icon{color:#ecf2f8;font-size:1.25rem}.project-15 .card__footer .share-container .share-popup .social__icon:hover{filter:invert(100)}@media screen and (min-width: 48rem){.project-15 .card__footer .share-container .share-popup{display:none!important;animation:slide-top .3s cubic-bezier(.5,.8,.5,.8) both!important;width:250px!important;left:60%!important;top:-60px!important}}.project-16{font-family:Roboto,sans-serif;font-size:1rem;color:#242742;line-height:1.5;flex:1;display:flex;align-items:center;justify-content:center}.project-16 .newsletter,.project-16 .success-message{background-color:#fff;box-shadow:0 10px 30px #0000001a,0 4px 6px #0000000d;border-radius:1rem}.project-16 ul{list-style:none}.project-16 ul li{position:relative;padding-left:2.5rem;margin-bottom:.625rem}.project-16 ul li:before{content:"";position:absolute;left:0;width:1.25em;height:1.25em;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='21'%20height='21'%20viewBox='0%200%2021%2021'%3e%3cg%20fill='none'%3e%3ccircle%20cx='10.5'%20cy='10.5'%20r='10.5'%20fill='%23FF6155'/%3e%3cpath%20stroke='%23FFF'%20stroke-width='2'%20d='M6%2011.381%208.735%2014%2015%208'/%3e%3c/g%3e%3c/svg%3e");background-size:cover;background-repeat:no-repeat;border-radius:50%}.project-16 .btn{background-color:#36384e;color:#fff;width:100%;padding:1rem;border-radius:.5rem;text-align:center;cursor:pointer;transition:all .2s}.project-16 .btn:hover{background:linear-gradient(to bottom right,#ff6a00,#ee0979)}.project-16 .btn:focus{outline:none;box-shadow:0 0 0 2px #1f2a484d}.project-16 .newsletter .newsletter-content{min-height:500px;display:flex;flex-direction:column-reverse}@media screen and (min-width: 48rem){.project-16 .newsletter .newsletter-content{display:flex;flex-direction:row;align-items:center;padding:1rem}}.project-16 .newsletter .newsletter-content .img__container picture img{width:100%;object-fit:cover}.project-16 .newsletter .newsletter-content .content{display:flex;flex-direction:column;gap:2rem;padding:2rem}.project-16 .newsletter .newsletter-content .content form{width:100%;display:flex;flex-direction:column;gap:1rem}.project-16 .newsletter .newsletter-content .content form .label{display:flex;justify-content:space-between}.project-16 .newsletter .newsletter-content .content form .label label{font-weight:700}.project-16 .newsletter .newsletter-content .content form .label span{font-size:.75rem}.project-16 .newsletter .newsletter-content .content form input{width:100%;padding:1rem;outline:hsl(0,0%,58%) 1px solid;border-radius:.5rem}.project-16 .newsletter .newsletter-content .content form input.error{outline:hsl(4,100%,67%) 1px solid;background-color:#ffe6e6}.project-16 .newsletter .newsletter-content .content form input:focus{border-color:#1f2a48;outline:none;box-shadow:0 0 0 2px #1f2a4833}.project-16 .newsletter .newsletter-content .content form .error-text{color:#ff6257;height:10px}.project-16 .newsletter .success-message{display:flex;min-height:28.125em;max-width:28.125em;flex-direction:column;align-items:flex-start;justify-content:space-around;padding:2rem}@media screen and (min-width: 48rem){.project-16 .newsletter .success-message{height:auto}}.project-16 .newsletter .success-content{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.project-17{font-family:Rubik,sans-serif;font-size:1.125rem;line-height:1.5;flex:1;display:flex;align-items:center}.project-17 .dashboard__cards{display:grid;gap:1.75rem;grid-template-columns:repeat(1,1fr);grid-template-areas:"profile" "work" "play" "study" "exercise" "social" "selfcare"!important}@media screen and (min-width: 62rem){.project-17 .dashboard__cards{grid-template-columns:repeat(4,1fr);grid-template-areas:"profile work play study" "profile exercise social self-care"!important}}.project-17 .dashboard__cards .profile__card{background:#1c1f4a;border-radius:1rem;overflow:hidden;grid-area:profile;display:flex;flex-direction:column}@media screen and (min-width: 62rem){.project-17 .dashboard__cards .profile__card{width:12.5em}}.project-17 .dashboard__cards .profile__card .dashboard__tabs{background:#1c1f4a;border-radius:1rem;display:flex;align-items:center;justify-content:space-around;padding:1rem}@media screen and (min-width: 62rem){.project-17 .dashboard__cards .profile__card .dashboard__tabs{flex-direction:column;align-items:flex-start}}.project-17 .dashboard__cards .profile__card .dashboard__tabs .dashboard__tab{background:transparent;color:#bdc1ff;cursor:pointer}.project-17 .dashboard__cards .profile__card .dashboard__tabs .dashboard__tab.active,.project-17 .dashboard__cards .profile__card .dashboard__tabs .dashboard__tab:hover{color:#fff}@media screen and (min-width: 62rem){.project-17 .dashboard__cards .profile__card .dashboard__tabs .dashboard__tab{padding:.5rem}}.project-17 .dashboard__cards .profile__details{background-color:#5847eb;border-radius:1rem;display:flex;align-items:center;justify-content:center;gap:1rem;padding:2rem}@media screen and (min-width: 62rem){.project-17 .dashboard__cards .profile__details{flex:1;flex-direction:column;align-items:flex-start}}.project-17 .dashboard__cards .profile__details .pro-img{width:60px;height:60px;border:white 4px solid;border-radius:50%}.project-17 .dashboard__cards .profile__details .user-details span{font-size:.8125rem;color:#bdc1ff}.project-17 .dashboard__cards .profile__details .user-details h1{font-size:1.5rem;font-weight:400;color:#fff}@media screen and (min-width: 62rem){.project-17 .dashboard__cards .profile__details .user-details h1{font-size:2rem}}.project-17 .dashboard__cards .activity-card{border-radius:1rem;color:#fff;overflow:hidden;position:relative}.project-17 .dashboard__cards .activity-card__image-wrapper{height:40px}.project-17 .dashboard__cards .activity-card.work{background:#ff8c66;background-image:url("data:image/svg+xml,%3csvg%20width='79'%20height='79'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='m18.687%2010.43%2015.464%2030.906c.31.682.743%201.322%201.3%201.88.558.557%201.198.99%201.714%201.217L68.237%2059.98%2052.484%2075.732a8.025%208.025%200%200%201-11.355%200L2.934%2037.538a8.025%208.025%200%200%201%200-11.356L18.687%2010.43Zm19.345-7.99%2010.839%2010.838%202.065-2.064a5.845%205.845%200%200%201%208.258%200l8.258%208.259a5.845%205.845%200%200%201%200%208.258l-2.064%202.064%2010.839%2010.84a8.025%208.025%200%200%201%200%2011.355l-4.728%204.728L39.126%2040.53a1.963%201.963%200%200%201-.578-.413%201.963%201.963%200%200%201-.413-.578L21.95%207.168l4.728-4.728a8.025%208.025%200%200%201%2011.355%200Zm17.033%2012.903-2.064%202.065%208.258%208.258%202.064-2.064-8.258-8.259Z'%20fill='%23D96C47'%20fill-rule='nonzero'/%3e%3c/svg%3e");grid-area:work;background-size:60px;background-repeat:no-repeat;background-position:right 20px top}.project-17 .dashboard__cards .activity-card.play{background:#56c2e6;background-image:url("data:image/svg+xml,%3csvg%20width='76'%20height='77'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='m60.91%2071.846%2012.314-19.892c3.317-5.36%203.78-13.818-2.31-19.908l-26.36-26.36c-4.457-4.457-12.586-6.843-19.908-2.31L4.753%2015.69c-5.4%203.343-6.275%2010.854-1.779%2015.35a7.773%207.773%200%200%200%207.346%202.035l7.783-1.945a3.947%203.947%200%200%201%203.731%201.033l22.602%2022.602c.97.97%201.367%202.4%201.033%203.732l-1.945%207.782a7.775%207.775%200%200%200%202.037%207.349c4.49%204.49%2012.003%203.624%2015.349-1.782Zm-24.227-46.12-1.891-1.892-1.892%201.892a2.342%202.342%200%200%201-3.312-3.312l1.892-1.892-1.892-1.891a2.342%202.342%200%200%201%203.312-3.312l1.892%201.891%201.891-1.891a2.342%202.342%200%200%201%203.312%203.312l-1.891%201.891%201.891%201.892a2.342%202.342%200%200%201-3.312%203.312Zm14.19%2014.19a2.343%202.343%200%201%201%203.315-3.312%202.343%202.343%200%200%201-3.314%203.312Zm0%207.096a2.343%202.343%200%200%201%203.313-3.312%202.343%202.343%200%200%201-3.312%203.312Zm7.096-7.095a2.343%202.343%200%201%201%203.312%200%202.343%202.343%200%200%201-3.312%200Zm0%207.095a2.343%202.343%200%200%201%203.312-3.312%202.343%202.343%200%200%201-3.312%203.312Z'%20fill='%233F9CBB'%20fill-rule='nonzero'/%3e%3c/svg%3e");grid-area:play;background-size:60px;background-repeat:no-repeat;background-position:right 20px top}.project-17 .dashboard__cards .activity-card.study{background:#ff5c7c;background-image:url("data:image/svg+xml,%3csvg%20width='79'%20height='79'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M33.227%201.495a1.87%201.87%200%200%201%202.646%200l1.323%201.323-27.78%2027.78c-2.189%202.189-2.1%205.837.088%208.026l12.132%2012.132a5.624%205.624%200%200%200%201.096%206.388%205.624%205.624%200%200%200%206.389%201.097l12.132%2012.132c2.188%202.188%205.837%202.276%208.025.088l27.78-27.78%201.323%201.322a1.87%201.87%200%200%201%200%202.646L46.632%2078.4a1.87%201.87%200%200%201-2.645%200L29.12%2063.531a5.624%205.624%200%200%201-6.389-1.097l-5.291-5.291a5.624%205.624%200%200%201-1.097-6.388L1.478%2035.89a1.87%201.87%200%200%201%200-2.646ZM59.74%2022.783c1.948.27%203.83%201.117%205.325%202.612l10.583%2010.583a1.87%201.87%200%200%201%200%202.646L46.544%2067.727a1.87%201.87%200%200%201-2.646%200L30.67%2054.498a1.872%201.872%200%200%200-2.646%200ZM49.19%206.875a1.87%201.87%200%200%201%202.647%200c4.489%204.489%205.877%208.98%206.178%2012.342L27.67%2049.56c.349-1.527%201.181-7.463-4.938-13.582a1.87%201.87%200%200%201%200-2.646Zm-7.936-2.646a1.87%201.87%200%200%201%202.645%200l1.323%201.323-25.134%2025.134a5.619%205.619%200%200%200%200%207.938c4.005%204.005%204.2%207.696%204.043%209.335L12.15%2035.978a1.87%201.87%200%200%201%200-2.646Z'%20fill='%23F04667'%20fill-rule='nonzero'/%3e%3c/svg%3e");grid-area:study;background-size:60px;background-repeat:no-repeat;background-position:right 20px top}.project-17 .dashboard__cards .activity-card.exercise{background:#4acf81;background-image:url("data:image/svg+xml,%3csvg%20width='81'%20height='55'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='m33.357.579%2016.447.426c.33.009.645.144.88.38l9.953%209.953a4.946%204.946%200%200%201%201.451%203.311l.514%2012.87c.02.503.433.895.937.894l9.595-.05a4.438%204.438%200%200%201%204.437%204.43v.26c0%201.164-.453%202.259-1.277%203.082a4.334%204.334%200%200%201-3.083%201.277h-15.77c-2.347%200-4.393-2.045-4.393-4.393l-.001-8.405-12.05-.009.01%2015.17c.001.426-.21.826-.56%201.067l-18.098%2012.41c-1.363.849-2.958%201.033-4.426.537a5.147%205.147%200%200%201-1.994-1.237%205.247%205.247%200%200%201-1.193-1.85c-.875-2.293.074-4.934%202.256-6.277l12.303-8.973.252-11.28-13.556.442a1.291%201.291%200%200%201-.957-.377L2.237%2011.439c-1-.999-1.55-2.38-1.513-3.792a5.124%205.124%200%200%201%201.714-3.71c2.042-1.84%205.234-1.688%207.267.345l8.576%208.576%2029.444-1.635-2.133-2.133-12.263.347a4.434%204.434%200%200%201-3.294-1.28l-.016-.015a4.409%204.409%200%200%201-1.294-3.307c.08-2.347%202.16-4.255%204.632-4.256Zm33.78%2011.774c3.025-3.025%207.945-3.025%2010.97%200%203.024%203.025%203.024%207.944%200%2010.97-3.025%203.024-7.945%203.024-10.97%200-3.024-3.026-3.025-7.945%200-10.97Z'%20fill='%2329BA66'%20fill-rule='nonzero'/%3e%3c/svg%3e");grid-area:exercise;background-size:60px;background-repeat:no-repeat;background-position:right 20px top}.project-17 .dashboard__cards .activity-card.social{background:#7536d3;background-image:url("data:image/svg+xml,%3csvg%20width='75'%20height='100'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20fill='%235A1CBB'%20fill-rule='nonzero'%3e%3cpath%20d='M45.834%2046.627c4.78%204.78%2013.1%205.754%2019.257-.403%205.2-5.199%205.198-13.657%200-18.855L47.151%209.428C42.335%204.614%2034.02%203.7%2027.892%209.83c-4.701%204.7-5.151%2012.066-1.352%2017.277l-6.265%206.265c-1.339%201.339-.317%203.644%201.585%203.533l13.474-.777%2010.499%2010.499Zm11.404-11.483a2.567%202.567%200%201%201-3.629%203.631%202.567%202.567%200%200%201%203.63-3.631ZM35.745%2020.909a2.567%202.567%200%201%201%203.63-3.629%202.567%202.567%200%200%201-3.63%203.63Zm12.562%205.303a2.567%202.567%200%201%201-3.63%203.63%202.567%202.567%200%200%201%203.63-3.63ZM55.16%2063.698%2037.219%2045.756c-5.198-5.197-13.658-5.197-18.857.001-6.072%206.073-5.26%2014.4-.402%2019.258l10.499%2010.5-.777%2013.473c-.11%201.886%202.186%202.931%203.533%201.584l6.265-6.265c5.212%203.8%2012.577%203.349%2017.277-1.352%206.06-6.059%205.274-14.386.403-19.257ZM25.813%2057.24a2.567%202.567%200%201%201%203.63-3.631%202.567%202.567%200%200%201-3.63%203.63Zm8.932%208.931a2.567%202.567%200%201%201%203.63-3.629%202.567%202.567%200%200%201-3.63%203.63Zm8.932%208.933a2.567%202.567%200%201%201%203.63-3.631%202.567%202.567%200%200%201-3.63%203.63Z'/%3e%3c/g%3e%3c/svg%3e");grid-area:social;background-size:60px;background-repeat:no-repeat;background-position:right 20px top}.project-17 .dashboard__cards .activity-card.self-care{background:#f1c65b;background-image:url("data:image/svg+xml,%3csvg%20width='67'%20height='67'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M.918%2050.848c.114%201.723.232%203.5.346%205.336l.003.038.448%206.038c.06.81.412%201.536.951%202.075.54.54%201.266.892%202.075.952l6.038.447.038.003c12.086.755%2021.237%201.231%2028.95.484%209.007-.873%2015.369-3.445%2020.02-8.096%208.413-8.413%208.398-21.609-.034-30.041-3.79-3.79-8.959-6.11-14.31-6.526-.415-5.352-2.736-10.52-6.526-14.31C30.484-1.185%2017.288-1.2%208.875%207.214-1.295%2017.384-.415%2030.697.918%2050.848ZM21.36%2027.122l6.172%206.173%206.16-6.159%206.172%206.173-6.16%206.158%206.173%206.173-6.158%206.158-6.173-6.172-6.158%206.158-6.173-6.172%206.159-6.159-6.173-6.172%206.16-6.159Z'%20fill='%23E6A532'%20fill-rule='nonzero'/%3e%3c/svg%3e");grid-area:self-care;background-size:60px;background-repeat:no-repeat;background-position:right 20px top}@media screen and (min-width: 62rem){.project-17 .dashboard__cards .activity-card{height:10.625em}}.project-17 .dashboard__cards .activity-card__content{border-radius:1rem;background:#1c1f4a;padding:1.125rem;transition:all .3s ease}@media screen and (min-width: 62rem){.project-17 .dashboard__cards .activity-card__content{display:flex;flex-direction:column;gap:1rem;position:absolute;bottom:0;left:0;right:0}}.project-17 .dashboard__cards .activity-card__content:hover{background-color:color-mix(in srgb,white 5%,hsl(235,46%,20%))}.project-17 .dashboard__cards .activity-card__header,.project-17 .dashboard__cards .activity-card__details{display:flex;justify-content:space-between;align-items:center}@media screen and (min-width: 62rem){.project-17 .dashboard__cards .activity-card__details{flex-direction:column;align-items:flex-start}}.project-17 .dashboard__cards .activity-card__title{font-size:1rem;font-weight:400}.project-17 .dashboard__cards .activity-card__ellipsis{cursor:pointer;font-size:2rem}.project-17 .dashboard__cards .activity-card__current{font-size:2.25rem;font-weight:300}.project-17 .dashboard__cards .activity-card__previous{font-size:.75rem;color:#bdc1ff}.project-18{font-family:Space Mono,monospace;font-size:1.25rem;font-weight:700;line-height:1.5;flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2rem}.project-18 .flex{display:flex;align-items:center;justify-content:space-between}.project-18 .calculator{border-radius:.75rem;background-color:#fff;padding:1.75rem;display:flex;flex-direction:column;gap:2rem;max-width:50em}@media screen and (min-width: 62rem){.project-18 .calculator{flex-direction:row}}.project-18 .calculator_container{flex:1;display:flex;flex-direction:column;gap:2rem}.project-18 .calculator_container .error{outline:red 2px solid}.project-18 .calculator_container .error:focus,.project-18 .calculator_container .error:focus-visible{outline:red 2px solid}.project-18 .calculator_container .error-text{color:#e17055;font-size:.75rem}.project-18 .calculator_container .input_field{position:relative}.project-18 .calculator_container .input_field .icon{position:absolute;top:50%;left:1rem;transform:translateY(-50%);pointer-events:none}.project-18 .calculator_container input{font-family:Space Mono,monospace;background-color:#f4fafb;padding:.5rem .75rem;border-radius:.5rem;color:#00494d;text-align:right;font-weight:700;font-size:1rem;width:100%;border-radius:8px;border:2px solid #f3f9fa;outline:none}.project-18 .calculator_container input:focus,.project-18 .calculator_container input:focus-visible{outline:hsl(183,100%,15%) 2px solid}.project-18 .calculator_container .label{color:#5e7a7d;margin-bottom:.5rem}.project-18 .calculator_container .tip__options{display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}@media screen and (min-width: 62rem){.project-18 .calculator_container .tip__options{grid-template-columns:repeat(3,1fr)}}.project-18 .calculator_container .tip__options input{text-align:right}.project-18 .calculator_container .tip__options input::placeholder{text-align:center}.project-18 .calculator_container .tip__options button{background-color:#00494d;color:#fff;font-family:Space Mono,monospace;border-radius:.3125rem;font-weight:700;font-size:1.25rem;text-align:center;cursor:pointer;padding:.75rem}.project-18 .calculator_container .tip__options button:hover,.project-18 .calculator_container .tip__options button.selected{background-color:#26c0ab;color:#00494d}.project-18 .calculator_container .tip__options button:focus,.project-18 .calculator_container .tip__options button:focus-visible{outline:hsl(183,100%,15%) 2px solid}.project-18 .calculator .results{flex:1;background-color:#00494d;border-radius:.75rem;padding:2rem;display:flex;flex-direction:column;justify-content:space-between}.project-18 .calculator .results__container{display:flex;flex-direction:column;gap:1.25rem}.project-18 .calculator .results__container .row{display:flex;justify-content:space-between}.project-18 .calculator .results__container .row .label{font-size:1.125rem;color:#fff}.project-18 .calculator .results__container .row .label span{font-size:.75rem;color:#7f9c9f}.project-18 .calculator .results__container .row .amount{color:#26c0ab}.project-18 .calculator .results button{border-radius:.3125rem;width:100%;padding:.75rem;text-align:center;background-color:#26c0ab;color:#00494d;cursor:pointer;font-weight:700}.project-18 .calculator .results button:hover{background-color:#5e7a7d;color:#00494d}.project-18 .calculator .results button:disabled{background-color:#0d686d;opacity:.3;cursor:not-allowed}.project-19{font-family:Overpass,sans-serif;font-size:.9375rem;font-weight:400;line-height:1.5;flex:1;display:flex;align-items:center;justify-content:center;flex-direction:row}.project-19 .rating{flex:1;padding:1.75rem;display:flex;flex-direction:column;align-items:flex-start;gap:1.75rem;background-color:#252d37;border-radius:1rem;box-shadow:0 0 10px #0000004d;width:100%;min-width:340px;max-width:360px}.project-19 .rating .icon{box-shadow:0 10px 30px #1111,0 4px 6px #00000052;background:#2a313c;padding:1rem;border-radius:50%}.project-19 .rating h1,.project-19 .rating h2{color:#fff}.project-19 .rating p{color:#959eac}.project-19 .rating__buttons{display:flex;justify-content:space-between;width:100%}.project-19 .rating__buttons .btnRating{background-color:#2a313c;color:#fff;padding:1rem;border-radius:50%;text-align:center;font-weight:700;box-shadow:0 10px 30px #1111,0 4px 6px #00000052;cursor:pointer;transition:background .3s,color .3s}.project-19 .rating__buttons .btnRating:hover{background-color:#fb7413;color:#121417}.project-19 .rating__buttons .btnRating.selected{background:#fff;color:#121417}.project-19 .rating__buttons .btnRating:focus,.project-19 .rating__buttons .btnRating:focus-visible{outline:hsl(25,97%,53%) 2px solid}.project-19 .rating .btnSubmit{width:100%;padding:1rem;border-radius:1.875rem;background-color:#fb7413;text-align:center;text-transform:uppercase;font-family:Overpass,sans-serif;font-weight:700;cursor:pointer}.project-19 .rating .btnSubmit:hover{background-color:#fff}.project-19 .rating .btnSubmit:focus,.project-19 .rating .btnSubmit:focus-visible{outline:hsl(0,100%,100%) 2px solid}.project-19 .rating .thankYou{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.25rem}.project-19 .rating .thankYou .result{background:#2a313c;color:#fb7413;padding:.5rem 1rem;border-radius:1rem;font-size:.85rem}.project-20{font-family:Work Sans,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column}.project-20 .img__container{position:absolute;top:0;z-index:0}.project-20 .img__container img{height:18.75em;width:100dvw;object-fit:cover}.project-20 .accordion_container{background:#fff;padding:2rem;border-radius:.75rem;min-width:22.5em;max-width:37.5em;z-index:20}.project-20 .accordion_container .faq-header{display:flex;gap:2rem;align-items:center}.project-20 .accordion_container .faq-header .faq-icon img{width:1.875em;height:1.875em}.project-20 .accordion_container .faq-card .faq-item{border-top:1px solid #eee}.project-20 .accordion_container .faq-card .faq-item:first-of-type{border-top:none}.project-20 .accordion_container .faq-card .faq-item .faq-question{padding:1rem 0;width:100%;display:flex;justify-content:space-between;align-items:center;background:none;border:none;font-weight:700;font-size:1rem;cursor:pointer}.project-20 .accordion_container .faq-card .faq-item .faq-question span:hover{color:#ad28eb}.project-20 .accordion_container .faq-card .faq-item .faq-question:focus,.project-20 .accordion_container .faq-card .faq-item .faq-question:focus-visible{color:#ad28eb}.project-20 .accordion_container .faq-card .faq-item .faq-answer{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .4s ease;padding-top:0;padding-bottom:0;color:#8c6991;font-size:.95rem}.project-20 .accordion_container .faq-card .faq-item.open .faq-question span{color:#ad28eb}.project-20 .accordion_container .faq-card .faq-item.open .faq-answer{max-height:500px;padding-bottom:1rem}.project-21{font-family:Karla,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;flex:1;display:flex;align-items:center;justify-content:center;flex-direction:row}.project-21 .toast{position:fixed;top:20px;left:50%;transform:translate(-50%) translateY(-200%);background-color:#2b4246;color:#fff;padding:1rem;border-radius:.5rem;box-shadow:0 10px 30px #1111,0 4px 6px #00000052;display:flex;flex-direction:column;gap:.75rem;z-index:1000;transition:transform .4s ease,opacity .4s ease}.project-21 .toast .row{display:flex;align-items:center;gap:1rem}.project-21 .toast .row .icon{font-size:1.5rem}.project-21 .toast p{font-size:.9375rem;opacity:.8}.project-21 .toast.show{transform:translate(-50%) translateY(0)}.project-21 .contact-form{background-color:#fff;border-radius:.75rem;padding:1.5rem;max-width:600px;display:flex;flex-direction:column;gap:1rem;box-shadow:0 10px 30px #1111,0 4px 6px #00000052}.project-21 .contact-form .error-text{color:#d73c3c;font-size:.875rem}.project-21 .contact-form .form-group{display:flex;flex-direction:column;gap:.75rem}.project-21 .contact-form .form-group.row{display:flex;gap:1rem}@media screen and (min-width: 48rem){.project-21 .contact-form .form-group.row{flex-direction:row}}.project-21 .contact-form .form-group .column{display:flex;flex-direction:column;flex-wrap:wrap;gap:.75rem}.project-21 .contact-form .form-group label{font-weight:700;color:#87a3a6}.project-21 .contact-form .form-group input,.project-21 .contact-form .form-group textarea{padding:.625rem;border:1px solid hsl(186,15%,59%);border-radius:.375rem;transition:outline .2s ease}.project-21 .contact-form .form-group input.error,.project-21 .contact-form .form-group textarea.error{border:hsl(0,66%,54%) 1px solid}.project-21 .contact-form .form-group input:focus,.project-21 .contact-form .form-group textarea:focus{border:hsl(186,15%,59%) 1px solid}.project-21 .contact-form .form-group input:-webkit-autofill,.project-21 .contact-form .form-group textarea:-webkit-autofill{background-color:#fff!important;transition:background-color 5000s ease-in-out 0s;-webkit-box-shadow:0 0 0px 1000px hsl(0,100%,100%) inset!important}.project-21 .contact-form .form-group textarea{height:100px;resize:vertical}.project-21 .contact-form .form-group .error-text{color:#d73c3c;font-size:.875rem}.project-21 .contact-form .form-group .checkbox{accent-color:hsl(169,82%,27%)}.project-21 .contact-form .form-group .checkbox input{margin-right:.5rem}.project-21 .contact-form .form-group .checkbox label{color:#87a3a6}.project-21 .contact-form .query-options{display:flex;gap:1rem;justify-content:space-between;flex-direction:column}@media screen and (min-width: 48rem){.project-21 .contact-form .query-options{flex-direction:row}}.project-21 .contact-form .query-options .option{font-weight:400;flex:1;padding:.5rem;border:1px solid #ccc;border-radius:.5rem;-webkit-user-select:none;user-select:none;display:flex;align-items:center;cursor:pointer}.project-21 .contact-form .query-options .option.selected,.project-21 .contact-form .query-options .option:checked{border-color:#0c7d69;cursor:pointer;background-color:#dff1e7;accent-color:hsl(169,82%,27%)}.project-21 .contact-form .query-options .option:has(input[type=radio]:focus){outline:2px solid hsl(169,82%,27%);outline-offset:2px}.project-21 .contact-form .query-options .option input{margin-right:.5rem}.project-21 .contact-form .query-options .option>*{cursor:pointer}.project-21 .contact-form button{background-color:#0c7d69;color:#fff;padding:1rem;border:none;border-radius:.5rem;cursor:pointer;font-weight:700;text-align:center;transition:all .2s;width:100%}.project-21 .contact-form button:hover{background-color:#005245}.project-22{font-family:Inter,sans-serif;font-size:.9375rem;font-weight:400;line-height:1.5;width:90%}.project-22 .icon{font-size:2.75rem}.project-22 .navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem}.project-22 .navbar .menu-toggle{background:none;border:none;cursor:pointer}.project-22 .navbar .nav-links{display:none;font-weight:400}@media screen and (min-width: 62rem){.project-22 .navbar .menu-toggle{display:none}.project-22 .navbar .nav-links{display:flex;gap:1.5rem}.project-22 .navbar .nav-links a{color:#5d5f79}.project-22 .navbar .nav-links a:hover,.project-22 .navbar .nav-links a:focus,.project-22 .navbar .nav-links a:focus-visible{color:#f15e50}}.project-22 .overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#00000080;z-index:999;transition:opacity .3s ease-in-out}.project-22 .mobile-menu{position:fixed;top:0;right:0;width:40%;height:100dvh;background-color:#fffdfa;box-shadow:0 10px 30px #1111,0 4px 6px #00000052;z-index:1000;padding:2rem;transform:translate(100%);opacity:0;pointer-events:none;transition:transform .3s ease-in-out,opacity .3s ease-in-out}.project-22 .mobile-menu.open{transform:translate(0);opacity:1;pointer-events:auto}.project-22 .mobile-menu .close-button{all:unset;position:absolute;top:1.5rem;right:1.5rem;cursor:pointer}.project-22 .mobile-menu .mobile-nav{display:flex;flex-direction:column;gap:1.5rem;margin-top:7.5rem}.project-22 .mobile-menu .mobile-nav a{font-size:1.2rem;font-weight:400;color:#00001a}@media screen and (min-width: 62rem){.project-22 .mobile-menu{display:none}}.project-22 .page{padding:2rem 0;display:grid;justify-content:center;grid-template-areas:"featured" "news" "project";gap:2.5rem}@media screen and (min-width: 62rem){.project-22 .page{grid-template-areas:"featured featured news" "project project project"!important;column-gap:1.75rem;row-gap:2.5rem}}.project-22 .page .featured__section{grid-area:featured;display:flex;flex-direction:column;gap:1rem}.project-22 .page .featured__section img{width:100%;height:15.625em;object-fit:cover;aspect-ratio:1}@media screen and (min-width: 62rem){.project-22 .page .featured__section .content{display:flex;flex-direction:row;gap:5rem}}.project-22 .page .featured__section .content h1{flex:1;font-size:2.8125rem;font-weight:800}.project-22 .page .featured__section .content .col{flex:1;display:flex;flex-direction:column;justify-content:space-between}.project-22 .page .featured__section .content .col p{color:#5d5f79;padding:1rem 0}@media screen and (min-width: 62rem){.project-22 .page .featured__section .content .col p{padding:0}}.project-22 .page .featured__section .content .col .btn{align-self:flex-start;background-color:#f15e50;padding:1rem 2rem;text-transform:uppercase;letter-spacing:.25rem;font-weight:700;cursor:pointer}.project-22 .page .featured__section .content .col .btn:hover,.project-22 .page .featured__section .content .col .btn:focus,.project-22 .page .featured__section .content .col .btn:focus-visible{background-color:#00001a;color:#fffdfa}.project-22 .page .new__section{grid-area:news;background:#00001a;padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between}.project-22 .page .new__section h2{color:#e9ab53}.project-22 .page .new__section .article{border-top:1px solid #eee;padding:1.5rem 0;display:flex;flex-direction:column;gap:.5rem}.project-22 .page .new__section .article:first-of-type{border-top:none}.project-22 .page .new__section .article a{color:#fffdfa;font-weight:800;font-size:1rem;cursor:pointer}.project-22 .page .new__section .article a:hover,.project-22 .page .new__section .article a:focus,.project-22 .page .new__section .article a:focus-visible{color:#e9ab53}.project-22 .page .new__section .article p{color:#c5c6ce}.project-22 .page .trending-articles{grid-area:project;display:flex;flex-direction:column;gap:1.75rem}@media screen and (min-width: 62rem){.project-22 .page .trending-articles{flex-direction:row}}.project-22 .page .trending-articles .trending-card{display:flex;align-items:center;gap:1.875rem}.project-22 .page .trending-articles .trending-card img{height:9.375em;width:9.375em;object-fit:cover}.project-22 .page .trending-articles .trending-card .category__details{display:flex;flex-direction:column;height:100%;justify-content:space-between}.project-22 .page .trending-articles .trending-card .category__details span{color:#f15e50;font-weight:700;font-size:2rem}.project-22 .page .trending-articles .trending-card .category__details a{color:#00001a;font-weight:800;font-size:1rem;cursor:pointer}.project-22 .page .trending-articles .trending-card .category__details a:hover,.project-22 .page .trending-articles .trending-card .category__details a:focus,.project-22 .page .trending-articles .trending-card .category__details a:focus-visible{color:#f15e50}.project-22 .page .trending-articles .trending-card .category__details p{color:#5d5f79}.project-23{font-family:Kumbh Sans,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;width:90%}.project-23 .navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem}@media screen and (min-width: 62rem){.project-23 .navbar{border-bottom:2px solid hsl(223,64%,98%);padding:0rem}}.project-23 .navbar .navigation{display:flex;align-items:center;justify-self:flex-start;flex-direction:row-reverse;gap:1rem}@media screen and (min-width: 62rem){.project-23 .navbar .navigation{flex-direction:row}}@media screen and (min-width: 62rem){.project-23 .navbar .navigation .logo{padding:2rem}}.project-23 .navbar .navigation .menu-toggle{background:none;border:none;cursor:pointer}.project-23 .navbar .navigation .menu-toggle .icon{font-size:2rem}@media screen and (min-width: 62rem){.project-23 .navbar .navigation .menu-toggle{display:none}}.project-23 .navbar .navigation .nav-links{display:none;font-weight:400}@media screen and (min-width: 62rem){.project-23 .navbar .navigation .nav-links{display:flex;gap:1.5rem}.project-23 .navbar .navigation .nav-links a{color:#68707d;padding:2rem 0}.project-23 .navbar .navigation .nav-links a:hover,.project-23 .navbar .navigation .nav-links a:focus,.project-23 .navbar .navigation .nav-links a:focus-visible{color:#1d2025;border-bottom:2px solid hsl(26,100%,55%)}}.project-23 .navbar .user{display:flex;gap:1.5rem;align-items:center}@media screen and (min-width: 62rem){.project-23 .navbar .user{gap:2rem}.project-23 .navbar .user .imgavatar{width:3.125rem}}.project-23 .navbar .user .cart-icon-wrapper{cursor:pointer;position:relative;font-size:1.75rem}.project-23 .navbar .user .cart-icon-wrapper .cart-count{position:absolute;top:-3px;right:-3px;background:#ff7d1a;color:#fff;border-radius:.625rem;font-size:.5rem;padding:.125rem .375rem;font-weight:700;border-radius:50%}.project-23 .navbar .user .imgavatar{width:2.5rem;border-radius:50%}.project-23 .navbar .user .imgavatar:hover,.project-23 .navbar .user .imgavatar:focus,.project-23 .navbar .user .imgavatar:focus-visible{outline:2px solid hsl(26,100%,55%)}.project-23 .overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#00000080;z-index:999;transition:opacity .3s ease-in-out}.project-23 .mobile-menu{position:fixed;top:0;left:0;width:50%;height:100dvh;background-color:#fff;box-shadow:0 10px 30px #1111,0 4px 6px #00000052;z-index:1000;padding:2rem;transform:translate(100%);opacity:0;pointer-events:none;transition:transform .3s ease-in-out,opacity .3s ease-in-out}.project-23 .mobile-menu.open{transform:translate(0);opacity:1;pointer-events:auto}.project-23 .mobile-menu .close-button{background:none;border:none;position:absolute;top:1.5rem;left:1.5rem;cursor:pointer}.project-23 .mobile-menu .close-button .icon{font-size:2rem}.project-23 .mobile-menu .mobile-nav{display:flex;flex-direction:column;gap:1.5rem;margin-top:2.5rem}.project-23 .mobile-menu .mobile-nav a{font-size:1.125rem;font-weight:700;color:#000}@media screen and (min-width: 62rem){.project-23 .mobile-menu{display:none}}.project-23 .cart-dropdown{position:absolute;right:1.25rem;top:5rem;z-index:100;width:90vw;background:#fff;box-shadow:0 10px 30px #1111,0 4px 6px #00000052;border-radius:.625rem;display:flex;flex-direction:column;gap:1rem;opacity:0;transform:translateY(-1rem);transition:opacity .3s ease,transform .3s ease}.project-23 .cart-dropdown.open{opacity:1;transform:translateY(0)}@media screen and (min-width: 62rem){.project-23 .cart-dropdown{right:2.5rem;top:6.25rem;width:21.875em}}.project-23 .cart-dropdown h4{padding:1rem;font-size:.875rem;border-bottom:hsl(223,64%,98%) solid 2px}.project-23 .cart-dropdown .empty-cart{text-align:center;color:#68707d;font-weight:700;padding:1.5rem 0}.project-23 .cart-dropdown .cart-items .cart-item{padding:0 1rem;display:flex;align-items:center;gap:1rem}.project-23 .cart-dropdown .cart-items .cart-item.removing{animation:burstRemove .3s ease forwards}.project-23 .cart-dropdown .cart-items .cart-item .item-image{width:3.125em;border-radius:.3125rem}.project-23 .cart-dropdown .cart-items .cart-item .item-info{flex-grow:1;font-size:.9rem;color:#68707d}.project-23 .cart-dropdown .cart-items .cart-item .item-info strong{color:#000}.project-23 .cart-dropdown .cart-items .cart-item .delete-btn{background:none;border:none;cursor:pointer;font-size:1rem}.project-23 .cart-dropdown .btn{padding:0 1rem 1rem;text-align:center}.project-23 .cart-dropdown .btn .checkout-btn{width:100%;background:#ff7d1a;color:#fff;padding:.75rem;border:none;font-weight:700;border-radius:8px;cursor:pointer}.project-23 .cart-dropdown .btn .checkout-btn:hover{color:#000}.project-23 .product{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem}@media screen and (min-width: 62rem){.project-23 .product{padding:1.5rem}}.project-23 .product__images,.project-23 .product__details{width:100%}.project-23 .product__images{max-width:31.25em}@media screen and (min-width: 62rem){.project-23 .product__images{max-width:none;display:flex;gap:1rem}}.project-23 .product__images .main-image-wrapper{position:relative;width:100%}.project-23 .product__images .main-image-wrapper .main-image{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}@media screen and (min-width: 62rem){.project-23 .product__images .main-image-wrapper .main-image{border-radius:.625rem}}.project-23 .product__images .main-image-wrapper .nav{position:absolute;top:50%;background:#fff;border:none;border-radius:50%;padding:.75rem;cursor:pointer;box-shadow:0 0 10px #0003;z-index:1;font-size:1rem;display:flex}.project-23 .product__images .main-image-wrapper .nav.left{left:.625rem}.project-23 .product__images .main-image-wrapper .nav.right{right:.625rem}.project-23 .product__images .main-image-wrapper .nav:hover{background:#ff7d1a;color:#fff}@media screen and (min-width: 62rem){.project-23 .product__images .main-image-wrapper .nav{display:none}}.project-23 .product__images .thumbnails{display:none}@media screen and (min-width: 62rem){.project-23 .product__images .thumbnails{display:flex;justify-content:space-between;width:100%;max-width:31.25em;gap:.75rem}.project-23 .product__images .thumbnails .thumbnail{width:70px;border-radius:.625rem;cursor:pointer;border:2px solid transparent;opacity:1;transition:filter .3s ease,border-color .3s ease}.project-23 .product__images .thumbnails .thumbnail.active{filter:brightness(1.3) contrast(1.1) opacity(.6) blur(.6px);border-color:#ff7d1a}.project-23 .product__images .thumbnails .thumbnail:hover{filter:brightness(1.2) blur(.3px);opacity:.7}}.project-23 .product__details{display:flex;flex-direction:column;gap:2rem;padding:1.5rem}.project-23 .product__details .company-name{text-transform:uppercase;font-weight:700;color:#68707d;font-size:.75rem;letter-spacing:1px}.project-23 .product__details .product-name{font-size:3rem;font-weight:700}.project-23 .product__details .product-description{color:#68707d;line-height:1.6;font-size:.875rem}.project-23 .product__details .price{display:flex;justify-content:space-between;flex-direction:row;align-items:center}@media screen and (min-width: 62rem){.project-23 .product__details .price{flex-direction:column;align-items:flex-start}}.project-23 .product__details .price .product__price{display:flex;align-items:center;gap:.75rem}.project-23 .product__details .price .product__price .current{font-size:1.5rem;font-weight:700}.project-23 .product__details .price .product__price .discount{color:#fff;font-size:.75rem;background:#000;padding:.125rem .5rem;border-radius:.5rem;font-weight:700}.project-23 .product__details .price .original{text-decoration:line-through;color:#68707d;font-weight:700;font-size:.875rem}.project-23 .product__details .product__actions{display:flex;flex-direction:column;gap:1rem}.project-23 .product__details .product__actions .quantity{padding:.75rem 1.5rem;background:#ffede0;display:flex;align-items:center;justify-content:space-between;border-radius:.3125rem}.project-23 .product__details .product__actions .quantity button{text-align:center;background:none;cursor:pointer;border:none;font-weight:700;font-size:1.125rem}.project-23 .product__details .product__actions .quantity button .icon{color:#ff7d1a}.project-23 .product__details .product__actions .add-to-cart{text-align:center;background-color:#ff7d1a;color:#fff;border:none;padding:.75rem 1.5rem;cursor:pointer;font-weight:700;font-size:.875rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;gap:.625rem}.project-23 .product__details .product__actions .add-to-cart .icon{font-size:1.125rem}.project-23 .product__details .product__actions .add-to-cart:hover{color:#000}@media screen and (min-width: 62rem){.project-23 .product__details .product__actions{flex-direction:row}.project-23 .product__details .product__actions .quantity{flex:40%}.project-23 .product__details .product__actions .add-to-cart{flex:60%}}@media screen and (min-width: 62rem){.project-23 .product{flex-direction:row;align-items:center;justify-content:space-evenly;gap:4rem;max-width:100%;margin:0 auto}.project-23 .product__images,.project-23 .product__details{flex:1 1 0;max-width:37.5em;min-height:37.5em;display:flex;flex-direction:column;justify-content:center}.project-23 .product__images{align-items:center}}.project-23 .lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000bf;display:flex;justify-content:center;align-items:center;z-index:200}.project-23 .lightbox-overlay .lightbox-content{position:relative;padding:1rem;border-radius:.625rem;max-width:50em;text-align:center}.project-23 .lightbox-overlay .lightbox-content .close-btn{position:absolute;top:-2rem;right:1rem;background:none;border:none;color:#fff;font-size:1.75rem;cursor:pointer}.project-23 .lightbox-overlay .lightbox-content .close-btn:hover{color:#ff7d1a}.project-23 .lightbox-overlay .lightbox-content .lightbox-image-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.project-23 .lightbox-overlay .lightbox-content .lightbox-image-wrapper .nav{position:absolute;background:#fff;border-radius:50%;padding:.75rem;border:none;cursor:pointer;font-size:1rem;display:flex}.project-23 .lightbox-overlay .lightbox-content .lightbox-image-wrapper .nav.left{left:-1.5rem}.project-23 .lightbox-overlay .lightbox-content .lightbox-image-wrapper .nav.right{right:-1.5rem}.project-23 .lightbox-overlay .lightbox-content .lightbox-image-wrapper .nav:hover{color:#ff7d1a}.project-23 .lightbox-overlay .lightbox-content .lightbox-image-wrapper .lightbox-main{width:100%;height:25em;max-width:800px;border-radius:10px}.project-23 .lightbox-overlay .lightbox-content .lightbox-thumbnails{padding:0 2rem;margin-top:1rem;display:flex;gap:1rem;justify-content:center}.project-23 .lightbox-overlay .lightbox-content .lightbox-thumbnails .thumb-wrapper{width:4.375em;border-radius:.5rem;border:2px solid transparent;cursor:pointer;opacity:1;transition:border-color .3s ease}.project-23 .lightbox-overlay .lightbox-content .lightbox-thumbnails .thumb-wrapper.active{border-color:#ff7d1a}.project-23 .lightbox-overlay .lightbox-content .lightbox-thumbnails .thumb-wrapper.active .thumb-image{opacity:.6;filter:brightness(1.5) blur(.8px)}.project-23 .lightbox-overlay .lightbox-content .lightbox-thumbnails .thumb-wrapper:hover .thumb-image{opacity:.6;filter:brightness(1.2) blur(.4px)}.project-23 .lightbox-overlay .lightbox-content .lightbox-thumbnails .thumb-wrapper .thumb-image{width:100%;height:100%;border-radius:.5rem;transition:filter .3s ease}@keyframes burstRemove{0%{opacity:1;transform:scale(1);filter:blur(0)}to{opacity:0;transform:scale(.5);filter:blur(3px)}}.project-24{font-size:.9375rem;font-weight:400;line-height:1.5;width:100dvw;display:flex;flex-direction:column;gap:2rem}.project-24 h1,.project-24 h2,.project-24 h3{font-weight:300;font-family:Josefin Sans,sans-serif;text-transform:uppercase}.project-24 .container{width:90%;margin:0 auto}.project-24 .header{background-image:url(/frontend-mentor-challenges-using-react/assets/image-hero-DJ8qrPq3.jpg);background-size:cover;background-position:center;color:#fff;padding:2rem}@media screen and (min-width: 62rem){.project-24 .header{background-image:url(/frontend-mentor-challenges-using-react/assets/image-hero-D9sr8Aqg.jpg);padding:4.375rem 5rem}}.project-24 .header .container{min-height:90vh;display:flex;flex-direction:column}.project-24 .header .container .navbar{display:flex;justify-content:space-between;align-items:center}.project-24 .header .container .navbar .menu-toggle{background:none;border:none;cursor:pointer}.project-24 .header .container .navbar .menu-toggle .icon{color:#fff;font-size:2rem}.project-24 .header .container .navbar .nav-links{display:none}@media screen and (min-width: 62rem){.project-24 .header .container .navbar .menu-toggle{display:none}.project-24 .header .container .navbar .nav-links{display:flex;gap:1.5rem;font-family:Alata,sans-serif}.project-24 .header .container .navbar .nav-links a{color:#fff;font-weight:400;cursor:pointer;position:relative;text-decoration:none;padding-bottom:4px}.project-24 .header .container .navbar .nav-links a:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:1px;background-color:#fff;transition:width .4s ease,left .4s ease;transform:translate(-50%)}.project-24 .header .container .navbar .nav-links a:hover:after,.project-24 .header .container .navbar .nav-links a:focus:after,.project-24 .header .container .navbar .nav-links a:focus-visible:after{width:100%}}.project-24 .header .container .mobile-menu{position:fixed;top:0;right:0;width:100dvw;height:100dvh;background-color:#000;z-index:1000;padding:2rem;display:flex;flex-direction:column;transform:translate(100%);opacity:0;pointer-events:none;transition:transform .3s ease-in-out,opacity .3s ease-in-out}.project-24 .header .container .mobile-menu.open{transform:translate(0);opacity:1;pointer-events:auto}.project-24 .header .container .mobile-menu .top{display:flex;justify-content:space-between}.project-24 .header .container .mobile-menu .top .close-button{background:none;border:none;cursor:pointer}.project-24 .header .container .mobile-menu .top .close-button .icon{color:#fff;font-size:2rem}.project-24 .header .container .mobile-menu .mobile-nav{display:flex;flex-direction:column;gap:1.5rem;flex:1;justify-content:center}.project-24 .header .container .mobile-menu .mobile-nav a{font-size:2rem;font-weight:400;text-transform:uppercase;font-family:Josefin Sans,sans-serif;color:#fff}@media screen and (min-width: 62rem){.project-24 .header .container .mobile-menu{display:none}}.project-24 .header .container .headline{flex:1;display:flex;align-items:center}@media screen and (min-width: 62rem){.project-24 .header .container .headline{width:60%}}.project-24 .header .container .headline h1{border:hsl(0,0%,100%) solid 4px;padding:1rem;font-size:3.25rem}.project-24 .intro{display:flex;flex-direction:column;align-items:center;text-align:center}.project-24 .intro__img{padding:2rem}.project-24 .intro__img img{width:100%;object-fit:cover}@media screen and (min-width: 62rem){.project-24 .intro__img img{flex:1;max-width:600dvw}}@media screen and (min-width: 62rem){.project-24 .intro__img{padding:0}}.project-24 .intro__text{padding:2rem}.project-24 .intro__text h2{font-size:2rem}.project-24 .intro__text p{color:#666;font-weight:400;font-family:Alata,sans-serif}@media screen and (min-width: 62rem){.project-24 .intro__text{max-width:600px;flex:1;margin-bottom:-150px;margin-left:-150px;background:#fff;padding:4.375rem}}@media screen and (min-width: 62rem){.project-24 .intro{flex-direction:row;text-align:left;padding:4.375rem 5rem}}.project-24 .creations{padding:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem}.project-24 .creations__header{display:flex}.project-24 .creations__header h2{text-align:center;font-size:2rem}@media screen and (min-width: 62rem){.project-24 .creations__header h2{text-align:left}}@media screen and (min-width: 62rem){.project-24 .creations__header{flex-direction:row;align-items:center;justify-content:space-between;width:100%}}.project-24 .creations__grid{width:100%;display:grid;gap:1.75rem;padding:1rem}@media screen and (min-width: 62rem){.project-24 .creations__grid{grid-template-columns:repeat(4,1fr);padding:0}}.project-24 .creations__item{position:relative;overflow:hidden;cursor:pointer}.project-24 .creations__item picture,.project-24 .creations__item img{width:100%;height:auto;display:block}.project-24 .creations__item h3{position:absolute;bottom:1rem;left:1rem;color:#fff;font-size:1.75rem;z-index:2}.project-24 .creations__item:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.6),transparent);z-index:1}.project-24 .creations__item:hover picture,.project-24 .creations__item:hover img,.project-24 .creations__item:focus picture,.project-24 .creations__item:focus img,.project-24 .creations__item:focus-visible picture,.project-24 .creations__item:focus-visible img{opacity:.5}.project-24 .creations__item:hover h3,.project-24 .creations__item:focus h3,.project-24 .creations__item:focus-visible h3{color:#000}.project-24 .creations .see-all{display:none;padding:1rem 3rem;border:1px solid black;background:transparent;text-transform:uppercase;cursor:pointer;transition:background .3s;text-align:center;letter-spacing:.25rem}.project-24 .creations .see-all__mobile{display:block}.project-24 .creations .see-all:hover,.project-24 .creations .see-all:focus,.project-24 .creations .see-all:focus-visible{background:#000;color:#fff}@media screen and (min-width: 62rem){.project-24 .creations .see-all{display:block}.project-24 .creations .see-all__mobile{display:none}}@media screen and (min-width: 62rem){.project-24 .creations{padding:4.375rem 5rem}}.project-24 .footer{background:#000}.project-24 .footer .container{display:flex;flex-direction:column;align-items:center;gap:2rem}@media screen and (min-width: 62rem){.project-24 .footer .container{flex-direction:row;justify-content:space-between}}.project-24 .footer__left{display:flex;flex-direction:column;gap:2rem}.project-24 .footer__left nav{display:flex;flex-direction:column;gap:.5rem}.project-24 .footer__left nav a{font-size:1.25rem;color:#fff;font-weight:400;cursor:pointer;position:relative;padding-bottom:4px}@media screen and (min-width: 62rem){.project-24 .footer__left nav{flex-direction:row;gap:1.5rem}.project-24 .footer__left nav a:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:1px;background-color:#fff;transition:width .4s ease,left .4s ease;transform:translate(-50%)}.project-24 .footer__left nav a:hover:after,.project-24 .footer__left nav a:focus:after,.project-24 .footer__left nav a:focus-visible:after{width:100%}}@media screen and (min-width: 62rem){.project-24 .footer__left{align-items:flex-start}}.project-24 .footer__right{display:flex;flex-direction:column;align-items:center;gap:1rem}.project-24 .footer__right .social-links{display:flex;gap:1rem;color:#fff}.project-24 .footer__right .social-links a{font-size:2rem;color:#fff;font-weight:400;cursor:pointer;position:relative}@media screen and (min-width: 62rem){.project-24 .footer__right .social-links a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background-color:#fff;transition:width .4s ease}.project-24 .footer__right .social-links a:hover:after,.project-24 .footer__right .social-links a:focus:after,.project-24 .footer__right .social-links a:focus-visible:after{width:100%}}.project-24 .footer__right p{color:#d9d9d9;font-weight:400;font-size:1rem;font-family:Alata,sans-serif}@media screen and (min-width: 62rem){.project-24 .footer__right{align-items:flex-end}}@media screen and (min-width: 62rem){.project-24 .footer{padding:4.375rem 5rem 0}}.project-25{font-family:League Spartan,sans-serif;font-size:1rem;font-weight:500;line-height:1.5}.project-25 .navbar{width:100%;padding:1rem;position:absolute;z-index:10;left:0;top:0;display:flex;align-items:center;gap:2rem}.project-25 .navbar .menu-toggle{background:none;border:none;cursor:pointer}.project-25 .navbar .menu-toggle .icon{font-size:2rem;color:#fff}.project-25 .navbar .nav-links{display:none}.project-25 .navbar .logo{flex:1;display:flex;justify-content:center;align-items:center}@media screen and (min-width: 62rem){.project-25 .navbar{left:20px;top:20px}.project-25 .navbar .menu-toggle{display:none}.project-25 .navbar .logo{flex:0}.project-25 .navbar .nav-links{display:flex;gap:1.5rem;font-weight:500}.project-25 .navbar .nav-links a{color:#fff;font-weight:500;cursor:pointer;position:relative;text-decoration:none}.project-25 .navbar .nav-links a:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:1px;background-color:#fff;transition:width .4s ease,left .4s ease;transform:translate(-50%)}.project-25 .navbar .nav-links a:hover:after,.project-25 .navbar .nav-links a:focus:after,.project-25 .navbar .nav-links a:focus-visible:after{width:100%}}.project-25 .overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#00000080;z-index:999;transition:opacity .3s ease-in-out}.project-25 .mobile-menu{position:fixed;top:0;right:0;width:100%;background-color:#fff;box-shadow:0 10px 30px #1111,0 4px 6px #00000052;z-index:1000;padding:1rem;transform:translate(100%);opacity:0;pointer-events:none;transition:transform .3s ease-in-out,opacity .3s ease-in-out;display:flex;flex-direction:row;justify-content:space-between}.project-25 .mobile-menu.open{transform:translate(0);opacity:1;pointer-events:auto}.project-25 .mobile-menu .close-button{background:none;border:none;cursor:pointer}.project-25 .mobile-menu .close-button .icon{font-size:2rem;color:#a1a1a1}.project-25 .mobile-menu .mobile-nav{display:flex;flex-direction:row;gap:1.5rem}.project-25 .mobile-menu .mobile-nav a{font-size:1.2rem;font-weight:500}@media screen and (min-width: 62rem){.project-25 .mobile-menu{display:none}}.project-25 .hero{position:relative;flex:1}.project-25 .hero .slide{display:flex;flex-direction:column}.project-25 .hero .slide__image{order:1;position:relative}.project-25 .hero .slide__image img{width:100%;height:100%;object-fit:cover;display:block}.project-25 .hero .slide__image .hero__nav{position:absolute;right:0;bottom:0;display:flex;z-index:2}.project-25 .hero .slide__image .hero__nav button{background:#000;color:#fff;border:none;padding:1rem;cursor:pointer;font-size:1.125rem}.project-25 .hero .slide__image .hero__nav button:hover,.project-25 .hero .slide__image .hero__nav button:focus,.project-25 .hero .slide__image .hero__nav button:focus-visible{background:#454545}@media screen and (min-width: 62rem){.project-25 .hero .slide__image .hero__nav button{padding:2rem}}@media screen and (min-width: 62rem){.project-25 .hero .slide__image .hero__nav{right:-164px}}@media screen and (min-width: 62rem){.project-25 .hero .slide__image{flex:0 0 55%}}.project-25 .hero .slide__content{order:2;padding:3rem 2rem;display:flex;flex-direction:column;justify-content:center;gap:1rem}.project-25 .hero .slide__content h1{font-size:2rem}.project-25 .hero .slide__content p{font-size:.875rem;color:#a1a1a1}.project-25 .hero .slide__content .slide__shop-link{text-transform:uppercase;color:#000;font-weight:600;letter-spacing:.5rem}.project-25 .hero .slide__content .slide__shop-link:hover,.project-25 .hero .slide__content .slide__shop-link:focus,.project-25 .hero .slide__content .slide__shop-link:focus-visible{color:#454545}@media screen and (min-width: 62rem){.project-25 .hero .slide__content{flex:0 0 45%;padding:4.375rem}.project-25 .hero .slide__content p{font-size:1rem}}@media screen and (min-width: 62rem){.project-25 .hero .slide{flex-direction:row;height:600px}}@keyframes slideIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.project-25 .slide--animate{animation:slideIn .6s ease-in-out}.project-25 .about{display:flex;flex-direction:column}.project-25 .about>*{flex:1}.project-25 .about__content{padding:2rem;display:flex;flex-direction:column;justify-content:center;gap:1rem}.project-25 .about__content h2{text-transform:uppercase;letter-spacing:.5em;font-size:1.125rem}.project-25 .about__content p{color:#a1a1a1}@media screen and (min-width: 62rem){.project-25 .about__content{padding:4.375rem}}@media screen and (min-width: 62rem){.project-25 .about{flex-direction:row}}.project-26{font-family:Rubik,sans-serif;font-size:1rem;line-height:1.5;width:100dvw}.project-26 section{padding-top:3rem;padding-bottom:3rem}.project-26 .container{width:80%;margin:0 auto;padding:1rem}.project-26 .btn{padding:.75rem 1.5rem;border:none;cursor:pointer;border-radius:.3125rem;font-weight:700;text-align:center}.project-26 .btn__MoreInfo{background:#5368df;padding:1rem 2rem;color:#f7f7f7}.project-26 .btn__MoreInfo:hover,.project-26 .btn__MoreInfo:focus,.project-26 .btn__MoreInfo:focus-visible{color:#5368df;background-color:transparent;outline:hsl(231,69%,60%) solid 2px}.project-26 .content{max-width:550px;text-align:center;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding-bottom:2rem}.project-26 h1,.project-26 h2,.project-26 h3,.project-26 h4{color:#252b46}.project-26 .social-links{display:flex;gap:1rem;justify-content:center}.project-26 .social-links a{font-size:1.75rem;color:#f7f7f7;font-weight:400;cursor:pointer}.project-26 p{color:#666}.project-26 .header .navbar{display:flex;justify-content:space-between;align-items:center}.project-26 .header .navbar .menu-toggle{background:none;border:none;cursor:pointer}.project-26 .header .navbar .menu-toggle .icon{font-size:2rem}.project-26 .header .navbar .nav-links{display:none}@media screen and (min-width: 62rem){.project-26 .header .navbar .menu-toggle{display:none}.project-26 .header .navbar .nav-links{display:flex;align-items:center;gap:3rem}.project-26 .header .navbar .nav-links a{text-transform:uppercase;color:#252b46;font-weight:500;cursor:pointer;position:relative;text-decoration:none;padding-bottom:4px;transition:all .4s ease}.project-26 .header .navbar .nav-links a:hover,.project-26 .header .navbar .nav-links a:focus,.project-26 .header .navbar .nav-links a:focus-visible{color:#fa5757}.project-26 .header .navbar .nav-links .btn{background-color:#fa5757;color:#f7f7f7;font-weight:500;text-transform:uppercase}.project-26 .header .navbar .nav-links .btn:hover,.project-26 .header .navbar .nav-links .btn:focus,.project-26 .header .navbar .nav-links .btn:focus-visible{color:#fa5757;background-color:#f7f7f7;outline:hsl(0,94%,66%) solid 2px}}.project-26 .header .mobile-menu{position:fixed;top:0;right:0;width:100dvw;height:100dvh;background-color:hsla(from hsl(229,31%,21%) h s l/.95);z-index:1000;padding:1.25rem 3.75rem;display:flex;flex-direction:column;transform:translate(100%);opacity:0;pointer-events:none;transition:transform .3s ease-in-out,opacity .3s ease-in-out}.project-26 .header .mobile-menu.open{transform:translate(0);opacity:1;pointer-events:auto}.project-26 .header .mobile-menu .top{display:flex;justify-content:space-between}.project-26 .header .mobile-menu .top .logo{filter:invert(1) brightness(1.5)}.project-26 .header .mobile-menu .top .close-button{background:none;border:none;cursor:pointer}.project-26 .header .mobile-menu .top .close-button .icon{font-size:2rem;color:#fff}.project-26 .header .mobile-menu .mobile-nav{display:flex;flex-direction:column;flex:1;align-items:center;justify-content:center}.project-26 .header .mobile-menu .mobile-nav a{font-size:1.25rem;font-weight:400;text-transform:uppercase;color:#f7f7f7;border-top:hsl(0,0%,97%) solid 1px;width:100%;padding:1rem;text-align:center}.project-26 .header .mobile-menu .mobile-nav .login{width:100%;padding:1rem 0;border-top:hsl(0,0%,97%) solid 1px}.project-26 .header .mobile-menu .mobile-nav .login .btn{width:100%;text-transform:uppercase;text-align:center;padding:1rem;font-size:1.25rem;border:hsl(0,0%,97%) solid 2px;background-color:transparent;color:#f7f7f7}@media screen and (min-width: 62rem){.project-26 .header .mobile-menu{display:none}}.project-26 .hero .container{display:flex;flex-direction:column-reverse;align-items:center;text-align:center;gap:2rem}@media screen and (min-width: 62rem){.project-26 .hero .container{flex-direction:row;text-align:left;justify-content:space-between}}.project-26 .hero__content{max-width:500px;display:flex;flex-direction:column;align-items:center;gap:1rem}@media screen and (min-width: 62rem){.project-26 .hero__content{align-items:flex-start}}.project-26 .hero__buttons{display:flex;gap:1rem}.project-26 .hero__buttons .btn{box-shadow:0 10px 30px #1111,0 4px 6px #00000052}.project-26 .hero__buttons .btn--primary{background-color:#5368df;color:#f7f7f7}.project-26 .hero__buttons .btn--primary:hover,.project-26 .hero__buttons .btn--primary:focus,.project-26 .hero__buttons .btn--primary:focus-visible{color:#5368df;background-color:transparent;outline:hsl(231,69%,60%) solid 2px}.project-26 .hero__buttons .btn--secondary{background-color:#f7f7f7;color:#252b46}.project-26 .hero__buttons .btn--secondary:hover,.project-26 .hero__buttons .btn--secondary:focus,.project-26 .hero__buttons .btn--secondary:focus-visible{color:#252b46;background-color:transparent;outline:hsl(229,31%,21%) solid 2px}.project-26 .hero__image-wrapper{position:relative;flex:1 1 400px;max-width:600px}.project-26 .hero__image-wrapper img{position:relative;z-index:2;max-width:100%;height:auto}.project-26 .hero__background-shape{position:absolute;bottom:0;right:-100px;width:400px;height:300px;background-color:#5368df;border-bottom-left-radius:18.75em;border-top-left-radius:18.75em;z-index:1}@media screen and (min-width: 62rem){.project-26 .hero__background-shape{right:-250px}}.project-26 .features{position:relative}.project-26 .features .tab-buttons{display:flex;justify-content:center;flex-direction:column;align-items:center}.project-26 .features .tab-buttons button{border-bottom:#666 1px solid;color:hsla(from hsl(229,31%,21%) h s l/.8);width:100%;text-align:center;background-color:transparent;padding:1rem 2rem}.project-26 .features .tab-buttons button:hover,.project-26 .features .tab-buttons button:focus,.project-26 .features .tab-buttons button:focus-visible{color:#fa5757}.project-26 .features .tab-buttons button.active{color:#252b46;font-weight:600;border-bottom:hsl(0,94%,66%) 4px solid}@media screen and (min-width: 62rem){.project-26 .features .tab-buttons button{width:auto}}@media screen and (min-width: 62rem){.project-26 .features .tab-buttons{flex-direction:row}}.project-26 .features .tab-content{padding-top:2rem;display:flex;align-items:center;flex-wrap:wrap;gap:3rem}.project-26 .features .tab-content__img-wrapper{position:relative;flex:1 1 400px;max-width:600px;min-height:400px;display:flex;align-items:center;justify-content:center}.project-26 .features .tab-content__img-wrapper img{position:relative;z-index:2;max-width:100%;height:auto}.project-26 .features .tab-content__img-wrapper .features__background-shape{position:absolute;bottom:0;left:-250px;width:550px;height:300px;background-color:#5368df;border-top-right-radius:300px;border-bottom-right-radius:300px;z-index:1}.project-26 .features .tab-content__text{flex:1 1 400px;display:flex;flex-direction:column;align-items:center;gap:1rem;max-width:500px}@media screen and (min-width: 62rem){.project-26 .features .tab-content__text{align-items:flex-start}}.project-26 .download__cards{justify-content:center;display:flex;flex-direction:column;gap:2rem}@media screen and (min-width: 62rem){.project-26 .download__cards{flex-direction:row;justify-content:center;align-items:flex-start;position:relative;gap:2rem}}.project-26 .download__card{border-radius:.5rem;box-shadow:0 10px 30px #1111,0 4px 6px #00000052;padding-top:1rem;display:flex;flex-direction:column;align-items:center;overflow:hidden;position:relative;transition:margin-top .3s ease}@media screen and (min-width: 62rem){.project-26 .download__card:nth-child(2){margin-top:2rem}}@media screen and (min-width: 62rem){.project-26 .download__card:nth-child(3){margin-top:4rem}}.project-26 .download__card .details{padding:1rem;display:flex;width:100%;flex-direction:column;align-items:center;gap:1rem}.project-26 .download__card .details img{height:60px;margin-bottom:1.5rem}.project-26 .download__card .details .btn{width:100%}.project-26 .faq .container{display:flex;flex-direction:column;align-items:center;gap:2rem}.project-26 .faq .faq-card{max-width:600px;width:100%;min-width:400px;display:flex;flex-direction:column;flex-shrink:0}.project-26 .faq .faq-card .faq-item{border-top:1px solid #eee}.project-26 .faq .faq-card .faq-item:last-of-type{border-bottom:1px solid #eee}.project-26 .faq .faq-card .faq-item .faq-question{padding:1rem 0;width:100%;display:flex;justify-content:space-between;align-items:center;background:none;border:none;font-size:1rem;cursor:pointer}.project-26 .faq .faq-card .faq-item .faq-question .icon{color:#5368df}.project-26 .faq .faq-card .faq-item .faq-question:hover .title,.project-26 .faq .faq-card .faq-item .faq-question:focus-visible .title{color:#fa5757}.project-26 .faq .faq-card .faq-item .faq-answer{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .4s ease;padding-top:0;padding-bottom:0;font-size:.95rem}.project-26 .faq .faq-card .faq-item.open .faq-question .icon{color:#fa5757}.project-26 .faq .faq-card .faq-item.open .faq-answer{max-height:500px;padding-bottom:1rem}.project-26 .faq .faq-card .btn{align-self:center}.project-26 .newsletter{background:#5368df;color:#f7f7f7;text-align:center;padding:4rem 1.5rem}.project-26 .newsletter__tag{text-transform:uppercase;letter-spacing:.5rem;font-size:.8rem}.project-26 .newsletter__title{color:#f7f7f7;font-size:1.75rem;font-weight:500;max-width:500px;margin:1.25rem auto}.project-26 .newsletter__form{display:flex;flex-direction:column;gap:2rem;max-width:400px;margin:0 auto}.project-26 .newsletter__form .input-group{position:relative}.project-26 .newsletter__form .input-group input{width:100%;padding:.75rem 3rem .75rem 1rem;border:none;border-radius:.3125rem;text-align:left;color:#252b46}.project-26 .newsletter__form .input-group.error input{border:2px solid hsl(0,94%,66%);background-color:#f7f7f7}.project-26 .newsletter__form .input-group .error-icon{position:absolute;top:50%;right:1rem;transform:translateY(-50%);color:#fa5757;pointer-events:none}.project-26 .newsletter__form .input-group .error-message{width:100%;padding:0 1rem;text-align:left;position:absolute;left:0;border-bottom-left-radius:.3125rem;border-bottom-right-radius:.3125rem;bottom:-1rem;font-size:.75rem;background-color:#fa5757}.project-26 .newsletter__form button{background-color:#fa5757;color:#f7f7f7;border:none;border-radius:.3125rem;transition:background-color .3s ease}.project-26 .newsletter__form button:hover,.project-26 .newsletter__form button:focus,.project-26 .newsletter__form button:focus-visible{outline:hsl(0,94%,66%) 1px solid;background:#fff;color:#fa5757}@media screen and (min-width: 62rem){.project-26 .newsletter__form{flex-direction:row;gap:1rem;align-items:flex-start}.project-26 .newsletter__form .input-group{flex:1}.project-26 .newsletter__form button{white-space:nowrap;width:auto}}.project-26 .footer-this{background:#252b46}.project-26 .footer-this .container{font-size:1rem;display:flex;justify-content:space-between;flex-direction:column;align-items:center;gap:2rem}.project-26 .footer-this__left{display:flex;flex-direction:column;align-items:center;gap:2rem}.project-26 .footer-this__left nav{display:flex;flex-direction:column;gap:1.5rem}.project-26 .footer-this__left nav a{color:#f7f7f7;font-weight:400;cursor:pointer;text-transform:uppercase}@media screen and (min-width: 62rem){.project-26 .footer-this__left nav{flex-direction:row}}@media screen and (min-width: 62rem){.project-26 .footer-this .container,.project-26 .footer-this__left{flex-direction:row}.project-26 .footer-this a:hover,.project-26 .footer-this a:focus,.project-26 .footer-this a:focus-visible{color:#fa5757}}.project-27{font-family:Hanken Grotesk,sans-serif;font-size:1.125rem;font-weight:500;line-height:1.5;flex:1;display:flex;align-items:center}.project-27 .result-card{display:flex;flex-direction:column;overflow:hidden;background-color:#fff}@media screen and (min-width: 62rem){.project-27 .result-card{max-width:700px;flex-direction:row;border-radius:2rem;box-shadow:0 10px 30px #0000001a,0 4px 6px #0000000d}}.project-27 .result-section{background:linear-gradient(to top,#2e2be9,#7857ff);color:#fff;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;text-align:center;padding:2rem;border-radius:0 0 2rem 2rem;animation:fadeSlideLeft .7s ease-out forwards}@media screen and (min-width: 62rem){.project-27 .result-section{flex:1;border-radius:2rem;animation:fadeSlideLeft .7s ease-out forwards}}.project-27 .result-section .title{font-weight:700;color:#ebf1ff;font-size:1rem}.project-27 .result-section .score-circle{background:linear-gradient(to top,#2421ca00,#4e21ca);border-radius:50%;width:8.125em;height:8.125em;display:flex;flex-direction:column;justify-content:center;align-items:center}.project-27 .result-section .score-circle h1{font-size:2.625rem}.project-27 .result-section .score-circle span{font-size:.9rem;color:#c8c7ff}.project-27 .result-section .rating{font-size:1.5rem;margin-top:1rem}.project-27 .result-section .desc{font-size:.9rem;color:#c8c7ff;padding:0 1rem}.project-27 .summary-section{padding:2rem;flex:1;opacity:1;transform:translate(0);transition:none}@media screen and (min-width: 62rem){.project-27 .summary-section{opacity:0;transform:translate(100%);animation:slideOutRight .8s ease-out forwards;animation-delay:.8s}}.project-27 .summary-section h3{font-weight:700;padding-bottom:1.5rem;color:#303b5a}.project-27 .summary-section .summary-items{display:flex;flex-direction:column;gap:1rem}.project-27 .summary-section .summary-items .summary-item{display:flex;justify-content:space-between;align-items:center;border-radius:.75rem;padding:1rem;font-size:.95rem;opacity:0;animation:riseFade .6s ease-out forwards}.project-27 .summary-section .summary-items .summary-item:nth-child(1){animation-delay:.3s}.project-27 .summary-section .summary-items .summary-item:nth-child(2){animation-delay:.5s}.project-27 .summary-section .summary-items .summary-item:nth-child(3){animation-delay:.7s}.project-27 .summary-section .summary-items .summary-item:nth-child(4){animation-delay:.9s}.project-27 .summary-section .summary-items .summary-item .category{display:flex;align-items:center;gap:.5rem}.project-27 .summary-section .summary-items .summary-item .category img{width:25px;height:25px}.project-27 .summary-section .summary-items .summary-item .category .label{font-weight:700}.project-27 .summary-section .summary-items .summary-item .score{color:#303b5a;font-weight:700}.project-27 .summary-section .summary-items .summary-item .score .total{color:#c8c7ff;font-weight:500}.project-27 .summary-section .summary-items .summary-item.reaction{background-color:hsla(from hsl(0,100%,67%) h s l/.1);color:#ff5757}.project-27 .summary-section .summary-items .summary-item.memory{background-color:hsla(from hsl(39,100%,56%) h s l/.1);color:#ffb01f}.project-27 .summary-section .summary-items .summary-item.verbal{background-color:hsla(from hsl(166,100%,37%) h s l/.1);color:#00bd91}.project-27 .summary-section .summary-items .summary-item.visual{background-color:hsla(from hsl(234,85%,45%) h s l/.1);color:#1125d4}.project-27 .summary-section .btn_continue{margin-top:2rem;width:100%;background-color:#303b5a;text-align:center;color:#fff;border:none;padding:1rem;border-radius:2rem;font-weight:700;cursor:pointer;transition:background-color .3s}.project-27 .summary-section .btn_continue:hover{background:linear-gradient(to top,#2e2be9,#7857ff)}@keyframes fadeSlideLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes riseFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideOutRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.project-28{font-family:Red Hat Text,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;flex:1;display:flex;align-items:center;padding-top:3.75rem}.project-28 .container{display:flex;flex-direction:column;gap:2rem;width:80%;margin:0 auto}@media screen and (min-width: 62rem){.project-28 .container{flex-direction:row;align-items:flex-start}}.project-28 .btn{font-size:1rem;width:100%;background:#c73a0f;color:#fcf9f7;text-align:center;border:none;padding:1rem;border-radius:1.5rem;cursor:pointer;transition:background .2s ease}.project-28 .btn:hover{background:color-mix(in srgb,white 20%,hsl(14,86%,42%))}.project-28 .product-list{flex:2}.project-28 .product-list__title{font-size:3rem;margin-bottom:1rem}.project-28 .product-list__grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media screen and (min-width: 62rem){.project-28 .product-list__grid{grid-template-columns:repeat(3,1fr)}}.project-28 .product-list .product-card{display:flex;flex-direction:column}.project-28 .product-list .product-card .product-image{border:2px solid transparent;transition:border .3s ease}.project-28 .product-list .product-card .product-image img{width:100%;display:block;border-radius:1rem}.project-28 .product-list .product-card .product-image.active{border:2px solid color-mix(in srgb,white 20%,hsl(14,86%,42%));border-radius:1rem}.project-28 .product-list .product-card .cart-actions{width:180px;margin:0 auto;display:flex;justify-content:center;align-items:center;overflow:hidden;transform:translateY(-50%)}.project-28 .product-list .product-card .cart-actions .cart-switch{position:relative;width:100%;height:48px}.project-28 .product-list .product-card .cart-actions .add-view,.project-28 .product-list .product-card .cart-actions .quantity-controls-view{position:absolute;top:0;left:0;width:100%;transition:transform .3s ease,opacity .3s ease}.project-28 .product-list .product-card .cart-actions .add-view{opacity:1;transform:translate(0);z-index:2}.project-28 .product-list .product-card .cart-actions .quantity-controls-view{opacity:0;transform:translate(100%);z-index:1}.project-28 .product-list .product-card .cart-actions .cart-switch.show-quantity .add-view{opacity:0;transform:translate(-100%);z-index:1}.project-28 .product-list .product-card .cart-actions .cart-switch.show-quantity .quantity-controls-view{opacity:1;transform:translate(0);z-index:2}.project-28 .product-list .product-card .cart-actions .add-to-cart-btn{border:hsl(14,86%,42%) solid 1px;color:#260f08;background:#fcf9f7;padding:.625rem 2rem;border-radius:1.5rem;font-weight:600;display:flex;align-items:center;gap:.5rem;cursor:pointer;flex:1}.project-28 .product-list .product-card .cart-actions .add-to-cart-btn img{width:18px;height:18px}.project-28 .product-list .product-card .cart-actions .add-to-cart-btn:hover{color:#c73a0f;border:hsl(14,86%,42%) solid 2px}.project-28 .product-list .product-card .cart-actions .quantity-controls{border-radius:1.5rem;flex:1;background-color:#c73a0f;padding:.5rem;display:flex;gap:1rem;align-items:center;justify-content:space-between}.project-28 .product-list .product-card .cart-actions .quantity-controls button{background:none;border:none;cursor:pointer}.project-28 .product-list .product-card .cart-actions .quantity-controls button .icon{border:hsl(20,50%,98%) solid 1px;border-radius:50%;font-size:1.5625rem;color:#fcf9f7}.project-28 .product-list .product-card .cart-actions .quantity-controls button:hover .icon{background-color:#fcf9f7;color:#c73a0f}.project-28 .product-list .product-card .cart-actions .quantity-controls span{font-size:1.1rem;font-weight:700;color:#fcf9f7}.project-28 .product-list .product-card__info .product__category{font-size:.75rem;text-transform:uppercase;color:#87635a;font-weight:400}.project-28 .product-list .product-card__info .product__name{font-size:1rem;font-weight:700;margin:.25rem 0;color:#000}.project-28 .product-list .product-card__info .product__price{color:#c73a0f;font-weight:600}.project-28 .cart{flex:1;background:#fff;padding:1.5rem;border-radius:.5rem;box-shadow:0 10px 30px #1111,0 4px 6px #00000052}.project-28 .cart h2{font-size:1.25rem;color:#c73a0f;font-weight:700}.project-28 .cart__empty{text-align:center;color:#87635a;font-weight:600}.project-28 .cart__empty img{width:40%}.project-28 .cart__items{list-style:none}.project-28 .cart__items li{display:flex;align-items:center;gap:1rem;padding-top:1rem;padding-bottom:1rem;border-bottom:hsl(13,31%,94%) solid 2px}.project-28 .cart__items li div{flex:1}.project-28 .cart__items li div .item-name{font-weight:600;color:#260f08}.project-28 .cart__items li div .item-meta{display:flex;gap:.75rem}.project-28 .cart__items li div .item-meta .item-quantity{font-weight:700;color:#c73a0f}.project-28 .cart__items li div .item-meta .item-price{font-weight:400;white-space:nowrap;color:#87635a}.project-28 .cart__items li div .item-meta .item-total{font-weight:600;color:#87635a}.project-28 .cart__items li button{background:none;border:none;font-size:1.5rem;color:#87635a;cursor:pointer;font-weight:400}.project-28 .cart__items li button:hover,.project-28 .cart__items li button:focus,.project-28 .cart__items li button:focus-visible{font-weight:600;color:#260f08}.project-28 .cart__summary{display:flex;flex-direction:column;gap:2rem;padding-top:2rem}.project-28 .cart__summary .cart__total{display:flex;justify-content:space-between;align-items:center}.project-28 .cart__summary .cart__total strong{color:#260f08;font-size:1.5rem;font-weight:700}.project-28 .cart__summary .cart__note{font-size:.875rem;background:hsla(from hsl(14,86%,42%) h s l/.04);padding:1rem;color:#260f08;display:flex;justify-content:center;gap:.75rem;border-radius:.75rem}.project-28 .confirmation-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;justify-content:stretch;align-items:flex-end;z-index:999}@media screen and (min-width: 62rem){.project-28 .confirmation-overlay{align-items:center;justify-content:center}}.project-28 .confirmation-overlay .confirmation-modal{color:#260f08;background:#fcf9f7;border-top-left-radius:1.125rem;border-top-right-radius:1.125rem;padding:2rem;width:100%;box-shadow:0 10px 30px #1111,0 4px 6px #00000052;animation:fadeIn .3s ease;display:flex;flex-direction:column;gap:2rem}@media screen and (min-width: 62rem){.project-28 .confirmation-overlay .confirmation-modal{max-width:480px;border-radius:1.125rem}}.project-28 .confirmation-overlay .confirmation-modal .confirmation-header .check-circle .icon{width:3em;height:3em;color:#1ea475}@media screen and (min-width: 62rem){.project-28 .confirmation-overlay .confirmation-modal .confirmation-header .check-circle .icon{width:1.875em;height:1.875em}}.project-28 .confirmation-overlay .confirmation-modal .confirmation-header h1{font-size:1.5rem;font-weight:700;color:#260f08}.project-28 .confirmation-overlay .confirmation-modal .confirmation-header .subtitle{font-size:.8125rem;color:#ad8985}.project-28 .confirmation-overlay .confirmation-modal .confirmation-products{background:hsla(from hsl(14,86%,42%) h s l/.04);padding:1rem;border-radius:.5rem}.project-28 .confirmation-overlay .confirmation-modal .confirmation-products .confirmation-items{list-style:none}.project-28 .confirmation-overlay .confirmation-modal .confirmation-products .confirmation-items .confirmation-item{display:flex;align-items:center;gap:1rem;padding-top:1rem;padding-bottom:1rem;border-bottom:hsl(13,31%,94%) solid 2px}.project-28 .confirmation-overlay .confirmation-modal .confirmation-products .confirmation-items .confirmation-item:first-of-type{padding-top:0}.project-28 .confirmation-overlay .confirmation-modal .confirmation-products .confirmation-items .confirmation-item img{width:48px;height:48px;object-fit:cover;border-radius:.5rem}.project-28 .confirmation-overlay .confirmation-modal .confirmation-products .confirmation-items .confirmation-item .item-info{flex:1}.project-28 .confirmation-overlay .confirmation-modal .confirmation-products .confirmation-items .confirmation-item .item-info .item-name{font-weight:600;font-size:1rem}.project-28 .confirmation-overlay .confirmation-modal .confirmation-products .confirmation-items .confirmation-item .item-info .item-meta{font-size:.8125rem;color:#ad8985;display:flex;gap:1rem}.project-28 .confirmation-overlay .confirmation-modal .confirmation-products .confirmation-items .confirmation-item .item-info .item-meta .item-quantity{font-weight:600;color:#c73a0f}.project-28 .confirmation-overlay .confirmation-modal .confirmation-products .confirmation-items .confirmation-item .item-info .item-meta span{font-weight:400}.project-28 .confirmation-overlay .confirmation-modal .confirmation-products .confirmation-items .confirmation-item .item-price{font-weight:600;font-size:1rem;white-space:nowrap}.project-28 .confirmation-overlay .confirmation-modal .confirmation-products .order-total{display:flex;padding-top:1rem;justify-content:space-between}.project-28 .confirmation-overlay .confirmation-modal .confirmation-products .order-total strong{font-weight:700;font-size:1.5rem}.project-29{font-family:Plus Jakarta Sans,sans-serif;font-size:1rem;font-weight:500;line-height:1.5;flex:1;display:flex;align-items:center}.project-29 .error-msg{min-height:1rem;color:#d73328;font-size:.75rem}.project-29 .mortgage-calculator{width:100%;min-height:31.25em;max-width:56.25em;background:#fff;box-shadow:0 10px 30px #0000001a,0 4px 6px #0000000d;overflow:hidden;display:flex;flex-direction:column}@media screen and (min-width: 62rem){.project-29 .mortgage-calculator{flex-direction:row;border-radius:1rem}}.project-29 .mortgage-calculator .input-section{flex:1;padding:2rem;background:#fff;display:flex;flex-direction:column;gap:1rem;justify-content:space-between}.project-29 .mortgage-calculator .input-section .header{display:flex;flex-direction:column;justify-content:space-between}@media screen and (min-width: 62rem){.project-29 .mortgage-calculator .input-section .header{flex-direction:row}}.project-29 .mortgage-calculator .input-section .label{font-weight:500;color:#4e6e7e;width:100%;font-size:.875rem;display:flex;flex-direction:column;gap:.375rem}.project-29 .mortgage-calculator .input-section .label .currency-input,.project-29 .mortgage-calculator .input-section .label .term-input,.project-29 .mortgage-calculator .input-section .label .rate-input{display:flex;align-items:center;overflow:hidden;border-radius:.375rem;border:1px solid hsl(200,26%,54%);width:100%}.project-29 .mortgage-calculator .input-section .label .currency-input span,.project-29 .mortgage-calculator .input-section .label .term-input span,.project-29 .mortgage-calculator .input-section .label .rate-input span{padding:.5rem .75rem;font-weight:700;color:#4e6e7e;background:#e3f3fd}.project-29 .mortgage-calculator .input-section .label .currency-input span.icon-error,.project-29 .mortgage-calculator .input-section .label .term-input span.icon-error,.project-29 .mortgage-calculator .input-section .label .rate-input span.icon-error{background:#d73328;color:#fff}.project-29 .mortgage-calculator .input-section .label .currency-input input,.project-29 .mortgage-calculator .input-section .label .term-input input,.project-29 .mortgage-calculator .input-section .label .rate-input input{width:100%;flex:1;border:none;background:transparent;font-weight:700;padding:0 1rem;font-size:1rem}.project-29 .mortgage-calculator .input-section .label .currency-input.error,.project-29 .mortgage-calculator .input-section .label .term-input.error,.project-29 .mortgage-calculator .input-section .label .rate-input.error{border:1px solid hsl(4,69%,50%)}.project-29 .mortgage-calculator .input-section .label .currency-input:focus-within,.project-29 .mortgage-calculator .input-section .label .term-input:focus-within,.project-29 .mortgage-calculator .input-section .label .rate-input:focus-within{border:1px solid hsl(61,70%,52%)}.project-29 .mortgage-calculator .input-section .label .currency-input:focus-within span,.project-29 .mortgage-calculator .input-section .label .term-input:focus-within span,.project-29 .mortgage-calculator .input-section .label .rate-input:focus-within span{background:#d7da2f}.project-29 .mortgage-calculator .input-section .label .currency-input:hover,.project-29 .mortgage-calculator .input-section .label .term-input:hover,.project-29 .mortgage-calculator .input-section .label .rate-input:hover{border:1px solid hsl(202,55%,16%)}.project-29 .mortgage-calculator .input-section .flex-row{display:flex;flex-direction:column;gap:1rem}@media screen and (min-width: 62rem){.project-29 .mortgage-calculator .input-section .flex-row{flex-direction:row}}.project-29 .mortgage-calculator .input-section .flex-row>*{flex:1}.project-29 .mortgage-calculator .input-section .mortgage-type{width:100%;display:flex;flex-direction:column;gap:.75rem;color:#4e6e7e}.project-29 .mortgage-calculator .input-section .mortgage-type .radio{cursor:pointer;border:1px solid hsl(200,26%,54%);padding:.5rem;border-radius:.375rem;display:flex;gap:1rem;align-items:center;color:#122f3f;font-weight:700;width:100%}.project-29 .mortgage-calculator .input-section .mortgage-type .radio input[type=radio]{display:grid;place-content:center;height:1.2rem;width:1.2rem;aspect-ratio:1;border:.125em solid hsl(202,86%,94%);padding:.125em;background:radial-gradient(farthest-side,#d7da2f 94%,#0000) 50%/0 0 no-repeat content-box;border-radius:50%;outline-offset:1em;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:.3s}.project-29 .mortgage-calculator .input-section .mortgage-type .radio input[type=radio]:checked{border-color:#d7da2f;background-size:100% 100%}.project-29 .mortgage-calculator .input-section .mortgage-type .radio:has(input[type=radio]:focus){border:hsl(61,70%,52%) 1px solid}.project-29 .mortgage-calculator .input-section .mortgage-type .radio.active{background-color:#fefde8;border-color:#d7da2f}.project-29 .mortgage-calculator .input-section .mortgage-type .radio:hover{border-color:#d7da2f}.project-29 .mortgage-calculator .input-section .calculate-btn{background:#d7da2f;padding:.75rem 2rem;border:none;border-radius:30px;cursor:pointer;font-weight:700;display:flex;align-items:center;justify-content:center;gap:.5rem}.project-29 .mortgage-calculator .input-section .calculate-btn:hover{background-color:color-mix(in srgb,white 30%,hsl(61,70%,52%))}@media screen and (min-width: 62rem){.project-29 .mortgage-calculator .input-section .calculate-btn{width:60%}}.project-29 .mortgage-calculator .input-section .clear-btn{background:none;border:none;color:#6b94a8;text-decoration:underline;cursor:pointer}.project-29 .mortgage-calculator .input-section .clear-btn:hover{color:#122f3f}.project-29 .mortgage-calculator .results-section{flex:1;background:#122f3f;color:#fff;padding:2rem;display:flex;align-items:center;justify-content:center;flex-direction:column}@media screen and (min-width: 62rem){.project-29 .mortgage-calculator .results-section{border-bottom-left-radius:3.75rem}}.project-29 .mortgage-calculator .results-section .result__description{color:#9abed5;font-size:.875rem}.project-29 .mortgage-calculator .results-section .result-box{text-align:left;display:flex;flex-direction:column;align-self:flex-start;height:100%;gap:1rem}.project-29 .mortgage-calculator .results-section .result-box .kpi{border-radius:.5rem;padding:2rem;border-top:4px solid hsl(61,70%,52%);background:#00000080;box-shadow:0 10px 30px #0000001a,0 4px 6px #0000000d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff}.project-29 .mortgage-calculator .results-section .result-box .kpi h3{font-size:2rem;color:#d7da2f}.project-29 .mortgage-calculator .results-section .result-box .kpi p{color:#9abed5}.project-29 .mortgage-calculator .results-section .result-box .kpi strong{font-size:1.25rem}.project-29 .mortgage-calculator .results-section .result-box .kpi hr{margin:1rem 0;border:1px solid hsl(202,55%,16%)}.project-29 .mortgage-calculator .results-section .empty-state{text-align:center}.project-29 .mortgage-calculator .results-section .empty-state h2{margin:.5rem 0}.project-30{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;flex:1}.project-30 .avatar{border-radius:50%}.project-30 .avatar.input{width:2.5em;height:2.5em}.project-30 .avatar.noinput{width:2em;height:2em}.project-30 textarea{width:100%;padding:.625rem 1rem;border:hsl(223,19%,93%) solid 1px;resize:none;font-family:inherit;border-radius:.375rem;min-height:90px;cursor:pointer}.project-30 textarea:focus,.project-30 textarea:focus-visible,.project-30 textarea:hover{border:hsl(238,40%,52%) solid 1px}.project-30 button{background:none;cursor:pointer}.project-30 .btn{padding:.625rem 1.25rem;background-color:#5457b6;color:#fff;text-transform:uppercase;font-weight:500;font-family:inherit;border-radius:.375rem;transition:background-color .2s ease}.project-30 .btn__link{font-size:1rem;padding:.25rem;font-weight:700;display:flex;gap:.375rem;color:#5457b6}.project-30 .btn__link:hover{color:#c3c4ef}.project-30 .btn__link.delete{color:#ed6468}.project-30 .btn__link.delete:hover{color:#ffb8bb}.project-30 .btn:hover{background-color:#c3c4ef}.project-30 .comments-container{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;max-width:720px;margin:0 auto;font-family:inherit}.project-30 .comments-container .container{display:flex;flex-direction:column;gap:1rem}.project-30 .comments-container .container .reply,.project-30 .comments-container .container .comment{background-color:#fff;border-radius:.5rem;padding:1rem;box-shadow:0 10px 30px #0000001a,0 4px 6px #0000000d;display:grid;grid-template-columns:30px 1fr;grid-template-areas:"profiles profiles" "contentes contentes" "vote buttons";gap:1.125rem}@media screen and (min-width: 62rem){.project-30 .comments-container .container .reply,.project-30 .comments-container .container .comment{grid-template-areas:"vote profiles buttons" "vote contentes contentes"}}.project-30 .comments-container .container .reply .vote,.project-30 .comments-container .container .comment .vote{grid-area:vote;display:flex;justify-content:center;justify-self:flex-start;align-items:center;border-radius:.5rem;background-color:#f5f6fa;color:#5457b6;font-weight:500}@media screen and (min-width: 62rem){.project-30 .comments-container .container .reply .vote,.project-30 .comments-container .container .comment .vote{flex-direction:column;align-self:flex-start}}.project-30 .comments-container .container .reply .vote .btn_vote,.project-30 .comments-container .container .comment .vote .btn_vote{padding:.4375rem;color:#c3c4ef}.project-30 .comments-container .container .reply .vote .btn_vote:hover,.project-30 .comments-container .container .comment .vote .btn_vote:hover{color:#5457b6}.project-30 .comments-container .container .reply .profile,.project-30 .comments-container .container .reply .btn__container,.project-30 .comments-container .container .comment .profile,.project-30 .comments-container .container .comment .btn__container{display:flex;align-items:center;gap:.625rem}.project-30 .comments-container .container .reply .profile .username,.project-30 .comments-container .container .reply .btn__container .username,.project-30 .comments-container .container .comment .profile .username,.project-30 .comments-container .container .comment .btn__container .username{color:#324152}.project-30 .comments-container .container .reply .profile .tag,.project-30 .comments-container .container .reply .btn__container .tag,.project-30 .comments-container .container .comment .profile .tag,.project-30 .comments-container .container .comment .btn__container .tag{background-color:#5457b6;color:#fff;font-size:.75rem;padding:.0625rem .375rem;border-radius:.125rem}.project-30 .comments-container .container .reply .profile .time,.project-30 .comments-container .container .reply .btn__container .time,.project-30 .comments-container .container .comment .profile .time,.project-30 .comments-container .container .comment .btn__container .time{color:#67727e;font-size:.875rem}.project-30 .comments-container .container .reply .profile,.project-30 .comments-container .container .comment .profile{grid-area:profiles}.project-30 .comments-container .container .reply .btn__container,.project-30 .comments-container .container .comment .btn__container{grid-area:buttons;justify-content:flex-end}.project-30 .comments-container .container .reply .content,.project-30 .comments-container .container .comment .content{grid-area:contentes;color:#67727e}.project-30 .comments-container .container .reply .content .replying-to,.project-30 .comments-container .container .comment .content .replying-to{color:#5457b6;font-weight:500}.project-30 .comments-container .container .reply .edit_box,.project-30 .comments-container .container .comment .edit_box{grid-area:contentes;display:flex;flex-direction:column;gap:1rem}.project-30 .comments-container .container .reply .edit_box .btn,.project-30 .comments-container .container .comment .edit_box .btn{align-self:end}.project-30 .comments-container .container .replies{border-left:2px solid hsl(223,19%,93%);padding-left:2rem;display:flex;flex-direction:column;gap:1rem}@media screen and (min-width: 62rem){.project-30 .comments-container .container .replies{margin-left:2rem}}.project-30 .comments-container .comment-input,.project-30 .comments-container .reply-input{background-color:#fff;box-shadow:0 10px 30px #0000001a,0 4px 6px #0000000d;border-radius:.5rem;padding:1rem;display:grid;grid-template-columns:30px 1fr;grid-template-areas:" texts texts" "pic buttons";gap:1.75rem}@media screen and (min-width: 62rem){.project-30 .comments-container .comment-input,.project-30 .comments-container .reply-input{grid-template-areas:"pic texts buttons"}}.project-30 .comments-container .comment-input img,.project-30 .comments-container .reply-input img{grid-area:pic}.project-30 .comments-container .comment-input textarea,.project-30 .comments-container .reply-input textarea{grid-area:texts}.project-30 .comments-container .comment-input button,.project-30 .comments-container .reply-input button{grid-area:buttons;justify-self:flex-end;align-self:flex-start}.project-30 .modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:999}.project-30 .modal-overlay .modal-container{background-color:#fff;padding:2rem;border-radius:.625rem;width:90%;max-width:400px;box-shadow:0 10px 30px #0000001a,0 4px 6px #0000000d;display:flex;flex-direction:column;gap:1rem}.project-30 .modal-overlay .modal-container h2{font-size:1.5rem}.project-30 .modal-overlay .modal-container p{color:#67727e}.project-30 .modal-overlay .modal-container .modal-actions{display:flex;justify-content:space-between;gap:2rem}.project-30 .modal-overlay .modal-container .modal-actions button{padding:.75rem 1.5rem;text-align:center;flex:1;border-radius:.5rem;font-weight:500;text-transform:uppercase}.project-30 .modal-overlay .modal-container .modal-actions .cancel{background-color:#324152;color:#fff}.project-30 .modal-overlay .modal-container .modal-actions .cancel:hover{background-color:#67727e}.project-30 .modal-overlay .modal-container .modal-actions .confirm{background-color:#ed6468;color:#fff}.project-30 .modal-overlay .modal-container .modal-actions .confirm:hover{background-color:#ffb8bb}.project-31{font-family:Ubuntu,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;flex:1}@media screen and (min-width: 62rem){.project-31{display:flex;justify-content:center;align-items:center}}.project-31 .multi-step-form{display:flex;flex-direction:column;width:100dvw;height:100dvh}@media screen and (min-width: 62rem){.project-31 .multi-step-form{background:#fff;box-shadow:0 10px 30px #0000001a,0 4px 6px #0000000d;border-radius:.75rem;flex-direction:row;width:940px;height:650px;padding:1rem;overflow:hidden}}.project-31 .multi-step-form .buttons{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:#fff}.project-31 .multi-step-form .btn{background:#02295a;color:#fff;padding:.75rem 2rem;border:none;border-radius:8px;font-weight:500;font-size:1rem;cursor:pointer;transition:background .3s}.project-31 .multi-step-form .btn:hover,.project-31 .multi-step-form .btn:focus{background:#174a8c}.project-31 .multi-step-form .btn__link{background:none;color:#9699ab;font-weight:700;padding-inline:0}.project-31 .multi-step-form .btn__link:hover,.project-31 .multi-step-form .btn__link:focus{color:#02295a;background:none}.project-31 .multi-step-form .btn__toggle{background:none;color:#9699ab;cursor:pointer;text-decoration:underline}.project-31 .multi-step-form .btn__toggle:hover,.project-31 .multi-step-form .btn__toggle:focus{color:#473dff;background:none}.project-31 .multi-step-form .btn__submit{background:#473dff;color:#fff}.project-31 .multi-step-form .btn__submit:hover,.project-31 .multi-step-form .btn__submit:focus{background-color:color-mix(in srgb,white 30%,hsl(243,100%,62%))}.project-31 .multi-step-form .btn__next{justify-self:end;align-self:end}.project-31 .multi-step-form .sidebar{display:flex;flex-direction:row;justify-content:center;gap:1.5rem;color:#fff;height:274px;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='375'%20height='172'%20viewBox='0%200%20375%20172'%3e%3cdefs%3e%3cpath%20id='a'%20d='M0%200h375v172H0z'/%3e%3c/defs%3e%3cg%20fill='none'%20fill-rule='evenodd'%3e%3cmask%20id='b'%20fill='%23fff'%3e%3cuse%20xlink:href='%23a'/%3e%3c/mask%3e%3cuse%20xlink:href='%23a'%20fill='%23483EFF'/%3e%3cg%20mask='url(%23b)'%3e%3cg%20transform='translate(-151.029%20-133.957)'%3e%3cpath%20fill='%236259FF'%20d='M79.546%20349.634c54.547%20128.646%20292.524%20204.132%20354.626%2099.852%2062.102-104.28-95.035-123.204-150.583-230.963-55.547-107.759-98.711-175.015-178.973-150.466C24.354%2092.607%2025%20220.987%2079.546%20349.634Z'/%3e%3cellipse%20cx='129.864'%20cy='258.711'%20fill='%23FFAF7E'%20rx='96.329'%20ry='96.373'/%3e%3cpath%20fill='%23F9818E'%20d='M464.88%20433.146c87.31-40.69%20133.585-206.525%2060.253-246.82-73.333-40.293-82.587%2068.465-155.485%20109.343-72.898%2040.877-118.192%2072.245-99.348%20126.973%2018.845%2054.728%20107.27%2051.194%20194.58%2010.504Z'/%3e%3cg%20stroke='%23FFF'%20stroke-linecap='round'%20stroke-linejoin='bevel'%20stroke-width='5'%3e%3cpath%20d='m367.336%20243.125%2015.263-15.549M430.872%20251.016l-17.995-15.112M399.36%20271.751l-9.94%2021.293'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");background-size:cover;background-repeat:no-repeat;background-position:center;position:relative}@media screen and (min-width: 62rem){.project-31 .multi-step-form .sidebar{padding:2rem;min-width:250px;height:auto;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='274'%20height='568'%20fill='none'%20viewBox='0%200%20274%20568'%3e%3crect%20width='274'%20height='568'%20fill='%23483EFF'%20rx='10'/%3e%3cmask%20id='a'%20width='274'%20height='568'%20x='0'%20y='0'%20maskUnits='userSpaceOnUse'%20style='mask-type:alpha'%3e%3crect%20width='274'%20height='568'%20fill='%23fff'%20rx='10'/%3e%3c/mask%3e%3cg%20mask='url(%23a)'%3e%3cpath%20fill='%236259FF'%20fill-rule='evenodd'%20d='M-34.692%20543.101C3.247%20632.538%20168.767%20685.017%20211.96%20612.52c43.194-72.497-66.099-85.653-104.735-160.569-38.635-74.916-68.657-121.674-124.482-104.607-55.824%2017.068-55.375%20106.32-17.436%20195.757Z'%20clip-rule='evenodd'/%3e%3cpath%20fill='%23F9818E'%20fill-rule='evenodd'%20d='M233.095%20601.153c60.679-28.278%2092.839-143.526%2041.875-171.528-50.965-28.003-57.397%2047.579-108.059%2075.987-50.662%2028.408-82.14%2050.207-69.044%2088.241%2013.096%2038.034%2074.549%2035.578%20135.228%207.3Z'%20clip-rule='evenodd'/%3e%3cpath%20stroke='%23fff'%20stroke-linecap='round'%20stroke-linejoin='bevel'%20stroke-width='5'%20d='m165.305%20469.097%2010.607-10.806M209.461%20474.581l-12.506-10.503M187.56%20488.991l-6.908%2014.798'/%3e%3cpath%20fill='%23FFAF7E'%20d='M.305%20546.891c37.003%200%2067-29.997%2067-67s-29.997-67-67-67-67%2029.997-67%2067%2029.997%2067%2067%2067Z'/%3e%3c/g%3e%3c/svg%3e");flex-direction:column;justify-content:start;border-radius:.75rem}}.project-31 .multi-step-form .sidebar .step-item{display:flex;flex-direction:row;align-items:center;gap:1rem;margin-bottom:3rem}@media screen and (min-width: 62rem){.project-31 .multi-step-form .sidebar .step-item{margin-bottom:0}}.project-31 .multi-step-form .sidebar .step-item .circle{display:flex;align-items:center;justify-content:center;font-weight:700;width:2.1875em;height:2.1875em;border-radius:50%;border:1px solid hsl(231,11%,63%);color:#fff;background:transparent;transition:transform .3s cubic-bezier(.22,1,.36,1),background .3s ease}.project-31 .multi-step-form .sidebar .step-item .circle.active{background:#bfe2fd;color:#02295a;border:none;animation:gooey .6s ease-in-out}.project-31 .multi-step-form .sidebar .step-item .circle:not(.active){transition:transform .3s cubic-bezier(.22,1,.36,1)}@keyframes gooey{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.project-31 .multi-step-form .sidebar .step-item .step-text{display:none}@media screen and (min-width: 62rem){.project-31 .multi-step-form .sidebar .step-item .step-text{display:block}.project-31 .multi-step-form .sidebar .step-item .step-text span{font-size:.75rem;color:#9699ab;text-transform:uppercase}.project-31 .multi-step-form .sidebar .step-item .step-text strong{font-size:.9rem;font-weight:700;color:#fff;letter-spacing:.0625em}}.project-31 .multi-step-form form{flex:1;display:flex;flex-direction:column;justify-content:space-between;height:100%}@media screen and (min-width: 62rem){.project-31 .multi-step-form form{padding:clamp(1rem,4vw,3rem)}}.project-31 .multi-step-form form .form-content{margin:0 auto;width:90%;background-color:#fff;padding:2rem;display:flex;flex-direction:column;border-radius:.5rem;margin-top:-5rem;z-index:999}@media screen and (min-width: 62rem){.project-31 .multi-step-form form .form-content{margin:0;width:100%;transform:translateY(0)}}.project-31 .multi-step-form form .form-content .step{flex:1;width:100%;height:100%;display:flex;flex-direction:column;gap:2rem}.project-31 .multi-step-form form .form-content .step .intro h1{font-size:clamp(1.5rem,5vw,2rem);color:#02295a}.project-31 .multi-step-form form .form-content .step .intro .description{color:#9699ab}.project-31 .multi-step-form form .form-content .step.step1 .form-items{display:flex;flex-direction:column;gap:1.5rem}.project-31 .multi-step-form form .form-content .step.step1 .form-items .field{display:flex;flex-direction:column;position:relative;gap:.25rem}.project-31 .multi-step-form form .form-content .step.step1 .form-items .field .label{display:flex;justify-content:space-between;align-items:center;font-weight:500}.project-31 .multi-step-form form .form-content .step.step1 .form-items .field .label label{color:#02295a;font-size:.875rem}.project-31 .multi-step-form form .form-content .step.step1 .form-items .field input{padding:.75rem;border:1px solid hsl(229,24%,87%);border-radius:.5rem;font-size:1rem;cursor:pointer;outline:none;transition:border .3s}.project-31 .multi-step-form form .form-content .step.step1 .form-items .field input::placeholder{color:#9699ab;font-weight:500}.project-31 .multi-step-form form .form-content .step.step1 .form-items .field input:focus,.project-31 .multi-step-form form .form-content .step.step1 .form-items .field input:hover{border-color:#473dff;outline:none}.project-31 .multi-step-form form .form-content .step.step1 .form-items .field .error-msg{font-size:.75rem;color:#ed3548;font-weight:700}.project-31 .multi-step-form form .form-content .step.step1 .form-items .field.error input{border-color:#ed3548}.project-31 .multi-step-form form .form-content .step.step2 .plans{display:flex;flex-direction:column;gap:1rem}@media screen and (min-width: 62rem){.project-31 .multi-step-form form .form-content .step.step2 .plans{flex-direction:row}}.project-31 .multi-step-form form .form-content .step.step2 .plans .plan-option{cursor:pointer;padding:1rem;border-radius:.5rem;border:1.5px solid hsl(229,24%,87%);display:flex;flex-direction:row;gap:1rem;flex:1;transition:all .3s}@media screen and (min-width: 62rem){.project-31 .multi-step-form form .form-content .step.step2 .plans .plan-option{flex-direction:column;align-items:flex-start;min-height:11.25rem;justify-content:space-between}}.project-31 .multi-step-form form .form-content .step.step2 .plans .plan-option.selected{border-color:#473dff;background-color:#f0f5ff}.project-31 .multi-step-form form .form-content .step.step2 .plans .plan-option:hover,.project-31 .multi-step-form form .form-content .step.step2 .plans .plan-option:focus,.project-31 .multi-step-form form .form-content .step.step2 .plans .plan-option:focus-visible{border-color:#473dff}.project-31 .multi-step-form form .form-content .step.step2 .plans .plan-option .plan-details .plan__name{font-weight:700;color:#02295a;font-size:1rem}.project-31 .multi-step-form form .form-content .step.step2 .plans .plan-option .plan-details .plan__price{font-size:.875rem;color:#9699ab;font-weight:400}.project-31 .multi-step-form form .form-content .step.step2 .plans .plan-option .plan-details .free-months{font-size:.8125rem;color:#174a8c;font-weight:700}.project-31 .multi-step-form form .form-content .step.step2 .billing-toggle{background-color:#f0f5ff;border-radius:.5rem;padding:1rem;display:flex;align-items:center;justify-content:center;gap:1.875rem}.project-31 .multi-step-form form .form-content .step.step2 .billing-toggle span{font-weight:700;color:#9699ab}.project-31 .multi-step-form form .form-content .step.step2 .billing-toggle span.active{color:#02295a}.project-31 .multi-step-form form .form-content .step.step2 .billing-toggle .switch{position:relative;display:inline-block;width:40px;height:20px}.project-31 .multi-step-form form .form-content .step.step2 .billing-toggle .switch input{opacity:0;width:0;height:0}.project-31 .multi-step-form form .form-content .step.step2 .billing-toggle .switch .slider{position:absolute;cursor:pointer;background-color:#02295a;transition:.4s;border-radius:20px;top:0;left:0;right:0;bottom:0}.project-31 .multi-step-form form .form-content .step.step2 .billing-toggle .switch .slider:before{content:"";position:absolute;height:12px;width:12px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}.project-31 .multi-step-form form .form-content .step.step2 .billing-toggle .switch input:checked+.slider:before{transform:translate(20px)}.project-31 .multi-step-form form .form-content .step.step3 .addons{display:flex;flex-direction:column;gap:1rem}.project-31 .multi-step-form form .form-content .step.step3 .addons .addon{display:flex;align-items:center;justify-content:space-between;border:1px solid hsl(229,24%,87%);border-radius:.5rem;padding:1rem;cursor:pointer;transition:all .3s ease}.project-31 .multi-step-form form .form-content .step.step3 .addons .addon__content{display:flex;align-items:center;gap:1.75rem}.project-31 .multi-step-form form .form-content .step.step3 .addons .addon__content input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;cursor:pointer;border:2px solid hsl(243,100%,62%);border-radius:.25rem;background-color:#fff;padding:.25rem;display:flex;align-items:center;justify-content:center;position:relative;transition:background .3s,border-color .3s}.project-31 .multi-step-form form .form-content .step.step3 .addons .addon__content input[type=checkbox]:after{content:"";position:absolute;width:14px;height:10px;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='12'%20height='9'%20viewBox='0%200%2012%209'%3e%3cpath%20fill='none'%20stroke='%23FFF'%20stroke-width='2'%20d='m1%204%203.433%203.433L10.866%201'/%3e%3c/svg%3e");background-size:contain;background-repeat:no-repeat;opacity:0;transition:opacity .2s}.project-31 .multi-step-form form .form-content .step.step3 .addons .addon__content input[type=checkbox]:checked{background-color:#473dff;border-color:#473dff}.project-31 .multi-step-form form .form-content .step.step3 .addons .addon__content input[type=checkbox]:checked:after{opacity:1}.project-31 .multi-step-form form .form-content .step.step3 .addons .addon__content .addon-info{display:flex;flex-direction:column}.project-31 .multi-step-form form .form-content .step.step3 .addons .addon__content .addon-info .addon_name{color:#174a8c;font-weight:700}.project-31 .multi-step-form form .form-content .step.step3 .addons .addon__content .addon-info .addon_description{color:#9699ab;font-size:.875rem;font-weight:500}.project-31 .multi-step-form form .form-content .step.step3 .addons .addon .price{font-weight:500;color:#473dff;white-space:nowrap}.project-31 .multi-step-form form .form-content .step.step3 .addons .addon.selected{border-color:#473dff;background-color:#f0f5ff}.project-31 .multi-step-form form .form-content .step.step3 .addons .addon:hover,.project-31 .multi-step-form form .form-content .step.step3 .addons .addon:focus,.project-31 .multi-step-form form .form-content .step.step3 .addons .addon:focus-visible{border-color:#473dff}.project-31 .multi-step-form form .form-content .step.step4 .summary__content .summary{background-color:#f0f5ff;padding:1rem;border-radius:.75rem;display:flex;flex-direction:column}.project-31 .multi-step-form form .form-content .step.step4 .summary__content .summary .plan{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid hsl(229,24%,87%);padding-bottom:1rem;font-weight:700}.project-31 .multi-step-form form .form-content .step.step4 .summary__content .summary .plan p{color:#02295a}.project-31 .multi-step-form form .form-content .step.step4 .summary__content .summary .addons{color:#9699ab;display:flex;flex-direction:column;gap:1rem;padding-top:1rem}.project-31 .multi-step-form form .form-content .step.step4 .summary__content .summary .addons .addon{display:flex;align-items:center;justify-content:space-between}.project-31 .multi-step-form form .form-content .step.step4 .summary__content .summary .addons .addon__price{color:#02295a;font-weight:500}.project-31 .multi-step-form form .form-content .step.step4 .summary__content .total{display:flex;justify-content:space-between;align-items:center;padding:1rem}.project-31 .multi-step-form form .form-content .step.step4 .summary__content .total__value{color:#9699ab;font-size:.875rem}.project-31 .multi-step-form form .form-content .step.step4 .summary__content .total__price{color:#473dff;font-weight:700;font-size:1.125rem}.project-31 .multi-step-form .confirmation{flex:1;margin:0 auto;width:90%;background-color:#fff;padding:5rem 2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:.5rem;transform:translateY(-80px)}@media screen and (min-width: 62rem){.project-31 .multi-step-form .confirmation{margin:0;width:100%;height:100%;transform:translateY(0)}}.project-31 .multi-step-form .confirmation .some{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1.25rem}.project-31 .multi-step-form .confirmation .some h1{color:#02295a}.project-31 .multi-step-form .confirmation .some .description{color:#9699ab}.theme[data-theme=light].project32{--bg-color: linear-gradient(180deg, #ebf2fc 0%, #eef8f9 100%);--toggle-color: hsl(200, 60%, 99%);--toggle-color-hover: hsl(0, 0%, 93%);--toggle-icon-color: hsl(225, 23%, 24%);--text-color: hsl(227, 75%, 14%);--text-color-active: hsl(200, 60%, 99%);--text-color-lighter: hsl(226, 25%, 17%);--text-color-hover: hsl(200, 60%, 99%);--button-bg: hsl(200, 60%, 99%);--button-bg-active: hsl(3, 77%, 44%);--button-bg-hover: hsl(0, 0%, 93%);--card-bg: hsla(200, 60%, 99%, .6);--toggle-bg: hsl(0, 0%, 78%)}.theme[data-theme=dark].project32{--bg-color: linear-gradient(180deg, #040918 0%, #091540 100%);--toggle-color: hsl(225, 23%, 24%);--toggle-color-hover: hsl(226, 11%, 37%);--toggle-icon-color: hsl(200, 60%, 99%);--text-color: hsl(200, 60%, 99%);--text-color-active: hsl(227, 75%, 14%);--text-color-lighter: hsl(217, 61%, 90%);--text-color-hover: hsl(227, 75%, 14%);--button-bg: hsl(225, 23%, 24%);--button-bg-active: hsl(3, 71%, 56%);--button-bg-hover: hsl(226, 11%, 37%);--card-bg: hsla(226, 24%, 17%, .6);--toggle-bg: hsl(226, 11%, 37%)}.project-32{font-family:Noto Sans,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;flex:1;width:100dvw;color:var(--text-color)}.project-32 .container{margin:0 auto;width:95%;padding:1rem;display:flex;flex-direction:column;gap:1rem}@media screen and (min-width: 62rem){.project-32 .container{width:75%;gap:2rem}}.project-32 .container header{background:var(--card-bg);display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;border-radius:.75rem;box-shadow:0 10px 30px #0000001a,0 4px 6px #0000000d}.project-32 .container header .theme-toggle{border:none;font-size:1.125rem;width:48px;height:48px;border-radius:.75rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--toggle-color);box-shadow:0 10px 30px #0000001a,0 4px 6px #0000000d;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.project-32 .container header .theme-toggle svg{font-size:18px;color:var(--toggle-icon-color);transition:transform .3s ease}.project-32 .container header .theme-toggle:hover{background:var(--toggle-color-hover)}.project-32 .container header .theme-toggle:focus,.project-32 .container header .theme-toggle:focus-visible{outline:2px solid var(--button-bg-active);outline-offset:2px}.project-32 .container .filter__container{display:flex;flex-direction:column;align-items:center;gap:1rem}@media screen and (min-width: 62rem){.project-32 .container .filter__container{justify-content:space-between;flex-direction:row}}.project-32 .container .filter__container .filters{display:flex;gap:1rem}.project-32 .container .filter__container .filters button{padding:.625rem;border-radius:1.25rem;border:1px solid transparent;cursor:pointer;font-weight:500;color:var(--text-color);background:var(--button-bg);box-shadow:0 10px 30px #0000001a,0 4px 6px #0000000d;min-width:3.75em;text-align:center}.project-32 .container .filter__container .filters button.active{background:var(--button-bg-active);color:var(--text-color-active)}.project-32 .container .filter__container .filters button:focus,.project-32 .container .filter__container .filters button:focus-visible{outline:2px solid var(--button-bg-active);outline-offset:2px}.project-32 .container .filter__container .filters button:not(.active):hover{background:var(--button-bg-hover)}.project-32 .container .extensions{justify-content:space-between;align-items:center;display:grid;gap:1rem;margin-top:1.5rem}@media screen and (min-width: 48rem){.project-32 .container .extensions{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width: 62rem){.project-32 .container .extensions{grid-template-columns:repeat(3,1fr)}}.project-32 .container .extensions__card{background-color:var(--card-bg);box-shadow:0 10px 30px #0000001a,0 4px 6px #0000000d;padding:1rem;border-radius:1rem;display:flex;flex-direction:column;justify-content:space-between;gap:2.5rem;transition:all .3s ease;min-height:13.75em}.project-32 .container .extensions__header{display:flex;align-items:flex-start;gap:1rem}.project-32 .container .extensions__header img{width:40px;height:40px;flex-shrink:0}.project-32 .container .extensions__header .info h2{font-size:1rem}.project-32 .container .extensions__header .info p{font-size:.875rem;color:var(--text-color-lighter)}.project-32 .container .extensions__footer{display:flex;justify-content:space-between;align-items:center}.project-32 .container .extensions__footer .remove-btn{background:transparent;border:1px solid hsl(226,11%,37%);border-radius:1.5rem;padding:.4rem 1rem;cursor:pointer;transition:all .2s ease;color:inherit}.project-32 .container .extensions__footer .remove-btn:hover{background:var(--button-bg-active);color:var(--text-color-hover)}.project-32 .container .extensions__footer .remove-btn:focus,.project-32 .container .extensions__footer .remove-btn:focus-visible{outline:2px solid var(--button-bg-active);outline-offset:2px}.project-32 .container .extensions__footer .switch{position:relative;display:inline-block;width:40px;height:22px}.project-32 .container .extensions__footer .switch input{opacity:0;width:0;height:0}.project-32 .container .extensions__footer .switch input:focus+.slider,.project-32 .container .extensions__footer .switch input:focus-visible+.slider{outline:2px solid var(--button-bg-active);outline-offset:2px}.project-32 .container .extensions__footer .switch input:checked+.slider{background-color:var(--button-bg-active)}.project-32 .container .extensions__footer .switch input:checked+.slider:before{transform:translate(16px)}.project-32 .container .extensions__footer .switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--toggle-bg);transition:.4s;border-radius:34px}.project-32 .container .extensions__footer .switch .slider:before{position:absolute;content:"";height:16px;width:16px;left:4px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}.project-32 .container .modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease;z-index:10}.project-32 .container .modal-overlay .modal{background-color:var(--card-bg);padding:1.625rem;border-radius:.75rem;text-align:center;max-width:450px;animation:scaleIn .3s ease;display:flex;flex-direction:column;gap:1.125rem;color:var(--text-color)}.project-32 .container .modal-overlay .modal p{font-size:.9rem;color:var(--text-color-lighter)}.project-32 .container .modal-overlay .modal .modal-actions{display:flex;justify-content:space-evenly;gap:1rem}.project-32 .container .modal-overlay .modal .modal-actions .btn{padding:.5rem 1rem;border-radius:.375rem;cursor:pointer;color:inherit}.project-32 .container .modal-overlay .modal .modal-actions .btn.cancel{background:none;border:1px solid var(--button-bg-active)}.project-32 .container .modal-overlay .modal .modal-actions .btn.confirm{background:var(--button-bg-active);color:#fff;border:none}.project-32 .container .modal-overlay .modal .modal-actions .btn:focus,.project-32 .container .modal-overlay .modal .modal-actions .btn:focus-visible{outline:2px solid var(--button-bg-active);outline-offset:2px}.project-32 .container .toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background:var(--button-bg-active);color:#fff;padding:.75rem 1.5rem;border-radius:8px;font-size:.875rem;opacity:0;pointer-events:none;transition:all .3s ease}.project-32 .container .toast.show{opacity:1;pointer-events:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.project-33{font-family:Space Grotesk,sans-serif;font-size:1.125rem;font-weight:500;line-height:1.5;flex:1;width:100%}.project-33 .container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8.125rem}@media screen and (min-width: 62rem){.project-33 .container{height:100dvh;width:100dvw;flex-direction:row;justify-content:space-between;gap:1.25rem}}.project-33 .container button{background-color:#21092f;color:#fff;border:none;padding:1rem;border-radius:.5rem;cursor:pointer;transition:background .3s ease;text-align:center;font-size:1rem;transition:background-color .3s ease}.project-33 .container button:hover{background-color:#330e4c}.project-33 .container .card-display{position:relative;width:100%;padding:1.5rem;background:url(/frontend-mentor-challenges-using-react/assets/bg-main-mobile-bEu5Eiq-.png) no-repeat;background-size:cover;display:flex;justify-content:center;height:15.625em}@media screen and (min-width: 62rem){.project-33 .container .card-display{background:url(/frontend-mentor-challenges-using-react/assets/bg-main-desktop-BbGFZp7V.png) no-repeat;background-size:cover;height:100dvh;justify-content:flex-start;align-items:center;padding-left:6rem;max-width:500px}}.project-33 .container .card-display .card-wrapper{display:flex;flex-direction:column-reverse;gap:1.5rem;position:relative;width:100%;max-width:25rem;bottom:-40%}@media screen and (min-width: 62rem){.project-33 .container .card-display .card-wrapper{flex-direction:column;gap:2.5rem;position:relative;max-width:none;left:10%;bottom:0;align-items:flex-start;padding:4rem 0 0 6rem}}.project-33 .container .card-display .card-wrapper .card-front,.project-33 .container .card-display .card-wrapper .card-back{width:clamp(280px,80vw,350px);height:auto;position:relative}.project-33 .container .card-display .card-wrapper .card-front{z-index:2}@media screen and (min-width: 62rem){.project-33 .container .card-display .card-wrapper .card-front{top:0;left:0}}.project-33 .container .card-display .card-wrapper .card-front img{width:100%;height:auto;display:block}.project-33 .container .card-display .card-wrapper .card-front .card-logo{position:absolute;top:1.25rem;left:1.25rem;width:3.125rem;height:auto}.project-33 .container .card-display .card-wrapper .card-front .card-number,.project-33 .container .card-display .card-wrapper .card-front .card-details{position:absolute;left:1.25rem;color:#fff}.project-33 .container .card-display .card-wrapper .card-front .card-number{top:50%;transform:translateY(-50%);font-size:1.125rem;letter-spacing:.25rem}.project-33 .container .card-display .card-wrapper .card-front .card-details{bottom:1.25rem;right:1.25rem;display:flex;justify-content:space-between;font-size:.75rem}.project-33 .container .card-display .card-wrapper .card-front .card-details .card-name{text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-33 .container .card-display .card-wrapper .card-back{z-index:1;right:-3.125rem;top:5rem}@media screen and (min-width: 62rem){.project-33 .container .card-display .card-wrapper .card-back{top:0}}.project-33 .container .card-display .card-wrapper .card-back img{width:100%;height:auto;display:block;border-radius:.5rem}.project-33 .container .card-display .card-wrapper .card-back .card-cvc{position:absolute;top:48%;right:2.5rem;transform:translateY(-50%);color:#fff;font-size:.75rem;letter-spacing:2px}@media screen and (min-width: 62rem){.project-33 .container .card-display .card-wrapper .card-back .card-cvc{right:3.75rem}}.project-33 .container .form-fillin{display:flex;justify-content:center}@media screen and (min-width: 62rem){.project-33 .container .form-fillin{width:50%}}.project-33 .container .form-fillin .card-form{display:flex;flex-direction:column;gap:1.5rem;border-radius:.5rem;width:100%;max-width:25rem;margin:0 auto}.project-33 .container .form-fillin .card-form label{display:flex;flex-direction:column;font-size:.75rem;color:#21092f;text-transform:uppercase;letter-spacing:2px}.project-33 .container .form-fillin .card-form label input{margin-top:.25rem;padding:.75rem;border-radius:.375rem;border:1px solid hsl(270,3%,87%);transition:border .2s ease;font-size:.875rem;outline:none}.project-33 .container .form-fillin .card-form label input:focus,.project-33 .container .form-fillin .card-form label input:hover{border:solid 2px hsl(278,68%,11%)}.project-33 .container .form-fillin .card-form label input.input-error{border:1px solid red!important}.project-33 .container .form-fillin .card-form label .error-msg{color:#ff5252;font-size:.625rem;margin-top:.25rem}.project-33 .container .form-fillin .card-form .form-row{display:flex;gap:1rem;width:100%;justify-content:space-between}@media screen and (min-width: 62rem){.project-33 .container .form-fillin .card-form .form-row{flex-direction:row;justify-content:space-between}}.project-33 .container .form-fillin .card-form .form-row label{flex:1;min-width:0}.project-33 .container .form-fillin .card-form .form-row .row-fields{display:flex;gap:.5rem}.project-33 .container .form-fillin .card-form .form-row .row-fields input{flex:1;min-width:0}.project-33 .container .form-fillin .thank-you{text-align:center}.project-33 .container .form-fillin .thank-you img{margin-bottom:1rem;width:64px}.project-33 .container .form-fillin .thank-you h2{text-transform:uppercase;letter-spacing:2px;margin-bottom:.5rem}.project-33 .container .form-fillin .thank-you p{color:gray;font-size:.95rem;margin-bottom:1.5rem}.project-33 .container .form-fillin .thank-you button{padding:1rem 2rem;background-color:#21092f;color:#fff;border:none;border-radius:6px;cursor:pointer}.project-33 .fade-in{animation:fadeIn .5s ease forwards}.project-33 .fade-out{animation:fadeOut .5s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.project-34{font-family:DM Sans,sans-serif;font-size:1.125rem;font-weight:400;flex:1;display:flex;flex-direction:column;justify-content:center;gap:1.75rem}.project-34 .expense__header{background:#ec775f;border-radius:.75rem;padding:2rem;display:flex;justify-content:space-between;color:#f9ece1}.project-34 .expense__header .balance span{font-size:1rem}.project-34 .expense__header .balance .amount{font-size:1.75rem}.project-34 .chart__card{background:#fff;box-shadow:0 10px 30px #1111,0 4px 6px #00000052;border-radius:.75rem;padding:2rem}.project-34 .chart__card .chart{padding-bottom:2rem}.project-34 .chart__card .chart h1{font-size:1.75rem;color:#382314}.project-34 .chart__card .card__footer{border-top:hsl(26,66%,93%) 1px solid;padding-top:1rem}.project-34 .chart__card .card__footer span{font-size:.875rem;color:#93867b}.project-34 .chart__card .card__footer .amounts{display:flex;justify-content:space-between;align-items:center}.project-34 .chart__card .card__footer .amounts .total{font-size:2rem;font-weight:700;color:#382314}.project-34 .chart__card .card__footer .amounts .difference{display:flex;flex-direction:column;align-items:flex-end;font-size:.75rem}.project-34 .chart__card .card__footer .amounts .difference .amount{color:#382314;font-weight:700}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width: 480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.project-35{font-family:Libre Franklin,sans-serif;font-size:1.25rem;line-height:1.5;flex:1}.project-35 .container{width:70%;margin:0 auto;padding:4rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3.75rem}.project-35 .container .header{text-align:center}.project-35 .container .header h1{font-weight:300;color:#969696;font-size:1.75rem}.project-35 .container .header h1 span{font-weight:600;color:#151f29}.project-35 .container .header p{color:#151f29}.project-35 .container form{width:100%;display:flex;flex-direction:column;gap:1rem}@media screen and (min-width: 62rem){.project-35 .container form{flex-direction:row;gap:2rem}}.project-35 .container form .input-wrapper{flex:1;position:relative}.project-35 .container form .input-wrapper input{border:hsl(0,0%,59%) solid 1px;border-radius:3.125rem;padding:1rem 1.5rem;width:100%}.project-35 .container form .input-wrapper input.error{border:hsl(354,100%,66%) solid 1px}.project-35 .container form .input-wrapper .error-text{color:#ff5263;font-size:.875rem;text-align:center;padding:.5rem;width:100%}@media screen and (min-width: 62rem){.project-35 .container form .input-wrapper .error-text{position:absolute;padding:.5rem 1.5rem;text-align:left}}.project-35 .container form .btn{background-color:#4f7df3;border-radius:3.125rem;color:#fff;padding:.5rem 4rem;text-align:center;cursor:pointer}.project-35 .container form .btn:hover{opacity:80%}.project-35 .container .illustration{width:100%;height:auto}.theme[data-theme=light].project36{--bg-color: hsl(236, 33%, 92%);--form-bg: hsl(0, 0%, 98%);--text-color: hsl(237, 14%, 26%);--completed: hsl(234, 39%, 85%);--footer-color: hsl(236, 9%, 61%);--footer-color-hover: hsl(235, 19%, 35%)}.theme[data-theme=dark].project36{--bg-color: hsl(235, 21%, 11%);--form-bg: hsl(235, 24%, 19%);--text-color: hsl(233, 11%, 84%);--completed: hsl(233, 14%, 35%);--footer-color: hsl(233, 14%, 35%);--footer-color-hover: hsl(236, 33%, 92%)}.project-36{font-family:Josefin Sans,sans-serif;font-size:1.125rem;font-weight:400;flex:1;display:flex;align-items:center;flex-direction:column;position:relative;min-height:100vh;padding-top:18.75em}.project-36 .img__container{position:absolute;top:0;z-index:0}.project-36 .img__container img{height:18.75em;width:100dvw;object-fit:cover}.project-36 .todo__container{position:relative;top:unset;margin-top:-290px;width:90vw;max-width:37.5em;padding-inline:1rem;z-index:20;display:flex;flex-direction:column;gap:2rem}.project-36 .todo__container .todo__header{padding-block:2rem;display:flex;justify-content:space-between;align-items:center}.project-36 .todo__container .todo__header>*{color:#fff;font-weight:700}.project-36 .todo__container .todo__header h1{letter-spacing:.3em;text-transform:uppercase}.project-36 .todo__container .todo__header .theme-toggle{background:none}.project-36 .todo__container .todo__header .theme-toggle>*{width:1.875em;height:1.875em}.project-36 .todo__container .todo__body{display:flex;flex-direction:column;gap:2rem}.project-36 .todo__container .todo__body .todo-input{border-radius:.5rem;padding:1.2rem 1.5rem;box-shadow:0 10px 30px #1111,0 4px 6px #00000052;background:var(--form-bg);display:flex;align-items:center;gap:1rem}.project-36 .todo__container .todo__body .todo-input .circle{width:22px;height:22px;border:1px solid #ccc;border-radius:50%;flex-shrink:0}.project-36 .todo__container .todo__body .todo-input .sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.project-36 .todo__container .todo__body .todo-input input{width:100%;border:none;font-size:1rem;background:none;color:var(--text-color)}.project-36 .todo__container .todo__body .todo-input input::placeholder{color:#777a92;letter-spacing:.1em}.project-36 .todo__container .todo__body .todo__box{border-radius:.5rem;display:flex;flex-direction:column;overflow:hidden}.project-36 .todo__container .todo__body .todo__box .empty-message{text-align:center;padding:2rem;font-size:1rem;font-weight:700;color:var(--footer-color);background:var(--form-bg);border-top-left-radius:.5rem;border-top-right-radius:.5rem}.project-36 .todo__container .todo__body .todo__box .todo-list{background:var(--form-bg);padding:0;list-style:none;overflow:hidden}.project-36 .todo__container .todo__body .todo__box .todo-list .todo-item{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.2rem 1.5rem;border-bottom:1px solid var(--footer-color);position:relative;color:var(--text-color)}.project-36 .todo__container .todo__body .todo__box .todo-list .todo-item .todoo{display:flex;align-items:center;gap:1rem;flex:1}.project-36 .todo__container .todo__body .todo__box .todo-list .todo-item .todoo .checkmark-wrapper{background:transparent;background-image:#ccc;padding:1px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .3s ease}.project-36 .todo__container .todo__body .todo__box .todo-list .todo-item .todoo .checkmark-wrapper:hover{background-image:linear-gradient(to right,#57ddff,#c058f3)}.project-36 .todo__container .todo__body .todo__box .todo-list .todo-item .todoo .checkmark-wrapper .checkmark{width:22px;height:22px;border-radius:50%;background:var(--form-bg);cursor:pointer;position:relative;display:block;border:1px solid #ccc}.project-36 .todo__container .todo__body .todo__box .todo-list .todo-item .todoo .checkmark-wrapper .checkmark.checked{background:linear-gradient(to right,#57ddff,#c058f3)}.project-36 .todo__container .todo__body .todo__box .todo-list .todo-item .todoo .checkmark-wrapper .checkmark.checked:after{content:"✓";color:#fff;font-size:14px;position:absolute;top:1px;left:5px}.project-36 .todo__container .todo__body .todo__box .todo-list .todo-item .todoo .text{font-size:1rem;color:var(--text-color);cursor:pointer}.project-36 .todo__container .todo__body .todo__box .todo-list .todo-item .todoo .text.completed{text-decoration:line-through;color:var(--completed)}.project-36 .todo__container .todo__body .todo__box .todo-list .todo-item .btn__container{display:flex;align-items:center;gap:.5rem}@media screen and (min-width: 62rem){.project-36 .todo__container .todo__body .todo__box .todo-list .todo-item .btn__container{opacity:0}}.project-36 .todo__container .todo__body .todo__box .todo-list .todo-item .btn__container .delete-btn{background:none;border:none;font-size:1.2rem;color:#bbb;transition:opacity .2s ease;cursor:pointer}.project-36 .todo__container .todo__body .todo__box .todo-list .todo-item .btn__container .delete-btn:hover{color:#3a7bfd}.project-36 .todo__container .todo__body .todo__box .todo-list .todo-item:hover .btn__container{opacity:1}.project-36 .todo__container .todo__body .todo__box .todo__footer{border-radius:.5rem;display:flex;flex-direction:column;align-items:center;font-size:.9rem;color:var(--text);flex-wrap:wrap;gap:2rem}@media screen and (min-width: 62rem){.project-36 .todo__container .todo__body .todo__box .todo__footer{border-radius:0;background:var(--form-bg);flex-direction:row;justify-content:space-between;box-shadow:0 10px 30px #1111,0 4px 6px #00000052}}.project-36 .todo__container .todo__body .todo__box .todo__footer .top{border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem;width:100%;padding:1.2rem 1.5rem;background:var(--form-bg);color:var(--footer-color);display:flex;justify-content:space-between;align-items:center}@media screen and (min-width: 62rem){.project-36 .todo__container .todo__body .todo__box .todo__footer .top{width:auto;border-radius:0}}.project-36 .todo__container .todo__body .todo__box .todo__footer .buttons{width:100%;padding:1.2rem 1.5rem;border-top-left-radius:.5rem;border-top-right-radius:.5rem;display:flex;justify-content:center;gap:.5rem;background:var(--form-bg)}@media screen and (min-width: 62rem){.project-36 .todo__container .todo__body .todo__box .todo__footer .buttons{width:auto;border-radius:0}}.project-36 .todo__container .todo__body .todo__box .todo__footer button{font-weight:700;background:none;border:none;cursor:pointer;padding:.3rem .8rem;border-radius:5px;color:var(--footer-color);transition:background .2s}.project-36 .todo__container .todo__body .todo__box .todo__footer button:hover{color:var(--footer-color-hover)}.project-36 .todo__container .todo__body .todo__box .todo__footer button.active{color:#3a7bfd}.project-36 .todo__container .todo__body .todo__box .todo__footer button.clear__all{display:none}@media screen and (min-width: 62rem){.project-36 .todo__container .todo__body .todo__box .todo__footer button.clear__all{display:block}}.project-36 .todo__container .todo__body .todo__box .todo__footer button.clear__all__mobile{display:block}@media screen and (min-width: 62rem){.project-36 .todo__container .todo__body .todo__box .todo__footer button.clear__all__mobile{display:none}}.project-36 .todo__container .todo__body .info{padding:2rem;text-align:center;font-size:.875rem;color:#777a92;font-weight:700}.theme[data-theme=light].project37{--toggle-bg: hsl(230, 22%, 74%);--top-bg: hsl(225, 100%, 98%);--card-bg: hsl(227, 47%, 96%);--bg-color: hsl(0, 0%, 100%);--text-color: hsl(228, 12%, 44%);--text-color-lighter: hsl(230, 17%, 14%)}.theme[data-theme=dark].project37{--toggle-bg: linear-gradient(to right, hsl(210, 78%, 56%), hsl(146, 68%, 55%));--top-bg: hsl(232, 19%, 15%);--card-bg: hsl(228, 28%, 20%);--bg-color: hsl(230, 17%, 14%);--text-color: hsl(228, 34%, 66%);--text-color-lighter: hsl(0, 0%, 100%)}.project-37{font-family:Inter,sans-serif;font-size:.875rem;font-weight:400;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100dvw;color:var(--text-color)}.project-37 .container{margin:0 auto;width:90%;padding:1rem;display:flex;flex-direction:column;gap:2rem}@media screen and (min-width: 62rem){.project-37 .container{width:75%}.project-37 .container:before{content:"";position:absolute;top:0;left:0;height:240px;width:100%;background:var(--top-bg);z-index:0}.project-37 .container>*{position:relative;z-index:1}}.project-37 .container .header__content{display:flex;flex-direction:column;justify-content:space-between}@media screen and (min-width: 62rem){.project-37 .container .header__content{flex-direction:row;align-items:center}}.project-37 .container .header__content .title__summary{padding-block:1rem;border-bottom:1px solid var(--text-color)}@media screen and (min-width: 62rem){.project-37 .container .header__content .title__summary{border:none}}.project-37 .container .header__content .title__summary h1{color:var(--text-color-lighter)}.project-37 .container .header__content .title__summary span{font-weight:500}.project-37 .container .header__content .theme-toggle{padding-block:1rem;width:100%;display:flex;flex-direction:row;justify-content:space-between}@media screen and (min-width: 62rem){.project-37 .container .header__content .theme-toggle{gap:1rem;width:auto}}.project-37 .container .header__content .theme-toggle span{font-weight:700}.project-37 .container .header__content .theme-toggle .switch{position:relative;display:inline-block;width:40px;height:22px}.project-37 .container .header__content .theme-toggle .switch input{opacity:0;width:0;height:0}.project-37 .container .header__content .theme-toggle .switch input:focus+.slider,.project-37 .container .header__content .theme-toggle .switch input:hover+.slider{background:linear-gradient(to right,#378fe6,#3eda82)}.project-37 .container .header__content .theme-toggle .switch input:checked+.slider:before{transform:translate(16px)}.project-37 .container .header__content .theme-toggle .switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:var(--toggle-bg);transition:.4s;border-radius:34px}.project-37 .container .header__content .theme-toggle .switch .slider:before{position:absolute;content:"";height:16px;width:16px;left:4px;bottom:3px;background-color:var(--bg-color);transition:.4s;border-radius:50%}.project-37 .container .header__content .theme-toggle .switch .slider.light:hover:before{background-color:color-mix(in srgb,black 5%,var(--bg-color))}.project-37 .container .header__content .theme-toggle .switch .slider.dark:hover:before{background-color:color-mix(in srgb,white 5%,var(--bg-color))}.project-37 .container h2{color:var(--text-color-lighter);padding-block-end:1rem}.project-37 .container .summary__cards,.project-37 .container .today__overview{display:grid;align-items:center;gap:2rem}@media screen and (min-width: 48rem){.project-37 .container .summary__cards,.project-37 .container .today__overview{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width: 62rem){.project-37 .container .summary__cards,.project-37 .container .today__overview{grid-template-columns:repeat(4,1fr)}}.project-37 .container .summary__cards .social__card,.project-37 .container .summary__cards .stats__card,.project-37 .container .today__overview .social__card,.project-37 .container .today__overview .stats__card{border-radius:.5rem;background:var(--card-bg);padding:1.5rem;display:flex;flex-direction:column;cursor:pointer}.project-37 .container .summary__cards .social__card.dark:hover,.project-37 .container .summary__cards .stats__card.dark:hover,.project-37 .container .today__overview .social__card.dark:hover,.project-37 .container .today__overview .stats__card.dark:hover{background-color:color-mix(in srgb,white 5%,var(--card-bg))}.project-37 .container .summary__cards .social__card.light:hover,.project-37 .container .summary__cards .stats__card.light:hover,.project-37 .container .today__overview .social__card.light:hover,.project-37 .container .today__overview .stats__card.light:hover{background-color:color-mix(in srgb,black 5%,var(--card-bg))}.project-37 .container .summary__cards .social__card .handle,.project-37 .container .summary__cards .social__card .change,.project-37 .container .summary__cards .stats__card .handle,.project-37 .container .summary__cards .stats__card .change,.project-37 .container .today__overview .social__card .handle,.project-37 .container .today__overview .social__card .change,.project-37 .container .today__overview .stats__card .handle,.project-37 .container .today__overview .stats__card .change{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.75rem;font-weight:700}.project-37 .container .summary__cards .social__card .count .followers,.project-37 .container .summary__cards .stats__card .count .followers,.project-37 .container .today__overview .social__card .count .followers,.project-37 .container .today__overview .stats__card .count .followers{font-size:3rem;font-weight:700;color:var(--text-color-lighter)}.project-37 .container .summary__cards .social__card .count .label,.project-37 .container .summary__cards .stats__card .count .label,.project-37 .container .today__overview .social__card .count .label,.project-37 .container .today__overview .stats__card .count .label{letter-spacing:.25rem;text-align:center;font-size:.875rem}.project-37 .container .summary__cards .social__card .change,.project-37 .container .summary__cards .stats__card .change,.project-37 .container .today__overview .social__card .change,.project-37 .container .today__overview .stats__card .change{font-weight:500}.project-37 .container .summary__cards .social__card .change .change-icon,.project-37 .container .summary__cards .stats__card .change .change-icon,.project-37 .container .today__overview .social__card .change .change-icon,.project-37 .container .today__overview .stats__card .change .change-icon{vertical-align:middle}.project-37 .container .summary__cards .social__card .change .positive,.project-37 .container .summary__cards .stats__card .change .positive,.project-37 .container .today__overview .social__card .change .positive,.project-37 .container .today__overview .stats__card .change .positive{color:#1db489}.project-37 .container .summary__cards .social__card .change .negative,.project-37 .container .summary__cards .stats__card .change .negative,.project-37 .container .today__overview .social__card .change .negative,.project-37 .container .today__overview .stats__card .change .negative{color:#dc414c}.project-37 .container .summary__cards .social__card,.project-37 .container .today__overview .social__card{justify-content:center;align-items:center;text-align:center;gap:1rem;position:relative;overflow:hidden}.project-37 .container .summary__cards .social__card:before,.project-37 .container .today__overview .social__card:before{content:"";display:block;height:4px;width:100%;position:absolute;top:0;left:0}.project-37 .container .summary__cards .social__card.facebook:before,.project-37 .container .today__overview .social__card.facebook:before{background:#198ff5}.project-37 .container .summary__cards .social__card.twitter:before,.project-37 .container .today__overview .social__card.twitter:before{background:#1ca0f2}.project-37 .container .summary__cards .social__card.instagram:before,.project-37 .container .today__overview .social__card.instagram:before{background:linear-gradient(to right,#fdc468,#df4996)}.project-37 .container .summary__cards .social__card.youtube:before,.project-37 .container .today__overview .social__card.youtube:before{background:#c4032a}.project-37 .container .summary__cards .stats__card,.project-37 .container .today__overview .stats__card{gap:1.5rem}.project-37 .container .summary__cards .stats__card>*,.project-37 .container .today__overview .stats__card>*{display:flex;justify-content:space-between}.project-37 .container .summary__cards .stats__card .stat__header .stat__label,.project-37 .container .today__overview .stats__card .stat__header .stat__label{font-weight:700}.project-37 .container .summary__cards .stats__card .stat__header .logo img,.project-37 .container .today__overview .stats__card .stat__header .logo img{width:100%;height:100%;object-fit:contain}.project-37 .container .summary__cards .stats__card .stat__footer .stat__count,.project-37 .container .today__overview .stats__card .stat__footer .stat__count{font-size:1.375rem;font-weight:700;color:var(--text-color-lighter)}.project-38{font-family:Red Hat Display,sans-serif;font-size:1rem;line-height:1.5;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-block:2.125rem}.project-38 .btn{background:none;text-align:center;border:none;font-weight:900;cursor:pointer}.project-38 .btn__link{text-decoration:underline;color:#3829e0}.project-38 .btn__link:hover{text-decoration:none;color:color-mix(in srgb,white 20%,hsl(245,75%,52%))}.project-38 .btn__primary{width:100%;background-color:#3829e0;padding:1rem;border-radius:.75rem;color:#f5f7ff;box-shadow:0 10px 30px #0000001a,0 4px 6px #0000000d}.project-38 .btn__primary:hover{background-color:color-mix(in srgb,white 20%,hsl(245,75%,52%))}.project-38 .btn__cancel{width:100%;color:#7280a7}.project-38 .btn__cancel:hover{color:#1f2f56}.project-38 .card{width:90vw;max-width:25em;display:flex;flex-direction:column;justify-content:center;background:#fff;box-shadow:0 10px 30px #0000001a,0 4px 6px #0000000d;transition:all ease-in-out .5s;overflow:hidden;border-radius:1rem}.project-38 .card .card-image{flex:1}.project-38 .card__img{object-fit:cover;width:100%;height:100%}.project-38 .card__content{padding:2rem;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem}.project-38 .card__content h1{font-size:1.5rem;font-weight:900;color:#1f2f56}.project-38 .card__content .order__description{text-align:center;color:#7280a7;font-weight:500}.project-38 .card__content .plan__selection{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-radius:.75rem;padding:1.5rem;background-color:#f5f7ff}.project-38 .card__content .plan__selection .icon{background-color:#e0e8ff;border-radius:50%;padding:1rem;display:grid;place-items:center;color:#7280a7}.project-38 .card__content .plan__selection .content{flex:1}.project-38 .card__content .plan__selection .content h2{font-size:1.125rem;color:#1f2f56;font-weight:900}.project-38 .card__content .plan__selection .content p{color:#7280a7;font-weight:700}.project-39{font-size:.9375rem;line-height:1.5;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Lexend Deca,sans-serif}.project-39 .card{background:#1b1938;box-shadow:0 10px 30px #0000001a,0 4px 6px #0000000d;border-radius:.5rem;display:flex;flex-direction:column-reverse;align-items:stretch;width:60vw;overflow:hidden}@media screen and (min-width: 62rem){.project-39 .card{flex-direction:row;height:auto}}.project-39 .card__content{padding:4rem;display:flex;flex-direction:column;justify-content:space-between;gap:1rem;flex:1;text-align:center}@media screen and (min-width: 62rem){.project-39 .card__content{text-align:left}}.project-39 .card__content .details{display:flex;flex-direction:column;gap:1rem}.project-39 .card__content .details h1{color:#fff;text-align:center}@media screen and (min-width: 62rem){.project-39 .card__content .details h1{text-align:left}}.project-39 .card__content .details h1 span{color:#aa5cdb}.project-39 .card__content .details p{color:#ffffffbf}.project-39 .card__content .stats{display:flex;flex-direction:column;gap:1rem}@media screen and (min-width: 62rem){.project-39 .card__content .stats{flex-direction:row}}.project-39 .card__content .stats .stat{text-align:center;flex:1}@media screen and (min-width: 62rem){.project-39 .card__content .stats .stat{text-align:left}}.project-39 .card__content .stats .stat__amount{color:#fff;font-size:1.75rem;font-weight:700;font-weight:"Inter",sans-serif}.project-39 .card__content .stats .stat__heading{color:#fff9;text-transform:uppercase;font-size:.75rem}.project-39 .card__img{flex:1;width:100%;position:relative;aspect-ratio:1/1}@media screen and (min-width: 62rem){.project-39 .card__img{aspect-ratio:auto;height:auto}}.project-39 .card__img img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(1) brightness(.9)}.project-39 .card__img:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#aa5cdb;mix-blend-mode:multiply;pointer-events:none}.project-40{font-family:League Spartan,sans-serif;font-size:.9375rem;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.project-40 .container{padding-block:5.625rem;width:80vw;display:flex;flex-direction:column;gap:4rem}@media screen and (min-width: 62rem){.project-40 .container{width:70vw}}.project-40 .container .top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:3rem}.project-40 .container .top .description{display:flex;flex-direction:column;gap:2rem}@media screen and (min-width: 62rem){.project-40 .container .top .description{min-width:400px;width:40%}}.project-40 .container .top .description .typing{color:#502050;font-size:2vw;text-align:center;white-space:pre-line;overflow:hidden}@media screen and (min-width: 62rem){.project-40 .container .top .description .typing{text-align:left}}.project-40 .container .top .description p{line-height:1.5;color:#937b92;text-align:center}@media screen and (min-width: 62rem){.project-40 .container .top .description p{text-align:left}}.project-40 .container .top .ratings{flex:1;display:flex;flex-direction:column;gap:1rem}@media screen and (min-width: 62rem){.project-40 .container .top .ratings{flex:none}}.project-40 .container .top .ratings .rating{padding:1rem 2.5rem;border-radius:.625rem;background-color:#f7f2f7;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:1.5rem;box-shadow:0 10px 30px #0000001a,0 4px 6px #0000000d}@media screen and (min-width: 62rem){.project-40 .container .top .ratings .rating{flex-direction:row;justify-content:start}.project-40 .container .top .ratings .rating.reviews{margin-right:4rem}.project-40 .container .top .ratings .rating.guru{margin-left:2rem;margin-right:2rem}.project-40 .container .top .ratings .rating.besttech{margin-left:4rem}}.project-40 .container .top .ratings .rating .star-rating{display:flex;gap:.25rem}@media screen and (min-width: 62rem){.project-40 .container .top .ratings .rating .star-rating{gap:.125rem}}.project-40 .container .top .ratings .rating p{font-weight:700;color:#502050;word-wrap:none}.project-40 .container .reviews__container{display:flex;flex-direction:column;gap:1rem;line-height:1.5}@media screen and (min-width: 62rem){.project-40 .container .reviews__container{gap:2rem;flex-direction:row}}.project-40 .container .reviews__container .review{box-shadow:0 10px 30px #0000001a,0 4px 6px #0000000d;padding:2rem;background-color:#502050;display:flex;flex-direction:column;gap:1.125rem;border-radius:.5rem}@media screen and (min-width: 62rem){.project-40 .container .reviews__container .review.smith{margin-bottom:4rem}.project-40 .container .reviews__container .review.roberts{margin-top:1rem;margin-bottom:2rem}.project-40 .container .reviews__container .review.wallace{margin-top:2rem}}.project-40 .container .reviews__container .review .user__profile{display:flex;align-items:center;gap:1.5rem}.project-40 .container .reviews__container .review .user__profile .avatar{border-radius:50%;width:45px;height:45px}.project-40 .container .reviews__container .review .user__profile .user__details{color:#fff}.project-40 .container .reviews__container .review .user__profile .user__details span{color:#ee68a4}.project-40 .container .reviews__container .review .user__review{color:#f7f2f7}.project-41{font-size:1rem;line-height:1.5;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Karla,sans-serif;padding:2rem}.project-41 .card{box-shadow:0 10px 30px #0000001a,0 4px 6px #0000000d;border-radius:.5rem;overflow:hidden;display:flex;flex-direction:column;width:80vw}@media screen and (min-width: 62rem){.project-41 .card{width:50vw}}.project-41 .card .description{background-color:#fff;padding:2rem;display:flex;flex-direction:column;gap:1rem}.project-41 .card .description .typing{color:#2ab2af}.project-41 .card .description h2{color:#c0df34}.project-41 .card .description p{color:#98a6bd}.project-41 .card .bottom{display:flex;flex-direction:column;align-items:stretch;color:#e5eff5}@media screen and (min-width: 62rem){.project-41 .card .bottom{flex-direction:row}}.project-41 .card .bottom .subscription{background-color:#2ab2af;padding:2rem;flex:1;display:flex;flex-direction:column;justify-content:space-between;gap:2rem}.project-41 .card .bottom .subscription .price{display:flex;align-items:center;gap:.5rem}.project-41 .card .bottom .subscription .price .amount{font-weight:700;font-size:1.75rem}.project-41 .card .bottom .subscription .price span{color:#e5eff5}.project-41 .card .bottom .subscription .btn{text-align:center;padding:1rem;border-radius:.5rem;background-color:#c0df34;color:inherit;font-weight:700;cursor:pointer}.project-41 .card .bottom .subscription .btn:hover{background-color:color-mix(in srgb,white 20%,hsl(71,73%,54%))}.project-41 .card .bottom .why{background-color:color-mix(in srgb,white 25%,hsl(179,62%,43%));padding:2rem;flex:1;display:flex;flex-direction:column;gap:1.5rem}.project-41 .card .bottom .why ul li{list-style:none}.project-42{font-size:1rem;font-family:Josefin Sans,sans-serif;flex:1}.project-42 .container{width:100dvw;display:flex;flex-direction:column}@media screen and (min-width: 62rem){.project-42 .container{flex-direction:row;min-height:90vh;height:auto}}.project-42 .container .left,.project-42 .container .right{flex:1}.project-42 .container .left{display:flex;flex-direction:column}@media screen and (min-width: 62rem){.project-42 .container .left{background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='830'%20height='800'%3e%3cdefs%3e%3clinearGradient%20id='a'%20x1='95.861%25'%20x2='10.913%25'%20y1='2.476%25'%20y2='101.718%25'%3e%3cstop%20offset='0%25'%20stop-color='%23FFF1F1'/%3e%3cstop%20offset='100%25'%20stop-color='%23FFF'/%3e%3c/linearGradient%3e%3clinearGradient%20id='b'%20x1='95.937%25'%20x2='10.848%25'%20y1='2.476%25'%20y2='101.718%25'%3e%3cstop%20offset='0%25'%20stop-color='%23FFF1F1'/%3e%3cstop%20offset='100%25'%20stop-color='%23FFF'/%3e%3c/linearGradient%3e%3c/defs%3e%3cg%20fill='none'%20fill-rule='evenodd'%3e%3cpath%20fill='url(%23a)'%20d='M0%20800c48.557-184.991%20167.048-301.57%20355.473-349.737C543.898%20402.096%20688.074%20252.008%20788%200v800H0z'%20transform='rotate(180%20394%20400)'/%3e%3cpath%20fill='url(%23b)'%20d='M413%20800c25.696-97.814%2088.4-159.455%20188.112-184.924C700.824%20589.608%20777.12%20510.25%20830%20377v423H413z'/%3e%3c/g%3e%3c/svg%3e") no-repeat;background-size:contain;background-color:linear-gradient(135deg,hsl(0,0%,100%),hsl(0,100%,98%))}}.project-42 .container .left .header{padding:2rem}@media screen and (min-width: 62rem){.project-42 .container .left .header{width:70%;margin:0 auto}}@media screen and (min-width: 62rem){.project-42 .container .left .top-img{display:none}}.project-42 .container .left .content{padding:2rem;display:flex;flex-direction:column;justify-content:center;gap:2rem;flex:1}@media screen and (min-width: 62rem){.project-42 .container .left .content{width:70%;margin:0 auto}}.project-42 .container .left .content h1{text-align:center;font-size:4rem;color:#413a3a;text-transform:uppercase;font-weight:400;letter-spacing:.5rem}.project-42 .container .left .content h1 span{font-weight:300;color:#ce9797}@media screen and (min-width: 62rem){.project-42 .container .left .content h1{text-align:left}}.project-42 .container .left .content p{text-align:center;line-height:1.5;color:#ce9797}@media screen and (min-width: 62rem){.project-42 .container .left .content p{text-align:left}}.project-42 .container .left .content .newsletter__form .form-group{border-radius:1.5rem;display:flex;justify-content:space-between;border:1px solid hsl(0,36%,70%)}.project-42 .container .left .content .newsletter__form .form-group.error{border:2px solid hsl(0,93%,68%)}.project-42 .container .left .content .newsletter__form .form-group .input-group{position:relative;flex:1}.project-42 .container .left .content .newsletter__form .form-group .input-group input{border-radius:1.5rem;width:100%;padding:1rem 3rem 1rem 1rem;border:none;text-align:left;color:#413a3a}.project-42 .container .left .content .newsletter__form .form-group .input-group input::placeholder{color:#ce9797}.project-42 .container .left .content .newsletter__form .form-group .input-group .error-icon{position:absolute;top:50%;right:1rem;transform:translateY(-50%);color:#f96262;pointer-events:none;font-weight:700;font-size:1.5rem}.project-42 .container .left .content .newsletter__form .form-group button{background:linear-gradient(135deg,#f8bfbf,#ee8c8c);color:#fff;padding-inline:1.6rem;border:none;border-radius:1.5rem;font-size:1.5rem;display:grid;place-items:center;z-index:999;box-shadow:0 10px 30px #0000001a,0 4px 6px #0000000d;cursor:pointer;transition:all .3s ease}.project-42 .container .left .content .newsletter__form .form-group button:hover,.project-42 .container .left .content .newsletter__form .form-group button:focus,.project-42 .container .left .content .newsletter__form .form-group button:focus-visible{background:#ce9797}.project-42 .container .left .content .newsletter__form .error-message{width:100%;padding:0 1rem;text-align:left;color:#f96262;margin-top:.5rem;font-size:.75rem}.project-42 .container .right{display:none}@media screen and (min-width: 62rem){.project-42 .container .right{display:flex;align-items:center;justify-content:center;flex:1;aspect-ratio:3/4;height:100%;max-height:100vh;overflow:hidden}.project-42 .container .right img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}}.project-43{font-size:1rem;line-height:1.5;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:space-around;gap:1rem;padding:2rem}@media screen and (min-width: 62rem){.project-43{gap:2rem}}.project-43 .header{width:100%}.project-43 .flex{width:80vw;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4rem}@media screen and (min-width: 62rem){.project-43 .flex{flex-direction:row}}.project-43 .flex img{flex:60%;width:100%;height:100%;display:block}.project-43 .flex .content{flex:40%;color:#fff;display:flex;flex-direction:column;align-items:center;gap:1.25rem;text-align:center}@media screen and (min-width: 62rem){.project-43 .flex .content{text-align:left;align-items:flex-start}}.project-43 .flex .content .typing{font-family:Poppins,sans-serif;font-weight:600}.project-43 .flex .content p{font-family:Open Sans,sans-serif;font-weight:400;opacity:70%}.project-43 .flex .content .btn{border-radius:1.5rem;padding:.75rem 3rem;color:#674baf;box-shadow:0 10px 30px #0000001a,0 4px 6px #0000000d;cursor:pointer}.project-43 .flex .content .btn:hover,.project-43 .flex .content .btn:focus,.project-43 .flex .content .btn:focus-within{background-color:#e882e8;color:#fff}.project-44{font-size:1rem;line-height:1.5;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Poppins,sans-serif}.project-44 .toast{position:fixed;top:20px;left:50%;transform:translate(-50%) translateY(-200%);background-color:#3e3c49;color:#fff;padding:1rem;border-radius:.5rem;box-shadow:0 10px 30px #0000001a,0 4px 6px #0000000d;display:flex;flex-direction:column;gap:.75rem;z-index:1000;transition:transform .4s ease,opacity .4s ease}.project-44 .toast.show{transform:translate(-50%) translateY(0)}.project-44 .container{width:85vw;display:flex;flex-direction:column;align-items:center;gap:4rem;color:#fff}@media screen and (min-width: 62rem){.project-44 .container{flex-direction:row;width:65vw}}.project-44 .container .left,.project-44 .container .right{flex:1}.project-44 .container .left{display:flex;flex-direction:column;gap:1.5rem;text-align:center}@media screen and (min-width: 62rem){.project-44 .container .left{text-align:left}}.project-44 .container .left .typing h1{font-size:2rem}.project-44 .container .left p{opacity:76%}.project-44 .container .right{display:flex;flex-direction:column;gap:1rem}.project-44 .container .right .subscription{box-shadow:0 10px 30px #0000001a,0 4px 6px #0000000d;background-color:#6055a5;padding:1rem;text-align:center;border-radius:.5rem;color:#b9b6d3}.project-44 .container .right .subscription span{color:#fff;font-weight:700}.project-44 .container .right .contact-form{padding:2rem;background-color:#fff;border-radius:.5rem;display:flex;flex-direction:column;gap:1rem;box-shadow:0 10px 30px #0000001a,0 4px 6px #0000000d}.project-44 .container .right .contact-form .form-group{border-radius:1.5rem;display:flex;flex-direction:column;gap:.5rem}.project-44 .container .right .contact-form .form-group .input-group{position:relative;flex:1;border-radius:.375rem}.project-44 .container .right .contact-form .form-group .input-group input{border-radius:.375rem;width:100%;padding:1rem 3rem 1rem 1rem;border:none;text-align:left;color:#3e3c49;border:1px solid hsl(246,25%,77%);transition:all .2s ease}.project-44 .container .right .contact-form .form-group .input-group input::placeholder{color:#3e3c49;font-weight:600}.project-44 .container .right .contact-form .form-group .input-group input:-webkit-autofill{background-color:#fff!important;transition:background-color 5000s ease-in-out 0s;-webkit-box-shadow:0 0 0px 1000px white inset!important}.project-44 .container .right .contact-form .form-group .input-group input:focus{border:hsl(249,10%,26%) 1px solid}.project-44 .container .right .contact-form .form-group .input-group input.error{border:hsl(0,100%,74%) 2px solid;color:#ff7a7a}.project-44 .container .right .contact-form .form-group .input-group .error-icon{position:absolute;top:50%;right:1rem;transform:translateY(-50%);color:#ff7a7a;pointer-events:none;font-weight:700;font-size:1.5rem}.project-44 .container .right .contact-form .form-group .error-text{color:#ff7a7a;font-size:.75rem;text-align:right;font-style:italic;font-weight:600}.project-44 .container .right .contact-form button{background:#38cc8c;color:#fff;padding:1rem;border:none;border-radius:.5rem;font-size:.875rem;text-transform:uppercase;text-align:center;box-shadow:0 10px 30px #0000001a,0 4px 6px #0000000d;cursor:pointer;transition:all .3s ease}.project-44 .container .right .contact-form button:hover,.project-44 .container .right .contact-form button:focus,.project-44 .container .right .contact-form button:focus-visible{background-color:color-mix(in srgb,white 25%,hsl(154,59%,51%))}.project-44 .container .right .contact-form .disclaimer{color:#b9b6d3;font-size:.75rem;text-align:center;font-weight:600}.project-44 .container .right .contact-form .disclaimer span{color:#ff7a7a;font-weight:700}.project-45{font-size:.9375rem;flex:1;display:flex;flex-direction:column;align-items:center;font-family:League Spartan,sans-serif;gap:2rem;width:100dvw}.project-45 .header{background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='375'%20height='156'%3e%3cg%20fill='%235CA5A5'%3e%3cpath%20fill='%2363BABA'%20fill-rule='evenodd'%20d='M-86.732%20487.429c-51.432-51.425-51.438-134.806-.013-186.237l.013-.013L309.926-95.424c51.441-51.434%20134.836-51.434%20186.277%200C547.634-44%20547.64%2039.38%20496.216%2090.813c-.005.004-.01.008-.013.013L99.543%20487.429c-51.44%2051.433-134.834%2051.433-186.275%200zm-444.692%2071.824c-51.432-51.424-51.438-134.806-.013-186.237l.013-.013L-134.766-23.6C-83.325-75.034.07-75.034%2051.511-23.6c51.431%2051.424%2051.437%20134.805.013%20186.237l-.013.013-396.66%20396.603c-51.44%2051.433-134.834%2051.433-186.275%200z'/%3e%3c/g%3e%3c/svg%3e"),#5ba4a4;background-repeat:no-repeat;background-size:cover;height:200px;width:100%}@media screen and (min-width: 62rem){.project-45 .header{background-image:url("data:image/svg+xml,%3csvg%20width='1440'%20height='156'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cdefs%3e%3cpath%20id='a'%20d='M0%200h1440v156H0z'/%3e%3c/defs%3e%3cg%20fill='none'%20fill-rule='evenodd'%3e%3cmask%20id='b'%20fill='%23fff'%3e%3cuse%20xlink:href='%23a'/%3e%3c/mask%3e%3cuse%20xlink:href='%23a'/%3e%3cg%20mask='url(%23b)'%20fill='%2363BABA'%3e%3cpath%20d='M495.73%20563.419c-51.439-48.795-53.583-130.05-4.788-181.489a128.377%20128.377%200%200%201%204.789-4.789l418.16-396.66c55.045-52.215%20141.329-52.215%20196.374%200%2050.418%2047.825%2053.478%20126.835%207.634%20178.39l188.06-178.39c55.045-52.215%20141.328-52.215%20196.373%200%2051.44%2048.794%2053.583%20130.049%204.789%20181.488a128.377%20128.377%200%200%201-4.789%204.789l-418.158%20396.658c-55.045%2052.215-141.329%2052.215-196.374%200-50.418-47.825-53.478-126.835-7.634-178.39L692.104%20563.42c-55.045%2052.215-141.328%2052.215-196.373%200ZM360.464%2045.523c-51.44-48.794-53.583-130.05-4.789-181.488a128.377%20128.377%200%200%201%204.789-4.79l418.163-396.663c55.046-52.215%20141.33-52.215%20196.374%200%2051.44%2048.794%2053.583%20130.05%204.789%20181.488a128.376%20128.376%200%200%201-4.789%204.79L556.837%2045.522c-55.045%2052.215-141.328%2052.215-196.373%200Zm-468.795%2071.832c-51.439-48.795-53.583-130.05-4.789-181.489a128.377%20128.377%200%200%201%204.79-4.788l418.16-396.661c55.045-52.215%20141.328-52.215%20196.373%200%2051.44%2048.794%2053.583%20130.05%204.79%20181.488a128.378%20128.378%200%200%201-4.79%204.789l-418.16%20396.66c-55.045%2052.216-141.329%2052.216-196.374%200Z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e")}}.project-45 .container{width:80dvw;display:flex;flex-direction:column;gap:2rem;position:relative;top:-60px}.project-45 .container .filter-bar-wrapper{min-height:60px}.project-45 .container .filter-bar-wrapper .filter-bar{padding:1rem 2rem;background:#fff;border-radius:.375rem;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:space-between;align-items:center;gap:1rem}.project-45 .container .filter-bar-wrapper .filter-bar .tags{display:flex;flex-wrap:wrap;gap:1rem}.project-45 .container .filter-bar-wrapper .filter-bar .tags .tag{display:flex;align-items:center;background-color:color-mix(in srgb,white 80%,hsl(180,29%,50%));border-radius:.375rem;overflow:hidden}.project-45 .container .filter-bar-wrapper .filter-bar .tags .tag span{padding:.5rem .8rem;color:#5ba4a4;font-weight:700}.project-45 .container .filter-bar-wrapper .filter-bar .tags .tag button{background:#5ba4a4;color:#effafa;border:none;padding:.5rem;cursor:pointer}.project-45 .container .filter-bar-wrapper .filter-bar .tags .tag button:hover{background:#2c3a3a}.project-45 .container .filter-bar-wrapper .filter-bar .clear{all:unset;font-weight:700;cursor:pointer;color:#7b8e8e}.project-45 .container .filter-bar-wrapper .filter-bar .clear:hover{color:#5ba4a4;text-decoration:underline}.project-45 .container .filter-bar-wrapper .filter-bar.empty{visibility:hidden}.project-45 .container .job__listings{display:flex;flex-direction:column;gap:2.75rem}.project-45 .container .job__listings .job-card{background:#fff;border-radius:.5rem;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column;align-items:start;gap:1.5rem;padding:1.5rem;position:relative}@media screen and (min-width: 62rem){.project-45 .container .job__listings .job-card{flex-direction:row;align-items:center;justify-content:space-between;gap:2rem;padding:2rem}}.project-45 .container .job__listings .job-card .logo{width:50px;height:50px;position:absolute;top:-25px}@media screen and (min-width: 62rem){.project-45 .container .job__listings .job-card .logo{width:auto;height:auto;position:unset}}.project-45 .container .job__listings .job-card.border-left{border-left:5px solid hsl(180,29%,50%)}.project-45 .container .job__listings .job-card .info{flex:1;display:flex;flex-direction:column;gap:1rem;padding-top:1rem}@media screen and (min-width: 62rem){.project-45 .container .job__listings .job-card .info{padding-top:0;align-self:stretch;justify-content:space-around}}.project-45 .container .job__listings .job-card .info .company-meta,.project-45 .container .job__listings .job-card .info .job-meta{display:flex;align-items:center}.project-45 .container .job__listings .job-card .info .company-meta{gap:.5rem;font-weight:700}.project-45 .container .job__listings .job-card .info .company-meta h2{color:#5ba4a4;font-size:1rem;padding-right:.5rem}.project-45 .container .job__listings .job-card .info .company-meta .new,.project-45 .container .job__listings .job-card .info .company-meta .featured{font-size:.625rem;color:#fff;padding:.25rem .5rem;border-radius:.75rem}.project-45 .container .job__listings .job-card .info .company-meta .new{background-color:#5ba4a4}.project-45 .container .job__listings .job-card .info .company-meta .featured{background-color:#2c3a3a}.project-45 .container .job__listings .job-card .info h3{font-weight:700;font-size:1.125rem;cursor:pointer}.project-45 .container .job__listings .job-card .info h3:hover{color:#5ba4a4}.project-45 .container .job__listings .job-card .info .job-meta{gap:1rem;font-size:.875rem;color:#7b8e8e;font-weight:700}.project-45 .container .job__listings .job-card .info .job-meta .dot{width:4px;height:4px;background:#7b8e8e;border-radius:50%}.project-45 .container .job__listings .job-card hr{width:100%;background-color:#7b8e8e;border:none;height:1px}@media screen and (min-width: 62rem){.project-45 .container .job__listings .job-card hr{display:none}}.project-45 .container .job__listings .job-card .tags{display:flex;flex-wrap:wrap;gap:1rem}.project-45 .container .job__listings .job-card .tags span{border-radius:.375rem;cursor:pointer;transition:.2s;font-weight:700;padding:.375rem .75rem;color:#5ba4a4;background-color:color-mix(in srgb,white 80%,hsl(180,29%,50%))}.project-45 .container .job__listings .job-card .tags span:hover{background-color:#5ba4a4;color:#fff}.project-46{font-size:1rem;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Plus Jakarta Sans,sans-serif;gap:2rem}@media screen and (min-width: 62rem){.project-46{padding-block:2rem}}.project-46 .notifications-container{padding:2rem;max-width:100vw;background-color:#fff;display:flex;flex-direction:column;gap:2rem;border-radius:.5rem;box-shadow:0 2px 10px #0000001a}@media screen and (min-width: 62rem){.project-46 .notifications-container{max-width:40vw}}.project-46 .notifications-container .notifications-header{display:flex;justify-content:space-between;align-items:center}.project-46 .notifications-container .notifications-header h1{font-size:1.25rem;display:flex;gap:1rem}.project-46 .notifications-container .notifications-header h1 span{background-color:#0a317b;color:#fff;font-size:.75rem;padding:.25rem .5rem;border-radius:.375rem}.project-46 .notifications-container .notifications-header button{all:unset;color:#0a317b;cursor:pointer}.project-46 .notifications-container .notifications-list{display:flex;flex-direction:column;gap:.75rem}.project-46 .notifications-container .notifications-list .notification{display:flex;gap:1rem;padding:1rem;border-radius:.5rem;background-color:#fff;transition:none;transform-origin:center}.project-46 .notifications-container .notifications-list .notification.unread{background-color:#f7fafd}.project-46 .notifications-container .notifications-list .notification .avatar{width:40px;height:40px;border-radius:50%}.project-46 .notifications-container .notifications-list .notification .content{flex:1;display:flex;gap:.5rem;flex-direction:column;font-size:.75rem}.project-46 .notifications-container .notifications-list .notification .content .message .name,.project-46 .notifications-container .notifications-list .notification .content .message .target{font-weight:800;cursor:pointer}.project-46 .notifications-container .notifications-list .notification .content .message .name:hover,.project-46 .notifications-container .notifications-list .notification .content .message .target:hover{color:#0a317b}.project-46 .notifications-container .notifications-list .notification .content .message .target{color:#5e6778}.project-46 .notifications-container .notifications-list .notification .content .message .dot{display:inline-block;width:.5em;height:.5em;background-color:#f65351;border-radius:50%;margin-left:.375em;transform-origin:center}.project-46 .notifications-container .notifications-list .notification .content .time{color:#939dae;font-size:.8125rem}.project-46 .notifications-container .notifications-list .notification .content .private-message{color:#5e6778;border:1px solid hsl(211,68%,94%);padding:1rem;border-radius:.5em;cursor:pointer}.project-46 .notifications-container .notifications-list .notification .content .private-message:hover{background-color:#e5effa}.project-46 .notifications-container .notifications-list .notification .thumbnail{width:40px;height:40px;border-radius:5px;cursor:pointer}.project-47{font-size:1.25rem;line-height:1.5;flex:1;display:flex;flex-direction:column;align-items:center;font-family:Inconsolata,monospace;gap:2rem;color:#fff;padding:2rem}.project-47 .container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem}.project-47 .container .welcome__form{color:#d2d1d6;text-align:center;display:flex;flex-direction:column;gap:2rem}.project-47 .container .welcome__form h1{color:#fff}.project-47 .container .welcome__form .form{text-align:start;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:1rem;max-width:500px}.project-47 .container .welcome__form .form .form-group{display:flex;flex-direction:column;gap:.75rem}.project-47 .container .welcome__form .form .form-group .upload-box{padding:1rem;border:2px dashed hsl(245,15%,58%);text-align:center;cursor:pointer;border-radius:.5rem;background-color:#ffffff1a;position:relative}.project-47 .container .welcome__form .form .form-group .upload-box .placeholder-wrapper{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1.5rem}.project-47 .container .welcome__form .form .form-group .upload-box .placeholder-wrapper .placeholder-icon{border-radius:.5rem;padding:.5rem;background-color:#ffffff1a;box-shadow:0 2px 10px #0000001a;border:1px solid hsl(245,19%,35%)}.project-47 .container .welcome__form .form .form-group .upload-box .placeholder-wrapper .placeholder-icon .icon{width:35px;height:35px;display:block}.project-47 .container .welcome__form .form .form-group .upload-box .placeholder-wrapper p{font-size:1rem;color:#8784a4;font-weight:700}.project-47 .container .welcome__form .form .form-group .upload-box:hover{background-color:#ffffff4d}.project-47 .container .welcome__form .form .form-group .upload-box:hover .placeholder-icon{outline:hsl(245,15%,58%) solid 1px}.project-47 .container .welcome__form .form .form-group .upload-box .preview-wrapper{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.project-47 .container .welcome__form .form .form-group .upload-box .preview-wrapper .avatar-preview{width:70px;height:70px;object-fit:cover;border-radius:.5rem;outline:hsl(0,0%,100%) solid 1px}.project-47 .container .welcome__form .form .form-group .upload-box .preview-wrapper .action-buttons{display:flex;gap:.625rem}.project-47 .container .welcome__form .form .form-group .upload-box .preview-wrapper .action-buttons button{all:unset;padding:.375rem .75rem;border-radius:.25rem;background-color:#ffffff4d;color:#fff;font-size:.85rem;cursor:pointer;transition:background-color .2s ease}.project-47 .container .welcome__form .form .form-group .upload-box .preview-wrapper .action-buttons button:hover{background-color:#f57261}.project-47 .container .welcome__form .form .form-group .upload-box .preview-wrapper .action-buttons button:nth-child(1){text-decoration:underline}.project-47 .container .welcome__form .form .form-group .upload-box:focus,.project-47 .container .welcome__form .form .form-group .upload-box:focus-visible{outline:hsl(245,15%,58%) 1px solid;outline-offset:2px}.project-47 .container .welcome__form .form .form-group .info-box{font-size:.75rem;color:#8784a4;display:flex;gap:.625rem;align-items:center}.project-47 .container .welcome__form .form .form-group .info-box.error{color:#f57261}.project-47 .container .welcome__form .form .form-group .info-box .info,.project-47 .container .welcome__form .form .form-group .info-box .error-text{display:flex;gap:.625rem;align-items:center}.project-47 .container .welcome__form .form .form-group .input{padding:1rem;border-radius:.5rem;border:2px solid hsl(245,15%,58%);background-color:#ffffff1a;color:#fff;cursor:pointer}.project-47 .container .welcome__form .form .form-group .input.error{border:hsl(7,71%,60%) 1px solid}.project-47 .container .welcome__form .form .form-group .input:focus{outline:hsl(245,15%,58%) 1px solid;outline-offset:2px}.project-47 .container .welcome__form .form .form-group .input:hover{background-color:#ffffff4d}.project-47 .container .welcome__form .form .form-group .input::placeholder{font-family:Inconsolata,monospace;color:#8784a4}.project-47 .container .welcome__form .form .btnSubmit{padding:1rem;border-radius:.5rem;background-color:#f57261;cursor:pointer;text-align:center;font-weight:700;color:#0c082b}.project-47 .container .welcome__form .form .btnSubmit:hover{background-color:#e16151}.project-47 .container .welcome__form .form .btnSubmit:focus{outline:hsl(245,15%,58%) 1px solid;outline-offset:2px}.project-47 .container .confirmation{max-width:500px;display:flex;flex-direction:column;gap:2rem;text-align:center}.project-47 .container .confirmation h2{font-size:2.5rem}.project-47 .container .confirmation h2 span{background:linear-gradient(to right,#f37362,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.project-47 .container .confirmation p{font-weight:400;font-size:1.125rem;color:#d2d1d6}.project-47 .container .confirmation p span{color:color-mix(in srgb,white 30%,hsl(7,88%,67%))}.project-47 .container .confirmation .ticket{position:relative;width:100%;margin:0 auto;aspect-ratio:2;overflow:hidden;text-align:left;display:flex;align-items:center;justify-content:space-between;padding:1rem}.project-47 .container .confirmation .ticket .bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;z-index:0;pointer-events:none}.project-47 .container .confirmation .ticket .contents{z-index:1;position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;height:100%;gap:1rem;flex:1}@media screen and (min-width: 48rem){.project-47 .container .confirmation .ticket .contents{padding:1.5rem}}.project-47 .container .confirmation .ticket .contents .conference,.project-47 .container .confirmation .ticket .contents .user{display:flex;align-items:center;gap:1rem}.project-47 .container .confirmation .ticket .contents .conference__img,.project-47 .container .confirmation .ticket .contents .user__img{width:30px;height:30px;object-fit:cover;border-radius:.5rem;display:block}.project-47 .container .confirmation .ticket .contents .conference__details h3,.project-47 .container .confirmation .ticket .contents .user__details h3{font-size:clamp(16px,3vw,32px)}.project-47 .container .confirmation .ticket .contents .conference__details .datelocation,.project-47 .container .confirmation .ticket .contents .conference__details .github__handle,.project-47 .container .confirmation .ticket .contents .user__details .datelocation,.project-47 .container .confirmation .ticket .contents .user__details .github__handle{display:flex;align-items:center;font-size:clamp(10px,1.3vw,12px);color:#d2d1d6}.project-47 .container .confirmation .ticket .contents .conference__details .datelocation p,.project-47 .container .confirmation .ticket .contents .conference__details .github__handle p,.project-47 .container .confirmation .ticket .contents .user__details .datelocation p,.project-47 .container .confirmation .ticket .contents .user__details .github__handle p{font-size:clamp(10px,1.3vw,12px)}.project-47 .container .confirmation .ticket .ticket__number{transform:rotate(90deg);transform-origin:center;font-size:clamp(14px,1.5vw,20px);color:#8784a4;opacity:.7;letter-spacing:.1em}.project-48{font-family:Bai Jamjuree,sans-serif;font-size:1.125rem;line-height:1.5;width:100%;flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3rem}.project-48 section{padding-block:3rem;width:90vw;display:flex;flex-direction:column;align-items:center;gap:2rem}.project-48 section h1,.project-48 section h2,.project-48 section h3{color:#4c545d}.project-48 section p{color:#9fabb2;font-size:clamp(14px,1vw,16px)}.project-48 section .header__container{text-align:center;max-width:500px;display:flex;flex-direction:column;align-items:center;gap:2rem}.project-48 section .header__container .logo{width:70px;height:70px;display:inline-block}.project-48 section .btn__container{display:flex;flex-wrap:wrap;gap:1rem}.project-48 section .btn__container .btn{all:unset;width:100%;padding:.75rem 1.5rem;cursor:pointer;border-radius:1.5625rem;font-weight:700;text-align:center;color:#fff;box-shadow:inset 0 10px 30px #1111,0 4px 6px #00000052}@media screen and (min-width: 62rem){.project-48 section .btn__container .btn{width:auto}}.project-48 section .btn__container .btn.ios{background-color:#26baa4}.project-48 section .btn__container .btn.ios:hover,.project-48 section .btn__container .btn.ios:focus,.project-48 section .btn__container .btn.ios:focus-visible{background-color:color-mix(in srgb,white 20%,hsl(171,66%,44%))}.project-48 section .btn__container .btn.mac{background-color:#6173ff}.project-48 section .btn__container .btn.mac:hover,.project-48 section .btn__container .btn.mac:focus,.project-48 section .btn__container .btn.mac:focus-visible{background-color:color-mix(in srgb,white 20%,hsl(233,100%,69%))}.project-48 section .content{width:90vw;display:flex;flex-direction:column;align-items:center;gap:3rem}@media screen and (min-width: 62rem){.project-48 section .content{flex-direction:row;align-self:flex-start;margin-left:-120px}}.project-48 section .content img{flex:1;width:100%;height:auto;display:block}.project-48 section .content .features{flex:1;display:flex;flex-direction:column;gap:2rem}.project-48 section .content .features .feature{text-align:center}@media screen and (min-width: 62rem){.project-48 section .content .features .feature{text-align:left}}.project-48 section img.devices{width:100%;max-width:700px;height:auto;display:block}.project-48 section .tools{width:80vw;flex:1;display:flex;flex-direction:column;gap:2rem}@media screen and (min-width: 62rem){.project-48 section .tools{flex-direction:row}}.project-48 section .tools .tool{flex:1;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.project-48 section .tools .tool img{display:block;width:40px;height:40px;object-fit:contain}.project-48 section .partners{width:80vw;display:flex;flex-direction:column;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:2rem}@media screen and (min-width: 62rem){.project-48 section .partners{flex-direction:row}}.project-48 .footer-this{width:100%;background:#cccccc31;padding-block:1rem}.project-48 .footer-this .container{margin:0 auto;width:80vw;display:flex;flex-direction:column;align-items:center;gap:2rem;text-align:center}@media screen and (min-width: 62rem){.project-48 .footer-this .container{justify-content:space-between;text-align:left;flex-direction:row;gap:5rem}}.project-48 .footer-this .container img{display:block;width:50px}.project-48 .footer-this .container .nav-links{flex:1;display:grid;gap:1rem}.project-48 .footer-this .container .nav-links a{color:#4c545d}.project-48 .footer-this .container .nav-links a:hover{color:#26baa4}@media screen and (min-width: 62rem){.project-48 .footer-this .container .nav-links{grid-template-columns:repeat(3,auto);grid-template-rows:repeat(2,auto);gap:.5rem 2rem}.project-48 .footer-this .container .nav-links a{color:#4c545d}.project-48 .footer-this .container .nav-links a:nth-child(1),.project-48 .footer-this .container .nav-links a:nth-child(2){grid-column:1}.project-48 .footer-this .container .nav-links a:nth-child(3),.project-48 .footer-this .container .nav-links a:nth-child(4){grid-column:2}.project-48 .footer-this .container .nav-links a:nth-child(1),.project-48 .footer-this .container .nav-links a:nth-child(3),.project-48 .footer-this .container .nav-links a:nth-child(5){grid-row:1}.project-48 .footer-this .container .nav-links a:nth-child(2),.project-48 .footer-this .container .nav-links a:nth-child(4){grid-row:2}.project-48 .footer-this .container .nav-links a:nth-child(5){grid-column:3}}.project-48 .footer-this .container .social-links{display:flex;gap:1rem}.project-48 .footer-this .container .social-links a{all:unset;cursor:pointer;color:#4c545d}.project-48 .footer-this .container .social-links a:hover{color:#26baa4}.project-49{font-family:Open Sans,sans-serif;font-size:.875rem;width:100dvw;color:#fff}.project-49 section{padding-block:2rem}.project-49 p{color:#fff;opacity:80%}.project-49 .container{width:80vw;margin:0 auto;padding:1rem}.project-49 .btn{padding:1rem 2rem;border:none;cursor:pointer;border-radius:1.5625rem;font-weight:700;text-align:center;background:linear-gradient(to right,#65e2d9,#339ecc);color:#fff;transition:background .3s ease}.project-49 .btn:hover,.project-49 .btn:focus,.project-49 .btn:focus-visible{background:#65e2d9}.project-49 .intro{background:#1c2431;background-image:url("data:image/svg+xml,%3csvg%20width='375'%20height='141'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cdefs%3e%3cpath%20id='a'%20d='M0%200h375v141H0z'/%3e%3c/defs%3e%3cg%20fill='none'%20fill-rule='evenodd'%3e%3cmask%20id='b'%20fill='%23fff'%3e%3cuse%20xlink:href='%23a'/%3e%3c/mask%3e%3cpath%20d='M0%20128.937c22.708-1.669%2044.049-15.69%2064.024-42.063%2029.962-39.56%2023.473-54.118%2073.218-40.562%2049.746%2013.556%2045.508%204.677%2077.494-26.648%2031.985-31.325%2052.746-24.157%2072.245%2013.912%2019.499%2038.07%2055.147%2047.264%2088.395%2061.244%2022.165%209.32%2022.165%201296.047%200%203860.18H0V128.937z'%20fill='%23181F2B'%20mask='url(%23b)'/%3e%3c/g%3e%3c/svg%3e");background-repeat:no-repeat;background-size:contain;background-position:bottom}@media screen and (min-width: 62rem){.project-49 .intro{background-image:url("data:image/svg+xml,%3csvg%20width='1440'%20height='449'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cdefs%3e%3cpath%20id='a'%20d='M0%200h1454v449H0z'/%3e%3c/defs%3e%3cg%20transform='translate(-14)'%20fill='none'%20fill-rule='evenodd'%3e%3cmask%20id='b'%20fill='%23fff'%3e%3cuse%20xlink:href='%23a'/%3e%3c/mask%3e%3cpath%20d='M14%20413.954c90.836-5.359%20176.206-50.375%20256.111-135.046C389.968%20151.9%20364.01%20105.164%20563.005%20148.686%20762%20192.207%20745.05%20163.699%20873%2063.13c127.95-100.57%20211-77.554%20289%2044.667%2078%20122.222%20151%20162.895%20284%20207.778%2088.667%2029.921%2092.03%20848.285%2010.091%202455.09H14V413.956z'%20fill='%23181F2B'%20mask='url(%23b)'/%3e%3c/g%3e%3c/svg%3e")}}.project-49 .intro .navbar{display:flex;justify-content:space-between;align-items:center}.project-49 .intro .navbar .logo img{max-width:7.5rem;height:auto;display:block}.project-49 .intro .navbar .nav-links{display:flex;gap:1rem}.project-49 .intro .navbar .nav-links a{color:#fff;text-decoration:none;transition:all .4s ease}.project-49 .intro .navbar .nav-links a:hover,.project-49 .intro .navbar .nav-links a:focus,.project-49 .intro .navbar .nav-links a:focus-visible{font-weight:700}.project-49 .intro__content{padding-top:2rem;max-width:700px;width:70vw;margin:0 auto;display:flex;align-items:center;flex-direction:column;text-align:center;gap:1.25rem;padding:2rem}.project-49 .intro__content .image{flex:1}.project-49 .intro__content .image img{width:100%;height:100%;display:block}.project-49 .intro__content h1,.project-49 .intro__content p{width:100%}.project-49 .intro__content .btn{padding-inline:4.375rem}.project-49 .features .container{max-width:800px;width:70vw;display:grid;grid-template-columns:1fr;gap:2rem}@media screen and (min-width: 62rem){.project-49 .features .container{grid-template-columns:repeat(2,1fr)}}.project-49 .features .container .feature{text-align:center;padding:2rem;border-radius:12px;color:#fff;display:flex;flex-direction:column;align-items:center;gap:1rem}.project-49 .features .container .feature img{width:60px;height:60px;object-fit:contain;display:block}.project-49 .features .container .feature h3{font-size:1.25rem}.project-49 .features .container .feature p{font-size:.875rem;line-height:1.5}.project-49 .productivity .container{display:flex;flex-direction:column;align-items:flex-start;gap:2rem}@media screen and (min-width: 62rem){.project-49 .productivity .container{flex-direction:row;align-items:center}}.project-49 .productivity .container .image{flex:1}.project-49 .productivity .container .image img{width:100%;height:100%;display:block}.project-49 .productivity .container .contents{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:.875rem}.project-49 .productivity .container .contents h2{font-size:1.75rem}.project-49 .productivity .container .contents p{line-height:1.6;font-size:.875rem}.project-49 .productivity .container .contents a{color:#65e2d9;display:inline-flex;gap:.5rem;border-bottom:1px solid hsl(176,68%,64%)}.project-49 .productivity .container .contents a .icon{font-size:1.125rem}.project-49 .productivity .container .contents a:hover{color:#fff;border-color:#fff}.project-49 .testimonials .container{padding-block:2rem;position:relative;display:flex;flex-direction:column;gap:2rem}@media screen and (min-width: 62rem){.project-49 .testimonials .container{flex-direction:row;align-items:center}}.project-49 .testimonials .container .quote{position:absolute;top:-5px;left:0;z-index:0}.project-49 .testimonials .container .testimonial{z-index:1;background:#202a3c;border-radius:.5rem;padding:2rem;display:flex;flex-direction:column;gap:2rem;color:#fff}.project-49 .testimonials .container .testimonial .user{display:flex;align-items:center;gap:.5rem}.project-49 .testimonials .container .testimonial .user img{border-radius:50%;width:35px}.project-49 .testimonials .container .testimonial .user__details p{font-weight:700}.project-49 .testimonials .container .testimonial .user__details span{font-size:.75rem;opacity:80%}.project-49 .newsletter{padding:6rem 1rem 0;display:flex;justify-content:center;position:relative;z-index:2}.project-49 .newsletter__container{background:#1c2431;color:#fff;padding:3rem;border-radius:.75rem;box-shadow:0 10px 30px #1111,0 4px 6px #00000052;max-width:800px;width:70vw;text-align:center;display:flex;flex-direction:column;gap:1.25rem;margin-bottom:-100px}.project-49 .newsletter__title{font-size:1.75rem;font-weight:700}.project-49 .newsletter__description{font-size:.875rem;line-height:1.5;opacity:.8}.project-49 .newsletter__form{display:flex;flex-direction:column;gap:2rem;width:100%}@media screen and (min-width: 62rem){.project-49 .newsletter__form{flex-direction:row;align-items:flex-start}}.project-49 .newsletter__input-wrapper{flex:1;display:flex;flex-direction:column}.project-49 .newsletter__input-wrapper input{flex:1;padding:1rem 2rem;border-radius:1.5rem;border:none;font-size:1rem;text-align:left}.project-49 .newsletter__input-wrapper .error-message{color:#ff4242;font-size:.75rem;margin-top:.5rem;text-align:left;padding:0 2rem}.project-49 .footer-49{color:#fff;padding-top:8rem;font-size:.95rem}.project-49 .footer-49 .logo img{margin-bottom:2rem}.project-49 .footer-49 .content{display:flex;flex-direction:column;gap:2rem}@media screen and (min-width: 62rem){.project-49 .footer-49 .content{flex-direction:row;flex-wrap:wrap;align-items:flex-start;justify-content:space-between}}.project-49 .footer-49 .row{display:flex;gap:1.125rem;align-items:center}.project-49 .footer-49 .row p{color:#fff;opacity:.8}.project-49 .footer-49 .row p.address{max-width:400px}.project-49 .footer-49 .row .icon{font-size:1.25rem;min-width:1.25rem;min-height:1.25rem;flex-shrink:0;font-size:1.125rem}.project-49 .footer-49 .row .icon.loco{align-self:flex-start}.project-49 .footer-49 .row .iconimg{width:1.25rem;height:auto;flex-shrink:0}.project-49 .footer-49 .contact{flex:1;display:flex;flex-direction:column;gap:1rem}.project-49 .footer-49 .nav-links{display:flex;flex-direction:column;flex:1;gap:1rem}.project-49 .footer-49 .nav-links a{font-weight:400;color:#fff;transition:color .3s}.project-49 .footer-49 .nav-links a:hover{font-weight:700}.project-49 .footer-49 .social-links{display:flex;justify-content:end;gap:1rem;align-items:center;align-self:center}@media screen and (min-width: 62rem){.project-49 .footer-49 .social-links{align-self:flex-start}}.project-49 .footer-49 .social-links a{color:#fff;display:grid;place-content:center;border-radius:50%;border:1px solid hsl(0,0%,100%);width:30px;height:30px;font-size:1.75rem;padding:.5rem}.project-49 .footer-49 .social-links a .icon{width:100%;height:100%}.project-49 .footer-49 .social-links a:hover{color:#65e2d9;border:1px solid hsl(176,68%,64%)}.project-50{font-family:Barlow,sans-serif;font-size:1.125rem;width:100dvw}.project-50 .hero{background-image:url(/frontend-mentor-challenges-using-react/assets/image-header-DNUN7mqN.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;height:80vh;display:flex;flex-direction:column;justify-content:center;padding:2rem}@media screen and (min-width: 62rem){.project-50 .hero{background-image:url(/frontend-mentor-challenges-using-react/assets/image-header-C9FetAey.jpg)}}.project-50 .hero .container{position:relative;display:flex;flex-direction:column;height:100%}.project-50 .hero .container .navbar{display:flex;justify-content:space-between;align-items:center}.project-50 .hero .container .navbar .menu-toggle{background:none;border:none;cursor:pointer}.project-50 .hero .container .navbar .menu-toggle .icon{font-size:2rem;color:#fff}.project-50 .hero .container .navbar .nav-links{display:none}@media screen and (min-width: 62rem){.project-50 .hero .container .navbar .menu-toggle{display:none}.project-50 .hero .container .navbar .nav-links{display:flex;align-items:center;gap:3rem}.project-50 .hero .container .navbar .nav-links a{color:#fff;cursor:pointer;position:relative;text-decoration:none;padding-bottom:4px;transition:all .4s ease}.project-50 .hero .container .navbar .nav-links a:hover,.project-50 .hero .container .navbar .nav-links a:focus,.project-50 .hero .container .navbar .nav-links a:focus-visible{color:#ffffff80}.project-50 .hero .container .navbar .nav-links .btn{border:none;padding:.75rem 1.5rem;background-color:#fff;color:#23303e;font-weight:700;text-transform:uppercase;font-family:Fraunces,serif;transition:background .3s ease;cursor:pointer;border-radius:1.5625rem}.project-50 .hero .container .navbar .nav-links .btn:hover,.project-50 .hero .container .navbar .nav-links .btn:focus,.project-50 .hero .container .navbar .nav-links .btn:focus-visible{color:#fff;background-color:#ffffff59}}.project-50 .hero .container .mobile-menu{position:absolute;top:80px;background-color:#fff;z-index:1000;display:flex;flex-direction:column;transition:transform .3s ease-in-out,opacity .3s ease-in-out}.project-50 .hero .container .mobile-menu.open{width:100%}.project-50 .hero .container .mobile-menu :before{content:""!important;display:block;border-bottom:30px solid hsl(0,100%,100%)!important;border-left:30px solid transparent!important;position:absolute!important;top:-9%!important;right:0!important;z-index:999!important}.project-50 .hero .container .mobile-menu .mobile-nav{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;padding:3rem}.project-50 .hero .container .mobile-menu .mobile-nav a{font-size:1.25rem;font-weight:600;color:#818498;width:100%;text-align:center}.project-50 .hero .container .mobile-menu .mobile-nav .btn{text-transform:uppercase;text-align:center;padding:.75rem 2rem;font-size:1.125rem;background-color:#fad400;color:#23303e;font-family:Fraunces,serif;font-weight:700;border-radius:2.125rem}@media screen and (min-width: 62rem){.project-50 .hero .container .mobile-menu{display:none}}.project-50 .hero .container .intro{flex:1;display:flex;flex-direction:column;align-items:center;padding-top:3.75rem;gap:3rem}.project-50 .hero .container .intro h1{text-transform:uppercase;font-family:Fraunces,serif;letter-spacing:.25em;color:#fff;font-size:2rem;margin-bottom:2rem;text-align:center}@media screen and (min-width: 62rem){.project-50 .hero .container .intro h1{font-size:3rem}}.project-50 .services .service-block{display:flex;flex-direction:column;align-items:center;justify-content:center}@media screen and (min-width: 62rem){.project-50 .services .service-block{flex-direction:row;height:auto;align-items:stretch}}@media screen and (min-width: 62rem){.project-50 .services .service-block.reverse{flex-direction:row-reverse}}.project-50 .services .service-block picture{width:100%}.project-50 .services .service-block picture img{width:100%;height:100%;object-fit:cover;display:block}@media screen and (min-width: 62rem){.project-50 .services .service-block picture{width:50%}}.project-50 .services .service-block .text-block{padding:2.5rem;display:flex;align-items:center;justify-content:center}@media screen and (min-width: 62rem){.project-50 .services .service-block .text-block{width:50%;padding:3.75rem}}.project-50 .services .service-block .text-block .content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;text-align:center}@media screen and (min-width: 62rem){.project-50 .services .service-block .text-block .content{text-align:left;align-items:flex-start;width:70%;margin:0 auto}}.project-50 .services .service-block .text-block .content h2{font-family:Fraunces,serif;font-size:clamp(2rem,2vw,3rem);color:#23303e}.project-50 .services .service-block .text-block .content p{font-size:1rem;color:#818498}.project-50 .services .service-block .text-block .content .learn-more{position:relative;font-family:Fraunces,serif;font-weight:900;text-transform:uppercase;font-size:.75rem;letter-spacing:.125em;display:inline-block;color:#23303e}.project-50 .services .service-block .text-block .content .learn-more:after{content:"";display:block;width:100%;height:8px;border-radius:5px;margin-top:-6px}.project-50 .services .service-block .text-block .content .learn-more.yellow:after{background:#fad40066}.project-50 .services .service-block .text-block .content .learn-more.yellow:hover:after{background:#fad400}.project-50 .services .service-block .text-block .content .learn-more.red:after{background:#fe786766}.project-50 .services .service-block .text-block .content .learn-more.red:hover:after{background:#fe7867}.project-50 .specialties{display:flex;flex-direction:column}@media screen and (min-width: 62rem){.project-50 .specialties{flex-direction:row}}.project-50 .specialties .specialty{position:relative;text-align:center}@media screen and (min-width: 62rem){.project-50 .specialties .specialty{width:50%}}.project-50 .specialties .specialty img{width:100%;height:auto;display:block;object-fit:cover;object-position:top}.project-50 .specialties .specialty .text-block{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);width:80%;color:#25564b;display:flex;flex-direction:column;gap:1.75rem}@media screen and (min-width: 62rem){.project-50 .specialties .specialty .text-block{bottom:3rem;width:60%}}.project-50 .specialties .specialty .text-block h2{font-family:Fraunces,serif;font-size:clamp(1.5rem,1.2vw,2rem)}.project-50 .specialties .specialty .text-block p{font-size:1rem;line-height:1.5}.project-50 .specialties .specialty.photography .text-block{color:#19536b}.project-50 .testimonials .container{width:90vw;margin:0 auto;padding-block:3.75rem;display:flex;flex-direction:column;align-items:center;gap:2rem}.project-50 .testimonials .container h2{text-transform:uppercase;letter-spacing:.1875em;font-family:Fraunces,serif;color:#a7abae}.project-50 .testimonials .container .testimonial{border-radius:.5rem;padding:2rem;display:flex;flex-direction:column;gap:2rem}@media screen and (min-width: 62rem){.project-50 .testimonials .container .testimonial{flex-direction:row}}.project-50 .testimonials .container .testimonial__content{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem}.project-50 .testimonials .container .testimonial__content img{border-radius:50%;width:35px}.project-50 .testimonials .container .testimonial__content .comment{font-family:Barlow,sans-serif;color:#5a636c;font-size:1rem}.project-50 .testimonials .container .testimonial .user{display:flex;flex-direction:column;align-items:center;gap:.5rem}.project-50 .testimonials .container .testimonial .user p{font-weight:700;color:#000;font-family:Fraunces,serif}.project-50 .testimonials .container .testimonial .user span{font-size:.75rem;color:#a7abae;font-family:Barlow,sans-serif}.project-50 .image__gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:0}.project-50 .image__gallery picture{width:100%;height:auto}.project-50 .image__gallery picture img{width:100%;display:block;height:auto;object-fit:cover}@media screen and (min-width: 62rem){.project-50 .image__gallery{grid-template-columns:repeat(4,1fr)}}.project-50 .footer-50{padding-block:2rem}.project-50 .footer-50 .container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem}.project-50 .footer-50 .container img{display:block}.project-50 .footer-50 .nav-links{display:flex;gap:2rem}.project-50 .footer-50 .nav-links a{color:#25564b;font-weight:600;transition:color .3s}.project-50 .footer-50 .nav-links a:hover{color:#fff}.project-50 .footer-50 .social-links{display:flex;gap:1rem}.project-50 .footer-50 .social-links a{font-size:1.25rem;color:#25564b}.project-50 .footer-50 .social-links a .icon{display:block}.project-50 .footer-50 .social-links a:hover{color:#fff}.project-51{font-family:DM Sans,sans-serif;font-size:1.125rem;flex:1;display:flex;align-items:center;justify-content:center;padding-block:2rem}.project-51 h1{font-size:3rem;margin-bottom:2rem}.project-51 h2{font-size:2.125rem}.project-51 h1,.project-51 h2{font-weight:500}.project-51 p{font-size:1rem;line-height:1.6}.project-51 img{display:block}.project-51 .container{width:85vw;gap:2rem;display:grid;grid-template-areas:"content-grid" "post-ai"}@media screen and (min-width: 62rem){.project-51 .container{grid-template-columns:1fr 3fr;grid-template-areas:"post-ai content-grid "}}.project-51 .container .content-grid{grid-area:content-grid;display:grid;grid-template-columns:1fr;grid-template-areas:"socialmedia" "manage" "posting-schedule" "schedule-social" "followers" "audience";gap:2rem}@media screen and (min-width: 62rem){.project-51 .container .content-grid{grid-template-columns:repeat(3,1fr);grid-template-areas:"socialmedia socialmedia schedule-social" "manage    posting-schedule   schedule-social" "audience   followers     followers"}}.project-51 .container .postai{grid-area:post-ai;display:flex;flex-direction:column;gap:2rem}.project-51 .card{border-radius:.5rem;padding:2rem;text-align:center;display:flex;flex-direction:column;height:100%;box-shadow:0 10px 20px #0000000d;transition:box-shadow .3s ease-in-out}.project-51 .card:hover{box-shadow:0 15px 25px #0000001a}.project-51 .card img{max-width:100%}.project-51 .card.social-media{grid-area:socialmedia;padding:3rem;align-items:center;gap:.5rem}.project-51 .card.social-media span{color:#ffcb6b}.project-51 .card.manage{grid-area:manage;gap:1rem}.project-51 .card.manage img{object-fit:cover;height:100%;width:auto;object-position:left}@media screen and (min-width: 62rem){.project-51 .card.manage{padding-right:0}.project-51 .card.manage h2{padding-right:1rem}}.project-51 .card.posting-schedule{grid-area:posting-schedule;justify-content:space-between;padding-bottom:0;gap:1rem;text-align:left}@media screen and (min-width: 62rem){.project-51 .card.posting-schedule{padding-bottom:0}.project-51 .card.posting-schedule img{max-height:140px;object-fit:cover;object-position:top}}.project-51 .card.schedule-social{grid-area:schedule-social;gap:2rem}@media screen and (min-width: 62rem){.project-51 .card.schedule-social{padding-right:0}.project-51 .card.schedule-social img{object-fit:cover;height:100%;width:auto;object-position:left}.project-51 .card.schedule-social h2,.project-51 .card.schedule-social p{padding-right:2rem;text-align:left}}.project-51 .card.followers{grid-area:followers;align-items:center;padding-inline:3.75rem;gap:2rem}@media screen and (min-width: 62rem){.project-51 .card.followers{flex-direction:row;padding:2rem;text-align:left}}.project-51 .card.audience{grid-area:audience;justify-content:space-between;gap:1rem}.project-51 .card.audience .content{display:flex;flex-direction:column;gap:1rem}.project-51 .card.audience .content h2{font-size:3.375rem}.project-51 .card.audience img{align-self:flex-start;width:50%}@media screen and (min-width: 62rem){.project-51 .card.audience img{width:90%;height:auto}}.project-51 .card.create-post{gap:1rem}.project-51 .card.create-post span{color:#7650dc;font-style:italic}.project-51 .card.ai{justify-content:space-between;gap:1rem}.project-51 .card.manage,.project-51 .card.audience,.project-51 .card.create-post,.project-51 .card.ai{text-align:left}.project-51 .card.manage img,.project-51 .card.audience img,.project-51 .card.create-post img,.project-51 .card.ai img{align-self:flex-start}.project-51 .card.posting-schedule img,.project-51 .card.create-post img,.project-51 .card.ai img{width:60%}@media screen and (min-width: 62rem){.project-51 .card.posting-schedule img,.project-51 .card.create-post img,.project-51 .card.ai img{width:100%;height:auto}}.project-51 .card.social-media img{width:10em}.project-51 .card.purple{background-color:#7650dc;color:#fff}.project-51 .card.yellow{background-color:#ffcb6b}.project-51 .card.lightyellow{background-color:#f9eee1}.project-51 .card.lightpurple{background-color:#dacffc}.project-51 .card.white{background-color:#fff}.project-52{font-family:Montserrat,sans-serif;font-size:.9375rem;font-weight:700;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.project-52 .container{display:flex;flex-direction:column;gap:3rem;width:80vw}@media screen and (min-width: 62rem){.project-52 .container{width:60vw}}.project-52 .container h1{color:#6d708d}.project-52 .container .toggle-container{display:flex;justify-content:center;align-items:center;gap:1rem}.project-52 .container .toggle-container span{color:#494c5f}.project-52 .container .toggle-container .toggle-switch{width:60px;height:30px;position:relative;cursor:pointer;transition:background .3s ease;background:linear-gradient(to right,#a2a6f1,#696ddd);border-radius:3.125rem}.project-52 .container .toggle-container .toggle-switch:hover{opacity:70%}.project-52 .container .toggle-container .toggle-switch .switch-ball{width:24px;height:24px;background:#fff;border-radius:50%;position:absolute;top:3px;transition:left .3s ease;left:4px}.project-52 .container .toggle-container .toggle-switch .switch-ball.right{left:32px}.project-52 .container .pricing-cards{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem}@media screen and (min-width: 62rem){.project-52 .container .pricing-cards{flex-direction:row;gap:8px}}.project-52 .container .pricing-cards .pricing-card{width:100%;background:#fff;padding:2rem;border-radius:.5rem;box-shadow:0 10px 25px #0000000d;transition:transform .3s ease;display:flex;flex-direction:column;align-items:stretch;gap:2rem}.project-52 .container .pricing-cards .pricing-card span{font-size:.875rem;color:#545454}.project-52 .container .pricing-cards .pricing-card h2{font-size:2.25rem;color:#494c5f}.project-52 .container .pricing-cards .pricing-card ul{list-style:none;color:#494c5f}.project-52 .container .pricing-cards .pricing-card ul li{border-bottom:hsl(240,78%,98%) 1px solid;padding:.5rem;font-size:.875rem}.project-52 .container .pricing-cards .pricing-card ul li:first-of-type{border-top:hsl(240,78%,98%) 1px solid}.project-52 .container .pricing-cards .pricing-card button{background:linear-gradient(to right,#a2a6f1,#696ddd);color:#f6f6fe;padding:.5rem;border-radius:.375rem;cursor:pointer;font-weight:inherit;transition:all .3s ease;text-transform:uppercase;letter-spacing:.0625rem}.project-52 .container .pricing-cards .pricing-card button:hover{background:none;outline:1px solid hsl(237,73%,79%);color:#696ddd}.project-52 .container .pricing-cards .pricing-card.highlighted{background:linear-gradient(to right,#a2a6f1,#696ddd);color:#f6f6fe;box-shadow:0 20px 40px #696ddd4d}@media screen and (min-width: 62rem){.project-52 .container .pricing-cards .pricing-card.highlighted{transform:scale(1.1)}}.project-52 .container .pricing-cards .pricing-card.highlighted h2,.project-52 .container .pricing-cards .pricing-card.highlighted span,.project-52 .container .pricing-cards .pricing-card.highlighted ul li{color:#f6f6fe}.project-52 .container .pricing-cards .pricing-card.highlighted button{background:#f6f6fe;color:#696ddd}.project-52 .container .pricing-cards .pricing-card.highlighted button:hover{background:none;outline-color:#f6f6fe;color:#f6f6fe}.project-53{font-family:Epilogue,sans-serif;font-size:1.125rem;flex:1;display:flex;flex-direction:column;justify-content:space-between}.project-53 .icon{font-size:2.75rem}.project-53 .navbar{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:1.5rem}.project-53 .navbar .menu-toggle{background:none;border:none;font-size:2rem;color:#333;cursor:pointer}@media screen and (min-width: 62rem){.project-53 .navbar .menu-toggle{display:none}}.project-53 .navbar .nav-links{display:none}@media screen and (min-width: 62rem){.project-53 .navbar .nav-links{flex:1;display:flex;flex-direction:row;gap:2rem;justify-content:space-between;width:auto}.project-53 .navbar .nav-links .main-nav{display:flex;align-items:center;gap:2rem}.project-53 .navbar .nav-links .main-nav .nav-item{position:relative}.project-53 .navbar .nav-links .main-nav .nav-item a{text-decoration:none;color:#696969;font-weight:500;display:flex;gap:.5rem;font-size:.875rem}.project-53 .navbar .nav-links .main-nav .nav-item a:hover{color:#141414}.project-53 .navbar .nav-links .main-nav .nav-item .dropdown{position:absolute;top:100%;right:0;background:#fafafa;box-shadow:-2px 0 8px #0003;width:fit-content;z-index:1000;width:max-content;min-width:100%;margin-top:1rem;border-radius:.375rem;padding:.5rem 0;display:flex;flex-direction:column;gap:.25rem}.project-53 .navbar .nav-links .main-nav .nav-item .dropdown .dropdown-item{display:flex;align-items:center;gap:1rem;padding:.5rem 1rem;cursor:pointer;font-weight:500;font-size:.875rem;color:#696969;text-decoration:none}.project-53 .navbar .nav-links .main-nav .nav-item .dropdown .dropdown-item:hover{color:#141414}.project-53 .navbar .nav-links .btns{display:flex;gap:2rem}.project-53 .navbar .nav-links .btns .btn{background:none;cursor:pointer;padding:.5rem 1rem;border-radius:.5rem;color:#696969;font-weight:500;font-size:.875rem}.project-53 .navbar .nav-links .btns .btn__register{border:1px solid hsl(0,0%,41%)}.project-53 .navbar .nav-links .btns .btn__register:hover{border:1px solid hsl(0,0%,8%)}.project-53 .navbar .nav-links .btns .btn:hover{color:#141414}}.project-53 .overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0006;z-index:99}@media screen and (min-width: 62rem){.project-53 .overlay{display:none}}.project-53 .mobile-menu{position:fixed;top:0;right:0;width:50%;height:100vh;background-color:#fafafa;display:flex;flex-direction:column;gap:1.5rem;max-width:320px;z-index:999;box-shadow:-2px 0 8px #0003;padding:2rem;transition:right .3s ease-in-out}.project-53 .mobile-menu.open{right:0}.project-53 .mobile-menu .close-button{background:none;border:none;align-self:flex-end;color:#696969;cursor:pointer}.project-53 .mobile-menu .close-button .icon{font-size:2rem}.project-53 .mobile-menu .mobile-nav{display:flex;flex-direction:column;gap:.5rem}.project-53 .mobile-menu .mobile-nav .nav-item a{font-size:1rem;font-weight:500;text-decoration:none;color:#696969;display:flex;align-items:center;gap:1rem;padding:.5rem 0}.project-53 .mobile-menu .mobile-nav .nav-item a:hover{color:#141414}.project-53 .mobile-menu .mobile-nav .nav-item .dropdown{margin-top:.5rem;margin-left:1rem;display:flex;flex-direction:column;gap:.5rem}.project-53 .mobile-menu .mobile-nav .nav-item .dropdown .dropdown-item{display:flex;align-items:center;gap:.5rem;padding:.3rem 0;font-size:.95rem;color:#696969;text-decoration:none;cursor:pointer}.project-53 .mobile-menu .mobile-nav .nav-item .dropdown .dropdown-item img{width:18px;height:18px;object-fit:contain}.project-53 .mobile-menu .mobile-nav .nav-item .dropdown .dropdown-item:hover{color:#141414}.project-53 .mobile-menu .btns{display:flex;flex-direction:column;gap:.8rem;margin-top:2rem}.project-53 .mobile-menu .btns .btn{padding:.7rem 1rem;text-align:center;background:none;border-radius:.75rem;color:#696969;cursor:pointer;transition:.3s ease}.project-53 .mobile-menu .btns .btn:hover{color:#141414}.project-53 .mobile-menu .btns .btn__register{border:2px solid hsl(0,0%,41%)}.project-53 .mobile-menu .btns .btn__register:hover{border-color:#141414}@media screen and (min-width: 62rem){.project-53 .mobile-menu{display:none}}.project-53 .hero{display:flex;flex-direction:column-reverse;text-align:center;gap:3.75rem}.project-53 .hero__text{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:1rem;padding-inline:2rem;max-height:100%}.project-53 .hero__text--body{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem}.project-53 .hero__text--body h1{font-size:2.25rem}.project-53 .hero__text--body p{color:#696969;font-size:1rem;line-height:1.6}.project-53 .hero__text--body .btn{background:#141414;color:#fafafa;padding:.75rem 1.5rem;border-radius:.5rem;border:none;cursor:pointer;transition:all .3s}.project-53 .hero__text--body .btn:hover{background:none;color:#141414;outline:1px solid hsl(0,0%,8%)}@media screen and (min-width: 62rem){.project-53 .hero__text--body{align-items:flex-start}}.project-53 .hero__text .clients{width:100%;display:flex;justify-content:space-between;align-items:center}.project-53 .hero__text .clients img{max-height:30px;max-width:25%}.project-53 .hero__image img{width:100%;display:block;height:auto}@media screen and (min-width: 62rem){.project-53 .hero__image img{max-width:500px}}@media screen and (min-width: 62rem){.project-53 .hero{margin:0 auto;width:90%;flex-direction:row;text-align:left;justify-content:space-between}.project-53 .hero__text h1{font-size:4rem}}.project-54{font-family:Overpass,sans-serif;font-size:1rem;flex:1;display:flex;flex-direction:column;gap:2rem;justify-content:space-between;align-items:center;width:100dvw}.project-54 .container{width:90vw;margin:0 auto;position:relative}@media screen and (min-width: 62rem){.project-54 .container{width:80vw}}.project-54 .btn{all:unset;background:none;cursor:pointer;padding:.5rem 1rem;border-radius:2.125rem;font-size:1rem;text-align:center;font-family:Ubuntu,sans-serif;font-weight:600;color:#fff}.project-54 .btn__secondary{color:#ff525d;background:#fff}.project-54 .btn__secondary:hover{background:#fff3;color:#fff}.project-54 .btn__primary{border:hsl(0,100%,100%) 1px solid}.project-54 .btn__primary:hover{background:#fff;color:#ff525d}.project-54 .intro{padding-block:1.5rem;width:100%;background:url("data:image/svg+xml,%3csvg%20width='1324'%20height='1323'%20viewBox='0%200%201324%201323'%20xmlns='http://www.w3.org/2000/svg'%3e%3cdefs%3e%3clinearGradient%20x1='.695%25'%20y1='0%25'%20x2='99.305%25'%20y2='100%25'%20id='a'%3e%3cstop%20stop-color='%23FF8F71'%20offset='0%25'/%3e%3cstop%20stop-color='%23FF3E55'%20offset='100%25'/%3e%3c/linearGradient%3e%3c/defs%3e%3cpath%20d='M821.895188,497.739327%20L821.895188,825.739327%20L493.895188,825.739327%20L493.895188,597.739327%20C493.895188,542.510852%20538.666713,497.739327%20593.895188,497.739327%20L821.895188,497.739327%20Z%20M276.655938,496.460979%20C367.230637,496.460979%20440.655938,569.88628%20440.655938,660.460979%20C440.655938,751.035678%20367.230637,824.460979%20276.655938,824.460979%20C186.081239,824.460979%20112.655938,751.035678%20112.655938,660.460979%20C112.655938,569.88628%20186.081239,496.460979%20276.655938,496.460979%20Z%20M822.227687,111.489551%20L822.227687,439.489551%20L594.227687,439.489551%20C538.999212,439.489551%20494.227687,394.718026%20494.227687,339.489551%20L494.227687,339.489551%20L494.227687,111.489551%20L822.227687,111.489551%20Z%20M440.061253,110.58581%20L440.061253,338.58581%20C440.061253,393.814285%20395.289728,438.58581%20340.061253,438.58581%20L112.061253,438.58581%20L112.061253,110.58581%20L440.061253,110.58581%20Z'%20transform='rotate(22%2067.652%201066.199)'%20fill='url(%23a)'%20fill-rule='evenodd'/%3e%3c/svg%3e"),linear-gradient(to bottom,#ff8f70,#ff3d54);background-repeat:no-repeat;background-position:center;background-size:100% contain;border-bottom-left-radius:7.5rem}@media screen and (min-width: 62rem){.project-54 .intro{background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='3175'%20height='3174'%3e%3cdefs%3e%3clinearGradient%20id='a'%20x1='.639%25'%20x2='99.361%25'%20y1='0%25'%20y2='100%25'%3e%3cstop%20offset='0%25'%20stop-color='%23FF8F71'/%3e%3cstop%20offset='100%25'%20stop-color='%23FF3E55'/%3e%3c/linearGradient%3e%3c/defs%3e%3cpath%20fill='url(%23a)'%20fill-rule='evenodd'%20d='M1973.15%201193.185v788.41h-786.766v-688.41c0-55.228%2044.772-100%20100-100h686.767zm-1310.445-1.171c217.26%200%20393.383%20176.124%20393.383%20393.383v1.645c0%20217.26-176.123%20393.383-393.383%20393.383S269.322%201804.3%20269.322%201587.042v-1.645c0-217.26%20176.124-393.383%20393.383-393.383zm392.212-926.418v688.41c0%2055.23-44.771%20100-100%20100H268.151v-788.41h786.766zm918.234%200v788.41h-686.767c-55.228%200-100-44.771-100-100v-688.41h786.767z'%20transform='rotate(22%20162.072%202556.164)'/%3e%3c/svg%3e"),linear-gradient(to bottom,#ff8f70,#ff3d54);background-size:100% contain;background-position:center;background-repeat:no-repeat}}.project-54 .intro .container{display:flex;flex-direction:column;height:100%}.project-54 .intro .navbar{display:flex;justify-content:space-between;align-items:center;gap:2rem}.project-54 .intro .navbar .menu-toggle{background:none;border:none;color:#fff;cursor:pointer;font-size:2.75rem}@media screen and (min-width: 62rem){.project-54 .intro .navbar .menu-toggle{display:none}}.project-54 .intro .navbar .nav-links{display:none}@media screen and (min-width: 62rem){.project-54 .intro .navbar .nav-links{flex:1;display:flex;flex-direction:row;gap:2rem;justify-content:space-between;width:auto}.project-54 .intro .navbar .nav-links .main-nav{display:flex;align-items:center;gap:2rem}.project-54 .intro .navbar .nav-links .main-nav .nav-item{position:relative}.project-54 .intro .navbar .nav-links .main-nav .nav-item .menu-link{color:#fff;font-weight:400;text-decoration:none;display:flex;gap:.5rem;font-size:.875rem}.project-54 .intro .navbar .nav-links .main-nav .nav-item .menu-link:hover{text-decoration:underline}.project-54 .intro .navbar .nav-links .main-nav .nav-item .dropdown{display:flex;flex-direction:column;gap:.25rem;position:absolute;top:100%;left:-20px;background:#fff;box-shadow:-2px 0 8px #0003;z-index:3;width:150px;min-width:100%;margin-top:1rem;border-radius:.5rem;padding:.5rem 0}.project-54 .intro .navbar .nav-links .main-nav .nav-item .dropdown .dropdown-item{cursor:pointer;font-size:.875rem;font-weight:400;padding:.5rem 1rem}.project-54 .intro .navbar .nav-links .main-nav .nav-item .dropdown .dropdown-item:hover{font-weight:700}.project-54 .intro .navbar .nav-links .btns{display:flex;flex-direction:row;gap:2rem}.project-54 .intro .navbar .nav-links .btns .btn__secondary{padding:.5rem 2rem}}.project-54 .intro .mobile-menu{position:absolute;top:100px;background-color:#fff;border-radius:.5rem;z-index:3;box-shadow:-2px 0 8px #0003;transition:transform .3s ease-in-out,opacity .3s ease-in-out}.project-54 .intro .mobile-menu.open{width:100%}.project-54 .intro .mobile-menu .mobile-nav{display:flex;flex-direction:column;gap:2rem;align-items:center;padding:1.5rem}.project-54 .intro .mobile-menu .mobile-nav .nav__wrapper{width:100%}.project-54 .intro .mobile-menu .mobile-nav .nav__wrapper .nav-item .menu-link{font-size:1.125rem;font-weight:600;color:#1f3f5b;width:100%;text-align:center;display:flex;align-items:center;justify-content:center;padding:1rem}.project-54 .intro .mobile-menu .mobile-nav .nav__wrapper .nav-item .menu-link .arrow-icon{color:#ff525d}.project-54 .intro .mobile-menu .mobile-nav .nav__wrapper .nav-item .menu-link.active{color:#4b5862}.project-54 .intro .mobile-menu .mobile-nav .nav__wrapper .nav-item .dropdown{display:flex;flex-direction:column;gap:1rem;align-items:center;justify-content:center;color:#4b5862;background:#f1e8e8;padding:1.75rem;width:100%;border-radius:.5rem}.project-54 .intro .mobile-menu .mobile-nav .nav__wrapper .nav-item .dropdown .dropdown-item{cursor:pointer;font-size:1.125rem;font-weight:600;color:#1f3f5b}.project-54 .intro .mobile-menu .mobile-nav .btns{border-top:1px solid #ccc;padding:1rem;width:100%;display:flex;flex-direction:column;gap:1rem;align-items:center}.project-54 .intro .mobile-menu .mobile-nav .btns .btn{text-align:center;padding:.75rem 2rem;cursor:pointer;background:none;border-radius:2.125rem;font-size:1.25rem;font-weight:600;color:#1f3f5b}.project-54 .intro .mobile-menu .mobile-nav .btns .btn__signup{background:linear-gradient(to bottom,#ff8f70,#ff3d54);color:#fff}@media screen and (min-width: 62rem){.project-54 .intro .mobile-menu{display:none}}.project-54 .intro .content{flex:1;display:flex;flex-direction:column;gap:2rem;align-items:center;justify-content:center;color:#fff;padding-block:8.75rem;text-align:center}@media screen and (min-width: 62rem){.project-54 .intro .content{padding-block:5rem}}.project-54 .intro .content h1{font-size:3rem;font-family:Overpass,sans-serif}.project-54 .intro .content p{font-weight:300;font-size:1.125rem}.project-54 .intro .content .btns{padding-top:1rem;display:flex;flex-direction:row;gap:1rem}.project-54 .future,.project-54 .future-bottom{padding-block:2.25rem}.project-54 .future .container,.project-54 .future-bottom .container{align-items:center;display:flex;flex-direction:column;gap:3rem}.project-54 .future .container .text-content,.project-54 .future-bottom .container .text-content{flex:1;display:flex;flex-direction:column;gap:2rem}.project-54 .future .container .text-content .block,.project-54 .future-bottom .container .text-content .block{display:flex;flex-direction:column;gap:1rem;text-align:center}@media screen and (min-width: 62rem){.project-54 .future .container .text-content .block,.project-54 .future-bottom .container .text-content .block{text-align:left}}.project-54 .future .container .text-content .block h3,.project-54 .future-bottom .container .text-content .block h3{font-size:1.4rem;color:#1f3f5b}.project-54 .future .container .text-content .block p,.project-54 .future-bottom .container .text-content .block p{line-height:1.5;color:#4b5862}.project-54 .future .container h2{text-align:center;font-size:2rem;color:#1f3f5b}@media screen and (min-width: 62rem){.project-54 .future .container h2{text-align:left}}.project-54 .future .container .future__layout{display:flex;flex-direction:column-reverse;gap:3rem;align-items:center}@media screen and (min-width: 62rem){.project-54 .future .container .future__layout{flex-direction:row;align-items:center;position:relative}}.project-54 .future .container .future__layout .future__image{flex:1;height:600px}@media screen and (min-width: 62rem){.project-54 .future .container .future__layout .future__image{transform:translate(48%)}}.project-54 .future .container .future__layout .future__image img{max-width:100%;height:100%;object-fit:cover;object-position:left;display:block}.project-54 .middle{position:relative;padding-block:3.75rem;width:100%}.project-54 .middle .bg{bottom:0;overflow:hidden;background:linear-gradient(to top,#2c2d3f,#3d3f61);position:absolute;top:0;left:0;right:0;height:70%;margin-top:auto;margin-bottom:0;border-top-right-radius:5rem;border-bottom-left-radius:5rem;z-index:1}@media screen and (min-width: 62rem){.project-54 .middle .bg{margin:auto 0}}.project-54 .middle .bg .circle{position:absolute;top:0;right:0;bottom:0;left:0;background:url("data:image/svg+xml,%3csvg%20width='1014'%20height='1018'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20transform='matrix(1%200%200%20-1%200%201018)'%20fill='none'%20fill-rule='evenodd'%3e%3crect%20fill='%233E4062'%20x='213'%20y='214'%20width='588'%20height='590'%20rx='294'/%3e%3crect%20stroke='%23878D92'%20opacity='.5'%20x='.5'%20y='.5'%20width='1013'%20height='1017'%20rx='506.5'/%3e%3crect%20stroke='%23878D92'%20x='170.5'%20y='171.5'%20width='673'%20height='675'%20rx='336.5'/%3e%3c/g%3e%3c/svg%3e") no-repeat;background-size:100%;background-position:top -50vw left 0vw;z-index:2}@media screen and (min-width: 62rem){.project-54 .middle .bg .circle{background-size:70%;background-position:bottom -10vw left -12vw}}.project-54 .middle .container{display:flex;flex-direction:column;gap:3rem;position:relative;z-index:3;align-items:center}@media screen and (min-width: 62rem){.project-54 .middle .container{flex-direction:row;justify-content:space-between}}.project-54 .middle .container .image__wrapper{flex:1;position:relative;margin-block:-6rem}.project-54 .middle .container .image__wrapper img{max-width:100%;height:auto;object-fit:contain;display:block}.project-54 .middle .container .text{flex:1;color:#fff;text-align:center;display:flex;flex-direction:column;gap:1rem}@media screen and (min-width: 62rem){.project-54 .middle .container .text{text-align:left}}.project-54 .middle .container .text h2{font-size:1.8rem}.project-54 .middle .container .text p{line-height:1.5}@media screen and (min-width: 62rem){.project-54 .future-bottom .container{flex-direction:row}}.project-54 .future-bottom .container .future__image{flex:1;height:600px}@media screen and (min-width: 62rem){.project-54 .future-bottom .container .future__image{transform:translate(-28%)}}.project-54 .future-bottom .container .future__image img{max-width:100%;height:100%;object-fit:cover;object-position:right;display:block}.project-54 .footer-54{width:100%;padding-top:3.75rem}.project-54 .footer-54 .container{color:#fff;font-size:1rem;display:flex;flex-direction:column;gap:2rem;align-items:center}@media screen and (min-width: 62rem){.project-54 .footer-54 .container{flex-direction:row;align-items:flex-start}}.project-54 .footer-54 .logo{flex:25%}.project-54 .footer-54 .nav-links{flex:75%;display:flex;flex-direction:column;gap:1.5rem}.project-54 .footer-54 .nav-links .nav-item{flex:1;text-align:center}.project-54 .footer-54 .nav-links .nav-item .dropdown{padding-top:1.75rem;display:flex;flex-direction:column;gap:.625rem}.project-54 .footer-54 .nav-links .nav-item .dropdown .dropdown-item{color:#fff;opacity:.7;cursor:pointer}.project-54 .footer-54 .nav-links .nav-item .dropdown .dropdown-item:hover,.project-54 .footer-54 .nav-links .nav-item .dropdown .dropdown-item:focus,.project-54 .footer-54 .nav-links .nav-item .dropdown .dropdown-item:focus-visible{text-decoration:underline}@media screen and (min-width: 62rem){.project-54 .footer-54 .nav-links .nav-item{text-align:left}}@media screen and (min-width: 62rem){.project-54 .footer-54 .nav-links{flex-direction:row}}.project-55{font-family:Karla,sans-serif;font-size:1rem;flex:1;width:100dvw}.project-55 section,.project-55 header{width:100%}.project-55 .container{width:90vw;margin:0 auto;position:relative}@media screen and (min-width: 62rem){.project-55 .container{width:80vw}}.project-55 h1{font-size:2.875rem;line-height:1}.project-55 h2{font-size:2rem}.project-55 h1,.project-55 h2,.project-55 h3{font-family:"DM Serif Display",serif;font-weight:400;text-align:center}@media screen and (min-width: 62rem){.project-55 h1,.project-55 h2,.project-55 h3{text-align:left}}.project-55 hr{width:100px;border-top:1px solid hsl(216,30%,68%)}.project-55 p{line-height:1.5;text-align:center}@media screen and (min-width: 62rem){.project-55 p{text-align:left}}.project-55 .btn{all:unset;cursor:pointer;padding:.5rem 2rem;border:hsl(270,9%,17%) 1px solid;text-transform:uppercase;font-weight:700}.project-55 .btn__primary{color:#fafafa;border:hsl(0,0%,98%) 1px solid}.project-55 .btn__primary:hover{background-color:#fafafa;color:#2b272f}.project-55 .btn__secondary:hover{background-color:#2b272f;color:#fafafa}.project-55 .header{padding-block:1.5rem;width:100%;background:#fafafa;position:relative}.project-55 .header .navbar{display:flex;justify-content:space-between;align-items:center;gap:2rem}.project-55 .header .navbar .menu-toggle{background:none;padding:.1875rem;display:grid;place-items:center;cursor:pointer}.project-55 .header .navbar .menu-toggle .toggle-icon{font-size:2rem;border:2px solid hsl(270,9%,17%)}@media screen and (min-width: 62rem){.project-55 .header .navbar .menu-toggle{display:none}}.project-55 .header .navbar .nav-links{display:none}@media screen and (min-width: 62rem){.project-55 .header .navbar .nav-links{display:flex;flex-direction:row;gap:2rem;justify-content:space-between;width:auto}.project-55 .header .navbar .nav-links .main-nav{display:flex;align-items:center;gap:2rem}.project-55 .header .navbar .nav-links .main-nav .nav-item .menu-link{text-transform:uppercase;color:#837d87;font-weight:700;text-decoration:none;display:flex;gap:.5rem;font-size:.875rem}.project-55 .header .navbar .nav-links .main-nav .nav-item .menu-link:hover{color:#2b272f}}.project-55 .header .overlay{position:fixed;top:100%;background-color:#000c;z-index:2}@media screen and (min-width: 62rem){.project-55 .header .overlay{display:none}}.project-55 .header .mobile-menu{position:absolute;top:100%;width:0;z-index:3;background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='375'%20height='218'%3e%3cg%20fill='none'%20fill-rule='evenodd'%20stroke='%2396A9C6'%3e%3cpath%20d='M309.564%2041.343C213.876%2011.406%20115.487-38.526%2014.757%2052.675c-100.73%2091.202-164.058%20171.093-123.163%20274.463%2040.896%20103.37%20207.827%2038.985%20256.33%20131.373%2048.503%2092.388-58.069%20176.237-12.123%20258.462%2045.945%2082.225%2081.274%20134.924%20228.927%2082.643%20147.654-52.282%20134.04-185.308%20246.324-263.207%20112.283-77.898%20233.767-194.516%2067.05-402.604C511.383-74.283%20405.25%2071.28%20309.563%2041.343z'/%3e%3cpath%20d='M321.902%2090.672c-77.983-24.314-158.17-64.869-240.262%209.205C-.454%20173.95-52.065%20238.837-18.736%20322.794c33.33%2083.956%20169.376%2031.663%20208.905%20106.7%2039.529%2075.037-47.325%20143.14-9.88%20209.922C217.732%20706.2%20246.524%20749%20366.86%20706.538c120.335-42.463%20109.24-150.506%20200.75-213.775%2091.509-63.269%20190.516-157.985%2054.644-326.993C486.382-3.238%20399.885%20114.986%20321.902%2090.672z'/%3e%3cpath%20d='M344.947%20122.546c-63.103-19.824-127.99-52.889-194.418%207.504-66.43%2060.393-108.193%20113.297-81.223%20181.748s137.057%2025.816%20169.044%2086.995c31.986%2061.178-38.296%20116.703-7.996%20171.152%2030.3%2054.449%2053.599%2089.346%20150.973%2054.725%2097.374-34.62%2088.396-122.71%20162.445-174.293%2074.048-51.584%20154.164-128.808%2044.218-266.603C478.043%2045.98%20408.05%20142.37%20344.947%20122.546z'/%3e%3cpath%20d='M368.21%20162.166c-50.939-15.88-103.316-42.369-156.94%206.012-53.623%2048.382-87.336%2090.763-65.565%20145.6%2021.77%2054.836%20110.636%2020.68%20136.457%2069.691%2025.82%2049.01-30.913%2093.492-6.454%20137.111%2024.459%2043.62%2043.266%2071.576%20121.87%2043.841%2078.603-27.734%2071.355-98.303%20131.13-139.628%2059.774-41.324%20124.445-103.188%2035.693-213.576-88.752-110.388-145.252-33.17-196.19-49.05z'/%3e%3cpath%20d='M373.18%20187.232c-41.598-12.997-84.371-34.675-128.162%204.92-43.79%2039.594-71.321%2074.28-53.543%20119.157%2017.779%2044.877%2090.35%2016.925%20111.435%2057.035%2021.086%2040.11-25.244%2076.513-5.27%20112.21%2019.974%2035.698%2035.332%2058.577%2099.522%2035.88%2064.19-22.699%2058.272-80.452%20107.085-114.27%2048.814-33.82%20101.627-84.45%2029.149-174.79-72.478-90.34-118.617-27.146-160.216-40.142z'/%3e%3cpath%20d='M384.992%20205.895c-33.778-10.551-68.51-28.15-104.069%203.994-35.558%2032.143-57.914%2060.3-43.477%2096.731%2014.436%2036.432%2073.365%2013.74%2090.486%2046.3%2017.122%2032.562-20.498%2062.114-4.28%2091.093%2016.22%2028.98%2028.691%2047.552%2080.814%2029.127%2052.123-18.426%2047.317-65.31%2086.954-92.765%2039.637-27.454%2082.522-68.555%2023.67-141.893-58.853-73.338-96.32-22.037-130.098-32.587z'/%3e%3c/g%3e%3c/svg%3e"),#2b272f;background-repeat:no-repeat;background-position:bottom;background-size:contain;transition:width .3s ease-in-out}.project-55 .header .mobile-menu.open{width:100%;height:100dvh}.project-55 .header .mobile-menu .overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0006;z-index:99}@media screen and (min-width: 62rem){.project-55 .header .mobile-menu .overlay{display:none}}.project-55 .header .mobile-menu .mobile-nav{padding:3.625rem 2rem}.project-55 .header .mobile-menu .mobile-nav .nav__wrapper{width:100%;display:flex;flex-direction:column;gap:2rem}.project-55 .header .mobile-menu .mobile-nav .nav__wrapper .nav-item{text-align:center}.project-55 .header .mobile-menu .mobile-nav .nav__wrapper .nav-item .menu-link{font-size:1.125rem;font-weight:700;color:#fafafa;text-transform:uppercase}.project-55 .header .mobile-menu .mobile-nav .btn{font-size:1.125rem;color:#fafafa;border:hsl(0,0%,98%) 1px solid;text-align:center}.project-55 .header .mobile-menu .mobile-nav .btn:hover{background-color:#fafafa;color:#2b272f}@media screen and (min-width: 62rem){.project-55 .header .mobile-menu{display:none}}.project-55 .intro{position:relative;background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='168'%20height='165'%3e%3cg%20fill='none'%20fill-rule='evenodd'%20stroke='%2396A9C6'%3e%3cpath%20d='M-20.97-256.987c-52.677-16.501-106.841-44.025-162.294%206.247-55.453%2050.272-90.316%2094.31-67.803%20151.29%2022.514%2056.979%20114.411%2021.488%20141.113%2072.415%2026.7%2050.926-31.968%2097.145-6.674%20142.469%2025.293%2045.324%2044.742%2074.373%20126.027%2045.554C90.684%20132.17%2083.189%2058.843%20145.002%2015.904c61.814-42.94%20128.692-107.221%2036.912-221.924-91.78-114.702-150.207-34.465-202.884-50.967z'/%3e%3cpath%20d='M-13.955-230.22c-42.902-13.399-87.015-35.746-132.178%205.072-45.163%2040.818-73.556%2076.574-55.22%20122.838%2018.335%2046.265%2093.18%2017.449%20114.926%2058.798%2021.747%2041.349-26.035%2078.877-5.435%20115.677%2020.6%2036.801%2036.44%2060.387%20102.64%2036.988%2066.201-23.399%2060.098-82.937%20110.44-117.8%2050.343-34.865%20104.81-87.059%2030.062-180.19C76.532-281.97%2028.947-216.823-13.955-230.22z'/%3e%3cpath%20d='M-1.61-212.607c-34.755-10.916-70.492-29.123-107.08%204.132-36.587%2033.255-59.59%2062.386-44.735%20100.078%2014.854%2037.693%2075.487%2014.216%2093.105%2047.903%2017.617%2033.688-21.092%2064.263-4.404%2094.245%2016.689%2029.982%2029.52%2049.197%2083.152%2030.134%2053.631-19.064%2048.686-67.57%2089.47-95.974%2040.785-28.405%2084.91-70.927%2024.355-146.803-60.556-75.876-99.106-22.8-133.862-33.715z'/%3e%3cpath%20d='M11.09-190.546c-28.022-8.762-56.835-23.376-86.334%203.317-29.498%2026.693-48.044%2050.076-36.068%2080.33%2011.976%2030.255%2060.862%2011.41%2075.066%2038.451%2014.204%2027.04-17.005%2051.582-3.55%2075.647%2013.455%2024.066%2023.8%2039.49%2067.041%2024.188%2043.24-15.301%2039.253-54.236%2072.136-77.035%2032.882-22.8%2068.458-56.932%2019.635-117.836-48.823-60.904-79.904-18.3-107.926-27.062z'/%3e%3cpath%20d='M14.12-176.738c-22.917-7.155-46.481-19.09-70.606%202.71-24.125%2021.799-39.292%2040.895-29.498%2065.602%209.795%2024.708%2049.775%209.319%2061.391%2031.402C-12.976-54.941-38.5-34.9-27.496-15.245-16.492%204.408-8.031%2017.005%2027.332%204.508%2062.695-7.988%2059.435-39.785%2086.327-58.405c26.892-18.62%2055.987-46.494%2016.058-96.232s-65.348-14.945-88.265-22.1z'/%3e%3c/g%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='124'%20height='330'%3e%3cg%20fill='none'%20fill-rule='evenodd'%20stroke='%239E96C6'%3e%3cpath%20d='M185.248%2017.983c-40.947-12.815-83.05-34.188-126.155%204.85C15.99%2061.874-11.11%2096.07%206.39%20140.318c17.5%2044.247%2088.934%2016.687%20109.69%2056.234%2020.755%2039.547-24.85%2075.438-5.188%20110.635%2019.661%2035.196%2034.779%2057.753%2097.963%2035.374%2063.185-22.378%2057.359-79.32%20105.408-112.665%2048.048-33.344%20100.034-83.262%2028.692-172.334-71.342-89.072-116.76-26.764-157.706-39.578z'/%3e%3cpath%20d='M190.037%2040.695c-33.343-10.405-67.629-27.759-102.73%203.94-35.101%2031.697-57.17%2059.464-42.918%2095.392%2014.25%2035.927%2072.42%2013.55%2089.322%2045.66s-20.235%2061.253-4.224%2089.831c16.01%2028.578%2028.321%2046.894%2079.774%2028.723%2051.452-18.17%2046.708-64.405%2085.835-91.48%2039.128-27.074%2081.46-67.606%2023.365-139.93-58.096-72.323-95.08-21.73-128.424-32.136z'/%3e%3cpath%20d='M200.203%2054.055c-26.936-8.47-54.632-22.596-82.988%203.207-28.355%2025.803-46.182%2048.407-34.67%2077.653%2011.512%2029.246%2058.503%2011.03%2072.157%2037.169%2013.653%2026.139-16.347%2049.862-3.413%2073.126%2012.934%2023.263%2022.878%2038.173%2064.443%2023.381%2041.564-14.791%2037.732-52.428%2069.34-74.468%2031.607-22.04%2065.804-55.034%2018.874-113.907-46.93-58.874-76.807-17.69-103.743-26.16z'/%3e%3cpath%20d='M210.233%2071.814c-21.831-6.827-44.279-18.214-67.26%202.585-22.982%2020.798-37.43%2039.017-28.1%2062.59%209.33%2023.574%2047.416%208.89%2058.482%2029.96%2011.066%2021.069-13.248%2040.19-2.766%2058.942%2010.482%2018.751%2018.543%2030.769%2052.23%2018.846%2033.687-11.922%2030.581-42.259%2056.198-60.024%2025.618-17.764%2053.334-44.359%2015.298-91.813-38.037-47.454-62.251-14.259-84.082-21.086z'/%3e%3c/g%3e%3c/svg%3e");background-repeat:no-repeat,no-repeat;background-position:top 120vw left 0vw,bottom 0vw right 0vw}@media screen and (min-width: 62rem){.project-55 .intro{background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='195'%20height='504'%3e%3cg%20fill='none'%20fill-rule='evenodd'%20stroke='%239E96C6'%3e%3cpath%20d='M-162.361%2017.325c-75.703-23.693-153.543-63.212-233.235%208.97-79.693%2072.182-129.794%20135.414-97.44%20217.227%2032.354%2081.814%20164.422%2030.855%20202.794%20103.977%2038.373%2073.122-45.94%20139.485-9.591%20204.563%2036.35%2065.078%2064.3%20106.787%20181.115%2065.409C-1.902%20576.092-12.673%20470.807%2076.16%20409.153c88.833-61.654%20184.944-153.953%2053.046-318.647S-86.659%2041.02-162.36%2017.326z'/%3e%3cpath%20d='M-152.895%2055.249c-61.583-19.24-124.905-51.33-189.734%207.283-64.828%2058.614-105.585%20109.959-79.266%20176.393%2026.32%2066.434%20133.755%2025.055%20164.971%2084.43%2031.216%2059.377-37.372%20113.266-7.802%20166.11%2029.57%2052.845%2052.306%2086.713%20147.334%2053.113%2095.028-33.6%2086.267-119.094%20158.53-169.158%2072.265-50.064%20150.45-125.012%2043.153-258.747S-91.312%2074.489-152.895%2055.249z'/%3e%3cpath%20d='M-135.188%2080.417C-185.15%2064.72-236.522%2038.535-289.117%2086.36c-52.594%2047.825-85.66%2089.72-64.307%20143.926%2021.353%2054.206%20108.513%2020.443%20133.838%2068.89%2025.325%2048.448-30.32%2092.418-6.33%20135.536%2023.99%2043.117%2042.436%2070.752%20119.531%2043.336%2077.095-27.415%2069.987-97.173%20128.614-138.022%2058.627-40.85%20122.058-102.003%2035.009-211.122-87.049-109.12-142.465-32.788-192.426-48.487z'/%3e%3cpath%20d='M-116.684%20111.184c-40.295-12.596-81.728-33.603-124.147%204.768-42.419%2038.371-69.087%2071.984-51.865%20115.475%2017.221%2043.491%2087.518%2016.402%20107.943%2055.273%2020.425%2038.87-24.453%2074.148-5.105%20108.743s34.225%2056.767%2096.404%2034.77c62.179-21.996%2056.446-77.965%20103.73-110.739%2047.284-32.774%2098.442-81.839%2028.236-169.388-70.207-87.55-114.901-26.307-155.196-38.902z'/%3e%3cpath%20d='M-111.917%20131.046c-32.91-10.295-66.749-27.467-101.393%203.897-34.643%2031.365-56.424%2058.84-42.358%2094.389%2014.065%2035.549%2071.477%2013.407%2088.158%2045.179%2016.682%2031.772-19.971%2060.609-4.17%2088.886%2015.803%2028.277%2027.953%2046.4%2078.735%2028.42%2050.782-17.979%2046.1-63.727%2084.718-90.516%2038.617-26.79%2080.398-66.895%2023.06-138.457-57.339-71.562-93.841-21.503-126.75-31.798z'/%3e%3cpath%20d='M-102.775%20145.406c-26.718-8.36-54.191-22.305-82.318%203.165-28.127%2025.47-45.81%2047.78-34.39%2076.649%2011.419%2028.868%2058.03%2010.887%2071.574%2036.688%2013.544%2025.8-16.214%2049.217-3.385%2072.18%2012.83%2022.963%2022.694%2037.68%2063.923%2023.08%2041.229-14.6%2037.428-51.75%2068.78-73.505C12.762%20261.908%2046.684%20229.34.132%20171.228c-46.553-58.112-76.188-17.462-102.907-25.822z'/%3e%3c/g%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='436'%20height='593'%3e%3cg%20fill='none'%20fill-rule='evenodd'%20stroke='%2396A9C6'%3e%3cpath%20d='M341.639-24.675c-75.703-23.693-153.543-63.212-233.235%208.97C28.71%2056.477-21.39%20119.709%2010.964%20201.522c32.354%2081.814%20164.422%2030.855%20202.794%20103.977%2038.373%2073.122-45.94%20139.485-9.591%20204.563%2036.35%2065.078%2064.3%20106.787%20181.115%2065.409%20116.816-41.379%20106.045-146.664%20194.878-208.318%2088.833-61.654%20184.944-153.953%2053.046-318.647S417.341-.98%20341.64-24.674z'/%3e%3cpath%20d='M351.105%2013.249c-61.583-19.24-124.905-51.33-189.734%207.283C96.543%2079.146%2055.786%20130.491%2082.105%20196.925c26.32%2066.434%20133.755%2025.055%20164.971%2084.43%2031.216%2059.377-37.372%20113.266-7.802%20166.11%2029.57%2052.845%2052.306%2086.713%20147.334%2053.113%2095.028-33.6%2086.267-119.094%20158.53-169.158%2072.265-50.064%20150.45-125.012%2043.153-258.747S412.688%2032.489%20351.105%2013.249z'/%3e%3cpath%20d='M368.812%2038.417C318.85%2022.72%20267.478-3.465%20214.883%2044.36c-52.594%2047.825-85.66%2089.72-64.307%20143.926%2021.353%2054.206%20108.513%2020.443%20133.838%2068.89%2025.325%2048.448-30.32%2092.418-6.33%20135.536%2023.99%2043.117%2042.436%2070.752%20119.531%2043.336%2077.095-27.415%2069.987-97.173%20128.614-138.022%2058.627-40.85%20122.058-102.003%2035.009-211.122-87.049-109.12-142.465-32.788-192.426-48.487z'/%3e%3cpath%20d='M387.316%2069.184c-40.295-12.596-81.728-33.603-124.147%204.768-42.419%2038.371-69.087%2071.984-51.865%20115.475%2017.221%2043.491%2087.518%2016.402%20107.943%2055.273%2020.425%2038.87-24.453%2074.148-5.105%20108.743s34.225%2056.767%2096.404%2034.77c62.179-21.996%2056.446-77.965%20103.73-110.739%2047.284-32.774%2098.442-81.839%2028.236-169.388-70.207-87.55-114.901-26.307-155.196-38.902z'/%3e%3cpath%20d='M392.083%2089.046c-32.91-10.295-66.749-27.467-101.393%203.897-34.643%2031.365-56.424%2058.84-42.358%2094.389%2014.065%2035.549%2071.477%2013.407%2088.158%2045.179%2016.682%2031.772-19.971%2060.609-4.17%2088.886%2015.803%2028.277%2027.953%2046.4%2078.735%2028.42%2050.782-17.979%2046.1-63.727%2084.718-90.516%2038.617-26.79%2080.398-66.895%2023.06-138.457-57.339-71.562-93.841-21.503-126.75-31.798z'/%3e%3cpath%20d='M401.225%20103.406c-26.718-8.36-54.191-22.305-82.318%203.165-28.127%2025.47-45.81%2047.78-34.39%2076.649%2011.419%2028.868%2058.03%2010.887%2071.574%2036.688%2013.544%2025.8-16.214%2049.217-3.385%2072.18%2012.83%2022.963%2022.694%2037.68%2063.923%2023.08%2041.229-14.6%2037.428-51.75%2068.78-73.505%2031.353-21.755%2065.275-54.323%2018.723-112.435-46.553-58.112-76.188-17.462-102.907-25.822z'/%3e%3c/g%3e%3c/svg%3e");background-repeat:no-repeat,no-repeat;background-position:bottom 0vw left 0vw,top -8vw right 0vw}}.project-55 .intro .bg{background:#2d2640;position:absolute;top:0;right:0;bottom:0;left:0;height:100%;z-index:-1}@media screen and (min-width: 62rem){.project-55 .intro .bg{height:60%}}.project-55 .intro .mobile__img{display:block}.project-55 .intro .mobile__img img{width:100%;display:block}@media screen and (min-width: 62rem){.project-55 .intro .mobile__img{display:none}}.project-55 .intro .container{display:flex;flex-direction:column-reverse;gap:2rem;padding-block:3.75rem}@media screen and (min-width: 62rem){.project-55 .intro .container{display:flex;flex-direction:row;gap:2rem}}.project-55 .intro .container hr{display:none}@media screen and (min-width: 62rem){.project-55 .intro .container hr{display:block}}.project-55 .intro .container .intro__text{flex:1;align-items:center;display:flex;flex-direction:column;gap:2rem}@media screen and (min-width: 62rem){.project-55 .intro .container .intro__text{align-items:flex-start}}.project-55 .intro .container .intro__text h1,.project-55 .intro .container .intro__text p{color:#fafafa}.project-55 .intro .container .intro__image{flex:1;display:none;padding-bottom:3rem;width:100%}.project-55 .intro .container .intro__image img{width:100%;height:auto;object-fit:cover;display:block}@media screen and (min-width: 62rem){.project-55 .intro .container .intro__image{display:block}}.project-55 .unique{padding-block:2rem}.project-55 .unique .container{display:flex;flex-direction:column;gap:2rem;align-items:center}@media screen and (min-width: 62rem){.project-55 .unique .container{align-items:flex-start}}.project-55 .unique .diffrences{display:flex;flex-direction:column;gap:2rem;padding-block:2rem}@media screen and (min-width: 62rem){.project-55 .unique .diffrences{display:flex;flex-direction:row;gap:2rem}}.project-55 .unique .diffrences .differnce{display:flex;flex-direction:column;gap:1.5rem;align-items:center}@media screen and (min-width: 62rem){.project-55 .unique .diffrences .differnce{align-items:flex-start}}.project-55 .unique .diffrences .differnce .img__wrapper img{width:60px;height:60px;display:block}.project-55 .work .container{background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='176'%20height='317'%3e%3cg%20fill='none'%20fill-rule='evenodd'%20stroke='%239E96C6'%3e%3cpath%20d='M229.233-90.334c-50.722-15.88-102.876-42.369-156.271%206.012C19.567-35.94-14.002%206.441%207.676%2061.278c21.678%2054.836%20110.165%2020.68%20135.875%2069.691%2025.71%2049.01-30.78%2093.492-6.426%20137.111%2024.354%2043.62%2043.081%2071.576%20121.35%2043.841%2078.268-27.734%2071.051-98.303%20130.57-139.628%2059.52-41.324%20123.916-103.188%2035.542-213.576-88.373-110.388-144.632-33.17-195.354-49.05z'/%3e%3cpath%20d='M235.714-64.418c-41.272-12.887-83.71-34.382-127.158%204.879C65.108-20.28%2037.793%2014.114%2055.432%2058.614c17.64%2044.5%2089.642%2016.782%20110.563%2056.554%2020.92%2039.772-25.047%2075.868-5.23%20111.265%2019.818%2035.397%2035.056%2058.083%2098.743%2035.577%2063.687-22.507%2057.815-79.773%20106.246-113.308%2048.431-33.534%20100.83-83.736%2028.92-173.316-71.909-89.58-117.687-26.916-158.96-39.804z'/%3e%3cpath%20d='M247.526-47.655c-33.452-10.515-67.85-28.052-103.065%203.98-35.216%2032.032-57.355%2060.091-43.058%2096.397%2014.297%2036.305%2072.657%2013.692%2089.614%2046.14%2016.956%2032.449-20.301%2061.898-4.239%2090.777%2016.063%2028.88%2028.414%2047.388%2080.034%2029.026%2051.62-18.362%2046.86-65.084%2086.115-92.443%2039.255-27.36%2081.726-68.318%2023.441-141.403-58.285-73.084-95.39-21.96-128.842-32.474z'/%3e%3cpath%20d='M259.692-27.494c-27.045-8.434-54.853-22.5-83.323%203.192-28.47%2025.692-46.368%2048.198-34.81%2077.318C153.119%2082.136%20200.3%2064%20214.008%2090.025c13.708%2026.026-16.412%2049.647-3.427%2072.81%2012.986%2023.164%2022.971%2038.01%2064.703%2023.282%2041.732-14.728%2037.884-52.203%2069.62-74.147%2031.734-21.945%2066.07-54.797%2018.95-113.417-47.12-58.62-77.117-17.614-104.161-26.047z'/%3e%3cpath%20d='M262.21-13.586c-22.048-6.9-44.719-18.409-67.929%202.612-23.21%2021.02-37.802%2039.435-28.379%2063.26%209.423%2023.826%2047.887%208.986%2059.063%2030.28%2011.176%2021.294-13.38%2040.62-2.793%2059.572%2010.587%2018.952%2018.727%2031.099%2052.75%2019.048%2034.022-12.05%2030.885-42.71%2056.757-60.665%2025.873-17.955%2053.865-44.834%2015.45-92.796-38.415-47.962-62.87-14.411-84.919-21.311z'/%3e%3c/g%3e%3c/svg%3e") no-repeat,#2d2640;background-position:right;background-size:contain;padding:3rem}@media screen and (min-width: 62rem){.project-55 .work .container{background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='434'%20height='250'%3e%3cg%20fill='none'%20fill-rule='evenodd'%20stroke='%239E96C6'%3e%3cpath%20d='M374.872-183.487c-83.088-26.03-168.523-69.446-255.99%209.854C31.415-94.333-23.575-24.865%2011.936%2065.016c35.51%2089.881%20180.463%2033.898%20222.58%20114.23%2042.116%2080.332-50.424%20153.24-10.528%20224.736%2039.896%2071.496%2070.573%20117.318%20198.785%2071.859%20128.212-45.46%20116.391-161.127%20213.89-228.861%2097.5-67.734%20202.988-169.134%2058.222-350.07-144.766-180.935-236.925-54.367-320.013-80.397z'/%3e%3cpath%20d='M384.985-142.161c-67.557-21.138-137.022-56.395-208.139%208.002C105.73-69.762%2061.02-13.351%2089.892%2059.638c28.873%2072.99%20146.729%2027.527%20180.973%2092.762%2034.243%2065.235-40.998%20124.441-8.56%20182.5%2032.439%2058.059%2057.381%2095.27%20161.627%2058.354%20104.246-36.916%2094.634-130.846%20173.908-185.85C677.114%20152.4%20762.883%2070.057%20645.178-76.874c-117.705-146.93-192.637-44.15-260.193-65.287z'/%3e%3cpath%20d='M404.804-113.49c-54.849-17.232-111.247-45.974-168.987%206.523-57.74%2052.496-94.04%2098.482-70.598%20157.983%2023.442%2059.5%20119.13%2022.44%20146.932%2075.62%2027.802%2053.179-33.286%20101.444-6.95%20148.773%2026.337%2047.33%2046.587%2077.663%20131.224%2047.57%2084.637-30.094%2076.834-106.665%20141.196-151.504%2064.362-44.84%20133.998-111.966%2038.434-231.743-95.565-119.778-156.402-35.99-211.25-53.223z'/%3e%3cpath%20d='M424.91-80.123c-44.205-13.836-89.659-36.915-136.194%205.238-46.534%2042.153-75.79%2079.079-56.898%20126.856%2018.893%2047.777%2096.011%2018.018%20118.418%2060.72%2022.407%2042.7-26.826%2081.456-5.6%20119.46%2021.225%2038.003%2037.546%2062.36%20105.758%2038.196%2068.213-24.164%2061.923-85.648%20113.796-121.652%2051.872-36.005%20107.994-89.905%2030.975-186.082-77.02-96.177-126.05-28.9-170.255-42.736z'/%3e%3cpath%20d='M430.256-58.56c-36.06-11.317-73.137-30.194-111.097%204.285-37.96%2034.478-61.824%2064.681-46.413%20103.76%2015.411%2039.079%2078.319%2014.738%2096.597%2049.665%2018.278%2034.928-21.883%2066.627-4.57%2097.712%2017.315%2031.085%2030.629%2051.008%2086.271%2031.243%2055.642-19.765%2050.512-70.056%2092.826-99.505%2042.313-29.45%2088.093-73.537%2025.267-152.204-62.827-78.668-102.822-23.638-138.881-34.956z'/%3e%3cpath%20d='M440.955-42.498c-29.325-9.164-59.479-24.448-90.35%203.469-30.87%2027.916-50.278%2052.37-37.745%2084.012%2012.533%2031.641%2063.693%2011.933%2078.557%2040.213%2014.865%2028.28-17.796%2053.946-3.715%2079.115%2014.08%2025.169%2024.908%2041.3%2070.16%2025.296%2045.25-16.003%2041.078-56.722%2075.49-80.566C567.763%2085.196%20604.994%2049.5%20553.9-14.196%20502.807-77.89%20470.28-33.335%20440.955-42.498z'/%3e%3c/g%3e%3c/svg%3e"),#2d2640,no-repeat;background-position:right;background-size:10%}}.project-55 .work .container .content{display:flex;flex-direction:column;gap:2rem;justify-content:space-between;align-items:center;color:#fafafa}@media screen and (min-width: 62rem){.project-55 .work .container .content{flex-direction:row}}.project-55 .work .container .content h2{width:300px}.project-55 .footer-55{width:100%;padding-top:3.75rem;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='374'%20height='173'%3e%3cg%20fill='none'%20fill-rule='evenodd'%20stroke='%23E4E4E4'%3e%3cpath%20d='M72.361%20139.675c75.703%2023.693%20153.543%2063.212%20233.235-8.97C385.29%2058.523%20435.39-4.709%20403.036-86.522c-32.354-81.814-164.422-30.855-202.794-103.977-38.373-73.122%2045.94-139.485%209.591-204.563-36.35-65.078-64.3-106.787-181.115-65.409C-88.098-419.092-77.327-313.807-166.16-252.153-254.993-190.499-351.104-98.2-219.206%2066.494S-3.341%20115.98%2072.36%20139.674z'/%3e%3cpath%20d='M62.895%20101.751c61.583%2019.24%20124.905%2051.33%20189.734-7.283%2064.828-58.614%20105.585-109.959%2079.266-176.393-26.32-66.434-133.755-25.055-164.971-84.43-31.216-59.377%2037.372-113.266%207.802-166.11-29.57-52.845-52.306-86.713-147.334-53.113-95.028%2033.6-86.267%20119.094-158.53%20169.158-72.265%2050.064-150.45%20125.012-43.153%20258.747S1.312%2082.511%2062.895%20101.751z'/%3e%3cpath%20d='M45.188%2076.583C95.15%2092.28%20146.522%20118.465%20199.117%2070.64c52.594-47.825%2085.66-89.72%2064.307-143.926-21.353-54.206-108.513-20.443-133.838-68.89-25.325-48.448%2030.32-92.418%206.33-135.536-23.99-43.117-42.436-70.752-119.531-43.336-77.095%2027.415-69.987%2097.173-128.614%20138.022-58.627%2040.85-122.058%20102.003-35.009%20211.122C-60.189%20137.216-4.773%2060.884%2045.188%2076.583z'/%3e%3cpath%20d='M26.684%2045.816c40.295%2012.596%2081.728%2033.603%20124.147-4.768%2042.419-38.371%2069.087-71.984%2051.865-115.475-17.221-43.491-87.518-16.402-107.943-55.273-20.425-38.87%2024.453-74.148%205.105-108.743s-34.225-56.767-96.404-34.77c-62.179%2021.996-56.446%2077.965-103.73%20110.739-47.284%2032.774-98.442%2081.839-28.236%20169.388C-58.305%2094.464-13.61%2033.221%2026.684%2045.816z'/%3e%3cpath%20d='M21.917%2025.954c32.91%2010.295%2066.749%2027.467%20101.393-3.897%2034.643-31.365%2056.424-58.84%2042.358-94.389-14.065-35.549-71.477-13.407-88.158-45.179-16.682-31.772%2019.971-60.609%204.17-88.886-15.803-28.277-27.953-46.4-78.735-28.42-50.782%2017.979-46.1%2063.727-84.718%2090.516-38.617%2026.79-80.398%2066.895-23.06%20138.457%2057.339%2071.562%2093.841%2021.503%20126.75%2031.798z'/%3e%3cpath%20d='M12.775%2011.594c26.718%208.36%2054.191%2022.305%2082.318-3.165%2028.127-25.47%2045.81-47.78%2034.39-76.649-11.419-28.868-58.03-10.887-71.574-36.688-13.544-25.8%2016.214-49.217%203.385-72.18-12.83-22.963-22.694-37.68-63.923-23.08-41.229%2014.6-37.428%2051.75-68.78%2073.505-31.353%2021.755-65.275%2054.323-18.723%20112.435C-43.579%2043.884-13.944%203.234%2012.775%2011.594z'/%3e%3c/g%3e%3c/svg%3e");background-position:top 0vw left 0vw;background-repeat:no-repeat}@media screen and (min-width: 62rem){.project-55 .footer-55{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='528'%20height='231'%3e%3cg%20fill='none'%20fill-rule='evenodd'%20stroke='%23E4E4E4'%3e%3cpath%20d='M186.361%20197.675c75.703%2023.693%20153.543%2063.212%20233.235-8.97%2079.693-72.182%20129.794-135.414%2097.44-217.227-32.354-81.814-164.422-30.855-202.794-103.977-38.373-73.122%2045.94-139.485%209.591-204.563-36.35-65.078-64.3-106.787-181.115-65.409C25.902-361.092%2036.673-255.807-52.16-194.153c-88.833%2061.654-184.944%20153.953-53.046%20318.647s215.865%2049.487%20291.567%2073.18z'/%3e%3cpath%20d='M176.895%20159.751c61.583%2019.24%20124.905%2051.33%20189.734-7.283%2064.828-58.614%20105.585-109.959%2079.266-176.393-26.32-66.434-133.755-25.055-164.971-84.43-31.216-59.377%2037.372-113.266%207.802-166.11-29.57-52.845-52.306-86.713-147.334-53.113-95.028%2033.6-86.267%20119.094-158.53%20169.158-72.265%2050.064-150.45%20125.012-43.153%20258.747s175.603%2040.184%20237.186%2059.424z'/%3e%3cpath%20d='M159.188%20134.583c49.962%2015.698%20101.334%2041.882%20153.929-5.943%2052.594-47.825%2085.66-89.72%2064.307-143.926-21.353-54.206-108.513-20.443-133.838-68.89-25.325-48.448%2030.32-92.418%206.33-135.536-23.99-43.117-42.436-70.752-119.531-43.336C53.29-235.633%2060.398-165.875%201.77-125.026-56.856-84.176-120.287-23.023-33.238%2086.096c87.049%20109.12%20142.465%2032.788%20192.426%2048.487z'/%3e%3cpath%20d='M140.684%20103.816c40.295%2012.596%2081.728%2033.603%20124.147-4.768%2042.419-38.371%2069.087-71.984%2051.865-115.475-17.221-43.491-87.518-16.402-107.943-55.273-20.425-38.87%2024.453-74.148%205.105-108.743s-34.225-56.767-96.404-34.77c-62.179%2021.996-56.446%2077.965-103.73%20110.739C-33.56-71.7-84.718-22.635-14.512%2064.914c70.207%2087.55%20114.901%2026.307%20155.196%2038.902z'/%3e%3cpath%20d='M135.917%2083.954c32.91%2010.295%2066.749%2027.467%20101.393-3.897%2034.643-31.365%2056.424-58.84%2042.358-94.389-14.065-35.549-71.477-13.407-88.158-45.179-16.682-31.772%2019.971-60.609%204.17-88.886-15.803-28.277-27.953-46.4-78.735-28.42-50.782%2017.979-46.1%2063.727-84.718%2090.516C-6.39-59.51-48.17-19.406%209.167%2052.156c57.339%2071.562%2093.841%2021.503%20126.75%2031.798z'/%3e%3cpath%20d='M126.775%2069.594c26.718%208.36%2054.191%2022.305%2082.318-3.165%2028.127-25.47%2045.81-47.78%2034.39-76.649-11.419-28.868-58.03-10.887-71.574-36.688-13.544-25.8%2016.214-49.217%203.385-72.18-12.83-22.963-22.694-37.68-63.923-23.08-41.229%2014.6-37.428%2051.75-68.78%2073.505C11.238-46.908-22.684-14.34%2023.868%2043.772c46.553%2058.112%2076.188%2017.462%20102.907%2025.822z'/%3e%3c/g%3e%3c/svg%3e");background-repeat:no-repeat}}.project-55 .footer-55 .container{display:flex;flex-direction:column;gap:2rem}.project-55 .footer-55 .footer__top{display:flex;flex-direction:column;gap:1.5rem;align-items:center}@media screen and (min-width: 62rem){.project-55 .footer-55 .footer__top{flex-direction:row;justify-content:space-between}}.project-55 .footer-55 .footer__top .social-links{display:flex;flex-direction:row;gap:.5rem}.project-55 .footer-55 .footer__top .social-links .icon{color:#837d87;font-size:1.75rem}.project-55 .footer-55 .footer__top .social-links .icon:hover{color:#2b272f}.project-55 .footer-55 .nav-links{padding-block:2rem;border-block:1px solid rgba(204,204,204,.5019607843);display:flex;flex-direction:column;gap:1.5rem}.project-55 .footer-55 .nav-links .nav-item{flex:1;text-align:center}.project-55 .footer-55 .nav-links .nav-item .menu-link{text-transform:uppercase;font-weight:700;color:#837d87;font-size:.875rem}.project-55 .footer-55 .nav-links .nav-item .dropdown{padding-top:1.75rem;display:flex;flex-direction:column;gap:.625rem}.project-55 .footer-55 .nav-links .nav-item .dropdown .dropdown-item{color:#2b272f;text-transform:uppercase;font-weight:700;cursor:pointer;font-size:.875rem}.project-55 .footer-55 .nav-links .nav-item .dropdown .dropdown-item:hover,.project-55 .footer-55 .nav-links .nav-item .dropdown .dropdown-item:focus,.project-55 .footer-55 .nav-links .nav-item .dropdown .dropdown-item:focus-visible{text-decoration:underline}@media screen and (min-width: 62rem){.project-55 .footer-55 .nav-links .nav-item{text-align:left}}@media screen and (min-width: 62rem){.project-55 .footer-55 .nav-links{flex-direction:row}}