.light-mode,:root{--color-black:#000;--color-grey-0:#f8f8f8;--color-grey-4:#454e56;--color-grey-6:#12181b}body,header{color:var(--color-white)}.section,body{background-color:var(--color-primary);transition:var(--this-transition)}.controls,.theme-btn{position:fixed;right:3%}.controls .control,.theme-btn{width:55px;height:55px;border-radius:50%;margin:.7rem 0;padding:1rem;box-shadow:var(--box-shadow-1);cursor:pointer}.header-content,header,section{min-height:100vh}.about-container,.header-content,.timeline{grid-template-columns:repeat(2,1fr)}.about-container .right-about .about-item,.blogs .blog,.controls .control,.theme-btn{box-shadow:var(--box-shadow-1)}.main-title,.port-text{text-align:center}*{margin:0;padding:0;box-sizing:border-box;list-style:none}:root{--color-primary:#191d2b;--color-secondary:#27ae60;--color-white:#ffffff;--color-grey-1:#dbe1e8;--color-grey-2:#b2becd;--color-grey-3:#6c7983;--color-grey-5:#2a2e35;--br-sm-2:14px;--this-transition:all 0.4s ease-in-out;--off-translate:translateY(-100%) scale(0);--on-translate:translateY(0) scale(1);--box-shadow-1:0 3px 15px rgba(0, 0, 0, 0.3)}.light-mode{--color-primary:#ffffff;--color-secondary:#f56692;--color-white:#12181b;--color-grey-1:#6c7893;--color-grey-2:#6c7893;--color-grey-3:#6c7893;--color-grey-5:#f8f8f8}body{font-family:Poppins,sans-serif;font-size:1.1rem}.main-btn,a{color:inherit}a{display:inline-block;text-decoration:none;font-family:inherit}header{overflow:hidden}section{min-width:100%;position:absolute;left:0;top:0;padding:3rem 10rem}.section{transform:var(--off-translate)}.sec1,.sec2,.sec3,.sec4,.sec5{display:none;transform:var(--on-translate)}.active{display:block;-webkit-animation:1s ease-in-out scaleAnim;animation:1s ease-in-out scaleAnim}@-webkit-keyframes scaleAnim{0%{transform:translateY(-100%) scaleY(0)}100%{transform:translateY(0) scaleY(1)}}@keyframes scaleAnim{0%{transform:translateY(-100%) scaleY(0)}100%{transform:translateY(0) scaleY(1)}}.controls{z-index:10;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;justify-content:center}.controls .active-btn{background-color:var(--color-secondary)!important;transition:var(--this-transition)}.controls .control,.theme-btn{background-color:var(--color-grey-4)}.controls .active-btn i{color:var(--color-white)!important}.controls .control{display:flex;flex-direction:column;align-items:center;justify-content:center}.controls .control i,.theme-btn i{font-size:1.2rem;color:var(--color-grey-2);pointer-events:none}.header-content .right-header .name,.main-title h2{font-size:3rem}.theme-btn{top:5%;display:flex;justify-content:center;align-items:center;transition:.1s ease-in-out}.theme-btn:active{transform:translateY(-5px)}.header-content{display:grid}.header-content .left-header{display:flex;align-items:center;position:relative}.header-content .left-header .h-shape{transition:var(--this-transition);height:100%;width:65%;background-color:var(--color-secondary);position:absolute;left:0;top:0;z-index:-1;-webkit-clip-path:polygon(0 0,46% 0,79% 100%,0% 100%);clip-path:polygon(0 0,46% 0,79% 100%,0% 100%)}.header-content .left-header .h-image{height:80%;width:68%;margin-left:3rem;transition:var(--this-transition)}.header-content .left-header .h-image img{width:100%;height:100%;-o-object-fit:fill;object-fit:fill;border-radius:var(--br-sm-2);transition:var(--this-transition);filter:grayscale(100%)}.header-content .left-header .h-image img:hover{filter:grayscale(0)}.header-content .right-header{display:flex;flex-direction:column;justify-content:center;padding-right:8rem}.blogs .blog .blog-text h4:hover,.header-content .right-header .name span,.main-title h2 span{color:var(--color-secondary)}.header-content .right-header .para{margin:1.5rem 0;line-height:2rem}.about-container{display:grid;padding-top:3.5rem;padding-bottom:5rem}.about-container .left-about{padding-right:5rem}.about-container .left-about h4{font-size:2rem}.about-container .left-about p{line-height:2rem;padding:1rem;color:var(--color-grey-1)}.about-container .right-about,.about-stats .progress-bars{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:2rem}.about-container .right-about .about-item{border:1px solid var(--color-grey-5);border-radius:5px;transition:var(--this-transition)}.about-container .right-about .about-item:hover{cursor:default;transform:translateY(-5px);border:1px solid var(--color-secondary);box-shadow:var(--box-shadow-1)}.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-weight:700;color:var(--color-secondary)}.about-container .right-about .about-item .abt-text .small-text{padding-left:3rem;position:relative;font-size:1.2rem;color:var(--color-grey-1);letter-spacing:2px}.about-container .right-about .about-item .abt-text .small-text::before{position:absolute;left:0;top:15px;width:2rem;height:2px;background-color:var(--color-grey-5)}.about-stats{padding-bottom:4rem}.about-stats .stat-title{font-size:1.4rem;text-align:center;padding:3.5rem 0;position:relative}.about-stats .stat-title::before{content:"";position:absolute;left:50%;top:0;width:40%;height:1px;background-color:var(--color-grey-5);transform:translateX(-50%)}.about-stats .progress-bars .progress-bar{display:flex;flex-direction:column}.about-stats .progress-bars .progress-bar .prog-title{font-weight:500}.about-stats .progress-bars .progress-bar .progress-container{display:flex;align-items:center}.about-stats .progress-bars .progress-bar .progress-container .progress{width:100%;height:.45rem;background-color:var(--color-grey-4);margin-left:1rem;position:relative}.about-stats .progress-bars .progress-bar .progress-container .progress .bootstrap,.about-stats .progress-bars .progress-bar .progress-container .progress .css,.about-stats .progress-bars .progress-bar .progress-container .progress .html,.about-stats .progress-bars .progress-bar .progress-container .progress .java,.about-stats .progress-bars .progress-bar .progress-container .progress .javascript,.about-stats .progress-bars .progress-bar .progress-container .progress .react{position:absolute;left:0;top:0;background-color:var(--color-secondary);transition:var(--this-transition);height:100%}.about-stats .progress-bars .progress-bar .progress-container .progress .html{width:88%}.about-stats .progress-bars .progress-bar .progress-container .progress .javascript{width:75%}.about-stats .progress-bars .progress-bar .progress-container .progress .css{width:85%}.about-stats .progress-bars .progress-bar .progress-container .progress .react{width:70%}.about-stats .progress-bars .progress-bar .progress-container .progress .bootstrap{width:80%}.about-stats .progress-bars .progress-bar .progress-container .progress .java{width:55%}.timeline{display:grid;grid-gap:2rem;padding:2rem}.timeline .timeline-item{position:relative;padding-left:3rem;border-left:1px solid var(--color-grey-5)}.timeline .timeline-item .tl-icon{position:absolute;left:-27px;top:0;background-color:var(--color-secondary);width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center}.timeline .timeline-item .tl-icon i{font-size:1.3rem}.timeline .timeline-item .tl-duration{padding:.2rem .6rem;background-color:var(--color-grey-5);border-radius:15px;display:inline-block;font-size:.8rem;font-weight:500}.timeline .timeline-item h5{padding:1rem 0;font-size:1.3rem;font-weight:600}.timeline .timeline-item h5 span{color:var(--color-grey-2);font-weight:500;font-size:1.2rem}.timeline .timeline-item p{color:var(--color-grey-2)}.port-text{padding:2rem 0}.blogs,.portfolios{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2rem;margin-top:3rem}.portfolios .portfolio-item{position:relative}.portfolios .portfolio-item img{width:100%;height:300px;-o-object-fit:cover;object-fit:cover;border-radius:15px}.portfolios .portfolio-item .hover-items{width:100%;height:100%;background-color:var(--color-secondary);position:absolute;left:0;top:0;border-radius:15px;display:flex;align-items:center;justify-content:center;flex-direction:column;opacity:0;transform:scale(0);transition:var(--this-transition)}.portfolios .portfolio-item .hover-items h3{font-size:1.5rem;color:var(--color-white);margin-bottom:1.5rem}.portfolios .portfolio-item .hover-items .icons{display:flex;align-items:center;justify-content:center}.portfolios .portfolio-item .hover-items .icons .icon{background-color:var(--color-primary);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;margin:0 1rem;cursor:pointer;transition:var(--this-transition)}.portfolios .portfolio-item .hover-items .icons .icon i{font-size:1.5rem;color:var(--color-white);margin:0 1rem}.portfolios .portfolio-item .hover-items .icons .icon:hover{background-color:var(--color-white)}.contact-content-container .left-contact .contact-icon a:hover i,.portfolios .portfolio-item .hover-items .icons .icon:hover i{color:var(--color-primary)}.portfolio-item:hover .hover-items{opacity:1;transform:scale(1)}.blogs .blog{position:relative;background-color:var(--color-grey-5);border-radius:5px;transition:var(--this-transition)}.main-btn::before,.main-title h2 .bg-text{position:absolute;transition:var(--this-transition);z-index:-1}.contact-content-container .left-contact .contact-icon a:hover,.main-btn .btn-icon,.main-btn:hover::before{background-color:var(--color-secondary)}.blogs .blog:hover{box-shadow:1px 1px 20px rgba(0,0,0,.3);transform:translateY(-10%)}.blogs .blog:hover img{filter:grayscale(0);transform:scale(1.1);box-shadow:1px 4px 20px rgba(0,0,0,.8);transition:var(--this-transition)}.blogs .blog img{width:100%;height:300px;-o-object-fit:cover;object-fit:cover;border-top-left-radius:5px;border-top-right-radius:5px;transition:var(--this-transition);filter:grayscale(100%)}.blogs .blog .blog-text{margin-top:-7px;padding:1.1rem;border-top:5px solid var(--color-secondary)}.blogs .blog .blog-text h4{font-size:1.5rem;margin-bottom:.7rem;transition:var(--this-transition);cursor:pointer}.blogs .blog .blog-text p{color:var(--color-grey-2);line-height:2rem;padding-bottom:1rem}.contact-content-container{display:flex;padding:3.5rem}.contact-content-container .left-contact{flex:2}.contact-content-container .left-contact h4{margin-top:1rem;font-size:2rem}.contact-content-container .left-contact p{margin:1rem 0;line-height:2rem}.contact-content-container .left-contact .contact-info .contact-item{display:flex;align-items:center;justify-content:space-between}.contact-content-container .left-contact .contact-info .contact-item .icon{display:grid;grid-template-columns:40px 1fr}.contact-content-container .left-contact .contact-info .contact-item .icon i{display:flex;align-items:center;font-size:1.3rem}.contact-content-container .left-contact .contact-icon{display:flex;margin-top:2rem}.contact-content-container .left-contact .contact-icon a{display:flex;align-items:center;color:var(--color-grey-5);cursor:pointer;justify-content:center;width:50px;height:50px;border-radius:50%;margin:0 .4rem;transition:var(--this-transition)}.contact-content-container .left-contact .contact-icon a i{display:flex;align-items:cemter;justify-content:center;font-size:1.3rem}.contact-content-container .right-contact{flex:3;margin-left:3rem}.contact-content-container .right-contact .input-control{margin:1.5rem 0}.contact-content-container .right-contact .input-control input,.contact-content-container .right-contact .input-control textarea{border-radius:30px;font-size:inherit;font-family:inherit;padding:.8rem 1.1rem;background-color:var(--color-grey-5);width:100%;color:var(--color-white);resize:none;border:none;outline:0}.contact-content-container .right-contact .i-c-2{display:flex}.contact-content-container .right-contact .i-c-2 :last-child{margin-left:1.5rem}.contact-content-container .right-contact .submit-btn{display:flex;justify-content:flex-start}.btn-container{display:flex;align-self:flex-start}.main-btn{border-radius:30px;font-weight:600;position:relative;border:1px solid var(--color-secondary);display:flex;align-self:flex-start;align-items:center;justify-content:center;overflow:hidden}.main-btn .btn-text{padding:0 2rem}.main-btn .btn-icon{align-items:center;justify-content:center;border-radius:50%;padding:1rem}.main-btn::before{content:"";top:0;right:0;transform:translateX(100%)}.main-btn:hover::before{width:100%;height:100%;transform:var(--on-translate)}.main-title h2{position:relative;font-weight:700}.main-title h2 .bg-text{top:50%;left:50%;color:var(--color-grey-5);transform:translate(-50%,-50%);font-weight:800;font-size:4.3rem}@media screen and (max-width:768px){.header-content .left-header .h-image,header .right-header{margin:0 auto;width:90%}header{max-width:100vh}.blogs,.header-content,.timeline{grid-template-columns:1fr;padding-bottom:6rem}.left-header .h-shape{display:none}header .right-header{padding:2rem!important;grid-row:1}header .right-header .name{font-size:2rem!important}.theme-btn{width:45px;height:45px}.controls{top:auto;bottom:0;flex-direction:initial;justify-content:center;left:50%;transform:translateX(-50%);width:100%;background-color:var(--color-grey-5)}.controls .control{margin:1rem .3rem}.about-container,.about-stats .progress-bars{grid-template-columns:1fr}.about-container .right-about{grid-template-columns:1fr;padding-top:2.5rem}.left-about{padding-right:0}.left-about p{padding-left:0}.blog{transform:translateY(15%)}.main-title h2{font-size:1.5rem}.main-title h2 .bg-text{font-size:2rem}section{padding:2rem 2.5rem!important}.contact-content-container{flex-direction:column;align-items:center}.contact-content-container .right-contact{margin-left:0;margin-top:2.5rem}}@media screen and (max-width:1024px){.portfolios{grid-template-columns:repeat(2,1fr);padding-bottom:6rem}.main-title h2{font-size:2rem}.main-title h2 .bg-text{font-size:3.2rem}.controls{top:auto;bottom:0;flex-direction:initial;justify-content:center;left:50%;transform:translateX(-50%);width:100%;background-color:var(--color-grey-5)}.controls .control{margin:1rem .3rem}section{padding:2rem 2.5rem}.contact-content-container{flex-direction:column;align-items:center}.contact-content-container .right-contact{margin-left:0;margin-top:2.5rem}}@media screen and (max-width:480px){.portfolios{grid-template-columns:1fr!important;padding-bottom:6rem}}