@import"https://fonts.googleapis.com/css2?family=Jura:wght@300..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Krona+One&display=swap";@import"https://fonts.googleapis.com/css2?family=Playwrite+AR:wght@100..400&display=swap";.App{position:relative}.home-container{margin:4rem 0 0 4rem}.container{margin:15rem 3rem 0 .5rem}.main-page{position:relative}.header-container{width:100%;display:flex;justify-content:center}.nav{width:auto;height:auto;display:flex;align-items:center;justify-content:center}.nav .nav-items-container{display:flex;align-items:center;justify-content:space-between}.nav-item{background-color:#d8d7d7a3;color:#000;padding:.8rem 4rem;border-radius:5rem;font-size:1.6rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.nav-item:hover{background-color:#353535;color:#fff;transition:all .5s}.about{background-color:#fff}.tutorial{color:#fff}@media screen and (max-width:1000px){.nav{display:none}}header{width:100%;height:5rem;background-color:#717171b3;display:flex;align-items:center;justify-content:space-between;border-radius:5rem;padding:2.8rem .5rem;margin:2rem;position:relative}.toolbars{display:flex;gap:5px}.search-container{display:flex;justify-content:space-between;position:relative}.toolbar-search{background:#9b9b9b}.toolbar-bar{background-color:#7d7b7b;display:none!important}.toolbar-notification{background-color:#b6b6b6;position:relative}.search-input{width:0px;border:none;outline:none;background:none;margin:0 .5rem .5rem;padding:.6rem;font-size:1.7rem;color:#fff;transition:width .5s;position:absolute;right:60px;top:5px;opacity:0;z-index:999}.search-input-width{opacity:1;width:200px;display:inline-block;border-bottom:.2rem solid rgb(0,0,0)}.toolbar-search-background{background:none}.logo-icon{font-size:3rem}.search-icon,.bar-icon{font-size:2rem}.notification-icon{font-size:3rem}.logo-container{background-color:#000}.logo-container,.toolbar{width:5rem;height:5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.toolbar:hover{background-color:#353535;color:#fff;transition:all .5s}.notification-dot{width:1.2rem;height:1.2rem;border-radius:50%;background-color:red;position:absolute;z-index:2;top:1.1rem;right:1rem}.bar-modal{background-color:#e3e3e3;position:absolute;top:7rem;right:2%;z-index:2;padding:2rem 4rem;box-shadow:#64646f33 0 7px 29px;border-radius:20px}@media screen and (max-width:1200px){.search-input{background-color:#7d7b7b;right:20px;top:60px;border-radius:5rem}.search-input-width{border-bottom:.2rem solid rgb(0,0,0)}}@media screen and (max-width:1000px){.toolbar-bar{display:flex!important}}@media screen and (max-width:700px){.logo-container,.toolbar{width:4.5rem;height:4.5rem}}@media screen and (max-width:500px){header{margin:2rem 1rem}.bar-modal{padding:2rem}}.page-links{text-transform:capitalize;color:#1d1d1d}.page-links li{text-transform:capitalize;color:#1d1d1d;margin:.5rem 0;font-size:1.7rem}.page-links span{height:.6rem;background:#282828;display:inline-block;border-radius:2rem}.page-links span:nth-child(2){width:9rem}.page-links span:nth-child(4){width:12rem}.page-links span:nth-child(6){width:15rem}.page-links span:nth-last-child(1){width:20rem}.terms{margin-top:5rem}.terms li{color:#10089d;font-size:1.2rem;text-decoration:underline;margin-top:.3rem}.notification-modal{width:400px;background-color:#e3e3e3;position:absolute;top:7rem;right:2%;z-index:2;padding:2rem 4rem;box-shadow:#64646f33 0 7px 29px;border-radius:20px;max-height:50rem;overflow:scroll}.update-container,.read-notification-update-container{width:100%;background-color:#797979;display:flex;align-items:center;justify-content:space-between;padding:2rem 2.5rem;margin-bottom:1rem;border-radius:1.5rem;cursor:pointer}.read-notification-update-container{background-color:#929292}.update-container h3,.read-notification-update-container h3{font-size:2rem;text-transform:capitalize;margin-bottom:1rem;color:#fff}.read-notification-update-container h3{color:#ebebeb}.update-content{width:25rem}.update-container span{width:1rem;height:1rem;background-color:#3030f3;border-radius:50%}.update-content-text,.read-notification-text{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;color:#e7e7e7}.read-notification-text{color:#cfcfcf}.subscribe-info{width:100%;margin-bottom:2rem}.subscribe-info p{text-align:center;font-size:1.2rem;color:#1b156c}@media(max-width:767px){.notification-modal{width:350px;padding:10px;max-height:40rem}}@media(max-width:500px){.notification-modal{width:300px}}@media(max-width:425px){.notification-modal{width:250px}}.notification-item-modal{position:absolute;z-index:9;top:150px;left:150px;max-width:500px;background-color:#535353;padding:2rem 3rem 5rem;box-shadow:#00000040 0 54px 55px,#0000001f 0 -12px 30px,#0000001f 0 4px 6px,#0000002b 0 12px 13px,#00000017 0 -3px 5px;border-radius:20px}.notification-item-modal h3{font-size:3rem;margin-bottom:2rem;text-transform:capitalize}.notification-item-modal p{font-size:1.5rem;line-height:2.5rem}.close-icon-container{width:100%;display:flex;justify-content:end;margin-bottom:1rem}.close-icon{font-size:3rem;cursor:pointer;color:#cecece}.close-icon:hover{font-size:3rem;cursor:pointer;color:#fff;text-shadow:10px 10px 20px rgb(255,255,255)}@media screen and (max-width:767px){.notification-item-modal{max-width:400px;top:100px;left:10px}}@media screen and (max-width:500px){.notification-item-modal{width:100%;top:100px;left:0;padding:1rem 2rem 4rem}.notification-item-modal p{font-size:1.5rem;line-height:1.5rem}}main{display:flex;min-height:100vh;justify-content:space-between;overflow:hidden}video{width:100%;height:auto;object-fit:cover;left:0;top:20%;z-index:-3}.left-container{width:40%;flex-shrink:0;overflow:hidden}.right-container{width:60%;position:relative}@media screen and (max-width:768px){.left-container{display:none}.right-container{width:100%;margin-left:0}}@media screen and (max-width:425px){video{height:25vh}.left-container{height:25vh}}.sirreal-info-container{width:100%;background-color:#fff;border-radius:50px 0 0 50px;padding:5rem 0 10rem 5rem}.sirreal-info-container h1{font-size:7rem;color:#000;font-family:Krona One,sans-serif}.subscribe-container{display:flex;width:95%;justify-content:end;padding-right:5%;margin-bottom:2rem;height:4rem}.sirreal-info-container ul{margin-top:6rem}.sirreal-info-container ul li{color:#000;list-style-type:none;font-size:1.8rem;cursor:pointer;font-family:Jura,sans-serif;font-weight:500}@media screen and (max-width:1000px){.sirreal-info-container h1{font-size:5rem}.sirreal-info-container ul li{list-style-type:none;font-size:1.5rem}}@media screen and (max-width:768px){.sirreal-info-container{padding:3rem 0 6rem 3rem;border-radius:30px 0 0 30px}.sirreal-info-container h1{font-size:5.5rem}.sirreal-info-container ul{margin-top:4rem}.sirreal-info-container ul li{font-size:1.5rem}}@media screen and (max-width:425px){.sirreal-info-container{min-height:250px;padding:2rem 0 4rem 2rem;border-radius:20px 0 0 20px}.sirreal-info-container h1{font-size:3.8rem}.sirreal-info-container ul{margin-top:2.5rem}.sirreal-info-container ul li{font-size:1.2rem}.subscribe-container{height:3rem}}@media screen and (max-width:350px){.sirreal-info-container{padding:1.5rem 0 3rem 1.5rem;border-radius:15px 0 0 15px}.sirreal-info-container h1{font-size:2.8rem}.sirreal-info-container ul li{font-size:1rem}.subscribe-container{height:2.5rem}}.buttons-container{display:flex;cursor:pointer}.button-container{color:#000;background-color:#b9b9b9;transition:background-color .5s}.buttons-container:hover .button-container{background-color:#f4f4f4ee}.button-text{padding:1rem 2rem;border-radius:50px;font-size:1.5rem;font-weight:500}.detail-icon-container{width:4rem;height:4rem;border-radius:50%;font-size:2rem;margin-left:-.5rem}@media screen and (max-width:768px){.button-text{padding:.8rem 1.6rem;font-size:1.3rem}.detail-icon-container{width:3.5rem;height:3.5rem;font-size:1.8rem}}@media screen and (max-width:425px){.button-text{padding:.6rem 1.2rem;font-size:1.1rem}.detail-icon-container{width:3rem;height:3rem;font-size:1.5rem}}@media screen and (max-width:375px){.button-text{padding:.5rem 1rem;font-size:1rem}.detail-icon-container{width:2.5rem;height:2.5rem;font-size:1.3rem}}.slider-container{position:relative;width:100%;margin:0 auto;display:flex;align-items:center;margin-top:6rem;overflow:hidden}.slider-wrapper{overflow:hidden;width:100%}.slider{display:flex;transition:transform .5s ease-in-out;gap:1.8rem}.slide-item{min-width:35%;display:flex;justify-content:center;background-color:#fff;border-radius:40px}.slide-content-top img{width:100%;height:auto;border-radius:40px}.slide-content-bottom{width:80%;display:flex;justify-content:space-around;align-items:center;margin:1rem auto}.slide-content-bottom p{color:#000;font-size:1.2rem;font-weight:800;text-transform:capitalize}.slide-content-bottom button{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;border-radius:50%;border:none;background-color:#000;cursor:pointer;transition:background-color .5s}.slide-content-bottom button:hover{background-color:#454545}.slide-content-bottom .detail-icon{font-size:1.3rem;color:#fff}.arrow-container{width:95%;display:flex;align-items:center;justify-content:space-between;padding:.5rem}.arrow-container button{width:4rem;height:4rem;background-color:#7979798a;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer}.arrow{font-size:3.5rem;color:#ffffffcb}.slider-container:hover .arrow{color:#fff}.slider-container:hover .arrow-container button{background-color:#313131}@media screen and (max-width:1024px){.slide-item{min-width:45%}.slider-container{margin-top:4rem}}@media screen and (max-width:768px){.slide-item{min-width:40%}.slider-container{margin-top:3rem}.slider{gap:1.2rem}}@media screen and (max-width:425px){.slide-item{min-width:50%}.slider-container{margin-top:2rem}.slide-content-bottom p{font-size:1rem}.arrow-container button{width:3rem;height:3rem}.arrow{font-size:2.5rem}}.title-wrapper{display:flex;align-items:flex-start;flex-direction:column}.title-container{width:fit-content;height:100%;background-color:#fff;display:flex;align-items:center;padding:1rem 3rem;color:#000}.title-container h2{font-size:3rem;font-family:serif;font-weight:300;text-transform:uppercase}.line-container{width:40%;height:2rem;background-color:#fff;margin-top:1rem}@media screen and (max-width:500px){.line-container{width:80%;height:1rem}}.more-collections-container{width:100%;display:flex;justify-content:end;padding:0 1rem;overflow-x:hidden}a{text-decoration:none}.collection-items-container{display:flex;flex-direction:column;flex-wrap:wrap;align-items:center;margin-top:6rem}.collection-item-container{width:100%;position:relative;display:grid;grid-template-columns:repeat(4,auto);gap:3rem;margin-top:9rem;margin-bottom:15rem}.collection-item{position:relative}.collection-group h4{font-size:4rem;margin:4rem 0 0 5rem;color:#fff;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;letter-spacing:.5rem;text-transform:uppercase}.collection-item-container img{width:100%;height:auto;border-radius:2rem}.collection-item button{position:absolute;bottom:-2rem;right:-2rem;width:6rem;height:6rem;border:none;border-radius:50%;transition:background .5s;cursor:pointer}.collection-item button:hover{background:#ababab}.size-icon{font-size:3rem}@media screen and (max-width:1024px){.collection-group h4{font-size:3rem;margin:3rem 0 0 3rem}.collection-item-container{gap:2rem;margin-top:6rem;margin-bottom:10rem;grid-template-columns:repeat(3,auto)}.collection-item button{width:5rem;height:5rem;bottom:-1.5rem;right:-1.5rem}.size-icon{font-size:2.5rem}}@media screen and (max-width:768px){.collection-items-circles-container{display:none}.collection-group h4{font-size:2.5rem;margin:2rem 0 0 2rem;letter-spacing:.3rem}.collection-item-container{justify-items:center;gap:2rem;grid-template-columns:repeat(2,auto)}.collection-item{width:80%}.collection-item button{width:4.5rem;height:4.5rem;bottom:-1.2rem;right:-1.2rem}}@media screen and (max-width:600px){.collection-item-container{justify-items:center;gap:2rem;grid-template-columns:repeat(1,auto)}}@media screen and (max-width:425px){.collection-items-container{margin-top:3rem}.collection-group h4{font-size:2rem;margin:1.5rem 0 0 1rem;letter-spacing:.2rem}.collection-item-container{gap:2rem;margin-top:3rem;margin-bottom:5rem}.collection-item{width:100%}.collection-item button{width:4rem;height:4rem;bottom:-1rem;right:-1rem}.size-icon{font-size:2rem}}@media screen and (max-width:375px){.collection-group h4{font-size:2rem;letter-spacing:.1rem}.collection-item button{width:3.5rem;height:3.5rem}.size-icon{font-size:1.8rem}}.circles-wrapper{position:relative}.circle{position:absolute;border-radius:50%;border:.2rem solid;z-index:-5}@media screen and (max-width:767px){.circles-container{display:none}}.collection-modal{position:fixed;top:0;left:0;width:100vw;height:100%;background:#00000007;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;padding:2rem;display:flex;align-items:center;justify-content:center}.modal-content{display:flex;justify-content:center;align-items:center}.collection-left-container{width:40%;display:flex;justify-content:center;align-items:center}.collection-modal-image{width:90%;height:auto;border-radius:20px}.collection-right-container{width:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;padding:0 3rem;background:#0000007b;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.collection-detail-title{font-size:3rem;text-align:center;margin-bottom:3rem;text-transform:capitalize}.collection-detail-paragraph{font-size:1.4rem;text-align:center;margin-bottom:2rem}.close-button{background:#535353;color:#fff;border:none;width:5rem;height:5rem;border-radius:50%;font-size:1rem;position:absolute;top:3rem;right:3rem;cursor:pointer}@media screen and (max-width:767px){.collection-modal{overflow-y:scroll}.modal-content{flex-direction:column;padding:1rem}.collection-right-container,.collection-left-container{width:100%}.collection-modal-image{width:50%}}@media screen and (max-width:500px){.modal-image{width:70%}}@media screen and (max-width:430px){.collection-modal{padding:.5rem}.modal-image{width:100%}}#roadmap-section{overflow:hidden!important}.branch-container{width:100%;display:flex;justify-content:center;align-items:center;margin-top:10rem;margin-bottom:30rem}.branch-wrapper{position:relative}.branch{width:8.5rem;height:5rem;border-radius:5px;position:absolute;top:0;left:0}.branch .roadmap-text-container{padding:2rem;background-color:#b0b0b050;border-bottom-left-radius:5rem;border-top-right-radius:5rem;margin:6rem;width:25rem}.branch-two .roadmap-text-container,.branch-four .roadmap-text-container{padding:2rem;background-color:#b0b0b050;border-bottom-left-radius:5rem;border-top-right-radius:5rem;margin-left:-25rem;width:25rem}.roadmap-text-container p{font-size:1.3rem}.branch-one{top:5rem;border-top:.8rem solid white;border-right:.8rem solid white}.branch-two{top:25rem;left:-8.5rem;border-top:.8rem solid white;border-left:.8rem solid white}.branch-three{top:45rem;border-top:.8rem solid white;border-right:.8rem solid white}.branch-four{top:60rem;border-top:.8rem solid white;border-left:.8rem solid white;left:-8.5rem}.branch-line{width:.8rem;height:70rem;background-color:#fff}@media screen and (max-width:768px){.roadmap-title-container{margin-top:6rem}.branch-container{margin-top:6rem;margin-bottom:20rem}.branch .roadmap-text-container{width:18rem;margin:4rem;font-size:1.1rem}.branch-two .roadmap-text-container,.branch-four .roadmap-text-container{width:18rem;margin-left:-18rem}.roadmap-text-container p{font-size:1.1rem}.branch-one{top:4rem}.branch-two{top:20rem}.branch-three{top:36rem}.branch-four{top:50rem}.branch-line{height:58rem}}@media screen and (max-width:600px){.roadmap-title-container{margin-top:4rem}.branch-container{margin-top:4rem;margin-bottom:15rem}.branch{width:5rem;height:3.5rem}.branch .roadmap-text-container{width:13rem;margin:3rem;padding:1.2rem;border-bottom-left-radius:3rem;border-top-right-radius:3rem}.branch-two .roadmap-text-container,.branch-four .roadmap-text-container{width:13rem;margin-left:-13rem;padding:1.2rem}.roadmap-text-container p{font-size:1rem}.branch-one{top:3rem;border-top:.5rem solid white;border-right:.5rem solid white}.branch-two{top:15rem;left:-5rem;border-top:.5rem solid white;border-left:.5rem solid white}.branch-three{top:27rem;border-top:.5rem solid white;border-right:.5rem solid white}.branch-four{top:38rem;left:-5rem;border-top:.5rem solid white;border-left:.5rem solid white}.branch-line{width:.5rem;height:46rem}}@media screen and (max-width:375px){.branch-two .roadmap-text-container,.branch-four .roadmap-text-container{width:10rem;margin-left:-5rem}.branch-one .roadmap-text-container,.branch-three .roadmap-text-container{width:10rem;margin-right:0rem}.roadmap-text-container p{font-size:.9rem}.branch-two{top:14rem}.branch-three{top:25rem}.branch-four{top:35rem}.branch-line{height:42rem}}.footer-container{width:100%;background:linear-gradient(to right,#cecece 10%,#fff 50%,#9999);margin-top:10rem;padding:4rem 0}.footer-content{display:flex;justify-content:space-between}.footer-left-container{width:50%;height:100%;align-items:center;display:flex;justify-content:space-evenly;gap:8rem}.footer-left-container img{width:30rem;height:30rem;border-radius:50%;border:1rem groove black}.footer-right-container{width:40%}.newsletter-container{display:flex;width:82%;flex-direction:column}.newsletter-container .subscribe-text{font-size:2rem;color:#000}.newsletter-container input{width:50rem;height:4rem;border:none;border-bottom:.1rem solid rgb(0,0,0);background:none;outline:none;font-size:1.7rem;margin-right:.5rem}.newsletter-form{display:flex;margin-top:1.5rem}.error-info{font-size:1.3rem;color:red;margin-top:1rem}.follow-us{margin-top:5rem}.follow-us p{font-size:2rem;color:#000}.social-icons{width:13rem;display:flex;align-items:center;justify-content:space-between}.social-icon{font-size:3rem;color:#212121;margin-top:1rem;transition:color .3s}.social-icon:hover{color:#6a6a6a}.copyright{width:100%;display:flex;justify-content:center;margin-top:3rem}.copyright p{font-size:1.5rem;color:#000}@media screen and (max-width:1024px){.footer-left-container{gap:3rem}.footer-left-container img{width:20rem;height:20rem}.newsletter-container input{width:30rem}.newsletter-container .subscribe-text{font-size:1.7rem}}@media screen and (max-width:768px){.footer-content{flex-direction:column;gap:4rem}.footer-left-container{width:100%;justify-content:space-between;gap:4rem;padding:0 2rem}.footer-left-container img{width:15rem;height:15rem;border-width:.6rem}.footer-right-container{width:100%;padding:0 3rem}.newsletter-container,.newsletter-container input{width:100%}.newsletter-form{flex-wrap:wrap;gap:1.5rem}}@media screen and (max-width:425px){.footer-left-container{flex-direction:column;align-items:start;gap:2rem}.footer-left-container img{width:12rem;height:12rem}.newsletter-container .subscribe-text{font-size:1.5rem}.newsletter-container input{font-size:1.4rem}.follow-us{margin-top:3rem}.follow-us p{font-size:1.7rem}.copyright p{font-size:1.2rem;text-align:center;padding:0 1rem}}@media screen and (max-width:375px){.footer-left-container img{width:10rem;height:10rem}.newsletter-container .subscribe-text{font-size:1.3rem}.social-icon{font-size:2.5rem}}.Up-button{position:fixed;bottom:1rem;right:1rem;width:5rem;height:5rem;border-radius:50%;background-color:#ff84005b;z-index:9;border:none;align-items:center;justify-content:center;cursor:pointer;transition:background-color .4s}.Up-button:hover{background-color:#ff8400}.Up-button.visible{display:flex}.Up-button.visible{display:none}.up-icon{font-size:4rem;color:#fff}.placeholder-page-container{display:flex;width:100%;height:100dvh;background-color:#dec3d8;align-items:center;justify-content:center}.placeholder-page-img img{width:45rem;height:auto;position:absolute;z-index:2;top:10%}.placeholder-page-text p{font-family:Playwrite AR,cursive;font-size:3rem;color:#ad0285;margin-left:40rem}*{margin:0;padding:0;box-sizing:border-box;font-family:Jura,sans-serif}html{font-size:10px}body{background-color:#000;color:#fff;overflow-x:hidden}li{list-style-type:none}@media screen and (max-width:2560px){html{font-size:17px}}@media screen and (min-width:2560px){html{font-size:17px}}@media screen and (max-width:2000px){html{font-size:15px}}@media screen and (max-width:1700px){html{font-size:13.5px}}@media screen and (max-width:1440px){html{font-size:10px}}.center{display:flex;align-items:center;justify-content:center}