*{box-sizing:border-box;list-style-type:none;margin:0;padding:0}.dark-theme{--color-primary:#191d2b;--color-secondary:#7e062a;--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 #0003}.light-theme{--color-primary:#fff;--color-secondary:#f56692;--color-white:#454e56;--color-black:#000;--color-grey0:#f8f8f8;--color-grey-1:#6c7983;--color-grey-2:#6c7983;--color-grey-3:#6c7983;--color-grey-4:#454e56;--color-grey-5:#f8f8f8;--color-grey-6:#12181b}body{background-color:var(--color-primary);color:var(--color-white);font-family:Poppins,sans-serif;font-size:1.1rem;transition:all .4s ease-in-out}a{color:inherit;display:inline-block;font-family:inherit;text-decoration:none}header{color:var(--color-white);height:100vh;padding:0!important}@media screen and (max-width:610px){header{min-height:100vh}}section{left:0;min-height:100vh;padding:3rem 18rem;position:absolute;top:0;width:100%}.section{background-color:var(--color-primary);transform:translate(-100%);transition:all .4s ease-in-out}.sec1{position:fixed}.sec1,.sec2,.sec3,.sec4,.sec5{transform:translateY(0) scale(1)}.active{animation:scaleAnim 1s ease-in-out;display:block}@keyframes scaleAnim{0%{transform:translateY(100%) scaleY(0)}to{transform:translateY(0) scaleY(1)}}.controls{align-items:center;display:flex;flex-direction:column;justify-content:center;position:fixed;right:3%;top:55%;transform:translateY(-50%);z-index:10}.controls .active-btn{background-color:var(--color-secondary)!important;transition:all .4s ease-in-out}.controls .active-btn i{color:var(--color-white)!important;pointer-events:none}.controls .control{align-items:center;background-color:var(--color-grey-4);border-radius:50%;box-shadow:var(--box-shadow-1);cursor:pointer;display:flex;height:55px;justify-content:center;margin:.7rem 0;padding:1rem;width:55px}.controls .control i{color:var(--color-grey-2);font-size:1.2rem;pointer-events:none}.theme-btn{align-items:center;background-color:var(--color-grey-4);border-radius:50%;box-shadow:0 3px 15px #0000004d;cursor:pointer;display:flex;height:70px;justify-content:center;position:fixed;right:3%;top:5%;transition:all .1s ease-in-out;width:70px}.theme-btn:active{transform:translateY(-5px)}.theme-btn i{color:var(--color-grey-2);font-size:1.4rem;pointer-events:none}.header-content{display:grid;grid-template-columns:repeat(2,1fr);min-height:100vh}.header-content .left-header{align-items:center;position:relative}.header-content .left-header .h-shape{background-color:var(--color-secondary);clip-path:polygon(0 0,68% 0,79% 100%,0 100%);height:100%;left:0;position:absolute;top:0;transition:all .4s ease-in-out;width:65%;z-index:-1}.header-content .left-header .image{background-color:var(--color-black);border-radius:var(--br-sm-2);height:800px;margin-left:4rem;margin-top:4rem;position:relative;transition:all .4s ease-in-out;width:300px}.header-content .left-header .image img{filter:grayscale(100%);height:100%;object-fit:cover;transition:all .4s ease-in-out;width:100%}.header-content .left-header .image img:hover{filter:grayscale(0)}.header-content .left-header .image .img1{filter:grayscale(100%);height:100%;object-fit:fill;transition:all .4s ease-in-out;width:100%}.header-content .left-header .image .img1:hover{filter:grayscale(0)}.header-content .right-header{display:flex;flex-direction:column;padding-right:18rem;padding-top:12rem}.header-content .right-header .name{font-size:1.8rem}.header-content .right-header .name span{color:var(--color-secondary)}.header-content .right-header p{line-height:2rem;margin-bottom:1.5rem;margin-top:2rem}.about-container{padding-bottom:5rem;padding-top:3.5rem}.about-container,.about-container .right-about{display:grid;grid-template-columns:repeat(2,1fr)}.about-container .right-about{grid-gap:2rem}.about-container .right-about .about-item{border:1px solid var(--color-grey-5);border-radius:5px;box-shadow:1px 2px 15px #0000001a;transition:all .4s ease-in-out}.about-container .right-about .about-item:hover{border:1px solid var(--color-secondary);box-shadow:1px 4px 15px #00000052;cursor:default;transform:translateY(-5px)}.about-container .right-about .about-item .abt-text{display:flex;flex-direction:column;padding:1.5rem}.about-container .right-about .about-item .abt-text .large-text{color:var(--color-secondary);font-size:3rem;font-weight:700}.about-container .right-about .about-item .abt-text .small-text{color:var(--color-grey-1);font-size:1.2rem;letter-spacing:2px;padding-left:3rem;position:relative;text-transform:uppercase}.about-container .right-about .about-item .abt-text .small-text:before{background-color:var(--color-grey-5);content:"";height:2px;left:0;position:absolute;top:15px;width:2rem}.about-container .left-about{padding-right:2.5rem}.about-container .left-about p{color:var(--color-grey-1);font-size:.7rem;line-height:1.5rem;margin:.7rem 0;padding:0;text-align:justify}.about-container .left-about h4{font-size:1.5rem;text-transform:uppercase}.about-stats{padding-bottom:4rem}.about-stats .progress-bars{grid-gap:2rem;display:grid;grid-template-columns:repeat(2,1fr)}.about-stats .progress-bars .progress-bar{display:flex;flex-direction:column}.about-stats .progress-bars .progress-bar .prog-title{font-weight:500;text-transform:uppercase}.about-stats .progress-bars .progress-bar .progress-con{align-items:center;display:flex}.about-stats .progress-bars .progress-bar .progress-con .prog-text{color:var(--color-grey-2)}.about-stats .progress-bars .progress-bar .progress-con .progress{background-color:var(--color-grey-4);height:.45rem;margin-left:1rem;position:relative;width:100%}.about-stats .progress-bars .progress-bar .progress-con .progress span{background-color:var(--color-secondary);height:100%;left:0;position:absolute;top:0;transition:all .4s ease-in-out;width:60%}.about-stats .progress-bars .progress-bar .progress-con .progress .html{width:90%}.about-stats .progress-bars .progress-bar .progress-con .progress .python{width:85%}.about-stats .progress-bars .progress-bar .progress-con .progress .java{width:80%}.about-stats .progress-bars .progress-bar .progress-con .progress .php{width:90%}.about-stats .progress-bars .progress-bar .progress-con .progress .javascript{width:75%}.about-stats .progress-bars .progress-bar .progress-con .progress .sql{width:85%}.stat-title{font-size:1.4rem;padding:3.5rem 0;position:relative;text-align:center;text-transform:uppercase}.stat-title:before{background-color:var(--color-grey-5);content:"";height:1px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:40%}.timeline{grid-gap:2rem;display:grid;grid-template-columns:repeat(2,1fr);padding-bottom:3rem}.timeline .timeline-item{border-left:1px solid var(--color-grey-5);padding-left:3rem;position:relative}.timeline .timeline-item .tl-icon{background-color:var(--color-secondary);border-radius:50%;height:50px;left:-27px;position:absolute;top:0;width:50px}.timeline .timeline-item .tl-icon i{font-size:1.5rem;padding:12px 0 0 12px}.timeline .timeline-item .tl-duration{background-color:var(--color-grey-5);border-radius:15px;display:inline-block;font-size:.8rem;font-weight:500;padding:.2rem .6rem;text-transform:uppercase}.timeline .timeline-item h5{font-size:1.3rem;font-weight:600;padding:1rem 0;text-transform:uppercase}.timeline .timeline-item h5 span{color:var(--color-grey-2);font-size:1.2rem;font-weight:500}.timeline .timeline-item p{color:var(--color-grey-2);font-size:.7rem}.main-title-1{text-align:center}.main-title-1 h2{font-size:3.95rem;font-weight:700;position:relative;text-transform:uppercase}.main-title-1 h2 span{color:var(--color-secondary)}.main-title-1 h2 .bg-text{color:var(--color-grey-5);font-size:5rem;font-weight:800;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .4s ease-in-out;z-index:-1}.port-text{padding:2rem 0;text-align:center}.add-img{text-align:right}.add-img .add{border:2px solid #fff;border-radius:50%;height:30px;margin-left:8px;padding:4px;width:30px}.portfolios{grid-gap:2rem;display:grid;grid-template-columns:repeat(2,1fr);margin-top:.5rem}.portfolios .port-item{border-radius:15px;position:relative}.portfolios .port-item .icon-edit{border:3px solid #fff;border-radius:50%;margin-left:7px;text-align:center;width:30px}.portfolios .port-item .hover-item,.portfolios .port-item img{border-radius:15px;height:250px;margin-left:2rem;width:75%}.portfolios .port-item .hover-item{align-items:center;background-color:var(--color-secondary);display:flex;flex-direction:column;justify-content:center;left:0;opacity:0;position:absolute;top:0;transform:scale(0);transition:all .4s ease-in-out}.portfolios .port-item .hover-item h3{color:var(--color-white);font-size:1.5rem;margin-bottom:1.5rem}.portfolios .port-item .hover-item .icons,.portfolios .port-item .hover-item .icons .icon{align-items:center;display:flex;justify-content:center}.portfolios .port-item .hover-item .icons .icon{background-color:var(--color-primary);border-radius:50%;cursor:pointer;height:50px;margin:0 1rem;transition:all .4s ease-in-out;width:50px}.portfolios .port-item .hover-item .icons .icon i{color:var(--color-white);font-size:1.5rem;margin:0 1rem}.portfolios .port-item .hover-item .icons .icon:hover{background-color:var(--color-white)}.portfolios .port-item .hover-item .icons .icon:hover i{color:var(--color-primary)}.portfolios .port-item .hover-item1{align-items:center;background-color:var(--color-secondary);border-radius:15px;display:flex;flex-direction:column;height:100%;justify-content:center;left:11rem;opacity:0;position:absolute;top:0;transform:scale(0);transition:all .4s ease-in-out;width:100%}.portfolios .port-item .hover-item1 h3{color:var(--color-white);font-size:1.5rem;margin-bottom:1.5rem}.portfolios .port-item .hover-item1 .icons,.portfolios .port-item .hover-item1 .icons .icon{align-items:center;display:flex;justify-content:center}.portfolios .port-item .hover-item1 .icons .icon{background-color:var(--color-primary);border-radius:50%;cursor:pointer;height:50px;margin:0 1rem;transition:all .4s ease-in-out;width:50px}.portfolios .port-item .hover-item1 .icons .icon i{color:var(--color-white);font-size:1.5rem;margin:0 1rem}.portfolios .port-item .hover-item1 .icons .icon:hover{background-color:var(--color-white)}.portfolios .port-item .hover-item1 .icons .icon:hover i{color:var(--color-primary)}.port-item:hover .hover-item{opacity:1;transform:scale(1)}.Blogs{grid-gap:2rem;display:grid;grid-template-columns:repeat(2,1fr);margin-top:3rem}.Blogs .blog{background-color:var(--color-grey-5);border-radius:5px;box-shadow:var(--box-shadow-1);position:relative;transition:all .4s ease-in-out}.Blogs .blog:hover{box-shadow:1px 1px 20px #0000004d;transform:translateY(-5px);transition:all .4s ease-in-out}.Blogs .blog:hover img{box-shadow:0 4px 15px #000c;filter:grayscale(0);transform:scale(1.1)}.Blogs .blog img{border-top-left-radius:5px;border-top-right-radius:5pxs;filter:grayscale(100%);height:300px;transition:all .4s ease-in-out;width:100%}.Blogs .blog .blog-text{border-top:8px solid var(--color-secondary);margin-top:-5px;padding:.8rem}.Blogs .blog .blog-text h4{cursor:pointer;font-size:1.5rem;margin-bottom:.7rem;transition:all .4s ease-in-out}.Blogs .blog .blog-text h4:hover{color:var(--color-secondary)}.Blogs .blog .blog-text p,.Blogs .blog .blog-text ul{color:var(--color-grey-2);line-height:2rem;padding-bottom:1rem}.Blogs .blog .blog-text ul{padding-left:.5rem}.contact-content-con{display:flex;padding-top:3.5rem}.contact-content-con .left-contact{flex:2 1}.contact-content-con .left-contact h4{font-size:2rem;justify-content:left;margin-top:1rem;text-transform:uppercase}.contact-content-con .left-contact p{font-size:.7rem;justify-content:left;line-height:1.5rem;margin:1rem 0}.contact-content-con .left-contact .contact-info .contact-item{align-items:center;display:flex;justify-content:space-between}.contact-content-con .left-contact .contact-info .contact-item p{margin:.3rem 0!important;padding:4px 0!important}.contact-content-con .left-contact .contact-info .contact-item .icon{display:grid;font-size:1.2rem;grid-template-columns:40px 1fr}.contact-content-con .left-contact .contact-info .contact-item .icon i{align-items:center;display:flex;font-size:1.3rem}.contact-content-con .left-contact .contact-icon{display:flex;margin-left:6rem;margin-top:2rem}.contact-content-con .left-contact .contact-icon a{align-items:center;background-color:var(--color-grey-5);border-radius:50%;color:var(--color-white);cursor:pointer;display:flex;height:50px;justify-content:center;margin:0 .4rem;transition:all .4s ease-in-out;width:50px}.contact-content-con .left-contact .contact-icon a:hover{background-color:var(--color-secondary)}.contact-content-con .left-contact .contact-icon a:hover i{color:var(--color-primary)}.contact-content-con .left-contact .contact-icon a i{align-items:center;display:flex;font-size:1.3rem;justify-content:center}.contact-content-con .right-contact{flex:3 1;margin-left:3rem}.contact-content-con .right-contact .input-control{margin:1.5rem 0}.contact-content-con .right-contact .input-control input,.contact-content-con .right-contact .input-control textarea{background-color:var(--color-grey-4);border:none;border-radius:30px;color:var(--color-grey0);font-family:inherit;font-size:inherit;font-weight:inherit;outline:none;padding:.8rem 1.1rem;resize:none;width:100%}.contact-content-con .right-contact .i-c-2{display:flex}.contact-content-con .right-contact .i-c-2 :last-child{margin-left:1.5rem}.contact-content-con .right-contact .formElement{display:flex;justify-content:center;margin-left:5rem;padding:.8rem 0}.contact-content-con .right-contact .submit-btn{display:flex;justify-content:center;padding:0 4rem}.btn-cont,.main-btn{align-self:flex-start;display:flex}.main-btn{align-items:center;border:1px solid var(--color-secondary);border-radius:30px;overflow:hidden;position:relative}.main-btn .btn-text{padding:0 1rem}.main-btn .btn-icon{background-color:var(--color-secondary);border:none;color:inherit;cursor:pointer;font-size:1rem;font-weight:600;padding:.6rem 1.5rem}.main-btn:before{content:"";position:absolute;right:0;top:0;transform:translateX(100%);z-index:-1}.main-btn:before,.main-btn:hover{transition:all .4s ease-out}.main-btn:hover:before{background-color:var(--color-secondary);height:100%;transform:translateX(0);width:100%}.main-title{text-align:center}.main-title h2{font-size:3.95rem;font-weight:700;position:relative;text-transform:uppercase}.main-title h2 span{color:var(--color-secondary)}.main-title h2 .bg-text{color:var(--color-grey-5);font-size:5rem;font-weight:800;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .4s ease-in-out;z-index:-1}.addproject{margin-left:3rem;margin-top:5rem;text-align:center}.addproject .proj-head{font-size:3rem;margin-bottom:5rem}.addproject .proj-head .project-span{color:var(--color-secondary)}.addproject .input-control{margin:1.5rem 0}.addproject .input-control input,.addproject .input-control textarea{background-color:var(--color-grey-4);border:none;border-radius:30px;color:var(--color-grey0);font-family:inherit;font-size:inherit;font-weight:inherit;outline:none;padding:.8rem 1.1rem;resize:none;width:50%}.addproject .add-img{color:var(--color-secondary);text-align:center}.addproject .file{display:block;font-size:inherit;margin-left:36.5rem;margin-top:1.5rem}.addproject .i-c-2{display:flex}.addproject .i-c-2 :last-child{margin-left:21.5rem}.addproject .submit-btn{display:flex;justify-content:center;margin-top:1.5rem;padding:0 4rem}@media screen and (max-width:600px){.about-container{grid-template-columns:1fr}.about-container .right-about{grid-template-columns:1fr;padding-top:2.5rem}.about-container .left-about{padding-right:0}.about-container .left-about p{padding:0}.right-header .name{font-size:1.3rem!important;padding-top:2rem}.about-container{padding:1rem!important}.stat-title{padding:0!important}.timeline{grid-template-columns:1fr;padding-bottom:6rem}.timeline .timeline-item p{font-size:.8rem!important}.portfolios{grid-template-columns:1fr!important;margin-left:3.5rem;padding-bottom:6rem}.portfolios .port-item img{height:15rem;justify-content:center!important;width:85%}.portfolios .port-item .hover-item{width:85%!important}.port-text{margin-top:0s!important}.Blogs{grid-template-columns:1fr!important;padding-bottom:6rem}.Blogs .blog .blog-text p{line-height:1.5rem;padding-bottom:0}.contact-content-con{flex-direction:column;padding-top:14px!important}.contact-content-con .right-contact{margin-left:0;margin-top:0}.contact-info{margin:0}.contact-content-con .left-contact .contact-icon,.contact-content-con .left-contact h4{margin-top:0!important}.contact-content-con .left-contact p{margin:0!important}.contact-content-con .right-contact{margin-top:0!important}.contact-content-con .right-contact .input-control input,textarea{padding:.4rem;text-align:center}.contact-content-con .right-contact .i-c-2{flex-direction:column}.contact-content-con .right-contact .i-c-2 :last-child{margin-left:0;margin-top:0}.contact-content-con .right-contact .submit-btn{justify-content:center;margin-bottom:5.3rem!important}.section{padding:4px 20px!important}.controls .control{margin:.6rem!important}.main-title h2{font-size:2rem}.main-title h2 span{font-size:2.5rem}.main-title h2 .bg-text{font-size:3rem}}@media screen and (max-width:1432px){header{padding:0!important}.section{padding:7rem 11rem}.contact-content-con{flex-direction:column;justify-content:center}.contact-content-con .right-contact{margin-left:0;margin-top:2.5rem}.contact-content-con .left-contact .contact-icon{justify-content:center;margin-right:6rem}.contact-content-con .right-contact .i-c-2{flex-direction:column}.contact-content-con .right-contact .i-c-2 :last-child{margin-left:0;margin-top:1.5rem}.contact-content-con .right-contact .formElement{justify-content:center}}@media screen and (max-width:1070px){.about-container{grid-template-columns:1fr}.about-container .right-about{padding-top:2.5rem}.Blogs,.portfolios{grid-template-columns:1fr 1fr}.main-title h2,.main-title h2 .bg-text,.main-title h2 span{font-size:4rem}}@media screen and (max-width:1010px){.header-content .left-header{height:inherit;margin:0;padding:0}.header-content .left-header .image{margin-top:1.5rem}.header-content .left-header .image img{height:auto}.section{padding:7rem 6rem}header{padding:0}header .right-header{padding:0!important}.theme-btn{height:50px;top:1.5%!important;width:50px}.header-content{grid-template-columns:1fr;padding-bottom:6rem}.left-header .h-shape{display:none}.right-header{grid-row:1;margin:0 auto;width:90%}.right-header .name{font-size:1rem}.header-content .left-header .image{height:30%;margin-left:auto;margin-right:auto;width:90%}.controls{background-color:var(--color-grey-5);bottom:0;flex-direction:row;justify-content:center;left:50%;margin-bottom:-2px;top:auto;transform:translateX(-50%);width:100%}.controls .control{margin:.6rem 1.5rem}}@media screen and (max-width:700px){.header-content .right-header{padding-right:10rem;padding-top:6rem}.section{padding:7rem 3rem}.about-stats .progress-bars{grid-template-columns:1fr}.main-title h2{font-size:2.5rem;margin-top:2.6rem}.main-title h2 span{font-size:3rem}.main-title h2 .bg-text{font-size:4rem}}@media screen and (max-height:640px){.header-content .right-header{padding-top:5rem}}@media screen and (max-height:550px){.header-content .right-header{padding-top:1rem}.header-content .right-header p{margin:.5rem}.theme-btn{top:1%}}
/*# sourceMappingURL=main.d75b10ab.css.map*/