@import"https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,500;1,600;1,700;1,800;1,900&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:sans-serif}html{scroll-behavior:smooth}body{margin:0;background-color:#262628}.a-link{color:#fff;text-decoration:none}.progress-bar{background-color:#29c3bc;position:absolute}.container{max-width:1200px;margin:0 auto}.wrapper{background:#1e1e1e;color:#fff;margin:0;padding-top:12px;padding-bottom:12px;top:0;z-index:1}.section-title{display:flex;flex-direction:column;align-items:center;padding-top:128px;padding-bottom:64px}.hero-section{margin-top:128px;margin-bottom:128px;display:flex;justify-content:center;align-items:center;gap:64px;flex-direction:row-reverse}.hero-image{display:flex}.hero-image img{width:auto;height:auto}.hero-text{display:flex;flex-direction:column;justify-content:center}.hero-text h1{color:#e4e2e2;font-family:Noto Sans,sans-serif;font-weight:800;font-size:64px;margin-top:0;margin-bottom:16px}.hero-text .h1-color{color:#29c3bc;font-family:Noto Sans,sans-serif;font-weight:800;font-size:64px;margin-top:0;margin-bottom:16px}.hero-text p{color:#e4e2e2;font-family:Noto Sans,sans-serif;font-weight:500;font-size:18px;line-height:32px;padding-left:4px;margin-top:0;margin-bottom:16px;max-width:580px}.hero-text .text-color{color:#29c3bc;font-weight:600}@media screen and (max-width: 1100px){.hero-section{gap:32px;margin:128px 16px}}@media screen and (max-width: 850px){.hero-section{flex-direction:column;align-items:center;justify-content:center;gap:16px;margin:128px 16px}.hero-text{text-align:center}.btn-link{justify-content:center}.hero-image img{width:auto;height:300px}}@media screen and (max-width: 576px){.hero-section{flex-direction:column;align-items:center;justify-content:center;gap:16px;margin:128px 16px}}.card-links{text-decoration:none;color:inherit}.card-container{display:flex;flex-direction:column;width:300px;height:400px;border-radius:8px;background:#1e1e1e;font-family:Noto Sans,sans-serif;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;color:#e4e2e2}.card-container:hover{box-shadow:0 0 15.1px #1e1e1e;-webkit-transform:scale(1.01);transform:scale(1.01)}.card-links .image img{width:300px;height:200px;object-fit:cover;border-radius:8px 8px 0 0}.card-links .text{display:flex;flex-direction:column;justify-content:center;gap:16px;align-items:left;padding-left:16px;padding-right:16px}.card-links .text h3{margin:0;padding-top:16px;font-family:Noto Sans,sans-serif;font-weight:700;font-size:18px}.card-links .text p{margin:0;text-align:left;font-size:14px;padding-bottom:16px}.blogs-cards{display:flex;justify-content:center;gap:32px;flex-wrap:wrap;padding-bottom:128px;cursor:pointer}.cards-1{display:flex;justify-content:center;gap:32px;flex-wrap:wrap;padding-bottom:32px;cursor:pointer}.my-project-section{background-color:#1e1e1e}.section-title{display:flex;flex-direction:column;align-items:center;padding-top:128px}.section-title h2{color:#e4e2e2;font-family:Noto Sans,sans-serif;font-weight:800;font-size:56px;margin-top:0;margin-bottom:16px}.section-title span{color:#29c3bc;font-family:Noto Sans,sans-serif;font-weight:800;font-size:56px;margin-top:0;margin-bottom:16px}.section-title p{text-align:center;color:#e4e2e2;font-family:Noto Sans,sans-serif;font-weight:500;font-size:18px;line-height:32px;max-width:900px}.projects{display:flex;flex-shrink:0;align-items:center;gap:64px;justify-content:center;margin-top:64px;margin-bottom:64px;padding-bottom:64px;color:#e4e2e2}.project-2{flex-direction:row-reverse}.category{font-family:Noto Sans,sans-serif;font-weight:600;font-size:18px}.project-title{font-family:Noto Sans,sans-serif;font-weight:700;font-size:52px;margin-top:8px;margin-bottom:16px}.project-link{font-family:Noto Sans,sans-serif;font-weight:500;font-size:22px;text-decoration-line:underline;cursor:pointer;color:inherit}.project-image img{border-radius:16px;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;cursor:pointer;height:350px}.project-image img:hover{box-shadow:0 0 15.1px #00000010;-webkit-transform:scale(1.01);transform:scale(1.01)}.vm-btn{display:flex;align-items:center;justify-content:center;font-family:Noto Sans,sans-serif;font-weight:700;font-size:18px;gap:6px;padding-bottom:128px}.vm-btn a{text-decoration:none;color:#e4e2e2;text-align:center}.vm-btn a:hover{color:#29c3bc}@media screen and (max-width: 1100px){.section-title h2{font-size:48px}.section-title span{font-size:48px;max-width:500px}.category{font-size:16px}.projects{margin-left:24px;margin-right:24px}.project-title{font-size:42px}.project-link{font-size:18px}.project-image img{width:400px}}@media screen and (max-width: 850px){.section-title h2,.section-title span{font-size:32px}.section-title p{max-width:600px}.projects{flex-direction:column;justify-content:center;gap:16px}.project-image img{width:400px}.project-headings{display:flex;flex-direction:column;align-items:center;justify-content:center}.project-headings .category{font-size:14px}.project-headings .project-link{font-size:16px}.project-title{text-align:center;font-size:32px}}@media screen and (max-width: 576px){.section-title{margin-left:16px;margin-right:16px;padding-top:64px}.section-title h2{font-size:32px}.section-title span{font-size:32px;max-width:370px}.section-title p{font-size:16px;max-width:400px}.btn-link{gap:16px}.projects{flex-direction:column;justify-content:center;gap:16px;margin-bottom:0}.project-image img{width:300px}.project-headings{display:flex;flex-direction:column;align-items:center;justify-content:center}.project-headings .category{font-size:14px}.project-headings .project-link{font-size:16px}.project-title{text-align:center;font-size:32px}}.blog-paragraph-text{margin-left:256px;margin-right:256px;padding-top:24px;font-family:Noto Sans,sans-serif;font-weight:400;color:#e4e2e2}.blog-heading{display:flex;justify-content:center;align-items:center;flex-direction:column;padding-top:66px;padding-bottom:64px;gap:16px;font-family:Noto Sans,sans-serif;font-weight:400;font-size:16px;color:#29c3bc}.blog-heading h1{text-align:center;font-weight:800;font-size:42px;color:#e4e2e2}.paragraph{display:flex;align-items:left;justify-content:center;flex-direction:column;gap:12px;padding-bottom:46px}.paragraph h2{font-size:24px}.paragraph p{text-align:justify;font-size:16px;line-height:30px}.paragraph ul{margin-left:20px}.paragraph ul li{margin:5px 20px}@media screen and (max-width: 1100px){.blog-paragraph-text{margin-left:256px;margin-right:256px}.paragraph h2{font-size:18px}.paragraph p{font-size:14px}.paragraph ul{margin-left:10px}.paragraph ul li{margin:3px 10px}}@media screen and (max-width: 850px){.blog-paragraph-text{margin-left:128px;margin-right:128px}.blog-heading{padding-top:36px;padding-bottom:24px}}@media screen and (max-width: 576px){.blog-paragraph-text{margin-left:32px;margin-right:32px}}.nav-bar{display:flex;justify-content:space-between;padding-left:16px;padding-right:16px;overflow:hidden}.logo{display:flex;justify-content:center;align-items:center;width:100px}.nav-items{display:flex;justify-content:space-around;gap:32px}.nav-items ul{list-style-type:none;display:flex;gap:32px;padding:0;margin:auto}.nav-items li{padding-left:8px;padding-right:8px}.nav-items li a{text-decoration:none;font-family:Noto Sans,sans-serif;font-weight:600;font-size:14px;color:#e4e2e2;cursor:pointer;transition:.3s ease}.nav-items li a:hover{color:#29c3bc}.hamburger{display:none}@media screen and (max-width: 850px){.hamburger{position:absolute;left:90vw;display:block}.nav-bar{top:0;flex-direction:column;margin:0;padding-left:10px}.logo{justify-content:space-around}.nav-items{flex-direction:column;gap:8px}.nav-items ul{flex-direction:column;justify-content:center;align-items:center;margin:20px 0}}.contact-form{background-color:#1e1e1e;color:#e4e2e2}.contact-form-inner{display:flex;justify-content:center;flex-wrap:wrap;gap:32px;padding-top:128px;padding-bottom:128px}.contact-form-left img{height:300px}.contacts{display:flex;flex-direction:column;align-items:center;padding-top:16px;padding-bottom:16px;border-radius:4px;background-color:#262628;font-family:Noto Sans,sans-serif}.contacts h3{font-weight:700;font-size:20px}.contacts p{font-weight:400;font-size:16px}.contacts a{text-decoration:none;color:#e4e2e2;font-weight:500}.contacts a{text-decoration:none}.contacts .icons-social{padding-top:16px;padding-bottom:16px;display:flex;align-items:center;justify-content:center;gap:32px}.contact-form-right{display:flex;flex-direction:column;justify-content:center;align-items:left;gap:32px}.contact-form form{display:flex;flex-direction:column;gap:16px}.form-text h3{font-family:Noto Sans,sans-serif;font-weight:800;font-size:56px}.form-text span{font-family:Noto Sans,sans-serif;font-weight:800;font-size:56px;color:#29c3bc}.contact-form label{font-family:Noto Sans,sans-serif;font-weight:500;font-size:16px}.contact-form input{padding:8px 16px;width:500px;border-radius:4px;border:1px solid rgb(220,220,220);background:transparent;font-family:Noto Sans,sans-serif;font-weight:400;font-size:14px;color:#e4e2e2}.contact-form textarea{padding:8px 16px;width:500px;border-radius:4px;border:1px solid rgb(220,220,220);background:transparent;font-family:Noto Sans,sans-serif;font-weight:400;font-size:14px;color:#e4e2e2;resize:none}.end{background-color:#111;height:50px}.contact-form-right .btn-primary{width:500px}.contact-circular-progress{text-align:center}@media screen and (max-width: 576px){.contact-form-inner{padding-top:64px;padding-bottom:64px}.contact-form input,.contact-form-right .btn-primary{width:300px}.form-text h3,.form-text span{font-size:45px}.contact-form form{align-items:center}.contact-form textarea,.contact-form button{width:300px}}.footer{color:#e4e2e2;display:flex;justify-content:center;align-items:center;height:50px;font-family:Noto Sans,sans-serif}.footer a{color:#29c3bc}.button{display:flex;justify-content:center;align-items:center}.button a{text-decoration:none;color:#1e1e1e}.btn-secondary{display:flex;align-items:center;gap:8px;width:160px;height:42px;padding:10px 20px;color:#fff;background:#29c3bc;border:none;border-radius:4px;font-family:Noto Sans,sans-serif;font-weight:600;font-size:14px;cursor:pointer;transition:.3s ease}.btn-secondary:hover{background-color:#29c3bc}.btn-primary{width:150px;height:42px;padding:10px 20px;color:#e4e2e2;background:transparent;border:2px solid #29c3bc;border-radius:4px;font-family:Noto Sans,sans-serif;font-weight:600;font-size:14px;cursor:pointer;transition:.3s ease}.btn-primary:hover{color:#111;border:2px solid #29c3bc}.btn-primary-2{width:500px;height:42px;padding:10px 20px;color:#1e1e1e;background:#29c3bc;border:none;border-radius:4px;font-family:Noto Sans,sans-serif;font-weight:600;font-size:14px;cursor:pointer;transition:.3s ease}.btn-primary-2:hover{background-color:#29c3bc}.btn-link{display:flex;align-items:center;gap:22px}.btn-hover-port{display:flex;align-items:center;gap:4px}.btn-link a{text-decoration:none;font-family:Noto Sans,sans-serif;font-weight:600;font-size:16px;color:#e4e2e2;transition:.3s ease}.btn-link a:hover{color:#29c3bc}
