.home{background-color:var(--background)}
.home-header{background:linear-gradient(135deg,var(--white)0%,#fff5f2f2 100%);border-bottom:1px solid #93193d1a;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000014,0 2px 8px #0000000a,inset 0 1px #fffc}.home-header:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(135deg,#ffbd0008 0%,#0000 50%,#93193d05 100%);position:absolute;inset:0}.home-header .right-side{z-index:1;width:50%;height:100%;padding:60px 64px 5px 55px;transition:transform .3s,filter .3s;position:relative}.home-header .right-side:hover{filter:drop-shadow(0 4px 12px #93193d26);transform:scale(1.02)}.home-header .right-side svg{width:100%;transition:transform .3s}.home-header .right-side:hover svg{transform:scale(1.05)}.home-header .left-side{z-index:1;justify-content:center;width:50%;height:100%;display:flex;position:relative;background:0 0!important;flex-direction:row!important}.home-header .left-side .left-container{width:65%;color:var(--main);flex-direction:column;justify-content:center;align-items:center;gap:56px;line-height:70px;display:flex;position:relative}.home-header .left-side .left-container>div:first-child{background:linear-gradient(135deg,var(--main)0%,var(--light)100%);-webkit-text-fill-color:transparent;text-shadow:0 2px 8px #93193d33;-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:700;animation:.8s ease-out fadeInSlide;position:relative}.home-header .left-side .left-container .home-menu{border-top:2px solid var(--main);justify-content:space-between;width:100%;font-size:24px;font-weight:700;display:flex}@media (max-width:830px){.home .right-side{padding:24px}.home .right-side svg{height:70px}.home .left-container{gap:4px!important;width:auto!important}.home .left-container div,.home .home-menu{font-size:16px!important}}@media (max-width:545px){.home .right-side{padding-left:0!important}.home .left-container div,.home .home-menu{font-size:12px!important}}@media (max-width:420px){.home .right-side{padding-left:0!important}.home .left-container div,.home .home-menu{font-size:10px!important}}@media (max-width:600px){.home-header{display:none}}
.horizontal-divider{width:100%;display:flex;overflow:hidden}.horizontal-divider .divider-pattern{flex-shrink:0;width:100%;min-width:100%;height:49px}
.know-about{margin-bottom:129px;display:flex}.know-about .right-section{background-color:var(--secondary);flex-direction:column;align-items:flex-start;gap:53px;width:41.55%;min-height:605px;padding-top:80px;padding-left:8px;padding-right:61px;display:flex}.know-about .right-section>div:first-child{color:var(--main);font-size:40px;font-weight:700}.know-about .right-section .play-now{cursor:pointer;background:0 0;border:none;outline:none;width:265px;height:97px;text-decoration:none;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:inline-block;position:relative}.know-about .right-section .play-now-ellipse{width:100%;height:100%;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:block}.know-about .right-section .play-now:hover .play-now-ellipse{transform:scale(1.05)}.know-about .right-section .play-now:hover{transform:translateY(-5px)}.know-about .right-section .play-now:active{transform:translateY(-2px)scale(.98)}.know-about .right-section .play-now-text{color:var(--secondary);z-index:2;white-space:nowrap;pointer-events:none;text-align:center;justify-content:center;align-items:center;gap:8px;width:100%;font-size:24px;font-weight:700;transition:all .3s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.know-about .right-section .play-now-arrow{z-index:1;transition:transform .3s;display:inline-block;position:relative}.know-about .right-section .play-now:hover .play-now-arrow{transform:translate(-5px)}.know-about .left-section{flex-direction:column;flex-grow:1;display:flex}.know-about .left-section .top-container{z-index:5;min-height:159px;display:flex;position:relative}.know-about .left-section .top-container .sun{z-index:3;position:absolute;top:0;right:33px}.know-about .left-section .top-container .white-rect{background:var(--white);width:40%;position:relative}.know-about .left-section .top-container .white-rect svg{z-index:3;position:absolute;top:26.5px;left:-30px}.know-about .left-section .top-container .blue-rect{background-color:var(--blue);flex-grow:1}.know-about .left-section .med-container{background:var(--light);min-height:341px;position:relative;overflow:visible}.know-about .left-section .med-container .tower{z-index:7;position:absolute;bottom:0;right:28.6px}.know-about .left-section .med-container .wheel{z-index:12;position:absolute;bottom:0;left:40%}.know-about .left-section .med-container .message{z-index:10;position:absolute;top:-67px;left:18%}.know-about .left-section .med-container .message.message-bubble{aspect-ratio:406/303;--message-tail:calc(100%*(40/303));width:min(406px,52vw);height:auto}.know-about .left-section .med-container .message.message-bubble .message-svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.know-about .left-section .med-container .message.message-bubble .message-content{top:0;left:0;right:0;bottom:var(--message-tail);box-sizing:border-box;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:8%;width:100%;height:auto;padding:clamp(10px,2.2vw,25px);display:flex;position:absolute;overflow:hidden}.know-about .left-section .med-container .message-content{z-index:11;width:100%;min-width:0;max-width:100%;height:100%;color:var(--dark);box-sizing:border-box;-webkit-overflow-scrolling:touch;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:20px;padding:25px;display:flex;position:relative;overflow:hidden auto}.know-about .left-section .med-container .message-content h1{word-wrap:break-word;overflow-wrap:break-word;overflow-wrap:anywhere;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;box-sizing:border-box;width:100%;min-width:0;max-width:100%;margin:0;font-size:clamp(16px,2.2vw,24px);line-height:1.3}.know-about .left-section .med-container .message-content p{word-wrap:break-word;overflow-wrap:break-word;overflow-wrap:anywhere;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;box-sizing:border-box;-webkit-overflow-scrolling:touch;flex:auto;width:100%;min-width:0;max-width:100%;min-height:0;margin:0;font-size:clamp(16px,2.6vw,28px);line-height:1.4;overflow:hidden auto}.know-about .left-section .med-container .message-content button{cursor:pointer;color:var(--red);font-size:clamp(16px,2.8vw,30px);font-weight:500;font-family:var(--font-family);white-space:normal;overflow-wrap:anywhere;box-sizing:border-box;text-align:right;background:0 0;border:none;outline:none;flex-shrink:0;width:100%;min-width:0;max-width:100%;margin-top:auto}.know-about .left-section .med-container .question-mark-box{position:absolute;bottom:21px;left:312px}.know-about .left-section .bottom-container{position:relative}.know-about .left-section .bottom-container .arabic-man{z-index:10;position:absolute;bottom:0;left:2.5px}@media (min-width:1351px){.know-about .left-section{position:relative;overflow:hidden}.know-about .left-section:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(135deg,#93193d05 0%,#0000 50%,#4aa6ff05 100%);position:absolute;inset:0}.know-about .left-section .top-container{border-radius:0 0 8px 8px;transition:all .3s;box-shadow:0 2px 10px #0000000d}.know-about .left-section .top-container .sun{filter:drop-shadow(0 4px 12px #ffbd004d);transition:transform .5s,filter .3s;animation:3s ease-in-out infinite sunGlow}.know-about .left-section .top-container .sun:hover{filter:drop-shadow(0 6px 20px #ffbd0080);transform:scale(1.1)rotate(15deg)}.know-about .left-section .top-container .white-rect{border-right:2px solid #93193d1a;transition:all .3s;box-shadow:inset 0 2px 8px #0000000d}.know-about .left-section .top-container .white-rect:after{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff1a 0%,#0000 100%);width:100%;height:100%;position:absolute;top:0;right:0}.know-about .left-section .top-container .white-rect svg{filter:drop-shadow(0 2px 8px #4b011d4d);transition:transform .3s,filter .3s;animation:4s ease-in-out infinite wheelFloat}.know-about .left-section .top-container .white-rect svg:hover{filter:drop-shadow(0 4px 12px #4b011d4d);transform:translateY(-3px)scale(1.05)}.know-about .left-section .top-container .blue-rect{background:linear-gradient(135deg,var(--blue)0%,#4ea6ffe6 100%);transition:all .3s;position:relative;box-shadow:inset 0 2px 8px #0000001a}.know-about .left-section .top-container .blue-rect:before{content:"";pointer-events:none;background:linear-gradient(135deg,#0000 0%,#ffffff1a 100%);position:absolute;inset:0}.know-about .left-section .med-container{background:linear-gradient(180deg,var(--light)0%,#940d3bf2 100%);border-radius:8px 8px 0 0;margin-top:4px;transition:all .3s;box-shadow:0 4px 20px #93193d26}.know-about .left-section .med-container:before{content:"";background:linear-gradient(90deg,transparent,var(--secondary),transparent);opacity:.6;height:3px;position:absolute;top:0;left:0;right:0}.know-about .left-section .med-container .tower{filter:drop-shadow(0 4px 12px #0003);transition:transform .4s cubic-bezier(.4,0,.2,1),filter .3s}.know-about .left-section .med-container .tower:hover{filter:drop-shadow(0 8px 20px #0000004d);transform:translateY(-8px)scale(1.05)}.know-about .left-section .med-container .wheel{filter:drop-shadow(0 4px 12px #0003);transition:transform .5s,filter .3s}.know-about .left-section .med-container .wheel:hover{filter:drop-shadow(0 8px 20px #0000004d);transform:translateY(-3px)scale(1.02)}.know-about .left-section .med-container .message{filter:drop-shadow(0 6px 16px #0003);transition:transform .3s,filter .3s}.know-about .left-section .med-container .message:hover{filter:drop-shadow(0 10px 24px #0000004d);transform:translateY(-5px)scale(1.02)}.know-about .left-section .med-container .message-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-overflow-scrolling:touch;box-sizing:border-box;background:#ffffff0d;border-radius:12px;min-width:0;max-width:100%;padding:30px;transition:all .3s;overflow:hidden auto;box-shadow:0 4px 16px #0000001a}.know-about .left-section .med-container .message-content h1{text-shadow:0 2px 4px #0000001a;letter-spacing:.3px;word-break:break-word;box-sizing:border-box;width:100%;min-width:0;max-width:100%}.know-about .left-section .med-container .message-content p{text-shadow:0 2px 6px #00000026;letter-spacing:-.5px;word-break:break-word;box-sizing:border-box;width:100%;min-width:0;max-width:100%;overflow-x:hidden}.know-about .left-section .med-container .message-content button{text-shadow:0 2px 4px #ff494933;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;border-radius:8px;width:100%;min-width:0;max-width:100%;padding:8px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.know-about .left-section .med-container .message-content button:before{content:"";opacity:0;background:#ff49491a;border-radius:8px;transition:opacity .3s;position:absolute;inset:0}.know-about .left-section .med-container .message-content button:hover{color:var(--red);transform:translate(-5px)}.know-about .left-section .med-container .message-content button:hover:before{opacity:1}.know-about .left-section .med-container .message-content button:active{transform:translate(-3px)}.know-about .left-section .med-container .message-content.temp-message{opacity:.85;position:relative}.know-about .left-section .med-container .message-content.temp-message:before{content:"";pointer-events:none;z-index:-1;background:#fff 0 0/200% 100%;border-radius:12px;animation:2s infinite shimmer;position:absolute;inset:0}.know-about .left-section .med-container .message-content.temp-message h1,.know-about .left-section .med-container .message-content.temp-message p{animation:2s ease-in-out infinite pulse;position:relative}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:.85}50%{opacity:1}}.know-about .left-section .med-container .question-mark-box{filter:drop-shadow(0 2px 8px #4b011d4d);transition:transform .3s,filter .3s;animation:2s ease-in-out infinite questionBounce}.know-about .left-section .med-container .question-mark-box:hover{filter:drop-shadow(0 4px 12px #4b011d66);animation-play-state:paused;transform:scale(1.15)rotate(10deg)}.know-about .left-section .bottom-container{transition:all .3s}.know-about .left-section .bottom-container:before{content:"";background:linear-gradient(90deg,transparent,var(--secondary),transparent);opacity:.5;z-index:11;height:2px;position:absolute;top:0;left:0;right:0}.know-about .left-section .bottom-container svg{filter:drop-shadow(0 -2px 8px #0000001a)}.know-about .left-section .bottom-container .arabic-man{filter:drop-shadow(0 4px 12px #0003);transition:transform .4s cubic-bezier(.4,0,.2,1),filter .3s}.know-about .left-section .bottom-container .arabic-man:hover{filter:drop-shadow(0 8px 20px #0000004d);transform:translateY(-5px)scale(1.05)}@keyframes sunGlow{0%,to{filter:drop-shadow(0 4px 12px #ffbd004d)}50%{filter:drop-shadow(0 6px 20px #ffbd0080)}}@keyframes wheelFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes questionBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}}@media (max-width:1350px){.know-about{flex-direction:column;margin-bottom:50px}.know-about .right-section{width:100%;min-height:auto;padding:40px 20px}}@media (max-width:950px){.know-about .right-section div{font-size:26px!important}.sun,.tower{display:none}.know-about .left-section .top-container .white-rect svg{top:10px}.know-about .left-section .med-container .question-mark-box{bottom:62px}}@media (max-width:490px){.know-about{margin-bottom:0!important}.know-about .right-section{align-items:center}.know-about .right-section>div:first-child{text-align:center;font-size:20px!important}.know-about .right-section .play-now{width:145px!important;height:51px!important}.know-about .right-section .play-now-text{font-size:14px}.know-about .left-section .top-container{min-height:79.5px;max-height:79.5px}.know-about .left-section .top-container .mobile-sun{z-index:3;position:absolute;right:0;display:block!important}.know-about .left-section .top-container .white-rect{width:23.5%}.know-about .left-section .top-container .white-rect svg{width:36.5px;height:40px;left:-19px!important}.know-about .left-section .med-container{min-height:190px}.know-about .left-section .med-container .message{width:203px;height:151px;top:-30px!important;left:22%!important}.know-about .left-section .med-container .message.message-bubble{aspect-ratio:406/303;width:min(203px,78vw);height:auto}.know-about .left-section .med-container .mobile-tower{z-index:7;position:absolute;bottom:0;display:block!important}.know-about .left-section .med-container .mobile-wheel{z-index:12;position:absolute;bottom:0;right:14%;display:block!important}.know-about .left-section .med-container .question-mark-box{width:35px;height:38px;bottom:10px!important;left:42%!important}.know-about .left-section .bottom-container .mobile-arabic-man{z-index:10;position:absolute;bottom:0;left:1.25px;display:block!important}.arabic-man{display:none}.message{left:5%!important}.message-content{-webkit-overflow-scrolling:touch;box-sizing:border-box;min-width:0;overflow:hidden auto;max-width:90%!important;left:3%!important}.message-content h1,.message-content p{word-break:break-word;box-sizing:border-box;width:100%}.message-content button{white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;width:100%;min-width:0;max-width:100%;overflow:hidden}.wheel{display:none;left:20%!important}}
@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(5deg)}}@keyframes pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes gradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.info{background:linear-gradient(135deg,var(--white)0%,#fff9f7 100%);min-height:600px;padding:80px 60px;position:relative;overflow:hidden}.info-left-decoration{z-index:0;width:120px;height:100%;position:absolute;top:0;left:0;overflow:hidden}.decoration-stripes{opacity:.9;filter:drop-shadow(2px 0 8px #4b011d33);width:100%;height:100%;animation:1s ease-out .3s both fadeInUp}.decoration-shapes{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.shape-circle{background:linear-gradient(135deg,var(--secondary)0%,gold 100%);opacity:.3;border-radius:50%;animation:8s ease-in-out infinite float;position:absolute}.shape-1{width:60px;height:60px;animation-delay:0s;top:15%;left:20px}.shape-2{background:linear-gradient(135deg,var(--main)0%,var(--dark)100%);opacity:.25;width:40px;height:40px;animation-delay:3s;bottom:25%;left:30px}.shape-diamond{background:linear-gradient(135deg,var(--red)0%,#f33 100%);opacity:.3;width:50px;height:50px;animation:7s ease-in-out 1.5s infinite float;position:absolute;top:50%;left:40px;transform:rotate(45deg)}.shape-diamond:before{content:"";background:linear-gradient(135deg,var(--secondary)0%,gold 100%);opacity:.5;border-radius:50%;width:30px;height:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.info:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffbd001a 0%,#0000 70%);border-radius:50%;width:600px;height:600px;animation:4s ease-in-out infinite pulse;position:absolute;top:-200px;right:-200px}.info:after{content:"";pointer-events:none;background:radial-gradient(circle,#93193d14 0%,#0000 70%);border-radius:50%;width:500px;height:500px;animation:5s ease-in-out infinite pulse;position:absolute;bottom:-150px;left:-150px}.info-container{z-index:1;grid-template-columns:1.2fr 1fr;align-items:center;gap:80px;max-width:1400px;margin:0 auto;padding-left:40px;display:grid;position:relative}.info-content{flex-direction:column;gap:30px;animation:.8s ease-out fadeInUp;display:flex}.info-badge{background:linear-gradient(135deg,var(--secondary)0%,gold 100%);border-radius:50px;align-items:center;width:fit-content;padding:12px 24px;animation:.8s ease-out .1s both fadeInUp;display:inline-flex;box-shadow:0 4px 15px #ffbd004d}.info-badge span{color:var(--main);letter-spacing:.5px;font-size:18px;font-weight:700}.info-title{color:var(--main);background:linear-gradient(135deg,var(--main)0%,var(--dark)100%);-webkit-text-fill-color:transparent;letter-spacing:-1px;-webkit-background-clip:text;background-clip:text;margin:0;font-size:56px;font-weight:800;line-height:1.3;animation:.8s ease-out .2s both fadeInUp}.info-description{color:var(--dark);opacity:.85;margin:0;font-size:24px;font-weight:500;line-height:1.6;animation:.8s ease-out .3s both fadeInUp}.info-features{gap:30px;margin-top:10px;animation:.8s ease-out .4s both fadeInUp;display:flex}.feature-item{background:#fffc;border-radius:20px;flex-direction:column;align-items:center;gap:12px;min-width:120px;padding:20px;transition:all .3s;display:flex;box-shadow:0 4px 20px #93193d1a}.feature-item:hover{background:#fff;transform:translateY(-5px);box-shadow:0 8px 30px #93193d33}.feature-icon{filter:drop-shadow(0 2px 4px #0000001a);font-size:36px;line-height:1}.feature-item span{color:var(--main);font-size:18px;font-weight:700}.info-cta-button{cursor:pointer;filter:drop-shadow(0 8px 25px #93193d4d);background:0 0;border:none;outline:none;width:283px;height:104px;margin-top:10px;text-decoration:none;transition:all .4s cubic-bezier(.34,1.56,.64,1);animation:.8s ease-out .5s both fadeInUp;display:inline-block;position:relative}.cta-ellipse{filter:drop-shadow(0 4px 12px #93193d33);width:100%;height:100%;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:block}.info-cta-button:hover .cta-ellipse{filter:drop-shadow(0 15px 40px #93193d66);transform:scale(1.05)}.cta-text{color:var(--white);z-index:2;white-space:nowrap;pointer-events:none;text-align:center;justify-content:center;align-items:center;gap:8px;width:100%;font-size:22px;font-weight:700;transition:all .3s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cta-arrow{z-index:1;transition:transform .3s;display:inline-block;position:relative}.info-cta-button:hover .cta-arrow{transform:translate(-5px)}.info-cta-button:hover{transform:translateY(-5px)}.info-cta-button:active{transform:translateY(-2px)scale(.98)}.info-visual{justify-content:center;align-items:center;height:500px;animation:.8s ease-out .6s both fadeInUp;display:flex;position:relative}.visual-card{background:linear-gradient(135deg,var(--secondary)0%,gold 50%,var(--secondary)100%);background-size:200% 200%;border-radius:30px;width:100%;max-width:400px;height:100%;max-height:400px;transition:transform .5s;animation:4s infinite gradient;position:relative;overflow:hidden;transform:rotate(-5deg);box-shadow:0 20px 60px #ffbd004d,inset 0 1px #ffffff4d}.info-visual:hover .visual-card{transform:rotate(0)scale(1.05)}.card-pattern{z-index:2;border-radius:30px;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.instagram-embed{object-fit:cover;pointer-events:auto;background:0 0;border:none;border-radius:30px;width:100%;height:100%;min-height:400px}@media (max-width:1400px){.instagram-embed{min-height:350px}}@media (max-width:900px){.instagram-embed{min-height:300px}}@media (max-width:600px){.instagram-embed{min-height:250px}}.card-glow{pointer-events:none;background:radial-gradient(circle,#fff6 0%,#0000 70%);border-radius:50%;width:200px;height:200px;animation:3s ease-in-out infinite pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.visual-decoration{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.question-mark-box{filter:drop-shadow(0 4px 12px #4b011d4d);opacity:.9;transition:all .4s cubic-bezier(.34,1.56,.64,1);animation:6s ease-in-out infinite float;position:absolute}.question-mark-box:hover{filter:drop-shadow(0 8px 20px #4b011d80);opacity:1;animation-play-state:paused;transform:scale(1.15)rotate(10deg)}.box-1{width:90px;height:98px;animation-delay:0s;top:10%;right:10%}.box-2{width:70px;height:76px;animation-delay:2s;bottom:20%;left:5%}.box-3{width:80px;height:87px;animation-delay:4s;top:60%;right:20%}@media (max-width:1400px){.info{min-height:500px;padding:60px 40px}.info-container{gap:60px}.info-title{font-size:42px}.info-description{font-size:20px}.info-features{gap:20px}.feature-item{min-width:100px;padding:15px}.feature-icon{font-size:28px}.feature-item span{font-size:16px}.info-cta-button{width:240px;height:88px}.info-cta-button .cta-text{font-size:20px}.visual-card{max-width:350px;max-height:350px}}@media (max-width:900px){.info{padding:50px 30px}.info-container{grid-template-columns:1fr;gap:50px}.info-title{font-size:36px}.info-description{font-size:18px}.info-features{flex-wrap:wrap;gap:15px}.info-visual{height:350px}.visual-card{max-width:300px;max-height:300px}.info-left-decoration{width:80px}.info-container{padding-left:20px}.shape-1,.shape-2,.shape-diamond{display:none}}@media (max-width:600px){.info{min-height:auto;padding:40px 20px}.info-left-decoration{display:none}.info-container{gap:40px;padding-left:0}.info-content{gap:20px}.info-badge{padding:10px 20px}.info-badge span{font-size:14px}.info-title{font-size:28px;line-height:1.4}.info-description{font-size:16px}.info-features{justify-content:center;gap:12px}.feature-item{gap:8px;min-width:90px;padding:12px}.feature-icon{font-size:24px}.feature-item span{font-size:14px}.info-cta-button{width:200px;height:74px}.info-cta-button .cta-text{font-size:18px}.info-visual{height:250px}.visual-card{max-width:250px;max-height:250px}.question-mark-box{display:none}}
.infinite-carousel{will-change:transform;width:100%;overflow:visible}.carousel-track{will-change:transform;backface-visibility:hidden;perspective:1000px;display:flex;transform:translate(0,0)}.carousel-card{perspective:1000px;flex-shrink:0;width:auto!important}.category-card-flip-wrapper{perspective:1000px;width:13.69vw;height:13.69vw}.infinite-carousel .category-card{width:100%;height:100%;transform-style:preserve-3d;cursor:pointer;transition:transform .6s cubic-bezier(.4,0,.2,1),scale .6s cubic-bezier(.4,0,.2,1);position:relative}.category-card-flip-wrapper:hover .category-card{transform:rotateY(180deg)scale(1.1)translateY(-10px)}.card-face{backface-visibility:hidden;background:var(--secondary);border-radius:0;flex-direction:column;width:100%;height:100%;display:flex;position:absolute;overflow:hidden;box-shadow:0 2px 8px #0000001a}.card-front{transform:rotateY(0)}.card-back{background:linear-gradient(135deg,var(--brown)0%,var(--dark-maroon)100%);transform:rotateY(180deg)}.infinite-carousel .category-card .card-header{background-color:var(--brown);color:#fff;justify-content:space-between;align-items:center;height:2.49vw;min-height:2.49vw;padding-left:2.8vw;padding-right:8px;font-size:24px;font-weight:700;transition:all .3s;display:flex;position:relative;overflow:visible}.infinite-carousel .category-card .card-header svg{z-index:13;width:2.72vw;height:2.95vw;transition:transform .3s,filter .3s;position:absolute;top:0;left:0}.infinite-carousel .category-card .card-header span{text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 2px #0000004d;flex:1;max-width:100%;padding-left:4px;line-height:1.2;overflow:hidden;font-size:.9vw!important}.infinite-carousel .category-card .card-content{background:linear-gradient(180deg,var(--secondary)0%,#ffbd000d 100%);flex-grow:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.infinite-carousel .category-card .card-content img{object-fit:contain;z-index:1;width:11.63vw;height:9.43vw;transition:transform .4s cubic-bezier(.4,0,.2,1);position:relative}.card-back-content{color:#fff;flex-direction:column;width:100%;height:100%;padding:1.5vw;display:flex}.card-back-header{background:linear-gradient(135deg,var(--secondary)0%,#ffbd00cc 100%);text-align:center;border-radius:8px;margin-bottom:1vw;padding:.8vw 1vw;box-shadow:0 2px 8px #0003}.card-back-header span{color:var(--dark-maroon);text-shadow:0 1px 2px #ffffff4d;font-size:.9vw;font-weight:800;display:block}.card-back-description{flex:1;justify-content:center;align-items:center;padding:.5vw;display:flex;overflow:hidden}.card-back-description p{text-align:center;color:#fff;text-shadow:0 1px 3px #0000004d;word-wrap:break-word;overflow-wrap:break-word;margin:0;padding:0;font-size:.75vw;line-height:1.6}@media (max-width:550px){.category-card-flip-wrapper{width:33.3vw!important;height:min(33.3vw,15.36vh)!important}.infinite-carousel .category-card{width:100%!important;height:100%!important}.infinite-carousel .category-card .card-header{height:2.7vh!important;max-height:2.7vh!important;font-size:12px!important}.infinite-carousel .category-card .card-header svg{position:absolute;top:0;left:0;width:6.62vw!important;height:3.4vh!important}.infinite-carousel .category-card .card-header span{text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 2px #0000004d;flex:1;max-width:100%;padding-left:4px;line-height:1.2;overflow:hidden;font-size:12px!important}.card-back-content{padding:3vw 2.5vw}.card-back-header{margin-bottom:2vw;padding:1.5vw 2vw}.card-back-header span{font-size:3vw!important}.card-back-description{padding:1vw}.card-back-description p{font-size:2.5vw!important}.category-card-flip-wrapper:hover .category-card{transform:rotateY(180deg)scale(1.05)}}
.categories{width:100%;margin-bottom:81.5px;position:relative;overflow:hidden}.categories-header{background:linear-gradient(135deg,var(--background)0%,var(--main)50%,var(--background)100%);justify-content:center;align-items:center;width:100%;min-height:400px;padding:60px 40px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #70012a4d}.categories-header-background{z-index:1;width:100%;height:100%;position:absolute;inset:0}.old-man-container{z-index:10;justify-content:center;align-items:flex-end;width:380px;height:500px;display:flex;position:absolute;bottom:-10%;right:5%}.old-man-container .old-man{object-fit:contain;z-index:5;width:100%;height:auto;max-height:80%;animation:6s ease-in-out infinite floatAnimation;position:relative}.old-man-glow{z-index:1;background:radial-gradient(circle,#ffbd0066 0%,#0000 70%);border-radius:50%;width:120%;height:120%;animation:3s ease-in-out infinite glowPulse;position:absolute;bottom:-10%;right:-10%}@keyframes floatAnimation{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes glowPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.decorative-pattern{opacity:.5;z-index:1;background-image:repeating-linear-gradient(45deg,#0000,#0000 10px,#ffbd0008 10px 20px);position:absolute;inset:0}.categories-header-content{z-index:4;width:100%;max-width:1200px;margin:0 auto;position:relative}.categories-title-section{text-align:right;border:3px solid var(--secondary);z-index:1;background:#fffffff2;border-radius:30px;padding:40px 60px;position:relative;overflow:hidden;box-shadow:0 12px 40px #0003}.categories-title-section:before{content:"";background:linear-gradient(90deg,var(--secondary)0%,var(--mint)50%,var(--secondary)100%);z-index:1;width:100%;height:6px;position:absolute;top:0;right:0}.title-decoration{opacity:.9;justify-content:center;margin-bottom:20px;display:flex}.wave-decoration{filter:drop-shadow(0 4px 8px #ffbd004d);animation:3s ease-in-out infinite waveGlow}@keyframes waveGlow{0%,to{filter:drop-shadow(0 4px 8px #ffbd004d)}50%{filter:drop-shadow(0 6px 16px #ffbd0080)}}.categories-main-title{color:var(--background);text-align:center;background:linear-gradient(135deg,var(--background)0%,var(--main)100%);-webkit-text-fill-color:transparent;letter-spacing:-1px;z-index:2;-webkit-background-clip:text;background-clip:text;margin:0;font-size:64px;font-weight:900;position:relative}.categories-subtitle{color:var(--main);text-align:center;letter-spacing:.5px;margin:16px 0 0;font-size:28px;font-weight:700}.categories-content{background:linear-gradient(180deg,var(--light)0%,#940d3bf2 100%);padding:80px 0;position:relative;overflow:hidden}.categories-content:before{content:"";background:linear-gradient(90deg,transparent,var(--secondary),transparent);z-index:1;height:4px;position:absolute;top:0;left:0;right:0}.categories-content:after{content:"";background:linear-gradient(90deg,transparent,var(--secondary),transparent);z-index:1;height:4px;position:absolute;bottom:0;left:0;right:0}.categories-content-inner{z-index:2;flex-direction:column;gap:60px;display:flex;position:relative}.categories-content .swipper-cotainer{width:100%;position:relative}.categories-footer{background:var(--background);justify-content:space-between;align-items:center;min-height:119px;display:flex;position:relative}.footer-decorative{justify-content:center;align-items:center;height:119px;transition:all .3s;display:flex;position:relative;overflow:hidden}.footer-decorative.right-svg{background:linear-gradient(135deg,#2892dd1a 0%,#2892dd0d 100%);border-right:2px solid #ffbd0033;flex:1}.footer-decorative.left-svg{background:linear-gradient(135deg,#a84bf61a 0%,#a84bf60d 100%);border-left:2px solid #ffbd0033;width:280px}.footer-decorative svg{transition:transform .3s,filter .3s}.footer-decorative:hover svg{filter:drop-shadow(0 4px 12px #ffbd0066);transform:scale(1.1)}.categories-footer .categories-text{display:none}@media (max-width:1600px){.old-man-container{width:320px;height:420px}.categories-main-title{font-size:56px}.categories-subtitle{font-size:24px}}@media (max-width:1200px){.categories-header{min-height:350px;padding:40px 30px}.old-man-container{width:280px;height:360px;bottom:-5%;right:2%}.categories-title-section{padding:30px 40px}.categories-main-title{font-size:48px}.categories-subtitle{font-size:22px}}@media (max-width:900px){.categories-header{flex-direction:column;min-height:300px;padding:30px 20px}.old-man-container{width:240px;height:300px;margin-bottom:20px;position:relative;bottom:auto;right:auto}.categories-title-section{width:100%;padding:25px 30px}.categories-main-title{font-size:40px}.categories-subtitle{font-size:20px}.categories-content{padding:60px 0}.categories-content-inner{gap:40px}}@media (max-width:768px){.categories{margin-bottom:40px}.categories-header{min-height:250px;padding:20px 15px}.old-man-container{width:200px;height:250px}.old-man-container .old-man{max-height:250px}.categories-title-section{border-width:2px;border-radius:20px;padding:20px}.categories-main-title{font-size:32px}.categories-subtitle{font-size:18px}.title-decoration svg{width:100%;height:auto}.categories-content{padding:40px 0}.categories-content-inner{gap:30px}.footer-decorative{height:80px}.footer-decorative.left-svg{width:140px}.footer-decorative svg{width:60%;height:auto}}@media (max-width:500px){.categories-header{min-height:200px}.old-man-container{width:150px;height:200px}.old-man-container .old-man{max-height:200px}.categories-title-section{padding:15px}.categories-main-title{font-size:28px}.categories-subtitle{margin-top:10px;font-size:16px}.title-decoration{margin-bottom:10px}.categories-content{padding:30px 0}.categories-content-inner{gap:25px}.footer-decorative{height:60px}.footer-decorative.left-svg{width:100px}.categories-footer .categories-text{color:var(--white);background-color:#0000;flex-grow:1;justify-content:center;align-items:center;height:100%;padding:0 15px;font-size:14px;font-weight:700;display:flex!important}.footer-decorative.right-svg{display:none!important}.footer-decorative.left-svg svg{width:80%;height:auto}}@media (min-width:1351px){.categories-header{box-shadow:0 12px 48px #70012a66}.categories-title-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa}.categories-title-section:after{content:"";background:linear-gradient(90deg,var(--secondary)0%,var(--mint)50%,var(--secondary)100%);z-index:1;width:100%;height:6px;position:absolute;bottom:0;left:0;right:0}.categories-content{box-shadow:0 4px 30px #93193d26}.categories-footer{box-shadow:0 -4px 20px #93193d1a}.categories-footer:before{content:"";background:linear-gradient(90deg,var(--secondary)0%,var(--mint)50%,var(--secondary)100%);opacity:.7;height:3px;position:absolute;top:0;left:0;right:0}}
.packages .packages-header{align-items:center;gap:38px;padding-right:60px;font-weight:700;transition:all .3s;display:flex;position:relative}.packages .packages-header>svg{transition:transform .3s,filter .3s}.packages .packages-header>div:last-child span{transition:all .3s}.packages .packages-header>div:last-child button{cursor:pointer;font-family:var(--font-family);border-radius:8px;padding:8px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.packages .packages-header .shadarrak-logo{transition:transform .4s,filter .3s}@media (max-width:600px){.packages .packages-header{padding-right:12px}}.packages .packages-header>svg{position:absolute;bottom:-40px;left:402px}.packages .packages-header>div:last-child{flex-direction:column;align-items:flex-start;width:100%;display:flex}.packages .packages-header>div:last-child span{color:var(--secondary);margin-bottom:12px;font-size:40px}@media (max-width:600px){.packages .packages-header>div:last-child span{font-size:16px!important}}.packages .packages-header>div:last-child button{color:var(--red);background:0 0;border:none;font-size:30px}.packages .packages-container{background:var(--secondary);flex-direction:column;justify-content:flex-end;height:894px;transition:all .3s;display:flex;position:relative;overflow:visible}.packages .packages-container .dome{transition:transform 10s,filter .3s}.packages .packages-container .arabic-woman,.packages .packages-container .qatar-tower{transition:transform .4s,filter .3s}.packages .packages-container .question-mark{transition:transform .3s,filter .3s}.packages .packages-container .dome{position:absolute;bottom:0;left:50%;transform:translate(-50%)}.packages .packages-container .arabic-woman{z-index:20;position:absolute;bottom:0;left:412px}.packages .packages-container .packages-data{flex-direction:column;gap:30px;display:flex}.packages .packages-container .packages-data>div{background:var(--light);color:var(--white);z-index:10;border-radius:12px;justify-content:space-between;align-items:center;font-size:32px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:visible}.packages .packages-container .packages-data>div .best-seller{transition:all .3s}.packages .packages-container .packages-data>div .best-seller .top-stars-divider,.packages .packages-container .packages-data>div .best-seller .bottom-stars-divider{transition:transform .3s}.packages .packages-container .packages-data>div .game-data>span{transition:all .3s;position:relative}.packages .packages-container .packages-data>div .best-seller{width:33%;color:var(--background);background-color:var(--mint);z-index:3;align-items:center;height:100%;font-size:32px;font-weight:700;display:flex;position:relative}.packages .packages-container .packages-data>div .best-seller .top-stars-divider{z-index:2;position:absolute;top:-30px;left:0}.packages .packages-container .packages-data>div .best-seller .bottom-stars-divider{z-index:2;position:absolute;bottom:-30px;left:0}.packages .packages-container .packages-data>div .best-seller>span{margin-right:225px}.packages .packages-container .packages-data>div .game-data{justify-content:space-between;align-items:center;width:35%;margin-right:18.6%;display:flex}.packages .packages-container .packages-data>div .game-data>span{cursor:pointer}.packages .packages-container .packages-data .mosque{transition:transform .4s,filter .3s;position:absolute;top:-70px;left:50%;transform:translate(-50%)}.packages .packages-container .packages-data .cells-shape{transition:transform .4s,filter .3s;position:absolute;top:0;left:0}.packages .packages-container .packages-data .one-game{height:70px}.packages .packages-container .packages-data .one-game .qatar-cell{z-index:13;transition:transform .3s,filter .3s;position:absolute;bottom:-30px;left:116px}.packages .packages-container .packages-data .two-games{height:89px}.packages .packages-container .packages-data .five-games{height:107px}.packages .packages-container .packages-data .ten-games{height:126px}.packages .packages-container .qatar-tower{z-index:11;position:absolute;bottom:0;right:70px}@media (min-width:1351px){.packages:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(#ffbd0005 0%,#0000 50%,#93193d05 100%);position:absolute;inset:0}.packages .packages-header{border-radius:0 0 16px 16px;margin-bottom:20px;padding-bottom:20px}.packages .packages-header>svg{filter:drop-shadow(0 4px 12px #4b011d4d);animation:3s ease-in-out infinite questionFloat}.packages .packages-header>svg:hover{filter:drop-shadow(0 6px 20px #4b011d80);animation-play-state:paused;transform:translateY(-5px)scale(1.1)}.packages .packages-header>div:last-child span{text-shadow:0 2px 4px #ffbd0033;letter-spacing:.5px}.packages .packages-header>div:last-child button{text-shadow:0 2px 4px #ff494933;border-radius:8px;padding:8px 16px;position:relative}.packages .packages-header>div:last-child button:before{content:"";opacity:0;background:#ff49491a;border-radius:8px;transition:opacity .3s;position:absolute;inset:0}.packages .packages-header>div:last-child button:hover{color:var(--red);transform:translate(-5px)}.packages .packages-header>div:last-child button:hover:before{opacity:1}.packages .packages-header>div:last-child button:active{transform:translate(-3px)}.packages .packages-header .shadarrak-logo{filter:drop-shadow(0 6px 20px #ffbd0066)}.packages .packages-header .shadarrak-logo:hover{filter:drop-shadow(0 10px 30px #ffbd0099);transform:translateY(-5px)scale(1.05)}.packages .packages-container{background:linear-gradient(180deg,var(--secondary)0%,#ffbd00f2 100%);border-radius:16px 16px 0 0;box-shadow:0 4px 30px #ffbd0033}.packages .packages-container .dome{filter:drop-shadow(0 4px 16px #0003)}.packages .packages-container .dome:hover{filter:drop-shadow(0 8px 24px #0000004d);transform:translate(-50%)translateY(-5px)scale(1.05)}.packages .packages-container .arabic-woman{filter:drop-shadow(0 4px 12px #0003)}.packages .packages-container .arabic-woman:hover{filter:drop-shadow(0 8px 20px #0000004d);transform:translateY(-5px)scale(1.05)}.packages .packages-container .qatar-tower{filter:drop-shadow(0 4px 16px #0003)}.packages .packages-container .qatar-tower:hover{filter:drop-shadow(0 8px 24px #0000004d);transform:translateY(-5px)scale(1.05)}.packages .packages-container .question-mark{filter:drop-shadow(0 4px 12px #4b011d4d);animation:2s ease-in-out infinite questionBounce}.packages .packages-container .question-mark:hover{filter:drop-shadow(0 6px 20px #4b011d80);animation-play-state:paused;transform:scale(1.15)rotate(10deg)}.packages .packages-container .packages-data{gap:35px}.packages .packages-container .packages-data>div{background:linear-gradient(135deg,var(--light)0%,#940d3bf2 100%);border:2px solid #0000;border-radius:12px;box-shadow:0 4px 16px #93193d33}.packages .packages-container .packages-data>div:before{content:"";opacity:0;background:linear-gradient(90deg,#0000,#ffbd0080,#0000);height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.packages .packages-container .packages-data>div:hover{border-color:#ffbd004d;transform:translate(-8px)scale(1.02);box-shadow:0 8px 24px #93193d4d}.packages .packages-container .packages-data>div:hover:before{opacity:1}.packages .packages-container .packages-data>div:hover .game-data span{transform:translate(-5px)}.packages .packages-container .packages-data>div:active{transform:translate(-4px)scale(1.01)}.packages .packages-container .packages-data>div .best-seller{background:linear-gradient(135deg,var(--mint)0%,#e3f070e6 100%);box-shadow:inset 0 2px 8px #0000001a}.packages .packages-container .packages-data>div .best-seller:after{content:"";pointer-events:none;background:linear-gradient(135deg,#fff3 0%,#0000 100%);position:absolute;inset:0}.packages .packages-container .packages-data>div .best-seller .top-stars-divider,.packages .packages-container .packages-data>div .best-seller .bottom-stars-divider{filter:drop-shadow(0 2px 4px #4b011d33)}.packages .packages-container .packages-data>div .best-seller>span{text-shadow:0 2px 4px #4b011d33}.packages .packages-container .packages-data>div .game-data{text-shadow:0 2px 4px #0000004d}.packages .packages-container .packages-data>div .game-data>span:first-child{letter-spacing:.5px;font-weight:700}.packages .packages-container .packages-data>div .game-data>span:last-child{color:var(--secondary);text-shadow:0 2px 4px #ffbd004d;font-weight:700}.packages .packages-container .packages-data .mosque{filter:drop-shadow(0 4px 16px #0003)}.packages .packages-container .packages-data .mosque:hover{filter:drop-shadow(0 8px 24px #0000004d);transform:translate(-50%)translateY(-5px)scale(1.05)}.packages .packages-container .packages-data .cells-shape{filter:drop-shadow(0 2px 8px #00000026)}.packages .packages-container .packages-data .cells-shape:hover{filter:drop-shadow(0 4px 12px #00000040);transform:scale(1.05)rotate(5deg)}.packages .packages-container .packages-data .one-game .qatar-cell{filter:drop-shadow(0 2px 8px #0003);z-index:13}.packages .packages-container .packages-data .one-game .qatar-cell:hover{filter:drop-shadow(0 4px 12px #0000004d);transform:translateY(-5px)scale(1.1)}@keyframes questionFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes questionBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}}@media (max-width:1620px){.packages .packages-header>svg{display:none!important}}@media (max-width:1520px){.packages .arabic-woman{left:340px!important}}@media (max-width:1360px){.packages .arabic-woman{left:250px!important}.packages .qatar-tower{display:none}}@media (max-width:1240px){.packages .packages-container{height:auto;padding:30px 0}.packages .packages-data>svg{display:none}.packages .one-game>svg{display:none!important}.packages .mosque,.packages .packages-container>svg,.arabic-woman{display:none}.best-seller{justify-content:center}.best-seller span{margin:0!important}}@media (max-width:830px){.packages .shadarrak-logo svg{width:100%}.packages .packages-container .game-data{width:50%!important}}@media (max-width:620px){.packages .packages-header .shadarrak-logo{display:none!important}.packages .packages-header>div:last-child{margin-bottom:10px}.packages .packages-header>div:last-child span:first-child{font-size:20px!important}.packages .packages-header>div:last-child button:last-child{color:#fff;font-weight:700;font-size:14px!important}.packages .packages-container{height:52.46vh}.packages .packages-container .best-seller{display:none!important}.packages .packages-container .one-game{height:4.11vh!important}.packages .packages-container .two-games{height:5.22vh!important}.packages .packages-container .five-games{height:6.28vh!important}.packages .packages-container .ten-games{height:7.39vh!important}.packages .packages-container .packages-data{gap:15px!important}.packages .packages-container .game-data{gap:20%;justify-content:center!important;width:100%!important;margin-right:0!important;font-size:16px!important}.packages .packages-container .game-data>span:first-child{display:none}.packages .packages-container .best-seller{width:40%!important}.packages .packages-container .best-seller span{font-size:18px!important}.packages .mobile-dome{position:absolute;bottom:0;left:50%;transform:translate(-50%);display:block!important}.packages .mobile-arabic-woman{z-index:20;position:absolute;bottom:0;left:0;display:block!important}.packages .mobile-mosque{position:absolute;top:-4.11vh;left:50%;transform:translate(-50%);display:block!important}.packages .question-mark{width:51.277px;height:55.75px;display:block!important}.packages .right-question-mark{top:12.09vh!important;right:2.54vw!important}.packages .left-question-mark{top:5.75vh!important;left:3.82vw!important}}.modal-container{min-height:400px}.payment-dialog{flex-direction:column;gap:24px;animation:.6s ease-out .1s both fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.payment-dialog h2{text-align:center;color:var(--secondary);text-shadow:0 2px 8px #ffbd004d;justify-content:center;align-items:center;gap:12px;transition:all .3s;display:flex}.payment-dialog h2:hover{text-shadow:0 4px 12px #ffbd0080;transform:translateY(-2px)}.payment-dialog .payment-method-selector button{border:2px solid var(--white);color:var(--white);background:#ffffff1a;border-radius:8px;align-items:center;padding:4px 12px;font-size:20px;transition:all .3s;display:flex;box-shadow:0 2px 8px #0003}.payment-dialog .payment-method-selector button:hover{border-color:var(--secondary);background:#fff3;transform:translateY(-2px);box-shadow:0 4px 12px #ffbd004d}.payment-dialog .payment-method-selector button:focus{border-color:var(--secondary);outline:none;box-shadow:0 0 0 3px #ffbd0033}.payment-dialog .payment-method-selector button span{font-size:24px!important}.payment-dialog .payment-method-selector .methods-dropdown{width:250px;font-size:24px;transition:all .3s}.payment-dialog .actions{justify-content:center;align-items:center;margin-bottom:32px;display:flex}.payment-dialog .actions button{color:var(--light);background:linear-gradient(135deg,var(--secondary)0%,#ffd633 100%);cursor:pointer;text-shadow:0 2px 8px #0003;border:none;border-radius:28px;justify-content:center;align-items:center;gap:12px;padding:7.5px 48px;font-size:24px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #ffbd004d}.payment-dialog .actions button:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.payment-dialog .actions button:hover{background:linear-gradient(135deg,#ffd633 0%,var(--secondary)100%);transform:translateY(-4px)scale(1.05);box-shadow:0 8px 24px #ffbd0080}.payment-dialog .actions button:hover:before{left:100%}.payment-dialog .actions button:active{transform:translateY(-2px)scale(1.02);box-shadow:0 4px 16px #ffbd0066}.payment-container-background{background:linear-gradient(135deg,#4b011d 0%,#3a000f 100%);border-radius:18px;flex-wrap:wrap;gap:2.31vw;margin:40.5px 31.5px;padding:38px 15.5px;animation:.6s ease-out .3s both fadeInUp;display:flex;position:relative;box-shadow:inset 0 2px 8px #0000004d,0 4px 16px #4b011d66}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.payment-container-background .payment-option{cursor:pointer;border:2px solid #0000;border-radius:15px;flex-direction:column;justify-content:space-between;width:calc(50% - 2.31vw);height:9.58vh;padding:15px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #0003}.payment-container-background .payment-option:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.payment-container-background .payment-option:hover{border-color:#f4be324d;transform:translateY(-4px)scale(1.02);box-shadow:0 8px 24px #0000004d}.payment-container-background .payment-option:hover:before{left:100%}.payment-container-background .payment-option:hover .top-row svg{transform:scale(1.1)}.payment-container-background .payment-option:active{transform:translateY(-2px)scale(1.01)}.payment-container-background .payment-option .top-row{justify-content:space-between;align-items:center;display:flex}.payment-container-background .payment-option .top-row .svgs{align-items:center;gap:.87vw;display:flex}.payment-container-background .payment-option .top-row .svgs svg{filter:drop-shadow(0 2px 8px #0003);min-width:30px;max-width:6.89vw;transition:all .3s}.payment-container-background .payment-option .top-row>svg:last-child{filter:drop-shadow(0 2px 8px #f4be324d);width:1.68vw;min-width:18px;transition:all .3s}.payment-container-background .payment-option .bottom-row{color:#4b011d;text-shadow:0 1px 4px #0000001a;font-size:1.04vw;font-weight:700;transition:all .3s}.payment-container-background .payment-option[style*=F4BE32]{border-color:#ffffff4d;animation:2s ease-in-out infinite selectedPulse;box-shadow:0 6px 20px #f4be3266,inset 0 2px 8px #fff3;background:linear-gradient(135deg,#f4be32 0%,#ffd633 100%)!important}@keyframes selectedPulse{0%,to{box-shadow:0 6px 20px #f4be3266,inset 0 2px 8px #fff3}50%{box-shadow:0 8px 24px #f4be3299,inset 0 2px 8px #ffffff4d}}.payment-container-background .payment-option[style*=F4BE32] .bottom-row{color:#4b011d;text-shadow:0 2px 8px #4b011d33}.payment-container-background .payment-option[style*=B0722A]{background:linear-gradient(135deg,#b0722a 0%,#8a5621 100%)!important}.payment-container-background .payment-option[style*=B0722A]:hover{background:linear-gradient(135deg,#c0823a 0%,#b0722a 100%)!important}.main-payment-modal-container{border-radius:20px;max-width:1063px;animation:.4s cubic-bezier(.16,1,.3,1) modalSlideIn;overflow:hidden;box-shadow:0 20px 60px #00000080;background:linear-gradient(135deg,#70012b 0%,#5a001f 100%)!important;width:61.52vw!important;height:auto!important;padding:0!important}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:750px){.main-payment-modal-container{width:95%!important}}.main-payment-modal-container .modal-header{z-index:10;background:linear-gradient(135deg,#4b011d 0%,#3a000f 100%);justify-content:space-between;align-items:center;width:100%;height:8.15vh;padding:0 20px;display:flex;position:relative;box-shadow:0 4px 16px #0000004d}.main-payment-modal-container .modal-header:after{content:"";background:linear-gradient(90deg,#0000,#f4be32,#0000);height:2px;position:absolute;bottom:0;left:0;right:0}.main-payment-modal-container .modal-header>h3{color:#f4be32;text-shadow:0 2px 8px #f4be324d;font-size:22.5px;font-weight:700;transition:all .3s}.main-payment-modal-container .modal-header>h3:hover{text-shadow:0 4px 12px #f4be3280;transform:translate(2px)}.main-payment-modal-container .modal-header svg:first-child{filter:drop-shadow(0 2px 8px #f4be324d);width:4.84vw;height:4.48vh;transition:all .3s}.main-payment-modal-container .modal-header svg:first-child:hover{filter:drop-shadow(0 4px 12px #f4be3280);transform:scale(1.1)}.main-payment-modal-container .modal-header svg:last-child{cursor:pointer;filter:drop-shadow(0 2px 8px #f4be324d);width:2.84vw;height:2.84vw;transition:all .3s cubic-bezier(.4,0,.2,1)}.main-payment-modal-container .modal-header svg:last-child:hover{filter:drop-shadow(0 4px 12px #f4be3299);transform:scale(1.15)rotate(90deg)}.main-payment-modal-container .modal-header svg:last-child:active{transform:scale(1.05)rotate(90deg)}.main-payment-modal-container .modal-footer,.main-payment-modal-container .modal-exit{display:none!important}.main-payment-modal-container .modal-passed-content{background:linear-gradient(135deg,#70012b 0%,#5a001f 100%);height:100%;padding:0!important}.main-payment-modal-container .modal-passed-content .warning-modal-content{flex-direction:column;justify-content:flex-start;align-items:center;gap:2.15vh;height:100%;padding:2vh 0;animation:.6s ease-out .2s both fadeInContent;display:flex;position:relative}@keyframes fadeInContent{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.main-payment-modal-container .modal-passed-content .warning-modal-content .boy-svg{z-index:0;filter:drop-shadow(0 8px 24px #0000004d);width:12.21vw;height:42.52vh;transition:all .4s;animation:3s ease-in-out infinite floatBoy;position:absolute;bottom:0;left:0}@keyframes floatBoy{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.main-payment-modal-container .modal-passed-content .warning-modal-content .boy-svg:hover{filter:drop-shadow(0 12px 32px #0006);animation-play-state:paused;transform:translateY(-5px)scale(1.05)}.main-payment-modal-container .modal-passed-content .warning-modal-content .warning-modal-text{color:#ffbd00;text-shadow:0 2px 8px #f4be324d;z-index:1;background:linear-gradient(135deg,#70012b4d 0%,#5a001f4d 100%);border:5px solid #f4be32;border-radius:1.74vw;width:80%;margin-bottom:68px;padding:6.71vh 8.42vw;font-size:2.78vw;font-weight:600;transition:all .3s;position:relative;box-shadow:10px 18px #4b011d}.main-payment-modal-container .modal-passed-content .warning-modal-content .warning-modal-text:before{content:"";opacity:0;background:linear-gradient(90deg,#0000,#f4be32,#0000);height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.main-payment-modal-container .modal-passed-content .warning-modal-content .warning-modal-text:hover{border-color:#ffd633;transform:translateY(-4px);box-shadow:12px 22px #4b011d,0 8px 24px #f4be324d}.main-payment-modal-container .modal-passed-content .warning-modal-content .warning-modal-text:hover:before{opacity:1}.main-payment-modal-container .modal-passed-content .warning-modal-content .textarea-modal-text{color:#fff;z-index:1;background:#4b011d4d;border:5px solid #f4be32;border-radius:1.74vw;width:80%;min-height:25.07vh;margin-bottom:24px;padding:2.55vw;font-size:24px;transition:all .3s;position:relative;box-shadow:10px 18px #4b011d}.main-payment-modal-container .modal-passed-content .warning-modal-content .textarea-modal-text::placeholder{color:#ffffff80;letter-spacing:-.63px;font-size:32px;transition:all .3s}.main-payment-modal-container .modal-passed-content .warning-modal-content .textarea-modal-text:focus{background:#4b011d80;border-color:#ffd633;outline:none;transform:translateY(-2px);box-shadow:12px 22px #4b011d,0 0 0 4px #f4be3233}.main-payment-modal-container .modal-passed-content .warning-modal-content .textarea-modal-text:focus::placeholder{color:#ffffff4d}.main-payment-modal-container .modal-passed-content .warning-modal-content>div:first-child{color:var(--secondary);text-shadow:0 2px 8px #ffbd004d;z-index:1;align-items:center;gap:12px;font-size:1.5vw;font-weight:700;transition:all .3s;display:flex;position:relative}.main-payment-modal-container .modal-passed-content .warning-modal-content>div:first-child:hover{text-shadow:0 4px 12px #ffbd0080;transform:translate(-4px)}.main-payment-modal-container .modal-passed-content .warning-modal-content>div:nth-child(2){text-align:center;z-index:1;font-weight:700;position:relative}.main-payment-modal-container .modal-passed-content .warning-modal-content .actions{z-index:1;align-items:center;gap:12px;margin-bottom:64px;display:flex;position:relative}.main-payment-modal-container .modal-passed-content .warning-modal-content .actions button{cursor:pointer;color:#871f3c;text-shadow:0 2px 8px #871f3c33;background:linear-gradient(135deg,#ffbd00 0%,#ffd633 100%);border:none;border-radius:50px;padding:12px 60px;font-size:2.08vw;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:4px 6px #470f20}.main-payment-modal-container .modal-passed-content .warning-modal-content .actions button:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.main-payment-modal-container .modal-passed-content .warning-modal-content .actions button:hover{background:linear-gradient(135deg,#ffd633 0%,#ffbd00 100%);transform:translateY(-4px);box-shadow:6px 8px #470f20,0 8px 24px #ffbd0066}.main-payment-modal-container .modal-passed-content .warning-modal-content .actions button:hover:before{left:100%}.main-payment-modal-container .modal-passed-content .warning-modal-content .actions button:active{transform:translateY(-2px);box-shadow:4px 6px #470f20}.main-payment-modal-container .modal-passed-content .warning-modal-content .actions>button:last-child{color:#ffbd00;text-shadow:0 2px 8px #ffbd004d;background:linear-gradient(135deg,#93193d 0%,#70012a 100%);box-shadow:4px 6px #470f20}.main-payment-modal-container .modal-passed-content .warning-modal-content .actions>button:last-child:hover{color:#ffd633;background:linear-gradient(135deg,#70012a 0%,#93193d 100%);box-shadow:6px 8px #470f20,0 8px 24px #93193d66}@media (max-width:590px){.payment-dialog{gap:0!important}.modal-container .main-payment-modal-container{background:linear-gradient(135deg,var(--light)0%,var(--main)100%);border-radius:0;flex-direction:column;justify-content:space-between;max-width:90%;min-height:auto;animation:.4s cubic-bezier(.16,1,.3,1) slideUp;display:flex;position:relative;box-shadow:0 20px 60px #00000080;gap:1px!important}.main-payment-modal-container{top:3vh!important}.main-payment-modal-container .modal-header svg:last-child{width:30px;height:30px}.payment-container-background{background:linear-gradient(135deg,#4b011d 0%,#3a000f 100%);border-radius:18px;flex-wrap:wrap;padding:38px 15.5px;animation:.6s ease-out .3s both fadeInUp;display:flex;position:relative;box-shadow:inset 0 2px 8px #0000004d,0 4px 16px #4b011d66;gap:1.3vh!important;margin:15px 5px!important}.payment-container-background .payment-option{cursor:pointer;border:2px solid #0000;border-radius:10px;flex-direction:column;justify-content:space-around;width:100%;height:71px;padding:5px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 4px 12px #0003}.payment-container-background .payment-option .bottom-row{font-size:100%}.payment-container-background .payment-option .top-row .svgs{width:40%;height:90%}.payment-container-background .payment-option .top-row .svgs svg{filter:drop-shadow(0 2px 8px #0003);max-width:100%;max-height:100%;transition:all .3s}}
