@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Ubuntu:wght@400;500;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Great+Vibes&family=Parisienne&family=Tangerine:wght@700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Courgette&family=Parisienne&display=swap";
@import "https://fonts.googleapis.com/css2?family=Raleway:wght@400&display=swap";
*{box-sizing:border-box;margin:0;padding:0;text-decoration:none}html{scroll-behavior:smooth}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}section{padding:100px 0}.about,.services,.skills,.teams,.footer{font-family:Poppins,sans-serif}.max-width{max-width:1300px;margin:auto;padding:0 80px}.services .serv-content,.skills .skills-content{flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}section .title{text-align:center;margin-bottom:60px;padding-bottom:20px;font-family:Ubuntu,sans-serif;font-size:40px;font-weight:500}section .title:before{content:"";width:180px;height:3px;position:absolute;left:50%;transform:translate(-50%)}section .title:after{padding:5px;font-size:20px;position:absolute;left:50%;transform:translate(-50%)}.navbar{z-index:999;width:100%;padding:30px 0;font-family:Ubuntu,sans-serif;transition:all .3s;position:fixed}.navbar.sticky{background:#f4a261;padding:15px 0}.navbar .max-width{justify-content:space-between;align-items:center;display:flex}.navbar .logo a,.navbar.sticky .logo a{color:#fff;font-family:Ubuntu,bold;font-size:35px;font-weight:600}.navbar .logo a span{color:#f4a261}.navbar.sticky .logo a span{color:#fff;transition:all .3s}.navbar .menu li{list-style:none;display:inline-block}.navbar .menu li a{color:#fff;cursor:pointer;margin-left:25px;font-size:18px;font-weight:500;transition:color .2s;display:block}.navbar .menu li a:hover{color:#f4a261}.navbar.sticky .menu li a:hover{color:#fff}.menu-btn{color:#fff;cursor:pointer;font-size:23px;display:none}.scroll-up-btn{text-align:center;color:#fff;z-index:9999;cursor:pointer;opacity:0;pointer-events:none;background:#f4a261;border-bottom-width:2px;border-radius:6px;width:42px;height:45px;font-size:30px;line-height:45px;transition:all .3s;position:fixed;bottom:10px;right:30px}.scroll-up-btn.show{opacity:1;pointer-events:auto;bottom:30px}.home{color:#fff;background:url(/images/T4.1.png) 50%/cover no-repeat fixed;height:100vh;min-height:500px;font-family:Ubuntu,sans-serif;display:flex}.home .max-width{margin:auto 0 auto 40px}.home .home-content .mySign{border-spacing:60px;height:180px;padding:10px}.home .home-content .text-1{font-size:27px}.home .home-content .text-2{margin-top:9px;margin-left:-3px;font-family:Great Vibes;font-size:75px;font-weight:400}.home .home-content .text-3{margin:5px;font-size:40px}.home .home-content .text-3 span{color:#f4a261;font-weight:500}.home .home-content a{color:#000;background:#f4a261;border:2px solid #f4a261;border-radius:6px;height:50px;margin-top:20px;padding:8px 20px;font-size:20px;font-weight:600;transition:all .3s;display:inline-block}.home .home-content a:hover{color:#f4a261;background:0 0}.about{background:#fafafa;overflow:hidden}.about .about-header{text-align:center;margin-bottom:70px}.about .about-title{color:#111;letter-spacing:-.5px;margin-bottom:15px;font-family:Ubuntu,sans-serif;font-size:48px;font-weight:700}.about .about-title-line{transform-origin:50%;background:#f4a261;border-radius:2px;width:60px;height:4px;margin:0 auto 12px}.about .about-subtitle{color:#f4a261;text-transform:uppercase;letter-spacing:4px;font-size:15px;font-weight:500;display:inline-block}.about .about-content{align-items:center;gap:60px;display:flex}.about .about-content .left{flex-shrink:0;width:42%}.about-img-wrap{max-height:45 0px;border-radius:12px;position:relative;overflow:hidden}.about-img-reveal{z-index:2;background:#f4a261;border-radius:12px;position:absolute;inset:0}.about-img-wrap img{border-radius:12px;display:block}.about-img-frame{z-index:-1;pointer-events:none;border:3px solid #f4a261;border-radius:12px;position:absolute;inset:20px -20px -20px 20px}.about .about-content .right{width:58%}.about-name-text{color:#111;margin-bottom:4px;font-family:Great Vibes,cursive;font-size:52px;font-weight:400;line-height:1.2}.about-role{color:#555;min-height:30px;margin-bottom:24px;font-size:20px;font-weight:500}.about-role span{color:#f4a261;font-weight:600}.about-bio{color:#555;text-align:justify;margin-bottom:30px;font-size:16px;line-height:1.8}.about-btns{flex-wrap:wrap;gap:16px;display:flex}.about-btn{cursor:pointer;letter-spacing:.5px;border-radius:8px;padding:12px 28px;font-size:15px;font-weight:600;transition:all .3s;display:inline-block}.about-btn-primary{color:#111;background:#f4a261;border:2px solid #f4a261}.about-btn-primary:hover{background:#e8913e;border-color:#e8913e;transform:translateY(-2px);box-shadow:0 6px 20px #f4a26159}.about-btn-outline{color:#111;background:0 0;border:2px solid #111}.about-btn-outline:hover{color:#fff;background:#111;transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.services,.teams{color:#fff;background:#111}.services .title{color:#fff}.services .title:before{background:#fff;bottom:-1040px}.services .title:after{content:" What I Provide ";color:#f4a261;background:#111;bottom:-1055px}.services .serv-content .card{text-align:center;cursor:pointer;background:#222;border-radius:6px;width:calc(33% - 20px);padding:35px 30px}.services .serv-content .card:hover{background:#f4a261}.services .serv-content .card .box{transition:all .3s}.services .serv-content .card:hover .box{transform:scale(1.05)}.services .serv-content .card i{color:#f4a261;margin-bottom:20px;font-size:25px}.services .serv-content .card p{text-align:center;padding:15px}.services .serv-content .card:hover i,.services .serv-content .card:hover .text,.services .serv-content .card:hover p{color:#111}.services .serv-content .card .text{color:#f4a261;font-family:Great Vibes;font-size:35px;font-weight:400}.skills .title:before{background:#000;bottom:-1660px}.skills .title:after{content:" What I Know ";color:#f4a261;background:#fff;bottom:-1675px}.skills .skills-content .column{width:calc(50% - 30px)}.skills .skills-content .left .text{margin-bottom:10px;font-size:25px;font-weight:600}.skills .skills-content .left p{text-align:justify}.skills .skills-content .left a{color:#000;background:#f4a261;border:2px solid #f4a261;border-radius:6px;margin-top:20px;padding:8px 16px;font-size:25px;font-weight:500;transition:all .3s;display:inline-block}.skills .skills-content .left a:hover{color:#f4a261;background:0 0}.skills .skills-content .right .bars{margin-bottom:15px}.skills .skills-content .right .info{justify-content:space-between;align-items:center;margin-bottom:5px;display:flex}.skills .skills-content .right span{font-size:18px;font-weight:600}.skills .skills-content .right .line{background:#d3d3d3;width:100%;height:6px;position:relative}.skills .skills-content .right .line:before{content:"";background:#f4a261;width:70%;height:100%;position:absolute;top:0;left:0}.skills .skills-content .right .java:before{width:90%}.skills .skills-content .right .cpp:before{width:95%}.skills .skills-content .right .angularjs:before{width:80%}.skills .skills-content .right .ai:before{width:95%}.skills .skills-content .right .figma:before{width:85%}.skills .skills-content .right .unity:before{width:75%}.proj-header{text-align:center;margin-bottom:70px}.proj-title{color:#fff;letter-spacing:-.5px;margin-bottom:15px;font-family:Ubuntu,sans-serif;font-size:48px;font-weight:700}.proj-title-line{transform-origin:50%;background:#f4a261;border-radius:2px;width:60px;height:4px;margin:0 auto 12px}.proj-subtitle{color:#f4a261;text-transform:uppercase;letter-spacing:3px;margin-top:5px;font-size:15px;font-weight:500;display:inline-block}.proj-carousel{align-items:center;gap:16px;display:flex}.proj-track{flex:1;grid-template-columns:repeat(3,1fr);gap:28px;min-height:400px;display:grid}.proj-card{color:#fff;background:#1a1a1a;border:1px solid #f4a26126;border-radius:14px;flex-direction:column;text-decoration:none;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden}.proj-card:hover{border-color:#f4a26166;transform:translateY(-6px);box-shadow:0 12px 32px #f4a26133}.proj-card-img{width:100%;height:240px;position:relative;overflow:hidden}.proj-card-img img{transition:transform .4s}.proj-card:hover .proj-card-img img{transform:scale(1.08)}.proj-card-badge{color:#111;background:#f4a261;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:transform .25s,background .25s;display:flex;position:absolute;top:12px;right:12px}.proj-card:hover .proj-card-badge{background:#fff;transform:scale(1.15)}.proj-card-body{flex-direction:column;flex:1;padding:22px 24px;display:flex}.proj-card-title{color:#f4a261;margin-bottom:10px;font-family:Ubuntu,sans-serif;font-size:22px;font-weight:600}.proj-card-desc{color:#aaa;flex:1;font-size:15px;line-height:1.6}.proj-arrow{color:#f4a261;cursor:pointer;background:0 0;border:2px solid #f4a26166;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:all .25s;display:flex}.proj-arrow:hover:not(:disabled){color:#111;background:#f4a261;border-color:#f4a261}.proj-arrow:disabled{opacity:.2;cursor:default}.proj-dots{justify-content:center;gap:10px;margin-top:32px;display:flex}.proj-dot{cursor:pointer;background:0 0;border:2px solid #f4a261;border-radius:50%;width:10px;height:10px;padding:0;transition:all .3s}.proj-dot-active{background:#f4a261;transform:scale(1.3)}.gallery .title:before{background:#111;bottom:-3050px}.gallery .title:after{content:" What I Do ";color:#f4a261;background:#fff;bottom:-3070px}.gallery-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.gallery .card{text-align:center;background:#000;border-radius:6px;padding:25px 35px;transition:all .3s}.gallery .card:hover{background:#f4a261}.gallery .card .box{flex-direction:column;justify-content:center;align-items:center;transition:all .3s;display:flex}.gallery .card:hover .box{transform:scale(1.05)}.gallery .card .text{color:#f4a261;text-align:center;margin:30px 0 10px;font-family:Great Vibes;font-size:45px;font-weight:500}.gallery .card .text2{color:#f4a261;margin:20px 0 7px;font-family:Great Vibes;font-size:30px;font-weight:500}.gallery .card:hover .text,.gallery .card:hover .text2{color:#000}.gallery .card img{object-fit:cover;border:5px solid #f4a261;width:auto;height:250px}.gallery .card:hover img{border-color:#000;transform:scale(1.02)}footer{text-align:center;color:#fff;background:#111;padding:20px 23px;font-size:25px;font-weight:500}footer span a{color:#f4a261;font-family:Great Vibes;font-size:35px}footer span a:hover{text-decoration:underline}@media (max-width:1104px){section .title:before{opacity:0;width:0;height:0}section .title:after{opacity:0;font-size:0}}@media (max-width:991px){.max-width{padding:0 50px}section .title:before{opacity:0;width:0;height:0}section .title:after{opacity:0;font-size:0}}@media (max-width:947px){.menu-btn{z-index:999;display:block}.menu-btn i.active:before{content:""}.navbar .menu{text-align:center;background:#111;width:100%;height:100vh;padding-top:80px;transition:all .3s;position:fixed;top:0;left:-100%}.navbar .menu.active{left:0}.navbar .menu li{display:block}.navbar .menu li a{margin:20px 0;font-size:25px;display:inline-block}.home .home-content .text-2{font-size:70px}.home .home-content .text-3{font-size:35px}.home .home-content a{padding:10px 30px;font-size:23px}.max-width{max-width:930px}.about .about-content{flex-direction:column;gap:40px}.about .about-content .left{justify-content:center;width:100%;display:flex}.about-img-wrap{max-width:350px}.about .about-content .right{width:100%}.about-name-text{font-size:42px}.services .serv-content .card{width:calc(50% - 10px);margin-bottom:20px}.skills .skills-content .column{width:100%;margin-bottom:35px}.proj-track{grid-template-columns:repeat(3,1fr);gap:16px}.gallery-grid{grid-template-columns:repeat(2,1fr)}.gallery .card img{object-fit:cover;border:5px solid #f4a261;width:auto;height:180px}.gallery .card .text{font-size:25px}.gallery .card .text2{font-size:17px}footer{font-size:15px;font-weight:400}footer span a{font-size:25px}section .title:before{opacity:0;width:0;height:0}section .title:after{opacity:0;font-size:0}}@media (max-width:690px){.max-width{padding:0 23px}.home .home-content .text-2{font-size:60px}.home .home-content .text-3{font-size:32px}.home .home-content a{font-size:20px}.services .serv-content .card{width:100%}.proj-carousel{flex-direction:column}.proj-track{grid-template-columns:1fr;min-height:auto}.proj-arrow{display:none}.gallery-grid{grid-template-columns:1fr}.gallery .card img{object-fit:cover;border:5px solid #f4a261;width:auto;height:160px}.gallery .card .text{font-size:35px}.gallery .card .text2{font-size:25px}footer{font-size:20px;font-weight:400}footer span a{font-size:30px}section .title:before{opacity:0;width:0;height:0}section .title:after{opacity:0;font-size:0}}@media (max-width:500px){.home{color:#fff;background:url(/images/T4.2.png) 50%/cover no-repeat fixed;height:120vh;min-height:400px}.home .home-content .mySign{border-spacing:20px;padding:5px}.home .home-content .text-1{left:1px}.home .home-content .text-2{margin-top:9px;margin-left:-5px;font-size:50px}.home .home-content .text-3{margin:3px;font-size:27px}.home .home-content a{padding:5px}.about-name-text,.about-title{font-size:36px}.about-btns{flex-direction:column}.skills .skills-content .left .text{font-size:19px}.scroll-up-btn{width:35px;height:38px;font-size:23px;line-height:38px;bottom:15px;right:15px}.gallery .card img{object-fit:cover;border:5px solid #f4a261;width:auto;height:190px}.gallery .card .text{font-size:30px}.gallery .card .text2{font-size:20px}footer{font-size:10px;font-weight:300}footer span a{font-size:20px}}