@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Fira+Sans:wght@400;800&display=swap";
*{box-sizing:border-box;scroll-behavior:smooth;margin:0;padding:0;font-family:Poppins,sans-serif}section{padding:7em}img{max-width:100%}.banner{background-color:#000;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 900'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' x2='0' y1='1' y2='0' gradientTransform='rotate(0,0.5,0.5)'%3E%3Cstop offset='0' stop-color='%230FF'/%3E%3Cstop offset='1' stop-color='%23CF6'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' x1='0' x2='0' y1='0' y2='1' gradientTransform='rotate(0,0.5,0.5)'%3E%3Cstop offset='0' stop-color='%23F00'/%3E%3Cstop offset='1' stop-color='%23FC0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='%23FFF' fill-opacity='0' stroke-miterlimit='10'%3E%3Cg stroke='url(%23a)' stroke-width='11.879999999999999'%3E%3Cpath d='M1409 581 1450.35 511 1490 581z'/%3E%3Ccircle stroke-width='3.9600000000000004' transform='' cx='500' cy='100' r='40'/%3E%3Cpath transform='' d='M400.86 735.5h-83.73c0-23.12 18.74-41.87 41.87-41.87S400.86 712.38 400.86 735.5z'/%3E%3C/g%3E%3Cg stroke='url(%23b)' stroke-width='3.6'%3E%3Cpath transform='' d='M149.8 345.2 118.4 389.8 149.8 434.4 181.2 389.8z'/%3E%3Crect stroke-width='7.920000000000001' transform='' x='1039' y='709' width='100' height='100'/%3E%3Cpath transform='' d='M1426.8 132.4 1405.7 168.8 1363.7 168.8 1342.7 132.4 1363.7 96 1405.7 96z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");background-size:cover;background-attachment:fixed;flex-direction:row;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative}.banner h2{color:#fff;text-align:center;font-size:3em;font-weight:500;line-height:1.5em}.banner h2 span{font-size:1.5em;font-weight:700;display:block}.banner h3{color:#fff;text-align:center;font-size:3em;font-weight:500}.banner .pattern{background-size:cover}.btn{color:#fff;text-transform:uppercase;letter-spacing:2px;background:#2196f3;margin-top:1.25em;padding:.75em 2em;font-size:1.1em;font-weight:500;text-decoration:none;display:inline-block;position:relative}.icon-btn{color:#fff;text-transform:uppercase;letter-spacing:2px;background:#2196f3;margin-top:1.25em;padding:.5em 2em;font-size:1.1em;font-weight:500;text-decoration:none;position:relative}.icon-btn div{align-items:center;display:flex}.icon-btn div span{width:2.5em;height:2.5em;margin:0 .5em}header{z-index:1000;justify-content:space-between;align-items:center;width:100%;padding:2.5em 7em;transition:all .5s;display:flex;position:fixed;top:0;left:0}header ul li a:after{content:"";background:#2196f3;width:0;height:4px;transition:width .2s ease-in-out;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}header ul li a:hover:after{width:80%}header .toggle,header .close{display:none}header.sticky{background:#fff;padding:1.25em 7em;box-shadow:0 5px 20px #0000001a}header.sticky ul li a{color:#111}header ul{justify-content:space-between;display:flex}header ul li{list-style:none;position:relative}header ul li a{color:#fff;margin:0 1em;text-decoration:none;display:inline-block;position:relative}.heading{text-align:center;color:#111;width:100%;margin-bottom:2em}.heading.white{color:#fff}.heading h2{width:max-content;max-width:100%;margin:0 auto 1em;font-size:2em;font-weight:600;position:relative}.heading h2:after{content:"";background:#2196f3;width:80%;height:4px;transition:width .2s ease-in-out;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.content{justify-content:space-around;display:flex}.contentBx{padding-right:2em}.contentBx h3{margin-bottom:10px;font-size:1.5em}.w50{min-width:50%}.skills{background:#111}.skills h2:after{display:none}.skills .skills-wrapper{grid-template-columns:repeat(2,1fr);gap:3em 2em;max-width:1400px;margin:0 auto;display:grid}.skills .skill-category .category-title{color:#2196f3;text-align:center;letter-spacing:1px;margin-bottom:1.5em;font-size:1.3em;font-weight:600;position:relative}.skills .skill-category .category-title:after{content:"";background:linear-gradient(90deg,#0000,#2196f3,#0000);width:60px;height:3px;margin:.5em auto 0;display:block}.skills .content{flex-flow:wrap;justify-content:center;gap:1.5em;display:flex}.skills .content .servicesBx{color:#222;text-align:center;background:#ffffffe6;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:9em;height:9em;padding:1.25em;transition:all .4s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #0003}.skills .content .servicesBx:before{content:"";background:linear-gradient(90deg,#0000,#2196f333,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.skills .content .servicesBx:hover{background:#fff;transform:translateY(-8px)scale(1.05);box-shadow:0 8px 25px #2196f366}.skills .content .servicesBx:hover:before{left:100%}.skills .content .servicesBx:hover .icon{opacity:1;transform:scale(1.1)}.skills .content .servicesBx:hover h3{color:#2196f3}.skills .content .servicesBx .icon{transition:all .3s}.skills .content .servicesBx h3{color:#333;margin-top:.5em;font-size:.95em;font-weight:500;transition:all .3s;display:none}.work .content{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-auto-rows:minmax(330px,1fr);gap:2.5em;display:grid}.work .content .workBx{padding:2em;box-shadow:15px 15px 27px #e1e1e3,-15px -15px 27px #fff}.work .content .workBx__header{width:100%;height:auto;margin:0 auto 2em;display:block}.work .content .workBx__header--black{background-color:#000}.work .content .workBx__title{color:#000;text-decoration:none;transition:color .15s ease-in}.work .content .workBx__title:hover{color:#2196f3}.work .heading{margin-top:3em}.posts .icon-btn{width:max-content;max-width:100%;margin:2em auto 0;display:block}.posts .icon-btn span{background:url(https://api.iconify.design/mdi:dev-to.svg?color=white) 50%/contain no-repeat}.posts .content{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-auto-rows:minmax(330px,1fr);gap:2.5em;min-height:20em;display:grid}.posts .content .post{height:200%;max-height:20em;padding:1.5em;position:relative;overflow-y:hidden;box-shadow:15px 15px 27px #e1e1e3,-15px -15px 27px #fff}.posts .content .post a{color:#000;text-decoration:none;transition:color .15s ease-in}.posts .content .post a:hover{color:#2196f3}.posts .content .post__content{background:#fff;padding:.9em .5em 0;transition:top .4s linear;display:block;position:absolute;top:50%;bottom:0}.posts .content .post__tags{flex-wrap:wrap;justify-content:flex-start;align-items:center;max-width:100%;display:flex}.posts .content .post__tag{color:#fff;background:#339acd;border-radius:8px;margin:.3em;padding:.2em;font-size:.8em}.posts .content .post__body,.posts .content .post__footer{visibility:hidden;margin:.75em 0;transition:visibility .5s ease-in}.posts .content .post__body p{font-size:1em}.posts .content .post__footer{text-transform:uppercase;align-items:center;font-weight:400;display:flex}.posts .content .post__readable_publish_date{color:#111;padding:.3em 0;font-size:.9em;font-weight:300}.posts .content .post>img{transition:filter .5s ease-in}.posts .content .post:hover>img{filter:brightness(.4);transition:filter .5s ease-in}.posts .content .post:hover .post__content{top:0%;bottom:0}.posts .content .post:hover .post__body,.posts .content .post:hover .post__footer{visibility:visible;transition:visibility .5s ease-in}.scroll{width:30px;margin:2em auto 0;display:block}.scroll .circle{animation:1s infinite alternate-reverse circleAnim}@keyframes circleAnim{0%{z-index:5;transform:translate(0)}to{transform:translateY(67px)}}.contact{background:#111}.contact .formBx{min-width:60%}.contact .formBx form{flex-direction:column;display:flex}.contact .formBx form h3,.contact .formBx form .contactInfo h3{color:#fff;margin-bottom:.8em;font-size:1.25em;font-weight:500}.contact .formBx form input,.contact .formBx form textarea,.contact .formBx form button{color:#fff;resize:none;background:#222;border:none;outline:none;margin-bottom:1.25em;padding:1em;font-size:1em}.contact .formBx form input::placeholder,.contact .formBx form textarea::placeholder,.contact .formBx form button::placeholder{color:#999}.contact .formBx form textarea{min-height:12.5em}.contact .formBx form button[type=submit]{cursor:pointer;letter-spacing:2px;text-transform:uppercase;background:#2196f3;border:none;max-width:6.25em}.contact .contactInfo{min-width:40%}.contact .contactInfo h3{color:#fff;margin-bottom:.8em;font-size:1.25em;font-weight:500}.contact .contactInfo .contactInfoBx{position:relative}.contact .contactInfo .contactInfoBx .box{padding:1.25em 0;display:flex;position:relative}.contact .contactInfo .contactInfoBx .box .icon{color:#fff;justify-content:center;align-items:flex-start;min-width:2.5em;padding-top:.25em;font-size:1.5em;display:flex}.contact .contactInfo .contactInfoBx .box .text{color:#fff;flex-direction:column;margin-left:1.25em;font-size:1em;font-weight:300;display:flex}.contact .contactInfo .contactInfoBx .box .text h3{color:#2196f3;margin-bottom:0;font-weight:500}.copyright{color:#fff;text-align:center;background:#000;padding:.6em}@media (max-width:991px){header,header.sticky{z-index:1000;padding:1.25em 3.125em}.menu{text-align:center;z-index:999;background:#fff;border-top:1px solid #0003;width:100%;height:100vh;padding:6.25em 3.125em;transition:all .5s;display:block;position:fixed;top:0;left:-100%}.menu .close{background:url(https://api.iconify.design/bi:x.svg) 50%/45px no-repeat;border:none;width:3em;height:3em;display:block;position:absolute;top:1em;right:1em}.menu.active{background:#fff;left:0}header ul li a{color:#111;margin:.6em;font-size:1.5em}.toggle{cursor:pointer;background:url(https://api.iconify.design/cil:hamburger-menu.svg?color=%23fff) 50%/30px no-repeat;border:none;width:2.5em;height:2.5em;display:block!important}.toggle svg{transform:rotate(360deg)}header.sticky .toggle{filter:invert()}section{padding:6.25em 3.125em}.banner{padding:9.375em 3.125em 6.25em}.banner h2{font-size:2.5em}.banner h3{font-size:1.5em}.btn,.icon-btn{margin-top:.6em;padding:.5em 1.25em;font-size:1em}.heading h2{font-size:1.5em}.contentBx h3{font-size:1.25em}.content{flex-direction:column}.w50{margin-bottom:1.25em}.skills .skills-wrapper{grid-template-columns:1fr;gap:2.5em}.skills .skill-category .category-title{font-size:1.2em}.skills .content .servicesBx{width:7em;height:7em;margin:.4em;padding:.6em}.work .content .workBx{width:100%;padding:.6em}.work .content .workBx__header{margin:0 auto}.testimonial .content .testimonialBx{min-width:calc(100% - 20px);margin:.6em;padding:2.5em 1.25em}.testimonial .content .testimonialBx h3{margin-top:1.25em}.contactInfo{min-width:40%;margin:1.25em 0}}@media (max-width:600px){.banner{background-position:top;background-size:90%}header,header.sticky{padding:1.25em 1.125em}.banner{padding:1.25em 1.25em 6.25em}section{padding:6.25em 1.25em}}.social-links{align-items:center;gap:1rem;display:flex}.social-links--header{gap:.75rem}.social-links--contact{gap:1rem;margin-top:1.5rem}.social-link{color:#fff;background:0 0;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;text-decoration:none;transition:all .3s;display:inline-flex}.social-link svg{filter:brightness(0)invert();transition:transform .3s}.social-link:hover{color:#fff;background:#2196f3;border-color:#2196f3;transform:translateY(-3px);box-shadow:0 5px 15px #2196f380}.social-link:hover svg{filter:brightness(0)invert();transform:scale(1.1)}.social-link:active{transform:translateY(-1px)}.social-links--header .social-link{border-width:1.5px;width:36px;height:36px}header.sticky .social-links--header .social-link{color:#2196f3;border-color:#2196f3}header.sticky .social-links--header .social-link svg{filter:none}header.sticky .social-links--header .social-link:hover{background:#2196f3;border-color:#2196f3}header.sticky .social-links--header .social-link:hover svg{filter:brightness(0)invert()}.social-links--contact .social-link{width:44px;height:44px}@media (max-width:600px){.social-links{gap:.75rem}.social-link{width:36px;height:36px}.social-links--contact .social-link{width:40px;height:40px}}