*{box-sizing:border-box;margin:0;padding:0}@font-face{font-family:inter;src:url(/static/media/Inter-Regular.a416f4674fad5f019461.otf)}@font-face{font-family:nunito;src:url(/static/media/Nunito-Regular.334a6311738d66594e08.ttf)}li{list-style:none}a{color:#fff;font-size:18px;text-decoration:none}.btn,a{text-transform:capitalize}.btn{background-color:#20fbd3;border-radius:24px;box-shadow:1px 1px 0 2.5px #fff;color:#212e42;cursor:pointer;font-size:14px;padding:12px 24px}.btn:active{box-shadow:0 0 0 0 #fff;transform:translate(2px,2px)}.btn-icon{align-items:center;border:2px solid #37465c;box-shadow:2px 2px 0 0 #fff;display:flex;font-family:nunito;font-size:14px;height:40px;justify-content:center;text-transform:none}.btn-icon:active{box-shadow:0 0 0 0 #fff;transform:translate(2px,2px)}.btn-viewmore{border:1px solid #fff;border-radius:24px;box-shadow:2px 2px 0 0 #fff;cursor:pointer;font-family:nunito;font-size:14px;padding:12px 24px;text-transform:capitalize}.btn-viewmore:active{box-shadow:0 0 0 0 #fff;transform:translate(2px,2px)}.blur-light{background:radial-gradient(#0daa944d,#0000,#0000);border-radius:50%;height:1500px;left:0;pointer-events:none;position:absolute;top:0;transform:translate(-50%,-50%);width:1500px;z-index:100000;z-index:10222}body{background-color:#1e1e1e;color:#fff;font-family:inter;overflow-x:hidden;width:100vw}.landingpage{overflow-x:hidden;padding:0 90px;position:relative}nav{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(90deg,#22232680,#2223263d);border-bottom-left-radius:24px;border-bottom-right-radius:24px;height:80px;justify-content:space-between;left:0;margin:0 90px;padding:0 47px;position:fixed;right:0;top:0;z-index:100}nav,nav .logo{display:flex}nav .logo img{height:40px}nav .menu{cursor:pointer;display:none;height:24px;margin:16px;position:relative;width:24px}nav .menu span{background-color:#fff;border-radius:2px;display:inline-block;height:2px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(0deg);transform-origin:left;transition:all .3s;width:18px}nav .menu span:first-child{top:25%}nav .menu span:nth-child(3){top:75%}nav.active .menu span:first-child{transform:translate(-50%,-50%) rotate(40deg)}nav.active .menu span:nth-child(2){opacity:0}nav.active .menu span:nth-child(3){transform:translate(-50%,-50%) rotate(-40deg)}nav .link .logo-btn-wrapper{align-items:center;display:flex;display:none;justify-content:space-between;margin-bottom:48px}nav .link .logo-btn-wrapper img{height:22px}nav .link .logo-btn-wrapper .menu{display:flex;margin:0}nav .link ul{display:flex}nav .link ul li a{padding:0 12px}section.header{background-image:linear-gradient(0deg,#e2e4e72b .25px,#0000 .5px),linear-gradient(90deg,#e2e4e72b .25px,#0000 .5px);background-size:120px 120px;display:flex;margin-top:50px;padding-bottom:130px;padding-top:163px}section.header .left{width:50%}section.header .left .title{display:flex;flex-direction:column;text-transform:capitalize}section.header .left .title .text-small{font-family:nunito;font-size:24px}section.header .left .title .text-name{font-size:100px;font-weight:700}section.header .left .title .text-des{font-family:nunito;font-size:16px;text-transform:none}section.header .left .buttons{align-items:center;display:flex;margin-top:40px}section.header .left .buttons .btn-getaproject{margin-right:24px}div.project>div>div>div{margin-top:24px}div.project>div>div>div>a{background-color:initial;border-color:#fff;color:#fff}section.header .left .buttons .viewprojects{font-family:nunito;font-size:14px;padding:12px 24px}section.header .left .numberof-wrapper{display:inline-block;margin:63px 0}section.header .left .numberof{align-items:center;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background-color:initial;border:2px solid #37465c99;border-radius:12px;display:flex;justify-content:center;padding:17px 8px}section.header .left .numberof div{text-align:center;width:99px}section.header .left .numberof div.dash{animation:animate-dashed-line 5s infinite;background-color:#aafff0;border-radius:2px;box-shadow:0 4px 4px #20fbd3;height:35px;width:1px}@keyframes animate-dashed-line{0%{box-shadow:0 4px 4px #20fbd3}50%{box-shadow:0 -4px 4px #20fbd3}to{box-shadow:0 4px 4px #20fbd3}}section.header .left .numberof div .num{font-size:28px;margin-bottom:12px}section.header .left .numberof div .num span{color:#20fbd3}section.header .left .numberof div .text{font-size:14px}section.header .right{position:relative;text-align:center;width:50%}section.header .right img{width:367px}section.header .right .social-links{position:absolute;right:0;top:50%;transform:translate(50%,-50%)}section.header .right .social-links li a{align-items:center;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background-color:#2f303380;border-radius:50%;display:flex;height:44px;justify-content:center;margin:12px 0;width:44px}section.about-me{align-items:center;display:flex;justify-content:center;margin-bottom:140px;margin-top:-50px}section.about-me>div{font-family:nunito;width:50%}section.about-me>div.left .title{color:#12d7b3;font-size:20px;text-transform:capitalize}.about-me>div:nth-child(3){display:none}section.about-me>div.left .text{font-size:29px;margin:10px 0 30px;width:65%}#root>div>section.about-me>div.left>div:nth-child(3){display:inline-block}#root>div>section.about-me>div.left>div:nth-child(3) a svg,.about-me>div:nth-child(3) a svg{margin-right:8px}section.about-me>div.right{font-size:16px;margin-top:-30px}section.expriences{font-family:nunito;margin-bottom:130px;text-align:center}section.expriences h1.title{font-size:40px;margin-bottom:56px;text-transform:capitalize}section.expriences .content{display:flex}section.expriences .content>div.left{display:flex;position:relative;width:18%}section.expriences .content>div.left .text{color:#979ea8;font-size:36px;left:50%;position:absolute;text-transform:capitalize;top:50%;transform:translate(-50%,-50%) rotate(-45deg);width:110%}section.expriences .content>div.right{align-items:flex-end;display:flex;flex-direction:column;position:relative;width:82%}section.expriences .content>div.right div.detail-wrapper{margin-bottom:71px;width:90%}section.expriences .content>div.right div.detail-wrapper .top{color:#12d7b3;display:flex;justify-content:space-between;margin-bottom:16px;position:relative;text-transform:capitalize}section.expriences .content>div.right div.detail-wrapper .top .dot{background-color:#fc5c7e;background-color:initial;border:4px dotted #fff;border-radius:50%;height:36px;left:-50px;margin-top:3px;position:absolute;top:0;width:36px}section.expriences .content>div.right div.detail-wrapper .top .dot:before{border-radius:50%;content:"";height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:20px}section.expriences .content>div.right div.detail-wrapper .top .dot:after{border-left:4px dotted #fff;content:"";height:var(--grandpa-height);left:50%;margin-top:7px;position:absolute;top:100%;transform:translate(-50%);width:2px}#root .expriences .right>div:nth-child(7n+1) .dot:before{background-color:#316bff}#root .expriences .right>div:nth-child(7n+2) .dot:before{background-color:#fc5c7e}#root .expriences .right>div:nth-child(7n+3) .dot:before{background-color:#f6c30d}#root .expriences .right>div:nth-child(7n+4) .dot:before{background-color:#0daa94}#root .expriences .right>div:nth-child(7n+5) .dot:before{background-color:#f4845f}#root .expriences .right>div:nth-child(7n+6) .dot:before{background-color:#da2afe}#root .expriences .right>div:nth-child(7n+7) .dot:before{background-color:#fc5c7e}section.expriences .content>div.right div.detail-wrapper .top .company-name{font-size:24px}section.expriences .content>div.right div.detail-wrapper .top .date{font-size:14px}section.expriences .content>div.right div.detail-wrapper .bottom{display:flex;width:100%}section.expriences .content>div.right div.detail-wrapper .bottom .my-role{color:#979ea8;font-size:20px;text-align:left;text-transform:capitalize;width:35%}section.expriences .content>div.right div.detail-wrapper .bottom .detail{font-size:14px;text-align:justify;width:65%}section.expriences .show-more{cursor:pointer}section.expriences .show-more .text{font-size:14px;text-transform:capitalize}section.projects{font-family:nunito;margin-bottom:140px;position:relative;text-align:center}section.projects h1.title{color:#12d7b3;font-size:20px;margin-bottom:10px;text-transform:capitalize}section.projects .detail{align-items:center;display:flex;margin-bottom:40px}section.projects .detail .sub-title{font-size:40px;margin:auto}section.projects .view-more{border:2px solid #fff;border-radius:24px;box-shadow:2px 1px 0 #fff;font-size:14px;padding:12px 24px;position:absolute;right:0;text-transform:capitalize;transform:translateX(-105%)}section.projects .category-section{display:inline-block}section.projects .category-wrapper{align-items:center;background-color:#27282b;border-radius:40px;display:flex;justify-content:center;position:relative}.projects>a.view-more{display:none}section.projects .category-wrapper li{align-items:center;color:#979ea8;cursor:pointer;display:flex;font-size:12px;height:36px;justify-content:center;position:relative;text-transform:capitalize;width:102px;z-index:2}section.projects .category-wrapper li.active{color:#212e42}section.projects .category-wrapper li.activer-line{background-color:#12d7b3;border-radius:40px;left:50%;position:absolute;top:50%;transform:translate(-150%,-50%);z-index:1}section.projects .projects-wrapper{margin-top:56px;position:relative}section.projects .projects-wrapper .project{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:initial;border:1px solid #b3bbc7;border-radius:16px;display:flex;justify-content:space-between;margin-bottom:24px;padding:16px}section.projects .projects-wrapper .project:nth-child(odd){flex-direction:row-reverse}section.projects .projects-wrapper .project .detail{align-items:flex-start;display:flex;flex-direction:column;justify-content:space-between;margin-bottom:0;min-height:280px;padding:24px;text-align:left;width:60%}section.projects .projects-wrapper .project .detail .project-title{font-size:24px;text-transform:capitalize}section.projects .projects-wrapper .project .detail .description{color:#e6e6e6;font-size:14px;margin:24px 0}section.projects .projects-wrapper .project .detail .line-wrapper{width:100%}section.projects .projects-wrapper .project .detail .line-wrapper>div{display:inline-block}section.projects .projects-wrapper .project .detail hr{background-color:#b3bbc7;border:none;height:1px;margin-bottom:16px;width:100%}section.projects .projects-wrapper .project .project-img .img{background-blend-mode:multiply;background-color:#00000014;background-size:cover;border-radius:16px;height:280px;width:400px}section.projects .top-left-boble{background-color:#0daa94;left:-50%;top:10%;transform:translateX(85%)}.bottom-right-boble,section.projects .top-left-boble{border-radius:50%;height:500px;position:absolute;width:500px}.bottom-right-boble{background-color:#316bff;bottom:-5%;left:50%;transform:translateX(100%)}.btn-getAservice svg,.btn-getaproject svg{margin-left:8px}section.services{font-family:nunito;text-align:center}section.services .section-title{font-size:40px;text-transform:capitalize}section.services .services-container{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr);margin-top:56px}section.services .services-container .service{border:1px solid #37465c;border-radius:16px;padding:24px;text-align:left;transition:all .5s ease-in-out}section.services .services-container .service:hover{background-color:#4a7dff}section.services .services-container .service .title-container{display:flex;justify-content:space-between;text-transform:capitalize}section.services .services-container .service .title-container .service-title{font-size:24px}section.services .services-container .service .title-container .service-price{font-size:20px}section.services .services-container .service .title-container .service-price span.price{color:#12d7b3;font-size:28px}section.services .services-container .service .service-description{color:#e6e6e6;font-size:14px;margin:32px 0}section.services .services-container .service .btn-container{display:inline-block}section.services .services-container .service .btn-container .btn-getAservice{align-items:center;background-color:initial;background-color:#20fbd3;box-shadow:1px 1px 0 2.5px #fff;color:#fff;color:#212e42;display:inline-block;display:flex;height:40px;justify-content:center;margin-top:10px;transition:all .5s ease-in-out}section.services .services-container .service .btn-container .btn-getAservice svg{display:none;display:inline-block;transition:all .5s ease-in-out}section.skills{display:flex;font-family:nunito;margin:145px 0}section.skills .left{width:30%}section.skills .left .text{font-size:58px}section.skills .right{display:flex;flex-direction:column;justify-content:space-between;width:70%}section.skills .right .skills-wrapper{display:flex;justify-content:space-between;padding:3px;width:100%}section.skills .right .skills-wrapper .skill{align-items:center;background-color:#fe56aa;border-radius:32px;box-shadow:0 0 0 3px #fff;display:flex;font-size:18px;height:56px;justify-content:center;text-transform:capitalize;width:209.25px}section.skills .right .skills-wrapper .skill:nth-child(7n+1){background-color:#fc5c7e}section.skills .right .skills-wrapper .skill:nth-child(7n+2){background-color:#f6c30d}section.skills .right .skills-wrapper .skill:nth-child(7n+3){background-color:#0daa94}section.skills .right .skills-wrapper .skill:nth-child(7n+4){background-color:#da2afe}section.skills .right .skills-wrapper .skill:nth-child(7n+5){background-color:#f4845f}section.skills .right .skills-wrapper .skill:nth-child(7n+6){background-color:#316bff}section.skills div.right div.buttons-wrapper{display:flex}section.skills div.right div.buttons-wrapper .skil-btn{background-color:#37465c;border-radius:8px;cursor:pointer;height:8px;margin-right:8px;margin-top:-30px;width:46.25px}section.skills div.right div.buttons-wrapper .skil-btn.active{background-color:#12d7b3}section.blog{font-family:nunito;margin-bottom:141.5px}section.blog .control-wrapper{align-items:center;display:flex;justify-content:space-between}section.blog .control-wrapper .btn-wrapper{align-items:center;display:flex;justify-content:center;width:100px}section.blog .control-wrapper .btn-wrapper .art-btn{align-items:center;background-color:initial;border:1px solid #fff;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .5s;width:40px}section.blog .control-wrapper .btn-wrapper .art-btn:first-child{margin-right:16px}section.blog .control-wrapper .btn-wrapper .art-btn:hover{background-color:#12d7b3;height:48px;width:48px}section.blog .control-wrapper .btn-wrapper .art-btn:hover svg path{stroke:#37465c}section.blog .control-wrapper .section-title{font-size:40px;text-transform:capitalize}section.blog .articles-wrapper{display:flex;margin-top:56px;overflow-x:hidden}section.blog .articles-wrapper .article-wrapper{border:1px solid #37465c;border-radius:16px;height:446px;margin-right:24px;padding:24px;width:448px}section.blog .articles-wrapper .article-wrapper .thumbnail{background-position:50%;background-size:cover;border-radius:16px;height:180px;width:400px}section.blog .articles-wrapper .article-wrapper .top-detail{margin:24px 0}section.blog .articles-wrapper .article-wrapper .top-detail .article-title{font-size:18px}section.blog .articles-wrapper .article-wrapper .top-detail .wrote-by{color:#979ea8;font-size:12px}section.blog .articles-wrapper .article-wrapper .des{font-size:14px;text-align:justify}section.blog .articles-wrapper .article-wrapper .article-detail{align-items:center;display:flex;justify-content:space-between;margin:24px 0}section.blog .articles-wrapper .article-wrapper .article-detail .read-time{color:#979ea8;font-size:14px;text-transform:capitalize}section.feedback{font-family:nunito;margin-bottom:140px;text-align:center}section.feedback .title{font-size:40px;text-transform:capitalize}section.feedback .feed-buttons-wrapper{align-items:center;display:flex;justify-content:center;margin:56px 0;width:100%}section.feedback .feed-buttons-wrapper .feed-control-btn{background-color:#37465c;border-radius:8px;cursor:pointer;height:8px;margin-right:8px;width:36.33px}section.feedback .feed-buttons-wrapper .feed-control-btn.active{background-color:#12d7b3}section.feedback .feedbacks-wrapper{align-items:center;display:flex;justify-content:space-between;margin:59px 0}section.feedback .feedbacks-wrapper .feedback{align-items:center;border:1px solid #e6e6e6;border-radius:16px;display:flex;flex-direction:column;justify-content:space-between;padding:16px 24px;text-align:left;transition:all .5s;width:394px}section.feedback .feedbacks-wrapper .feedback:hover{background-color:#12d7b3;border-color:#37465c;box-shadow:8px 8px 0 #fff;color:#212e42}section.feedback .feedbacks-wrapper .feedback:first-child,section.feedback .feedbacks-wrapper .feedback:nth-child(3){transform:rotate(-3deg)}section.feedback .feedbacks-wrapper .feedback:nth-child(2){transform:rotate(3deg)}section.feedback .feedbacks-wrapper .feedback:hover:first-child,section.feedback .feedbacks-wrapper .feedback:hover:nth-child(3){transform:rotate(-3deg) translate(-4px,-4px)}section.feedback .feedbacks-wrapper .feedback:hover:nth-child(2){transform:rotate(3deg) translate(-4px,-4px)}section.feedback .feedbacks-wrapper .feedback .feedback-writter{align-items:center;display:flex;justify-content:flex-start;width:100%}section.feedback .feedbacks-wrapper .feedback .feedback-writter .profile-img{background-position:50%;background-size:cover;border-radius:50%;height:40px;margin-right:6.66px;width:40px}section.feedback .feedbacks-wrapper .feedback .feedback-writter .name{font-size:16px;text-transform:capitalize}section.feedback .feedbacks-wrapper .feedback .feedback-text{font-size:14px;margin:5px 0}section.feedback .comment-btn-wrapper{display:inline-block}section.feedback .comment-btn-wrapper .btn-viewmore{align-items:center;display:flex;justify-content:center}section.feedback .comment-btn-wrapper .btn-viewmore svg{margin-right:8px}section.footer{font-family:nunito;position:relative;text-align:center}section.footer .blur-light{-webkit-clip-path:inset(50% 0 0 0);clip-path:inset(50% 0 0 0);height:1000px;width:1200px}section.footer .blur-light.light-2{-webkit-clip-path:inset(0 0 50% 0);clip-path:inset(0 0 50% 0);display:none;position:absolute;transform:translate(-10%,35%)}section.footer .green-light{background-color:#0daa944d;background:radial-gradient(#0daa944d,#0000,#0000);border-radius:50%;height:1500px;left:0;position:absolute;top:0;transform:translate(-50%,-50%);width:1500px}section.footer .foot-title{font-size:64px;margin:80px 0 64px}section.footer .contact-btn{display:inline-block;margin-bottom:76px}section.footer .contact-btn svg{margin-left:8px}section.footer hr{background-color:#37465c;border:none;height:1px;margin-bottom:40px;width:100%}section.footer .footer-main{display:flex;justify-content:space-between;text-align:left;text-transform:capitalize}section.footer .footer-main .list-warpper{display:flex;flex-direction:column}section.footer .footer-main .list-warpper .list-title{font-size:16px;margin-bottom:24px}section.footer .footer-main .list-warpper .list-body{display:flex;flex-direction:column}section.footer .footer-main .list-warpper .list-body .item{color:#e6e6e6;font-size:14px;margin-bottom:16px}section.footer .footer-main .list-warpper .list-body div.item{align-items:center;display:flex;justify-content:flex-start}section.footer .footer-main .list-warpper .list-body div.item .icon-container{align-items:center;background:#363d44;border-radius:50%;display:flex;height:32px;justify-content:center;margin-right:8px;width:32px}section.footer .footer-main .list-warpper .list-body div.item a{color:#e6e6e6;font-size:14px;text-transform:lowercase}section.footer .copy-right{align-items:center;color:#979ea8;display:flex;font-size:12px;justify-content:center;margin-bottom:40px}section.footer .copy-right svg{margin-right:8px}div.contactMe{overflow-x:hidden;padding:0 90px;position:relative}section.ContactMeFormWrapper{margin:120px auto 140px;max-width:850px;text-align:center}section.ContactMeFormWrapper .title{font-family:nunito;font-size:36px;font-weight:600;margin-bottom:24px}section.ContactMeFormWrapper .sub-title{font-size:14px;margin-bottom:40px}.ContactMeFormWrapper .form-wrapper{position:relative;width:100%}.ContactMeFormWrapper .form-wrapper form{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(90deg,#1e21270d 0,rgba(30,33,39,.325));border:1px solid #858a92;border-radius:15px;padding:24px;position:relative;width:100%;z-index:23}.ContactMeFormWrapper .form-wrapper form .row{display:flex;margin-bottom:40px;width:100%}.ContactMeFormWrapper .form-wrapper form .row:first-child{gap:40px}.ContactMeFormWrapper .form-wrapper form .row>div{display:flex;flex-direction:column;flex-grow:2;text-align:left}.ContactMeFormWrapper .form-wrapper form .row>div label{font-size:14px;margin-bottom:12px;text-transform:capitalize}.ContactMeFormWrapper .form-wrapper form .row>div input,.ContactMeFormWrapper .form-wrapper form .row>div textarea{background-color:initial;border:1px solid #37465c;border-radius:32px;color:#979ea8;font-size:14px;height:40px;outline:none;padding:0 16px}.ContactMeFormWrapper .form-wrapper form .row>div input:focus,.ContactMeFormWrapper .form-wrapper form .row>div textarea:focus{border-color:#858a92;outline:none}.ContactMeFormWrapper .form-wrapper form .row>div textarea{border-radius:12px;height:245px;padding:16px}.ContactMeFormWrapper .form-wrapper .form-bubble{border-radius:50%;display:inline-block;height:122px;left:100%;position:absolute;top:100%;width:122px}.ContactMeFormWrapper .form-wrapper .form-bubble.bubble-1{background-color:#4a7dff;transform:translate(-70%,-85%);z-index:2}.ContactMeFormWrapper .form-wrapper .form-bubble.bubble-2{background-color:#0daa94;transform:translate(-100%,-60%)}@media (max-width:1535px){.landingpage,div.contactMe{padding:0 80px}nav{margin:0 80px}section.header .left .title .text-name{font-size:87px}section.about-me>div.left .text{font-size:28px}section.skills .right .skills-wrapper .skill{font-size:16px;height:45px;width:170.25px}section.feedback .feedbacks-wrapper .feedback{width:350px}section.feedback .feedbacks-wrapper .feedback .feedback-text{font-size:13px}section.expriences .content>div.left .text{font-size:32px}}@media (max-width:1279px){a{font-size:16px}.landingpage,div.contactMe{padding:0 50px}nav{margin:0 50px}section.header .left .title .text-name{font-size:70px}section.header .left .title .text-des{font-size:13px}section.header .right img{width:300px}section.header .left .numberof div .num{font-size:25px}section.header .left .numberof div .text{font-size:12px}.btn{font-size:11px;padding:10px 20px}section.about-me>div.left .text{font-size:23px}section.about-me>div.right{font-size:13px}section.expriences .content>div.right div.detail-wrapper .top .company-name{font-size:22px}section.expriences .content>div.right div.detail-wrapper .bottom .my-role{font-size:16px}section.expriences .content>div.right div.detail-wrapper .bottom .detail{font-size:12px}section.expriences .content>div.right div.detail-wrapper{margin-bottom:50px}section.expriences .content>div.right div.detail-wrapper .top .dot:after{height:calc(var(--grandpa-height) + 20px)}section.expriences .content>div.left .text{font-size:26px}section.expriences .content>div.right div.detail-wrapper .top .date{font-size:12px}section.projects .detail .sub-title{font-size:35px}section.projects .detail .view-more{font-size:13px;padding:10px 20px;transform:none}section.skills .right .skills-wrapper .skill{font-size:14px;height:40px;width:145px}section.skills .left .text{font-size:50px}section.skills div.right div.buttons-wrapper .skil-btn{height:7px;width:40px}section.projects .top-left-boble{left:-75%}.bottom-right-boble{left:25%}section.services .services-container .service .title-container .service-title{font-size:21px}section.services .services-container .service .title-container .service-price span.price{font-size:25px}section.services .services-container .service .service-description{margin:25px 0}section.feedback .feedbacks-wrapper .feedback{padding:10px 20px;width:295px}section.feedback .feedbacks-wrapper .feedback .feedback-text{font-size:12px}section.feedback .feedbacks-wrapper .feedback .feedback-writter .profile-img{height:30px;width:30px}section.feedback .feedbacks-wrapper .feedback .feedback-writter .name{font-size:14px}section.footer .foot-title{font-size:55px}}@media (max-width:1023px){nav .logo img{height:35px}a{font-size:14px}nav .link ul li a{padding:0 8px}section.header .left .title .text-name{font-size:50px}section.header .left .title .text-small{font-size:20px}section.header .right img{width:250px}section.header .left .numberof div .num{font-size:22px}section.header .left .numberof div .text{font-size:11px}section.header .left .numberof div .num{margin-bottom:9px}section.header .right .social-links li a{height:34px;width:35px}section.header .right .social-links svg{width:17px}section.header .right .social-links{top:35%}section.about-me>div.left .title{font-size:15px}section.about-me>div.left .text{font-size:17px}section.about-me>div.left{width:47%}section.about-me>div.right{width:53%}section.about-me>div.left .text{width:80%}section.expriences{margin-bottom:90px}section.header{padding-bottom:90px}section.about-me{margin-bottom:90px}section.expriences h1.title{font-size:35px;margin-bottom:37px}section.expriences .content>div.right div.detail-wrapper .bottom .my-role{font-size:13px}section.expriences .content>div.right div.detail-wrapper .bottom .detail{font-size:10px}section.expriences .content>div.left .text{font-size:19px}section.expriences .content>div.right div.detail-wrapper{margin-bottom:35px}section.expriences .content>div.right div.detail-wrapper .top .company-name{font-size:20px}section.expriences .show-more{margin-top:70px}section.projects .detail .sub-title{font-size:30px}section.projects .detail .view-more{font-size:10px}section.projects .category-wrapper li{font-size:9px;height:30px;width:90px}section.projects .top-left-boble{left:-100%}.bottom-right-boble{left:0}section.projects .projects-wrapper .project .project-img .img{border-radius:10px;height:150px;width:250px}section.projects .projects-wrapper .project .detail .description{font-size:11px}section.projects .projects-wrapper .project .detail .project-title{font-size:20px}.btn{font-size:9px;height:34px;padding:10px 20px}.btn-getAservice svg,.btn-getaproject svg{width:14px}section.services .section-title{font-size:35px}section.services .services-container .service .title-container .service-price,section.services .services-container .service .title-container .service-title{font-size:15px}section.services .services-container .service .title-container .service-price span.price{font-size:18px}section.services .services-container .service .service-description{font-size:11px;margin:20px 0}section.services .services-container .service .btn-container .btn-getAservice{height:25px;margin-top:5px}section.skills .left .text{font-size:35px}section.skills .right .skills-wrapper .skill{box-shadow:0 0 0 1.5px #fff;font-size:10px;height:30px;width:100px}section.skills div.right div.buttons-wrapper .skil-btn{height:5px;margin-right:6px;margin-top:-20px;width:30px}section.skills{margin:90px 0}section.blog .control-wrapper .btn-wrapper .art-btn{height:30px;width:30px}section.blog .control-wrapper .btn-wrapper .art-btn:hover{height:35px;width:35px}section.blog .control-wrapper .btn-wrapper .art-btn:first-child{margin-right:9px}section.blog .control-wrapper .btn-wrapper .art-btn svg{width:14px}section.blog .control-wrapper .section-title{font-size:30px}.btn-viewmore{font-size:11px;padding:10px 20px}section.blog .articles-wrapper .article-wrapper{height:auto;width:auto}section.blog .articles-wrapper .article-wrapper .thumbnail{height:125px;width:250px}section.blog .articles-wrapper .article-wrapper .top-detail .article-title{font-size:13px}section.blog .articles-wrapper .article-wrapper{padding:16px}section.blog .articles-wrapper .article-wrapper .top-detail .wrote-by{font-size:10px}section.blog .articles-wrapper .article-wrapper .top-detail{margin:18px 0}section.blog .articles-wrapper .article-wrapper .article-detail .read-time,section.blog .articles-wrapper .article-wrapper .des{font-size:10px}section.blog .articles-wrapper .article-wrapper .article-detail{margin-bottom:0;margin-top:20px}.btn-viewmore{font-size:9px}section.blog{margin-bottom:90px}section.feedback .title{font:30px}section.feedback .feedbacks-wrapper .feedback .feedback-text{font-size:9px}section.feedback .feedbacks-wrapper .feedback{border-radius:8px;padding:7px 14px;width:210px}section.feedback .feedbacks-wrapper .feedback:hover{box-shadow:4px 4px 0 #fff}section.feedback .feedbacks-wrapper .feedback .feedback-writter .profile-img{height:20px;width:20px}section.feedback .feedbacks-wrapper .feedback .feedback-writter .name{font-size:11px}section.feedback .feed-buttons-wrapper .feed-control-btn{height:5px;width:30px}section.feedback .feed-buttons-wrapper{margin:40px 0}section.footer .foot-title{font-size:35px;margin-bottom:45px}section.feedback{margin-bottom:90px}section.footer .footer-main .list-warpper .list-title{font-size:14px;margin-bottom:20px}section.footer .footer-main .list-warpper .list-body .item{font-size:11px;margin-bottom:10px}section.footer .footer-main .list-warpper .list-body div.item a{font-size:11px}section.footer .footer-main .list-warpper .list-body div.item .icon-container{height:25px;margin-right:5px;width:25px}section.footer .footer-main .list-warpper .list-body div.item .icon-container svg{width:11px}section.footer .copy-right{font-size:8px;margin-bottom:25px}section.footer .copy-right svg{margin-right:3px;width:11 px}}@media (max-width:667px){.btn{border:2px solid #37465c;box-shadow:2px 2px 0 #fff;font-size:14px;height:40px}.blur-light{background:radial-gradient(#0daa9433,#0000,#0000)}section.footer .blur-light.light-2{display:inline-block}.landingpage,div.contactMe{padding:0 14px}nav{border-bottom-left-radius:14px;border-bottom-right-radius:14px;height:56px;margin:0 14px;padding:0;z-index:10522}nav .logo{align-items:center;justify-content:center}nav .logo .menu{display:block}nav .link{background-color:#1d1e21;height:100vh;left:calc(-14px - 90vw);padding:24px;position:fixed;top:0;transition:all .3s;width:90vw;z-index:1000}nav:before{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:initial;content:"";height:200vh;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s;width:200vw}nav.active:before{opacity:1;pointer-events:all}nav .logo img{height:24px}nav .link .logo-btn-wrapper{display:flex}nav.active .link{left:-14px}nav .link ul{flex-direction:column}nav .link ul li,nav .link ul li a{margin-bottom:24px}nav .link ul li a{font-size:14px;padding:0}nav .link ul li:first-child a{color:#12d7b3}section.header{background-size:100px 100px;flex-direction:column;text-align:center}section.header .left,section.header .right{width:100%}section.header .left .title{text-align:left}section.header .left .buttons{justify-content:center}section.header .left .title .text-name{font-size:40px}section.header .left .title .text-des{font-size:14px;text-align:justify}section.header .left .numberof-wrapper{margin:40px 0 16px}section.header .right .social-links{display:flex;gap:12px;justify-content:center;margin-top:40px;position:relative;transform:none}section.header .right .social-links li{position:relative}section.header .right .social-links li:first-child:before,section.header .right .social-links li:last-child:before{background-color:#2f303380;content:"";height:2px;position:absolute;top:50%;width:100vw}section.header .right .social-links li:first-child:before{right:50%}section.header .right .social-links li:last-child:before{left:50%}section.header .right img{width:100%}section.about-me{flex-direction:column;margin-bottom:48px}section.about-me>div.left,section.about-me>div.right{width:100%}section.about-me>div.left{position:relative}section.about-me>div.right{margin-top:0}section.about-me>div.left .text{margin:10px 0 20px}.about-me>div:first-child>div:nth-child(3){display:none!important}.about-me>div:nth-child(3){display:block;margin-right:auto;margin-top:24px;width:auto}section.expriences h1.title{font-size:20px;margin-bottom:20px}section.expriences .content>div.left,section.expriences .content>div.right div.detail-wrapper .top .dot{display:none}section.expriences .content>div.right,section.expriences .content>div.right div.detail-wrapper,section.expriences .content>div.right div.detail-wrapper .bottom .detail,section.expriences .content>div.right div.detail-wrapper .bottom .my-role{width:100%}section.expriences .content>div.right div.detail-wrapper .bottom{flex-direction:column}section.expriences .content>div.right div.detail-wrapper .top .company-name{font-size:18px}section.expriences .content>div.right div.detail-wrapper .top{margin-bottom:8px}section.expriences .content>div.right div.detail-wrapper .bottom .my-role{margin-bottom:16px}section.expriences .content>div.right div.detail-wrapper .bottom .detail{font-size:12px}section.expriences .content>div.right div.detail-wrapper{margin-bottom:48px;position:relative}section.expriences .content>div.right div.detail-wrapper:before{background-color:#37465c;border-radius:5px;bottom:-24px;content:"";height:1px;left:0;position:absolute;width:100%}section.expriences .content>div.right div.detail-wrapper:last-child:before{display:none}section.expriences .show-more{margin-top:0}section.expriences{margin-bottom:50px}section.projects h1.title{font-size:14px}section.projects .detail .sub-title{font-size:20px}.projects .detail .view-more{display:none}.projects>a.view-more{display:inline-block}section.projects .detail{margin-bottom:20px}section.projects .projects-wrapper{margin-top:20px}section.projects .category-wrapper li{font-size:11px}section.projects .projects-wrapper .project{flex-direction:column-reverse!important}section.projects .projects-wrapper .project .project-img .img{aspect-ratio:16/9;height:auto;width:100%}section.projects .projects-wrapper .project .detail,section.projects .projects-wrapper .project .project-img{width:100%}section.projects .projects-wrapper .project .detail .description{font-size:12px}div.project>div>div>div{margin-top:12px}section.projects .projects-wrapper .project .detail{padding:12px}section.projects .view-more{position:relative;transform:none}section.projects{margin-bottom:40px}section.services .section-title{font-size:20px}section.services .services-container{grid-template-columns:repeat(1,1fr);margin-top:20px}section.services .services-container .service .title-container .service-price,section.services .services-container .service .title-container .service-title{font-size:18px}section.services .services-container .service .service-description{font-size:12px;margin:24px 0;text-align:justify}section.services .services-container .service .btn-container .btn-getAservice{box-shadow:1px 1px 0 1px #fff;height:40px}section.skills{flex-direction:column;margin:48px 0;text-align:center}section.skills .left,section.skills .right{width:100%}section.skills .left .text{font-size:20px}section.skills div.right div.buttons-wrapper .skil-btn{margin-top:40px}section.skills div.right div.buttons-wrapper{align-items:center;justify-content:center}section.skills .left{margin-bottom:20px}section.skills .right .skills-wrapper{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr);justify-items:center}section.skills .right .skills-wrapper .skill{box-shadow:0 0 0 3px #fff;font-size:18px;height:56px;width:160px}section.skills div.right div.buttons-wrapper .skil-btn{height:8px;width:46px}html body div#root div.landingpage section.blog div.control-wrapper div.btb-viewmore,section.blog .control-wrapper .btn-wrapper{display:none}section.blog .control-wrapper{justify-content:center}section.blog .articles-wrapper .article-wrapper{height:484px;width:319px}section.blog .articles-wrapper .article-wrapper .thumbnail{height:180px;width:271px}section.blog .articles-wrapper .article-wrapper .top-detail .article-title{font-size:16px;margin-bottom:8px}section.blog .articles-wrapper .article-wrapper .article-detail .read-time,section.blog .articles-wrapper .article-wrapper .des,section.blog .articles-wrapper .article-wrapper .top-detail .wrote-by{font-size:12px}.btn-viewmore,div.article-wrapper:first-child>div:nth-child(4)>div:nth-child(2),section.blog .articles-wrapper .article-wrapper .article-detail .read-time,section.blog .articles-wrapper .article-wrapper .des,section.blog .articles-wrapper .article-wrapper .top-detail .wrote-by{font-size:14px}section.blog{margin-bottom:48px}section.feedback .feedbacks-wrapper{margin:48px 0}section.feedback .title{font-size:20px}section.feedback .feedbacks-wrapper{margin:20px 0}section.feedback .feedbacks-wrapper .feedback{display:inline-block;height:176px;margin-right:24px;transform:rotate(0) translate(0)!important;width:302px}section.feedback .feedbacks-wrapper{display:block;text-align:left;width:9000px}section.feedback .feedbacks-wrapper .feedback .feedback-writter .profile-img{height:40px;width:40px}section.feedback .feedbacks-wrapper .feedback .feedback-writter .name{font-size:14px}section.feedback .feedbacks-wrapper .feedback .feedback-text{font-size:12px;margin:24px 0}section.footer{padding-top:20px}section.footer .foot-title{font-size:24px;margin-top:15px}section.footer .contact-btn{margin-bottom:40px}section.footer .footer-main{flex-direction:column}section.footer .footer-main .list-warpper .list-body{border-bottom:1px solid #37465c;flex-direction:row;flex-wrap:wrap;gap:16px;line-height:11px;padding-bottom:40px}div.list-warpper:nth-child(4)>div:nth-child(2){flex-direction:column!important}section.footer hr{margin-bottom:0}section.footer .footer-main .list-warpper .list-title{font-size:16px;margin:40px 0 20px}section.footer .footer-main .list-warpper .list-body .item,section.footer .footer-main .list-warpper .list-body div.item a{font-size:14px}section.footer .footer-main .list-warpper .list-body .item{margin:0}section.footer .copy-right{font-size:10px;margin:25px 0}.bottom-right-boble{left:-55%}section.projects .top-left-boble{left:-200%}section.ContactMeFormWrapper .title{font-size:20px;margin-bottom:16px}section.ContactMeFormWrapper .sub-title{font-size:12px;margin-bottom:48px}.ContactMeFormWrapper .form-wrapper form .row:first-child{flex-direction:column}}
/*# sourceMappingURL=main.c4adc019.css.map*/