.categories{margin-bottom:81.5px}.categories .categories-header{position:relative;overflow:hidden;height:343px}.categories .categories-header div:first-child{position:absolute;bottom:0;right:0;z-index:1}.categories .categories-header div:nth-child(2){z-index:2}.categories .categories-header div:nth-child(2) .shadarrak-logo{position:absolute;bottom:-35px;right:386.3px;z-index:3}.categories .categories-header div:nth-child(2) .elipse{position:absolute;bottom:-35px;right:517.5px;z-index:2}.categories .categories-header div:last-child{position:absolute;z-index:1;padding:30px 140px 30px 64px;background:#fff;bottom:0;left:0;width:718px;color:var(--background);font-size:32px;font-weight:700;height:102px}.categories .categories-content{padding:82px 0;background-color:var(--light);display:flex;flex-direction:column;gap:56.7px}.categories .categories-content .swipper-cotainer{width:100%}.categories .categories-footer{position:relative;display:flex;justify-content:space-between;align-items:center}.categories .categories-footer .right-svg{display:flex;justify-content:center;align-items:center;height:119px;background-color:#2892dd}.categories .categories-footer .left-svg{width:280px;display:flex;justify-content:center;align-items:center;height:119px;background-color:#a84bf6}@media (max-width:1600px){.categories-header>div:last-child{position:static!important}}@media (max-width:1150px){.categories-header>div:first-child svg{width:50%;height:auto!important;bottom:0!important}.categories-header div:nth-child(2) .shadarrak-logo{right:20%!important;width:40%;height:auto!important;bottom:0!important}.categories-header div:nth-child(2) .elipse{right:25%!important;width:40%;height:auto!important;bottom:0!important}.categories-header>div:last-child{width:100%!important;height:auto!important;font-size:24px!important}}@media (max-width:768px){.category-card{min-width:auto!important;width:180px!important;height:180px!important}.category-card svg{width:30%!important;height:auto!important}.categories-footer svg,.category-card img{width:50%!important;height:auto!important}}@media (max-width:500px){.categories-header>div:last-child{padding:30px 24px!important;font-size:18px!important}}.info{min-height:803px;display:flex;margin-bottom:228px}.info .right-side{padding-top:176px;padding-right:61px;display:flex;flex-direction:column;align-items:flex-start;gap:50px;background-color:var(--white);color:var(--main);width:96.5%}.info .right-side span:first-child{font-size:64px;font-weight:700;max-width:1471px}.info .right-side .play-now-btn{border:none;background:none;position:relative}.info .right-side .play-now-btn span{font-size:34px;font-weight:700;color:var(--main);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.info .left-side{flex-grow:1}.info .left-side .rect-shape{background-color:#ff4a4a;width:100%;text-align:center}@media (max-width:1400px){.info{min-height:auto!important}.info .right-side{padding:64px!important}.info .right-side span{font-size:32px!important}}@media (max-width:900px){.info .right-side span{font-size:26px!important}}@media (max-width:600px){.info .right-side{padding:24px!important;padding-right:20px}.info .right-side span{font-size:20px!important}.info .right-side span:first-child{font-size:40px;max-width:300px}.info .play-now-btn svg{width:70%!important;height:70px!important}.info .play-now-btn span{font-size:14px!important;transform:translateY(-50%)!important}}.helpers{background:var(--light);display:flex;flex-direction:column;align-items:flex-end}.helpers .helpers-container{background:var(--mint);width:96.4%;height:829px;display:flex;flex-direction:column;justify-content:space-between;margin-bottom:76px}.helpers .helpers-container .helpers-banner{background:var(--white);width:96.4%;height:452px;display:flex;align-items:flex-end;padding:27px 13.5% 0 0}.helpers .helpers-container .helpers-banner .right-section{width:665.6px}.helpers .helpers-container .helpers-banner .right-section>h1{font-size:48px;color:var(--brown);padding:25px 27px;height:136px}.helpers .helpers-container .helpers-banner .right-section>div:nth-child(2){font-size:30.5px;background-color:var(--light);color:var(--white);height:202.4px;padding:20px 22px;line-height:51px}.helpers .helpers-container .helpers-banner .right-section>div:last-child{background-color:var(--secondary);height:83.4px;font-size:44px;font-weight:700;color:var(--brown);padding:10.7px}.helpers .helpers-container .helpers-banner .left-section{margin-right:-30px}.helpers .helpers-container .helpers-footer{width:96.4%;height:98px;padding:0 9px;display:flex;position:relative;justify-content:space-between;align-items:center;background-color:var(--secondary)}.helpers .helpers-container .helpers-footer .right-section{display:flex;align-items:center;gap:24px}.helpers .helpers-container .helpers-footer .right-section .svgs{display:flex;align-items:center;gap:12px}.helpers .helpers-container .helpers-footer .med-section{display:flex;gap:46.7px;align-items:center;position:absolute;right:50%;transform:translateX(50%);top:-200px}.helpers .home-footer{width:96.4%;color:var(--secondary)}.helpers .home-footer .top-section{display:flex;flex-direction:column;gap:60px;font-size:32px;font-weight:700;margin-bottom:487px}.helpers .home-footer .top-section>div{display:flex;align-items:center;gap:42.6%}.helpers .home-footer .bottom-section{display:flex;justify-content:space-between;align-items:center;padding:0 60px}.helpers .home-footer .bottom-section .website-information{display:flex;flex-direction:column;gap:50px}.helpers .home-footer .bottom-section .website-information .contact-us{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--secondary);padding-bottom:17px;gap:127px}.helpers .home-footer .bottom-section .website-information .created-at{direction:ltr;text-align:left}@media (max-width:1480px){.helpers .helpers-container .helpers-banner .med-section{display:none}.helpers .helpers-footer .med-section{top:-181px!important}.helpers .helpers-footer .med-section svg{width:150px}}@media (max-width:1100px){.helpers .helpers-footer .med-section{top:-181px!important}.helpers .helpers-footer .med-section svg{width:150px}.helpers .helpers-footer .left-section svg{height:50px!important;margin-bottom:-40px}}@media (max-width:620px){.helpers .helpers-footer .right-section span{font-size:12px}.helpers .helpers-footer .med-section{top:-163px!important}.helpers .helpers-footer .med-section svg{width:100px}}@media (max-width:470px){.helpers .helpers-footer .med-section{gap:24px!important}.helpers .helpers-footer .med-section svg{width:60px}.helpers .helpers-footer .left-section{margin-right:-20px}.helpers .helpers-footer .left-section svg{width:60px}.helpers .helpers-footer .med-section{top:-153px!important}.helpers .helpers-footer .med-section svg{width:70px}}@media (max-width:1070px){.helpers .helpers-container .helpers-banner{padding:25px 25px 0 0!important}}@media (max-width:950px){.helpers .helpers-container .helpers-banner .right-section h1{font-size:32px!important}.helpers .helpers-container .helpers-banner .right-section div{font-size:16px!important}}@media (max-width:685px){.helpers .helpers-container .helpers-banner .right-section h1{font-size:24px!important}.helpers .helpers-container .helpers-banner .right-section div{font-size:12px!important}}@media (max-width:615px){.helpers .helpers-container .helpers-banner .right-section h1{font-size:24px!important}.helpers .helpers-container .helpers-banner .right-section div{font-size:16px!important}.helpers .helpers-container .helpers-banner .left-section{display:none}}@media (max-width:380px){.helpers .helpers-container .helpers-banner .right-section h1{font-size:24px!important}.helpers .helpers-container .helpers-banner .right-section div{font-size:12px!important}}@media (max-width:1460px){.home-footer .bottom-section{gap:24px}.home-footer .bottom-section .logo svg{width:100%}.home-footer .bottom-section .contact-us{gap:30px!important}.home-footer .bottom-section .contact-us div:last-child{display:flex;align-items:center;gap:12px}.home-footer .bottom-section .contact-us div:last-child svg{width:30px}}@media (max-width:1000px){.home-footer .top-section>div{padding-left:20px;gap:unset!important;justify-content:space-between}}@media (max-width:570px){.home-footer .top-section>div span{font-size:16px}.home-footer .bottom-section{padding:0 12px!important}.home-footer .bottom-section .contact-us{flex-direction:column}.home-footer .bottom-section .contact-us div{font-size:12px}.home-footer .bottom-section .created-at{font-size:10px}}.know-about{display:flex;margin-bottom:129px}.know-about .right-section{width:41.55%;background-color:var(--secondary);min-height:605px;padding-top:80px;padding-right:61px;padding-left:8px;display:flex;flex-direction:column;align-items:flex-start;gap:53px}.know-about .right-section>div:first-child{font-size:40px;font-weight:700;color:var(--main)}.know-about .right-section .play-now{position:relative;border:none;background:none;outline:none}.know-about .right-section .play-now>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--secondary);font-size:24px;font-weight:700}.know-about .left-section{flex-grow:1;display:flex;flex-direction:column}.know-about .left-section .top-container{z-index:5;display:flex;min-height:159px;position:relative}.know-about .left-section .top-container .sun{position:absolute;right:33px;top:0;z-index:3}.know-about .left-section .top-container .white-rect{width:40%;background:var(--white);position:relative}.know-about .left-section .top-container .white-rect svg{position:absolute;left:-30px;top:26.5px}.know-about .left-section .top-container .blue-rect{flex-grow:1;background-color:var(--blue)}.know-about .left-section .med-container{min-height:341px;position:relative;overflow:visible;background:var(--light)}.know-about .left-section .med-container .tower{position:absolute;bottom:0;right:28.6px;z-index:7}.know-about .left-section .med-container .wheel{position:absolute;bottom:0;left:40%;z-index:12}.know-about .left-section .med-container .message{position:absolute;top:-67px;left:18%;z-index:10}.know-about .left-section .med-container .message-content{z-index:11;position:absolute;padding:25px;color:var(--dark);display:flex;flex-direction:column;align-items:flex-start;gap:32px;max-width:400px}.know-about .left-section .med-container .message-content span:first-child{font-weight:500;font-size:24px;margin-bottom:22px}.know-about .left-section .med-container .message-content span:nth-child(2){font-size:32px;font-weight:700;margin-bottom:16px}.know-about .left-section .med-container .message-content button{cursor:pointer;color:var(--red);border:none;background:none;outline:none;font-size:30px;font-weight:500}.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{position:absolute;bottom:0;left:2.5px;z-index:10}@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){.arabic-man{display:none}.message{left:5%!important}.message-content{left:3%!important;max-width:90%!important}.wheel{left:20%!important}.know-about .left-section .med-container .question-mark-box{left:45%!important}}.home-header{background-color:var(--white);display:flex;align-items:center}.home-header .right-side{padding:60px 64px 5px 55px;width:50%;height:100%}.home-header .right-side svg{width:100%}.home-header .left-side{width:50%;height:100%;display:flex;justify-content:center;background:transparent!important;flex-direction:row!important}.home-header .left-side .left-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:65%;gap:56px;color:var(--main);line-height:70px}.home-header .left-side .left-container>div:first-child{font-weight:700;font-size:32px}.home-header .left-side .left-container .home-menu{display:flex;justify-content:space-between;font-weight:700;font-size:24px;border-top:2px solid var(--main);width:100%}@media (max-width:830px){.home .right-side{padding:24px}.home .right-side svg{height:70px}.home .left-container{width:auto!important;gap:4px!important}.home .home-menu,.home .left-container div{font-size:16px!important}}@media (max-width:545px){.home .right-side{padding-left:0!important}.home .home-menu,.home .left-container div{font-size:12px!important}}@media (max-width:420px){.home .right-side{padding-left:0!important}.home .home-menu,.home .left-container div{font-size:10px!important}}.packages .packages-header{position:relative;padding-right:60px;display:flex;align-items:center;gap:38px;font-weight:700}@media (max-width:600px){.packages .packages-header{padding-right:12px}}.packages .packages-header>svg{position:absolute;left:402px;bottom:-40px}.packages .packages-header>div:last-child{display:flex;flex-direction:column;align-items:flex-start;width:100%}.packages .packages-header>div:last-child span{font-size:40px;color:var(--secondary);margin-bottom:12px}@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);border:none;background:none;font-size:30px}.packages .packages-container{background:var(--secondary);height:894px;position:relative;display:flex;flex-direction:column;justify-content:flex-end;overflow:visible}.packages .packages-container .dome{position:absolute;bottom:0;left:50%;transform:translateX(-50%)}.packages .packages-container .arabic-woman{position:absolute;bottom:0;z-index:20;left:412px}.packages .packages-container .packages-data{display:flex;flex-direction:column;gap:30px}.packages .packages-container .packages-data>div{background:var(--light);color:var(--white);font-size:32px;font-weight:700;display:flex;align-items:center;z-index:10;position:relative;justify-content:space-between}.packages .packages-container .packages-data>div .best-seller{width:33%;color:var(--background);font-size:32px;font-weight:700;background-color:var(--mint);height:100%;display:flex;align-items:center;position:relative;z-index:3}.packages .packages-container .packages-data>div .best-seller .top-stars-divider{position:absolute;left:0;top:-30px;z-index:2}.packages .packages-container .packages-data>div .best-seller .bottom-stars-divider{position:absolute;left:0;bottom:-30px;z-index:2}.packages .packages-container .packages-data>div .best-seller>span{margin-right:225px}.packages .packages-container .packages-data>div .game-data{width:35%;display:flex;justify-content:space-between;align-items:center;margin-right:18.6%}.packages .packages-container .packages-data>div .game-data>span{cursor:pointer}.packages .packages-container .packages-data .mosque{top:-70px;left:50%;transform:translateX(-50%);position:absolute}.packages .packages-container .packages-data .cells-shape{position:absolute;top:0;left:0}.packages .packages-container .packages-data .one-game{height:70px}.packages .packages-container .packages-data .one-game .qatar-cell{bottom:-30px;left:116px;position:absolute}.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{position:absolute;bottom:0;right:70px;z-index:11}@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{padding:30px 0;height:auto}.packages .packages-data>svg{display:none}.packages .one-game>svg{display:none!important}.arabic-woman,.packages .mosque,.packages .packages-container>svg{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-container .game-data{width:80%!important;font-size:20px!important;margin-right:12px!important;justify-content:flex-start!important;gap:20%}.packages .packages-container .best-seller{width:40%!important}.packages .packages-container .best-seller span{font-size:18px!important}}.modal-container{min-height:400px}.payment-dialog{padding:20px 40px;display:flex;flex-direction:column;gap:24px}.payment-dialog h2{text-align:center;color:var(--secondary);display:flex;align-items:center;justify-content:center;gap:12px}.payment-dialog .payment-method-selector button{border-radius:8px;padding:4px 12px;border:1px solid var(--white);color:var(--white);background:none;font-size:20px;display:flex;align-items:center}.payment-dialog .payment-method-selector button span{font-size:24px!important}.payment-dialog .payment-method-selector .methods-dropdown{font-size:24px;width:250px}.payment-dialog .actions{display:flex;align-items:center;justify-content:center;margin-top:64px}.payment-dialog .actions button{padding:12px 48px;border-radius:28px;border:none;font-size:20px;font-weight:700;color:#940d3b;display:flex;align-items:center;justify-content:center;gap:12px;background-color:var(--secondary);cursor:pointer;color:var(--light)}