@import"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap";.nav-bar{width:100%;height:10vh;display:flex;align-items:center;justify-content:space-between;padding:15px 30px;background-color:var(--day);position:relative}.nav-bar img{width:120px}.rightt{width:auto;min-width:600px;margin-left:100px;font-size:.8rem;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.nav-links{width:400px;display:flex;justify-content:space-between;align-items:center;text-align:center}.nav-links li{list-style:none;display:flex;align-items:center}.nav-links li a{text-decoration:none;text-align:center;padding:5px;font-size:16px;font-weight:500;color:var(--night)}.nav-links li a:after{content:"";width:0;height:3px;border-radius:40px;background-color:var(--purple-color);display:block;margin:auto;transition:all .5s}.nav-links li a:hover:after{width:100%}.user{display:flex;justify-content:space-between;align-items:center;margin-left:100px}.user a{display:flex;justify-content:center;align-items:center;text-align:center;padding:10px;text-decoration:none;font-size:16px;font-weight:500;border-radius:30px;margin-right:20px}.user a:hover{box-shadow:0 0 4px 1px var(--purple-color)}#login{display:block;width:80px;color:var(--night)}#signup{background:var(--purple-color);color:var(--white-color);display:block;width:100px}.bx-x:before,.bx-sun:before,.bxs-moon:before,.bx-menu:before{color:var(--purple-color);display:none;font-size:2.2rem;cursor:pointer}.bx-x:before,.bx-menu:before{display:none;width:35.2px;margin-left:40px}.bx-sun:hover,bxs-moon:hover{transform:scale(1.05)}.bx-sun:before,.bxs-moon:before{display:block}.bx-sun:before{color:var(--white-color)}.active{left:-900px;visibility:visible!important;display:block;transition:all 1s ease-in-out!important}@media (max-width: 700px){.rightt{min-width:100px;width:100%;height:80vh;margin:10px auto;position:absolute;top:70px;left:0;background-color:var(--day);visibility:hidden;border-bottom:1px solid var(--purple-color)}.nav-links{display:block;margin:5px auto}.nav-links li{display:block;width:100%}.nav-links li a{padding:10px;display:block;width:100%}.nav-links li a:after{display:none}.nav-links li a:hover{background-color:var(--purple-color);color:var(--white-color)}.user{width:400px;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:1px auto}.user a{display:block;margin:3px auto;background-color:transparent;border-radius:0}#login:hover,#signup:hover{box-shadow:none;background-color:var(--purple-color);color:var(--white-color)!important}#login,#signup{color:var(--black-color);background-color:transparent;width:100%}.user a{color:var(--night)!important}.bx-menu:before,.bx-x:before{display:block}.bx-x{display:block;text-align:right}}.body{margin:auto 0;display:flex;justify-content:space-between;align-items:center;padding:20px;width:100%;height:auto;gap:30px;background-color:var(--day)}.left{padding:30px;height:auto}.top{display:flex;align-items:center;justify-content:space-between;width:250px;padding:10px;height:40px;color:var(--purple-color);border-bottom:3px solid var(--purple-color);background-color:var(--lilac-color);-webkit-user-select:none;user-select:none}.bx{font-size:1.2rem}.purple{color:var(--purple-color)}.left h1{margin-top:10px;font-size:4rem;width:500px;color:var(--night)}.left P{width:600px;color:var(--night);font-weight:400;margin-top:10px}.left a{width:180px;height:40px;background-color:var(--purple-color);color:var(--white-color);text-decoration:none;padding:15px;font-size:.9rem;font-weight:400;margin-top:30px;display:flex;align-items:center;justify-content:space-between;transition:.5s}.left a:hover{box-shadow:0 0 10px 3px var(--purple-color)}.capsule{width:100%;height:auto;background-color:var(--day)}.body img{width:450px;margin-right:30px}.bottom{display:flex;align-items:center;justify-content:space-between;text-align:center;padding:20px 50px;background-color:var(--day)}.bottom h2{color:var(--night);font-size:1.5rem}.bottom p{color:var(--night);font-weight:400;font-size:.9rem}.bar{height:40px;width:4px;border-radius:10px;background-color:var(--purple-color)}@media (max-width: 700px){.body{height:auto;flex-direction:column;padding-top:10px}.top{margin:10px auto}.left h1{font-size:2.5rem;text-align:center;width:350px}.left p{width:300px;font-size:.9rem;text-align:center}.left a{margin:30px auto;padding-bottom:10px}.body img{display:block;margin:2px auto;width:300px}.bx h2{font-size:1.3rem}.bar{width:2px}.bx p{font-size:.8rem;margin-top:5px}}.solution{margin:0 30px 30px;padding:30px;background-color:var(--light-lilac-color)}#solution{width:150px;margin:10px auto}.bxl-redux{font-weight:700;font-size:1.5rem}.solution h2{text-align:center;margin:10px auto;width:300px}.gridContainer{width:70%;height:450px;margin:10px auto;display:grid;grid-template:1fr 2fr / 1fr 2fr;gap:15px}.elem1{grid-column:1 / 2;grid-row:1 / 3;padding:10px}.dd{background-color:var(--day);color:var(--night)}.elem1 img{width:250px;display:block;margin:5px auto}.elem1 h3{margin:20px 5px 5px;width:200px;font-weight:700}.elem1 p{margin:10px 5px 5px}.dd a{display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:.9rem;width:130px;height:40px;margin:20px 5px 5px;text-decoration:none;padding:10px;background-color:var(--lilac-color)}.dd a:hover{background-color:var(--purple-color);color:var(--lilac-color)}.elem2{display:flex;flex-direction:row-reverse;padding:10px;height:230px}.elem3 img{width:280px;margin:10px}.elem3{display:flex;flex-direction:row;padding:10px;height:230px}.elem2 h3,.elem3 h3{margin:20px 5px 5px;width:200px;font-weight:700}.elem2 p,.elem3 p{margin:10px 5px 5px}.gridContainer::-webkit-scrollbar{display:none}@media screen and (max-width: 700px){.gridContainer{display:flex;justify-content:space-between;flex-direction:row;overflow-y:hidden;width:280px;height:460px}.dd{display:flex;justify-content:space-between;flex-direction:column;width:261px;height:410px;padding:10px;box-shadow:2px 2px 5px 1px var(--ash-color)}.dd img{background-color:var(--light-lilac-color);display:block;margin:0 auto;width:240px;height:221px}.elem1 img{width:240px}.elem2 img{margin-bottom:10px}.elem3 img{width:240px;height:221px}.elem3{margin-right:10px}.dd-text{width:240px;height:175px}}.whyUs{width:450px;height:auto}.whyCont{width:80%;margin:10px auto;padding:20px;height:auto;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.whyCont img{width:500px}.why{width:100px;height:40px;padding:10px;border-bottom:3px solid var(--purple-color);background-color:var(--lilac-color);color:var(--purple-color);display:flex;align-items:center;justify-content:space-between;-webkit-user-select:none;user-select:none}.why i{transform:rotate(310deg)}.whyUs h2{margin-top:10px;color:var(--night)}.reason{display:flex;align-items:flex-start;justify-content:space-between;margin:30px auto 20px;color:var(--night)}.reason img{width:50px;margin-top:5px}.reason p{width:380px;margin-top:5px;font-size:.8rem}@media (max-width:700px){.whyCont{flex-direction:column-reverse}.why{margin:10px auto}.whyUs h2{text-align:center}.whyCont img{width:300px}.reason{flex-direction:column;justify-content:center;align-items:center;text-align:center;width:200px;margin:0}.reason img{width:30px}.reason h3{font-size:.9rem}.reason p{width:180px;font-size:.7rem}.reason:nth-child(3){grid-column-start:1;grid-column-end:3;margin:5px auto}.reasonss{margin:20px auto 50px;display:grid;grid-template:1fr 1fr / 1fr 1fr}}.container{width:96%;height:auto;background-color:var(--light-lilac-color);margin:10px auto;padding:20px}.exTop{width:110px;height:40px;background-color:var(--lilac-color);border-bottom:3px solid var(--purple-color);margin:10px auto;padding:10px;color:var(--purple-color);font-weight:500;display:flex;justify-content:space-between;align-items:center}.exTop img{width:20px}.container h2{text-align:center;margin:20px auto}.elements{width:80%;height:auto;margin:10px auto;display:flex;justify-content:space-between}.safe{width:320px;height:auto;background-color:var(--day);padding:15px;color:var(--night)}.safe img{width:280px;display:block;margin:0 auto 20px}.text{margin:5px}.text h3{font-size:1rem;font-weight:700}.text p{font-size:.9rem;margin-top:10px}.details{display:flex;width:250px}.details div{display:flex;align-items:center;justify-content:center;padding:5px;font-weight:600;font-size:.8rem;margin:10px 20px 10px 0;-webkit-user-select:none;user-select:none}.finance{background-color:var(--light-green);color:var(--deep-green)}.security{background-color:var(--light-orange);color:var(--deep-orange)}@media (max-width:700px){.exTop{width:90px;font-size:.8rem}.exTop img{width:15px}.elements{overflow-x:scroll;width:75%}.elements::-webkit-scrollbar{display:none}.safe{width:280px;margin:10px;box-shadow:2px 2px 3px var(--ash-color)}.safe img{width:250px}}.box-container{width:70%;height:auto;margin:60px auto 40px;padding:30px;text-align:center;background:linear-gradient(var(--purple-color),var(--purple-color2))}.box-container h1{width:600px;font-size:3rem;margin:20px auto;color:var(--white-color)}.inputContainer{width:600px;height:60px;background-color:var(--white-color);border-radius:30px;margin:40px auto;display:flex;align-items:center;justify-content:space-between}.email{height:90%;width:450px;padding:10px;font-size:1rem;margin:10px;background:transparent;border:none;outline:none;font-weight:400}.inputContainer button{width:120px;height:50px;margin:10px 5px 10px 10px;padding:10px;border-radius:30px;outline:none;border:none;display:flex;align-items:center;justify-content:space-between;color:var(--white-color);background:linear-gradient(190deg,var(--purple-color2),var(--purple-color));cursor:pointer;font-weight:500}.inputContainer button:hover{filter:brightness(.7);filter:saturate(.4)}@media (max-width:700px){.box-container{width:90%}.box-container h1{font-size:2rem;width:300px}.inputContainer{width:350px;height:50px;margin:20px auto}.email{width:270px;font-size:.9rem;padding:8px}.inputContainer button{content:"<i className='bx bx-right-arrow-alt'></i>";width:60px;height:40px;padding:5px;font-size:.7rem;font-weight:400;display:block}.inputContainer>button>span{display:none}}.footContainer{width:80%;height:auto;margin:10px auto 0;padding:50px;background-color:var(--light-lilac-color)}.footTop{display:flex;justify-content:space-between;align-items:flex-start}.logo{width:140px;margin-top:20px;padding-left:40px}.foot{width:700px;margin-top:20px;display:flex;justify-content:space-between;align-items:flex-start;padding-right:40px}.elem h4{color:var(--purple-color);-webkit-user-select:none;user-select:none}.elem ul{margin-top:5px}.elem ul li{list-style:none}.elem ul li a{text-decoration:none;color:var(--ash-color);font-weight:600;font-size:.8rem}.elem ul li a:hover{color:var(--black-color)}.social{margin:50px auto;width:400px;display:flex;align-items:center;justify-content:space-between}.social img{transition:.3s}.social img:hover{transform:scale(1.2)}hr{border:.2px solid var(--purple-color)}.footContainer p{text-align:center;color:var(--ash-color);margin:20px auto;font-size:.9rem;-webkit-user-select:none;user-select:none}@media (max-width:700px){.footContainer{padding:20px;width:88%}.footTop{flex-direction:column;align-items:center}.footTop img{width:150px}.foot{width:370px;padding:0}.elem h4{font-size:.9rem;margin-top:20px;cursor:pointer}.elem h4:hover{filter:brightness(.3)}.elem ul{display:none}.social{margin:20px auto;width:280px}.social a img{width:20px}}:root{--purple-color: rgb(108, 47, 237);--purple-color2: rgb(142, 123, 182);--black-color: rgb(0, 0, 0);--lilac-color: rgb(228, 218, 250);--white-color: rgb(255, 255, 255);--ash-color: rgb(133, 132, 132);--light-lilac-color: rgb(247, 239, 255);--light-green:rgb(203, 248, 241);--deep-green:rgb(0, 163, 136);--light-orange: rgb(255, 236, 184);--deep-orange:rgb(212, 156, 0);--day: rgb(255, 255, 255);--night: rgb(58, 58, 58)}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}html,body{width:100%;overflow-x:hidden;transition:all .5s ease-in-out}[data-theme=day]{--day: rgb(255, 255, 255);--night: rgb(58, 58, 58);transition:all .5s ease-in-out}[data-theme=night]{--night: rgb(255, 255, 255);--day: rgb(58, 58, 58);transition:all .5s ease-in-out}.signupContainer{width:100%;height:90vh;background-color:var(--day);display:flex;flex-direction:column;justify-content:center;align-items:center}.signupContainer h1{color:var(--purple-color);text-align:center;margin-bottom:20px}.signupbody{background-color:var(--lilac-color);width:420px;height:auto;min-height:340px;border-radius:20px;padding:20px;box-shadow:0 0 7px 1px var(--purple-color)}.signupbody img{width:100px;display:block;margin:5px auto}.inputs{display:flex;flex-direction:column;align-items:flex-start;margin:5px auto;padding-left:20px;padding-right:20px}.inputs label{width:100%;font-size:.8rem;font-weight:500}.inputs input{width:100%;font-size:.7rem;background:transparent;border:1px solid var(--purple-color);outline:none;padding:4px}.inputs span,.button-err{width:100%;height:12px;font-size:.7rem;color:red}.submit{width:80%;height:30px;border:none;background-color:var(--purple-color);color:var(--white-color);font-weight:500;display:block;margin:20px auto 10px;border-radius:20px;transition:all .3s ease}.button-err{display:block;text-align:center}.submit:hover{box-shadow:0 0 8px 3px var(--purple-color)}.redirect{font-size:.9rem;text-align:center}@media screen and (max-width:700px){.signupbody{width:350px}}.login-container{width:100%;min-height:90vh;height:100%;background-color:var(--day);display:flex;flex-direction:column;justify-content:center;align-items:center}.login-container h1{color:var(--purple-color);text-align:center;margin-bottom:20px}.login-body{width:350px;height:280px;background-color:var(--lilac-color);border-radius:20px;padding:30px}.input-value{display:flex;flex-direction:column;align-items:flex-start;margin:5px auto;padding-left:20px;padding-right:20px}.input-value label{width:100%;font-size:.8rem;font-weight:500}.input-value input{width:100%;font-size:.7rem;background:transparent;border:1px solid var(--purple-color);outline:none;padding:4px}.input-value span{width:100%;height:12px;font-size:.7rem;color:red}.login{width:80%;height:30px;border:none;background-color:var(--purple-color);color:var(--white-color);font-weight:500;display:block;margin:30px auto;border-radius:20px;transition:all .3s ease}.login:hover{box-shadow:0 0 5px 2px var(--purple-color)}.login-body p{font-size:.9rem;text-align:center}