.app{height:110vh}.app .sections{background-color:#708090;height:calc(100% - 80px);position:relative;scroll-behavior:smooth;scroll-snap-type:y mandatory;scrollbar-width:none;top:70px;width:200%}.app .sections::-webkit-scrollbar{display:none}.app .sections>*{height:calc(100% - 70px);scroll-snap-align:start;width:100vw}.topbar{background-color:#fff;color:#1f787c;height:78px;overflow:hidden;position:fixed;top:0;transition:all 1s ease;width:100%;z-index:3}.topbar .wrapper{justify-content:space-between;padding:10px 30px}.topbar .wrapper,.topbar .wrapper .left{align-items:center;display:flex}.topbar .wrapper .left .logo{color:inherit;font-size:40px;font-weight:700;margin-right:40px;text-decoration:none}.topbar .wrapper .left .itemContainer{align-items:center;display:flex;margin-right:30px}@media(max-width:768px){.topbar .wrapper .left .itemContainer{display:none}}.topbar .wrapper .left .itemContainer .lottie-container{height:2.1vw;margin-right:10px;width:2.1vw}@media(max-width:768px){.topbar .wrapper .left .itemContainer .lottie-container{display:none}}.topbar .wrapper .left .itemContainer .email-container{align-items:center;display:flex;width:200px}.topbar .wrapper .left .itemContainer span{font-size:15px;font-weight:500}@media(max-width:768px){.topbar .wrapper .left .itemContainer span{display:none}}.topbar .right .hamburger{cursor:pointer;display:flex;flex-direction:column;height:25px;justify-content:space-between;width:32px}.topbar .right .hamburger span{background-color:#1f787c;height:3px;-webkit-transform-origin:left;transform-origin:left;transition:all 2s ease;width:99%}.topbar.active{background-color:#1f787c;color:#f2eeee}.topbar.active span{color:#f2eeee}.topbar.active .hamburger span:first-child{background-color:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.topbar.active .hamburger span:nth-child(2){opacity:0}.topbar.active .hamburger span:last-child{background-color:#fff;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.works{align-items:center;background-color:crimson;display:flex;justify-content:center;position:relative}@media(max-width:768px){.works{background:#020024;background:radial-gradient(circle,#020024 0,#2c0979 55%,#00d4ff 100%)}}.works .arrow{height:50px;position:absolute}@media(max-width:768px){.works .arrow{display:none}}.works .arrow.left{cursor:pointer;left:100px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.works .arrow.right{right:100px}.works .slider{display:flex;height:350px;left:0;position:absolute;transition:all 1s ease-in-out}@media(max-width:768px){.works .slider{flex-direction:column;height:100vh;justify-content:center}}.works .slider .container{align-items:center;display:flex;justify-content:center;width:100vw}.works .slider .container .item{align-items:center;background-color:#fff;border-radius:20px;display:flex;height:100%;justify-content:center;width:700px}@media(max-width:768px){.works .slider .container .item{height:170px;margin:10px 0;width:90%}}.works .slider .container .item .left{align-items:center;display:flex;flex:5 1;flex-direction:column;height:100%;justify-content:center;overflow:hidden}.works .slider .container .item .left .leftContainer{display:flex;flex-direction:column;height:70%;justify-content:space-evenly;width:90%}.works .slider .container .item .left .leftContainer h2{color:#000;font-size:24px;height:35%;overflow:hidden}@media(max-width:768px){.works .slider .container .item .left .leftContainer h2{font-size:13px;padding:10px}}.works .slider .container .item .left .leftContainer p{color:#000;height:100%}@media(max-width:768px){.works .slider .container .item .left .leftContainer p{font-size:8px;overflow:hidden;padding:1px}}.works .slider .container .item .left .leftContainer span{font-size:14px;font-weight:700;height:20%;overflow:hidden;text-decoration:underline}.works .slider .container .item .left .leftContainer .imgContainer{align-items:center;background-color:#aee;border-radius:100%;display:flex;height:100%;justify-content:center;overflow:hidden;width:25%}@media(max-width:768px){.works .slider .container .item .left .leftContainer .imgContainer{height:170%;width:30%}}.works .slider .container .item .left .leftContainer .imgContainer img{height:35px;width:35px}.works .slider .container .item .right{align-items:center;display:flex;flex:7 1;height:100%;justify-content:center;overflow:hidden}.works .slider .container .item .right img{-webkit-transform:rotate(-10deg);transform:rotate(-10deg);width:400px}.contact{background-color:#fafafa;display:flex}@media(max-width:768px){.contact{flex-direction:column}}.contact .left{flex:1 1;overflow:hidden}.contact .left img{height:100%}.contact .right{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center}.contact .right h2{font-size:30px}.contact .right form{align-items:center;display:flex;flex-direction:column;height:70%;justify-content:space-around;width:70%}.contact .right form input{font-size:14px;height:30px;width:300px}@media(max-width:768px){.contact .right form input{width:200px}}.contact .right form textarea{font-size:14px;height:200px;width:300px}@media(max-width:768px){.contact .right form textarea{height:100px;width:200px}}.contact .right form button{width:100px}@media(max-width:768px){.contact .right form button{width:80px}}.contact .right form span{color:green}.contact .footer{align-items:center;background:#020024;background:radial-gradient(circle,#020024 0,#790969 47%,#00d4ff 100%);display:flex;flex-direction:column;justify-content:center;padding:20px;text-align:center}@media(max-width:768px){.contact .footer{height:60px;width:100%}}.contact .footer .made-by{color:#b0a9a9;font-weight:700;margin-bottom:8px}@media(max-width:768px){.contact .footer .made-by{align-items:center;display:flex;justify-content:center}}.contact .footer .year{color:#b0a9a9}.popup-notification{-webkit-animation:slideIn .2s ease-in-out;animation:slideIn .2s ease-in-out;background:#008b8b;background:radial-gradient(circle,#008b8b 0,#5f615f 100%);border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.2);padding:10px;position:fixed;right:20px;top:20px;transition:background-color .3s ease;z-index:9999}.popup-content{align-items:center;color:#fff;display:flex}.close-button{background:none;border:none;color:#fff;cursor:pointer;font-size:20px;margin-left:auto}@-webkit-keyframes slideIn{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideIn{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.testimonials{align-items:center;background-color:#fff;background-image:url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTxkcraerLU3OiI-munJ1Zgnl0pmYmgvw6TbQ&usqp=CAU);display:flex;flex-direction:column}@media(max-width:768px){.testimonials{background-image:none;background:#eeaeca;background:radial-gradient(circle,#eeaeca 0,#94bbe9 100%);justify-content:space-around;overflow:hidden}}.testimonials h1{font-size:50px}@media(max-width:768px){.testimonials h1{font-size:20px;overflow:hidden}}.testimonials .container{align-items:center;display:flex;height:80%;justify-content:center;width:100%}@media(max-width:768px){.testimonials .container{flex-direction:column;height:100%;overflow:hidden}}.testimonials .container .card{background-color:#16160d;background:linear-gradient(135deg,#f02fc2,#6094ea);background:linear-gradient(5deg,#e3e3e3,#5d6874);border-radius:10px;box-shadow:0 0 15px -8px #000;display:flex;flex-direction:column;height:70%;justify-content:space-around;padding:20px;transition:all 1s ease;width:250px}@media(max-width:768px){.testimonials .container .card{height:180px;margin:10px 0;overflow:hidden}}.testimonials .container .card.featured{height:75%;margin:0 30px;width:300px}@media(max-width:768px){.testimonials .container .card.featured{height:180px;margin:1px;overflow:hidden;width:250px}}.testimonials .container .card:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.testimonials .container .card .top{align-items:center;display:flex;justify-content:center}.testimonials .container .card .top img.left,.testimonials .container .card .top img.right{height:25px;z-index:2}@media(max-width:768px){.testimonials .container .card .top img.left,.testimonials .container .card .top img.right{height:15px;overflow:hidden;width:15px}}.testimonials .container .card .top img.user{border-radius:50%;height:60px;margin:0 30px;object-fit:cover;width:60px}@media(max-width:768px){.testimonials .container .card .top img.user{height:25px;overflow:hidden;width:25px}}.testimonials .container .card .center{background-color:#faf4f5;border-radius:10px;padding:10px}@media(max-width:768px){.testimonials .container .card .center{font-size:10px;overflow:hidden;padding:2.6px}}.testimonials .container .card .bottom{align-items:center;display:flex;flex-direction:column;justify-content:center}.testimonials .container .card .bottom h3{margin-bottom:5px}@media(max-width:768px){.testimonials .container .card .bottom h3{font-size:12px;overflow:hidden;padding:3px}}.testimonials .container .card .bottom h4{color:#797373}@media(max-width:768px){.testimonials .container .card .bottom h4{font-size:10px;overflow:hidden;padding:3px}}.intro{background-color:#fff;display:flex}@media(max-width:768px){.intro{align-items:center;flex-direction:column}}.intro .left{flex:.5 1;overflow:hidden}.intro .left .imgContainer{align-items:flex-end;background-color:crimson;border-radius:70%;display:flex;flex-direction:row;float:right;height:700px;justify-content:center;overflow:hidden;width:700px}@media(max-width:768px){.intro .left .imgContainer{align-items:start;margin-top:10px}}.intro .left .imgContainer img{height:99%;margin-left:10%;margin-top:20%}@media(max-width:768px){.intro .left .imgContainer img{height:50%;margin-left:0;margin-top:10%}}.intro .right{flex:.5 1;position:relative}.intro .wrapper{display:flex;flex-direction:column;height:100%;justify-content:center;padding-left:50px;width:100%}@media(max-width:768px){.intro .wrapper{align-items:center;padding-left:0}}.intro h1{font-size:60px;margin:10px 0}@media(max-width:768px){.intro h1{font-size:40px}}.intro h2{font-size:35px}.intro h3{font-size:30px;margin-bottom:0}@media(max-width:768px){.intro h3{font-size:20px}}.intro h3 span{color:crimson;font-size:inherit}.intro .arrow-link{bottom:20px;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.intro .arrow-img{-webkit-animation:arrowBlink 2s infinite;animation:arrowBlink 2s infinite;width:30px}@-webkit-keyframes arrowBlink{to{opacity:0}}@keyframes arrowBlink{to{opacity:0}}.portfolio{align-items:center;background-color:#fff;background-image:url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAkGBwgHBgkIBwgKCgkLDRYPDQwMDRsUFRAWIB0iIiAdHx8kKDQsJCYxJx8fLT0tMTU3Ojo6Iys/RD84QzQ5OjcBCgoKDQwNGg8PGjclHyU3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3N//AABEIAIYAswMBIgACEQEDEQH/xAAaAAADAQEBAQAAAAAAAAAAAAABAgMABAUH/8QAJBAAAgMAAgICAwADAAAAAAAAAAECESEDEjFBUWETInEEMpH/xAAYAQEBAQEBAAAAAAAAAAAAAAABAgADBP/EABsRAQEBAQEBAQEAAAAAAAAAAAABEQIhEkEx/9oADAMBAAIRAxEAPwD67NKqSJOL9IpKaEc/g9c1gSV3IXklgre+QSeFyM5+Sek3IPJ5I3rR35nhPj0SboCxi8kipAnJpsbjSTJeSkJUdLCpJZYoz5Ki7rcIpuyZGWixicGO5Uag/alQO1CwfaVD9CfIw9m0BDqGYFQdhsZksHQ6hQ1HO9EiVlIrAJFEqJtDGCYnWaSB4QbA1hmI98CybSHSBKqKjOaaISWnTPwc83R25JZOjnm7ZWUrRM68wE2x+O78CsaDfoqlTkjawnG9XtD9/kMKbxayf5GNCO6accH6NUFwsjQnCNOzqhpKMHZ0QVEdVhjCg0M/AlnP0yadaN1Eiyikgp+TQjujSpxxAi8Fk8I/TOU/3+TA0xasUug2I3oQchbSRGch2LKNjGRnI5+TfR1OBHkgztzYXK0bqX/GBxOn0znaDFaO42HqOsDiNxLf4Olho48JtZfBlRO8Ggcqx/Y68GjGx3GibVSIuW+TJ2CS/YZJR8ivDpqgXbwD8Cwu6BUisW18hcjCcmK0TnpkNaMRr+mKw/LoaCEKVkPKm0wFGTeazRg6iTQ/5E0SlLS5qsK1osojdvoeKTVsrcGOVxdlOHii1b0Zq5JlYxpUhvRkRnFLwiVOzo5F/wBEjFml8OBFPyy/Gr9CqN4WhHrHCeqqQ0WomlK0asEZC5C/r7YyaElHbGiqFWGYqSvClYI0EaMCStIZaVjx5prcKVGLfjj8mD6OkUhlJHL2wMJfI3l5sdHJKk2iEmn5YzaaJTTQyGQGkvAobCk2WcJF0/6U8GUWjOXybQeFNjuiXVvUh4JsmsEleGUGlZeEN0dwdeCb1io50iiWB/D7GiuoWqDrSJzSRZq0ScdCUyFQQ0FFLKneGaGeC9gbBh5OhLCHHskzqrssJ7FpU/4EUxIeZN0jQd0POFmhGmenZiMPFO7NKfVaNGVYR5rbRM9pkBzUn+pWLVHPCJXjT7KyrGq6Vh/FfodKkVgricbUWJRjSoDj+xXq0Ujx9t8E3rGxLji0tHcvopJKKpE34DdVIRuzBMK8a6RORQWasYUrCBrTFKBsVpN6F6zJCT8dnRGTSIQWovWHPpFDDAoxg45WCx3VE/DO0SZLRZoeCbKfjug3Gc8EViqVlVxRXrQ0l6sL1p1Du7On/Gk/F4S5OKtih/8AHuL8B1lhuY6+umeBjKxZ2cEBJ3hO6GYhcVB9AMYS10K5IWbZKUipDIMpCqQthirZeLw68hqgpDUTaNCPmiqxCJFEiamtf0YJiQ46FcR5C9mjsMPwq3ReeRJcWOysqaOd/oJ29mq9AvgZDWHtSND5EkaLvDYcWU6ZRztHMUX+pFjYLYDGEsBhM0Yk8iOJSg0OnUHAaECnU1MdbWSoI1YbrpOjQihkinHCkNJEXpNqdGHoBtGvOYKsxj0rW416+h5YjGOf6gn2MnWmMJJJsHG3aZjDnilKKIxiKGMYwMaKAwmAFCYxlMFIJjMaMTL7AYlC8F+q+zOJjEII07MYxSn/2Q==);background-size:cover;display:flex;flex-direction:column;overflow:hidden}.portfolio h1{font-size:50px;overflow:hidden}@media(max-width:768px){.portfolio h1{font-size:20px;padding:10px}}.portfolio ul{display:flex;list-style:none;margin:10px;overflow:hidden;padding:0}@media(max-width:768px){.portfolio ul{flex-wrap:wrap;justify-content:center;padding:40px}}.portfolio ul li{border-radius:10px;cursor:pointer;font-size:14px;font-weight:500;margin-right:50px;overflow:hidden;padding:7px}@media(max-width:768px){.portfolio ul li{margin-right:1px;padding:10px}}.portfolio ul li.active{background-color:#1f787c;color:#fff}.portfolio .container{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;width:70%}@media(max-width:768px){.portfolio .container{height:100%;width:100%}}.portfolio .container .item{align-items:center;border:1px solid #e0ffff;border-radius:20px;color:#fff;cursor:pointer;display:flex;height:150px;justify-content:center;margin:10px 20px;overflow:hidden;position:relative;transition:all .8s ease;width:220px}.portfolio .container .item h3{font-size:20px;position:absolute}.portfolio .container .item img{object-fit:cover;z-index:1}.portfolio .container .item:hover{background-color:#1f787c}.portfolio .container .item:hover img{opacity:.5;z-index:0}.portfolioList{border-radius:5px;cursor:pointer;list-style:none;padding:10px;transition:background-color .3s}.portfolioList:hover{background-color:#f5f5f5}.portfolioList.active{background-color:#007bff;color:#fff}.menu{align-items:center;background-color:#1f787c;display:flex;flex-direction:column;height:100vh;justify-content:center;position:fixed;right:-300px;transition:right .4s ease-in-out;width:300px;z-index:2}.menu.active{right:0}.menu ul{color:#fff;font-size:30px;font-weight:300;list-style:none;margin:0;padding:0}.menu ul li{margin-bottom:15px}.menu ul li a{color:inherit;font-size:inherit;text-decoration:none}.menu ul li:hover{font-weight:500}
/*# sourceMappingURL=main.366cbc30.css.map*/