@font-face{font-family: YekanBakh;font-style: normal;font-weight: 800;src: url("../fonts/IRANYekanBold.woff") format("woff");font-display: swap;}
@font-face{font-family: YekanBakh;font-style: normal;font-weight: 600;src: url("../fonts/IRANYekanRegular.woff") format("woff");font-display: swap;}

*{margin: 0;padding: 0;box-sizing: border-box;border: none;outline: none;font-family: YekanBakh;}a{text-decoration: none;}
body{min-height: 100vh;width: 100%;display: flex;justify-content: center;align-items: center;background-color: #FFF;position: relative;}
/* --------------------Login-------------------- */
::placeholder{color: #aaa;opacity: 1;font-size: 12px;}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}input[type=number] {-moz-appearance: textfield;}
.login-form{display: flex;justify-content: center;align-items: center;flex-direction: column;border: 1px solid #a283e1;border-radius: 5px;direction: rtl;margin: 100px 0;padding: 25px;background-color: #fff;}
.imgarrival{width: 100%;display: flex;justify-content: center;padding:  0;margin-bottom: 50px;}
.imgarrival-img{height: 60px;}
.imgarrival-text{display: flex;flex-direction: column;justify-content: space-between;height: 60px;margin-right: 15px;}
.imgarrival-text h1{font-size: 22px;color: #23425E;}
.imgarrival-text h2{font-size: 12px;color: #2d5579;}
.login-form-h3{width: 100%;text-align: right;margin-bottom: 25px;color: #23425E;}
.field{position: relative;width: 100%;margin-top: 35px;width: 350px;}
.myFloatInput{width: 100%;height: 45px;background-color: #FFF;border-radius: 5px;color: #666;font-size: 13px;font-weight: 600;padding: 0 15px;border: 1px solid #ccc;transition: 0.3s;}
.myFloatInput:focus{border-color: #666;}
.myFloatLabel{color: #666;font-size: 11px;position: absolute;right: 5px;top: -22px;transition: 0.3s;font-weight: 600;}
.smsfromsub-btn{font-size: 14px;font-weight: 800;margin-top: 25px;width: 100%;height: 50px;border-radius: 5px;display: flex;justify-content: center;align-items: center;color: #FFF;background-color: #a283e1;transition: 0.3s;cursor: pointer;}
.smsfromsub-btn:hover{background-color: #905dbc;}
.cen-text{text-align: center;}
.captcha-div{display: grid;grid-template-columns: 0.5fr 0.5fr;grid-gap: 25px;margin-top: 25px;}
.captcha{display: flex;align-items: center;justify-content: space-between;border: 1px solid #ccc;border-radius: 5px;padding-left: 15px;overflow: hidden;}
.captcha-a{display: flex;justify-content: center;align-items: center;height: 100%;padding: 0 10px;background-color: #f5f5f5;border-left: 1px solid #ccc;}
.captcha span{color: #23425E;font-size: 13px;font-weight: 600;text-decoration: line-through;}
.login-footer{position: absolute;width: 80%;bottom: 0;left: 50%;transform: translateX(-50%);border-top: 1px solid #ddd;height: 50px;display: flex;justify-content: center;align-items: center;direction: rtl;}
.login-footer a{color: #23425E;font-size: 13px;font-weight: 800;margin: 0 15px;}



#passvalidate {direction: rtl;position: relative;padding: 0px 10px;margin: 10px 0px 10px 0px;}
#passvalidate h3{font-weight: 600;font-size: 12px;color: #333;}
.valid{color: green;font-size: 13px;margin-right: 10px;}
.valid:before{position: relative;right: -5px;content: "✔";}
.invalid{color: #757575;font-size: 13px;margin-right: 10px;}
.invalid > b{color: #444;font-weight: 800;}
.invalid:before {position: relative;right: -5px;content: "✖";color: red;}

.have-account{display: flex;align-items: center;margin: 20px 0px;}
.have-account h4{cursor: default;font-weight: 800;font-size: 14px;color: #23425E;}
.have-account a{cursor: pointer;font-weight: 800;font-size: 14px;color: #905dbc;padding: 0px 5px;transition: 0.3s;}
.have-account a:hover{color: #381d52;}
/* --------------------MediaQuery-------------------- */
@media screen and (max-width: 480px){.login-form{border: none;width: 100%;}.login-form-h3{text-align: center;}.form-arrival,.field{width: 100%;}}
@media screen and (max-width: 350px){.login-footer{width: 90%;justify-content: space-between;}}