@font-face{font-family:Shabnam_Bold;src:url("../assets/font/Shabnam-Bold-FD.ttf")}@font-face{font-family:Shabnam_Regular;src:url("../assets/font/Shabnam.ttf")}.container{position:relative;direction:rtl;width:100%;max-width:768px;margin:0 auto;height:100vh;background:url("../assets/img/bg.webp") no-repeat rgba(0,0,0,0) center;background-size:cover;border-top:1px solid rgba(0,0,0,0)}.container .logo_container{width:100%;display:flex;align-items:center;justify-content:center;margin:24px auto 20px}.container .userNumber{width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.container .userNumber div .change_number{color:#a7dadb;font-size:14px;font-family:Shabnam_Regular;display:inline-block;text-decoration:underline;margin:25px auto}.container .userNumber div input{margin:16px 0;box-shadow:none;outline:none;border:1px solid #d6d6d6;background:#fafafa !important;color:#1a1c36 !important;height:40px;box-sizing:border-box;min-width:200px;text-align:center;color:#fff;padding:4px 16px;border-radius:4px}.container .userNumber div input.err{margin-bottom:0;border:2px solid #ea3a60;background:#fafafa url("../assets/img/err.svg") no-repeat !important;background-position:2% bottom;animation:shake 800ms ease-in-out}.container .userNumber span{color:#fff;font-size:14px;font-family:Shabnam_Bold;padding:0 4px}.container .info_container{width:100%;max-width:768px;min-height:calc(100% - 100px);height:fit-content;position:relative;border-radius:24px 24px 0 0;background-color:#fff;display:flex;flex-direction:column;align-items:center;box-shadow:0 0 1px rgba(112,112,112,.6980392157);padding:30px 24px;border:none;padding-bottom:120px}.container .info_container .price_container{width:100%;display:flex;flex-direction:column;align-items:center;color:#2561c5;font-size:18px;font-family:Shabnam_Bold}.container .info_container .price_container span{line-height:27px;color:inherit;margin:6px 0}.container .info_container .price_container span:nth-last-of-type(1){font-size:24px}.container .info_container .price_container span small{font-size:18px;font-family:Shabnam_Regular;padding-right:4px}.container .info_container .info_content{width:100%;display:flex;flex-direction:column;align-items:center;margin:12px 0 0px}.container .info_container .info_content .info_content_item{width:100%;display:flex;justify-content:space-between;margin:12px 0}.container .info_container .info_content .info_content_item span{font-family:Shabnam_Regular;font-size:14px}.container .info_container .info_content .info_content_item span:nth-of-type(1){color:#9b9595}.container .info_container .info_content .info_content_item span:nth-of-type(2){color:#1a1c36}.container .info_container .info_content .info_content_item span:nth-of-type(2) span{color:#1a1c36;font-family:Shabnam_Bold}.container .info_container .info_content .info_content_item.offer span{font-size:16px;font-family:Shabnam_Bold;color:#f6821f}.container .info_container .info_content .info_content_item.offer span:nth-of-type(2) small{font-size:14px;font-family:Shabnam_Regular}.container .info_container .info_Os{width:100%;margin-top:10px}.container .info_container .info_Os .input_container{width:calc(100% - 30px);display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0px auto 0;border-radius:4px;padding:14px 0}.container .info_container .info_Os .input_container.error{background:#fef2f2 url("../assets/img/err.svg") no-repeat;background-position:2% bottom;border:2px solid #eb0023}.container .info_container .info_Os .input_container .title{width:100%;text-align:center;font-size:14px;font-family:Shabnam_Regular}.container .info_container .info_Os .input_container .title span{color:#1a1c36}.container .info_container .info_Os .input_container .os_con{display:flex}.container .info_container .info_Os .input_container label{text-align:center}.container .info_container .info_Os .input_container label:nth-of-type(2) .os_type{background:rgba(0,0,0,0) url("../assets/img/ios1.svg") no-repeat center}.container .info_container .info_Os .input_container label:nth-of-type(1) .os_type{background:rgba(0,0,0,0) url("../assets/img/android1.svg") no-repeat center}.container .info_container .info_Os .input_container span{font-size:14px;color:#9b9595;font-family:Shabnam_Regular}.container .info_container .info_Os .input_container input{display:none}.container .info_container .info_Os .input_container .os_type{cursor:pointer;width:48px;height:48px;border-radius:24px;display:flex;align-items:center;justify-content:center;background-color:#fff;border:1px solid #9b9595;margin:18px 27px}.container .info_container .info_Os .input_container .os_type svg path{fill:#9b9595}.container .info_container .policy{display:flex;margin-top:32px;width:100%;padding:12px 4px;border-radius:4px}.container .info_container .policy.error{background:#fef2f2 url("../assets/img/err.svg") no-repeat;background-position:bottom left;border:2px solid #eb0023}.container .info_container .policy label{display:flex;align-items:center}.container .info_container .policy label p{color:#152f40;font-size:13px;font-family:Shabnam_Regular}.container .info_container .policy label p .btn{cursor:pointer;border:none;background-color:rgba(0,0,0,0);outline:none;box-shadow:none;color:#f6821f;font-size:14px;font-family:Shabnam_Regular;position:relative;text-decoration:underline;padding-left:2px;display:inline;width:fit-content}.container .info_container .policy label input{display:none}.container .info_container .policy label input:checked~.policy_check{background-color:#2561c5;border:none}.container .info_container .policy label input:checked~.policy_check::after{opacity:1;transition:800ms}.container .info_container .policy label .policy_check{width:24px;height:24px;border-radius:4px;border:1px solid #9b9595;margin-left:4px;position:relative;background-color:rgba(0,0,0,0)}.container .info_container .policy label .policy_check::after{content:"";position:absolute;width:100%;height:100%;background:url("../assets/img/check.svg") no-repeat center rgba(0,0,0,0);opacity:0;transition:800ms}.container .info_container .warning{position:fixed;bottom:100px;right:-53px;border-radius:6px;background:#fff;padding:20px 16px 20px 16px;box-shadow:0 5px 10px rgba(0,0,0,.1);width:calc(100% - 60px);overflow:hidden;transform:translateX(100%);transition:all .5s cubic-bezier(0.68, -0.55, 0.25, 1.35)}.container .info_container .warning.active{transform:translateX(-30px);right:0}.container .info_container .warning .vpn_w_close{background-color:#eb0023;border:none;color:#fff;outline:none;box-shadow:none;border-radius:100%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;left:8px;top:8px;position:absolute}.container .info_container .btn-container{width:100%;height:115px;background:linear-gradient(to bottom, rgba(239, 239, 239, 0), #b0b5c4);position:fixed;bottom:0;left:0}.container .info_container .btn.pay{display:block;width:calc(100% - 48px);margin:32px auto;max-height:54px;padding:16px 0 19px;border-radius:24px;background-color:#2561c5;border:none;outline:none;box-shadow:none;cursor:pointer}.container .info_container .btn.pay span{color:#fff;font-size:14px;font-family:Shabnam_Regular}.container .info_container .btn.pay span:nth-last-of-type(1){font-family:Shabnam_Bold;padding-right:8px;margin-right:8px;border-right:1px solid #fff}.modal{direction:rtl;display:none;position:fixed;top:0;width:100%;background-color:#fff;left:0;text-align:right;padding:24px;height:100vh;overflow-y:scroll}.modal.change_number{width:100%;position:absolute;background-color:rgba(0,0,0,.16);backdrop-filter:blur(10px)}.modal.change_number .modal_content{width:100%;background-color:#fff;border-radius:8px;min-height:280px;margin:0 auto;padding:24px;text-align:center;direction:rtl}.modal.change_number .modal_content h5{color:#1a1c36;font-size:16px;font-family:Shabnam_Bold;margin-bottom:16px}.modal.change_number .modal_content p{color:#9b9595;font-size:14px;font-family:Shabnam_Regular;text-align:center}.modal.change_number .modal_content input{border:1px solid #9b9595;border-radius:4px;padding:16px;font-size:12px;color:#c4c4c4 !important;background-color:#fff;font-family:Shabnam_Regular;display:block;width:100%;margin:26px 0 32px;border:1px solid #fafafa;background-color:#fafafa !important;color:#1a1c36 !important}.modal .btn{background-color:rgba(0,0,0,0);outline:none;border:1px solid #dadada;width:24px;height:24px;border-radius:12px;position:relative;cursor:pointer}.modal .btn::after{content:"";position:absolute;width:70%;height:1px;background:#9b9595;left:4px;transform:rotate(45deg)}.modal .btn::before{content:"";position:absolute;width:70%;height:1px;background:#9b9595;left:4px;transform:rotate(-45deg)}.modal .btn.change{width:178px;min-height:48px;border-radius:24px;background-color:#2561c5;color:#fff;font-size:14px;padding:12px 0 16px;margin:0 auto;font-family:Shabnam_Regular}.modal .btn.change::after{display:none}.modal .btn.change::before{display:none}.modal h3{color:#152f40;font-size:16px;font-family:Shabnam_Bold;margin:24px 0}.modal p{color:#1a1c36;line-height:30px;text-align:justify;font-family:Shabnam_Regular}.modal.active{display:block}.container .info_container .info_Os .input_container label:nth-last-of-type(1) input:checked~.os_type{background:#2561c5 url("../assets/img/ios2.svg") no-repeat center;border:none}.container .info_container .info_Os .input_container label:nth-last-of-type(1) input:checked~.os_type svg path{fill:#fff}.container .info_container .info_Os .input_container label:nth-last-of-type(2) input:checked~.os_type{background:#2561c5 url("../assets/img/android2.svg") no-repeat center}.container .info_container .info_Os .input_container input:checked~span{color:#2561c5;font-family:Shabnam_Bold}.error{font-size:13px;color:#eb0023;font-family:Shabnam_Regular;width:calc(100% - 30px);margin:10px auto;display:none}.error.number{width:calc(100% - 53px);margin:10px auto;line-height:24px;color:#eb0023;background-color:#fef2f2;padding:8px 12px;border-radius:4px}@keyframes shake{0%{transform:translateX(0)}10%{transform:translateX(-10px)}20%{transform:translateX(10px)}30%{transform:translateX(-10px)}40%{transform:translateX(10px)}50%{transform:translateX(-10px)}60%{transform:translateX(10px)}70%{transform:translateX(-10px)}80%{transform:translateX(10px)}90%{transform:translateX(-10px)}100%{transform:translateX(0)}}@media screen and (min-width: 768px){.container .info_container .btn-container{position:relative;background:none}}/*# sourceMappingURL=style.min.css.map */