.main,main,nav,nav ul{display:flex}form,nav{width:100%}.login,a{transition:.2s ease-in}.action,.err,.password{font-size:15px}.action,.password,span.x{font-weight:700}.center>*,.tripe label,a,button,span.x{cursor:pointer}a,button{color:#080808}*,.loader2{box-sizing:border-box}:root{--background-img:url('../public_xtatar/reference/mainHeader.png');--main-color:#71d000}*{font-family:Tahoma,Helvetica,Arial,Verdana,sans-serif;padding:0;margin:0}body,html{direction:rtl;overflow-x:hidden}a{text-decoration:none}a:hover{opacity:.6}li{list-style:none;margin-top:10px;border-top:1px groove transparent;border-bottom:1px groove transparent}nav{position:relative;background:var(--background-img) repeat-x center center;height:152px;justify-content:center;align-items:flex-end;padding-bottom:20px}nav ul{justify-content:space-between;gap:60px}nav .nav-items{display:flex;justify-content:space-between}nav .timer{position:absolute;right:150px}nav a{font-weight:900}main{width:1100px;margin:0 auto}.main{flex-direction:column;justify-content:center;align-items:center;width:788px;padding:20px 30px;background:url(../public_xtatar/reference/shL.png) left 50px no-repeat}.login,.modal2 button{background:linear-gradient(to bottom,#fdfdfd,#c6c6c6)}.main h1{font-size:23px;margin:15px 0}.main p{font-size:16px;margin:10px 0;text-align:center}.main .box{width:90%;display:block;margin:10px auto;border:1px dashed #ddd;padding:20px}.box .input-group{display:flex;width:100%;justify-content:start;padding:7px 0;overflow:hidden}.mt{margin-top:2px}label{text-align:right;margin-left:0;width:34%}#choseTripe h2,.center,.err,.overlay .modal,ul{text-align:center}input[type=email],input[type=password],input[type=text]{width:223px;border:1px solid #71d000;height:25px;border-radius:4px;transition:.2s ease-in}aside{width:153px;display:flex;flex-direction:column;background:url(../public_xtatar/reference/shR.png) left 50px no-repeat}#choseTripe ul li,.err,.grid,.tripe{text-align:right}.login{margin-top:20px;width:128px;height:28px;border-radius:20px;border:1px solid #71d000;margin-bottom:10px}.location,.tripe label{transition:.3s ease-in}.password{background:0 0;border:none;color:var(--main-color);margin-top:7px;margin-right:7px}input:hover{box-shadow:0 0 8px #71d000}input:focus{outline:#71d000 solid 1px}.err{color:red}.action{color:var(--main-color);margin-top:10px;display:block}.grid{display:grid;grid-template-columns:170px 100px;gap:2px;grid-gap:16px}#password,.overlay{display:none}.grid b,.grid p{padding:0;margin:0;font-size:14px}ul{margin-top:70%}aside li a:hover,aside li:hover{color:#71d000;border-color:#f9f9f9}span.hiddin{color:transparent}li:hover span.hiddin{color:#71d000}.login:hover{opacity:.7}#tribe-pick [type=radio]{position:absolute;opacity:1;width:20px;height:20px;right:2px}#tribe-pick [type=radio]+img{cursor:pointer;display:block;margin-bottom:10px}#tribe-pick label:has([type=radio]:checked){background:#433a450f;outline:green solid 1px}#tribe-pick label:has([type=radio]:checked) img{filter:drop-shadow(7px 2px 15px darkblue);-webkit-filter:drop-shadow(7px 2px 15px darkblue)}.overlay{background:rgba(0,0,0,.336);position:fixed;width:100%;height:100vh;z-index:2;justify-content:center;align-items:center;flex-direction:column}.overlay .modal{background:#fff;border-radius:19px;padding:30px 35px;border:.8px solid #71d000;background-image:linear-gradient(to bottom,#fdfdfd,#c6c6c69c);min-height:75%;width:55%;position:relative}.overlay .modal ul{margin:0 auto;display:block}.overlay .modal ul li{list-style-type:disc;text-align:right}.grid-tripes{display:grid;grid-template-columns:50% 50%;gap:20px;grid-gap:20px;place-items:center;border-top:1px dashed #ddd;padding-top:20px;margin-top:20px}.tripe{width:270px}.tripe label{display:block;width:100%;padding:5px 23px;border-radius:10px;border:1px solid transparent;position:relative}.modal2 button,.tripe label img{transition:.2s ease-in}.grid-tripes+.center{margin-top:30px}.grid-tripes+.center button{width:300px;height:40px;font-size:16px;font-weight:700}.active{font-size:0;width:50px;height:50px;border-radius:50%;border-left-color:transparent;animation:1.4s .5s infinite rotate;background:0 0}span.x{position:absolute;left:20px;top:20px;font-size:15px;color:red;border:1px solid red;width:20px;height:20px}#login2,.modal2 label{font-size:18px;font-weight:700}@keyframes scale{to{transform:translateY(12px)}}@keyframes rotate{0%{transform:rotate(360deg)}}@media screen and (max-width:960px){.main,main{width:auto}.overlay,span.x{position:fixed}#login-form .center{margin-right:25%}.main .box{width:100%}.modal2 span.x{position:absolute}main{padding:0;flex-direction:column}aside{display:none}.main{padding:10px;background:0 0}nav ul li{position:relative;font-size:15px}.overlay{padding:10px 8px}.overlay .center{position:fixed;bottom:20px;background:#fff;width:90%;right:18px;margin:0;padding:10px;border-radius:20px}.overlay .center button{margin:0}.overlay .modal{width:100%;padding:20px 20px 160px;min-height:65%;overflow:scroll}.grid-tripes{grid-template-columns:100%}}#choseTripe{margin:0 auto;padding:40px;width:100%;background:#433a450f}#choseTripe ul{margin-top:7%}#choseTripe ul li{list-style:disc;margin-right:7%}.myFlex{display:flex!important}#login2{width:300px;height:50px;display:block;margin:20px auto}.modal2{flex-direction:column;justify-content:center;align-items:center;place-items:center;width:350px;height:350px;background-color:#fff;border-radius:20px;box-shadow:1px 1px #0000;margin:0 auto;top:20%;position:relative;padding:60px;text-align:center;gap:15px}.modal2 input{width:288px;height:28px;border-radius:7px;border:1px solid var(--main-color)}.modal2 button{margin-top:20px;width:188px;height:28px;border-radius:20px;border:1px solid #71d000}.modal2 label{width:100%;text-align:center;margin-bottom:10px}.input-group2 input{width:200px}button{font-size:17px}.newPass{width:167px;height:30px}.loader{position:absolute;width:100%;height:100%;background:rgba(33,28,28,.82);border-radius:20px;display:flex;justify-content:center;align-items:center;flex-direction:column}.loader h4{color:#fff;font-weight:700;font-size:19px}.loader2{width:12px;height:12px;border-radius:50%;display:block;margin:15px auto;position:relative;color:#fff;animation:2s linear infinite animloader}#location-pick{display:none;margin-top:10%}.location-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0;margin-top:20px}.location-grid .first-location{grid-column:1/-1;text-align:center}.location{border:1px solid #e5e7eb;padding:1rem;text-align:right;border-radius:0;background:#fff}.location:first-child{border-radius:10px;margin-bottom:10px}.location:nth-child(2){border-top-right-radius:10px}.location:nth-child(3){border-top-left-radius:10px}.location:nth-child(4){border-bottom-right-radius:10px}.location:nth-child(5){border-bottom-left-radius:10px}.location-grid .location:has([type=radio]:checked){background:rgb(229 232 244);border-color:rgb(129 140 248/1)}p.ended{color:#00f!important;font-size:22px;font-weight:700}@keyframes animloader{0%{box-shadow:14px 0 0 -2px,38px 0 0 -2px,-14px 0 0 -2px,-38px 0 0 -2px}25%{box-shadow:14px 0 0 -2px,38px 0 0 -2px,-14px 0 0 -2px,-38px 0 0 2px}50%{box-shadow:14px 0 0 -2px,38px 0 0 -2px,-14px 0 0 2px,-38px 0 0 -2px}75%{box-shadow:14px 0 0 2px,38px 0 0 -2px,-14px 0 0 -2px,-38px 0 0 -2px}100%{box-shadow:14px 0 0 -2px,38px 0 0 2px,-14px 0 0 -2px,-38px 0 0 -2px}}