@import"https://fonts.googleapis.com/css2?family=Poppins&display=swap";.navbar{z-index:999;position:sticky;top:0;width:100%;background:transparent;color:#fff;padding:0;height:70px;transition:all .5s ease-in}#nav-check{display:none}.nav{display:flex;align-items:center;justify-content:space-between;height:100%}.nav-btn{display:none}.nav-left h3{font-size:30px}.nav-right>li{display:inline-block;padding:13px 10px;text-decoration:none;color:#efefef;font-size:18px}.nav-right ul li{cursor:pointer}.cv{background:var(--secondary-color);border:none;border-radius:5px;padding:10px;color:var(--primary-color);cursor:pointer}.hamburger{display:none;flex-direction:column;align-items:center;cursor:pointer}.bar{width:25px;height:3px;background:#fff;margin:3px 0;transition:.4s}.f-icon{display:none}.nav-left{margin-left:40px}.nav-right{margin-right:40px}.nav-right li{height:50px;margin-right:15px;text-align:center}.nav-right li:last-child{margin-right:0}.nav-right .active{color:#f3b82d}.nav-left h3,.nav-right li{cursor:pointer}.nav-right .active{transform:scale(1.1);-webkit-text-decoration:underline dotted;text-decoration:underline dotted;text-underline-offset:5px;text-transform:uppercase;padding-bottom:40px}.nav-right li,.nav-right li.active{transition:.3s ease-in-out}@media (max-width: 768px){body{overflow-x:hidden}.navbar,.navbar.scrolled{background:var(--menu-color);position:fixed;bottom:-2px;top:unset;height:60px}.hamburger{display:flex;z-index:999}.nav-btn{display:contents;position:absolute;right:15px}.nav-btn label:hover,#nav-check:checked~.nav-btn label{background-color:#231c3b}.nav-btn label,#nav-check:checked~.nav-btn label{height:60px;width:60px;display:flex;align-items:center;justify-content:center}.nav>.nav-right{overflow:hidden;position:absolute;width:100%;background-color:var(--menu-color);transition:all .3s ease-in;bottom:58px;left:0;justify-content:center;align-items:center;display:flex;flex-wrap:wrap;border-top-right-radius:25px;border-top-left-radius:25px}.f-icon{display:block}.nav-right li{display:flex;width:33%;align-items:center;justify-content:center;flex-direction:column;gap:8px;margin:0;font-size:16px}#nav-check:not(:checked)~.nav-right{height:0}#nav-check:checked~.nav-right{height:220px;padding:35px 5px 0;background:#231c3b}.bar.open:nth-child(1){transform:rotate(-45deg) translate(-5px,6px)}.bar.open:nth-child(2){opacity:0}.bar.open:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}}.navbar.scrolled{background-color:#0d0720;border-bottom:.5px solid rgb(2,2,2);box-shadow:-5px 14px 5px #06a3da1a;transition:.3s ease-in-out}:root{--secondary-color: #d6223b}#main{margin:-60px 0 0}.mains{width:100%;display:flex;align-items:center;justify-content:center}.main{display:flex;align-items:center;justify-content:space-between;height:100vh;flex-wrap:wrap;flex-direction:row-reverse;width:90%;margin:0 5%}.main-right{width:45%;min-width:300px;position:relative}.main-left{width:45%;min-width:300px;position:relative;padding-left:90px}.main-right .img-container{display:flex;justify-content:center;align-items:center;position:absolute;top:50%;left:50%;transform:translate(-52%,-40%);z-index:5}.main-right .img-container img{max-width:520px;max-height:520px}.circle1,.circle2{position:absolute;width:370px;height:370px;border-radius:50%}.circle1{top:50%;left:50%;transform:translate(-53%,-30%);background:var(--secondary-color);z-index:1}.circle2{top:50%;left:50%;transform:translate(-24%,-54%);border:2px dashed #ffffff63;background:rgba(214,34,59,.05)}.main-left h3{background:rgb(83,24,46);display:inline-block;padding:6px}.main-left h2{font-size:2.6rem}.main-side{width:10%;margin-right:70px}.main-last a{text-decoration:none;color:var(--secondary-color)}.main-last{transform:rotate(90deg);width:-moz-max-content;width:max-content;font-size:1.15rem;color:var(--secondary-color)}.main-ico{margin-right:15px;transform:rotate(-90deg);color:var(--secondary-color)}.main-last .main-ico:hover{transform:rotate(-90deg) scale(1.8)}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cta{position:relative;margin:25px auto auto;padding:12px 18px;transition:all .2s ease;border:none;background:none;cursor:pointer}.cta:before{content:"";position:absolute;top:0;left:0;display:block;border-radius:50px;background:blue;width:45px;height:45px;transition:all .3s ease}.cta span{position:relative;font-family:Ubuntu,sans-serif;font-size:18px;font-weight:700;letter-spacing:.05em;color:#fff}.cta svg{position:relative;top:0;margin-left:10px;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke:#fdfdfd;stroke-width:2;transform:translate(-5px);transition:all .3s ease}.cta:hover:before{width:100%;background:var(--secondary-color)}.cta:hover svg{transform:translate(0)}.cta:active{transform:scale(.95)}@media (max-width: 930px){.main{margin-left:150px}.main-side{margin:0 90px 0 0}.main-right,.main-left{width:100%;min-width:unset}.main-left{padding-left:20px}.main-right{margin-top:75px}.circle1,.circle2{height:200px;width:200px}.main-right .img-container img{max-width:300px;max-height:300px}.cta svg{transform:rotate(-90deg)}.cta:hover svg{transform:rotate(90deg)}}@media (max-width: 620px){.main{margin-left:unset;width:100%}.main-last{width:100%;display:flex;align-items:center;justify-content:center;gap:4px}.mains{flex-direction:column-reverse}.main-side{width:100%;margin:85px 0 0}.main-last{transform:none;text-align:center}.main-ico{margin-right:10px;transform:rotate(0)}.main-last .main-ico:hover{transform:rotate(0) scale(1.8)}.main-left{padding:0;margin-left:32px}.main-right{margin-top:20px}}@media (max-height: 790px){.main-right .img-container img{max-width:180px;max-height:180px}.circle1,.circle2{height:150px;width:150px}}.random-shapes{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden}.random-shape{position:absolute;opacity:.5}.circle{width:60px;height:60px;border-radius:50%;background:var(--secondary-color);animation:rotate 4s linear infinite}.triangle{width:0;height:0;border-left:25px solid transparent;border-right:25px solid transparent;border-bottom:36px solid #4cbb5352;animation:rotate 4s linear infinite}.square{width:40px;height:40px;background-color:#ffffff5c;animation:rotate 4s linear infinite}.about{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:40px 20px;background:linear-gradient(135deg,rgb(42,35,68),rgb(30,25,50));color:#fff;position:relative;overflow:hidden}.about:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(white 1px,transparent 1px),radial-gradient(white 1px,transparent 1px);background-size:50px 50px;background-position:0 0,25px 25px;opacity:.1;z-index:0}.about-container{width:100%;max-width:1200px;position:relative}.abt-top{text-align:center;margin-bottom:40px}.abt-top h2{font-size:36px;text-transform:uppercase;margin:0}.abt-top p{font-size:18px;margin:10px 0 0;color:#c8c8c8e6}.abt-btm{display:flex;justify-content:space-between;gap:40px}.abt-left{flex:1;display:flex;justify-content:center;align-items:center}.abt-img-container{width:300px;height:300px;perspective:1000px;background:#282836;border-radius:50%;box-shadow:0 0 20px #ffffff1a;overflow:hidden;transition:transform .5s}.abt-img-container:hover{transform:scale(1.05)}.newImg{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.profile-3d-hover:hover .newImg{transform:scale(1.1)}.abt-right{flex:1;padding:30px 25px;border-radius:20px 50px 20px 20px;display:flex;flex-direction:column;justify-content:space-between;gap:25px;color:#fff;border:2px dashed var(--secondary-color)}.abt-heading{font-size:26px;color:#ffe5e5;font-weight:700;text-align:center;margin-bottom:10px;letter-spacing:1px}.abt-description{font-size:15px;line-height:1.7;color:#ffebebe6;text-align:justify}.abt-stats{display:flex;justify-content:space-between;gap:15px}.abt-card{flex:1;text-align:center;background:rgb(77,64,118);padding:15px 10px;border-radius:15px;box-shadow:0 4px 15px #33264280;transition:transform .3s ease,box-shadow .3s ease}.abt-card:hover{transform:translateY(-8px);box-shadow:0 8px 20px #2e2a5eb3}.abt-card h4{font-size:22px;color:#ffd6d6;margin-bottom:5px}.abt-card p{font-size:13px;color:#ffffffd9;margin:5px 0 0}.card-icon{font-size:18px;color:#ffd6d6;margin-top:8px}.download-btn{display:block;background:var(--secondary-color);color:#fff;padding:12px 25px;border:none;border-radius:30px;font-size:16px;text-align:center;cursor:pointer;margin:0 auto;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 15px #5c343480}.download-btn:hover{transform:translateY(-5px);box-shadow:0 4px 15px #5c343499}.download-btn:active{transform:translateY(2px);box-shadow:0 8px 20px #2e2a5e99}@media (max-width: 882px){.abt-btm{flex-direction:column;gap:20px}.abt-left,.abt-right{width:100%}.abt-right{padding:20px}.abt-stats{flex-direction:column}}.skill{display:flex;align-items:center;flex-direction:column;justify-content:center;padding:40px 20px}.skill-btm{width:70%}.skill-summary{font-size:24px;color:#fff;border-radius:5px;padding:10px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;margin-bottom:15px;transition:background-color .3s ease-in-out}.ans{margin:0 50px;overflow:hidden;max-height:0;transition:max-height .3s ease-in-out}.ans.open{max-height:400px}.name{display:flex;justify-content:space-between;align-items:center}.ans1{margin-bottom:15px}progress{width:100%;height:20px;margin-top:10px;background-color:#4d4076;border-radius:50px;overflow:hidden}progress::-webkit-progress-value{background-color:#4d4076}.ico-name{display:flex;align-items:center;justify-content:center;gap:20px}.ico-name span{font-size:25px}.skill-out{width:100%;display:flex;justify-content:center;align-items:center;padding:38px}.skill-summary:hover,.skill-summary.opened{background-color:#4d4076}.drop-down.rotate{transform:rotate(-180deg)}hr{border:none;border-top:1px solid #444;margin:20px 0}@media (max-width: 834px){progress{height:10px}.skill-out{padding:0}.skill-btm{width:100%}.ans{margin:0 20px}.skillll{font-size:1.1rem}}#qualification{background:linear-gradient(135deg,rgb(42,35,68),rgb(30,25,50));color:#fff;position:relative;overflow:hidden}#qualification:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(white 1px,transparent 1px),radial-gradient(white 1px,transparent 1px);background-size:50px 50px;background-position:0 0,25px 25px;opacity:.1;z-index:1}.qualification{display:flex;align-items:center;flex-direction:column;padding:40px 0;position:relative;z-index:2}.we-select{display:flex;align-items:center;justify-content:center;gap:30px;margin-bottom:40px}.select{padding:12px 20px;width:180px;text-align:center;border-radius:50px;cursor:pointer;font-style:italic;background:rgba(77,64,118,.3);transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 6px #0000001a}.select:hover{transform:translateY(-5px);box-shadow:0 6px 8px #0003}.select.selected{background:rgb(25,20,42);font-style:normal;color:#f2b72e;transform:scale(1.05)}.design-section{display:flex;flex-direction:column;align-items:center;min-height:400px;width:100%}.timeline{height:auto;max-width:800px;margin:0 auto;display:grid;grid-template-columns:1fr 3px 1fr;gap:0 20px}.timeline-component{background:rgba(77,64,118,.3);border-radius:10px;padding:25px;transition:all .4s ease;position:relative;overflow:hidden}.timeline-component:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:rgb(120,28,52)}.timeline-component:hover{transform:scale(1.02);box-shadow:0 10px 20px #0003}.timeline-middle{position:relative;background:var(--secondary-color);width:3px;height:100%}.timeline-circle{position:absolute;top:50%;left:50%;width:15px;height:15px;border-radius:50%;background:var(--secondary-color);transform:translate(-50%,-50%);box-shadow:0 0 10px #00000080}.timeline-content h3{color:var(--secondary-color);margin-bottom:10px}.edu-name a{text-decoration:none;transition:color .3s ease}.edu-name a:hover{color:var(--secondary-color)}.edu-date{color:#9f9c9c;display:flex;align-items:center;gap:10px}.work,.edu{display:none}.timeline.work.selected,.timeline.edu.selected{display:grid}@media (max-width: 768px){.timeline{grid-template-columns:1fr;gap:10px}.design-section{min-height:unset}.timeline-middle,.timeline-empty{display:none}.design-section{justify-content:start}.we-select{flex-direction:column;gap:15px}.select{width:250px}}.project-section{color:#fff;padding:2rem 1rem 3rem}.project-header{text-align:center;margin-bottom:3rem}.project-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.project-subtitle{color:#fffc;max-width:700px;margin:0 auto;font-size:1.25rem;line-height:1.5}.project-loading,.project-error{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:300px;color:var(--font-color);text-align:center}.loading-spinner{width:40px;height:40px;border:3px solid #444;border-top:3px solid var(--secondary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.project-error p{color:var(--secondary-color);margin-bottom:15px}.retry-button{background:var(--secondary-color);color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:.9rem;transition:background .3s ease}.retry-button:hover{background:#c8223a}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,350px));gap:2rem;max-width:1500px;margin:0 auto;justify-content:center}.project-card{position:relative;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:15px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;max-width:350px;margin:0 auto;width:100%}.project-card:hover,.project-card.active{transform:scale(1.05);box-shadow:0 4px 20px #fff3}.project-image-container{position:relative;width:100%;max-height:200px;height:100%;overflow:hidden}.project-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease}.project-card:hover .project-image,.project-card.active .project-image{transform:scale(1.1)}.project-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.85);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;opacity:0;transform:translateY(10%);transition:opacity .3s ease,transform .3s ease}.project-card:hover .project-overlay,.project-card.active .project-overlay{opacity:1;transform:translateY(0)}.project-overlay-title{font-size:1.2rem;margin-bottom:.5rem;color:#fff}.project-overlay-description{font-size:.8rem;color:#fffc;margin-bottom:1rem}.project-note{font-size:.8rem;color:#fff9;margin-bottom:1rem}.project-tags{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;margin-bottom:1rem}.project-tag{background:rgba(255,255,255,.1);color:#ffffffe6;font-size:.8rem;padding:.3rem .6rem;border-radius:15px;transition:background .3s ease}.project-tag:hover{background:rgba(255,255,255,.2)}.project-links{display:flex;gap:1rem}.project-link{display:flex;align-items:center;color:#fff;text-decoration:none;padding:.5rem 1rem;background:rgba(255,255,255,.1);border-radius:5px;transition:background .3s ease,transform .3s ease}.project-link:hover{background:rgba(255,255,255,.2);transform:translateY(-2px)}.project-link svg{margin-right:.5rem;font-size:1.25rem}@media (max-width: 768px){.project-title{font-size:2rem}.project-subtitle{font-size:1rem}.project-grid{grid-template-columns:1fr}.project-image{height:180px}.project-preview-iframe{display:none!important}}.project-tabs{display:flex;justify-content:center;margin-bottom:2rem;gap:1rem}.project-tab{background:rgba(255,255,255,.1);border:none;padding:.5rem 1.5rem;color:#fffc;font-size:1rem;border-radius:20px;cursor:pointer;transition:background .3s ease}.project-tab.active,.project-tab:hover{background:rgb(120,28,52)}.view-all-container{text-align:center;margin-top:2rem}.view-all-button{display:inline-block;padding:.7rem 2rem;background:rgba(255,255,255,.1);color:#fff;border-radius:5px;font-size:1rem;text-decoration:none;transition:background .3s ease,transform .3s ease}.view-all-button:hover{background:rgba(255,255,255,.2);transform:translateY(-3px)}.project-preview-iframe{position:fixed;z-index:10000;background:#2a2a2a;border:2px solid #444;border-radius:12px;box-shadow:0 20px 40px #0006;overflow:hidden;pointer-events:auto;transform:scale(.95);opacity:0;transition:all .3s cubic-bezier(.25,.46,.45,.94);width:600px;height:450px}.project-preview-iframe.active{transform:scale(1);opacity:1;pointer-events:auto}.iframe-container{width:100%;height:100%;background:#1a1a1a;border-radius:10px;overflow:hidden}.iframe-header{height:40px;background:#333;border-bottom:1px solid #444;display:flex;align-items:center;padding:0 15px;gap:10px}.iframe-controls{display:flex;gap:6px}.iframe-control{width:12px;height:12px;border-radius:50%;cursor:pointer;transition:opacity .2s ease}.close-btn{background:#ff5f56}.minimize-btn{background:#ffbd2e}.maximize-btn{background:#27ca3f}.iframe-control:hover{opacity:.8}.iframe-url{flex:1;color:#999;font-size:12px;margin-left:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.iframe-content{width:100%;height:calc(100% - 40px);background:white;border:none;display:block}.iframe-loading{display:flex;justify-content:center;align-items:center;height:100%;color:#999;background:#1a1a1a}.iframe-loading:after{content:"";width:24px;height:24px;border:2px solid #444;border-top:2px solid #fff;border-radius:50%;animation:spin 1s linear infinite;margin-left:10px}#contact{display:flex;justify-content:center;align-items:center;flex-direction:column;background:rgb(42,35,68);padding:40px 0;background:linear-gradient(135deg,rgb(42,35,68),rgb(30,25,50));color:#fff;position:relative;overflow:hidden}#contact:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(white 1px,transparent 1px),radial-gradient(white 1px,transparent 1px);background-size:50px 50px;background-position:0 0,25px 25px;opacity:.1;z-index:1}.container{width:85%;background:rgba(25,20,42,.7);border-radius:6px;padding:20px 60px 30px 40px;box-shadow:0 5px 10px #0003;z-index:3}.container .content{display:flex;align-items:center;justify-content:space-between}.container .content .left-side{width:40%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:15px;position:relative}.content .left-side:before{content:"";position:absolute;height:70%;width:2px;right:-15px;top:50%;transform:translateY(-50%);background:#afafb6}.content .left-side .details{margin:14px;text-align:center}.content .left-side .details .contact-ico{font-size:30px;color:#771b33;margin-bottom:10px}.content .left-side .details .topic{font-size:18px;font-weight:500}.content .left-side .details .text-one,.content .left-side .details .text-two{font-size:14px;color:#afafb6}.container .content .right-side{width:60%;margin-left:75px}.content .right-side .topic-text{font-size:23px;font-weight:600;color:var(--secondary-color);margin-bottom:20px}.right-side .input-box{height:50px;width:100%;margin:12px 0}.right-side .input-box input,.right-side .input-box textarea{height:100%;width:100%;border:none;outline:none;font-size:16px;background:#f0f1f8;border-radius:6px;padding:0 15px;resize:none}.right-side .message-box{min-height:110px}.right-side .input-box textarea{padding-top:6px}.right-side .button{display:inline-block;margin-top:12px}.right-side .button input[type=submit]{color:#fff;font-size:18px;outline:none;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;transition:all .3s ease;background:var(--secondary-color)}.button input[type=submit]:hover{background:rgb(119,27,51)}.right-side p,.right-side form{width:80%}.right-side p{margin-bottom:20px}.topic-text{margin-top:20px}@media (max-width: 950px){.container{width:90%;padding:30px 40px 40px 35px}.container .content .right-side{width:75%;margin-left:55px}}@media (max-width: 820px){.container{margin:40px 0;height:100%}.container .content{flex-direction:column-reverse}.container .content .left-side{width:100%;flex-direction:row;margin-top:40px;justify-content:center;flex-wrap:wrap}.container .content .left-side:before{display:none}.container .content .right-side{width:100%;margin-left:0}.right-side p,.right-side form{width:100%}}@media (max-width: 665px){.container .content .left-side{flex-wrap:nowrap;flex-direction:column}}.success-message,.error-message{margin-bottom:20px;padding:15px;border-radius:8px;text-align:center;animation:fadeIn .5s ease-in}.success-message{background-color:#4caf501a;border:1px solid #4caf50;color:#4caf50}.error-message{background-color:#f443361a;border:1px solid #f44336;color:#f44336}.success-message p,.error-message p{margin:0;font-weight:500}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.button input[type=submit]:disabled{background-color:#666;cursor:not-allowed;opacity:.6}#footer{position:absolute;width:100%;padding:40px 0 60px}.footer{height:400px;width:100%}.footer,.hi-up,.hi-down,.say-hi,.f-ico{display:flex;justify-content:center;align-items:center;flex-direction:column}.say-hi{min-height:320px;min-width:320px;border:2px dashed var(--secondary-color);border-radius:50%;gap:20px;background-color:#19142a;z-index:1}.hi-up h1{color:#c9b550}.hi-down{flex-direction:row;gap:20px}.f-ico{font-size:22px;padding:5px;width:40px;height:40px;border-radius:50%;cursor:pointer}.f-ico:hover{filter:brightness(.9)}.f-ico:active{filter:brightness(1.1);transform:translateY(2px)}.facebook{background:rgb(46,46,121)}.twitter{background:#000}.instagram{background:linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#4862c9 100%)}.hi-up hr{width:120%}.designed{z-index:1}.designed a{-webkit-text-decoration:2px underline wavy;text-decoration:2px underline wavy;text-transform:uppercase;color:#c9b550}.hi-up h4 a{text-decoration:none;color:#efefef}.hi-up h4{margin-top:10px}.footer hr{width:90%}a:visited{text-decoration:none;color:initial}*{outline:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--primary-color: rgb(25, 20, 42);--secondary-color: rgb(214, 34, 59);--font-color: #fff;--menu-color: rgb(38 31 61);--color-input: #333333;--grey-color: #666;--dar-blue-color: hsl(223deg 57% 12%)}*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth;font-family:Poppins,sans-serif;-webkit-user-select:none;-moz-user-select:none;user-select:none}a{text-decoration:none;color:var(--font-color)}body{background:var(--primary-color);color:var(--font-color)}a:visited{text-decoration:none;color:var(--font-color)}