.loading-animation{max-width:300px;padding:40px;animation:zoominout 4s infinite;}#particles-js canvas{position:fixed;top:60px;height:100vh;z-index:-1;}@keyframes zoominout{0%{zoom:0;opacity:0;}20%{zoom:0;opacity:0;}40%{zoom:1;opacity:1;}80%{zoom:1;}100%{zoom:0;opacity:0;}}body{background:#355c7d;background:linear-gradient(180deg,#355c7d 0%,#f8b195 100%) no-repeat;min-height:100vh;color:#fff;font-family:"Quicksand",sans-serif;}html{scroll-behavior:smooth;}.active{color:#f8b195!important;}.red{color:#f00;}.nav-links{width:auto;}.section-name{display:none;margin-left:auto;}.main-nav{position:sticky;top:0;z-index:1;}.main-nav header{background-color:rgba(0,0,0,.6);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);}.content{padding:.5rem 1rem;}.navitem{vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;overflow:hidden;padding-bottom:3px;}.navitem :before{content:"";position:absolute;z-index:-1;left:51%;right:51%;bottom:0;background:#fff;height:1px;border-radius:2px;-webkit-transition-property:left,right;transition-property:left,right;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;}.navitem :hover:before{left:0;right:0;}.md\:text-sm{font-size:1rem!important;}.section-title{text-align:center;width:100%;font-size:8rem;font-weight:500;opacity:.2;}.h-sec{width:calc(50% - 40px);text-align:left;}.mbtn{align-items:center;background:transparent linear-gradient(96deg,#fff 0%,#6c5b7b 0%,#355c7d 100%) 0% 0% no-repeat padding-box!important;border:1px solid #fff;border-radius:12px;display:flex;font-size:1.2em;font-weight:500;gap:15px;padding:12px 24px;color:#fff;}.sendbtn{margin-left:auto;}.servicebox{border-radius:20px;border:#355c7d 5px solid;background-color:#fff;color:#355c7d;display:flex;flex-direction:column;}.servicebox .service-image{margin-left:auto;max-width:90%;}.servicebox .service-main{padding:40px;display:grid;flex-grow:1;}.servicebox .service-main .service-title{font-size:2rem;font-weight:600;margin-bottom:1.2rem;}.servicebox .service-main .service-text{font-weight:600;}.service-btn{margin-top:2rem;align-self:end;justify-self:end;}.service-btn .service-btn-img{width:1.4rem;}.service-image{margin-left:auto;max-width:90%;}.main-section1,.main-section2,.main-section3{align-items:center;display:flex;flex-direction:row;gap:40px;justify-content:space-between;}.uptitle{font-size:2.5rem;font-weight:500;letter-spacing:1px;margin-top:120px;opacity:.25;animation:typing 2s steps(20,end);animation-fill-mode:both;width:70px;display:flex;white-space:nowrap;overflow:hidden;animation-delay:1s;}.myname{font-size:5rem;font-weight:500;letter-spacing:1px;margin-top:20px;display:grid;grid-auto-columns:auto;}.name1{font-weight:inherit;animation:typing .6s steps(6,end);animation-fill-mode:both;animation-delay:2.2s;white-space:nowrap;overflow:hidden;}.name2{font-weight:inherit;animation:typing .8s steps(10,end);animation-fill-mode:both;animation-delay:2.6s;white-space:nowrap;overflow:hidden;}@keyframes typing{from{width:0;}to{width:100%;}}.name-desc{font-size:2rem;font-weight:500;letter-spacing:1px;margin-top:20px;animation:show 2s;animation-delay:3.7s;opacity:0;animation-fill-mode:forwards;}@keyframes show{from{opacity:0;transform:translateY(15px);}to{opacity:100;transform:translateY(0);}}.sh-btn{margin-top:130px;animation:show 2s;animation-delay:4s;opacity:0;animation-fill-mode:forwards;}.sh-btn .span{font-size:1.8rem;}.blob1{margin:0 auto;max-width:540px;width:90%;animation:mover 2s infinite alternate;}@keyframes mover{0%{transform:translateY(0);}100%{transform:translateY(-15px);filter:drop-shadow(4px 20px 8px rgba(0,0,0,.3));}}.fibox{animation:show 2s;animation-delay:4.3s;opacity:0;animation-fill-mode:forwards;}.first-section{margin-top:60px;padding-top:40px;}.first-section .about-text{font-size:1.2rem;}.first-section .profile{margin-top:50px;width:100%;}.first-section .profile img{border:10px solid rgba(255,255,255,.3215686275);border-radius:100%;box-sizing:content-box;margin:0 auto;width:150px;}.tech-shape{margin-top:160px;position:relative;width:100%;}.tech-shape .box{background-color:rgba(255,255,255,.2);left:-2rem;padding:30px 40px;position:absolute;top:0;width:calc(100% + 3.5rem);}.blob2{left:20px;max-width:540px;width:90%;}.blob1,.blob2,.p-img1,.p-img2,.crb-img{animation:mover 2s infinite alternate;}.project-sec{margin-top:280px;padding-top:40px;}.project-sec .p-title{font-size:2rem;font-weight:bolder;margin-bottom:2rem;}.project-sec .p-text{font-size:1.2rem;}.project-sec .pbtn{margin-top:80px;}.project-sec .p-img1{left:20px;margin:0 auto;max-width:400px;width:90%;}.project-sec .p-images{display:flex;flex-direction:row;gap:40px;justify-content:space-evenly;margin-top:100px;}.project-sec .p-images .imgbox{background-color:#fff;border-radius:10px;max-width:300px;padding:12px;}.project-sec .second-section{align-items:center;border-top:5px dotted rgba(255,255,255,.0901960784);display:flex;flex-direction:row;gap:40px;justify-content:space-between;margin-top:100px;padding-top:50px;}.project-sec .second-section img{left:20px;margin:0 auto;max-width:400px;width:90%;}.gitline{margin-top:160px;position:relative;width:100%;}.gitline .git-box{background:#fff;background:linear-gradient(90deg,rgba(255,255,255,.2) 0%,rgba(0,0,0,0) 80%);left:-2rem;padding:30px 40px;position:absolute;top:0;width:calc(100% + 3.5rem);}.gitline .git-box p{align-self:center;font-size:1.5rem;font-weight:600;margin-right:4rem;}.service-box{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,450px));justify-content:space-between;}.platform-line{margin-top:160px;position:relative;width:100%;}.platform-line .platform-box{background-color:rgba(255,255,255,.2);display:flex;flex-direction:row;justify-content:center;left:-2rem;padding:30px 40px;position:absolute;top:0;width:calc(100% + 3.5rem);}.platform-line .platform-box p{align-self:center;font-size:1.5rem;font-weight:600;margin-right:4rem;}.platform-line .platform-box .img-box{position:relative;width:200px;}.platform-line .platform-box .img-box img{display:block;left:0;position:absolute;top:-85px;}.contact-box{background-color:#fff;border:3px solid #355c7d;border-radius:20px;color:#355c7d;display:flex;flex-direction:row;gap:30px;overflow:hidden;position:relative;}.contact-box .clb{padding:3rem 0 3rem 4rem;width:50%;}.contact-box .clb .title{align-items:center;display:flex;flex-direction:row;margin-bottom:3rem;padding-left:1rem;}.contact-box .clb .title img{max-width:3rem;}.contact-box .clb .title p{border-bottom:2px solid #355c7d;font-size:2rem;font-weight:600;margin-left:.5rem;}.inputbox{display:flex;flex-direction:column;margin-bottom:2rem;}.inputbox .contact{display:flex;flex-direction:column;width:calc(50% - 1rem);}.inputbox label{font-size:1.2rem;font-weight:600;margin-bottom:.25rem;margin-left:1rem;}.inputbox .right-c{margin-left:2rem;}.inputbox .text-input{background-color:rgba(53,92,125,.1);border:2px solid #355c7d;border-radius:10px;font-size:1.2rem;padding:.5rem 1rem;}.inputbox .messagebox{max-height:400px;min-height:200px;}.crb{align-items:center;background-color:rgba(53,92,125,.1);border-radius:350px 0 0 0;display:flex;flex-direction:column;padding:3rem 4rem 3rem 0;width:50%;}.crb .crb-img{max-width:70%;padding:20px;margin-top:50px;margin-bottom:100px;}.crb .crb-img img{max-height:300px;}.crb .contact-icons{display:flex;flex-direction:row;gap:50px;}.crb .contact-icons img{width:60px;transition:.3s ease-in-out;}.crb .contact-icons img:hover{transform:translate(0,-10px);filter:drop-shadow(0 12px 6px rgba(0,0,0,.2));}.service-top-box{margin-top:280px;padding-top:40px;}footer{margin-top:100px;background-color:rgba(255,255,255,.2);padding:.5rem;text-align:center;}.imagemodalbox{z-index:10;}.imagemodalbox .modal-title{max-height:90vh;margin:0 auto;padding:10px;}.contact-top-box{margin-top:280px;padding-top:40px;}.menu-btn,.menu{display:none;}lang-short{display:initial;}.lang-m{display:none;}@media(min-width:1536px){.container{max-width:1420px!important;}}@media(min-width:1280px){.myname{grid-template-columns:250px 340px;}}@media(min-width:1280px){.main-section1{min-height:100vh;padding-bottom:130px;}}@media screen and (max-width:1023px){.main-section2{flex-direction:column;gap:70px;}.main-section2 .h-sec{width:100%;}.main-section2 .h-sec .blob2{max-width:300px;margin:0 auto;}.tech-shape{margin-top:100px;}.service-box{justify-content:center;}.contact-box{flex-direction:column;gap:0;}.contact-box .crb,.contact-box .clb{width:100%;padding:2.5rem;border-radius:0;}.contact-box .crb .crb-img,.contact-box .clb .crb-img{margin-top:0;margin-bottom:30px;display:none;}.contact-box .crb .crb-img img,.contact-box .clb .crb-img img{max-height:200px;}.contact-box .crb .sendbtn,.contact-box .clb .sendbtn{margin-left:auto;}footer{margin-top:20px;}}@media screen and (max-width:768px){.section-name{display:block;font-size:1.5em;margin:auto;}.section-title{font-size:6rem;}.lang-short{display:none;}.lang-m{display:block;margin-left:auto;padding-right:15px;text-align:center;margin-top:20px;}.lang-m a{align-items:center;display:inline-flex;font-size:1.2rem;gap:10px;justify-content:end;margin-left:auto;padding:10px 15px;}.lang-m a:hover{background-color:rgba(255,255,255,.1490196078);border-radius:10px;}.lang-m img{width:25px;}.main-section1{flex-direction:column;}.main-section1 .h-sec{width:100%;}.main-section1 .h-sec .uptitle{margin-top:40px;}.main-section1 .h-sec .blob1{width:50%;margin-left:auto;margin-right:20px;margin-top:-180px;}.main-section2 .h-sec:first-child{display:none;}html{font-size:14px;}.menu-btn{padding:10px;display:initial;}.menu{height:100vh;width:250px;margin-left:auto;background-color:rgba(0,0,0,.6);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);position:fixed;right:0;overflow-y:auto;display:none;animation:slide-in-right .4s forwards;}.is-open{display:block;animation:slide-in-right .4s forwards;}.is-closed{display:block;animation:slide-out-right .4s forwards;}.menu ul{display:flex;flex-direction:column;align-items:start;justify-content:center;width:100%;}.menu ul li{width:100%;}.menu ul li a{padding:20px 30px;display:block;font-size:1.5em;font-weight:500;text-align:center;border-bottom:1px solid rgba(255,255,255,.1607843137);}@keyframes slide-in-right{0%{transform:translateX(100%);}100%{transform:translateX(0);}}@keyframes slide-out-right{0%{transform:translateX(0);}100%{transform:translateX(100%);}}.btn1{position:relative;transition-duration:.5s;width:24px;height:20px;}.btn1 .icon-left{transition-duration:.5s;position:absolute;height:3px;width:12px;top:10px;background-color:#fff;left:0;}.btn1 .icon-left:before{transition-duration:.5s;position:absolute;width:12px;height:3px;background-color:#fff;content:"";top:-8px;}.btn1 .icon-left:after{transition-duration:.5s;position:absolute;width:12px;height:3px;background-color:#fff;content:"";top:8px;}.btn1 .icon-left:hover{cursor:pointer;}.btn1 .icon-right{transition-duration:.5s;position:absolute;height:3px;width:12px;top:10px;background-color:#fff;left:12px;}.btn1 .icon-right:before{transition-duration:.5s;position:absolute;width:12px;height:3px;background-color:#fff;content:"";top:-8px;}.btn1 .icon-right:after{transition-duration:.5s;position:absolute;width:12px;height:3px;background-color:#fff;content:"";top:8px;}.btn1.open .icon-left{transition-duration:.5s;background:transparent;}.btn1.open .icon-left:before{transform:rotateZ(45deg) scaleX(1.4) translate(2px,2px);}.btn1.open .icon-left:after{transform:rotateZ(-45deg) scaleX(1.4) translate(2px,-2px);}.btn1.open .icon-right{transition-duration:.5s;background:transparent;}.btn1.open .icon-right:before{transform:rotateZ(-45deg) scaleX(1.4) translate(-2px,2px);}.btn1.open .icon-right:after{transform:rotateZ(45deg) scaleX(1.4) translate(-2px,-2px);}.btn1:hover{cursor:pointer;}@media screen and (max-width:600px){.project-sec{margin-top:230px;}.project-sec .main-section3,.project-sec .second-section{flex-direction:column;}.project-sec .main-section3 .h-sec,.project-sec .second-section .h-sec{width:100%;}.project-sec .main-section3 .h-sec .p-img1,.project-sec .main-section3 .h-sec .p-img2,.project-sec .second-section .h-sec .p-img1,.project-sec .second-section .h-sec .p-img2{display:none;}.project-sec .p-images{margin-top:60px;gap:30px;flex-direction:column;}.project-sec .p-images .imgbox{padding:6px;border-radius:6px;width:85%;}.project-sec .p-images .imgbox{margin:0 auto;}.project-sec .pbtn{margin:0 auto;margin-top:60px;}.gitline{margin-top:80px;}.service-top-box{margin-top:240px;}}@media screen and (max-width:500px){.container .main-section1 .h-sec .blob1{margin:0 auto;}.main-section1{text-align:center;}.main-section1 .sh-btn{margin:0 auto;margin-top:50px;margin-bottom:20px;}.first-section{margin-top:20px;}.container .section-title{font-size:4rem;margin-bottom:2rem;}.w-main .tech-shape{margin-top:80px;}.w-main .tech-shape .box{padding:30px 20px;}.w-main .tech-shape .box .mbtn{width:fit-content;}.gitline .git-box div{flex-direction:column;text-align:center;align-items:center;gap:20px;}.gitline .git-box div p{margin:0;}.service-top-box{margin-top:300px;}.platform-line{margin-top:100px;}.platform-line .platform-box{flex-direction:column;text-align:center;align-items:center;padding-bottom:90px;}.platform-line .platform-box p{margin:0;}.platform-line .platform-box .img-box img{width:150px;top:10px;}.contact-top-box{margin-top:410px;}.contact-box .clb{padding:2rem;}.inputbox .right-c{margin-left:.5rem;}.inputbox .contact{width:calc(50% - .25rem);}}