.toggle-container{align-items:center;border-radius:25px;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:20px;justify-content:space-between;overflow:hidden;padding:5px;position:relative;transition:background .5s ease-in-out,box-shadow .5s ease-in-out;width:50px}.toggle-container.light{background:linear-gradient(90deg,#e0e0e0,#fff);box-shadow:inset 2px 2px 5px #ccc,inset -2px -2px 5px #fff;color:#555}.toggle-container.dark{background:linear-gradient(90deg,#222,#444);box-shadow:inset 2px 2px 5px #111,inset -2px -2px 5px #444;color:#fff}.toggle-button{align-items:center;background:#fff;border-radius:50%;box-shadow:2px 2px 5px #bbb,-2px -2px 5px #fff;display:flex;font-size:10px;height:15px;justify-content:center;position:absolute;top:2px;transition:transform .5s ease-in-out,background .5s ease-in-out;width:15px}.light .toggle-button{transform:translateX(0)}.dark .toggle-button{background:#000;box-shadow:2px 2px 5px #111,-2px -2px 5px #444;transform:translateX(25px)}.toggle-label{font-size:6px;font-weight:700;opacity:.8;position:absolute;text-align:center;transition:transform .5s ease-in-out,opacity .5s ease-in-out;width:100%}.light .toggle-label{opacity:1;transform:translateX(5px)}.dark .toggle-label{opacity:1;transform:translateX(-10px)}*{font-family:Arial,sans-serif}.navbar{background:var(--navbar-bg);box-shadow:0 4px 10px #0000001a;justify-content:center;left:0;padding:15px 0;position:fixed;top:0;width:100%;z-index:1000}.nav,.navbar{align-items:center;display:flex}.nav{justify-content:space-between;width:80%}.logo{color:var(--secondary-color);font-size:20px;gap:10px}.logo,.logo .img{align-items:center;display:flex;font-weight:700}.logo .img{background:var(--button-bg);border-radius:50%;color:#fff;font-size:18px;height:40px;justify-content:center;width:40px}.nav-links{align-items:center;display:flex;gap:20px}.nav-links a{color:var(--secondary-color);font-weight:500;text-decoration:none;transition:color .3s}.contact-btn,.nav-links a{cursor:pointer;font-size:16px}.contact-btn{background:var(--button-bg);border:none;border-radius:5px;color:var(--navbar-bg)!important;font-weight:700;padding:8px 16px;transition:background .3s}.contact-btn:hover{background:var(--button-hover)}.menu-toggle{cursor:pointer;display:none;font-size:24px}.popup{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.popup-content{background:var( --navbar-bg);border-radius:10px;box-shadow:0 0 10px var(--shadow-color);height:80%;padding:20px;text-align:center;width:80%}.forms{display:flex;justify-content:center}.forms form{background-color:var(--navbar-bg);border-radius:14px;box-shadow:0 4px 10px var(--shadow-color);padding:20px;width:500px}.popup-content h2{color:var(--hero-text);margin-bottom:15px}.popup-content input{display:block;margin:10px 0;padding:10px;width:100%}.menu-toggle{color:var(--hero-text)}.popup-content button{align-self:center;cursor:pointer;margin-top:10px;padding:10px 20px}.close{display:flex;justify-content:end}.close-btns{align-self:flex-end;background:none;border:none;color:var(--secondary-color);cursor:pointer;margin-top:10px;padding:10px}@media (max-width:900px){.nav{justify-content:space-between;width:90%}.logo .img{border-radius:50%;height:30px;width:30px}.logo,.logo .img{font-size:15px}.nav-links{gap:10px}.nav-links a{font-size:12px};}@media (max-width:700px){.menu-toggle{display:block}.nav-links{background:var(--navbar-bg);box-shadow:0 4px 10px #0000001a;display:none;flex-direction:column;padding:10px;position:absolute;right:10px;top:60px;width:200px}.nav-links.open{display:flex}.nav-links a{display:block;padding:10px;text-align:left;width:100%}}:root{--primary-color:#6a0dad;--secondary-color:#000;--text-color:#555;--navbar-bg:#fff;--hover-color:#888;--button-bg:#a044ff;--button-hover:#8000ff;--hero-bg:linear-gradient(90deg,#f8f2ff,#e3f5ff);--hero-text:#333;--bg-gradient:linear-gradient(90deg,#f8f2ff,#e3f5ff);--hero-button:#a044ff;--hero-button-hover:#8000ff;--about-bg:#f4f4f4;--about-text:#444;--shadow-color:#0000001a;--bg-light:#fff;--boxcolor:#f7f7f7;--boxhover:#f0e6ff;--services-bg:#e3f5ff;--services-text:#222;--bannerbg:#0d1b2a;--inputcolor:#777;--portfolio-bg:#fff;--portfolio-text:#333;--contact-bg:linear-gradient(90deg,#6a0dad,#a044ff);--contact-text:#fff}.dark-mode{--primary-color:#bb86fc;--secondary-color:#fff;--text-color:#f8f8f8;--navbar-bg:#121212;--hover-color:#777;--button-bg:#bb86fc;--button-hover:#3700b3;--hero-bg:linear-gradient(90deg,#1e1e2f,#121212);--hero-text:#fff;--hero-button:#bb86fc;--hero-button-hover:#3700b3;--about-bg:#222;--about-text:#ddd;--bg-light:#121212;--shadow-color:#e1e1e11a;--services-bg:#1e1e2f;--services-text:#eee;--bannerbg:#1e1e2f;--boxcolor:#000;--boxhover:#1e1e2f;--inputcolor:#fff;--inputtextcolor:#fff;--portfolio-bg:#121212;--portfolio-text:#fff;--contact-bg:linear-gradient(90deg,#3700b3,#bb86fc);--contact-text:#fff}.navbar,body{transition:background-color 1s ease-in-out,color 1s ease-in-out}:root{--admin-primary-color:#4361ee;--admin-secondary-color:#3f37c9;--admin-accent-color:#4895ef;--admin-danger-color:#f72585;--admin-success-color:#4cc9f0;--admin-light-color:#f8f9fa;--admin-dark-color:#212529;--admin-gray-color:#6c757d;--admin-sidebar-width:250px;--admin-border-radius:8px;--admin-box-shadow:0 4px 6px #0000001a;--admin-transition:all 0.3s ease}*{box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{background-color:#f5f7fa}.admin-dashboard{display:flex;min-height:100vh}.sidebar{background-color:#212529;background-color:var(--admin-dark-color);color:#fff;display:flex;flex-direction:column;height:100vh;padding:1.5rem 0;position:fixed;width:250px;width:var(--admin-sidebar-width)}.sidebar-header{border-bottom:1px solid #ffffff1a;padding:0 1.5rem 1.5rem}.sidebar-header h2{color:#fff;font-size:1.3rem}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:.5rem;padding:1.5rem 0}.nav-item{align-items:center;background:#0000;border:none;color:#ffffffb3;cursor:pointer;display:flex;font-size:.95rem;gap:.8rem;padding:.8rem 1.5rem;text-align:left;transition:all .3s ease;transition:var(--admin-transition)}.nav-item:hover{background-color:#ffffff1a;color:#fff}.nav-item.active{background-color:#4361ee;background-color:var(--admin-primary-color);color:#fff}.nav-item i{font-size:1rem}.logout-btn{align-items:center;background-color:#f72585;background-color:var(--admin-danger-color);border:none;border-radius:8px;border-radius:var(--admin-border-radius);color:#fff;cursor:pointer;display:flex;gap:.5rem;justify-content:center;margin:1.5rem;padding:.7rem;transition:all .3s ease;transition:var(--admin-transition)}.logout-btn:hover{background-color:#d1145a}.main-content{background-color:#f5f7fa;flex:1 1;margin-left:250px;margin-left:var(--admin-sidebar-width);padding:2rem}.dashboard-content h2{color:#212529;color:var(--admin-dark-color);margin-bottom:1.5rem}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.stat-card{background-color:#fff;border-radius:8px;border-radius:var(--admin-border-radius);box-shadow:0 4px 6px #0000001a;box-shadow:var(--admin-box-shadow);padding:1.5rem}.stat-card h3{color:#6c757d;color:var(--admin-gray-color);font-size:.9rem;margin-bottom:.5rem}.stat-card p{color:#4361ee;color:var(--admin-primary-color);font-size:1.8rem;font-weight:700}.recent-activity{background-color:#fff;border-radius:8px;border-radius:var(--admin-border-radius);box-shadow:0 4px 6px #0000001a;box-shadow:var(--admin-box-shadow);padding:1.5rem}.recent-activity h3{color:#212529;color:var(--admin-dark-color);margin-bottom:1rem}.recent-activity ul{list-style-type:none}.recent-activity li{border-bottom:1px solid #eee;color:#6c757d;color:var(--admin-gray-color);padding:.5rem 0}.add-portfolio-content,.resume-content{border-radius:8px;border-radius:var(--admin-border-radius);box-shadow:0 4px 6px #0000001a;box-shadow:var(--admin-box-shadow);padding:1.5rem}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.section-header h2{color:#212529;color:var(--admin-dark-color)}.add-btn,.back-btn{align-items:center;background-color:#4361ee;background-color:var(--admin-primary-color);border:none;border-radius:8px;border-radius:var(--admin-border-radius);color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.6rem 1rem;transition:all .3s ease;transition:var(--admin-transition)}.add-btn:hover{background-color:#3f37c9;background-color:var(--admin-secondary-color)}.back-btn{background-color:#6c757d;background-color:var(--admin-gray-color)}.back-btn:hover{background-color:#5a6268}.portfolio-list{display:flex;flex-direction:column;gap:1rem}.portfolio-item{border:1px solid #eee;border-radius:8px;border-radius:var(--admin-border-radius);display:flex;gap:1rem;padding:1rem;transition:all .3s ease;transition:var(--admin-transition)}.portfolio-item:hover{box-shadow:0 2px 8px #0000000d}.item-image{flex-shrink:0;height:80px;width:80px}.item-image img{border-radius:8px;border-radius:var(--admin-border-radius);height:100%;object-fit:cover;width:100%}.item-details{display:flex;flex:1 1;flex-direction:column;gap:.3rem}.item-details h3{color:#212529;color:var(--admin-dark-color);font-size:1rem}.item-category{background-color:#4361ee1a;border-radius:4px;color:#4361ee;color:var(--admin-primary-color);font-size:.8rem;padding:.2rem .5rem;width:fit-content}.item-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6c757d;color:var(--admin-gray-color);display:-webkit-box;font-size:.85rem;overflow:hidden}.item-actions{display:flex;flex-direction:row;gap:.5rem;justify-content:center}.delete-btn,.view-btn{align-items:center;border:none;border-radius:8px;border-radius:var(--admin-border-radius);cursor:pointer;display:flex;font-size:.8rem;gap:.3rem;padding:.4rem .8rem;transition:all .3s ease;transition:var(--admin-transition)}.view-btn{background-color:#f8f9fa;background-color:var(--admin-light-color);color:#212529;color:var(--admin-dark-color)}.view-btn:hover{background-color:#e9ecef}.delete-btn{background-color:#f725851a;color:#f72585;color:var(--admin-danger-color)}.delete-btn:hover{background-color:#f7258533}.upload-form{gap:1rem}.form-group,.upload-form{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{color:#212529;color:var(--admin-dark-color);font-size:.9rem;font-weight:500}.form-group input,.form-group textarea{border:1px solid #ddd;border-radius:8px;border-radius:var(--admin-border-radius);color:#000;font-size:.9rem;padding:.7rem;transition:all .3s ease;transition:var(--admin-transition)}.form-group input:focus,.form-group textarea:focus{border-color:#4895ef;border-color:var(--admin-accent-color);box-shadow:0 0 0 2px #4895ef33;outline:none}.form-group textarea{min-height:100px;resize:vertical}.file-upload{position:relative}.file-upload input[type=file]{left:-9999px;position:absolute}.file-upload label{align-items:center;background-color:#f8f9fa;background-color:var(--admin-light-color);border:1px dashed #6c757d;border:1px dashed var(--admin-gray-color);border-radius:8px;border-radius:var(--admin-border-radius);cursor:pointer;display:flex;gap:.5rem;justify-content:center;padding:.7rem 1rem;text-align:center;transition:all .3s ease;transition:var(--admin-transition)}.file-upload label:hover{background-color:#e9ecef}.file-name{color:#6c757d;color:var(--admin-gray-color);font-size:.8rem;margin-top:.3rem;text-align:center}.submit-btn{background-color:#4361ee;background-color:var(--admin-primary-color);border:none;border-radius:8px;border-radius:var(--admin-border-radius);color:#fff;cursor:pointer;font-weight:500;margin-top:.5rem;padding:.8rem;transition:all .3s ease;transition:var(--admin-transition)}.submit-btn:hover{background-color:#3f37c9;background-color:var(--admin-secondary-color)}.submit-btn:disabled{background-color:#6c757d;background-color:var(--admin-gray-color);cursor:not-allowed}.error-message{background-color:#f725851a;border-radius:8px;border-radius:var(--admin-border-radius);color:#f72585;color:var(--admin-danger-color);font-size:.9rem;margin-bottom:1rem;padding:.8rem}.resume-upload{margin-bottom:2rem}.current-resume h3,.resume-upload h3{color:#212529;color:var(--admin-dark-color);margin-bottom:1rem}.current-resume p{color:#6c757d;color:var(--admin-gray-color);font-style:italic}.admin-modal-overlay{background-color:#00000080;bottom:0;padding:1rem;right:0;z-index:1000}.admin-modal-content{background-color:#fff;border-radius:var(--admin-border-radius);box-shadow:0 10px 25px #0003;max-height:90vh;max-width:600px;width:100%}.close-modal{background:none;border:none;color:#6c757d;color:var(--admin-gray-color);cursor:pointer;font-size:1.2rem;position:absolute;right:1rem;top:1rem;z-index:10}.modal-image{height:250px;overflow:hidden;width:100%}.modal-image img{background-color:#f0f0f0;height:100%;object-fit:contain;width:100%}.modal-details{padding:1.5rem}.modal-details h2{color:#4361ee;color:var(--admin-primary-color)}.detail-row,.modal-details h2{margin-bottom:1rem}.detail-label{color:#212529;color:var(--admin-dark-color);display:block;font-weight:500;margin-bottom:.3rem}.detail-value{color:#6c757d;color:var(--admin-gray-color)}.loading-spinner{gap:.5rem;padding:2rem}.empty-state,.loading-spinner{align-items:center;color:#6c757d;color:var(--admin-gray-color);display:flex;justify-content:center}.empty-state{flex-direction:column;gap:1rem;padding:3rem 1rem;text-align:center}.empty-state i{color:#ddd;font-size:2rem}@media (max-width:768px){:root{--admin-sidebar-width:70px}.nav-item span,.sidebar-header h2{display:none}.nav-item{justify-content:center;padding:.8rem}.main-content{margin-left:70px;padding:1rem}}@media (max-width:576px){.portfolio-item{flex-direction:column}.item-actions{flex-direction:row;justify-content:flex-end}.section-header{align-items:flex-start;flex-direction:column;gap:1rem}.add-btn,.back-btn{justify-content:center;width:100%}}.contacts-content{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-top:30px;padding:20px}.contacts-content h2{color:#333;font-size:24px;margin-bottom:15px}.contacts-content h3{color:#555;font-size:20px;margin-bottom:10px}.contacts-list{list-style:none;margin:0;padding:0}.contact-item{background:#fafafa;border:1px solid #ddd;border-radius:6px;margin-bottom:15px;padding:15px}.contact-item p{color:#444;font-size:14px;margin:5px 0}.contact-item strong{color:#000}.delete-btn{background:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:10px;padding:8px 12px;transition:background .2s ease}.delete-btn:hover{background:#c0392b}.contacts-table{border-collapse:collapse;margin-top:20px;width:100%}.contacts-table td,.contacts-table th{border:1px solid #ddd;padding:10px;text-align:left}.contacts-table th{background-color:#f4f4f4}.view-btn{background:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:6px 10px}.view-btn:hover{background:#2980b9}.admin-modal-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.admin-modal-content{background:#fff;border-radius:8px;max-height:80vh;max-width:500px;overflow-y:auto;padding:20px;position:relative;width:90%}.admin-modal-content h4{margin-top:0}.admin-modal-content p{margin:8px 0}.admin-close-btn{background:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:20px;padding:8px 12px}.admin-close-btn:hover{background:#c0392b}.success-message{color:green;font-weight:700}.error-message,.success-message{margin-bottom:10px}*,body{margin:0;padding:0}body{background:var(--hero-bg);font-family:Arial,sans-serif}.section{align-items:center;display:flex;justify-content:center}.sectionbanner{margin-top:50px}.orientation-alert{background:#fff;border-radius:8px;box-shadow:0 4px 10px #0003;left:50%;padding:20px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);width:300px;z-index:1000}.orientation-alert img{margin:10px 0}.btn-grp{display:flex;flex-direction:row;gap:20px}.orientation-alert button{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;display:block;margin:5px 0;padding:8px 12px;width:100%}.orientation-alert button:hover{background:#0056b3}.error-message{color:red;font-size:14px;margin-top:5px}@media(max-width:769px){.section{min-height:fit-content}}@media(max-width:400px){.section{min-height:fit-content}}.hero{background:var(--hero-bg);display:flex;margin-top:30px;padding:80px 10%;text-align:left}.hero,.hero-content{justify-content:space-between}.hero-content{align-items:center;flex-wrap:wrap;width:70%}.hero-text{max-width:70%}.hero-text h1{color:var(--text-color);font-size:48px;font-weight:700;line-height:1.2}.hero-text span{color:var(--primary-color)}.hero-text p{color:var(--text-color);font-size:16px;margin:20px 0}.hero-button{background:var(--button-bg);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:10px 20px;transition:background .3s}.hero-button:hover{background:var(--button-hover)}.hero-image img{border-radius:10px;box-shadow:0 5px 15px #0003;max-width:300px;width:100%}.hero-stats{display:flex;gap:30px;justify-content:start;margin-top:50px}.stat{background:#fffc;border-radius:10px;box-shadow:0 5px 10px #0000001a;min-width:150px;padding:20px;text-align:center}.stat h2{color:var(--primary-color);font-size:28px;margin-bottom:5px}.stat p{color:var(--text-color);font-size:14px}@media (max-width:900px){.hero{padding:80px 5%}.hero-text{max-width:100%}.hero-text h1{font-size:40px}}@media (max-width:600px){.hero,.hero-content{flex-direction:column}.hero-content{text-align:center}.hero-text{max-width:100%}.hero-content{align-items:center;width:100%}.hero-image{align-self:center;margin-top:20px}.hero-stats{align-items:center;flex-direction:row}.stat p{font-size:8px}.hero-text h1{font-size:40px}}@media (max-width:400px){.stat{min-width:100px!important;padding:10px!important}.stat:nth-child(2){padding:10px}.stat h2{font-size:20px}.hero-content{align-items:center;width:100%}.hero-text h1{font-size:30px}.hero-text{align-self:center}}@media (max-width:600px){.hero-text h1{font-size:32px}.hero-button,.hero-text p{font-size:14px}.hero-button{padding:8px 16px}.hero-image img{max-width:220px}.stat h2{font-size:24px}.stat p{font-size:12px}}@media (max-width:400px){.hero-text h1{font-size:24px}.hero-button,.hero-text p{font-size:12px}.hero-button{padding:6px 12px}.hero-image img{max-width:180px}.stat{min-width:100px;padding:10px}.stat h2{font-size:18px}.stat p{font-size:10px}}.about{height:100vh;justify-content:center;width:100%}.about,.about-container{align-items:center;display:flex}.about-container{background:var(--bg-light);border-radius:10px;box-shadow:0 10px 20px var(--shadow-color);gap:20px;height:80vh;padding:20px;width:80%}.profile{position:relative;text-align:center;width:50%}.profile img{border-radius:10px;max-width:250px;width:100%}.about-card{display:flex}.social-icons{background:var(--bg-light);border-radius:10px;bottom:-15px;box-shadow:0 5px 10px var(--shadow-color);display:flex;gap:10px;justify-content:space-around;left:50%;padding:8px;position:absolute;transform:translateX(-50%)}.social-icons a{color:var(--primary-color);font-size:14px;transition:.3s ease}.social-icons a:hover{color:var(--button-hover)}.about-text{align-content:center;align-items:center;display:inline;flex:1 1}.about-text h2{color:var(--hero-text);font-size:30px;font-weight:700}.about-text p{color:var(--text-color);font-size:14px;margin:10px 0}.buttons{display:flex;gap:10px;margin-top:10px}.btn{display:inline-block;font-size:14px;font-weight:700;padding:8px 15px;text-align:center;text-decoration:none;transition:.3s ease}.primary{background:var( --button-bg);color:var(--navbar-bg)}.primary:hover{background:var(--button-hover)}.secondary{border:2px solid var( --button-bg);color:var(--secondary-color)}.secondary:hover{background:var( --button-bg);color:var(--text-light)}@media (max-width:900px){.about-container{width:90%}.profile img{height:100%;width:70%}.profile{height:280px}}@media (max-width:768px){.social-icons{justify-content:center}}@media (max-width:400px){.about-card{flex-direction:column;gap:20px}.profile{height:280px;width:100%}.about,.about-container{height:fit-content}}@media (max-width:900px){.about-container{width:90%}.profile img{max-width:200px}.about-text h2{font-size:26px}.about-text p{font-size:13px}}@media (max-width:600px){.about-container{padding:15px;width:95%}.profile img{max-width:180px}.about-text h2{font-size:22px}.about-text p,.btn{font-size:12px}.btn{padding:6px 12px}}@media (max-width:400px){.about-card{flex-direction:column;gap:20px}.profile{height:auto;width:100%}.profile img{max-width:150px}.about-text h2{font-size:18px}.about-text p{font-size:11px}.about,.about-container{height:fit-content}}.process-deck-container{overflow:hidden;padding:5rem 2rem;position:relative}.process-header{margin-bottom:4rem;text-align:center}.process-header h2{color:var(--secondary-color);font-size:2.5rem;margin-bottom:1rem}.process-subtitle{color:var(--secondary-color);font-size:1.1rem;margin:0 auto;max-width:600px}.process-subtitle span{color:var(--primary-color);font-weight:600}.card-deck{display:flex;gap:1.5rem;justify-content:center;margin:0 auto;max-width:1200px;perspective:1000px;position:relative}.process-card{border-radius:16px;box-shadow:0 10px 30px #0000001a;color:var(--secondary-color);cursor:pointer;padding:2rem;position:relative;transform-style:preserve-3d;transition:all .3s ease;width:250px}.process-card:before{background:#ffffff4d;border-radius:16px 16px 0 0;content:"";height:8px;left:0;position:absolute;right:0;top:0}.card-icon{font-size:2rem;margin-bottom:1.5rem}.process-card h3{font-size:1.3rem;font-weight:600;margin-bottom:1rem}.process-card p{font-size:.95rem;line-height:1.6;opacity:.9}.card-number{bottom:1rem;font-size:2.5rem;font-weight:800;line-height:1;opacity:.2;position:absolute;right:1.5rem}@media (max-width:1024px){.card-deck{flex-wrap:wrap}.process-card{width:calc(50% - 1rem)}}@media (max-width:640px){.process-card{width:100%}.process-header h2{font-size:2rem}}.portfolio{text-align:center;width:80%}.portfolio h2{color:var( --hero-text);font-size:32px;font-weight:700}.portfolio p{color:var(  --text-color);font-size:16px;margin:10px auto 30px}.portfolio-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));justify-content:center}.portfolio-card{background:var(--navbar-bg);border:1px solid var(--shadow-color);border-radius:10px;box-shadow:0 5px 15px var(--shadow-color);max-width:300px;overflow:hidden;transition:transform .3s ease}.portfolio-card:hover{transform:translateY(-5px)}.portfolio-card img{background-color:var(--navbar-bg);height:200px;object-fit:contain;width:100%}.portfolio-content{padding:20px;text-align:left}.portfolio-content span{color:var(--text-color);font-size:12px;font-weight:700;text-transform:uppercase}.portfolio-content h3{color:var( --hero-text);font-size:18px;font-weight:700;margin-top:5px}.portfolio-content p{color:var(--text-color);font-size:14px;margin-top:5px}.truncate-3-lines{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.case-study{border:1px solid;border-radius:4px;color:var( --button-bg);display:inline-block;font-size:12px;font-weight:700;padding:10px 20px;text-decoration:none;transition:.3s ease}.case-study:hover{color:var(--primary-color)}.more-projects{margin-top:30px}.more-projects-modal{background:var(--hero-bg);border-radius:12px;box-shadow:0 0 20px #0003;height:80%;left:10%;overflow-y:auto;padding:20px;position:fixed;top:10%;width:80%;z-index:1000}.more-projects-modal .modal-content{position:relative}.modal-content h2{margin-bottom:20px}.close-btn{color:var(--secondary-color);cursor:pointer;font-size:larger;position:absolute;right:0;top:-10px}.close-btn,.close-btn:hover{background:none}.more-projects button{background:var( --button-bg);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:12px 20px;transition:.3s ease}.more-projects button:hover{background:var(--primary-color)}@media(max-width:783px){.modal-content .portfolio-grid{grid-template-columns:repeat(auto-fit,minmax(100%,1fr))}}@media(max-width:900px){.portfolio{width:90%}.portfolio-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(40%,1fr));justify-content:center}}@media(max-width:400px){.portfolio-grid{grid-template-columns:repeat(auto-fit,minmax(100%,1fr))}}.banner{align-items:center;background:var(--bannerbg);color:#fff;display:flex;justify-content:center;padding:80px 20px;text-align:center;width:100%}.banner-content{max-width:600px}.banner h2{font-size:28px;font-weight:700;margin-bottom:10px}.banner p{color:#a1a1a1;font-size:16px;margin-bottom:20px}.btn-primary{background:#a044ff;border-radius:5px;color:#fff;display:inline-block;font-size:16px;font-weight:700;padding:12px 20px;text-decoration:none;transition:background .3s ease-in-out}.btn-primary:hover{background:#8000ff}.what-i-do{align-items:flex-start;display:flex;justify-content:space-between;padding:50px 10%}.text-content{width:40%}.text-content h2{color:var(--hero-text);font-size:28px;font-weight:700}.text-content p{color:var(--text-color);font-size:16px;line-height:1.5}.btn{background:var(--button-bg);border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px;transition:background .3s ease-in-out}.btn:hover{background:var(--button-hover)}.cards{display:flex;flex-direction:column;gap:20px;width:50%}.what-card{background:var(--navbar-bg);border-left:4px solid #0000;border-radius:10px;box-shadow:0 5px 15px var(--shadow-color);padding:20px;transition:border-color .3s ease-in-out,background .3s ease-in-out,transform .3s ease-in-out}.what-card h3{color:var(--hero-text)}.what-card p{color:var(--text-color)}.what-card:hover{border-left:4px solid var(--hero-button);transform:translateY(-5px)}@media (max-width:900px){.what-i-do{padding:50px 5%}}@media (max-width:600px){.text-content h2{font-size:24px}.btn,.text-content p{font-size:14px}.btn{padding:8px 18px}.what-card h3{font-size:18px}.what-card p{font-size:13px}}@media (max-width:400px){.what-i-do{flex-direction:column;gap:30px;padding:40px 5%}.cards,.text-content{width:100%}}.contact-container{background:var(--navbar-bg);border-radius:10px;box-shadow:0 5px 20px var(--shadow-colo);display:flex;margin:50px auto;padding:40px;width:80%;z-index:200}.contact-left{flex:1 1;padding:20px}.contact-left h2{color:var(--hero-text);font-size:24px;font-weight:700}.contact-left p{color:var(--text-color);font-size:14px;margin-bottom:2px}.contact-info .info-box{align-items:center;background:var(--boxcolor);border-radius:8px;display:flex;margin-bottom:15px;padding:15px;transition:.3s ease-in-out;width:70%}.info-box:hover{background:var(--boxhover);transform:scale(1.05)}.icon{background:#eee;border-radius:50%;color:#7d3cff;font-size:30px;margin-right:10px}.label{color:var( --text-color);font-size:12px;margin-bottom:2px}.social-iconss{margin-top:20px}.social-iconss a{border-radius:5px;color:#7d3cff;display:inline-block;font-size:18px;margin-right:10px;padding:5px;transition:.3s}.social-iconss a:hover{background-color:var(--button-hover);color:#fff}.contact-right{flex:1 1;padding:20px}form{display:flex;flex-direction:column;gap:12px;margin-top:20px}.contact-right p,label{color:var(--text-color)}label{font-size:14px;font-weight:600;margin-top:10px}input,textarea{background-color:none;background:none;border:none;border-bottom:1px solid #ddd;color:var( --secondary-color);margin-top:5px;padding:10px;transition:.3s ease-in-out;width:100%}input:focus,textarea:focus{border-color:var(--hero-button-hover);border-width:2px;outline:none}input::placeholder,textarea::placeholder{color:var(--inputcolor);font-size:14px;transition:color .3s ease-in-out}input:focus::placeholder,textarea:focus::placeholder{color:var(--hero-button-hover);opacity:.7}.row{display:flex;justify-content:space-between;width:100%}.row .budget{margin-right:10px}.row div{flex:1 1}textarea{height:100px}button{align-items:center;background:var(--primary-color);border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-weight:700;justify-content:center;margin-top:10px;padding:10px 30px;transition:.3s ease-in-out;width:fit-content}button span{font-size:16px;margin-left:8px}button:hover{background:var(  --button-hover)}.contact-btss{align-items:top;display:flex;flex-direction:row;gap:30px;justify-content:space-between}.contact-btss button{height:fit-content}@media(max-width:900px){.contact-container{flex-direction:column;margin:50px 5%;width:90%}}@media(max-width:768px){.contact-container{padding:10px}}@media(max-width:400px){.contact-container{padding:10px}.contact-right form{width:fit-content!important}.contact-info .info-box{width:100%}}@media (max-width:900px){.contact-container{flex-direction:column;margin:50px 5%;width:90%}.contact-left,.contact-right{padding:15px}}@media (max-width:768px){.contact-container{padding:20px 15px}.contact-left h2{font-size:20px}.contact-left p{font-size:12px}.label{font-size:11px}.icon{font-size:24px}.social-iconss a{font-size:16px}button,input,textarea{font-size:13px}button{padding:8px 20px}button span{font-size:14px}}@media (max-width:400px){.contact-container{padding:15px 10px}.contact-left h2{font-size:18px}.contact-left p{font-size:11px}.contact-info .info-box{padding:10px;width:100%}.icon{font-size:20px}input,textarea{font-size:12px;padding:8px}button{padding:8px 16px}button,button span{font-size:12px}}.footer{background:var(--bannerbg);color:#fff;justify-content:center;margin-top:-100px;padding:100px 0 20px;width:100%}.footer,.footer-container{align-items:center;display:flex}.footer-container{justify-content:space-between;max-width:1200px;width:80%}.footer-logo{font-size:20px;font-weight:700}.footer-logo,.logo-circle{align-items:center;display:flex}.logo-circle{background:#7d3cff;border-radius:50%;color:#fff;height:35px;justify-content:center;margin-right:10px;width:35px}.logo-text{color:#fff}.footer-nav{display:flex;gap:20px}.footer-nav a{color:#bbb;font-size:14px;text-decoration:none;transition:color .3s ease}.footer-nav a:hover{color:#7d3cff}.footer-copyright{color:#bbb;font-size:14px}@media(max-width:900px){.footer-container{align-items:flex-start;display:flex;flex-direction:column;gap:20px;justify-items:flex-start;width:90%}}@media(max-width:400px){.footer-nav{gap:10px}}
/*# sourceMappingURL=main.593aa68d.css.map*/