.services-box{flex-flow:wrap;gap:1rem;display:flex}.services-card{cursor:pointer;text-align:center;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;width:fit-content;max-width:300px;margin:0 auto;padding:2rem;transition:all .4s;display:flex}.services-card:hover{border:none;box-shadow:inset 6px 6px 30px #4b4b4b}.services-icon{color:var(--nav-blue);margin-bottom:2rem;font-size:3rem}.services-title{margin-bottom:1rem;font-size:1.3rem}.services-desc{font-size:.8rem;line-height:1.5}@media screen and (max-width:768px){.services-card{width:100%;padding:1rem}}@media screen and (max-width:550px){.services-icon{margin-bottom:1.5rem;font-size:2.5rem}.services-title{font-size:1.2rem}.services-desc{font-size:.7rem}}.contact-box{grid-template-columns:repeat(2,1fr);column-gap:2rem;display:grid}.contact-heading{margin-bottom:2rem}.contact-heading p{line-height:2}.contact-hello{flex-direction:column;display:flex}.contact-hello p{text-transform:uppercase;letter-spacing:2px;margin-bottom:1rem;font-weight:700}.hello-links{color:var(--nav-blue-shade);margin:.5rem 0;text-decoration:none;transition:all .3s ease-in-out}.hello-links:hover{color:var(--nav-blue)}.right-box{width:90%;color:var(--white);margin:0 auto;font-size:80%}.form-top{flex-direction:row;justify-content:space-between;margin-bottom:4rem;display:flex}.name,.email{width:40%}.name,.email,.message{flex-direction:column;display:flex}.name label,.email label,.message label{margin-bottom:1rem}input:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:white!important;box-shadow:inset 0 0 0 1000px #0000!important}input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:white!important;box-shadow:inset 0 0 0 1000px #0000!important}input:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:white!important;box-shadow:inset 0 0 0 1000px #0000!important}input:-webkit-autofill:active{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:white!important;box-shadow:inset 0 0 0 1000px #0000!important}textarea:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:white!important;box-shadow:inset 0 0 0 1000px #0000!important}textarea:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:white!important;box-shadow:inset 0 0 0 1000px #0000!important}textarea:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:white!important;box-shadow:inset 0 0 0 1000px #0000!important}.form-mid{margin-bottom:4rem}.form-btn{justify-content:center;display:flex}.Toastify__toast{padding:8px 12px;font-size:12px}.Toastify__toast-body{font-size:12px}@media screen and (max-width:900px){.contact-box{grid-template-columns:1fr;row-gap:5rem;display:grid}.right-box{width:90%;margin:0 auto}}@media screen and (max-width:550px){.contact-heading p,.contact-hello p,.hello-links,input,textarea{font-size:80%}.right-box{font-size:70%}}*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,sans-serif}::-webkit-scrollbar{width:6px;height:8px}::-webkit-scrollbar-thumb{border-radius:100vh}.Toastify__container,.Toastify__toast-container{z-index:9999!important}body{background:var(--section-bgd);overflow-x:hidden}:root{--nav-grey:#a8a9b4;--nav-deep-grey:#94959b;--nav-blue:#149ddd;--nav-blue-shade:#0e668f;--card-blue-shade:#112240;--nav-deep-blue:#2c2f3f;--nav-bgd:#040b14;--white:#fff;--soft-white:#ccd6f6;--light-blue:linear-gradient(to right,#3b82f6,#a855f7,#ec4899)}.about,.skills,.services,.works,.contact{background-color:var(--section-bgd);color:var(--nav-grey);width:100%}.containers{max-width:1200px;margin:0 auto;padding:4rem}.loader{flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;overflow:hidden}.loader-icon{color:#fff;width:50px;height:100px}.svg-wrapper{text-align:center;position:relative}@keyframes pageLoad{0%{stroke-dasharray:140 540;stroke-dashoffset:-474px;stroke-width:8px}to{stroke-width:2px;stroke-dashoffset:0;stroke-dasharray:760}}.shape{stroke-dasharray:140 540;stroke-dashoffset:-474px;stroke-width:8px;fill:#0000;stroke:linear-gradient(to right,#3b82f6,#a855f7,#ec4899);border:5px solid #000;animation:3s pageLoad}.text{text-transform:uppercase;letter-spacing:8px;color:#fff;width:100%;transform:translate(-50% -50%);gap:8px;padding-right:50px;font-size:16px;line-height:32px;position:absolute;top:10px;left:20px}@media screen and (max-width:700px){.container{padding:3rem}}@media screen and (max-width:500px){.text{font-size:13px;position:absolute;top:10px;left:40px}.container{padding:1rem}}.icon{vertical-align:middle;font-size:28px}.hero-contact{color:var(--nav-blue);letter-spacing:3px;border:1px solid var(--nav-blue);will-change:transform;cursor:pointer;background-color:#0000;border-radius:4px;flex-direction:row;align-items:center;width:fit-content;padding:1rem 2rem;font-size:80%;font-weight:500;text-decoration:none;transition:transform .4s ease-in-out;display:flex;position:relative;overflow:hidden}.hero-contact:after{background-color:var(--nav-blue);content:"";transform-origin:100% 0;will-change:transform;z-index:-1;width:100%;height:100%;transition:transform .8s ease-out;display:block;position:absolute;top:0;left:0;transform:translate(-100%)}.hero-contact:hover:after{transform:translate(0)}.hero-contact:hover{color:var(--white);will-change:transform}.hero-contact{font-size:80%}