.container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:64px;width:70%;height:70vh;margin-bottom:64px;border-radius:16px;box-shadow:0 0 10px #ffffff1a}.text-form{display:flex;width:100%;flex-direction:column;align-items:center;justify-content:center;text-align:start}.text-field{width:40%;height:64px;padding:10px;margin:10px 0;border-radius:26px;color:#000;border:1px solid #ccc;background-color:transparent;font-size:16px}.login-actions{width:40%}.btn-login{width:100%;padding:16px;border-radius:16px;border:none;font-size:24px;background-color:var(--)}.other-actions{display:flex;justify-content:space-between;margin-bottom:16px}.btn-others{border-radius:8px;background-color:transparent;border:none;justify-content:space-between;display:flex;font-size:24px;color:#000;cursor:pointer}@media screen and (max-width: 700px){.container{width:90%}.text-field,.login-actions{width:80%}.btn-login,.btn-others{font-size:20px}}body{font-family:Arial,sans-serif}.navbar{background-color:#efefef;height:80px;unicode-bidi:isolate;text-align:center;display:flex;justify-content:space-between;align-items:center}.App-logo{width:64px;margin-right:10px;padding:5px;cursor:pointer}.nav-title{font-size:20px;font-weight:700;cursor:pointer;color:#000;text-decoration:none}.nav-title:hover{color:#fff}.navbar ul{list-style-type:none;padding:12px 0}.navbar ul li{display:inline-block;margin:0 15px}.navbar ul li a{padding:0 6px;text-decoration:none;color:#000;font-size:20px;border-radius:20px;font-weight:bolder;transition:all .3s ease}.navbar ul li a:hover,.navbar ul li a.active{--tw-bg-opacity: 1;background-color:rgb(169 0 0 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.nav-btn-primary{background-color:#f0512a;color:#fff;margin-bottom:24px;border-radius:20px;border:none;font-size:.875rem;font-weight:700;text-decoration:none;transition:all .3s ease}.bit-primary:hover{background-color:#f0512a;color:#fff;padding:10px 20px;border-radius:20px;border:none;font-size:.875rem;font-family:Cairo-Bold;font-weight:700;text-decoration:none;transition:all .3s ease}.nav-btn-secondary{background-color:transparent;color:#000;margin-bottom:24px;border:none;font-size:.875rem;font-weight:900;text-decoration:none;transition:all .3s ease}.btn-secondary:hover{background-color:transparent;color:#000;border:none;font-size:.875rem;font-weight:900;text-decoration:none;transition:all .3s ease}.username{font-size:20px;font-weight:700;color:#000;text-decoration:none;font-family:Cairo-Bold}.leading{display:flex;justify-content:center;align-items:center}.leading-icon{margin-right:10px;left:80%;margin-bottom:20px}.adding-menu{position:absolute;top:0;display:flex;justify-content:center;align-items:center}.user-icon{margin-right:10px;margin-bottom:20px}@media screen and (max-width: 700px){.navbar{height:100px;width:100%;align-items:center}.navbar ul{display:none}.navbar ul li{display:block;margin:10px 0}.navbar ul li a{display:block;padding:10px 0}.navbar ul li a:hover,.navbar ul li a.active{background-color:#f0512a;color:#fff}.navbar ul li a{padding:0 6px;text-decoration:none;color:#000;font-size:20px;border-radius:20px;font-weight:bolder;transition:all .3s ease}.navbar ul li a:hover,.navbar ul li a.active{--tw-bg-opacity: 1;background-color:rgb(169 0 0 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.nav-btn-primary{background-color:#f0512a;color:#fff;margin-bottom:24px;border-radius:20px;border:none;font-size:.875rem;font-weight:700;text-decoration:none;transition:all .3s ease}.bit-primary:hover{background-color:#f0512a;color:#fff;padding:10px 20px;border-radius:20px;border:none;font-size:.875rem;font-family:Cairo-Bold;font-weight:700;text-decoration:none;transition:all .3s ease}.nav-btn-secondary{background-color:transparent;color:#000;margin-bottom:24px;border:none;font-size:.875rem;font-weight:900;text-decoration:none;transition:all}}.about-page{background-color:#f9f9f9;overflow-y:auto}.hero-section{text-align:center;height:60vh;background-color:var(--color-primary);-webkit-clip-path:ellipse(90% 45% at 50% 35%);clip-path:ellipse(90% 60% at 50% 35%)}.red-circle{position:absolute;z-index:-1;width:25%;margin:0;display:flex;top:10px}.yellow-circle{position:absolute;z-index:-1;width:80%;display:flex;overflow:hidden;top:200px}.hero-title{font-size:20px;line-height:1.75rem;font-family:Cairo-Bold;color:var(--header-text-color)}.about-section{width:80%;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;text-align:center}.about-container{content:"";display:table;clear:both;padding:1rem;width:100%;display:flex;align-items:center;justify-content:center;align-content:center}.about-sec-container{content:"";display:table;clear:both;padding:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;align-content:center;text-align:center}.text-section{float:right;width:50%;padding:1rem;text-align:start;margin-top:120px}.text-full-section{float:right;width:100%;padding:30px;text-align:center;display:flex;flex-direction:column;align-items:center}.about-title{font-size:60px;font-family:Cairo-Bold}.about-description{font-size:1.5rem;font-family:Cairo-Regular;margin:36px 0 0}.game-look{float:left;width:500px;height:500px}.row-circles{display:flex;margin-top:48px;justify-content:center;align-items:center;gap:0}.circle{width:80px;height:80px;border-radius:50%;border:var(--primary-txt-color) 4px solid;display:flex;margin:0;justify-content:center;align-items:center;text-align:center;font-size:1.5rem;color:var(--header-text-color)}.line{width:80px;height:4px;margin:0;background-color:var(--primary-txt-color)}.circle-text{font-size:1.5rem;font-family:Cairo-Bold;color:#000;margin:auto;text-align:center}.avatar{width:500px;height:600px}.btn-padding{margin-top:16px}.about-description-third{font-size:1.5rem;padding:1rem;font-family:Cairo-Regular;white-space:nowrap;border-radius:9999px;margin:36px 100px 0;border:none;color:var(--header-text-color);background-color:#959595}.about-products{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.about-product{margin-top:48px;width:230px;height:400px;background-color:#e6e6e6;border-radius:20px;display:flex;flex-direction:column;justify-content:start;gap:1rem}.prod-img{width:100%;height:200px;border-radius:20px}.prod-text-container{padding:1rem}.prod-text{font-size:24px;font-family:Cairo-Regular}.prod-price{font-size:36px;font-family:Cairo-Regular;font-weight:700}.buy-prod{display:flex;align-items:center;justify-content:center;gap:1rem}.kd{font-size:24px}.help-section{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.help-containers{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.help-container{margin-top:48px;width:370px;height:650px;background-color:#e6e6e6;border-radius:20px;display:flex;align-items:center;justify-content:space-between;flex-direction:column;padding:24px;gap:1rem}.help-text{font-size:60px;font-family:Cairo-Regular;text-align:center}.help-title{font-size:30px;font-family:Cairo-Bold;text-align:center}.help-description{font-size:20px;font-family:Cairo-Regular;text-align:center}.help-img{width:200px;height:200px}.btn-help{width:100%;height:80px;font-size:20px;padding:12px 40px 16px;background-color:#332e43;margin:24px;overflow:hidden;white-space:normal;text-overflow:ellipsis;font-family:Arabic-book,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.btn{border-radius:9999px}.btn-prod{background-color:var(--card-bg-area-color);color:var(--header-text-color);font-weight:700;font-size:24px;padding:8px 20px;font-family:Cairo-Regular;cursor:pointer;border:none;transition:all .3s ease}.bottom-bar{margin-top:24px;height:136px;width:100%;background-color:#6b7280;display:flex;justify-content:space-between}.logos{display:flex;align-items:center;margin:0 80px}.logo{width:100px;height:100px}.social-media{padding:16px;display:flex;margin:0 80px}.btn-circle{width:50px;height:50px;border-radius:50%;background-color:#fff;margin:10px;color:red;display:flex;justify-content:center;align-items:center}.tiktock{width:24px;height:24px}@media screen and (max-width: 700px){.bottom-bar{height:200px;width:100%;align-items:center}.logos,.social-media{margin:0}.btn-circle{margin:6px}}.container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:64px;width:70%;height:100%;margin-bottom:64px;border-radius:16px;box-shadow:0 0 10px #0000001a}.logo{width:64px;padding:5px;cursor:pointer;margin:16px}.text-form{display:flex;width:50%;flex-direction:column;align-items:center;justify-content:center;text-align:start}.text-field{width:100%;height:64px;padding:16px;margin-left:10px;border-radius:32px;color:#000;border:1.5px solid #ccc;background-color:transparent;font-size:16px}.date-picker{width:200px;height:64px;border-radius:8px;color:#000;border:1px solid #ccc;background-color:transparent;font-size:16px}.login-actions{width:100%}.btn-login{width:100%;padding:16px;border-radius:16px;border:none;font-size:24px}.other-actions{display:flex;width:100%;justify-content:center}.btn-others{border-radius:8px;background-color:transparent;border:none;display:flex;font-size:24px;margin:0;color:#000;cursor:pointer}.start-game{display:flex;overflow:scroll;flex-direction:column;justify-content:center;align-items:center;margin:-46px 0 0;gap:1rem}.hero-section{width:100%;text-align:center;height:70vh}.half-ring{position:relative;text-align:center;padding:30px;width:100%;height:75vh;background:#4b3393;border-radius:0 0 80px 80px;overflow:hidden;rotate:0deg}.red-circle{position:absolute;width:25%;margin:0;display:flex;top:120px}.yellow-circle{z-index:-1;width:80%;overflow:hidden;top:200px}.blue-circle{position:absolute;z-index:-1;width:20%;display:flex;left:0;bottom:20px}.ex-lar-title{font-size:2.5rem;font-weight:900;font-family:Cairo-Bold;margin-top:164px;color:var(--header-text-color)}.top-logo{display:flex;position:relative;top:140px;bottom:0;z-index:10;justify-content:center;align-items:center;width:50%;height:30px;background-color:transparent}.big-logo{width:100%}.logo-section{display:flex;justify-content:center;align-items:center;gap:1rem;padding:1rem}.logo-img{width:160px;height:160px}.hero-title{margin-top:20px;font-size:20px;line-height:1.75rem;font-family:Cairo-Bold;color:var(--header-text-color)}.hero-description{font-size:1.5rem;color:var(--header-text-color)}.btn-hero-section{padding-left:1.5rem;padding-right:1.5rem;max-width:13rem;width:100%;white-space:nowrap;border-radius:9999px;padding:.5rem 1rem}.btn{border-radius:9999px;cursor:pointer}.btn-primary{background-color:rgb(27 95 251 / var(--tw-bg-opacity));--tw-bg-opacity: 1;cursor:pointer;width:200px;padding:16px 24px;border:none;transition:all .3s ease}.btn-secondary{--tw-bg-opacity: 1;background-color:rgb(169 0 0 / var(--tw-bg-opacity));color:var(--header-text-color);font-weight:700;width:200px;padding:16px 24px;border:none;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{border:none;background-color:#fff}.btn-tenty{background-color:var(--header-text-color);color:var(--primary-txt-color);font-weight:700;padding:16px 24px;width:200px;cursor:pointer;border:none;transition:all .3s ease}.btn-tenty:hover{background-color:var(--primary-txt-color);color:var(--header-text-color);border:none}.btn-text{font-size:24px;font-weight:700;font-family:Cairo-Bold;cursor:pointer;transition:all .3s ease}.btn-row{margin-top:2.5rem;display:flex;flex-wrap:wrap;width:100%;justify-content:center;gap:1rem}.text-field{height:64px;padding:16px;margin-left:10px;border-radius:32px;color:#000;border:1.5px solid #ccc;background-color:transparent;font-size:16px}.width-40{width:47%}.btn-circle-game{width:64px;height:64px;border-radius:50%;background-color:#fff;margin:56px 56px 56px 120px;display:flex;box-shadow:0 0 10px #0000001a;align-self:center;border:none;color:var(--primary-txt-color);justify-content:center;align-items:center;transform:translate(-50%,-50%);animation:moveUpDown 2s infinite ease-in-out}.actions{display:flex;justify-content:center;margin-top:24px}.categories{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;justify-content:center;width:80%}.big-title{font-size:3.5rem;font-weight:900;font-family:Cairo-Bold;margin:64px}@media screen and (max-width: 700px){.top-logo{width:100%}.big-logo{width:160%}.red-circle{width:20%}.blue-circle{width:40%}.yellow-circle{top:499px;width:40%}.start-game{height:80vh}.hero-section{height:80vh;width:100%}}@keyframes moveUpDown{0%{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-20px)}to{transform:translate(-50%,-50%) translateY(0)}}.info-icon{position:absolute;top:-24px;left:-10px;width:32px;height:32px;background-color:#3093e8;color:#fff;padding:5px;display:flex;font-size:20px;z-index:8;justify-content:center;align-items:center;border-radius:50%;font-weight:700}.remaining-games{background-color:var(--card-bg-area-color);color:#fff;padding:10px;border-radius:8px 8px 0 0;font-weight:700;rotate:-3deg;right:-1px;top:-54px;border-right:8px solid var(--primary-txt-color);border-bottom:8px solid var(--primary-txt-color);position:absolute;z-index:7}.balls{position:fixed;overflow:hidden;overscroll-behavior-y:none;font-family:-apple-system,BlinkMacSystemFont,avenir next,avenir,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif;color:#000;-webkit-font-smoothing:antialiased}.balls-size{width:100%;height:100%}:root{--primary-txt-color: #4b3393;--linear-gradient-1: #ff100f;--linear-gradient-2: #ffc070;--card-bg-area-color: #4b3393;--header-text-color: #ffffff}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.backdrop-blur-md{--tw-backdrop-blur: blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.orange-gradient{background-image:linear-gradient(#4b3393,#000)}@tailwind base;@tailwind components;@tailwind utilities;.categories{display:flex;align-items:center;flex-wrap:wrap;gap:2rem;justify-content:center;width:80%}.category{background-color:#e6e6e6;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:center;width:164px;height:200px;border-radius:16px;position:relative;margin:42px 0}.category-image{width:100%;height:100%;object-fit:cover;background-repeat:no-repeat;z-index:2;background-size:cover;border-radius:16px 16px 0 0;display:block;position:relative}.category-name{font-size:20px;font-weight:700;width:100%;font-family:Cairo-Bold;z-index:3;border-radius:0 0 16px 16px;padding:16px 0 8px;object-fit:cover;text-align:center;justify-self:center;background-color:var(--card-bg-area-color);color:#e6e6e6}.teams,.question-weight{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1rem}.vertical-line{border-left:1px solid #000;margin:0 1rem;width:3px;height:100%}.btns-column{display:flex;flex-direction:column;gap:1rem}.thumbnail-img{width:100px;height:100px}table,th,td{border:1px solid black;text-align:center;margin-left:auto;margin-right:auto;justify-items:center}.question-image{width:200px;height:100px;object-fit:cover;background-repeat:no-repeat;z-index:2;background-size:cover;border-radius:16px 16px 0 0;display:block;position:relative}:root{font-family:Cairo,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#241f1f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{font-family:Cairo,sans-serif}a{font-family:Cairo,sans-serif;font-weight:500;color:#000;text-decoration:inherit}.rotate{transform:rotate(90deg);display:flex;place-items:start;justify-content:start;align-items:start;overflow-x:scroll;object-fit:fill;scroll-behavior:smooth;text-align:start;flex-direction:row}