.about-section{padding:5rem 0;background:#fff;color:#1a1a1a}.sub-heading{font-size:1.5rem;font-weight:600;margin-bottom:1rem}.text{color:#4b5563;line-height:1.7;margin-bottom:1.5rem}.bold{font-weight:600}.about-grid{display:grid;grid-template-columns:1fr;gap:3rem;align-items:center}@media (min-width: 768px){.about-grid{grid-template-columns:1fr 1fr}}.skills-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}@media (min-width: 640px){.skills-grid{grid-template-columns:repeat(3,1fr)}}.skill-card{background:#f3f4f6;padding:1.5rem;border-radius:1rem;text-align:center;box-shadow:0 4px 8px #0000000d;transition:box-shadow .3s ease}.skill-card:hover{box-shadow:0 6px 12px #0000001a}.skill-card .icon{width:2rem;height:2rem;color:#facc15;margin-bottom:.75rem}.hero-section{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:linear-gradient(to bottom,#111827,#000);color:#fff;padding:0 1.5rem;border-radius:7px}.hero-heading{font-size:3rem;font-weight:700;margin-bottom:1rem;color:#facc15}@media (min-width: 768px){.hero-heading{font-size:3.5rem}}.highlight{color:#facc15}.hero-subtext{font-size:1.125rem;max-width:42rem;margin-bottom:2rem;color:#d1d5db;line-height:1.7}@media (min-width: 768px){.hero-subtext{font-size:1.25rem}}.cta-buttons{display:flex;gap:1rem;text-decoration:none}.view-work-btn{display:inline-flex;gap:5px;align-items:center;background:#facc15;color:#000;padding:.75rem 1.5rem;border-radius:1rem;font-weight:500;border:none;cursor:pointer;transition:background .3s ease}.view-work-btn a{text-decoration:none}.view-work-btn:hover{background:#fde047}.book-meeting-btn{background:transparent;border:2px solid #facc15;color:#facc15;padding:.75rem 1.5rem;border-radius:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.book-meeting-btn:hover{background:#facc15;color:#000}.projects-section{padding:4rem 0;background:#f3f4f6;color:#1f2937}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.section-heading{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:3rem}.section-heading .highlight{color:#facc15}.projects-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 640px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){.projects-grid{grid-template-columns:repeat(3,1fr)}}.booking-section{padding:5rem 0;background:#111827;color:#ebf9ff}.booking-container{max-width:700px;margin:0 auto;padding:0 1.5rem}.booking-form{background:#1f2937;padding:2rem;border-radius:1rem;box-shadow:0 6px 12px #0000004d;display:flex;flex-direction:column;gap:1.5rem}.form-label{display:block;margin-bottom:.5rem;font-weight:500}.form-input{width:100%;padding:.75rem;border-radius:.5rem;border:none;outline:none;font-size:1rem;color:#111}.form-input:focus{outline:2px solid #facc15}.error-text{color:#f87171;font-size:.875rem;margin-top:.25rem}.success-text{color:#4ade80;font-size:1rem;font-weight:500;margin-top:.5rem}.center{text-align:center}.submit-btn{width:100%;background:#facc15;color:#000;padding:.9rem;font-weight:600;border-radius:.5rem;border:none;cursor:pointer;transition:background .3s ease}.submit-btn:hover{background:#fde047}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.footer{background:#111827;color:#d1d5db;padding:2rem 0}.footer-container{max-width:1200px;margin:0 auto;padding:0 1.5rem;display:flex;flex-direction:column;gap:1.5rem;align-items:center;justify-content:space-between}@media (min-width: 768px){.footer-container{flex-direction:row}}.footer-text{font-size:.875rem;text-align:center}.footer-socials{display:flex;gap:1.5rem}.social-link{color:#d1d5db;transition:color .3s ease}.social-link:hover{color:#facc15}.navbar{position:fixed;top:0;left:0;width:100%;background:#111827;color:#fff;opacity:97%;z-index:50}.navbar-container{max-width:1200px;margin:0 auto;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.navbar-logo{font-size:1.25rem;font-weight:700;color:#facc15;text-decoration:none}.navbar-menu{display:none;gap:2rem}.navbar-menu li{list-style:none}.navbar-link{color:#fff;text-decoration:none;transition:color .3s ease}.navbar-link:hover{color:#facc15}.navbar-toggle{background:none;border:none;color:#fff;cursor:pointer}.navbar-dropdown{background:#1f2937;padding:1rem 1.5rem}.navbar-dropdown ul{list-style:none;padding:0;margin:0}.navbar-dropdown-link{display:block;padding:.75rem 0;color:#fff;text-decoration:none;transition:color .3s ease}.navbar-dropdown-link:hover{color:#facc15}@media (min-width: 768px){.navbar-menu{display:flex}.navbar-toggle,.navbar-dropdown{display:none}}.project-card{background:#fff;border-radius:1rem;overflow:hidden;box-shadow:0 4px 12px #0000001a;transition:box-shadow .3s ease,transform .3s ease}.projects-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.project-card:hover{box-shadow:0 6px 18px #0003;transform:translateY(-4px)}.project-card-image{width:50%;text-align:center;width:100%;height:auto;max-width:100%;margin:20px auto 0;border-radius:15px}.project-card-body{padding:1.25rem}.project-card-title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:#111827}.project-card-description{font-size:.95rem;color:#4b5563;margin-bottom:1rem;line-height:1.5}.project-card-btn{display:inline-block;background:#facc15;color:#111;padding:.5rem 1.25rem;border-radius:.5rem;font-weight:500;text-decoration:none;transition:background .3s ease}.project-card-btn:hover{background:#fde047}.header-banner{width:100%;height:300px;overflow:hidden}.header-banner{text-align:center;width:100%;height:auto;max-width:100%;margin:63px auto 0;border-radius:15px}.projects-section{padding:4rem 1rem;background:#f9f9f9}.section-heading{text-align:center;font-size:2rem;margin-bottom:2.5rem}.highlight1{color:#07f}.projects-grid1{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.projects-grid1 .project-card1{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 15px #0000001a;transition:transform .2s ease}.projects-grid1 .project-card1:hover{transform:translateY(-6px)}.view-live-section{display:flex;flex-direction:column;align-items:center;gap:10px;justify-content:center;margin-top:20px}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.hi{color:#f3f4f6}
