@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap";*{margin:0;padding:0;box-sizing:border-box;text-decoration:none;border:none;outline:none;scroll-behavior:smooth;font-family:Poppins,sans-serif}:root{--bg-color: #fdfdfd;--text-color: #333;--main-color: #754ef9;--white-color: #fdfdfd;--shadow-color: rgba(0, 0, 0, .2)}*::selection{color:var(--bg-color);background-color:var(--main-color)}.dark-mode{--bg-color: #0b061f;--text-color: #fdfdfd;--shadow-color: rgba(0, 0, 0, .7)}html{font-size:62.5%;overflow-x:hidden}body{background:var(--bg-color);color:var(--text-color)}section{min-height:100vh;padding:10rem 7% 2rem}.header{position:fixed;top:0;left:0;width:100%;padding:2rem 7%;background-color:transparent;display:flex;align-items:center;z-index:100;transition:.5s}.header.sticky{background-color:var(--bg-color);box-shadow:.1rem 1rem var(--shadow-color)}.icon{width:1.5em;height:1.5em;vertical-align:-.3em;fill:var(--main-color);overflow:hidden}@media (max-width: 1200px){html{font-size:55%}.home .profession-container .profession-box{right:-10%}.home .profession-container .overlay{right:-6%}.home-img img{right:0}}@media (max-width: 1100px){.home .profession-container .profession-box{right:-15%}.home-img img{max-width:420px}}@media (max-width: 1024px){.header{padding:2rem 3%}section{padding:10rem 3% 2rem}.home .profession-container .profession-box{right:-20%}.home .profession-container .overlay{right:-12%}.home-img img{max-width:400px}}@media (max-width: 991px){.navbar a:nth-child(1){color:var(--main-color)}.navbar a.active:before{background:var(--main-color);opacity:.7}.home .home-content{max-width:50rem}.home .profession-container .profession-box{right:-35%}.home .profession-container .overlay{right:-30%}.home-img img{display:none}.footer{padding:2rem 3%}}@media (max-width: 896px){.navbar a:nth-child(2){color:var(--main-color)}.home .profession-container .profession-box{right:-50%}.home .profession-container .overlay{right:-43%}}@media (max-width: 879px){.portfolio .portfolio-container{grid-template-columns:repeat(2,1fr)}}@media (max-width: 780px){.navbar a:nth-child(2){color:var(--white-color)}}@media (max-width: 768px){#menu-icon{display:block}#darkMode-icon{position:absolute;right:7rem;font-size:2.6rem;color:var(--text-color);margin-bottom:.1rem}.navbar{position:absolute;top:100%;left:0;width:100%;padding:1rem 3%;background:var(--bg-color);border-top:.1rem solid rgba(0,0,0,.2);box-shadow:0 .5rem 1rem #0000001a;display:none}.navbar.active{display:block}.navbar a{display:block;font-size:2rem;margin:3rem 0;color:var(--text-color)}.navbar a:nth-child(1),.navbar a:nth-child(2){color:var(--text-color)}.navbar a.active{color:var(--main-color)}.navbar a:before{display:none}.home{padding:0 3% 23rem;justify-content:center;text-align:center}.home-content h3{font-size:2.6rem}.home-content h1{font-size:5rem}.home-content .social-media a{margin:2.5rem .75rem 3rem}.home .profession-container{left:0;width:100%;height:100%}.home .profession-container .profession-box{position:fixed;top:450px;left:0;width:100%}.home .profession-box .profession{padding:0 13px;left:auto;transform-origin:0}.home .profession-box .profession:nth-child(1){transform:rotate(-90deg) translate(-120px,-210px)}.home .profession-box .profession:nth-child(1) i{margin-right:0}.home .profession-box .profession:nth-child(2){transform:rotate(0) translateY(-325px)}.home .profession-box .profession:nth-child(3){transform:rotate(90deg) translate(-115px,-450px)}.home .profession-box .profession:nth-child(4){transform:rotate(180deg) translate(-220px,-325px)}.home .profession-box .circle{position:fixed;width:670px;height:670px;z-index:-1}.home .profession-container .overlay{position:fixed;top:70rem;left:50%;right:0;transform:rotate(90deg) translate(-50%,50%) scaleY(3);border-width:23.9rem}.about{flex-direction:column-reverse;text-align:center}.about-content h2{text-align:center}.about-img img{width:70vw;margin-top:-2rem}.testimonial-container .testimonial-wrapper{padding:5rem 0}.testimonial-content .testimonial-slide{padding:3rem 2rem}.testimonial-box .swiper-button-next,.testimonial-box .swiper-button-prev{display:none}}@media (max-width: 580px){.portfolio .portfolio-container{grid-template-columns:1fr}}@media (max-width: 450px){html{font-size:50%}#darkMode-icon{right:6rem}.home .profession-box .profession:nth-child(1){transform:rotate(-90deg) translate(-110px,-220px)}.home .profession-box .profession:nth-child(2){transform:rotate(0) translate(5px,-325px)}.home .profession-box .profession:nth-child(3){transform:rotate(90deg) translate(-105px,-440px)}.home .profession-box .profession:nth-child(4){transform:rotate(180deg) translate(-210px,-325px)}.home .profession-container .overlay{top:80rem}.contact form .input-box input{width:100%}.footer{flex-direction:column-reverse}.footer p{text-align:center;margin-top:2rem}}@media (max-width: 365px){.about-img img{width:90vw}}@media (max-width: 315px){.home-content h1{font-size:4.5rem}}.header,a{color:var(--white-color)}.header.sticky{background-color:var(--bg-color);box-shadow:0 .1rem 1rem var(--shadow-color);color:#000;a {color : #000;}}.logo{font-size:2.5rem;color:var(--main-color);font-weight:600;margin-right:auto}.navbar a{position:relative;font-size:1.7rem;font-weight:500;margin-right:3.5rem}.navbar a:hover{color:var(--main-color)}.navbar a.active:before{content:"";position:absolute;left:0;bottom:-6px;width:100%;height:.2rem;background:var(--white-color)}.header.sticky .navbar a:before{background:var(--main-color);opacity:.7}#darkMode-icon{font-size:2.4rem;cursor:pointer}.header.sticky #darkMode-icon{opacity:.9}#menu-icon{font-size:3.6rem;display:none}h3{margin:0;padding:0}.home{display:flex;align-items:center}.home .home-content{max-width:44rem}.home-content h3{font-size:3.2rem;font-weight:700;line-height:.3;animation:toRight 2s}.home-content h1{font-size:5.6rem;font-weight:700;margin-bottom:.3rem;animation:toLeft 2s}.home-content p{font-size:1.6rem}.home-content .social-media{animation:toTop 2s}.home-content .social-media a{display:inline-flex;justify-content:center;align-items:center;width:3rem;height:3rem;background:transparent;border-radius:50%;padding:5px 3px 3px;box-shadow:0 .2rem .5rem var(--shadow-color);font-size:2rem;color:var(--main-color);margin:2.5rem 1.5rem 3rem 0;transition:.5s ease}.home-content .social-media p{display:inline-block}.home .profession-container{position:absolute;top:50%;right:0;transform:translateY(-50%);width:100vw;height:100vh;overflow:hidden;pointer-events:none}.home .profession-container .profession-box{position:absolute;top:0;right:0;width:768px;height:100vh;display:flex;justify-content:center;align-items:center;animation:professionRotate 13s ease-out infinite}@keyframes professionRotate{0%,20%{transform:rotate(0)}25%,45%{transform:rotate(-90deg)}50%,70%{transform:rotate(-180deg)}75%,95%{transform:rotate(-270deg)}to{transform:rotate(-360deg)}}.home .profession-box .profession{width:230px;position:absolute;left:0;display:flex;align-items:center;flex-direction:column;color:var(--main-color);transform:rotate(calc(360deg / 4 * var(--i)));transform-origin:384px;background:var(--bg-color);padding:13px 0}.home .profession-box .profession:nth-child(2),.home .profession-box .profession:nth-child(4){padding-bottom:20px}.home .profession i{font-size:3.8rem}.home .profession h3{font-size:3.2rem;line-height:1;font-weight:600}.home .profession-box .circle{width:560px;height:560px;border:3px solid var(--main-color);border-radius:50%;z-index:-1}.home .profession-container .overlay{position:absolute;top:0;right:0;width:0;height:0;border-top:50vh solid var(--main-color);border-right:384px solid var(--main-color);border-bottom:50vh solid var(--main-color);border-left:384px solid transparent}.home-img img{position:absolute;bottom:0;right:40px;pointer-events:none;max-width:480px;max-height:100vh}@keyframes toRight{0%{transform:translate(-70px,-20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes toLeft{0%{transform:translate(70px,-20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes toTop{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}span{color:var(--main-color)}.about{display:flex;justify-content:center;align-items:center;gap:4rem}.about-img img{width:40vw}.heading{font-size:4.5rem;text-align:center}.about-content h2{text-align:left;line-height:1.2}.about-content h3{font-size:2rem}.about-content p{font-size:1.6rem;margin:2rem 0 3rem}.services{min-height:auto;padding-bottom:10rem}.services h2{margin-bottom:5rem}.show{animation:show 2s .5s ease-in-out}@keyframes show{0%{opacity:0}to{opacity:1}}.content{display:grid;height:300px;grid-template-columns:1fr 1fr 1fr}.item{position:relative}.title{display:inline-block;font-size:1.5em;text-align:center;width:25%}.outer{display:inline-block;width:260px;height:10px;border:solid 1px rgb(181,178,178);border-radius:10px;position:absolute;right:30px;top:5px}.inner{background-color:var(--main-color);height:10px;border-radius:10px}.project-show{animation:toBottom 2s ease-in-out}@keyframes toBottom{0%{transform:translateY(-30px)}to{transform:translateY(0)}}.portfolio{min-height:auto;padding-bottom:10rem}.portfolio h2{margin-bottom:4rem}.portfolio .portfolio-container{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;gap:2.5rem}.portfolio-container .portfolio-box{position:relative;display:flex;border-radius:2rem;box-shadow:0 0 1rem #0000001a;overflow:hidden}.portfolio-box img{width:100%;transition:.5s ease}.portfolio-box:hover img{transform:scale(1.1)}.portfolio-box .portfolio-layer{position:absolute;bottom:0;left:0;width:100%;height:100%;background:linear-gradient(rgba(0,0,0,.1),var(--main-color));color:var(--white-color);display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;padding:0 4rem;opacity:0;transition:.5s ease}.portfolio-box:hover .portfolio-layer{opacity:1}.portfolio-layer h4{font-size:3rem}.portfolio-layer p{font-size:1.6rem;margin:.3rem 0 1rem}.portfolio-layer a{display:inline-flex;justify-content:center;align-items:center;width:5rem;height:5rem;background:var(--white-color);border-radius:50%}.portfolio-layer a i{font-size:2rem;color:#333}.contact{min-height:auto;padding-bottom:7rem}.contact h2{margin-bottom:3rem}.contact .social-media{display:flex;flex-direction:row;justify-content:center;transform:translate(50px,-30px);div {margin-right: 50px;}}.contact .social-media a{display:inline-flex;justify-content:center;align-items:center;width:3rem;height:3rem;background:transparent;border-radius:50%;padding:5px 3px 3px;box-shadow:0 .2rem .5rem var(--shadow-color);font-size:2rem;color:var(--main-color);margin:2.5rem 1.5rem 3rem 0;transition:.5s ease}.contact .social-media p{display:inline-block;font-size:2em}.footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:2rem 7%;background:var(--main-color)}.footer-text p{font-size:1.6rem;color:var(--white-color)}.footer-iconTop a{display:inline-flex;justify-content:center;align-items:center;padding:.8rem;background:var(--white-color);border-radius:.8rem;border:.2rem solid var(--main-color);outline:.2rem solid transparent;transition:.5s ease}.footer-iconTop a:hover{outline-color:var(--white-color)}.footer-iconTop a{font-size:2.4rem;color:#333}