.navbar{position:fixed;top:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:20px;background-color:#fbe9d0;z-index:1000;box-shadow:0 2px 4px #0000001a}.logo-container{margin-left:0}.logo-container .logo{cursor:pointer}.nav-menu{display:flex;align-items:center;list-style:none;gap:70px;font-size:20px;margin:0;padding:0}.nav-menu li{position:relative}.nav-menu li:after{content:"";position:absolute;bottom:0;left:0;width:0;transition:width .3s ease,height .3s ease}.nav-menu li:hover{font-weight:700}.nav-connect-container{display:flex;align-items:center}.nav-connect{color:#fff!important;padding:20px 40px;border-radius:50px;background:linear-gradient(267deg,#e64833 .36%,#90aead 102.6%);font-size:22px;cursor:pointer;transition:.5s;margin-right:40px}.nav-connect:hover{transform:scale(1.05)}.nav-linkedin{display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.5s;margin-right:40px;transform:scale(1.2)}.nav-linkedin:hover{transform:scale(1.3)}.nav-linkedin img{width:24px;height:24px}.nav-mail{display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.5s;margin-right:40px;transform:scale(1.5)}.nav-mail:hover{transform:scale(1.6)}.nav-mail img{width:24px;height:24px}.nav-menu li{display:flex;flex-direction:column;gap:5px;cursor:pointer}.nav-menu li img{display:flex;margin:auto}.anchor-link{text-decoration:none;color:#244855}.nav-mob-close,.nav-mob-open{display:none}@media (max-width: 1375px){.navbar{padding:20px;justify-content:space-between}.nav-connect{display:none}.nav-linkedin{display:flex;margin-right:30px}.nav-mail{margin-right:110px;display:flex}.nav-mob-open{display:block;position:absolute;right:60px;cursor:pointer}.nav-menu-container{display:none}.nav-menu-container.open{display:flex}.nav-menu{position:fixed;flex-direction:column;align-items:start;top:0;gap:30px;background-color:#90aead;width:350px;height:100%;z-index:2;transition:right .5s;right:-350px}.nav-menu-container.open .nav-menu{right:0}.nav-menu li{font-size:30px;padding-left:100px;flex-direction:row;gap:20px}.nav-mob-close{display:block;position:relative;top:30px;left:290px;width:30px;cursor:pointer}}.hero{display:flex;align-items:center;flex-direction:column;gap:35px}.hero img{margin-top:80px;margin-bottom:40px;width:300px;height:auto;border-radius:50%;box-shadow:0 8px 16px #0003;border:10px solid rgba(0,0,0,.3);background:linear-gradient(45deg,#444,#666);animation:rotate3D 12s ease-in-out infinite alternate}@keyframes rotate3D{0%{transform:rotateY(-8deg) rotate(4deg);box-shadow:0 8px 16px #0003}to{transform:rotateY(8deg) rotate(-4deg);box-shadow:0 20px 40px #000}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.5)}}.hero h1{text-align:center;width:50%;font-size:90px;font-weight:600}.hero h1 span{background:linear-gradient(267deg,#e64833 .36%,#90aead 102.6%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero p{width:50%;text-align:center;font-size:24px;line-height:40px}.hero-action{display:flex;align-items:center;justify-content:center;gap:25px;font-size:24px;font-weight:500;margin-bottom:50px}.hero-connect,.hero-resume{padding:25px 45px;border-radius:50px;cursor:pointer;text-align:center}.hero-connect{background:linear-gradient(267deg,#e64833 .36%,#90aead 102.6%)}.hero-resume{padding:25px 75px;border:2px solid #244855}.hero-connect:hover{border:2px solid #244855;color:#244855}.hero-resume:hover{border-color:#e64833;color:#e64833}@media (max-width:1375px){.profile-img{margin-top:40px;margin-bottom:20px;width:140px}.hero h1{margin-top:10px;width:90%;font-size:35px}.hero p{width:80%;font-size:16px;line-height:25px;margin:5px 0}.hero-action{gap:10px;font-weight:500;margin-bottom:50px}.hero-connect{padding:20px;border-radius:40px;font-size:14px}.hero-resume{padding:18px 30px;border-radius:40px;font-size:14px}}.about{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:80px;margin:80px 170px}.about-title{position:relative}.about-title h1{padding:0 30px;font-size:80px;font-weight:600}.about-title img{position:absolute;bottom:0;right:0;z-index:-1}.about-sections{display:flex;gap:80px;width:100%}.about-left,.about-right{flex:1 1 50%;display:flex;flex-direction:column}.about-left{position:relative;border-radius:20px;overflow:hidden}.about-slider{position:relative;overflow:hidden;width:100%;height:600px;border-radius:20px;display:flex;align-items:center}.about-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s ease;border-radius:20px}.about-image.active{opacity:1;z-index:1}.slider-nav{position:absolute;top:50%;transform:translateY(-50%);width:100%;display:flex;justify-content:space-between;z-index:2}.slider-button{background:#00000080;border:none;font-size:32px;cursor:pointer;color:#fff;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:background .3s ease;border-radius:50%}.slider-button:hover{background:#000c}.slider-button:first-child{margin-left:10px}.slider-button:last-child{margin-right:20px}.slider-dots{display:flex;justify-content:center;gap:10px;margin-top:20px}.dot{width:12px;height:12px;border-radius:50%;background-color:#ccc;cursor:pointer}.dot.active{background-color:#555}.about-right{display:flex;flex-direction:column;gap:20px}.about-para{display:flex;flex-direction:column;gap:20px;font-size:24px;font-weight:500}.about-skills{display:flex;flex-direction:column;gap:20px}.about-skill{display:flex;align-items:center;transition:.3s}.about-skill p{min-width:150px;font-size:20px;font-weight:500}.about-skill hr{border:none;width:100%;height:8px;border-radius:50px;background:linear-gradient(267deg,#e64833 .36%,#90aead 102.6%)}.about-achievements{display:flex;width:100%;justify-content:space-around;margin-bottom:80px}.about-achievement{display:flex;flex-direction:column;align-items:center;gap:10px;transition:.5s}.about-achievement h1{font-size:60px;font-weight:700;background:linear-gradient(267deg,#e64833 .36%,#90aead 102.6%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.about-achievement p{font-size:22px;font-weight:500}.about-skill:hover{transform:scale(1.05);transition:.3s}.about-achievement:hover{transform:scale(1.1);transition:.5s}@media (max-width: 1375px){.about{gap:50px;margin:50px 6%;align-items:start}.about-title h1{font-size:40px;padding:0}.about-title img{width:100px;right:-10px}.about-sections{flex-direction:column}.about-left,.about-right{width:100%}.about-slider{position:relative;width:100%;overflow:hidden;height:700px;display:flex;justify-content:center;align-items:center}.about-image{height:700px;border-radius:20px}.slider-nav{position:absolute;top:50%;width:100%;display:flex;justify-content:space-between;padding:0 20px;z-index:2}.slider-button{background:#00000080;border:none;font-size:32px;cursor:pointer;color:#fff;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:background .3s ease;border-radius:50%;position:absolute;top:0;transform:translateY(-50%)}.slider-button:hover{background:#000c}.slider-button.left{left:20px}.slider-button.right{right:20px}.slider-dots{display:flex;justify-content:center;gap:10px;margin-top:20px}.dot{width:12px;height:12px;border-radius:50%;background-color:#ccc;cursor:pointer}.dot.active{background-color:#555}.about-para{line-height:25px}.about-skill{gap:20px;align-items:center}.about-skill p{font-size:16px;min-width:90px}.about-skill hr{height:6px}.about-achievements{justify-content:space-between}.about-achievement{gap:10px}.about-achievement h1{font-size:24px}.about-achievement p{text-align:center;font-size:12px}}.experiences{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:80px;margin:70px 10%}.experience-title{position:relative}.experience-title h1{padding:0 30px;font-size:80px;font-weight:600}.experience-title img{position:absolute;bottom:0;right:0;z-index:-1;width:130px;margin-right:-20px}.experiences-container{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;width:100%;max-width:1200px;margin-bottom:50px}.experiences-format{display:flex;flex-direction:column;justify-content:center;gap:10px;padding:30px;border-radius:10px;border:2px solid #244855;transition:.4s;cursor:pointer;max-width:100%;position:relative}.experiences-format h1{font-size:40px}.experiences-format h3{font-size:28px;font-weight:600;height:40px;overflow:hidden}.experiences-format h2{display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:800;height:180px;background:linear-gradient(267deg,#e64833 .36%,#90aead 102.6%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;transition:font-size .4s ease,font-weight .4s ease;place-content:center}.experiences-format p{display:flex;align-items:center;justify-content:center;color:#000;font-size:22px;line-height:32px;max-width:300px;height:168px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;line-clamp:4;-webkit-line-clamp:4;-webkit-box-orient:vertical;white-space:normal}.experience-details{list-style-type:disc;padding-left:20px}.experience-details li{font-size:18px;line-height:1.4;margin-bottom:5px}.experiences-readmore{margin-top:100px;height:80px;display:flex;font-size:20px;align-items:center;gap:10px}.experiences-readmore .arrow{margin-bottom:135px;width:20px;height:40px;fill:currentColor}.experiences-format:hover{border:2px solid #874f41;background-image:linear-gradient(60deg,#ff8a86,#2e0079);transform:scale(1.05);transition:.4s}.experiences-format:hover p,.experiences-format:hover h3{color:#fff}.experiences-format:hover h2{font-size:30px;font-weight:900;transition:font-size .4 ease,font-weight .4s ease}.experiences-format:hover .number{color:#fff}.popup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.popup-content{background-color:#fff;padding:20px;border-radius:10px;max-width:90%;max-height:90%;overflow:auto}.popup-close{position:absolute;top:10px;right:10px;cursor:pointer;font-size:24px}.popup-img{max-width:100%;border-radius:10px}.popup-title{font-size:28px;font-weight:600;margin-bottom:10px;text-align:center}.popup-desc{font-size:40px;font-weight:700;text-align:center;line-height:1.6;color:#244855}.popup-list{margin-top:10px;padding-left:20px}.popup-list li{font-size:24px;line-height:1.4;margin-bottom:5px}@media (max-width: 1024px){.experiences{gap:70px;margin:20px 6%;align-items:start}.experience-title h1{font-size:40px;padding:0}.experience-title img{width:100px;right:-10px}.experiences-container{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.experiences-format{gap:10px;padding:20px}.experiences-format h1{font-size:32px}.experiences-format h3,.experiences-format h2{font-size:24px}.experiences-format:hover h2{font-size:26px}.experiences-format p{font-size:16px;line-height:26px;max-width:300px}.experience-details li{font-size:16px;line-height:1.2}.experiences-readmore{margin-top:50px;height:40px;font-size:18px}.experiences-readmore .arrow{position:relative;width:15px;height:30px}.popup-img{max-width:100%;border-radius:10px;border:none}.experiences-container>*:nth-child(7){grid-column:2}.experiences-container{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.experiences-container>*:nth-child(7){grid-column:auto}}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;overflow:auto}.popup-content{background-color:#fff;padding:20px;border-radius:10px;max-width:60%;max-height:80%;max-width:800px;display:flex;flex-direction:column;position:relative;align-items:center}.close-button{position:absolute;top:10px;right:10px;background:none;border:none;font-size:20px;cursor:pointer;color:#333;z-index:1}.popup-text{flex:1;margin-top:20px;margin-bottom:40px;width:100%}.popup-image-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:300px}.popup-image{max-width:100%;max-height:100%;border:2px solid #90aead;border-radius:10px;display:block}.image-dots{display:flex;justify-content:center;margin-top:10px}.image-dot{width:10px;height:10px;margin:0 5px;border-radius:50%;background-color:#ccc;cursor:pointer;transition:background-color .3s ease}.image-dot.active{background-color:#90aead}.popup-content::-webkit-scrollbar{width:8px;background-color:#0000001a}.popup-content::-webkit-scrollbar-thumb{background-color:#90aead;border-radius:10px}.projects{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:80px;margin:80px 170px}.projects-title{position:relative}.projects-title h1{padding:0 30px;font-size:80px;font-weight:600}.projects-title img{position:absolute;bottom:0;right:0;z-index:-1}.projects-container{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px}.projects-container img{box-sizing:border-box;width:419px;height:280px;transition:.3s;cursor:pointer;border-radius:10px}.projects-container img:hover{transform:scale(1.1);border:4px solid #90aead}.projects-showmore{display:flex;gap:15px;border-radius:50px;border:2px solid #244855;padding:30px 60px;font-size:22px;font-weight:500;margin-bottom:80px;transition:.6s}.projects-showmore:hover{gap:20px}@media (max-width:1375px){.projects{gap:50px;margin:50px 6%;align-items:start}.projects-title h1{font-size:40px;padding:0}.projects-title img{width:100px;right:-10px}.projects-title img{width:130px;margin-right:20px}.projects-container{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.projects-container img{width:100%;height:100%}.projects-showmore{padding:15px 30px;font-size:16px;margin:10px auto}}.contact{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:80px;margin:80px 20px;overflow-x:hidden}.contact-title{position:relative}.contact-title h1{padding:0 30px;font-size:80px;font-weight:600}.contact-title img{position:absolute;bottom:0;right:0;z-index:-1}.contact-section{display:flex;gap:150px;width:100%}.contact-left,.contact-right{flex:1 1 45%;display:flex;flex-direction:column;gap:30px}.contact-left h1{font-size:80px;font-weight:700;background:linear-gradient(267deg,#e64833 .36%,#90aead 102.6%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.contact-left p{width:100%;max-width:550px;color:#244855;font-size:20px;line-height:35px}.contact-details{display:flex;flex-direction:column;gap:30px;color:#244855;font-size:22px}.contact-detail{display:flex;align-items:center;gap:20px}.contact-detail.email,.contact-detail.linkedin{cursor:pointer}.contact-detail.email:hover,.contact-detail.linkedin:hover{text-decoration:underline}.contact-right label{color:#244855;font-size:22px;font-weight:500}.contact-right input{border:none;width:100%;height:78px;padding-left:20px;border-radius:4px;background:#90aead;color:#fff;font-family:Outfit;font-size:20px}.contact-right textarea{width:100%;border:none;padding:25px;border-radius:4px;background:#90aead;color:#fff;font-family:Outfit;font-size:20px}.contact-submit{border:none;border-radius:50px;background:linear-gradient(267deg,#e64833 .36%,#90aead 102.6%);font-size:22px;cursor:pointer;transition:.3s;padding:20px 50px;color:#244855}.contact-submit:hover{transform:scale(1.1);transition:.3s}@media (max-width: 1024px){.contact-section{gap:80px}.contact-left h1{font-size:60px}.contact-left p{font-size:18px;max-width:100%}.contact-right input,.contact-right textarea{width:100%;font-size:18px}}@media (max-width: 1375px){.contact{gap:40px;margin:50px 6%;align-items:start}.contact-title h1{padding:0;font-size:40px;font-weight:600}.contact-title img{width:130px;margin-right:-20px}.contact-section{flex-direction:column}.contact-left h1{font-size:35px}.contact-left p{font-size:18px;max-width:100%}.contact-detail{gap:12px}.contact-detail img{width:20px}.contact-left{margin-bottom:30px}.contact-right{gap:20px;display:flex;flex-direction:column}.contact-right label{font-size:14px}.contact-right input,.contact-right textarea{width:100%;font-size:20px}.contact-submit{font-size:20px;padding:15px 40px;color:#244855;width:90%;text-align:center;align-self:center;margin-top:20px}}.footer{margin:50px 170px;display:flex;flex-direction:column;gap:30px}.footer-top{display:flex;justify-content:space-between}.footer-top-left p{margin-top:20px;font-size:20px;max-width:400px}.footer-top-right{display:flex;align-items:center;gap:35px}.footer-email-input{display:flex;gap:30px;padding:20px 80px 20px 30px;border-radius:50px;background:#244855}.footer-email-input input{outline:none;border:none;background:transparent;color:#90aead;font-family:Outfit;font-size:18px}.footer-subscribe{font-size:22px;padding:20px 50px;border-radius:50px;background:linear-gradient(267deg,#e64833 .36%,#90aead 102.6%);cursor:pointer;transition:.3s}.footer-bottom{display:flex;justify-content:space-between;font-size:18px}.footer-bottom-right{display:flex;gap:50px;margin-bottom:50px}.footer-bottom-right a{color:inherit;text-decoration:none}.footer-email-input:hover{border:4px solid white}.footer-subscribe:hover{transform:scale(1.1);transition:.3s}@media (max-width:1375px){.footer{margin:50px 6%}.footer-top{flex-direction:column;gap:30px}.footer-top-right{gap:5px}.footer-email-input{padding:12px 14px;max-width:200px}.footer-email-input input{width:100%;font-size:16px}.footer-email-input img{display:none}.footer-subscribe{font-size:14px;padding:14px 20px}.footer-bottom{display:flex;flex-direction:column-reverse;font-size:14px}.footer-bottom-right{gap:12px}}.content{padding-top:80px;overflow-x:hidden}*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;background:#fbe9d0;color:#244855;font-family:outfit}.title-box{position:relative}.title-box h1{padding:0 30px;font-size:60px;font-weight:600}.title-box img{width:160px;position:absolute;bottom:0;right:0;z-index:-1}@media (max-width: 1375px){.about-title img{width:130px;right:-20px}.title-box h1{padding:0;font-size:40px}.title-box img{width:100px;right:-40px}}
