*{box-sizing:border-box;margin:0;padding:0}@font-face{font-family:IBM Plex Arabic;src:url(/assets/IBMPlexSansArabic-Medium-9AMM1-8b.ttf)format("truetype")}@font-face{font-family:Aynama Curved;src:url(/assets/KOAynama-Curved-D_5-WG55.ttf)format("truetype")}@font-face{font-family:Khalaya;src:url(/assets/KoKhalaya-5-5-Dj0r9FWk.otf)format("opentype")}@font-face{font-family:Khalaya VF;src:url(/assets/KoKhalayaVF-CLG3K6Fa.ttf)format("truetype")}body{direction:rtl;background-color:#fff;margin:0;font-family:IBM Plex Sans Arabic,sans-serif}.page-container{flex-direction:column;min-height:100vh;display:flex}.page-container-tow{flex-direction:column;max-height:100vh;display:flex}.page-one,.page-two{background-image:url(/assets/background-one-D2utPWfW.png);background-position:50%;background-repeat:no-repeat;background-size:contain;justify-content:center;align-items:center;width:90%;max-width:950px;min-height:600px;margin:0 auto 40px;display:flex}.page-three{background-image:url(/assets/design-Kl8YI_Ld.png);background-repeat:repeat;background-size:contain;border-radius:50px;justify-content:center;align-items:center;width:90%;max-width:950px;min-height:600px;margin:40px auto;padding:40px 0;display:flex}header{justify-content:center;align-items:center;gap:100px;width:100%;max-width:1200px;margin:0 auto;padding:10px 100px 40px;display:flex;position:relative}header:before{content:"";background-color:#000;width:1px;height:120px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}header .left,header .right{flex:1;align-items:center;display:flex}header .left{justify-content:flex-end;gap:20px}header .right{justify-content:flex-start}header .left .eid-elfeter{width:300px;height:auto}.logo{width:100px;height:auto}header .right img{width:100%;max-width:480px;height:auto}.card{background-color:#fff;border-radius:60px;flex-direction:column;justify-content:center;align-items:center;width:85%;min-height:460px;padding:70px 50px 50px;display:flex}.page-three .card{padding:40px 20px}.page-two .card{padding:35px 20px}.card h3{color:#000;text-align:center;margin-bottom:60px;font-size:48px;font-weight:700}.page-one .card{justify-content:space-between;padding:50px}.page-two .card{justify-content:space-between}.page-one .card h3{margin-top:-1px}.input-container,.card-content{flex-direction:column;align-items:center;display:flex}.page-three-title{margin-bottom:20px!important;font-size:28px!important}.card input{color:#fff;text-align:right;background-color:#ee4032;border:none;border-radius:20px;outline:none;width:110%;max-width:1300px;padding:18px 50px;font-family:inherit;font-size:24px;transition:opacity .2s,background-color .2s}.card input::placeholder{color:#fff;opacity:1;font-size:36px}.card input:focus{opacity:1;background-color:#ee4032}.input-hint{color:#aaa;text-align:center;margin-bottom:20px;font-size:22px}.error-message{color:#86888e;text-align:center;margin-top:8px;margin-bottom:20px;font-size:32px;font-weight:600}.page-two .error-message{text-align:center;margin-top:5px;margin-bottom:0;font-size:20px}.card button{color:#fff;cursor:pointer;background-color:#2cb35d;border:none;border-radius:30px;margin-top:25px;padding:5px 80px;font-family:inherit;font-size:32px;transition:opacity .2s,background-color .2s}.card button:hover{opacity:1;background-color:#2cb35d}.card .btn-choice{background-color:#ee4032;border:3px solid #0000;border-radius:20px;width:75%;max-width:600px;margin-top:5px;margin-bottom:5px;padding:16px 30px;font-weight:400;transition:all .2s}.page-two h3{margin-bottom:10px}.card .btn-choice:hover,.card .btn-choice.selected{opacity:1;background-color:#ee4032}.card .btn-choice.selected{border-color:#000;transform:scale(.98)}.card .btn-choice.blue{background-color:#007ac0}.action-buttons{justify-content:center;gap:30px;margin-top:25px;display:flex}.card .action-buttons button{margin-top:0;padding:5px 80px}.card button.btn-yellow,.card button.yellow{color:#fff;background-color:#ffc10e}.grid-container{grid-template-columns:repeat(2,1fr);gap:20px;width:100%;max-width:760px;margin-bottom:30px;display:grid}.grid-item{aspect-ratio:3/4.2;cursor:pointer;background-color:#d1d1d1;border:4px solid #0000;border-radius:12px;transition:all .2s;position:relative;overflow:hidden}.grid-item.selected{border-color:#000;transform:scale(.98)}.image-placeholder{width:100%;height:100%}.name-overlay{color:#333;text-align:center;pointer-events:none;width:90%;font-size:20px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.popup-overlay{z-index:9999;background-color:#0006;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.popup-content{text-align:center;background-color:#fff;border-radius:30px;width:80%;max-width:400px;padding:40px;box-shadow:0 4px 20px #00000026}.popup-content p{color:#000;margin-bottom:30px;font-size:24px;font-weight:700}.popup-content button{color:#fff;cursor:pointer;background-color:#ee4032;border:none;border-radius:20px;padding:10px 50px;font-family:inherit;font-size:20px;transition:opacity .2s}.popup-content button:hover{opacity:.9}.card-overlay{z-index:10;background-color:#0000;flex-direction:column;justify-content:center;align-items:center;gap:15px;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.btn-view{cursor:pointer;width:auto;min-width:140px;font-family:inherit;box-shadow:0 4px 6px #0000004d;color:#fff!important;background-color:#f40000!important;border:none!important;border-radius:20px!important;margin-top:0!important;padding:8px 40px!important;font-size:20px!important}.btn-select{cursor:pointer;width:auto;min-width:140px;font-family:inherit;box-shadow:0 4px 6px #0000004d;color:#fff!important;background-color:#4285f4!important;border:none!important;border-radius:20px!important;margin-top:0!important;padding:8px 40px!important;font-size:20px!important}.image-popup-overlay{z-index:10000;background-color:#000000d9;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.image-popup-content{background-color:#0000;border-radius:20px;justify-content:center;align-items:center;max-width:90%;max-height:90%;display:flex;position:relative}.image-popup-content canvas{border-radius:20px;max-width:100%;max-height:90vh;display:block}.btn-close-popup{cursor:pointer;z-index:10001;justify-content:center;align-items:center;font-weight:700;display:flex;position:absolute;top:-20px;right:-20px;box-shadow:0 4px 6px #0000004d;color:#000!important;background-color:#fff!important;border:none!important;border-radius:50%!important;width:40px!important;height:40px!important;margin-top:0!important;padding:0!important;font-size:30px!important}.page-four{background-image:url(/assets/background-one-D2utPWfW.png);background-position:50%;background-repeat:no-repeat;background-size:contain;justify-content:center;align-items:center;width:90%;max-width:1000px;min-height:600px;margin:40px auto;display:flex}.split-card{direction:ltr;flex-direction:row;justify-content:space-between;align-items:center;gap:20px;width:90%;padding:20px;display:flex}.share-section{direction:rtl;flex-direction:column;justify-content:center;align-items:center;width:60%;padding:0 20px;display:flex}.share-section h3{margin-bottom:10px}.share-subtitle{color:#333;text-align:center;margin-bottom:40px;font-size:24px;font-weight:700}.page-four-actions{flex-direction:column;gap:14px;width:100%;max-width:380px;display:flex}.page-four-actions button{width:100%;margin-top:0!important}.page-four-link{width:100%;text-decoration:none}.share-buttons-grid{grid-template-columns:repeat(2,1fr);gap:15px;width:100%;display:grid}.share-btn{cursor:pointer;border:none;border-radius:30px;justify-content:center;align-items:center;width:100%;transition:transform .2s,opacity .2s;display:flex;margin-top:0!important;padding:10px!important}.share-btn:hover{transform:scale(1.05);opacity:.9!important}.share-btn.x-br{color:#fff!important;background-color:#000!important}.share-btn.whatsapp{color:#fff!important;background-color:#25d366!important}.share-btn.snapchat{color:#fff!important;background-color:#ffc10e!important}.share-btn.instagram{color:#e1306c!important;background-color:#f0f0f0!important;border:1px solid #ddd!important}.share-btn.linkedin{color:#fff!important;background-color:#0077b5!important}.share-btn.tiktok{color:#ff0050!important;background-color:#000!important}.share-btn.instagram img,.share-btn.snapchat img,.share-btn.tiktok img{width:30px;height:30px}.canvas-section{justify-content:center;align-items:center;width:35%;display:flex}.page-four-preview{background:#d1d1d1;border-radius:20px;justify-content:center;align-items:center;width:100%;max-width:420px;min-height:400px;padding:5px;display:flex}.canvas-section canvas{border-radius:20px;width:100%;max-width:360px;height:auto;box-shadow:0 10px 30px #00000026}footer{justify-content:center;align-items:center;margin-top:auto;padding-top:30px;padding-bottom:30px;display:flex}footer a{color:#000;font-size:10px;font-weight:700;text-decoration:none}footer span{margin-right:3px;font-family:Khalaya VF,sans-serif;font-size:20px}.page-one footer,.page-two footer{margin-top:20px}.card-loading-overlay{justify-content:center;gap:3px;width:100%;margin:5px 0;display:flex}.card-loading-count{color:#000;text-align:center;font-size:16px;font-weight:700}.card-loading-text{color:#000;text-align:center;font-size:14px;font-weight:700}@media (width<=1024px){header{gap:40px;padding:30px 50px}header:before{height:90px}header .left .eid-elfeter{width:200px}.logo{width:70px}header .right img{max-width:300px}.page-one,.page-two{padding:40px 20px}.card{border-radius:20px;width:85%;min-height:320px;padding:50px 20px}.page-one .card{height:350px;padding:40px}.card h3{margin-bottom:40px;font-size:30px}.page-two .card h3{margin-bottom:10px;font-size:30px}.card input{max-width:400px;padding:18px 50px;font-size:24px}.card input::placeholder{font-size:16px}.card button{margin-top:20px;padding:5px 40px;font-size:20px}.card .btn-choice{margin:15px;padding:10px 20px;font-size:24px}.action-buttons{gap:10px;margin-top:15px}.card .action-buttons button{padding:5px 30px}.page-three .card{padding:30px 20px}.page-four-preview{min-height:360px}.split-card{padding:10px}.share-section h3{margin-bottom:20px}.share-subtitle{font-size:16px}.error-message{font-size:24px}}@media (width<=768px){header{gap:30px;width:95%;padding:20px 0}header:before{height:60px;left:51%}header .left{gap:.4px;margin-right:-11px}header .left .eid-elfeter{width:120px;margin-bottom:-10px}.logo{width:55px}header .right img{max-width:200px}.page-one,.page-two{background-image:url(/assets/background-responsive-DRFeYRjA.png);background-size:100% 100%;border-radius:20px;width:90%;min-height:470px;margin:20px auto 35px}.page-three{border-radius:20px;width:90%;min-height:470px;margin:20px auto;padding:20px 0}.card{border-radius:20px;width:95%;min-height:380px;padding:100px 20px}.page-one .card{padding:95px 20px}.page-two .card{padding:40px 20px}.page-three .card{width:91.5%;padding:30px 15px}.page-four .card{width:92%}.card h3{margin-bottom:50px;font-size:26px}.page-one .card h3{margin-bottom:10px}.page-two .card h3{margin-bottom:30px;font-size:26px}.card input{border-radius:20px;max-width:300px;padding:10px 30px;font-size:16px;font-weight:500}.card input::placeholder{font-size:16px;font-weight:500}.card button{font-size:16px}.card .btn-choice{border-radius:20px;width:85%;margin:10px;padding:10px 20px;font-size:16px}.action-buttons{gap:10px;margin-top:15px}.grid-container{grid-template-columns:1fr;gap:12px}.name-overlay{font-size:14px}.btn-close-popup{top:-20px;right:-10px}.page-four{background-image:url(/assets/design-Kl8YI_Ld.png);background-repeat:repeat;background-size:contain;border-radius:20px;width:90%;margin:20px auto;padding:15px 5px}.split-card{direction:rtl;flex-direction:column;gap:20px;padding:10px}.canvas-section{order:-1;width:100%}.share-section{width:100%;padding:10px}.share-section h3{margin-bottom:0;font-size:28px}.share-buttons-grid{gap:10px;max-width:100%}.share-btn{padding:8px!important}.error-message{margin-bottom:10px;font-size:14px}.page-two .error-message{margin:0;font-size:14px}}