@import"https://fonts.googleapis.com/css2?family=Anybody:ital,wght@0,100..900;1,100..900&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{margin:0;font-family:Anybody}html,body{font-family:Anybody}html,body,#root{height:100vh;min-height:100vh;width:100vw;max-width:100vw;background:#1f1f1f}.app{width:100%;height:100%;min-height:100%;padding:30px;display:flex;flex-direction:column;align-items:center}@media screen and (min-width: 768px){.app{padding:50px;max-height:100vh;overflow:hidden}}@media screen and (min-width: 1024px){.app{padding:70px}}.app .homePage{width:100%;height:100%;max-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:55px}@media screen and (min-width: 768px){.app .homePage{gap:65px}}@media screen and (min-width: 1024px){.app .homePage{gap:50px}}.app .homePage .mainContent{display:flex;flex-direction:column;align-items:center;justify-content:center}@media screen and (min-width: 1024px){.app .homePage .mainContent{flex-direction:row}}.app .homePage .mainContent .lottieContainer{width:100%}@media screen and (min-width: 768px){.app .homePage .mainContent .lottieContainer{width:75%}}@media screen and (min-width: 1024px){.app .homePage .mainContent .lottieContainer{width:60%}}.app .homePage .mainContent .texts{display:flex;flex-direction:column;justify-content:center}.app .homePage .mainContent h1{color:#fff;font-weight:400;font-size:100px}@media screen and (min-width: 768px){.app .homePage .mainContent h1{font-size:100px}}@media screen and (min-width: 1024px){.app .homePage .mainContent h1{font-size:130px;margin-bottom:20px}}@media screen and (min-width: 1440px){.app .homePage .mainContent h1{font-size:150px;margin-bottom:40px}}.app .homePage .mainContent p{color:#fff;text-transform:initial;font-size:29px;font-weight:400;max-width:500px}@media screen and (min-width: 1024px){.app .homePage .mainContent p{font-size:37px}}@media screen and (min-width: 1440px){.app .homePage .mainContent p{font-size:39px}}.app h2{color:#fff;font-weight:400;font-size:44px}@media screen and (min-width: 1024px){.app h2{font-size:54px;line-height:66.24px}}.app .displayNone{display:none}.app .pageOne{width:100%;height:100vh;min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 0 30px;gap:45px}@media screen and (min-width: 768px){.app .pageOne{gap:80px}}@media screen and (min-width: 1024px){.app .pageOne{gap:90px}}@media screen and (min-width: 1440px){.app .pageOne{gap:130px}}.app .pageOne h2{text-align:center}.app .pageOne h2:nth-child(2){color:#4b4b4b;margin-left:10px}.app .pageOne h2:nth-child(2).primaryColor{color:#fa5c4f;text-transform:uppercase}.app .title{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.app .itemsContainer{display:flex;flex-wrap:wrap;justify-content:center;gap:30px}@media screen and (min-width: 768px){.app .itemsContainer{gap:40px}}.app p{font-size:30px;font-weight:600;color:#7f7f7f;text-transform:uppercase;cursor:pointer;position:relative;z-index:3}@media screen and (min-width: 1024px){.app p{font-size:40px}}.app p.isSelected{color:#fff}.app p.isSelected:before{content:"";z-index:-1;top:-22px;left:-20px;position:absolute;width:calc(100% + 40px);height:calc(100% + 40px);background-image:url("data:image/svg+xml,%3csvg%20width='394'%20height='70'%20viewBox='0%200%20394%2070'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M209.877%2010.9711C183.208%209.03093%20122.324%2011.5279%2083.0713%2015.6094C36.1242%2020.4909%205.30776%2033.1647%207.86582%2046.1917C10.4239%2059.2186%20131.672%2070.2742%20224.411%2065.3072C319.199%2060.2305%20389.572%2048.531%20391.748%2032.1501C393.924%2015.7692%20293.431%20-0.0369655%20202.643%202.88627C111.855%205.8095%201.24727%2017.0119%202.13321%2041.2326C3.01915%2065.4534%20122.527%2069.9659%20195.265%2066.7709C253.456%2064.2149%20332.564%2058.1249%20364.844%2055.3994'%20stroke='%23FA5C4F'%20stroke-width='4'%20stroke-linecap='round'/%3e%3c/svg%3e");background-size:contain;background-repeat:no-repeat;background-position:center;transform:rotate(-1deg)}.app button{outline:none;border:none;cursor:pointer;width:265px;height:84px;background:#fa5c4f;font-family:Anybody;display:flex;align-items:center;justify-content:center;gap:19px;border-radius:10px;font-size:26px;color:#fff;text-transform:uppercase}.app button:focus{outline:none}@media screen and (min-width: 1024px){.app button{height:94px;font-size:36px}}.app .pageTwo{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 0 30px;gap:45px}@media screen and (min-width: 768px){.app .pageTwo{height:100%;max-height:100%;gap:50px}}@media screen and (min-width: 1024px){.app .pageTwo{gap:70px}}@media screen and (min-width: 1440px){.app .pageTwo{gap:130px}}.app .pageTwo h2{text-align:center}.app .pageTwo h2:nth-child(2){color:#4b4b4b;margin-left:10px}.app .pageTwo h2:nth-child(2).primaryColor{color:#fa5c4f;text-transform:uppercase}.app .pageTwo .buttonsContainer{display:flex;flex-direction:column;align-items:center;gap:28px}@media screen and (min-width: 768px){.app .pageTwo .buttonsContainer{flex-direction:row}}.app .pageTwo .buttonsContainer button:nth-child(1){width:290px}@media screen and (min-width: 1024px){.app .pageTwo .buttonsContainer button:nth-child(1){width:300px}}.app .pageThree{width:100vw;height:100%;max-height:100vh;display:flex;flex-direction:column;align-items:center;padding:30px;gap:75px}@media screen and (min-width: 768px){.app .pageThree{gap:80px}}@media screen and (min-width: 1024px){.app .pageThree{gap:75px}}.app .pageThree h2{text-align:center}.app .pageThree h2:nth-child(2),.app .pageThree h2:nth-child(3){color:#fa5c4f;text-transform:uppercase}.app .pageThree h2:nth-child(2){margin-left:10px}.app .pageThree .inputContainer{width:100%;max-width:1253px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:28px}@media screen and (min-width: 768px){.app .pageThree .inputContainer{gap:38px}}@media screen and (min-width: 1024px){.app .pageThree .inputContainer{position:relative}}.app .pageThree input{outline:none;width:100%;height:95px;border-radius:10px;border:2px solid #FFFFFF;background:#1f1f1f;padding-left:19px;color:#fff;font-weight:400;font-size:26px}@media screen and (min-width: 768px){.app .pageThree input{padding-left:38px;font-size:36px}}.app .pageThree input::placeholder{font-size:26px;font-weight:400;color:#7f7f7f}.app .pageThree button{width:265px;border-radius:8px}@media screen and (min-width: 1024px){.app .pageThree button{height:91px;position:absolute;right:1.75px}}