/* ================= Start:- Imports ================= */
@import url('../fonts/fonts.css');
/* ================= End:- Imports ================= */
/*  */
/* ================= Start:- Common ================= */

:root {

    --primary-1: #D4E7FF;
    --primary-2: #A1CBFF;
    --primary-3: #6EB0FF;
    --primary-4: #3B94FF;
    --primary-5: #0878FF;
    --primary-6: #0A60C7;
    --primary-darkest: #0E4A94;

    --success-L1: #F2FBF0;
    --success-L2: #E4F4E1;
    --success-L3: #CAF4C3;
    --success-primary: #8BE47D;
    --success-darker: #4ACF36;
    --success-L7: #349526;

    --pendings-L1: #FFF4E7;
    --pendings-L2: #FCE3C6;
    --pendings-L3: #FFC684;
    --pendings-L4: #FFB258;
    --pendings-primary: #FBA035;
    --pendings-darker: #E38E2B;
    --pendings-darkest: #9E5B0B;

    --error-L1: #FFF8F8;
    --error-L2: #FBE2E2;
    --error-L3: #FE9EAF;
    --error-L4: #FF5473;
    --error-primary: #FC2C51;
    --error-darker: #DA2949;
    --error-darkest: #9A162E;

    --all-black-1: #F2F3F3;
    --all-black-2: #E5E6E7;
    --all-black-3: #C5C6C7;
    --all-black-4: #909090;
    --all-black-5: #5C5C5C;
    --all-black-6: #2E2D2D;
    --all-black-7: #000000;

    --background-L1: #FFFFFF;
    --background-L2: #F9FBFC;
    --background-L3: #F7FAFC;
    --background-L4: #F2F9FC;
    --background-main: #F1F3F4;
    --background-L6: #DFE8EC;
    --background-L7: #CAD5DA;

    --border-color: #C4D9F3;
    --border-radius-8: 8px;
    --border-radius-10: 10px;


    --fs-36: 2.25rem;
    --fs-24: 1.5rem;
    --fs-20: 1.25rem;
    --fs-18: 1.125rem;
    --fs-16: 1rem;
    --fs-14: 0.875rem;
    --fs-12: 0.75rem;
    --fw-900: 900;
    --fw-700: 700;
    --fw-400: 400;
}

html, body {
    background-color: var(--background-main);
    height: 100%;
    margin: 0;
    scroll-behavior: smooth;
}

* {
    scrollbar-width: thin;
}

::-webkit-scrollbar {
    width: 7px;
}

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px var(--background-L6);
    border-radius: 5px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: var(--all-black-3);
    border-radius: 5px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: var(--all-black-4);
}

::-webkit-input-placeholder {
    /* Edge */
    color: #B3BAC0 !important;
}

:-ms-input-placeholder {
    /* Internet Explorer */
    color: #B3BAC0 !important;
}

::placeholder {
    color: #B3BAC0 !important;
}

.dashboard-body {
    display: flex;
}

a:link, a:hover, a:visited, a:active {
    color: var(--all-black-7);
    text-decoration: none;
}

textarea {
    resize: none;
}

.btn:focus, .btn.show {
    border-color: transparent !important;
}

.common-link:link,
.common-link:visited {
    color: var(--all-black-4) !important;
    font-weight: var(--fw-700) !important;
    cursor: pointer;
}

.common-link-2 {
    color: var(--primary-5) !important;
    font-weight: var(--fw-700) !important;
    cursor: pointer;
}

.common-link:hover,
.common-link-2:hover {
    color: var(--primary-5) !important;
    text-decoration: underline !important;
}

.common-link:focus {
    color: var(--primary-darkest) !important;
    text-decoration: underline !important;
}

.input-group-text {
    user-select: none !important;
}

.form-control {
    border: 1px solid var(--border-color) !important;
}

.form-control:hover {
    border: 1px solid var(--primary-5) !important;
}

.form-control:focus {
    border-color: var(--primary-6) !important;
    box-shadow: none;
}

.btn-passshow {
    border: 1px solid var(--border-color) !important;
    border-left-color: transparent !important;
}

.input-group .form-control {
    border-right-color: transparent !important;
}

.input-group .form-control:hover+.btn-passshow {
    border: 1px solid var(--primary-5) !important;
    border-left-color: transparent !important;
}

.input-group .form-control:focus+.btn-passshow {
    border-color: var(--primary-6) !important;
    border-left-color: transparent !important;
}

.sign_up-step .form-control {
    border-color: transparent !important;
}


.sign_up-step .form-control-2,
.sign_up-step .form-select {
    border-color: var(--primary-1) !important;
}

.sign_up-step .form-control:hover,
.sign_up-step .form-select:hover {
    border-color: var(--primary-5) !important;
}


.sign_up-step .form-control:focus,
.sign_up-step .form-select:focus {
    border-color: var(--primary-6) !important;
    box-shadow: none !important;
}

.youtube-link .form-control {
    border-color: var(--primary-3) !important;
}


.img-input-group {
    border: 1px solid var(--border-color);
    border-radius: 5px;
}

.img-input-group .form-control,
.img-input-group .input-group-text {
    border-color: transparent !important;
}

.img-input-group .input-group-text {
    background-color: var(--background-L1);
}

.btn-passshow img {
    width: 20px;
    height: 20px;
}

.form-check-input:checked {
    background-color: var(--primary-5) !important;
}

.form-check-input:focus {
    box-shadow: none;
}

.form-check-label {
    color: var(--all-black-4);
    font-weight: var(--fw-700);
    user-select: none;
}

.btn-main {
    display: inline-block;
    padding: 8px 16px;
    min-width: 194px;
    min-height: 46px;
    border-radius: var(--border-radius-8);
    color: var(--success-L1) !important;
    text-align: center;
    vertical-align: center;
    font-weight: var(--fw-700);
    box-shadow: 0px 2px 2px 1px #0000000d;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.btn-main-regular {
    border: 1px solid var(--primary-5);
    background-color: var(--primary-5);
}

.btn-main-regular:hover {
    background-color: var(--primary-6);
    box-shadow: 0px 5px 8px 1px hsla(0, 0%, 0%, 0.082);
}

.btn-main-regular:focus {
    background-color: var(--primary-darkest);
}

.btn-main-disabled {
    pointer-events: none !important;
    border: 1px solid var(--all-black-2);
    background-color: var(--all-black-2);
}

.btn-main-reject {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 2px solid var(--error-L4);
    background-color: var(--error-L4) !important;
}

.btn-main-reject:hover {
    border-color: var(--error-darker);
}

.btn-main-reject:focus {
    background-color: var(--error-darker) !important;
}

.btn-main-approve {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 2px solid var(--success-darker);
    background-color: var(--success-darker) !important;
}

.btn-main-approve:hover {
    border-color: var(--success-L7);
}

.btn-main-approve:focus {
    background-color: var(--success-L7) !important;
}

.btn-main-reject i,
.btn-main-approve i {
    font-size: var(--fs-24);
}

.btn-main-dark {
    border: 1px solid var(--all-black-6);
    background-color: var(--all-black-6);
}

.btn-main-dark:is(:hover, :focus) {
    background-color: var(--all-black-7);
    box-shadow: 0px 5px 8px 1px hsla(0, 0%, 0%, 0.082);
}


.btn-main-reject:disabled,
.btn-main-reject[disabled],
.btn-main-approve:disabled,
.btn-main-approve[disabled],
.btn-main-regular:disabled,
.btn-main-regular[disabled],
.btn-main-dark:disabled,
.btn-main-dark[disabled] {
    border-color: var(--all-black-2) !important;
    background-color: var(--all-black-3) !important;
}

.btn-line {
    border: 2px solid var(--primary-5);
    background-color: var(--background-L1);
    color: var(--all-black-7) !important;
}

.btn-line:hover {
    border: 2px solid var(--primary-5);
    background-color: var(--primary-5);
    color: var(--background-L1) !important;
}


.btn-line:focus {
    border: 2px solid var(--primary-5);
    background-color: var(--primary-darkest);
    color: var(--background-L1) !important;
}

.btn-line-2 {
    border: 1px solid var(--primary-1);
    background-color: var(--background-L1);
    color: var(--all-black-7) !important;
}

.btn-line-2:hover {
    border: 1px solid var(--primary-5);
    background-color: var(--background-L1);
}

.btn-line-2:focus {
    border: 1px solid var(--primary-5);
    background-color: var(--primary-1);
}

.btn-line-3 {
    min-width: 123px;
    border: 1px solid #9CB2CD;
    background-color: var(--background-L1);
    color: #9299A0 !important;
}

.btn-line-3:is(:hover, :focus) {
    border-color: hsl(213, 33%, 31%);
    color: hsl(213, 33%, 31%) !important;
    background-color: var(--background-L1);
}

.btn-line-4 {
    border: 2px solid var(--primary-2);
    background-color: var(--background-L1);
    color: var(--all-black-7) !important;
}

.btn-line-4:hover {
    border-color: var(--primary-5);
    color: var(--background-L1) !important;
    background-color: var(--primary-5);
}

.btn-line-4:focus {
    border-color: var(--primary-6) !important;
    color: var(--background-L1) !important;
    background-color: var(--primary-6) !important;
}

.btn-line-4:disabled .btn-line-4[disabled] {
    border-color: var(--all-black-3) !important;
    color: var(--all-black-3) !important;
    background-color: var(--background-L1) !important;
}

.btn-line-5 {
    min-width: 100%;
    border: 2px solid var(--primary-1);
    background-color: var(--background-L1);
    color: var(--all-black-7) !important;
}

.btn-line-5:hover {
    border-color: var(--primary-5);
}

.btn-line-5:focus {
    border-color: var(--primary-6) !important;
}

.btn-line-5:disabled .btn-line-5[disabled] {
    border-color: var(--all-black-3) !important;
    color: var(--all-black-3) !important;
    background-color: var(--background-L1) !important;
}

.btn-line-6 {
    border: 1px solid var(--primary-1);
    background-color: var(--background-L1);
    color: var(--all-black-7) !important;
}

.btn-line-6:is(:hover, :focus) {
    border-color: var(--primary-5);
    background-color: var(--primary-1);

}

.btn-line-6:disabled .btn-line-6[disabled] {
    border-color: var(--all-black-3) !important;
    color: var(--all-black-3) !important;
    background-color: var(--background-L1) !important;
}

.btn-line-7 {
    min-width: 100%;
    border: 2px solid var(--primary-4);
    background-color: var(--background-L1);
    color: var(--all-black-7) !important;
}

.btn-line-7:is(:hover, :focus) {
    border-color: var(--primary-6);
}

.btn-line-8 {
    border-radius: 6px;
    border: 1px solid #FFF;
    background: rgba(255, 255, 255, 0.20);
    box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.05);
}

.btn-line-8:is(:hover, :focus) {
    border: 1px solid #d4d4d4;
    background: #ffffff50;
}

.btn-line-8:disabled .btn-line-8[disabled] {
    border-color: var(--all-black-3) !important;
    color: var(--all-black-3) !important;
    background-color: var(--background-L1) !important;
}

.btn-line-9 {
    min-width: auto;
    min-height: auto;
    border: 2px solid var(--primary-2);
    background-color: var(--background-L1);
    color: var(--all-black-7) !important;
}

.btn-line-9:hover {
    border-color: var(--primary-5);
    color: var(--background-L1) !important;
    background-color: var(--primary-5);
}

.btn-line-9:focus {
    border-color: var(--primary-6) !important;
    color: var(--background-L1) !important;
    background-color: var(--primary-6) !important;
}

.btn-line-9:disabled .btn-line-9[disabled] {
    border-color: var(--all-black-3) !important;
    color: var(--all-black-3) !important;
    background-color: var(--background-L1) !important;
}

.btn-menu {
    display: none;
}

.btn-cancel {
    padding: 0;
    font-size: var(--fs-16);
    font-weight: var(--fw-700);
    text-align: left;
    color: var(--all-black-4);
}

.btn-main-secondary {
    border-color: transparent;
    border-radius: 0px;
    background-color: var(--background-L2) !important;
    color: var(--all-black-4) !important;
    font-weight: var(--fw-700);
    box-shadow: none;
}

.btn-main-secondary:is(:hover, :focus) {
    background-color: var(--background-L6) !important;
    color: var(--all-black-6) !important;
}


.btn-notification {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid transparent;
    padding: 0.9rem 1rem;
    background-color: transparent;
}

.btn-activity-function {
    display: inline-block;
    width: auto;
    height: auto;
    border: 1px solid transparent;
    border-radius: 10px;
    background-color: var(--background-L1);
    color: #5C5757;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.btn-activity-function:hover,
.btn-activity-function:focus {
    color: var(--background-L1);
    background-color: var(--primary-5);
}

.btn-activity-function-2 {
    display: inline-block;
    width: auto;
    height: auto;
    border: 1px solid transparent;
    border-radius: 10px;
    background-color: transparent !important;
    color: #5C5757;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.btn-notification img {
    width: 24px;
    height: 24px;
}

.btn-back {
    color: var(--primary-3) !important;
    font-size: var(--fs-36);
    -webkit-transition: .4s ease;
    transition: .4s ease;
}

.btn-back:hover,
.btn-back:focus {
    color: var(--primary-5) !important;
}

.btn-close-circle {
    color: var(--all-black-4);
    font-size: var(--fs-24);
}

.btn-close-common {
    color: var(--all-black-4);
    font-size: var(--fs-18);
}

.btn-action {
    color: var(--primary-5);
    font-size: var(--fs-14);
    font-weight: var(--fw-400);
    -webkit-transition: .4s ease;
    transition: .4s ease;
}

.btn-action:hover,
.btn-action:focus {
    color: var(--primary-darkest) !important;
}

.btn-carousel {
    border-radius: 50%;
    padding: 10px 16px;
    background-color: var(--background-L1);
    color: var(--all-black-7);
    font-size: var(--fs-24);
}

.btn-plus-rounded {
    width: 71px;
    height: 71px;
    border-radius: 50px;
    background-color: var(--primary-5) !important;
    color: var(--background-L1) !important;
    font-size: 2rem;
    box-shadow: 0px 10px 10px hsla(213, 100%, 52%, 0.4);
    -webkit-transition: .5s;
    transition: .5s;
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn-plus-rounded:is(:hover, :focus) {
    box-shadow: 0px 10px 10px hsla(213, 100%, 52%, 0.2);
}

.btn-dropdown {
    border: 2px solid var(--all-black-2);
    background-color: var(--background-L1) !important;
    color: var(--all-black-7) !important;
    box-shadow: none !important;
}

.btn-dropdown:is(:hover, :focus) {
    border-color: var(--primary-5);
}


.accordion-button:focus {
    box-shadow: none;
}

.accordion-button:not(.collapsed) {
    color: var(--all-black-7);
    background-color: var(--background-L1);
}

.notification-count {
    display: inline-block;
    position: absolute;
    top: 12%;
    right: 5%;
    width: 25px;
    height: 25px;
    border: 2px solid #F6F8FB;
    border-radius: 50%;
    background-color: #FF6760;
    color: var(--success-L1);
    font-size: var(--fs-12);
    font-weight: var(--fw-700);
    text-align: center;
}

.heading-1 {
    display: block;
    font-size: var(--fs-36);
    font-weight: var(--fw-700);
}

.heading-9-1 {
    display: block;
    font-size: var(--fs-36);
    font-weight: var(--fw-900);
}

.heading-2 {
    display: block;
    font-size: var(--fs-24);
    font-weight: var(--fw-900);
}

.heading-3 {
    display: block;
    font-size: var(--fs-20);
    font-weight: var(--fw-700);
    color: var(--all-black-4);
}

.heading-4 {
    display: block;
    font-size: var(--fs-20);
    font-weight: var(--fw-700);
    color: var(--all-black-5);
}

.heading-bolder {
    display: block;
    font-weight: var(--fw-900);
    color: var(--all-black-7);
}

.heading-bold {
    display: block;
    font-weight: var(--fw-700);
    color: var(--all-black-7);
}

.heading-regular {
    display: block;
    font-weight: var(--fw-400);
    color: var(--all-black-7);
}

.heading-size-1 {
    font-size: var(--fs-36);
}

.heading-size-2 {
    font-size: var(--fs-24);
}

.heading-size-3 {
    font-size: var(--fs-20);
}

.heading-size-4 {
    font-size: var(--fs-16);
}

.heading-size-5 {
    font-size: var(--fs-14);
}

.heading-size-6 {
    font-size: var(--fs-12);
}

.text-justify {
    text-align: justify;
}

.fw-900 {
    font-weight: var(--fw-900);
}

.fw-700 {
    font-weight: var(--fw-700);
}

.fw-400 {
    font-weight: var(--fw-400);
}

.shadow-normal {
    box-shadow: 0px 0px 10px rgba(16, 30, 115, 0.15);
}

.line-1 {
    display: block;
    width: 100%;
    height: 1px;
    background-color: #D0D7E1
}

.info-badge {
    display: block;
    width: 112px;
    min-height: 25px;
    padding: 2px;
    border-radius: var(--border-radius-8);
    text-align: center;
    color: var(--background-L1) !important;
    font-size: var(--fs-14);
    font-weight: var(--fw-700);
}

.info-badge-pending {
    background-color: var(--pendings-L4);
}

.info-badge-success {
    background-color: var(--success-primary);
}

.info-badge-rejected {
    background-color: var(--error-primary);
}

.info-badge-draft {
    background-color: #98A0AA;
}

.card-common {
    border: 1px solid var(--background-L1);
    border-radius: var(--border-radius-8);
    background-color: var(--background-L1);
    box-shadow: 0px 2px 2px 1px hsla(0, 0%, 0%, 0.05);
    cursor: pointer;
}

.card-common:hover {
    border-color: var(--primary-5);
    box-shadow: 0px 12px 26px hsla(232, 76%, 26%, 0.06);
}

.card-common .img-course {
    width: 100px;
    width: 100px;
    border-radius: var(--border-radius-8);
}

.card-common-heading {
    display: block;
    font-size: var(--fs-16);
    font-weight: var(--fw-700);
}

.card-common-sub_heading {
    display: block;
    color: #B3B7C0;
    font-size: var(--fs-14);
    font-weight: var(--fw-400);
}

.card-common-count_info {
    display: block;
    color: #79848E;
    font-size: var(--fs-14);
    font-weight: var(--fw-700);
}


.card-notification {
    border: 1px solid var(--background-L1);
    border-radius: var(--border-radius-8);
    background-color: var(--background-L2);
    -webkit-transition: .4s ease;
    transition: .4s ease;
    cursor: pointer;
}

.card-notification:hover,
.notification-new {
    background-color: var(--background-L6);
}

.card-notification .img-course {
    width: 60px;
    width: 60px;
    border-radius: 50%;
}

.card-notification-heading {
    display: block;
    font-size: var(--fs-16);
    font-weight: var(--fw-700);
}

.card-notification-sub_heading {
    display: block;
    color: #B3B7C0;
    font-size: var(--fs-14);
    font-weight: var(--fw-400);
}

.card-notification-count_info {
    display: block;
    color: #79848E;
    font-size: var(--fs-14);
    font-weight: var(--fw-700);
}

.card-student {
    margin-bottom: 8px;
    border: 1px solid transparent;
    border-radius: var(--border-radius-8);
    background-color: var(--background-L1);
    box-shadow: 0px 2px 2px hsla(0, 0%, 0%, 0.05);
    -webkit-transition: .4s;
    transition: .4s;
}

.card-student .img-student {
    width: 120px;
    height: 120px;
    border-radius: 50%;
}

.card-student p {
    margin-bottom: 0px;
}

.card-student .card-student-details {
    font-weight: var(--fw-700);
}

.card-student .commission-amount {
    color: var(--success-L7);
}

.course-exit-con {
    background-color: #1C3350;
}

.corse-details-con {
    background-color: #1C4A83;
    color: var(--background-L1) !important;
}

.card-student-course {
    border: 2px solid var(--background-L1);
    border-radius: var(--border-radius-8);
    padding: 10px;
    background-color: var(--background-L1);
    box-shadow: 0px 12px 26px rgba(16, 30, 115, 0.06);
    -webkit-transition: .4s !important;
    transition: .4s !important;
}

.card-student-details i {
    color: var(--primary-2);
}

.card-student-course-pending:hover {
    border-color: var(--primary-5);
}

.card-student-course-approved {
    border: 2px dashed var(--success-darker);
    background-color: var(--success-L2);
}

.card-student-course-approved:hover {
    border-style: solid;
}

.card-student-course-rejected {
    border: 2px dashed var(--error-primary);
    background-color: var(--error-L2);
}

.card-student-course-rejected:hover {
    border-style: solid;
}

.card-student-course>div:first-child {
    position: relative;
}

.card-student-course .info-badge {
    position: absolute !important;
    left: 5%;
    bottom: 6%;
    border-radius: 10px;
}

.card-student-course>div:first-child img {
    max-width: 170px;
    height: auto;
}

.card-student-course>div:last-child {
    padding: 0 1rem;
}

.card-student-course>div:last-child {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}

.card-student-course>div:last-child p {
    margin-bottom: 5px;
}

.card-student-course>div:last-child p:last-child {
    margin-top: auto;
}

.card-type-active:hover {
    border: 1px solid var(--success-darker) !important;
}

.card-type-pending {
    border: 1px solid var(--pendings-primary) !important;
}

.card-type-rejected,
.card-type-incomplete {
    border: 1px solid var(--error-primary) !important;
}

.card-verify {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem;
    border-radius: var(--border-radius-8);
    padding: 13px;
    font-weight: var(--fw-700);
    font-size: var(--fs-14);
}

.card-verify-success {
    border: 2px dashed var(--success-darker);
    background-color: var(--success-L2);
    color: var(--success-L7);
}

.card-verify-error {
    border: 2px dashed var(--error-primary);
    background-color: var(--error-L1);
    color: var(--error-primary);
}

.card-verify-pending {
    border: 2px dashed var(--pendings-primary);
    background-color: var(--pendings-L1);
    color: var(--pendings-L4);
}

.card-verify i {
    font-size: var(--fs-24);
}

.card-verify-pending .fa-ellipsis-v,
.card-verify-error .fa-ellipsis-v {
    color: #5C5757 !important;
    font-size: var(--fs-20);
}

.card-document {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid var(--all-black-2);
    border-radius: var(--border-radius-8);
    color: #949FAA;
    box-shadow: 0px 12px 26px hsla(232, 76%, 26%, 0.06);
}

.card-document>div:first-child p {
    margin: 0;
}

.card-document>div:first-child p i {
    color: var(--all-black-7);
}

.card-document-success {
    border: 1px dashed var(--success-primary);
    background-color: var(--success-L2);
}

.card-document-error {
    border: 1px dashed var(--error-primary);
    background-color: var(--error-L2);
}


.card-document-pending {
    border: 1px dashed var(--pendings-primary);
    background-color: var(--pendings-L2);
}

.card-document-error:hover,
.card-document-pending:hover,
.card-document-success:hover {
    border-style: solid;
}

.card-document-uploaded {
    flex-direction: column;
    border: 1px solid var(--background-L1);
    background-color: var(--background-L1);
    -webkit-transition: .4s;
    transition: .4s;
}

.card-document-uploaded:hover {
    border-color: var(--primary-5);
}

.count-color {
    color: #9399A0;
}

.img-activity {
    width: 80px;
    height: 80px;
    border-radius: 50px;
}

.card-swiper {
    min-height: 460px;
    border: 3px solid var(--background-L1);
    border-radius: var(--border-radius-8);
    padding: 16px;
    background-color: var(--background-L1);
    box-shadow: 0px 12px 26px hsla(232, 76%, 26%, 0.06);
    -webkit-transition: .4s;
    transition: .4s;
    cursor: pointer;
}

.card-swiper:hover {
    border-color: var(--primary-5);
}

.corser-view .card-swiper {
    margin-top: -30%;
}

.img-container {
    position: relative;
}

.img-swiper {
    width: 100%;
    min-height: 230px;
    border-radius: var(--border-radius-8);
}

.amount-info-container {
    position: absolute;
    right: 0;
    bottom: 0;
}

.amount-info {
    display: inline-block;
    padding: 3px 5px;
    border-radius: 10px;
    background-color: var(--background-L1);
    font-size: var(--fs-20);
    font-weight: var(--fw-700);
}

.notification-dropdown .dropdown-menu {
    width: 450px;
    max-height: 75vh;
    overflow: auto;
}

.img-pending {
    filter: grayscale(100%);
}

.color-primary {
    color: var(--primary-5) !important;
}

.color-success-primary {
    color: var(--success-darker) !important;
}

.color-pending-primary {
    color: var(--pendings-L4) !important;
}

.color-error-primary {
    color: var(--error-primary) !important;
}

.color-light-dark {
    color: #3C3D3F !important;
}

.color-secondary {
    color: var(--all-black-4) !important;
}

.form-check-pending:checked {
    background-color: var(--pendings-L4) !important;
    border-color: var(--pendings-primary) !important;
}

.form-check-complete:checked {
    background-color: var(--success-primary) !important;
    border-color: var(--success-darker) !important;
}

.search-input .form-control {
    border: 1px solid var(--background-L1) !important;
    padding: 5px !important;
    background-color: var(--background-L1) !important;
}


.search-input .btn-search {
    border: 1px solid var(--background-L1) !important;
    background-color: var(--background-L1);
}

.modal-header,
.modal-footer {
    border-color: transparent;
}

.breadcrumb .breadcrumb-item {
    font-size: var(--fs-14);
    font-weight: var(--fw-700);
    color: var(--all-black-6);
}

.breadcrumb .breadcrumb-item a {
    color: var(--primary-5) !important;
}

.breadcrumb-container {
    display: flex;
    align-items: center;
    background-color: var(--primary-6);
}

.breadcrumb-item+.breadcrumb-item::before {
    color: var(--primary-3);

}

.breadcrumb-t2 .breadcrumb-item a {
    color: var(--background-L1) !important;
}

.breadcrumb-t2 .breadcrumb-item a:hover {
    text-decoration: underline;
}

.breadcrumb-t2 .active {
    color: var(--primary-3) !important;
}

.form-background {
    border-radius: var(--border-radius-8);
    background-color: #F3F6F8;
}

.table-1 {
    border-radius: var(--border-radius-8);
}

.table-1 thead {
    background-color: var(--background-L1);
}

.table-1 thead th,
.table-1 tbody td {
    padding: 1.5rem;
}

.table-1 tbody {
    font-size: var(--fs-14);
}


.table-1 tbody tr:nth-child(odd) {
    background-color: var(--background-L1);
}

.table-1 tbody tr:nth-child(even) {
    background-color: var(--background-L4);
}

.table-1 tbody tr:hover {
    background-color: var(--background-L6);
}

.table-1 tbody tr:last-child {
    border-color: transparent !important;
    background-color: var(--primary-5);
    color: var(--background-L1);
    font-size: var(--fs-18);
    font-weight: var(--fw-900);
}

.drop-incon {
    cursor: pointer !important;
}

.common-alert {
    position: fixed;
    top: 15vh;
    right: 2vw;
    display: flex;
    align-items: center;
    z-index: 2500;
    color: var(--background-L1);
    box-shadow: 0px 8px 35px hsla(0, 0%, 0%, 0.2);
    opacity: 0.9;
}

.success-alert {
    background-color: var(--all-black-7);
}

.img-bw {
    filter: grayscale(100%);
}



/* ================= End:- Common ================= */

/* ================= Start:- Sign_in ================= */

.student-login {
    display: flex !important;
    justify-content: center !important;
    align-items: flex-start;
}

.sign_in-div {
	margin: auto;
    margin-top: 5%;
    border-radius: 10px;
    max-width: 445px;
    width: 445px;
    padding: 20px 47px;
    background-color: var(--background-L1);
    box-shadow: 0px 12px 26px hsla(232, 76%, 26%, 0.06);
}

.sign_in-heading {
    font-size: var(--fs-36);
    font-weight: var(--fw-700);
}

.sign_in-div .form-label {
    font-weight: var(--fw-700);
}

.change-pass-link,
.sign_in-cancel-link,
.sign_in-new-link,
.info-link {
    color: var(--primary-5) !important;
    font-size: var(--fs-14);
    font-weight: var(--fw-700);
}

.change-pass-link:hover,
.sign_in-cancel-link:hover,
.sign_in-new-link:hover,
.info-link:hover {
    color: var(--primary-darkest) !important;
    text-decoration: underline !important;
}

.sign_up-div {
    margin-top: 0%;
    margin-left: 0;
}

.sign_up-img-div {
    height: 100%;
    background-color: var(--all-black-3) !important;
    background-position: center;
    background-repeat: no-repeat;
}


.sign_up-step .form-label {
    font-weight: var(--fw-700) !important;
}

.password-info,
.form-control-info {
    display: inline-block;
    padding: 0.3rem 0rem;
    color: var(--all-black-5);
    font-size: var(--fs-14);
    font-weight: var(--fw-400);
}

.password-status-indicator {
    padding: 0;
}

.password-status-indicator div div {
    width: 100%;
    height: 5px;
    border-radius: 50px;
    background-color: var(--all-black-2);
}

.password-status-info-label {
    font-size: var(--fs-14);
    font-weight: var(--fw-700);
}

.bg-password-very_weak div:first-child div {
    background-color: var(--error-primary);
}

.bg-password-very_weak .password-status-info-label {
    color: var(--error-primary);
}

.bg-password-weak div:nth-child(1) div,
.bg-password-weak div:nth-child(2) div {
    background-color: var(--pendings-L4);
}

.bg-password-weak .password-status-info-label {
    color: var(--pendings-L4);
}

.bg-password-strong div:nth-child(1) div,
.bg-password-strong div:nth-child(2) div,
.bg-password-strong div:nth-child(3) div {
    background-color: var(--success-primary);
}

.bg-password-strong .password-status-info-label {
    color: var(--success-primary);
}

.bg-password-super_strong div div {
    background-color: var(--success-darker);
}

.bg-password-super_strong .password-status-info-label {
    color: var(--success-darker);
}

.border-dashed {
    border-width: 2px;
    border-style: dashed;
    border-radius: 10px;
}

.border-primary-blue {
    border-color: var(--primary-5) !important;
}

.border-pending {
    border-color: var(--pendings-L4) !important;
}

.border-complete {
    border-color: var(--success-darker) !important;
}

.border-error,
.border-rejected {
    border-color: var(--error-primary) !important;
}

.img-step-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.img-step {
    width: 70vw;
    height: auto;
}

.img-step-t2 {
    width: 75vw;
    height: auto;
}

.mobile-step {
    display: none;
}

.img-institute_logo-Upload,
.institute_video-Upload {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    height: 255px;
    border-radius: 0.5rem;
    background-color: var(--background-L1);
    background-repeat: no-repeat;
    background-position: center;
}

.img-institute_logo-Upload {
    background-image: url('../images/common/upload_image.png');
}

.institute_video-Upload {
    background-image: url('../images/common/upload_video.png');
}



.media-upload-container,
.media-view-container,
.branch-info-container,
.common-info-container {
    border-radius: var(--border-radius-8);
    background-color: var(--background-L1);
    box-shadow: 0px 12px 26px hsla(232, 76%, 26%, 0.06);
}

.media-view-container {
    max-height: 450px;
    overflow-y: auto;
}

.media-view-info {
    display: block;
    color: var(--all-black-4);
    font-weight: var(--fw-700);
    text-align: right;

}

.media-view-head {
    display: block;
    color: #25282B;
    font-weight: var(--fw-400);

}

.img-upload {
    width: 100%;
    height: auto;
    border-radius: var(--border-radius-8);
}

.img-upload-container {
    position: relative;
}

.media-remove {
    position: absolute;
    top: 5%;
    right: 5%;
    padding: 0px 0px;
    font-size: var(--fs-24) !important;
    color: var(--background-L1) !important;
}

.media-video {
    position: absolute;
    bottom: 8%;
    left: 8%;
}

.director-reg {
    border: 1px dashed #919191;
    border-radius: var(--border-radius-8);
}

.director-reg-info {
    box-shadow: 0px 12px 26px hsla(232, 76%, 26%, 0.06);
    border-radius: var(--border-radius-8);
    font-weight: var(--fw-700);
}

.director-reg-name {
    color: var(--all-black-6);
}

.director-reg-address,
.director-reg-nic {
    color: var(--all-black-4);
}

.submit-info-container {
    position: relative;
    border-radius: var(--border-radius-8);
    background-color: var(--background-L1);
}

.img-submit-container {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--background-L1);
}

.img-submit {
    width: 100%;
    height: 450px;
}

.submit-action-buttons {
    position: absolute;
    left: 4%;
    bottom: 20%;
    border-radius: var(--border-radius-8);
    background-color: var(--background-L1);
    box-shadow: 0px 12px 35px hsla(232, 76%, 26%, 0.2);
}

.sign_out-dropdown .dropdown-menu {
    box-shadow: 0px 20px 50px hsla(0, 0%, 0%, 0.3);
}

.sign_out-dropdown .dropdown-item {
    padding: 8px;
    border-radius: 5px;
}

.sign_out-dropdown .dropdown-item:hover,
.sign_out-dropdown .dropdown-item:focus {
    color: var(--all-black-7) !important;
    background-color: var(--all-black-1) !important;
}

.img-course {
    width: 200px;
    height: auto;
    border-radius: 15px;
}

.img-course-invite {
    width: 170px;
    height: auto;
    border-radius: 15px;
}

/* ================= Start:- Side_Menu and container_main ================= */

.sidemenu {
    width: 20%;
    height: 100vh;
    overflow: auto;
    background-color: var(--background-L1);
    box-shadow: 2px 2px 8px #ececec !important;
}

.dashboard-time-box {
    overflow: scroll;
    overflow-x: hidden;
    height: 462px;
    width: 240px;
}

.schedule-time-box {
    overflow: scroll;
    overflow-x: hidden;
    height: 415px;
    width: 240px;
}

.container-main {
    width: 80%;
    background-color: var(--background-main);
}

.logo-container {
    padding: 17px 19px;
    background-color: var(--background-L1);
}

.nav-logo {
    width: 52px;
    height: 52px;
}

.side-m-heading {
    padding-left: 25px;
    font-weight: var(--fw-400);
    font-size: var(--fs-14);
    color: #A0A4A8;
}

.sidemenu .active {
    color: #336CFB !important;
}

.nav-link {
    padding-left: 22px;
    padding-top: 14px;
    padding-bottom: 14px;
    color: var(--all-black-5) !important;
    font-weight: var(--fw-700);
    font-size: var(--fs-14);
}

.nav-link:hover {
    color: #336CFB !important;
    background-color: #F3F8FB !important;
}

.nav-link .side-m-icon {
    width: 32px;
    height: 32px;
    padding-right: 10px;
}

.main-menu-list .nav-item:last-child {
    border-bottom: 1px solid var(--background-L1);
}

.header-main {
    height: 12%;
    background-color: #F6F8FB;
}

.container-main-area {
    height: calc(100% - 12%);
    overflow: auto;
}

.header-main>.container-fluid {
    display: flex;
    justify-content: end;
    align-items: center;
    height: 100%;
    padding: 0 2rem;
}

.header-main>.container-fluid .col:last-child {
    display: flex;
    justify-content: end;
    align-items: center;
    height: 100%;
    padding: 0 2rem;
}

.header-main .user-img {
    width: 40px;
    height: 40px;
    border: 5px solid #E8E8E8;
    border-radius: 50%;
    cursor: pointer;
}

.sidemenu .accordion-item {
    border-color: transparent;
}

.sidemenu .accordion-item:first-of-type .accordion-button {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.sidemenu .accordion-button {
    color: #939EA9;
    font-size: var(--fs-14);
    font-weight: var(--fw-700);
}

.sidemenu .accordion-button:hover,
.sidemenu .accordion-button:not(.collapsed) {
    color: #336CFB !important;
    background-color: #F3F8FB !important;
}

.sidemenu .accordion-button:focus {
    box-shadow: none;
}

/* ================= Start:- Main_Dash ================= */

.dash-info-card .container-fluid {
    height: 100%;
    border-radius: 7px;
    padding: 1rem;
    background-color: var(--background-L1);
    box-shadow: 0px 12px 26px hsla(232, 76%, 26%, 0.06);
}

.img-dashinfo {
    width: 40px;
    height: 40px;
}

.img-arrow-info {
    position: absolute;
    top: 45%;
    left: 30%;
}

.dash-info-card-heading {
    display: block;
}

.dash-info-card-heading {
    font-size: var(--fs-14);
    font-weight: var(--fw-700);
}

.dash-info-card-count {
    color: var(--primary-5);
    font-size: var(--fs-18);
    font-weight: var(--fw-400);
}

.currency-dropdown .dropdown-item:hover {
    color: var(--success-L1);
    background-color: var(--primary-5);
}

.dropdown-menu {
    border-color: var(--background-L1);
    box-shadow: 0px 8px 35px hsla(0, 0%, 15%, 0.11);
}

.pending_institute-info {
    background-color: var(--background-L1);
    box-shadow: 0px 12px 26px hsla(232, 76%, 26%, 0.06);
    border-radius: var(--border-radius-8);
}

.img-pending_institute {
    width: auto;
    height: 117px;
}

.pending_institute-name,
.pending_institute-date,
.pending_institute-timeinfo,
.pending_institute-email {
    display: block;
    color: #25282B;
    font-weight: var(--fw-700);
}

.pending_institute-name {
    font-size: var(--fs-20);
}

.pending_institute-timeinfo {
    color: #91989F;
}

.pending_institute-email {
    color: #9CB2CD;
}

input[name=currencySelect],
input[name=activityType],
input[name=courseType] {
    display: none;
}

.currency-d-select {
    display: inline-block;
    width: 50px;
    height: 30px;
    margin-right: 10px;
    border: 1px solid var(--primary-5);
    border-radius: 6px;
    padding: 4px;
    color: var(--primary-5);
    text-align: center;
    font-weight: var(--fw-400);
    font-size: var(--fs-14);
    cursor: pointer;
    user-select: none;
    -webkit-transition: .4s;
    transition: .4s;
}

input[name=currencySelect]:checked+.currency-d-select,
.currency-d-select:hover {
    color: var(--background-L1);
    background-color: var(--primary-5);
}

.activity-label,
.courseType-label,
.type-filter {
    display: inline-block;
    width: 100%;
    height: auto;
    padding: 8px;
    border: 2px solid var(--background-L1);
    border-radius: var(--border-radius-8);
    background-color: var(--background-L1);
    color: #9299A0 !important;
    font-weight: var(--fw-700);
    font-size: var(--fs-14);
    text-align: center;
    cursor: pointer;
    user-select: none;
    -webkit-transition: .4s;
    transition: .4s;
}

input[name=activityType]:checked+.activity-label,
input[name=courseType]:checked+.courseType-label,
.activity-label:hover,
.courseType-label:hover,
.type-filter:hover,
.type-filter-active {
    border-color: var(--primary-5);
    color: var(--primary-5) !important;
    font-weight: var(--fw-700);
}


.earning-table {
    border-radius: var(--border-radius-8);
    background-color: var(--background-L1);
}

.activity-dropdown .dropdown-menu {
    min-width: 250px;
    padding: 8px;
    box-shadow: 0px 20px 50px hsla(0, 0%, 0%, 0.3);
}

.activity-dropdown .dropdown-item {
    border-radius: 5px;
    padding: 10px;
    color: #616F81 !important;
    font-size: var(--fs-14);
    font-weight: var(--fw-400);
    text-align: center;
}

.activity-dropdown .dropdown-item:hover,
.activity-dropdown .dropdown-item:focus {
    color: var(--background-L1) !important;
    background-color: var(--primary-5);
}


.pending-menu .dropdown-item:hover,
.pending-menu .dropdown-item:focus {
    color: var(--background-L1) !important;
    background-color: var(--error-primary);
}


.todo-card {
    width: 100%;
    height: 500px;
    border-radius: var(--border-radius-8);
    background-color: var(--background-L1);
}

.todo-card-important,
.todo-card-list,
.todo-card-day {
    height: 480px;
    overflow: auto;
}

.todo-card-important {
    border-radius: var(--border-radius-8);
    color: var(--background-L1) !important;
    background-color: var(--primary-5);
    box-shadow: 0px 20px 65px hsl(213, 100%, 52%);
}

.todo-card-list {
    border: 1px solid var(--all-black-3);
    border-radius: var(--border-radius-8);
}

.img-lecture {
    width: 60px;
    height: 60px;
    border-radius: 50px;
}

.timeline-list-card {
    width: 100%;
    height: 62px;
}

.timeline-list-time {
    margin-top: -15px;
    color: var(--all-black-5);
    font-weight: var(--fw-400);
}

.timeline-list-content {
    background-image: url('../images/common/dash-line.svg');
    background-repeat: repeat-x;
    background-position: top;
}

.timeline-list-content {
    position: relative;
}

/* Timeline card details card CSS */
.timeline-list-content>p {
    margin-bottom: 0;
    border-radius: var(--border-radius-8);
    padding: 8px;
    /* background-color: var(--pendings-primary); */
    color: var(--background-L1);
    opacity: 0.5;
}

.timeline-list-content>p span:first-child {
    display: block;
    font-size: var(--fs-14);
}

.timeline-list-content>p span:last-child {
    font-size: var(--fs-12);
}

/* ================= Start:- Institute_Profile ================= */
.institute-pending-message {
    background-color: var(--pendings-primary);
    color: var(--background-L1);
    text-align: center;
    font-size: var(--fs-20);
    font-weight: var(--fw-700);
}

.institute-details-container {
    height: 35vh;
    background-color: #19406F;
}

.img-institute_profile-view {
    width: auto;
    min-height: 118px;
    border-radius: 50%;
}

.institute-details-container .heading-bold {
    color: var(--background-L1) !important;
}

.institute-details-container .heading-regular {
    color: var(--primary-2) !important;
}

.institute-profile-info-container>.container {
    margin-top: -7%;
    background-color: var(--background-L1);
    border-radius: var(--border-radius-8);
    box-shadow: 0px 12px 26px rgba(16, 30, 115, 0.06);
}

.img-institute {
    width: 80px;
    height: 80px;
}


.student-review-modal .modal-content {
    background-color: #DFE8EC;
}

.student-review-modal .info-container {
    border-radius: var(--border-radius-8);
    background-color: var(--background-L4);
}


.info-container .nav-link {
    width: calc(100%/3);
    border-width: 0px;
    border-top: 4px solid transparent;
    border-radius: 0;
    background-color: var(--all-black-1);
    font-size: var(--fs-14);
    font-weight: var(--fw-700);
}

.info-container .nav-tabs .nav-link:is(:hover, :focus),
.info-container .nav-tabs .active {
    border-color: transparent;
    border-top: 4px solid var(--primary-5);
    background-color: var(--background-L1) !important;
    color: var(--primary-5) !important;
    font-weight: var(--fw-700);
}

/* ================= Start:- Student_Profile ================= */

.student-profile-info {
    padding: 0.8rem;
    background-color: var(--primary-darkest);
}

.img-student {
    width: 107px;
    height: 107px;
    border: 5px solid var(--background-L1);
    border-radius: 50%;
}

.student-profile-info .student-name {
    color: var(--background-L1);
    font-weight: var(--fw-700);
}

.student-country,
.student-phone,
.student-address {
    color: var(--primary-1) !important;
}

.student-email:link {
    color: var(--primary-3);
}

.student-email:is(:hover, :focus, :visited) {
    text-decoration: underline;
}

.student-profile-info-card,
.common-info-card {
    border-radius: 10px;
    background-color: var(--background-L1);
    box-shadow: 0px 12px 26px hsla(232, 76%, 26%, 0.06);
}

.student-profile-info-card li {
    padding: 8px 0;
    list-style: none;
}

.student-profile-info-card li i {
    padding-right: 10px;
    color: #686D73;
}

.student-profile-info-card li>span {
    color: #686D73;

}

.student-profile-info-card li>span:nth-child(even) {
    padding-right: 10px;
    font-weight: var(--fw-700);

}

.student-profile-info-card li>span:nth-child(odd) {
    font-weight: var(--fw-400);
}

input[name=payPlan] {
    display: none;
}

.payment-label {
    width: 100%;
    border: 2px solid var(--background-L1);
    border-radius: var(--border-radius-8);
    padding: 0.9rem;
    background-color: var(--background-L1);
    color: #9299A0;
    text-align: center;
    font-weight: var(--fw-400);
    cursor: pointer;
    -webkit-transition: ease-out 0.5s;
    transition: ease-out 0.5s;
}

input[name=payPlan]:checked+.payment-label,
.payment-label:hover {
    border-color: var(--primary-5);
    color: var(--primary-5);
    font-weight: var(--fw-700);
}


.payment-info-container {
    border: 3px solid transparent;
    border-radius: var(--border-radius-8);
    background-color: #F2F9FC;
    -webkit-transition: .4s;
    transition: .4s;
}

/* ================= Start:- Invoice ================= */

.view-invoice-modal .modal-content {
    border-color: transparent !important;
    border-radius: 0px;
    background-color: transparent !important;
    font-size: var(--fs-14);
}

.view-invoice-modal .modal-body {
    border-radius: 0px;
    background-color: var(--background-L1);
}

.view-invoice-modal .modal-header {
    display: flex;
    justify-content: flex-end;
    padding: 0px;
}

.view-invoice-modal .modal-header .btn {
    color: var(--background-L1);
}

.view-invoice-modal .img-invoice {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.view-invoice-modal .invoice-status {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.view-invoice-modal .img-invoice img {
    width: 25%;
}

.invoice-table thead {
    background-color: var(--background-L4);
}

.invoice-table thead th {
    padding-top: 15px;
    padding-bottom: 15px;
}

.invoice-table tr {
    border-color: transparent;
}

/* ================= Start:- Members ================= */

.member-list .card-member {
    margin-bottom: 8px;
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
    border-radius: var(--border-radius-8);
    background-color: var(--background-L1);
    box-shadow: 0px 2px 2px hsla(0, 0%, 0%, 0.05);
    -webkit-transition: .4s;
    transition: .4s;
}

.card-member .row>div:first-child {
    position: relative;
}

.card-member .row>div:first-child .select-check {
    position: absolute;
    top: 5%;
    left: 5%;
}


.select-check input[type=checkbox] {
    display: none;
}

.select-check-label {
    cursor: pointer;
    color: var(--all-black-3);
}

.card-member+input[type=checkbox]:checked {
    background-color: #000000;
}

.select-check input[type=checkbox]:checked+.select-check-label {
    color: var(--primary-5);
}

.member-img-div {
    position: relative;
    z-index: 1000;
}

.img-member {
    width: 70px;
    height: 70px;
    border-radius: 50%;
}

.img-member-badge {
    position: absolute;
    top: 1%;
    right: 1%;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: var(--background-L1);
    z-index: 1500;
}

.card-member .row>div:last-child {
    position: relative;
}

.card-member .row>div:last-child .dropdown {
    position: absolute;
    top: 5%;
    right: 5%;
}

.team-card {
    background-color: var(--background-L1);
    border: 2px solid transparent;
    border-radius: var(--border-radius-8);
    cursor: pointer;
    -webkit-transition: .4s;
    transition: .4s;
}

.team-card:hover,
.team-card:focus {
    border-color: var(--primary-5);
    box-shadow: 0px 24px 27px hsla(232, 76%, 26%, 0.3);
}

.team-card-img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
}

.team-card-member-img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
}

.team-card-member-img-con .team-card-member-img:nth-child(2) {
    margin-left: -15px;
}

.team-card-member-img-con .team-card-member-img:nth-child(3) {
    margin-left: -15px;
}

.members-modal-list {
    height: 300px;
    border-radius: var(--border-radius-10);
    background-color: var(--background-L6);
    overflow: auto;
}

.course-for-pick {
    height: 300px;
    overflow: auto;
}

.img-intake-con {
    position: relative;
}

.img-intake {
    width: 200px;
    height: auto;
}

.img-intake-con .info-badge {
    position: absolute;
    left: 15%;
    bottom: 18%;
}

/* Select2 */
.select2-container--default .select2-selection--single {
    width: 100%;
    padding: 0.375rem 2.25rem 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-size: 16px 12px;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.select2-container .select2-selection--single {
    height: 35px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 7px 7px 0 7px;
    height: 0;
    left: 0%;
    margin-left: -4px;
    margin-top: 0px;
    position: absolute;
    top: 50%;
    width: 0;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 7px 7px 7px;
}

.select2-dropdown {
    background-color: #fff;
    border: 1px solid #ced4da;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}

.select2-container--default .select2-search--dropdown .select2-search__field:hover,
.select2-container--default .select2-search--dropdown .select2-search__field:focus {
    border: 1px solid #1a90da;
    ;
}

.select2-search--dropdown .select2-search__field {
    padding: 0.375rem 2.25rem 0.375rem 0.75rem;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #cecfcf;
    color: #202020;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    font-weight: 500;
    line-height: 1.5;
}

.select2-results__options {
    font-weight: 500;
}

.payment-plan-info {
    border: 1px solid #919191;
    border-bottom-color: transparent;
}

.payment-plan-info:first-child {
    background-color: #c9c9c9 !important;
}

.payment-plan-info:last-child {
    border-bottom-color: #919191;
}

.payment-plan-info:nth-child(odd){
    background-color: #f3f3f3;
}