@font-face{font-family:Centra;src:url(/assets/font/CentraNo2-Bold.ttf);font-weight:700}@font-face{font-family:Centra;src:url(/assets/font/CentraNo2-Medium.ttf);font-weight:500}@font-face{font-family:Centra;src:url(/assets/font/CentraNo2-Book.ttf);font-weight:400}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:75px}body{font-weight:400;position:relative;overflow-x:hidden;color:#fff!important;background-color:#121212!important;font-family:Centra,sans-serif!important}h1,h2,h3,h4,h5,h6{margin:0;padding:0;line-height:normal}p,a,li,button,ul{margin:0;padding:0;line-height:normal;text-decoration:none}a:hover{text-decoration:none}img{width:100%;height:auto}button{background-color:#0000;border:0}input:focus,textarea:focus,select:focus{outline:none}@media (min-width:1700px){main.container{max-width:100%;padding:0 150px}}p.success{color:green}p.danger{color:red}nav.navbar{z-index:1;background:0 0;width:100%;padding:8px 0;transition:all .32s ease-in-out;top:0}nav.navbar.scrolled{background-color:#121212;padding:0}nav.navbar a.navbar-brand{width:9%}nav.navbar .navbar-nav .nav-link.navbar-link{letter-spacing:.8px;opacity:.75;padding:0 25px;font-size:18px;font-weight:400;color:#fff!important}nav.navbar .navbar-nav a.nav-link.navbar-link:hover,nav.navbar .navbar-nav a.nav-link.navbar-link.active{opacity:1}span.navbar-text{align-items:center;display:flex}.social-icon{margin-left:14px;display:inline-block}.social-icon a{background:#d9d9d91a;border:1px solid #ffffff80;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;margin-right:6px;line-height:1;display:inline-flex;position:relative}.social-icon a:before{content:"";z-index:0;background-color:#fff;border-radius:50%;width:42px;height:42px;transition:all .3s ease-in-out;position:absolute;transform:scale(0)}.social-icon a:hover:before{transform:scale(1)}.social-icon a img{z-index:1;width:100%;transition:all .3s ease-in-out}.social-icon a:hover img{filter:brightness(0)saturate()invert(0%)sepia(7%)saturate(98%)hue-rotate(346deg)brightness(95%)contrast(86%)}.navbar-text button{color:#fff;background-color:#0000;border:1px solid #fff;margin-left:18px;padding:12px 30px;font-size:18px;font-weight:700;transition:all .3s ease-in-out;position:relative}.navbar-text button span{z-index:1}.navbar-text button:before{content:"";z-index:-1;background-color:#fff;width:0%;height:100%;transition:all .3s ease-in-out;position:absolute;top:0;left:0}.navbar-text button:hover{color:#121212}.navbar-text button:hover:before{content:"";width:100%;height:100%;position:absolute}nav.navbar .navbar-toggler:active,nav.navbar .navbar-toggler:focus{box-shadow:none;outline:none}nav.navbar .navbar-toggler-icon{background-image:none;border-bottom:2px solid #fff;width:24px;height:17px;transition:all .3s linear;position:relative;top:-2px}nav.navbar .navbar-toggler-icon:focus{border-bottom:2px solid #fff}nav.navbar .navbar-toggler-icon:after,nav.navbar .navbar-toggler-icon:before{content:"";z-index:2;background-color:#fff;width:24px;height:2px;transition:all .3s linear;position:absolute;top:0;left:0}nav.navbar .navbar-toggler-icon:after{top:8px}nav.navbar .navbar-toggler[aria-expanded=true] .navbar-toggler-icon:after{background-color:#fff;height:2px;transform:rotate(45deg)}nav.navbar .navbar-toggler[aria-expanded=true] .navbar-toggler-icon:before{background-color:#fff;height:2px;transform:translateY(8px)rotate(-45deg)}nav.navbar .navbar-toggler[aria-expanded=true] .navbar-toggler-icon{border-color:#0000}.banner{background-image:url(/assets/img/banner-bg.png);background-position:top;background-repeat:no-repeat;background-size:cover;margin-top:0;padding:100px 0}.banner h1{letter-spacing:.8px;white-space:nowrap;font-size:65px;font-weight:700;line-height:1.1;display:block}.banner p{color:#b8b8b8;letter-spacing:.8px;width:96%;font-size:18px;line-height:1.5em}.banner button{color:#fff;letter-spacing:.8px;align-items:center;margin-top:60px;font-size:20px;font-weight:700;display:flex}.banner button svg{margin-left:10px;font-size:25px;line-height:1;transition:all .3s ease-in-out}.banner button:hover svg{margin-left:25px}.banner img{animation:3s linear infinite updown}@keyframes updown{0%{transform:translateY(-10px)}50%{transform:translateY(10px)}to{transform:translateY(-10px)}}.float{animation:4s ease-in-out infinite float;position:relative}.txt-rotate{height:75px;margin-top:20px;display:inline-block;overflow:hidden}.txt-rotate>.wrap{border-right:.08em solid #666;height:75px;line-height:75px;display:inline-block}.skill{background-image:url(/assets/img/color-sharp.png);background-position:50%;background-repeat:no-repeat;background-size:cover;padding:0 0 50px;position:relative}.skill-bx{text-align:center;background:#151515cc;border-radius:64px;margin-top:-60px;padding:60px 50px}.skill h2{font-size:45px;font-weight:700}.skill p{color:#b8b8b8;letter-spacing:.8px;margin:14px 0 75px;font-size:18px;line-height:1.5em}.skill-slider{z-index:1;width:80%;margin:0 auto;position:relative}.skill-slider .item img{width:50%;margin:0 auto 15px}.background-image-left{display:none}.custom-left-arrow,.custom-right-arrow{z-index:2;background-color:#00000023;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.custom-left-arrow{left:-1px}.custom-right-arrow{right:-1px}.custom-left-arrow:before,.custom-right-arrow:before{content:"";border-top:2px solid #fff;border-right:2px solid #fff;width:10px;height:10px;display:inline-block}.custom-left-arrow:before{transform:rotate(-135deg)}.custom-right-arrow:before{transform:rotate(45deg)}.project{background-image:url(/assets/img/color-sharp.png);background-position:50%;background-repeat:no-repeat;background-size:cover;padding:80px 0 120px;position:relative}.project h2{text-align:center;margin-bottom:20px;font-size:45px;font-weight:700}.project p{color:#b8b8b8;letter-spacing:.8px;text-align:center;width:70%;margin:0 auto 50px;font-size:16px;line-height:1.5em}.project-card-container{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:30px;width:100%;display:flex}.project-card{background:#1f1d1d;border-radius:18px;flex-direction:column;width:calc(33.333% - 20px);max-width:340px;height:480px;transition:all .3s ease-in-out;display:flex;position:relative;overflow:hidden}.project-card-image{position:relative;overflow:hidden}.project-card-image img{object-fit:cover;width:100%;height:200px;transition:transform .5s}.project-card:hover .overlay{opacity:1}.project-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0006}.project-card:hover img{transform:scale(1.1)}.project-info{text-align:left;flex-direction:column;flex-grow:1;align-items:flex-start;padding:20px;display:flex}.title-section{text-align:center;width:100%;margin-bottom:12px}.project-info h4{color:#fff;text-align:center;margin:0;font-size:1.1rem;font-weight:700}.project-info p.description{color:#d1d1d1;-webkit-line-clamp:3;-webkit-box-orient:vertical;width:100%;margin:12px 0;font-size:.8rem;line-height:1.6;display:-webkit-box;overflow:hidden;text-align:left!important}.project-info .date{color:#ffffff80;margin-bottom:10px;font-size:.75rem;text-align:left!important}.description{color:#d1d1d1;text-align:left;-webkit-line-clamp:3;-webkit-box-orient:vertical;width:100%;min-height:3.2em;margin:10px 0 15px;font-size:.85rem;line-height:1.5;display:-webkit-box;overflow:hidden}.project-tags{flex-wrap:wrap;justify-content:flex-start;gap:6px;width:100%;margin-top:auto;padding-top:10px;display:flex}.tag-badge{white-space:nowrap;vertical-align:middle;border-radius:4px;justify-content:center;align-items:center;padding:3px 10px 2px;font-size:.8rem;font-weight:600;line-height:1.4;display:inline-flex;color:#fff!important;background-color:#48bbd7!important}.contact{background:linear-gradient(90.21deg,#201b12 -5.91%,#1f1746 111.58%);padding:60px 0 70px}.contact img{width:92%}.contact h2{margin-bottom:30px;font-size:45px;font-weight:700}.contact form input,.contact form textarea{color:#fff;letter-spacing:.8px;background:#ffffff1a;border:1px solid #ffffff80;border-radius:20px;width:100%;margin:0 0 8px;padding:18px 26px;font-size:18px;font-weight:500;transition:all .3s ease-in-out}.contact form input:focus,.contact form textarea:focus{color:#121212;background:#fff}.contact form input::placeholder,.contact form textarea::placeholder{color:#fff;font-size:16px;font-weight:400}.contact form input:focus::placeholder,.contact form textarea:focus::placeholder{color:#121212;opacity:.8}.contact form button{color:#000;background-color:#fff;border-radius:0;margin-top:25px;padding:14px 48px;font-size:18px;font-weight:700;transition:all .3s ease-in-out;position:relative}.contact form button span{z-index:1;position:relative}.contact form button:hover{color:#fff}.contact form button:before{content:"";z-index:0;background:#121212;width:0;height:100%;transition:all .3s ease-in-out;position:absolute;top:0;left:0}.contact form button:hover:before{width:100%}.date-wrapper{align-items:center;gap:10px;display:flex}.date-wrapper label{white-space:nowrap;flex:1;margin-left:17px}.date-wrapper input{color:#fff;letter-spacing:.8px;background:#ffffff1a;border:1px solid #ffffff80;border-radius:20px;flex:2;width:auto;min-width:150px;margin:0;padding:18px 26px;font-size:18px;font-weight:500;transition:all .3s ease-in-out}@media (min-width:1024px){.contact form .row{flex-wrap:wrap;display:flex}.contact form .row .col-half{flex:50%;padding:0 10px}.contact form .row .col-full{flex:100%}.project-card{width:calc(33.333% - 25px);max-width:380px;height:440px;min-height:440px}}@media (max-width:1024px){.date-wrapper{flex-direction:column;align-items:flex-start}.date-wrapper label{width:100%;margin-left:15px}.date-wrapper input{width:100%}}@media (max-width:768px){.date-wrapper{flex-direction:column;align-items:flex-start}.date-wrapper label{width:100%;margin:5px 0 5px 20px}.date-wrapper input{width:100%;margin:5px 0}.contact form .row{flex-direction:column}.contact form .row .col{width:100%;padding:0 0 8px}}.footer{text-align:center;background-image:url(/assets/img/footer-bg.png);background-position:50%;background-repeat:no-repeat;background-size:cover;padding:30px 0}.new-email-bx{z-index:0;background:#fff;border-radius:20px;align-items:center;padding:5px;display:flex;position:relative}.new-email-bx:before{content:"";z-index:-1;background:linear-gradient(90.21deg,#aa367c -5.91%,#4a2fbd 111.58%);border-radius:20px;position:absolute;inset:-1px}.new-email-bx:after{content:"";z-index:-1;background:#fff;border-radius:20px;position:absolute;inset:0}.new-email-bx input{color:#121212;background:0 0;border:0;width:100%;padding:0 15px;font-weight:500}.new-email-bx button{color:#fff;letter-spacing:.5px;background:linear-gradient(90.21deg,#aa367c -5.91%,#4a2fbd 111.58%);border-radius:18px;padding:20px 65px;font-weight:500}.footer .social-icon{margin-bottom:20px}.footer .social-icon a{margin:0 10px}.footer p{color:#b8b8b8;letter-spacing:.5px;margin:0;font-size:14px;font-weight:400}@media (max-width:768px){.navbar-brand img{width:auto;height:35px}.navbar-nav{text-align:center;align-items:center}.navbar-nav .nav-link{margin:0 5px;padding:10px 0}.navbar-text{flex-direction:column;align-items:center;margin-top:10px}.navbar-text .social-icon{margin-bottom:10px}.navbar-text .vvd{margin-left:3px;padding:9px 21px;font-size:14px}.banner{padding:60px 20px}.banner h1{margin-bottom:10px;font-size:30px;line-height:1.2}.banner p{font-size:14px}.banner button{margin-top:40px;font-size:18px}.banner button svg{font-size:20px}.txt-rotate{white-space:nowrap;height:40px;margin-top:5px;display:inline-block;overflow:hidden}.txt-rotate>.wrap{border-right:.1em solid #666;height:40px;font-size:30px;line-height:40px;display:inline-block}.skill{padding:0 20px 30px}.skill h2{font-size:25px}.skill p{margin:14px 0 50px;font-size:14px}.skill-bx{margin-top:-40px;padding:40px 30px}.project{padding:30px 20px 80px}.project h2{font-size:25px}.project p{width:100%;font-size:14px}.project .nav.nav-pills .nav-link{width:100%;padding:8px 0;font-size:9.5px}.project-card{width:100%;height:auto;min-height:320px}.project-card-container{flex-direction:column}.contact{padding:40px 20px 50px}.contact h2{margin-bottom:20px;font-size:35px}.contact form input,.contact form textarea{padding:12px 20px;font-size:16px}.contact form button{margin-top:20px;padding:10px 30px;font-size:16px}.date-wrapper{flex-direction:column;align-items:flex-start;width:100%;display:flex}.date-wrapper input{appearance:none;vertical-align:middle;display:inline-block}.date-wrapper label{width:100%;margin-bottom:5px}.footer{padding:20px}.footer p{font-size:12px}.footer .social-icon{margin-bottom:15px}.footer .social-icon a{margin:0 8px}}@media (min-width:768px) and (max-width:1024px){.banner h1{font-size:30px;line-height:1.2}.banner p{font-size:16px}.banner button{margin-top:30px;padding:8px 20px;font-size:16px}.txt-rotate{height:45px}.txt-rotate>.wrap{font-size:30px;line-height:30px}.project-card{width:calc(50% - 20px);max-width:none;height:420px}}