@import"https://fonts.googleapis.com/css2?family=Vazirmatn:wght@100..900&display=swap";.navbar{position:fixed;z-index:100;width:100%;background-color:var(--background-color);border-bottom:.5px solid #B9B9B9}.navbar .container{display:flex;justify-content:space-between;align-items:center}.navbar .navbar-items{display:flex;gap:40px}.navbar-items li a{position:relative}.navbar-items li a:before{content:" ";position:absolute;bottom:5px;z-index:-1;width:100%;height:5px;background-color:var(--primary-color);transform:scaleX(0);transform-origin:left;transition:transform .5s}.navbar-items li:hover a:before{transform:scaleX(1);transform-origin:right}.navbar .menu-btn{display:none}.menu-btn{display:block;width:30px;height:26px}.menu-btn span{display:block;width:100%;height:2px;background-color:var(--black-color)}.menu-btn span{transition:.3s}.menu-btn .two{margin:8px 0}.menu-btn.on span{background-color:#fff}.menu-btn.on .one{transform:rotate(45deg) translate(5px,10px)}.menu-btn.on .three{transform:rotate(-45deg) translate(4px,-9px)}.menu-btn.on .two{opacity:0}@media screen and (max-width: 720px){.navbar .logo{width:100%}.menu-btn{display:block!important;position:absolute;top:50px;left:3%;transform:translateY(-50%)}.navbar .primary-btn,.navbar .navbar-items{display:none}.navbar .navbar-items a{color:#fff}.navbar.on .container{position:fixed;width:100%;height:100%;background-color:var(--black-color);flex-direction:column;justify-content:space-between;padding-bottom:30px}.navbar.on .primary-btn{display:block}.navbar.on .navbar-items{display:flex;flex-direction:column;gap:20px;text-align:center}}.content>.contact,#form-page .contact{position:fixed;top:50%;right:5px;z-index:1;transform:translateY(-50%);display:flex;flex-direction:column}.content>.contact img,#form-page>.contact img{filter:grayscale(100%);transition:.3s filter}#form-page>.contact img{filter:grayscale(60%)}.content>.contact img:hover,#form-page>.contact img:hover{filter:grayscale(0)}section#home{height:calc(100vh - 100px);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}section#home h1>#move-text{color:var(--primary-color)}@media screen and (max-width: 790px){section#home .header{font-size:40px}.content>.contact,#form-page .contact{display:none}}@media screen and (max-width: 570px){section#home .header{font-size:26px;word-break:keep-all}section#home .primary-btn{font-size:16px}}section#about .container{display:flex;width:100%;min-height:60vh;flex-wrap:wrap;gap:50px;justify-content:space-between}section#about .container .right{flex:1;max-width:600px;min-width:240px}section#about .container .left{display:flex;gap:30px}.col{display:flex;flex-direction:column;gap:50px}.center-vertically{justify-content:center}.services-wrapper{margin-top:50px;display:flex;flex-wrap:wrap;gap:30px}section#services{min-height:60vh}@media screen and (max-width: 520px){.title{font-size:38px!important}section#about .container .left{display:flex;gap:30px;flex-wrap:wrap;justify-content:center}.services-wrapper{justify-content:center}section#steps .steps-wrapper{justify-content:center}}section#steps{min-height:80vh}section#steps .steps-wrapper{display:flex;gap:30px;flex-wrap:wrap;margin-top:50px}section#steps .steps-wrapper .col{gap:30px}section#steps .steps-wrapper div.col.special{position:relative;bottom:-30px}@media screen and (max-width: 814px){section#steps .steps-wrapper div.col.special{position:relative;bottom:0}section#steps .steps-wrapper .col:last-child{justify-content:start}}footer{width:100%;min-height:200px;background-color:var(--black-color);padding:20px;margin-top:50px}footer .container{display:flex;gap:50px;flex-wrap:wrap}footer h3{margin-bottom:10px;color:#fff}footer .contact{display:flex;flex-wrap:wrap;gap:10px}footer>p{color:#fff;text-align:center}label{color:#fff;display:block}#form-page{padding:50px 5%;position:fixed;z-index:999;display:none;top:0;left:0;width:100%;max-height:100%;overflow-y:scroll;background-color:var(--black-color);transition:.3s display}#form-page.open{display:block}#form-page .menu-btn{position:absolute;top:30px;left:5%;z-index:1;cursor:pointer;transform:initial}#form-page .menu-btn span{background-color:#fff}#form-page .container{height:100vh;display:flex;align-items:center;justify-content:center;padding:0}#form-page .content{flex:1;max-width:600px}#form-page h1{color:#fff}#form-page .content form{margin-top:20px;display:flex;flex-direction:column;gap:10px}.content .field input,.content .field textarea{width:100%;background:transparent;outline:none;border:2px solid #8d8d8d;padding:15px;border-radius:8px;color:#fff;font-size:18px;margin:5px 0;resize:none}.content .field select{width:100%;padding:15px;color:#fff;border:2px solid #8d8d8d;border-radius:8px;font-size:18px;margin:5px 0;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAAAXNSR0IArs4c6QAAAv1JREFUeF7tm1FS2zAURe2wgk4Ljf/SncBSWFmXAjshf+7U0+lf+5Wo4xCH4NqO5MbvPE0vnxDmSufoSooDZaEvlECJpiu8kAB4EUiABMAE4Hg1QAJgAnC8GiABMAE4Xg2QAJgAHK8GSABMAI5XAyQAJgDHqwESABOA49UACYAJwPFqgATABOB4NUACYAJwvBogATABOF4NkACYAByvBkgATACOVwMkACYAx6sB/5uAuv65KW92T6EMj9Xt7TM8/0N83TT3ZVh9DbvVQ1V92FqOybQBr/D3L8cJbkO5xyUc4T+dxmQswUxAXf/elDe/OvjdIkMl9OC/jclQgomA3srvNxyRMALfXMLiAi7AR5pwAb6phMUFfPv+o912NhEHm0kTmqa534VVt+cPDCsUxek/t8Lz+u7TQ8TYZ79kcQHHBrQTxiVErvxTA9Z3H7/MJhv5i4sLOFzzXm8/qIQh+O3k2/U+8LW1gN/mmgigJXhc+Z10MwGUBM/wTRvQGU/ejnb7x6qa947ZO3xEwN9NOL91nO/Gp+/Puh3lAB8TsPR2lAQ/FNv15+VvO2OXItMzoD+I5O0o4tnRKPzhK4/ZbcelgGs3IWnlFwUOH92CzlfENZqQI3w3Av61CbnCdyVgroTDJCaf7bzbfV1sO+cjQg/hoYMpdTuKfMbURrmD764Bg2/WJh7Y9AV6eLYzdttxewsaG1hiE6bm7XLlI8+CUldHmoTBd9Su4bvdgpKvqE7fZMUsOHeH8BUOZrcH7tDcshCQeEV1v+24voZO1TbiTMgKfhZnQF/IhITs4Gcp4P12FDbHT1WzhJ+tgN6ZUFh9gB5zq0l9TTaH8NjtyPqPaVMBX3p91gIuTS6Hn0sAbEkCJAAmAMerARIAE4Dj1QAJgAnA8WqABMAE4Hg1QAJgAnC8GiABMAE4Xg2QAJgAHK8GSABMAI5XAyQAJgDHqwESABOA49UACYAJwPFqgATABOB4NUACYAJwvBogATABOF4NkACYAByvBkgATACO/wMKoGpwbqHUVQAAAABJRU5ErkJggg==) no-repeat;background-position-x:10px;background-position-y:center;background-size:25px;-moz-appearance:none;-webkit-appearance:none;appearance:none}.content #form-button{align-self:flex-end;outline:none;border:none;width:140px;cursor:pointer}.content #form-button:disabled{cursor:initial;background:gray;pointer-events:none}#form-page .contact{right:20px}.content .field span{color:#f16356;font-size:14px;padding:3px}@media screen and (max-width: 520px){#form-page .body-text,#form-page .content input,#form-page .content select,#form-page .content textarea{font-size:16px}}#alert{padding:20px;border-radius:8px;position:absolute;bottom:70px;left:50%;transform:translate(-50%);width:90%;min-width:200px;max-width:600px;transition:opacity .8s}#alert.success{background:#0db00d}#alert.error{background:#d70000}#alert p{color:#fff}:root{--primary-color: #FFB542;--secondary-color: #C2B280;--black-color: #232323;--background-color: #F6F4EE}*{padding:0;margin:0;box-sizing:border-box;color:var(--black-color);font-family:Vazirmatn,sans-serif}body{direction:rtl;background-color:var(--background-color)}html{scroll-behavior:smooth}.header{font-size:55px;font-weight:700}.title{font-size:44px;font-weight:700}.small-title{font-size:30px;font-weight:700}.big-text{font-size:22px;font-weight:500}.body-text{font-size:18px;font-weight:400}.small-text{font-size:16px;font-weight:400}ul{list-style:none}a{text-decoration:none}h2{width:fit-content;position:relative;margin-bottom:20px}h2:before{content:"";position:absolute;bottom:-5px;display:block;width:95%;height:10px;background-color:var(--primary-color)}section{padding-top:120px}.primary-btn{padding:10px 25px;background-color:var(--primary-color);color:#fff;border-radius:8px;transition:box-shadow .5s,transform .5s}.primary-btn:hover{-webkit-box-shadow:0px 10px 20px 0px rgba(255,181,66,.4);-moz-box-shadow:0px 10px 20px 0px rgba(255,181,66,.4);box-shadow:0 10px 20px #ffb54266;transform:scale(1.01)}.container{width:100%;max-width:1700px;padding:5px 5%;margin:auto}.card{width:220px;height:240px;border:1px solid #AAAA;padding:15px;background:var(--background-color);border-radius:20px;display:flex;flex-direction:column;align-items:center;gap:22px;text-align:center}.card .icon-wrapper{background-color:var(--primary-color);border-radius:6px;width:fit-content;padding:15px;display:flex;align-items:center;justify-content:center}.card .icon-wrapper img{width:30px;height:35px;color:#fff}.grey-color{color:#b5b5b5}
