.curegistration .direction-ltr{direction:ltr!important;text-align:left}
.curegistration.container{background:white;padding:20px;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,0.1);width:90%;max-width:400px}
.curegistration h2{text-align:center;margin-bottom:30px;font-size:1.2rem}
.curegistration label{display:block;margin:10px 0 5px;font-weight:bold}
.curegistration input,.curegistration select,.curegistration textarea{width:100%;padding:8px;border:1px solid #ccc;border-radius:5px}
.curegistration .checkbox-group,.curegistration .radio-group{display:flex;flex-wrap:wrap}
.curegistration .checkbox-group label,.curegistration .radio-group label{width:100%;display:flex;align-items:center}
.curegistration .checkbox-group input,.curegistration .radio-group input{margin-left:5px;width:auto}
.curegistration .checkbox-group.inline label,.curegistration .radio-group.inline label{width:auto;margin-left:15px}
.curegistration button{background-color:#007BFF;color:white;padding:10px;border:none;border-radius:5px;cursor:pointer;width:100%;margin-top:15px}
.curegistration button:hover{background-color:#0056b3}
.curegistration #btn-backtohome{background-color:#007BFF;color:white;padding:10px;border:none;border-radius:5px;cursor:pointer;width:100%;margin-top:15px;display:block}
.curegistration #btn-backtohome:hover{background-color:#0056b3}
.curegistration .text-center{text-align:center}

.gender-switch{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:Arial,sans-serif}
.switch{position:relative;display:inline-block;width:60px;height:30px}
.switch input{opacity:0;width:0;height:0}
.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#f48fb1;transition:.4s;border-radius:30px}
.slider:before{position:absolute;content:""; font-size:18px;color:white;text-align:center;line-height:30px;left:4px;width:26px;height:26px;background-color:#e91e63;border-radius:50%;transition:.4s}
input:checked + .slider{background-color:#ddd}
input:checked + .slider:before{transform:translateX(30px);content:""; background-color:#007bff}
.curegistration .dropdown{position:relative;border:1px solid #ccc;border-radius:5px;background:#fff}
.curegistration .dropdown-toggle{padding:10px;cursor:pointer;background:#E9E9ED;color:#333;border-radius:5px 5px 0 0;background-repeat:no-repeat;background-position:4px center;background-size:10px;background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48cGF0aCBkPSJNMjQxIDM2OWMtOS40IDkuNC0yNC42IDkuNC0zMy45IDBMNDcgMjA5Yy05LjQtOS40LTkuNC0yNC42IDAtMzMuOXMyNC42LTkuNCAzMy45IDBsMTQzIDE0M0wzNjcgMTc1YzkuNC05LjQgMjQuNi05LjQgMzMuOSAwczkuNCAyNC42IDAgMzMuOUwyNDEgMzY5eiIvPjwvc3ZnPg==)}
.curegistration .dropdown-content{display:none;padding:10px;border-top:1px solid #ccc;background-color:#fff;max-height:200px;overflow-y:auto;position:absolute;left:0;right:0;box-shadow:0px 2px 5px #8f8f8f;z-index:10}
.curegistration .dropdown-content input{width:auto;margin-left:5px}
.curegistration .dropdown-content label{display:block;margin-bottom:5px;cursor:pointer}
.curegistration .dropdown.open .dropdown-content{display:block}

.spinner-box div{position:absolute;width:40px;height:40px;border-radius:50%;transform:translate(80px,80px) scale(1);animation:spinner-box 1s infinite cubic-bezier(0,0.5,0.5,1)}
.spinner-box div:nth-child(1){background:#eb9405;transform:translate(148px,80px) scale(1);animation:spinner-box-r .25s infinite cubic-bezier(0,0.5,0.5,1),spinner-box-c 1s infinite step-start}
.spinner-box div:nth-child(2){animation-delay:-.25s;background:#a56d51}
.spinner-box div:nth-child(3){animation-delay:-.5s;background:#eb9405}
.spinner-box div:nth-child(4){animation-delay:-.75s;background:#eecc6e}
.spinner-box div:nth-child(5){animation-delay:-1s;background:#d6c9c4}
.loading-spinner{direction:ltr;margin:auto;width:200px;height:200px;display:block;overflow:hidden;direction:ltr;text-align:center}
.spinner-box{width:200px;height:100%;position:relative;transform:translateZ(0) scale(1);backface-visibility:hidden;transform-origin:0 0;margin:auto}
.spinner-box div{box-sizing:content-box}

@keyframes spinner {to {transform: rotate(360deg);}}
.spinner {width:15px;height:15px;display:inline-block;position: relative;vertical-align:middle;}
.spinner:before {content:'';box-sizing:border-box;position:absolute;top:-2px;left:2px;width:16px;height:16px;border-radius:50%;border:2px solid #ccc;border-top-color:#333;animation:spinner .6s linear infinite;}

.was-validated{position:relative}
label.invalid.invalid-feedback{background:#dc3545;color:#fff;padding:2px 8px;font-size:.75em;border-radius:.25rem;position:absolute;z-index:1;bottom:45px;width:auto;left:0}
label.invalid.invalid-feedback::after{content:'';width:8px;height:8px;border-width:8px 4px 0;border-color:#dc3545 transparent transparent;border-style:solid;position:absolute;top:100%;left:8px}
.was-validated .select2-container--default .select2-selection--single{border-color:#dc3545;padding-left:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:left calc(0.775em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}

.position-relative{position:relative}

.help{color:#888;display:block;font-size:10px;margin-top:5px}

.step-1,.step-2{display:none}

.success-box{display:none; position:fixed;top:20px;right:20px;background-color:#4CAF50; color:white;padding:15px 20px;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,0.2);font-size:16px;font-weight:bold;z-index:1000;animation:fadeIn 0.5s ease-in-out}
@keyframes fadeIn{from{opacity:0;transform:translateY(-10px)}
to{opacity:1;transform:translateY(0)}}
@keyframes fadeOut{from{opacity:1;transform:translateY(0)}
to{opacity:0;transform:translateY(-10px)}}

.error-box{display:none; position:fixed;top:20px;right:20px;background-color:#f44336; color:white;padding:15px 20px;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,0.2);font-size:16px;font-weight:bold;z-index:1000;animation:fadeIn 0.5s ease-in-out}
@keyframes fadeIn{from{opacity:0;transform:translateY(-10px)}
to{opacity:1;transform:translateY(0)}}
@keyframes fadeOut{from{opacity:1;transform:translateY(0)}
to{opacity:0;transform:translateY(-10px)}}

.curegistration #referral{direction:rtl;text-align:right!important}