@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Merriweather+Sans:ital,wght@0,300..800;1,300..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap";:root{--hue: 217;--sat: 85%;--light: 74%;--primary-color: hsl(var(--hue), var(--sat), var(--light));--white-color: hsl(var(--hue), 45%, 98%);--dark-color: hsl(var(--hue), 26%, 12%);--color-01: hsl(var(--hue), var(--sat), var(--light));--color-02: hsl(var(--hue), 45%, 98%);--color-03: hsl(var(--hue), 26%, 12%);--color-04: hsl(var(--hue), 0%, 62%);--color-05: hsl(var(--hue), 26%, 12%);--body-color: hsl(250, 26%, 12%);--hover-color: hsl(var(--hue), var(--sat), calc(var(--light) - 7%));--bottom-nav-bg: hsl(var(--hue), 32%, 25%, .65);--card-bg: linear-gradient(120deg, hsl(var(--hue), 54%, 74%, .15), hsl(var(--hue), 54%, 74%, .05));--modal-backdrop-bg: linear-gradient(120deg, hsl(var(--hue), 54%, 74%, .15), hsl(var(--hue), 54%, 74%, .05));--footer-bg: linear-gradient(120deg, hsl(var(--hue), 54%, 74%, .15), hsl(var(--hue), 54%, 74%, .05));--scrollbar-color: hsl(var(--hue), 25%, 20%);--scrollbar-thumb: hsl(var(--hue), var(--sat), var(--light));--scrollbar-thumb-hover: hsl(var(--hue), var(--sat), calc(var(--light) - 7%));--body-font-family: "Inter", sans-serif;--h1-font-size: 2.85rem;--h2-font-size: 2.25rem;--h3-font-size: 1.97rem;--h4-font-size: 1.43rem;--h5-font-size: 1.13rem;--xlarge-font-size: 1.48rem;--large-font-size: 1.23rem;--medium-font-size: 1.18rem;--base-font-size: 1.1rem;--small-font-size: 1.07rem;--tiny-font-size: .98rem;--font-light: 300;--font-regular: 400;--font-medium: 500;--font-semi-bold: 600;--font-bold: 700;--z-minus: -1;--z-base: 0;--z-low: 1;--z-high: 10;--z-content: 100;--z-tooltip: 1000;--z-fixed: 1100;--z-overlay: 1110;--z-modal: 1990;--z-max: 9999}.light-theme{--hue: 220;--color-01: hsl(var(--hue), 20%, 15%);--color-02: hsl(var(--hue), 25%, 18%);--color-03: hsl(var(--hue), 35%, 95%);--color-04: hsl(var(--hue), 10%, 50%);--body-color: hsl(var(--hue), 25%, 90%);--bottom-nav-bg: hsl(var(--hue), 20%, 30%, .8);--card-bg: hsl(0, 0%, 98%);--modal-backdrop-bg: hsl(var(--hue), 45%, 20%, .5);--footer-bg: linear-gradient(360deg, hsl(var(--hue), 20%, 90%), hsl(var(--hue), 30%, 85%));--scrollbar-color: hsl(var(--hue), 10%, 70%);--scrollbar-thumb: hsl(var(--hue), 10%, 40%);--scrollbar-thumb-hover: hsl(var(--hue), 10%, 30%)}.contact-icon,.contact-social-links li{box-shadow:0 2px 4px #0303031a}.ms-footer .copy-right,.ms-footer .copy-right a{color:hsl(var(--hue) 26% 30%)}*{box-sizing:border-box;margin:0;padding:0;font-family:var(--body-font-family)}ul,li{list-style:none}a{color:var(--color-04);text-decoration:none;cursor:pointer}html{scroll-behavior:smooth}body{color:var(--color-04);background:var(--body-color);transition:.3s}.ms-section{position:relative;overflow:hidden}.ms-container{max-width:1170px;margin-left:auto;margin-right:auto}.ms-wrapper{position:relative;width:100%;height:auto}.ms-sub-container{padding-top:3em;padding-bottom:3em}.section-title{display:flex;justify-content:center;align-items:center;flex-direction:column;margin-bottom:50px}.section-title h3{position:relative;color:var(--h3-color);font-size:var(--h3-font-size);font-weight:var(--font-bold);margin-bottom:1px;top:20px}.section-title p{color:var(--color-04);font-weight:var(--font-regular);position:relative;top:20px}.section-content{display:flex;position:relative;justify-content:center;align-items:center;column-gap:75px;top:20px}::-webkit-scrollbar{width:10px;background:var(--scrollbar-color)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:25px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.cursor{position:fixed;width:15px;height:15px;background-color:#ffffffb3;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);transition:transform .1s ease-out;z-index:9999}.cursor-follower{position:fixed;width:20px;height:20px;border:2px solid rgba(255,255,255,.5);border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);transition:transform .15s ease-out;z-index:9998}.hover-effect{transform:scale(1.5);background-color:#ffffff4d}@media (max-width: 768px){.cursor,.cursor-follower{display:none}}.ripple{position:absolute;width:20px;height:20px;background:#fff6;border-radius:50%;transform:scale(0);animation:rippleEffect .5s ease-out}@keyframes rippleEffect{to{transform:scale(3);opacity:0}}.to-top-btn{z-index:var(--z-fixed);position:fixed;background:hsl(var(--hue) 54% 74% / .2);height:100px;width:2px;bottom:25px;right:-30px;cursor:pointer;transition:all .3s ease}.to-top-btn.active{right:30px}.to-top-btn a{color:var(--color-01);transition:.3s}.to-top-btn a:hover{color:var(--hover-color)}.to-top-btn a span{position:absolute;left:0;bottom:155px;transform:rotate(90deg);transform-origin:left;font-size:.85rem;text-transform:uppercase;white-space:nowrap}.to-top-btn .scroll-indicator-bar{position:absolute;background:var(--color-01);width:2px;height:auto;opacity:.5}.lets-talk-btn .chat-icon{display:none}@media (max-width: 480px){.lets-talk-btn{width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;background:transparent;position:relative;right:-176px;border:none;border:none!important;outline:none!important;box-shadow:none!important}.lets-talk-btn .lets-talk-btn a{font-size:1.2rem;text-indent:-9999px;position:relative;left:5px}.lets-talk-btn a{display:flex;align-items:center;justify-content:center}.lets-talk-btn .btn-text{display:none}.lets-talk-btn .chat-icon{display:block;font-size:1.5rem}}.ms-main-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:fit-content;padding:14px 30px;border-radius:35px;cursor:pointer;font-size:1rem;font-weight:500;transition:all .3s ease-in-out;text-align:center;text-decoration:none;border:2px solid var(--color-01)}.ms-main-btn:hover{color:var(--white-color);background:var(--hover-color);border-color:var(--hover-color);transform:scale(1.05)}.ms-main-btn a{color:var(--color-01);font-size:var(--small-font-size);font-weight:500;text-decoration:none;transition:.3s}.ms-main-btn:hover a{color:#fff}.fill-btn{background:var(--primary-color);border:2px solid var(--primary-color)}.fill-btn a{color:#0b0d13}@media (max-width: 768px){.ms-main-btn{padding:12px 25px;font-size:.9rem}}@media (max-width: 480px){.ms-main-btn{padding:10px 20px;font-size:.85rem;border-radius:25px}}.ms-header{z-index:var(--z-fixed);position:fixed;width:100%;top:0;left:0;padding:30px 0;transition:.3s ease}.ms-header.shrink{background:var(--body-color);padding:12px 0}.ms-header .inner{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.ms-logo a{color:var(--color-01);font-size:2.6rem;font-weight:var(--font-semi-bold);letter-spacing:-3px;transition:.3s}.ms-logo a:hover{color:var(--hover-color)}.header-btns{display:flex;flex-direction:row;justify-content:center;align-items:center}.lets-talk-icon{color:var(--color-01);font-size:1.8rem;cursor:pointer;position:fixed;transition:.3s;display:none}.lets-talk-icon:hover{color:var(--hover-color)}.bottom-nav-container{position:relative}.bottom-nav{z-index:var(--z-fixed);position:fixed;left:50%;transform:translate(-50%);bottom:-75px;opacity:0;transition:.5s ease,.3s ease;transition-property:bottom,opacity}.bottom-nav.active{bottom:50px;opacity:1;transition:.5s ease,.3s ease;transition-property:bottom,opacity}.bottom-nav-inner{position:relative}.bottom-nav .menu{background:var(--bottom-nav-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:10px 35px;display:flex;justify-content:center;align-items:center;column-gap:25px;border-bottom:1px solid hsl(var(--hue)45% 98%/.1);border-left:1px solid hsl(var(--hue) 45% 98% /.1);border-radius:50px}.bottom-nav .menu li a{display:flex;justify-content:center;align-items:center;flex-direction:column;font-size:.9rem}.bottom-nav .menu li a i{color:var(--color-02);font-size:1.3rem;padding:10px;border-radius:50%;transition:.3s}.bottom-nav .menu li:hover a i{color:#fff;background:var(--hover-color)}.bottom-nav .menu .current i{color:#000;background:var(--primary-color)}.bottom-nav .menu li a span{z-index:var(--z-tooltip);position:absolute;color:#0b0d13;background:var(--primary-color);font-size:var(--tiny-font-size);font-weight:var(--font-medium);padding:3px 10px;transform:translateY(-53px);border-radius:5px;pointer-events:none;opacity:0}.bottom-nav .menu li:hover a span{opacity:1}.bottom-nav .menu li a span:before{content:"";z-index:var(--z-minus);position:absolute;background:var(--primary-color);width:10px;height:10px;left:50%;bottom:-8px;transform:rotate(45deg) translate(-50%)}.bottom-nav .menu-hide-btn{z-index:var(--z-fixed);position:absolute;top:-5px;right:0;color:#0b0d13;font-size:1.52rem;background-color:var(--primary-color);padding:2px;border-radius:50%;cursor:pointer;transition:.3s ease;pointer-events:none;opacity:0}.menu-hide-btn.active{pointer-events:all;opacity:1}.bottom-nav .menu-hide-btn:hover{color:#fff;background:var(--hover-color)}.menu-show-btn{z-index:var(--z-fixed);position:fixed;background:var(--bottom-nav-bg);width:85px;height:50px;border-bottom:1px solid hsl(var(--hue) 45% 98% /.1);border-left:1px solid hsl(var(--hue) 45% 98% /.1);display:flex;justify-content:center;align-items:center;flex-direction:column;row-gap:5px;translate:-50% 0;left:50%;bottom:-75px;opacity:0;border-radius:5px;transition:.5s ease,.3s ease;transition-property:bottom,opacity;cursor:pointer;overflow:hidden;animation:wiggle 2s linear infinite;animation-delay:1s}.menu-show-btn.active{bottom:50px;opacity:1;transition:.5s ease,.3s ease;transition-property:bottom,opacity}.bottom-nav{transition:opacity .3s ease,transform .3s ease}@keyframes wiggle{0%,5%{transform:rotate(0)}15%{transform:rotate(-15deg)}20%{transform:rotate(10deg)}25%{transform:rotate(-10deg)}30%{transform:rotate(6deg)}35%{transform:rotate(-4deg)}40%,to{transform:rotate(0)}}.menu-show-btn .bar-01,.menu-show-btn .bar-02{background:var(--primary-color);width:40px;height:4px;transition:.15s}.menu-show-btn:hover .bar-01,.menu-show-btn:hover .bar-02{background:var(--hover-color)}.home-container .ms-wrapper{display:flex;justify-content:center;align-items:center;padding-bottom:100px}.avatar-container{position:relative;display:flex;justify-content:center;align-items:center;column-gap:30px}.avatar-img{position:relative;justify-content:center;align-items:center;width:400px;height:400px;left:0;bottom:15px;border-radius:50%}.avatar-img img{position:absolute;width:100%;border-radius:50%;padding:50px}.home-social{position:absolute;left:0;top:290px;display:flex;flex-direction:column;align-items:center;z-index:10}.home-social span{position:absolute;left:10px;color:var(--color-01);font-size:var(--tiny-font-size);white-space:nowrap;transform:rotate(90deg);transform-origin:left;bottom:300px}.home-social .social-line{background:#dcd8d8;width:1px;height:100px;margin-bottom:25px}.social-icons{display:flex;flex-direction:column;gap:15px;list-style:none;padding:0;margin:0;overflow:visible}.social-icons li{display:flex;align-items:center;justify-content:center}.home-social .social-icons li a{color:var(--color-01);font-size:var(--large-font-size);transition:color .3s ease}.home-social .social-icons li a:hover{color:#fff}.avatar-info{position:relative;padding-bottom:2rem}.avatar-info .text-content{display:flex;flex-direction:column;row-gap:10px}.avatar-info .hello-text{font-size:var(--base-font-size);font-weight:var(--font-semi-bold)}.avatar-info .my-name{color:var(--h3-color);font-size:var(--h3-font-size);font-weight:var(--font-bold)}.avatar-info .what-i-do{font-size:var(--base-font-size);font-weight:var(--font-semi-bold);margin-bottom:45px}.hire-btn-02{position:absolute;bottom:0}.home-scroll-btn{position:absolute;right:150px;bottom:110px;color:var(--color-01);display:grid;justify-items:center;row-gap:3px;animation:up-down 1.5s linear infinite;animation-delay:1.85s}@keyframes up-down{0%{transform:translateY(8px)}50%{transform:translateY(-8px)}to{transform:translateY(8px)}}.home-scroll-btn:hover{color:var(--hover-color)}.home-scroll-btn div{font-size:var(--tiny-font-size);font-weight:var(--font-regular);writing-mode:vertical-lr;text-orientation:mixed;white-space:nowrap;transform:rotate(180deg);margin-top:7px}.home-scroll-btn i{font-size:2rem}@media (max-width: 1024px){.avatar-container{flex-direction:column;text-align:center;gap:2px}.avatar-img{width:480px;height:480px;left:-186px}.home-social{display:none}.home-scroll-btn{right:30px;bottom:60px}.theme-btn i{position:absolute;right:33px}.ms-logo a{position:relative;left:20px}.avatar-img img{position:absolute;width:100%;left:209px}.ms-main-btn{position:absolute;right:83px}}@media screen and (max-width: 780px){.home-social{position:fixed;left:10px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center}.about-title{margin-top:-20px}.home-scroll-btn{right:10px;top:180px}.avatar-info .text-content{margin-top:100px}.avatar-info{display:flex;justify-items:center;align-items:center}.avatar-img{width:360px;height:360px;left:-186px}.home-social span{position:relative;transform:rotate(-90deg);left:35px;bottom:auto;font-size:var(--tiny-font-size);white-space:nowrap;top:-50px}.home-social .social-line{height:50px;margin-bottom:15px}.home-social{position:absolute;left:10px;top:400px;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center}.social-icons li{display:inline-block}.home-scroll-btn{bottom:400px}}@media (max-width: 480px){.avatar-img{width:250px;height:250px}.avatar-info .my-name{font-size:var(--h3-font-size)}.avatar-info .what-i-do{font-size:var(--small-font-size);margin-bottom:20px}.home-scroll-btn{right:10px;top:180px}.avatar-info .hello-text{position:relative;top:5px}.hire-btn-02{font-size:.2rem;padding:0}.avatar-img img{position:absolute;width:130%;left:169px;top:3px}.ms-main-btn{width:145px;padding:17px 30px;border-radius:29px;position:relative;right:-44px}.ms-main-btn a{display:flex}.home-social{position:absolute;left:-39px;top:400px;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center}.social-icons li{display:inline-block}.home-scroll-btn{bottom:218px}}.about-img{position:relative;width:35%;display:flex;justify-content:center;align-items:center;pointer-events:none;bottom:50px}.about-img img{width:100%;border-radius:15px}.about-details{width:65%;display:flex;justify-content:center;flex-direction:column;position:relative;bottom:10px}.about-info .iam{color:var(--color-02);font-size:var(--h4-font-size);font-weight:var(--font-semi-bold);margin-bottom:30px}.about-discription{font-size:var(--base-font-size);font-weight:var(--font-regular);line-height:25px}.pro-list{position:relative;max-width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));column-gap:10px;row-gap:12px;margin:38px 0}.pro-card{background:var(--card-bg);display:flex;justify-content:center;align-items:center;column-gap:10px;padding:35px 25px;text-align:left;border-radius:5px}.pro-card span{color:var(--primary-color);font-size:2.75rem;font-weight:var(--font-bold)}.pro-card p{color:var(--color-02);font-size:var(--tiny-font-size);font-weight:var(--font-regular);line-height:20px;max-width:100px}.about-buttons{display:flex;flex-wrap:wrap;column-gap:20px;row-gap:25px}@media screen and (max-width: 1200px){.ms-container{max-width:100%;margin-left:50px;margin-right:50px}.section-content{column-gap:0;flex-direction:column;row-gap:50px}.about-img{width:375px}.about-details{width:unset}.about-info{display:grid;place-items:center}.about-discription{max-width:700px}.about-buttons{width:100%;justify-content:center}.section-title h3{position:relative;top:-10px}.section-title p{position:relative;top:-5px}.ms-main-btn{position:relative;right:-2px}.about-img{width:239px}@media (max-width: 480px){.about-img{width:239px}}}.resume-tab{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:30px;margin-bottom:100px}.resume-tab .tab-btn{display:flex;justify-content:center;align-items:center;gap:5px;color:var(--color-01);font-size:var(--medium-font-size);font-weight:var(--font-medium);padding:12px 15px;border-radius:25px;cursor:pointer;transition:.3s}.resume-tab .tab-btn.active{color:#fff;background:var(--primary-color)}.resume-tab-content{display:none;flex-direction:column;align-items:center;width:100%;min-height:400px;margin-bottom:25px}.resume-tab-content.active{display:flex}.resume-line{background:var(--primary-color);width:2px;min-height:250px;height:30px;position:relative}.resume-items{position:absolute;display:flex;justify-content:center;align-items:center;flex-direction:column;row-gap:125px;min-height:250px}.resume-items .items{position:relative;display:flex;justify-content:center;align-items:center}.resume-items .items:before{content:"";position:absolute;background:var(--primary-color);width:15px;height:15px;border-radius:50%}.resume-items .items .info{position:absolute;width:250px;display:flex;align-items:center;gap:25px}.resume-items .items-left .info{right:35px}.resume-items .items-right .info{left:50px}.resume-items .items .info i{color:var(--primary-color);font-size:2.15rem}.resume-items .items .info h5{color:var(--color-02);font-size:var(--h5-font-size);font-weight:var(--font-semi-bold);word-wrap:break-word;max-width:220px}.resume-items .items .info p{color:var(--color-04);font-size:var(--small-font-size);word-wrap:break-word;max-width:220px;position:relative;top:5px}.resume-tab-content .resume-items .info span{background-color:#84b0f5;padding:5px 10px;border-radius:5px;font-weight:500;position:relative;top:19px;color:#0b0d13}.skills .resume-tab-content{display:flex;flex-direction:column;align-items:center;width:100%;margin-bottom:25px}.skills .resume-line{display:none}.skills-container{display:flex;position:relative;flex-wrap:wrap;justify-content:center;gap:30px;width:100%;margin-top:1px;bottom:35px}.skills-box{background:var(--card-bg);padding:20px;border-radius:12px;width:100%;max-width:320px;box-shadow:0 6px 12px #0000004d;transition:transform .3s,box-shadow .3s}.skills-box:hover{transform:translateY(-5px);box-shadow:0 8px 15px #0006}.skills-box h3{color:var(--h3-color);font-size:18px;display:flex;align-items:center;gap:12px;margin-bottom:2px}.skills-box h3 i{background:#ffffff1a;padding:10px;border-radius:50%;font-size:20px;color:#cbcbed}.skills-box ul{list-style:none;padding:0}.skills-box li{display:flex;justify-content:space-between;align-items:center;color:var(--color-02);font-size:14px;padding:8px 0}.skills-box span{background:#454563;color:#fff;font-size:12px;padding:4px 8px;border-radius:5px}.skill-progress{width:100%;background:#2e2e3f;height:5px;border-radius:5px;position:relative;margin-top:6px}.skill-progress .progress-bar{height:100%;border-radius:5px;background:#a6a6ce;transition:width .5s ease-in-out}@media screen and (max-width: 768px){.resume-items .items .info{width:185px;column-gap:15px}.resume-items .items-left .info{right:25px}.resume-items .items-right .info{left:25px}.resume-items .items .info i{display:none}.service-container{grid-template-columns:repeat(1,1fr);row-gap:30px}}.service-container{display:grid;position:relative;place-items:center;grid-template-columns:repeat(auto-fit,minmax(275px,1fr));gap:30px;padding:20px;top:30px;width:100%}.service-card{position:relative;background:var(--card-bg);width:100%;height:280px;max-width:320px;min-height:250px;padding:40px;border-bottom:5px solid var(--primary-color);border-radius:12px;cursor:pointer;text-align:center;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.service-icon{color:var(--primary-color);font-size:clamp(2.5rem,4vw,4.15rem)}.service-info h4{color:var(--color-02);font-size:clamp(1rem,2.5vw,var(--h4-font-size));font-weight:var(--font-semi-bold);max-width:180px;margin-top:15px;margin-bottom:20px;text-align:center}.service-modal-backdrop{z-index:var(--z-overlay);position:fixed;background:var(--modal-backdrop-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);top:0;left:0;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;overflow-y:auto;display:none;opacity:0;transition:opacity .3s ease}.service-modal-backdrop.active{opacity:1;transition:opacity .5s ease}.service-modal{position:relative;background:var(--color-03);width:100%;max-width:825px;height:auto;margin:50px 20px;padding:40px;border-radius:15px;border-bottom:5px solid var(--primary-color);overflow:hidden;transform:scale(0);opacity:0;transition:transform .5s,opacity .5s}.service-modal.active{transform:scale(1);opacity:1;transition:transform .5s,opacity .5s}.modal-close-btn{position:absolute;color:var(--color-01);font-size:1.3rem;top:10px;right:10px;cursor:pointer;transition:.3s}.modal-close-btn:hover{color:var(--hover-color)}.modal-content{display:flex;flex-direction:column;gap:20px;max-height:60vh;margin-top:30px;padding:10px;overflow-y:auto}.my-services li{display:flex;align-items:center;gap:10px;margin-bottom:8px}.my-services li i{color:var(--primary-color);font-size:1.2rem}.my-services li p{margin:0;font-size:1rem;color:var(--color-02)}@media (max-width: 768px){.service-container{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;padding:15px}.service-card{min-height:220px;padding:30px}.service-modal{width:95%;padding:25px}.modal-content{max-height:50vh}.service-card{min-height:213px;padding:70px}}@media (max-width: 768px){.portfolio-container{display:flex;flex-direction:column;align-items:center}.portfolio-card{width:90%;margin-bottom:20px}}.portfolio-tabs{position:relative;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:15px;margin-bottom:50px;top:20px}.portfolio-tabs .tab-btn{color:var(--color-01);font-size:var(--medium-font-size);font-weight:var(--font-medium);padding:12px 20px;border-radius:25px;cursor:pointer;transition:.3s ease-in-out;border:2px solid transparent}.portfolio-tabs .tab-btn:hover{color:var(--hover-color)}.portfolio-tabs .tab-btn.active{color:#fff;background:var(--primary-color);padding:12px 25px}.portfolio-tabs .tab-btn.active:hover{color:var(--white-color);background:var(--hover-color)}.portfolio-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;justify-content:center}.portfolio-card{position:relative;background:var(--card-bg);width:100%;max-width:350px;border-radius:10px;cursor:pointer;overflow:hidden;transition:transform .3s ease-in-out,opacity .3s}.portfolio-card:hover{transform:translateY(-5px)}.portfolio-card .card-img img{width:100%;display:block}.portfolio-card .card-info{padding:15px;text-align:left}.portfolio-card .card-info span{color:var(--color-04);font-size:var(--tiny-font-size);font-weight:var(--font-regular);text-transform:uppercase}.portfolio-card .card-info h4{color:var(--color-02);font-size:var(--medium-font-size);font-weight:var(--font-medium);margin-top:5px}.portfolio-card .card-info i{position:absolute;right:15px;bottom:15px;color:var(--primary-color);font-size:1.7rem;transform:scale(0);transition:.3s}.portfolio-card:hover .card-info i{transform:scale(1)}.portfolio-container .card-with-modal{transition:opacity .3s ease,transform .3s ease;opacity:1;transform:scale(1);visibility:visible;position:relative}.portfolio-container .card-with-modal.hidden{opacity:0;transform:scale(.9);visibility:hidden;position:absolute}.card-link .card-btn{position:absolute;right:15px;bottom:15px;color:var(--primary-color);font-size:1.7rem;transform:scale(0);transition:transform .3s}.portfolio-card:hover .card-link .card-btn{transform:scale(1)}@media (max-width: 1024px){.portfolio-container{grid-template-columns:repeat(2,1fr);gap:20px}}@media (max-width: 768px){.portfolio-tabs{flex-wrap:wrap;justify-content:center;gap:10px}.portfolio-container{grid-template-columns:1fr}.portfolio-card{max-width:100%}}.portfolio-container{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;justify-content:center}@media (max-width: 1024px){.portfolio-container{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.portfolio-container{grid-template-columns:1fr}}.contact-container{position:relative;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:40px;padding-bottom:100px}.contact-info h3{color:var(--color-02);font-size:var(--base-font-size);font-weight:var(--medium-font-size);text-transform:uppercase;margin-bottom:30px}.contact-details{display:flex;flex-direction:column;gap:40px;margin-bottom:40px}.contact-item{display:flex;align-items:center;gap:20px}.contact-icon{color:var(--primary-color);font-size:2rem;background:var(--card-bg);width:70px;height:70px;display:flex;justify-content:center;align-items:center;border-radius:10px}.contact-method{display:flex;flex-direction:column;gap:5px}.contact-method span{font-size:var(--tiny-font-size);text-transform:uppercase}.contact-method h4{color:var(--color-02);font-size:var(--base-font-size);font-weight:var(--medium-font-size)}.contact-method a{color:var(--primary-color);transition:.3s}.contact-method a:hover{color:var(--hover-color)}.contact-social-links{display:flex;gap:20px}.contact-social-links li{font-size:1.5rem;background:var(--card-bg);width:55px;height:55px;display:flex;justify-content:center;align-items:center;border-radius:50%;cursor:pointer}.contact-social-links li a{color:var(--primary-color);transition:.3s}.contact-social-links li:hover a{color:#fff}.contact-form-container{position:relative;background:var(--card-bg);width:100%;max-width:500px;padding:25px;border-radius:20px}.contact-form-container h2{color:var(--color-02);font-size:calc(var(--h2-font-size) - 4px);font-weight:var(--font-bold);text-transform:uppercase;margin-bottom:15px}.contact-form-container h2 span{color:var(--primary-color)}.contact-form-container p{font-size:var(--tiny-font-size);margin-bottom:15px}.contact-form-container form{display:flex;flex-direction:column;gap:8px}.contact-form-container form .input-group input,.contact-form-container form .input-group textarea{font-size:var(--tiny-font-size);background:hsl(var(--hue) 54% 74% / .1);width:100%;border:none;outline:none;padding:8px 12px;border-radius:8px;color:var(--color-02)}.contact-form-container form .input-group textarea{height:85px;resize:none}.submit-btn{padding:8px 16px;font-size:var(--tiny-font-size)}.contact-form-alert{display:none;color:#fefffe;font-weight:700;align-items:center;gap:5px}.contact-form-body form .send-message{display:flex;justify-content:space-between;align-items:center}.contact-form-body .input-group button{font-size:var(--small-font-size);font-weight:var(--font-medium);width:180px;padding:14px 28px;transition:.3s}.contact-form-alert span{color:var(--color-02);font-size:var(--tiny-font-size);font-weight:var(--font-regular)}.contact-form-alert i{color:var(--primary-color);font-size:1.2rem}.ms-footer{background:var(--footer-bg);padding-top:100px;padding-bottom:100px}.ms-footer .ms-container .inner{display:flex;justify-content:center;align-items:center;flex-direction:column;row-gap:40px}.footer-menu{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;column-gap:22px;row-gap:22px}.footer-menu .menu-item a{color:var(--color-01);font-size:--tiny-font-size;font-weight:var(--font-medium);text-transform:uppercase;padding:3px 12px;border-radius:15px;transition:.3s}.footer-menu .menu-item a:hover{color:var(--color-03);background:var(--color-01)}.ms-footer .copy-right{color:var(--color-04);font-size:var(--small-font-size);margin-top:10px}.ms-footer .copy-right a:hover{color:var(--color-01)}@media screen and (max-widht:1600px){.cursor{display:none}.ms-container{max-width:1075px}}@media screen and(max-width:1200px){.ms-container{max-width:100%;margin-left:50px;margin-right:50px}.section-content{display:flex;justify-content:center;align-items:center;column-gap:0;flex-direction:column;row-gap:50px}}@media (max-width: 480px){.lets-talk-btn .chat-icon{position:relative;left:61px}.hire-btn-02{display:none}.resume-items .items .info h5{max-width:131px}}@media screen and (max-width: 480px){.resume-items .items-left .info{right:11px}.avatar-info .text-content{position:relative;top:6px}}@media screen and (max-width: 480px){.resume-items .items .info{width:151px;column-gap:15px}}@media screen and (max-width: 480px){.avatar-info .text-content{position:relative!important;top:-8px!important}}@media screen and (max-width: 780px){.avatar-info .text-content{position:relative;top:-88px}.home-social{position:absolute;left:-33px}}.chat-icon{width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:18px;transition:all .3s ease;margin-left:8px;cursor:pointer}.theme-btn .moon-icon{background-color:#1e1e1e;color:#f5f5f5}.theme-btn .sun-icon{display:none}.theme-btn.active .sun-icon{display:inline-flex;background-color:#f5f5f5;color:#052668}.theme-btn.active .moon-icon{display:none}.chat-icon:hover{transform:scale(1.1);box-shadow:0 0 5px #0000001a}