.container{margin:auto;width:95%}body{color:#000;background-color:#fff;scroll-behavior:smooth;margin-left:0;margin-right:0;margin-bottom:0;font-family:Inter,sans-serif}.nav-container{width:90%;margin:auto}section{height:100vh}.padding{padding:50px 0}h1,h2,h3{font-family:Orbitron,"sans-serif"}body,html{width:100%;overflow-x:hidden}::-webkit-scrollbar{width:50px}::-webkit-scrollbar-track{background:#0a0a0a;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#00bcd4,#0077ff);border-radius:10px;-webkit-transition:background .3s ease;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#00e5ff,#2196f3)}*{scrollbar-width:auto;scrollbar-color:#07f #0a0a0a}html{scroll-behavior:smooth}header{position:fixed;top:0;left:0;width:100%;margin-top:-8px;background-color:#fff;z-index:100}header nav{width:100%;padding:10px 5%}header nav .nav-main{display:flex;justify-content:space-between;align-items:center}header nav .nav-main .logo{width:100px}header nav .nav-main .logo img{width:100%;height:auto}header nav .nav-main .hamburger{display:flex;align-items:center;justify-content:space-between;gap:50px}header nav .nav-main .hamburger .nav-btn .btn{width:175px;height:45px;background:linear-gradient(0deg,#00154c,#12376e,#23487f);border-radius:50px;border:none;cursor:pointer;position:relative;box-shadow:0 15px 30px rgba(0,0,0,.5);overflow:hidden}header nav .nav-main .hamburger .nav-btn .btn span{font-size:16.5px;text-transform:uppercase;letter-spacing:1px;font-weight:600;font-family:Inter,sans-serif;transition:top .5s}header nav .nav-main .hamburger .nav-btn .btn .btn-text-one{position:absolute;width:100%;top:50%;left:0;transform:translateY(-50%)}header nav .nav-main .hamburger .nav-btn .btn .btn-text-two{position:absolute;width:100%;top:150%;left:0;transform:translateY(-50%)}header nav .nav-main .hamburger .nav-btn .btn:hover .btn-text-one{top:-100%}header nav .nav-main .hamburger .nav-btn .btn:hover .btn-text-two{top:50%}header nav .nav-main .hamburger .nav-btn .btn a{color:#fff;text-decoration:none}header nav .nav-main .hamburger .icon button{font-size:2.5rem;cursor:pointer;border:none;background:rgba(0,0,0,0)}header .nav-inside{width:100%;height:100vh;position:fixed;top:0;right:0;background-color:#f76d04;transition:transform .4s ease-in-out;transform:translateX(100%);z-index:200;overflow-y:hidden}header .nav-inside ul{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:25px;list-style:none}header .nav-inside ul li{font-size:4rem;font-weight:600;font-family:Inter,sans-serif}header .nav-inside ul li a{color:#fff;text-decoration:none}header .nav-inside ul li a:hover{color:#000;transition:.3s ease-in-out}header .nav-inside .close-btn{position:absolute;top:20px;right:25px;background:none;border:none;color:#fff;font-size:70px;cursor:pointer;transition:.3s}header .nav-inside.active{transform:translateX(0)}header .nav-inside.active+#sidebar{display:none}#sidebar{background:rgba(0,0,0,0);position:fixed;top:0;right:0;margin-right:10px;height:100vh;text-align:center;z-index:50}#sidebar .sidemain{display:flex;flex-direction:column;justify-content:space-between;position:absolute;align-items:center;top:30%;right:-7px;gap:25px}#sidebar .sidemain .social-media{position:relative}#sidebar .sidemain .social-media button{border:none;background-color:rgba(0,0,0,0);display:flex;align-items:center;gap:8px;cursor:pointer;overflow:hidden}#sidebar .sidemain .social-media button a{font-size:2.2rem;color:#000;transition:color .3s ease;text-decoration:none}#sidebar .sidemain .social-media button p{opacity:0;transform:translateX(30px);color:#666363;font-size:14px;font-weight:500;margin:0;transition:all .4s ease}#sidebar .sidemain .social-media button:hover p{opacity:1;transform:translateX(0)}#sidebar .sidemain .social-media button:hover a{color:#4e4c4c}#sidebar .sidemain .social-media .git a{color:#333}#sidebar .sidemain .social-media .fb a{color:#1877f2}#sidebar .sidemain .social-media .linkdin a{color:#0a66c2}#sidebar .sidemain .social-media .ig a{color:#e1306c}@media screen and (max-width:382px){header nav .nav-main .logo{width:60px}header nav .nav-main .hamburger{gap:20px}header nav .nav-main .hamburger .nav-btn{display:none}header nav .nav-main .hamburger .icon button{font-size:2rem}header .nav-inside ul li a{font-size:2.5rem}#sidebar{display:none}}@media screen and (min-width:383px)and (max-width:575px){header nav .nav-main .logo{width:70px}header nav .nav-main .hamburger{gap:25px}header nav .nav-main .hamburger .nav-btn .btn{width:130px}header nav .nav-main .hamburger .nav-btn .btn span{font-size:12px}header .nav-inside ul li a{font-size:3rem}#sidebar{display:none}}@media screen and (min-width:576px)and (max-width:900px){header nav .nav-main .logo{width:80px}header nav .nav-main .hamburger{gap:30px}header nav .nav-main .hamburger .nav-btn .btn{width:150px;height:40px}header nav .nav-main .hamburger .nav-btn .btn span{font-size:13px}header .nav-inside ul li a{font-size:3.5rem}#sidebar{display:none}}@media screen and (min-width:900px){#sidebar{display:flex}}#banner{padding-top:8%;height:-moz-fit-content;height:fit-content}#banner .banner-main{height:75vh;background-color:#000;background-image:url(https://media2.giphy.com/media/v1.Y2lkPTc5MGI3NjExajgzcHE5emkxZXBwcTBjNncxeTVqenFld25jOWV0OW15Z2ZhcTEzaCZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/5vgHoMiknf5iJl8FH1/giphy.gif);border-radius:30px;padding:20px 30px;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:30px;overflow:hidden}#banner .banner-main .banner-left{width:55%}#banner .banner-main .banner-left .Name h1{font-size:2.5rem;font-family:Orbitron,"sans-serif"}#banner .banner-main .banner-left .Profession{font-size:3rem;font-weight:600;font-family:Orbitron,"sans-serif"}#banner .banner-main .banner-left .Profession h1{margin:0}#banner .banner-main .banner-right{width:40%}#banner .banner-main .banner-right img{float:right;width:75%}@media screen and (max-width:575.5px){#banner{width:100%;padding-top:25%}#banner,#banner .banner-main{height:-moz-fit-content;height:fit-content}#banner .banner-main{flex-direction:column}#banner .banner-main .banner-left{width:100%}#banner .banner-main .banner-left .Name h1{font-size:2rem}#banner .banner-main .banner-left .Profession h1{font-size:2.5rem;margin:15px 0}#banner .banner-main .banner-right{width:100%;margin-left:-40px}}@media screen and (max-width:382.5px){#banner{width:100%;padding-top:30%}#banner,#banner .banner-main{height:-moz-fit-content;height:fit-content}#banner .banner-main{flex-direction:column}#banner .banner-main .banner-left{width:100%}#banner .banner-main .banner-left .Name h1{font-size:1.5rem}#banner .banner-main .banner-left .Profession h1{font-size:1.5rem;margin:15px 0}#banner .banner-main .banner-right{width:100%;margin-left:-40px}}@media screen and (min-width:680px)and (max-width:900px){#banner{padding-top:17%}#banner .banner-main{flex-direction:column;height:-moz-fit-content;height:fit-content}#banner .banner-main .banner-left{width:100%}#banner .banner-main .banner-left .Name h1{font-size:2.1rem}#banner .banner-main .banner-left .Profession h1{font-size:4rem}#banner .banner-main .banner-right{width:70%}}@media screen and (min-width:575.5px)and (max-width:680px){#banner{padding-top:20%}#banner .banner-main{flex-direction:column;height:-moz-fit-content;height:fit-content}#banner .banner-main .banner-left{width:100%}#banner .banner-main .banner-left .Name h1{font-size:2.1rem}#banner .banner-main .banner-left .Profession h1{font-size:4rem}#banner .banner-main .banner-right{width:70%}}@media screen and (min-width:900px)and (max-width:1200px){#banner{padding-top:12%}#banner .banner-main{height:-moz-fit-content;height:fit-content}#banner .banner-main .banner-left{width:60%}#banner .banner-main .banner-left .Name h1{font-size:2rem}#banner .banner-main .banner-left .Profession h1{font-size:4rem}#banner .banner-main .banner-right{width:40%}#banner .banner-main .banner-right img{width:100%}}@media screen and (min-width:1200px)and (max-width:1410px){#banner{padding-top:9%}#banner .banner-main{height:-moz-fit-content;height:fit-content}#banner .banner-main .banner-left{width:60%}#banner .banner-main .banner-left .Name h1{font-size:2.5rem}#banner .banner-main .banner-left .Profession h1{font-size:4.5rem}#banner .banner-main .banner-right{width:40%}#banner .banner-main .banner-right img{width:100%}}#expalin{height:-moz-fit-content;height:fit-content;padding-top:40px}#expalin .main{display:flex;flex-direction:column;align-items:center;justify-content:space-between;font-size:5.5rem}#expalin .main .upper-part{font-size:2rem}#expalin .main h1{margin:10px 0;font-family:Orbitron,"sans-serif";font-weight:800}@media screen and (max-width:575.98px){#expalin{height:-moz-fit-content;height:fit-content}#expalin .main{flex-direction:column;font-size:2rem;align-items:center}#expalin .main .upper-part{font-size:1rem}}@media screen and (max-width:382.5px){#expalin{height:-moz-fit-content;height:fit-content}#expalin .main{flex-direction:column;align-items:center;justify-content:center}#expalin .main h1{font-size:42px}#expalin .main .upper-part{font-size:17px}}@media screen and (max-width:482.5px){#expalin{height:-moz-fit-content;height:fit-content}#expalin .main{flex-direction:column;align-items:center;justify-content:center;font-size:1.5rem}#expalin .main .upper-part{font-size:.7rem}}@media screen and (min-width:680px)and (max-width:900px){#expalin{height:-moz-fit-content;height:fit-content}#expalin .main{flex-direction:column;align-items:center;justify-content:center}#expalin .main h1{font-size:4rem}#expalin .main .upper-part{font-size:1.5rem}}@media screen and (min-width:575.5px)and (max-width:680px){#expalin{height:-moz-fit-content;height:fit-content}#expalin .main{flex-direction:column;align-items:center;justify-content:center}#expalin .main h1{font-size:4rem}#expalin .main .upper-part{font-size:1.5rem}}@media screen and (min-width:900px)and (max-width:1200px){#expalin{height:-moz-fit-content;height:fit-content}#expalin .main{flex-direction:column;align-items:center;justify-content:center}#expalin .main h1{font-size:5.5rem}}@media screen and (min-width:1200px)and (max-width:1410px){#expalin{height:-moz-fit-content;height:fit-content}#expalin .main{flex-direction:column;align-items:center;justify-content:center}#expalin .main h1{font-size:5.5rem}}#aboutme{height:-moz-fit-content;height:fit-content;padding:0}#aboutme .about-main{height:75vh;background-color:#000;color:#fff;display:flex;justify-content:space-between;padding:20px 30px;border-radius:30px}#aboutme .about-main .left-side{width:60%}#aboutme .about-main .left-side h1{font-size:6rem;margin:0 0 40px;font-family:Orbitron,"sans-serif"}#aboutme .about-main .left-side p{font-weight:500;font-size:1.9rem;font-family:Inter,sans-serif}#aboutme .about-main .right-side{width:35%;margin-top:69px;margin-right:-2%}#aboutme .about-main .right-side img{width:100%;height:500px;object-fit:cover}@media screen and (max-width:382.5px){#aboutme .about-main{height:-moz-fit-content;height:fit-content;flex-direction:column;gap:0;justify-content:center;align-items:center}#aboutme .about-main .left-side{width:100%}#aboutme .about-main .left-side h1{font-size:2.4rem;margin:0 0 10px}#aboutme .about-main .left-side p{font-size:18.9px;text-align:left}#aboutme .about-main .right-side{width:100%}#aboutme .about-main .right-side img{width:100%;height:300px}}@media screen and (max-width:482.5px){#aboutme .about-main{height:-moz-fit-content;height:fit-content;flex-direction:column;gap:0;justify-content:center;align-items:center}#aboutme .about-main .left-side{width:100%}#aboutme .about-main .left-side h1{font-size:2.7rem;margin:0 0 10px}#aboutme .about-main .left-side p{font-size:19px;text-align:left}#aboutme .about-main .right-side{width:100%}#aboutme .about-main .right-side img{width:100%;height:300px}}@media screen and (max-width:575.98px){#aboutme .about-main{height:-moz-fit-content;height:fit-content;flex-direction:column;gap:0;justify-content:center;align-items:center}#aboutme .about-main .left-side{width:100%}#aboutme .about-main .left-side h1{font-size:2.7rem;margin:0 0 10px}#aboutme .about-main .left-side p{font-size:19px;text-align:left}#aboutme .about-main .right-side{width:100%}#aboutme .about-main .right-side img{width:100%;height:350px}}@media screen and (min-width:575.5px)and (max-width:900px){#aboutme .about-main{height:-moz-fit-content;height:fit-content;flex-direction:column;gap:0;justify-content:center;align-items:center}#aboutme .about-main .left-side{width:100%}#aboutme .about-main .left-side h1{font-size:2.7rem;margin:0 0 10px}#aboutme .about-main .left-side p{font-size:19px;text-align:left}#aboutme .about-main .right-side{width:100%}#aboutme .about-main .right-side img{width:100%;height:550px}}@media screen and (min-width:900px)and (max-width:1500px){#aboutme .about-main{height:-moz-fit-content;height:fit-content;flex-direction:row;gap:0;justify-content:center;align-items:center}#aboutme .about-main .left-side{width:100%}#aboutme .about-main .left-side h1{font-size:3.7rem;margin:0 0 10px}#aboutme .about-main .left-side p{font-size:1.5rem;text-align:left}#aboutme .about-main .right-side{width:100%}#aboutme .about-main .right-side img{width:100%;height:500px}}#Techiwork{background-image:url(https://www.anish-karki.com.np/assets/aboutbg-CMQNSOjZ.jpg);background-repeat:no-repeat;background-position:50%;background-size:cover;color:#fff;width:100%;padding:20px 0;height:-moz-fit-content;height:fit-content}#Techiwork .techmain{display:flex;justify-content:center;align-items:center;margin:10px 20px;padding:10px 20px;border:7px solid #fff;background:hsla(0,0%,100%,.2);border-radius:16px;box-shadow:0 4px 30px rgba(0,0,0,.1);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);overflow-x:hidden;height:75vh}#Techiwork .techmain .left-side{width:50%}#Techiwork .techmain .left-side h1{font-family:Orbitron,"sans-serif";font-size:4.5rem}#Techiwork .techmain .right-side{width:60%}#Techiwork .techmain .right-side .infinite-scroll-container{width:100vw;overflow:hidden;position:relative;overflow-x:hidden}#Techiwork .techmain .right-side .infinite-scroll-container .scroll-wrapper{position:relative;display:flex}#Techiwork .techmain .right-side .infinite-scroll-container .logo-container{display:flex;animation:scroll 20s linear infinite}#Techiwork .techmain .right-side .infinite-scroll-container .logo-container .flexs{display:flex;flex-direction:column;align-items:center;justify-content:space-between}#Techiwork .techmain .right-side .infinite-scroll-container .logo-container p{font-size:18px;font-weight:600;margin-top:8px;text-transform:uppercase;letter-spacing:1px;font-family:Inter,sans-serif}#Techiwork .techmain .right-side .infinite-scroll-container .logo-container img{width:250px;height:130px;margin:0 10px;object-fit:contain;border-radius:25px;transition:transform .3s ease}@media(max-width:768px){#Techiwork .techmain .right-side .infinite-scroll-container .logo-container img{width:100px;margin-top:10px}}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@media screen and (max-width:382.5px){#Techiwork{width:100%}#Techiwork,#Techiwork .techmain{height:-moz-fit-content;height:fit-content}#Techiwork .techmain{flex-direction:column;margin:5px 10px;padding:5px 10px}#Techiwork .techmain .left-side{width:100%}#Techiwork .techmain .left-side h1{font-size:2.5rem}#Techiwork .techmain .right-side{width:100%}#Techiwork .techmain .right-side .infinite-scroll-container .logo-container img{width:140px}}@media screen and (max-width:482.5px){#Techiwork{width:100%}#Techiwork,#Techiwork .techmain{height:-moz-fit-content;height:fit-content}#Techiwork .techmain{flex-direction:column;margin:5px 10px;padding:5px 10px}#Techiwork .techmain .left-side{width:100%}#Techiwork .techmain .left-side h1{font-size:2.5rem}#Techiwork .techmain .right-side{width:100%}#Techiwork .techmain .right-side .infinite-scroll-container .logo-container img{width:120px}}@media screen and (max-width:575.98px){#Techiwork{width:100%}#Techiwork,#Techiwork .techmain{height:-moz-fit-content;height:fit-content}#Techiwork .techmain{flex-direction:column;margin:5px 10px;padding:5px 10px}#Techiwork .techmain .left-side{width:100%}#Techiwork .techmain .left-side h1{font-size:2.2rem}#Techiwork .techmain .right-side{width:100%}#Techiwork .techmain .right-side .infinite-scroll-container .logo-container img{width:120px}}@media screen and (min-width:575.5px)and (max-width:900px){#Techiwork{width:100%}#Techiwork,#Techiwork .techmain{height:-moz-fit-content;height:fit-content}#Techiwork .techmain{flex-direction:column;margin:5px 10px;padding:5px 10px}#Techiwork .techmain .left-side{width:100%}#Techiwork .techmain .left-side h1{font-size:2.5rem}#Techiwork .techmain .right-side{width:100%}#Techiwork .techmain .right-side .infinite-scroll-container .logo-container img{width:200px}}@media screen and (min-width:900px)and (max-width:1410px){#Techiwork{width:100%;height:-moz-fit-content;height:fit-content}#Techiwork .techmain{flex-direction:row;margin:5px 10px;padding:5px 10px}#Techiwork .techmain .left-side{width:40%}#Techiwork .techmain .left-side h1{font-size:3.5rem}#Techiwork .techmain .right-side{width:50%}#Techiwork .techmain .right-side .infinite-scroll-container .logo-container img{width:200px}}#Project .title h1{font-size:2rem;font-family:Orbitron,"sans-serif"}#Project .project-main{padding:10px 20px}#Project .project-main,#Project .project-main .card-main{display:flex;justify-content:space-between;align-items:center}#Project .project-main .card-main{border:2px solid #000;width:26%;padding:10px 15px;border-radius:24px;text-align:center;flex-direction:column;font-family:Inter,sans-serif;gap:10px}#Project .project-main .card-main .card-img img{width:100%;height:300px;object-fit:cover;border-radius:14px}#Project .project-main .card-main .card-title h1{font-size:2.5rem;margin:0}#Project .project-main .card-main .card-des p{font-size:1.5rem;margin:0;font-family:Orbitron,"sans-serif"}#Project .project-main .card-main .card-btn button{--primary-color:#645bff;--secondary-color:#fff;--hover-color:#111;--arrow-width:10px;--arrow-stroke:2px;box-sizing:border-box;border:0;border-radius:24px;color:var(--secondary-color);padding:1em 1.8em;background:var(--primary-color);display:flex;transition:background .2s;align-items:center;gap:.6em;font-weight:700}#Project .project-main .card-main .card-btn button a{color:#fff;text-decoration:none;font-size:18px}#Project .project-main .card-main .card-btn button .arrow-wrapper{display:flex;justify-content:center;align-items:center}#Project .project-main .card-main .card-btn button .arrow{margin-top:1px;width:var(--arrow-width);background:var(--primary-color);height:var(--arrow-stroke);position:relative;transition:.2s}#Project .project-main .card-main .card-btn button .arrow:before{content:"";box-sizing:border-box;position:absolute;border:solid var(--secondary-color);border-width:0 var(--arrow-stroke) var(--arrow-stroke) 0;display:inline-block;top:-3px;right:3px;transition:.2s;padding:3px;transform:rotate(-45deg)}#Project .project-main .card-main .card-btn button:hover{background-color:var(--hover-color)}#Project .project-main .card-main .card-btn button:hover .arrow{background:var(--secondary-color)}#Project .project-main .card-main .card-btn button:hover .arrow:before{right:0}#Project .more-btn{float:right;margin-right:30px;margin-top:10px}#Project .more-btn a{color:#000;text-decoration:none}#Project .more-btn .readmore-btn{width:fit-contentd;height:55px;display:flex;align-items:center;justify-content:center;cursor:pointer;background-color:#ba7dff;border:none;border-radius:10px;padding:0 15px;gap:0;transition:all .4s}#Project .more-btn .book-wrapper{display:flex;align-items:center;justify-content:flex-end;position:relative;width:45px;height:100%}#Project .more-btn .book-wrapper .book-page{width:50%;height:auto;position:absolute}#Project .more-btn .readmore-btn:hover .book-page{animation:paging .4s linear infinite;transform-origin:left}#Project .more-btn .readmore-btn:hover{background-color:#9f4aff}@keyframes paging{0%{transform:rotateY(0deg) skewY(0deg)}50%{transform:rotateY(90deg) skewY(-20deg)}to{transform:rotateY(180deg) skewY(0deg)}}#Project .more-btn .text{width:105px;height:100%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:15px;color:#fff}@media screen and (max-width:382.5px){#Project{height:-moz-fit-content;height:fit-content}#Project .title h1{font-size:1.3rem}#Project .project-main{gap:20px;flex-wrap:wrap;padding:5px 15px;width:100%}#Project .project-main .card-main,#Project .project-main .card-main .card-img{width:100%}#Project .project-main .card-main .card-img img{width:100%;height:200px}#Project .project-main .card-main .card-title h1{font-size:.4rem}#Project .project-main .card-main .card-des p{font-size:.3rem}}@media screen and (max-width:482.5px){#Project{height:-moz-fit-content;height:fit-content}#Project .title h1{font-size:1.5rem}#Project .project-main{gap:10px;flex-wrap:wrap;width:90%}#Project .project-main .card-main{width:100%}#Project .project-main .card-main .card-title h1{font-size:2rem}#Project .project-main .card-main .card-des p{font-size:1.3rem}}@media screen and (min-width:482.5px)and (max-width:575.98px){#Project{height:-moz-fit-content;height:fit-content}#Project .title h1{font-size:1.9rem}#Project .project-main{gap:10px;flex-wrap:wrap;width:90%}#Project .project-main .card-main{width:100%}#Project .project-main .card-main .card-img img{width:100%;height:200px}#Project .project-main .card-main .card-title h1{font-size:2.4rem}#Project .project-main .card-main .card-des p{font-size:1.8rem}}@media screen and (min-width:575.5px)and (max-width:900px){#Project{height:-moz-fit-content;height:fit-content}#Project .title h1{font-size:1.9rem}#Project .project-main{gap:10px;flex-wrap:wrap;width:95%;padding:5px 10px}#Project .project-main .card-main{width:calc(45% - 10px)}#Project .project-main .card-main .card-img img{width:100%;height:200px}#Project .project-main .card-main .card-title h1{font-size:1.6rem}#Project .project-main .card-main .card-des p{font-size:1.1rem}}@media screen and (min-width:900px)and (max-width:1400px){#Project{height:-moz-fit-content;height:fit-content}#Project .title h1{font-size:1.9rem}#Project .project-main{gap:10px;flex-wrap:wrap;width:95%;padding:5px 10px}#Project .project-main .card-main{width:calc(30% - 10px)}#Project .project-main .card-main .card-img img{width:100%;height:300px}#Project .project-main .card-main .card-title h1{font-size:2rem}#Project .project-main .card-main .card-des p{font-size:1.5rem}}#contact{height:-moz-fit-content;height:fit-content}#contact .contact-main{background-image:url(https://i.gifer.com/1Zvm.gif);background-repeat:no-repeat;background-size:cover;height:80vh;border-radius:24px;padding:10px 20px;color:#fff;font-family:Orbitron,"sans-serif";display:flex;flex-direction:column;justify-content:center;align-items:center}#contact .contact-main .text{width:60%;text-align:center}#contact .contact-main .text h1{font-size:5.2rem}#contact .contact-main .icon{justify-content:center;align-items:center;display:flex}#contact .contact-main .icon p{margin-right:10px;font-size:20px}#contact .contact-main .icon .social-media button{border:none;background:rgba(0,0,0,0);cursor:pointer;font-size:30px}#contact .contact-main .icon .social-media button a{text-decoration:none}#contact .contact-main .icon .social-media button.git a{color:#181717}#contact .contact-main .icon .social-media button.mail a{color:#d14836}#contact .contact-main .icon .social-media button.linkdin a{color:#0a66c2}#contact .contact-main .icon .social-media button.what a{color:#25d366}#contact .contact-main .icon .social-media button:hover a{opacity:.8;transition:.3s}@media screen and (max-width:382.5px){#contact,#contact .contact-main{height:-moz-fit-content;height:fit-content}#contact .contact-main{padding:5px 10px}#contact .contact-main .text{width:100%}#contact .contact-main .text h1{font-size:2.5rem}#contact .contact-main .icon p{margin-right:0;font-size:14px}#contact .contact-main .icon .social-media button a{font-size:25px}}@media screen and (min-width:382.5px)and (max-width:482.5px){#contact,#contact .contact-main{height:-moz-fit-content;height:fit-content}#contact .contact-main{padding:5px 10px}#contact .contact-main .text{width:100%}#contact .contact-main .text h1{font-size:3rem}#contact .contact-main .icon p{margin-right:0;font-size:14px}#contact .contact-main .icon .social-media button a{font-size:25px}}@media screen and (min-width:482.5px)and (max-width:575.98px){#contact,#contact .contact-main{height:-moz-fit-content;height:fit-content}#contact .contact-main{padding:5px 10px}#contact .contact-main .text{width:100%}#contact .contact-main .text h1{font-size:3.5rem}#contact .contact-main .icon p{margin-right:0;font-size:14px}#contact .contact-main .icon .social-media button a{font-size:25px}}@media screen and (min-width:575.5px)and (max-width:900px){#contact,#contact .contact-main{height:-moz-fit-content;height:fit-content}#contact .contact-main{padding:5px 10px}#contact .contact-main .text{width:100%}#contact .contact-main .text h1{font-size:5.5rem}#contact .contact-main .icon p{margin-right:0;font-size:14px}#contact .contact-main .icon .social-media button a{font-size:25px}}@media screen and (min-width:900px)and (max-width:1200px){#contact,#contact .contact-main{height:-moz-fit-content;height:fit-content}#contact .contact-main{padding:5px 10px}#contact .contact-main .text{width:100%}#contact .contact-main .text h1{font-size:6.5rem}#contact .contact-main .icon p{margin-right:0;font-size:14px}#contact .contact-main .icon .social-media button a{font-size:25px}}@media screen and (min-width:1200px)and (max-width:1400px){#contact{height:-moz-fit-content;height:fit-content}#contact .contact-main{padding:10px 20px}#contact .contact-main .text{width:60%}#contact .contact-main .text h1{font-size:6rem}#contact .contact-main .icon p{margin-right:0;font-size:14px}#contact .contact-main .icon .social-media button a{font-size:25px}}footer{background-color:#000;height:85vh;color:#fff;padding:10px 20px;position:relative}footer .footer-top h1{font-size:7rem;text-align:center;margin-top:12%;font-family:Orbitron,"sans-serif";color:#0734a5}footer .footer-main .footer-right{position:absolute;bottom:20px;right:70px;border:5px solid #0734a5;padding:10px 20px;border-radius:24px}footer .footer-main .footer-right .social-media{margin:"0"}footer .footer-main .footer-right .social-media button{border:none;background:rgba(0,0,0,0)}footer .footer-main .footer-right .social-media button a{color:#fff;font-weight:700;font-family:Inter,sans-serif;font-size:1.2rem;text-decoration:none;display:flex;align-items:center;justify-content:space-between;gap:10px;transition:.3s ease-in-out}footer .footer-main .footer-right .social-media button a p{margin:5px}footer .footer-main .footer-right .social-media button a:hover{color:#0734a5}footer .footer-main .footer-left{position:absolute;bottom:45px;left:30px;border:5px solid #0734a5;padding:10px 20px;border-radius:24px;font-family:Inter,sans-serif}footer .footer-main .footer-left p{font-size:1.3rem}@media screen and (max-width:382.5px){footer{height:70vh}footer .footer-top h1{font-size:3rem}footer .footer-main .footer-right{bottom:30%;right:20px}footer .footer-main .footer-right .social-media button a{font-size:.8rem}footer .footer-main .footer-left{bottom:5px;right:30px}footer .footer-main .footer-left p{font-size:.8rem}}@media screen and (min-width:382.5px)and (max-width:482.5px){footer{height:70vh}footer .footer-top h1{font-size:3rem}footer .footer-main .footer-right{bottom:30%;right:20px}footer .footer-main .footer-right .social-media button a{font-size:.8rem}footer .footer-main .footer-left{bottom:5px;right:30px;width:-moz-fit-content;width:fit-content}footer .footer-main .footer-left p{font-size:.8rem}}@media screen and (min-width:482.5px)and (max-width:575.98px){footer{height:70vh}footer .footer-top h1{font-size:4rem}footer .footer-main .footer-right{bottom:30%;right:20px}footer .footer-main .footer-right .social-media button a{font-size:1rem}footer .footer-main .footer-left{bottom:5px;right:30px;width:-moz-fit-content;width:fit-content}footer .footer-main .footer-left p{font-size:1rem}}@media screen and (min-width:575.5px)and (max-width:900px){footer{height:70vh}footer .footer-top h1{font-size:4rem}footer .footer-main .footer-right{bottom:30%;right:20px}footer .footer-main .footer-right .social-media button a{font-size:1rem}footer .footer-main .footer-left{bottom:5px;right:30px;width:-moz-fit-content;width:fit-content}footer .footer-main .footer-left p{font-size:1rem}}@media screen and (min-width:900px)and (max-width:1410px){footer{height:85vh}footer .footer-top h1{font-size:5rem}footer .footer-main .footer-right{bottom:25%;right:20px}footer .footer-main .footer-right .social-media button a{font-size:1.5rem}footer .footer-main .footer-left{bottom:5px;right:30px;width:-moz-fit-content;width:fit-content}footer .footer-main .footer-left p{font-size:1rem}}#project-page{padding-top:8%;padding-bottom:3%;height:-moz-fit-content;height:fit-content}#project-page .titles{font-size:2.8rem}#project-page .titles h1{margin:0 0 10px;font-family:Orbitron,"sans-serif"}#project-page .mainproject{display:flex;flex-wrap:wrap;justify-content:space-between;gap:30px;width:100%}#project-page .mainproject a{text-decoration:none}#project-page .mainproject .project-detail{width:calc(28.333% - 20px);border:1px solid #000;border-radius:16px;overflow:hidden;transition:all .3s ease;cursor:pointer;padding:20px;text-align:center;background:#fff}#project-page .mainproject .project-detail:hover{transform:translateY(-8px);box-shadow:0 15px 25px rgba(0,0,0,.3)}#project-page .mainproject .project-detail .card-content{display:flex;flex-direction:column;align-items:center;gap:12px}#project-page .mainproject .project-detail .card-content img{width:100%;height:260px;object-fit:cover;border-radius:12px;transition:transform .3s ease}#project-page .mainproject .project-detail .card-content .project-title{font-size:2.5rem;font-weight:700;margin:0;color:#000;font-family:Inter,sans-serif}#project-page .mainproject .project-detail .card-content .project-des{font-size:1.4rem;color:#000;margin:0;font-family:Orbitron,"sans-serif"}#project-page .mainproject .project-detail .card-content .project-btn{color:#000;border:1px solid #000;padding:10px 20px;border-radius:12px;font-weight:600;margin-top:10px;transition:all .4s ease-in-out;font-family:Inter,sans-serif;cursor:pointer}#project-page .mainproject .project-detail .card-content .project-btn:hover{background:#000;color:#fff}#insider{padding:8% 0;height:-moz-fit-content;height:fit-content}#insider .container .main-insider{display:flex;gap:40px;justify-content:center;align-items:flex-start}#insider .container .main-insider .projectupper{width:50%;height:500px;display:flex;justify-content:center;align-items:center;background:#f8f8f8;border-radius:15px;overflow:hidden;position:relative}#insider .container .main-insider .projectupper img{width:100%;height:100%;transition:opacity .4s ease,transform .4s ease;opacity:1}#insider .container .main-insider .projectupper img.fade-enter{opacity:0;transform:scale(1.03)}#insider .container .main-insider .projectupper img.cover-fit{object-fit:cover}#insider .container .main-insider .projectupper img.contain-fit{object-fit:contain;background-color:#000;padding:10px}#insider .container .main-insider .projectdown{width:50%;display:flex;flex-direction:column;justify-content:space-between;gap:80px}#insider .container .main-insider .projectdown .titels h1{font-size:5rem;margin-top:0;margin-bottom:10px;color:#000;font-family:Orbitron,"sans-serif"}#insider .container .main-insider .projectdown .titels p{font-size:2.3rem;color:#000;margin:0;font-family:Inter,sans-serif}#insider .container .main-insider .projectdown .imges{display:flex;gap:40px;flex-wrap:wrap;justify-content:space-evenly}#insider .container .main-insider .projectdown .imges img{border:1px solid #000;width:90px;height:90px;object-fit:cover;border-radius:8px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease,opacity .3s ease;opacity:.8}#insider .container .main-insider .projectdown .imges img:hover{transform:scale(1.1);box-shadow:0 4px 15px rgba(0,0,0,.5);border-color:#fff;opacity:1}#insider .container .main-insider .projectdown .imges img.active{border:2px solid #2575fc;box-shadow:0 0 15px rgba(37,117,252,.6);transform:scale(1.08);opacity:1}#insider .container .main-insider .projectdown button{margin-top:25px;padding:10px 25px;background:linear-gradient(90deg,#6a11cb,#2575fc);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1.5rem;transition:transform .2s ease,box-shadow .2s ease}#insider .container .main-insider .projectdown button:hover{transform:scale(1.05);box-shadow:0 4px 15px rgba(0,0,0,.4)}@media screen and (max-width:382.5px){#project-page{padding-top:20%}#project-page .titles{font-size:2rem}#project-page .mainproject{width:100%}#project-page .mainproject .project-detail{width:calc(100% - 10px)}#project-page .mainproject .card-content .project-title{font-size:2rem!important}#project-page .mainproject .card-content .project-des{font-size:1rem!important}}@media screen and (min-width:382.5px)and (max-width:482.5px){#project-page{padding-top:20%}#project-page .titles{font-size:2rem}#project-page .mainproject{width:100%}#project-page .mainproject .project-detail{width:calc(100% - 10px)}}@media screen and (min-width:482.5px)and (max-width:575.98px){#project-page{padding-top:20%}#project-page .titles{font-size:2rem}#project-page .mainproject{width:100%}#project-page .mainproject .project-detail{width:calc(100% - 10px)}}@media screen and (min-width:575.5px)and (max-width:900px){#project-page{padding-top:20%}#project-page .titles{font-size:2rem}#project-page .mainproject{width:100%}#project-page .mainproject .project-detail{width:calc(40% - 10px)}#project-page .card-content .project-title{font-size:2rem!important}}@media screen and (min-width:900px)and (max-width:1000px){#project-page{padding-top:20%}#project-page .titles{font-size:2rem}#project-page .mainproject{width:100%}#project-page .mainproject .project-detail{width:calc(40% - 10px)}#project-page .card-content .project-title{font-size:2rem!important}}@media screen and (min-width:1000px)and (max-width:1200px){#project-page{padding-top:20%}#project-page .titles{font-size:2rem}#project-page .mainproject{width:100%}#project-page .mainproject .project-detail{width:calc(40% - 10px)}#project-page .card-content .project-title{font-size:2rem!important}}@media screen and (max-width:575.98px){#insider{padding-top:26%}#insider .container .main-insider{flex-direction:column;gap:25px}#insider .container .main-insider .projectupper{width:100%;height:300px}#insider .container .main-insider .projectdown{width:100%;gap:40px}#insider .container .main-insider .projectdown .titels h1{font-size:2.4rem}#insider .container .main-insider .projectdown .titels p{font-size:1.3rem}#insider .container .main-insider .projectdown .imges img{width:70px;height:70px}#insider .container .main-insider .projectdown button{font-size:1.2rem;padding:8px 18px}}@media screen and (min-width:576px)and (max-width:767.98px){#insider{padding-top:17%}#insider .container .main-insider{flex-direction:column;gap:30px}#insider .container .main-insider .projectupper{width:100%;height:400px}#insider .container .main-insider .projectdown{width:100%}#insider .container .main-insider .projectdown .titels h1{font-size:3rem}#insider .container .main-insider .projectdown .titels p{font-size:1.6rem}}@media screen and (min-width:768px)and (max-width:991.98px){#insider{padding-top:14%}#insider .container .main-insider{flex-direction:row;gap:25px}#insider .container .main-insider .projectupper{width:50%;height:400px}#insider .container .main-insider .projectdown{width:50%;gap:50px}#insider .container .main-insider .projectdown .titels h1{font-size:3rem}#insider .container .main-insider .projectdown .titels p{font-size:1.8rem}}@media screen and (min-width:992px)and (max-width:1199.98px){#insider{padding-top:12%}#insider .container .main-insider .projectupper{height:450px}#insider .container .main-insider .projectdown .titels h1{font-size:4rem}#insider .container .main-insider .projectdown .titels p{font-size:2rem}}@media screen and (min-width:1200px){#insider{padding-top:9%}#insider .container .main-insider{gap:50px}#insider .container .main-insider .projectupper{height:500px}#insider .container .main-insider .projectdown .titels h1{font-size:5rem}}