@import"https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap";header{width:100%;height:50px;background-color:var(--primary-color-dark);padding:0 5%;position:fixed;top:0;z-index:100}header:after{display:block;position:absolute;content:"";width:90%;height:.5px;background-color:#ffffff95;margin-top:55px}.header-icons{margin-left:auto}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;height:30px;width:70px;padding:3px 0;top:5px;left:0;right:0;bottom:0;background-color:#41298a;color:#ffffffb9;-webkit-transition:.4s;transition:.4s;font-size:15px;display:flex;align-items:center;justify-content:space-around}.slider span{font-size:12px}.slider:before{position:absolute;content:"";padding-top:4px;color:#fff;text-align:center;height:23px;width:33px;left:7px;background:#36e3ef;background:linear-gradient(-45deg,#34e2ef,#4b00e0 50%,#4b00e0 70%,#ec9eff80);background:-moz-linear-gradient(-45deg,hsla(184,85%,57%,1) 0%,hsla(260,100%,44%,1) 50%,hsla(260,100%,44%,1) 70%,rgba(236,158,255,.5) 100%);background:-webkit-linear-gradient(-45deg,hsla(184,85%,57%,1) 0%,hsla(260,100%,44%,1) 50%,hsla(260,100%,44%,1) 70%,rgba(236,158,255,.5) 100%);-webkit-transition:.4s;transition:.4s}input:checked+.slider{background-color:#9c27b0}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translate(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.search-bar{width:35px;display:flex;align-items:center;border-radius:28px;padding:4px 10px;overflow:hidden;transition:.5s ease-in-out}.icon-search{font-size:30px}.icon-search,.icon-close{cursor:pointer}.search-bar.active{width:360px;background-color:#f6f6f6;color:#333;font-size:15px}.search-input{font-size:16px;color:#333;outline:none;border:none;background-color:transparent;margin-left:14px;flex-grow:1}.icon-heart-o{color:#fff;border:none;font-size:18px}.icon-heart{border:none}.heart-btn{background-color:transparent;cursor:pointer;font-size:20px}header .model{overflow:scroll;width:100%;height:100vh;position:fixed;top:0;right:0;display:flex;flex-direction:column;align-items:center;justify-content:start;background:#ffffff1f;border-radius:16px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);border:1px solid rgba(255,255,255,.39);clip-path:circle(0% at 100% -15%);-webkit-clip-path:circle(0% at 100% -15%);z-index:200;transition:all 1.5s ease}.model.active{clip-path:circle(160vh at 50% -15%);-webkit-clip-path:circle(160vh at 50% -15%)}.model .close-btn{position:sticky;top:20px;margin-left:90%;background-color:transparent;color:var(--light-color);border:none;font-size:25px;border:1px solid #fff;border-radius:50%;padding:10px;cursor:pointer}.model h3{margin:10px auto;letter-spacing:2px;opacity:.8}.favorite-list{width:35%}.favorite-list img{width:200px;border-radius:20px;padding:10px}.favorite-list-item{width:100%;height:120px;margin:10px auto;background-color:#292458;display:flex;justify-content:center;align-items:center;padding:5px;border-radius:10px;box-shadow:inset -3px -3px 3px #1e1d1fb8}.favorite-list-item-content{flex-grow:1;text-align:center;padding:7px 0}.favorite-list-item-content p{font-size:18px;padding:4px}.list-category{font-size:13px}.favorite-list-item-content button{font-size:10px;padding:5px 18px;margin:20px 5px 5px;border-radius:3px;border:none;color:#fff;background-color:transparent;border:1px solid #778fec;cursor:pointer}@media (min-width: 1400px){.model.active{clip-path:circle(180vh at 50% 15%);-webkit-clip-path:circle(180vh at 50% 15%)}}@media (max-width: 1399.98px){.favorite-list{width:50%}.favorite-list-item{height:fit-content}.favorite-list-item-content button{font-size:10px;padding:7px 35px;margin-top:15px}.favorite-list img{width:250px}}@media (max-width: 992px){.favorite-list{width:60%}}@media (max-width: 768px){.favorite-list{width:80%}.search-bar.active{width:300px;padding:3px 0}.icon-close{font-size:13px;margin-right:7px}}@media (max-width: 576px){.icon-search{font-size:23px}.icon-heart-o{font-size:15px}.slider{width:55px}.slider:before{width:25px;height:20px;font-size:12px;left:2px}.search-input{font-size:12px;width:80px}.search-bar.active{width:225px;padding:0}.model .close-btn{top:12px;margin-left:85%;font-size:15px}.favorite-list img{width:150px;height:100px;padding:0;border-radius:10px}.favorite-list-item-content button{padding:5px 15px}.model.active{clip-path:circle(1500px at 100% -15%);-webkit-clip-path:circle(1500px at 100% -15%)}}@media (max-width: 400px){.favorite-list{width:85%}.favorite-list-item-content p{font-size:15px;padding:0}.favorite-list img{width:90%;height:100px;margin:6px auto auto}.favorite-list-item{width:85%;height:fit-content;flex-wrap:wrap}.search-bar.active{width:195px}.heart-btn{font-size:17px}}.hero{margin-top:8.5%;letter-spacing:1.5px}.hero_container{width:85%;margin:auto;position:relative;flex-direction:column;animation:fadeIn 2s}.hero:after{display:block;content:"";width:80%;height:3px;background:#8e2de2;background:linear-gradient(90deg,#4b00e022,#8e2de2,#36e3ef 40%,#8e2de2 90%,#4b00e022);margin:auto}h1{margin-top:15px;font-size:3.5rem;text-align:center}.hero p{color:#fffc;font-size:1.5rem;text-align:center;padding-top:15px;width:90%;margin:auto}.ar-content{animation:fadeIn 2s}.small-title{background:-webkit-linear-gradient(-45deg,#36e3ef,#a78ddc,#db3db6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero_container img{width:75%;-webkit-box-reflect:below -15px linear-gradient(transparent,transparent,#0003)}.hero_container .img{text-align:center;padding-bottom:150px}.img img{z-index:10;margin-top:20px}.purple-squar{display:inline-block;background:#36e3ef;background:linear-gradient(-45deg,#34e2ef,#4b00e0 50%,#4b00e0 70%,#ec9eff80);filter:blur(50px)}.img .purple-squar{width:63%;height:37%;position:absolute;top:33%;right:18%}@media (min-width: 1400px){.hero_container img{width:65%}}@media (max-width: 992px){.img .purple-squar{width:60%;height:33%;top:39%;right:19%}h1{font-size:2.5rem}.hero p{font-size:1.2rem}}@media (max-width: 768px){.hero{margin-top:20%}.hero_container img{width:100%}.img .purple-squar{width:100%;height:33%;top:42%;right:0%}}@media (max-width: 576px){.hero_container{width:100%}h1{font-size:1.5rem;margin-top:20px}.hero p{font-size:1rem}.hero_container img{width:100%;padding-bottom:10px}.hero_container .img{padding-bottom:100px}.img .purple-squar{width:100%;height:20%;top:50%;right:0%}}#videoPlay{width:100%;padding:80px;background:linear-gradient(#00000080,#070b28e6),url(./images/space.avif);background-repeat:no-repeat;background-position:center;background-size:cover;position:relative;margin-top:-15px}#videoPlay:after{position:absolute;bottom:0;left:10%;display:block;content:"";width:80%;height:3px;background:#8e2de2;background:linear-gradient(90deg,#4b00e022,#8e2de2,#36e3ef 40%,#8e2de2 90%,#4b00e022);margin:auto}.video-play-section{flex-wrap:wrap;padding-top:100px}.video-play-box{width:80%;margin-bottom:80px}.video-play-model iframe{width:100%;height:550px}.logos-icons .logo_icon{font-size:55px;position:absolute;opacity:.5}.logos-icons .logo_icon:nth-child(1){top:9%;right:48%;filter:drop-shadow(-6px 8px 6px #469dbc)}.logos-icons .logo_icon:nth-child(2){top:40%;right:8%;transform:rotate(45deg);filter:drop-shadow(3px 4px 7px #469dbc)}.logos-icons .logo_icon:nth-child(3){bottom:13%;left:2%;transform:rotate(-45deg);filter:drop-shadow(3px 5px 7px rgb(29,163,91))}.logos-icons .logo_icon:nth-child(4){top:3%;right:11%;transform:rotate(25deg);filter:drop-shadow(2px 13px 17px #673ab7)}.logos-icons .logo_icon:nth-child(5){bottom:40%;left:6%;transform:rotate(25deg);filter:drop-shadow(3px 5px 7px rgb(145,13,13))}.logos-icons .logo_icon:nth-child(6){top:27%;left:10%;transform:rotate(-10deg);filter:drop-shadow(3px 5px 7px rgb(79,110,203))}.logos-icons .logo_icon:nth-child(7){bottom:5%;left:17%;transform:rotate(15deg);filter:drop-shadow(3px 5px 7px #6acd6a)}.logos-icons .logo_icon:nth-child(8){top:8%;right:26%;transform:rotate(-45deg);filter:drop-shadow(3px 5px 7px rgb(145,13,13))}.logos-icons .logo_icon:nth-child(9){bottom:6%;right:15%;transform:rotate(-45deg);filter:drop-shadow(3px 5px 17px #1e74bd)}.logos-icons .logo_icon:nth-child(10){top:8%;right:70%;font-size:70px;filter:drop-shadow(3px 5px 7px rgb(87,206,224))}.logos-icons .logo_icon:nth-child(11){right:4%;bottom:25%;transform:rotate(20deg);filter:drop-shadow(3px 5px 7px #AFA022)}.logos-icons .logo_icon:nth-child(12){top:4%;left:5%;transform:rotate(25deg);filter:drop-shadow(10px 9px 10px #2b52a6)}@media (max-width: 1399.98px){.logos-icons .logo_icon{font-size:45px}.logos-icons .logo_icon:nth-child(10){font-size:60px}}@media (max-width: 992px){.video-play-box{width:100%}.logos-icons .logo_icon{display:none}.video-play-model iframe{height:400px}}@media (max-width: 768px){.video-play-model iframe{height:300px}}@media (max-width: 576px){.video-play-model iframe{height:220px;width:300px}}@media (max-width: 500px){#videoPlay{height:500px;align-content:end}.video-play-model iframe{height:200px;width:300px}.video-play-section{padding:0}}.switch-bar button.active{background:#36e3ef;background:linear-gradient(-45deg,#34e2ef,#4b00e0 50%,#4b00e0 70%,#ec9eff80);background:-moz-linear-gradient(-45deg,hsla(184,85%,57%,1) 0%,hsla(260,100%,44%,1) 50%,hsla(260,100%,44%,1) 70%,rgba(236,158,255,.5) 100%);background:-webkit-linear-gradient(-45deg,hsla(184,85%,57%,1) 0%,hsla(260,100%,44%,1) 50%,hsla(260,100%,44%,1) 70%,rgba(236,158,255,.5) 100%);color:#fff;border:none;background-size:120% auto}.switch-bar button:hover{color:#fff;background-position:right center}.switch-bar{width:fit-content;margin:50px auto 10px;border-radius:20px;gap:0px;border:1px solid rgba(255,255,255,.2);z-index:10}.switch-bar button{padding:9px 15px;background-color:transparent;color:#ffffff9b;cursor:pointer;border:unset;transition:.3s}.switch-bar button:first-child{border-top-left-radius:15px;border-bottom-left-radius:15px}.switch-bar button:last-child{border-top-right-radius:15px;border-bottom-right-radius:15px}@media (max-width: 500px){.switch-bar{margin:25px auto 10px}.switch-bar button{font-size:10px}}.projects-filter-btns{width:90%;text-align:center;padding:2.5% 0;margin:auto;border-radius:20px;background-color:#070b2847}.projects-filter-btns button{width:9rem;height:2.5rem;background-color:transparent;color:#fff;text-align:center;border:1px solid rgba(255,255,255,.2);margin:13px auto;border-radius:3px;letter-spacing:1.5px;display:flex;align-items:center;justify-content:start;padding-left:10%;transition:.5s;cursor:pointer}.projects-filter-btns button:first-child{justify-content:center;padding-left:0}.projects-filter-btns button:hover{border:1px solid #4daded}.projects-filter-btns button span{margin-right:10px}.projects-filter-btns button.active{background:#36e3ef;background:linear-gradient(-45deg,#34e2ef,#4b00e0 50%,#4b00e0 70%,#ec9eff80);background:-moz-linear-gradient(-45deg,hsla(184,85%,57%,1) 0%,hsla(260,100%,44%,1) 50%,hsla(260,100%,44%,1) 70%,rgba(236,158,255,.5) 100%);background:-webkit-linear-gradient(-45deg,hsla(184,85%,57%,1) 0%,hsla(260,100%,44%,1) 50%,hsla(260,100%,44%,1) 70%,rgba(236,158,255,.5) 100%);color:#fff;border:none;background-size:120% auto}.projects-filter-btns button:hover{color:#fff;background-position:right center}@media (max-width: 992px){.projects-filter-btns{display:flex;flex-wrap:wrap;width:100%}.projects-filter-btns button{justify-content:center;padding-left:0;width:8rem;height:2rem;margin:4px auto}}@media (max-width: 500px){.projects-filter-btns button{width:6rem;font-size:10px}}.projects{width:100%;flex-direction:column}.cards{width:inherit;flex-wrap:wrap;padding:10px;border-radius:20px}.cards .card{width:30%;padding:7px;margin:5px;position:relative;animation:fadeIn 2s}.cards .card .heart{position:absolute;top:5px;right:5px;color:#821f1f;background-color:#fffc;border-radius:50%;padding:7px 5px 5px}.cards .card h4{margin-top:7px;letter-spacing:1.5px;font-size:1.2em;background:-webkit-linear-gradient(-45deg,#36e3ef,#a78ddc,#db3db6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.cards .card-img{position:relative;border-top-right-radius:10px;border-top-left-radius:10px;border:1px solid #ffffff73}.cards .card-img .dark-layer{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0009;z-index:10;cursor:pointer}.cards .card-img .dark-layer:hover{background-color:#0000004d}.cards .card-img .dark-layer.activeVid{display:none}.cards .card-img .dark-layer span{border:1px solid #fff;border-radius:50%;background-color:#ffffff4d;padding:10px 12px 10px 15px}.cards .card-img img{width:100%;height:200px;border-top-left-radius:18px;border-top-right-radius:18px;transform:scale(1.02)}.cards .card-img{overflow:hidden}.card-content{height:150px;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;text-align:center}.card-content .card-describtion{font-weight:200;margin:10px;font-size:13px}.card-content .card-btns{width:100%;margin-top:15px}.card-content .youTube-card-btn{width:45%;height:30px;display:flex;align-items:center;justify-content:center;font-size:12px;letter-spacing:1.2px;border-radius:5px;background:#36e3ef80;background:linear-gradient(-45deg,#34e2ef80,#4b00e0 50%,#4b00e080 70%,#ec9eff80);background:-moz-linear-gradient(-45deg,hsla(184,85%,57%,.5) 0%,hsla(260,100%,44%,.5) 50%,hsla(260,100%,44%,.5) 70%,rgba(236,158,255,.5) 100%);background:-webkit-linear-gradient(-45deg,hsla(184,85%,57%,.5) 0%,hsla(260,100%,44%,.5) 50%,hsla(260,100%,44%,.5) 70%,rgba(236,158,255,.5) 100%)}.card-content .youTube-card-btn span{margin-left:4px;padding-top:2px}.card-content .icon-heart-o{color:#ffffff87;font-size:18px;border:1px solid #ffffff87;padding:4px;border-radius:5px;cursor:pointer}.card-content a{text-decoration:none}.no-project-screen{width:80vw;background:-webkit-linear-gradient(-45deg,#36e3ef,#a78ddc,#db3db6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:2em;text-align:center}.no-project-screen p{display:inline}@media (min-width: 1400px){.cards .card{width:23%;margin-bottom:20px;padding:0}}@media (max-width: 992px){.cards .card{padding:0;margin-bottom:40px}.card-content .youTube-card-btn{width:55%}}@media (max-width: 768px){.cards .card{width:45%;padding:0;margin:0}}@media (max-width: 500px){.cards .card{width:95%;margin-bottom:40px}.no-project-screen{width:100%}.no-project-screen p{font-size:20px}}.footer{width:80%;text-transform:capitalize;color:#d9d5d5;letter-spacing:1.2px;border-top:1px solid rgba(255,255,255,.5);margin-top:20px;flex-direction:column;padding:20px 0;text-align:center}.footer-social-links{width:20%;font-size:1.3em;color:#d9d5d5d1}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color-dark: #070b28;--blue-color: rgba(54, 227, 239, .5);--light-color: #fff }html{font-family:Roboto,sans-serif;margin:auto;scroll-behavior:smooth}body{background-color:#070b28;color:var(--light-color);min-height:100vh}body.menuOpen{overflow:hidden}.container{width:100%;margin:auto;flex-direction:column}.flex{display:flex;align-items:center;justify-content:center;gap:1rem;-webkit-gap:1rem;-moz-gap:1rem}.grade-bg{background:#36e3ef;background:linear-gradient(-45deg,#34e2ef,#4b00e0 50%,#4b00e0 70%,#ec9eff80);background:-moz-linear-gradient(-45deg,hsla(184,85%,57%,1) 0%,hsla(260,100%,44%,1) 50%,hsla(260,100%,44%,1) 70%,rgba(236,158,255,.5) 100%);background:-webkit-linear-gradient(-45deg,hsla(184,85%,57%,1) 0%,hsla(260,100%,44%,1) 50%,hsla(260,100%,44%,1) 70%,rgba(236,158,255,.5) 100%)}ul{list-style:none}ul li{padding:15px}a{font-weight:500;color:var(--light-color);text-decoration:inherit}.main{width:98%;display:flex;flex-wrap:wrap;margin-top:-13px}.main .main-left{width:18%;padding-top:60px}.main .main-right{width:82%;padding-top:75px;display:flex;justify-content:center;align-items:center;flex-direction:column}.main .loadMoreBtn{margin-top:50px}.scroll-up{width:2.3rem;height:2.3rem;border-radius:50%;position:fixed;bottom:2rem;right:3%;text-align:center;border:none;opacity:.8;font-size:1.4rem;color:#fff;cursor:pointer;background:#36e3ef;background:linear-gradient(-45deg,#34e2ef,#4b00e0 50%,#4b00e0 70%,#ec9eff80);background:-moz-linear-gradient(-45deg,hsla(184,85%,57%,1) 0%,hsla(260,100%,44%,1) 50%,hsla(260,100%,44%,1) 70%,rgba(236,158,255,.5) 100%);background:-webkit-linear-gradient(-45deg,hsla(184,85%,57%,1) 0%,hsla(260,100%,44%,1) 50%,hsla(260,100%,44%,1) 70%,rgba(236,158,255,.5) 100%);z-index:99}.scroll-up:hover{border-color:#5f25a6;background-color:#5b278975}.loadMoreBtn{color:#fff;width:20%;height:40px;margin-bottom:30px;border:none;border-radius:10px;font-size:16px;letter-spacing:2px;cursor:pointer}.loadMoreBtn:hover{background-position:right center}.border{border:2px solid red}.divider{border-bottom:1px solid var(--border-color);margin:3rem 0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (min-width: 1400px){.main .main-left{width:15%}.main .main-right{width:85%}}@media (max-width: 992px){.main{justify-content:center}.main .main-left{width:90%}.main .main-right{width:100%}}@media (max-width: 768px){.main .main-left{padding-top:0}.main .main-right{width:100%;padding-top:20px}.loadMoreBtn{width:30%}}@media (max-width: 500px){.loadMoreBtn{width:45%}}