:root{--rose-gold:#e0b298;--rose-gold-light:#e8c4b0;--rose-gold-dark:#d4a276;--rose-gold-darker:#c89366;--dark:#0a0a0a;--dark-light:#121212;--dark-lighter:#1a1a1a;--gray-light:#a0a0a0;--gray-lighter:#cccccc}body,html{height:100%;background-color:var(--alt-color)}.form-wrapper{max-width:40rem;width:100%}.stretch-items{display:flex;flex-direction:column;justify-content:center}.auth-bg{background-position:50% -240px}.auth-bg,.register-bg{background-repeat:no-repeat;background-size:cover}.register-bg{background-color:#FFF}.login-form,.register-form{border-radius:.75rem;padding:1.5rem}a{text-decoration:none;color:var(--rose-gold);transition:color .3s ease}a:hover{color:var(--rose-gold-light)}form h3{word-wrap:break-word;font-size:2.5rem;line-height:1.4;color:var(--main-color);font-weight:400;margin-bottom:5px}form h6{line-height:1.6;font-size:1rem;font-weight:400;color:#a0a0a0;margin-bottom:3rem}form hr{margin:1.5rem 0}form .form-group{margin-top:25px;margin-bottom:0}form .form-group,form .form-group .input-with-icon{position:relative}form .form-group label{display:block;margin-bottom:.3rem;color:var(--gray-lighter);font-size:.9rem;font-weight:400}form .form-group.focus label{font-size:15px;top:-12px;font-weight:500;color:#004679}form .form-group .input-icon{position:absolute;left:1.1rem;top:14px}form .form-group .input-icon i{font-size:18px;margin-top:6px;color:#aaa}form .remember-me{align-items:center;margin-bottom:0;font-weight:500;display:flex}form .remember-me span{padding-left:15px;display:inline-block}.auth-button{border-radius:5px;background:linear-gradient(135deg,var(--rose-gold) 0,var(--rose-gold-dark) 100%);color:var(--alt-color);transition:.35s ease;font-size:1rem;font-weight:400;text-align:center;letter-spacing:.06em;border:1px solid var(--main-color);padding:18px 30px;width:100%;text-transform:uppercase;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.auth-button span{z-index:1}.auth-button i{margin-left:.5rem;transition:transform .3s ease;z-index:1}.auth-button:hover{background:linear-gradient(135deg,var(--rose-gold-dark) 0,var(--rose-gold-darker) 100%)}.auth-button:hover i{transform:translateX(5px)}.auth-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:all .6s ease}.auth-button:hover:before{left:100%}.auth-button:hover{box-shadow:0 6px 18px -8px rgb(76 78 100/100%);background-color:var(--main-dark-color);color:#000}.auth-button-inv{border-radius:5px 5px 0 0;background:var(--alt-color);color:var(--main-color)!important;transition:.35s ease;font-size:1rem;font-weight:400;text-align:center;letter-spacing:.06em;border:1px solid var(--main-color);padding:18px 30px;width:100%;text-transform:uppercase;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.auth-button-inv span{z-index:1}.auth-button-inv i{margin-left:.5rem;transition:transform .3s ease;z-index:1}.auth-button-inv:hover{background:linear-gradient(135deg,var(--rose-gold-dark) 0,var(--rose-gold-darker) 100%)}.auth-button-inv:hover i{transform:translateX(5px)}.auth-button-inv:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:all .6s ease}.auth-button-inv:hover:before{left:100%}.auth-button-inv:hover{box-shadow:0 6px 18px -8px rgb(76 78 100/100%);background-color:var(--main-dark-color);color:#000!important}@media screen and (max-width:786px){.login{max-width:100%}}form .form-group .form-control{color:#FFF!important;font-weight:400;letter-spacing:.25px;background:#103042!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:5px!important;font-size:15px!important;background-color:#1a1a1a!important}form .form-group input{padding:1.75rem 1.75rem 1.75rem 3rem!important}form.register-form .form-group input.form-control{padding:1.75rem 1.25rem!important}form.register-form .form-group select.form-control{min-height:3.75rem!important}form .form-group .form-control::placeholder{font-weight:300;font-size:14px;color:#777}form .form-group .form-control:active,form .form-group .form-control:focus,form .form-group .form-control:hover{border:1px solid var(--main-color)!important}.form-control:-webkit-autofill,.form-control:-webkit-autofill:active,.form-control:-webkit-autofill:focus,.form-control:-webkit-autofill:hover{transition:background-color 5000s ease-in-out 0s;-webkit-text-fill-color:#FFF!important;-webkit-box-shadow:inset 0 0 0 30px #000!important}.register-right{background:url(https://www.visitsaudi.com/content/dam/wvs/stories/kafd-metro.jpg);background-repeat:no-repeat;background-size:cover;background-position:100%;margin-bottom:0;color:#FFF}.register-right ul{list-style:none;margin-bottom:2rem;margin-left:0;padding-left:0}.register-right ul li{display:flex;align-items:center;margin-bottom:1rem;color:var(--gray-lighter)}.register-right ul li i{color:var(--rose-gold);margin-right:1rem;font-size:1.2rem;width:2rem;text-align:center}.register-right .bg-overlay{height:100%;width:100%;background:rgba(0,0,0,.75);display:flex;flex-direction:column;position:relative;justify-content:space-between;padding:3rem}.register-right-content{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:3rem}.register-right-content h2{color:#FFF;font-size:3.25rem;font-weight:600;line-height:1.5}.register-right-content h3{color:#CCC;font-size:1rem;font-weight:400;letter-spacing:.25px;line-height:2;margin-bottom:0}.text-gray-light{color:var(--gray-light)}.back-to-home{margin-top:2rem;display:inline-flex;align-items:center;color:var(--rose-gold);font-weight:500;transition:all .3s ease}.back-to-home i{margin-right:.5rem;transition:transform .3s ease}.back-to-home:hover{color:var(--rose-gold-light)}.back-to-home:hover i{transform:translateX(-5px)}.h-100{height:auto!important;min-height:100vh!important}.hfontx{font-family:Cormorant Garamond,serif}.max-width-small{max-width:36rem}.font-85{font-size:85%}.font-80{font-size:80%}.font-95{font-size:95%}.text-rightx{text-align:right}.alert-main{background:rgba(224,178,152,.15);border:1px solid var(--main-color);color:var(--gray-lighter);border-radius:5px;padding:12px 16px}.bg-main-light{border-color:rgba(224,178,152,.25)!important;opacity:.35}.account-type h4{margin-bottom:1rem;color:#fff;font-weight:600}.account-type h6{font-size:.85rem;margin-bottom:1rem;padding-left:14px;font-weight:500}.account-type ul{list-style:none;margin-bottom:0;margin-left:0;padding-left:14px}.account-type ul li{display:block;font-size:13px;line-height:1.75;color:var(--gray-light);margin-bottom:.75rem}.account-type ul li:last-child{margin-bottom:0}.account-type ul li b{font-weight:600;color:var(--gray-lighter)}.gap-2{gap:.5rem}