.navbar{position:fixed;top:0;left:0;right:0;background:#0f0f0f03;padding:1rem 2rem;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #ece6e6;border-top:none;border-radius:0 0 30px 30px;z-index:100;max-width:100%;margin:0 auto;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}.navbar-links-container{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.navbar-links{justify-content:space-around;align-items:center;position:relative;display:flex;gap:1.5rem;height:30px;width:auto}.navbar-links button{color:#000;background-color:#fff0;border-radius:15px 35px;padding:12px 30px;text-decoration:none;font-size:1.2rem;transition:color .3s ease;border:none}.navbar-links button:hover{background-color:#ece6e6}.navbar-links button.active{background-color:#000;color:#fff}.navbar-contact{position:absolute;display:flex;right:0;align-items:center;height:30px}.connect-btn{width:100%;background:#000;color:#fff;padding:12px 30px;border:none;font-size:1.2rem;border-radius:35px 15px;cursor:pointer;transition:background .3s}.connect-btn a{text-decoration:none;color:inherit}.connect-btn:hover{background:#fdfcfc;color:#000}.menu-icon{display:none;flex-direction:column;background-color:transparent;cursor:pointer;z-index:101}.menu-icon span{width:25px;height:3px;background-color:#000;margin:3px 0;transition:.3s;border-radius:2px}.menu-icon span.active:nth-child(1){transform:rotate(-45deg) translate(-5px,6px)}.menu-icon span.active:nth-child(2){opacity:0}.menu-icon span.active:nth-child(3){transform:rotate(45deg) translate(-6px,-7px)}@media (max-width: 768px){.menu-icon{display:flex;justify-content:right}.navbar-contact{position:relative;margin-bottom:30px}.navbar{height:30px;justify-content:right}.connect-btn{color:#000;background-color:#a7a6a600}.navbar-links{display:flex;flex-direction:column;gap:1rem;height:auto}.navbar-links-container{position:fixed;top:70px;right:-100%;width:100%;height:auto;background:#24232393;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;justify-content:flex-start;align-items:center;padding-top:2rem;gap:1rem;border-radius:50px;transition:right .3s ease}.navbar-links-container.open{right:0}}.home-section{width:100%;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#31363826,#01143cb0 70%);max-height:100vh}.home-container{width:90%;height:100vh;padding:0%;align-items:flex-end;bottom:0%;display:flex;justify-content:center}.home-profile{flex:1;bottom:0;padding:0}.Profile{width:80%;min-height:300px;display:flex;justify-content:center;border-bottom:2px solid rgba(0,0,0,.644);border-radius:120px}.DP{width:100%;height:auto}.home-description{flex:1;padding:0;width:100%;display:flex}.description-content{width:100%;gap:20px;display:flex;flex-direction:column}.description-text{width:100%;font-weight:500;color:#fff;margin-top:0}.text-desc h1,.text-desc h5,.text-desc h3{margin:0;padding:0;color:#000;font-family:Georgia,Times New Roman,Times,serif}.text-desc h1{font-size:4rem;margin-bottom:10px}.text-desc h5{font-size:1.2rem;margin-bottom:05px}.text-desc h3{font-size:1.5rem;margin-bottom:20px}.social-icons{width:100%;height:100px;display:flex;justify-content:right;margin-bottom:20px}.icons-follow{display:flex;width:50%;height:100%;justify-content:right;gap:20px;align-items:flex-end}.hire-btn{width:40%;background:#000;color:#fff;border:none;padding:15px 30px;border-radius:25px 10px;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:20px;font-weight:500;cursor:pointer;transition:background .3s}.hire-btn:hover{background:#fff;color:#000}.icon{width:40px;height:40px;color:#000;border-radius:10px;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:20px;font-weight:700;transition:transform .3s ease}.icon:hover{transform:scale(1.1);color:#fff}@media (max-width: 768px){.home-section{display:flex;align-items:flex-end}.home-container{flex-direction:column;height:auto;align-items:flex-end;padding:20px 0;gap:20px}.home-profile,.home-description{width:100%;height:auto}.Profile{width:100%;height:auto;margin:0 auto;border-radius:30px}.description-content{align-items:center;text-align:center}.text-desc h1{font-size:2.5rem}.text-desc h5{font-size:1rem}.text-desc h3{font-size:1.2rem}.icons-follow{justify-content:center;width:100%}.hire-btn{width:100%;padding:12px 20px;font-size:18px}}.about-section{width:100%;display:flex;justify-content:center;align-items:center;background:linear-gradient(45deg,#31363826,#01143cb0 70%)}.about-container{max-width:90%;display:grid;grid-template-columns:1fr 1fr;gap:60px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px}.about-left h2{color:#000;font-size:24px;margin-bottom:10px}.about-title{color:#000;font-size:32px;font-weight:700;margin-bottom:20px}.about-description{color:#000;line-height:1.6;margin-bottom:30px;font-size:16px}.download-btn{background:#000;color:#fff;padding:12px 30px;border:none;border-radius:25px;font-weight:700;cursor:pointer;margin-bottom:40px;transition:background .3s}.download-btn:hover{background:#fffdfd;color:#000}.experience-section h3{color:#000;font-size:20px;margin-bottom:20px}.experience-item{background:#fff3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:16px;padding:2rem;box-shadow:0 4px 30px #0000001a;color:#fff;margin-bottom:20px}.experience-header{display:flex;flex-direction:column;justify-content:space-between;margin-bottom:10px}.experience-dt{display:flex;align-items:center;flex-direction:row;justify-content:space-between}.experience-title{color:#000;font-size:20px;font-weight:700;padding:0}.experience-company{color:#000;font-size:18px}.experience-date{color:#000;font-size:16px;height:10;font-style:italic;font-weight:700}.experience-description{color:#000;font-size:14px;line-height:1.5}.about-right{display:flex;flex-direction:column;gap:30px}.education-section h3,.skills-section h3{color:#000;font-size:20px;margin-bottom:20px}.education-item{display:flex;flex-direction:column;background:#fff3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:16px;padding:1rem;box-shadow:0 4px 30px #0000001a;color:#fff;margin-bottom:10px}.education-info{display:flex;justify-content:space-between;gap:0;margin-bottom:5px}.education-title{display:flex;height:auto;color:#030303;font-size:20px;font-weight:700}.education-year{display:flex;color:#000;font-size:16px;font-weight:700}.education-institute{font-size:18px;color:#000}.skills-section{overflow:hidden;display:flex;flex-direction:column;background-color:transparent;max-width:100%;width:100%}.skills-container{overflow:hidden;display:flex;flex-direction:column;gap:1.5rem}.marquee-skills{overflow:hidden;border-radius:10px;padding:10px 0;max-width:100%;width:100%}.marquee-row{display:inline-flex;gap:1rem;color:#000;font-size:34px;margin-bottom:10px;white-space:nowrap;will-change:transform}.right{animation:scrollRight 15s linear infinite;color:#fff}.left{animation:scrollLeft 15s linear infinite}@keyframes scrollLeft{0%{transform:translate(100%)}to{transform:translate(-100%)}}@keyframes scrollRight{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (max-width: 768px){.about-container{display:flex;flex-direction:column;padding-top:70px;max-width:100%;width:90%;overflow:hidden}.about-left h2{text-align:center}.about-title{font-size:21px;text-align:center}.skills-container{justify-content:center}.experience-title{font-size:18px}.experience-company{font-size:13px}.experience-date{font-size:12px}.about-description{text-align:justify;font-size:13px}.download-btn{width:100%}.education-title{font-size:16px}.education-year,.education-institute{font-size:12px}.skills-section{width:100%;overflow:hidden}.skills-container{max-width:100%;width:100%}.marquee-row{font-size:32px;gap:.2rem}.marquee-skills{padding:15px 0}}.projects-section{width:100%;display:flex;justify-content:center;align-items:center;background:linear-gradient(45deg,#31363826,#01143cb0 70%)}.projects-container{width:90%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;display:flex;flex-direction:column}.projects-title{color:#000;font-size:28px;font-weight:700;margin-bottom:50px;text-align:left}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:40px;margin-bottom:60px}.project-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:30px;transition:transform .3s ease;align-items:center;text-align:center}.project-card:hover{transform:translateY(-5px)}.project-image{position:relative;margin-bottom:20px;border-radius:15px;overflow:hidden;height:300px;width:100%;display:flex;align-items:center;justify-content:center}.project-image img{width:auto;height:100%;object-fit:cover;border-radius:15px}.view-project-btn{background:#000;color:#fff;border:none;padding:10px 25px;border-radius:20px;font-weight:500;cursor:pointer;margin-bottom:20px;transition:background .3s}.view-project-btn:hover{background:#fff;color:#000}.project-info h3{color:#000;font-size:20px;font-weight:700;margin:0 0 10px}.project-info p{color:#030303;font-size:14px;line-height:1.5;margin:0}.view-all-btn{width:300px;background:#000;color:#f8f8f8;border:none;text-align:center;padding:15px 40px;border-radius:25px;font-size:16px;font-weight:500;cursor:pointer;transition:background .3s;align-self:center}.view-all-btn:hover{background:#fffefe;color:#000}@media (max-width: 768px){.projects-container{padding-top:50px;margin-bottom:20px}.projects-grid{display:flex;flex-direction:column;gap:30px}.projects-title{text-align:center;font-size:24px}.project-card{max-width:90%;padding:20px}.view-all-btn{width:100%}.project-image{height:200px}.project-image img{width:auto;height:100%}}.services-section{width:100%;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#31363826,#01143cb0 70%)}.services-container{width:90%;margin:0 auto}.services-title{color:#000;font-size:28px;font-weight:700;margin-bottom:50px;text-align:left}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px}.service-card{background:#c4c4c440;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:30px;position:relative;transition:transform .3s ease;height:400px;display:flex;flex-direction:column;border:1px solid rgb(223,223,223);margin-bottom:10px}.service-card-bg{position:relative;transition:transform .3s ease;display:flex;flex-direction:column;height:450px;margin-bottom:30px}.service-card-bg:hover{transform:translateY(-5px)}.service-icon{display:flex;gap:10px;margin-bottom:30px;justify-content:center}.ux-icon{width:100px;height:auto;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px}.service-content{flex-grow:1;margin-bottom:30px}.service-content p{color:#000;font-size:14px;line-height:1.6;margin-bottom:15px}.service-arrow{position:relative;width:100%;height:40px;display:flex;align-items:center;justify-content:right;cursor:pointer;transition:background .3s}.arrow-icon{color:#000;text-align:right;padding:10px;background-color:#fff;border-radius:50%;font-size:24px;transform:rotate(-45deg);transition:transform .3s ease}.arrow-icon:hover{background:#ffffff4d;transform:scale(1.1) rotate(0)}.service-arrow span{color:#000;font-size:18px;font-weight:700}.service-name{color:#000;font-size:22px;font-weight:700;margin:0;text-align:center}@media (max-width: 768px){.services-container{padding-top:70px}.services-grid{grid-template-columns:1fr;gap:20px}.navbar ul{flex-direction:column;gap:20px}.services-title{text-align:center;font-size:24px}.service-card{padding:20px;height:auto}.service-card-bg{height:auto}.service-arrow{bottom:10px;right:20px}}.contact-section{width:100%;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#31363826,#01143cb0 70%)}.contact-container{width:90%;margin:0 auto}.contact-title{color:#000;font-size:28px;font-weight:700;margin-bottom:50px;text-align:left}.contact-content{display:grid;grid-template-columns:1fr 500px;gap:60px}.contact-form-container{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.438);border-radius:20px;padding:40px}.contact-form{display:flex;flex-direction:column;gap:20px}.contact-form input,.contact-form textarea{background:#ffffff1a;border:none;border-radius:10px;padding:15px 20px;color:#0e0e0e;font-size:16px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:background .3s}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#070707b3}.contact-form input:focus,.contact-form textarea:focus{outline:none;background:#ffffff26}.contact-form textarea{resize:vertical;min-height:120px}.whatsapp-btn{background:#000;color:#fff;border:none;padding:15px 30px;border-radius:25px;font-size:16px;font-weight:500;cursor:pointer;transition:background .3s;margin-top:10px}.whatsapp-btn:hover{background:#fff;color:#000}.contact-info{display:flex;justify-content:right}.profile-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(173,172,172,.705);border-radius:20px;padding:30px;text-align:left;width:80%;max-width:400px}.profile-image{width:220px;height:auto;border:2px solid black;border-radius:40px;overflow:hidden;margin:0 auto 20px;background:#9c9b9b18}.profile-image img{width:100%;height:100%;object-fit:cover}.profile-name{color:#000;font-size:25px;font-weight:700;margin:0 0 10px;text-align:center}.profile-location,.profile-email,.profile-phone,.profile-website{color:#020202;font-size:16px;margin:5px 0;text-decoration:none;cursor:pointer}.profile-website:hover{text-decoration:underline;color:#fff}@media (max-width: 768px){.contact-content{display:flex;flex-direction:column;gap:30px}.contact-title{text-align:center;font-size:24px}.profile-card{width:100%;max-width:none}.contact-form-container,.profile-card{padding:20px;max-width:100%}.contact-container{margin-bottom:30px;padding-top:50px}.profile-image{width:auto}}.footer{background:linear-gradient(135deg,#020b36ec,#000000f8,#010529);color:#fff;padding:20px 0 10px;font-family:Arial,sans-serif}.footer-container{width:95%;margin:0 auto;padding:0}.footer-content{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:20px}.footer-left h3{font-size:28px;font-weight:700;margin:0 0 5px;background:linear-gradient(135deg,#6b6464,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-left p{color:#969696;font-size:16px;margin:0}.icons-follow-footer{display:flex;gap:15px;align-items:flex-end}.social-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:16px;font-weight:700;transition:transform .3s ease}.social-icon:hover{transform:translateY(-3px)}.icons{width:40px;height:40px;color:#fdfbfb;border-radius:10px;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:20px;font-weight:700;transition:transform .3s ease}.icons:hover{transform:scale(1.1);background-color:#faf2f2;color:#070707}.footer-divider{width:100%;height:1px;background:linear-gradient(90deg,transparent 0%,#d3d3d3 50%,transparent 100%);margin-bottom:20px}.footer-bottom-content{display:flex;justify-content:center;align-items:center;font-size:14px;color:#706f6f}.footer-bottom-content p{margin:0}@media (max-width: 768px){.footer{background:linear-gradient(135deg,#020b36ec,#000000f8,#010529)}.footer-content{flex-direction:column;align-items:center;text-align:center;gap:20px;margin-top:10px}.footer-left h3{font-size:24px}.footer-left p{font-size:14px}.icons-follow-footer{justify-content:center}.footer-bottom-content{flex-direction:column;gap:5px;color:#9e9d9dc9}.footer-left{display:none}}.top-line{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.close-btn-top{background-color:#000;color:#f0f8ff;height:40px;width:150px;border-radius:10px 30px;border:none;cursor:pointer}.close-btn-top:hover{background-color:#f0f8ff;color:#000;transition:.3s}:root{--primary-color: #f8f8f8;--secondary-color: #000000;--background-color: #f8f9fa;--text-color: #212529;--font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif}body{margin:0;padding:0;background-color:var(--background-color);color:var(--text-color);font-family:var(--font-family)}section{min-height:100vh}