#intro{position:relative;background:#010405;overflow:visible}#introTopLeftGradient{width:350px;height:350px;top:-40px;left:-40px;background:radial-gradient(circle at 20% 20%,#093436,#093436e6 18%,#09343659 40%,#09343600 72%)}#introRightGradient{width:600px;height:600px;top:10%;right:0%;background:radial-gradient(circle at 80% 38%,#093436,#093436e6 18%,#09343659 40%,#09343600 72%)}.introduction-content-container{width:100%;max-width:1440px;margin-inline:auto}@media (max-width: 990px){#introTopLeftGradient{width:350px;height:350px;top:-100px;left:-70px;background:radial-gradient(circle at 20% 20%,#09787d,#09787dbf 30%,#09787d40 55%,#09787d00 75%);display:none}#introRightGradient{display:none}}@media (max-width: 768px){#introTopLeftGradient{width:300px;height:300px}}@media (max-width: 480px){#introTopLeftGradient{width:300px;height:300px;top:-100px;left:-70px;background:radial-gradient(circle at 20% 20%,#09787d,#09787dbf 30%,#09787d40 55%,#09787d00 75%)}}.introContainer{display:flex;position:relative}#profileImageContainer{width:58vw;position:relative;z-index:1}#profileImageContainer:before{content:"";position:absolute;left:0;top:0;width:100%;height:140px;background:linear-gradient(to bottom,#010405,#01040500);z-index:2;pointer-events:none}#profileImageContainer img{display:block;width:100%;height:auto;position:relative;z-index:0}#intro-Content{position:relative;z-index:3;width:40vw;max-width:38.7rem}#intro-Content h1{font-family:Roboto,sans-serif;font-weight:700;font-style:normal;font-size:4rem}#intro-Content p{font-size:1.2rem;margin-bottom:2rem;width:30vw;margin-top:1.5rem;color:#a9a9a9}@media (min-width: 991px) and (max-width: 1440px){#intro-Content h1{font-size:clamp(44px,4.44444vw,64px)}#intro-Content p{font-size:clamp(14px,calc(1.33333vw + .8px),20px);width:30vw}}@media (max-width: 990px){.introContainer{flex-direction:column;padding:2rem}#intro-Content{position:relative;width:90vw}#profileImageContainer{height:auto}#intro-Content h1{font-size:2.5rem}#intro-Content p{font-size:1.25rem;width:auto;margin:0}}@media (max-width: 768px){.introContainer{flex-direction:column;padding:18px}#profileImageContainer{height:auto;margin-top:70px}}@media (max-width: 480px){#profileImageContainer:before{height:110px}#profileImageContainer{height:auto;width:auto;margin-top:70px}#intro-Content h1{font-size:2.3rem;margin-top:.5rem}#intro-Content p{font-size:1.15rem;margin-top:.5rem}}.whatsapp-button-container{text-decoration:none;color:inherit}.whatsapp-button{display:flex;align-items:center;justify-content:space-between;background-color:#0d303a;height:4rem;width:22rem;border-radius:5rem;box-shadow:0 0 .5rem #00000080;color:#9dd6c9;cursor:pointer;transition:background-color .3s;padding:.7rem .7rem .7rem 2rem;margin-top:3rem}.whatsapp-button span{font-size:1.25rem}.whatsapp-button img{height:3rem;width:auto;margin-right:0rem}.whatsapp-button:hover{background-color:#058174;box-shadow:1rem 1.5rem 5rem 2rem #082019}@media (min-width: 991px) and (max-width: 1440px){.whatsapp-button{height:clamp(56px,calc(38.37px + 1.78vw),64px);width:clamp(264px,calc(69.84px + 19.6vw),352px);padding-left:clamp(24px,calc(24px + (32 - 24) * ((100vw - 991px) / (1440 - 991))),32px)}.whatsapp-button span{font-size:clamp(14px,calc(14px + (20 - 14) * ((100vw - 991px) / (1440 - 991))),20px)}.whatsapp-button img{height:clamp(40px,calc(40px + (48 - 40) * ((100vw - 991px) / (1440 - 991))),48px)}}@media (max-width: 990px){.whatsapp-button{height:4rem;width:21rem;font-size:1.1rem;margin-top:3rem}.whatsapp-button span{font-size:1.125rem}.whatsapp-button img{height:3rem;width:auto;margin-right:0rem}}@media (max-width: 480px){.whatsapp-button{height:3rem;width:17rem;font-size:1.1rem;margin-top:1.5rem}.whatsapp-button span{font-size:.9rem}.whatsapp-button img{height:2rem;width:auto;margin-right:0rem}}header{position:sticky;top:50px;margin:0 auto;width:60%;max-width:864px;display:flex;justify-content:center;padding:32px 0;border-radius:50px;box-shadow:0 0 .1rem gray;background:#020a077f;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:10}.headerInner{width:100%;display:flex}.headerInner>a{text-decoration:none;flex:1}.headerElement{display:flex;justify-content:center}.headerElementName:hover{color:#00ff84;font-weight:200}.headerElementName{padding:8px 0;font-weight:400;font-size:.875rem;transition:color .3s;display:flex;justify-content:center}.active{border-bottom:.1rem solid #16eaa1}@media (max-width: 990px){header{width:700px}}@media (max-width: 768px){header{display:none}}hr{border-color:#151515}#AboutMe{width:95%;max-width:1368px;margin-inline:auto;display:flex;justify-content:center;align-items:center;gap:6rem;padding-top:7.5rem}.listContainer{display:flex;flex-direction:column;gap:1.5rem;max-width:70%;padding:1.5rem}.list-item{display:flex;width:100%;align-items:flex-start;padding:1.2rem;box-shadow:0 .2rem .4rem #ffffff4d}.list-item .number{background-color:#2d2d2d;border-radius:.5rem;padding:.35rem .65rem;margin-right:1rem;font-size:1.1rem;font-weight:700}.list-item .text{flex:1;line-height:1.5;font-size:1.3rem}.list-item .text a{color:#0af;text-decoration:none}.list-item .text a:hover{text-decoration:underline}@media (max-width: 990px){#AboutMe{width:100%;gap:1rem;padding:2rem;justify-content:start;align-items:center}.listContainer{display:flex;flex-direction:column;max-width:100%;padding:0;padding-left:1rem}#vl{display:none}.list-item{padding:1rem}.list-item .number{padding:.5rem 1rem;margin-right:1.5rem;font-size:1rem;font-weight:700}.list-item .text{flex:1;line-height:1.5;font-size:1.2rem}.listContainer{padding-left:0}}@media (max-width: 768px){#AboutMe{padding:18px}.list-item .text{font-size:1.1rem}}#Work{display:flex;flex-direction:column;justify-content:center;align-items:center;width:95%;margin:3rem auto 4.3rem;padding:3rem 0}#workCardsContainer{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2rem;width:100%;margin:1.9rem 0}@media (max-width: 990px){#Work{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:5rem 2rem 8rem;margin-bottom:6rem;gap:1rem}#workCardsContainer{display:grid;grid-template-columns:1fr;gap:1.25rem;width:100%;padding:0}}@media (max-width: 768px){#Work{padding:5rem 18px 8rem;gap:1rem}#workCardsContainer{display:grid;grid-template-columns:1fr;gap:1.25rem;width:100%;padding:0;margin:0}}@media (max-width: 480px){#Work{gap:1.5rem;padding-bottom:8rem}}.workCard{display:flex;flex-direction:column;gap:1rem;justify-content:center;align-items:center;background-color:#181a1e;padding:1rem;border-radius:1.5rem;cursor:pointer}.workCard:hover{background-color:transparent;box-shadow:0 0 .1rem .1rem #ffffff4d}.workCardImage{width:100%;height:auto;border-radius:1.5rem}.workCardHeading{display:flex;align-items:center;justify-content:space-between}.workCardTitle{font-size:1.7rem;font-weight:700}.workCardTitleHover{font-size:1.7rem;font-weight:400}.workCardStack{margin-top:1em;display:flex;align-items:center;gap:1em}.project_description_container{margin-top:1em;height:80px}.project_description_text{font-size:1rem}.dot{color:#707b79;font-size:1.5em}.titleContainer{position:relative;overflow:hidden;height:3em;width:100%}.textLine{position:absolute}.line1-enter{top:0;opacity:1;transition:all .2s ease-in-out}.line1-exit{top:-50px;opacity:0;transition:all .5s ease-in-out}.line2-enter{top:0;opacity:1;transition:all .5s ease-in-out}.line2-exit{top:50px;opacity:0;transition:all .2s ease-in-out}.tech_stack_icons{height:30px;width:30px}@media (min-width: 991px) and (max-width: 1440px){.workCardTitle,.workCardTitleHover{font-size:clamp(18px,calc(1.77778vw + .4px),26px)}.project_description_text{font-size:clamp(11px,1.11111vw,16px)}.tech_stack_icons{height:clamp(16px,calc(3.11111vw - 14.8px),30px);width:clamp(16px,calc(3.11111vw - 14.8px),30px)}.project_description_container{height:clamp(52px,calc(6.22222vw - 9.6px),80px)}.titleContainer{height:clamp(24px,calc(5.33333vw - 28.8px),48px)}}@media (max-width: 990px){#animatedTitle{display:none!important}.titleContainer{position:static;overflow:visible;height:auto}.textLine{position:static;top:auto;opacity:1;transition:none!important}.line1-enter,.line1-exit,.line2-enter,.line2-exit{top:auto;opacity:1;transition:none!important}.workCardTitle,.workCardTitleHover{font-size:2rem}.tech_stack_icons{height:2rem;width:2rem}.project_description_container{margin-top:1em;height:auto}.project_description_text{font-size:1.2rem}}@media (max-width: 768px){.workCardTitle,.workCardTitleHover{font-size:1.5rem}.workCardStack{margin-top:0}.tech_stack_icons{height:1.5rem;width:1.5rem}.project_description_text{font-size:1.1rem}}@media (max-width: 480px){.workCardTitle,.workCardTitleHover{font-size:1.25rem}.tech_stack_icons{height:1.25rem;width:1.25rem}.project_description_text{font-size:1rem}}#Services{background-color:#07080e;position:relative}#servicesLogo{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);z-index:3}#servicesContent{display:flex;flex-direction:column;padding:12.5rem 0rem 6.25rem;align-items:center;position:relative;z-index:2;max-width:1440px;margin:auto}#topDiv{position:absolute;z-index:1;height:50rem;width:50rem;top:0;left:0;background-image:radial-gradient(circle at 20% 30%,#093436,#07080e 70%)}#bottomLeftDiv{position:absolute;z-index:1;height:14rem;width:62.5rem;left:0;bottom:0;background-image:radial-gradient(ellipse at 10% 160%,#093436,#07080e 60%)}#bottomRightDiv{position:absolute;z-index:1;height:37.5rem;width:40rem;bottom:0;right:0;background-image:radial-gradient(circle at 60% 70%,#093436,#07080e 70%)}#serviceTitle{margin-top:1.2rem}#servicesCardContainer{display:flex;justify-content:space-between;width:95%;margin:2.5rem}.serviceCard{display:flex;flex-direction:column;width:30%;padding:4%;box-shadow:0 0 .1rem .1rem #ffffff4d;border-radius:25px;background:#ffffff08;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px)}.serviceNumber{font-size:1.125rem;color:#19eada;white-space:pre}.greyLine{color:gray}.serviceTitle{margin:10% 0}.serviceTitleLine{font-size:2.5rem;font-weight:400}.serviceDescription{width:90%}.serviceDescriptionText{color:#92a49e;font-size:1rem;line-height:1.5}@media (min-width: 991px) and (max-width: 1440px){.serviceTitleLine{font-size:clamp(27px,calc(2.88889vw - 1.6px),40px)}.serviceDescriptionText{font-size:clamp(11px,1.11111vw,16px)}}@media (max-width: 990px){#Services{padding:0rem 2rem;margin-top:0}#servicesContent{padding:10rem 0rem}#servicesCardContainer{flex-direction:column;align-items:center;gap:2rem;width:100%}.serviceCard{width:100%;padding:4%;border-radius:25px}.serviceNumber{font-size:1rem;color:#19eada;white-space:pre}.serviceTitle{margin:1rem 0}.serviceTitleLine{font-size:2.5rem;display:inline}.serviceDescription{width:95%}.serviceDescriptionText{color:#92a49e;font-size:1rem;line-height:1.5}#topDiv{height:40rem;width:40rem;top:0;left:0}#bottomRightDiv{height:50rem;width:80rem;bottom:0;right:0}#bottomLeftDiv{display:none}}@media (max-width: 768px){#Services{margin-top:0}}@media (max-width: 640px){#Services{margin-top:0}#topDiv{height:40rem;width:100%;top:0;left:0}}@media (max-width: 480px){#servicesContent{padding:10rem 0rem}.serviceTitleLine{font-size:2rem}#bottomRightDiv{height:60rem;width:80rem;background-image:radial-gradient(circle at 60% 70%,#093436,#07080e 50%)}}.circularTextContainer{height:10rem;width:10rem;display:grid;place-items:center;background:linear-gradient(to bottom left,#020b0b,#072728);border-radius:50%;position:relative}.circularTextContainer>img{position:absolute;transform:rotate(180deg)}.circularText{height:9rem;font-size:.8rem;animation:circle 10s linear infinite}.circularText>span{position:absolute;transform-origin:0 4.5rem;font-size:.8rem;color:#92a49e;white-space:pre}@keyframes circle{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 990px){.circularTextContainer{height:10rem;width:10rem}.circularText{height:8rem;font-size:.6rem}.circularText>span{transform-origin:0 4rem;font-size:.6rem}}.scrollingTextContainer{overflow:hidden;background-color:#13e5a1}.scrollingText{font-size:200px;color:#000;flex-shrink:0;white-space:pre}@media (max-width: 990px){.scrollingText{font-size:10rem}}@media (max-width: 768px){.scrollingText{font-size:9rem}}@media (max-width: 480px){.scrollingText{font-size:8rem}}#Technologies{position:relative;height:1008px;width:100%;display:flex;justify-content:center;align-items:center}.technologiesCenterdiv{height:100%;width:80%;background-image:radial-gradient(circle at center,#093436,#010405 45%)}.circle{position:absolute;border-radius:50%;border:1px dashed #707b79;z-index:2}#technologiesOuterCircle{height:504px;width:504px}#technologiesInnerCircle{height:252px;width:252px}.globeImageContainer{position:absolute;height:655px;width:655px;z-index:3;border-radius:50%;overflow:hidden}.globeImage{position:absolute;height:514px;width:514px;right:-32%;bottom:-26%;opacity:20%;transform:rotate(-136deg)}.globeIconContainer{position:absolute;z-index:4;top:50%;left:50%;transform:translate(-50%,-50%)}.rotationAxis{height:563px;animation:movement 10s linear infinite}.globeImageContainer2{height:4rem;width:4rem;background:#7fffd4;display:flex;align-items:center;justify-content:center;border-radius:50%}.globeImage2{height:60%;width:60%;animation:movement 8s linear infinite}@keyframes movement{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.technologiesText{position:absolute;z-index:5;width:48rem;font-size:5rem;text-align:center}.scrollingAnimationContainer{position:relative;z-index:6;width:856px;height:534px;display:flex;justify-content:center;align-items:center}@media (min-width: 991px) and (max-width: 1440px){.technologiesText{font-size:clamp(60px,calc(4.44444vw + 16px),80px)}}@media (max-width: 990px){#Technologies{height:40rem}.technologiesText{z-index:5;width:40rem;font-size:4rem}.globeImageContainer{position:absolute;height:40rem;width:40rem}#technologiesOuterCircle{height:25rem;width:25rem}#technologiesInnerCircle{height:12rem;width:12rem}.rotationAxis{height:29rem;animation:movement 10s linear infinite}}@media (max-width: 768px){#Technologies{display:none}}.technologyContainer{position:relative;border-radius:5rem;font-size:clamp(16px,calc(100vw * .0266667 - 10.4px),28px);font-weight:300;padding:8px 20px 9px;background:#5a89fd33;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);display:flex;justify-content:center;align-items:center;gap:.7rem;white-space:nowrap}.technologyIcon{height:clamp(16px,calc(100vw * .0266667 - 10.4px),28px);width:clamp(16px,calc(100vw * .0266667 - 10.4px),28px)}@media (max-width: 990px){.technologyContainer{font-size:1.2rem;padding:.5rem 1rem;gap:.5rem}}