* { margin: 0; padding: 0; box-sizing: border-box;}
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Istok+Web:ital,wght@0,400;0,700;1,400;1,700&family=Prompt:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


:root {
    --white: #fff;
    --modal-green:#30D07D;
    --border-grey: #E6EFF2;
    --table-black:#0E1724;
    --woodsmoke:#E7E7E7;
    --radio-purple:#A677EE;
    --button-gradient: linear-gradient(90deg, #24A562 0%, #2A76B8 100%);
    --Silver-gray:#C1C1C1;
    --gray-text:#767676;
    --green-text: #45966C;
    --gradient-button:linear-gradient(90deg, var(--primary-200, #30D07D) 45.64%, var(--secondary-300, #A677EE) 130.63%);

}

h5 {font-size: 14px;font-weight: 400;}
h1, h2, h3, h4, h5, h6 {line-height: 1.2;word-break: break-word;}

.fs-12 {font-size: 12px;}
.fs-14 {font-size: 14px;}
.fs-16 {font-size: 16px;}
.fs-18 {font-size: 18px;}
.fs-25 {font-size: 25px;}
.fs-30{font-size: 30px;}
.fw-400 {font-weight: 400;}
.fw-500 {font-weight: 500;}
.fw-600{font-weight: 600;}

.gradient-button{background: linear-gradient(90deg, var(--primary-200, #30D07D) 45.64%, var(--secondary-300, #A677EE) 130.63%);}

.inter {font-family: 'Inter', sans-serif;}
.roboto {font-family: 'Roboto', sans-serif;}

.deep-charcoal-blue {color: var(--table-black);}
.white-color {color: var(--white);}
.gray-text {color: var(--gray-text);}
.green-text{color: var(--green-text)}
.register_page_header {background: var(--gradient-button);padding: 20px 10px;}
.login-header {border-radius: 8px; border: 1px solid var(--border-grey); background: var(--white);}
.gradient_modal_approve {background: var(--button-gradient); padding: 10px 50px;border: 0; border-radius: 12px;}
.uploadLabel {cursor: pointer; color: #00a859; font-weight: 700;}
.border-line {border-bottom: 1px solid var(--woodsmoke);}
.register_page input {outline: none; border-bottom: 1px solid var(--woodsmoke); border-radius: 0; border-top: 0; border-inline: 0; padding-bottom: 11px;}
.register_page  input::placeholder {color:var(--Silver-gray);font-size: 14px;font-weight: 400;}
.form-switch.form-check-custom .form-check-input {height: 1.25rem;}
.register-bg-img {background-image: url(../media/images/login-background.png); width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover;}
.upload_doc img {height: 50px; width: 100%;}
.form-check-input:checked {background-color: var(--radio-purple);border-color: var(--radio-purple);}
.register_page select {color: var(--Silver-gray); font-size: 14px; font-weight: 400; outline: none; border-bottom: 1px solid var(--woodsmoke); border-top: 0; border-inline: 0; border-radius: 0;}
input#birthday{border: unset; text-transform: uppercase;color: var(--Silver-gray);font-size: 14px; border-bottom: 1px solid var(--woodsmoke); width: 100%; padding-right: 10px;}
body:has(.is-invalid) #toggle-password {
    top: 28px !important;
    right: 33px !important;
}

 .register_instruction .card-box {background: white;border-radius: 10px;box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);padding: 15px 0px;}
.register_instruction .card-box .card-header{padding: 0 0.5rem;}
.register_instruction .card .card-body {padding: 1rem 0.25rem;}
.register_instruction .instruction-text li{font-size: 16px;font-weight: 400;color: black; list-style: none;  position: relative;padding-left: 25px; }
.register_instruction .register-btn{color: white;background: var(--button-gradient);border: 2px solid transparent !important;}
.register_instruction .register-btn:hover{color: #24A562;background:  white;border: 2px solid #24A562 !important;}
.register_instruction .instruction-text li::before {content: '\f111';font-family: "Font Awesome 6 Free";font-weight: 900;position: absolute;left: 0;top: 6px;font-size: 10px;color: #24A562;}
.register_instruction .list li::before {content: '\f111';font-family: "Font Awesome 6 Free";font-weight: 400;position: absolute;left: 0;top: 6px;font-size: 10px;color: #24A562;}
.custom-select { position: relative; display: inline-block; width: 200px; padding: 12px 40px; border-radius: 8px; border: 1px solid var(--border-grey); background: var(--white); }
body .select2-container--default .select2-results__option--highlighted[aria-selected]  {background: var(--sidebar-green);color: white;}
/* body div#kt_app_content_container {margin-left: 10px;} */

/*select2 */
/* body .select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected , body .select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected:hover {background-color: var(--sidebar-green);color: var(--white);}
body .select2-results__option.select2-results__option--selectable.select2-results__option--selected.select2-results__option--highlighted{color:var(--white);}
body .select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected:after{background-color: var(--white);}
body .select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--highlighted {color:var(--sidebar-green);}
body .select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selectable.select2-results__option--selected.select2-results__option--highlighted{color:white;} */