@import"https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap";*{font-family:Poppins,sans-serif;margin:0;padding:0;box-sizing:border-box}body{background-color:var(--background-color)}h1,h2,h3,h4,p,a{color:var(--headingText-color);text-decoration:none}ul{list-style-type:none}.btn{padding:12px 32px;font-size:1rem;text-transform:uppercase;background:var(--secondary-color);color:#222;border:1px solid white;font-weight:600;cursor:pointer;border:none;box-shadow:4px 4px 7px var(--cardBoxShadow-color)}.btn-light{background:transparent;color:#fff;border:1px solid var(--secondary-color)}.btn:hover{background:var(--secondaryHover-color);color:#fff;transition:.3s}.submit-btn{margin:2rem 0;padding:12px 24px;font-size:1rem;text-transform:uppercase;background:var(--btn-color);color:#fbfbfb;font-weight:600;cursor:pointer;border:none;border-radius:.3rem;box-shadow:4px 4px 7px var(--cardBoxShadow-color)}.submit-btn:hover{background:var(--secondaryHover-color);transition:.3s}.project-btn{padding:12px 24px;font-size:1rem;text-transform:uppercase;background:var(--btn-color);color:var(--normalText-color);font-weight:600;cursor:pointer;border:none;border-radius:.3rem;width:155px;box-shadow:4px 4px 7px var(--cardBoxShadow-color)}.project-btn:hover{background:var(--secondaryHover-color);color:var(--normalText-color);transition:.3s}@media screen and (max-width:640px){.btn{padding:8px 20px;font-size:.9rem}}.dark-theme{--background-color: #121922;--foreground-color: rgba(30, 41, 57, .506);--headingText-color: white;--normalText-color: rgba(255, 255, 255, .751);--hoverDiv-color: #2e003890;--hoverGlow-color: #980198ab;--secondary-color: #149ECA;--secondaryHover-color: rgba(255, 255, 255, .2);--btn-color: #02678977;--backgroundOpacity-color: rgba(18, 25, 34, .735);--cardBoxShadow-color: #149cca00;--modern-color: rgba(115, 0, 173, .473)}.light-theme{--background-color: #e5f0ff;--foreground-color: #b3d1ff49;--headingText-color: rgb(0, 0, 0);--normalText-color: rgba(41, 41, 41, .751);--hoverDiv-color: #ffffff20;--hoverGlow-color: #4ebee346;--secondary-color: #149ECA;--secondaryHover-color: rgba(101, 101, 101, .5);--btn-color: #02678950;--backgroundOpacity-color: rgba(112, 181, 223, .374);--cardBoxShadow-color: #348ca931;--modern-color: rgba(168, 168, 168, .352)}.header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;width:100%;height:60px;position:fixed;z-index:10}.header-bg{background:var(--backgroundOpacity-color);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px)}.nav-menu{display:flex}.nav-menu li{padding:0 1.5rem}.nav-menu li a{font-size:1.1rem;font-weight:500;transition:.3s}.nav-menu li a:hover{color:var(--secondary-color)}.hamburger{display:none}.toggle-icon{background-color:transparent;border:none;outline:none;border-radius:5rem;font-size:1.8rem;margin-right:2rem;margin-left:2rem}@media screen and (max-width: 690px){.nav-menu{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;background:var(--background-color);position:absolute;top:0;left:-100%;z-index:-3;transition:.2s ease}.nav-menu.active{left:0}.nav-menu li{padding:1rem 0}.nav-menu li a{font-size:1.5rem;text-transform:uppercase}.hamburger{display:initial}.toggle-icon{font-size:1.5rem;margin-top:3rem}}.mask{width:100%;height:100vh;position:relative}.hero-video{width:100%;height:100%;object-fit:cover;z-index:-1}.mask:after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background-color:var(--backgroundOpacity-color)}.hero{width:100%;height:100%}.hero .content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);align-items:center}.hero .content span{color:var(--secondary-color)}.hero .content h1{font-size:4rem;padding:0rem 0 1.5rem}.hero .content p{font-size:1.4rem;font-weight:300;letter-spacing:1.8px;text-transform:uppercase;padding-left:.3rem}.hero .content .btn{margin:1rem .2rem}@media screen and (max-width: 640px){.hero .content h1{font-size:3rem}.hero .content p{font-size:1.4rem}}.footer{width:100%;padding:4rem .7rem;background-color:var(--foreground-color)}.footer-container{max-width:1140px;margin:auto;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:40px}.footer-container:after,.footer-container:before{content:" ";width:10rem;height:12rem;border-radius:20rem;position:absolute;z-index:-1;filter:blur(190px)}.footer-container:before{background:#0e84a5;left:5rem}.footer-container:after{background:#f603f6;right:5rem}.left{height:100%;max-width:100%;display:flex;flex-direction:column;padding:1rem}.left p{font-size:1rem;padding-bottom:.9rem}.location{display:flex}.right{height:100%;max-width:100%;display:flex;flex-direction:column;padding:1rem}.social-icon{margin-top:1.5rem}.right h4{font-size:1.3rem;margin-bottom:.7rem}.right p{text-align:justify;font-size:1rem}@media screen and (max-width:640px){.footer-container{grid-template-columns:1fr}}*{color:var(--secondary-color)}.project{width:100%;padding:2rem;margin:3rem auto}.project .project-heading{font-size:2rem;text-align:center;margin-bottom:2rem}.project-container{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:3rem}.project-container:after,.project-container:before{content:" ";width:10rem;height:20rem;border-radius:20rem;position:absolute;z-index:-1;filter:blur(200px)}.project-container:after{background:#a50e0e;left:5rem}.project-container:before{background:#0354f6;right:5rem}.project .projects-card{width:400px;min-width:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:var(--foreground-color);padding:2rem 1.5rem;border-radius:1rem;transition:.3s ease;box-shadow:4px 4px 7px var(--cardBoxShadow-color)}.project .projects-card:hover{scale:1.02;background-color:var(--hoverDiv-color);box-shadow:0 0 10px 2px var(--hoverGlow-color)}.project-img{display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:1rem}.project .project-img img{width:100%;border-radius:1rem;transition:.5s ease}.project .project-img img:hover{scale:1.2}.project h2{margin:1rem auto}.project p{color:var(--normalText-color);margin-bottom:1rem;padding:0 .3rem;text-align:justify;font-size:.9rem}.project-button{margin:1rem auto;display:flex;align-items:center;justify-content:space-between;gap:1rem}@media screen and (max-width: 500px){.project{padding:2rem 1rem}.project .projects-card{padding:2rem 1.2rem 1rem}.project-button{margin:1rem auto;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.project-btn{padding:12px 20px;font-size:.9rem;width:120px}}.profile{width:100%;max-width:1280px;margin:0 auto;padding:3rem 2rem}.profile .profile-container{width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin:0 auto;padding:3rem 1rem;overflow:hidden}.profile-container:after,.profile-container:before{content:" ";width:10rem;height:20rem;border-radius:20rem;position:absolute;z-index:-1;filter:blur(150px)}.profile-container:after{background:#6d0886b1;left:5rem}.profile-container:before{background:#066bdf53;right:5rem}.profile .profile-container .left .bubble{background-image:url(https://i.postimg.cc/85g7Lb6V/tanvir.jpg);width:380px;height:380px;background-size:cover;background-position:center right 25%;margin:20px;box-shadow:0 0 5px 5px #004b8483;animation:animate 5s ease-in-out infinite;transition:all 1s ease-in-out}@keyframes animate{0%,to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30%}}.profile .profile-container .right{width:100%;max-width:600px;height:100%;max-height:70vh;margin:auto 0;display:flex;justify-content:center;align-items:start;padding:0 0 0 3rem}.profile .profile-container .right .designation{font-size:1.2rem}.profile .profile-container .right .about-text{margin:1rem 0;color:var(--normalText-color)}.social-link{margin-top:0rem;padding:0;display:flex;align-items:center;margin-right:0;gap:1rem}.social-icon-cv{display:flex;align-items:center;justify-content:center}.cv{margin-right:1rem}@media screen and (max-width: 500px){.profile{width:100%;max-width:1280px;margin:0;padding:.5rem 1rem}.profile .profile-container{margin:0 auto;padding:3rem .3rem}.profile .profile-container .left .bubble{width:180px;height:180px;background-size:cover;background-position:center right 25%;margin:2rem 0}.profile .profile-container .right{width:100%;max-width:360px;height:100%;max-height:70vh;margin:auto 0;display:flex;justify-content:center;align-items:center;padding:0}.social-icon-cv{display:flex;flex-direction:column;align-items:center;justify-content:center}.social-link{margin-top:1rem;padding:0;display:flex;align-items:center;margin-right:0}.cv{margin:1rem 0}}.skills-container{margin:5rem 3rem;position:relative}.skills-container:after,.skills-container:before{content:" ";width:13rem;height:13rem;border-radius:20rem;position:absolute;z-index:-1}.skills-container:after{background:#0257b89c;left:1rem;filter:blur(150px)}.skills-container:before{background:#5c0173b1;right:5rem;filter:blur(1px)}.skills-container h5{font-size:2rem;font-weight:600;margin-bottom:4rem;color:var(--headingText-color);text-align:center}.skills-content{display:flex;align-items:flex-start;gap:3rem}.skills{flex:1;display:grid;grid-gap:3rem;grid-template-columns:repeat(2,2fr)}.skills-info{flex:1}@media screen and (max-width: 1070px){.skills{grid-gap:2rem}.skills-container h5{font-size:1.3rem;font-weight:600;margin-bottom:3rem;text-align:center;padding:1rem 2rem}.skills-content{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4rem}.skills-container:before{content:" ";width:5rem;height:5rem;border-radius:20rem;position:absolute;z-index:-1;background:#5c0173b1;left:0rem;top:6rem}}.skills-card{border:1px solid rgba(111,0,196,.584);border-radius:.65rem;padding:2.5rem;text-align:center;background:transparent;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);position:relative;cursor:pointer;transition:all .3s ease}.skills-card:hover,.skills-card.active{background:var(--modern-color)}.skills-card span{font-size:1.3rem;font-weight:500;color:var(--normalText-color)}.skill-icon{width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;background:#250047;border:1px solid rgba(109,0,192,.521);border-radius:.65rem;position:absolute;top:-1rem;left:-1rem}.skill-icon img{width:2.4rem;height:auto;object-fit:contain}@media (max-width: 1025px){.skills-card{padding:2rem}.skills-card span{font-size:1rem}.skill-icon{width:3rem;height:3rem}.skill-icon img{width:1.8rem}}@media (max-width: 768px){.skills-card span{font-size:.9rem}}.skills-info-card{width:45vw;min-height:23rem;border:1.5px solid rgba(89,0,152,.68);border-radius:.65rem;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem)}.skills-info-card h6{font-size:1.4rem;font-weight:700;padding:.8rem 2rem;background:linear-gradient(180deg,#8000a7,#6c11ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;border-bottom:1.5px solid rgb(89,0,152)}.skills-info-content{padding:2rem}.skills-info{display:flex;align-items:center;justify-content:space-between}.skills-info p{font-size:1rem;font-weight:500}.skills-info .percentage{color:var(--normalText-color:)}.skills-progress-bg{width:100%;height:.5rem;background:#9103d245;border-radius:.5rem;margin:1rem 0 2rem;overflow:hidden}.skills-progress{width:0%;height:.5rem;background:linear-gradient(270deg,#8000a79d,#6c11ffac);border-radius:.5rem;transition:all .5s ease-in-out}@media screen and (max-width: 1070px){.skills-info-card{width:85vw;min-height:25rem;border:1.5px solid rgba(89,0,152,.724);border-radius:.65rem;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem)}.skills-info-content{padding:1.5rem}}.heroAll-img{width:100%;height:70vh;background-color:var(--backgroundOpacity-color);position:relative}.heroAll-img:before{content:"";background:url(https://images.unsplash.com/photo-1499951360447-b19be8fe80f5?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);background-size:cover;background-position:center;height:100%;width:100%;position:absolute;top:0;left:0;z-index:-1}.heading{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.heading h1{font-size:5rem;background:linear-gradient(to right,#2dafff,#f39);-webkit-background-clip:text;color:transparent}.heading p{font-size:1.3rem}@media screen and (max-width: 700px){.heading h1{font-size:3rem}}.pricing{margin:5rem 3rem;text-align:center}.pricing-heading{margin:2rem auto}.card-container{max-width:1140px;display:grid;grid-template-columns:repeat(3,1fr);margin:auto;grid-gap:40px}.card{background:var(--foreground-color);padding:2rem;align-items:center;text-align:center;border-radius:1rem;box-shadow:4px 4px 7px var(--cardBoxShadow-color);transition:.3s ease}.card:hover{scale:1.02;background-color:var(--hoverDiv-color);box-shadow:0 0 10px 2px var(--hoverGlow-color)}.card .bar{background-color:var(--normalText-color);display:block;margin:auto;width:55%;height:.5%;margin-bottom:1rem}.card h2{color:var(--secondary-color);font-size:1.8rem;margin:.8rem}.card .btc{font-size:2rem;font-weight:600}.card p{line-height:1.7;color:var(--normalText-color)}.btn{width:80%;margin:1.2rem auto;display:block;border-radius:1rem}@media screen and (max-width: 800px){.card-container{max-width:600px;grid-template-columns:1fr}}.form{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;margin:6rem auto;overflow:hidden;width:95vw;background-color:transparent}.form:after,.form:before{content:" ";width:10rem;height:20rem;border-radius:20rem;position:absolute;z-index:-1;filter:blur(250px)}.form:after{background:#870101;left:5rem}.form:before{background:#0354f6ae;right:5rem}.form h1{text-align:center}.form-img{width:500px}.form-img img{width:100%;padding:0rem 1rem}.form-container{display:flex;flex-direction:column;width:500px;padding:2rem;margin-left:5rem;background-color:var(--foreground-color);border-radius:1rem}.form-container input,textarea{background:var(--foreground-color);outline:none;border:1px solid var(--secondaryHover-color);font-size:1rem;padding:.7rem;border-radius:.3rem;color:var(--normalText-color)}.form-container label{margin-top:1.5rem;margin-bottom:.3rem;color:var(--normalText-color);font-size:1.2rem}@media screen and (max-width: 1000px){.form-container{display:flex;flex-direction:column;width:390px;padding:1rem .7rem;margin-left:0rem;background-color:var(--background-color);border-radius:1rem;overflow:hidden}.form-container input,textarea{background:var(--background-color);outline:none;border:1px solid var(--secondaryHover-color);font-size:1rem;padding:.7rem;border-radius:.3rem;color:var(--normalText-color)}}.aboutMe-container{width:100%;height:100%;margin:3rem 0;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.aboutMe-container:after,.aboutMe-container:before{content:" ";width:10rem;height:20rem;border-radius:20rem;position:absolute;z-index:-1;filter:blur(350px)}.aboutMe-container:after{background:#0249ada6;left:5rem}.aboutMe-container:before{background:#0354f6b2;right:5rem}.aboutMe-container .left{text-align:center;margin:auto;padding:1rem;max-width:450px}.aboutMe-container .left p{color:var( --normalText-color);margin-top:1.5rem;text-align:justify}.aboutMe-container .right{max-width:600px;margin-right:7rem}.aboutMe-container .right .aboutMe-img{display:grid;grid-template-columns:repeat(12,1fr);position:relative;align-items:center;text-align:center}.right img{max-width:90%;border:1px solid var(--normalText-color)}.right .top{grid-column:1/ span 8;grid-row:1;padding-top:20%;z-index:6}.right .bottom{grid-column:4/ -1;grid-row:1;z-index:5}@media screen and (max-width: 1100px){.aboutMe-container .right{margin-right:0rem}}