.about-wrap.row{gap:32px;align-items:center}.about-wrap__left{grid-column:1 / span 6}.about-wrap__right{grid-column:9 / span 4}.about-wrap__left p{line-height:26px;font-size:16px;margin-bottom:26px;color:var(--secondary-color)}@media only screen and (max-width:767px){.about-wrap.row{gap:32px 0}.about-wrap__left,.about-wrap__right{grid-column:span 12}}.banner{padding:194px 0}.banner-wrap{display:grid;align-items:center;grid-template-columns:repeat(12,1fr);flex-wrap:wrap;width:100%;gap:32px;padding:0 12px}.banner-wrap__left{width:100%;grid-column:1 / span 6}.banner-wrap__right{width:100%;grid-column:10 / span 6;position:relative}.banner-wrap__right img{margin-left:auto;display:block;width:100%;height:100%}.banner-wrap__right{position:relative;display:inline-block}.banner-wrap__right:before,.banner-wrap__right:after{content:"";position:absolute;top:0%;left:50%;width:30px;height:30px;border-radius:50%;background-color:var(--primary-color);transform:translate(-50%,-50%) scale(1);opacity:.5}.banner-wrap__right:before{z-index:1;animation:ripple 1.8s ease-out infinite}.banner-wrap__right:after{z-index:2}.banner-wrap__right .center-dot{position:absolute;top:0%;left:50%;transform:translate(-50%,-50%);width:30px;height:30px;background-color:var(--primary-color);border-radius:50%;z-index:3;cursor:pointer}.banner-wrap__right .connector{position:absolute;top:0%;left:50%;transform:translate(-50%);width:1px;height:0%;border-left:2px dashed rgb(255,196,196);opacity:1;transition:height .3s ease;z-index:2}.banner-wrap__right .connector:after{content:"Available For Hire.";position:absolute;top:90%;left:50%;transform:translate(-50%,10px);background:#111;color:#fff;font-size:14px;padding:6px 10px;border-radius:6px;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease;white-space:nowrap}.banner-wrap__right .center-dot:hover~.connector{opacity:1;height:40%}.banner-wrap__right .center-dot:hover~.connector:after{opacity:1;transform:translate(-50%,15px)}@keyframes ripple{0%{transform:translate(-50%,-50%) scale(1);opacity:.5}70%{transform:translate(-50%,-50%) scale(2.2);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:0}}.banner-wrap__left h1{font-weight:600;font-size:32px;line-height:44px;letter-spacing:0;margin-bottom:32px}.banner-wrap__left .banner-wrap__desc{margin-bottom:22px}.banner-wrap__left .banner-wrap__desc p{font-weight:400;font-size:16px;line-height:25px;letter-spacing:0;color:var(--secondary-color)}.banner-wrap__left h1 span{color:var(--primary-color)}@media only screen and (max-width:767px){.banner{padding:80px 0}.banner-wrap{gap:0}.banner-wrap__left,.banner-wrap__right{grid-column:span 12}}.contact-wrap.row{gap:32px}.contact-wrap__left{grid-column:1 / span 6}.contact-wrap__right{grid-column:10 / span 5}.contact-wrap__box{border:var(--border);padding:16px}.contact-wrap__header{margin-bottom:16px}.contact-wrap__header h3{font-weight:700}.contact-wrap__links a{display:flex;align-items:center;margin-bottom:8px;color:var(--secondary-color);transition:var(--transition)}.contact-wrap__links a>*{flex-shrink:0}.contact-wrap__links a:hover{opacity:.5}.contact-wrap__links a:last-child{margin-bottom:0}.contact-wrap__links a>div{grid-column:span 1}.contact-wrap__links a .icon{max-width:24px;height:auto;margin-right:8px}.contact-wrap__links a .icon img{display:block}@media only screen and (max-width:991px){.contact-wrap__right{grid-column:8 / span 5}}@media only screen and (max-width:767px){.contact-wrap.row{gap:32px 0}.contact-wrap__left,.contact-wrap__right{grid-column:span 12}}.projects-wrap{gap:16px}:root{--border: 1px solid var(--secondary-color)}.project-card{grid-column:span 4;width:100%}.project-card__wrap{border:var(--border);height:100%}.project-card__top figure{position:relative;padding-top:60%}.project-card__top figure img{position:absolute;top:0;left:0;width:100%;height:100%}.project-card__skills{border-top:var(--border);border-bottom:var(--border);display:flex;flex-wrap:wrap}.project-card__skills span{font-weight:400;font-size:16px;line-height:100%;color:var(--secondary-color);text-transform:uppercase;display:block;margin:8px}.project-card__details{padding:16px}.project-card__details h2{font-weight:500;font-size:24px;line-height:130%;margin-bottom:16px}.project-card__desc{font-weight:400;font-style:Regular;font-size:16px;line-height:100%;color:var(--secondary-color);margin-bottom:16px}.project-card .project-card__top figure img{transition:var(--transition);filter:saturate(0)}.project-card:hover .project-card__top figure img{transform:scale(1.1);transform-origin:center;transition:var(--transition);filter:none}@media only screen and (max-width:991px){.project-card{grid-column:span 6}}@media only screen and (max-width:767px){.project-card{max-width:100%;grid-column:span 12}}figure.svelte-1f3trgj{position:relative;overflow:hidden}.lqip.svelte-1f3trgj,.hq.svelte-1f3trgj{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .3s ease}.hide.svelte-1f3trgj{opacity:0}.show.svelte-1f3trgj{opacity:1}.loader.svelte-1f3trgj{position:absolute;top:50%;left:50%;width:32px;height:32px;transform:translate(-50%,-50%);border:3px solid #ccc;border-top-color:var(--primary-color);border-radius:50%;animation:svelte-1f3trgj-spin .7s linear infinite}.hide.loader.svelte-1f3trgj{opacity:0}@keyframes svelte-1f3trgj-spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.skills .row{gap:32px}.skills-left{grid-column:1 / span 5}.skills-left img{display:block}.skills-right{grid-column:span 7}.skills-card{display:flex;flex-wrap:wrap;justify-content:flex-end;margin:0 -8px}.skills-card__inner{width:100%;max-width:33.33%;padding:8px}.skills-card__wrapper{border:var(--border);height:100%}.skills-card .skills-card__inner:nth-child(-n+3){padding-top:0}.skills-card__wrapper .skills-card__header h3{font-size:16px;font-weight:700}.skills-card__wrapper .skills-card__header{padding:8px;border-bottom:var(--border)}.skills-card__skills{border-top:0;border-bottom:0}@media only screen and (max-width:767px){.skills-left,.skills-right{grid-column:span 12}.skills-card{justify-content:center}}@media only screen and (max-width:575px){.skills-card .skills-card__inner{max-width:50%}.skills .row{gap:32px 0}}