@import url(https://fonts.googleapis.com/css2?family=Martel+Sans:wght@300&family=MuseoModerno: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&family=Open+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,700&family=Poppins:wght@300;400;500;600;700;900&family=Roboto:ital,wght@0,500;1,400;1,500&display=swap);

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
    margin: 0
}

code {
    font-family: source-code-pro, Menlo, Monaco, Consolas, Courier New, monospace
}

*,
:after,
:before {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    scroll-behavior: smooth
}

html {
    font-size: 10px
}

body {
    color: #282828;
    font-family: Poppins, sans-serif;
    font-size: 1.6rem;
    line-height: 1.6
}

ul {
    list-style-type: none
}

a {
    color: inherit;
    text-decoration: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
    text-transform: capitalize
}

.loader-img {
    animation: loader 2s infinite;
    width: fit-content
}

@keyframes loader {
    0% {
        transform: rotateY(0deg)
    }

    to {
        transform: rotateY(1turn)
    }
}

.loader {
    align-items: center;
    background: #7575757d;
    display: flex;
    height: 100%;
    inset: 0;
    justify-content: center;
    position: fixed;
    width: 100%;
    z-index: 99
}

.capitalize {
    text-transform: capitalize
}

.cursor {
    cursor: pointer
}

.recharts-wrapper {
    max-width: 100% !important;
    width: 100% !important
}

.MuiChartsLegend-root {
    display: none
}

.form-section {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-bottom: 20px;
    position: relative
}

.form-section label {
    color: #282828;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.form-section label.disabled {
    color: #dedede
}

.form-section label.radiolabel {
    align-items: center;
    display: flex;
    gap: 10px
}

.form-section label.radiolabel input {
    accent-color: #3282c4;
    height: 24px;
    min-width: 0;
    min-width: auto;
    width: 24px
}

.form-section select {
    text-transform: capitalize
}

.form-section :is(input, textarea, select) {
    background: #dedede1a;
    background: var(--Input-default, #dedede1a);
    border: 1px solid #dedede;
    border: 1px solid var(--Default-input-stroke, #dedede);
    border-radius: 6px;
    color: #282828;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 13px 20px
}

.form-section :is(input, textarea, select).clipboard {
    padding-right: 34px
}

.form-section :is(input, textarea, select)[type=radio] {
    height: 20px !important;
    min-width: 0 !important;
    min-width: auto !important;
    width: 20px !important
}

.form-section :is(input, textarea, select) option {
    text-transform: capitalize
}

.form-section :is(input, textarea, select)[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none
}

.form-section :is(input, textarea, select):disabled {
    background: #dedede1a;
    background: var(--Input-default, #dedede1a);
    border: 1px solid #dedede;
    border: 1px solid var(--Default-input-stroke, #dedede);
    color: #dedede
}

.form-section :is(input, textarea, select):focus,
.form-section :is(input, textarea, select):not(:disabled).activeClass {
    background: #ebf3fa;
    background: var(--Input-Field---BG, #ebf3fa);
    border: 1px solid #3282c4;
    border: 1px solid var(--Primary, #3282c4);
    outline: 0
}

.form-section :is(input, textarea, select):focus::file-selector-button,
.form-section :is(input, textarea, select):not(:disabled).activeClass::file-selector-button {
    border: thin solid #3282c4;
    border-radius: 3px;
    color: #1e90ff;
    font-size: 12px;
    padding: 5px
}

.form-section :is(input, textarea, select).error {
    background: #f9e6e5;
    background: var(--Input-Field---Error---BG, #f9e6e5);
    border: 1px solid #e84138;
    border: 1px solid var(--Error, #e84138);
    border-radius: 4px
}

.form-section select {
    max-width: 100%;
    width: 300px
}

.form-section .errorMSG {
    color: #e84138;
    color: var(--Error, #e84138);
    font-size: 12px;
    position: absolute;
    top: 100%;
    white-space: nowrap
}

.form-section span.eye-icon {
    bottom: 25px;
    position: absolute;
    right: 15px;
   
}

.form-section span.eye-icon i {
    font-size: 15px;
}

.radio {
    display: flex;
    flex-wrap: wrap;
    gap: 12px
}

.radioButton {
    align-items: center;
    display: flex;
    gap: 5px
}

.form-checkbox {
    display: flex;
    gap: 10px
}

.form-checkbox input {
    height: 22px;
    width: 22px
}

.button {
    align-items: center;
    background: #3282c4;
    background: var(--Primary, #3282c4);
    border: 1px solid #3282c4;
    border-radius: 4px;
    color: #fff;
    display: flex;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    gap: 20px;
    justify-content: center;
    line-height: normal;
    min-width: 150px;
    padding: 8px 20px;
    width: fit-content
}

.button.full-width {
    width: 100%
}

.button.outline {
    background-color: #fff;
    color: #3282c4
}

.buttonss {
    align-items: center;
    background: #30b607;
    background: var(--Primary, #30b607);
    border: 1px solid #149b08;
    border-radius: 4px;
    color: #fff;
    display: flex;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    gap: 20px;
    justify-content: center;
    line-height: normal;
    min-width: 150px;
    padding: 8px 20px;
    width: fit-content
}

.buttonss.full-width {
    width: 100%
}

.buttonss.outline {
    background-color: #fff;
    color: #05b305
}

.buttons {
    align-items: center;
    background: #3282c4;
    background: var(--Primary, #3282c4);
    border: 1px solid #3282c4;
    border-radius: 4px;
    color: #fff;
    cursor: not-allowed;
    display: flex;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    gap: 20px;
    justify-content: center;
    line-height: normal;
    min-width: 150px;
    opacity: .5;
    padding: 8px 20px;
    width: fit-content
}

.buttons.full-width {
    width: 100%
}

.buttons.outline {
    background-color: #fff;
    color: #3282c4
}

.login {
    background-color: #3282c4;
    background-color: var(--Primary, #3282c4);
    background-image: url(./src/loginBG.png);
    background-position: 0 100%;
    background-repeat: no-repeat
}

.login-section {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
    margin: auto;
    max-width: 1220px;
    min-height: 100vh;
    padding: clamp(30px, 4vw, 120px) 20px
}

@media(max-width:768px) {
    .login-section {
        justify-content: center
    }
}

@media(min-width:768px) {
    .login-section-text {
        max-width: 32%
    }
}

.login-section-text h1 {
    color: #fff;
    font-size: clamp(26px, 3vw, 42px);
    font-style: normal;
    font-weight: 600;
    letter-spacing: -.5px;
    line-height: normal;
    max-width: 370px
}

.login-section-form {
    margin-block: auto;
    max-width: 100%
}

.login-section-form form {
    background: #fff;
    border-radius: 20px;
    max-width: 100%;
    padding: 30px;
    width: 470px
}

.login-section-form form .logo {
    text-align: center
}

.login-section-form form .logo img {
    max-width: 100%
}

.login-section-form form h2 {
    color: #282828;
    font-size: clamp(20px, 3vw, 24px);
    font-style: normal;
    font-weight: 600;
    letter-spacing: -.24px;
    line-height: normal;
    margin-block: clamp(20px, 3vw, 30px);
    text-align: center
}

.login-section-form form .forgrt {
    color: #282828;
    display: block;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 16px 0 30px;
    text-align: right
}

.registration {
    align-items: center;
    background: #3282c4;
    background: var(--Primary, #3282c4);
    display: flex;
    justify-content: center;
    min-height: 100vh
}

.registrationForm {
    background: #fff;
    border-radius: 20px;
    margin: 20px auto;
    max-width: 1160px;
    padding: clamp(20px, 3vw, 40px);
    width: 90%
}

.registration .registrationForm_inner {
    grid-column-gap: 20px;
    column-gap: 20px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(256px, 1fr))
}

.registration .radio_section {
    grid-column-gap: 20px;
    column-gap: 20px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(247px, 1fr))
}

.registration .radio_button {
    align-items: end;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 10px
}

.main-section {
    background: #f5f7fb;
    display: flex;
    transition: all 1s
}

.main-section .right-section {
    position: relative;
    width: calc(100% - 240px)
}

.main-section .right-section.profilepage {
    width: calc(100% - 84px)
}

@media only screen and (min-width:992px)and (max-width:1360px) {
    .main-section .right-section {
        width: calc(100% - 84px)
    }
}

@media(max-width:991px) {
    .main-section .right-section {
        width: 100% !important
    }
}

.main-section .inner-section {
    background: #f5f7fb;
    height: calc(100vh - 138px);
    overflow: auto;
    padding: 20px
}

@media(min-width:768px) {
    .main-section .inner-section.profile-list {
        padding-left: 182px
    }
}

.tabText {
    border-bottom: 2px solid #0000;
    color: #252e4a;
    color: var(--Primary, #252e4a);
    display: inline-block;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    padding: 10px 26px;
    width: fit-content
}

.tabText.active {
    border-color: currentColor;
    color: #3282c4
}

.side-bar {
    background: #192030;
    box-shadow: 2px 0 6px 0 #1414141a;
    padding: 16px;
    transition: all 1s;
    white-space: nowrap;
    width: 240px
}

.side-bar.profile {
    width: 84px
}

.side-bar.profile .logo,
.side-bar.profile ul .navitem span {
    display: none
}

.side-bar.profile .menulogo {
    display: block
}

@media only screen and (min-width:992px)and (max-width:1360px) {
    .side-bar:not(.active) {
        width: 84px
    }

    .side-bar:not(.active) .logo,
    .side-bar:not(.active) ul .navitem span {
        display: none
    }

    .side-bar.logo,
    .side-bar:not(.active) .menulogo {
        display: block
    }

    .side-bar.menulogo {
        display: none
    }
}

@media(max-width:991px) {
    .side-bar {
        position: fixed;
        top: 86px;
        transform: translateX(0);
        z-index: 222
    }

    .side-bar:not(.active) {
        transform: translateX(-250px)
    }
}

@media(max-width:576px) {
    .side-bar {
        top: 60px
    }
}

.side-bar-logo {
    text-align: center
}

.side-bar-logo img {
    max-width: 100%
}

.side-bar-logo img.menulogo {
    display: none
}

.side-bar ul.menulist {
    height: calc(100vh - 222px);
    margin-block: 30px;
    overflow-x: clip
}

.side-bar ul.menulist::-webkit-scrollbar {
    width: 2px
}

.side-bar ul.menulist::-webkit-scrollbar-thumb {
    background: #f1f1f1
}

@media(max-width:991px) {
    .side-bar ul.menulist {
        margin-block: 5px
    }
}

@media(max-width:576px) {
    .side-bar ul.menulist {
        height: calc(100vh - 116px)
    }
}

.side-bar ul .navitem {
    margin-bottom: 12px
}

.side-bar ul .navitem a {
    align-items: center;
    border-radius: 6px;
    color: #adb4bf;
    color: var(--DIsable, #adb4bf);
    display: flex;
    font-size: 14px;
    font-weight: 500;
    gap: 20px;
    line-height: 14px;
    padding: 14px
}

.side-bar ul .navitem a svg path {
    stroke: #adb4bf;
    stroke: var(--DIsable, #adb4bf)
}

.side-bar ul .navitem.active a {
    background: #3282c4;
    color: #fff
}

.side-bar ul .navitem.active a svg path {
    stroke: #fff
}

.logoutClose {
    display: flex;
    justify-content: end
}

.logoutImg {
    display: flex;
    justify-content: center
}

.logout {
    display: block;
    width: 100%
}

.logout_button {
    align-items: center;
    display: flex;
    gap: 14px;
    justify-content: center
}

.logoutPop {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 10px;
    height: 295px !important;
    inset: 40px;
    outline: none;
    overflow: auto;
    padding: 20px;
    position: absolute;
    width: 30%
}

.logout_text {
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 8%;
    margin-top: 20px;
    text-align: center
}

.logout_btn {
    border: none;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 500;
    height: 48px;
    line-height: 18px;
    width: 190px
}

.logout_cancel {
    background-color: #fff;
    border: 1px solid #3282c4 !important;
    color: #3282c4
}

.logout_success {
    background-color: #3282c4;
    color: #fff
}

.header {
    align-items: center;
    background: #fff;
    box-shadow: 0 1px 4px 2px #06283d08;
    display: flex;
    justify-content: space-between;
    padding: 18px 20px
}

@media(max-width:576px) {
    .header {
        padding: 8px
    }
}

.header-left {
    align-items: center;
    display: flex;
    gap: 10px
}

.header .HambergerIcon {
    display: none;
    width: 40px
}

.header .HambergerIcon svg {
    vertical-align: middle
}

.header .HambergerIcon svg path {
    stroke: #3282c4
}

@media(max-width:1360px) {
    .header .HambergerIcon {
        display: block
    }
}

.header-text {
    color: #252e4a;
    color: var(--Text-Primary, #252e4a);
    font-size: 20px;
    font-weight: 600;
    line-height: 20px
}

.header-right {
    display: flex;
    gap: 30px
}

.header-right .notifaction {
    background: #fff;
    border: 1px solid #eaf1fb;
    border-radius: 6px;
    height: 42px;
    width: 42px
}

.header-profile,
.header-right .notifaction {
    align-items: center;
    display: flex;
    justify-content: center
}

.header-profile {
    gap: 14px
}

.header-profile-img {
    border-radius: 50%;
    height: 42px;
    overflow: hidden;
    width: 42px
}

.header-profile-img img {
    height: 100%;
    object-fit: cover;
    object-position: center;
    width: 100%
}

@media(max-width:576px) {
    .header-profile-section {
        display: none
    }
}

.header-profile-id {
    background: #69976529;
    border-radius: 4px;
    color: #699765;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 12px;
    padding: 6px
}

.header-profile-name {
    color: #252e4a;
    color: var(--Text-Primary, #252e4a);
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    padding-top: 6px
}

.notificationPop {
    display: flex;
    justify-content: space-between;
    padding: 0 20px;
    width: 100%
}

.mainNotificationPop {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 10px;
    inset: 40px;
    margin-left: auto;
    max-height: 388px;
    min-height: 388px;
    outline: none;
    overflow: auto;
    padding: 20px 0;
    position: absolute;
    right: 25px;
    top: 9%;
    width: 400px;
    z-index: 1
}

li.li_notification {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 500
}

.notification_clear {
    align-items: center;
    background: #3282c4;
    background: var(--Primary, #3282c4);
    border: 1px solid #3282c4;
    border-radius: 4px;
    color: #fff;
    display: flex;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    gap: 20px;
    justify-content: center;
    line-height: normal;
    margin-left: 23px;
    min-width: 97px;
    padding: 8px 20px;
    width: fit-content
}

.notification_list {
    border-bottom: 1px solid #2828282e;
    margin: 0 20px;
    padding-block: 20px 18px
}

.ReactModal__Overlay.ReactModal__Overlay--after-open {
    background: #0000 none repeat 0 0/auto auto padding-box border-box scroll !important;
    background: initial !important
}

.li_notification:after {
    background: #3282c4;
    border-radius: 50%;
    content: "";
    display: block;
    height: 9px;
    left: 0;
    position: absolute;
    top: 8px;
    width: 9px
}

li.li_notification {
    padding: 0 0 10px 23px;
    position: relative
}

.pop_notification_header {
    margin: 0
}

.top-icon {
    background-color: #dd2a2a;
    border-radius: 50%;
    content: "";
    height: 8px;
    position: relative;
    right: 17%;
    top: 5px;
    width: 8px
}

.notification_none {
    display: none
}

.notification_list_none {
    align-items: center;
    height: 200px;
    text-align: center
}

.footer,
.notification_list_none {
    display: flex;
    justify-content: center
}

.footer {
    padding: 20px 60px;
    position: relative
}

.footer p {
    color: #adb4bf;
    color: var(--DIsable, #adb4bf);
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px
}

.footer-version {
    position: absolute;
    right: 20px
}

.Profile-menu {
    background: #fff;
    border-right: 1px solid #252e4a1a;
    height: calc(100vh - 81px);
    left: 0;
    margin-bottom: 10px;
    overflow: auto;
    position: absolute;
    top: 81px;
    width: 167px
}

.Profile-menu::-webkit-scrollbar {
    width: 2px
}

.Profile-menu::-webkit-scrollbar-thumb {
    background: #252e4a
}

.Profile-menu-list {
    text-wrap: nowrap;
    color: #252e4a;
    color: var(--Text-Primary, #252e4a);
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    padding: 17px 20px
}

.Profile-menu-list.active {
    background: #3282c4;
    background: var(--Primary, #3282c4);
    color: #fff
}

@media(max-width:768px) {
    .Profile-menu {
        display: flex;
        height: fit-content;
        position: static;
        width: 100%
    }
}

:root {
    --toastify-color-light: #fff;
    --toastify-color-dark: #121212;
    --toastify-color-info: #3498db;
    --toastify-color-success: #07bc0c;
    --toastify-color-warning: #f1c40f;
    --toastify-color-error: #e74c3c;
    --toastify-color-transparent: #ffffffb3;
    --toastify-icon-color-info: var(--toastify-color-info);
    --toastify-icon-color-success: var(--toastify-color-success);
    --toastify-icon-color-warning: var(--toastify-color-warning);
    --toastify-icon-color-error: var(--toastify-color-error);
    --toastify-toast-width: 320px;
    --toastify-toast-offset: 16px;
    --toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));
    --toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));
    --toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));
    --toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));
    --toastify-toast-background: #fff;
    --toastify-toast-min-height: 64px;
    --toastify-toast-max-height: 800px;
    --toastify-toast-bd-radius: 6px;
    --toastify-font-family: sans-serif;
    --toastify-z-index: 9999;
    --toastify-text-color-light: #757575;
    --toastify-text-color-dark: #fff;
    --toastify-text-color-info: #fff;
    --toastify-text-color-success: #fff;
    --toastify-text-color-warning: #fff;
    --toastify-text-color-error: #fff;
    --toastify-spinner-color: #616161;
    --toastify-spinner-color-empty-area: #e0e0e0;
    --toastify-color-progress-light: linear-gradient(90deg, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
    --toastify-color-progress-dark: #bb86fc;
    --toastify-color-progress-info: var(--toastify-color-info);
    --toastify-color-progress-success: var(--toastify-color-success);
    --toastify-color-progress-warning: var(--toastify-color-warning);
    --toastify-color-progress-error: var(--toastify-color-error);
    --toastify-color-progress-bgo: 0.2
}

.Toastify__toast-container {
    box-sizing: border-box;
    color: #fff;
    padding: 4px;
    position: fixed;
    -webkit-transform: translateZ(9999);
    -webkit-transform: translateZ(var(--toastify-z-index));
    width: 320px;
    width: var(--toastify-toast-width);
    z-index: 9999;
    z-index: var(--toastify-z-index)
}

.Toastify__toast-container--top-left {
    left: max(16px, env(safe-area-inset-left));
    left: var(--toastify-toast-left);
    top: max(16px, env(safe-area-inset-top));
    top: var(--toastify-toast-top)
}

.Toastify__toast-container--top-center {
    left: 50%;
    top: max(16px, env(safe-area-inset-top));
    top: var(--toastify-toast-top);
    transform: translateX(-50%)
}

.Toastify__toast-container--top-right {
    right: max(16px, env(safe-area-inset-right));
    right: var(--toastify-toast-right);
    top: max(16px, env(safe-area-inset-top));
    top: var(--toastify-toast-top)
}

.Toastify__toast-container--bottom-left {
    bottom: max(16px, env(safe-area-inset-bottom));
    bottom: var(--toastify-toast-bottom);
    left: max(16px, env(safe-area-inset-left));
    left: var(--toastify-toast-left)
}

.Toastify__toast-container--bottom-center {
    bottom: max(16px, env(safe-area-inset-bottom));
    bottom: var(--toastify-toast-bottom);
    left: 50%;
    transform: translateX(-50%)
}

.Toastify__toast-container--bottom-right {
    bottom: max(16px, env(safe-area-inset-bottom));
    bottom: var(--toastify-toast-bottom);
    right: max(16px, env(safe-area-inset-right));
    right: var(--toastify-toast-right)
}

@media only screen and (max-width:480px) {
    .Toastify__toast-container {
        left: env(safe-area-inset-left);
        margin: 0;
        padding: 0;
        width: 100vw
    }

    .Toastify__toast-container--top-center,
    .Toastify__toast-container--top-left,
    .Toastify__toast-container--top-right {
        top: env(safe-area-inset-top);
        transform: translateX(0)
    }

    .Toastify__toast-container--bottom-center,
    .Toastify__toast-container--bottom-left,
    .Toastify__toast-container--bottom-right {
        bottom: env(safe-area-inset-bottom);
        transform: translateX(0)
    }

    .Toastify__toast-container--rtl {
        left: auto;
        right: env(safe-area-inset-right)
    }
}

.Toastify__toast {
    --y: 0;
    border-radius: 6px;
    border-radius: var(--toastify-toast-bd-radius);
    box-shadow: 0 4px 12px #0000001a;
    box-sizing: border-box;
    cursor: default;
    direction: ltr;
    display: flex;
    font-family: sans-serif;
    font-family: var(--toastify-font-family);
    justify-content: space-between;
    margin-bottom: 1rem;
    max-height: 800px;
    max-height: var(--toastify-toast-max-height);
    min-height: 64px;
    min-height: var(--toastify-toast-min-height);
    overflow: hidden;
    padding: 8px;
    position: relative;
    touch-action: none;
    z-index: 0
}

.Toastify__toast--stacked {
    position: absolute;
    transform: translate3d(0, var(--y), 0) scale(var(--s));
    transition: transform .3s;
    width: 100%
}

.Toastify__toast--stacked[data-collapsed] .Toastify__close-button,
.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body {
    transition: opacity .1s
}

.Toastify__toast--stacked[data-collapsed=false] {
    overflow: visible
}

.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>* {
    opacity: 0
}

.Toastify__toast--stacked:after {
    bottom: 100%;
    content: "";
    height: calc(var(--g)*1px);
    left: 0;
    position: absolute;
    right: 0
}

.Toastify__toast--stacked[data-pos=top] {
    top: 0
}

.Toastify__toast--stacked[data-pos=bot] {
    bottom: 0
}

.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before {
    transform-origin: top
}

.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before {
    transform-origin: bottom
}

.Toastify__toast--stacked:before {
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    transform: scaleY(3);
    z-index: -1
}

.Toastify__toast--rtl {
    direction: rtl
}

.Toastify__toast--close-on-click {
    cursor: pointer
}

.Toastify__toast-body {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    margin: auto 0;
    padding: 6px
}

.Toastify__toast-body>div:last-child {
    flex: 1 1;
    word-break: break-word
}

.Toastify__toast-icon {
    display: flex;
    flex-shrink: 0;
    margin-inline-end: 10px;
    width: 20px
}

.Toastify--animate {
    animation-duration: .5s;
    animation-fill-mode: both
}

.Toastify--animate-icon {
    animation-duration: .3s;
    animation-fill-mode: both
}

@media only screen and (max-width:480px) {
    .Toastify__toast {
        border-radius: 0;
        margin-bottom: 0
    }
}

.Toastify__toast-theme--dark {
    background: #121212;
    background: var(--toastify-color-dark);
    color: #fff;
    color: var(--toastify-text-color-dark)
}

.Toastify__toast-theme--colored.Toastify__toast--default,
.Toastify__toast-theme--light {
    background: #fff;
    background: var(--toastify-color-light);
    color: #757575;
    color: var(--toastify-text-color-light)
}

.Toastify__toast-theme--colored.Toastify__toast--info {
    background: #3498db;
    background: var(--toastify-color-info);
    color: #fff;
    color: var(--toastify-text-color-info)
}

.Toastify__toast-theme--colored.Toastify__toast--success {
    background: #07bc0c;
    background: var(--toastify-color-success);
    color: #fff;
    color: var(--toastify-text-color-success)
}

.Toastify__toast-theme--colored.Toastify__toast--warning {
    background: #f1c40f;
    background: var(--toastify-color-warning);
    color: #fff;
    color: var(--toastify-text-color-warning)
}

.Toastify__toast-theme--colored.Toastify__toast--error {
    background: #e74c3c;
    background: var(--toastify-color-error);
    color: #fff;
    color: var(--toastify-text-color-error)
}

.Toastify__progress-bar-theme--light {
    background: linear-gradient(90deg, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
    background: var(--toastify-color-progress-light)
}

.Toastify__progress-bar-theme--dark {
    background: #bb86fc;
    background: var(--toastify-color-progress-dark)
}

.Toastify__progress-bar--info {
    background: #3498db;
    background: var(--toastify-color-progress-info)
}

.Toastify__progress-bar--success {
    background: #07bc0c;
    background: var(--toastify-color-progress-success)
}

.Toastify__progress-bar--warning {
    background: #f1c40f;
    background: var(--toastify-color-progress-warning)
}

.Toastify__progress-bar--error {
    background: #e74c3c;
    background: var(--toastify-color-progress-error)
}

.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning {
    background: #ffffffb3;
    background: var(--toastify-color-transparent)
}

.Toastify__close-button {
    align-self: flex-start;
    background: #0000;
    border: none;
    color: #fff;
    cursor: pointer;
    opacity: .7;
    outline: none;
    padding: 0;
    transition: .3s ease;
    z-index: 1
}

.Toastify__close-button--light {
    color: #000;
    opacity: .3
}

.Toastify__close-button>svg {
    fill: currentColor;
    height: 16px;
    width: 14px
}

.Toastify__close-button:focus,
.Toastify__close-button:hover {
    opacity: 1
}

@keyframes Toastify__trackProgress {
    0% {
        transform: scaleX(1)
    }

    to {
        transform: scaleX(0)
    }
}

.Toastify__progress-bar {
    border-bottom-left-radius: 6px;
    border-bottom-left-radius: var(--toastify-toast-bd-radius);
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: .7;
    position: absolute;
    transform-origin: left;
    width: 100%;
    z-index: 9999;
    z-index: var(--toastify-z-index)
}

.Toastify__progress-bar--animated {
    animation: Toastify__trackProgress linear 1 forwards
}

.Toastify__progress-bar--controlled {
    transition: transform .2s
}

.Toastify__progress-bar--rtl {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 6px;
    border-bottom-right-radius: var(--toastify-toast-bd-radius);
    left: auto;
    right: 0;
    transform-origin: right
}

.Toastify__progress-bar--wrp {
    border-bottom-left-radius: 6px;
    border-bottom-left-radius: var(--toastify-toast-bd-radius);
    bottom: 0;
    height: 5px;
    left: 0;
    position: absolute;
    width: 100%
}

.Toastify__progress-bar--wrp[data-hidden=true] {
    opacity: 0
}

.Toastify__progress-bar--bg {
    height: 100%;
    opacity: .2;
    opacity: var(--toastify-color-progress-bgo);
    width: 100%
}

.Toastify__spinner {
    animation: Toastify__spin .65s linear infinite;
    border: 2px solid #e0e0e0;
    border-color: var(--toastify-spinner-color-empty-area);
    border-radius: 100%;
    border-right-color: #616161;
    border-right-color: var(--toastify-spinner-color);
    box-sizing: border-box;
    height: 20px;
    width: 20px
}

@keyframes Toastify__bounceInRight {

    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(3000px, 0, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0)
    }

    75% {
        transform: translate3d(10px, 0, 0)
    }

    90% {
        transform: translate3d(-5px, 0, 0)
    }

    to {
        transform: none
    }
}

@keyframes Toastify__bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px, var(--y), 0)
    }

    to {
        opacity: 0;
        transform: translate3d(2000px, var(--y), 0)
    }
}

@keyframes Toastify__bounceInLeft {

    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0)
    }

    75% {
        transform: translate3d(-10px, 0, 0)
    }

    90% {
        transform: translate3d(5px, 0, 0)
    }

    to {
        transform: none
    }
}

@keyframes Toastify__bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px, var(--y), 0)
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px, var(--y), 0)
    }
}

@keyframes Toastify__bounceInUp {

    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0, 3000px, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }

    75% {
        transform: translate3d(0, 10px, 0)
    }

    90% {
        transform: translate3d(0, -5px, 0)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes Toastify__bounceOutUp {
    20% {
        transform: translate3d(0, calc(var(--y) - 10px), 0)
    }

    40%,
    45% {
        opacity: 1;
        transform: translate3d(0, calc(var(--y) + 20px), 0)
    }

    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes Toastify__bounceInDown {

    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0)
    }

    75% {
        transform: translate3d(0, -10px, 0)
    }

    90% {
        transform: translate3d(0, 5px, 0)
    }

    to {
        transform: none
    }
}

@keyframes Toastify__bounceOutDown {
    20% {
        transform: translate3d(0, calc(var(--y) - 10px), 0)
    }

    40%,
    45% {
        opacity: 1;
        transform: translate3d(0, calc(var(--y) + 20px), 0)
    }

    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

.Toastify__bounce-enter--bottom-left,
.Toastify__bounce-enter--top-left {
    animation-name: Toastify__bounceInLeft
}

.Toastify__bounce-enter--bottom-right,
.Toastify__bounce-enter--top-right {
    animation-name: Toastify__bounceInRight
}

.Toastify__bounce-enter--top-center {
    animation-name: Toastify__bounceInDown
}

.Toastify__bounce-enter--bottom-center {
    animation-name: Toastify__bounceInUp
}

.Toastify__bounce-exit--bottom-left,
.Toastify__bounce-exit--top-left {
    animation-name: Toastify__bounceOutLeft
}

.Toastify__bounce-exit--bottom-right,
.Toastify__bounce-exit--top-right {
    animation-name: Toastify__bounceOutRight
}

.Toastify__bounce-exit--top-center {
    animation-name: Toastify__bounceOutUp
}

.Toastify__bounce-exit--bottom-center {
    animation-name: Toastify__bounceOutDown
}

@keyframes Toastify__zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

@keyframes Toastify__zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        transform: translate3d(0, var(--y), 0) scale3d(.3, .3, .3)
    }

    to {
        opacity: 0
    }
}

.Toastify__zoom-enter {
    animation-name: Toastify__zoomIn
}

.Toastify__zoom-exit {
    animation-name: Toastify__zoomOut
}

@keyframes Toastify__flipIn {
    0% {
        animation-timing-function: ease-in;
        opacity: 0;
        transform: perspective(400px) rotateX(90deg)
    }

    40% {
        animation-timing-function: ease-in;
        transform: perspective(400px) rotateX(-20deg)
    }

    60% {
        opacity: 1;
        transform: perspective(400px) rotateX(10deg)
    }

    80% {
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        transform: perspective(400px)
    }
}

@keyframes Toastify__flipOut {
    0% {
        transform: translate3d(0, var(--y), 0) perspective(400px)
    }

    30% {
        opacity: 1;
        transform: translate3d(0, var(--y), 0) perspective(400px) rotateX(-20deg)
    }

    to {
        opacity: 0;
        transform: translate3d(0, var(--y), 0) perspective(400px) rotateX(90deg)
    }
}

.Toastify__flip-enter {
    animation-name: Toastify__flipIn
}

.Toastify__flip-exit {
    animation-name: Toastify__flipOut
}

@keyframes Toastify__slideInRight {
    0% {
        transform: translate3d(110%, 0, 0);
        visibility: visible
    }

    to {
        transform: translate3d(0, var(--y), 0)
    }
}

@keyframes Toastify__slideInLeft {
    0% {
        transform: translate3d(-110%, 0, 0);
        visibility: visible
    }

    to {
        transform: translate3d(0, var(--y), 0)
    }
}

@keyframes Toastify__slideInUp {
    0% {
        transform: translate3d(0, 110%, 0);
        visibility: visible
    }

    to {
        transform: translate3d(0, var(--y), 0)
    }
}

@keyframes Toastify__slideInDown {
    0% {
        transform: translate3d(0, -110%, 0);
        visibility: visible
    }

    to {
        transform: translate3d(0, var(--y), 0)
    }
}

@keyframes Toastify__slideOutRight {
    0% {
        transform: translate3d(0, var(--y), 0)
    }

    to {
        transform: translate3d(110%, var(--y), 0);
        visibility: hidden
    }
}

@keyframes Toastify__slideOutLeft {
    0% {
        transform: translate3d(0, var(--y), 0)
    }

    to {
        transform: translate3d(-110%, var(--y), 0);
        visibility: hidden
    }
}

@keyframes Toastify__slideOutDown {
    0% {
        transform: translate3d(0, var(--y), 0)
    }

    to {
        transform: translate3d(0, 500px, 0);
        visibility: hidden
    }
}

@keyframes Toastify__slideOutUp {
    0% {
        transform: translate3d(0, var(--y), 0)
    }

    to {
        transform: translate3d(0, -500px, 0);
        visibility: hidden
    }
}

.Toastify__slide-enter--bottom-left,
.Toastify__slide-enter--top-left {
    animation-name: Toastify__slideInLeft
}

.Toastify__slide-enter--bottom-right,
.Toastify__slide-enter--top-right {
    animation-name: Toastify__slideInRight
}

.Toastify__slide-enter--top-center {
    animation-name: Toastify__slideInDown
}

.Toastify__slide-enter--bottom-center {
    animation-name: Toastify__slideInUp
}

.Toastify__slide-exit--bottom-left,
.Toastify__slide-exit--top-left {
    animation-duration: .3s;
    animation-name: Toastify__slideOutLeft;
    animation-timing-function: ease-in
}

.Toastify__slide-exit--bottom-right,
.Toastify__slide-exit--top-right {
    animation-duration: .3s;
    animation-name: Toastify__slideOutRight;
    animation-timing-function: ease-in
}

.Toastify__slide-exit--top-center {
    animation-duration: .3s;
    animation-name: Toastify__slideOutUp;
    animation-timing-function: ease-in
}

.Toastify__slide-exit--bottom-center {
    animation-duration: .3s;
    animation-name: Toastify__slideOutDown;
    animation-timing-function: ease-in
}

@keyframes Toastify__spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.stage {
    align-items: stretch;
    display: flex;
    height: 60px
}

.stage_percentage {
    background: #6aaa43;
    background: var(--Success, #6aaa43);
    font-size: 12px;
    min-width: 50px
}

.stage_percentage,
.stage_text {
    align-items: center;
    color: #fff;
    display: flex;
    height: 50px;
    justify-content: center;
    margin: 0
}

.stage_text {
    background: #3282c4;
    background: var(--Primary, #3282c4);
    font-size: 16px;
    width: 100%
}

.course-info {
    grid-gap: 20px;
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    margin: 24px 0
}

.header-section {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-between
}

.dashboard-inner {
    display: flex;
    gap: 22px;
    width: 100%
}

.dashboard-left {
    width: calc(100% - 322px)
}

@media(max-width:768px) {
    .dashboard-left {
        width: 100%
    }
}

.dashboard-right {
    min-width: 332px;
    width: 332px
}

@media(max-width:768px) {
    .dashboard-right {
        background: #f5f7fb;
        background: #fff;
        box-shadow: 0 1px 4px 2px #06283d08;
        height: calc(100vh - 136px);
        max-width: 100%;
        min-width: 0;
        min-width: auto;
        overflow: auto;
        padding: 20px;
        position: fixed;
        right: 0;
        top: 72px;
        transition: all 1s
    }

    .dashboard-right:not(.active) {
        transform: translateX(332px)
    }
}

.alert-icon {
    align-items: center;
    aspect-ratio: 1;
    background: rgba(255, 0, 0, .678);
    border-radius: 5px 0 0 5px;
    display: none;
    justify-content: center;
    position: fixed;
    right: 0;
    top: 97px;
    width: 33px;
    z-index: 99
}

@media(max-width:768px) {
    .alert-icon {
        display: flex
    }
}

.DScoures_img {
    height: 150px;
    width: 100%
}

::-webkit-scrollbar {
    background-color: #c7c8ca;
    border-radius: 5px;
    height: 8px;
    width: 8px
}

::-webkit-scrollbar-thumb {
    background: #3282c4;
    border-radius: 5px
}

.rate_li::marker {
    color: #3282c4
}

.issue_li,
.leave_li,
.rate_li {
    color: #6d7785;
    font-size: 14px
}

.issue_li::marker {
    color: #6aaa43
}

.leave_li::marker {
    color: #ff6636
}

.MuiBox-root.css-1i5do5i {
    max-width: 300px
}

.productivity-chart {
    align-items: center;
    justify-content: center;
    min-width: 100%
}

.chart-desc {
    margin: 0
}

.recharts-wrapper {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.css-oltlld-MuiResponsiveChart-container {
    width: fit-content !important
}

.bar-chart {
    display: block !important
}

.chart-desc {
    display: flex;
    gap: 18px;
    justify-content: center;
    margin-top: -38px;
    width: 100%
}

.main-chart-desc {
    margin: 0 !important;
    width: 100% !important;
    width: 100%
}

.productivity-chart {
    flex-direction: column !important
}

.rate_percentage {
    font-weight: 600 !important
}

.dashboard-empty-layout {
    width: 100%
}

@media(min-width:1602px) {
    .productivity-chart {
        flex-direction: row !important
    }

    .course-info {
        display: flex
    }

    .pie_chart svg {
        margin-left: -8px
    }
}

@media(max-width:1601px) {
    .productivity_rate_chart {
        display: flex;
        gap: 18px;
        margin-left: 0 !important;
        margin-top: -38px !important
    }

    .pie_chart {
        width: 300px !important
    }

    .css-vm63cb {
        left: 41% !important
    }

    .rate-chart {
        margin-left: 15% !important
    }

    .pie_chart svg {
        margin-left: 10px
    }

    .timesheetChart {
        width: 100% !important
    }
}

.chart-desc,
.productivity_rate_chart {
    flex-wrap: wrap;
    justify-content: center
}

.chart-desc li,
.productivity_rate_chart li {
    white-space: nowrap
}

.TimeBased {
    align-items: center;
    background-color: #fff;
    background-image: url(data:image/png;base64,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);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 6px;
    box-shadow: 0 2px 3px 2px #06283d0d;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
    padding: 24px
}

.TimeBased-content {
    flex: 1 1 200px
}

.TimeBased-content .TimeBasedGreeting {
    color: #00a49a;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    margin-bottom: 10px
}

.TimeBased-content p {
    color: #252e4a;
    color: var(--Text-Primary, #252e4a);
    font-size: 14px;
    font-weight: 400;
    line-height: 23px
}

.TimeBased-img {
    flex: 0 0 100px;
    margin-left: auto
}

.courses-card {
    align-items: center;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 3px 3px 2px #06283d0d;
    display: flex;
    gap: 16px;
    padding: 18px
}

.courses-card-img {
    align-items: center;
    border-radius: 50%;
    display: flex;
    height: 40px;
    justify-content: center;
    width: 40px
}

.courses-card-img.LightningYellow {
    background-color: #e99f42
}

.courses-card-img.LawnParty {
    background-color: #5ab464
}

.courses-card-img.Pear {
    background-color: #e1e129
}

.courses-card-img svg {
    vertical-align: middle
}

.courses-card-img svg path {
    stroke: #fff
}

.courses-card-count {
    color: #252e4a;
    color: var(--Text-Primary, #252e4a);
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 7px
}

.courses-card-name {
    color: #252e4ae6;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 14px
}

.DScoures {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-between
}

.DScoures.shadow {
    background: #fff;
    border-radius: 6px;
    box-shadow: 2px 2px 2px 0 #06283d0d, -2px -2px 2px 0 #06283d0d;
    max-width: 302px;
    padding: 10px;
    width: fit-content
}

.DScoures.AlertCards {
    align-items: start
}

.DScoures.AlertCards:not(:first-child) {
    border-top: 1px solid #e5e6e8;
    margin-top: 10px;
    padding-top: 10px
}

.DScoures.AlertCards.recentProject {
    border: .75px solid #62c0c080;
    border-radius: 8px;
    margin-top: 0;
    padding: 15px
}

.DScoures.AlertCards.recentProject:not(:first-child) {
    margin-top: 20px
}

.DScoures.AlertCards.recentProject:nth-child(3n+1) {
    background: rgba(227, 251, 251, .922);
    border-color: rgba(136, 240, 240, .922)
}

.DScoures.AlertCards.recentProject:nth-child(3n+1) .arrow-button {
    background: rgba(136, 240, 240, .922)
}

.DScoures.AlertCards.recentProject:nth-child(3n+2) {
    background: #f9f3e0;
    border-color: #e9d38a
}

.DScoures.AlertCards.recentProject:nth-child(3n+2) .arrow-button {
    background: #e9d38a
}

.DScoures.AlertCards.recentProject:nth-child(3n+3) {
    background: rgba(227, 251, 251, .922);
    border-color: rgba(136, 240, 240, .922)
}

.DScoures.AlertCards.recentProject:nth-child(3n+3) .arrow-button {
    background: rgba(136, 240, 240, .922)
}

.DScoures.AlertCards.recentProject:nth-child(3n+4) {
    background: rgba(227, 251, 251, .922);
    border-color: rgba(136, 240, 240, .922)
}

.DScoures.AlertCards.recentProject:nth-child(3n+4) .arrow-button {
    background: rgba(136, 240, 240, .922)
}

.DScoures.AlertCards.recentProject:nth-child(3n+5) {
    background: rgba(227, 251, 251, .922);
    border-color: rgba(136, 240, 240, .922)
}

.DScoures.AlertCards.recentProject:nth-child(3n+5) .arrow-button {
    background: rgba(136, 240, 240, .922)
}

.DScoures.AlertCards.recentProject:nth-child(3n+6) {
    background: #ffb49c33;
    border-color: #ff663633
}

.DScoures.AlertCards.recentProject:nth-child(3n+6) .arrow-button {
    background: #ff663633
}

.DScoures.AlertCards.recentProject:nth-child(3n+7) {
    background: #ffb49c33;
    border-color: #ff663633
}

.DScoures.AlertCards.recentProject:nth-child(3n+7) .arrow-button {
    background: #ff663633
}

.DScoures.AlertCards.recentProject:nth-child(3n+8) {
    background: #f9f3e0;
    border-color: #e9d38a
}

.DScoures.AlertCards.recentProject:nth-child(3n+8) .arrow-button {
    background: #e9d38a
}

.DScoures.AlertCards.recentProject:nth-child(3n+9) {
    background: #f9f3e0;
    border-color: #e9d38a
}

.DScoures.AlertCards.recentProject:nth-child(3n+9) .arrow-button {
    background: #e9d38a
}

.DScoures.AlertCards.recentProject:nth-child(3n+10) {
    background: #f9f3e0;
    border-color: #e9d38a
}

.DScoures.AlertCards.recentProject:nth-child(3n+10) .arrow-button {
    background: #e9d38a
}

.DScoures.AlertCards.recentProject:nth-child(3n+11) {
    background: #f9f3e0;
    border-color: #e9d38a
}

.DScoures.AlertCards.recentProject:nth-child(3n+11) .arrow-button {
    background: #e9d38a
}

.DScoures.AlertCards.recentProject:nth-child(3n+12) {
    background: #ffb49c33;
    border-color: #ff663633
}

.DScoures.AlertCards.recentProject:nth-child(3n+12) .arrow-button {
    background: #ff663633
}

.DScoures.AlertCards.recentProject:nth-child(3n+13) {
    background: rgba(227, 251, 251, .922);
    border-color: rgba(136, 240, 240, .922)
}

.DScoures.AlertCards.recentProject:nth-child(3n+13) .arrow-button {
    background: rgba(136, 240, 240, .922)
}

.DScoures.AlertCards.recentProject:nth-child(3n+14) {
    background: rgba(227, 251, 251, .922);
    border-color: rgba(136, 240, 240, .922)
}

.DScoures.AlertCards.recentProject:nth-child(3n+14) .arrow-button {
    background: rgba(136, 240, 240, .922)
}

.DScoures.AlertCards.recentProject:nth-child(3n+15) {
    background: #f9f3e0;
    border-color: #e9d38a
}

.DScoures.AlertCards.recentProject:nth-child(3n+15) .arrow-button {
    background: #e9d38a
}

.DScoures.AlertCards.recentProject:nth-child(3n+16) {
    background: #f9f3e0;
    border-color: #e9d38a
}

.DScoures.AlertCards.recentProject:nth-child(3n+16) .arrow-button {
    background: #e9d38a
}

.DScoures.AlertCards.recentProject:nth-child(3n+17) {
    background: rgba(227, 251, 251, .922);
    border-color: rgba(136, 240, 240, .922)
}

.DScoures.AlertCards.recentProject:nth-child(3n+17) .arrow-button {
    background: rgba(136, 240, 240, .922)
}

.DScoures.AlertCards.recentProject:nth-child(3n+18) {
    background: #ffb49c33;
    border-color: #ff663633
}

.DScoures.AlertCards.recentProject:nth-child(3n+18) .arrow-button {
    background: #ff663633
}

.DScoures.AlertCards.recentProject:nth-child(3n+19) {
    background: rgba(227, 251, 251, .922);
    border-color: rgba(136, 240, 240, .922)
}

.DScoures.AlertCards.recentProject:nth-child(3n+19) .arrow-button {
    background: rgba(136, 240, 240, .922)
}

.DScoures.AlertCards.recentProject:nth-child(3n+20) {
    background: #ffb49c33;
    border-color: #ff663633
}

.DScoures.AlertCards.recentProject:nth-child(3n+20) .arrow-button {
    background: #ff663633
}

.DScoures.AlertCards.recentProject li {
    list-style: none;
    padding: 1em
}

.DScoures-img {
    border-radius: 5px;
    flex: 0 0 146px;
    height: 118px;
    width: 146px
}

.DScoures-img.round {
    background-color: #333335;
    border-radius: 50%;
    flex: initial;
    height: 36px;
    padding: 8px;
    width: 36px
}

.DScoures-img.smallimg {
    flex: initial;
    height: 54px;
    width: 54px
}

.DScoures-img img {
    height: 100%;
    object-fit: cover;
    object-position: center;
    width: 100%
}

.DScoures-text {
    display: flex;
    flex: 1 1 150px;
    flex-direction: column;
    gap: 10px;
    padding-block: 6px
}

.DScoures-text-title {
    color: #333335;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px
}

.DScoures-text-stage {
    color: #6d7785;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    text-transform: capitalize
}

.DScoures-text .button-section {
    align-items: center;
    display: flex;
    gap: 20px;
    justify-content: start;
    margin-top: auto
}

.arrow-button {
    align-items: center;
    align-self: center;
    border-radius: 50%;
    display: flex;
    height: 36px;
    justify-content: center;
    width: 36px
}

.percent {
    position: relative;
    width: 50px
}

h3.number {
    color: #6aaa43;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    left: 50%;
    line-height: 12px;
    position: absolute;
    top: 45%;
    transform: translate(-50%, -50%)
}

.percent svg {
    height: 46px;
    position: relative;
    transform: rotate(-90deg);
    width: 46px
}

.percent svg circle {
    fill: none;
    stroke: #f0f0f0;
    stroke-width: 5;
    stroke-linecap: round;
    height: 100%;
    width: 100%
}

.subTitele {
    color: #252e4a;
    color: var(--Text-Primary, #252e4a);
    font-size: var(--fontSize);
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    margin: 20px 0
}

.SeeAll {
    color: #3282c4;
    color: var(--Primary, #3282c4);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    text-align: right
}

.card {
    background: #feffff;
    background-color: #f9e6e5
}

.card,
.cards-section {
    border-radius: 8px;
    box-shadow: 0 1px 4px 0 #00000f1a, 0 -1px 4px 0 #00000f1a;
    padding: 20px 15px
}

.cards-section {
    background: #feffff
}

.alert_p,
.startLearning button {
    font-size: 12px
}

.my_learnings .grid_colum {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr))
}

.my_learnings_card {
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 3px 3px 2px #06283d0d;
    margin: 10px auto;
    max-width: calc(100% - 20px);
    padding: 12px;
    width: 100%
}

.my_learnings_card.courseLockIcon {
    background-image: url(/static/media/course-lock-icon.489138c8ea7de675e2f0.png);
    background-size: cover
}

.my_learnings_card.courseLockIcon .my_learnings_lock {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    text-align: center
}

.my_learnings_card.courseLockIcon .my_learnings_lock_icon {
    align-items: center;
    background: #f5c814;
    border-radius: 50%;
    display: flex;
    height: 64px;
    justify-content: center;
    width: 64px
}

.my_learnings_card.courseLockIcon .my_learnings_lock p {
    color: #fff;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    line-height: 162.5%;
    margin-top: 10px;
    text-align: center
}

.my_learnings_card_img {
    aspect-ratio: 1.9;
    height: 190px;
    width: 100%
}

.my_learnings_card_img img {
    background-color: #000;
    border-radius: 6px;
    height: 100%;
    object-fit: cover;
    width: 100%
}

.my_learnings_card button {
    margin-top: 18px
}

button.slick-arrow {
    background-color: #0000;
    background-image: url(/static/media/sliderArrow.682e0e8c032b1f7280fe.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    border: initial;
    font-size: 0;
    height: 24px;
    padding: 0;
    position: absolute;
    right: 14px;
    top: -40px;
    width: 24px
}

button.slick-arrow.slick-prev {
    right: 40px;
    transform: rotate(180deg)
}

.slick-track {
    margin: initial !important
}

.formsections {
    grid-column-gap: 24px;
    column-gap: 24px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    margin: 24px 0;
    max-width: 702px
}

.thumbnail-img {
    align-items: center;
    border: 1.43px dashed #dedede;
    border: 1.43px dashed var(--Default-input-stroke, #dedede);
    border-radius: 5px;
    display: flex;
    height: 184px;
    justify-content: center
}

.thumbnail-img .thumbnail-input {
    display: none
}

.thumbnail-img img.thum {
    height: 100%;
    object-fit: contain;
    object-position: center;
    overflow: hidden;
    width: 100%
}

.thumbnail-img .uploadSection {
    color: #3282c4;
    color: var(--Primary, #3282c4);
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 25.74px;
    text-align: center
}

.videoPlayer {
    height: 190px !important;
    width: 100% !important
}

img.project_img {
    height: 190px
}

.projectThumbnail img {
    height: 160px;
    width: 100%
}

.slick-slider {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box;
    touch-action: pan-y;
    -webkit-user-select: none;
    user-select: none;
    -khtml-user-select: none
}

.slick-list,
.slick-slider {
    display: block;
    position: relative
}

.slick-list {
    margin: 0;
    overflow: hidden;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    transform: translateZ(0)
}

.slick-track {
    display: block;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 0
}

.slick-track:after,
.slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    border: 1px solid #0000;
    display: block;
    height: auto
}

.slick-arrow.slick-hidden {
    display: none
}

.Progress_header {
    margin-bottom: 12px
}

.Progress_header h1 {
    align-items: center;
    color: #6d7785;
    display: flex;
    font-size: 12px;
    font-weight: 500;
    justify-content: space-between
}

.Progress_header h1 span {
    color: #6d7785
}

.Progress_bar {
    background-color: #e6e7e9;
    border-radius: 15px;
    height: 7px;
    position: relative;
    width: 100%
}

.Progress_bar_value {
    background-color: #6aaa43;
    border-radius: 15px;
    height: 100%;
    position: absolute;
    width: var(--value)
}

.tad_header {
    background-color: #fff;
    background: #fff;
    border-top: 1px solid #efefef;
    box-shadow: 0 2px 12px 1px #06283d0f;
    margin: -20px -20px 20px;
    padding: 10px 0 0 20px
}

.form_section {
    align-items: center;
    column-gap: 20px;
    display: flex;
    flex-wrap: wrap;
    row-gap: 10px
}

.form_section .form-section {
    padding: 0
}

.form_section .form_field {
    align-items: end;
    column-gap: 20px;
    display: flex;
    flex-wrap: wrap;
    row-gap: 10px
}

.form_section .form_field .button {
    margin-bottom: 20px
}

.form_section .form_field :is(input, textarea, select) {
    height: 36px;
    min-width: 200px;
    padding: 5px
}

.form_section .form_field input[type=time] {
    max-width: 80px;
    min-width: 0;
    min-width: auto
}

input[type=time] {
    max-width: 120px;
    min-width: 0;
    min-width: auto
}

@media(max-width:768px) {
    .time {
        flex-direction: column;
        gap: 40px;
        justify-self: center;
        margin: auto;
        width: fit-content
    }
}

.time_stage {
    color: #ff6636;
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 220px
}

@media(max-width:768px) {
    .time_stage {
        align-items: center;
        flex-direction: row;
        width: 100%
    }
}

.time_stage:last-child .time_stage_date:before {
    content: normal
}

.time_stage_start {
    color: #252e4a;
    color: var(--Text-Primary, #252e4a);
    font-size: 14px;
    line-height: 16px;
    margin-top: -30px;
    width: 98%
}

.time_stage_no,
.time_stage_start {
    font-family: Poppins;
    font-style: normal;
    font-weight: 500
}

.time_stage_no {
    color: currentcolor;
    font-size: 12px;
    line-height: 12px
}

.time_stage_date {
    background: currentColor;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    padding: 9px 16px;
    position: relative;
    width: fit-content
}

.time_stage_date:after {
    border-bottom: 16px solid #0000;
    border-left: 13px solid;
    border-top: 18px solid #0000;
    color: #ff6636;
    content: "";
    display: inline-block;
    position: absolute;
    right: -12px;
    top: 0
}

@media(max-width:768px) {
    .time_stage_date:after {
        content: normal
    }
}

.time_stage_date:before {
    background: currentColor;
    content: "";
    display: block;
    height: 2px;
    left: 100%;
    position: absolute;
    top: 50%;
    width: 116%
}

@media(max-width:768px) {
    .time_stage_date:before {
        height: 50px;
        left: 50%;
        top: 100%;
        width: 2px
    }
}

.time_stage_date span {
    color: #fff;
    white-space: nowrap
}

.time_table {
    margin-top: 30px
}

.time_table .tabel-header button {
    display: none
}

.stage_2_color,
.stage_2_color:after,
.stage_text_2 {
    color: #3282c4
}

.stage_3_color,
.stage_3_color:after {
    color: #6aaa43
}

.stage_4_color,
.stage_4_color:after {
    color: #fa0
}

.null_message {
    color: #252e4a;
    color: var(--Text-Primary, #252e4a);
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    padding-bottom: 15px;
    text-align: center
}

.date_icon::-webkit-calendar-picker-indicator,
.date_icon::-webkit-inner-spin-button {
    -webkit-appearance: none;
    opacity: 0;
    position: absolute;
    width: 100%
}

.hours::-webkit-calendar-picker-indicator {
    opacity: 0
}

.form-section span.clock-icon {
    bottom: 8px;
    pointer-events: none;
    position: absolute;
    right: 22px
}

.hours {
    border: 1px;
    border-radius: 6px;
    color: #252e4a;
    font-family: Poppins;
    font-size: 12px;
    font-weight: 400;
    height: 49px;
    padding: 10px 18px !important;
    width: 100px
}

label {
    color: #767a7a !important
}

.radio label,
label {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 400
}

.radio label {
    color: #333335 !important
}

.radioButton {
    gap: 10px !important
}

.link {
    width: 400px
}

textarea {
    height: 96px
}

.form-section span.calendar-icon {
    bottom: 7px;
    pointer-events: none;
    position: absolute;
    right: 14px
}

.hours::-webkit-datetime-edit-ampm-field {
    display: none
}

.technology {
    width: 400px !important
}

.border_left {
    border-left: 4px solid;
    margin-bottom: 15px;
    padding-left: 10px
}

td.grandTotal,
tr.productivity {
    font-weight: 600 !important
}

tr.productivity {
    background-color: #3282c4;
    color: #fff
}

span.clock-icon {
    left: 70%;
    position: absolute;
    top: 60%
}

.filter_hours {
    min-width: 80px !important;
    text-indent: 5px;
    width: 80px !important
}

.date_icon {
    width: 160px
}

p.leave_apply {
    color: red;
    padding: 0 0 20px;
    text-align: center
}

.exceptCount {
    top: -20%
}

.daysCount,
.exceptCount {
    font-size: 12px;
    left: 68%;
    position: relative
}

.daysCount {
    top: 35%
}

.daysCount_1 {
    color: #ff6636
}

.daysCount_2 {
    color: #3282c4
}

.daysCount_3 {
    color: #6aaa43
}

.hideDays {
    visibility: hidden
}

.tabel-header {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: space-between
}

.table-responsive {
    overflow: auto;
    width: 100%
}

.table-responsive table {
    border: 1px solid #252e4a33;
    border-collapse: collapse;
    text-align: left;
    width: 100%
}

.table-responsive table thead {
    background: #ebf3fa;
    background: var(--Input-Field---BG, #ebf3fa);
    border: 1px solid #252e4a33
}

.table-responsive table thead th {
    color: #252e4a99;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    padding: 15px 10px
}

.table-responsive table tbody {
    border: 1px solid #252e4a33;
    color: #252e4a;
    color: var(--Text-Primary, #252e4a)
}

.table-responsive table tbody tr td {
    border-block: 1px solid #252e4a33;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    padding: 15px 10px
}

.emty-Layout {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 25px;
    justify-content: center;
    min-height: calc(100vh - 300px)
}

.emty-Layout img {
    max-width: 100%;
    object-fit: contain;
    object-position: center;
    text-align: center
}

.emty-Layout-content {
    color: #252e4a;
    color: var(--Text-Primary, #252e4a);
    font-size: 18px;
    font-weight: 500;
    line-height: normal
}

.grid_column {
    grid-gap: 20px;
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(auto-fit, minmax(332px, 1fr));
    margin-top: 20px
}

@media(max-width:425px) {
    .grid_column {
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr))
    }
}

.searchCont {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 0;
    width: 60%
}

.searchCont input {
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important
}

.btnSearch {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    min-width: fit-content;
    padding: 14px 16px
}

.img-cont {
    background-color: beige
}

.btn-box {
    flex-wrap: wrap
}

.btn-box button {
    flex: 1 1 120px;
    gap: 10px;
    min-width: 0;
    min-width: auto
}

.my_project button:hover {
    background-color: #000;
    color: #fff
}

.card-cont {
    border: 1px solid #d3d3d3;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 15px
}

.card-cont,
.img-cont {
    background-color: #fff
}

.img-cont {
    border: none;
    border-radius: 12px;
    height: 150px;
    outline: none;
    overflow: hidden;
    width: 98%
}

.img-cont img {
    border-radius: 10px;
    height: 100%;
    object-fit: contain;
    width: 100%
}

.content-cont {
    width: 98%
}

.content-cont h6 {
    font-size: 18px
}

.content-cont p {
    font-size: 15px
}

.dur-box {
    border-bottom: 1px solid gray;
    padding-bottom: 10px
}

.dur-box,
.time {
    display: flex;
    gap: 10px
}

.time {
    width: 35%
}

.time p {
    overflow: visible;
    overflow: initial;
    text-overflow: ellipsis
}

.time:nth-child(2) {
    width: 100%
}

.btn-box img,
.time img {
    height: 25px;
    width: 25px
}

.btn-box {
    display: flex;
    gap: 15px
}

.shareBtn {
    background: none !important;
    border: 1px solid #6aaa43 !important;
    color: #6aaa43 !important
}

button.react-share__ShareButton {
    all: unset;
    flex: 1 1 120px
}

button.react-share__ShareButton button {
    width: 100%
}

.tippy-box[data-animation=fade][data-state=hidden] {
    opacity: 0
}

[data-tippy-root] {
    max-width: calc(100vw - 10px)
}

.tippy-box {
    background-color: #333;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    line-height: 1.4;
    outline: 0;
    position: relative;
    transition-property: transform, visibility, opacity;
    white-space: normal
}

.tippy-box[data-placement^=top]>.tippy-arrow {
    bottom: 0
}

.tippy-box[data-placement^=top]>.tippy-arrow:before {
    border-top-color: initial;
    border-width: 8px 8px 0;
    bottom: -7px;
    left: 0;
    transform-origin: center top
}

.tippy-box[data-placement^=bottom]>.tippy-arrow {
    top: 0
}

.tippy-box[data-placement^=bottom]>.tippy-arrow:before {
    border-bottom-color: initial;
    border-width: 0 8px 8px;
    left: 0;
    top: -7px;
    transform-origin: center bottom
}

.tippy-box[data-placement^=left]>.tippy-arrow {
    right: 0
}

.tippy-box[data-placement^=left]>.tippy-arrow:before {
    border-left-color: initial;
    border-width: 8px 0 8px 8px;
    right: -7px;
    transform-origin: center left
}

.tippy-box[data-placement^=right]>.tippy-arrow {
    left: 0
}

.tippy-box[data-placement^=right]>.tippy-arrow:before {
    border-right-color: initial;
    border-width: 8px 8px 8px 0;
    left: -7px;
    transform-origin: center right
}

.tippy-box[data-inertia][data-state=visible] {
    transition-timing-function: cubic-bezier(.54, 1.5, .38, 1.11)
}

.tippy-arrow {
    color: #333;
    height: 16px;
    width: 16px
}

.tippy-arrow:before {
    border-color: #0000;
    border-style: solid;
    content: "";
    position: absolute
}

.tippy-content {
    padding: 5px 9px;
    position: relative;
    z-index: 1
}

.interviews {
    display: flex;
    flex-wrap: wrap;
    gap: 80px;
    row-gap: 10px
}

.interviews_status {
    align-items: center;
    display: flex;
    gap: 17px
}

.interviews_status_img img {
    height: 100%;
    object-fit: contain;
    object-position: center;
    width: 100%
}

.interviews_status_img {
    border-radius: 50%;
    height: 40px;
    width: 40px
}

.interviews_section {
    border-bottom: .75px solid #252e4a1a;
    display: flex;
    flex-wrap: wrap-reverse;
    gap: 34px;
    justify-content: space-between;
    margin-bottom: 20px;
    padding-bottom: 20px
}

.profile_part {
    flex: 0 0 177px
}

.Interview_section {
    display: flex;
    flex-direction: column;
    gap: 10px
}

.questionsAskedPop {
    max-height: 314px
}

.scheduled_interview_header {
    align-items: center;
    column-gap: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.scheduled_interview_card_section {
    background: #fff;
    border: 1px solid #252e4a1a;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: 400px;
    padding: 20px
}

.scheduled_interview_card_section h3 {
    color: #252e4a;
    color: var(--Text-Primary, #252e4a);
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px
}

.scheduled_interview_card_section h3 span,
.scheduled_interview_card_section ul {
    color: #252e4a;
    color: var(--Text-Primary, #252e4a);
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    padding-left: 20px
}

.scheduled_interview_card_section ul {
    display: flex;
    flex-direction: column;
    gap: 16px;
    list-style-type: disc
}

.button_section {
    display: flex;
    flex-wrap: wrap;
    gap: 16px
}

.button_section button {
    flex: 1 1 150px
}

.scheduled_interview_card {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    margin-top: 20px
}

.scheduled_interview_card_section ul li:first-child::marker {
    color: #e99f42
}

.scheduled_interview_card_section ul li:last-child::marker {
    color: #5ab464
}

.cardOuter {
    margin: auto;
    width: 90%
}

.inner_reward {
    display: flex !important;
    gap: 20px
}

.outerReward,
.reward_column {
    width: 100% !important
}

.outerReward {
    display: flex !important;
    flex-direction: column
}

.rewardsCont {
    align-items: center;
    background-color: #fff;
    display: flex !important;
    gap: clamp(20px, 3vw, 50px);
    margin: auto;
    max-width: calc(100% - 15px);
    padding: 20px
}

.leftCont {
    width: 30%
}

.rightCont {
    display: flex;
    flex-direction: column;
    gap: 5px;
    width: 70%
}

.rightCont h6 {
    font-size: 18px
}

.rewards {
    padding: 0
}

.profile-section,
.rewards {
    background: #fff;
    border: .75px solid #252e4a1a;
    border-radius: 4px;
    margin-bottom: 12px
}

.profile-section {
    padding: 30px
}

.profile-section .tabel-header .form-section {
    margin-bottom: 0;
    margin-left: auto
}

.profile-section .tabel-header .form-section input {
    padding: 8px 20px
}

.profile-section .formsection {
    max-width: 704px
}

.profile-section .formsection .file-input {
    display: none
}

.profile-section .formsection .profile-header {
    align-items: center;
    display: flex;
    gap: 18px
}

.profile-section .formsection .profile-header .header-profile-img {
    height: 80px;
    width: 80px
}

.profile-section .formsection .profile-header .header-profile-section {
    display: block
}

.profile-section .formsection .profile-header .header-profile-name {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px
}

.profile-section .formsection .profile-header button {
    all: unset;
    color: #3282c4;
    cursor: pointer;
    font-weight: 500
}

.profile-section .formsection .formsection-inner {
    grid-column-gap: 24px;
    column-gap: 24px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    margin: 24px 0
}

.profile-section .formsection .button-section {
    align-items: center;
    display: flex;
    gap: 20px
}

.skils-section {
    display: flex;
    gap: 10px
}

.skils-section p {
    border-radius: 100px;
    color: #3282c4;
    color: var(--Primary, #3282c4);
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    padding: 10px 18px;
    width: fit-content
}

.skils-section p,
.skils-section p span {
    background: #ebf3fa;
    background: var(--Input-Field---BG, #ebf3fa);
    border: 1px solid #3282c4;
    border: 1px solid var(--Primary, #3282c4)
}

.skils-section p span {
    align-items: center;
    aspect-ratio: 1;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    margin-left: 10px;
    width: 22px
}

.form_field .form-section {
    max-width: 400px
}

.form_field .form_section {
    grid-gap: 20px;
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    margin: 24px 0
}

.form_field .form_section .inner_section {
    display: flex;
    justify-content: space-between
}

.form_field .form_section .inner_section .form-section {
    max-width: calc(50% - 8px);
    width: auto
}

.button_group {
    display: flex;
    gap: 20px;
    height: fit-content;
    justify-content: end;
    max-height: 95vh
}

.popup_header {
    border-bottom: 1px solid #252e4a33;
    justify-content: space-between;
    margin-bottom: 20px;
    padding-bottom: 20px
}

.checkboxSection,
.popup_header {
    align-items: center;
    display: flex
}

.checkboxSection {
    gap: 10px
}

.checkboxSection input {
    height: 20px;
    width: 20px
}

.form_field .form_section .inner_section:has(.checkboxSection) .form-section {
    max-width: calc(35% - 10px)
}

span.skillcursor {
    cursor: pointer
}

.Breadcrumbs {
    padding: 10px
}

.Breadcrumbs span {
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    opacity: .6
}

.Breadcrumbs span,
.Breadcrumbs span:last-child {
    color: #252e4a;
    color: var(--Text-Primary, #252e4a)
}

.Breadcrumbs span:last-child {
    opacity: 1
}

.Breadcrumbs span .arrow {
    padding: 0 10px
}

.noteMsg {
    align-items: center;
    background: #f4e9c7;
    border-radius: 4px;
    display: flex;
    gap: 10px;
    margin: 10px 0;
    padding: 13px 20px
}

.noteMsg P {
    color: #a48213;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 14px
}

/*# sourceMappingURL=main.94291065.css.map*/