*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{font-family:Montserrat,system-ui,Avenir,Helvetica,Arial,sans-serif;--first-color: #0e2431;--second-color: #483AA0;--third-color: #777;--hover-color: #614fd0;--body-bg-color: #fefefe;--card-bg-color: #fff;--modal-bg-color: #fff;--bg-transparent-color: rgba(0, 0, 0, .1);--bg-transparent-color-01: rgba(0, 0, 0, .1);--bg-transparent-color-02: rgba(106, 89, 209, .1);--liner-color: #d7d7d7;--color-filter: invert(1);--box-shadow: 0px 0px 20px rgb(0 0 0 / 10%);--small-font-size: 14px;--normal-font-size: 16px;--scroll-bar-color: #c5cadf;--scroll-thumb-color: #70768a;--scroll-thumb-hover-color: #454f6b}.dark-theme{--first-color: #ffffff;--second-color: #6a59d1;--third-color: #a9afc3;--body-bg-color: #0e1b31;--card-bg-color: #132347;--modal-bg-color: #102048;--bg-transparent-color: rgba(255, 255, 255, .1);--bg-transparent-color-01: rgba(255, 255, 255, .1);--liner-color: #454f6b;--color-filter: invert(0);--scroll-bar-color: #c1ceff;--scroll-thumb-color: #282f4e;--scroll-thumb-hover-color: #454f6b}ul{list-style:none}a{text-decoration:none;color:inherit}button{background:transparent;border:none;outline:none;cursor:pointer}img{display:block;max-width:100%}html{font-family:Poppins,sans-serif;scroll-behavior:smooth;font-size:16px;max-width:100%;overflow-x:hidden;min-height:100vh}body{min-height:100vh;color:var(--first-color);background:var(--body-bg-color);overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column;max-width:100%}.container{max-width:1250px;width:100%;margin:0 auto;padding:0 15px}.scrollToTop{position:fixed;right:0;bottom:40px;width:45px;height:45px;background:var(--second-color);color:#fff;font-size:var(--small-font-size);border-radius:3px;cursor:pointer;z-index:-1;box-shadow:var(--box-shadow);opacity:0;visibility:hidden;transition:.3s linear}.scrollToTop.flex-center{display:flex;justify-content:center;align-items:center}.scrollToTop.active{z-index:10;opacity:1;visibility:visible;right:20px}::-webkit-scrollbar{width:10px;background:var(--scroll-bar-color)}::-webkit-scrollbar-thumb{background:var(--scroll-thumb-color)}::-webkit-scrollbar-thumb:hover{border-radius:20px;background:var(--scroll-thumb-hover-color)}.inner-info-link:hover{background:var(--hover-color)}.inner-info-link{max-width:188px;background:var(--second-color);color:#fff;font-size:var(--normal-font-size);font-weight:500;display:flex;align-items:center;justify-content:space-between;margin-top:25px;padding:20px;letter-spacing:1px;border-radius:10px;transition:all .3s}.inner-info-link--download{display:flex;gap:10px;font-size:14px;padding:16px;max-width:fit-content}main{flex:1}.section{position:relative;width:100%;margin:0 auto;padding:40px 0 20px}.flex-center{display:flex;flex-direction:column;align-items:center}@media (max-width: 480px){.scrollToTop.active{bottom:60px}}@media (max-width: 390px){.inner-title{font-size:48px}}.header{position:fixed;z-index:20;top:0;left:0;width:100%;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:.6s linear}.header .logo{color:var(--first-color);font-weight:600}.header-wrapper{display:flex;justify-content:space-between;align-items:center;transition:.4s linear;padding:18px 0}.nav{flex:1;display:flex;justify-content:center}.nav-link{font-weight:500;color:var(--first-color);font-size:var(--normal-font-size);transition:all .3s;cursor:pointer}.nav-link.active,.nav-link:hover{color:var(--second-color)}.nav-menu-btn{display:none}@media (max-width: 980px){.nav-menu-btn{display:block;position:relative;z-index:5;width:40px;height:40px;cursor:pointer;transition:.3s linear}.nav-menu-btn>svg{font-size:40px}.nav{position:fixed;width:100%;height:100vh;top:0;left:0;align-items:center;background:var(--bg-transparent-color-01);visibility:hidden;opacity:0;z-index:-1;transition:.3s linear}.nav.active{z-index:3;opacity:1;visibility:visible}.nav-menu{position:relative;flex-direction:column;align-items:center;max-width:600px;width:100%;margin:20px;padding:40px;background:var(--modal-bg-color);border-radius:10px;transform:translateY(-50%);transition:.3s linear}.nav-menu.active{transform:translateY(0)}.nav-menu li{text-align:center}}.nav{display:flex;flex:1;justify-content:center}.nav-menu{display:flex;gap:50px}.footer{position:relative;width:100%;margin:0 auto;padding:60px 0 20px;background:var(--second-color);color:#fff}.footer-wrapper{display:flex;justify-content:space-between}.about-group h2{font-size:35px;font-weight:600;opacity:.8;background:linear-gradient(to top,transparent 0%,#fff 50%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.about-group p{font-size:var(--normal-font-size);font-weight:300;margin-bottom:30px}.info-group,.follow-group{display:flex;align-items:center;flex-direction:column}.info-group h3,.follow-group h3{font-size:18px;font-weight:500;margin-bottom:30px}.info-group ul,.follow-group ul{display:flex;gap:30px}.info-group li{cursor:pointer}.info-group a{text-transform:uppercase;padding:10px}.follow-group a{font-size:24px;padding:10px}.footer-copyright{font-size:var(--normal-font-size);font-weight:300;text-align:center;margin-top:30px;padding:0 15px}@media (max-width: 980px){.footer-wrapper{flex-direction:column;gap:15px}.about-group{text-align:center}.hr{border:1px solid var(--liner-color);width:60%;margin:0 auto}}@media (max-width: 450px){.about-group{text-align:left}.info-group,.follow-group{align-items:flex-start}.info-group ul,.follow-group ul{flex-direction:column;align-items:flex-start;gap:20px}.hr{width:100%}.follow-group .follow-group-list{flex-direction:row;justify-content:flex-start;align-items:center;gap:16px}}.follow-group-item a{transition:all .3s}.follow-group-item a:hover{color:#ffffffd9}.home{padding:80px 0;min-height:100vh}.home-wrapper{display:flex;justify-content:space-between;align-items:center;gap:60px}.media-icons{display:flex;flex-direction:column;gap:10px}.media-icons a{color:var(--second-color);font-size:32px;transition:all .3s}.media-icons a:hover{color:var(--hover-color)}.home-info h1{font-size:60px;font-weight:600;line-height:1.2}.home-info h3{color:var(--third-color);font-size:20px;font-weight:600;line-height:2}.home-info p{font-size:var(--normal-font-size);columns:var(--third-color);max-width:352px;width:100%}.home-info-link svg{border-radius:50%;color:#fff;font-size:20px}.home-img img{width:90%}.scroll-down{display:block;margin:20px auto;width:120px;text-align:center;color:var(--first-color);font-size:var(--normal-font-size);font-weight:500;padding-left:10px}.scroll-down svg{display:block;margin:0 auto;color:var(--second-color);font-size:18px;animation:arrow-down ease 2s infinite}@keyframes arrow-down{0%{transform:translateY(0)}30%{transform:translateY(10px)}}@media (max-width: 1070px){.home-info h1{font-size:45px}.home-wrapper{flex-direction:column;align-items:center}.home-img{order:1}.home-img img{margin:0 auto}.home-info{order:2}.media-icons{order:3;flex-direction:row;gap:40px}}.about-wrapper{display:flex;align-items:center;gap:40px}.about-img{max-width:500px;width:100%}.about-img img{border-radius:10px}.about-info{max-width:600px;width:100%}.description h3{font-size:32px;font-weight:600;margin-bottom:10px}.description h4{font-size:20px;font-weight:600;margin-bottom:10px}.description h4 span{color:var(--second-color)}.description p{color:var(--third-color);font-size:var(--normal-font-size);margin-bottom:15px;padding-bottom:15px;border-bottom:2px solid var(--liner-color)}.professional-list{display:flex;column-gap:30px}.professional-list .list-item{display:flex;justify-content:center;align-items:center;column-gap:15px;margin-bottom:20px}.list-item .number{font-size:40px;font-weight:700}.list-item .text{color:var(--third-color);font-size:var(--small-font-size)}@media (max-width: 1070px){.about-wrapper{flex-wrap:wrap;justify-content:center}.professional-list{flex-wrap:wrap}}.inner-title{font-size:60px;font-weight:800;margin-bottom:20px;background:linear-gradient(to top,transparent 0%,var(--first-color) 70%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;opacity:.1;position:relative}.inner-second-title{position:relative;top:-55px;font-size:25px;font-weight:700}.inner-second-title:before{content:"";position:absolute;width:70px;height:5px;right:50%;bottom:0;transform:translate(50%);background:var(--second-color)}.contact-wrapper{display:flex;justify-content:space-between;width:100%;gap:50px;padding-bottom:50px}.contact-left{max-width:418px;width:100%}.contact-left h2{font-size:32px;font-weight:800;margin-bottom:40px}.contact-list li{margin-bottom:40px}.contact-list h3{font-size:22px;font-weight:600;margin-bottom:10px}.contact-list h3 svg{color:var(--second-color);font-size:30px;margin-right:10px}.contact-list span{color:var(--third-color);margin-left:10px}.contact-list a{display:inline-block;color:var(--third-color)}.contact-right{max-width:536px;width:100%}.contact-right p{font-size:27px;margin-bottom:30px;color:var(--third-color)}.contact-right p span{display:block;font-weight:700;color:var(--first-color)}.contact-form input,.contact-form textarea{border:2px solid transparent;outline:none;margin-bottom:20px;padding:15px 40px 40px 20px;border-radius:5px;color:var(--first-color);background:var(--bg-transparent-color-02);font-size:var(--normal-font-size);transition:.3s linear}.first-row input{width:100%}.second-row{display:flex;justify-content:space-between}.contact-form textarea{width:100%;resize:none}.contact-form input:focus,.contact-form textarea:focus,.contact-form input:active,.contact-form textarea:active{border:2px solid #614fd0}@media (max-width: 980px){.contact-wrapper{justify-content:center;flex-wrap:wrap}}@media (max-width: 768px){.second-row{flex-direction:column;align-items:center}.second-row input{width:100%}}.portfolio-wrapper{width:100%;display:flex;justify-content:center;gap:10px!important;flex-wrap:wrap}.portfolio-img-card{min-width:300px;width:33.3%}.portfolio-img-card .img-card{position:relative;max-width:100%;height:360px;border-radius:10px;overflow:hidden;cursor:pointer;box-shadow:var(--box-shadow)}.portfolio-img-card .overlay{position:absolute;z-index:10;width:100%;height:100%;background:transparent;transition:background .7s ease}.portfolio-img-card .img-card:hover .overlay{background:#0000004d}.portfolio-img-card .info{position:absolute;z-index:5;bottom:0;left:0;margin:20px;color:#fff;opacity:0;transform:translateY(20px);transition:opacity .5s,transform .5s}.portfolio-img-card .img-card img{width:100%;height:100%;object-fit:cover}.portfolio-img-card:hover .info{transform:translateY(0);opacity:1}.img-card h3{font-size:32px}.img-card span{font-size:22px}.portfolio-slider-wrapper{display:flex;align-items:center;justify-content:center;position:relative;max-width:1100px;width:100%;margin:0 auto}.custom-slider{display:flex;gap:20px;overflow:hidden}.custom-arrow{font-size:60px;background:transparent;border:none;color:var(--second-color);cursor:pointer;transition:.3s ease;padding:10px;z-index:10}.custom-arrow:disabled{opacity:.3;cursor:default}.custom-slider{overflow:hidden;width:100%;position:relative}.slider-track{display:flex;transition:transform .5s ease-in-out;will-change:transform}.slider-item{flex-shrink:0;padding:0 10px;box-sizing:border-box}@media (max-width: 1024px){.portfolio-img-card .info{opacity:1!important;transform:translateY(0)!important}}.services-container{flex:1 1 calc(25% - 20px);max-width:320px;display:flex;justify-content:center}.service-card{width:100%;max-width:320px}.services-description{font-size:30px;margin-bottom:30px}.services-list{display:flex;width:100%;max-width:1000px;margin:0 auto;gap:20px;justify-content:center;flex-wrap:wrap}.services-list .service-card{background:var(--card-bg-color);border-bottom:3 px solid var(--second-color);padding:30px 25px;min-height:270px;border-radius:6px;box-shadow:var(--box-shadow);display:flex;flex-direction:column;justify-content:space-between;max-width:265px;width:100%;cursor:pointer}.service-card>.services-icon{color:var(--second-color);font-size:48px;margin-bottom:20px;transition:.3s linear}.service-card h3{font-size:24px;font-weight:700;line-height:1.3;margin-bottom:20px}.learn-more-btn{color:var(--third-color);display:flex;align-items:end;justify-content:flex-start;gap:5px}.service-modal{position:fixed;z-index:1000;width:100%;height:100vh;padding:20px;top:0;left:0;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-transparent-color);visibility:hidden;opacity:0;transition:opacity .3s ease}.service-modal.active{visibility:visible;opacity:1;pointer-events:all}.service-modal-body{max-width:600px;position:relative;padding:40px;border-radius:10px;box-shadow:var(--box-shadow);background:var(--modal-bg-color);transform:translateY(-50px);transition:.5s linear}.service-modal.active .service-modal-body{transform:translateY(0)}.service-modal-body>.modal-close-btn{position:absolute;top:0;right:0;margin:20px;cursor:pointer;z-index:2}.service-modal-body h3{font-size:30px}.service-modal-body h4{font-size:20px;font-weight:600;margin:15px 0 10px}.service-modal-body li{display:flex;color:var(--second-color);margin-top:15px;gap:10px;align-items:center}@media (max-width: 1023px){.services-container{flex:1 1 calc(50% - 20px);max-width:100%}}@media (max-width: 767px){.services-container{flex:1 1 100%;max-width:100%}}.skills .inner-content{padding-bottom:50px}.skills-description{max-width:700px;width:100%;margin-bottom:50px}.skills-description h3{font-size:30px;margin-bottom:5px}.skills-description p{font-size:var(--normal-font-size)}.skills-info{max-width:100%;display:flex;justify-content:center;flex-wrap:wrap;gap:21px;margin-bottom:20px}.skills-info>div,.education{min-width:320px;width:32%}.education .label{color:#fff;font-weight:400;padding:5px 15px;font-size:15px;border-radius:5px;background:var(--second-color);display:inline-block;transition:all .3s}.label:hover{background-color:var(--hover-color)}.sub-description{font-size:13px;margin-top:12px;color:var(--third-color);font-style:italic}.education-list .item{padding:20px;margin-top:15px;border-radius:6px;background:var(--card-bg-color);box-shadow:var(--box-shadow);border-bottom:3px solid var(--second-color);transition:.3s linear}.education-list .year{margin-bottom:10px;font-size:var(--small-font-size);color:var(--first-color);font-weight:500;display:block}.education-list p{color:var(--third-color)}.education .bar{background:var(--card-bg-color);box-shadow:var(--box-shadow);margin-top:15px;padding:18px;border-radius:6px;transition:.3s linear}.education .info{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px;text-transform:uppercase;font-size:var(--small-font-size)}.info span{font-weight:500}.bar .line{position:relative;width:100%;height:7px;border-radius:2px;background:#c5cadf}.bar .line:before{content:"";position:absolute;height:100%;top:0;left:0;background:var(--second-color);border-radius:2px}.bar .html:before{width:95%}.bar .css:before{width:85%}.bar .javascript:before{width:85%}.bar .jquery:before{width:80%}.bar .php:before{width:75%}.work-exp{width:100%;max-width:100%}.work-exp .work-exp-title{font-size:30px;margin-bottom:50px}.work-exp .experience-card{background:var(--card-bg-color);border-bottom:3px solid var(--second-color);box-shadow:var(--box-shadow);border-radius:6px;min-width:320px;width:32%;padding:35px;transition:.3s linear}.upper h3{font-size:22px;font-weight:700}.upper h5{font-weight:500;font-style:italic;font-size:var(--small-font-size)}.upper span{color:var(--third-color)}.experience-card .upper{min-height:100px}.experience-card .hr{width:100%;height:2px;margin:10px 0 22px;background:var(--liner-color)}.experience-card p{margin-top:22px}.experience-card:hover,.education-list .item:hover,.bar:hover{transform:scale(1.03)}.scrollToTop{position:fixed;right:-60px;bottom:20px;width:45px;height:45px;background:var(--second-color);border:1px solid white;color:#fff;font-size:var(--small-font-size);border-radius:3px;cursor:pointer;z-index:-1;box-shadow:var(--box-shadow);opacity:0;visibility:hidden;transition:.3s linear}.scrollToTop.flex-center{justify-content:center}.scrollToTop.active{z-index:10;opacity:1;visibility:visible}.them-btn{position:fixed;z-index:11;right:0;top:150px;background:var(--bg-transparent-color-01);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:50px;height:50px;font-size:20px;border-radius:5px 0 0 5px;box-shadow:var(--box-shadow);cursor:pointer;display:flex;justify-content:center;align-items:center}