*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:outfit;color:#3f3f3e;background-color:#fff;overflow-x:hidden;max-width:100vw;overflow-y:auto;scroll-behavior:smooth}.blue_logo{width:100px;height:100px;object-fit:contain;margin:0}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}.bounce{animation:bounce 2s infinite}.navbar{display:flex;align-items:center;justify-content:space-between;margin:20px 170px;border-radius:10px}.nav-menu li:hover{background-color:#b4c5e4;padding:5px 7px;border-radius:3px}.hide{display:none!important}.show{display:block!important}@media (max-width: 768px){.navbar{background-color:#b4c5e4;padding:0 20px}.nav-mob-open{display:block}.nav-mob-close{display:none;position:absolute;top:40px;right:60px}.nav-menu{flex-direction:column;background:#b4c5e4;position:fixed;top:0;right:-400px;width:50vw;height:100vh;padding:70px 20px;box-shadow:-2px 0 8px #00000026;transition:transform .3s ease;z-index:9999;overflow-x:hidden}.nav-menu li{margin:10px 0;gap:8px}.nav-connect{display:none}}.navbar{display:flex;align-items:center;justify-content:space-between;margin:20px 17px;border-radius:10px}.nav-menu{display:flex;align-items:center;list-style:none;gap:40px;font-size:20px}.nav-connect{padding:15px 20px;border-radius:50px;font-size:16px;background:linear-gradient(135deg,#203f99,#304c9f 20%,#b4c5e4,#3066be 80%,#ff8a5b);font-size:22px;cursor:pointer;transition:.5s}.nav-connect:hover{transform:scale(1.05)}.nav-menu li{display:flex;flex-direction:column;gap:5px;cursor:pointer}.nav-menu li img{display:flex;margin:auto;width:30px;height:30px;object-fit:contain}.anchor-link{text-decoration:none;color:#3f3f3e}.nav-mob-open,.nav-mob-close{display:none;width:28px;cursor:pointer}.nav-mob-close{position:absolute;top:20px;right:20px}@media (max-width: 768px){.navbar{background-color:#b4c5e4;padding:0 20px}.nav-mob-open{display:block}.nav-mob-close{display:none;position:absolute;top:40px;right:60px}.nav-menu{flex-direction:column;background:#b4c5e4;position:fixed;top:0;right:-300px;width:50vw;height:100vh;padding:70px 20px;box-shadow:-2px 0 8px #00000026;transition:transform .3s ease;z-index:9999}.nav-menu li{margin:10px 0;gap:8px}.nav-connect{display:none}}.hero{display:flex;align-items:center;flex-direction:column;gap:15px}.hero img{margin-top:70px;width:300px;height:300px;border-radius:50%;object-fit:cover;border:7px solid #b4c5e4}.hero h1{width:70%;text-align:center;font-size:60px;font-weight:600px}.hero h1 span{background:linear-gradient(135deg,#203f99,#304c9f 20%,#b4c5e4 30%,#3066be 80%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero p{font-size:20px;line-height:40px;text-align:center;max-width:600px;width:90%}.hero-action{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:500;margin-bottom:50px;margin-top:10px}.hero-connect{padding:15px 30px;border-radius:50px;background:linear-gradient(135deg,#203f99,#304c9f 20%,#b4c5e4,#3066be 80%,#ff8a5b);cursor:pointer}.hero-resume{padding:15px 40px;border-radius:50px;border:2px solid #b4c5e4;cursor:pointer;text-decoration:none}.hero-resume a{text-decoration:none;color:#3f3f3e}.hero-connect:hover{border:2px solid white}.hero-resume:hover{border:2px solid #3066be}@media (max-width: 768px){.hero img{margin-bottom:120px;width:250px}.hero h1{margin-top:50px;width:90%;font-size:30px}.hero p{width:50%;font-size:16px;line-height:18px;margin:10px 0}.hero-action{gap:16px;font-size:18px;font-weight:400;margin-bottom:40px}}@media (max-width: 768px){.hero img{margin-top:40px;width:200px;height:200px;margin-bottom:20px}.hero h1{margin-top:20px;width:90%;font-size:28px;line-height:36px}.hero p{width:90%;font-size:15px;line-height:22px}.hero-action{flex-direction:column;gap:16px;font-size:18px;font-weight:400;margin-bottom:40px}.hero-connect,.hero-resume{width:100%;text-align:center}}@media (max-width: 480px){.hero img{width:200px;height:200px}.hero h1{font-size:22px;line-height:30px}.hero p{font-size:14px;line-height:20px}}.about{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:50px;margin:80px 170px}.about-title{position:relative}.about-title h2{padding:0 30px;font-size:60px;font-weight:600}.about-title img{width:200px;height:200px;object-fit:contain;position:absolute;bottom:0;right:0;z-index:-1}.about-left img{width:300px;height:350px;object-fit:cover;border:7px solid #3066be;border-radius:10px}.about-sections{display:flex;gap:70px}.about-right{display:flex;flex-direction:column;gap:70px}.about-paragraph{display:flex;flex-direction:column;font-size:20px;gap:20px;font-weight:500}.about-skills{display:flex;flex-direction:column;gap:20px;margin-top:30px}.skill-bar p{margin-bottom:6px;font-size:16px;font-weight:500;color:#333}.bar{position:relative;width:100%;height:20px;background:#e6e6e6;border-radius:10px;overflow:visible}.bar-fill{height:100%;background:linear-gradient(90deg,#304c9f,#b4c5e4,#ff8a5b);border-radius:10px;transition:width .6s ease-in-out}.bar-tooltip{position:absolute;top:-30px;transform:translate(-50%);background-color:#304c9f;color:#fff;font-size:12px;font-weight:600;padding:4px 8px;border-radius:6px;opacity:0;pointer-events:none;white-space:nowrap;transition:all .3s ease;z-index:2}.bar-tooltip:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);border-width:6px;border-style:solid;border-color:#304c9f transparent transparent transparent}.bar:hover .bar-tooltip{opacity:1}.about-skill p{min-width:150px;font-size:24px;font-weight:500px}.about-skill hr{outline:none;border:none;width:50%;height:8px;border-radius:50px;background:linear-gradient(264deg,#3066be -5.09%,#b4c5e4 106.28%)}.about-achievements{display:flex;width:100%;justify-content:space-between;margin-bottom:80px}.about-achievement{display:flex;align-items:center;flex-direction:column;transform:.5s;gap:10px}.about-achievement h2{font-size:40px;font-weight:700;background:linear-gradient(270deg,#203f99 50.41%,#b4c5e4 90.67%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.about-achievement{font-size:16px;font-weight:500;transition:.5s}.about-skill:hover{transform:scale(1.05)}.about-achievement:hover{transform:scale(1.12)}@media (max-width: 768px){.about{margin:40px 30px;gap:40px}.about-sections{flex-direction:column;align-items:center;gap:40px}.about-left img{width:250px;height:300px}.about-title h2{font-size:36px;text-align:center}.about-title img{width:120px;height:120px}.about-right{gap:40px}.about-skill p{min-width:120px;font-size:18px}.about-skill hr{height:6px}.about-achievements{flex-direction:column;align-items:center;gap:30px}.about-achievement h2{font-size:32px}}@media (max-width: 480px){.about{margin:30px 20px}.about-title h2{font-size:28px}.about-title img{width:90px;height:90px}.about-left img{width:200px;height:250px}.about-skill p{font-size:16px}.about-achievement h2{font-size:28px}}.services{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:50px;margin:80px 170px}.services-title{position:relative}.services-title h2{padding:0 30px;font-size:60px;font-weight:600}.services-title img{width:200px;height:200px;object-fit:contain;position:absolute;bottom:0;right:0;z-index:-1}.services-format{display:flex;flex-direction:column;justify-content:center;gap:20px;padding:40px;border-radius:10px;border:1px solid #b4c5e4;cursor:pointer;transition:.4s}.services-cointainer{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;margin-bottom:80px}.services-format h2{font-size:35px;font-weight:800;background:linear-gradient(135deg,#ff8a5b,#b4c5e4 60%,#304c9f 70%,#230f99);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.services-format p{color:#222027;font-size:20px;line-height:30px;max-width:300px;color:#3f3f3e}.services-readmore{display:flex;gap:20px;align-items:center;margin-top:15px}.services-format:hover{background:linear-gradient(135deg,#203f99,#b4c5e4 50%,#3066be 80%);transform:scale(1.05);box-shadow:0 6px 16px #203f994d}@media (max-width: 768px){.services{margin:40px 20px;gap:30px}.services-title h2{font-size:35px;padding:0 10px}.services-title img{width:120px;height:120px}.services-cointainer{grid-template-columns:1fr;gap:20px}.services-format{padding:25px}.services-format h2{font-size:24px}.services-format p{font-size:16px;line-height:24px;max-width:100%}}.myprojects{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:50px;margin:80px 170px}.myprojects-title{position:relative}.myprojects-title h2{padding:0 30px;font-size:60px;font-weight:600}.imagespro img{width:200px;height:200px;object-fit:contain;border:none;border-radius:2px}.myprojects-title img{width:200px;height:200px;object-fit:contain;position:absolute;bottom:0;right:0;z-index:-1}.myprojects-container{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}.myprojects-container img{box-sizing:border-box;width:350px;height:350px;transition:.3s;cursor:pointer}.myprojects-container img:hover{transform:scale(1.1);border:4px solid #b4c5e4;border-radius:10px;transition:03s}.myprojects-showmore{display:flex;gap:15px;border-radius:50px;border:2px solid #f59a76;padding:10px 30px;font-size:20px;font-weight:500;margin-bottom:80px;transition:.6s}.myprojects-showmore:hover{gap:30px;transition:.6s}@media (max-width: 768px){.myprojects{margin:40px 30px;gap:30px}.myprojects-title h2{font-size:36px}.myprojects-title img{width:120px;height:120px}.myprojects-container{grid-template-columns:1fr;gap:20px}}@media (max-width: 480px){.myprojects{margin:30px 20px}.myprojects-title h2{font-size:28px}.myprojects-title img{width:90px;height:90px}}.contact{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:50px;margin:80px 170px}.contact-title{position:relative}.contact-title h2{padding:0 30px;font-size:60px;font-weight:600}.contact-title img{width:200px;height:200px;object-fit:contain;position:absolute;bottom:0;right:0;z-index:-1}.contact-section{display:flex;gap:150px}.contact-left{display:flex;flex-direction:column;gap:25px}.contact-left h3{font-size:40px;font-weight:700px;background:linear-gradient(135deg,#203f99,#304c9f 20%,#b4c5e4 30%,#3066be 80%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.contact-left p{max-width:550px;color:#222027;font-size:16px;line-height:35px;color:#3f3f3e}.contact-details{display:flex;flex-direction:column;gap:25px;color:#222027;font-size:18px}.contact-detail{display:flex;gap:20px}.contact-right{display:flex;flex-direction:column;align-items:start;gap:30px}.contact-right label{color:#222027;font-size:16px;font-weight:500}.contact-right input{width:500px;height:50px;padding-left:20px;border-radius:4px;background:#32323c;color:#a0a0a0;font-family:outfit;font-size:16px}.contact-right textarea{width:600px;border:3px solid #a0a0a0;padding:25px;border-radius:4px;background:#32323c;color:#a0a0a0;font-family:outfit;font-size:17px}.contact-submit{margin-top:20px;border:none;color:#fff;border-radius:50px;background:linear-gradient(135deg,#304c9f 20%,#b4c5e4,#3066be 80%,#ff8a5b);font-size:16px;padding:20px 40px;margin-bottom:50px;cursor:pointer;transition:.3s}.contact-submit:hover{transform:scale(1.1);transition:.3s}@media (max-width: 768px){.contact{margin:60px 20px}.contact-title h2{font-size:40px}.contact-title img{width:120px}.contact-left h3{font-size:30px;text-align:center}.contact-section{flex-direction:column;max-width:100%;gap:45px}.contact-right input,.contact-right textarea{width:50%;max-width:50%}}@media (max-width: 480px){.contact{margin:40px 20px;gap:40px}.contact-title h2{font-size:28px;text-align:center}.contact-title img{width:90px;height:90px}.contact-left p{font-size:14px;line-height:24px}.contact-details{font-size:16px}.contact-right label{font-size:14px}.contact-right input,.contact-right textarea{font-size:14px;padding:10px 25px;width:500px}.contact-submit button{font-size:14px;padding:12px 25px;text-align:center}}.footer{margin:50px 170px;display:flex;flex-direction:column;gap:20px}.footer-top{display:flex;justify-content:space-between}.footer-top-left p{font-size:16px;max-width:300px}.footer-top-right{display:flex;align-items:center;gap:30px}.footer-email-input{display:flex;gap:25px;padding:20px 60px 20px 25px;border-radius:50px;background:#323232}.footer-email-input input{outline:none;border:none;border-radius:50px;background:transparent;color:#a0a0a0;font-family:outfit;font-size:18px}.footer-subscribe{font-size:16px;padding:15px 40px;border-radius:50px;background:linear-gradient(135deg,#304c9f 20%,#b4c5e4,#3066be 80%,#ff8a5b);cursor:pointer;transition:.3s}.footer-subscribe a{text-decoration:none;color:#323232}.footer-bottom{display:flex;justify-content:space-between;font-size:16px}.footer-bottom-right{display:flex;gap:50px;margin-bottom:30px}.footer-email-input:hover{border:2px solid #fff}.footer-subscribe:hover{transform:scale(1.1);transition:.3s}@media (max-width: 768px){.footer{margin:40px 20px;gap:30px}.footer-email-input{width:100%;justify-content:space-between}.footer-email-input input{flex:1;font-size:14px}.footer-subscribe{width:100%;text-align:center}.footer-bottom{flex-direction:column;text-align:center;gap:10px}.footer-bottom-right{flex-direction:column;gap:10px}.footer-top{flex-direction:column}.footer-subscribe{width:50%}.footer-top-right{flex-direction:column}.footer-email-input{width:60%}.footer-top-left{text-align:center;justify-content:center;align-items:center;display:flex;flex-direction:column;gap:5px;margin-bottom:7px}}
