@font-face{font-family:Centra;src:url(/assets/centra-AIYpVZTA.ttf);font-weight:700}@font-face{font-family:Centra;src:url(/assets/centraMedium-DFNK-75V.ttf);font-weight:500}@font-face{font-family:Centra;src:url(/assets/centraBook-MfetrMAH.ttf);font-weight:400}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:75px}body{font-weight:400;overflow-x:hidden;position:relative;background-color:#121212!important;color:#fff!important;font-family:Centra,sans-serif!important}h1,h2,h3,h4,h5,h6{margin:0;padding:0;line-height:normal}.container{width:1150px;align-items:center}@media only screen and (max-width: 740px){.container,.wrapper{width:400px}}.service{width:100%;background-color:#151515;padding:25px;text-align:center;align-items:center;margin-top:70px}.service .service-bx{background:linear-gradient(to right,#c471f5 0%,#fa71cd 100%);padding:10px;font-size:14px;height:280px;margin:10px;border-radius:10px;text-align:center;color:#000}.service .service-bx:hover{transform:scale(1.1);transition:.3s}.service .service-bx img{width:70px}.service .service-bx h2{padding:8px}@media only screen and (max-width: 464px){.service .service-bx{font-size:15px}}.banner{padding:200px 15px 50px;background-image:url(background.png);background-position:top center;background-size:cover;background-repeat:no-repeat;width:100%;text-align:center;align-items:center}.banner .Banbox{width:100%;text-align:center;align-items:center}.banner .Banbox .tagline{font-weight:700;padding:8px 10px;background:linear-gradient(90.21deg,rgba(170,54,124,.5) -5.91%,rgba(74,47,188,.5));font-size:20px;margin-bottom:16px;display:inline-block}.banner .Banbox h1{font-size:25px;font-weight:700;letter-spacing:.8px;line-height:1;margin-bottom:20px;display:block}.banner p{color:#b8b8b8;font-size:18px;letter-spacing:.8px;line-height:1.5rem;width:96%}.banner button{color:#fff;font-weight:700;font-size:20px;display:flex;width:220px;align-items:center;margin-top:10px;border-radius:10px;height:60px}.banner .Banbox button a{text-decoration:none;color:#fff;font-size:20px}.banner .Banbox button svg{font-size:15px;margin-left:10px;transition:.3s ease-in-out}.banner .Banbox button:hover svg{margin-left:15px}.banner .btn{background-color:#000;border:2px solid #fff;padding:15px;font-size:18px}.banner img{animation:updown 3s linear infinite;width:300px;padding:10px}@media only screen and (max-width: 464px){.banner{padding:90px 0 70px;align-items:center;width:100%}.banner img{width:200px;text-align:center;align-items:center;animation:none}.banner p{font-size:14px;max-width:370px}.banner .tagline{max-width:370px;font-size:16px}.banner h1{max-width:370px;font-size:19px}.banner button{width:220px;height:60px}}@keyframes updown{0%{transform:translateY(-20px)}50%{transform:translateY(20px)}to{transform:translateY(-20px)}}.skill{padding:0 0 50px;position:relative;display:flex;width:100%;align-items:center}.skill-bx{background:#151515;border-radius:64px;text-align:center;align-items:center;padding:60px 50px;margin-top:-60px;width:100%}.skill h5{font-size:25px;font-weight:700}.skill p{color:#b8b8b8;font-size:15px;letter-spacing:.8px;line-height:1.5rem;margin:14px 0 25px}.item{padding:10px}.item:hover{transform:scale(1.1);transition:.3s}.item img{width:50%;margin:0 auto 15px;z-index:5}.background-image-left{top:20%;position:absolute;bottom:0;width:40%;z-index:-4}@media only screen and (max-width: 464px){.skill h5{font-size:18px;max-width:400px}.skill{width:100%}.skill-bx{border-radius:0}}.box-project{padding:20px;background:#151515;align-items:center;text-align:center;display:flex;flex-direction:column;border-radius:10px}.box-project h1{padding:15px}.box-project p{padding:20px}.box-project .tab-select{width:100%;padding:10px;color:#fff}.box-project .tab-select span{height:70px;padding:10px;background:black;width:200px}.box-project .tab-select span:hover{background-color:#151515;border:2px solid white;transition:.2s ease-in-out}.deactive{display:none}.content{height:250px;padding:5px;margin:5px;background:#121212;border-radius:5px;border:1px solid white}.content:hover{transform:scale(1.1);transition:.3s}.content img{width:100%;height:150px;border:1px solid white}.content h5{padding:10px}.content .linkBtn{outline:none;border:none;background:black;color:#fff;border-radius:10px;padding:2px;width:120px;height:50px}.content .linkBtn:hover{background:#151515;border:2px solid white;transition:.2s ease-in-out}.content .linkBtn a{text-decoration:none;color:#fff;font-weight:700}.content-box{padding:10px;margin-top:10px;width:100%}@media only screen and (max-width: 464px){.content{width:150px}.box-project{width:100%}}.contact{margin-top:40px;background:linear-gradient(to right,#c471f5 0%,#fa71cd 100%);width:100%;border-radius:15px;padding:20px;align-items:center;text-align:center}.container{width:100%}.container .form-contact{display:flex;flex-direction:column;background:black;border-radius:15px;padding:20px;width:100%;float:center}.form-contact h2{padding:15px}.form-contact .btn-contact{color:#fff;width:130px;height:30px;border-radius:7px;outline:none;border:none;background-color:purple}.form-contact .btn-contact:hover{background-color:#fff;color:#000}label{float:left;padding:10px}input[type=text],input[type=email],input[type=tel]{width:100%;height:50px;padding:10px;border-radius:10px}textarea{width:100%;height:150px;padding:20px;box-sizing:border-box;border:2px solid #ccc;border-radius:10px;background-color:#f8f8f8;resize:none}.danger{color:red}@media only screen and (max-width: 464px){.container .form-contact,.contact{width:100%}.container .image img{display:none}}.box{width:100%;background:#151515;margin-top:50px;padding:20px;align-items:center}.box .newsletter-bx{background:white;color:#000;padding:15px;width:100%;border-radius:15px;display:flex}.box .newsletter-bx .new-email-bx .btn-sub{border:1px solid black;outline:none;background-color:#fff;padding:5px;border-radius:5px}.box .newsletter-bx .new-email-bx .btn-sub input{height:30px}.box .newsletter-bx .new-email-bx .btn-sub:hover{background:black;color:#fff;transition:.2s ease-in-out}@media only screen and (max-width: 464px){.box{width:100%}}.Footer{padding:50px 15px 15px;background:#151515;width:100%;height:320px}.Footer .imo{width:26%}.Footer p{font-weight:400;font-size:14px;color:#b8b8b8;letter-spacing:.5px;margin-top:20px;float:left}.Footer .hel{padding-top:10px;padding-bottom:10px}.social-icon1{display:inline-block;margin-left:14px}.social-icon1 a{width:42px;height:42px;background:rgba(217,217,217,.1);display:inline-flex;border-radius:50%;align-items:center;justify-content:center;line-height:1;border:1px solid rgba(255,255,255,.5);margin-right:5px}.social-icon1 a:before{content:"";width:42px;height:42px;position:absolute;background-color:#fff;border-radius:50%;transform:scale(0);transition:.3s ease-in-out}.social-icon1 a:hover:before{transform:scale(1)}.social-icon1 a img{width:30%;z-index:1;transition:.3s ease-in-out}.social-icon1 line:hover img{filter:brightness(0) saturate(100%) invert(0%) sepia(7%) saturate(98%) hue-rotate(346deg)}@media only screen and (max-width: 464px){.Footer{width:100%}}.outline{width:100%;height:90px;display:flex;justify-content:center}.navi{width:100%;height:90px;background:#000;display:flex;justify-content:center;position:fixed;z-index:100000}.outlet{display:flex;justify-content:center}.navi{padding:15px;width:100%}.navigation{padding:15px;height:74px;width:100%;justify-content:space-between;top:0;right:0;left:0;display:flex;background-color:#000;color:#fff;transition:.3s;z-index:99999999}.logoWeb{height:60px;width:120px;cursor:pointer}ul{flex:1;list-style:none;text-align:center}ul li{display:inline-block;margin:10px 20px;font-size:15px;cursor:pointer;font-weight:700}ul li a{color:#fff;text-decoration:none}span.navbar-text{display:flex;align-items:center}.social-icon{display:inline-block;margin-left:14px}.social-icon a{width:42px;height:42px;background:rgba(217,217,217,.1);display:inline-flex;border-radius:50%;align-items:center;justify-content:center;line-height:1;border:1px solid rgba(255,255,255,.5);margin-right:5px}.social-icon a:before{content:"";width:42px;height:42px;position:absolute;background-color:#fff;border-radius:50%;transform:scale(0);transition:.3s ease-in-out}.social-icon a:hover:before{transform:scale(1)}.social-icon a img{width:40%;z-index:1;transition:.3s ease-in-out}.social-icon a:hover img{filter:brightness(0) saturate(100%) invert(0%) sepia(7%) saturate(98%) hue-rotate(346deg)}.navbar-text button{font-weight:700;color:#fff;border:1px solid #fff;padding:18px 34px;font-size:18px;margin-left:18px;position:relative;background-color:transparent;transition:.3s ease-in-out}.navbar-text button a{text-decoraion:none;color:#fff}.navbar-text button:before{content:"";width:0%;height:100%;position:absolute;background-color:"fff";left:0;top:0;z-index:-1;transition:.3s ease-in-out}.navbar-text button:hover{color:#121212}.navbar-text button:hover:before{content:"";width:100%;height:100%;position:absolute}.image{width:50px;padding-right:15px}.menu-trigger img{overflow:hidden;cursor:pointer}.dropdownmenu{position:absolute;top:100px;right:20px;background-color:#000;width:200px;padding:10px 20px;border-radius:15px}.dropdownmenu:before{content:"";position:absolute;top:-5px;right:20px;height:20px;width:20px;transform:rotate(45deg)}.dropdownmenu.active{visibility:visible;opacity:1;transition:.5s;transform:translateY(0)}.dropdownmenu.deactive{visibility:hidden;opacity:0;transition:.5s;transform:translateY(-20px)}h3{width:100%;text-align:center;font-size:12px;padding:20px 0;font-weight:500;line-height:1.2rem}h3 span{font-size:14px;color:gray;font-weight:400px}.dropdownmenu ul li{padding:10px 0;border-top:1px solid rgba(0,0,0,.5)}.dropdownmenu ul li:hover{cursor:pointer;color:purple}.dropdownmenu ul li:hover img{opacity:1;cursor:pointer}.dropdownitem{display:flex;margin:10px auto}.dropdownitem:hover{transform:scale(1.1);transition:.3s}.dropdownitem img{max-width:20px;margin-right:10px;obacity:.5;transition:.5s}.dropdownitem .link{font-size:15px;margin-left:10px;transition:.5s;text-decoration:none;color:#fff}.vvd{width:190px;color:#fff;text-decoration:none;border-radius:15px}.vvd:hover{background:black}.vvd a{text-decoration:none}@media only screen and (min-width: 1300px){.navigation,.outlet{width:1300px}}@media only screen and (max-width: 464px){.logoWeb{height:50px;width:90px}ul,.navbar-text button,.social-icon{display:none}.navi{width:100%}}@media only screen and (min-width: 465px){.menu-trigger,.dropdownmenu{display:none}}.skill-page{width:1600px;width:100%;padding:200px 10px 70px;align-items:center}.skill-page .pa{font-weight:500;font-size:22px;line-height:1.5;text-align:center;color:#fff;padding:10px}.skill-page h1{font-weight:700;font-size:30px;text-align:center;line-height:1.5;text-transform:capitalize;color:purple;padding:10px}.skill-page h2{font-weight:700;font-size:29px;text-align:center;line-height:1.5;text-transform:capitalize;color:#fff;padding:10px}.ex-items{padding:20px;margin-top:60px;background-color:#000;position:relative;border-radius:15px}.ex-items .ex-item{margin-top:30px;display:-webkit-box;display:-ms-flexbox;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;gap:20px}.ex-info{-webkit-box-flex:0;-ms-flex:0 0 90%;flex:0 0 90%}.ex-in{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.ex-in p{font-weight:500;font-size:16px;line-height:22px;color:#fff;opacity:1;animation:showText .5s 1s linear forwards}.ex-bar{margin-top:7px;height:10px;width:90%;background-color:#cdcdcd;border-radius:50px;position:relative}.ex-bar span{-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;transform-origin:left;-webkit-animation:animate 1s cubic-bezier(1,0,.5,1) forwards;height:100%;border-radius:50px;position:absolute;background-color:purple;transition:1s all}.ex-bar span.animate{-webkit-animation:animate 1.5s .5s cubic-bezier(1,0,.5,1) forwards;animation:animate 1s cubic-bezier(1,0,.5,1) forwards}@-webkit-keyframes showText{to{opacity:1}}@keyframes showText{to{opacity:1}}@keyframes animate{to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@-webkit-keyframes animate{to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@media only screen and (max-width: 464px){.skill-page,.ex-bar{width:100%}.ex-info{-ms-flex:0 0 100%;flex:0 0 100%}}@media only screen and (min-width: 464px) and (max-width: 1600px){.skill-page{width:100%}}