@charset "UTF-8";*{scroll-behavior:smooth;scrollbar-color:#e6f2f6 transparent;scrollbar-width:thin}*::-webkit-scrollbar{width:4px;height:4px}*::-webkit-scrollbar-thumb{border-radius:10px;background-color:#e6f2f6}body,html{height:100%;direction:rtl;background-color:#f4f7f6;color:#000}body{font-family:Tajawal,sans-serif!important;height:100%}#app{min-height:100%}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:0}ul{margin-bottom:0;padding:0;list-style:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}p{margin-bottom:0}a{text-decoration:none!important;outline:none;transition:all .3s}a:hover,a:active,a:focus{outline:0;color:inherit}.center-block{float:none}.background-cover{background-size:cover!important}input,textarea,button,select{outline:none;border:none}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.c-toast-container>div{font-family:Tajawal,sans-serif!important;font-weight:700}.c-toast{padding:25px 55px!important;border-radius:10px!important}.c-toast--error,.c-toast--success{position:relative}.c-toast--error:after{content:"x";width:20px;height:20px;border:2px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;padding-bottom:2px;position:absolute;right:25px}.c-toast--success:after{content:"\2713";width:20px;height:20px;border:2px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;position:absolute;right:25px}.v--default-css .c-toast--error{background-color:#e65858!important}.register-header-height{height:50px}.user-page .welcome img{max-width:100%}.toggle{border:2px solid #f5f5f5;width:310px;height:75px;padding:10px;border-radius:10px;display:flex;align-items:center;justify-content:space-between;margin:40px auto 30px;position:relative}.toggle div{display:flex;width:155px;height:55px;align-items:center;justify-content:center;border-radius:10px;cursor:pointer;transition:all .3s;position:relative}.toggle div input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer}.toggle div span{font-size:20px;font-weight:500;color:#000}.toggle div.active{background-color:#f3f3f3}.toggle div.upgrade{width:100%}.toggle .save{position:absolute;right:-55%;bottom:-20%}.cart-section .boxes{background-color:#fff;border-radius:10px}.cart-section .boxes .section-title{font-size:18px;font-weight:700;padding:15px 35px 20px 30px;border-bottom:1px solid #f4f7f6}.cart-section .boxes ul li{position:relative;overflow:hidden}.cart-section .boxes ul li .box{padding:0;border-bottom:2px solid #f4f7f6;transition:all .3s}.cart-section .boxes ul li .box .content{display:flex;align-items:center;justify-content:space-between;padding:20px;transition:all .3s}.cart-section .boxes ul li .box .content .info{display:flex;align-items:center;gap:20px}.cart-section .boxes ul li .box .content .info .icon{width:75px;height:75px;background-color:#fc0;border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden}.cart-section .boxes ul li .box .content .info .details .name{font-size:20px;font-weight:700}.cart-section .boxes ul li .box .content .info .details .time{display:flex;align-items:center;gap:20px}.cart-section .boxes ul li .box .content .info .details .time p{font-size:14px;font-weight:500;color:#4f606b}.cart-section .boxes ul li .box .content .price-box{background-color:#f4f7f6;padding:10px;border-radius:10px}.cart-section .boxes ul li .box .content .price-box .price{color:#00c5bb;font-size:16px;font-weight:500}.cart-section .boxes ul li .box .remove{position:absolute;width:60px;height:100%;top:0;left:-100%;background-color:#ff3b30;display:flex;align-items:center;justify-content:center;z-index:1;transition:all .3s;cursor:pointer}.cart-section .boxes ul li .box .remove svg path{fill:#fff}.cart-section .boxes ul li.swipe .box .content{transform:translate3d(70px,0,0)}.cart-section .boxes ul li.swipe .box .remove{left:0}.cart-section .boxes .total{text-align:center;padding:20px;border-top:1px solid #f4f7f6}.cart-section .boxes .total p{display:flex;align-items:center;justify-content:space-between;background-color:#f4f7f6;padding:10px;border-radius:10px;font-size:16px;font-weight:500}.cart-section .boxes .total p span{color:#00c5bb}.cart-section .boxes .next-button{padding:40px 20px}.cart-section .boxes .next-button .next{width:100%;height:60px}.progress-nav{position:relative;display:flex;flex-direction:row;justify-content:space-between;width:90%;margin:70px auto}.progress-nav .bar{position:absolute;top:50%;left:50%;background:rgba(132,240,236,.3019607843);width:100%;height:3px;border-radius:10px;transform:translate(-50%,-50%);overflow:hidden;transition:all 1s}.progress-nav .bar__fill{display:block;background:rgba(132,240,236,.7019607843);height:100%;transition:all 1s}.progress-nav .point{position:relative;color:#0000004f;cursor:pointer}.progress-nav .point.point--complete .bullet,.progress-nav .point.point--active .bullet{background:#FFFFFF;box-shadow:0 2px 4px #0003,0 0 0 6px #00c5bb}.progress-nav .point.point--active .bullet{box-shadow:0 2px 4px #0003,0 0 0 10px #00c5bb}.progress-nav .point--complete,.progress-nav .point--active{color:#000}.progress-nav .point .bullet{z-index:1;position:relative;background:#00c5bb;width:8px;height:8px;border-radius:100%;transition:.3s ease}.progress-nav .point .label{position:absolute;top:100%;left:50%;margin:20px 0 0;font-size:.75rem;font-weight:600;text-transform:uppercase;transform:translate(-50%);text-wrap:nowrap}.Password-strength{position:relative;height:3px;background:#ddd;margin:10px auto 20px;border-radius:0}.Password-strength:after,.Password-strength:before{content:"";height:inherit;background:transparent;display:block;border-color:#fff;border-style:solid;border-width:0 5px;position:absolute;width:87px;z-index:10}.Password-strength:after{right:70px}.Password-strength:before{left:70px}.Password-strength .fill{background:transparent;height:inherit;position:absolute;width:0;border-radius:inherit;transition:width .5s ease-in-out,background .25s}.Password-strength .fill[data-score="0"]{background:darkred;width:20%}.Password-strength .fill[data-score="1"]{background:#ff4500;width:40%}.Password-strength .fill[data-score="2"]{background:orange;width:60%}.Password-strength .fill[data-score="3"]{background:#9acd32;width:80%}.Password-strength .fill[data-score="4"]{background:green;width:100%}.content .image-section{width:50%;background-color:#00e3d7!important;justify-content:center}.content .image-section .carousel{width:99%}.content .image-section .carousel .carousel__viewport .carousel__track .carousel__slide{display:flex;align-items:center;flex-direction:column;justify-content:center}.content .image-section .carousel .carousel__viewport .carousel__track .carousel__slide .image{max-width:400px;max-height:300px;text-align:center;margin:0 auto 15px;overflow:hidden}.content .image-section .carousel .carousel__viewport .carousel__track .carousel__slide .image img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.content .image-section .carousel .carousel__viewport .carousel__track .carousel__slide .text{width:75%;margin-top:50px}.content .image-section .carousel .carousel__viewport .carousel__track .carousel__slide .text p{font-size:24px;font-weight:700;color:#fff;margin-bottom:10px}.content .image-section .carousel .carousel__viewport .carousel__track .carousel__slide .text span{font-size:16px;font-weight:500;color:#fff}.content .image-section .carousel .carousel__prev,.content .image-section .carousel .carousel__next{top:100%;transform:unset}.content .image-section .carousel .carousel__prev .carousel__icon,.content .image-section .carousel .carousel__next .carousel__icon{fill:#fff}.content .image-section .carousel .carousel__pagination .carousel__pagination-item .carousel__pagination-button:after{width:6px;height:6px;border-radius:50%;background-color:#ffffff52}.content .image-section .carousel .carousel__pagination .carousel__pagination-item .carousel__pagination-button.carousel__pagination-button--active:after{background-color:#fff}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes scale{0%{transform:scale(0);opacity:0}50%{transform:scale(1);opacity:1}to{transform:scale(1.1);opacity:0}}@keyframes animImg1{10%{transform:scale(1.1)}50%{left:50%}to{transform:scale(1);left:calc(50% - 12.5px)}}@keyframes animImg2{10%{transform:scale(1.1)}50%{right:50%}to{transform:scale(1);right:calc(50% - 12.5px)}}@keyframes tabAnimation{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes x{0%{height:90%;width:15%}to{height:60%;width:10%}}@keyframes o{0%{height:90%;width:90%}to{height:60%;width:60%}}.animate-item{animation-name:tabAnimation;animation-direction:normal;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1}.btn-style{display:flex;align-items:center;justify-content:center;background-color:#00c5bb;border-radius:10px;font-size:14px;font-weight:700;color:#fff}.btn-style.empty{background-color:#eff5f5!important;color:#000!important}.modal-dialog-centered{justify-content:center}.header{position:fixed;top:0;right:0;width:100%;z-index:9;background-color:#fff;padding:20px 0}.header .container{display:flex;align-items:center;justify-content:space-between}.header .logo .logo-shape{display:none}.header .helper{display:flex;align-items:center;gap:35px}.header .helper .help-button,.header .helper .cart-button,.header .helper .quote-button{width:45px;height:45px;background-color:#fbfbfb;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.header .helper .help-button svg path,.header .helper .cart-button svg path,.header .helper .quote-button svg path{fill:#8d929d}.header .helper .help-button.time{width:100%;gap:10px;padding:20px;border-radius:30px}.header .helper .cart-button{position:relative}.header .helper .cart-button .number{position:absolute;bottom:6.5px;color:#8d929d;right:12px;font-size:12px;font-weight:500}.header .helper .cart-button .number.double{right:9px}.header .helper .cart-button.time .number{right:5px}.header .helper .cart-button.time .number.double{right:2px}.footer{padding:25px 45px;background-color:#fff;color:#a0a7b4;font-weight:400;text-align:right;font-size:14px;display:flex;justify-content:space-between;align-items:center}.footer .apps{display:flex;justify-content:space-between;align-items:center;gap:20px}.footer .apps ul{padding:0;list-style:none;display:flex;justify-content:space-between;gap:15px}.login-page{background-color:#fff;height:100%}.login-page .content{display:flex;height:100%;min-height:100vh}.login-page .content .content-section,.login-page .content .image-section{flex-basis:50%;display:flex;flex-direction:column}.login-page .content .content-section .register-header{padding:50px 55px 0;display:flex;align-items:center;justify-content:space-between}.login-page .content .content-section .register-header .lang{display:flex;align-items:center;gap:5px;cursor:pointer}.login-page .content .content-section .register-header .lang p{font-weight:700;color:#000}.login-page .content .content-section .login-form{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.login-page .content .content-section .login-form form .head{text-align:center;margin-bottom:50px}.login-page .content .content-section .login-form form .head p{font-size:25px;font-weight:700;color:#000}.login-page .content .content-section .login-form form .group-input{margin-bottom:30px}.login-page .content .content-section .login-form form .group-input input::-moz-placeholder{font-size:14px;font-weight:500;color:#757575;opacity:1}.login-page .content .content-section .login-form form .group-input input::placeholder{font-size:14px;font-weight:500;color:#757575;opacity:1}.login-page .content .content-section .login-form form .group-input .label{font-size:14px;font-weight:500;margin-bottom:10px}.login-page .content .content-section .login-form form .group-input .phone{position:relative;width:400px;max-width:100%;margin:auto;background:#eff5f5;border:none!important;outline:none!important;box-shadow:none!important;font-family:Tajawal;width:100%;border-radius:10px!important;direction:ltr;padding:5px;display:flex;text-align:left}.login-page .content .content-section .login-form form .group-input .phone input{height:45px;padding:10px 15px;margin-left:95px;font-size:16px;font-weight:700;border-radius:10px;width:100%;border:none;outline:none}.login-page .content .content-section .login-form form .group-input .phone input::-moz-placeholder{text-align:right}.login-page .content .content-section .login-form form .group-input .phone input::placeholder{text-align:right}.login-page .content .content-section .login-form form .group-input .phone .box{position:absolute;top:calc(50% + 1px);transform:translateY(-50%);left:10px;font-size:16px;font-weight:500;cursor:pointer;display:flex;align-items:center}.login-page .content .content-section .login-form form .group-input .phone .box .code{margin:0 10px 4px 5px}.login-page .content .content-section .login-form form .group-input .phone .box .dropdown-arrow{content:"";border:solid #707070;border-width:0 3px 3px 0;display:inline-block;padding:2px;transform:rotate(45deg);margin-bottom:6px}.login-page .content .content-section .login-form form .group-input .input-style{background-color:#eff5f5;padding:5px;border-radius:10px;position:relative}.login-page .content .content-section .login-form form .group-input .input-style input{display:block;width:100%;height:45px;background-color:#fff;border-radius:10px;padding:20px;font-size:14px;color:#000}.login-page .content .content-section .login-form form .group-input .input-style svg{width:20px;height:16px;position:absolute;top:50%;transform:translateY(-50%);left:20px;color:#000;cursor:pointer}.login-page .content .content-section .login-form form .group-input select{display:block;width:100%;height:60px;padding:20px;background-color:#eff5f5;border-radius:5px;font-size:18px;color:#8e92aa;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23131313%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:left .7rem top 50%;background-size:.65rem auto}.login-page .content .content-section .login-form form .forget-password{display:block;margin-right:auto;width:-moz-fit-content;width:fit-content;margin-top:-15px;margin-bottom:30px;font-size:16px;color:#000;cursor:pointer}.login-page .content .content-section .login-form form .buttons .send{width:100%;height:60px;background-color:#00c5bb;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:500;color:#fff;cursor:pointer}.login-page .content .content-section .login-form form .buttons .create-account{border:2px solid #00C5BB;border-radius:10px;padding:20px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:500;color:#00c5bb;margin-top:15px;cursor:pointer}.register-page{background-color:#fff;height:100%}.register-page .content{display:flex;height:100%;min-height:100vh}.register-page .content .content-section,.register-page .content .image-section{flex-basis:50%;display:flex;flex-direction:column}.register-page .content .content-section .register-header{padding:50px 55px 0;display:flex;align-items:center;justify-content:space-between}.register-page .content .content-section .register-header .lang{display:flex;align-items:center;gap:5px;cursor:pointer}.register-page .content .content-section .register-header .lang p{font-weight:700;color:#000}.register-page .content .content-section .check-availability-form,.register-page .content .content-section .forget-password-form{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.register-page .content .content-section .check-availability-form form .text,.register-page .content .content-section .forget-password-form form .text{text-align:center;margin-bottom:50px}.register-page .content .content-section .check-availability-form form .text p,.register-page .content .content-section .forget-password-form form .text p{font-size:25px;font-weight:700;color:#000}.register-page .content .content-section .check-availability-form form .text span,.register-page .content .content-section .forget-password-form form .text span{display:block;font-size:18px;font-weight:300;color:#000;margin:20px 0}.register-page .content .content-section .check-availability-form form .group-input,.register-page .content .content-section .forget-password-form form .group-input{width:400px;margin:0 auto 30px}.register-page .content .content-section .check-availability-form form .group-input .label,.register-page .content .content-section .forget-password-form form .group-input .label{font-size:14px;font-weight:500;margin-bottom:10px}.register-page .content .content-section .check-availability-form form .group-input .phone,.register-page .content .content-section .forget-password-form form .group-input .phone{position:relative;width:400px;max-width:100%;margin:auto;background:#eff5f5;border:none!important;outline:none!important;box-shadow:none!important;font-family:Tajawal;width:100%;border-radius:10px!important;direction:ltr;padding:5px;display:flex;text-align:left}.register-page .content .content-section .check-availability-form form .group-input .phone input,.register-page .content .content-section .forget-password-form form .group-input .phone input{height:45px;padding:10px 15px;margin-left:95px;font-size:16px;font-weight:700;border-radius:10px;width:100%;border:none;outline:none}.register-page .content .content-section .check-availability-form form .group-input .phone input::-moz-placeholder,.register-page .content .content-section .forget-password-form form .group-input .phone input::-moz-placeholder{text-align:right}.register-page .content .content-section .check-availability-form form .group-input .phone input::placeholder,.register-page .content .content-section .forget-password-form form .group-input .phone input::placeholder{text-align:right}.register-page .content .content-section .check-availability-form form .group-input .phone .box,.register-page .content .content-section .forget-password-form form .group-input .phone .box{position:absolute;top:calc(50% + 1px);transform:translateY(-50%);left:10px;font-size:16px;font-weight:500;cursor:pointer;display:flex;align-items:center}.register-page .content .content-section .check-availability-form form .group-input .phone .box .code,.register-page .content .content-section .forget-password-form form .group-input .phone .box .code{margin:0 10px 4px 5px}.register-page .content .content-section .check-availability-form form .group-input .phone .box .dropdown-arrow,.register-page .content .content-section .forget-password-form form .group-input .phone .box .dropdown-arrow{content:"";border:solid #707070;border-width:0 3px 3px 0;display:inline-block;padding:2px;transform:rotate(45deg);margin-bottom:6px}.register-page .content .content-section .check-availability-form form .buttons,.register-page .content .content-section .forget-password-form form .buttons{width:400px;margin:auto}.register-page .content .content-section .check-availability-form form .buttons .send,.register-page .content .content-section .forget-password-form form .buttons .send{width:100%;height:60px;background-color:#00c5bb;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:500;color:#fff;cursor:pointer}.register-page .content .content-section .check-availability-form form .buttons .login-box,.register-page .content .content-section .forget-password-form form .buttons .login-box{width:100%;height:60px;background-color:#eff5f5;border-radius:10px;display:flex;align-items:center;justify-content:space-between;padding:15px;margin-top:20px}.register-page .content .content-section .check-availability-form form .buttons .login-box p,.register-page .content .content-section .forget-password-form form .buttons .login-box p{font-size:16px;font-weight:500;color:#6f6970}.register-page .content .content-section .check-availability-form form .buttons .login-box a,.register-page .content .content-section .forget-password-form form .buttons .login-box a{font-size:16px;font-weight:700;color:#00c5bb;cursor:pointer}.register-page .content .content-section .check-availability-form form .buttons .login-box a svg,.register-page .content .content-section .forget-password-form form .buttons .login-box a svg{margin-left:5px}.register-page .content .content-section .otp-form{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.register-page .content .content-section .otp-form .text{text-align:center}.register-page .content .content-section .otp-form .text h5{font-size:25px;font-weight:700;color:#000}.register-page .content .content-section .otp-form .text p{font-size:18px;font-weight:300;color:#000;margin:10px 0}.register-page .content .content-section .otp-form .text span{font-size:16px;font-weight:300;color:#606273}.register-page .content .content-section .otp-form .group-input{display:flex;align-items:center;justify-content:center;flex-direction:row-reverse;margin:50px 0 35px;gap:10px}.register-page .content .content-section .otp-form .group-input .group-input{margin:0}.register-page .content .content-section .otp-form .group-input>div{gap:14px}.register-page .content .content-section .otp-form .group-input input{flex-basis:25%;max-width:100%;width:85px;height:80px;border-radius:10px;background-color:#f9f9f9;border:1px solid transparent;font-size:30px;font-weight:500;color:#00c5bb;text-align:center;transition:all .3s}.register-page .content .content-section .otp-form .group-input input.is-complete{background-color:#fff;border-color:#00c5bb}.register-page .content .content-section .otp-form .buttons{margin:auto}.register-page .content .content-section .otp-form .buttons .submit{width:100%;height:60px;background-color:#00c5bb;line-height:60px;text-align:center;font-size:14px;font-weight:500;color:#fff;margin-top:35px;cursor:pointer}.register-page .content .content-section .otp-form .buttons .resend{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;margin-top:30px}.register-page .content .content-section .otp-form .buttons .resend .timer{font-size:16px;color:#606273}.register-page .content .content-section .otp-form .buttons .resend .re-send{font-size:16px;font-weight:700;color:#000;cursor:pointer}.register-page .content .content-section .forget-password-form form .buttons .login{border:2px solid #00C5BB;border-radius:10px;padding:20px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:500;color:#00c5bb;margin-top:15px;cursor:pointer}.register-page .content .image-section{background-color:#f4f7f6;align-items:center;justify-content:center}.register-page .progress-page{display:flex;align-items:center;justify-content:center;flex-direction:column;height:100%;min-height:100vh;transition:all 1s}.register-page .progress-page .svgBox{position:relative;z-index:1;width:100px;height:75px;margin:auto}.register-page .progress-page .svgBox svg{width:100%;height:100%;fill:none;stroke-width:10px;stroke:url(#col);stroke-dasharray:60 172;stroke-linecap:round;animation:move 1s linear infinite;position:absolute;top:0;left:0}.register-page .progress-page .svgBox svg:nth-of-type(2){filter:blur(10px)}@keyframes move{0%{stroke-dashoffset:0}to{stroke-dashoffset:232px}}.register-page .progress-page .text{width:100%;opacity:0;position:absolute;z-index:7;text-align:center;height:100px;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px;font-weight:700;padding:0 10px;animation:on .6s ease-in-out 3.7s forwards}.register-page .progress-page .text p{overflow:hidden;width:100%;animation:type .3s steps(60,end) 3.7s}.register-page .progress-page .text p:nth-child(2){animation:type2 .5s steps(60,end) 3.7s}.register-page .progress-page .text button{border:0;opacity:0;background:#191919;color:#f5d300;border:1px solid #191919;letter-spacing:2px;padding:.5rem 2.5rem;font-size:12px;font-weight:600;text-transform:uppercase;cursor:pointer;transition:color .5s,background-color .5s;animation:on .6s ease-in-out 4s forwards}.register-page .progress-page .text button:hover{background:#f5d300;color:#191919;border:1px solid #191919}.register-page .progress-page .splash{width:100vw;height:100vh;position:fixed;top:0;display:flex;overflow:hidden}.register-page .progress-page .splash_logo{position:absolute;top:50%;z-index:5;left:50%;transform:translate(-50%,-50%);width:200px;text-align:center;height:60px;font-size:26px;font-weight:600;color:#fff;opacity:1;animation:logo .3s ease-in 1.5s forwards,off .6s ease-in-out 3.2s forwards}.register-page .progress-page .splash_svg{position:relative;margin:auto;top:0;left:0;width:100%;height:100%;bottom:0;right:0}.register-page .progress-page .splash_svg svg{width:100%;height:100%;backface-visibility:visible}.register-page .progress-page .splash_svg svg rect{width:100%;height:100%;fill:#f5d300;stroke:0;-webkit-clip-path:polygon(45vw 40vh,55vw 40vh,55vw 60vh,45vw 60vh);clip-path:polygon(45vw 40vh,55vw 40vh,55vw 60vh,45vw 60vh);animation:expand .7s ease-in forwards 2.7s}.register-page .progress-page .splash_minimize{position:absolute;margin:auto;width:100%;height:100%;top:0;left:0;z-index:4}.register-page .progress-page .splash_minimize svg{width:100%;height:100%;backface-visibility:visible}.register-page .progress-page .splash_minimize svg rect{width:100%;height:100%;fill:#fff;-webkit-clip-path:polygon(0vw 0vh,100vw 0vh,100vw 100vh,0vw 100vh);clip-path:polygon(0vw 0vh,100vw 0vh,100vw 100vh,0vw 100vh);animation:scale .2s ease-out forwards 1s,hide 1.3s ease-out forwards 1.2s}@keyframes scale{to{-webkit-clip-path:polygon(45vw 40vh,55vw 40vh,55vw 60vh,45vw 60vh);clip-path:polygon(45vw 40vh,55vw 40vh,55vw 60vh,45vw 60vh)}}@keyframes hide{to{fill:transparent}}@keyframes off{to{opacity:0}}@keyframes on{to{opacity:1}}@keyframes logo{to{color:#292929}}@keyframes type{0%{width:0}}@keyframes type2{0%{width:0}50%{width:0}to{width:100}}@keyframes expand{25%{-webkit-clip-path:polygon(0vw 0vh,55vw 40vh,55vw 60vh,45vw 60vh);clip-path:polygon(0vw 0vh,55vw 40vh,55vw 60vh,45vw 60vh);fill:#fff}50%{-webkit-clip-path:polygon(0vw 0vh,100vw 0vh,55vw 60vh,45vw 60vh);clip-path:polygon(0vw 0vh,100vw 0vh,55vw 60vh,45vw 60vh);fill:#f5d300}75%{-webkit-clip-path:polygon(0vw 0vh,100vw 0vh,55vw 60vh,0vw 100vh);clip-path:polygon(0vw 0vh,100vw 0vh,55vw 60vh,0vw 100vh);fill:#fff}to{-webkit-clip-path:polygon(0vw 0vh,100vw 0vh,100vw 100vh,0vw 100vh);clip-path:polygon(0vw 0vh,100vw 0vh,100vw 100vh,0vw 100vh);fill:#f5d300}}.register-page .register-form{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;transition:all 1s}.register-page .register-form .head{margin-bottom:50px}.register-page .register-form .head .text{text-align:center}.register-page .register-form .head .text p{font-size:25px;font-weight:700;color:#000;margin-bottom:10px}.register-page .register-form .head .text span{font-size:18px;font-weight:300;color:#000}.register-page .register-form form .group-input{position:relative;margin-bottom:20px}.register-page .register-form form .group-input label{margin-bottom:10px;font-size:14px;font-weight:500;color:#000}.register-page .register-form form .group-input input{background-color:#eff5f5;display:block;padding:20px;font-size:14px;width:400px;height:60px;border-radius:10px;transition:all .3s}.register-page .register-form form .group-input input::-moz-placeholder{font-size:14px;font-weight:300;color:#8e92aa}.register-page .register-form form .group-input input::placeholder{font-size:14px;font-weight:300;color:#8e92aa}.register-page .register-form form .group-input input.domain{direction:ltr;position:relative;z-index:9}.register-page .register-form form .group-input .info-icon{position:absolute;top:53%;right:20px}.register-page .register-form form .group-input .info-icon.active{display:none}.register-page .register-form form .group-input .show-password{position:absolute;top:50%;left:20px;cursor:pointer}.register-page .register-form form .subDomStyle{position:absolute;top:50%;transform:translateY(-50%);left:20px;transition:all .3s;direction:ltr;z-index:9}.register-page .register-form form .subDomStyle.active{top:50px;z-index:unset}.register-page .register-form form .subDomStyle img{display:block;transition:all .3s ease;opacity:1;visibility:visible;max-width:100%;transform:translateY(0)}.register-page .register-form form .subDomStyle.active img{opacity:0;visibility:hidden;transform:translateY(-100%)}.register-page .register-form form .subDomStyle .link{font-size:14px;font-weight:500;color:#8e92aa;max-width:100%;display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;position:relative;transition:all .4s ease;top:-2px}.register-page .register-form form .subDomStyle.active .link{font-size:13px;top:-51px}.register-page .register-form form .subDomStyle .link span{color:#ffce4a;font-weight:700}.register-page .register-form .privacy{display:flex;align-items:center;gap:15px;cursor:pointer}.register-page .register-form .privacy .check-box{width:50px;height:30px;border:2px solid #eee;border-radius:15px;display:flex;justify-content:flex-start;align-items:center;padding:0 3px;transition:all .3s}.register-page .register-form .privacy .check-box.active{border:2px solid #05b0aa;background-color:#05b0aa}.register-page .register-form .privacy .check-box.active .circle{transform:translate(-22px)}.register-page .register-form .privacy .check-box .circle{width:19px;height:19px;background-color:#fff;border-radius:50%;transition:all .3s}.register-page .register-form .privacy span{font-size:14px;font-weight:500;color:#fff}.register-page .register-form .terms{display:flex;align-items:center;gap:15px;cursor:pointer;margin-bottom:40px}.register-page .register-form .terms .checkbox-style{display:block;position:relative;padding-left:25px;margin-bottom:30px;cursor:pointer;font-size:22px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.register-page .register-form .terms .checkbox-style input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.register-page .register-form .terms .checkbox-style input:checked~.checkmark{background-color:#00c5bb}.register-page .register-form .terms .checkbox-style input:checked~.checkmark:after{display:block}.register-page .register-form .terms .checkbox-style .checkmark{position:absolute;top:0;left:0;height:25px;width:25px;border:2px solid #eff5f5;border-radius:5px}.register-page .register-form .terms .checkbox-style .checkmark:after{content:"";position:absolute;display:none;left:9px;top:5px;width:5px;height:10px;border:solid white;border-width:0 3px 3px 0;transform:rotate(45deg)}.register-page .register-form .terms p{font-size:14px;color:#000}.register-page .register-form .terms p a{color:#00c5bb;text-decoration:underline}.register-page .register-form .submit{margin-bottom:40px}.register-page .register-form .submit button{width:100%;height:60px;background-color:#00c5bb;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:500;color:#fff}.privacy-policy{padding:0 40px 45px 20px;transition:all 1s}.privacy-policy h5{font-size:20px;font-weight:700;color:#000;margin-bottom:25px}.privacy-policy ul{height:400px;-ms-overflow-style:none;scrollbar-width:thin;scrollbar-color:#e6f2f6 transparent;overflow-y:scroll}.privacy-policy ul::-webkit-scrollbar{width:.5em}.privacy-policy ul::-webkit-scrollbar-thumb{background-color:#e6f2f6;border-radius:10px}.privacy-policy ul li{font-size:14px;font-weight:500;color:#000;padding-left:40px;line-height:30px;text-align:justify}.privacy-policy ul li:not(:last-of-type){margin-bottom:25px}.privacy-policy button{width:130px;height:60px;line-height:60px;margin-right:auto;margin-top:50px;background-color:#00c5bb;color:#fff}.user-page{position:relative}.user-page .welcome{padding:30px 40px 45px}.user-page .welcome .content{text-align:center}.user-page .welcome .content svg{max-width:100%}.user-page .welcome .content p{margin-top:45px;margin-bottom:55px;font-size:18px;font-weight:500;color:#000;line-height:1.8}.user-page .welcome .content button{background-color:#00c5bb;width:450px;height:60px;line-height:60px;margin:20px auto 0;border-radius:10px;font-size:16px;font-weight:700;color:#fff}.user-page .welcome .content .loaderStyle{width:80px;height:80px;border-radius:20px;text-align:center;position:relative;transform:scale(.7);display:block;margin:auto}.user-page .welcome .content .loaderStyle .circle1{position:absolute;left:calc(50% - 12.5px);top:calc(50% - 12.5px);width:40px;height:40px;line-height:64px;background-color:#fed402;border-radius:50%;animation:animImg1 1.2s infinite}.user-page .welcome .content .loaderStyle .circle2{position:absolute;right:calc(50% - 12.5px);top:calc(50% - 12.5px);width:40px;height:40px;line-height:64px;border-radius:50%;background-color:#05b0aa;animation:animImg2 1.2s infinite}.user-page .welcome .content .list{display:flex;align-items:center;justify-content:space-evenly;padding:30px 0;flex-wrap:wrap;gap:10px}.user-page .welcome .content .list li{font-size:18px;font-weight:500;color:#000}.user-page .welcome .content .video-style{position:relative;border-radius:10px;padding:20px}.user-page .welcome .content .video-style img{border-radius:10px}.user-page .welcome .content .video-style .play-button{background-color:#000;width:150px;height:60px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer}.user-page .welcome .content .video-player{position:fixed;top:0;right:0;width:100%;height:100%;background-color:#000000b3;z-index:99}.user-page .welcome .content .video-player .box{border-radius:10px;height:-moz-fit-content;height:fit-content;left:50%;top:50%;transform:translate(-50%,-50%);overflow:hidden;position:fixed;width:80%}.user-page .welcome .content .boxes{display:flex;align-items:center;gap:10px;padding:20px 0;flex-wrap:wrap}.user-page .welcome .content .boxes .box{flex:1;background-color:#fff;border-radius:10px;display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:40px}.user-page .welcome .content .boxes .box .icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;padding:10px}.user-page .welcome .content .boxes .box .text{font-size:18px;font-weight:500;color:#000;margin:0}.user-page .packages-page{padding:25px 0 40px}.user-page .packages-page .box{background-color:#fff;border-radius:20px;padding:45px 30px 50px}.user-page .packages-page .box .head .title{margin-bottom:30px}.user-page .packages-page .box .head .title p{font-size:25px;font-weight:700;margin-bottom:5px}.user-page .packages-page .box .head .title span{display:block;max-width:575px;font-size:16px;line-height:35px}.user-page .packages-page .box .compare-packages{width:140px;height:40px;background-color:#f4f7f6;border-radius:20px;display:flex;align-items:center;justify-content:center;gap:10px;margin:auto;color:#7a7a7a;cursor:pointer}.user-page .packages-page .box .compare-packages svg{font-size:16px}.user-page .packages-page .box .compare-packages span{font-size:14px}.user-page .packages-page .box .packages-boxes{display:flex;flex-wrap:wrap;margin-top:30px}.user-page .packages-page .box .packages-boxes .box{flex-basis:25%;padding:10px}.user-page .packages-page .box .packages-boxes .box.checked .package{border:2px solid #00c5bb}.user-page .packages-page .box .packages-boxes .box .package{padding:5px;border:2px solid #f5f5f5;border-radius:10px;transition:all .3s}.user-page .packages-page .box .packages-boxes .box .package .head{margin:5px;padding:10px;border-radius:10px;transition:all .3s}.user-page .packages-page .box .packages-boxes .box .package .head .name{font-size:28px;font-weight:700;margin-bottom:10px}.user-page .packages-page .box .packages-boxes .box .package .head .desc{font-weight:300;color:#514e63}.user-page .packages-page .box .packages-boxes .box .package .price-activation{padding:10px 0}.user-page .packages-page .box .packages-boxes .box .package .price-activation .price{margin-bottom:20px;padding:0 10px}.user-page .packages-page .box .packages-boxes .box .package .price-activation .price .price-box{display:flex;align-items:baseline;gap:10px}.user-page .packages-page .box .packages-boxes .box .package .price-activation .price .price-box p{font-size:24px;font-weight:900}.user-page .packages-page .box .packages-boxes .box .package .price-activation .price .price-box span{color:#7a7a7a}.user-page .packages-page .box .packages-boxes .box .package .price-activation .activation{border-bottom:1px solid #f5f5f5;padding:0 10px 30px}.user-page .packages-page .box .packages-boxes .box .package .price-activation .activation button{width:100%!important;display:flex;align-items:center;justify-content:center;background-color:#00c5bb;border:1px solid #00c5bb;border-radius:10px;width:110px;height:40px;padding:10px;font-size:14px;font-weight:700;color:#fff}.user-page .packages-page .box .packages-boxes .box .package .price-activation .activation button.active{background-color:transparent;color:#00c5bb}.user-page .packages-page .box .packages-boxes .box .package .features{padding:10px}.user-page .packages-page .box .packages-boxes .box .package .features ul li{display:flex;align-items:center;gap:10px;margin-bottom:20px}.user-page .packages-page .box .packages-boxes .box .package .features ul li p{font-weight:500}.user-page .packages-page .box .packages-boxes .box .package .features ul li p span{font-weight:300}.user-page .packages-page .box .packages-boxes .box .package:hover{border:2px solid #00c5bb}.user-page .applications-page{padding:25px 0 40px;position:relative}.user-page .applications-page .box{background-color:#fff;border-radius:20px;padding:45px 30px 50px}.user-page .applications-page .box .head .title{margin-bottom:30px}.user-page .applications-page .box .head .title p{font-size:25px;font-weight:700;margin-bottom:5px}.user-page .applications-page .box .head .title span{display:block;max-width:575px;font-size:16px;line-height:35px}.user-page .applications-page .box .head .no-packages-title{text-align:center;margin-bottom:40px}.user-page .applications-page .box .head .no-packages-title p{font-size:18px;font-weight:700;color:#000;margin-bottom:5px}.user-page .applications-page .box .head .no-packages-title span{font-size:18px;font-weight:500;color:#000}.user-page .applications-page .box .plugins-filter{width:140px;height:40px;background-color:#f4f7f6;border-radius:20px;display:flex;align-items:center;justify-content:center;gap:10px;margin:auto;color:#7a7a7a}.user-page .applications-page .box .plugins-filter svg{font-size:16px}.user-page .applications-page .box .plugins-filter span{font-size:14px}.user-page .applications-page .box .applications-boxes{display:flex;flex-wrap:wrap;justify-content:space-between}.user-page .applications-page .box .applications-boxes .application{border:2px solid #f4f7f6;border-radius:20px;padding:20px 20px 25px;margin-top:20px;position:relative;flex-basis:31%;display:flex;flex-direction:column;justify-content:space-between}.user-page .applications-page .box .applications-boxes .application.checked{border-color:#84f0ec4d}.user-page .applications-page .box .applications-boxes .application .head{display:flex;align-items:center;justify-content:space-between}.user-page .applications-page .box .applications-boxes .application .head .info{display:flex;align-items:center;gap:10px}.user-page .applications-page .box .applications-boxes .application .head .info .icon{width:60px;height:60px;border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center}.user-page .applications-page .box .applications-boxes .application .head .info .icon img{max-width:100%}.user-page .applications-page .box .applications-boxes .application .head .info .text p,.user-page .applications-page .box .applications-boxes .application .head .info .text span{font-size:20px}.user-page .applications-page .box .applications-boxes .application .head .info .text p{font-weight:700}.user-page .applications-page .box .applications-boxes .application .head .info .text span{font-weight:300}.user-page .applications-page .box .applications-boxes .application .head .star{display:flex;align-items:center;gap:5px}.user-page .applications-page .box .applications-boxes .application .head .star .number{font-size:14px;color:#848484}.user-page .applications-page .box .applications-boxes .application .loader{width:30px;height:30px;border:5px solid #FFF;border-bottom-color:#00c5bb;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}.user-page .applications-page .box .applications-boxes .application .loader.installing{border:5px solid #00C5BB;border-bottom-color:#fff}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.user-page .applications-page .box .applications-boxes .content{margin:15px 0 20px;max-width:515px}.user-page .applications-page .box .applications-boxes .content p{font-size:16px;font-weight:300;line-height:30px;color:#848484}.user-page .applications-page .box .applications-boxes .content p a{font-size:14px;font-weight:500;color:#00c5bb}.user-page .applications-page .box .applications-boxes .price-activation{display:flex;align-items:center;justify-content:space-between}.user-page .applications-page .box .applications-boxes .price-activation .price-box{display:flex;align-items:center;justify-content:flex-end;gap:10px}.user-page .applications-page .box .applications-boxes .price-activation .price-box p{font-size:30px;font-weight:900}.user-page .applications-page .box .applications-boxes .price-activation .price-box span{font-size:16px}.user-page .applications-page .box .applications-boxes .price-activation .activation button{display:flex;align-items:center;justify-content:center;background-color:transparent;border:1px solid #00c5bb;border-radius:10px;width:110px;height:40px;padding:10px;font-size:14px;font-weight:700;color:#00c5bb}.user-page .applications-page .box .applications-boxes .price-activation .activation button.active{background-color:#00c5bb;color:#fff}.user-page .financial-information-page{padding:25px 0 90px}.user-page .financial-information-page .box{background-color:#fff;border-radius:20px;padding:45px 30px 50px}.user-page .financial-information-page .box .head .title{margin-bottom:30px}.user-page .financial-information-page .box .head .title p{font-size:25px;font-weight:700;margin-bottom:5px}.user-page .financial-information-page .box .head .title span{display:block;max-width:575px;font-size:16px;line-height:35px}.user-page .financial-information-page .box .financial-form{padding-top:80px}.user-page .financial-information-page .box .financial-form .group{display:flex;align-items:center;gap:20px}.user-page .financial-information-page .box .financial-form .group .group-input{margin-top:30px;flex:1}.user-page .financial-information-page .box .financial-form .group .group-input .label{font-size:14px;font-weight:500;margin-bottom:10px}.user-page .financial-information-page .box .financial-form .group .group-input .label.required:after{content:"*";color:red;margin-right:3px}.user-page .financial-information-page .box .financial-form input,.user-page .financial-information-page .box .financial-form select{display:block;width:100%;height:60px;padding:20px;background-color:#eff5f5;border-radius:5px;font-size:14px}.user-page .financial-information-page .box .financial-form input::-moz-placeholder,.user-page .financial-information-page .box .financial-form select::-moz-placeholder{font-size:14px;color:#8e92aa;opacity:1}.user-page .financial-information-page .box .financial-form input::placeholder,.user-page .financial-information-page .box .financial-form select::placeholder{font-size:14px;color:#8e92aa;opacity:1}.user-page .financial-information-page .box .financial-form .v-select.select-style .vs__selected{position:absolute;top:50%;transform:translateY(-50%);right:20px;z-index:2}.user-page .financial-information-page .box .financial-form .v-select.select-style .vs__actions{position:absolute;top:50%;transform:translateY(-50%);left:20px;z-index:1}.user-page .financial-information-page .box .financial-form .v-select.select-style .vs__actions svg{fill:#707070}.user-page .financial-information-page .box .financial-form .v-select.select-style .vs__clear{display:none}.user-page .choose-layout{padding:25px 0 40px;position:relative}.user-page .choose-layout .box{background-color:#fff;border-radius:20px;padding:45px 30px 50px}.user-page .choose-layout .box .head .title{margin-bottom:30px}.user-page .choose-layout .box .head .title p{font-size:25px;font-weight:700;margin-bottom:5px}.user-page .choose-layout .box .head .title span{display:block;max-width:575px;font-size:16px;line-height:35px}.user-page .choose-layout .box .content{text-align:center;margin-top:50px}.user-page .choose-layout .box .content p{font-size:18px;font-weight:700;margin-bottom:30px}.user-page .choose-layout .box .content ul{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:30px}.user-page .payment-status{padding:25px 0 40px}.user-page .payment-status .box{background-color:#fff;border-radius:20px;padding:170px 20px;text-align:center}.user-page .payment-status .box .fail p{margin-top:30px;font-size:24px;color:#000;font-weight:500}.user-page .payment-status .box .fail .re{width:130px;height:60px;line-height:60px;position:absolute;bottom:30px;left:30px}.user-page .payment-status .box .fail .back{position:absolute;bottom:30px;right:30px;cursor:pointer}.user-page .payment-status .box .success{position:relative}.user-page .payment-status .box .success .progress-loading{text-align:center}.user-page .payment-status .box .success .progress-loading h5{font-size:24px;font-weight:700;color:#000;margin-top:35px;margin-bottom:10px}.user-page .payment-status .box .success .progress-loading p{font-size:18px;font-weight:500;color:#000;margin-top:30px}.user-page .payment-status .box .success .progress-loading .progress{max-width:560px;margin:auto auto 25px;align-items:center;padding:0 10px;border-radius:100px;flex-direction:row-reverse}.user-page .payment-status .box .success .progress-loading .progress .progress-bar{height:5px;background-color:#05b0aa;border-radius:100px}.user-page .payment-status .box .success .progress-loading .progress-number span{font-size:30px;font-weight:500;color:#fff}.user-page .payment-page{padding:55px 0 90px}.user-page .payment-page .box{background-color:#fff;border-radius:20px;padding:45px 30px 50px}.user-page .payment-page .box .head .title{margin-bottom:30px}.user-page .payment-page .box .head .title p{font-size:25px;font-weight:700;margin-bottom:5px}.user-page .payment-page .box .head .title span{display:block;max-width:575px;font-size:16px;line-height:35px}.user-page .payment-page .box .payment-settings,.user-page .payment-page .box .payment-options{padding-top:50px}.user-page .payment-page .box .payment-settings .head,.user-page .payment-page .box .payment-options .head{display:flex;align-items:center;justify-content:space-between}.user-page .payment-page .box .payment-settings .head p,.user-page .payment-page .box .payment-options .head p{font-size:18px;font-weight:700}.user-page .payment-page .box .payment-settings>ul>li,.user-page .payment-page .box .payment-options>ul>li{border:2px solid #f4f7f6;border-radius:20px;margin-top:25px}.user-page .payment-page .box .payment-settings>ul>li.active,.user-page .payment-page .box .payment-options>ul>li.active{border-color:#00c5bb}.user-page .payment-page .box .payment-settings>ul>li .option,.user-page .payment-page .box .payment-options>ul>li .option{display:flex;align-items:center;justify-content:space-between;padding:25px 30px}.user-page .payment-page .box .payment-settings>ul>li .option .text,.user-page .payment-page .box .payment-options>ul>li .option .text{display:flex;align-items:center;gap:20px}.user-page .payment-page .box .payment-settings>ul>li .option .text .name,.user-page .payment-page .box .payment-options>ul>li .option .text .name{font-size:18px;font-weight:500}.user-page .payment-page .box .payment-settings>ul>li .option .title,.user-page .payment-page .box .payment-options>ul>li .option .title{font-size:20px;font-weight:500}.user-page .payment-page .box .payment-settings>ul>li .option .price-box,.user-page .payment-page .box .payment-options>ul>li .option .price-box{display:flex;align-items:center;gap:40px}.user-page .payment-page .box .payment-settings>ul>li .option .price-box .price,.user-page .payment-page .box .payment-options>ul>li .option .price-box .price{display:flex;align-items:center;gap:5px}.user-page .payment-page .box .payment-settings>ul>li .option .price-box .price p,.user-page .payment-page .box .payment-options>ul>li .option .price-box .price p{font-size:30px;font-weight:900}.user-page .payment-page .box .payment-settings>ul>li .option .price-box .price span,.user-page .payment-page .box .payment-options>ul>li .option .price-box .price span{font-size:16px}.user-page .payment-page .box .payment-settings>ul>li .option .price-box .price .dis span.price-dis,.user-page .payment-page .box .payment-options>ul>li .option .price-box .price .dis span.price-dis{text-decoration:line-through;margin-left:5px}.user-page .payment-page .box .payment-settings>ul>li .option .price-box .price .dis span.dis-text,.user-page .payment-page .box .payment-settings>ul>li .option .price-box .price .dis span.dis-saved,.user-page .payment-page .box .payment-options>ul>li .option .price-box .price .dis span.dis-text,.user-page .payment-page .box .payment-options>ul>li .option .price-box .price .dis span.dis-saved{color:#00c5bb;font-weight:500}.user-page .payment-page .box .payment-settings>ul>li .option .icon img:not(:last-child),.user-page .payment-page .box .payment-options>ul>li .option .icon img:not(:last-child){margin-left:45px}.user-page .payment-page .box .payment-settings>ul>li .option .checkbox-style,.user-page .payment-page .box .payment-options>ul>li .option .checkbox-style{display:block;position:relative;top:2px;left:-10px;padding-left:25px;margin-bottom:30px;cursor:pointer;font-size:22px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.user-page .payment-page .box .payment-settings>ul>li .option .checkbox-style input,.user-page .payment-page .box .payment-options>ul>li .option .checkbox-style input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.user-page .payment-page .box .payment-settings>ul>li .option .checkbox-style .checkmark,.user-page .payment-page .box .payment-options>ul>li .option .checkbox-style .checkmark{position:absolute;top:0;left:0;height:27px;width:27px;border:2px solid #eff5f5;border-radius:50%}.user-page .payment-page .box .payment-settings>ul>li .option .checkbox-style .checkmark:after,.user-page .payment-page .box .payment-options>ul>li .option .checkbox-style .checkmark:after{content:"";position:absolute;display:none;top:50%;left:50%;transform:translate(-50%,-50%);width:13px;height:13px;background-color:#fff;border-radius:50%;box-shadow:0 3px 6px #00000029}.user-page .payment-page .box .payment-settings>ul>li .option .checkbox-style .checkmark.checked,.user-page .payment-page .box .payment-options>ul>li .option .checkbox-style .checkmark.checked{background-color:#00c5bb}.user-page .payment-page .box .payment-settings>ul>li .option .checkbox-style .checkmark.checked:after,.user-page .payment-page .box .payment-options>ul>li .option .checkbox-style .checkmark.checked:after{display:block}.user-page .payment-page .box .payment-settings>ul>li .option.bank,.user-page .payment-page .box .payment-options>ul>li .option.bank{border-bottom:2px solid #f4f7f6}.user-page .payment-page .box .payment-settings>ul>li .info .top,.user-page .payment-page .box .payment-options>ul>li .info .top{padding:20px}.user-page .payment-page .box .payment-settings>ul>li .info .top .notice,.user-page .payment-page .box .payment-options>ul>li .info .top .notice{padding:20px 25px 15px 80px;background-color:#fff8e5;border-radius:5px}.user-page .payment-page .box .payment-settings>ul>li .info .top .notice p,.user-page .payment-page .box .payment-options>ul>li .info .top .notice p{font-size:14px;font-weight:400;line-height:25px;color:#c99300}.user-page .payment-page .box .payment-settings>ul>li .info .top .banks,.user-page .payment-page .box .payment-options>ul>li .info .top .banks{display:flex;flex-wrap:wrap;align-items:center;gap:20px;padding-top:20px}.user-page .payment-page .box .payment-settings>ul>li .info .top .banks li,.user-page .payment-page .box .payment-options>ul>li .info .top .banks li{display:flex;align-items:center;justify-content:center;flex:1;height:50px;background-color:#f3f3f3;border-radius:2px;max-width:200px}.user-page .payment-page .box .payment-settings>ul>li .info .top .banks li img,.user-page .payment-page .box .payment-options>ul>li .info .top .banks li img{height:100%}.user-page .payment-page .box .payment-settings>ul>li .info .content ul,.user-page .payment-page .box .payment-options>ul>li .info .content ul{width:100%}.user-page .payment-page .box .payment-settings>ul>li .info .content ul li,.user-page .payment-page .box .payment-options>ul>li .info .content ul li{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #f4f7f6;padding:15px 20px 20px 65px;font-size:14px}.user-page .payment-page .box .payment-settings>ul>li .info .content ul li p,.user-page .payment-page .box .payment-options>ul>li .info .content ul li p{font-weight:700}.user-page .payment-page .box .payment-settings>ul>li .info .content ul li:last-child,.user-page .payment-page .box .payment-options>ul>li .info .content ul li:last-child{border-bottom:1px solid #f4f7f6}.user-page .payment-page .box .payment-settings>ul>li .info .uploading,.user-page .payment-page .box .payment-options>ul>li .info .uploading{padding:20px}.user-page .payment-page .box .payment-settings>ul>li .info .uploading .upload,.user-page .payment-page .box .payment-options>ul>li .info .uploading .upload{position:relative;border:2px dashed #e6e6e6;border-radius:5px;padding:20px 15px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:14px;font-weight:500;color:#fff}.user-page .payment-page .box .payment-settings>ul>li .info .uploading .upload input[type=file],.user-page .payment-page .box .payment-options>ul>li .info .uploading .upload input[type=file]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.user-page .payment-page .box .payment-settings>ul>li .info .uploading .upload p,.user-page .payment-page .box .payment-options>ul>li .info .uploading .upload p{font-size:14px;font-weight:500;color:#818181}.user-page .payment-page .box .payment-settings>ul>li .info .uploading .upload .wait,.user-page .payment-page .box .payment-options>ul>li .info .uploading .upload .wait{display:flex;align-items:center;gap:15px}.user-page .payment-page .box .payment-settings>ul>li .info .uploading .upload .wait svg,.user-page .payment-page .box .payment-options>ul>li .info .uploading .upload .wait svg{animation-name:spin;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:1s}.user-page .payment-page .box .payment-settings>ul>li .info .uploading>span,.user-page .payment-page .box .payment-options>ul>li .info .uploading>span{display:block;font-size:12px;font-weight:500;margin-top:10px}.user-page .payment-page .box .payment-settings>ul>li .info .uploading .img-upload,.user-page .payment-page .box .payment-options>ul>li .info .uploading .img-upload{display:flex;align-items:center;justify-content:space-between;border:1px solid #f1f4f6;border-radius:5px;padding:15px}.user-page .payment-page .box .payment-settings>ul>li .info .uploading .img-upload .image,.user-page .payment-page .box .payment-options>ul>li .info .uploading .img-upload .image{display:flex;align-items:center;gap:10px}.user-page .payment-page .box .payment-settings>ul>li .info .uploading .img-upload .image .photo,.user-page .payment-page .box .payment-options>ul>li .info .uploading .img-upload .image .photo{width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:10px;overflow:hidden;background-color:#fff;position:relative}.user-page .payment-page .box .payment-settings>ul>li .info .uploading .img-upload .image .photo img,.user-page .payment-page .box .payment-options>ul>li .info .uploading .img-upload .image .photo img{max-width:100%}.user-page .payment-page .box .payment-settings>ul>li .info .uploading .img-upload .image p,.user-page .payment-page .box .payment-options>ul>li .info .uploading .img-upload .image p{font-size:14px}.user-page .payment-page .box .payment-settings>ul>li .info .uploading .img-upload .helper ul,.user-page .payment-page .box .payment-options>ul>li .info .uploading .img-upload .helper ul{display:flex;align-items:center;gap:30px}.user-page .payment-page .box .payment-settings>ul>li .info .uploading .img-upload .helper ul li,.user-page .payment-page .box .payment-options>ul>li .info .uploading .img-upload .helper ul li{cursor:pointer}.user-page .payment-page .box .payment-settings{padding-top:80px}#receiptImageModal .modal-dialog .modal-content .modal-body img{width:100%}#registerModal .modal-content{padding:60px 0 55px;border-radius:20px}#registerModal .modal-content .modal-header{justify-content:center;border:none;padding:0}#registerModal .modal-content .modal-header .close{position:absolute;top:10px;left:10px;width:50px;height:50px;background-color:#00c5bb;display:flex;align-items:center;justify-content:center;border-radius:10px;font-size:24px;font-weight:700;color:#fff;cursor:pointer}#registerModal .modal-content .modal-header .icon{width:120px;height:120px;display:flex;align-items:center;justify-content:center;background-color:#05ada826;border-radius:25px}#registerModal .modal-content .modal-body{padding:20px 20px 40px}#registerModal .modal-content .modal-body p{font-size:18px;font-weight:500;text-align:center}#registerModal .modal-content .modal-footer{border:none;justify-content:space-between;flex-wrap:nowrap;padding:0 10px}#registerModal .modal-content .modal-footer button{width:100%;height:60px;line-height:60px}#registerModal .modal-content .modal-footer button.no{background-color:#f2f1ee;color:#000}#registerModal .modal-content .modal-footer button.yes{background-color:#00c5bb;color:#fff}#technicalSupportCall{height:54vh;border-radius:20px 20px 0 0;border:none}#technicalSupportCall .icon{width:120px;height:120px;display:flex;align-items:center;justify-content:center;background-color:#05ada826;border-radius:25px;margin:auto}#technicalSupportCall .offcanvas-body{display:flex;flex-direction:column;justify-content:space-between}#technicalSupportCall .offcanvas-body form{padding:0 20px}#technicalSupportCall .offcanvas-body form .title{font-size:27px;font-weight:700;text-align:center}#technicalSupportCall .offcanvas-body form .time{font-size:16px;font-weight:500;padding:20px 0 10px}#technicalSupportCall .offcanvas-body form .phone{position:relative;width:400px;max-width:100%;margin:auto;background:#eff5f5;border:none!important;outline:none!important;box-shadow:none!important;font-family:Tajawal;width:100%;border-radius:10px!important;direction:ltr;padding:5px;display:flex;text-align:left}#technicalSupportCall .offcanvas-body form .phone input{height:45px;padding:10px 15px;margin-left:95px;font-size:16px;font-weight:700;border-radius:10px;width:100%;border:none;outline:none}#technicalSupportCall .offcanvas-body form .phone input::-moz-placeholder{text-align:right}#technicalSupportCall .offcanvas-body form .phone input::placeholder{text-align:right}#technicalSupportCall .offcanvas-body form .phone .box{position:absolute;top:calc(50% + 1px);transform:translateY(-50%);left:10px;font-size:16px;font-weight:500;cursor:pointer;display:flex;align-items:center}#technicalSupportCall .offcanvas-body form .phone .box .code{margin:0 10px 4px 5px}#technicalSupportCall .offcanvas-body form .phone .box .dropdown-arrow{content:"";border:solid #707070;border-width:0 3px 3px 0;display:inline-block;padding:2px;transform:rotate(45deg);margin-bottom:6px}#technicalSupportCall .offcanvas-body .call-info{text-align:center}#technicalSupportCall .offcanvas-body .call-info .head{margin:20px 0}#technicalSupportCall .offcanvas-body .call-info .head .title{font-size:24px;font-weight:700;margin-bottom:10px}#technicalSupportCall .offcanvas-body .call-info .head .number{font-size:24px;font-weight:500;width:520px;margin:auto;background-color:#fbfbfb;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;padding:20px}#technicalSupportCall .offcanvas-body .call-info .info{display:flex;align-items:center;justify-content:center;gap:20px;font-size:18px;font-weight:500}#technicalSupportCall .offcanvas-body .call-info .info>div{background-color:#fbfbfb;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;padding:20px;width:250px}#technicalSupportCall .offcanvas-body .call-info .info>div p{font-size:18px;font-weight:700}#technicalSupportCall .offcanvas-body .search{width:100%;position:relative;margin:10px 0 30px}#technicalSupportCall .offcanvas-body .search input{width:100%;height:40px;border:1px solid #f4f6fc;border-radius:10px;padding:10px 20px;font-size:14px;color:#000}#technicalSupportCall .offcanvas-body .search input::-moz-placeholder{font-size:14px;color:#000;opacity:1}#technicalSupportCall .offcanvas-body .search input::placeholder{font-size:14px;color:#000;opacity:1}#technicalSupportCall .offcanvas-body .search svg{position:absolute;top:50%;left:20px;transform:translateY(-50%)}#technicalSupportCall .offcanvas-body .search svg path{fill:#354d64}#technicalSupportCall .offcanvas-body .country-list{height:300px;overflow-y:scroll}#technicalSupportCall .offcanvas-body .country-list ul li{margin-bottom:30px}#technicalSupportCall .offcanvas-body .country-list ul li .country-details{display:flex;align-items:center;justify-content:space-between;position:relative}#technicalSupportCall .offcanvas-body .country-list ul li .country-details .name{display:flex;align-items:center;gap:20px}#technicalSupportCall .offcanvas-body .country-list ul li .country-details .name .title{font-size:16px;color:#283b6a}#technicalSupportCall .offcanvas-body .country-list ul li .country-details .code .check{display:flex;gap:10px}#technicalSupportCall .offcanvas-body .country-list ul li .country-details .code .check p{font-size:14px;color:#283b6a;margin-top:-2px}#technicalSupportCall .offcanvas-body .country-list ul li .country-details .code .check input{position:absolute;right:0;width:100%;height:100%;opacity:0;z-index:1}#technicalSupportCall .offcanvas-body .country-list ul li .country-details .code .check input:checked~.check-mark svg{display:block}#technicalSupportCall .offcanvas-body .country-list ul li .country-details .code .check .check-mark{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border:1px solid #d2d2d2;border-radius:5px;margin-bottom:5px}#technicalSupportCall .offcanvas-body .country-list ul li .country-details .code .check .check-mark svg{display:none}#technicalSupportCall .offcanvas-body .country-list ul li .country-details .code .check .check-mark svg path{fill:#00c5bb}#technicalSupportCall .offcanvas-body .country-list ul li .country-details .code .check input[type=radio]:checked+.check-mark svg{display:block}#technicalSupportCall .offcanvas-body .btn-style{width:100%;height:60px;line-height:60px;margin-top:20px}#offcanvasCart{width:450px}#offcanvasCart .offcanvas-header .title{font-size:20px;font-weight:700;color:#000;flex:1;text-align:center}#offcanvasCart .offcanvas-header .close{cursor:pointer;transform:rotate(180deg)}#offcanvasCart .offcanvas-header .cart-number{position:absolute;left:50px}#offcanvasCart .offcanvas-header .cart-number span{margin-left:10px;color:#00c5bb}#offcanvasCart .offcanvas-body{padding:0}.step-foot{position:fixed;bottom:0;right:0;width:100%;background-color:#fff;border-radius:10px;display:flex;align-items:center;justify-content:space-between;padding:20px;z-index:9}.step-foot .next{width:40%;height:40px}.step-foot .mr-auto{margin-right:auto;height:40px}.step-foot .back,.step-foot .lang{width:45px;height:45px;background-color:#f5f5f5;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.shopping-cart{padding:55px 0 90px}.shopping-cart .box{background-color:#fff;border-radius:20px;padding:45px 30px 50px}.shopping-cart .box .title p{font-size:25px;font-weight:700;margin-bottom:5px}.shopping-cart .box .title span{display:block;max-width:575px;font-size:16px;line-height:35px}.shopping-cart .box .cart .item{padding:20px 0;border-bottom:2px solid #f4f7f6;position:relative;overflow:hidden;transition:all .3s;cursor:move}.shopping-cart .box .cart .item .content{display:flex;align-items:center;justify-content:space-between;transition:all .3s}.shopping-cart .box .cart .item .info{display:flex;align-items:center;gap:10px}.shopping-cart .box .cart .item .info .icon{width:75px;height:75px;border-radius:10px;background-color:#fc0;display:flex;align-items:center;justify-content:center}.shopping-cart .box .cart .item .info .text .name{font-size:18px;font-weight:700;margin-bottom:5px}.shopping-cart .box .cart .item .info .text .time{font-size:14px;color:#848484}.shopping-cart .box .cart .item .price-box{background-color:#f4f7f6;padding:10px;border-radius:25px}.shopping-cart .box .cart .item .price-box .price{color:#00c5bb;font-size:16px;font-weight:500}.shopping-cart .box .cart .item .remove{position:absolute;width:60px;height:100%;top:0;left:-100%;background-color:#ff3b30;display:flex;align-items:center;justify-content:center;z-index:1;transition:all .3s;cursor:pointer}.shopping-cart .box .cart .item .remove svg path{fill:#fff}.shopping-cart .box .cart .item.swipe .content{transform:translate3d(70px,0,0)}.shopping-cart .box .cart .item.swipe .remove{left:0}.shopping-cart .box .order-details .title{width:100%;padding:30px 0 10px;font-size:28px;font-weight:700}.shopping-cart .box .order-details .coupons .boxes{display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap;justify-content:flex-start}.shopping-cart .box .order-details .coupons .coupon-style{width:180px;border-radius:15px;height:150px;padding:15px;position:relative;background-color:#f4f7f6;margin:20px 0;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between}.shopping-cart .box .order-details .coupons .coupon-style.add{align-items:center}.shopping-cart .box .order-details .coupons .coupon-style.add .icon{height:100%;display:flex;align-items:center}.shopping-cart .box .order-details .coupons .coupon-style:after,.shopping-cart .box .order-details .coupons .coupon-style:before{content:"";position:absolute;bottom:20%;width:35px;height:35px;background-color:#fff;border-radius:100%}.shopping-cart .box .order-details .coupons .coupon-style:before{left:-15px}.shopping-cart .box .order-details .coupons .coupon-style:after{right:-15px}.shopping-cart .box .order-details .coupons .coupon-style .name{text-align:center;font-size:20px;font-weight:700}.shopping-cart .box .order-details .coupons .coupon-style .name span{display:block;color:#00c5bb;margin-top:10px}.shopping-cart .box .order-details .coupons .coupon-style .border-dash{position:absolute;bottom:-5%;right:50%;width:2px;height:calc(100% - 40px);transform:rotate(90deg);border-left:2px dashed #e6e6e6}.shopping-cart .box .order-details .coupons .coupon-style .desc{display:flex;align-items:center;gap:5px;justify-content:center;color:#000;margin-top:20px;font-weight:100}.shopping-cart .box .order-details .coupon{display:flex;align-items:center;gap:20px;padding:30px}.shopping-cart .box .order-details .coupon input{display:block;flex:1;height:60px;border:1px solid #f4f7f6;border-radius:10px;padding:20px 25px;font-size:14px}.shopping-cart .box .order-details .coupon input::-moz-placeholder{font-size:14px;color:#6e6e6e;opacity:1}.shopping-cart .box .order-details .coupon input::placeholder{font-size:14px;color:#6e6e6e;opacity:1}.shopping-cart .box .order-details .coupon button{width:75px;height:60px;background-color:#fc0;border-radius:10px;font-size:14px;font-weight:500;transition:all .3s}.shopping-cart .box .order-details .coupon button.empty{background-color:#eff5f5!important;color:#000!important}.shopping-cart .box .order-details .order .details{padding:0 25px 30px}.shopping-cart .box .order-details .order .details ul{border-top:1px solid #f4f7f6;padding-top:20px}.shopping-cart .box .order-details .order .details ul li{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #f4f7f6}.shopping-cart .box .order-details .order .details ul li>p{font-size:14px;font-weight:500}.shopping-cart .box .order-details .order .details ul li>p span{font-size:16;font-weight:500}.shopping-cart .box .order-details .order .details ul li>span{font-size:16px;font-weight:500}.shopping-cart .box .order-details .order .details ul li>span span{font-size:14px;font-weight:500;margin-right:5px}.shopping-cart .box .order-details .order .details ul li.total p,.shopping-cart .box .order-details .order .details ul li.total>span{font-weight:700}#offcanvasQuote{width:450px}#offcanvasQuote .offcanvas-header .title{font-size:20px;font-weight:700;color:#000;flex:1;text-align:center}#offcanvasQuote .offcanvas-header .close{cursor:pointer;transform:rotate(180deg)}#offcanvasQuote .offcanvas-body .btn-style{width:100%;height:60px}#offcanvasQuote .offcanvas-body ul li{border:2px solid #f4f7f6;border-radius:10px;margin-top:25px;display:flex;align-items:center;justify-content:space-between;padding:15px 20px}#offcanvasQuote .offcanvas-body ul li.head{color:#000}#offcanvasQuote .offcanvas-body ul li button{border-radius:10px;padding:5px 10px;font-size:14px;background-color:#00c5bb;color:#fff}#countryListOffcanvas{height:60%;border-radius:20px 20px 0 0;border:none}#countryListOffcanvas .offcanvas-header{flex-direction:column;gap:10px;padding:20px 25px}#countryListOffcanvas .offcanvas-header p{font-size:16px;font-weight:700;color:#000}#countryListOffcanvas .offcanvas-header .search{width:100%;position:relative}#countryListOffcanvas .offcanvas-header .search input{width:100%;height:40px;border:1px solid #f4f6fc;border-radius:10px;padding:10px 20px;font-size:14px;color:#000}#countryListOffcanvas .offcanvas-header .search input::-moz-placeholder{font-size:14px;color:#000;opacity:1}#countryListOffcanvas .offcanvas-header .search input::placeholder{font-size:14px;color:#000;opacity:1}#countryListOffcanvas .offcanvas-header .search svg{position:absolute;top:50%;left:20px;transform:translateY(-50%)}#countryListOffcanvas .offcanvas-header .search svg path{fill:#354d64}#countryListOffcanvas .offcanvas-body .country-list{height:300px;overflow-y:scroll}#countryListOffcanvas .offcanvas-body .country-list ul li{margin-bottom:30px}#countryListOffcanvas .offcanvas-body .country-list ul li .country-details{display:flex;align-items:center;justify-content:space-between;position:relative}#countryListOffcanvas .offcanvas-body .country-list ul li .country-details .name{display:flex;align-items:center;gap:20px}#countryListOffcanvas .offcanvas-body .country-list ul li .country-details .name .title{font-size:16px;color:#283b6a}#countryListOffcanvas .offcanvas-body .country-list ul li .country-details .code .check{display:flex;gap:10px}#countryListOffcanvas .offcanvas-body .country-list ul li .country-details .code .check p{font-size:14px;color:#283b6a;margin-top:-2px}#countryListOffcanvas .offcanvas-body .country-list ul li .country-details .code .check input{position:absolute;right:0;width:100%;height:100%;opacity:0;z-index:1}#countryListOffcanvas .offcanvas-body .country-list ul li .country-details .code .check input:checked~.check-mark svg{display:block}#countryListOffcanvas .offcanvas-body .country-list ul li .country-details .code .check .check-mark{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border:1px solid #d2d2d2;border-radius:5px;margin-bottom:5px}#countryListOffcanvas .offcanvas-body .country-list ul li .country-details .code .check .check-mark svg{display:none}#countryListOffcanvas .offcanvas-body .country-list ul li .country-details .code .check .check-mark svg path{fill:#00c5bb}#countryListOffcanvas .offcanvas-body .country-list ul li .country-details .code .check input[type=radio]:checked+.check-mark svg{display:block}#countryListOffcanvas .btn-style{width:calc(100% - 60px);height:60px;margin:0 auto 45px}#technicalSupportChoose{height:40vh;border-radius:20px 20px 0 0;border:none}#technicalSupportChoose .offcanvas-header{display:block;padding:40px 20px 0}#technicalSupportChoose .offcanvas-header .title{font-size:20px;font-weight:700;color:#606273}#technicalSupportChoose .offcanvas-body{padding:25px 20px;display:flex;flex-direction:column;justify-content:space-between}#technicalSupportChoose .offcanvas-body .boxes{display:flex;align-items:center;justify-content:space-between;height:100%}#technicalSupportChoose .offcanvas-body .boxes .box{flex-basis:48%;height:100%;background-color:#fbfbfb;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;gap:15px}#technicalSupportChoose .offcanvas-body .boxes .box.full{flex:1}#technicalSupportChoose .offcanvas-body .boxes .box .text{font-size:16px;font-weight:700;color:#606273}#technicalSupportChoose .offcanvas-body .boxes .box .arrow{width:35px;height:35px;background-color:#fff;border:1px solid #dedede;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:20px auto 0}#technicalSupportChoose .offcanvas-body .boxes .box .arrow svg{width:16px;height:16px}#technicalSupportChoose .offcanvas-body .boxes .box .arrow svg path{fill:#707070}.pick{text-align:center;position:relative;padding:30px 0 15px}.pick .msg{margin-top:0;margin-bottom:24px;font-size:28px}.pick button{position:relative;border:none;outline:none;background-color:#11d3bc;color:#fffcca;font-size:6rem;transition:background-color .25s ease;height:5rem;width:5rem;margin-right:.3125rem}.pick button.x:after,.pick button.x:before{content:"";background-color:#fc0;height:60%;width:10%;position:absolute;top:50%;left:50%;animation:x 2s}.pick button.x:after{transform:translateY(-50%) translate(-50%) rotate(-45deg)}.pick button.x:before{transform:translateY(-50%) translate(-50%) rotate(45deg)}.pick button.o:after{content:"";border:solid #ffcc00;border-radius:50%;border-width:.5rem;height:60%;width:60%;position:absolute;top:50%;left:50%;transform:translateY(-50%) translate(-50%);animation:o 2s}.game{display:block;margin-right:0%;background-color:#11d3bc;direction:ltr;width:-moz-fit-content;width:fit-content}.game .row{display:block}.game .row .col{float:left;display:block;margin-right:0%;width:33.3333333333%;height:10rem;width:10rem;position:relative;cursor:pointer;transition:background-color .25s ease;border-bottom:.125rem solid #55E9BC;border-right:.125rem solid #55E9BC;color:#fffcca;font-size:8rem}.game .row .col:last-child{margin-right:0;border-right:0}.game .row .col u{position:absolute;top:0;left:0;height:100%;width:100%}.game .row .col u.x:before{content:"";background-color:#fffcca;height:60%;width:10%;position:absolute;top:50%;left:50%;transform:translateY(-50%) translate(-50%) rotate(45deg);animation:x .25s}.game .row .col u.x:after{content:"";background-color:#fffcca;height:60%;width:10%;position:absolute;top:50%;left:50%;transform:translateY(-50%) translate(-50%) rotate(-45deg);animation:x .25s}.game .row .col u.o:after{content:"";border:solid #FFFCCA;border-radius:50%;border-width:1rem;height:60%;width:60%;position:absolute;top:50%;left:50%;transform:translateY(-50%) translate(-50%);animation:o .25s}.reset-password{padding:25px 0 40px}.reset-password .methods .send-code{background-color:#fff;border-radius:20px;padding:45px 30px 50px;text-align:center}.reset-password .methods .send-code p{font-size:18px;font-weight:700;color:#000;margin:10px 0}.reset-password .methods .send-code a:hover{color:#fff}.reset-password .methods .send-code .group{display:flex;align-items:center;justify-content:center;flex-direction:row-reverse;margin:50px 0 35px;gap:10px}.reset-password .methods .send-code .group .code-box{flex-basis:25%;max-width:100%;width:85px;height:70px;border-radius:10px;background-color:#f9f9f9;border:1px solid #00C5BB;font-size:30px;font-weight:500;color:#00c5bb;text-align:center;transition:all .3s;display:flex;align-items:center;justify-content:center}.reset-password .methods .send-code .buttons{display:flex;align-items:center;justify-content:space-between;margin-top:40px}.reset-password .methods .send-code .buttons .btn-style{height:60px;width:120px}.reset-password .methods .qr-code{background-color:#fff;border-radius:20px;padding:45px 30px 50px;text-align:center}.reset-password .methods .qr-code .mobile{position:relative}.reset-password .methods .qr-code .mobile .text{position:absolute;top:100px;max-width:200px;text-align:center;left:50%;transform:translate(-50%);font-size:16px;font-weight:700;color:#000}.reset-password .methods .qr-code .mobile .code{background-color:#fff;padding:10px;position:absolute;top:210px;left:50%;transform:translate(-50%)}.reset-password .methods .qr-code .mobile .code img{width:189px;height:189px;max-width:100%}.reset-password .methods .qr-code .mobile .scan{position:absolute;left:50%;transform:translate(-50%);bottom:85px;background-color:#000;color:#fff;width:200px;padding:10px;border-radius:10px;font-size:16px;font-weight:700}.reset-password .methods .qr-code .mobile .number{position:absolute;left:50%;transform:translate(-50%);bottom:40px;font-size:24px;font-weight:700;letter-spacing:5px;color:#606273}.reset-password .methods .qr-code .btn-style{height:60px;width:200px;margin:20px auto 0}.reset-done{padding:25px 0 40px}.reset-done .box{background-color:#fff;border-radius:20px;padding:45px 30px 50px;text-align:center}.reset-done .box p{font-size:18px;font-weight:700;margin-top:50px}#plansImageOffcanvas{height:400px;border-radius:20px 20px 0 0;border:none}#plansImageOffcanvas .offcanvas-body{padding:25px 20px;text-align:center}#plansImageOffcanvas .offcanvas-body img{max-width:100%}#plansFeaturesOffcanvas{height:400px;border-radius:20px 20px 0 0;border:none}#plansFeaturesOffcanvas .offcanvas-header{border-bottom:1px solid #f4f7f6}#plansFeaturesOffcanvas .offcanvas-header .title{font-size:20px;font-weight:900}#plansFeaturesOffcanvas .offcanvas-body{padding:25px 20px}#plansFeaturesOffcanvas .offcanvas-body .title{font-size:18px;font-weight:700;color:#000}#plansFeaturesOffcanvas .offcanvas-body ul{width:100%}#plansFeaturesOffcanvas .offcanvas-body ul li{display:flex;align-items:center;justify-content:space-between;height:70px;padding:25px 30px;border-radius:10px;margin-top:15px}#plansFeaturesOffcanvas .offcanvas-body ul li:nth-child(odd){background-color:#f9f9f9}#plansFeaturesOffcanvas .offcanvas-body ul li:nth-child(even){border:1px solid #f9f9f9}#plansFeaturesOffcanvas .offcanvas-body ul li p{font-size:16px;color:#000}#plansFeaturesOffcanvas .offcanvas-body ul li svg.fa-circle-check{color:#00c5bb}#plansFeaturesOffcanvas .offcanvas-body ul li svg.fa-circle-xmark{color:#ff4d4d}#plansCompareOffcanvas{height:90%;border-radius:20px 20px 0 0;border:none}#plansCompareOffcanvas .offcanvas-header{border-bottom:1px solid #f4f7f6}#plansCompareOffcanvas .offcanvas-header .title{font-size:20px;font-weight:900}#plansCompareOffcanvas .offcanvas-body{padding:25px 20px}#plansCompareOffcanvas .offcanvas-body img{width:100%;height:100%;-o-object-fit:fill;object-fit:fill}#plansCompareOffcanvas .offcanvas-body table{border-color:#fff}#plansCompareOffcanvas .offcanvas-body table thead tr th,#plansCompareOffcanvas .offcanvas-body table tbody tr td:first-child{background-color:#f2f2f2}#plansCompareOffcanvas .offcanvas-body table tr th,#plansCompareOffcanvas .offcanvas-body table tr td{border-width:3px;text-align:center;font-weight:700}#plansCompareOffcanvas .offcanvas-body table td.required:after{content:"*";color:red}#plansCompareOffcanvas .offcanvas-body .notice{padding:10px 0}#plansCompareOffcanvas .offcanvas-body .notice.required:before{content:"*";color:red}#pickGameOffcanvas{height:400px;border-radius:20px 20px 0 0;border:none;overflow:hidden}#pickGameOffcanvas .offcanvas-body #box{display:flex;align-items:center;justify-content:center;gap:50px}#pickGameOffcanvas .offcanvas-body #box #message{background:#000;color:#fff;width:100%;height:100%;position:absolute;top:0;opacity:.7;display:none}#pickGameOffcanvas .offcanvas-body #box #message .content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#pickGameOffcanvas .offcanvas-body #box #message .content .text{font-size:40px;margin-bottom:20px}#pickGameOffcanvas .offcanvas-body #box #message .content #return{width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;padding:30px;background-color:#fff;margin:auto;cursor:pointer}#pickGameOffcanvas .offcanvas-body #box #gameBoard{display:flex;flex-wrap:wrap;width:300px}#pickGameOffcanvas .offcanvas-body #box #gameBoard li{width:33.3333333333%;height:100px;font-size:100px;color:#ccc;list-style:none;text-align:center;border-right:3px solid #dddddd;border-bottom:3px solid #dddddd;display:flex;align-items:center;justify-content:center}#pickGameOffcanvas .offcanvas-body #box #gameBoard li:not(.X),#pickGameOffcanvas .offcanvas-body #box #gameBoard li:not(.O){color:transparent}#pickGameOffcanvas .offcanvas-body #box #gameBoard li.X{color:#f1be32}#pickGameOffcanvas .offcanvas-body #box #gameBoard li.O{color:#01bbc2}#pickGameOffcanvas .offcanvas-body #box #gameBoard li:nth-child(1),#pickGameOffcanvas .offcanvas-body #box #gameBoard li:nth-child(4),#pickGameOffcanvas .offcanvas-body #box #gameBoard li:nth-child(7){border-right:0}#pickGameOffcanvas .offcanvas-body #box #gameBoard li:nth-child(7),#pickGameOffcanvas .offcanvas-body #box #gameBoard li:nth-child(8),#pickGameOffcanvas .offcanvas-body #box #gameBoard li:nth-child(9){border-bottom:0}#pickGameOffcanvas .offcanvas-body #box .game-result ul li .label{font-size:24px;font-weight:700}#pickGameOffcanvas .offcanvas-body #box .game-result ul li .point{font-size:32px}