@font-face{font-family:BBHSansHegarty;src:url(/assets/fonts/BBHSansHegarty.ttf)format("truetype")}@font-face{font-family:Bungee;src:url(/assets/fonts/Bungee)format("truetype")}@font-face{font-family:JosefinSans;src:url(/assets/fonts/JosefinSans.ttf)format("truetype")}@font-face{font-family:Owsland;src:url(/assets/fonts/Owsland.ttf)format("truetype")}@font-face{font-family:PlaywriteDESAS;src:url(/assets/fonts/PlaywriteDESAS.ttf)format("truetype")}@font-face{font-family:Roboto;src:url(/assets/fonts/Roboto.ttf)format("truetype")}@font-face{font-family:ShareTech;src:url(/assets/fonts/ShareTech.ttf)format("truetype")}@font-face{font-family:TitilliumWeb;src:url(/assets/fonts/TitilliumWeb.ttf)format("truetype")}@font-face{font-family:Ubuntu;src:url(/assets/fonts/Ubuntu.ttf)format("truetype")}@font-face{font-family:Alkalami;src:url(/assets/fonts/Alkalami-Regular.ttf)format("truetype")}@font-face{font-family:Almarai;src:url(/assets/fonts/Almarai-Regular.ttf)format("truetype")}@font-face{font-family:Amiri;src:url(/assets/fonts/Amiri-Regular.ttf)format("truetype")}@font-face{font-family:Arvo;src:url(/assets/fonts/Arvo-Regular.ttf)format("truetype")}@font-face{font-family:Cairo;src:url(/assets/fonts/Cairo-Regular.ttf)format("truetype")}@font-face{font-family:CairoPlay;src:url(/assets/fonts/CairoPlay-Regular.ttf)format("truetype")}@font-face{font-family:Caveat;src:url(/assets/fonts/Caveat-Regular.ttf)format("truetype")}@font-face{font-family:Exo2;src:url(/assets/fonts/Exo2-Regular.ttf)format("truetype")}@font-face{font-family:IndieFlower;src:url(/assets/fonts/IndieFlower-Regular.ttf)format("truetype")}@font-face{font-family:Lalezar;src:url(/assets/fonts/Lalezar-Regular.ttf)format("truetype")}@font-face{font-family:Lemonada;src:url(/assets/fonts/Lemonada-Regular.ttf)format("truetype")}@font-face{font-family:LobsterTwo;src:url(/assets/fonts/LobsterTwo-Regular.ttf)format("truetype")}@font-face{font-family:Mada;src:url(/assets/fonts/Mada-Regular.ttf)format("truetype")}@font-face{font-family:Michroma;src:url(/assets/fonts/Michroma-Regular.ttf)format("truetype")}@font-face{font-family:Orbitron;src:url(/assets/fonts/Orbitron-Regular.ttf)format("truetype")}@font-face{font-family:PlaypenSansArabic;src:url(/assets/fonts/PlaypenSansArabic-Regular.ttf)format("truetype")}@font-face{font-family:Rakkas;src:url(/assets/fonts/Rakkas-Regular.ttf)format("truetype")}@font-face{font-family:ReadexPro;src:url(/assets/fonts/ReadexPro-Regular.ttf)format("truetype")}@font-face{font-family:ReemKufi;src:url(/assets/fonts/ReemKufi-Regular.ttf)format("truetype")}@font-face{font-family:ReemKufiFun;src:url(/assets/fonts/ReemKufiFun-Regular.ttf)format("truetype")}@font-face{font-family:SedanSC;src:url(/assets/fonts/SedanSC-Regular.ttf)format("truetype")}@font-face{font-family:SmoochSans;src:url(/assets/fonts/SmoochSans-Regular.ttf)format("truetype")}@font-face{font-family:Zain;src:url(/assets/fonts/Zain-Regular.ttf)format("truetype")}@font-face{font-family:BadeenDisplay;src:url(/assets/fonts/BadeenDisplay-Regular.ttf)format("truetype")}
:root{--bodyBG:#000;--sectionsBG:#ffffff1a;font-size:16px}*{box-sizing:border-box}body,html{background-color:var(--bodyBG)!important}.headBar{background:var(--sectionsBG)}.headBar button{background:var(--sectionsBG);color:#fff;border:1px solid #9292925d;border-radius:8px;align-items:center;padding:5px 10px;font-weight:700;display:inline-flex;box-shadow:0 0 5px #000}.headBar button svg{margin-inline-start:8px;font-size:20px}.sideBar{background:var(--sectionsBG);color:#fff;border-radius:10px}.sideBar .inputContainer{background:var(--sectionsBG);border-radius:8px;box-shadow:0 0 5px #000}.sideBar .inputContainer label{text-transform:capitalize;margin-bottom:5px;font-weight:700;display:block;font-family:Ubuntu,Zain!important}.sideBar .inputContainer label svg{font-size:20px}.sideBar .inputContainer input{background:var(--sectionsBG);color:#fff;border:1px solid #9292925d;border-radius:8px;padding:5px;box-shadow:0 0 5px #000;font-family:Ubuntu,Zain!important}.sideBar .inputContainer input::placeholder{color:#fff}.sideBar .inputContainer input:focus{outline:none;transition:all .3s ease-in-out;box-shadow:0 0 8px #000}.sideBar .inputContainer .dropend .dropdown-menu{background:var(--sectionsBG);scrollbar-width:none;-ms-overflow-style:none;max-height:300px;overflow-y:auto}.sideBar .inputContainer .dropend .dropdown-menu .dropdown-item{color:#fff;cursor:pointer}.sideBar .inputContainer .dropend .dropdown-menu .dropdown-item:hover{background:var(--sectionsBG)}.sideBar .inputContainer .dropend .dropdown-menu::-webkit-scrollbar{display:none}.sideBar .inputContainer .uploadBtn,.sideBar .inputContainer .fontBtn{color:#fff;background:var(--sectionsBG);border:1px solid #9292925d;border-radius:6px;padding:5px 10px;box-shadow:0 0 5px #000}:is(.sideBar .inputContainer .uploadBtn,.sideBar .inputContainer .fontBtn):hover{transition:all .3s ease-in-out;box-shadow:0 0 8px #000}.cardContainer{background:var(--sectionsBG);border-radius:10px;padding:20px;width:fit-content!important}.cardContainer .template_1{color:#fff;background-color:#000;border:1px solid #000;padding:20px;position:relative;margin:0 auto!important}.cardContainer .template_1 .mainInfo{z-index:111;width:max-content;position:absolute;top:30%;left:50%;transform:translate(-50%,-30%)}.cardContainer .template_1 .link{color:#fff;z-index:111;position:absolute;bottom:0;left:10px}.cardContainer .template_1 .shapeOne{z-index:111;border-radius:30% 30% 80%;width:85px;height:85px;position:absolute;top:5px;left:5px}.cardContainer .template_1 .shapeTwo{z-index:111;border-radius:80% 30% 30%;width:150px;height:150px;position:absolute;bottom:5px;right:5px}.cardContainer .template_1 .shapeThree{z-index:1111;border-radius:80% 30% 30%;width:100px;height:100px;position:absolute;bottom:15px;right:15px}.cardContainer .template_2{color:#fff;background-color:#000;border:1px solid #000;padding:20px;position:relative;margin:0 auto!important}.cardContainer .template_2 .mainInfo{z-index:111;width:max-content;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cardContainer .template_2 .link{color:#fff;z-index:111;position:absolute;bottom:15px;left:50%;transform:translate(-50%)}.cardContainer .template_2 .shapeOne{z-index:1;border-radius:0 0 100%;width:120px;height:120px;position:absolute;top:0;left:0}.cardContainer .template_2 .shapeTwo{z-index:1;border-radius:100% 0 0;width:100px;height:100px;position:absolute;bottom:0;right:0}.cardContainer .template_2 .shapeThree{z-index:1;border-radius:0 0 0 100%;width:80px;height:80px;position:absolute;top:0;right:0}.cardContainer .template_3{color:#fff;background-color:#000;border:1px solid #000;padding:20px;position:relative;overflow:hidden;margin:0 auto!important}.cardContainer .template_3 .mainInfo{z-index:111;width:max-content;position:absolute;top:35%;left:30%;transform:translate(-30%,-35%)}.cardContainer .template_3 .link{color:#fff;z-index:111;position:absolute;bottom:15px;right:15px}.cardContainer .template_3 .shapeOne{z-index:1;opacity:.3;border-radius:50%;width:300px;height:300px;position:absolute;top:-50px;right:-50px}.cardContainer .template_3 .shapeTwo{z-index:1;opacity:.5;border-radius:50%;width:250px;height:250px;position:absolute;bottom:-80px;left:-80px}.cardContainer .template_3 .shapeThree{z-index:1;width:400px;height:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.cardContainer .template_4{color:#fff;background-color:#000;border:1px solid #000;padding:20px;position:relative;margin:0 auto!important}.cardContainer .template_4 .mainInfo{z-index:111;text-align:center;width:max-content;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cardContainer .template_4 .link{color:#fff;z-index:111;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.cardContainer .template_4 .shapeOne{z-index:1;border-radius:8px;width:60px;height:60px;position:absolute;top:20px;left:20px;transform:rotate(45deg)}.cardContainer .template_4 .shapeTwo{z-index:1;border-radius:8px;width:90px;height:90px;position:absolute;bottom:20px;right:20px;transform:rotate(25deg)}.cardContainer .template_4 .shapeThree{z-index:1;border-radius:50%;width:40px;height:40px;position:absolute;top:50%;right:15px}.cardContainer .template_5{color:#fff;background-color:#000;border:1px solid #000;padding:20px;position:relative;overflow:hidden;margin:0 auto!important}.cardContainer .template_5 .mainInfo{z-index:111;width:max-content;position:absolute;top:40%;left:50%;transform:translate(-50%,-40%)}.cardContainer .template_5 .link{color:#fff;z-index:111;position:absolute;bottom:20px;left:20px}.cardContainer .template_5 .shapeOne{z-index:1;opacity:.6;border-radius:40% 60% 60% 40%;width:200px;height:200px;position:absolute;top:-40px;left:-40px}.cardContainer .template_5 .shapeTwo{z-index:1;opacity:.4;border-radius:60% 40% 40% 60%;width:250px;height:250px;position:absolute;bottom:-60px;right:-60px}.cardContainer .template_5 .shapeThree{z-index:1;opacity:.3;border-radius:50%;width:150px;height:150px;position:absolute;top:50%;left:-30px}.cardContainer .template_6{color:#fff;background-color:#000;border:1px solid #000;padding:20px;position:relative;margin:0 auto!important}.cardContainer .template_6 .mainInfo{z-index:111;width:max-content;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cardContainer .template_6 .link{color:#fff;z-index:111;position:absolute;bottom:15px;left:50%;transform:translate(-50%)}.cardContainer .template_6 .shapeOne{z-index:1;background:0 0;border:3px solid;border-radius:15px;position:absolute;inset:10px}.cardContainer .template_6 .shapeTwo{z-index:2;width:80px;height:3px;position:absolute;top:20px;left:20px}.cardContainer .template_6 .shapeThree{z-index:2;width:80px;height:3px;position:absolute;bottom:20px;right:20px}.cardContainer .template_7{color:#fff;background-color:#000;border:1px solid #000;padding:20px;position:relative;overflow:hidden;margin:0 auto!important}.cardContainer .template_7 .mainInfo{z-index:111;width:max-content;position:absolute;top:45%;left:55%;transform:translate(-55%,-45%)}.cardContainer .template_7 .link{color:#fff;z-index:111;position:absolute;bottom:15px;right:20px}.cardContainer .template_7 .shapeOne{z-index:1;opacity:.2;width:35%;height:100%;position:absolute;top:0;left:0}.cardContainer .template_7 .shapeTwo{z-index:2;opacity:.6;border-radius:0 0 0 50%;width:100px;height:180px;position:absolute;top:0;right:0}.cardContainer .template_7 .shapeThree{z-index:2;opacity:.8;border-radius:0 100% 0 0;width:120px;height:120px;position:absolute;bottom:0;left:0}.cardContainer .template_8{color:#fff;background-color:#000;border:1px solid #000;padding:20px;position:relative;overflow:hidden;margin:0 auto!important}.cardContainer .template_8 .mainInfo{z-index:111;width:max-content;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cardContainer .template_8 .link{color:#fff;z-index:111;position:absolute;bottom:20px;left:20px}.cardContainer .template_8 .shapeOne{z-index:1;opacity:.25;border-radius:20px;width:140px;height:140px;position:absolute;top:15px;right:15px;transform:rotate(15deg)}.cardContainer .template_8 .shapeTwo{z-index:2;opacity:.4;border-radius:20px;width:140px;height:140px;position:absolute;top:25px;right:25px;transform:rotate(30deg)}.cardContainer .template_8 .shapeThree{z-index:3;opacity:.6;border-radius:20px;width:140px;height:140px;position:absolute;top:35px;right:35px;transform:rotate(45deg)}.cardContainer .template_9{color:#fff;background-color:#000;border:1px solid #000;padding:20px;position:relative;margin:0 auto!important}.cardContainer .template_9 .mainInfo{z-index:111;width:max-content;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cardContainer .template_9 .link{color:#fff;z-index:111;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.cardContainer .template_9 .shapeOne{z-index:1;opacity:.4;width:2px;height:100%;position:absolute;top:0;left:30%}.cardContainer .template_9 .shapeTwo{z-index:1;opacity:.4;width:100%;height:2px;position:absolute;top:30%;left:0}.cardContainer .template_9 .shapeThree{z-index:1;opacity:.4;width:2px;height:70%;position:absolute;bottom:0;right:25%}.designSection{background:var(--sectionsBG);color:#fff;border-radius:10px;font-family:Ubuntu,Zain!important}.designSection .switchTab button{background:var(--sectionsBG);color:#fff;border:1px solid #9292925d;border-radius:8px;margin:0 5px;padding:5px 10px;font-weight:700;box-shadow:0 0 5px #000}.designSection .switchTab .selected{color:#000;background-color:#fff;transition:all .3s ease-in-out;box-shadow:0 0 8px #000}.designSection .designInnerSection{background:var(--sectionsBG);border-radius:8px;box-shadow:0 0 5px #000}.designSection .designInnerSection .inputContainer{background:var(--sectionsBG);border-radius:8px;align-content:center;align-items:center;display:flex;box-shadow:0 0 5px #000}.designSection .designInnerSection .inputContainer label{text-transform:capitalize;font-weight:700;display:inline-block}.designSection .designInnerSection .inputContainer input{cursor:pointer;background:var(--sectionsBG);margin-inline-start:15px}.designSection .designInnerSection .inputContainer .grDegree,.designSection .designInnerSection .inputContainer .dimensionInp{background:var(--sectionsBG);color:#fff;border:1px solid #9292925d;border-radius:8px;width:50px;margin-inline-start:10px;padding:5px;box-shadow:0 0 5px #000}:is(.designSection .designInnerSection .inputContainer .grDegree,.designSection .designInnerSection .inputContainer .dimensionInp):focus{outline:none;transition:all .3s ease-in-out;box-shadow:0 0 8px #000}.designSection .designInnerSection .inputContainer .dimensionInp{width:70px}.designSection .designInnerSection .inputContainer span svg{font-size:20px}.designSection .designInnerSection .templateItem{background:var(--sectionsBG);cursor:pointer;border-radius:8px;transition:all .3s ease-in-out;box-shadow:0 0 10px #000}.designSection .designInnerSection .templateItem:hover{transform:scale(1.1)}.designSection .designInnerSection .selected{transform:scale(1.1);box-shadow:0 0 20px #000}.designSection .templatesSection{scrollbar-width:none;-ms-overflow-style:none;max-height:550px;overflow-y:auto}.designSection .templatesSection::-webkit-scrollbar{display:none}.inner{border-radius:10px;position:fixed;top:40%;transform:translateY(-40%);font-family:Ubuntu,Zain!important}.inner svg{color:#fd0000;font-size:50px}