:root{--hue-1:257;--hue-2:47;--main-color-1:#00008b;--main-color-dark-1:hsl(var(--hue-1),69%,50%);--main-color-2:#c8ae75;--main-color-dark-2:hsl(var(--hue-2),82%,55%);--section-padding:7rem}body{--bg-color:hsl(var(--hue-1),100%,97%);--bg-color-1:#fff;--bg-color-2:#e0e7fe;--bg-color-3:hsl(var(--hue-1),100%,98%);--bg-color-transparent:#fff9;--heading-color:hsl(var(--hue-1),61%,24%);--text-color:hsl(var(--hue-1),17%,63%)}body.dark{--bg-color:hsl(var(--hue-1),19%,15%);--bg-color-1:hsl(var(--hue-1),21%,11%);--bg-color-2:hsl(var(--hue-1),23%,19%);--bg-color-3:hsl(var(--hue-1),23%,24%);--bg-color-transparent:hsla(var(--hue-1),23%,19%,.6);--heading-color:hsl(var(--hue-1),100%,95%);--text-color:hsl(var(--hue-1),14%,51%)}*,:before,:after{box-sizing:border-box;margin:0;padding:0;font-family:Vazir,sans-serif}html{scroll-behavior:smooth}body{background-color:var(--bg-color-1);direction:rtl;font-family:Vazir,sans-serif;overflow-x:hidden}::selection{background-color:hsla(var(--hue-1),100%,60%,.9);color:#fff}a{color:inherit;text-decoration:none}ul{list-style:none}.container{width:100%;max-width:75rem;margin:0 auto;padding:0 1.5rem;position:relative}.grid{display:grid}.logo{color:#000;letter-spacing:1px;margin-left:1.5rem;font-size:1.5rem}.logo span{color:var(--main-color-1)}.heading{color:#000;font-size:3rem;font-weight:400;line-height:1.3rem}.sub-heading{color:#414040;letter-spacing:.5px;border-right:3px solid var(--main-color-2);margin-bottom:1rem;padding:.13rem .75rem;font-size:1rem;font-weight:500}.text{color:#414040;margin:2rem 0;font-size:1rem;line-height:2.3}.section{padding:var(--section-padding)0;position:relative}.cta{align-items:center;margin-top:3.5rem;display:flex}.cta .btn{margin-left:1.5rem}.btn{background-color:var(--main-color-1);color:#fff;letter-spacing:.4px;text-transform:capitalize;border-radius:17px;padding:.9rem 1.75rem;font-size:.85rem;transition:all .3s;display:inline-block}.btn:hover{background-color:var(--main-color-dark-1)}.btn.secondary-btn{color:var(--main-color-1);letter-spacing:0;border-bottom:2.5px solid var(--main-color-2);background-color:#0000;border-radius:0;padding:.15rem 0;font-size:.9rem;font-weight:500;position:relative}.btn.secondary-btn:before{content:"";background-color:var(--main-color-1);width:0;height:2.5px;transition:all .3s ease-in-out;position:absolute;bottom:-2.5px;right:0}.btn.secondary-btn:hover:before{width:100%}.hidden{display:none}.dots{width:112px}.square{width:70px}.triangle{opacity:.18;width:95px}.text-danger{color:#dc3545;font-weight:700}.card{word-wrap:break-word;background-color:#fff;background-clip:initial;border:1px solid #00000020;border-radius:.25rem;flex-direction:column;min-width:0;display:flex;position:relative}.header{z-index:10;width:100%;transition:all .3s;position:fixed;top:0;right:0}.header.scroll-header{backdrop-filter:blur(15px);box-shadow:0 5px 20px .1px #0000001a;background-color:var(--bg-color-2)!important}.nav.container{flex-wrap:wrap;align-items:center;display:flex}.header .logo{height:55px}.links{flex:1;justify-content:space-between;height:90px;line-height:90px;display:flex}.nav-list{align-items:center;width:100%;display:flex}.nav-link{letter-spacing:.5px;opacity:.9;margin:0 1rem;font-size:.75rem;font-weight:500;transition:all .3s;display:inline;position:relative;color:var(--heading-color)!important}.nav-link:after{content:"";background-color:var(--main-color-1);z-index:-1;opacity:0;border-radius:5px;width:0;height:10px;transition:all .3s;position:absolute;bottom:0;right:-5px}.nav-link:hover,.nav-link.active{color:var(--heading-color)}.nav-link:hover:after,.nav-link.active:after{opacity:.2;width:100%}.nav-btn{border:1px var(--main-color-1)solid;letter-spacing:.5px;color:var(--heading-color);opacity:.9;border-radius:17px;margin:0 1rem;padding:.5rem 1rem;font-size:.75rem;font-weight:500;transition:all .3s;display:inline;position:relative}.nav-btn:hover{background-color:var(--main-color-1);border:1px var(--bg-color-2)solid;color:var(--bg-color-2)}.hamburger{box-sizing:content-box;cursor:pointer;width:25px;height:12px;padding:1rem 0;display:none;position:relative}.hamburger .bar{background-color:var(--heading-color);border-radius:3px;width:100%;height:2px;position:absolute}.hamburger .bar:first-child{transition:top .2s .15s,transform .3s;top:1rem}.hamburger .bar:last-child{transition:bottom .2s .15s,transform .3s;bottom:1rem}body.open .hamburger .bar:first-child{transition:top .2s,transform .3s .1s;top:50%;transform:translateY(-50%)rotate(-45deg)}body.open .hamburger .bar:last-child{transition:bottom .2s,transform .3s .1s;bottom:50%;transform:translateY(50%)rotate(45deg)}.showcase-area{width:100%;padding:90px 0;position:relative;overflow:hidden}.showcase-area .container{grid-template-columns:repeat(2,1fr);align-items:center;height:600px;display:grid}.showcase-area .sub-heading{margin-bottom:1.5rem}.showcase-image{background-image:linear-gradient(124deg,var(--main-color-2)53%,var(--main-color-1)53%);border-radius:0 0 80px 80px;width:100%;min-height:calc(100% + 90px);margin-top:-90px;position:relative}.showcase-image .person{width:100%;position:absolute;bottom:0;right:50%;transform:translate(50%)}.showcase-area .circle{width:190px;position:absolute;top:80%;right:0;transform:translate(50%,-50%)}.showcase-area .dots{position:absolute;top:30%;right:100%;transform:translate(50%,-50%)}.showcase-area .square{transform:translate(50%-50%);position:absolute;bottom:120px;right:25%}.about .container{grid-template-columns:1fr 1.05fr;align-items:center;display:grid}.about .text{margin:3rem 0 4rem}.about-grid{grid-template-rows:190px 190px;grid-template-columns:190px 190px;justify-content:center;gap:100px 2.5rem;margin-right:2rem;display:grid;position:relative}.about-card{cursor:pointer;background-color:#c8ae75;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:transform .5s;display:flex}.about-card:first-child{border-radius:40px 40px 5px}.about-card:nth-child(2){border-radius:40px 40px 40px 5px;margin-top:50px}.about-card:nth-child(3){border-radius:40px 5px 40px 40px;margin-top:-50px}.about-card:nth-child(4){border-radius:5px 40px 40px}.icon{width:60px}.st0{fill:var(--bg-color-3)}.st1{fill:#c5e3ea}.st2{fill:var(--heading-color);transition:all .3s}.about-card h3{color:var(--heading-color);letter-spacing:.3px;margin-top:1rem;font-size:1rem;font-weight:600}.about-card:hover{transform:scale(1.1)}.about-card:hover .st2{fill:var(--main-color-1)}.about-grid:before{content:"";border:15px solid var(--main-color-1);z-index:-1;opacity:.07;width:210px;height:210px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.about .triangle{position:absolute;top:24%;left:58%;transform:translate(-50%,-50%)}.tutorials.section{padding:var(--section-padding)0 8rem}.tutorials .container{justify-content:center;max-width:1024px;display:grid;position:relative}.tutorials .container .circle{width:170px;position:absolute;top:7%;left:45%;transform:translate(-50%,-50%)}.tutorial-swiper{width:100vw;max-width:75rem;margin-top:4rem;margin-bottom:2rem}.tutorials-header{justify-content:space-between;align-items:center;display:flex}.testimonials{padding:var(--section-padding)0 calc(var(--section-padding) + 120px)}.testimonials .container{grid-template-columns:1fr 1.2fr;align-items:center;display:grid}.testimonials .swiper{background-color:var(--bg-color-2);border-radius:15px;width:100%;padding:4rem 0 2.5rem}.testimonials .swiper-slide{padding:0 2.5rem}.swiper-pagination{justify-content:center;align-items:center;height:11px;margin-top:3rem;display:flex;position:static}.swiper-pagination-bullet{background-color:var(--main-color-1);opacity:.3;cursor:pointer;width:7px;height:7px}.swiper-pagination-bullet-active{opacity:1;width:11px;height:11px}.client{grid-template-columns:85px 1fr;align-items:center;gap:1.5rem;display:grid}.client img{width:100%}.client-info h4{color:var(--heading-color);margin-bottom:.3rem;font-size:1.05rem;font-weight:500}.testimonials .swiper-slide .text{margin:1.5rem 0 0;display:block}.testimonials-title{padding-right:8rem}.testimonials-title>*{color:#fff}.section-background{background-image:linear-gradient(55deg,var(--main-color-2)20%,var(--main-color-1)20%);z-index:-1;border-radius:60px;width:100vw;max-width:75rem;height:calc(100% + 120px);position:absolute}.section-background .person{height:550px;position:absolute;bottom:0;right:0}.section-background .circle{width:170px;position:absolute;top:71%;left:54%;transform:translate(-50%,-50%)}.section-background .square{position:absolute;top:15%;left:77%;transform:translate(-50%,-50%)}.contact .container{grid-template-columns:repeat(2,1fr);column-gap:4rem;display:grid}.mail{color:var(--main-color-1);font-size:1.1rem;font-weight:500;transition:all .3s}.mail i{margin-left:2px;font-size:1.5rem;transition:margin-left .3s;display:inline-block}.contact-info{grid-template-columns:1fr 1fr;justify-content:center;place-items:center;gap:1rem;display:grid}.contact-card{background-image:linear-gradient(225deg,var(--main-color-1)18%,var(--bg-color-2)10%);border-radius:20px 10px 20px 20px;flex-direction:column;align-items:center;column-gap:1rem;margin-bottom:1.5rem;padding:3rem;transition:all .3s;display:flex}.contact-card:hover{transform:scale(1.1)}.contact-card:hover .contact__subtitle{color:var(--heading-color)}.contact-icon{color:var(--main-color-1);font-size:2rem}.contact__title{color:var(--heading-color)}.contact__subtitle{color:var(--text-color);transition:all .3s}#footer{background:var(--main-color-1);color:#fff;border-radius:1rem 1rem 0 0;padding:6rem 0}.footer__about{text-align:justify}.footer__container{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;display:grid}.footer__logo{color:#fff;font-weight:700}.footer__description{margin:.25rem 0 1rem;font-size:.85rem;display:block}.footer__social{font-size:1.5rem}.footer__title{margin-bottom:1rem;font-size:1.25rem}.footer__link{color:#fff;margin-bottom:.5rem;display:inline-block}.footer__link:hover{color:var(--text-color)}.footer__copy{text-align:center;color:var(--bg-color-2);margin-top:2rem}.zarinpal{text-align:center;height:200px}.swiper-navigation{z-index:-1;max-width:200px;margin:0 auto;display:flex;position:absolute;bottom:-5%;left:0;right:0}.swiper-button-next:hover:after,.swiper-button-prev:hover:after{box-shadow:5px 5px 15px #0b032d29}.swiper-button-next:after{border-radius:0 1rem 1rem 0}.swiper-button-prev:after{border-radius:1rem 0 0 1rem}.swiper-button-prev:after,.swiper-button-next:after{background:var(--bg-color-2);color:var(--heading-color);padding:1.5rem;font-size:32px;transition:all .3s}@media (width<=1000px){.sub-heading{font-size:.75rem}.heading{font-size:2rem}.showcase-area .heading{font-size:2.75rem}.text{margin:1.3rem 0;font-size:.84rem}.btn{border-radius:15px;min-width:100px;padding:.8rem 1.6rem;font-size:.8rem}.btn.secondary-btn{font-size:.85rem}.nav-link{font-size:.7rem}.showcase-area .container{grid-template-columns:1fr 400px;height:450px}.contact .container{column-gap:2.5rem}.tutorial-swiper{order:2;width:100%;max-width:100vw}}@media (width<=768px){:root{--section-padding:4.5rem}.dots{width:65px}.square{width:55px}.triangle{width:70px}.hamburger{display:block}.header nav{justify-content:space-between}.header .logo{height:55px;margin:1rem 0}.links{opacity:0;flex-direction:column;flex-basis:100%;order:3;justify-content:center;align-items:center;height:100%;padding:.5rem 0 2rem;line-height:70px;transition:all .3s}.nav-list{flex-direction:column;gap:.5rem;position:relative}.nav-list:after{content:"";background-color:var(--heading-color);opacity:0;width:0;height:.5px;transition:all .3s;position:absolute;top:-.5rem;left:50%;transform:translate(-50%,-50%)}.nav-link{color:var(--heading-color);font-weight:500}.overlay{z-index:6;opacity:0;background-color:#000000b3;width:100vw;height:100vh;transition:all .3s;position:fixed;top:0;left:0}.header{height:505px;max-height:80px;overflow:hidden}body.open .header{background-color:var(--bg-color-2);max-height:505px}body.open .overlay{opacity:1;pointer-events:auto}body.open .nav-list:after{opacity:.7;width:100%}body.open .links{opacity:1}.showcase-area .container{height:revert;grid-template-columns:1fr;justify-items:center;row-gap:4rem}.showcase-image{min-height:revert;border-radius:40px;max-width:450px;height:100vw;max-height:570px;margin-top:0}.showcase-info{width:100%;margin-top:1rem}.cta{margin-top:1rem}.showcase-area .circle{width:120px}.showcase-area .square{top:23%;right:80%}.about .container{grid-template-columns:1fr}.about-grid{order:3}.about .text{margin:2rem 0}.about-grid{grid-template-rows:150px 150px;grid-template-columns:150px 150px;gap:80px 2rem;margin:2.5rem 0 0}.icon{width:50px}.about-card h3{margin-top:.5rem;font-size:.8rem}.about-grid:before{border-width:10px;width:150px;height:150px}.testimonials{padding:var(--section-padding)0}.testimonials .container{position:revert;grid-template-columns:1fr;max-width:620px}.section-background{background-image:linear-gradient(45deg,var(--main-color-2)17%,var(--main-color-1)17%);border-radius:0;height:100%;top:0;left:0;transform:translateY(0)}.testimonial-swiper{order:2;padding:2rem 0}.testimonials-title{text-align:center;flex-direction:column;align-items:center;margin-bottom:3rem;padding-right:3rem;display:flex}.testimonials .swiper{padding:2rem 0}.testimonials .swiper-slide{padding:0 2rem}.testimonials .swiper-slide .text{padding:1rem 0 0}.testimonials .swiper-pagination{margin-top:2rem}.client{grid-template-columns:65px 1fr}.client-info h4{margin-bottom:.2rem;font-size:.97rem}.client-info h5{font-size:.7rem}.section-background .square{width:60px;top:12%;left:86%}.contact .container{grid-template-columns:1fr;row-gap:3rem}.tutorial-swiper{order:2;width:100%;max-width:768px;margin-top:2rem}}@media (width<=500px){.container{padding:0 1rem}.showcase-area{padding:90px 0 45px}.showcase-area .square{display:none}.showcase-area .container{row-gap:4.5rem}.showcase-area .heading{font-size:2.4rem}.testimonials-title{padding-right:0}.contact-info{grid-template-columns:1fr}.section-background .circle{top:92%}.section-background .square,.tutorials .container .circle{display:none}.tutorials-header{flex-direction:column;justify-content:space-between;align-items:flex-start;gap:1.5rem}}.bd-container{max-width:968px;margin-left:1.5rem;margin-right:1.5rem}@media screen and (width>=576px){.footer__about{grid-column:1/4}}@media screen and (width>=768px){#footer{border-radius:2rem 2rem 0 0;padding:6rem 0 3rem}.footer__container{grid-template-columns:3fr 1fr 1fr;column-gap:2rem;padding:0 2rem 0 0;display:grid}.footer__copy{grid-column:1/4}.footer__about{grid-column:1}}@media screen and (width<=350px){.bd-container{margin-left:1rem;margin-right:1rem}}@media screen and (width>=1024px){.bd-container{margin-left:auto;margin-right:auto}}@media (width>=1200px){.bd-container{max-width:1140px;margin-left:auto;margin-right:auto}}.alert-modal{z-index:9999;direction:rtl;background-color:#000;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.alert-content{background-color:#fff;border-radius:10px;width:80%;max-width:500px;padding:20px;box-shadow:0 5px 15px #0000004d}.alert-title{color:#333;text-align:center;margin-bottom:15px;font-size:1.5rem}.alert-message{color:#555;text-align:center;margin-bottom:20px;font-size:1rem}.alert-close-btn{color:#fff;cursor:pointer;background-color:#4caf50;border:none;border-radius:5px;margin:0 auto;padding:8px 20px;font-size:1rem;display:block}.alert-close-btn:hover{background-color:#45a049}