@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Ubuntu:wght@400;500;700&display=swap";.about .title:after{content:"who I am"}.about .about-content .left{width:45%;display:flex;align-items:center;justify-content:center}.about .about-content .left img{display:block;width:320px;aspect-ratio:1/1.5;object-fit:cover;border-radius:2%}.about .about-content .right{width:55%}.about .about-content .right .aboutTextChunk{margin-bottom:10px}.about .about-content .right .text{font-size:25px;font-weight:500;margin-bottom:5px}.about .about-content .right .text span,.about .about-content .right p span{color:#dc143c}.about .about-content .right .text .aboutWork{display:block}.about .about-content .right p{text-align:justify}.about .about-content .right p span{font-weight:500}.about .about-content .right a{display:inline-block;background:#dc143c;color:#fff;font-size:20px;font-weight:500;padding:10px 30px;margin-top:20px;border-radius:6px;border:1px solid #dc143c99;transition:all .3s ease}.about .about-content .right a:hover{outline:none;color:#dc143c;background:none;animation:ripple-dc143c50 .8s infinite linear}@media (max-width: 1104px){.about .about-content .right .text{font-size:25px;font-weight:500}.about .about-content .right .text .aboutWork{display:inline}}@media (max-width: 991px){.about .about-content .right .text .aboutWork{display:block}}@media (max-width: 947px){.about .about-content .column{width:100%}.about .about-content .left{display:flex;justify-content:center;margin:0 auto 60px}.about .about-content .right{flex:100%}}@media (max-width: 690px){.about .about-content .right .text .aboutWork{display:inline}.about-btn{display:flex;align-items:center;justify-content:center}.about .about-content .right p{text-align:left}}@media (max-width: 380px){.about .about-content .right .text{text-align:center}.about .about-content .right .text .aboutWork{display:block}}.contact{color:#dc143c}.contact .title:after{content:"get in touch";background:none}.detailsWrapper,.contact-form{overflow:hidden}.contact-icon{display:flex;align-items:center;justify-content:space-around;padding:12px 0;background-color:#ffffff10;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:5px}.contact-icon i{width:100%;padding:5px;border:2px solid #dc143c00;border-radius:5px;color:#dc143cdd;font-size:45px;transition:all .3s ease-in-out}.contact-icon i:hover{border:2px solid #dc143c99;color:#bbb;animation:ripple-dc143c50 .8s infinite linear}.contact-icon svg{width:100%;padding:5px;border:2px solid crimson;border-radius:5px}.contact-icon svg:hover{fill:#ddd}.contact .contact-content{align-items:start!important}.contact .contact-content .column{width:calc(50% - 10px)}.contact .contact-content .text{margin-bottom:15px;padding:10px 0;background-color:#ffffff10;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:5px;font:400 28px Ubuntu,sans-serif;color:#dc143c;text-align:center}.contact .contact-content .left p{text-align:justify}.contact .contact-content .left .contactDetails{margin:10px 0;padding:25px 10px 30px 20px;background-color:#ffffff10;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:5px;overflow:hidden}.contact .contact-content .row{display:flex;height:70px;align-items:center}.contact .contact-content .row .info{margin-left:10px;font:400 18px Ubuntu,sans-serif}.contactDetails .row i{font-size:25px;color:#dc143c;width:30px}.contact>.max-width>.contact-content>.left>.detailsWrapper>.contactDetails>.row>.info>.head{font-weight:500;color:#dc143c;font-size:20px}.contact>.max-width>.contact-content>.left>.detailsWrapper>.contactDetails>.row>.info>.sub-title,.contact>.max-width>.contact-content>.left>.detailsWrapper>.contactDetails>.row>.info>.sub-title a{display:inline-block;color:#bbb;background:transparent;border-radius:2px;font-weight:500;transition:all .3s ease}.contact>.max-width>.contact-content>.left>.detailsWrapper>.contactDetails>.row>.info>.sub-title a:hover{padding:2px 5px;background:#55555568}.contact-form{padding:20px 15px;border-radius:5px;background-color:#ffffff10;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.contact .right form .fields{display:flex;justify-content:space-between;gap:0px 10px}.fields .mobile{flex:5}.fields .email{flex:8}.contact .right form .field,.contact .right form .fields .field{position:relative;height:45px;width:100%;margin-bottom:25px}.contact .right form .field span,.contact .right form .fields .field span{position:absolute;left:0;margin:5px 0 0 5px;padding:5px;color:#999999c6;font:400 18px Ubuntu,sans-serif;pointer-events:none;transition:all .3s ease-in-out}.contact .right form .field input:focus~span,.contact .right form .field textarea:focus~span,.contact .right form .fields .field input:focus~span{margin:10px 0 0 5px;padding:2px 5px;border-radius:2px;background-color:#373939ee;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#19ffff80;font-size:16px;font-weight:500;transform:translateY(-20px)}.contact .right form .field input:valid~span,.contact .right form .field textarea:valid~span,.contact .right form .fields .field input:valid~span{margin:8px 0 0 5px;padding:2px 5px;border-radius:2px;background-color:#373939ee;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#68f9f99e;font-size:16px;font-weight:500;transform:translateY(-20px)}.contact .right form .textarea{height:180px;width:100%}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.contact .right form .field input,.contact .right form .textarea textarea{height:100%;width:100%;padding:20px 0 15px 15px;background-color:#ffffff05;border:1px solid #5b868641;border-radius:5px;outline:none;color:#ddd;font-size:17px;font-family:Poppins,sans-serif;transition:all .3s ease}.contact .right form .field input:focus,.contact .right form .textarea textarea:focus{border-color:#19ffff7e}.contact .right form .textarea textarea{padding-top:10px;resize:none}.contact .right form .button-area{display:flex;align-items:center;justify-content:center}.right form .button-area button{color:#fff;display:block;width:100%;height:45px;outline:none;border-radius:6px;font:400 20px Ubuntu,sans-se3rif;cursor:pointer;flex-wrap:nowrap;background:#dc143c;border:1px solid #dc143c99;transition:all .3s ease}.right form .button-area button:hover{outline:none;color:#dc143c;background:none;animation:ripple-dc143c50 .8s infinite linear}@media (max-width: 1104px){.contact .contact-content .column{width:calc(50% - 10px)}}@media (max-width: 500px){.contact .right form .fields{flex-direction:column}.contact .right form .mobile,.contact .right form .email{margin:0;flex:auto}.right form .error-box{width:150px}}@media (max-width: 340px){.contact>.max-width>.contact-content>.left>.detailsWrapper>.contactDetails>.row>.info>.sub-title,.contact>.max-width>.contact-content>.left>.detailsWrapper>.contactDetails>.row>.info>.sub-title a{font-size:16px}}.education .title:before{width:240px}.education .title:after{background:#fff;content:"what I learn"}.educationContent{min-height:100vh;display:flex;flex-direction:column;gap:15px}.educationTabWrapper{position:sticky;top:85px;background-color:#ffffff10;box-shadow:12px 12px 24px #d4d4d4,-12px -12px 24px #e8e8e8;overflow:hidden;z-index:10}.educationTabs{display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow-x:auto}.educationTab{display:block;display:flex;align-items:center;justify-content:center;margin:10px 10px 10px 0;padding:8px 16px;background:linear-gradient(145deg,#e6e6e66f,#ffffff6e);box-shadow:12px 12px 24px #d4d4d4,-12px -12px 24px #e8e8e8;border:1px solid #dc143c00;font:500 18px Ubuntu,sans-serif;color:inherit;transition:all .3s ease-in-out;white-space:nowrap;z-index:2}.educationTab:hover{border:1px solid #dc143c5a}.activeEducationTab{color:#dc143c;border:1px solid #dc143c72}.educationCategory{margin-bottom:20px;background:linear-gradient(145deg,#e6e6e6,#fff);box-shadow:12px 12px 24px #d4d4d4,-12px -12px 24px #fff}.educationCategoryTitle{padding:15px;color:#dc143c;font:500 30px Ubuntu,sans-serif}.educationCards{padding:20px 0 50px;display:flex;align-items:center;justify-content:space-around;gap:30px 0px;flex-wrap:wrap}.educationCardsWrapper{overflow:hidden}.educationCard{position:relative;padding:15px 5px;width:30%;background:linear-gradient(145deg,#e6e6e6,#fff);box-shadow:8px 8px 16px #d4d4d4,-8px -8px 16px #fff;border-radius:5px;border:1px solid rgba(255,255,255,0);transition:all .5s ease-in-out;overflow:hidden}.educationCard:hover{scale:1.04;border:1px solid crimson;animation:ripple-dc143c50 .8s infinite linear}@keyframes educationCardGlow{0%,to{box-shadow:1px 1px 10px #dc143c}50%{box-shadow:2px 2px 20px #dc143c}}.educationCards:has(.educationCard:hover) .educationCard:not(:hover){scale:.95;opacity:.9;filter:brightness(.95);animation:floating 3s infinite ease-in-out;animation-delay:calc(-.1s * var(--delay))}.educationCard>p>a{padding:2px 10px;border-radius:5px;text-decoration:none;color:inherit;transition:all .3s ease-in-out}.educationCard>p>a:hover{padding:5px 10px;background:#c5c5c5}.educationLogo img.instituteLogo{position:absolute;bottom:0%;right:50%;width:160px;rotate:25deg;filter:grayscale(1);opacity:.2;transition:all .9s ease-in-out;z-index:1}.educationCard:hover .educationLogo img.instituteLogo{bottom:5%;right:2%;width:80px;rotate:360deg;filter:grayscale(0);opacity:.8}.educationLogoSM img.instituteLogo{position:absolute;bottom:10%;right:60%;width:160px;rotate:25deg;filter:grayscale(1);opacity:.2;transition:all .9s ease-in-out;z-index:1}.educationCard:hover .educationLogoSM img.instituteLogo{bottom:5%;right:18%;width:50px;rotate:360deg;filter:grayscale(0);opacity:.8}.educationLogoSM img.universityBoardLogo{position:absolute;bottom:10%;right:-10%;width:160px;rotate:-25deg;filter:grayscale(1);opacity:.2;transition:all .9s ease-in-out;z-index:1}.educationCard:hover .educationLogoSM img.universityBoardLogo{bottom:5%;right:2%;width:50px;rotate:-360deg;filter:grayscale(0);opacity:.8}.courseTitle,.institute,.universityBoard,.instituteLocation,.courseDuration,.passingYear{position:relative;display:flex;align-items:center;z-index:2}.courseTitle{position:relative;margin-bottom:5px;padding:0 10px;color:#dc143c;font:500 20px Ubuntu,sans-serif}.courseTitle>i{margin-right:10px;font-size:15px;color:#dc143caf}.institute,.universityBoard{font:500 18px Ubuntu,sans-serif}.institute>i{margin-right:10px;font-size:15px;color:#000000ab}.universityBoard>i{margin-right:10px;font-size:20px;color:#000000ab}.instituteLocation{margin:3px 0 5px;padding:0 10px;font:500 15px Ubuntu,sans-serif}.instituteLocation>i{margin-right:20px;color:#000000ab}.courseDuration{margin-top:5px}.courseDuration,.passingYear{padding:0 10px;color:#333;font:500 15px Ubuntu,sans-serif;line-height:1.2}.courseDuration>i,.passingYear>i{margin-right:18px;color:#000000ab}@media (max-width: 1190px){.educationCard{width:45%}}@media (max-width: 947px){.educationCard{background:linear-gradient(145deg,#e6e6e6,#fff);box-shadow:6px 6px 12px #d4d4d4,-6px -6px 12px #fff}}@media (max-width: 870px){.educationCard:hover .educationLogo img.instituteLogo{bottom:5%;right:2%;width:50px;rotate:360deg;filter:grayscale(0);opacity:.8}.educationCard:hover .educationLogoSM img.instituteLogo{bottom:15%;right:20%;width:50px;rotate:360deg;filter:grayscale(0);opacity:.8}.educationCard:hover .educationLogoSM img.universityBoardLogo{bottom:15%;right:2%;width:50px;rotate:-360deg;filter:grayscale(0);opacity:.8}}@media (max-width: 500px){.education .title:before{width:250px}.educationCard{width:90%;background:linear-gradient(145deg,#e6e6e6,#fff);box-shadow:3px 3px 6px #d4d4d4,-3px -3px 6px #fff}}@media (max-width: 455px){.educationTabs{justify-content:start;padding-left:10px}}@media (max-width: 380px){.educationCard:hover .educationLogo img.instituteLogo{bottom:15%;right:2%;width:50px;rotate:360deg;filter:grayscale(0);opacity:.8}.educationCard:hover .educationLogoSM img.instituteLogo{bottom:15%;right:20%;width:50px;rotate:360deg;filter:grayscale(0);opacity:.8}.educationCard:hover .educationLogoSM img.universityBoardLogo{bottom:15%;right:2%;width:50px;rotate:-360deg;filter:grayscale(0);opacity:.8}}.experience{min-height:100dvh}.experience .title:before{width:280px}.experience .title:after{width:170px;background:#fff;content:"where I’ve worked"}.experienceContent{display:flex;justify-content:center;align-items:center}.experienceTabs{width:85%;display:flex;padding:10px}.experienceTabs>.tabWrapper{flex:3;position:relative;display:flex;flex-direction:column;margin-right:20px}.experienceTabs>.tabWrapper>.tab{position:relative;width:100%;background:transparent;border-left:3px solid #dc143c33;border-right:none;border-top:none;border-bottom:none;padding:15px;color:#444;font:500 18px Ubuntu,sans-serif;text-align:left;cursor:pointer;white-space:nowrap;transition:all .2s;z-index:1}.experienceTabs>.tabWrapper>.tab:before{content:"";position:absolute;width:0;height:100%;top:0;left:0;background:#9e9e9e56;transition:all .5s ease-in-out;z-index:-1}.experienceTabs>.tabWrapper>.tab:hover:before{width:100%}.experienceTabs>.tabWrapper>.tab:after{content:"";position:absolute;width:100%;height:0%;top:50%;left:-3px;border-left:3px solid #dc143c;transition:all .5s ease-in-out}.experienceTabs>.tabWrapper>.activeTab.tab:after{height:100%;top:0}.experienceTabs>.tabWrapper>.activeTab{position:relative;color:#dc143c;transition:all .5s ease-in-out;z-index:2}.experienceTabs>.tabWrapper>.activeTab.tab:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background:#9e9e9e56;transition:all .5s ease-in-out;z-index:-1}.experienceTabs>.contentWrapper{flex:9;padding:5px 10px;border-left:none}.experienceTabs>.contentWrapper>.content{display:none}.experienceTabs>.contentWrapper>.activeContent{display:block}.experienceTabs>.contentWrapper>.content>.position{margin-bottom:5px;color:#dc143c;font:500 20px Ubuntu,sans-serif}.experienceTabs>.contentWrapper>.content>.company{font:500 18px Ubuntu,sans-serif}.experienceTabs>.contentWrapper>.content>.location{font:500 15px Ubuntu,sans-serif}.experienceTabs>.contentWrapper>.content>.duration{margin-top:5px;color:#222;font:400 15px Ubuntu,sans-serif}.experienceTabs>.contentWrapper>.content>ul{margin-top:20px;font:400 16px Poppins,sans-serif;line-height:1.5}.experienceTabs>.contentWrapper>.content>ul>li{position:relative;list-style:none;padding-left:30px;margin-bottom:10px}.experienceTabs>.contentWrapper>.content>ul>li:before{content:"➥";position:absolute;top:-4px;left:0;font-size:20px;color:#dc143c}@media (max-width: 1190px){.experienceTabs{width:95%}.experienceTabs>.tabWrapper{flex:3}}@media (max-width: 947px){.experienceTabs{width:95%;flex-direction:column}.experienceTabs>.tabWrapper{position:sticky;top:85px;flex-direction:row;overflow-x:auto;padding-bottom:10px;margin-right:0;margin-bottom:10px;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);z-index:1}.experienceTabs>.tabWrapper>.tab{padding:10px 20px;border-left:none;border-top:3px solid #dc143c33}.experienceTabs>.tabWrapper>.tab:after{width:0%;height:100%;top:-3px;left:50%;border-right:none;border-left:none;border-top:3px solid #dc143c;transition:all .5s ease-in-out;transition-delay:.3s}.experienceTabs>.tabWrapper>.activeTab.tab:after{width:100%;top:-3px;left:0}.experienceTabs>.tabWrapper>.tab:before{width:100%;height:0%;transition-delay:.3s}.experienceTabs>.tabWrapper>.tab:hover:before{height:100%}}@media (max-width: 500px){.experience .title:before{width:250px}.experienceTabs{width:110%}.experienceTabs>.tabWrapper>.tab{padding:10px 15px;font-size:16px}.experienceTabs>.contentWrapper{align-self:center}}footer{background:linear-gradient(to bottom,transparent,#0000008d);padding:20px;border-top:1px solid #ffffff19;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;text-align:center}footer p{padding:2px 5px;font:400 18px Ubuntu,sans-serif;color:#888}footer p a{display:inline-block;color:#dc143c;font-weight:500;text-decoration:none;transition:all .3s ease-in-out}footer p a:hover{padding:0 5px;border-radius:2px;background-color:#88888850;color:#19ffffac}footer .fa-heart{color:#dc143c}.home{position:relative;display:flex;width:100%;min-height:100vh;height:fit-content;padding:0;color:#fff;background-size:cover;background-attachment:fixed;font-family:Ubuntu,sans-serif}.home:before{content:"";position:absolute;top:0;bottom:0;width:100%;height:100%;background-image:radial-gradient(circle,#19ffff,#19ffff);clip-path:circle(20% at 20% 45%);transition:all 1s ease-in-out}@keyframes shapeChange{to{clip-path:polygon(20% 20%,5% 60%,35% 60%)}}.home:after{content:"";position:absolute;top:0;bottom:0;width:100%;height:100%;background-image:radial-gradient(circle,#dc143c,#dc143c);clip-path:circle(30% at 100% 100%)}.home .overlay{width:100vw;background:#000000b3;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);z-index:1}.home-line-break{display:none}.home .max-width{width:100%;display:flex}.home .max-width .row{margin-right:0;width:100%}.home .banner-text{grid-column:1;z-index:2;padding:30px 10px}.home .home-content{width:100%;padding-bottom:100px;padding-top:80px}.home .home-content .text-1{color:#bbb;font-size:25px;text-shadow:2px 2px 5px #000}.home .home-content .text-2{color:#bbb;font-size:80px;font-weight:600;text-shadow:2px 2px 5px #000}.home .home-content .text-3{margin:10px 0;font-size:40px;font-weight:500;color:#bbb;text-shadow:2px 2px 5px #000}.home .home-content .text-4{width:50%;margin:20px 0;color:#bbb;font-size:20px;font-weight:300;text-shadow:1px 1px 2px #000;line-height:1.5;text-align:justify}.home .home-content .text-4 span,.home .home-content .text-3 span{color:#dc143c;font-weight:500}.home-btn{width:45%;display:flex;justify-content:space-between}.home-btn a{display:inline-block;background:#dc143c;color:#fff;font-size:25px;padding:12px 36px;margin-top:20px;font-weight:400;border-radius:6px;border:1px solid #dc143c99;transition:all .3s ease}.home .home-content a:hover,.home .home-content a:focus{outline:none;color:#dc143c;background:none;animation:ripple-dc143c50 .8s infinite linear}@media (max-width: 1104px){.home .home-content .text-1{font-size:20px}.home .home-content .text-1 img{width:60px}.home .home-content .text-2{font-size:70px}.home .home-content .text-3{font-size:35px}.home .home-content .text-4,.home-btn{width:60%}}@media (max-width: 947px){.home .home-content .text-1{font-size:20px}.home .home-content .text-2{font-size:60px}.home .home-content .text-3{font-size:28px}.home .home-content .text-4{width:70%;font-size:18px}.home-btn{width:70%}.home .home-content a{font-size:23px;padding:10px 30px}}@media (max-width: 690px){.home .home-content .text-2{font-size:60px}.home .home-content .text-2-5,.home .home-content .text-3{font-size:32px}.home .home-content a{font-size:20px}.home-line-break,.about-line-break{display:block;margin-top:-15px}}@media (max-width: 500px){.home:before{clip-path:circle(25% at 50% 30%)}.home:after{clip-path:circle(20% at 50% 100%)}.home .home-content .text-1 img{width:40px}.home .home-content .text-1{text-align:center}.home .home-content .text-2{font-size:50px;text-align:center}.home .home-content .text-3{font-size:28px;text-align:center}.home .home-content .text-4{width:100%;text-align:center}.home-btn{width:100%;display:flex;align-items:center;justify-content:space-around;flex-flow:row wrap}.home-btn a{padding:10px 15px!important;font-size:27px}}@media (max-width: 380px){.home .home-content .text-2{font-size:45px}.home .home-content .text-3{font-size:25px}.home-btn{display:flex;align-items:center;justify-content:space-between!important;flex-flow:row wrap}.home-btn a{padding:10px 12px!important;font-size:20px}}@media (max-width: 350px){.home .home-content .text-2{font-size:40px}.home .home-content .text-3{font-size:22px}.home-btn{display:flex;align-items:center;justify-content:space-between!important;flex-flow:row wrap}.home-btn a{padding:10px 7px!important;font-size:18px!important}}.navbar{position:fixed;width:100%;z-index:999;padding:30px 0;font-family:Ubuntu,sans-serif;transition:all .3s ease}.sticky{padding:20px 0;background-color:#000b;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #ffffff24}.navbar .max-width{display:flex;align-items:center;justify-content:space-between}.navbar .logo a{color:#bbb;font-size:35px;font-weight:600;letter-spacing:2px}.navbar .logo a span{color:#dc143c;font-size:37px;letter-spacing:0px;transition:all .3s ease}.navbar .menu li{list-style:none;display:inline-block}.navbar .menu li a{position:relative;display:block;margin-left:10px;padding:5px 10px;border:1px solid #19ffff00;border-radius:5px;color:#bbb;font-size:18px;font-weight:500;text-transform:capitalize;transition:all .3s ease-in-out}.navbar .menu li a:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border:1px solid #19ffff00;border-radius:5px;transition:all .5s ease-in-out;z-index:-1}.navbar .menu li a:hover:before{top:0;left:0;width:100%;height:100%;border:1px solid #19ffff50;animation:ripple-19ffffd4 1s -.5s infinite linear}.navbar .menu li .activeNav{position:relative;color:#19ffff;transition:all .5s ease-in-out}.navbar .menu li a.activeNav:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:5px;box-shadow:1px 1px 5px 1px #19ffffd4;transition:all .5s ease-in-out;z-index:-1}.navbar .menu li a.activeNav:hover:before{background:#72f8f820;border:1px solid #19ffff00;box-shadow:1px 1px 5px 1px #19ffffd4;transition:all .5s ease-in-out;animation:paused}.navbar.sticky .menu li a{transition:all .3s ease-in-out}.menu-btn{color:#fff;font-size:23px;cursor:pointer;display:none}@media (max-width: 947px){.menu-btn{display:block;z-index:999}.menu-btn i.active:before{content:""}.navbar .menu{display:block;position:fixed;padding-bottom:30px;width:100%;left:-100%;top:0;background-color:#000000f0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;margin-top:81px;transition:all .3s ease}.navbar .active{left:0}.navbar .menu li{display:block}.navbar .menu li a{display:inline-block;margin:10px 0;font-size:22px}}.information{text-align:center;margin-top:100px;padding:10px;background-color:#dc143c}.project .title:after{content:"I have done"}.projectContent{min-height:100vh;display:flex;flex-direction:column;gap:15px}.projectTabWrapper{position:sticky;top:85px;overflow:hidden;z-index:10}.projectTabs{display:flex;align-items:center;justify-content:center;background-color:#ffffff10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:5px;border:1px solid #ffffff17;overflow-x:auto}.showMoreBtn,.projectTab{display:block;display:flex;align-items:center;justify-content:center;margin:10px;padding:8px 16px;background:#2c2c2c80;border-radius:5px;border:1px solid #ffffff17;font:500 18px Ubuntu,sans-serif;color:inherit;text-shadow:5px 5px 10px #000;transition:all .3s ease-in-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;cursor:pointer;z-index:2}.showMoreBtn:hover,.projectTab:hover{background:#1a1a1a80;border:1px solid #dc143c65}.projectCategory{background-color:#ffffff10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:5px;border-top:1px solid #ffffff17;border-left:1px solid #ffffff17}.projectCategoryTitle{padding:15px;color:#dc143c;font:500 30px Ubuntu,sans-serif}.projectWrapper{padding:10px}.projectCard{overflow:hidden}.extraProjects{max-height:0px;overflow:hidden;visibility:hidden;interpolate-size:allow-keywords;transition:max-height .5s ease-in-out}.projectCard:has(.showMoreBtn[aria-expanded=true]) .extraProjects{max-height:fit-content;visibility:visible}.showMoreBtnWrapper{width:100%;display:flex;justify-content:center;justify-self:center;margin:-50px 0 10px}.showMoreBtn,.showMoreBtn a{margin-inline:10px;padding:8px 16px;font:400 18px Ubuntu,sans-serif;color:inherit;text-decoration:none}.showMoreBtn:hover{color:#dc143c}.showMoreBtn:before,.showMoreBtn:after{content:"▼";opacity:.5;animation:blinkIcon 1s infinite ease-in-out alternate;transition:transform .5s ease-in-out}.showMoreBtn:hover:before,.showMoreBtn:hover:after{opacity:.8}.showMoreBtn[aria-expanded=true]:before,.showMoreBtn[aria-expanded=true]:after{transform:rotate(180deg)}.singleProject{position:relative;display:flex;margin-bottom:50px;padding:20px 0}.singleProjectRevers{position:relative;display:flex;flex-direction:row-reverse;margin-bottom:50px;padding:20px 0}.projectImg{flex:0 0 60%;z-index:1}.projectImg img{width:100%;height:100%;object-fit:cover;border-radius:5px;box-shadow:0 20px 30px -15px #070e0fb3}.projectDescription{flex:1;text-align:right;z-index:2}.singleProjectRevers>.projectDescription{text-align:left;float:left}.projectTitleWrapper{position:relative;display:flex;align-items:center;justify-content:end;color:#dc143c;font:500 25px Ubuntu,sans-serif;text-shadow:5px 5px 10px #000}.projectTitleWrapper:has(.projectSubTitle){flex-direction:column;align-items:flex-end;justify-content:center}.singleProjectRevers>.projectDescription>.projectTitleWrapper:has(.projectSubTitle){align-items:flex-start;justify-content:center}.projectSubTitle{color:#9b9b9bcb;font:400 15px Poppins,sans-serif;margin-left:15px;text-shadow:5px 5px 10px #000;text-transform:capitalize}.singleProjectRevers>.projectDescription>.projectTitleWrapper{justify-content:start}.projectSequence{position:absolute;right:0;color:#66666669;font:600 100px/.6 Poppins,sans-serif;text-shadow:none;z-index:-1}.singleProjectRevers>.projectDescription>.projectTitleWrapper>.projectSequence{left:0}.workingMode{position:absolute;transform:translate(-65px,50%);color:#66666669;text-shadow:none;font-size:30px;text-transform:capitalize;z-index:-1}.workingMode-0{transform:translate(-35px,50%)}.singleProjectRevers>.projectDescription>.projectTitleWrapper>.workingMode{transform:translate(65px,50%)}.projectInfo{position:absolute;display:flex;flex-direction:column;width:50%;right:0}.singleProjectRevers>.projectDescription>.projectInfo{position:absolute;width:50%;left:0}.projectDetails{position:relative;margin-top:25px;padding:20px;background-color:#0c181aa0;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);border-radius:5px;box-shadow:0 20px 30px -15px #070e0fb3;border-top:1px solid #ffffff17;border-left:1px solid #ffffff17;font:400 16px Poppins,sans-serif;text-shadow:5px 5px 10px #000}.projectTechnology{position:relative;width:100%;margin-top:20px}.projectTechnology>ul{position:relative;float:right;display:flex;gap:10px;font:400 16px Ubuntu,sans-serif;text-shadow:5px 5px 10px #000}.singleProjectRevers>.projectDescription>.projectInfo>.projectTechnology>ul{float:left}.projectTechnology>ul>li{padding:5px 10px;background-color:#0c181aa0;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);border-top:1px solid #ffffff17;border-left:1px solid #ffffff17;border-radius:5px;text-shadow:5px 5px 10px #000;list-style:none;white-space:nowrap}.projectLink{float:right;align-self:center;display:flex;margin-top:20px}.singleProjectRevers>.projectDescription>.projectInfo>.projectLink{float:left;align-self:center}.projectLink>a{display:block;padding:5px 10px;background-color:#0c181aa0;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);border-radius:10%;margin-left:20px;border-top:1px solid #ffffff17;border-left:1px solid #ffffff17;border-right:1px solid #ffffff00;border-bottom:1px solid #ffffff00;font-size:18px;color:inherit;text-decoration:none;transition:all .3s ease-in-out}.singleProjectRevers>.projectDescription>.projectInfo>.projectLink>a{margin-left:0;margin-right:20px}.projectLink>a>i{text-shadow:5px 5px 10px #000}.projectLink>a:hover{border:1px solid #dc143c50;animation:ripple-dc143c50 .8s infinite linear}.projectLink>a:hover i{color:#dc143c;text-shadow:none}@media (max-width: 1104px){.showMoreBtnWrapper{margin:0 0 20px}.projectTitleWrapper{font-size:22px}.projectDetails{margin-top:20px;padding:15px;font-size:15px}.projectInfo{width:50%}.projectTechnology>ul{font-size:13px}.projectLink>a{font-size:16px}}@media (max-width: 800px){.projectTitleWrapper{font-size:18px;padding-top:10px}.workingMode{transform:translate(-55px,-90%);font-size:25px}.workingMode-0{transform:translate(-35px,-90%)}.singleProjectRevers>.projectDescription>.projectTitleWrapper>.workingMode{transform:translate(55px,-90%)}.projectDetails{margin-top:20px;padding:10px;font-size:13px}.projectInfo{width:60%}.singleProjectRevers>.projectDescription>.projectInfo{width:60%}.projectTechnology{margin-top:10px}.projectTechnology>ul{font-size:13px}.projectLink{margin-top:10px}.projectLink>a{font-size:15px}}@media (max-width: 500px){.singleProject,.singleProjectRevers{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5px;background-color:#8a8a8a10;border-radius:5px;border-top:1px solid #ffffff17;border-left:1px solid #ffffff17}.projectImg{flex:12;z-index:1}.projectImg img{width:100%;height:100%;border-radius:5px;box-shadow:0 20px 30px -15px #070e0fb3}.projectDescription,.singleProjectRevers>.projectDescription{position:relative;flex:12;width:100%;margin-top:20px;text-align:left;z-index:2}.projectTitleWrapper,.singleProjectRevers>.projectDescription>.projectTitleWrapper{align-items:center;justify-content:flex-start;text-align:left}.projectSequence,.singleProjectRevers>.projectDescription>.projectTitleWrapper>.projectSequence{left:auto;font-size:90px}.workingMode,.singleProjectRevers>.projectDescription>.projectTitleWrapper>.workingMode{transform:translateY(80%);right:55px;font-size:20px}.workingMode-0{right:25px}.projectTitleWrapper:has(.projectSubTitle),.singleProjectRevers>.projectDescription>.projectTitleWrapper:has(.projectSubTitle){align-items:flex-start}.projectSubTitle{margin-left:0;font-size:12px}.projectInfo,.singleProjectRevers>.projectDescription>.projectInfo{position:relative;width:100%;left:0;padding-bottom:10px;overflow:hidden}.projectDetails{margin-top:20px;padding:15px;background-color:#0000002d;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);border-top:1px solid #ffffff17;border-left:1px solid #ffffff17;font-size:15px}.projectTechnology{margin-top:20px}.projectTechnology>ul{position:relative;margin:15px;float:left;align-items:center;justify-content:center;font-size:15px}.singleProjectRevers>.projectDescription>.projectInfo>.projectTechnology>ul{float:left}.projectTechnology>ul>li{position:absolute;width:120px;left:max(calc(105px * var(--totalItem)),100%);padding:10px;background-color:#0000002d;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);text-align:center;animation:scrollLeft 30s infinite linear;animation-delay:calc((30s / var(--totalItem)) * ((var(--totalItem) - var(--item)))*(-1))}@keyframes scrollLeft{to{left:-130px}}.projectTechnology>ul:focus~.projectTechnology>ul>li{animation-play-state:paused!important}.projectLink{width:100%;float:left;display:flex;justify-content:center;margin:15px 0 10px}.projectLink>a{margin:0 10px;background-color:#e8e8e827;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}.projectLink>a:hover{background-color:#e8e8e827}.projectLink>a:hover i{color:#dc143c;text-shadow:none}}@media (max-width: 380px){.projectTabs{padding-left:10px}.projectTab{display:block;font:500 15px Ubuntu,sans-serif}}@media (max-width: 350px){.projectTabs{justify-content:start}.singleProjectRevers>.projectDescription,.projectDescription{margin-top:5px}.projectDetails{margin-top:20px}.projectSequence,.singleProjectRevers>.projectDescription>.projectTitleWrapper>.projectSequence{font-size:80px}}.skills .title:after{background:none;content:"what I know"}.skillsContent{min-height:100vh;display:flex;flex-direction:column;gap:15px}.skillTabWrapper{position:sticky;top:85px;overflow:hidden;z-index:10}.skillTabs{display:flex;align-items:center;justify-content:center;background-color:#ffffff10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:5px;border:1px solid #ffffff17;overflow-x:auto}.skillTab{display:block;display:flex;align-items:center;justify-content:center;margin:10px 10px 10px 0;padding:8px 16px;background:#2c2c2c80;border-radius:5px;border:1px solid #ffffff17;font:500 18px Ubuntu,sans-serif;color:inherit;text-shadow:5px 5px 10px #000;transition:all .3s ease-in-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;z-index:2}.skillTab:hover{background:#1a1a1a80;border:1px solid #dc143c65}.activeTab{background:#1a1a1a80;border:1px solid #dc143c65;color:#dc143c}.skillCategory{background-color:#ffffff10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:5px;border-top:1px solid #ffffff17;border-left:1px solid #ffffff17}.skillCategoryTitle{padding:15px;color:#dc143c;font:500 30px Ubuntu,sans-serif}.skillWrapper{padding:10px}.skill{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;overflow:hidden}.skillItem{position:relative;display:block;height:60px;display:flex;align-items:center;justify-content:space-between;margin:10px 10px 10px 0;padding:10px;background:#2c2c2c80;border-radius:5px;border-top:1px solid #ffffff17;border-left:1px solid #ffffff17;border-right:1px solid #ffffff00;border-bottom:1px solid #ffffff00;transition:all .3s ease-in-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-user-select:none;user-select:none;overflow:hidden}.skillItem:hover{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid #19ffff50;box-shadow:0 0 5px #19ffffd4;animation:ripple-19ffffd4 1s infinite linear}@keyframes SkillButtonGlow{0%,to{box-shadow:1px 1px 5px #19ffffd4}50%{box-shadow:1.5px 1.5px 10px #19ffffd4}}.skill:has(.skillItem:hover) .skillItem:not(:hover){scale:.95;opacity:.9;filter:brightness(.95);animation:floating 3s infinite ease-in-out;animation-delay:calc(-.1s * var(--delay))}.skillImg{position:absolute;margin-left:-10px;right:0%;top:0%;padding-top:5px;transition:all .8s ease-in-out}.skillItem:hover .skillImg{right:calc(50% - 22.5px)}.skillImg svg{width:80px;fill:#faebd797;opacity:.1;transform:rotate(330deg);transition:all .8s ease-in-out;z-index:1}.skillItem:hover .skillImg svg{width:45px;fill:#dc143c;opacity:.5;transform:rotate(0)}.skillName{margin:0 5px;font:20px Ubuntu,sans-serif;text-shadow:5px 5px 10px #000;z-index:2}.skillAge{margin:0 10px;font-size:14px;font-family:Ubuntu,sans-serif;color:#cfbca2;text-shadow:1px 1px 5px #000;z-index:2}@media (max-width: 1104px){.skillItem{height:50px}.skillName{font-size:18px}.skillAge{font-size:12px}}@media (max-width: 991px){.skillTab{font:500 15px Ubuntu,sans-serif}.skillCategoryTitle{padding:10px}.skillItem{height:40px}.skillName{font-size:16px}.skillAge{font-size:10px;margin:0 5px}}@media (max-width: 735px){.skillTabs{justify-content:start;padding-left:10px}}@media (max-width: 500px){.skillTab{font:500 15px Ubuntu,sans-serif}.skillCategoryTitle{font-size:25px}.skillWrapper{padding-inline:0px}.skill{align-items:flex-start;justify-content:center}.skillItem{margin:5px;height:80px;flex-direction:column}.skillImg{top:20%;right:-15%}.skillItem:hover .skillImg{top:0%;right:calc(50% - 25px)}.skillImg svg{width:60px}.skillItem:hover .skillImg svg{width:50px}.skillName{font-size:16px;margin:5px 0}.skillAge{font-size:12px;margin:2px 0}}.border{border:1px solid red}section{padding:100px 0}.max-width{max-width:1400px;padding:0 80px;margin:auto}.about,.project,.skills,.contact,footer{font-family:Poppins,sans-serif}.about .about-content,.project .project-content,.contact .contact-content{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}#root{background:url(/assets/banner-XZx8GY1S.jpg);background-size:100%;background-attachment:fixed}.about,.experience,.education{background:#fff}.home,.skills,.project,.contact,.footer{color:#fff}.skills .title:before,.project .title:before,.contact .title:before{background:none}.skills .title:after,.project .title:after,.contact .title:after{background:none}.about-line-break{display:none}section .title{position:relative;text-align:center;font-size:40px;font-weight:500;margin-bottom:40px;padding-bottom:20px;font-family:Ubuntu,sans-serif}section .title:before{content:"";position:absolute;bottom:0;left:50%;width:180px;height:3px;background:#111;transform:translate(-50%)}section .title:after{position:absolute;bottom:-8px;left:50%;font-size:20px;color:#dc143c;padding:0 5px;background:#fff;transform:translate(-50%)}.accordion{height:fit-content;border-radius:5px}.accordionInput{display:none}.accordionButton{margin-bottom:0;width:100%;padding:15px;display:flex;align-items:center;justify-content:space-between;border-radius:5px;color:#dc143c;font:500 30px Ubuntu,sans-serif;-webkit-user-select:none;user-select:none;cursor:pointer;opacity:.8;transition:all .3s ease-in-out}.accordion:has(input[type=radio]:checked) .accordionButton{opacity:1}.accordion:has(input[type=radio]:not(:checked)) .accordionButton:hover{padding:20px 15px;opacity:1}.accordionButton>i{color:#dc143c;font-size:28px;transition:all .5s ease-in-out}.accordion:has(input[type=radio]:not(:checked)) .accordionButton:hover i{text-shadow:1px 1px 5px #1d1c1dcd;animation:blinkIcon 1s -.5s infinite ease-in-out alternate}.accordion>input[type=radio]:checked~.accordionButton>i{transform:rotate(180deg)}.accordionContent{display:grid;grid-template-rows:0fr;transition:all .5s ease-in-out}.accordion>input[type=radio]:checked~.accordionContent{grid-template-rows:1fr;padding:10px}@keyframes blinkIcon{0%{color:#3e3e3ea2;translate:0px -5px}50%{color:#dc143ca2}to{color:#3e3e3ea2;translate:0px 5px}}@keyframes floating{0%,to{transform:rotate(1deg)}50%{transform:rotate(-1deg)}}@keyframes ripple-dc143c50{0%{box-shadow:0 0 #dc143c50,0 0 0 10px #dc143c50}to{box-shadow:0 0 0 10px #dc143c50,0 0 0 20px #dc143c10}}@keyframes ripple-19ffffd4{0%{box-shadow:0 0 #19ffff36,0 0 #19ffff36}80%{box-shadow:0 0 0 5px #19ffff00,0 0 0 10px #19ffff00}to{box-shadow:0 0 #19ffff00,0 0 #19ffff00}}@media (max-width: 991px){.max-width{padding:0 50px}.project .max-width{padding:0 20px}.accordionButton{padding:10px}}@media (max-width: 947px){.max-width{max-width:930px}.services .serv-content .card,.project .project-content .card{width:calc(50% - 10px);margin-bottom:20px}.skills .skillsContent .column,.contact .contact-content .column{width:100%;margin-bottom:35px}}@media (max-width: 690px){.max-width{padding:0 23px}.home-line-break,.about-line-break{display:block;margin-top:-15px}}@media (max-width: 500px){section .title{font-size:35px}.skills .max-width,.project .max-width{padding:0 10px}.scroll-up-btn{right:15px;bottom:15px;height:38px;width:35px;font-size:25px;line-height:38px}.about .about-content .right .text,.skills .skillsContent .left .text{font-size:19px}.accordionButton{font-size:25px}}*{margin:0;padding:0;box-sizing:border-box;text-decoration:none}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:crimson}