/* ========== [ STING WEB ] =========
~> Name Template     : Football Auto API
~> Version           : V 1.0 BETA
~> Last Updated      : 05 - 02 - 2025
~> Developer By      : STING WEB
==================================== */ 
:root {
    --A-Color: #0e1019;
    --B-Color: #191d2d;
    --C-Color: #151825;
    --Primary-A-Color: #39dbbf;
    --Primary-B-Color: #ffffff;
    --Primary-C-Color: #707488;
    --Primary-D-Color: #131922;
    --Primary-E-Color: #b4bec7;
    --Max-Size: 1200px;
}
/* ======  FONT */
@font-face { font-family: "Neo Sans Arabic"; font-style: normal; font-weight: 400; font-display: swap; src: local("Neo Sans Arabic"), url("/assets/font/Arabic.woff2") format("woff2"); }
/* ======  VIRTUAL */
* { margin: 0; padding: 0; text-decoration: none; list-style: none; list-style-type: none; font-weight: 500; font-family: "Neo Sans Arabic", Changa, Segoe UI, sans-serif; } a { color: var(--Primary-B-Color); }
body { background: var(--A-Color); color: var(--Primary-B-Color); }
/* ======  SVG ICON */
.STING-WEB-Lang_SVG { background: no-repeat center url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.913 17H20.087M12.913 17L11 21M12.913 17L15.7783 11.009C16.0092 10.5263 16.1246 10.2849 16.2826 10.2086C16.4199 10.1423 16.5801 10.1423 16.7174 10.2086C16.8754 10.2849 16.9908 10.5263 17.2217 11.009L20.087 17M20.087 17L22 21M2 5H8M8 5H11.5M8 5V3M11.5 5H14M11.5 5C11.0039 7.95729 9.85259 10.6362 8.16555 12.8844M10 14C9.38747 13.7248 8.76265 13.3421 8.16555 12.8844M8.16555 12.8844C6.81302 11.8478 5.60276 10.4266 5 9M8.16555 12.8844C6.56086 15.0229 4.47143 16.7718 2 18' stroke='%23b4bec7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); display: block; }/*.STING-WEB-Language { position: relative; }.STING-WEB-Lang_SVG:before { content: "قريبا"; position: absolute; top: -12px; right: -25px; font-size: 12px; background: #ff000082; color: #fff; padding: 2px 10px; border-radius: 50px; }*/
.STING-WEB-Search_SVG { background: no-repeat center url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 6C13.7614 6 16 8.23858 16 11M16.6588 16.6549L21 21M19 11C19 15.4183 15.4183 19 11 19C6.58172 19 3 15.4183 3 11C3 6.58172 6.58172 3 11 3C15.4183 3 19 6.58172 19 11Z' stroke='%23b4bec7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); display: block; }
.STING-WEB-Share_SVG { background: no-repeat center url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.7914 12.6074C21.0355 12.3981 21.1575 12.2935 21.2023 12.169C21.2415 12.0598 21.2415 11.9402 21.2023 11.831C21.1575 11.7065 21.0355 11.6018 20.7914 11.3926L12.3206 4.13196C11.9004 3.77176 11.6903 3.59166 11.5124 3.58725C11.3578 3.58342 11.2101 3.65134 11.1124 3.77122C11 3.90915 11 4.18589 11 4.73936V9.03462C8.86532 9.40807 6.91159 10.4897 5.45971 12.1139C3.87682 13.8845 3.00123 16.1759 3 18.551V19.1629C4.04934 17.8989 5.35951 16.8765 6.84076 16.1659C8.1467 15.5394 9.55842 15.1683 11 15.0705V19.2606C11 19.8141 11 20.0908 11.1124 20.2288C11.2101 20.3486 11.3578 20.4166 11.5124 20.4127C11.6903 20.4083 11.9004 20.2282 12.3206 19.868L20.7914 12.6074Z' stroke='%23b4bec7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); display: block; }
.STING-WEB-Matches_SVG { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 47 30' fill='%23b4bec7'%3E%3Cpath d='M43.8181818,0.00272727273 L2.72727273,0.00272727273 C1.22345455,0.00272727273 0,1.22618182 0,2.73 L0,27.27 C0,28.7738182 1.22345455,29.9972727 2.72727273,29.9972727 L43.8181818,29.9972727 C45.322,29.9972727 46.5454545,28.7738182 46.5454545,27.27 L46.5454545,2.73 C46.5454545,1.22618182 45.322,0.00272727273 43.8181818,0.00272727273 Z M43.8193636,19.8143636 L39.7110909,19.8143636 L39.7110909,10.1856364 L43.8187273,10.1856364 L43.8193636,19.8143636 Z M24.6363636,11.6269091 C25.9792727,12.1656364 26.9299091,13.4740909 26.9299091,15 C26.9299091,16.5259091 25.9792727,17.8344545 24.6363636,18.3730909 L24.6363636,11.6269091 Z M2.72727273,10.1856364 L6.83436364,10.1856364 L6.83436364,19.8143636 L2.72727273,19.8143636 L2.72727273,10.1856364 Z M21.9090909,18.3730909 C20.5661818,17.8343636 19.6155455,16.5259091 19.6155455,15 C19.6155455,13.4740909 20.5661818,12.1655455 21.9090909,11.6269091 L21.9090909,18.3730909 Z M21.9090909,8.784 C19.0419091,9.40845455 16.8882727,11.9576364 16.8882727,15 C16.8882727,18.0423636 19.0419091,20.5915455 21.9090909,21.216 L21.9090909,27.27 L2.72727273,27.27 L2.72727273,22.5416364 L8.198,22.5416364 C8.95109091,22.5416364 9.56163636,21.9310909 9.56163636,21.178 L9.56163636,8.822 C9.56163636,8.06890909 8.95109091,7.45836364 8.198,7.45836364 L2.72727273,7.45836364 L2.72727273,2.73 L21.9090909,2.73 L21.9090909,8.784 Z M43.8181818,27.27 L24.6363636,27.27 L24.6363636,21.216 C27.5035455,20.5915455 29.6571818,18.0423636 29.6571818,15 C29.6571818,11.9576364 27.5035455,9.40845455 24.6363636,8.784 L24.6363636,2.73 L43.8181818,2.73 L43.8185455,7.45836364 L38.3475455,7.45836364 C37.5944545,7.45836364 36.9839091,8.06890909 36.9839091,8.822 L36.9839091,21.178 C36.9839091,21.9310909 37.5944545,22.5416364 38.3475455,22.5416364 L43.8196364,22.5416364 L43.8199091,27.27 C43.8199091,27.27 43.8193636,27.27 43.8181818,27.27 Z' id='Shape'%3E%3C/path%3E%3C/svg%3E") center no-repeat; width: 25px; height: 25px; display: block; }
.STING-WEB-Standings_SVG { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23b4bec7'%3E%3Cpath d='M19 5h-2V3H7v2H5c-1.1 0-2 .9-2 2v1c0 2.55 1.92 4.63 4.39 4.94.63 1.5 1.98 2.63 3.61 2.96V19H7v2h10v-2h-4v-3.1c1.63-.33 2.98-1.46 3.61-2.96C19.08 12.63 21 10.55 21 8V7c0-1.1-.9-2-2-2zM5 8V7h2v3.82C5.84 10.4 5 9.3 5 8zm14 0c0 1.3-.84 2.4-2 2.82V7h2v1z'%3E%3C/path%3E%3C/svg%3E") center no-repeat; width: 25px; height: 25px; display: block; }
.STING-WEB-News_SVG { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23b4bec7'%3E%3Cpath d='M13.5.67s.74 2.65.74 4.8c0 2.06-1.35 3.73-3.41 3.73-2.07 0-3.63-1.67-3.63-3.73l.03-.36C5.21 7.51 4 10.62 4 14c0 4.42 3.58 8 8 8s8-3.58 8-8C20 8.61 17.41 3.8 13.5.67zM11.71 19c-1.78 0-3.22-1.4-3.22-3.14 0-1.62 1.05-2.76 2.81-3.12 1.77-.36 3.6-1.21 4.62-2.58.39 1.29.59 2.65.59 4.04 0 2.65-2.15 4.8-4.8 4.8z'%3E%3C/path%3E%3C/svg%3E") center no-repeat; width: 25px; height: 25px; display: block; }
.STING-WEB-Settings_SVG { background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 12.8799V11.1199C2 10.0799 2.85 9.21994 3.9 9.21994C5.71 9.21994 6.45 7.93994 5.54 6.36994C5.02 5.46994 5.33 4.29994 6.24 3.77994L7.97 2.78994C8.76 2.31994 9.78 2.59994 10.25 3.38994L10.36 3.57994C11.26 5.14994 12.74 5.14994 13.65 3.57994L13.76 3.38994C14.23 2.59994 15.25 2.31994 16.04 2.78994L17.77 3.77994C18.68 4.29994 18.99 5.46994 18.47 6.36994C17.56 7.93994 18.3 9.21994 20.11 9.21994C21.15 9.21994 22.01 10.0699 22.01 11.1199V12.8799C22.01 13.9199 21.16 14.7799 20.11 14.7799C18.3 14.7799 17.56 16.0599 18.47 17.6299C18.99 18.5399 18.68 19.6999 17.77 20.2199L16.04 21.2099C15.25 21.6799 14.23 21.3999 13.76 20.6099L13.65 20.4199C12.75 18.8499 11.27 18.8499 10.36 20.4199L10.25 20.6099C9.78 21.3999 8.76 21.6799 7.97 21.2099L6.24 20.2199C5.33 19.6999 5.02 18.5299 5.54 17.6299C6.45 16.0599 5.71 14.7799 3.9 14.7799C2.85 14.7799 2 13.9199 2 12.8799Z' fill='%23b4bec7'/%3E%3Cpath d='M12 15.25C13.7949 15.25 15.25 13.7949 15.25 12C15.25 10.2051 13.7949 8.75 12 8.75C10.2051 8.75 8.75 10.2051 8.75 12C8.75 13.7949 10.2051 15.25 12 15.25Z' fill='%230e1019'/%3E%3C/svg%3E") center no-repeat; width: 25px; height: 25px; display: block; }
.STING-WEB-TITLE_SVG { background: no-repeat center url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 12H18L15 21L9 3L6 12H2' stroke='%23b4bec7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); width: 20px; height: 20px; display: block; }
.STING-WEB-TITLE_SVG { background: no-repeat center url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 12H18L15 21L9 3L6 12H2' stroke='%23b4bec7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); width: 20px; height: 20px; display: block; }
.STING-WEB-Time_SVG { background: no-repeat center url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'%3E%3Cpath d='M2.2,12.8A7.5,7.5,0,1,1,12.8,2.2,7.5,7.5,0,1,1,2.2,12.8ZM1.364,7.5A6.136,6.136,0,1,0,7.5,1.364,6.143,6.143,0,0,0,1.364,7.5Zm7.7,2.528L7.018,7.982a.68.68,0,0,1-.2-.482V3.409a.682.682,0,1,1,1.364,0V7.218l1.846,1.846a.682.682,0,1,1-.964.964Z' fill='%23707480'%3E%3C/path%3E%3C/svg%3E"); width: 12px; height: 12px; display: block; }
/* ======  HEADER */
header { display: flex; align-items: center; padding: 30px 0; }
.STING-WEB-Header { max-width: var(--Max-Size); width: 93%; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; }
.STING-WEB-Header-Right,.STING-WEB-Header-Left { display: flex; align-items: center; gap: 15px; }
.STING-WEB-Logo { display: flex; align-items: center; }
.STING-WEB-Logo h1 { display: none; }
.STING-WEB-Logo img { width: 120px; height: 40px; display: flex; }
.STING-WEB-Menu { display: flex; align-items: center; gap: 20px; margin: 0 50px; }
.STING-WEB-Menu ul { display: flex; align-items: center; gap: 25px; }
.STING-WEB-Menu ul li a { font-size: 15px; color: var(--Primary-E-Color); }
.STING-WEB-Menu ul li:nth-child(1) a { color: var(--Primary-A-Color); }
.STING-WEB-Menu ul li a:hover { color: var(--Primary-A-Color); }
.STING-WEB-Language a,.STING-WEB-Share a { background: var(--B-Color); width: 30px; display: flex; height: 30px; align-items: center; justify-content: center; border-radius: 6px; }
.STING-WEB-Search { display: flex; align-items: center; gap: 15px; background: var(--C-Color); padding: 2px 20px; border-radius: 50px; margin-left: 25px; }
.STING-WEB-Search input[type="search"] { background: transparent; border: 0; font-size: 15px; width: 100%; padding: 5px; color: var(--Primary-C-Color); }
.STING-WEB-Search input[type="search"]::placeholder { color: var(--Primary-C-Color); }
.STING-WEB-Toggle-2 div:hover { color: var(--Primary-A-Color); }
@media (max-width: 720px) {
    header { padding: 15px 0; }
    .STING-WEB-Menu { display: none; }
    .STING-WEB-Search { display: none !important; }
    .STING-WEB-Header-Right, .STING-WEB-Header-Left { gap: 8px; }}
/* ======  TITLE */
.STING-WEB-PIN { display: flex; align-items: center; gap: 6px; }
.STING-WEB-TITLE { font-size: 16px; color: var(--Primary-A-Color); }
/* ======  HOME */
.STING-WEB-Home { display: grid; grid-template-columns: 1.5fr 2fr; max-width: var(--Max-Size); margin: 10px auto; width: 100%; }
.STING-WEB-Home-Right, .STING-WEB-Home-Left { width: 100%; }
@media (max-width: 720px) {
    .STING-WEB-Home { display: grid; grid-template-columns: 1fr; margin: 0 auto; }}
/* ======  APP */
.STING-WEB-Install-App-PopUp { position: fixed; bottom: 0; display: grid; grid-template-columns: 2fr .5fr; align-items: center; width: 93%; margin: 0 auto; left: 0; right: 0; background: var(--B-Color); padding: 10px; justify-items: center; max-width: 350px; border-radius: 10px; gap: 10px; z-index: 99; animation: slideUp 0.5s ease-out; }
.STING-WEB-Install-App-PopUp-Right { width: 100%; display: grid; grid-template-columns: .5fr 3fr; align-items: center; justify-items: center; gap: 12px; }
.STING-WEB-App-Name { display: grid; font-size: 15px; }
.STING-WEB-App-Icon { width: 60px; height: 60px; }
.STING-WEB-App-Icon img { width: 100%; height: 100%; border-radius: 8px; }
#STING-WEB-Install-App { width: 100%; max-width: 100px; padding: 4px 15px; border: 0; background: var(--C-Color); color: var(--Primary-B-Color); font-size: 13px; border-radius: 8px; cursor: pointer; }
.Close-Install-App { position: absolute; left: 0; top: -22px; font-size: 15px; color: var(--Primary-E-Color); background: var(--B-Color); border-radius: 8px 8px 0 0; cursor: pointer; width: 30px; height: 30px; text-align: center; }
#STING-WEB-Install-App:hover,.Close-Install-App:hover { color: var(--Primary-A-Color); }
@media (max-width: 720px) { .STING-WEB-Install-App-PopUp { bottom: 68px; }}
@media (min-width: 990px) { .STING-WEB-Install-App-PopUp { display: none; }}
/* ======  MOBILE MENU */
.STING-WEB-Mobile { display: none; grid-template-columns: 1fr 1fr 1fr 1fr; align-items: center; position: fixed; bottom: 0; right: 0; left: 0; margin: 0 auto; background: var(--A-Color); z-index: 9999; }
.STING-WEB-Mobile-Ico { display: grid; gap: 2px; align-items: center; justify-items: center; color: var(--Primary-E-Color); font-size: 12px; padding: 10px 0; }
 @media (max-width: 720px) {
    .STING-WEB-Mobile { display: grid !important; }}
/* ======  FOOTER */
.STING-WEB-Footer { display: flex; justify-content: space-between; width: 88%; padding: 10px 20px; max-width: var(--Max-Size); margin: 20px auto; background: var(--B-Color); border-radius: 12px; align-items: center; flex-wrap: wrap; margin-top: 20px; height: 40px; }
.STING-WEB-Footer-Right a { font-size: 16px; color: var(--Primary-A-Color); }
.STING-WEB-Footer-Right a:hover { color: var(--Primary-E-Color); }
.STING-WEB-Footer-Left ul li a { font-size: 15px; color: var(--Primary-E-Color); }
.STING-WEB-Footer-Left ul li a:hover { color: var(--Primary-A-Color); }
.STING-WEB-Footer-Left ul { display: flex; gap: 12px; align-items: center; }
@media (max-width: 720px) {
    .STING-WEB-Footer { display: none !important; } body { margin-bottom: 100px; }}
/* ======  SCROLL */
::-webkit-scrollbar { width: 8px; height: 8px; } ::-webkit-scrollbar-thumb { background-color: var(--Primary-A-Color); } ::-webkit-scrollbar-thumb:hover { background-color: var(--Primary-C-Color); } ::-webkit-scrollbar-track { background-color: var(--A-Color); }
@keyframes slideUp { from { transform: translateY(100%); opacity: 0; } to { transform: translateY(0); opacity: 1; } } @keyframes slideDown { from { transform: translateY(0); opacity: 1; } to { transform: translateY(100%); opacity: 0; } }
/* ======  SETTINGS */
.STING-WEB-Settings { position: fixed; bottom: -100%; width: 96%; left: 0; right: 0; background: var(--B-Color); margin: 0 auto; max-width: 600px; border-radius: 12px; z-index: 999; transition: bottom 0.5s ease-in-out; animation: slideUp 0.5s ease-out; }
.STING-WEB-Settings-H { width: 90%; margin: 0 auto; padding: 12px 0; }
.STING-WEB-Settings-Top { display: flex; align-items: center; justify-content: space-between; padding-bottom: 10px; border-bottom: 1px solid #303651; }
.STING-WEB-Settings-Title,.Close-Settings { font-size: 18px; color: var(--Primary-E-Color); }
.STING-WEB-Setting { display: grid; gap: 12px; }
.STING-WEB-Settings-Bottom { margin: 12px auto; }
.STING-WEB-Setting-Name { font-size: 13px; color: var(--Primary-C-Color); }
.STING-WEB-Setting-View { display: flex; align-items: center; justify-content: space-between; padding-bottom: 15px; border-bottom: 1px solid #303651; }
.STING-WEB-Setting-Name-B { font-size: 16px; color: var(--Primary-E-Color); }
.language-selector { display: flex; gap: 15px; }
.STING-WEB-language-option { font-size: 14px; padding: 2px 15px; text-decoration: none; color: var(--Primary-E-Color); border-radius: 6px; background-color: var(--A-Color); transition: all 0.3s ease; }
.STING-WEB-language-option.actine { color: var(--Primary-A-Color); background: var(--C-Color); }
.STING-WEB-Settings.closed { display: none; }
.STING-WEB-Ver { text-align: center; display: block; font-size: 10px; color: var(--Primary-C-Color); }
.STING-WEB-Dev { text-align: center; display: block; font-size: 10px; color: var(--Primary-C-Color); }