body::-webkit-scrollbar{width:12px}body::-webkit-scrollbar-track{box-shadow:inset 0 0 6px #0000004d}body::-webkit-scrollbar-thumb{background-color:#a9a9a9;outline:1px solid slategrey}:root{--colorGrey: #abb2bf;--colorWhite: #fff;--colorPrimary: #c778dd;--bgBody: #282c33}html{margin:0;padding:0}body{font-family:Fira Code;background:var(--bgBody);margin:0;padding:0;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth}ul,ol,li{margin:0;padding:0;list-style:none}a{color:var(--clean800);cursor:pointer}a,a:hover{text-decoration:none;color:#8494b5}.fs-10{font-size:10px!important}.fs-11{font-size:11px}.fs-12{font-size:12px!important}.fs-13{font-size:13px}.fs-14{font-size:14px!important}.fs-16{font-size:16px!important}.fs-18{font-size:18px!important}.fs-20{font-size:20px!important}.fs-22{font-size:22px!important}.fs-24{font-size:24px!important}.fs-25{font-size:25px!important}.fs-26{font-size:26px!important}.fs-28{font-size:28px!important}.fs-30{font-size:30px!important}.fs-32{font-size:32px!important}.fs-34{font-size:34px!important}.fs-36{font-size:36px!important}.fs-38{font-size:38px!important}.fs-39{font-size:39px!important}.fs-40{font-size:40px!important}.fs-42{font-size:42px!important}.fs-44{font-size:44px}.fs-46{font-size:46px!important}.fs-50{font-size:50px}.fs-64{font-size:64px}.fs-56{font-size:56px}.fs-72{font-size:72px}.fw-100{font-weight:100!important}.fw-200{font-weight:200!important}.fw-300{font-weight:300!important}.fw-400{font-weight:400!important}.fw-500{font-weight:500!important}.fw-600{font-weight:600!important}.fw-700{font-weight:700!important}.fw-800{font-weight:800!important}.fw-900{font-weight:900!important}.text-primary{color:var(--colorPrimary)!important}.text-grey{color:var(--colorGrey)!important}.text-white{color:var(--colorWhite)!important}.h-37{height:37px!important}.btnPrimary{padding:8px 12px;font-size:16px;font-weight:500;color:var(--colorWhite);background-color:var(--colorPrimary);border:1px solid var(--colorPrimary);display:inline-flex;justify-content:center;align-items:center}.btnPrimary:hover{color:#000}.btnPrimary:disabled{opacity:.3;pointer-events:none}.btnSecondary{padding:8px 12px;font-size:16px;font-weight:500;color:var(--colorWhite);border:1px solid var(--colorGrey);display:inline-flex;justify-content:center;align-items:center}.navbar-nav .nav-link{color:var(--colorGrey)!important;font-weight:400;font-size:16px}.navbar-nav .nav-link.active{color:var(--colorWhite)!important}.social-icons{position:absolute;top:0;left:20px;display:flex;flex-direction:column;align-items:center}.vertical-line{width:1px;height:191px;background:#abb2bf}.current-box{width:80%;height:37px;display:flex;align-items:center;border:1px solid var(--colorGrey);margin:0 auto;padding:0 8px}.online-box{background:var(--colorPrimary);border:1px solid var(--colorPrimary);width:16px;height:16px}.hero-section{padding:80px 0}.power-width{width:712px;margin:0 auto}.power-box{width:100%;height:95px;border:1px solid var(--colorGrey);display:flex;justify-content:center;align-items:center;padding:20px}.comma-left{position:absolute;top:-15px;left:11px}.comma-right{position:absolute;bottom:-15px;right:11px}.who-box{width:162px;height:63px;margin-left:auto;display:flex;justify-content:center;align-items:center;border:1px solid var(--colorGrey);border-top:none}.absolute-box{position:absolute;top:50%;right:0;transform:translateY(-50%)}.power-box-section .absolute-box{width:91px;height:91px;border:1px solid var(--colorGrey);border-right:none}.heading-line{background:var(--colorPrimary);width:511px;height:1px}.project-card{border:1px solid var(--colorGrey);display:flex;flex-direction:column;height:100%;position:relative}.project-card .project-img{width:100%;height:300px;border-bottom:1px solid var(--colorGrey)}.project-card .project-img img{width:100%;height:100%;object-fit:cover}.project-card .project-body{border-top:1px solid var(--colorGrey);padding:15px}.project-card .button-box{position:absolute;bottom:12px;left:15px}.projects-section{padding:80px 0}.projects-section .absolute-box{width:91px;height:155px;border:1px solid var(--colorGrey);border-right:none}.skills-section .heading-line{width:239px}.skills-box{border:1px solid var(--colorGrey);width:100%;height:auto}.skills-box .head{padding:6px 12px;border-bottom:1px solid var(--colorGrey)}.skills-box .body{padding:6px 12px;color:var(--colorGrey);font-size:16px;font-weight:400}.profile-section .absolute-box{width:91px;height:155px;border:1px solid var(--colorGrey);border-left:none;transform:translateY(-50%);left:0}.profile-img{width:100%;height:520px;position:relative}.profile-img img{width:100%;height:100%;object-fit:contain}.dots-1{position:absolute;top:44px;left:100px}.dots-2{position:absolute;bottom:44px;right:100px}.profile-section,.contact-section{padding:80px 0}.contact-section .heading-line{width:127px}.message-box{width:auto;display:inline-block;height:100%;border:1px solid var(--colorGrey);padding:8px 20px}.dots-3{position:absolute;top:50%;left:0;transform:translateY(-50%)}.footer{border-top:1px solid var(--colorGrey)}.footer-padding{padding:32px 0}.dots-4{position:absolute;top:25%;left:0}.input-box input{border:1px solid var(--colorGrey);padding:8px 10px;height:37px;font-size:16px;font-weight:400;color:var(--colorGrey);outline:none;background:transparent;width:100%}.input-box textarea{border:1px solid var(--colorGrey);padding:8px 10px;height:37px;font-size:16px;font-weight:400;color:var(--colorGrey);outline:none;background:transparent;width:100%;height:120px;overflow-y:auto;resize:none}input::placeholder,textarea::placeholder{font-size:16px;font-weight:400;color:var(--colorGrey)}.navbar .navbar-toggler-icon{background:url(https://api.iconify.design/ri/menu-3-line.svg) no-repeat center center / contain;width:25px;height:25px;filter:invert(1);border:none}.navbar-toggler{border:none;box-shadow:none}.navbar-toggler:focus{box-shadow:none}.offcanvas-body,.offcanvas-header{background:var(--bgBody)}.btn-close{background:url(https://api.iconify.design/system-uicons/cross.svg) no-repeat center center / contain;filter:invert(1);opacity:1;width:30px;height:30px}.btn-close:focus{box-shadow:none}@media (min-width: 1024px) and (max-width: 1350px){.absolute-box{width:55px!important}}@media (max-width: 767px){.power-width{width:100%}.navbar-nav .nav-link{font-size:32px}.offcanvas-body .navbar-nav{margin-top:24px}.fs-32{font-size:22px!important}.fs-16{font-size:12px!important}.fs-24{font-size:16px!important}.absolute-box,.dots-4,.dots-3{display:none}.power-box{justify-content:center;height:80px;padding:12px}.heading-line{width:150px!important}.dots-1{left:15px}.dots-2{right:15px}.hero-section,.projects-section,.profile-section,.contact-section{padding:30px 0}.sm-icons .fs-32{font-size:32px!important}}