@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Bowlby+One+SC&display=swap";.navigation-bar{position:absolute;top:0;left:0;width:100%;background-color:#fff;color:#000;display:flex;justify-content:space-between;align-items:center;padding:1rem 5%;box-sizing:border-box;z-index:999;border-bottom:1px solid black}.logo a{font-weight:700;font-size:1.5rem;color:#000;text-decoration:none}.nav-menu{display:flex;align-items:center;gap:2rem}.nav-menu ul{display:flex;gap:2rem;margin:0;padding:0;list-style:none}.nav-bar-links{position:relative;text-decoration:none;color:#000;font-weight:500;font-size:1rem}.nav-bar-links:after{content:"";position:absolute;bottom:-4px;left:0;width:0%;height:2px;background-color:#000;transition:width .3s ease}.nav-bar-links:hover:after{width:100%}.hamburger{display:none;cursor:pointer;background:none;border:none}.bar{display:block;width:25px;height:3px;margin:5px auto;transition:all .3s ease-in-out;background-color:#000}@media(max-width:768px){.hamburger{display:block;z-index:1001}.nav-menu{position:fixed;left:-100%;top:0;gap:0;flex-direction:column;background-color:#fff;width:100%;height:100vh;text-align:center;transition:.3s;z-index:1000;justify-content:center;padding-top:4rem}.nav-menu.active{left:0}.nav-menu ul{flex-direction:column;gap:2rem;margin-bottom:2rem}.nav-bar-links{font-size:1.5rem}.hamburger.active .bar:nth-child(2){opacity:0}.hamburger.active .bar:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger.active .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}}.footer-section{position:relative;height:45vh;border-top:2px solid rgba(0,0,0,.1)}.footer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding-left:3rem;min-height:35vh;background-color:#fff;padding-top:3rem}.footer-second-grid{display:grid;grid-template-columns:repeat(2,1fr)}.footer-logo{position:relative}.footer-logo h3{font-size:clamp(1.5rem,4vw,2rem);font-weight:700}.footer-navigations{padding:0 6vw}.footer-navigations h4{display:inline}.footer-navigations ul{list-style:none}.footer-navigations ul li{margin:.5rem 0}.footer-contacts ul{list-style:none}.footer-contacts ul li{margin:.5rem 0}.footer-contacts{padding:0 6vw}.footer-social-links ul{list-style:none;display:flex;flex-direction:row;gap:1vw;padding:1rem 0}.footer-social-icon{width:clamp(20px,2vw,30px);transition:all .3s ease}.footer-social-icon:hover{transform:scale(1.08)}.footer-bottom-bar{position:absolute;bottom:0;left:0;right:0;border:1px solid rgba(0,0,0,.34);background-color:#000;display:flex;flex-direction:row;justify-content:space-between}.footer-bottom-bar p{padding:.5vh 3.5vw;font-size:clamp(10px,.85vw,14px);color:#fff}.footer-bottom-bar img{width:clamp(10px,1vw,16px)}.form-submit-btn{width:100%;background-color:#000;color:#fff;font-size:clamp(.95rem,1.5vw,1.1rem);letter-spacing:.1rem;padding:.75rem 1.5rem;border-color:transparent;border-radius:30px;transition:all .3s ease}.form-submit-btn:hover{letter-spacing:normal}@media screen and (max-width:768px){.footer-section{height:auto;position:static}.footer-grid{grid-template-columns:1fr;padding:2rem;gap:2rem;min-height:auto}.footer-second-grid{grid-template-columns:1fr;gap:1.5rem}.footer-navigations,.footer-contacts{padding:0}.footer-social-links ul{gap:15px}.footer-bottom-bar{position:static;flex-direction:column;text-align:center;padding:1rem 0}.footer-bottom-bar p{padding:.5rem 1rem;font-size:12px}}:root{--text-intro: #555555;--text-body: #272727;--text-bold: #1f1f1f;--card-bg: white;--card-border: #c6c6c6;--card-border-hover: #bababa;--pill-bg: #f4f4f4;--bg-dark: #020617;--text-light: #e5e7eb;--text-muted-blue: #cbd5f5;--border-dark: #1e293b;--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .1);--text-muted: #94a3b8}*{margin:0;padding:0;font-family:Poppins,sans-serif}html{scroll-behavior:smooth}body{position:relative;z-index:0;background-color:#fff;margin:0;width:100%;height:100%}::selection{background-color:#0f172a;color:#fff}*,*:before,*:after{box-sizing:border-box!important}h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:800}.h1-margin-bottom{margin-bottom:.1em}h2{font-size:clamp(1.8rem,4.2vw,3rem);margin-top:.5em;margin-bottom:.5em}h3{font-size:clamp(1.5rem,3vw,2.2rem)}h4{font-size:clamp(1.25rem,2.5vw,1.6rem)}h5{font-size:clamp(1.1rem,2vw,1.4rem)}h6{font-size:clamp(1rem,1.5vw,1.2rem);text-transform:uppercase;letter-spacing:.05em}p{font-size:clamp(.95rem,1.5vw,1.1rem);line-height:1.6}a{text-decoration:none;color:#000}span{font-weight:700}.btn{display:inline-block;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}.btn-green{background:#22c55e;color:#052e16}.btn-green:hover{transform:translateY(-1px);box-shadow:0 8px 20px #22c55e40}.btn-secondary{background:transparent;color:#e2e8f0;border:1px solid #334155;transition:all .3s ease}.btn-secondary:hover{background:#020617}.btn-nav{background:transparent;color:#000;border:1px solid black;transition:all .3s ease}.btn-nav:hover{background:#000;color:#fff}.btn-email{background:transparent;color:#e2e8f0;border:1px solid #334155;transition:all .3s ease}.btn-email:hover{background:#020617}.btn-black{display:inline-block;text-decoration:none;padding:.8vw 1.2vw;border:none;background-color:#000;border-radius:30px;color:#fff;font-weight:600}.btn-white{display:inline-block;text-decoration:none;padding:.8vw 1.2vw;border:none;background-color:#fff;border:1px solid black;border-radius:30px;color:#000;font-weight:600}.container{max-width:1200px;width:100%;margin-right:auto;margin-left:auto;padding-right:1.5rem;padding-left:1.5rem;overflow:hidden}.section{padding:5rem 0}@media(max-width:768px){.section{padding:2.5rem 0}}.card{background:#fff;box-shadow:0 2px 6px #00000014;padding:3rem 2rem;border-radius:8px;cursor:default;transition:all .3s ease}.card:hover{box-shadow:0 4px 12px #00000017}.section-padding{padding:4.6rem 4rem}.section-title{display:grid;padding-bottom:clamp(1rem,2vw,3rem);margin-bottom:.65em}.inline-width-container{container-type:inline-size}.title-white{color:#fff}.title-right{text-align:right;padding:2rem 1rem}.hero-section{position:relative;padding:5rem 1.5rem;background:#0f172a;color:#f8fafc;min-height:85vh;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid rgb(0,0,0)}.hero-overly{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-2}.slide{position:absolute;left:0;right:0;width:100%;height:100%;opacity:0;object-fit:cover;animation:slide-fade 9s infinite}.slide:nth-child(1){animation-delay:0s}.slide:nth-child(2){animation-delay:3s}.slide:nth-child(3){animation-delay:6s}@keyframes slide-fade{0%{opacity:0}11%{opacity:1}33%{opacity:1}44%{opacity:0}to{opacity:0}}.hero-content{max-width:1000px;margin:0 auto 0 2rem;padding-top:2.5rem;z-index:1;width:100%}.hero-section h1{margin-bottom:1.5rem;line-height:1.4;font-size:clamp(2.2rem,5vw,4rem)}.hero-subtitle{font-size:1.05rem;line-height:1.7;color:#cbd5f5;max-width:700px;margin-bottom:2rem}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap}@media(max-width:768px){.hero-section{padding:5rem 1rem 3rem;text-align:center;min-height:auto}.hero-overly{background:#000000e2}.hero-content{margin:0 auto;padding-top:1rem}.hero-actions{justify-content:center}.hero-section h1{font-size:clamp(2rem,8vw,2.5rem)}}.grid-1{display:grid;grid-template-columns:1fr}.grid-2{display:grid;grid-template-columns:1fr 1fr}.grid-repeat-2{display:grid;grid-template-columns:repeat(2,1fr)}.grid-3-2{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr)}.services-intro{max-width:100%;margin-bottom:3.5rem;text-align:left}.service-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;width:100%}@media(min-width:768px){.service-grid{grid-template-columns:repeat(2,1fr);gap:2rem}}.service-card{background:var(--card-bg);border:1px solid var(--card-border);padding:2.5rem 1.5rem;transition:all .3s ease;display:flex;flex-direction:column;height:100%;box-sizing:border-box}.service-card:hover{transform:translateY(-2px);box-shadow:0 5px 15px #00000014;border-color:var(--card-border-hover)}.services-images{width:100%;height:auto;margin-bottom:1.5rem;object-fit:cover}.service-card h3{margin-bottom:1rem;font-size:1.4rem;font-weight:700}.service-card p{font-size:1rem;color:var(--text-body);line-height:1.7;margin-bottom:2rem;flex-grow:1}.service-best{font-size:.9rem;font-weight:600;color:var(--text-bold);background-color:var(--pill-bg);padding:.5rem 1rem;border-radius:.5rem;display:inline-block;width:fit-content}.about{color:#000}.about-content{display:flex;flex-direction:row;justify-content:space-between;gap:4rem;align-items:center}.about-image{flex:0 0 350px}.about-image img{width:100%;border-radius:1rem;object-fit:cover;border:1px solid rgba(0,0,0,.2);box-shadow:0 2px 10px #0000004d}.about-text{flex:1}.about-text p{color:#000;line-height:1.7;margin-bottom:1.5rem}@media(max-width:900px){.about-content{flex-direction:column;text-align:center;gap:2rem;padding:0 1.5rem;width:100%;box-sizing:border-box}.about-image{flex:0 0 auto;width:100%;max-width:250px;margin:0 auto}.about-text{text-align:left;width:100%}.about-text h1{text-align:center;font-size:2rem}}.projects-section{min-height:100vh}.projects-container{display:flex;flex-direction:column;gap:3rem}.project-card{display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;align-items:center;border:1px solid var(--card-border);padding:2.5rem 1.5rem}.project-card.reverse{direction:rtl}.project-card.reverse>*{direction:ltr}.projects-images{position:relative;width:100%;height:auto;object-fit:cover;box-shadow:0 10px 30px #00000014;transition:transform .4s ease}.img-small{width:100%;height:100%;object-fit:cover;border-radius:12px;box-shadow:0 5px 15px #0000000d;transition:transform .4s ease}.project-collage:hover{transform:scale(1.02)}.project-collage:hover .img-small{transform:scale(.95)}.project-content{display:flex;flex-direction:column;gap:1.2rem;align-items:flex-start}.project-tag{text-transform:uppercase;font-size:.85rem;letter-spacing:.1em;font-weight:700;color:#7873f5}.project-content h2{font-size:2.5rem;font-weight:800;margin:0;line-height:1.1}.project-content p{font-size:1.1rem;color:#555;line-height:1.6;margin:0}.project-tech-stack{display:flex;gap:.8rem;flex-wrap:wrap;margin-bottom:.5rem}.project-tech-stack span{font-size:.85rem;font-weight:600;background:#f0f0f0;padding:.4rem .8rem;border-radius:6px;color:#333}.project-image-wrapper{position:relative;width:100%;overflow:hidden;display:flex}.btn-visit{position:absolute;inset:0;width:100%;height:100%;background-color:#0000;color:transparent;text-decoration:none;display:flex;align-items:center;justify-content:center;font-weight:600;transition:all .3s ease;z-index:2}.project-image-wrapper:hover .btn-visit{background-color:#0009;color:#fff}.project-image-wrapper:hover .projects-images{transform:scale(1.05)}.home-projects-btn-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:1rem;padding:1rem 2rem}.home-projects-btn-all-projects{display:inline-block;background-color:#000;color:#fff;padding:.8rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease}.home-projects-btn-all-projects:hover{background-color:#333;transform:translateY(-3px)}@media(max-width:900px){.project-card,.project-card.reverse{grid-template-columns:1fr;direction:ltr;gap:2rem}.project-collage{height:300px}.project-content h2{font-size:2rem}}.clients-section{text-align:center;padding:1rem 0}.clients-cards{place-items:center;background-color:#f9f8f6;padding-top:2.7vw;padding-bottom:2.7vw}.client-card{display:flex;flex-direction:column;align-items:center;justify-content:center;width:13vw;height:13vw}.client-card img{width:100%;opacity:.5;transition:all .3s ease-in-out;border-radius:1px}.client-card img:hover{opacity:1}.testimonial{padding:5rem 1.5rem;background:var(--bg-dark);color:var(--text-light)}.testimonial-container{max-width:900px;margin:0 auto}.testimonial-title{text-align:center;margin-bottom:3rem;font-size:clamp(2rem,4vw,3rem)}.testimonial-card{background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:1.5rem;padding:3rem;box-shadow:0 4px 30px #0000001a}.testimonial-text{font-size:1.1rem;line-height:1.8;color:var(--text-muted-blue);margin-bottom:2.5rem;font-style:italic}.testimonial-client{display:flex;align-items:center;gap:1.2rem;margin-bottom:1.5rem;border-top:1px solid var(--glass-border);padding-top:1.5rem}.testimonial-client img{width:60px;height:60px;border-radius:50%;object-fit:cover;border:2px solid var(--glass-border)}.client-name{font-weight:700;font-size:1.1rem;margin-bottom:.2rem;color:var(--text-light)}.client-role{font-size:.9rem;color:var(--text-muted)}.client-role a,.testimonial-source a{color:var(--text-muted);text-decoration:none;border-bottom:1px dotted var(--text-muted);transition:color .3s ease}.client-role a:hover,.testimonial-source a:hover{color:#fff;border-bottom-style:solid}.testimonial-source{font-size:.85rem;color:var(--text-muted);margin-top:.5rem}@media(max-width:640px){.testimonial-card{padding:2rem 1.5rem;border-radius:1rem}.testimonial-text{font-size:1rem}.testimonial-client{flex-direction:row}}.contact-me-section{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:4rem 0;box-sizing:border-box;overflow:hidden}.contacts-section{width:100%;align-items:center;justify-content:space-between;text-align:center;box-sizing:border-box}.contact-details{display:flex;flex-direction:column;text-align:left;padding:0rem 5rem 0rem 3rem;gap:1.5rem}.contact-details h1{font-size:clamp(2.5rem,8vw,4rem);font-weight:800;margin:0}.contact-link{text-decoration:none;display:inline-block;width:fit-content}.contact-row{display:flex;align-items:center;gap:1rem;padding:.5rem;border-radius:50px;transition:all .3s ease;background-color:#fff;border:1px solid rgba(0,0,0,.05);box-shadow:0 4px 15px #0000000d}.contact-row strong{background-color:#f0f0f0;color:#000;padding:.6rem 1.2rem;border-radius:30px;font-size:1rem;transition:all .3s ease}.contact-row span{font-size:clamp(.9rem,2vw,1.2rem);color:#333;padding-right:1rem;font-weight:500}.contact-link:nth-of-type(1):hover strong{background-color:var(--bg-dark);color:#fff}.contact-link:nth-of-type(2):hover strong{background-color:var(--bg-dark);color:#fff}.contact-link:nth-of-type(3):hover strong{background-color:var(--bg-dark);color:#fff}.contact-link:hover .contact-row{transform:translate(10px);border-color:#0000001a}.contact-form{box-sizing:border-box;padding:.1rem 0}.contact-form form{display:flex;flex-direction:column;border-radius:8px;box-shadow:0 0 2px #0005;padding:2rem 2rem 3rem;gap:1rem;background-color:#f7f7f753;backdrop-filter:blur(10px);box-sizing:border-box}.contact-form form input,.contact-form form textarea{border:1px solid rgba(61,61,61,.555);border-radius:15px;padding:.75rem 1.5rem;transition:all .3s ease;width:100%;box-sizing:border-box}@media screen and (max-width:992px){.contacts-section.grid-2{grid-template-columns:1fr;gap:3rem;padding:0 1rem;box-sizing:border-box}.contact-details{padding:0 1rem;align-items:center;text-align:center}.contact-link{width:100%;max-width:400px}.contact-row{width:100%;justify-content:flex-start;gap:.5rem}.contact-row span{font-size:.85rem;word-break:break-all}.contact-form form{padding:1.5rem;margin:0 1rem}}