@import url("https://fonts.googleapis.com/css2?family=Balsamiq+Sans:wght@400;700&display=swap");:root{--main-color:#7a57d1;--main-light-color:rgba(122,87,209,.4);--title-color:#fff;--bold-color:#3f3b3b;--bold-light-color:#5e5147;--text-color:#5c5c5c;--light-color:#dee1ec;--box-shadow:rgba(122,87,209,.5)}*{padding:0;box-sizing:border-box;font-family:Balsamiq Sans}*,h1,h2,h3,h4,h5,h6{margin:0}body,html{overflow-x:hidden;scroll-behavior:smooth}a{text-decoration:none;color:var(--bold-color)}a:hover{text-decoration:none!important}.loading{width:200px;height:200px}.m-t-lg{margin-top:24px}.mx-2{margin:0 6px}.d-block{display:block}.d-none,.d-none-large{display:none}.text-center{text-align:center}.text-bold{color:var(--bold-color)}.container{margin:0 auto;max-width:1140px;padding:0 15px}@media (max-width:992px){.container{max-width:960px}}@media (max-width:768px){.container{max-width:720px}.d-none-small{display:none}.d-none-large{display:block}}@media (max-width:576px){.container{max-width:540px}}.box-bar,.circle-round{width:80px;height:80px;border:15px solid var(--main-color)}.circle-round{border-radius:50%}.box-fill{width:40px;height:40px;background:var(--main-color);opacity:.3}.box-mini-bar{position:absolute;bottom:47px;left:22px;width:40px;height:40px;border:3px solid var(--main-color);opacity:.2;border-radius:2px}.button-container{width:320px;display:flex;justify-content:space-between}.button{display:inline-block;width:150px;padding:10px 20px;border:2px solid var(--main-color);color:var(--main-color);text-align:center;font-size:14px;font-weight:600;border-radius:2px;cursor:pointer;transition:.3s ease-in}.button.active,.button:hover{background:var(--main-color);color:var(--title-color)}.button:hover{box-shadow:0 2px 30px rgba(122,87,209,.6)}.button.active:hover{background:transparent;color:var(--main-color)}.section-flex{display:flex;flex-wrap:wrap}.section-flex .section-left,.section-flex .section-right{flex:50% 1}@media (max-width:768px){.section-flex .section-left,.section-flex .section-right{flex:100% 1}}.nav{position:relative;display:flex;align-items:center;width:100%;height:100px;transition:.3s ease-in-out;z-index:999}.nav.active{position:fixed;top:0;left:0;background:var(--title-color);box-shadow:0 2px 20px var(--box-shadow)}.nav .container{width:100%;display:flex;justify-content:space-between;align-items:center}.hamburger{display:none;margin-right:10px}.hamburger .span1{width:32px}.hamburger .span1,.hamburger .span2{height:2px;background:var(--main-color);display:block}.hamburger .span2{margin-top:4px;margin-left:auto;width:22px;transition:.3s ease-in}.hamburger:hover{cursor:pointer}.empty{display:none}.logo{position:relative;margin:0;font-size:22px;color:var(--main-color);font-weight:700;transition:.3s;z-index:1000}.side-menu .nav-list{margin:0;z-index:1;display:flex;align-items:center}.side-menu .nav-list .nav-link{display:inline-block;padding:0;margin:0 30px;list-style:none;font-size:15px;cursor:pointer;color:var(--bold-color);transition:.2s;font-weight:600;text-transform:capitalize;position:relative}.side-menu .nav-list .nav-link:before{content:" ";left:-14px}.side-menu .nav-list .nav-link:after,.side-menu .nav-list .nav-link:before{background-image:url(/image/icons/arrow.svg);background-repeat:no-repeat;width:10px;height:10px;position:absolute;top:4px;color:var(--main-color);transition:.2s ease-in;opacity:0}.side-menu .nav-list .nav-link:after{content:"";right:-14px;transform:rotate(180deg)}.side-menu .nav-list .nav-link .github:hover,.side-menu .nav-list .nav-link:hover{color:var(--main-color);fill:var(--main-color)}.side-menu .nav-list .nav-link:hover:after,.side-menu .nav-list .nav-link:hover:before{opacity:1}.side-menu .nav-list a:last-child .nav-link{margin:0 0 0 30px}.side-menu .nav-list .nav-link .github{margin-top:3px;width:24px}.side-menu .nav-list .nav-link:last-child:hover:after,.side-menu .nav-list .nav-link:last-child:hover:before{opacity:0}.nav .circle-round{position:absolute;top:-30px;left:-30px;opacity:.6}.nav .box-bar{position:absolute;top:-40px;right:-40px;transform:rotate(-45deg);opacity:.95}@media only screen and (max-width:786px){.nav{height:auto;margin:0;padding:25px 10px;justify-content:space-between}.hamburger{display:block;z-index:1000}.hamburger:hover .span2{width:32px}.side-menu .nav-list{margin:0;position:absolute;padding:0;top:0;left:0;width:100%;height:100vh!important;background:var(--title-color);display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;transform:translateX(-120%);transition:.3s ease-in;z-index:999}.side-menu .nav-list.active{transform:translateX(0)}.side-menu .nav-list a:last-child .nav-link{margin:initial;margin-left:0}.hamburger .span1.active{width:25px;height:3px;transform:rotate(44deg) translate(2px,-3px);opacity:.8}.hamburger .span2.active{height:3px;margin-top:0;width:25px;display:block;transform:rotate(-47deg) translateX(5px);opacity:.8}.nav .circle-round{top:-40px;left:-50px}.nav .box-bar{top:-50px;right:-50px;opacity:.65}}.scroll-button{position:fixed;bottom:20px;right:20px;padding:10px 10px 4px;border-radius:10px;z-index:999;border:none;transition:.3s;background:var(--bold-color);box-shadow:0 2px 20px rgba(122,87,209,.8);cursor:pointer}.scroll-button:hover{opacity:.7}.scroll-button .i{width:20px;fill:var(--title-color)}.content-header{text-align:center}.title{font-size:18px;font-weight:600;color:var(--main-color)}.sub-title{text-transform:capitalize;padding-bottom:10px;font-size:40px;font-weight:600;color:var(--bold-color)}@media (max-width:500px){.sub-title{font-size:30px}}.header{position:relative;z-index:1;padding-top:10px;padding-bottom:100px;overflow:hidden}.header .section-left{width:100%;height:auto;display:flex;align-items:center}.header .content{max-width:440px}.header .content .title-head{font-size:30px;color:var(--main-color);font-weight:600}.header .content .title{padding-top:5px;font-size:45px;color:var(--bold-color);font-weight:700}.header .content span{color:var(--main-color)}.header .content .subtitle{font-size:45px;line-height:38px;color:var(--bold-color);font-weight:600}.header .content .para{padding:25px 0;color:var(--bold-color);font-size:16px;font-weight:600;line-height:23px}.header .content .button-container{padding-top:10px}.img-container{width:100%;height:100%;display:flex;align-items:center}.img-container img{max-width:400px}.content-social{display:none}.header-social{position:absolute;top:40%;right:8.5%;transform:translateY(-50%)}.header-social .social-flex{display:flex;flex-direction:column;text-decoration:none}.header-social a{margin:5px 0;width:34px;height:34px;border:2px solid var(--main-color);border-radius:999px;display:grid;place-items:center;transition:.3s ease-in}.header-social .i{width:20px;color:var(--main-color);fill:var(--main-color)}.header-social a:hover{background:var(--main-color)}.header-social a:hover .i{color:var(--title-color);fill:var(--title-color)}.scroll-down-container{position:absolute;bottom:12%;right:6.5%;transform:rotate(90deg);display:flex;align-items:flex-end}.scroll-down-container h6{font-size:13px;text-transform:uppercase;font-weight:600}.scroll-down-container h6:after{content:"";position:absolute;top:-5px;width:0;height:2px;background:var(--main-color);animation:scroll 1s linear infinite;transition:width .2s cubic-bezier(.29,.18,.26,.83)}@keyframes scroll{0%{width:0;left:-7px}50%{width:105px}to{width:0;right:-7px}}@media (max-width:768px){.header{padding:60px 0}.header .section-left{height:auto}.header .section-right{padding-top:30px}.header-social,.scroll-down-container{display:none}.header .content .para{padding-bottom:0}.header .img-container{position:relative;display:flex;justify-content:center}.content-social{display:flex;position:static;top:auto;right:auto;transform:none;padding-bottom:30px}.content-social .social-flex{width:230px;display:flex;flex-direction:row;text-decoration:none;justify-content:space-between}}@media (max-width:500px){.header .content{max-width:100%}.header .content .title-head{font-size:26px}.header .content .title{padding-top:5px;font-size:38px}.header .content .subtitle{font-size:34px;line-height:38px}}.particles-container{position:absolute;top:0;left:0;width:100%;height:100vh;z-index:-1}.box-fill{position:absolute;bottom:40px;left:30px;z-index:-1}.header .wave{top:65%;z-index:-1}.header .wave,.header .wave2{position:absolute;right:-10px;transform:translateY(-50%);width:80px;opacity:.5}.header .wave2{top:66.5%}.header .triangle{position:absolute;bottom:20%;left:40%;width:20px;height:20px;opacity:.3;animation:move 20s linear infinite;z-index:-1}@keyframes move{0%{transform:scale(1) translatex(0) rotate(39deg)}25%{transform:scale(.6) translatex(-20px) rotate(90deg);opacity:.2}50%{transform:scale(1) translateX(-30px) rotate(180deg);opacity:.6}75%{transform:scale(.8) translatex(20px) rotate(90deg);opacity:.16}to{transform:scale(1) translatex(0) rotate(-209deg);opacity:.5}}.about{padding:50px 0;position:relative;z-index:2}.about .section-left{position:relative;flex:35% 1}.about .dotted{position:absolute;bottom:-60px;left:-80px;width:180px!important;height:180px;opacity:.6;z-index:-1}.about .section-right{flex:65% 1;display:flex;flex-direction:column;justify-content:space-evenly}.about-header-container{margin-bottom:20px;display:flex;align-items:center;justify-content:space-between}.about-header .content-header{text-align:left}.about .img-container{display:initial}.about .img-container img{width:95%;position:relative;z-index:1;border-radius:20px}.tab-section{display:none}.tab-section.active{display:block}.tabs{margin:0;list-style:none;text-align:end}.tab{margin:0 5px;cursor:pointer;background:transparent}.tab.active,.tab:hover{background:var(--main-color);color:var(--title-color)}.tab-content{padding:30px}.tab-content .content{max-width:100%}.tab-content .content .title{font-size:18px;font-weight:600;padding-bottom:14px;color:var(--bold-color)}.tab-content .content .para{font-size:14px;font-weight:500;padding-bottom:10px;color:var(--text-color)}.tab-content .content .i{width:20px;fill:var(--main-color)}.tab-content .content .i path{fill:var(--main-color)}.tab-content .content h5{font-size:16px}.tab-content .button{margin-top:25px;width:180px}.tab-content .content .section-flex{padding-top:15px}.tab-content .content .section-left{height:auto}.mini-flex{display:flex;padding:5px 0}.mini-flex .mini-flex-left{flex:10% 1}.mini-flex .mini-flex-left,.mini-flex .mini-flex-left span{display:grid;place-items:center}.mini-flex .mini-flex-right{flex:90% 1;padding-left:10px;display:flex;align-items:center}.mini-flex .mini-flex-right h5{font-size:14px;font-weight:500}.education-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:30px}.education-item-block{display:flex;flex-direction:column;justify-content:space-between;padding:5px 24px 10px 20px;border-radius:30px;background:var(--title-color);box-shadow:0 4px 20px rgba(122,87,209,.2)}.education-item-block .header{font-size:30px;padding-bottom:25px;font-weight:600;color:var(--main-light-color)}.education-item-block .content{text-align:right}.education-item-block h2{font-size:16px;font-weight:500}.education-item-block h3{margin-top:5px;font-size:18px;color:var(--main-color)}.education-item-block .year{margin-top:10px;font-size:20px;font-weight:600;color:var(--bold-light-color)}.company-item-block{padding:10px 0;display:flex;align-items:center}.company-item-block .company-image-container{width:50px;height:50px}.company-item-block .company-content-container{padding-left:20px;flex:1 1}.company-item-block .company-content-container h2{font-size:16px;color:var(--bold-color)}.company-item-block .company-content-container h2 a{display:block;margin-bottom:8px;text-decoration:underline}.company-item-block .company-content-container h2 a:hover{color:var(--main-color)}.company-item-block .company-content-container span{display:block;padding:1px 0;font-size:13px;color:var(--text-color)}.about .line-circle{position:absolute;bottom:40px;right:50px;width:90px;opacity:.6;z-index:7}.about .dot-line{position:absolute;top:40px;left:20px;width:20px;opacity:.6}@media (max-width:768px){.about-header .content-header{text-align:center}.tab-content{padding:35px 10px 0 20px}.tab{margin:5px}.about .section-left,.about .section-right{flex:100% 1}.tab-content .content .section-left,.tab-content .content .section-right{flex:50% 1}.about-header-container{justify-content:center;text-align:center}.about .img-container{display:flex;justify-content:center}}@media (max-width:600px){.about-header{text-align:center;padding-bottom:20px}.about-header h3{font-size:24px}.about-header h4{font-size:14px;padding-bottom:5px}.about .img-container{place-items:center}}@media (max-width:500px){.tab-content{padding:30px 0}.tabs{margin-top:30px;text-align:center}.tab{margin:5px}}.skills{padding:60px 0 100px;position:relative}.skills-container{margin-top:30px;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:20px;text-align:center}.skills-block{padding:20px;border-radius:10px;text-align:center;flex-direction:column;transition:.3s ease-in-out}.skills-block,.skills-block .skills-img-container{display:flex;align-items:center;justify-content:center}.skills-block .skills-img-container{width:60px;height:60px;margin-bottom:15px}.skills-block p{font-size:16px;font-weight:600}.skills-block:hover{cursor:pointer;transform:translateY(-10px);box-shadow:0 4px 20px rgba(122,87,209,.2)}@media (max-width:500px){.skills-container{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));column-gap:10px;row-gap:20px}.skills-block{padding:10px}.skills-block .skills-img-container{width:45px;height:45px}.skills-block p{font-size:14px}}.service{padding:80px 0;text-align:center;position:relative}.service .para{max-width:550px;margin:0 auto}.service .service-grid{padding-top:40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:30px}.service-grid .service-block{padding:20px;width:100%;height:300px;border-radius:10px;transition:.3s;cursor:pointer}.service-block .service-img-container{display:grid;place-items:center;width:100%;height:40%}.service-block .service-img-container svg{width:100%;max-width:100px;height:70px;fill:var(--main-color)}.service-block .service-content{padding-top:20px;height:60%}.service-block .service-content .service-content-title{font-size:22px;font-weight:700}.service-block .service-content .service-content-para{margin:0;padding-top:10px;font-size:15px;font-weight:500;line-height:22px;opacity:.9}.service-grid .service-block.active,.service-grid .service-block:hover{background:var(--main-color);box-shadow:0 10px 20px var(--box-shadow)}.service-grid .service-block.active .service-content .service-content-para,.service-grid .service-block.active .service-content .service-content-title,.service-grid .service-block:hover .service-content .service-content-para,.service-grid .service-block:hover .service-content .service-content-title{color:var(--title-color)}.service-grid .service-block.active .service-img-container svg,.service-grid .service-block:hover .service-img-container svg{fill:var(--title-color);opacity:.7}.service .circle-round{position:absolute;top:50px;left:80px;opacity:.7;width:50px;height:50px;border:10px solid var(--main-color)}.service .dotted{position:absolute;width:150px;bottom:-40px;right:-50px;opacity:.7;z-index:-1}.service .light-star{position:absolute;top:20%;right:20%;width:30px}.service .light-wave{bottom:30%;left:-40px;z-index:-1}.service .light-wave,.service .wave2{position:absolute;transform:rotate(-15deg);width:150px}.service .wave2{bottom:27%;left:-36px}@media (max-width:990px){.service{padding:80px 0 40px}}@media (max-width:500px){.service .wave2{bottom:28.5%}}.landing-portfolio{padding:60px 0;position:relative}.landing-portfolio-block{margin-bottom:50px}.landing-portfolio-block .landing-flex{margin-top:40px;display:flex}.landing-flex .landing-flex-left{flex:60% 1}.landing-flex .landing-flex-left .img-container{position:relative;width:100%;height:450px;border-radius:10px;overflow:hidden}.landing-flex .landing-flex-left .img-container img{height:100%;image-rendering:crisp-edges}.landing-flex .landing-flex-left .img-container:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:linear-gradient(to top right,rgba(122,87,209,.4),rgba(122,87,209,.76));transition:.4s ease-in-out;cursor:pointer}.landing-flex .landing-flex-left .img-container:hover:before{opacity:0}.landing-flex .landing-flex-left .img-container img{max-width:100%}.landing-flex .landing-flex-right{position:relative;flex:40% 1}.landing-portfolio-content-container{position:absolute;top:50%;left:0;transform:translate(-25%,-50%);background:var(--title-color);padding:30px;width:550px;border-radius:10px;text-align:right;box-shadow:0 4px 20px rgba(122,87,209,.2);z-index:1}.landing-portfolio-content-container h3{font-size:26px;color:var(--main-color)}.landing-portfolio-content-container p{margin-top:10px;font-size:16px;color:var(--bold-light-color);font-weight:500;line-height:24px}.project-links-container{margin-top:10px;display:flex}.project-links-container .project-icons{width:20px;margin-right:15px;transition:.3s ease-in-out}.project-links-container .project-icons:hover{fill:var(--main-color);color:var(--main-color);transform:scale(1.1)}.stack-container{position:absolute;top:80%;left:0;transform:translate(-25%,-50%);width:550px;padding:0 20px;text-align:right}.stack-container span{margin-left:20px;font-weight:600}.order-1{order:1}.left-40{left:40%}.text-left{text-align:left}.margin-right-20{margin-left:0!important;margin-right:20px}@media (max-width:786px){.landing-portfolio-block .landing-flex{display:block}.landing-portfolio-content-container,.stack-container{width:100%;padding:20px 0 0;position:relative;top:auto;left:inherit;text-align:left;transform:inherit;box-shadow:none}.stack-container span{margin-left:0;margin-right:20px}.left-40{left:auto}.landing-portfolio-content-container h3{font-size:24px}}@media only screen and (max-width:500px){.landing-flex .landing-flex-left .img-container{height:300px}}@font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, 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");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;overflow:clip;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-start:var(--swiper-centered-offset-before);margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-before:var(--swiper-centered-offset-before);margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,rgba(0,0,0,.5),transparent)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,rgba(0,0,0,.5),transparent)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(0deg,rgba(0,0,0,.5),transparent)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,rgba(0,0,0,.5),transparent)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border-radius:50%;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-top:4px solid transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:normal;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}.footer{width:100%;padding:20px 0 0}.footer .footer-start{display:flex;justify-content:center}.footer-middle-container{width:350px}.footer-middle-container h1{font-size:18px;text-align:center;padding-bottom:15px;color:var(--bold-color);font-weight:600}.footer-social{width:100%;z-index:1;padding:0 30px 5px;font-size:20px}.footer-social .social-flex{display:flex;justify-content:space-between;text-decoration:none}.footer-social a{width:40px;height:40px;border:2px solid var(--main-color);border-radius:999px;display:grid;place-items:center;transition:.3s ease-in}.footer-social a:hover{background:var(--main-color)}.footer-social .i{width:24px;color:var(--main-color);fill:var(--main-color)}.footer-social a:hover .i{color:var(--title-color);fill:var(--title-color)}.footer-end{padding:0 20px;margin-top:10px;width:100%;height:50px;background:var(--main-color);text-align:center;display:grid;place-items:center;margin-top:20px}.footer-end p{margin:0;color:var(--title-color);font-size:14px;font-weight:700}.footer-end a{color:#adff2f;padding-left:4px}.react-calendar-heatmap text{font-size:10px;fill:#aaa}.react-calendar-heatmap .react-calendar-heatmap-small-text{font-size:5px}.react-calendar-heatmap rect:hover{stroke:#555}.react-calendar-heatmap .color-github-2{fill:#8cc665}.react-calendar-heatmap .color-github-3{fill:#44a340}.react-calendar-heatmap .color-github-4{fill:#1e6823}.react-calendar-heatmap .color-gitlab-0{fill:#ededed}.react-calendar-heatmap .color-gitlab-1{fill:#acd5f2}.react-calendar-heatmap .color-gitlab-2{fill:#7fa8d1}.react-calendar-heatmap .color-gitlab-3{fill:#49729b}.react-calendar-heatmap .color-gitlab-4{fill:#254e77}.testimonials{padding:60px 0;position:relative}.testimonials .swiper-container{width:100%;height:400px}.testimonials .swiper-slide{text-align:center!important;height:400px;display:flex;justify-content:center;align-items:center}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{display:none}.swiper-button-next{margin-right:-10px;background:var(--main-color)!important;width:40px!important;height:40px!important;border-radius:50%;z-index:999}.swiper-button-next:after{font-weight:600;font-size:14px!important;color:var(--title-color)}.testimonial-block{width:95%;height:340px;padding:20px;border-radius:10px;box-shadow:0 3px 20px rgba(122,87,209,.35);background:var(--title-color);transition:.3s ease-in;z-index:1}.testimonial-block:hover{transform:translateY(-10px);box-shadow:0 8px 20px rgba(122,87,209,.7)}.testimonial-block .testimonial-img-container{width:100%;height:30%;display:flex;justify-content:center;align-items:center;position:relative}.testimonial-block .testimonial-mini-img-container{width:90px;height:90px;border-radius:999px;border:4px solid var(--main-light-color);overflow:hidden}.testimonial-block .testimonial-img-container:before{content:" ";position:absolute;top:52%;left:57%;width:32px;height:32px;border-radius:999px;background:var(--title-color);display:grid;place-items:center;box-shadow:0 1px 10px rgba(122,87,209,.35);z-index:5}.testimonial-block .testimonial-img-container:after{content:" ";background-image:url(/image/icons/quote.svg);position:absolute;top:63%;left:60%;width:14px;height:14px;z-index:5}.testimonial-block .testimonial-img-container img{width:100%;object-fit:cover}.testimonial-block .testimonial-content{padding-top:20px;height:70%;text-align:center}.testimonial-block .testimonial-content .testimonial-para{font-size:15px;font-weight:500}.testimonial-block .testimonial-content .testimonial-name{font-size:16px;font-weight:700;position:relative;margin-top:40px}.testimonial-block .testimonial-content .testimonial-name:after{content:"";position:absolute;top:-20px;left:50%;transform:translateX(-50%);width:50px;height:3px;background-color:var(--main-color)}.testimonial-block .testimonial-content .testimonial-designation{padding-top:7px;font-size:16px;font-weight:700;color:var(--text-color)}.testimonials .dot{position:absolute;top:20px;left:10px;width:28px}.testimonials .dot2{position:absolute;top:auto;left:auto;bottom:20px;right:20px}@media (max-width:768px){.testimonials .dot2{bottom:10px;height:70px;right:5%;transform:rotate(90deg)}.testimonial-block{padding:15px}}@media (max-width:350px){.testimonial-block{height:360px}}.modal{position:fixed;left:0;top:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s ease-in-out;pointer-events:none;z-index:999}.modal.enter-done{opacity:1;pointer-events:visible}.modal.exit{opacity:0}.modal-content{margin:0 10px;width:600px;height:550px;background-color:var(--title-color);transition:all .3s ease-in-out;transform:translateY(-200px);border-radius:10px;overflow:hidden;box-shadow:0 14px 40px var(--box-shadow)}.modal-image-container{position:relative;width:100%;height:280px;cursor:pointer;overflow:hidden}.modal-image-container img{transition:.2s ease-in}.modal-image-container .modal-cancel-icon{position:absolute;top:15px;right:20px;width:40px;height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center;color:var(--title-color);background:var(--main-color);transition:.5 ease-in;cursor:pointer}.modal-image-container .modal-cancel-icon:hover{opacity:.8}.modal.enter-done .modal-content{transform:translateY(0)}.modal.exit .modal-content{transform:translateY(-200px)}.model-content-container{padding:20px;height:270px;overflow:scroll}.modal-header-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.model-content-container h1{font-size:34px;color:var(--main-color)}.model-content-container h2{font-size:22px;margin-bottom:6px;color:var(--bold-color)}.model-content-container p{margin-bottom:20px;font-size:16px;color:var(--text-color)}.model-content-container ul{padding-left:16px}.model-content-container li{font-size:16px;line-height:24px;color:var(--text-color)}.contact-container{position:relative;margin-bottom:30px}.map{width:100%;height:350px;border:none}.contact-color-container{width:100%;height:350px;background:var(--main-color);margin-top:-10px;position:relative;overflow:hidden}.contact-section{padding:30px 50px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;background:var(--title-color);box-shadow:0 10px 30px rgba(0,0,0,.3);border-radius:30px}.contact-section h3{font-size:28px;color:var(--bold-color);font-weight:700;padding-bottom:20px}.contact-section p{padding-bottom:15px;max-width:95%;font-size:14px;line-height:19px;color:var(--text-color);font-weight:600}.contact-section .mini-flex{margin:5px 0}.contact-section .mini-flex .i-container{width:40px;height:40px;border-radius:999px;background:var(--main-color);display:grid;place-items:center;cursor:none;border:3px solid var(--light-color)}.contact-section .mini-flex .i-container .i{width:20px}.contact-section .mini-flex .i-container .i path{fill:var(--title-color)}.contact-section .mini-flex h5{transition:.3s ease-in}.contact-section .mini-flex a,.contact-section .mini-flex h5{font-size:14px;color:var(--text-color);font-weight:600}.contact-section .mini-flex h5:hover{opacity:.8}form input,form textarea{padding:14px;width:100%;color:var(--bold-color);font-size:16px;font-weight:600;opacity:.8;border:none!important;background:var(--light-color);outline:none;border-radius:8px;resize:none;font-family:Balsamiq Sans,cursive}form textarea{height:120px!important}form input::placeholder,form textarea::placeholder{font-size:16px;font-weight:600;margin-bottom:5px;font-family:Balsamiq Sans,cursive}form .button{margin-top:25px}.contact-section .form-row{display:flex;justify-content:space-between;margin-bottom:20px}.contact-section .form-row .form-group{width:49%}.contact-color-container .mini-dot{width:200px;position:absolute;bottom:0;left:0;transform:translate(-50%,50%);opacity:.1}.contact-color-container .light-triangle{position:absolute;top:35px;left:70px;width:30px;transform:rotate(30deg);opacity:.2}.contact-color-container .triangle2{position:absolute;top:78%;left:68%;transform:rotate(20deg);opacity:.2}.contact-color-container .light-star{position:absolute;top:105px;left:40px;width:20px;transform:rotate(30deg);opacity:.2}.contact-color-container .star2{position:absolute;top:80%;left:43%;transform:rotate(30deg);opacity:.2}.contact-color-container .light-wave{position:absolute;top:80%;left:30%;width:70px;opacity:.2}.contact-color-container .wave2{position:absolute;top:70%;left:50%;width:70px;opacity:.2}.contact-color-container .wave3{position:absolute;top:20%;left:auto;right:5%;width:70px;opacity:.2}.contact-color-container .wave4{position:absolute;top:auto;bottom:0;left:auto;right:5%;width:120px;opacity:.4;transform:rotate(30deg)}.contact-color-container .circle-fill{position:absolute;top:50%;right:30px;width:40px;height:40px;border-radius:50%;background:#fcefee;opacity:.1}.contact-color-container .circle-fill:after{content:"";position:absolute;top:10px;left:14px;width:34px;height:34px;border-radius:50%;border:2px solid #e2f3f5;opacity:1}.contact-color-container .box-fill{position:absolute;bottom:40px;left:14.5%;width:40px;height:40px;background:var(--title-color)!important;opacity:.2;z-index:1}.contact-color-container .box-mini-bar{position:absolute;bottom:47px;left:14%;width:40px;height:40px;border:3px solid var(--title-color);opacity:.1;border-radius:2px}@media (max-width:768px){.contact-section{padding:30px 20px;width:90%}.contact-color-container,.map{height:450px}.contact-color-container .box-fill{bottom:20px;left:45%;width:40px;height:40px}.contact-color-container .box-mini-bar{bottom:10px;left:48%;width:40px;height:40px}}@media (max-width:500px){.contact-container{padding-bottom:50px}.contact-section{width:100%;border-radius:initial}.contact-section h3{padding-top:30px;text-align:center;font-size:30px}form{text-align:center}.contact-section .form-row{display:initial;justify-content:normal}.contact-section .form-row .form-group{width:100%;margin:12px 0}}.open-source{padding:50px 0 0}.open-source-loading{height:calc(100vh - 270px);display:grid;place-content:center}.stats-container{margin-top:50px;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:30px}.stats-block{padding:20px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center;border-radius:10px;cursor:pointer;background:var(--title-color);transition:.3s ease-in-out;box-shadow:0 4px 20px rgba(122,87,209,.2)}.stats-block h3{font-size:22px;margin-bottom:14px;opacity:.7}.stats-block p{font-size:20px;color:var(--main-color)}.stats-block:hover{transform:translateY(-5px);box-shadow:0 0 20px var(--box-shadow)}.contribution-container{margin-top:80px}.contribution-container .content-header{text-align:left}.contribution-block-container{margin-bottom:60px;padding:20px 20px 20px 0;width:100%;height:400px;overflow:scroll;border-radius:10px}.contribution-block{position:relative;display:flex;justify-content:space-between;align-items:center;background:var(--title-color);margin-bottom:20px;padding:20px;border-radius:8px;border-left:1px solid var(--main-light-color);box-shadow:0 4px 20px rgba(122,87,209,.2);border:1px solid var(--main-light-color);cursor:pointer;overflow:hidden}.contribution-block:before{position:absolute;content:"";top:0;left:0;width:4px;height:100%;background:var(--main-light-color);transition:.3s ease-in-out;transform-origin:left;z-index:1}.contribution-block .contribution-links{position:relative;font-size:18px;z-index:2;transition:.3s ease-in-out;flex:90% 1}.contribution-block:hover .contribution-links{color:var(--main-color)}.contribution-block .contribution-img-container{width:28px;height:28px}@media (max-width:500px){.stats-container{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:20px}.stats-block h3{font-size:18px}.stats-block p{font-size:16px}}.github-contribution-calendar{margin:80px 0;padding:40px 24px 0;border-radius:10px;box-shadow:0 0 10px var(--box-shadow)}.github-contribution-calendar h2{font-size:20px;font-weight:600;color:var(--bold-color);margin-bottom:20px}.github-contribution-calendar h2 span{color:var(--main-color)}.react-calendar-heatmap text{font-size:8px;fill:var(--bold-light-color);font-weight:600}.react-calendar-heatmap rect:hover{stroke:var(--bold-color);stroke-width:1px}.react-calendar-heatmap .color-empty{fill:#eee}.react-calendar-heatmap .color-filled{fill:#8cc665}.react-calendar-heatmap .color-github-0{fill:#eee}.react-calendar-heatmap .color-github-1,.react-calendar-heatmap .color-github-2{fill:#d6e685}.react-calendar-heatmap .color-github-3{fill:#8cc665}.react-calendar-heatmap .color-github-4{fill:#44a340}.react-calendar-heatmap .color-github-5{fill:#1e6823}@media (max-width:500px){.github-contribution-calendar h2{font-size:18px}}.middle-container{margin-bottom:100px;width:100%;height:220px;background:var(--main-color);position:relative;z-index:3}.middle-section{position:absolute;top:100%;left:50%;transform:translate(-50%,-75%);width:60%;height:200px;background:var(--title-color);border-radius:2px;box-shadow:0 10px 40px rgba(0,0,0,.6);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:4}.middle-section h1{font-size:30px;padding-bottom:20px;font-weight:600;text-align:center}.middle-container .light-wave{position:absolute;top:42%;left:-30px;opacity:.3;width:120px}.middle-container .light-wave.wave2{position:absolute;top:54%!important;left:-30px!important;width:120px!important}.middle-container .light-star{position:absolute;top:10px;left:50%;width:24px;animation:circleMove 4s linear infinite;animation-delay:2s}.middle-container .mini-dot{position:absolute;top:55%;left:70%;transform:translate(50%,50%);max-width:150px;opacity:.3;z-index:-1}.middle-container .mini-dot2{position:absolute;top:-10%;left:10%}.middle-section .triangle{position:absolute;top:20px;left:30px;opacity:.4;transform:rotate(45deg);width:20px}.middle-section .circle-round{position:absolute;bottom:14px;left:36%;width:18px;height:18px;border:3px solid var(--main-color);opacity:.6;animation:circleMove 4s linear infinite}.middle-section .round2{position:absolute;bottom:auto;top:30px;left:auto;right:30px;animation-delay:1s}.middle-section .dot-line{position:absolute;bottom:-30px;right:20%;width:15px;height:60px;transform:rotate(90deg)}@keyframes circleMove{0%{transform:translateX(0)}50%{transform:translate(-20px,-13px)}to{transform:translateX(0)}}.middle-container .circle-fill{position:absolute;top:14px;right:40px;width:40px;height:40px;border-radius:50%;background:#fcefee;opacity:.1;z-index:-1}.middle-container .circle-fill:after{content:"";position:absolute;top:10px;left:14px;width:34px;height:34px;border-radius:50%;border:2px solid #e2f3f5;opacity:1}.middle-container .wave{top:65%;z-index:-1}.middle-container .wave,.middle-container .wave2{position:absolute;left:-10px;transform:translateY(-50%);width:80px;opacity:.5}.middle-container .wave2{top:66.5%}@media (max-width:768px){.middle-section{width:80%}}@media (max-width:500px){.middle-container{margin-bottom:10px;height:300px}.middle-section{top:50%;left:50%;transform:translate(-50%,-50%);width:90%}.middle-section h1{font-size:25px;padding:0 10px 14px}.middle-section .circle-round,.middle-section .dot-line{display:none}.middle-section .round2{display:block}}.portfolio{padding:80px 0 50px;height:100%}.portfolio-header-container{text-align:center}.portfolio-header-container .button{margin:0 5px}.portfolio .filter-container{padding-top:40px;height:auto!important;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:20px}.portfolio .filter-container .filter-item{width:100%;height:320px;position:relative!important;top:auto!important;left:auto!important;border-radius:4px;overflow:hidden;box-shadow:0 10px 20px var(--box-shadow)}.filter-item .grid-img-container{width:100%;height:100%;box-sizing:border-box}.filter-item .grid-content{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:linear-gradient(to top right,rgba(122,87,209,.8),rgba(122,87,209,.96));transition:.3s ease-in-out;opacity:0}.filter-item .grid-content span{margin:0 auto;width:200px;padding:12px 20px;border:2px solid var(--title-color);text-align:center;display:inline-block;color:var(--title-color);border-radius:4px;font-size:16px;font-weight:700;text-transform:uppercase;transition:.2s ease-in-out;transition-delay:.2s;transform:scale(0);cursor:pointer}.filter-item .grid-content span:hover{background:var(--title-color);color:var(--main-color)}.filter-item:hover .grid-content{opacity:1}.filter-item:hover .grid-content span{transform:scale(1)}.portfolio .button-container{width:100%;text-align:center}.portfolio .button-container .link-button{margin:20px auto 0;width:200px}.portfolio .dot{position:absolute;top:0;left:0;width:150px;transform:translate(-50%,-50%);opacity:.27}@media (max-width:768px){.portfolio-header-container .button{width:120px}}@media (max-width:600px){.portfolio .button-container .link-button{margin:0 auto}.portfolio-header-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.portfolio-header-container ul{text-align:center}.portfolio-header-container .button{margin:7px;width:120px}}