body,h1,h2,h3,h4,h5,h6,html,li,ol,p,ul{padding:0;margin:0}*{box-sizing:border-box}a{text-decoration:none}:focus{outline:0}.border-main{border:solid 1px var(--color-main-transparent-20)}::selection{background-color:var(--color-main);color:var(--color-white)}:root{--color-white:#fff;--color-dark:#1e1e1e;--color-gray:#909090;--color-light-blue:#ececfe;--color-light-gray:#e0e0e0;--color-lighter-gray:#f0f0f0;--color-main:#ff589e;--color-secondary:#8261ee;--color-secondary-dark:#10033b;--color-main-transparent-50:rgba(255, 88, 158,0.5);--color-main-transparent-20:rgba(255, 88, 158,0.2)}.text-stroke{text-shadow:1px 0 1px var(--color-secondary-dark),-1px 0 1px var(--color-secondary-dark),0 1px 1px var(--color-secondary-dark),0 -1px 1px var(--color-secondary-dark)}.text-stroke-light{text-shadow:1px 0 1px var(--color-gray),-1px 0 1px var(--color-gray),0 1px 1px var(--color-gray),0 -1px 1px var(--color-gray);color:var(--color-dark)}.text-justify{text-align:justify}.text-white2{color:var(--color-white)}.text-white{color:var(--color-light-gray)}@keyframes slideDown{0%{overflow:hidden;height:0;border:solid 2px var(--color-main-transparent-50);border-top:none;transform:scale(1.00909)}40%{height:325px;border:solid 2px var(--color-main-transparent-50);border-top:none;transform:scale(1.00909)}100%{overflow:visible;height:325px;border:solid 2px var(--color-main-transparent-50);border-top:none;transform:scale(1.00909)}}@keyframes slideUp{0%{overflow:visible;height:325px;border:solid 2px var(--color-main-transparent-50);border-top:none;transform:scale(1.00909)}40%{height:325px;border:solid 2px var(--color-main-transparent-50);border-top:none;transform:scale(1.00909)}100%{overflow:hidden;height:0}}body,html{font-family:Raleway}.text-center{text-align:center}.border-bottom{border-bottom:solid 1px var(--color-light-gray)}header{height:100vh;max-height:640px;min-height:550px;background:var(--color-lighter-gray) url(../img/banner-bg.webp);background-size:100% 100%;background-position:center center;background-repeat:no-repeat;background-blend-mode:multiply}.menu-wrapper{position:fixed;z-index:2;left:0;right:0}nav{display:block;border:solid 2px var(--color-main-transparent-50);box-shadow:0 4px 9px 0 var(--color-main-transparent-20);background-color:var(--color-white);border-radius:40px;font-weight:400;font-size:14px}.menu{left:0}.menu-bordered{border:solid 2px var(--color-main-transparent-50);border-top:none}.logo-wrapper{background-image:url(../img/logo.webp);background-repeat:no-repeat;background-size:70% 40%;background-position:center center;width:200px;height:70px}.menu-link.active{color:var(--color-main)}.menu-link{color:var(--color-dark);transition:.6s}.menu-link:hover{color:var(--color-main)}.menu-btn{cursor:pointer;padding:8px}.menu-btn .line{width:20px;height:2px;background-color:var(--color-dark);margin-top:4px;left:0;transition:.6s}.menu-btn .line:nth-child(1){width:12px}.menu-btn .line:nth-child(3){width:16px}.menu-btn:hover .line{background-color:var(--color-main)}.times .line:nth-child(2){transform:scaleX(1.2);opacity:0}.times .line:nth-child(odd){width:24px}.times .line:nth-child(1){transform:rotate(45deg) translateY(5px) translateX(3px)}.times .line:nth-child(3){transform:rotate(-45deg) translateY(-5px) translateX(3px)}.first-look h1{color:var(--color-lighter-gray);font-size:36px;font-weight:400;line-height:1.7}.first-look p{color:var(--color-lighter-gray);font-size:14px;font-weight:100;line-height:1.8}.blog-entries-wrapper button,.first-look button,.pricing button{border-radius:30px;padding:14px 20px;background-color:var(--color-main);border:none;color:var(--color-white);font-weight:100;text-transform:uppercase;transition:.6s;border:solid 2px var(--color-main);cursor:pointer;position:relative}.first-look button:hover{background-color:var(--color-main-transparent-50);border-color:var(--color-white);color:var(--color-white)}.first-look button .border{position:absolute;left:-2px;top:-2px;width:calc(100% + 4px);height:calc(100% + 4px);border-radius:30px;border:solid 2px var(--color-white);opacity:0;transform:scale(1.05,1.2);transition:.6s}.first-look button:hover .border{opacity:1;transform:scale(1)}main{background-color:var(--color-lighter-gray)}main>.row:first-child{position:relative;top:-180px}.service{border-radius:10px;cursor:pointer;box-shadow:0 0 9px 0 var(--color-main-transparent-20);transition:.6s;background-color:var(--color-white)}.service:hover{transform:translateY(-10px);box-shadow:0 0 10px 0 var(--color-main-transparent-50)}.service-heading{position:relative}.service-heading .line{width:100%;height:2px;background-color:var(--color-main-transparent-20);position:absolute;bottom:0;left:0}.service-img-wrapper{width:90px;height:90px;background-color:var(--color-secondary);border-radius:50%;transition:.6s;border:solid 2px transparent}.service:hover .service-img-wrapper{background-color:var(--color-main);border-color:var(--color-secondary)}.service-img{width:100%;height:100%;background-position:center center;background-repeat:no-repeat;background-size:60% 60%}.service-wrapper:nth-child(1) .service-img{background-image:url(../img/responsive.webp);filter:invert(100%)}.service-wrapper:nth-child(2) .service-img{background-image:url(../img/UX.webp);filter:invert(100%)}.service-wrapper:nth-child(3) .service-img{background-image:url(../img/user.webp);filter:invert(100%)}.service h2{color:var(--color-secondary-dark)}.service p{color:var(--color-gray)}.discussion-image{background-image:url(../img/left-image.webp);height:330px;background-repeat:no-repeat;background-position:center center}.right-image{background-image:url(../img/right-image.webp)}.discussion-wrapper h2{font-weight:400;font-size:26px;color:var(--color-secondary-dark)}.discussion-wrapper p{font-weight:100;font-size:20px;color:var(--color-gray)}.processes-wrapper{background:url(../img/work-process-bg.webp);background-repeat:no-repeat;background-size:cover;background-position:center center}.process{background-color:var(--color-white);border-radius:20px;position:relative;transition:.6s;top:0;left:0;cursor:pointer}.process:hover .process-image-wrapper{transform:rotate(360deg);transition:.6s}.process:hover{top:-5px;left:-5px}.process::before{content:'';display:block;z-index:0;background-color:rgba(255,255,255,.3);border-radius:20px;position:absolute;width:100%;top:0;left:0;bottom:0;transition:.2s}.process:hover::before{left:10px;top:10px;bottom:-10px}.process-content{position:relative;z-index:1}.process-image-wrapper{margin:0 auto;background-image:url(../img/roocket.webp);width:80%;height:30px;background-repeat:no-repeat;background-position:center center;background-size:contain}.process h2{font-weight:400;color:var(--color-secondary-dark);font-size:18px;text-align:center}.process p{color:var(--color-gray);font-weight:100;line-height:1.6}.blog-entries-wrapper h2,.testimonials-wrapper h2{color:var(--color-secondary-dark);font-weight:400}.blog-entries-wrapper p,.testimonials-wrapper p{font-weight:100;color:var(--color-gray);line-height:1.8}.testimonial{border-radius:20px;background-color:var(--color-white);box-shadow:0 0 9px 0 var(--color-main-transparent-20);transition:.6s}.testimonial-image~div{transform-style:preserve-3d;perspective:200px}.testimonial:hover{transform:translateY(-15px)}.testimonial p{text-align:justify;text-align-last:center}.testimonial-image{background:url(../img/testimonial-icon.webp);width:50px;height:50px;background-repeat:no-repeat;background-position:center center;margin:0 auto}.testimonial-avatar{width:70px;height:70px;border-radius:50%;background:url(../img/1.webp);background-size:110% 110%;background-position:center center;background-repeat:no-repeat;border:solid 2px var(--color-secondary);transition:.6s;backface-visibility:hidden}.testimonial-author{color:var(--color-main);transition:.6s}.testimonial-author:hover{transform:translateX(15px)}.testimonial:hover .testimonial-avatar{transform:rotateY(360deg)}.testimonial-author h5{color:var(--color-secondary-dark)}.farzam-image{background-image:url('https://mahdiarmansouri.ir/images/me2.webp')}.cathrin-image{background-image:url('../img/3.webp')}.pricing-wrapper{background-color:var(--color-light-blue)}.pricing-wrapper h2{font-weight:400;font-size:30px}.pricing-wrapper p{color:var(--color-gray);line-height:1.7}.pricing{background-color:var(--color-white);border-radius:20px}.price-box{background-color:var(--color-secondary);border-radius:20px;color:var(--color-white)}.pricing h2{color:var(--color-secondary-dark)}.price-box p{font-size:30px;font-weight:400;padding:0!important;color:var(--color-white)}.blog-entries-wrapper button:hover,.pricing button:hover{background-color:var(--color-secondary);border-color:transparent}.pricing-wrapper:nth-child(3) .price-box{background-color:var(--color-main)}.pricing-wrapper:nth-child(3) button{background-color:var(--color-secondary);border-color:transparent}.introduce{background:url(../img/fun-facts-bg.webp);color:var(--color-light-blue);text-shadow:0 1px 1px var(--color-secondary-dark),0 -1px 1px var(--color-secondary-dark),1px 0 1px var(--color-secondary-dark),-1px 0 1px var(--color-secondary-dark);background-attachment:fixed;background-repeat:no-repeat;background-position:center center;background-size:cover}.blog-entry-image{width:100%;height:300px;background-size:cover;background-position:center center;background-repeat:no-repeat;border-radius:20px;background-image:url(../img/blog-item-01.webp)}.blog-entries-wrapper p{text-align:justify;text-align-last:center}.blog-entry-wrapper:nth-child(3) .blog-entry-image{background-image:url(../img/blog-item-02.webp)}.blog-entry-wrapper:nth-child(4) .blog-entry-image{background-image:url(../img/blog-item-03.webp)}footer{background-color:var(--color-secondary);padding:20px}.socials a{margin:20px}.social-wrapper{width:40px;height:40px;border-radius:50%;background:var(--color-light-gray);text-align:center;line-height:40px;color:var(--color-dark)}.social-wrapper a:link,.social-wrapper a:visited{color:var(--color-dark)}@media (max-width:992px){main>.row:first-child{top:0}nav{position:relative;z-index:1}.menu{z-index:-1;position:absolute;top:50%;width:100%;padding-top:30px;background-color:var(--color-white);border-radius:0 0 40px 40px;text-align:center}.menu a{border-bottom:solid 1px var(--color-light-gray)}.menu a:first-child{border-top:solid 1px var(--color-light-gray)}.menu a:last-child{border:none;border-radius:0 0 40px 40px}.menu a:hover{background-color:var(--color-lighter-gray)}.menu{height:0;overflow:hidden}.open{animation:slideDown 1.3s both}.close{animation:slideUp .3s both}}@media (max-width:768px){.discussion-text{text-align:center}.right-image{order:0;padding-bottom:50px}.left-text{order:1}}@media (max-width:576px){.testimonials-wrapper p{padding-right:2rem;padding-left:2rem}}@media (max-width:360px){.first-look h2{padding-top:20px!important}}@media (min-width:768px) and (max-width:992px){.pricing-wrapper:nth-child(3){order:2}.pricing-wrapper:nth-child(4){order:1}}