@import "https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap";html{scroll-behavior:smooth}*{box-sizing:border-box;margin:0;padding:0;font-family:Roboto,sans-serif}a{color:#1c1e53;text-decoration:none;transition:color .3s}a:hover{color:#5e3bee!important}h5{font-size:20px}li{list-style:none}nav{background-color:#fff;justify-content:space-between;align-items:center;height:80px;padding:0 85px;display:flex;position:sticky;top:0;box-shadow:0 5px 80px #0000001a}nav .logo,footer .logo{align-items:center;display:flex}nav .logo a,footer .logo a{margin-left:8px;font-size:20px;font-weight:700}nav .logo img,footer .logo img{width:80px;height:80px}nav ul,footer .top ul{gap:40px;display:flex}nav button{color:#1c1e53;cursor:pointer;background-color:#0000;border:1px solid #1c1e53;border-radius:5px;padding:12px 16px;transition:all .3s}nav button:hover{color:#fff;background-color:#5e3bee;border-color:#5e3bee}nav button#menuButton{justify-content:center;align-items:center;padding:7px;font-size:24px;display:none}.main{background-color:#deebee;justify-content:space-between;align-items:center;gap:40px;padding:90px 85px;display:flex}.main .left{flex-direction:column;align-items:start;display:flex}.main .left h3{margin-top:10px;font-size:46px;font-weight:700}.main .left h3 span{color:#5e3bee}.main .left p{color:#1c1e53;margin-top:20px;font-size:22px}.main .left button{color:#fff;cursor:pointer;background-color:#5e3bee;border:1px solid #0000;border-radius:5px;margin-top:40px;padding:14px 24px}.main .right img{width:500px}.skills{padding:110px 85px 0}.skills h3,.about .right h3,.portfolio .header h3,.expertise .header h3,.feedback h3{margin-top:20px;font-size:40px}.about .right li{margin-top:10px;line-height:22px;list-style:disc}.about .right p{margin-bottom:10px;line-height:22px}.about .right hr{margin-top:20px}.skills .skill-items{gap:30px;margin-top:70px;display:flex}.skills .skill-items .item{cursor:pointer;background-color:#deebee;border-bottom:4px solid #0000;border-radius:10px;width:25%;padding:32px;transition:all .3s}.skills .skill-items .item:hover{border-color:#5e3bee}.skills .skill-items .category{flex-direction:column;gap:50px;margin-top:40px;display:flex}.skills .skill-items .category .category-head{justify-content:flex-start;align-items:center;gap:10px;display:flex}.skills .skill-items .category .category-head img{width:60px}.skills .skill-items .category .subcategory li{margin-bottom:15px}.skills .skill-items .category .subcategory li:hover{color:#5e3bee}.skills .skill-items .item .icon{background-color:#fff;border-radius:10px;justify-content:center;align-items:center;width:46px;height:46px;margin-bottom:22px;display:flex;box-shadow:0 0 16px #0000001a}.skills .skill-items .item .icon i{color:#006b6a;font-size:26px}.skills .skill-items .item h4,.portfolio .portfo-items .item .info h4{font-size:18px}.skills .skill-items .item p{color:#1c1e53;margin-top:20px;font-size:14px;line-height:22px}.about{align-items:center;gap:60px;padding:110px;display:flex}.about .left{background-color:#deebee;border-radius:10px 10px 0 0}.about .left img{width:440px}.about .right p{margin-top:30px;font-size:16px}.portfolio{background-color:#deebee;padding:110px 85px}.portfolio .header{justify-content:space-between;align-items:center;margin-bottom:60px;display:flex}.portfolio .header button{color:#fff;cursor:pointer;background-color:red;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;display:flex}.portfolio .header button i{font-size:26px}.portfolio .portfo-items{justify-content:space-between;align-items:center;display:flex}.portfolio .portfo-items .item{cursor:pointer;background-color:#fff;border-bottom:4px solid #0000;border-radius:10px;width:30%;transition:all .3s;box-shadow:0 5px 32px #00000026}.portfolio .portfo-items .item:hover{border-color:#5e3bee}.portfolio .portfo-items .item img{object-fit:cover;object-position:top;border-radius:10px 10px 20px 20px;width:100%;height:240px}.portfolio .portfo-items .item .info{flex-direction:column;gap:14px;padding:20px 32px 42px;display:flex}.portfolio .portfo-items .item .info p{font-size:13px}.portfolio .portfo-items .item .info a{text-underline-offset:10px;-webkit-text-decoration:underline #5e3bee;text-decoration:underline #5e3bee}.portfolio .portfo-items .item .info a i{margin-left:2px;font-size:16px}.expertise{background-color:#fff;padding:110px 85px}.expertise .header{justify-content:space-between;align-items:center;margin-bottom:60px;display:flex}.expertise .expertise-items{flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.expertise .expertise-items .item{cursor:pointer;background-color:#fff;border-bottom:4px solid #0000;border-radius:10px;width:23%;margin-bottom:40px;transition:all .3s;box-shadow:0 5px 32px #00000026}.expertise .expertise-items .item img{object-fit:cover;object-position:top;border-radius:10px 10px 20px 20px;width:100%;height:240px}.expertise .expertise .item:hover{border-color:#5e3bee}.expertise .expertise-items .item .info{flex-direction:column;gap:14px;padding:20px 32px;display:flex}.expertise .expertise-items .item .info p{font-size:13px}.expertise .expertise-items .item .info a{text-underline-offset:10px;-webkit-text-decoration:underline #5e3bee;text-decoration:underline #5e3bee}.expertise .expertise-items .item .info a i{margin-left:2px;font-size:16px}.feedback{padding:110px 85px}.feedback .customers{gap:40px;margin-top:50px;display:flex}.feedback .customers .item{cursor:pointer;border:2px solid #006b6a;border-radius:10px;flex-direction:column;gap:20px;padding:30px;transition:all .3s;display:flex}.feedback .customers .item .rating{color:#006b6a;font-size:22px}.feedback .customers .item:hover{border-color:#5e3bee}.feedback .customers .item p{font-size:14px;line-height:22px}.feedback .customers .item .user{align-items:center;gap:10px;display:flex}.feedback .customers .item .user img{object-fit:cover;border-radius:50%;width:40px;height:40px}.feedback .customers .item .user h5{margin-bottom:3px;font-size:13px;font-weight:500}.feedback .customers .item .user p{font-size:12px}footer{background-color:#deebee;flex-direction:column;padding:85px;display:flex}footer .top,footer .bottom{justify-content:space-between;align-items:center;display:flex}footer .top .social-links{align-items:center;gap:10px;font-size:22px;display:flex}footer .separator{background-color:#282938;width:100%;height:1px;margin:30px 0 20px}footer .bottom p{font-size:12px}footer .bottom .links a{margin-left:14px;font-size:12px}@media screen and (width<=1200px){.main .left h5{font-size:18px}.main .left h3{font-size:36px}.main .left p{font-size:18px}.main .right img{width:380px}.skills .skill-items{flex-wrap:wrap;justify-content:space-between;gap:10px}.skills .skill-items .item{width:49%}.skills .skill-items .item .subcategory li{padding:10px}.skills .skill-items .item .subcategory li:hover{color:#5e3bee}.about .left img{width:370px}.skills h3,.about .right h3,.portfolio .header h3,.feedback h3{font-size:32px}.about .right p{font-size:15px}.feedback .customers .item .rating{font-size:20px}.feedback .customers .item p{font-size:13px}footer .top ul{gap:20px}}@media screen and (width<=992px){nav button{display:none}nav ul{gap:20px}nav ul li a{font-size:15px}.main{flex-direction:column}.about{flex-direction:column;justify-content:center}.portfolio .portfo-items{flex-wrap:wrap;justify-content:center;gap:22px}.portfolio .portfo-items .item{width:48%}.expertise .expertise-items{flex-wrap:wrap;justify-content:center;gap:22px}.expertise .expertise-items .item{width:100%}.skills h3,.about .right h3,.portfolio .header h3,.expertise .header h3,.feedback h3{margin-top:20px;font-size:35px}.feedback .customers{flex-wrap:wrap;justify-content:center;gap:14px}.feedback .customers .item{width:48%}footer .top ul{display:none}}@media screen and (width<=768px){nav{justify-content:space-between;padding:0 42px}nav ul,nav.open .logo{display:none}nav.open ul,nav button#menuButton{display:flex}.main{padding:42px}.skills{padding:85px 42px 0}.skills .skill-items{gap:8px}.about{padding:85px 42px}.portfolio{padding:60px 42px}.portfolio .portfo-items{gap:18px}.expertise{padding:60px 42px}.expertise .expertise-items{gap:18px}.feedback{padding:85px 42px}.careers .jobs{width:100%}footer{padding:85px 42px}footer .bottom{flex-direction:column-reverse;gap:14px}footer .bottom .links{display:none}}@media screen and (width<=576px){nav ul li a{font-size:13px}nav ul{gap:15px}nav .logo a{font-size:18px}.main .left h3{font-size:32px}.main .left p{font-size:16px}.main .left button,.skills .skill-items .item{width:100%}.portfolio .header button{padding:8px 14px;font-size:12px}.portfolio .portfo-items .item{width:95%}.expertise .expertise .item{width:80%}.expertise .expertise .item img,.feedback .customers .item,.careers .jobs{width:100%}}
/*# sourceMappingURL=index.9eb88f46.css.map */
