@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap);.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.fixed{position:fixed}.left-0{left:0}.top-\[35\%\]{top:35%}.ml-\[-100px\]{margin-left:-100px}.mt-2{margin-top:.5rem}.flex{display:flex}.hidden{display:none}.h-12{height:3rem}.h-\[60px\]{height:60px}.w-12{width:3rem}.w-\[160px\]{width:160px}.w-full{width:100%}.min-w-0{min-width:0}.flex-none{flex:none}.flex-grow,.grow{flex-grow:1}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-x-4{column-gap:1rem}.gap-x-6{column-gap:1.5rem}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-bottom-width:calc(1px*var(--tw-divide-y-reverse));border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)))}.divide-gray-100>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(243 244 246/var(--tw-divide-opacity))}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded-full{border-radius:9999px}.bg-\[\#333333\]{--tw-bg-opacity:1;background-color:rgb(51 51 51/var(--tw-bg-opacity))}.bg-\[\#3b5998\]{--tw-bg-opacity:1;background-color:rgb(59 89 152/var(--tw-bg-opacity))}.bg-\[\#6fc2b0\]{--tw-bg-opacity:1;background-color:rgb(111 194 176/var(--tw-bg-opacity))}.bg-blue-600{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.p-4{padding:1rem}.py-5{padding-bottom:1.25rem;padding-top:1.25rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-semibold{font-weight:600}.text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.duration-300{transition-duration:.3s}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@keyframes border-transform{0%,to{border-radius:63% 37% 54% 46%/55% 48% 52% 45%}14%{border-radius:40% 60% 54% 46%/49% 60% 40% 51%}28%{border-radius:54% 46% 38% 62%/49% 70% 30% 51%}42%{border-radius:61% 39% 55% 45%/61% 38% 62% 39%}56%{border-radius:61% 39% 67% 33%/70% 50% 50% 30%}70%{border-radius:50% 50% 34% 66%/56% 68% 32% 44%}84%{border-radius:46% 54% 50% 50%/35% 61% 39% 65%}}.progress-wrap{align-items:center;background-color:#fff;border-radius:50%;bottom:40px;box-shadow:inset 0 0 0 2px #fff3;cursor:pointer;display:flex;height:50px;justify-content:center;opacity:0;position:fixed;right:40px;transform:translateY(15px);transition:all .2s linear;visibility:hidden;width:50px;z-index:99999999999}.progress-wrap.active-progress{opacity:1;transform:translateY(0);visibility:visible}.progress-wrap i{color:#ff014f;font-size:24px;position:absolute;z-index:10}.progress-wrap svg path{fill:none}.progress-wrap svg.progress-circle path{stroke:#ff014f;stroke-width:4;box-sizing:border-box;transition:all .2s linear}.hover\:ml-\[-5px\]:hover{margin-left:-5px}@media (min-width:640px){.sm\:flex-row{flex-direction:row}}@media (min-width:768px){.md\:flex-row{flex-direction:row}}@media (min-width:1024px){.lg\:flex{display:flex}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:#ecf0f3;font-family:Poppins,sans-serif}.container{margin:auto;max-width:85%}.d_flex{justify-content:space-between}.d_flex,.f_flex{display:flex}a{color:#000;text-decoration:none}li{list-style:none}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}button{background-color:none;border:none;outline:none}.btn_shadow{background:linear-gradient(145deg,#e2e8ec,#fff);border-radius:6px;box-shadow:4px 4px 8px #cbcbcb,-4px -4px 8px #fff;color:#000;cursor:pointer;padding:18px 25px;transition:all .3s ease;transition:.5s}.btn_shadow:hover{background:#ff014f;color:#fff;transform:translateY(-10px)}.box_shodow{background:linear-gradient(145deg,#e2e8ec,#fff);border-radius:10px;box-shadow:4px 4px 8px #cbcbcb,-4px -4px 8px #fff}.left,.right,.row{width:50%}.top{margin-top:80px}.mtop{margin-top:40px}.heading{margin:50px 0}.heading h4{color:#ff014f;font-weight:400;letter-spacing:2px}.heading h1{font-size:60px}.heading h1,h1{color:#3c3e41}.grid{grid-gap:35px;display:grid;grid-template-columns:repeat(3,1fr)}p{color:#3c3e41}.text-center{text-align:center}.primary_color{color:#ff014f}input,textarea{border:3px solid #e2e8ec;border-radius:5px;margin-bottom:13px;outline:none;padding:12px;width:100%}@media (max-width:768px){.grid{grid-template-columns:repeat(2,1fr)}.left,.right{width:100%}}header{height:10vh;line-height:10vh}header .container{padding-top:6px}.logo{cursor:pointer;margin-top:22px;width:50px}.logo img{border-radius:50%;width:100%}header ul li{margin-left:30px}header ul li a{font-size:13px;font-weight:500;letter-spacing:1px;transition:.5s}.home-btn,header ul li a:hover{color:#ff014f}.home-btn{background:linear-gradient(145deg,#e2e8ec,#fff);border-radius:6px;box-shadow:4px 4px 8px #cbcbcb,-4px -4px 8px #fff;cursor:pointer;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-top:22px;padding:15px 20px;transition:all .3s ease}.home-btn:hover{background:#ff014f;color:#fff}.open{display:none}.header.active{background-color:#ecf0f3;box-shadow:-1px 11px 24px -11px #000000bf;height:12vh;position:fixed;top:0;transition:.5s;width:100%;z-index:1000}.social-icon{z-index:888888}@media (max-width:768px){header ul{padding-top:30px}.nav-links-mobile{background-color:#fff;box-shadow:0 50px 100px -20px #32325d3b,0 30px 60px -30px #0000004d;display:block;height:100vh;left:0;list-style:none;position:absolute;top:0;transition:all .5s ease-in-out;width:50%;z-index:888}header ul li{line-height:60px;text-transform:uppercase;transition:all .5s ease-in-out;width:100%}header .link{display:none}.close,.open{color:#ff014f;display:block;font-size:25px;position:absolute;right:20px;top:35px;z-index:999}.close{right:43%}.close.home-btn{background:linear-gradient(145deg,#e2e8ec,#fff);border-radius:50%;color:#ff014f;height:60px;line-height:60px;padding:0;width:60px}.header.active{height:10vh}}.hero{position:relative}.hero h3{font-weight:100;letter-spacing:2px}.hero h1{font-size:60px;font-weight:700}.hero h1 span{color:#ff014f}.wave-icon{font-size:45px;vertical-align:middle}.hero h2{color:#ff014f;font-size:50px;font-weight:700}.hero h2 span{color:#000}.hero p{color:#878e99;font-size:18px;line-height:30px;margin-top:25px}.hero_btn h4{color:#43474b;font-size:15px;font-weight:400;letter-spacing:2px;margin:25px 0 20px}.hero_btn button{margin-right:20px}.hero_btn i{font-size:18px}.hero_btn button img{height:17px;width:17px}.hero .left{margin-right:10%}.hero .right{position:relative;width:40%}.hero .right_img{border-radius:10px;height:510px;margin-top:12%;padding:20px 50px;width:510px}.myimg{animation:mymove 8s ease-in-out 1s infinite;background:url(/static/media/Nasif3.e0b1de4bd64ee0150eb1.jpeg);background-position:50%;background-repeat:no-repeat;background-size:cover;box-shadow:inset 0 0 0 9px #0000004d;height:100%;justify-self:center;order:1;width:100%}@keyframes mymove{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30% 60%}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}@media (max-width:768px){.hero .left,.hero .right{margin-left:20px;width:100%}.hero .f_flex{flex-direction:column;flex-direction:column-reverse}.hero .right_img{height:54vh;width:100%}}.features .box{padding:30px 30px 30px 40px}.features .box h2{margin:15px 0 18px}.features .box p{transition:.5s;word-spacing:2px}.features .box i{font-size:30px;margin-top:20px;opacity:0;transition:.5s}.features .box:hover p{color:#fff}.features .box:hover i{color:#fff;opacity:1}.Portfolio,.Portfolio .box{position:relative}.Portfolio .box{border-radius:10px}.Portfolio .box:hover{background:none;transform:translateY(0)}.Portfolio .img{height:300px;overflow:hidden;transition:.5s}.Portfolio img{border-radius:10px;transition:.5s;width:100%}.Portfolio .box .img:hover img{transform:scale(1.1)}.Portfolio .category{margin:10px 0;text-transform:uppercase}.Portfolio .category span{font-size:13px;font-weight:500}.Portfolio .arrow{color:#ff014f;opacity:0;position:absolute;right:30px;transform:rotate(-45deg);transition:.5s}.Portfolio .box:hover .arrow{opacity:1}.Portfolio h2{font-size:24px;transition:.5s}.Portfolio .title{padding-top:15px}.Portfolio .box:hover h2{color:#ff014f}.Portfolio .box:hover{color:#000}body.active-modal{overflow-y:hidden}.btn-modal{display:block;font-size:18px;margin:100px auto 0;padding:10px 20px}.modal,.overlay{bottom:0;height:100vh;left:0;position:fixed;right:0;top:0;width:100vw;z-index:9999}.overlay{background-color:#ecf0f3}.modal-content{background:#f0f3f5;border-radius:10px;box-shadow:4px 4px 8px #cbcbcb,-4px -4px 8px #fff;left:7%;line-height:1.4;max-width:85%;min-width:60%;padding:40px;position:absolute;top:10%;z-index:9999}.modal-text{padding:0 10px 0 40px}.modal-text h1{color:#ff014f;font-size:30px;margin:-8px 0 10px}.modal-text p{color:#555;font-size:15px}.modal-text button{color:#ff014f;margin:10px 20px 0 0}.modal-text button i{margin-left:10px}.modal-text button.close-modal{border-radius:50%;font-size:20px;height:50px;padding:2px 0 0 1px;position:absolute;right:-8px;text-align:center;top:10px;width:50px}.modal-text button.close-modal i{margin:2px 0 0}.tech{display:flex;flex-wrap:wrap;list-style:none}.tech,.tech li{margin:0;padding:0}.tech li{color:#ff014f!important}.tech span{color:#555;margin:0 .5rem}.project-details h4{color:#333;font-size:1.5rem;margin:15px 0 10px}.project-details ul li{color:#555;font-size:15px;margin-bottom:5px}@media (max-width:768px){.modal,.overlay{overflow:scroll}.modal .modal-img{margin:50px 0}.modal-content{flex-direction:column}.modal .left,.modal .right{padding:0}}.Resume .left h1{font-size:40px}.Resume .heading{margin-bottom:0}.Resume .content{margin:auto;max-width:85%}.Resume .box{padding:40px}.Resume hr{background-color:#e3e9ed;border:1px solid #e3e9ed;margin:30px 0}.Resume .rate .btn_shadow{color:#ff014f;font-weight:700;padding:15px 30px;transition:.5s}.Resume p{font-size:18px;transition:.5s}.Resume .box{margin-bottom:40px;position:relative}.Resume .btn_shadow:hover{transform:translate(0)}.Resume .box:hover .btn_shadow{background:#ff3a75;box-shadow:none;color:#fff}.Resume .box:hover p{color:#fff}.Resume .content-section,.Resume .left{position:relative}.Resume .left:after{height:86%;left:0;top:11%;width:5px;z-index:-2}.Resume .box:after,.Resume .left:after{background:#d9dee2;box-sizing:border-box;content:"";position:absolute}.Resume .box:after{height:5px;left:-8%;top:13%;width:40px}.Resume .box:before{background:#fff;border:5px solid #d9dee2;border-radius:50%;content:"";height:10px;left:-10%;position:absolute;top:10.8%;transition:.5s;width:10px;z-index:5}.Resume .box:hover.box:before{background:#ff3a75}@media (max-width:768px){.Resume .d_flex{flex-direction:column}.Resume .left:after{height:105vh;top:14%}}.Testimonial h2{margin:15px 0 0}.Testimonial .left{margin:20px;padding:35px;width:35%}.Testimonial .left .img{height:100%;overflow:hidden;position:relative;width:100%}.Testimonial .left .img img{height:100%;object-fit:cover;width:100%}.Testimonial .right{margin:20px 20px 0 0;padding:0 0 0 50px;width:65%}.Testimonial .quote i{font-size:120px;opacity:.1}.Testimonial .content{margin-top:20px;padding:50px}.Testimonial .content h1{color:#ff014f;font-size:24px;font-weight:900;margin-bottom:4px}.Testimonial .content h3{color:#3c3e41;font-size:14px;font-weight:400;line-height:22px}.Testimonial .content p{color:#000;margin-top:20px}.Testimonial .slide_button{position:absolute;right:30px;top:30px}.Testimonial .slide_button .prev_btn{margin-right:30px}.Testimonial .slide{display:flex;height:500px;margin:auto;max-width:90%;overflow:hidden;position:relative}article{height:100%;left:0;opacity:0;position:absolute;top:0;transition:all .3s linear;width:100%}article.activeSlide{opacity:1;transform:translateX(0)}article.lastSlide{transform:translateX(-100%)}article.nextSlide{transform:translateX(100%)}@media (max-width:768px){article{flex-direction:column;padding:20px}.Testimonial .left{display:flex;margin:15% 0 0;width:100%}.Testimonial .left img{border-radius:10px;margin-right:20px;width:190px}.Testimonial .right{margin:0;padding:0;width:100%}.Testimonial .slide{height:70vh;max-width:90%}.Testimonial .quote{display:none}}.modal-blog.modal,.modal-blog.overlay{overflow:scroll}.modal-blog.modal .modal-content{left:0;margin:auto auto 10%;max-width:70%;position:relative;top:10%}.modal-blog .modal-content .left,.modal-blog .modal-content .right{margin-top:30px;padding:0;width:100%}.blog_contact .left,.blog_contact .right{margin:0 25px 0 0}@media (max-width:768px){.modal-blog.modal .modal-content{margin-bottom:20%;max-width:90%}}.Contact .left{width:36%}.Contact .right{width:60%}.Contact .box{padding:30px}.Contact .details h1{font-size:35px;margin:15px 0}.Contact .details p{font-size:16px}.Contact .button{margin-top:15px}.Contact button{margin-right:20px}.Contact .right{padding:35px}.Contact .right .gap{gap:15px}.Contact .input span{font-size:13px}.Contact input,textarea{border-radius:7px;margin-top:6px}.Contact .right button{color:#ff014f;width:100%}.Contact .right button:hover{color:#fff}.Contact .right button i{margin-left:10px}@media (max-width:768px){.Contact .d_flex{flex-direction:column}.Contact .left,.Contact .right{margin-top:50px;width:100%}}.flogo{cursor:pointer;margin:auto;width:50px}.flogo img{border-radius:50%;width:50px}footer{margin:2% 0}footer p{margin-top:10px}#skills{text-align:center}#skills h2{font-size:2.5rem;margin-bottom:.5rem}#skills p{color:#666;font-size:1.2rem;margin-bottom:2rem}.skills-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.skill-card{width:100%}.skill-card:hover{transform:translateY(-10px)}.skill-card h3{font-size:1.5rem;margin-bottom:1rem}.skill-card ul{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));list-style:none;margin:0;padding:0}.skill-card ul li{align-items:flex-start;display:flex;flex-direction:column;font-size:1rem;margin-bottom:1rem;text-align:left;width:33%}.skill-card ul li i{font-size:1.2rem;margin-right:.5rem;opacity:50%!important}.skill-card:hover i{opacity:80%!important}.skill-card ul li span{color:#555;font-size:.8rem;margin-top:.2rem}.Certification .container{margin:80px auto;max-width:1280px;padding:0 20px}.Certification p{font-size:18px;transition:.5s}.Certification .shortP p{font-size:14px;transition:.5s}.Certification .box{margin-bottom:20px;padding:30px;position:relative}.Certification .btn_shadow:hover{transform:translate(0)}.Certification li:hover .btn_shadow{background:#ff3a75;box-shadow:none;color:#fff}.Certification .box:hover p{color:#fff}
/*# sourceMappingURL=main.d257beb9.css.map*/