.hero{align-items:center;background:url(./hero-bg.DP_h3F8G.png) no-repeat;background-size:cover;display:flex;min-height:100vh;padding:80px 0 60px;position:relative;width:100%}.hero h1{font-size:48px;font-weight:700;line-height:56px;margin:0}.hero p{color:color-mix(in srgb,var(--default-color),transparent 30%);font-size:20px;font-weight:400;margin:5px 0 30px}.hero .btn-get-started{align-items:center;background:var(--accent-color);border-radius:4px;box-shadow:0 8px 28px #0000001a;color:var(--contrast-color);display:flex;font-family:var(--heading-font);font-size:16px;font-weight:500;justify-content:center;letter-spacing:1px;padding:12px 40px;transition:.5s}.hero .btn-get-started i{font-size:18px;margin-left:5px;transition:.3s}.hero .btn-get-started:hover{background:color-mix(in srgb,var(--accent-color),transparent 15%);box-shadow:0 8px 28px #0000001a;color:var(--contrast-color)}.hero .btn-get-started:hover i{transform:translate(5px)}.hero .btn-watch-video{color:var(--default-color);font-size:16px;font-weight:600;transition:.5s}.hero .btn-watch-video i{font-size:32px;line-height:0;margin-right:8px;transition:.3s}.hero .btn-watch-video i,.hero .btn-watch-video:hover{color:var(--accent-color)}.hero .btn-watch-video:hover i{color:color-mix(in srgb,var(--accent-color),transparent 15%)}.hero .animated{animation:up-down 2s ease-in-out infinite alternate-reverse both}@media (max-width:640px){.hero h1{font-size:28px;line-height:36px}.hero p{font-size:18px;line-height:24px;margin-bottom:30px}}@keyframes up-down{0%{transform:translateY(10px)}to{transform:translateY(-10px)}}.about .content{background-color:color-mix(in srgb,var(--accent-color),transparent 95%);padding:40px}.about .content h3{color:var(--accent-color);font-size:14px;font-weight:700;text-transform:uppercase}.about .content h2{font-size:24px;font-weight:700}.about .content p{line-height:24px;margin:15px 0 30px}.about .content .btn-read-more{background:var(--accent-color);border-radius:4px;box-shadow:0 5px 25px #0000001a;color:var(--contrast-color);line-height:0;padding:15px 40px;transition:.5s}.about .content .btn-read-more span{font-family:var(--default-font);font-size:16px;font-weight:600;letter-spacing:1px}.about .content .btn-read-more i{font-size:18px;margin-left:5px;transition:.3s}.about .content .btn-read-more:hover i{transform:translate(5px)}.values .card{background-color:var(--surface-color);border:0;box-shadow:0 0 10px #0000001a;color:var(--default-color);height:100%;padding:30px;text-align:center;transition:.3s}.values .card img{padding:30px 50px;transform:scale(1.1);transition:.5s}.values .card h3{font-size:24px;font-weight:700;margin-bottom:18px}.values .card:hover{box-shadow:0 0 30px #0000001a}.values .card:hover img{transform:scale(1)}.stats .stats-item{background-color:var(--surface-color);box-shadow:0 0 30px #0000001a;padding:30px}.stats .stats-item i{color:var(--accent-color);font-size:42px;line-height:0;margin-right:20px}.stats .stats-item span{color:var(--heading-color);display:block;font-size:36px;font-weight:600}.stats .stats-item p{font-family:var(--heading-font);font-size:16px;margin:0;padding:0}.features .feature-box{box-shadow:0 0 30px #0000001a;height:100%;padding:24px 20px;transition:.3s}.features .feature-box h3{font-size:18px;font-weight:700;margin:0}.features .feature-box i{background:color-mix(in srgb,var(--accent-color),transparent 92%);border-radius:3px;color:var(--accent-color);font-size:24px;line-height:0;margin-right:10px;padding:4px;transition:.3s}.features .feature-box:hover i{background:var(--accent-color);color:var(--contrast-color)}.services .service-item{background-color:var(--surface-color);border-radius:5px;box-shadow:0 0 30px #0000001a;height:100%;padding:60px 30px;text-align:center;transition:.3s}.services .service-item .icon{border-radius:4px;display:inline-block;font-size:36px;line-height:0;margin-bottom:25px;padding:20px;position:relative;transition:.3s}.services .service-item h3{font-size:24px;font-weight:700}.services .service-item .read-more{align-items:center;display:inline-flex;font-size:16px;font-weight:600;justify-content:center;padding:8px 20px}.services .service-item .read-more i{font-size:18px;line-height:0;margin-left:5px}.services .service-item.item-cyan{border-bottom:3px solid #0dcaf0}.services .service-item.item-cyan .icon{background:#0dcaf01a;color:#0dcaf0}.services .service-item.item-cyan .read-more{color:#0dcaf0}.services .service-item.item-cyan:hover{background:#0dcaf0}.services .service-item.item-orange{border-bottom:3px solid #fd7e14}.services .service-item.item-orange .icon{background:#fd7e141a;color:#fd7e14}.services .service-item.item-orange .read-more{color:#fd7e14}.services .service-item.item-orange:hover{background:#fd7e14}.services .service-item.item-teal{border-bottom:3px solid #20c997}.services .service-item.item-teal .icon{background:#20c9971a;color:#20c997}.services .service-item.item-teal .read-more{color:#20c997}.services .service-item.item-teal:hover{background:#20c997}.services .service-item.item-red{border-bottom:3px solid #df1529}.services .service-item.item-red .icon{background:#df15041a;color:#df1529}.services .service-item.item-red .read-more{color:#df1529}.services .service-item.item-red:hover{background:#df1529}.services .service-item.item-indigo{border-bottom:3px solid #6610f2}.services .service-item.item-indigo .icon{background:#6610f21a;color:#6610f2}.services .service-item.item-indigo .read-more{color:#6610f2}.services .service-item.item-indigo:hover{background:#6610f2}.services .service-item.item-pink{border-bottom:3px solid #f3268c}.services .service-item.item-pink .icon{background:#f3268c1a;color:#f3268c}.services .service-item.item-pink .read-more{color:#f3268c}.services .service-item.item-pink:hover{background:#f3268c}.services .service-item:hover .read-more,.services .service-item:hover h3,.services .service-item:hover p{color:#fff}.services .service-item:hover .icon{background:#fff}.alt-features .icon-box{display:flex}.alt-features .icon-box h4{font-size:20px;font-weight:700;margin:0 0 10px}.alt-features .icon-box i{color:var(--accent-color);font-size:44px;line-height:44px;margin-right:15px}.alt-features .icon-box p{color:color-mix(in srgb,var(--default-color),transparent 30%);font-size:15px;margin-bottom:0}.pricing .pricing-tem{background-color:var(--surface-color);border-radius:4px;box-shadow:0 0 30px #0000001a;height:100%;overflow:hidden;padding:40px 20px;position:relative;text-align:center;transition:.3s}@media (min-width:1200px){.pricing .pricing-tem:hover{box-shadow:0 0 30px #0000001a;transform:scale(1.1)}}.pricing h3{font-size:18px;font-weight:700;margin-bottom:15px}.pricing .price{color:var(--heading-color);font-family:var(--heading-font);font-size:36px;font-weight:600}.pricing .price sup{font-size:20px;left:-3px;top:-15px}.pricing .price span{color:color-mix(in srgb,var(--default-color),transparent 50%);font-size:16px;font-weight:300}.pricing .icon{padding:20px 0}.pricing .icon i{font-size:48px}.pricing ul{color:var(--default-color);font-size:16px;line-height:26px;list-style:none;margin-bottom:25px;padding:0;text-align:center}.pricing ul li{padding-bottom:10px}.pricing ul .na{color:color-mix(in srgb,var(--default-color),transparent 70%);text-decoration:line-through}.pricing .btn-buy{border:1px solid var(--accent-color);border-radius:50px;color:var(--accent-color);display:inline-block;font-family:var(--heading-font);font-size:16px;font-weight:400;font-weight:600;padding:8px 40px 10px;transition:none;transition:.3s}.pricing .btn-buy:hover,.pricing .featured{background:var(--accent-color);color:var(--contrast-color)}.pricing .featured{font-size:14px;padding:1px 0 3px;position:absolute;right:-68px;top:18px;transform:rotate(45deg);width:200px;z-index:1}.faq .faq-container .faq-item{border-bottom:1px solid color-mix(in srgb,var(--default-color),transparent 85%);overflow:hidden;padding:20px 0;position:relative}.faq .faq-container .faq-item:last-child{margin-bottom:0}.faq .faq-container .faq-item h3{align-items:center;cursor:pointer;display:flex;font-size:16px;font-weight:600;line-height:24px;margin:0 30px 0 0;transition:.3s}.faq .faq-container .faq-item h3 .num{color:var(--accent-color);padding-right:5px}.faq .faq-container .faq-item h3:hover{color:var(--accent-color)}.faq .faq-container .faq-item .faq-content{display:grid;grid-template-rows:0fr;opacity:0;transition:.3s ease-in-out;visibility:hidden}.faq .faq-container .faq-item .faq-content p{margin-bottom:0;overflow:hidden}.faq .faq-container .faq-item .faq-toggle{cursor:pointer;font-size:16px;line-height:0;position:absolute;right:20px;top:20px;transition:.3s}.faq .faq-container .faq-active h3,.faq .faq-container .faq-item .faq-toggle:hover{color:var(--accent-color)}.faq .faq-container .faq-active .faq-content{grid-template-rows:1fr;opacity:1;padding-top:10px;visibility:visible}.faq .faq-container .faq-active .faq-toggle{color:var(--accent-color);transform:rotate(90deg)}.portfolio .portfolio-filters{list-style:none;margin:0 auto 20px;padding:0;text-align:center}.portfolio .portfolio-filters li{cursor:pointer;display:inline-block;font-size:18px;font-weight:500;line-height:1;margin:0 10px 5px;padding:0;transition:all .3s ease-in-out}.portfolio .portfolio-filters li.filter-active,.portfolio .portfolio-filters li:hover{color:var(--accent-color)}.portfolio .portfolio-filters li:first-child{margin-left:0}.portfolio .portfolio-filters li:last-child{margin-right:0}@media (max-width:575px){.portfolio .portfolio-filters li{font-size:14px;margin:0 5px}}.portfolio .portfolio-content{overflow:hidden;position:relative}.portfolio .portfolio-content img{transition:.3s}.portfolio .portfolio-content .portfolio-info{background:#0009;top:0;right:0;bottom:0;left:0;opacity:0;padding:15px;position:absolute;transition:all .3s ease-in-out;z-index:3}.portfolio .portfolio-content .portfolio-info h4{background-color:var(--accent-color);color:#fff;display:inline-block;font-size:14px;font-weight:400;padding:5px 10px}.portfolio .portfolio-content .portfolio-info p{bottom:10px;color:#fffc;display:inline-block;font-size:16px;font-weight:600;left:0;position:absolute;right:0;text-align:center}.portfolio .portfolio-content .portfolio-info .details-link,.portfolio .portfolio-content .portfolio-info .preview-link{color:#fff;font-size:26px;left:calc(50% - 40px);line-height:1.2;position:absolute;top:calc(50% - 14px);transition:.3s}.portfolio .portfolio-content .portfolio-info .details-link:hover,.portfolio .portfolio-content .portfolio-info .preview-link:hover{color:var(--accent-color)}.portfolio .portfolio-content .portfolio-info .details-link{font-size:34px;left:50%;line-height:0}.portfolio .portfolio-content:hover .portfolio-info{opacity:1}.portfolio .portfolio-content:hover img{transform:scale(1.1)}.team .team-member{border-radius:5px;box-shadow:0 0 30px #0000001a;overflow:hidden;text-align:center;transition:.3s}.team .team-member .member-img{overflow:hidden;position:relative}.team .team-member .member-img:after{background-color:var(--surface-color);bottom:-1px;content:"";height:100%;left:-1px;-webkit-mask:url(../img/team-shape.svg) no-repeat center bottom;mask:url(../img/team-shape.svg) no-repeat center bottom;-webkit-mask-size:contain;mask-size:contain;position:absolute;right:-1px;z-index:1}.team .team-member .social{background:color-mix(in srgb,var(--background-color),transparent 60%);border-radius:4px;opacity:0;position:absolute;right:-100%;top:30px;transition:.5s;z-index:2}.team .team-member .social a{color:color-mix(in srgb,var(--default-color),transparent 50%);display:block;line-height:0;margin:15px 12px;text-align:center;transition:color .3s}.team .team-member .social a:hover{color:var(--default-color)}.team .team-member .social i{font-size:18px}.team .team-member .member-info{padding:10px 15px 20px}.team .team-member .member-info h4{font-size:20px;font-weight:700;margin-bottom:5px}.team .team-member .member-info span{color:color-mix(in srgb,var(--default-color),transparent 50%);display:block;font-size:14px;font-weight:400}.team .team-member .member-info p{color:color-mix(in srgb,var(--default-color),transparent 30%);font-size:14px;font-style:italic;line-height:26px;padding-top:15px}.team .team-member:hover{box-shadow:0 0 30px #0000001a;transform:scale(1.08)}.team .team-member:hover .social{opacity:1;right:8px}.contact .info-item{background:color-mix(in srgb,var(--default-color),transparent 96%);padding:30px}.contact .info-item i{color:var(--accent-color);font-size:38px;line-height:0}.contact .info-item h3{font-size:20px;font-weight:700;margin:20px 0 10px}.contact .info-item p{font-size:14px;line-height:24px;margin-bottom:0;padding:0}.contact .php-email-form{background:color-mix(in srgb,var(--default-color),transparent 96%);height:100%;padding:30px}.contact .php-email-form input[type=email],.contact .php-email-form input[type=text],.contact .php-email-form textarea{background-color:color-mix(in srgb,var(--background-color),transparent 50%);border-color:color-mix(in srgb,var(--default-color),transparent 80%);border-radius:0;box-shadow:none;color:var(--default-color);font-size:14px;padding:10px 15px}.contact .php-email-form input[type=email]:focus,.contact .php-email-form input[type=text]:focus,.contact .php-email-form textarea:focus{border-color:var(--accent-color)}.contact .php-email-form input[type=email]::-moz-placeholder,.contact .php-email-form input[type=text]::-moz-placeholder,.contact .php-email-form textarea::-moz-placeholder{color:color-mix(in srgb,var(--default-color),transparent 70%)}.contact .php-email-form input[type=email]::placeholder,.contact .php-email-form input[type=text]::placeholder,.contact .php-email-form textarea::placeholder{color:color-mix(in srgb,var(--default-color),transparent 70%)}.contact .php-email-form button[type=submit]{background:var(--accent-color);border:0;border-radius:4px;color:var(--contrast-color);padding:10px 30px;transition:.4s}.contact .php-email-form button[type=submit]:hover{background:color-mix(in srgb,var(--accent-color),transparent 20%)}