.basic-button{cursor:pointer;background-color:#0000;border:none;outline:none;flex-direction:column;padding:0;display:flex}
:root{--PhoneInput-color--focus:#03b2cb;--PhoneInputInternationalIconPhone-opacity:.8;--PhoneInputInternationalIconGlobe-opacity:.65;--PhoneInputCountrySelect-marginRight:.35em;--PhoneInputCountrySelectArrow-width:.3em;--PhoneInputCountrySelectArrow-marginLeft:var(--PhoneInputCountrySelect-marginRight);--PhoneInputCountrySelectArrow-borderWidth:1px;--PhoneInputCountrySelectArrow-opacity:.45;--PhoneInputCountrySelectArrow-color:currentColor;--PhoneInputCountrySelectArrow-color--focus:var(--PhoneInput-color--focus);--PhoneInputCountrySelectArrow-transform:rotate(45deg);--PhoneInputCountryFlag-aspectRatio:1.5;--PhoneInputCountryFlag-height:1em;--PhoneInputCountryFlag-borderWidth:1px;--PhoneInputCountryFlag-borderColor:#00000080;--PhoneInputCountryFlag-borderColor--focus:var(--PhoneInput-color--focus);--PhoneInputCountryFlag-backgroundColor--loading:#0000001a}.PhoneInput{align-items:center;display:flex}.PhoneInputInput{flex:1;min-width:0}.PhoneInputCountryIcon{width:calc(var(--PhoneInputCountryFlag-height)*var(--PhoneInputCountryFlag-aspectRatio));height:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--square{width:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--border{background-color:var(--PhoneInputCountryFlag-backgroundColor--loading);box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth)var(--PhoneInputCountryFlag-borderColor),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth)var(--PhoneInputCountryFlag-borderColor)}.PhoneInputCountryIconImg{width:100%;height:100%;display:block}.PhoneInputInternationalIconPhone{opacity:var(--PhoneInputInternationalIconPhone-opacity)}.PhoneInputInternationalIconGlobe{opacity:var(--PhoneInputInternationalIconGlobe-opacity)}.PhoneInputCountry{margin-right:var(--PhoneInputCountrySelect-marginRight);align-self:stretch;align-items:center;display:flex;position:relative}.PhoneInputCountrySelect{z-index:1;opacity:0;cursor:pointer;border:0;width:100%;height:100%;position:absolute;top:0;left:0}.PhoneInputCountrySelect[disabled],.PhoneInputCountrySelect[readonly]{cursor:default}.PhoneInputCountrySelectArrow{content:"";width:var(--PhoneInputCountrySelectArrow-width);height:var(--PhoneInputCountrySelectArrow-width);margin-left:var(--PhoneInputCountrySelectArrow-marginLeft);border-style:solid;border-color:var(--PhoneInputCountrySelectArrow-color);border-top-width:0;border-bottom-width:var(--PhoneInputCountrySelectArrow-borderWidth);border-left-width:0;border-right-width:var(--PhoneInputCountrySelectArrow-borderWidth);transform:var(--PhoneInputCountrySelectArrow-transform);opacity:var(--PhoneInputCountrySelectArrow-opacity);display:block}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon+.PhoneInputCountrySelectArrow{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon--border{box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth)var(--PhoneInputCountryFlag-borderColor--focus),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth)var(--PhoneInputCountryFlag-borderColor--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon .PhoneInputInternationalIconGlobe{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}
.drop-input{flex-direction:column;justify-content:center;width:100%;margin-bottom:27px;display:flex;position:relative}.drop-input__left-icon{pointer-events:none;color:#747474;justify-content:center;align-items:center;margin-right:40px;padding-right:40px;display:flex;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.drop-input__left-icon svg{width:20px;height:20px}.drop-input__label{color:#747474;background:#fff;padding:0 5px;font-size:14px;font-weight:500;line-height:18.4px;position:absolute;top:-8px;left:20px}.drop-input__in{background:#f8f7fe;border-radius:7px;align-items:center;gap:5px;width:300px;padding:10px;display:flex}.drop-input__info{color:#000;font-size:12px;font-weight:500}.drop-input__input:hover,.drop-input__input:active{border:1px solid #4c20a8}.drop-input__input::placeholder{color:#4c4c4c;font-family:Work Sans;font-size:18.66px;font-weight:400}.drop-input__error{color:red;text-align:left;font-size:15px;font-weight:400}.drop-input__sample{color:#747474;text-align:right;align-self:end;margin-top:10px;margin-bottom:15px;font-size:12px;font-weight:500;line-height:normal}.drop-input__arrow{cursor:pointer;pointer-events:none;background-color:#0000;border:none;position:absolute;top:15px;right:5px}.drop-input__arrow-up{transition:transform .3s ease-in-out;transform:rotate(0)}.drop-input__arrow-down{transition:transform .3s ease-in-out;transform:rotate(179deg)}.drop-input__dropdown{text-align:left;border-radius:10px;flex-direction:column;align-self:stretch;gap:10px;min-width:300px;max-height:300px;padding:10px;display:flex;position:relative;overflow:scroll}.drop-input__dropdown-wrapper{z-index:30;background-color:#fff;transition:all .2s ease-in-out;position:absolute;top:60px;right:10px;box-shadow:0 4px 54px #0000000f}.drop-input__dropdown-span{justify-content:space-between;align-items:center;gap:10px;padding:16px;display:flex}.drop-input__dropdown-li{color:#000;cursor:pointer;text-transform:none;justify-content:space-between;padding:12px 16px;font-size:16px;font-weight:500;transition:all .2s ease-in-out;display:flex}.drop-input__dropdown-li:hover{color:#4c20a8;background:#8840e51a;border-radius:10px;transform:translate(5px)}.drop-input__dropdown-tip{position:absolute;top:-15px;right:10px}.drop-input__dropdown-title{color:#9c96a2;font-size:16px;font-weight:500}.drop-input__multiple{color:#2f2f2f;font-size:16px;font-weight:500}.drop-input__add{color:#8840e5;cursor:pointer;background-color:#fff;align-items:center;gap:10px;padding:12px 16px 30px;font-size:16px;font-weight:500;transition:all .2s ease-in-out;display:flex}.drop-input__add:hover{border-radius:10px;transform:translate(5px)}.drop-input__search{flex-direction:column;justify-content:flex-start;align-items:flex-start;margin-top:20px;padding:12px 16px;display:flex;position:relative}.drop-input__search-label{color:#747474;background:#fff;margin-bottom:10px;font-size:14px;font-weight:500;line-height:18.4px}.drop-input__search-wrap{border:1px solid #f1f1f3;border-radius:12px;align-items:center;gap:5px;width:100%;padding:10px;display:flex}.drop-input__search-input{outline:none}.drop-input__toggle-password{cursor:pointer;background-color:#0000;border:none;position:absolute;top:16px;right:5px}.drop-input__naira{position:absolute;top:15px;left:10px}.drop-input__input{color:#000;box-sizing:border-box;border:1px solid #4c4e6438;border-radius:8px;outline:none;width:100%;padding:15px;font-size:16px;font-weight:500}.drop-input__input:hover,.drop-input__input:active{border-color:#4c20a8}.drop-input__secondary{border:1px solid #d9d9d9;border-radius:32px;height:46px;padding:24px 20px}.drop-input__input.PhoneInput{align-items:center;gap:10px;padding:15px;display:flex}.drop-input__input.PhoneInput .PhoneInputCountry{margin-right:10px}.drop-input__input.PhoneInput .PhoneInputInput{background:0 0;border:none;outline:none;width:100%;font-size:16px;font-weight:500}.drop-input__field-error{border:1px solid red!important}.drop-input__date-wrapper{cursor:pointer;justify-content:space-between;align-items:center;display:flex}.drop-input__date-wrapper svg{flex-shrink:0}.calendar-popup{z-index:1000;background:#fff;border:1px solid #e0e0e0;border-radius:8px;width:280px;margin-top:5px;padding:16px;position:absolute;top:100%;left:0;box-shadow:0 4px 20px #00000026}.calendar-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.calendar-nav{cursor:pointer;color:#4c20a8;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:18px;font-weight:600;transition:background-color .2s}.calendar-nav:hover{background-color:#f0f0f0}.calendar-title{color:#333;font-size:16px;font-weight:600}.calendar-weekdays{grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px;display:grid}.calendar-weekday{text-align:center;color:#666;padding:8px 4px;font-size:12px;font-weight:600}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.calendar-day{text-align:center;cursor:pointer;border-radius:4px;justify-content:center;align-items:center;min-height:32px;padding:8px;font-size:14px;transition:all .2s;display:flex}.calendar-day:hover:not(.calendar-day--empty){color:#fff;background-color:#4c20a8}.calendar-day--today{color:#4c20a8;background-color:#e8f2ff;font-weight:600}.calendar-day--selected{color:#fff;background-color:#4c20a8;font-weight:600}.calendar-day--empty{cursor:default}
.avatar-wrapper{display:inline-block;position:relative}.avatar-wrapper .avatar{color:#fff;background:linear-gradient(220.57deg,#8840e5 -6.09%,#ed1e79 51.87%,#4c4c4c 119.9%);border-radius:100%;place-items:center;font-family:Work Sans;font-weight:600;display:grid}.avatar-wrapper .avatar.avatar-lg{width:77px;height:77px;font-size:26.8px}.avatar-wrapper .avatar.avatar-sm{width:25px;height:25px;font-size:14px}.avatar-wrapper .avatar-badge{justify-content:center;align-items:center;display:flex;position:absolute;bottom:-8px;right:-8px}.avatar-wrapper .avatar-badge:before{content:"";border-radius:50%;position:absolute;inset:0}
.profile-card{border-radius:32px;width:100%;max-width:480px}.profile-card__top{align-items:center;margin-bottom:54px;margin-left:32px;padding-top:74px;display:flex}.profile-card__content{flex-direction:column;gap:12px;padding-bottom:61px;display:flex}.profile-card__content-item{cursor:pointer;justify-content:space-between;align-items:center;padding:15px 31px;display:flex}.profile-card__content-item:hover,.profile-card__content-item.active{background-color:#f2f2f2}.profile-card__content-item p{color:#4c4c4c;align-items:center;gap:16.51px;font-family:Work Sans;font-size:22.02px;font-weight:500;display:flex}.profile-card__content-item-text{display:block}@media screen and (max-width:768px){.profile-card{border-radius:16px;width:fit-content;max-width:100%}.profile-card__top{justify-content:center;margin-bottom:32px;margin-left:0;padding-top:32px;padding-left:16px;padding-right:16px}.profile-card__top-children{display:none}.profile-card__content{gap:8px;padding-bottom:32px}.profile-card__content-item{justify-content:center;padding:12px 16px}.profile-card__content-item p{gap:0;font-size:0}.profile-card__content-item-text,.profile-card__content-item svg:last-child{display:none}}@media screen and (max-width:480px){.profile-card__content-item{padding:10px 12px}}
