@font-face{font-family:Plus Jakarta Sans;src:url(/_next/static/media/PlusJakartaSans-ExtraBold.0ee556fa.woff2) format("woff2"),url(/_next/static/media/PlusJakartaSans-Medium.1e09f5a9.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Plus Jakarta Sans;src:url(/_next/static/media/PlusJakartaSans-ExtraBold.0ee556fa.woff2) format("woff2"),url(/_next/static/media/PlusJakartaSans-ExtraBold.0f4d3f78.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}.header-content{margin:auto;width:100%;height:100%}@media(max-width:768px){.header-content{padding:0}}.header-content .left-header{display:flex;flex:2}.header-content .left-header .h-shape{transition:all .4s ease-in-out;width:43%;height:120%;background-color:var(--color-secondary);position:absolute;left:0;top:0;z-index:-1;-webkit-clip-path:polygon(0 0,32% 0,64% 100%,0 100%);clip-path:polygon(0 0,32% 0,64% 100%,0 100%)}@media(max-width:880px){.header-content .left-header{display:none}}.header-content .right-header{flex:3;width:100%;max-width:600px;margin:auto;display:flex;justify-content:center;align-items:center;flex-direction:column;padding-left:10rem}@media(max-width:900px){.header-content .right-header{margin:1rem;max-width:-moz-fit-content;max-width:fit-content;padding:0 1rem}}.header-content .right-header .name{font-size:3rem;text-align:center}@media(max-width:768px){.header-content .right-header .name{font-size:2rem}}.header-content .right-header .name span{color:var(--color-secondary)}.header-content .right-header h3{margin-top:2rem;color:var(--color-grey-2);font-size:2rem;margin-bottom:1rem}.header-content .right-header p{margin:.5rem 0;line-height:1.5rem;font-size:1.2rem;font-weight:600}.about-container{display:grid;grid-template-columns:repeat(2,1fr);padding-top:2rem;padding-bottom:2rem;width:90vw;margin:auto;justify-content:center}@media(max-width:1113px){.about-container{grid-template-columns:1fr}}.about-container .right-about{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,3fr));grid-gap:1rem;padding-right:6rem}@media(max-width:930px){.about-container .right-about{grid-template-columns:1fr;height:-moz-fit-content;height:fit-content}}.about-container .right-about .about-item{border:1px solid var(--color-grey-5);border-radius:5px;transition:all .4s ease-in-out;box-shadow:1px 2px 15px rgba(0,0,0,.1)}.about-container .right-about .about-item:hover{cursor:default;transform:1px solid var(--color-secondary);border:1px solid var(--color-secondary);box-shadow:1px 4px 15px rgba(0,0,0,.32)}.about-container .right-about .about-item .abt-text{padding:1.5rem;display:flex;flex-direction:column}.about-container .right-about .about-item .abt-text .large-text{font-size:2rem;font-weight:700;color:var(--color-secondary)}@media(max-width:768px){.about-container .right-about .about-item .abt-text .large-text{font-size:1.5rem}}.about-container .right-about .about-item .abt-text .small-text{padding-left:3rem;position:relative;text-transform:uppercase;font-size:1.2rem;color:var(--color-grey-1);letter-spacing:2px}@media(max-width:768px){.about-container .right-about .about-item .abt-text .small-text{font-size:1rem}}.about-container .right-about .about-item .abt-text .small-text:before{content:"";position:absolute;left:0;top:15px;width:2rem;height:2px;background-color:var(--color-grey-5)}.about-container .left-about{padding-right:1rem}@media(max-width:1110px){.about-container .left-about{padding-right:5rem}}.about-container .left-about p{line-height:1.5rem;padding:1rem;color:var(--color-grey-1);font-size:1rem}@media(max-width:768px){.about-container .left-about p{font-size:.8rem}}.about-container .left-about h4{font-size:2rem;text-transform:uppercase}@media(max-width:768px){.about-container .left-about h4{font-size:1.5rem}}.about-stats{padding-bottom:4rem}.about-stats .progress-bars{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:2rem}@media(max-width:769px){.about-stats .progress-bars{grid-template-columns:1fr}}.about-stats .progress-bars .progress-bar{display:flex;flex-direction:column}.about-stats .progress-bars .progress-bar .prog-title{text-transform:uppercase;font-weight:500}.about-stats .progress-bars .progress-bar .progress-con{display:flex;align-items:center}.about-stats .progress-bars .progress-bar .progress-con .prog-text{color:var(--color-grey-2)}.about-stats .progress-bars .progress-bar .progress-con .progress{width:75%;height:.45rem;background-color:var(--color-grey-4);margin-left:1rem;position:relative}.about-stats .progress-bars .progress-bar .progress-con .progress span{position:absolute;top:0;left:0;background-color:var(--color-secondary);transition:all .4s ease-in-out;height:100%}.about-stats .progress-bars .progress-bar .progress-con .progress .react{width:60%}.about-stats .progress-bars .progress-bar .progress-con .progress .vue{width:50%}.about-stats .progress-bars .progress-bar .progress-con .progress .html{width:80%}.about-stats .progress-bars .progress-bar .progress-con .progress .css{width:85%}.about-stats .progress-bars .progress-bar .progress-con .progress .js{width:50%}.about-stats .progress-bars .progress-bar .progress-con .progress .bootStrap{width:70%}.experience{display:flex;flex-direction:column;gap:2rem}.timeLine{margin-bottom:.5rem}.timeLine .timeLine-item{padding-left:3rem;position:relative}.timeLine .timeLine-item:before{content:"";height:100%;width:1px;position:absolute;background-color:var(--color-grey-5);top:0;left:0}@media(max-width:768px){.timeLine .timeLine-item:before{left:14px}.timeLine .timeLine-item{padding-left:2rem}}.timeLine .timeLine-item .timeLine-icon{position:absolute;left:-27px;top:0;background-color:var(--color-secondary);width:50px;height:50px;border-radius:50%;display:flex;justify-content:center;align-items:center}@media(max-width:768px){.timeLine .timeLine-item .timeLine-icon{left:-7px;width:40px;height:40px}}.timeLine .timeLine-item .tl-details{padding-right:2rem}.timeLine .timeLine-item .tl-details .tl-details-top{display:flex;flex-direction:column}.timeLine .timeLine-item .tl-details .tl-details-top .tl-duration{padding:.2rem .6rem;background-color:var(--color-grey-5);border-radius:15px;display:inline-block;font-size:1rem;text-transform:uppercase;font-weight:500;width:-moz-fit-content;width:fit-content}.timeLine .timeLine-item .tl-details .tl-details-top p{padding:1rem 0;text-transform:uppercase;font-size:1.2rem;font-weight:600;color:#fff}.timeLine .timeLine-item .tl-details .tl-details-top p .ui{color:var(--color-grey-2);font-weight:500;font-size:1.5rem;padding:.2rem .6rem;display:inline-block}.timeLine .timeLine-item .tl-details .tl-details-top p span{color:var(--color-grey-1);font-weight:500;font-size:1rem}.timeLine .timeLine-item .ui{color:var(--color-grey-2);font-weight:500;font-size:1.5rem;padding:.2rem .6rem;display:inline-block}.timeLine .timeLine-item h5{padding:1rem 0;text-transform:uppercase;font-size:1.2rem;font-weight:600}.timeLine .timeLine-item h5 span{color:var(--color-grey-2);font-weight:500;font-size:1rem}.timeLine .timeLine-item p{color:var(--color-grey-2)}.port-text{padding:2rem;text-align:center;max-width:768px;margin:auto;font-size:1.2rem}.portfolios{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));grid-gap:1.5rem 2rem;width:calc(100% - 100px);margin:auto}.portfolios .portfolio-item{position:relative;border-radius:15px}.portfolios .portfolio-item .image{image-rendering:auto}.portfolios .portfolio-item img{width:100%;height:250px;-o-object-fit:cover;object-fit:cover;border-radius:15px;border:1px solid gray}.portfolios .portfolio-item .hover-item{width:101%;height:100%;background-color:var(--color-secondary);position:absolute;left:0;top:0;border-radius:15px;display:flex;justify-content:center;align-items:center;flex-direction:column;opacity:0;transform:scale(0);transition:all .4s ease-in-out}.portfolios .portfolio-item .hover-item h3{font-size:1.5rem;color:var(--color-white);margin-bottom:1.5rem}.portfolios .portfolio-item .hover-item .icons,.portfolios .portfolio-item .hover-item .icons .icon{display:flex;align-items:center;justify-content:center}.portfolios .portfolio-item .hover-item .icons .icon{background-color:var(--color-primary);border-radius:50%;width:50px;height:50px;margin:0 1rem;cursor:pointer;transition:all .4s ease-in-out}@media(max-width:768px){.portfolios .portfolio-item .hover-item .icons .icon{width:35px;height:35px}}.portfolios .portfolio-item .hover-item .icons .icon svg{width:30px;height:30px}@media(max-width:768px){.portfolios .portfolio-item .hover-item .icons .icon svg{width:20px;height:20px}}.portfolios .portfolio-item .hover-item .icons .icon:hover{background-color:var(--color-grey-3)}.portfolios .portfolio-item .hover-item .icons .icon:hover i{color:var(--color-primary)}.portfolio-item:hover .hover-item{opacity:1;transform:scale(1)}.contact-content-con{display:flex;padding:1.5rem}.contact-content-con .left-contact{flex:3;width:100%;margin:0 2rem}.contact-content-con .left-contact h4{margin-top:1rem;font-size:2rem;text-transform:uppercase;color:var(--color-grey-2)}.contact-content-con .left-contact p{margin:.5rem 0;line-height:2rem;color:var(--color-grey-1)}.contact-content-con .left-contact .contact-info{margin-top:2rem}.contact-content-con .left-contact .contact-info .contact-item{display:flex;align-items:center;justify-content:space-between;padding:0 1.8rem 0 0;gap:1rem}@media(max-width:768px){.contact-content-con .left-contact .contact-info .contact-item{flex-direction:column;align-items:flex-start;gap:8px}}.contact-content-con .left-contact .contact-info .contact-item a,.contact-content-con .left-contact .contact-info .contact-item p{margin:.3rem o!important;padding:0!important}.contact-content-con .left-contact .contact-info .contact-item .icon{display:grid;grid-template-columns:40px 1fr}.contact-content-con .left-contact .contact-info .contact-item .icon I{display:flex;align-items:center;font-size:1.3rem}.contact-content-con .clear{display:inline-block;margin-top:1rem}.controlls{position:fixed;z-index:10;top:50%;right:3%;flex-direction:column;align-items:center;transform:translateY(-50%)}.controlls,.controlls .control{display:flex;justify-content:center}.controlls .control{padding:1rem;cursor:pointer;background-color:var(--color-grey-4);width:55px;height:55px;border-radius:50%;margin:.7rem 0;box-shadow:var(--box-shadow-1)}@media(max-width:768px){.controlls .control{width:35px;height:35px}}.controlls .control svg{transform:translateY(10px);width:30px;height:30px}@media(max-width:768px){.controlls .control svg{width:20px;height:20px}}.controlls .active-btn{background-color:var(--color-secondary);transition:all .4s ease-in-out}.controlls .active-btn i{color:var(--color-white)}*,:after,:before{padding:0;margin:0}:root{--color-primary:#191d2b;--color-secondary:#27ae60;--color-white:#fff;--color-black:#000;--color-grey0:#f8f8f8;--color-grey-1:#dbe1e8;--color-grey-2:#b2becd;--color-grey-3:#6c7983;--color-grey-4:#454e56;--color-grey-5:#2a2e35;--color-grey-6:#12181b;--br-sm-2:14px;--box-shadow-1:0 3px 15px rgba(0,0,0,.3);--box-shadow-2:0 3px 15px rgba(0,0,0,.3)}.light-mode{--color-primary:snow;--color-secondary:#9d9390;--color-white:#740606;--color-black:#000;--color-grey0:#f8f8f8;--color-grey-1:#656d76;--color-grey-2:#c5d9f1;--color-grey-3:#46525c;--color-grey-4:#4f5b66;--color-grey-5:#2a2e35;--color-grey-6:#12181b}body{background-color:var(--color-primary);color:var(--color-white);transition:all .4s ease-in-out;box-sizing:border-box;list-style:none;font-family:Plus Jakarta Sans;overflow-x:hidden!important}a{display:inline-block;text-decoration:none;color:inherit}section{width:85vw;min-height:100vh;padding:1.8rem 5rem}@media(max-width:768px){section{padding:16px}}.active{display:block;animation:appear 1s ease-in-out;transform:translateY(0) scaleY(1)}@keyframes appear{0%{transform:translateY(-100%) scaleY(0)}to{transform:translateY(0) scaleY(1)}}.main-title{text-align:center;margin-top:1rem;margin-bottom:1rem}.main-title h2{position:relative;text-transform:uppercase;font-size:4rem;font-weight:700}@media(max-width:768px){.main-title h2{font-size:2.5rem}}.main-title h2 span{color:var(--color-secondary)}.main-title h2 .bg-text{position:absolute;top:50%;left:50%;color:var(--color-grey-2);transition:all .4s ease-in-out;z-index:-1;transform:translate(-50%,-50%);font-weight:800;font-size:6.3rem;width:100%;text-shadow:3px 7px hsla(0,0%,53%,.722);opacity:.25}@media(max-width:768px){.main-title h2 .bg-text{font-size:4.5rem}}.stat-title{text-transform:uppercase;font-size:1.4rem;text-align:center;padding:3.5rem 0;position:relative}@media(max-width:768px){.stat-title{font-size:1rem;padding:2rem 0}}.stat-title:before{content:"";position:absolute;left:50%;top:20%;width:40%;height:1px;background-color:var(--color-grey-5);z-index:2;transform:translateX(-50%)}.btn-con{margin-top:1rem}.btn-con,.main-btn{display:flex;align-self:flex-start}.main-btn{border-radius:30px;color:inherit;font-weight:600;position:relative;border:1px solid var(--color-secondary);align-items:center;overflow:hidden}.main-btn .btn-text{padding:0 2rem}.main-btn .btn-icon{background-color:var(--color-secondary);display:flex;align-items:center;justify-content:center;border-radius:50%;padding:1rem}.main-btn:before{content:"";position:absolute;top:0;right:0;transform:translateX(100%);z-index:-1}.main-btn:before,.main-btn:hover,.main-btn:hover:before{transition:all .4s ease-out}.main-btn:hover:before{width:100%;height:100%;background-color:var(--color-secondary);transform:translateX(0)}.theme-btn{padding:1rem;cursor:pointer;background-color:var(--color-grey-4);width:55px;height:55px;border-radius:50%;display:flex;justify-content:center;margin:.7rem 0;box-shadow:var(--box-shadow-1);transition:all .1s ease-in-out;position:absolute;top:1rem;right:3%}@media(max-width:768px){.theme-btn{width:35px;height:35px}}.theme-btn svg{transform:translateY(10px);width:30px;height:30px}@media(max-width:768px){.theme-btn svg{width:20px;height:20px}}.theme-btn:active{transform:translateY(-3px)}