:root{--main-color:#ffc245;--sec-color:#02a286;--main-background-color:#fff;--main-font-family:"Noto Sans Arabic",sans-serif}*{box-sizing:border-box;font-family:var(--main-font-family)}body{font-family:var(--main-font-family);background-color:#fff;margin:0}input,textarea,select,button{font-family:var(--main-font-family)}ul{padding:0;list-style:none}button{cursor:pointer}.main-btn{background-color:var(--sec-color);color:#fff;cursor:pointer;border:none;border-radius:5px;min-width:140px;height:40px;font-size:16px;font-weight:600;transition:background-color .2s}.sec-btn{color:#000;border:1px solid var(--sec-color);cursor:pointer;background-color:#fff;border-radius:5px;min-width:140px;height:40px;margin:auto;font-size:16px;font-weight:600;transition:background-color .2s;display:block}.main-btn:hover{background-color:#01715f}.sec-btn:hover{background-color:#afafaf}.non-actice-btn{color:#fff;cursor:pointer;background-color:#aeaeae;border:none;border-radius:5px;min-width:140px;height:40px;font-size:16px;font-weight:600;transition:background-color .2s}.non-actice-btn:hover{background-color:#838383}input{border:none;outline:none}.icon{cursor:pointer;z-index:1;position:relative}.input-field-icon{color:#8c8c8c;cursor:pointer;border:1px solid #dedede;border-radius:5px;align-items:center;width:100%;height:40px;margin:15px 0;display:flex}.input-field-icon.error{border-color:red!important}.input-field-icon svg{color:#8c8c8c;cursor:pointer;width:24px;height:24px;margin:0 10px}.input-field-icon input{color:#8c8c8c;cursor:pointer;width:100%;font-size:14px;font-weight:500}.site-layout-container{width:100%;margin-top:30px;padding:0 8%}.dark body{background-color:#101828}@media (max-width:720px){.input-field-icon input{font-size:13px}.main-btn,.sec-btn{font-size:12px}}@media (max-width:550px){.site-layout-container{margin-top:10px;margin-bottom:100px;padding:0 4%}}